{"version":3,"file":"inlineSpinner-Bx-BEc0y.js","sources":["../../../../Coloplast.UI/src/shared/components/inlineSpinner.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed } from 'vue';\r\n\r\ninterface Props {\r\n\tsize?: 'md';\r\n}\r\n\r\nconst SIZES = {\r\n\tmd: '20px',\r\n\tsm: '16px'\r\n};\r\n\r\nconst DEFAULT_SIZE = 'md';\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n\tsize: DEFAULT_SIZE,\r\n});\r\n\r\nconst sizeValue = computed(() => SIZES[props.size] || DEFAULT_SIZE);\r\n</script>\r\n\r\n<template>\r\n\t<div class=\"ds-spinner-animation\">\r\n\t\t<svg\r\n\t\t\twidth=\"56\"\r\n\t\t\theight=\"56\"\r\n\t\t\tviewBox=\"0 0 56 56\"\r\n\t\t\tfill=\"none\"\r\n\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t>\r\n\t\t\t<rect\r\n\t\t\t\tclass=\"ds-spinner-animation__track\"\r\n\t\t\t\tx=\"3\"\r\n\t\t\t\ty=\"3\"\r\n\t\t\t\twidth=\"50\"\r\n\t\t\t\theight=\"50\"\r\n\t\t\t\trx=\"25\"\r\n\t\t\t\tstroke-width=\"6\"\r\n\t\t\t/>\r\n\t\t\t<path\r\n\t\t\t\tclass=\"ds-spinner-animation__snake\"\r\n\t\t\t\td=\"M4.50674 36.5508C2.95033 37.1173 1.21245 36.3169 0.815599 34.7089C-0.175426 30.6933 -0.26744 26.4951 0.562107 22.4177C1.59161 17.3575 4.00037 12.6806 7.52209 8.90405C11.0438 5.12747 15.5413 2.39833 20.5173 1.01835C24.5269 -0.0935997 28.7213 -0.294665 32.7962 0.413827C34.428 0.697543 35.3477 2.37535 34.8912 3.96749V3.96749C34.4347 5.55962 32.7738 6.45833 31.1344 6.22238C28.1328 5.79039 25.0632 5.98204 22.1202 6.79819C18.2101 7.88256 14.6761 10.0271 11.9087 12.9947C9.14142 15.9623 7.24865 19.6373 6.43968 23.6135C5.83081 26.6062 5.85375 29.6818 6.49408 32.6459C6.84381 34.2648 6.06315 35.9844 4.50674 36.5508V36.5508Z\"\r\n\t\t\t/>\r\n\t\t</svg>\r\n\t</div>\r\n</template>\r\n\r\n<style lang=\"scss\" scoped>\r\n.ds-spinner-animation {\r\n\tdisplay: inline-block;\r\n\tmargin: 0;\r\n\tvertical-align: middle;\r\n\tblock-size: v-bind(sizeValue);\r\n\tinline-size: v-bind(sizeValue);\r\n\r\n\tsvg {\r\n\t\tblock-size: v-bind(sizeValue);\r\n\t\tinline-size: v-bind(sizeValue);\r\n\t}\r\n}\r\n</style>\r\n"],"names":["DEFAULT_SIZE","SIZES","props","__props","sizeValue","computed"],"mappings":"inCAYMA,EAAe,gGALrB,MAAMC,EAAQ,CACb,GAAI,OACJ,GAAI,MAAA,EAKCC,EAAQC,EAIRC,EAAYC,EAAS,IAAMJ,EAAMC,EAAM,IAAI,GAAKF,CAAY"}