@aotearoan/neon/dist/components/feedback/linear-progress/NeonLinearProgress.vue.es.js

Neon is a lightweight design library of Vue 3 components with minimal dependencies.

import i from "./NeonLinearProgress.es.js";
import { resolveComponent as p, openBlock as o, createElementBlock as r, normalizeClass as l, createElementVNode as n, toDisplayString as s, createCommentVNode as a, normalizeStyle as c, createBlock as m } from "vue";
import d from "../../../_virtual/_plugin-vue_export-helper.es.js";
const u = ["aria-valuemax", "aria-valuenow"], _ = { class: "neon-linear-progress__container" }, g = {
  key: 0,
  class: "neon-linear-progress__label"
}, v = { class: "neon-linear-progress__bar" }, f = {
  key: 1,
  class: "neon-linear-progress__output"
};
function $(e, h, C, k, y, b) {
  const t = p("neon-icon");
  return o(), r("div", {
    "aria-valuemax": e.computedTotal,
    "aria-valuenow": e.calculatedValue,
    class: l([[
      `neon-linear-progress--${e.color}`,
      `neon-linear-progress--${e.size}`,
      e.alternateColor ? `neon-linear-progress--alternate-color-${e.alternateColor}` : ""
    ], "neon-linear-progress"]),
    "aria-valuemin": "0",
    role: "progressbar"
  }, [
    n("div", _, [
      e.label ? (o(), r("span", g, s(e.label), 1)) : a("", !0),
      n("div", v, [
        n("div", {
          class: l([{ "neon-linear-progress__indicator--completed": e.completed }, "neon-linear-progress__indicator"]),
          style: c(`width:${e.computedPercentage}%`)
        }, null, 6)
      ])
    ]),
    e.completedIcon && e.completed ? (o(), m(t, {
      key: 0,
      color: e.completedIconColor || e.alternateColor || e.color,
      name: e.completedIcon,
      class: "neon-linear-progress__icon"
    }, null, 8, ["color", "name"])) : a("", !0),
    e.output ? (o(), r("span", f, s(e.computedOutput), 1)) : a("", !0)
  ], 10, u);
}
const I = /* @__PURE__ */ d(i, [["render", $]]);
export {
  I as default
};
//# sourceMappingURL=NeonLinearProgress.vue.es.js.map