{"version":3,"file":"js/app.0aac351123c06f0e0289.js","mappings":"wvBAYe,8BAAc,EAAAA,IAAd,c,oBAKL,KAAAC,gBAA0B,CA4BpC,CA1BUC,SAASC,GACfC,OAAOC,SAASC,OAAOH,EAAgB,QACzC,CAEQI,SAASC,GACf,MAAyB,iBAArBA,EAAe,OAAyBA,EAAQC,eAAe,SAG5D,GAAGC,KAAKC,yHAAyHH,EAAe,QAF9I,0CAGX,CAEQI,iBACNF,KAAKT,gBAAkBS,KAAKT,cAC9B,CAEQY,UACNC,SAASC,iBAAiB,SAAS,KACjCL,KAAKT,gBAAiB,CAAK,IAE7Ba,SAASC,iBAAiB,WAAYC,IAExB,WADAA,EAAMC,MAEhBP,KAAKT,gBAAiB,E,GAG5B,GA9BA,IAAC,IAAAiB,MAAK,CAACC,UAAU,I,gBAA+BC,Q,qCAChD,IAAC,IAAAF,MAAK,CAACC,UAAU,I,gBAA8BC,Q,oCAHlC,MAPd,IAAAC,WAAU,CACTC,KAAM,kCACNC,WAAY,OAAF,WACL,eAAmBC,oB,sMCU1B,SAXgB,E,QAAA,GACd,UACA,IACA,KACA,EACA,KACA,KACA,MAI8B,O,iJClB+L,QAAe,G,uDCA9O,IAAIC,EAAS,SAASA,SAAS,IAAIC,EAAIhB,KAAKiB,EAAGD,EAAIE,MAAMD,GAAUD,EAAIE,MAAMC,YAAY,OAAOF,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACH,EAAG,KAAK,CAACD,EAAIK,GAAGL,EAAIM,GAAGN,EAAIO,GAAG,sBAAsBP,EAAIK,GAAG,KAAKJ,EAAG,SAAS,CAACG,YAAY,iCAAiCI,MAAM,CAAC,WAAaR,EAAIzB,gBAAgBkC,GAAG,CAAC,MAAQ,SAASC,GAAyD,OAAjDA,EAAOC,iBAAiBD,EAAOE,kBAAyBZ,EAAId,eAAe2B,MAAM,KAAMC,UAAU,IAAI,CAACb,EAAG,MAAM,CAACc,MAAM,CAAC,IAAMf,EAAInB,SAASmB,EAAIgB,kBAAkBhB,EAAIK,GAAG,KAAKJ,EAAG,OAAO,CAACG,YAAY,gBAAgB,CAACJ,EAAIK,GAAG,WAAWL,EAAIM,GAAGN,EAAIgB,cAAoB,MAAG,cAAchB,EAAIK,GAAG,KAAML,EAAkB,eAAEC,EAAG,KAAK,CAACG,YAAY,gBAAgBI,MAAM,CAAC,WAAaR,EAAIzB,iBAAiByB,EAAIiB,GAAIjB,EAAkB,gBAAE,SAASlB,GAAS,OAAOmB,EAAG,KAAK,CAACG,YAAY,gBAAgB,CAACH,EAAG,IAAI,CAACc,MAAM,CAAC,KAAOjC,EAAa,MAAI,CAACmB,EAAG,MAAM,CAACc,MAAM,CAAC,IAAMf,EAAInB,SAASC,MAAYkB,EAAIK,GAAG,KAAKJ,EAAG,OAAO,CAACG,YAAY,gBAAgB,CAACJ,EAAIK,GAAG,eAAeL,EAAIM,GAAGxB,EAAc,MAAG,mBAAmB,IAAG,GAAGkB,EAAIkB,MAClgC,EACIC,EAAkB,E","sources":["webpack:///./resources/area/web/default/js/components/catalog/ProductFamilies.vue?2a2e","webpack:///./resources/area/web/default/js/components/catalog/ProductFamilies.vue","webpack:///./resources/area/web/default/js/components/catalog/ProductFamilies.vue?f73b","webpack:///./resources/area/web/default/js/components/catalog/ProductFamilies.vue?7eb6"],"sourcesContent":["\nimport {Component, Vue, Prop} from 'vue-property-decorator';\nimport ServiceContainer from '@flashpointbv/solar-service-container';\n\n\n@Component({\n  name: 'catalog-product-family-products',\n  components: {\n    ...ServiceContainer().getComponents(),\n  }\n})\n\nexport default class extends Vue {\n\n  @Prop({required: true}) private familyProducts: Array<object>;\n  @Prop({required: true}) private parentProduct: Array<object>;\n\n  private dropdownActive: boolean = false;\n\n  private goToLink(option: object): void {\n    window.location.assign(option['url_key']);\n  }\n\n  private imageSrc(product: object): string {\n    if (product['image'] === 'no_selection' || !product.hasOwnProperty('image')) {\n      return '/area/web/default/assets/images/logo.svg';\n    }\n    return `${this.$solarCdnBaseUrl}/cdn/resize-extended/rs:fill/w:265/h:265/extend:true/background:255:255:255/path/media/catalog/product${product['image']}`;\n  }\n\n  private toggleDropdown(): void {\n    this.dropdownActive = !this.dropdownActive;\n  }\n\n  private mounted() : void {\n    document.addEventListener('click', ()=>{\n      this.dropdownActive = false;\n    });\n    document.addEventListener(\"keydown\", (event) => {\n      const key = event.key; // Or const {key} = event; in ES6+\n      if (key === \"Escape\") {\n        this.dropdownActive = false;\n      }\n    });\n  }\n}\n","import { render, staticRenderFns } from \"./ProductFamilies.vue?vue&type=template&id=b2f7017e&\"\nimport script from \"./ProductFamilies.vue?vue&type=script&lang=ts&\"\nexport * from \"./ProductFamilies.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!./ProductFamilies.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!./ProductFamilies.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__families\"},[_c('h4',[_vm._v(_vm._s(_vm.$t('Other variants')))]),_vm._v(\" \"),_c('button',{staticClass:\"selected family__item dropdown\",class:{'--active' : _vm.dropdownActive},on:{\"click\":function($event){$event.preventDefault();$event.stopPropagation();return _vm.toggleDropdown.apply(null, arguments)}}},[_c('img',{attrs:{\"src\":_vm.imageSrc(_vm.parentProduct)}}),_vm._v(\" \"),_c('span',{staticClass:\"family__text\"},[_vm._v(\"\\n      \"+_vm._s(_vm.parentProduct['name'])+\"\\n    \")])]),_vm._v(\" \"),(_vm.dropdownActive)?_c('ul',{staticClass:\"family__items\",class:{'--active' : _vm.dropdownActive}},_vm._l((_vm.familyProducts),function(product){return _c('li',{staticClass:\"family__item\"},[_c('a',{attrs:{\"href\":product['url']}},[_c('img',{attrs:{\"src\":_vm.imageSrc(product)}}),_vm._v(\" \"),_c('span',{staticClass:\"family__text\"},[_vm._v(\"\\n          \"+_vm._s(product['name'])+\"\\n        \")])])])}),0):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"names":["Vue","dropdownActive","goToLink","option","window","location","assign","imageSrc","product","hasOwnProperty","this","$solarCdnBaseUrl","toggleDropdown","mounted","document","addEventListener","event","key","Prop","required","Array","Component","name","components","getComponents","render","_vm","_c","_self","_setupProxy","staticClass","_v","_s","$t","class","on","$event","preventDefault","stopPropagation","apply","arguments","attrs","parentProduct","_l","_e","staticRenderFns"],"sourceRoot":""}