@aotearoan/neon/dist/components/navigation/stepper/NeonStepper.vue.es.js

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

import d from "./NeonStepper.es.js";
import { resolveComponent as c, openBlock as n, createElementBlock as p, normalizeClass as r, Fragment as i, renderList as u, createElementVNode as s, withKeys as _, createBlock as m, createCommentVNode as k, toDisplayString as v } from "vue";
import V from "../../../_virtual/_plugin-vue_export-helper.es.js";
const f = ["aria-label", "onClick"], y = ["tabindex", "onKeydown"], I = ["onClick"];
function $(e, b, h, C, w, g) {
  const l = c("neon-icon");
  return n(), p("div", {
    class: r([`neon-stepper--${e.color}`, "neon-stepper"])
  }, [
    (n(!0), p(i, null, u(e.steps, (t, o) => (n(), p("div", {
      key: t,
      class: r([{
        "neon-stepper__step--has-value": o <= e.modelValue || o <= e.completedIndex,
        "neon-stepper__step--active": o === e.modelValue,
        "neon-stepper__step--display-stepper": o <= e.completedIndex
      }, "neon-stepper__step"])
    }, [
      s("div", {
        "aria-label": t,
        class: "neon-stepper__step-indicator-wrapper",
        role: "button",
        tabindex: "-1",
        onClick: (a) => o !== e.modelValue && o <= e.completedIndex && e.emit("update:modelValue", o)
      }, [
        s("div", {
          tabindex: o <= e.completedIndex ? 0 : -1,
          class: "neon-stepper__step-indicator",
          onKeydown: _((a) => o !== e.modelValue && o <= e.completedIndex && e.emit("update:modelValue", o), ["enter"])
        }, [
          o < e.completedIndex ? (n(), m(l, {
            key: 0,
            class: "neon-stepper__step-completed-icon",
            name: "check"
          })) : o === e.completedIndex ? (n(), m(l, {
            key: 1,
            class: "neon-stepper__step-completing-icon",
            name: "dot"
          })) : k("", !0)
        ], 40, y)
      ], 8, f),
      s("span", {
        class: "neon-stepper__step-title",
        tabindex: "-1",
        onClick: (a) => o !== e.modelValue && o <= e.completedIndex && e.emit("update:modelValue", o)
      }, v(t), 9, I)
    ], 2))), 128))
  ], 2);
}
const E = /* @__PURE__ */ V(d, [["render", $]]);
export {
  E as default
};
//# sourceMappingURL=NeonStepper.vue.es.js.map