bootstrap-vue-next
Version:
Seamless integration of Vue 3, Bootstrap 5, and TypeScript for modern, type-safe UI development
1 lines • 3.56 kB
Source Map (JSON)
{"version":3,"file":"BSpinner-BpnwONvx.mjs","names":[],"sources":["../src/components/BSpinner/BSpinner.vue","../src/components/BSpinner/BSpinner.vue"],"sourcesContent":["<template>\n <component\n :is=\"props.tag\"\n :class=\"computedClasses\"\n :role=\"props.label || hasLabelSlot ? props.role : null\"\n :aria-hidden=\"props.label || hasLabelSlot ? null : true\"\n >\n <span v-if=\"props.label || hasLabelSlot\" class=\"visually-hidden\">\n <slot name=\"label\">{{ props.label }}</slot>\n </span>\n </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BSpinnerProps} from '../../types/ComponentProps'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BSpinnerSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BSpinnerProps>(), {\n label: undefined,\n role: 'status',\n small: false,\n tag: 'span',\n type: 'border',\n variant: null,\n})\nconst props = useDefaults(_props, 'BSpinner')\nconst slots = defineSlots<BSpinnerSlots>()\n\nconst colorClasses = useColorVariantClasses(\n computed(() => ({\n textVariant: props.variant,\n }))\n)\nconst computedClasses = computed(() => [\n `spinner-${props.type}`,\n colorClasses.value,\n {\n [`spinner-${props.type}-sm`]: props.small,\n },\n])\n\nconst hasLabelSlot = computed(() => !isEmptySlot(slots.label))\n</script>\n","<template>\n <component\n :is=\"props.tag\"\n :class=\"computedClasses\"\n :role=\"props.label || hasLabelSlot ? props.role : null\"\n :aria-hidden=\"props.label || hasLabelSlot ? null : true\"\n >\n <span v-if=\"props.label || hasLabelSlot\" class=\"visually-hidden\">\n <slot name=\"label\">{{ props.label }}</slot>\n </span>\n </component>\n</template>\n\n<script setup lang=\"ts\">\nimport {computed} from 'vue'\nimport type {BSpinnerProps} from '../../types/ComponentProps'\nimport {isEmptySlot} from '../../utils/dom'\nimport {useDefaults} from '../../composables/useDefaults'\nimport {useColorVariantClasses} from '../../composables/useColorVariantClasses'\nimport type {BSpinnerSlots} from '../../types'\n\nconst _props = withDefaults(defineProps<BSpinnerProps>(), {\n label: undefined,\n role: 'status',\n small: false,\n tag: 'span',\n type: 'border',\n variant: null,\n})\nconst props = useDefaults(_props, 'BSpinner')\nconst slots = defineSlots<BSpinnerSlots>()\n\nconst colorClasses = useColorVariantClasses(\n computed(() => ({\n textVariant: props.variant,\n }))\n)\nconst computedClasses = computed(() => [\n `spinner-${props.type}`,\n colorClasses.value,\n {\n [`spinner-${props.type}-sm`]: props.small,\n },\n])\n\nconst hasLabelSlot = computed(() => !isEmptySlot(slots.label))\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ,YARC,SAQmB,WAAU;EAC5C,MAAM,QAAQ,UAAA;EAEd,MAAM,eAAe,uBACnB,gBAAgB,EACd,aAAa,MAAM,SACpB,EAAC,CACJ;EACA,MAAM,kBAAkB,eAAe;GACrC,WAAW,MAAM;GACjB,aAAa;GACb,GACG,WAAW,MAAM,KAAK,OAAO,MAAM,OAAA;GAEvC,CAAA;EAED,MAAM,eAAe,eAAe,CAAC,YAAY,MAAM,MAAM,CAAA;;uBA5C3D,YASY,wBARL,MAAA,MAAK,CAAC,IAAG,EAAA;IACb,OAAK,eAAE,gBAAA,MAAe;IACtB,MAAM,MAAA,MAAK,CAAC,SAAS,aAAA,QAAe,MAAA,MAAK,CAAC,OAAI;IAC9C,eAAa,MAAA,MAAK,CAAC,SAAS,aAAA,QAAY,OAAA;;2BAIlC,CAFK,MAAA,MAAK,CAAC,SAAS,aAAA,SAAA,WAAA,EAA3B,mBAEO,QAFP,YAEO,CADL,WAA2C,KAAA,QAAA,SAAA,EAAA,QAAA,CAAA,gBAAA,gBAArB,MAAA,MAAK,CAAC,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA"}