{"version":3,"file":"dot.mjs","sources":["../../../../../../packages/components/dot/src/dot.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b(), ns.m(type), sizeKls]\">\n    <span :class=\"ns.e('spot')\" :style=\"spotStyle\" />\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from 'element-plus'\nimport { addUnit, isUndefined } from '@element-plus/utils'\nimport { dotProps } from './dot'\n\ndefineOptions({\n  name: 'ElDot',\n})\nconst props = defineProps(dotProps)\n\nconst ns = useNamespace('dot')\nconst isPresetsSize = computed(() =>\n  ['large', 'default', 'small'].includes(props.size ?? '')\n)\nconst spotStyle = computed(() => {\n  const size =\n    isUndefined(props.size) || isPresetsSize.value ? '' : addUnit(props.size)\n  return {\n    width: size,\n    height: size,\n    backgroundColor: props.color,\n  }\n})\nconst sizeKls = computed(() => (isPresetsSize.value ? ns.m(props.size) : ''))\n</script>\n"],"names":[],"mappings":";;;;;;mCAac,CAAA;AAAA,EACZ,IAAM,EAAA,OAAA;AACR,CAAA,CAAA,CAAA;;;;;AACA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AAER,IAAA,MAAA,EAAA,GAAK,aAAa,KAAK,CAAA,CAAA;AAC7B,IAAA,MAAM,aAAgB,GAAA,QAAA;AAAA,MAAS,MAAA;;AAC7B,QAAC,OAAA,CAAA,OAAA,EAAS,WAAW,OAAO,CAAA,CAAE,UAAS,EAAM,GAAA,KAAA,CAAA,IAAA,KAAN,YAAc,EAAE,CAAA,CAAA;AAAA,OAAA;AAAA,KACzD,CAAA;AACM,IAAA,MAAA,SAAA,GAAY,SAAS,MAAM;AACzB,MAAA,MAAA,IAAA,GACJ,WAAY,CAAA,KAAA,CAAM,IAAI,CAAA,IAAK,cAAc,KAAQ,GAAA,EAAA,GAAK,OAAQ,CAAA,KAAA,CAAM,IAAI,CAAA,CAAA;AACnE,MAAA,OAAA;AAAA,QACL,KAAO,EAAA,IAAA;AAAA,QACP,MAAQ,EAAA,IAAA;AAAA,QACR,iBAAiB,KAAM,CAAA,KAAA;AAAA,OACzB,CAAA;AAAA,KACD,CAAA,CAAA;AACK,IAAA,MAAA,OAAA,GAAU,QAAS,CAAA,MAAO,aAAc,CAAA,KAAA,GAAQ,GAAG,CAAE,CAAA,KAAA,CAAM,IAAI,CAAA,GAAI,EAAG,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}