maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
1 lines • 963 B
JavaScript
import{t as _plugin_vue_export_helper_default}from"./_plugin-vue_export-helper.ChmETRGw.js";import{computed,createElementBlock,createElementVNode,defineComponent,normalizeStyle,openBlock}from"vue";import '../assets/MazLoadingBar.DG0kqKP4.css';var MazLoadingBar_default=_plugin_vue_export_helper_default(defineComponent({__name:`MazLoadingBar`,props:{color:{default:`primary`},height:{default:`0.125rem`}},setup(__props){let props=__props;let colorCSSVariables=computed(()=>({alpha:`hsl(var(--maz-${props.color}) / 20%)`,main:`hsl(var(--maz-${props.color}))`}));return(_ctx,_cache)=>(openBlock(),createElementBlock(`div`,{class:`m-loading-bar m-reset-css`,style:normalizeStyle([{"--loading-bar-height":__props.height,"--loading-bar-color":colorCSSVariables.value.alpha,"--loading-bar-main-color":colorCSSVariables.value.main}])},[..._cache[0]||=[createElementVNode(`div`,null,null,-1)]],4))}}),[[`__scopeId`,`data-v-b0665f8b`]]);export{MazLoadingBar_default as t};