{"version":3,"file":"feature-relatedProducts-BQ-18kYi.js","sources":["../../../../Coloplast.UI/src/shared/components/product/relatedProductCard.vue","../../../../Coloplast.UI/src/shared/components/product/productCardList.vue","../../../../Coloplast.UI/Features/ProductPage/ProductBase/RelatedProducts/relatedProducts-entry.ts"],"sourcesContent":["<template>\r\n\t<article\r\n\t\titemscope=\"itemscope\"\r\n\t\titemtype=\"https://schema.org/Product\"\r\n\t\tclass=\"product\"\r\n\t\tdata-testid=\"data-product-card\"\r\n\t\t:data-index=\"index\"\r\n\t\tdata-product-card>\r\n\t\t<figure\r\n\t\t\tclass=\"product__card-figure\"\r\n\t\t\t:class=\"{ 'product__card-figure--mobile-hide': !productImage.value }\">\r\n\t\t\t<img\r\n\t\t\t\titemprop=\"image\"\r\n\t\t\t\t:alt=\"product.name\"\r\n\t\t\t\t:src=\"productImage.image\"\r\n\t\t\t\tclass=\"product__card-image\"\r\n\t\t\t\t:class=\"{ 'product__card-image--manufacture': !productImage.value }\"\r\n\t\t\t\tloading=\"lazy\" />\r\n\t\t</figure>\r\n\t\t<section class=\"product__card-info\">\r\n\t\t\t<figure\r\n\t\t\t\tv-if=\"product.displayManufactureIcon\"\r\n\t\t\t\tclass=\"product__manufacture-image\">\r\n\t\t\t\t<img\r\n\t\t\t\t\t:alt=\"product.manufacturerName\"\r\n\t\t\t\t\t:src=\"product.manufactureIconUrl\" />\r\n\t\t\t</figure>\r\n\t\t\t<DsText\r\n\t\t\t\tv-if=\"product.displayManufacturerName\"\r\n\t\t\t\thtml-element=\"div\"\r\n\t\t\t\ttext-type=\"body-md\"\r\n\t\t\t\ttext-style=\"regular\"\r\n\t\t\t\t>\r\n\t\t\t\t{{ product.manufacturerName }}\r\n\t\t\t</DsText>\r\n\t\t\t<DsText\r\n\t\t\t\thtml-element=\"div\"\r\n\t\t\t\ttext-type=\"heading-md\"\r\n\t\t\t\ttext-style=\"bold\"\r\n\t\t\t\titemprop=\"name\"\r\n\t\t\t\tclass=\"product__card-header\">\r\n\t\t\t\t{{ product.displayName }}\r\n\t\t\t</DsText>\r\n\t\t\t<DsText\r\n\t\t\t\tv-if=\"!hideDescription\"\r\n\t\t\t\titemprop=\"description\"\r\n\t\t\t\thtml-element=\"span\"\r\n\t\t\t\ttext-type=\"body-sm\">\r\n\t\t\t\t<span v-html=\"product.descriptionListView\"></span>\r\n\t\t\t</DsText>\r\n\t\t</section>\r\n\t\t<a\r\n\t\t\t:href=\"product.productUrl\"\r\n\t\t\titemprop=\"url\"\r\n\t\t\tclass=\"product__card-link\"\r\n\t\t\t@click=\"onClick\"\r\n\t\t\t>{{ product.displayName }}</a\r\n\t\t>\r\n\t</article>\r\n</template>\r\n\r\n<script>\r\n\timport { mapGetters } from 'vuex';\r\n\timport { DsText } from \"@coloplast/design-system\";\r\n\timport { track_select_item } from 'shared/services/tracking/productTrackingService';\r\n\timport { itemListIdAndName } from 'shared/settings/constants';\r\n\r\n\r\n\texport default {\r\n\t\tname: 'related-product-card',\r\n\t\tprops: {\r\n\t\t\tproduct: {\r\n\t\t\t\ttype: Object,\r\n\t\t\t\trequired: true,\r\n\t\t\t},\r\n\t\t\tecommerceTrackingParameters: {\r\n\t\t\t\ttype: Object,\r\n\t\t\t\trequired: true,\r\n\t\t\t},\r\n\t\t\thideDescription: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t\ttrackClick: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: false,\r\n\t\t\t},\r\n\t\t\tindex: {\r\n\t\t\t\ttype: Number,\r\n\t\t\t\tdefault: undefined,\r\n\t\t\t},\r\n\t\t\tcategory: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: '',\r\n\t\t\t},\r\n\t\t\tregisterWithObserver: {\r\n\t\t\t\ttype: Function,\r\n\t\t\t\trequired: true,\r\n\t\t\t},\r\n\t\t},\r\n\t\tcomponents: {\r\n\t\t\tDsText,\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t...mapGetters({\r\n\t\t\t\tcurrency: 'getCurrency',\r\n\t\t\t\tvisitorID: 'getVisitorID',\r\n\t\t\t}),\r\n\t\t\tfirstImage() {\r\n\t\t\t\tconst image = this.product.productPageImagesUrl;\r\n\r\n\t\t\t\tif (image && image.length) return image[0];\r\n\r\n\t\t\t\treturn null;\r\n\t\t\t},\r\n\t\t\tproductImage() {\r\n\t\t\t\tconst regex = /default-product-image/;\r\n\t\t\t\tconst isDefaultImg = regex.test(this.firstImage);\r\n\r\n\t\t\t\treturn this.firstImage\r\n\t\t\t\t\t? {\r\n\t\t\t\t\t\t\timage: !isDefaultImg\r\n\t\t\t\t\t\t\t\t? this.firstImage\r\n\t\t\t\t\t\t\t\t: this.product.manufactureIconUrl,\r\n\t\t\t\t\t\t\tvalue: !isDefaultImg,\r\n\t\t\t\t\t  }\r\n\t\t\t\t\t: {\r\n\t\t\t\t\t\t\timage: this.product.manufactureIconUrl,\r\n\t\t\t\t\t\t\tvalue: false,\r\n\t\t\t\t\t  };\r\n\t\t\t},\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tonClick() {\r\n\t\t\t\tif (this.trackClick) {\r\n\t\t\t\t\tconsole.log(JSON.stringify(this.ecommerceTrackingParameters))\r\n\t\t\t\t\ttrack_select_item(this.ecommerceTrackingParameters, this.product, itemListIdAndName.RELATED_PRODUCTS);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\tthis.registerWithObserver(this.$el);\r\n\t\t}\r\n\t};\r\n</script>\r\n","<!-- This is the Related Products list on the product detail page -->\r\n<template>\r\n\t<div class=\"product__list product__supporting-products\">\r\n\t\t<related-product-card\r\n\t\t\tv-for=\"(product, index) in vm.baseViewModel.products\"\r\n\t\t\t:key=\"product.Code\"\r\n\t\t\t:product=\"product\"\r\n\t\t\t:ecommerceTrackingParameters=\"\r\n\t\t\t\tthis.vm.baseViewModel.globalTrackingParameters\r\n\t\t\t\"\r\n\t\t\t:hide-description=\"true\"\r\n\t\t\t:track-click=\"true\"\r\n\t\t\t:index=\"index\"\r\n\t\t\t:category=\"product.category\"\r\n\t\t\t:register-with-observer=\"registerWithObserver\"\r\n\t\t></related-product-card>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from 'vuex';\r\nimport RelatedProductCard from 'shared/components/product/relatedProductCard.vue';\r\nimport intersectionObserverMixin from 'shared/mixins/intersectionObserverMixin';\r\nimport { track_view_item_list } from 'shared/services/tracking/productTrackingService';\r\nimport { itemListIdAndName } from 'shared/settings/constants';\r\n\r\nexport default {\r\n\tmixins: [intersectionObserverMixin],\r\n\tcomponents: {\r\n\t\t'related-product-card': RelatedProductCard,\r\n\t},\r\n\tprops: {\r\n\t\tvm: {\r\n\t\t\ttype: Object,\r\n\t\t\trequired: true,\r\n\t\t},\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapGetters({\r\n\t\t\tcurrency: 'getCurrency',\r\n\t\t}),\r\n\t\tproducts() {\r\n\t\t\treturn this.vm.baseViewModel?.products || [];\r\n\t\t},\r\n\t},\r\n\tmethods: {\r\n\t\tonProductsObserved(productElements) {\r\n\t\t\tlet observedProducts = [];\r\n\t\t\tproductElements.forEach(({ target, isIntersecting }) => {\r\n\t\t\t\tif (!isIntersecting) {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\t// call the unregisterFromObserver method that comes from the observer mixin\r\n\t\t\t\tthis.unregisterFromObserver(target);\r\n\t\t\t\tconst i = Number(target.dataset.index);\r\n\t\t\t\tconst product = this.vm.baseViewModel.products[i];\r\n\t\t\t\tproduct.index = i;\r\n\t\t\t\tobservedProducts.push(product);\r\n\t\t\t});\r\n\t\t\tif (observedProducts.length > 0) {\r\n\t\t\t\ttrack_view_item_list({\r\n\t\t\t\t\tproductsDto: this.vm.baseViewModel,\r\n\t\t\t\t\tobservedProducts,\r\n\t\t\t\t\titemListAndName: itemListIdAndName.RELATED_PRODUCTS,\r\n\t\t\t\t});\r\n\t\t\t}\r\n\t\t},\r\n\t},\r\n\tcreated() {\r\n\t\t// hook the callback up with the intersection observer created by the mixin\r\n\t\tthis.intializeObserver(this.onProductsObserved, {\r\n\t\t\tthreshold: 0.6,\r\n\t\t});\r\n\t},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n@use 'sass:math';\r\n@import \"multisite/styles/settings/settings\";\r\n@import \"multisite/styles/tools/tools\";\r\n\r\n.product {\r\n\t&__supporting-products {\r\n\t\tdisplay: flex;\r\n\t\tflex: 1 0 auto;\r\n\t\tmargin-top: ds-space(7);\r\n\r\n\t\t&-area {\r\n\t\t\tbackground-color: ds-color('bg', 'decorative-1-subtle');\r\n\t\t\tpadding: ds-space(9) 0;\r\n\r\n\t\t\t@include t-respond-to-min(medium) {\r\n\t\t\t\tpadding: 30px 0 ds-space(12);\r\n\t\t\t}\r\n\r\n\t\t\t.product__info-row {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t.product__list {\r\n\t\t\t\tflex-flow: row nowrap;\r\n\t\t\t\toverflow-x: scroll;\r\n\r\n\t\t\t\t@include t-respond-to-min(medium) {\r\n\t\t\t\t\toverflow-x: auto;\r\n\t\t\t\t\tflex-flow: row wrap;\r\n\t\t\t\t\tmargin: 0 ds-space(5);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t@include t-respond-to-max(medium) {\r\n\t\t\t\t\tpadding: 0 ds-space(5);\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.product {\r\n\t\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t\t@include t-respond-to-max(medium) {\r\n\t\t\t\t\t\tflex: 1 0 auto;\r\n\t\t\t\t\t\twidth: 258px;\r\n\t\t\t\t\t\tmargin: 5px 12px 44px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-headline {\r\n\t\t\t$mobileGutter: $s-base-gutter * math.div(2, 3);\r\n\t\t\tpadding: $mobileGutter;\r\n\t\t}\r\n\r\n\t\t.product__container {\r\n\t\t\tmax-width: t-map-value($s-site-width, 'max');\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tpadding: 0 t-rem($s-site-gutter);\r\n\t\t}\r\n\t}\r\n}\r\n</style>\r\n","import { createApp } from \"vue\";\r\nimport store from 'shared/store';\r\nimport ProductCardList from \"shared/components/product/productCardList.vue\";\r\n\r\nconst supportingProductsMount = document.getElementById('supporting-products');\r\nif (supportingProductsMount) {\r\n\tconst app = createApp({\r\n\t\tname: 'SupportingProductsApp'\r\n\t});\r\n\tapp.use(store);\r\n\tapp.component('product-card-list', ProductCardList);\r\n\tapp.mount(supportingProductsMount);\r\n}"],"names":["_sfc_main","DsText","mapGetters","image","isDefaultImg","track_select_item","itemListIdAndName","_hoisted_3","_createElementBlock","$props","_createElementVNode","_normalizeClass","$options","_openBlock","_hoisted_4","_createBlock","_component_DsText","_createTextVNode","_toDisplayString","_createVNode","args","_hoisted_7","intersectionObserverMixin","RelatedProductCard","_a","productElements","observedProducts","target","isIntersecting","i","product","track_view_item_list","_hoisted_1","_Fragment","_renderList","index","_component_related_product_card","_ctx","supportingProductsMount","app","createApp","store","ProductCardList"],"mappings":"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"}