{"version":3,"file":"js/app.aef9bf807471564e0b93.js","mappings":"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","sources":["webpack:///./resources/area/web/default/js/components/catalog/product/configurator/ProductConfigurator.vue?758b","webpack:///./resources/area/web/default/js/components/catalog/product/configurator/ProductConfigurator.vue","webpack:///./resources/area/web/default/js/components/catalog/product/configurator/ProductConfigurator.vue?45c2","webpack:///./resources/area/web/default/js/components/catalog/product/configurator/ProductConfigurator.vue?bd88"],"sourcesContent":["\nimport {Component, Vue, Prop} from 'vue-property-decorator';\nimport {SolarDataLayer} from '@flashpointbv/solar-datalayer/dist';\n\n\n@Component({\n  name: 'catalog-product-configurator',\n  components: {\n    ProductConfiguratorGroup: () => import(/* webpackChunkName: \"catalog-product-configurator-group\" */ './ProductConfiguratorGroup.vue'),\n    ProductConfiguratorCode: () => import(/* webpackChunkName: \"catalog-product-configurator-code\" */ './ProductConfiguratorCode.vue'),\n  },\n})\n\nexport default class extends Vue {\n  @Prop({required: false, default: []}) readonly presetOptions: Array<object>;\n  @Prop({required: false, default: ''}) readonly configurationHash: string;\n  @Prop({required: true}) readonly productId: string;\n  @Prop() private readonly productData: object;\n  @Prop() private readonly level: string;\n  @Prop() private readonly name: string;\n  @Prop() private readonly category: string;\n\n  private observerOptions: object = {\n    root: null,\n    rootMargin: '0px',\n    threshold: 0\n  };\n  private observer: IntersectionObserver;\n\n  private created(): void {\n    this.$store.dispatch('CatalogProductConfigurator/setConfigurationProductId', this.productId);\n    let configuration: null | Promise<object> = null;\n\n    if (this.configurationHash) {\n      this.$store.commit('CatalogProductConfigurator/SET_CONFIGURATION_HASH', this.configurationHash);\n      this.$store.commit('CatalogProductConfigurator/SET_IS_PRESET', true);\n      configuration = this.$store.dispatch('CatalogProductConfigurator/dispatchConfigurationOption', this.presetOptions);\n    } else {\n      configuration = this.$store.dispatch('CatalogProductConfigurator/getConfiguratorOptions');\n    }\n\n    configuration.then(function () {\n      this.configurationSteps.forEach((step: object) => {\n        if (this.configurationSteps.indexOf(step) === 0) {\n          this.$store.dispatch('CatalogProductConfigurator/toggleStepVisibility', {code: step['code'], value: true});\n          return;\n        }\n\n        this.$store.dispatch('CatalogProductConfigurator/toggleStepVisibility', {code: step['code'], value: false});\n      });\n    }.bind(this));\n\n    SolarDataLayer.init().addViewItem(this.productData);\n  }\n\n  private get configurationSteps(): Array<object> {\n    return (this.$store.getters['CatalogProductConfigurator/getConfigurationSteps'] || []).filter((group: object) => ! group['hidden']);\n  }\n\n  private mounted(): void {\n    if (this.$mobileDetect.mobile()) {\n      window.addEventListener('load', () => {\n        const gallery = document.querySelector('.configurator__product__media');\n        this.observer = new IntersectionObserver(this.observerCallback, this.observerOptions);\n        this.observer.observe(gallery);\n      });\n    }\n  }\n\n  private observerCallback(entries: Array<object>): void {\n    const gallery = document.querySelector('.configurator__product__media');\n    const price = document.querySelector('.product__totals');\n\n    entries.forEach((entry: IntersectionObserverEntry) => {\n      if (entry.isIntersecting) {\n        gallery.classList.remove('--preview');\n        price.classList.remove('--sticky');\n      } else {\n        gallery.classList.add('--preview');\n        price.classList.add('--sticky');\n      }\n    });\n  }\n}\n","import { render, staticRenderFns } from \"./ProductConfigurator.vue?vue&type=template&id=62d1d310&\"\nimport script from \"./ProductConfigurator.vue?vue&type=script&lang=ts&\"\nexport * from \"./ProductConfigurator.vue?vue&type=script&lang=ts&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../../../../../../node_modules/ts-loader/index.js??clonedRuleSet-6.use[0]!../../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductConfigurator.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../../../../../../node_modules/ts-loader/index.js??clonedRuleSet-6.use[0]!../../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductConfigurator.vue?vue&type=script&lang=ts&\"","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"product__configurator\"},[_vm._l((_vm.configurationSteps),function(step,i){return _c('product-configurator-group',{key:step.code,attrs:{\"step\":step,\"number\":i + 1,\"show-group-header\":step.elements.length > 1}})}),_vm._v(\" \"),_c('product-configurator-code',{attrs:{\"level\":_vm.level,\"name\":_vm.name,\"category\":_vm.category},scopedSlots:_vm._u([{key:\"form-content\",fn:function(){return [_vm._t(\"form-content\")]},proxy:true},{key:\"form-success\",fn:function(){return [_vm._t(\"form-success\")]},proxy:true}],null,true)})],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"names":["Vue","observerOptions","root","rootMargin","threshold","created","this","$store","dispatch","productId","configuration","configurationHash","commit","presetOptions","then","configurationSteps","forEach","step","indexOf","code","value","bind","SolarDataLayer","init","addViewItem","productData","getters","filter","group","mounted","$mobileDetect","mobile","window","addEventListener","gallery","document","querySelector","observer","IntersectionObserver","observerCallback","observe","entries","price","entry","isIntersecting","classList","remove","add","Prop","required","default","Array","Component","name","components","ProductConfiguratorGroup","ProductConfiguratorCode","render","_vm","_c","_self","_setupProxy","staticClass","_l","i","key","attrs","elements","length","_v","level","category","scopedSlots","_u","fn","_t","proxy","staticRenderFns"],"sourceRoot":""}