{"version":3,"file":"contentRecommendedBlock-DhDCMyqD.js","sources":["../../../../Coloplast.UI/src/shared/components/contentElements/variableWidthCard.vue","../../../../Coloplast.UI/src/shared/components/contentLibrary/contentRecommendedBlock.vue"],"sourcesContent":["<script setup>\r\n\timport { computed } from 'vue';\r\n\r\n\tconst props = defineProps({\r\n\t\titem: {\r\n\t\t\ttype: Object,\r\n\t\t\tdefault: () => {},\r\n\t\t},\r\n\t\titemsLength: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 0,\r\n\t\t},\r\n\t});\r\n\r\n\tconst formattedBusinessArea = computed(() => {\r\n\t\tif (props.item.BusinessAreaCategory?.includes(',')) {\r\n\t\t\treturn props.item.BusinessAreaCategory.split(', ', 2);\r\n\t\t} else {\r\n\t\t\treturn props.item.BusinessAreaCategory;\r\n\t\t}\r\n\t});\r\n</script>\r\n\r\n<template>\r\n\t<a\r\n\t\t:href=\"item.Url\"\r\n\t\t:target=\"item.LinkTarget ? item.LinkTarget : ''\"\r\n\t\tclass=\"c-variable-width-card\"\r\n\t>\r\n\t\t<div\r\n\t\t\tclass=\"c-variable-width-card__image-wrapper\"\r\n\t\t\t:class=\"{ 'c-variable-width-card__image-wrapper--four': itemsLength === 4 }\"\r\n\t\t>\r\n\t\t\t<img\r\n\t\t\t\tv-if=\"item.ImageUrl && !item.HasDefaultImageUrl\"\r\n\t\t\t\t:src=\"item.ImageUrl\"\r\n\t\t\t\t:alt=\"item.Headline\"\r\n\t\t\t\tclass=\"c-variable-width-card__image\"\r\n\t\t\t/>\r\n\t\t\t<div\r\n\t\t\t\tv-if=\"item.ImageUrl && item.HasDefaultImageUrl\"\r\n\t\t\t\tclass=\"c-variable-width-card__image--icon\"\r\n\t\t\t>\r\n\t\t\t\t<img\r\n\t\t\t\t\t:src=\"item.ImageUrl\"\r\n\t\t\t\t\t:alt=\"item.Headline\"\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t\t<div\r\n\t\t\t\tv-if=\"!item.ImageUrl && item.HasDefaultImageUrl\"\r\n\t\t\t\tclass=\"c-variable-width-card__image\"\r\n\t\t\t></div>\r\n\t\t\t<p\r\n\t\t\t\tv-if=\"item.NewBadgeText\"\r\n\t\t\t\tclass=\"c-variable-width-card__badge\"\r\n\t\t\t>\r\n\t\t\t\t{{ item.NewBadgeText }}\r\n\t\t\t</p>\r\n\t\t\t<div\r\n\t\t\t\tv-if=\"item.MediaTypeIconUrl || item.Duration\"\r\n\t\t\t\tclass=\"c-variable-width-card__label\"\r\n\t\t\t>\r\n\t\t\t\t<img\r\n\t\t\t\t\tv-if=\"item.MediaTypeIconUrl\"\r\n\t\t\t\t\t:src=\"item.MediaTypeIconUrl\"\r\n\t\t\t\t\t:alt=\"item.BusinessAreaCategory\"\r\n\t\t\t\t\tclass=\"c-variable-width-card__icon-media\"\r\n\t\t\t\t/>\r\n\t\t\t\t<p\r\n\t\t\t\t\tv-if=\"item.Duration\"\r\n\t\t\t\t\tclass=\"c-variable-width-card__duration\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{ item.Duration }}\r\n\t\t\t\t</p>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<p\r\n\t\t\tv-if=\"Array.isArray(formattedBusinessArea)\"\r\n\t\t\tclass=\"c-variable-width-card__category\"\r\n\t\t>\r\n\t\t\t<span\r\n\t\t\t\tv-for=\"businessAreaItem in formattedBusinessArea\"\r\n\t\t\t\t:key=\"businessAreaItem\"\r\n\t\t\t>\r\n\t\t\t\t{{ businessAreaItem }}\r\n\t\t\t</span>\r\n\t\t</p>\r\n\t\t<p\r\n\t\t\tv-else\r\n\t\t\tclass=\"c-variable-width-card__category\"\r\n\t\t\tv-text=\"formattedBusinessArea\"\r\n\t\t></p>\r\n\t\t<h3 class=\"c-variable-width-card__heading\" v-html=\"item.Headline\"></h3>\r\n\t</a>\r\n</template>\r\n","<script setup>\r\n    import { computed } from 'vue';\r\n    import VariableWidthCard from 'shared/components/contentElements/variableWidthCard.vue';\r\n    import StaticWidthCard from 'shared/components/contentElements/staticWidthCard.vue';\r\n\timport { DsText } from '@coloplast/design-system';\r\n\r\n    const props = defineProps({\r\n        vm: {\r\n            type: Object,\r\n            default: () => {},\r\n        },\r\n    });\r\n\r\n    const layoutType = computed(() => {\r\n        let layoutTypeIndex = props.vm.CurrentBlock.LayoutType;\r\n        switch (layoutTypeIndex) {\r\n            case '1':\r\n                return 'staticWidth';\r\n            case '2':\r\n                return 'staticWidthNoImage';\r\n            default:\r\n                return 'variableWidth';\r\n        }\r\n    });\r\n</script>\r\n\r\n<template>\r\n    <div\r\n        class=\"c-content-recommended__container\"\r\n        :class=\"{ 'c-content-recommended__container--static-width': layoutType !== 'variableWidth' }\"\r\n    >\r\n\t\t<DsText\r\n\t\t\tv-if=\"vm.CurrentBlock.Headline\"\r\n\t\t\thtml-element=\"h2\"\r\n\t\t\ttext-type=\"heading-2xl\"\r\n\t\t\tclass=\"c-content-recommended__heading\"\r\n\t\t\t:class=\"{ 'c-content-recommended__heading--static-width': layoutType !== 'variableWidth' }\"\r\n\t\t>\r\n\t\t\t<div v-html=\"vm.CurrentBlock.Headline\"></div>\r\n\t\t</DsText>\r\n\t\t<DsText\r\n\t\t\tv-if=\"vm.CurrentBlock.Description && layoutType !== 'variableWidth'\"\r\n\t\t\tclass=\"c-content-recommended__description\"\r\n\t\t>\r\n\t\t\t<div v-html=\"vm.CurrentBlock.Description\"></div>\r\n\t\t</DsText>\r\n        <div\r\n            v-if=\"layoutType === 'variableWidth'\"\r\n            class=\"c-content-recommended__wrapper\"\r\n            :class=\"{ 'c-content-recommended__wrapper--four': vm.BaseViewModel.Items.length === 4 }\"\r\n        >\r\n            <variable-width-card\r\n                v-for=\"contentRecommendedItem in vm.BaseViewModel.Items\"\r\n                :key=\"contentRecommendedItem.Id\"\r\n                :item=\"contentRecommendedItem\"\r\n                :items-length=\"vm.BaseViewModel.Items.length\"\r\n            />\r\n        </div>\r\n        <div\r\n            v-if=\"layoutType !== 'variableWidth'\"\r\n            class=\"c-content-recommended__wrapper c-content-recommended__wrapper--static\"\r\n            :class=\"{ 'c-content-recommended__wrapper--four': vm.BaseViewModel.Items.length === 4 }\"\r\n        >\r\n            <static-width-card\r\n                v-for=\"contentRecommendedItem in vm.BaseViewModel.Items\"\r\n                :key=\"contentRecommendedItem.Id\"\r\n                :item=\"contentRecommendedItem\"\r\n                :is-without-an-image=\"layoutType === 'staticWidthNoImage'\"\r\n            />\r\n        </div>\r\n    </div>\r\n</template>\r\n"],"names":["props","__props","formattedBusinessArea","computed","_a","layoutType"],"mappings":"6tBAGC,MAAMA,EAAQC,EAWRC,EAAwBC,EAAS,IAAM,OAC5C,OAAIC,EAAAJ,EAAM,KAAK,uBAAX,MAAAI,EAAiC,SAAS,KACtCJ,EAAM,KAAK,qBAAqB,MAAM,KAAM,CAAC,EAE7CA,EAAM,KAAK,oBAErB,CAAE,82CCdE,MAAMA,EAAQC,EAORI,EAAaF,EAAS,IAAM,CAE9B,OADsBH,EAAM,GAAG,aAAa,WACrB,CACnB,IAAK,IACD,MAAO,cACX,IAAK,IACD,MAAO,qBACX,QACI,MAAO,eACd,CACT,CAAK"}