maz-ui/components/MazLoadingBar.mjs

A standalone components library for Vue.Js 3 & Nuxt.Js 3

import { defineComponent as t, computed as n, openBlock as c, createElementBlock as s, normalizeStyle as i, createElementVNode as m } from "vue";
import './assets/MazLoadingBar.ByRp5OgY.css';const p = /* @__PURE__ */ t({
  __name: "MazLoadingBar",
  props: {
    color: { default: "primary" },
    height: { default: "0.125rem" }
  },
  setup(a) {
    const e = a, o = n(() => ({
      alpha: `var(--maz-color-${e.color}-alpha-20)`,
      main: `var(--maz-color-${e.color})`
    }));
    return (l, r) => (c(), s(
      "div",
      {
        class: "m-loading-bar m-reset-css",
        style: i([{ "--loading-bar-height": l.height, "--loading-bar-color": o.value.alpha, "--loading-bar-main-color": o.value.main }])
      },
      r[0] || (r[0] = [
        m(
          "div",
          null,
          null,
          -1
          /* HOISTED */
        )
      ]),
      4
      /* STYLE */
    ));
  }
}), d = (a, e) => {
  const o = a.__vccOpts || a;
  for (const [l, r] of e)
    o[l] = r;
  return o;
}, g = /* @__PURE__ */ d(p, [["__scopeId", "data-v-189c6085"]]);
export {
  g as default
};