maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
1 lines • 1.29 kB
JavaScript
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createElementBlock,createElementVNode,defineComponent,normalizeClass,normalizeStyle,openBlock}from"vue";import '../assets/MazSpinner.kG4q88wB.css';var _hoisted_1=[`width`,`height`];var MazSpinner_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazSpinner`,props:{size:{default:`2em`},color:{default:`theme`}},setup(__props){let spinnerStyle=computed(()=>{let c=__props.color;return!c||c===`theme`?{}:c===`normal`?{color:`hsl(var(--maz-foreground))`}:c===`transparent`?{color:`white`}:{color:`hsl(var(--maz-${c}))`}});return(_ctx,_cache)=>(openBlock(),createElementBlock(`svg`,{width:__props.size,height:__props.size,version:`1.1`,xmlns:`http://www.w3.org/2000/svg`,x:`0px`,y:`0px`,viewBox:`0 0 50 50`,"xml:space":`preserve`,class:normalizeClass([`m-spinner m-reset-css`,`m-spinner--${__props.color}`]),style:normalizeStyle(spinnerStyle.value)},[..._cache[0]||=[createElementVNode(`path`,{d:`M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z`},null,-1)]],14,_hoisted_1))}}),[[`__scopeId`,`data-v-ff7589f3`]]);export{MazSpinner_default as t};