@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
46 lines (45 loc) • 1.82 kB
JavaScript
import m from "./NeonStepper.es.js";
import { resolveComponent as d, openBlock as n, createElementBlock as t, normalizeClass as r, Fragment as i, renderList as _, createElementVNode as p, createBlock as a, createCommentVNode as u, toDisplayString as k } from "vue";
import v from "../../../_virtual/_plugin-vue_export-helper.es.js";
const f = ["onClick"], V = { class: "neon-stepper__step-indicator" }, C = ["onClick"];
function $(e, h, I, y, g, B) {
const s = d("neon-icon");
return n(), t("div", {
class: r([`neon-stepper--${e.color}`, "neon-stepper"])
}, [
(n(!0), t(i, null, _(e.steps, (l, o) => (n(), t("div", {
key: l,
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"])
}, [
p("div", {
class: "neon-stepper__step-indicator-wrapper",
onClick: (c) => o !== e.modelValue && o <= e.completedIndex && e.emit("update:modelValue", o)
}, [
p("div", V, [
o < e.completedIndex ? (n(), a(s, {
key: 0,
class: "neon-stepper__step-completed-icon",
name: "check"
})) : o === e.completedIndex ? (n(), a(s, {
key: 1,
class: "neon-stepper__step-completing-icon",
name: "dot"
})) : u("", !0)
])
], 8, f),
p("span", {
class: "neon-stepper__step-title",
onClick: (c) => o !== e.modelValue && o <= e.completedIndex && e.emit("update:modelValue", o)
}, k(l), 9, C)
], 2))), 128))
], 2);
}
const w = /* @__PURE__ */ v(m, [["render", $]]);
export {
w as default
};
//# sourceMappingURL=NeonStepper.vue.es.js.map