{"version":3,"file":"skeletonWrapper-B0OdwFnh.js","sources":["../../../../Coloplast.UI/src/shared/components/skeleton/skeletonWrapper.vue"],"sourcesContent":["<script setup>\r\n\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"c-skeleton\" data-testid=\"skeleton\">\r\n\t\t<slot></slot>\r\n\t</div>\r\n</template>\r\n\r\n<style lang=\"scss\">\r\n@import \"src/shared/styles/settings/settings\";\r\n@import \"src/shared/styles/tools/tools\";\r\n\r\n.c-skeleton {\r\n\t.c-skeleton__element {\r\n\t\tanimation: skeleton-loading 2s linear infinite;\r\n\t\tbackground: linear-gradient(90deg, ds-color(\"bg\", \"status-neutral\") 0%, ds-color(\"bg\", \"decorative-1-subtle\") 40%, ds-color(\"bg\", \"status-neutral\") 80%);\r\n\t\tbackground-attachment: fixed;\r\n\t\tbackground-size: 300%;\r\n\t}\r\n}\r\n\r\n@keyframes skeleton-loading {\r\n\t0% {\r\n\t\tbackground-position: -100%;\r\n\t}\r\n\r\n\t100% {\r\n\t\tbackground-position: 200%;\r\n\t}\r\n}\r\n</style>\r\n"],"names":["_hoisted_1","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock"],"mappings":"uIAKMA,EAAkB,CAAC,MAAA,uCAAxB,SAAAC,EAAAC,EAAAC,EAAA,QACcC,EAAA,EAAAC,EAAA,MAAAL,EAAA"}