{"version":3,"file":"galleryManufacturerImage-IxwXCQaV.js","sources":["../../../../Coloplast.UI/src/shared/components/product/gallery/galleryManufacturerImage.vue"],"sourcesContent":["<script setup>\r\nimport { computed } from 'vue';\r\n\r\nconst props = defineProps({\r\n\tmanufacturerData: {\r\n\t\ttype: Object,\r\n\t\trequired: true,\r\n\t},\r\n\tisBasket: {\r\n\t\ttype: Boolean,\r\n\t\tdefault: false,\r\n\t},\r\n});\r\n\r\nconst basketClass = computed(() => props.isBasket ? \"c-manufacturer-image--basket\" : \"\");\r\nconst manufacturerImageUrl = computed(() => props.manufacturerData.DefaultProductImagePath || props.manufacturerData.ManufactureIconUrl)\r\n\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"c-manufacturer-image\" :class=\"basketClass\" v-if=\"manufacturerImageUrl\">\r\n\t\t<figure class=\"c-manufacturer-image__figure\">\r\n\t\t\t<img\r\n\t\t\t\tclass=\"c-manufacturer-image__logo\"\r\n\t\t\t\t:src=\"manufacturerImageUrl\"\r\n\t\t\t\tloading=\"lazy\"\r\n\t\t\t\t:alt=\"manufacturerData.ManufacturerName\"\r\n\t\t\t\theight=\"300\"\r\n\t\t\t\twidth=\"300\"\r\n\t\t\t/>\r\n\t\t</figure>\r\n\t</div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import \"multisite/styles/settings/settings\";\r\n@import \"multisite/styles/tools/tools\";\r\n\r\n.c-manufacturer-image {\r\n\tpadding: 0 12px 40px;\r\n\tdisplay: flex;\r\n\tjustify-content: center;\r\n\talign-items: center;\r\n\twidth: 634px;\r\n\theight: 634px;\r\n\tbackground-color: ds-color(\"bg\", \"decorative-1-muted\");\r\n\tborder-radius: 8px;\r\n\r\n\t@include t-respond-to-max(\"medium\") {\r\n\t\twidth: 100%;\r\n\t\theight: 300px;\r\n\t\tmax-height: 100%;\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t&--basket {\r\n\t\twidth: 100%;\r\n\t\theight: 300px;\r\n\t\tmax-height: 100%;\r\n\t\tpadding: 0;\r\n\t}\r\n\r\n\t&__figure {\r\n\t\tmargin: 0;\r\n\t\toverflow: hidden;\r\n\t\tpadding: 0 10px;\r\n\t\tmix-blend-mode: multiply;\r\n\t\tfilter: brightness(105%);\r\n\t}\r\n\r\n\t&__logo {\r\n\t\tdisplay: block;\r\n\t\twidth: 100%;\r\n\t\t-o-object-fit: contain;\r\n\t\tobject-fit: contain;\r\n\r\n\t\t.c-manufacturer-image--basket & {\r\n\t\t\theight: auto;\r\n\t\t}\r\n\t}\r\n}\r\n</style>\r\n"],"names":["props","__props","basketClass","computed","manufacturerImageUrl"],"mappings":"wRAGA,MAAMA,EAAQC,EAWRC,EAAcC,EAAS,IAAMH,EAAM,SAAW,+BAAiC,EAAE,EACjFI,EAAuBD,EAAS,IAAMH,EAAM,iBAAiB,yBAA2BA,EAAM,iBAAiB,kBAAkB"}