{"version":3,"file":"loading.vue.mjs","sources":["../../../../../../packages/components/icon/base/loading.vue"],"sourcesContent":["<script lang=\"ts\">\n  import type { StyleValue } from 'vue'\n  import { defineComponent, computed } from 'vue'\n  import { getNamespace } from '../../../utils/global-config'\n  import { addUnit } from '../../../shared/utils'\n\n  export default defineComponent({\n    name: 'BnIconLoading',\n    props: {\n      size: {\n        type: [Number, String],\n        default: undefined\n      },\n      rotate: {\n        type: Number,\n        default: undefined\n      },\n      spin: {\n        type: Boolean,\n        default: true\n      },\n      color: {\n        type: String,\n        default: undefined\n      }\n    },\n    setup(props) {\n      const ns = getNamespace('icon')\n\n      const styles = computed(() => {\n        const styles: StyleValue = {}\n        if (props.size) {\n          styles.fontSize = addUnit(props.size)\n        }\n\n        if (props.rotate) {\n          styles.transform = `rotate(${props.rotate}deg)`\n        }\n\n        if (props.color) {\n          styles.color = props.color\n        }\n        return styles\n      })\n\n      const cls = computed(() => [\n        ns,\n        {\n          [`${ns}-loading`]: props.spin\n        }\n      ])\n\n      return {\n        cls,\n        styles\n      }\n    }\n  })\n</script>\n\n<template>\n  <i :class=\"cls\" :style=\"styles\">\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1024 1024\">\n      <path\n        fill=\"currentColor\"\n        d=\"M512 1024c-69.1 0-136.2-13.5-199.3-40.2C251.7 958 197 921 150 874c-47-47-84-101.7-109.8-162.7C13.5 648.2 0 581.1 0 512c0-19.9 16.1-36 36-36s36 16.1 36 36c0 59.4 11.6 117 34.6 171.3c22.2 52.4 53.9 99.5 94.3 139.9c40.4 40.4 87.5 72.2 139.9 94.3C395 940.4 452.6 952 512 952c59.4 0 117-11.6 171.3-34.6c52.4-22.2 99.5-53.9 139.9-94.3c40.4-40.4 72.2-87.5 94.3-139.9C940.4 629 952 571.4 952 512c0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 0 0-94.3-139.9a437.71 437.71 0 0 0-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.2C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7c26.7 63.1 40.2 130.2 40.2 199.3s-13.5 136.2-40.2 199.3C958 772.3 921 827 874 874c-47 47-101.8 83.9-162.7 109.7c-63.1 26.8-130.2 40.3-199.3 40.3z\"\n      ></path>\n    </svg>\n  </i>\n</template>\n"],"names":["cls","_openBlock","_createElementBlock","_normalizeClass","_normalizeStyle","_createElementVNode"],"mappings":";;;;AA6DW,SAAA,YAAA,IAAEA,EAAAA,MAAAA,EAAG,MAAA,EAAA,MAAA,EAAA,OAAA,QAAA,EAAA;AAAQ,EAAA,OAAAC,WAAA,EAAAC,kBAAA;AAAA,IAAQ,GAAA;AAAA,IAAA;AAAA,MAAA,KAAA,EAAAC,cAAA,CAAA,IAAA,CAAA,GAAA,CAAA;AAAA,MAC5B,KAAA,EAKMC,cAAA,CAAA,IAAA,CAAA,MAAA,CAAA;AAAA,KAAA;AAAA,UALI,CAAA,CAAC,CAAA,KAAA,MAAA,CAAA,CAAA,CAAA,GAAA;AAAA,MAAAC,kBAAA;AAAA,QAAqC,KAAA;AAAA,QAAe;AAAA,UAAA,KAAA,EAAA,4BAAA;AAAA,UAC7D,OAAA,EAAA,eAAA;AAAA,SAAA;AAAA;UAEIA,mBAAA,MAAA,EAAA;AAAA,YAAA,IAAA,EAAA,cAAA;AAAA;;;;;;;;;;;;;;;"}