{"version":3,"file":"notification-D167ilKn.js","sources":["../../../../Coloplast.UI/src/shared/components/basket/notification.vue"],"sourcesContent":["<template>\r\n\t<div v-if=\"message\" class=\"notification c-basket-message\" :style=\"customStyles\" data-testid=\"notification\">\r\n\t\t<DsIcon\r\n\t\t\tclass=\"c-basket-message__icon\"\r\n\t\t\t:icon-name=\"icon\"\r\n\t\t\t:size=\"currentIconSize\" />\r\n\t\t<DsText class=\"c-basket-message__description\">\r\n\t\t\t<span v-html=\"message\"></span>\r\n\t\t</DsText>\r\n\t</div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { DsIcon, DsText, dsUseIsMobile } from '@coloplast/design-system';\r\nimport type { IconSize, IconName } from '@coloplast/design-system/types/components/icon/interface.d.ts';\r\nimport { toRefs, computed, type ComputedRef } from 'vue';\r\n\r\nconst DEFAULT_MOBILE_ICON_SIZE: IconSize  = 'md';\r\nconst DEFAULT_DESKTOP_ICON_SIZE: IconSize = 'lg';\r\nconst DEFAULT_ICON_NAME: IconName = 'information-circle';\r\n\r\ninterface Props {\r\n\tmessage?: string;\r\n\ticonName?: IconName;\r\n\ticonSizes?: [IconSize, IconSize];\r\n\tbgColor?: string;\r\n}\r\n\r\nconst props = defineProps<Props>();\r\n\r\nconst { isMobile } = dsUseIsMobile();\r\n\r\nconst customStyles = computed(() => {\r\n\tif (typeof props.bgColor === 'undefined') return;\r\n\r\n\treturn {\r\n\t\tbackgroundColor: `var(--ds-color-bg-${props.bgColor}`\r\n\t}\r\n});\r\n\r\nconst { message, iconName, iconSizes } = toRefs(props);\r\nconst icon =  computed(() => iconName?.value || DEFAULT_ICON_NAME )\r\nconst currentIconSize: ComputedRef<IconSize> = computed(() => {\r\n\tconst sizes = iconSizes?.value || [DEFAULT_MOBILE_ICON_SIZE, DEFAULT_DESKTOP_ICON_SIZE]\r\n\r\n\treturn isMobile.value\r\n\t\t? sizes[0]\r\n\t\t: sizes[1]\r\n})\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import 'multisite/styles/settings/settings';\r\n@import 'multisite/styles/tools/tools';\r\n\r\n.c-basket-message p {\r\n\tmargin-top: ds-space(2);\r\n}\r\n\r\n.notification.c-basket-message {\r\n\tmargin: ds-space(5) 0;\r\n\r\n\t&:first-child {\r\n\t\tmargin-top: ds-space(8);\r\n\t}\r\n}\r\n\r\n</style>\r\n"],"names":["DEFAULT_MOBILE_ICON_SIZE","DEFAULT_DESKTOP_ICON_SIZE","DEFAULT_ICON_NAME","props","__props","isMobile","dsUseIsMobile","customStyles","computed","message","iconName","iconSizes","toRefs","icon","currentIconSize","sizes"],"mappings":"sVAiBMA,EAAsC,KACtCC,EAAsC,KACtCC,EAA8B,gHASpC,MAAMC,EAAQC,EAER,CAAE,SAAAC,GAAaC,IAEfC,EAAeC,EAAS,IAAM,CAC/B,GAAA,SAAOL,EAAM,QAAY,KAEtB,MAAA,CACN,gBAAiB,qBAAqBA,EAAM,OAAO,EAAA,CACpD,CACA,EAEK,CAAE,QAAAM,EAAS,SAAAC,EAAU,UAAAC,CAAU,EAAIC,EAAOT,CAAK,EAC/CU,EAAQL,EAAS,KAAME,GAAA,YAAAA,EAAU,QAASR,CAAkB,EAC5DY,EAAyCN,EAAS,IAAM,CAC7D,MAAMO,GAAQJ,GAAA,YAAAA,EAAW,QAAS,CAACX,EAA0BC,CAAyB,EAEtF,OAAOI,EAAS,MACbU,EAAM,CAAC,EACPA,EAAM,CAAC,CAAA,CACV"}