@aotearoan/neon
Version:
Neon is a lightweight design library of Vue 3 components with minimal dependencies.
3 lines (2 loc) • 1.89 kB
JavaScript
;const d=require("./NeonExpansionPanel.cjs.js"),n=require("vue"),s=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),p=["aria-disabled","aria-expanded"],r=["aria-controls"],t={class:"neon-expansion-panel__label"},u=["id"];function c(e,o,b,g,E,v){const l=n.resolveComponent("neon-icon"),i=n.resolveComponent("neon-expansion-indicator");return n.openBlock(),n.createElementBlock("div",{"aria-disabled":e.disabled,"aria-expanded":e.modelValue,class:n.normalizeClass([[{"neon-expansion-panel--expanded":e.modelValue,"neon-expansion-panel--full-width":e.fullWidth,"neon-expansion-panel--disabled":e.disabled},`neon-expansion-panel--${e.position}`,`neon-expansion-panel--${e.size}`,`neon-expansion-panel--${e.color}`],"neon-expansion-panel"])},[n.createElementVNode("div",{"aria-controls":e.id,class:"neon-expansion-panel__header",tabindex:"-1",onClick:o[2]||(o[2]=(...a)=>e.toggleExpanded&&e.toggleExpanded(...a))},[n.createElementVNode("div",{class:"neon-expansion-panel__label-container neon-expansion-panel__label-container--outline-text",tabindex:"0",onKeydown:[o[0]||(o[0]=n.withKeys((...a)=>e.toggleExpanded&&e.toggleExpanded(...a),["enter"])),o[1]||(o[1]=n.withKeys(n.withModifiers((...a)=>e.toggleExpanded&&e.toggleExpanded(...a),["prevent"]),["space"]))]},[e.icon?(n.openBlock(),n.createBlock(l,{key:0,color:e.color,disabled:e.disabled,name:e.icon},null,8,["color","disabled","name"])):n.createCommentVNode("",!0),n.createElementVNode("span",t,n.toDisplayString(e.label),1)],32),n.createVNode(i,{color:e.color,disabled:e.disabled,expanded:e.modelValue},null,8,["color","disabled","expanded"])],8,r),n.withDirectives(n.createElementVNode("div",{id:e.id,class:"neon-expansion-panel__content"},[n.renderSlot(e.$slots,"default")],8,u),[[n.vShow,e.modelValue]])],10,p)}const m=s(d,[["render",c]]);module.exports=m;
//# sourceMappingURL=NeonExpansionPanel.vue.cjs.js.map