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

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

"use strict";const l=require("./NeonStepper.cjs.js"),e=require("vue"),r=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),c=["onClick"],a={class:"neon-stepper__step-indicator"},m=["onClick"];function d(o,_,u,k,v,V){const n=e.resolveComponent("neon-icon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`neon-stepper--${o.color}`,"neon-stepper"])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.steps,(p,t)=>(e.openBlock(),e.createElementBlock("div",{key:p,class:e.normalizeClass([{"neon-stepper__step--has-value":t<=o.modelValue||t<=o.completedIndex,"neon-stepper__step--active":t===o.modelValue,"neon-stepper__step--display-stepper":t<=o.completedIndex},"neon-stepper__step"])},[e.createElementVNode("div",{class:"neon-stepper__step-indicator-wrapper",onClick:s=>t!==o.modelValue&&t<=o.completedIndex&&o.emit("update:modelValue",t)},[e.createElementVNode("div",a,[t<o.completedIndex?(e.openBlock(),e.createBlock(n,{key:0,class:"neon-stepper__step-completed-icon",name:"check"})):t===o.completedIndex?(e.openBlock(),e.createBlock(n,{key:1,class:"neon-stepper__step-completing-icon",name:"dot"})):e.createCommentVNode("",!0)])],8,c),e.createElementVNode("span",{class:"neon-stepper__step-title",onClick:s=>t!==o.modelValue&&t<=o.completedIndex&&o.emit("update:modelValue",t)},e.toDisplayString(p),9,m)],2))),128))],2)}const i=r(l,[["render",d]]);module.exports=i;
//# sourceMappingURL=NeonStepper.vue.cjs.js.map