{"version":3,"file":"4719.js?id=6f902b9cf6125246","mappings":"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","sources":["webpack://website-js/./src/components/HazardCodes.vue?436e","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/HazardCodes.vue","webpack://website-js/./src/components/HazardCodes.vue?dff7","webpack://website-js/./src/components/HazardCodes.vue?3b5e","webpack://website-js/./src/components/HazardCodes.vue?543f","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/HazardCodes.vue?f727"],"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, `.hazard-codes{position:absolute;bottom:20px;right:20px;z-index:10;display:flex;gap:5px}.hazard-codes-item{aspect-ratio:1;width:60px;height:60px;background-color:#fff;box-sizing:border-box;padding:5px}@media(max-width:960px){.hazard-codes-item{width:40px;height:40px;padding:3px}}.hazard-codes-item img{display:block;width:100%;height:100%}`, \"\"]);\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.hazardCodes.length > 0)?_c('hazard-codes'):_vm._e(),(!_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()])],1)\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","var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return (_vm.translationsReady && _vm.hazardCodes.length > 0)?_c('div',{staticClass:\"hazard-codes\"},_vm._l((_vm.hazardCodes),function(code){return _c('div',{key:code,staticClass:\"hazard-codes-item cbx-border\"},[_c('img',{attrs:{\"src\":`/images/${code}.svg`,\"alt\":code,\"title\":_vm.$t(`product.hazard-code-${code}`, [code])}})])}),0):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\nimport ProductDetailsModule from '@/store/modules/ProductDetailsModule';\nimport { Component, Vue } from 'vue-property-decorator';\n\n@Component\nexport default class HazardCodes extends Vue {\n get hazardCodes(): string[] {\n return ProductDetailsModule.PRODUCT.hazardcodes?.filter(x => this.acceptedCodes.includes(x)).sort() || [];\n }\n\n get acceptedCodes(): string[] {\n return [\"GHS01\", \"GHS02\", \"GHS03\", \"GHS04\", \"GHS05\", \"GHS06\", \"GHS07\", \"GHS08\", \"GHS09\"];\n }\n\n private get translationsReady(): boolean {\n return this.$root.$data.translationsLoaded === true;\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!./HazardCodes.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!./HazardCodes.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./HazardCodes.vue?vue&type=template&id=3c835498&\"\nimport script from \"./HazardCodes.vue?vue&type=script&lang=ts&\"\nexport * from \"./HazardCodes.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./HazardCodes.vue?vue&type=style&index=0&id=3c835498&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","\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';\nimport HazardCodes from '../HazardCodes.vue';\n\n@Component({\n name: 'ProductImages',\n components: {\n HazardCodes,\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 hazardCodes(): string[] {\n return ProductDetailsModule.PRODUCT?.hazardcodes ?? [];\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=f97a2fbe&\"\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","// style-loader: Adds some css to the DOM by adding a