maz-ui
Version:
A standalone components library for Vue.Js 3 & Nuxt.Js 3
25 lines (24 loc) • 1.13 kB
JavaScript
import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, createElementVNode } from "vue";
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper.B--vMWp3.js";
import '../assets/MazLoadingBar.D7PAgZHl.css';const _sfc_main = /* @__PURE__ */ defineComponent({
__name: "MazLoadingBar",
props: {
color: { default: "primary" },
height: { default: "0.125rem" }
},
setup(__props) {
const props = __props, 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": _ctx.height, "--loading-bar-color": colorCSSVariables.value.alpha, "--loading-bar-main-color": colorCSSVariables.value.main }])
}, _cache[0] || (_cache[0] = [
createElementVNode("div", null, null, -1)
]), 4));
}
}), MazLoadingBar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ad2db5de"]]);
export {
MazLoadingBar as default
};