@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 1.21 kB
JavaScript
;const l=require("./NeonList.cjs.js"),e=require("vue"),i=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),a=["onClick","onKeydown"];function c(n,t,p,u,k,m){const r=e.resolveComponent("neon-icon");return e.openBlock(),e.createBlock(e.TransitionGroup,{"aria-disabled":n.disabled,class:e.normalizeClass([[`neon-list--${n.size}`,`neon-list--${n.color}`,{"neon-list--disabled":n.disabled}],"no-style neon-list"]),name:"neon-transition-list-item",role:"group",tag:"ul"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.modelValue,o=>(e.openBlock(),e.createElementBlock("li",{key:o.key,"aria-checked":"true",class:"neon-list__item",role:"switch",tabindex:"0",onClick:s=>n.remove(o.key),onKeydown:[e.withKeys(s=>n.remove(o.key),["enter"]),e.withKeys(s=>n.remove(o.key),["space"]),t[0]||(t[0]=e.withKeys(e.withModifiers(()=>{},["prevent"]),["space"]))]},[e.createElementVNode("span",null,e.toDisplayString(o.label),1),n.disabled?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(r,{key:0,name:"times"}))],40,a))),128))]),_:1},8,["aria-disabled","class"])}const d=i(l,[["render",c]]);module.exports=d;
//# sourceMappingURL=NeonList.vue.cjs.js.map