{"version":3,"file":"skeletonTextLine-ltT1nXuN.js","sources":["../../../../Coloplast.UI/src/shared/components/skeleton/skeletonTextLine.vue"],"sourcesContent":["<script setup>\r\nimport { computed } from 'vue';\r\n\r\nconst props = defineProps({\r\n\twidth: {\r\n\t\ttype: String,\r\n\t\tdefault: '100%',\r\n\t},\r\n\theight: {\r\n\t\ttype: String,\r\n\t\tdefault: '16',\r\n\t},\r\n\tadditionalClasses: {\r\n\t\ttype: String,\r\n\t\tdefault: '',\r\n\t},\r\n})\r\n\r\nconst cssVars = computed(() => {\r\n\treturn {\r\n\t\t'--width': `${props.width?.endsWith('%') ? props.width : props.width + 'px'}`,\r\n\t\t'--height': props.height + 'px',\r\n\t}\r\n});\r\n\r\n</script>\r\n\r\n<template>\r\n\t<div\r\n\t\t:style=\"cssVars\"\r\n\t\tclass=\"c-skeleton__element c-skeleton-text\" \r\n\t\t:class=\"additionalClasses\"\t\r\n\t></div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"src/shared/styles/settings/settings\";\r\n@import \"src/shared/styles/tools/tools\";\r\n\r\n.c-skeleton-text {\r\n\tbackground-color: ds-color('bg', 'neutral');\r\n\tborder-radius: t-rem(4px);\r\n\theight: var(--height);\r\n\tmargin: 0 0 8px;\r\n\twidth: var(--width);\r\n}\r\n\r\n</style>"],"names":["props","__props","cssVars","computed","_a"],"mappings":"ySAGA,MAAMA,EAAQC,EAeRC,EAAUC,EAAS,IAAM,OAC9B,MAAO,CACN,UAAW,IAAGC,EAAAJ,EAAM,QAAN,MAAAI,EAAa,SAAS,KAAOJ,EAAM,MAAQA,EAAM,MAAQ,IAAI,GAC3E,WAAYA,EAAM,OAAS,IAC3B,CACF,CAAC"}