{"version":3,"file":"index.mjs","sources":["../../../../src/components/LinearProgress/index.vue"],"sourcesContent":["<template>\n  <div\n    class=\"wrapper relative min-w-16 rounded-full bg-gray-100 dark:bg-gray-600\"\n    :style=\"[heightComputed]\"\n  >\n    <div\n      class=\"progress bg-primary h-full rounded-full bg-primary-500\"\n      :style=\"[widthComputed]\"\n    ></div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nexport default {\n  name: 'RobustLinearProgress',\n};\n</script>\n\n<script lang=\"ts\" setup>\nimport { computed, toRefs } from 'vue';\n\nconst props = defineProps({\n  height: {\n    type: Number,\n    default: 8,\n  },\n  progress: {\n    type: Number,\n    default: 50,\n  },\n});\n\nconst { height, progress } = toRefs(props);\n\nconst heightComputed = computed(() => {\n  return `height:${height.value}px`;\n});\n\nconst widthComputed = computed(() => {\n  return `width:clamp(${height.value}px, ${progress.value}%, 100%);`;\n});\n</script>\n"],"names":["__default__","props","__props","height","progress","toRefs","heightComputed","computed","widthComputed"],"mappings":";AAaA,MAAAA,IAAe;AAAA,EACb,MAAM;AACR;;;;;;;;;;;;;AAMA,UAAMC,IAAQC,GAWR,EAAE,QAAAC,GAAQ,UAAAC,EAAS,IAAIC,EAAOJ,CAAK,GAEnCK,IAAiBC,EAAS,MACvB,UAAUJ,EAAO,KAAK,IAC9B,GAEKK,IAAgBD,EAAS,MACtB,eAAeJ,EAAO,KAAK,OAAOC,EAAS,KAAK,WACxD;;;;;;;;;;;;"}