@vuesax-alpha/nightly/es/components/radio/src/radio2.mjs.map

A Component Library for Vue 3

{"version":3,"file":"radio2.mjs","sources":["../../../../../../packages/components/radio/src/radio.vue"],"sourcesContent":["<template>\n  <div :class=\"radioKls\" :style=\"radioStyles\">\n    <div :class=\"ns.b()\">\n      <input\n        :id=\"uid\"\n        v-model=\"model\"\n        type=\"radio\"\n        :disabled=\"isDisabled\"\n        :readonly=\"isDisabled\"\n        :name=\"name\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n      <span :class=\"ns.e('effect')\">\n        <span v-if=\"$slots.icon\" :class=\"ns.em('effect', 'icon')\">\n          <slot name=\"icon\" />\n        </span>\n\n        <span v-if=\"loading\" :class=\"ns.em('effect', 'loading')\">\n          <icon-loading />\n        </span>\n      </span>\n    </div>\n\n    <label v-if=\"$slots.default || label\" :for=\"uid\" :class=\"ns.e('label')\">\n      <slot>{{ label }}</slot>\n    </label>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport {\n  useColor,\n  useId,\n  useNamespace,\n  useVuesaxBaseComponent,\n} from '@vuesax-alpha/hooks'\nimport { getVsColor } from '@vuesax-alpha/utils'\nimport { IconLoading } from '@vuesax-alpha/components/icon'\nimport { radioEmits, radioProps } from './radio'\nimport { useRadio } from './use-radio'\n\ndefineOptions({\n  name: 'VsRadio',\n})\n\nconst ns = useNamespace('radio')\n\nconst props = defineProps(radioProps)\nconst emit = defineEmits(radioEmits)\n\nconst uid = useId()\n\nconst { isDisabled, loading, model, focus, checked } = useRadio(props, emit)\n\nconst color = useColor('primary')\nconst vsBaseClasses = useVuesaxBaseComponent(color)\n\nconst radioKls = computed(() => [\n  vsBaseClasses,\n  ns.b('wrapper'),\n  ns.is('loading', loading.value),\n  ns.is('disabled', isDisabled.value),\n  ns.is('active', checked.value),\n  ns.is('label-before', props.labelBefore),\n])\n\nconst radioStyles = computed(() => [\n  ns.cssVar({\n    color: getVsColor(color.value),\n  }),\n])\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;mCA2Cc,CAAA;AAAA,EACZ,IAAM,EAAA,SAAA;AACR,CAAA,CAAA,CAAA;;;;;;;AAEM,IAAA,MAAA,EAAA,GAAK,aAAa,OAAO,CAAA,CAAA;AAK/B,IAAA,MAAM,MAAM,KAAM,EAAA,CAAA;AAEZ,IAAA,MAAA,EAAE,YAAY,OAAS,EAAA,KAAA,EAAO,OAAO,OAAQ,EAAA,GAAI,QAAS,CAAA,KAAA,EAAO,IAAI,CAAA,CAAA;AAErE,IAAA,MAAA,KAAA,GAAQ,SAAS,SAAS,CAAA,CAAA;AAC1B,IAAA,MAAA,aAAA,GAAgB,uBAAuB,KAAK,CAAA,CAAA;AAE5C,IAAA,MAAA,QAAA,GAAW,SAAS,MAAM;AAAA,MAC9B,aAAA;AAAA,MACA,EAAA,CAAG,EAAE,SAAS,CAAA;AAAA,MACd,EAAG,CAAA,EAAA,CAAG,SAAW,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MAC9B,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,UAAA,CAAW,KAAK,CAAA;AAAA,MAClC,EAAG,CAAA,EAAA,CAAG,QAAU,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MAC7B,EAAG,CAAA,EAAA,CAAG,cAAgB,EAAA,KAAA,CAAM,WAAW,CAAA;AAAA,KACxC,CAAA,CAAA;AAEK,IAAA,MAAA,WAAA,GAAc,SAAS,MAAM;AAAA,MACjC,GAAG,MAAO,CAAA;AAAA,QACR,KAAA,EAAO,UAAW,CAAA,KAAA,CAAM,KAAK,CAAA;AAAA,OAC9B,CAAA;AAAA,KACF,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}