{"version":3,"file":"7592.js?id=f6fcfaa3b17fbad4","mappings":"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","sources":["webpack://website-js/./src/components/product-details/ProductImages.vue","webpack://website-js/./src/components/product-details/DetailsBadges.vue","webpack://website-js/./src/components/product-details/DetailsBadges.vue?ba7e","webpack://website-js/./src/components/product-details/DetailsBadges.vue?2159","webpack://website-js/./src/components/product-details/DetailsBadges.vue?60f0","webpack://website-js/./src/components/product-details/DetailsIcons.vue","webpack://website-js/./src/components/product-details/DetailsIcons.vue?88f4","webpack://website-js/./src/components/product-details/DetailsIcons.vue?08af","webpack://website-js/./src/components/product-details/DetailsIcons.vue?b34e","webpack://website-js/./src/components/product-details/ProductImages.vue?8929","webpack://website-js/./src/components/product-details/ProductImages.vue?0b77","webpack://website-js/./src/components/product-details/ProductImages.vue?42cb"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"product-images uk-flex uk-flex-1\"},[(!_vm.showAsSlider)?_c('div',{staticClass:\"product-images-grid\",class:{'has-media-browser': _vm.showMediaBrowser}},[(_vm.images.length || _vm.has360)?[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showMediaBrowser),expression:\"showMediaBrowser\"}],staticClass:\"media-browser-container\"},[(_vm.has360)?_c('ul',{staticClass:\"media-browser\"},[_c('li',{staticClass:\"btn-360\",class:{'uk-active': _vm.show360}},[_c('a',{class:{'cbx-border': _vm.show360, 'uk-border': !_vm.show360},attrs:{\"href\":\"#\",\"data-type\":\"image\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.activate360()}}},[_c('img',{attrs:{\"src\":_vm.images360[0],\"alt\":\"\",\"loading\":\"lazy\",\"width\":_vm.thumbnailWidth,\"height\":_vm.thumbnailHeight}}),_c('span',{staticClass:\"icon-360\",attrs:{\"uk-icon\":\"icon: 360; ratio: 1.5\"}})])])]):_vm._e(),_c('ul',{staticClass:\"media-browser\",attrs:{\"id\":_vm.lightboxId,\"uk-lightbox\":\"\"}},_vm._l((_vm.images),function(img){return _c('li',{key:img.url,class:{'uk-active': img === _vm.activeImage && !_vm.show360}},[_c('a',{class:{'cbx-border': img === _vm.activeImage && !_vm.show360, 'uk-border': img !== _vm.activeImage || _vm.show360},attrs:{\"href\":_vm.getSizeUrl(img, 'large'),\"data-type\":\"image\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.setActiveImage(img)}}},[_c('img',{attrs:{\"src\":_vm.getSizeUrl(img, 'small'),\"alt\":\"\",\"loading\":\"lazy\",\"width\":_vm.thumbnailWidth,\"height\":_vm.thumbnailHeight}})])])}),0)]),_c('div',{staticClass:\"product-images-main-area\"},[(_vm.show360)?_c('div',{staticClass:\"uk-flex uk-flex-1\"},[_c('div',{staticClass:\"container-360 cbx-border\"},[_c('Image360',{ref:\"spritespin\",attrs:{\"images\":_vm.images360}}),_c('span',{staticClass:\"icon-360\",attrs:{\"uk-icon\":\"icon: 360; ratio: 2\"}})],1)]):_c('div',{staticClass:\"uk-flex uk-flex-1\"},[_c('a',{staticClass:\"uk-flex uk-flex-1 uk-flex-center cbx-border uk-position-relative active-product-image-container\",attrs:{\"href\":_vm.getSizeUrl(_vm.activeImage, 'large'),\"data-type\":\"image\"},on:{\"click\":function($event){$event.preventDefault();return _vm.toggleLightbox()}}},[_c('img',{staticClass:\"uk-flex uk-flex-1 active-product-image\",attrs:{\"src\":_vm.getSizeUrl(_vm.activeImage, 'default'),\"alt\":_vm.productName,\"width\":_vm.imageWidth,\"height\":_vm.imageHeight}}),_c('DetailsBadges'),_c('DetailsIcons'),_c('div',{staticClass:\"enlarge-text uk-text-center uk-padding\"},[_c('span',{attrs:{\"uk-icon\":\"icon: search\"}}),_c('small',[_vm._v(_vm._s(_vm.$t('general.enlarge', ['Enlarge'])))])])],1)])])]:(_vm.fallbackImage)?_c('div',{staticClass:\"uk-flex uk-flex-1 uk-flex-center uk-flex-middle\"},[_c('div',{staticClass:\"cbx-border uk-position-relative\"},[_c('img',{attrs:{\"src\":_vm.fallbackImage,\"alt\":\"\",\"width\":_vm.imageWidth,\"height\":_vm.imageHeight}}),_c('DetailsBadges'),_c('DetailsIcons')],1)]):_vm._e()],2):_c('div',{staticClass:\"uk-flex-1\"},[(_vm.isMobileReady)?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.images.length || _vm.has360),expression:\"images.length || has360\"}],staticClass:\"uk-position-relative uk-visible-toggle cbx-border\",attrs:{\"tabindex\":\"-1\",\"uk-slider\":\"draggable: false\"}},[_c('ul',{staticClass:\"uk-slider-items uk-child-width-1-1\",attrs:{\"id\":_vm.lightboxId,\"uk-lightbox\":\"\"}},[(_vm.has360)?_c('li',[_c('div',{staticClass:\"container-360\"},[_c('Image360',{ref:\"spritespin\",attrs:{\"images\":_vm.images360}}),_c('span',{staticClass:\"icon-360\",attrs:{\"uk-icon\":\"icon: 360; ratio: 2\"}})],1)]):_vm._e(),_vm._l((_vm.images),function(img,imgIdx){return _c('li',{key:img.url},[_c('a',{attrs:{\"href\":_vm.getSizeUrl(img, 'large'),\"data-type\":\"image\"}},[_c('img',{staticClass:\"uk-width-1-1\",attrs:{\"src\":_vm.getSizeUrl(img, 'small'),\"alt\":\"\",\"loading\":(imgIdx > 0 ? 'lazy' : 'eager'),\"width\":_vm.thumbnailWidth,\"height\":_vm.thumbnailHeight}})])])})],2),_c('a',{staticClass:\"uk-position-center-left uk-position-small\",attrs:{\"href\":\"#\",\"uk-slidenav-previous\":\"\",\"uk-slider-item\":\"previous\",\"aria-label\":_vm.$t('actions.previous', ['Previous'])}}),_c('a',{staticClass:\"uk-position-center-right uk-position-small\",attrs:{\"href\":\"#\",\"uk-slidenav-next\":\"\",\"uk-slider-item\":\"next\",\"aria-label\":_vm.$t('actions.next', ['Next'])}}),_c('DetailsBadges'),_c('DetailsIcons'),(_vm.images.length)?_c('div',{staticClass:\"enlarge-text uk-text-center uk-padding uk-text-primary\"},[_c('span',{attrs:{\"uk-icon\":\"icon: search\"}}),_c('small',[_vm._v(_vm._s(_vm.$t('general.enlarge', ['Enlarge'])))])]):_vm._e()],1):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return (_vm.translationsReady && _vm.badges.length)?_c('div',{staticClass:\"badges-overlay uk-position-absolute uk-position-top-left\"},_vm._l((_vm.badges),function(badge){return _c('span',{key:badge,staticClass:\"uk-label uk-text-medium\",class:_vm.getCssClassName(badge)},[_vm._v(_vm._s(_vm.$t('product.badge-' + badge.toLowerCase(), [badge])))])}),0):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\nimport { Component, Vue } from 'vue-property-decorator';\nimport ProductDetailsModule from '../../store/modules/ProductDetailsModule';\nimport {toCssClassName } from '../../utils/StringUtils'\n\n@Component({\n    name: 'DetailsBadges',\n    components: {\n    },\n})\nexport default class DetailsBadges extends Vue {\n\n    get translationsReady(): boolean {\n        return this.$root.$data.translationsLoaded === true;\n    }\n\n    get badges(): string[] {\n        if (ProductDetailsModule.VARIANTS?.length > 0)\n            return ProductDetailsModule.SELECTED_VARIANT?.badges ?? [];\n        else \n            return ProductDetailsModule.PRODUCT?.badges ?? [];\n    }\n\n    private getCssClassName(badge: string) {\n        return toCssClassName('badge', badge);\n    }\n}\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??clonedRuleSet-41.use[0]!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[3]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./DetailsBadges.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??clonedRuleSet-41.use[0]!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[3]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./DetailsBadges.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./DetailsBadges.vue?vue&type=template&id=49f94cc5&\"\nimport script from \"./DetailsBadges.vue?vue&type=script&lang=ts&\"\nexport * from \"./DetailsBadges.vue?vue&type=script&lang=ts&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/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","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return (_vm.icons.length)?_c('div',{staticClass:\"icons-overlay uk-position-absolute uk-position-bottom-right\"},_vm._l((_vm.icons),function(icon){return _c('span',{key:icon,staticClass:\"icon\",class:_vm.getCssClassName(icon)})}),0):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\nimport { Component, Vue } from 'vue-property-decorator';\nimport ProductDetailsModule from '../../store/modules/ProductDetailsModule';\nimport {toCssClassName } from '../../utils/StringUtils'\n\n@Component({\n    name: 'DetailsIcons',\n    components: {\n    },\n})\nexport default class DetailsIcons extends Vue {\n\n    get icons(): string[] {\n        if (ProductDetailsModule.VARIANTS?.length > 0)\n            return ProductDetailsModule.SELECTED_VARIANT?.icons ?? [];\n        else \n            return ProductDetailsModule.PRODUCT?.icons ?? [];\n    }\n\n    private getCssClassName(icon: string) {\n        return toCssClassName('icon', icon);\n    }\n}\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??clonedRuleSet-41.use[0]!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[3]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./DetailsIcons.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??clonedRuleSet-41.use[0]!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[3]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./DetailsIcons.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./DetailsIcons.vue?vue&type=template&id=5e0f1894&\"\nimport script from \"./DetailsIcons.vue?vue&type=script&lang=ts&\"\nexport * from \"./DetailsIcons.vue?vue&type=script&lang=ts&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/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","\nconst UIkit = (window as any).UIkit;\nimport { Component, Prop, Vue, Watch } from 'vue-property-decorator';\nimport ProductDetailsModule from '../../store/modules/ProductDetailsModule';\nimport DetailsBadges from './DetailsBadges.vue';\nimport DetailsIcons from './DetailsIcons.vue';\nimport { ProductResourceImage } from '@/models/Product';\n\n@Component({\n    name: 'ProductImages',\n    components: {\n        Image360: () => import('./Image360.vue'),\n        DetailsBadges,\n        DetailsIcons,\n    },\n})\nexport default class ProductImages extends Vue {\n    @Prop({ type: Number, required: false, default: 1024 }) private imageWidth: number;\n    @Prop({ type: Number, required: false, default: 768 }) private imageHeight: number;\n    @Prop({ type: Number, required: false, default: 400 }) private thumbnailWidth: number;\n    @Prop({ type: Number, required: false, default: 300 }) private thumbnailHeight: number;\n\n    private activeImage: ProductResourceImage = null;\n    private show360: boolean = this.has360;\n    private lightboxId: string = 'product-images-lightbox';\n\n    get isMobile() {\n        return this.$screen.breakpoint === 'mobile';\n    }\n\n    get isMobileReady() {\n        return this.isMobile && ProductDetailsModule.PRODUCT;\n    }\n\n    get showAsSlider() {\n        return this.isMobile && this.showMediaBrowser;\n    }\n\n    get images360(): string[] {\n        return ProductDetailsModule.PRODUCT?.images360 ?? [];\n    }\n\n    get images(): ProductResourceImage[] {\n\n        /*\n            - Use current product by default\n            - If variants are active\n                - Use parent product by default (IF WE ALWAYS REDIRECT TO PARENT IN THE CONTROLLER, THIS WONT BE NECESSARY!)\n                - If a variant dimension is selected, add dimension images to the front\n                - If a variant is selected, add variant images to the front\n        */\n\n        const variantImages = ProductDetailsModule.SELECTED_VARIANT?.images ?? [];\n        const dimensionImages = ProductDetailsModule.PRODUCT?.dimension1images[ProductDetailsModule.SELECTED_DIMENSION_1?.toLowerCase()] ?? [];\n        const productImages = ProductDetailsModule.PRODUCT?.images ?? [];\n\n        return [...new Set([\n            ...variantImages,\n            ...dimensionImages,\n            ...productImages,\n        ])];\n    }\n\n    get fallbackImage(): string {\n        return ProductDetailsModule.PRODUCT?.image;\n    }\n\n    get has360(): boolean {\n        return this.images360.length > 0;\n    }\n    get showMediaBrowser(): boolean {\n        return this.has360 ? this.imageCount > 0 : this.imageCount > 1;\n    }\n\n    get mainImage(): ProductResourceImage {\n        return this.images[0];\n    }\n\n    get imageCount(): number {\n        return this.images?.length ?? 0;\n    }\n\n    get activeImageIndex(): number {\n        return this.images?.map(i => i.url)?.indexOf(this.activeImage?.url) ?? -1;\n    }\n\n    get productName(): string {\n        return ProductDetailsModule.PRODUCT?.name;\n    }\n\n    private getSizeUrl(img: ProductResourceImage, size: string = 'large') {\n        return img?.variants[size] ?? img?.url;\n    }\n\n    private setActiveImage(img: ProductResourceImage) {\n        this.show360 = false;\n        this.activeImage = img;\n    }\n\n    private toggleLightbox() {\n        this.show360 = false;\n        UIkit.lightbox(`#${this.lightboxId}`).show(this.activeImageIndex);\n    }\n\n    private activate360() {\n        this.show360 = true;\n    }\n\n    private removeSpinner() {\n        const elem = document.querySelector('#product-images-spinner');\n        if (elem)\n            elem.parentElement.removeChild(elem);\n    }\n\n    @Watch('images', {immediate: true})\n    private onImagesChange() {\n        this.setActiveImage(this.mainImage);\n        this.removeSpinner();\n    }\n\n    @Watch('images360', {immediate: true})\n    private onImages360Change() {\n        if (this.has360) {\n            this.activate360();\n            this.removeSpinner();\n        }\n    }\n\n}\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??clonedRuleSet-41.use[0]!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[3]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./ProductImages.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??clonedRuleSet-41.use[0]!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??clonedRuleSet-41.use[3]!../../../node_modules/cache-loader/dist/cjs.js??ruleSet[0].use[0]!../../../node_modules/@vue/cli-service/lib/config/vue-loader-v15-resolve-compat/vue-loader.js??vue-loader-options!./ProductImages.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./ProductImages.vue?vue&type=template&id=ae18bbfa&\"\nimport script from \"./ProductImages.vue?vue&type=script&lang=ts&\"\nexport * from \"./ProductImages.vue?vue&type=script&lang=ts&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/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"],"names":["render","_vm","this","_c","_self","_setupProxy","staticClass","showAsSlider","isMobileReady","directives","name","rawName","value","images","length","has360","expression","attrs","lightboxId","ref","images360","_e","_l","img","imgIdx","key","url","getSizeUrl","thumbnailWidth","thumbnailHeight","$t","_v","_s","class","showMediaBrowser","show360","on","$event","stopPropagation","preventDefault","activate360","activeImage","setActiveImage","toggleLightbox","productName","imageWidth","imageHeight","fallbackImage","staticRenderFns","translationsReady","badges","badge","getCssClassName","toLowerCase","DetailsBadges","Vue","$root","$data","translationsLoaded","ProductDetailsModule","VARIANTS","SELECTED_VARIANT","PRODUCT","toCssClassName","__decorate","Component","components","component","icons","icon","DetailsIcons","UIkit","window","ProductImages","constructor","args","_defineProperty","isMobile","$screen","breakpoint","variantImages","dimensionImages","dimension1images","SELECTED_DIMENSION_1","productImages","Set","image","imageCount","mainImage","activeImageIndex","map","i","indexOf","size","variants","lightbox","show","removeSpinner","elem","document","querySelector","parentElement","removeChild","onImagesChange","onImages360Change","Prop","type","Number","required","default","Watch","immediate","Image360"],"sourceRoot":""}