@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 1.37 kB
JavaScript
"use strict";const c=require("./NeonActionMenu.cjs.js"),e=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),i={class:"neon-action-menu"},a={class:"no-style"},r={class:"neon-action-menu__link-label"},u={key:0,class:"neon-action-menu__link-count"};function _(o,k,p,y,m,b){const t=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("nav",i,[e.createElementVNode("ul",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.model,n=>(e.openBlock(),e.createElementBlock("li",{key:n.key,class:"neon-action-menu__item"},[e.createVNode(t,{class:e.normalizeClass([[{"neon-action-menu__link--selected":n.key===o.modelValue,"neon-action-menu__link--disabled":n.disabled},`neon-action-menu__link--${o.color}`],"neon-action-menu__link"]),"no-style":!0,tabindex:n.disabled?-1:0,"outline-style":"none",onClick:l=>!n.disabled&&o.onClick(n.key),onKeydown:e.withKeys(e.withModifiers(l=>!n.disabled&&o.onClick(n.key),["prevent"]),["space"])},{default:e.withCtx(()=>[e.createElementVNode("div",r,e.toDisplayString(n.label),1),n.count?(e.openBlock(),e.createElementBlock("div",u,e.toDisplayString(n.count.toLocaleString()),1)):e.createCommentVNode("",!0)]),_:2},1032,["class","tabindex","onClick","onKeydown"])]))),128))])])}const d=s(c,[["render",_]]);module.exports=d;
//# sourceMappingURL=NeonActionMenu.vue.cjs.js.map