{"version":3,"file":"3676.js?id=acd16dc2d9d63b44","mappings":"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","sources":["webpack://website-js/./src/components/product-details/ProductImages.vue?53fa","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","webpack://website-js/./src/components/product-details/ProductImages.vue?27ba"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___ from \"../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/runtime/noSourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_NO_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `@media(min-width:959px){.product-images-grid.has-media-browser.below .product-images-main-area{padding-left:0!important;padding-bottom:115px}}.product-images-grid.has-media-browser.below .product-images-main-area img{height:100%;object-fit:contain}.product-images-grid.has-media-browser.below .media-browser-container{position:absolute;bottom:0;z-index:1;width:100%;height:102px;max-width:100%;overflow-y:hidden;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#0003 #0000001a;padding-top:15px;padding-right:0}.product-images-grid.has-media-browser.below .media-browser-container .media-browser{justify-content:center;display:flex;gap:15px;margin-right:15px}.product-images-grid.has-media-browser.below .media-browser-container .media-browser li{display:inline-block;min-width:20%;max-width:20%;float:left}`, \"\"]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","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 below': _vm.showMediaBrowser}},[(_vm.images.length || _vm.has360)?[_c('div',{staticClass:\"product-images-main-area\"},[(_vm.showVideo)?_c('div',{staticClass:\"uk-flex uk-flex-1\"},[_c('iframe',{attrs:{\"src\":_vm.video,\"width\":\"685\",\"height\":\"385\",\"loading\":\"lazy\",\"frameborder\":\"0\",\"webkitallowfullscreen\":\"\",\"mozallowfullscreen\":\"\",\"allowfullscreen\":\"\",\"uk-responsive\":\"\",\"uk-video\":\"\"}})]):(_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')},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',{class:`\n                            enlarge-text\n                            uk-text-center\n                            uk-hidden-print\n                            ${_vm.isMobile ? 'uk-padding' : 'uk-padding-small'}\n                            ${_vm.isMobile ? '' : 'uk-button-primary'}\n                        `},[_c('span',{attrs:{\"uk-icon\":\"icon: search\"}}),_c('small',{staticClass:\"uk-margin-small-left\"},[_vm._v(_vm._s(_vm.$t('general.enlarge', ['Enlarge'])))])])],1)])]),_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 && !_vm.showVideo}},[_c('a',{class:{'cbx-border': img === _vm.activeImage && !_vm.show360 && !_vm.showVideo, 'uk-border': img !== _vm.activeImage || _vm.show360 || _vm.showVideo},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}})])])}),(_vm.video)?_c('li',[_c('a',{class:{'cbx-border': _vm.showVideo, 'uk-border': !_vm.showVideo},attrs:{\"href\":\"#\"},on:{\"click\":function($event){$event.stopPropagation();$event.preventDefault();return _vm.activateVideo()}}},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"400\",\"height\":\"300\",\"viewBox\":\"-35.20005 -41.33325 305.0671 247.9995\"}},[_c('path',{attrs:{\"d\":\"M229.763 25.817c-2.699-10.162-10.65-18.165-20.747-20.881C190.716 0 117.333 0 117.333 0S43.951 0 25.651 4.936C15.554 7.652 7.602 15.655 4.904 25.817 0 44.237 0 82.667 0 82.667s0 38.43 4.904 56.85c2.698 10.162 10.65 18.164 20.747 20.881 18.3 4.935 91.682 4.935 91.682 4.935s73.383 0 91.683-4.935c10.097-2.717 18.048-10.72 20.747-20.88 4.904-18.422 4.904-56.851 4.904-56.851s0-38.43-4.904-56.85\",\"fill\":\"#454545\"}}),_c('path',{attrs:{\"d\":\"M93.333 117.558l61.334-34.89-61.334-34.893z\",\"fill\":\"#fff\"}})])])]):_vm._e()],2)])]:(_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}})])])}),(_vm.video)?_c('li',[_c('iframe',{attrs:{\"src\":_vm.video,\"width\":\"555\",\"height\":\"312\",\"loading\":\"lazy\",\"frameborder\":\"0\",\"webkitallowfullscreen\":\"\",\"mozallowfullscreen\":\"\",\"allowfullscreen\":\"\",\"uk-responsive\":\"\",\"uk-video\":\"\"}})]):_vm._e()],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 uk-hidden-print\"},[_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 }","\r\nimport { Component, Vue } from 'vue-property-decorator';\r\nimport ProductDetailsModule from '../../store/modules/ProductDetailsModule';\r\nimport {toCssClassName } from '../../utils/StringUtils'\r\n\r\n@Component({\r\n    name: 'DetailsBadges',\r\n    components: {\r\n    },\r\n})\r\nexport default class DetailsBadges extends Vue {\r\n\r\n    get translationsReady(): boolean {\r\n        return this.$root.$data.translationsLoaded === true;\r\n    }\r\n\r\n    get badges(): string[] {\r\n        if (ProductDetailsModule.VARIANTS?.length > 0)\r\n            return ProductDetailsModule.SELECTED_VARIANT?.badges ?? [];\r\n        else \r\n            return ProductDetailsModule.PRODUCT?.badges ?? [];\r\n    }\r\n\r\n    private getCssClassName(badge: string) {\r\n        return toCssClassName('badge', badge);\r\n    }\r\n}\r\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 }","\r\nimport { Component, Vue } from 'vue-property-decorator';\r\nimport ProductDetailsModule from '../../store/modules/ProductDetailsModule';\r\nimport {toCssClassName } from '../../utils/StringUtils'\r\n\r\n@Component({\r\n    name: 'DetailsIcons',\r\n    components: {\r\n    },\r\n})\r\nexport default class DetailsIcons extends Vue {\r\n\r\n    get icons(): string[] {\r\n        if (ProductDetailsModule.VARIANTS?.length > 0)\r\n            return ProductDetailsModule.SELECTED_VARIANT?.icons ?? [];\r\n        else \r\n            return ProductDetailsModule.PRODUCT?.icons ?? [];\r\n    }\r\n\r\n    private getCssClassName(icon: string) {\r\n        return toCssClassName('icon', icon);\r\n    }\r\n}\r\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","\r\nconst UIkit = (window as any).UIkit;\r\nimport { Component, Prop, Vue, Watch } from 'vue-property-decorator';\r\nimport ProductDetailsModule from '../../store/modules/ProductDetailsModule';\r\nimport DetailsBadges from './DetailsBadges.vue';\r\nimport DetailsIcons from './DetailsIcons.vue';\r\nimport { ProductResourceImage } from '@/models/Product';\r\n\r\n@Component({\r\n    name: 'ProductImages',\r\n    components: {\r\n        Image360: () => import('./Image360.vue'),\r\n        DetailsBadges,\r\n        DetailsIcons,\r\n    },\r\n})\r\nexport default class ProductImages extends Vue {\r\n    @Prop({ type: Number, required: false, default: 1024 }) private imageWidth: number;\r\n    @Prop({ type: Number, required: false, default: 768 }) private imageHeight: number;\r\n    @Prop({ type: Number, required: false, default: 400 }) private thumbnailWidth: number;\r\n    @Prop({ type: Number, required: false, default: 300 }) private thumbnailHeight: number;\r\n\r\n    private activeImage: ProductResourceImage = null;\r\n    private show360: boolean = this.has360;\r\n    private showVideo: boolean = false;\r\n    private lightboxId: string = 'product-images-lightbox';\r\n\r\n    get isMobile() {\r\n        return this.$screen.breakpoint === 'mobile';\r\n    }\r\n\r\n    get isMobileReady() {\r\n        return this.isMobile && ProductDetailsModule.PRODUCT;\r\n    }\r\n\r\n    get showAsSlider() {\r\n        return this.isMobile && this.showMediaBrowser;\r\n    }\r\n\r\n    get images360(): string[] {\r\n        return ProductDetailsModule.PRODUCT?.images360 ?? [];\r\n    }\r\n\r\n    get images(): ProductResourceImage[] {\r\n\r\n        /*\r\n            - Use current product by default\r\n            - If variants are active\r\n                - Use parent product by default (IF WE ALWAYS REDIRECT TO PARENT IN THE CONTROLLER, THIS WONT BE NECESSARY!)\r\n                - If a variant dimension is selected, add dimension images to the front\r\n                - If a variant is selected, add variant images to the front\r\n        */\r\n\r\n        const variantImages = ProductDetailsModule.SELECTED_VARIANT?.images ?? [];\r\n        const dimensionImages = ProductDetailsModule.PRODUCT?.dimension1images[ProductDetailsModule.SELECTED_DIMENSION_1?.toLowerCase()] ?? [];\r\n        const productImages = ProductDetailsModule.PRODUCT?.images ?? [];\r\n\r\n        return [...new Set([\r\n            ...variantImages,\r\n            ...dimensionImages,\r\n            ...productImages,\r\n        ])];\r\n    }\r\n\r\n    get fallbackImage(): string {\r\n        return ProductDetailsModule.PRODUCT?.image;\r\n    }\r\n\r\n    get has360(): boolean {\r\n        return this.images360.length > 0;\r\n    }\r\n    get showMediaBrowser(): boolean {\r\n        return this.video || this.has360 ? this.imageCount > 0 : this.imageCount > 1;\r\n    }\r\n\r\n    get mainImage(): ProductResourceImage {\r\n        return this.images[0];\r\n    }\r\n\r\n    get imageCount(): number {\r\n        return this.images?.length ?? 0;\r\n    }\r\n\r\n    get activeImageIndex(): number {\r\n        return this.images?.map(i => i.url)?.indexOf(this.activeImage?.url) ?? -1;\r\n    }\r\n\r\n    get productName(): string {\r\n        return ProductDetailsModule.PRODUCT?.name;\r\n    }\r\n\r\n    get video(): string {\r\n        if (ProductDetailsModule.PRODUCT?.youtubevideoid)\r\n            return `https://www.youtube-nocookie.com/embed/${ProductDetailsModule.PRODUCT.youtubevideoid}?autoplay=0&showinfo=0&rel=0&modestbranding=1&playsinline=1&loop=0&controls=1&disablekb=0&enablejsapi=0`;\r\n\r\n        if (ProductDetailsModule.PRODUCT?.vimeovideoid)\r\n            return `https://player.vimeo.com/video/${ProductDetailsModule.PRODUCT.vimeovideoid}?byline=0&portrait=0&title=0&background=0&loop=0&autoplay=0&mute=0&responsive=1`;\r\n        \r\n        return null; \r\n    }\r\n\r\n    private getSizeUrl(img: ProductResourceImage, size: string = 'large') {\r\n        return img?.variants[size] ?? img?.url;\r\n    }\r\n    \r\n    private setActiveImage(img: ProductResourceImage) {\r\n        this.show360 = false;\r\n        this.showVideo = false;\r\n        this.activeImage = img;\r\n    }\r\n\r\n    private toggleLightbox() {\r\n        this.show360 = false;\r\n        UIkit.lightbox(`#${this.lightboxId}`).show(this.activeImageIndex);\r\n    }\r\n\r\n    private activate360() {\r\n        this.show360 = true;\r\n    }\r\n\r\n    private activateVideo() {\r\n        this.showVideo = true;\r\n    }\r\n\r\n    private removeSpinner() {\r\n        const elem = document.querySelector('#product-images-spinner');\r\n        if (elem)\r\n            elem.parentElement.removeChild(elem);\r\n    }\r\n\r\n    @Watch('images', {immediate: true})\r\n    private onImagesChange() {\r\n        this.setActiveImage(this.mainImage);\r\n        this.removeSpinner();\r\n    }\r\n\r\n    @Watch('images360', {immediate: true})\r\n    private onImages360Change() {\r\n        if (this.has360) {\r\n            this.activate360();\r\n            this.removeSpinner();\r\n        }\r\n    }\r\n\r\n}\r\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=52bc2bdc&\"\nimport script from \"./ProductImages.vue?vue&type=script&lang=ts&\"\nexport * from \"./ProductImages.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ProductImages.vue?vue&type=style&index=0&id=52bc2bdc&prod&lang=scss&\"\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","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../../../node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../../../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[4]!../../../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=style&index=0&id=52bc2bdc&prod&lang=scss&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"164e9f37\", content, true, {\"sourceMap\":false,\"shadowMode\":false});"],"names":["___CSS_LOADER_EXPORT___","push","module","id","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","video","$t","_v","_s","class","showMediaBrowser","showVideo","show360","activeImage","on","$event","preventDefault","toggleLightbox","productName","imageWidth","imageHeight","isMobile","stopPropagation","activate360","setActiveImage","activateVideo","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","$screen","breakpoint","variantImages","dimensionImages","dimension1images","SELECTED_DIMENSION_1","productImages","Set","image","imageCount","mainImage","activeImageIndex","map","i","indexOf","youtubevideoid","vimeovideoid","size","variants","lightbox","show","removeSpinner","elem","document","querySelector","parentElement","removeChild","onImagesChange","onImages360Change","Prop","type","Number","required","default","Watch","immediate","Image360","content","__esModule","locals","exports","add"],"sourceRoot":""}