@aotearoan/neon 22.5.2 → 23.0.1

package/dist/components/feedback/alert/container/NeonAlertContainer.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const c=require("./NeonAlertContainer.cjs.js"),e=require("vue"),a=require("../../../../_virtual/_plugin-vue_export-helper.cjs.js"),d=["aria-describedby","aria-labelledby","role","onClick"],s=["role","tabindex","onKeydown"],_=["id"],p=["id"],y={key:0,class:"neon-alert__actions"},u={class:"neon-alert__action-label"},k={class:"neon-alert__action-label"};function b(o,C,h,A,m,w){const r=e.resolveComponent("neon-icon"),l=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`neon-alert--${o.placement}`,"neon-alert"])},[e.createVNode(e.TransitionGroup,{name:"neon-alert-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.modelValue,(n,i)=>(e.openBlock(),e.createElementBlock("div",{key:n.id,"aria-describedby":n.message?`alertMessage${i}`:void 0,"aria-labelledby":n.title?`alertTitle${i}`:void 0,class:e.normalizeClass([[`neon-alert__message--${n.level}`,{"neon-alert__message--dismissible":n.dismissible,"neon-alert__message--with-actions":n.primaryAction}],"neon-alert__message"]),role:n.primaryAction?"dialog":n.duration&&n.duration>0?"alert":"alertdialog",onClick:t=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id)},[e.createVNode(r,{color:n.level,name:o.icon(n.level)},null,8,["color","name"]),e.createElementVNode("div",{role:n.primaryAction?void 0:"button",tabindex:n.primaryAction?-1:0,class:"neon-alert__content",onKeydown:[e.withKeys(e.withModifiers(t=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id),["prevent"]),["space"]),e.withKeys(t=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id),["enter"])]},[n.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:`alertTitle${i}`,class:"neon-alert__title"},e.toDisplayString(n.title),9,_)):e.createCommentVNode("",!0),n.message?(e.openBlock(),e.createElementBlock("div",{key:1,id:`alertMessage${i}`,class:"neon-alert__body"},e.toDisplayString(n.message),9,p)):e.createCommentVNode("",!0)],40,s),n.primaryAction?(e.openBlock(),e.createElementBlock("div",y,[n.primaryAction?(e.openBlock(),e.createBlock(l,{key:0,class:"neon-alert__action","outline-style":"none",role:"button",tabindex:"0",onClick:t=>{n.primaryAction.callback(),o.closeMessage(n.id)},onKeydown:e.withKeys(e.withModifiers(t=>{n.primaryAction.callback(),o.closeMessage(n.id)},["prevent"]),["space"])},{default:e.withCtx(()=>[e.createElementVNode("span",u,e.toDisplayString(n.primaryAction.label),1)]),_:2},1032,["onClick","onKeydown"])):e.createCommentVNode("",!0),n.secondaryAction?(e.openBlock(),e.createBlock(l,{key:1,class:"neon-alert__action","outline-style":"none",role:"button",tabindex:"0",onClick:t=>{n.secondaryAction.callback(),o.closeMessage(n.id)},onKeydown:e.withKeys(e.withModifiers(t=>{n.secondaryAction.callback(),o.closeMessage(n.id)},["prevent"]),["space"])},{default:e.withCtx(()=>[e.createElementVNode("span",k,e.toDisplayString(n.secondaryAction.label),1)]),_:2},1032,["onClick","onKeydown"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],10,d))),128))]),_:1})],2)}const v=a(c,[["render",b]]);module.exports=v;
+"use strict";const c=require("./NeonAlertContainer.cjs.js"),e=require("vue"),a=require("../../../../_virtual/_plugin-vue_export-helper.cjs.js"),d=["aria-describedby","aria-labelledby","role","onClick"],s=["role","tabindex","onKeydown"],_=["id"],p=["id"],y={key:1,class:"neon-alert__actions"},k={class:"neon-alert__action-label"},u={class:"neon-alert__action-label"};function b(o,h,C,w,m,A){const r=e.resolveComponent("neon-icon"),i=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([`neon-alert--${o.placement}`,"neon-alert"])},[e.createVNode(e.TransitionGroup,{name:"neon-alert-transition"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.modelValue,(n,l)=>(e.openBlock(),e.createElementBlock("div",{key:n.id,"aria-describedby":n.message?`alertMessage${l}`:void 0,"aria-labelledby":n.title?`alertTitle${l}`:void 0,class:e.normalizeClass([[`neon-alert__message--${n.level}`,{"neon-alert__message--dismissible":n.dismissible,"neon-alert__message--with-actions":n.primaryAction,"neon-alert__message--with-icon":n.showIcon}],"neon-alert__message"]),role:n.primaryAction?"dialog":n.duration&&n.duration>0?"alert":"alertdialog",onClick:t=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id)},[n.showIcon?(e.openBlock(),e.createBlock(r,{key:0,color:n.level,name:o.icon(n.level),class:"neon-alert__message-icon"},null,8,["color","name"])):e.createCommentVNode("",!0),e.createElementVNode("div",{role:n.primaryAction?void 0:"button",tabindex:n.primaryAction?-1:0,class:"neon-alert__content",onKeydown:[e.withKeys(e.withModifiers(t=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id),["prevent"]),["space"]),e.withKeys(t=>!n.primaryAction&&n.dismissible&&o.closeMessage(n.id),["enter"])]},[n.title?(e.openBlock(),e.createElementBlock("div",{key:0,id:`alertTitle${l}`,class:"neon-alert__title"},e.toDisplayString(n.title),9,_)):e.createCommentVNode("",!0),n.message?(e.openBlock(),e.createElementBlock("div",{key:1,id:`alertMessage${l}`,class:"neon-alert__body"},e.toDisplayString(n.message),9,p)):e.createCommentVNode("",!0)],40,s),n.primaryAction?(e.openBlock(),e.createElementBlock("div",y,[n.primaryAction?(e.openBlock(),e.createBlock(i,{key:0,class:"neon-alert__action","no-style":"",role:"button",onClick:t=>{n.primaryAction.callback(),o.closeMessage(n.id)},onKeydown:e.withKeys(e.withModifiers(t=>{n.primaryAction.callback(),o.closeMessage(n.id)},["prevent"]),["space"])},{default:e.withCtx(()=>[e.createElementVNode("span",k,e.toDisplayString(n.primaryAction.label),1)]),_:2},1032,["onClick","onKeydown"])):e.createCommentVNode("",!0),n.secondaryAction?(e.openBlock(),e.createBlock(i,{key:1,class:"neon-alert__action","no-style":"",role:"button",onClick:t=>{n.secondaryAction.callback(),o.closeMessage(n.id)},onKeydown:e.withKeys(e.withModifiers(t=>{n.secondaryAction.callback(),o.closeMessage(n.id)},["prevent"]),["space"])},{default:e.withCtx(()=>[e.createElementVNode("span",u,e.toDisplayString(n.secondaryAction.label),1)]),_:2},1032,["onClick","onKeydown"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],10,d))),128))]),_:1})],2)}const v=a(c,[["render",b]]);module.exports=v;
 //# sourceMappingURL=NeonAlertContainer.vue.cjs.js.map

package/dist/components/feedback/alert/container/NeonAlertContainer.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonAlertContainer.vue.cjs.js","sources":["../../../../../src/components/feedback/alert/container/NeonAlertContainer.vue"],"sourcesContent":["<template>\n  <div :class=\"`neon-alert--${placement}`\" class=\"neon-alert\">\n    <transition-group name=\"neon-alert-transition\">\n      <div\n        v-for=\"(message, index) in modelValue\"\n        :key=\"message.id\"\n        :aria-describedby=\"message.message ? `alertMessage${index}` : undefined\"\n        :aria-labelledby=\"message.title ? `alertTitle${index}` : undefined\"\n        :class=\"[\n          `neon-alert__message--${message.level}`,\n          {\n            'neon-alert__message--dismissible': message.dismissible,\n            'neon-alert__message--with-actions': message.primaryAction,\n          },\n        ]\"\n        :role=\"message.primaryAction ? 'dialog' : message.duration && message.duration > 0 ? 'alert' : 'alertdialog'\"\n        class=\"neon-alert__message\"\n        @click=\"!message.primaryAction && message.dismissible && closeMessage(message.id)\"\n      >\n        <neon-icon :color=\"message.level\" :name=\"icon(message.level)\" />\n        <div\n          :role=\"!message.primaryAction ? 'button' : undefined\"\n          :tabindex=\"message.primaryAction ? -1 : 0\"\n          class=\"neon-alert__content\"\n          @keydown.space.prevent=\"!message.primaryAction && message.dismissible && closeMessage(message.id)\"\n          @keydown.enter=\"!message.primaryAction && message.dismissible && closeMessage(message.id)\"\n        >\n          <div v-if=\"message.title\" :id=\"`alertTitle${index}`\" class=\"neon-alert__title\">{{ message.title }}</div>\n          <div v-if=\"message.message\" :id=\"`alertMessage${index}`\" class=\"neon-alert__body\">{{ message.message }}</div>\n        </div>\n        <div v-if=\"message.primaryAction\" class=\"neon-alert__actions\">\n          <neon-link\n            v-if=\"message.primaryAction\"\n            class=\"neon-alert__action\"\n            outline-style=\"none\"\n            role=\"button\"\n            tabindex=\"0\"\n            @click=\"\n              message.primaryAction.callback();\n              closeMessage(message.id);\n            \"\n            @keydown.space.prevent=\"\n              message.primaryAction.callback();\n              closeMessage(message.id);\n            \"\n          >\n            <span class=\"neon-alert__action-label\">{{ message.primaryAction.label }}</span>\n          </neon-link>\n          <neon-link\n            v-if=\"message.secondaryAction\"\n            class=\"neon-alert__action\"\n            outline-style=\"none\"\n            role=\"button\"\n            tabindex=\"0\"\n            @click=\"\n              message.secondaryAction.callback();\n              closeMessage(message.id);\n            \"\n            @keydown.space.prevent=\"\n              message.secondaryAction.callback();\n              closeMessage(message.id);\n            \"\n          >\n            <span class=\"neon-alert__action-label\">{{ message.secondaryAction.label }}</span>\n          </neon-link>\n        </div>\n      </div>\n    </transition-group>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonAlertContainer.ts\"></script>\n"],"names":["_hoisted_6","_hoisted_7","_createElementBlock","_normalizeClass","_ctx","_createVNode","_TransitionGroup","_openBlock","_Fragment","_renderList","message","index","$event","_component_neon_icon","_createElementVNode","_toDisplayString","_hoisted_3","_hoisted_4","_hoisted_5","_createBlock","_component_neon_link","_withKeys","_withModifiers"],"mappings":"uQA8B0C,MAAM,uBAgB9BA,EAAA,CAAA,MAAM,0BAA0B,EAiBhCC,EAAA,CAAA,MAAM,0BAA0B,yHA9DhDC,EAAAA,mBAmEM,MAAA,CAnEA,MAAKC,EAAAA,eAAA,CAAA,eAAiBC,EAAA,SAAS,GAAU,YAAY,CAAA,IACzDC,EAAAA,YAiEmBC,EAAAA,gBAAA,CAjED,KAAK,uBAAuB,EAAA,mBAE1C,IAAsC,EADxCC,EAAAA,UAAA,EAAA,EAAAL,EAAAA,mBA+DMM,WAAA,KAAAC,EAAAA,WA9DuBL,EAAA,WAAU,CAA7BM,EAASC,mBADnBT,EAAAA,mBA+DM,MAAA,CA7DH,IAAKQ,EAAQ,GACb,mBAAkBA,EAAQ,QAAO,eAAkBC,CAAK,GAAK,OAC7D,kBAAiBD,EAAQ,MAAK,aAAgBC,CAAK,GAAK,OACxD,MAAKR,EAAAA,eAAA,CAAA,CAAsC,wBAAAO,EAAQ,KAAK,IAAgE,mCAAAA,EAAQ,YAA8D,oCAAAA,EAAQ,gBAQjM,qBAAqB,CAAA,EAD1B,KAAMA,EAAQ,cAAa,SAAcA,EAAQ,UAAYA,EAAQ,SAAQ,EAAA,QAAA,cAE7E,QAAKE,GAAA,CAAGF,EAAQ,eAAiBA,EAAQ,aAAeN,EAAA,aAAaM,EAAQ,EAAE,IAEhFL,EAAAA,YAAgEQ,EAAA,CAApD,MAAOH,EAAQ,MAAQ,KAAMN,EAAA,KAAKM,EAAQ,KAAK,4BAC3DI,EAAAA,mBASM,MAAA,CARH,KAAOJ,EAAQ,cAA2B,gBAC1C,SAAUA,EAAQ,cAAa,GAAA,EAChC,MAAM,sBACL,UAAO,gCAAiBA,EAAQ,eAAiBA,EAAQ,aAAeN,EAAA,aAAaM,EAAQ,EAAE,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,iBAC/EA,EAAQ,eAAiBA,EAAQ,aAAeN,EAAA,aAAaM,EAAQ,EAAE,EAAA,CAAA,OAAA,CAAA,KAE7EA,EAAQ,qBAAnBR,EAAAA,mBAAwG,MAAA,OAA7E,gBAAiBS,CAAK,GAAI,MAAM,mBAAuB,EAAAI,EAAAA,gBAAAL,EAAQ,KAAK,EAAA,EAAAM,CAAA,+BACpFN,EAAQ,uBAAnBR,EAAAA,mBAA6G,MAAA,OAAhF,kBAAmBS,CAAK,GAAI,MAAM,kBAAsB,EAAAI,EAAAA,gBAAAL,EAAQ,OAAO,EAAA,EAAAO,CAAA,sCAE3FP,EAAQ,eAAnBH,EAAAA,YAAAL,EAAAA,mBAmCM,MAnCNgB,EAmCM,CAjCIR,EAAQ,6BADhBS,EAAAA,YAgBYC,EAAA,OAdV,MAAM,qBACN,gBAAc,OACd,KAAK,SACL,SAAS,IACR,QAAKR,GAAA,CAAiBF,EAAQ,cAAc,SAAQ,EAAkBN,EAAA,aAAaM,EAAQ,EAAE,GAI7F,UAAOW,EAAAA,SAAAC,EAAAA,cAAAV,GAAA,CAA+BF,EAAQ,cAAc,SAAQ,EAAkBN,EAAA,aAAaM,EAAQ,EAAE,+CAK9G,IAA+E,CAA/EI,EAAAA,mBAA+E,OAA/Ed,EAA+Ee,EAAAA,gBAArCL,EAAQ,cAAc,KAAK,EAAA,CAAA,oEAG/DA,EAAQ,+BADhBS,EAAAA,YAgBYC,EAAA,OAdV,MAAM,qBACN,gBAAc,OACd,KAAK,SACL,SAAS,IACR,QAAKR,GAAA,CAAiBF,EAAQ,gBAAgB,SAAQ,EAAkBN,EAAA,aAAaM,EAAQ,EAAE,GAI/F,UAAOW,EAAAA,SAAAC,EAAAA,cAAAV,GAAA,CAA+BF,EAAQ,gBAAgB,SAAQ,EAAkBN,EAAA,aAAaM,EAAQ,EAAE,+CAKhH,IAAiF,CAAjFI,EAAAA,mBAAiF,OAAjFb,EAAiFc,EAAAA,gBAAvCL,EAAQ,gBAAgB,KAAK,EAAA,CAAA"}
+{"version":3,"file":"NeonAlertContainer.vue.cjs.js","sources":["../../../../../src/components/feedback/alert/container/NeonAlertContainer.vue"],"sourcesContent":["<template>\n  <div :class=\"`neon-alert--${placement}`\" class=\"neon-alert\">\n    <transition-group name=\"neon-alert-transition\">\n      <div\n        v-for=\"(message, index) in modelValue\"\n        :key=\"message.id\"\n        :aria-describedby=\"message.message ? `alertMessage${index}` : undefined\"\n        :aria-labelledby=\"message.title ? `alertTitle${index}` : undefined\"\n        :class=\"[\n          `neon-alert__message--${message.level}`,\n          {\n            'neon-alert__message--dismissible': message.dismissible,\n            'neon-alert__message--with-actions': message.primaryAction,\n            'neon-alert__message--with-icon': message.showIcon,\n          },\n        ]\"\n        :role=\"message.primaryAction ? 'dialog' : message.duration && message.duration > 0 ? 'alert' : 'alertdialog'\"\n        class=\"neon-alert__message\"\n        @click=\"!message.primaryAction && message.dismissible && closeMessage(message.id)\"\n      >\n        <neon-icon\n          v-if=\"message.showIcon\"\n          :color=\"message.level\"\n          :name=\"icon(message.level)\"\n          class=\"neon-alert__message-icon\"\n        />\n        <div\n          :role=\"!message.primaryAction ? 'button' : undefined\"\n          :tabindex=\"message.primaryAction ? -1 : 0\"\n          class=\"neon-alert__content\"\n          @keydown.space.prevent=\"!message.primaryAction && message.dismissible && closeMessage(message.id)\"\n          @keydown.enter=\"!message.primaryAction && message.dismissible && closeMessage(message.id)\"\n        >\n          <div v-if=\"message.title\" :id=\"`alertTitle${index}`\" class=\"neon-alert__title\">{{ message.title }}</div>\n          <div v-if=\"message.message\" :id=\"`alertMessage${index}`\" class=\"neon-alert__body\">{{ message.message }}</div>\n        </div>\n        <div v-if=\"message.primaryAction\" class=\"neon-alert__actions\">\n          <neon-link\n            v-if=\"message.primaryAction\"\n            class=\"neon-alert__action\"\n            no-style\n            role=\"button\"\n            @click=\"\n              message.primaryAction.callback();\n              closeMessage(message.id);\n            \"\n            @keydown.space.prevent=\"\n              message.primaryAction.callback();\n              closeMessage(message.id);\n            \"\n          >\n            <span class=\"neon-alert__action-label\">{{ message.primaryAction.label }}</span>\n          </neon-link>\n          <neon-link\n            v-if=\"message.secondaryAction\"\n            class=\"neon-alert__action\"\n            no-style\n            role=\"button\"\n            @click=\"\n              message.secondaryAction.callback();\n              closeMessage(message.id);\n            \"\n            @keydown.space.prevent=\"\n              message.secondaryAction.callback();\n              closeMessage(message.id);\n            \"\n          >\n            <span class=\"neon-alert__action-label\">{{ message.secondaryAction.label }}</span>\n          </neon-link>\n        </div>\n      </div>\n    </transition-group>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonAlertContainer.ts\"></script>\n"],"names":["_hoisted_6","_hoisted_7","_createElementBlock","_normalizeClass","_ctx","_createVNode","_TransitionGroup","_openBlock","_Fragment","_renderList","message","index","$event","_createBlock","_component_neon_icon","_createElementVNode","_toDisplayString","_hoisted_3","_hoisted_4","_hoisted_5","_component_neon_link","_withKeys","_withModifiers"],"mappings":"uQAoC0C,MAAM,uBAe9BA,EAAA,CAAA,MAAM,0BAA0B,EAgBhCC,EAAA,CAAA,MAAM,0BAA0B,yHAlEhDC,EAAAA,mBAuEM,MAAA,CAvEA,MAAKC,EAAAA,eAAA,CAAA,eAAiBC,EAAA,SAAS,GAAU,YAAY,CAAA,IACzDC,EAAAA,YAqEmBC,EAAAA,gBAAA,CArED,KAAK,uBAAuB,EAAA,mBAE1C,IAAsC,EADxCC,EAAAA,UAAA,EAAA,EAAAL,EAAAA,mBAmEMM,WAAA,KAAAC,EAAAA,WAlEuBL,EAAA,WAAU,CAA7BM,EAASC,mBADnBT,EAAAA,mBAmEM,MAAA,CAjEH,IAAKQ,EAAQ,GACb,mBAAkBA,EAAQ,QAAO,eAAkBC,CAAK,GAAK,OAC7D,kBAAiBD,EAAQ,MAAK,aAAgBC,CAAK,GAAK,OACxD,MAAKR,EAAAA,eAAA,CAAA,CAAsC,wBAAAO,EAAQ,KAAK,IAAgE,mCAAAA,EAAQ,YAA8D,oCAAAA,EAAQ,cAA6D,iCAAAA,EAAQ,WAStQ,qBAAqB,CAAA,EAD1B,KAAMA,EAAQ,cAAa,SAAcA,EAAQ,UAAYA,EAAQ,SAAQ,EAAA,QAAA,cAE7E,QAAKE,GAAA,CAAGF,EAAQ,eAAiBA,EAAQ,aAAeN,EAAA,aAAaM,EAAQ,EAAE,IAGxEA,EAAQ,wBADhBG,EAAAA,YAKEC,EAAA,OAHC,MAAOJ,EAAQ,MACf,KAAMN,EAAA,KAAKM,EAAQ,KAAK,EACzB,MAAM,kFAERK,EAAAA,mBASM,MAAA,CARH,KAAOL,EAAQ,cAA2B,gBAC1C,SAAUA,EAAQ,cAAa,GAAA,EAChC,MAAM,sBACL,UAAO,gCAAiBA,EAAQ,eAAiBA,EAAQ,aAAeN,EAAA,aAAaM,EAAQ,EAAE,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,iBAC/EA,EAAQ,eAAiBA,EAAQ,aAAeN,EAAA,aAAaM,EAAQ,EAAE,EAAA,CAAA,OAAA,CAAA,KAE7EA,EAAQ,qBAAnBR,EAAAA,mBAAwG,MAAA,OAA7E,gBAAiBS,CAAK,GAAI,MAAM,mBAAuB,EAAAK,EAAAA,gBAAAN,EAAQ,KAAK,EAAA,EAAAO,CAAA,+BACpFP,EAAQ,uBAAnBR,EAAAA,mBAA6G,MAAA,OAAhF,kBAAmBS,CAAK,GAAI,MAAM,kBAAsB,EAAAK,EAAAA,gBAAAN,EAAQ,OAAO,EAAA,EAAAQ,CAAA,sCAE3FR,EAAQ,eAAnBH,EAAAA,YAAAL,EAAAA,mBAiCM,MAjCNiB,EAiCM,CA/BIT,EAAQ,6BADhBG,EAAAA,YAeYO,EAAA,OAbV,MAAM,qBACN,WAAA,GACA,KAAK,SACJ,QAAKR,GAAA,CAAiBF,EAAQ,cAAc,SAAQ,EAAkBN,EAAA,aAAaM,EAAQ,EAAE,GAI7F,UAAOW,EAAAA,SAAAC,EAAAA,cAAAV,GAAA,CAA+BF,EAAQ,cAAc,SAAQ,EAAkBN,EAAA,aAAaM,EAAQ,EAAE,+CAK9G,IAA+E,CAA/EK,EAAAA,mBAA+E,OAA/Ef,EAA+EgB,EAAAA,gBAArCN,EAAQ,cAAc,KAAK,EAAA,CAAA,oEAG/DA,EAAQ,+BADhBG,EAAAA,YAeYO,EAAA,OAbV,MAAM,qBACN,WAAA,GACA,KAAK,SACJ,QAAKR,GAAA,CAAiBF,EAAQ,gBAAgB,SAAQ,EAAkBN,EAAA,aAAaM,EAAQ,EAAE,GAI/F,UAAOW,EAAAA,SAAAC,EAAAA,cAAAV,GAAA,CAA+BF,EAAQ,gBAAgB,SAAQ,EAAkBN,EAAA,aAAaM,EAAQ,EAAE,+CAKhH,IAAiF,CAAjFK,EAAAA,mBAAiF,OAAjFd,EAAiFe,EAAAA,gBAAvCN,EAAQ,gBAAgB,KAAK,EAAA,CAAA"}

package/dist/components/feedback/alert/container/NeonAlertContainer.vue.es.js

@@ -1,41 +1,44 @@
-import A from "./NeonAlertContainer.es.js";
-import { resolveComponent as p, openBlock as o, createElementBlock as i, normalizeClass as b, createVNode as u, TransitionGroup as $, withCtx as d, Fragment as f, renderList as h, createElementVNode as s, withKeys as a, withModifiers as _, toDisplayString as c, createCommentVNode as l, createBlock as k } from "vue";
-import C from "../../../../_virtual/_plugin-vue_export-helper.es.js";
-const w = ["aria-describedby", "aria-labelledby", "role", "onClick"], M = ["role", "tabindex", "onKeydown"], m = ["id"], K = ["id"], N = {
-  key: 0,
+import v from "./NeonAlertContainer.es.js";
+import { resolveComponent as b, openBlock as o, createElementBlock as i, normalizeClass as u, createVNode as A, TransitionGroup as $, withCtx as d, Fragment as f, renderList as h, createBlock as s, createCommentVNode as l, createElementVNode as _, withKeys as a, withModifiers as y, toDisplayString as c } from "vue";
+import w from "../../../../_virtual/_plugin-vue_export-helper.es.js";
+const C = ["aria-describedby", "aria-labelledby", "role", "onClick"], M = ["role", "tabindex", "onKeydown"], m = ["id"], K = ["id"], N = {
+  key: 1,
   class: "neon-alert__actions"
 }, V = { class: "neon-alert__action-label" }, B = { class: "neon-alert__action-label" };
-function T(e, E, z, D, F, G) {
-  const v = p("neon-icon"), y = p("neon-link");
+function T(e, E, I, z, D, F) {
+  const k = b("neon-icon"), p = b("neon-link");
   return o(), i("div", {
-    class: b([`neon-alert--${e.placement}`, "neon-alert"])
+    class: u([`neon-alert--${e.placement}`, "neon-alert"])
   }, [
-    u($, { name: "neon-alert-transition" }, {
+    A($, { name: "neon-alert-transition" }, {
       default: d(() => [
         (o(!0), i(f, null, h(e.modelValue, (n, r) => (o(), i("div", {
           key: n.id,
           "aria-describedby": n.message ? `alertMessage${r}` : void 0,
           "aria-labelledby": n.title ? `alertTitle${r}` : void 0,
-          class: b([[
+          class: u([[
             `neon-alert__message--${n.level}`,
             {
               "neon-alert__message--dismissible": n.dismissible,
-              "neon-alert__message--with-actions": n.primaryAction
+              "neon-alert__message--with-actions": n.primaryAction,
+              "neon-alert__message--with-icon": n.showIcon
             }
           ], "neon-alert__message"]),
           role: n.primaryAction ? "dialog" : n.duration && n.duration > 0 ? "alert" : "alertdialog",
           onClick: (t) => !n.primaryAction && n.dismissible && e.closeMessage(n.id)
         }, [
-          u(v, {
+          n.showIcon ? (o(), s(k, {
+            key: 0,
             color: n.level,
-            name: e.icon(n.level)
-          }, null, 8, ["color", "name"]),
-          s("div", {
+            name: e.icon(n.level),
+            class: "neon-alert__message-icon"
+          }, null, 8, ["color", "name"])) : l("", !0),
+          _("div", {
             role: n.primaryAction ? void 0 : "button",
             tabindex: n.primaryAction ? -1 : 0,
             class: "neon-alert__content",
             onKeydown: [
-              a(_((t) => !n.primaryAction && n.dismissible && e.closeMessage(n.id), ["prevent"]), ["space"]),
+              a(y((t) => !n.primaryAction && n.dismissible && e.closeMessage(n.id), ["prevent"]), ["space"]),
               a((t) => !n.primaryAction && n.dismissible && e.closeMessage(n.id), ["enter"])
             ]
           }, [
@@ -51,51 +54,49 @@ function T(e, E, z, D, F, G) {
             }, c(n.message), 9, K)) : l("", !0)
           ], 40, M),
           n.primaryAction ? (o(), i("div", N, [
-            n.primaryAction ? (o(), k(y, {
+            n.primaryAction ? (o(), s(p, {
               key: 0,
               class: "neon-alert__action",
-              "outline-style": "none",
+              "no-style": "",
               role: "button",
-              tabindex: "0",
               onClick: (t) => {
                 n.primaryAction.callback(), e.closeMessage(n.id);
               },
-              onKeydown: a(_((t) => {
+              onKeydown: a(y((t) => {
                 n.primaryAction.callback(), e.closeMessage(n.id);
               }, ["prevent"]), ["space"])
             }, {
               default: d(() => [
-                s("span", V, c(n.primaryAction.label), 1)
+                _("span", V, c(n.primaryAction.label), 1)
               ]),
               _: 2
             }, 1032, ["onClick", "onKeydown"])) : l("", !0),
-            n.secondaryAction ? (o(), k(y, {
+            n.secondaryAction ? (o(), s(p, {
               key: 1,
               class: "neon-alert__action",
-              "outline-style": "none",
+              "no-style": "",
               role: "button",
-              tabindex: "0",
               onClick: (t) => {
                 n.secondaryAction.callback(), e.closeMessage(n.id);
               },
-              onKeydown: a(_((t) => {
+              onKeydown: a(y((t) => {
                 n.secondaryAction.callback(), e.closeMessage(n.id);
               }, ["prevent"]), ["space"])
             }, {
               default: d(() => [
-                s("span", B, c(n.secondaryAction.label), 1)
+                _("span", B, c(n.secondaryAction.label), 1)
               ]),
               _: 2
             }, 1032, ["onClick", "onKeydown"])) : l("", !0)
           ])) : l("", !0)
-        ], 10, w))), 128))
+        ], 10, C))), 128))
       ]),
       _: 1
     })
   ], 2);
 }
-const q = /* @__PURE__ */ C(A, [["render", T]]);
+const j = /* @__PURE__ */ w(v, [["render", T]]);
 export {
-  q as default
+  j as default
 };
 //# sourceMappingURL=NeonAlertContainer.vue.es.js.map

package/dist/components/feedback/alert/container/NeonAlertContainer.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonAlertContainer.vue.es.js","sources":["../../../../../src/components/feedback/alert/container/NeonAlertContainer.vue"],"sourcesContent":["<template>\n  <div :class=\"`neon-alert--${placement}`\" class=\"neon-alert\">\n    <transition-group name=\"neon-alert-transition\">\n      <div\n        v-for=\"(message, index) in modelValue\"\n        :key=\"message.id\"\n        :aria-describedby=\"message.message ? `alertMessage${index}` : undefined\"\n        :aria-labelledby=\"message.title ? `alertTitle${index}` : undefined\"\n        :class=\"[\n          `neon-alert__message--${message.level}`,\n          {\n            'neon-alert__message--dismissible': message.dismissible,\n            'neon-alert__message--with-actions': message.primaryAction,\n          },\n        ]\"\n        :role=\"message.primaryAction ? 'dialog' : message.duration && message.duration > 0 ? 'alert' : 'alertdialog'\"\n        class=\"neon-alert__message\"\n        @click=\"!message.primaryAction && message.dismissible && closeMessage(message.id)\"\n      >\n        <neon-icon :color=\"message.level\" :name=\"icon(message.level)\" />\n        <div\n          :role=\"!message.primaryAction ? 'button' : undefined\"\n          :tabindex=\"message.primaryAction ? -1 : 0\"\n          class=\"neon-alert__content\"\n          @keydown.space.prevent=\"!message.primaryAction && message.dismissible && closeMessage(message.id)\"\n          @keydown.enter=\"!message.primaryAction && message.dismissible && closeMessage(message.id)\"\n        >\n          <div v-if=\"message.title\" :id=\"`alertTitle${index}`\" class=\"neon-alert__title\">{{ message.title }}</div>\n          <div v-if=\"message.message\" :id=\"`alertMessage${index}`\" class=\"neon-alert__body\">{{ message.message }}</div>\n        </div>\n        <div v-if=\"message.primaryAction\" class=\"neon-alert__actions\">\n          <neon-link\n            v-if=\"message.primaryAction\"\n            class=\"neon-alert__action\"\n            outline-style=\"none\"\n            role=\"button\"\n            tabindex=\"0\"\n            @click=\"\n              message.primaryAction.callback();\n              closeMessage(message.id);\n            \"\n            @keydown.space.prevent=\"\n              message.primaryAction.callback();\n              closeMessage(message.id);\n            \"\n          >\n            <span class=\"neon-alert__action-label\">{{ message.primaryAction.label }}</span>\n          </neon-link>\n          <neon-link\n            v-if=\"message.secondaryAction\"\n            class=\"neon-alert__action\"\n            outline-style=\"none\"\n            role=\"button\"\n            tabindex=\"0\"\n            @click=\"\n              message.secondaryAction.callback();\n              closeMessage(message.id);\n            \"\n            @keydown.space.prevent=\"\n              message.secondaryAction.callback();\n              closeMessage(message.id);\n            \"\n          >\n            <span class=\"neon-alert__action-label\">{{ message.secondaryAction.label }}</span>\n          </neon-link>\n        </div>\n      </div>\n    </transition-group>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonAlertContainer.ts\"></script>\n"],"names":["_hoisted_6","_hoisted_7","_createElementBlock","_normalizeClass","_ctx","_createVNode","_TransitionGroup","_openBlock","_Fragment","_renderList","message","index","$event","_component_neon_icon","_createElementVNode","_toDisplayString","_hoisted_3","_hoisted_4","_hoisted_5","_createBlock","_component_neon_link","_withKeys","_withModifiers"],"mappings":";;;;;EA8B0C,OAAM;GAgB9BA,IAAA,EAAA,OAAM,2BAA0B,GAiBhCC,IAAA,EAAA,OAAM,2BAA0B;;;cA9DhDC,EAmEM,OAAA;AAAA,IAnEA,OAAKC,EAAA,CAAA,eAAiBC,EAAA,SAAS,IAAU,YAAY,CAAA;AAAA;IACzDC,EAiEmBC,GAAA,EAjED,MAAK,wBAAuB,GAAA;AAAA,iBAE1C,MAAsC;AAAA,SADxCC,EAAA,EAAA,GAAAL,EA+DMM,GAAA,MAAAC,EA9DuBL,EAAA,YAAU,CAA7BM,GAASC,YADnBT,EA+DM,OAAA;AAAA,UA7DH,KAAKQ,EAAQ;AAAA,UACb,oBAAkBA,EAAQ,UAAO,eAAkBC,CAAK,KAAK;AAAA,UAC7D,mBAAiBD,EAAQ,QAAK,aAAgBC,CAAK,KAAK;AAAA,UACxD,OAAKR,EAAA,CAAA;AAAA,YAAsC,wBAAAO,EAAQ,KAAK;AAAA;cAAgE,oCAAAA,EAAQ;AAAA,cAA8D,qCAAAA,EAAQ;AAAA;aAQjM,qBAAqB,CAAA;AAAA,UAD1B,MAAMA,EAAQ,gBAAa,WAAcA,EAAQ,YAAYA,EAAQ,WAAQ,IAAA,UAAA;AAAA,UAE7E,SAAK,CAAAE,MAAA,CAAGF,EAAQ,iBAAiBA,EAAQ,eAAeN,EAAA,aAAaM,EAAQ,EAAE;AAAA;UAEhFL,EAAgEQ,GAAA;AAAA,YAApD,OAAOH,EAAQ;AAAA,YAAQ,MAAMN,EAAA,KAAKM,EAAQ,KAAK;AAAA;UAC3DI,EASM,OAAA;AAAA,YARH,MAAOJ,EAAQ,gBAA2B;YAC1C,UAAUA,EAAQ,gBAAa,KAAA;AAAA,YAChC,OAAM;AAAA,YACL,WAAO;AAAA,0BAAiBA,EAAQ,iBAAiBA,EAAQ,eAAeN,EAAA,aAAaM,EAAQ,EAAE,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,wBAC/EA,EAAQ,iBAAiBA,EAAQ,eAAeN,EAAA,aAAaM,EAAQ,EAAE,GAAA,CAAA,OAAA,CAAA;AAAA;;YAE7EA,EAAQ,cAAnBR,EAAwG,OAAA;AAAA;cAA7E,iBAAiBS,CAAK;AAAA,cAAI,OAAM;AAAA,YAAuB,GAAAI,EAAAL,EAAQ,KAAK,GAAA,GAAAM,CAAA;YACpFN,EAAQ,gBAAnBR,EAA6G,OAAA;AAAA;cAAhF,mBAAmBS,CAAK;AAAA,cAAI,OAAM;AAAA,YAAsB,GAAAI,EAAAL,EAAQ,OAAO,GAAA,GAAAO,CAAA;;UAE3FP,EAAQ,iBAAnBH,KAAAL,EAmCM,OAnCNgB,GAmCM;AAAA,YAjCIR,EAAQ,sBADhBS,EAgBYC,GAAA;AAAA;cAdV,OAAM;AAAA,cACN,iBAAc;AAAA,cACd,MAAK;AAAA,cACL,UAAS;AAAA,cACR,SAAK,CAAAR,MAAA;AAAiB,gBAAAF,EAAQ,cAAc,SAAQ,GAAkBN,EAAA,aAAaM,EAAQ,EAAE;AAAA;cAI7F,WAAOW,EAAAC,EAAA,CAAAV,MAAA;AAA+B,gBAAAF,EAAQ,cAAc,SAAQ,GAAkBN,EAAA,aAAaM,EAAQ,EAAE;AAAA;;yBAK9G,MAA+E;AAAA,gBAA/EI,EAA+E,QAA/Ed,GAA+Ee,EAArCL,EAAQ,cAAc,KAAK,GAAA,CAAA;AAAA;;;YAG/DA,EAAQ,wBADhBS,EAgBYC,GAAA;AAAA;cAdV,OAAM;AAAA,cACN,iBAAc;AAAA,cACd,MAAK;AAAA,cACL,UAAS;AAAA,cACR,SAAK,CAAAR,MAAA;AAAiB,gBAAAF,EAAQ,gBAAgB,SAAQ,GAAkBN,EAAA,aAAaM,EAAQ,EAAE;AAAA;cAI/F,WAAOW,EAAAC,EAAA,CAAAV,MAAA;AAA+B,gBAAAF,EAAQ,gBAAgB,SAAQ,GAAkBN,EAAA,aAAaM,EAAQ,EAAE;AAAA;;yBAKhH,MAAiF;AAAA,gBAAjFI,EAAiF,QAAjFb,GAAiFc,EAAvCL,EAAQ,gBAAgB,KAAK,GAAA,CAAA;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"NeonAlertContainer.vue.es.js","sources":["../../../../../src/components/feedback/alert/container/NeonAlertContainer.vue"],"sourcesContent":["<template>\n  <div :class=\"`neon-alert--${placement}`\" class=\"neon-alert\">\n    <transition-group name=\"neon-alert-transition\">\n      <div\n        v-for=\"(message, index) in modelValue\"\n        :key=\"message.id\"\n        :aria-describedby=\"message.message ? `alertMessage${index}` : undefined\"\n        :aria-labelledby=\"message.title ? `alertTitle${index}` : undefined\"\n        :class=\"[\n          `neon-alert__message--${message.level}`,\n          {\n            'neon-alert__message--dismissible': message.dismissible,\n            'neon-alert__message--with-actions': message.primaryAction,\n            'neon-alert__message--with-icon': message.showIcon,\n          },\n        ]\"\n        :role=\"message.primaryAction ? 'dialog' : message.duration && message.duration > 0 ? 'alert' : 'alertdialog'\"\n        class=\"neon-alert__message\"\n        @click=\"!message.primaryAction && message.dismissible && closeMessage(message.id)\"\n      >\n        <neon-icon\n          v-if=\"message.showIcon\"\n          :color=\"message.level\"\n          :name=\"icon(message.level)\"\n          class=\"neon-alert__message-icon\"\n        />\n        <div\n          :role=\"!message.primaryAction ? 'button' : undefined\"\n          :tabindex=\"message.primaryAction ? -1 : 0\"\n          class=\"neon-alert__content\"\n          @keydown.space.prevent=\"!message.primaryAction && message.dismissible && closeMessage(message.id)\"\n          @keydown.enter=\"!message.primaryAction && message.dismissible && closeMessage(message.id)\"\n        >\n          <div v-if=\"message.title\" :id=\"`alertTitle${index}`\" class=\"neon-alert__title\">{{ message.title }}</div>\n          <div v-if=\"message.message\" :id=\"`alertMessage${index}`\" class=\"neon-alert__body\">{{ message.message }}</div>\n        </div>\n        <div v-if=\"message.primaryAction\" class=\"neon-alert__actions\">\n          <neon-link\n            v-if=\"message.primaryAction\"\n            class=\"neon-alert__action\"\n            no-style\n            role=\"button\"\n            @click=\"\n              message.primaryAction.callback();\n              closeMessage(message.id);\n            \"\n            @keydown.space.prevent=\"\n              message.primaryAction.callback();\n              closeMessage(message.id);\n            \"\n          >\n            <span class=\"neon-alert__action-label\">{{ message.primaryAction.label }}</span>\n          </neon-link>\n          <neon-link\n            v-if=\"message.secondaryAction\"\n            class=\"neon-alert__action\"\n            no-style\n            role=\"button\"\n            @click=\"\n              message.secondaryAction.callback();\n              closeMessage(message.id);\n            \"\n            @keydown.space.prevent=\"\n              message.secondaryAction.callback();\n              closeMessage(message.id);\n            \"\n          >\n            <span class=\"neon-alert__action-label\">{{ message.secondaryAction.label }}</span>\n          </neon-link>\n        </div>\n      </div>\n    </transition-group>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonAlertContainer.ts\"></script>\n"],"names":["_hoisted_6","_hoisted_7","_createElementBlock","_normalizeClass","_ctx","_createVNode","_TransitionGroup","_openBlock","_Fragment","_renderList","message","index","$event","_createBlock","_component_neon_icon","_createElementVNode","_toDisplayString","_hoisted_3","_hoisted_4","_hoisted_5","_component_neon_link","_withKeys","_withModifiers"],"mappings":";;;;;EAoC0C,OAAM;GAe9BA,IAAA,EAAA,OAAM,2BAA0B,GAgBhCC,IAAA,EAAA,OAAM,2BAA0B;;;cAlEhDC,EAuEM,OAAA;AAAA,IAvEA,OAAKC,EAAA,CAAA,eAAiBC,EAAA,SAAS,IAAU,YAAY,CAAA;AAAA;IACzDC,EAqEmBC,GAAA,EArED,MAAK,wBAAuB,GAAA;AAAA,iBAE1C,MAAsC;AAAA,SADxCC,EAAA,EAAA,GAAAL,EAmEMM,GAAA,MAAAC,EAlEuBL,EAAA,YAAU,CAA7BM,GAASC,YADnBT,EAmEM,OAAA;AAAA,UAjEH,KAAKQ,EAAQ;AAAA,UACb,oBAAkBA,EAAQ,UAAO,eAAkBC,CAAK,KAAK;AAAA,UAC7D,mBAAiBD,EAAQ,QAAK,aAAgBC,CAAK,KAAK;AAAA,UACxD,OAAKR,EAAA,CAAA;AAAA,YAAsC,wBAAAO,EAAQ,KAAK;AAAA;cAAgE,oCAAAA,EAAQ;AAAA,cAA8D,qCAAAA,EAAQ;AAAA,cAA6D,kCAAAA,EAAQ;AAAA;aAStQ,qBAAqB,CAAA;AAAA,UAD1B,MAAMA,EAAQ,gBAAa,WAAcA,EAAQ,YAAYA,EAAQ,WAAQ,IAAA,UAAA;AAAA,UAE7E,SAAK,CAAAE,MAAA,CAAGF,EAAQ,iBAAiBA,EAAQ,eAAeN,EAAA,aAAaM,EAAQ,EAAE;AAAA;UAGxEA,EAAQ,iBADhBG,EAKEC,GAAA;AAAA;YAHC,OAAOJ,EAAQ;AAAA,YACf,MAAMN,EAAA,KAAKM,EAAQ,KAAK;AAAA,YACzB,OAAM;AAAA;UAERK,EASM,OAAA;AAAA,YARH,MAAOL,EAAQ,gBAA2B;YAC1C,UAAUA,EAAQ,gBAAa,KAAA;AAAA,YAChC,OAAM;AAAA,YACL,WAAO;AAAA,0BAAiBA,EAAQ,iBAAiBA,EAAQ,eAAeN,EAAA,aAAaM,EAAQ,EAAE,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,wBAC/EA,EAAQ,iBAAiBA,EAAQ,eAAeN,EAAA,aAAaM,EAAQ,EAAE,GAAA,CAAA,OAAA,CAAA;AAAA;;YAE7EA,EAAQ,cAAnBR,EAAwG,OAAA;AAAA;cAA7E,iBAAiBS,CAAK;AAAA,cAAI,OAAM;AAAA,YAAuB,GAAAK,EAAAN,EAAQ,KAAK,GAAA,GAAAO,CAAA;YACpFP,EAAQ,gBAAnBR,EAA6G,OAAA;AAAA;cAAhF,mBAAmBS,CAAK;AAAA,cAAI,OAAM;AAAA,YAAsB,GAAAK,EAAAN,EAAQ,OAAO,GAAA,GAAAQ,CAAA;;UAE3FR,EAAQ,iBAAnBH,KAAAL,EAiCM,OAjCNiB,GAiCM;AAAA,YA/BIT,EAAQ,sBADhBG,EAeYO,GAAA;AAAA;cAbV,OAAM;AAAA,cACN,YAAA;AAAA,cACA,MAAK;AAAA,cACJ,SAAK,CAAAR,MAAA;AAAiB,gBAAAF,EAAQ,cAAc,SAAQ,GAAkBN,EAAA,aAAaM,EAAQ,EAAE;AAAA;cAI7F,WAAOW,EAAAC,EAAA,CAAAV,MAAA;AAA+B,gBAAAF,EAAQ,cAAc,SAAQ,GAAkBN,EAAA,aAAaM,EAAQ,EAAE;AAAA;;yBAK9G,MAA+E;AAAA,gBAA/EK,EAA+E,QAA/Ef,GAA+EgB,EAArCN,EAAQ,cAAc,KAAK,GAAA,CAAA;AAAA;;;YAG/DA,EAAQ,wBADhBG,EAeYO,GAAA;AAAA;cAbV,OAAM;AAAA,cACN,YAAA;AAAA,cACA,MAAK;AAAA,cACJ,SAAK,CAAAR,MAAA;AAAiB,gBAAAF,EAAQ,gBAAgB,SAAQ,GAAkBN,EAAA,aAAaM,EAAQ,EAAE;AAAA;cAI/F,WAAOW,EAAAC,EAAA,CAAAV,MAAA;AAA+B,gBAAAF,EAAQ,gBAAgB,SAAQ,GAAkBN,EAAA,aAAaM,EAAQ,EAAE;AAAA;;yBAKhH,MAAiF;AAAA,gBAAjFK,EAAiF,QAAjFd,GAAiFe,EAAvCN,EAAQ,gBAAgB,KAAK,GAAA,CAAA;AAAA;;;;;;;;;;;"}

package/dist/components/layout/card-list/NeonCardList.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const k=require("./NeonCardList.cjs.js"),e=require("vue"),d=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),p={class:"neon-card-list"},u={key:0,class:"neon-card-list__total"},_={key:0,class:"neon-card-list__results-end"};function m(o,l,h,B,f,C){const s=e.resolveComponent("neon-inline"),r=e.resolveComponent("neon-card-list-card"),a=e.resolveComponent("neon-link"),i=e.resolveComponent("neon-stack"),c=e.resolveComponent("neon-button");return e.openBlock(),e.createElementBlock("div",p,[e.createVNode(s,{breakpoint:"",class:"neon-card-list__header"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"header"),o.total?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(o.n(o.model.length))+" "+e.toDisplayString(o.ofLabel)+" "+e.toDisplayString(o.n(o.total)),1)):e.createCommentVNode("",!0)]),_:3}),e.createVNode(i,{class:"neon-card-list__cards"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.model,(n,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.href&&!n.disabled?(e.openBlock(),e.createBlock(a,{key:`${n.key||t}-link`,href:n.href,target:n.targetBlank?"_blank":null},{default:e.withCtx(()=>[e.createVNode(r,{color:o.color,disabled:n.disabled},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"card",e.mergeProps({ref_for:!0},{cardModel:n,index:t}))]),_:2},1032,["color","disabled"])]),_:2},1032,["href","target"])):(e.openBlock(),e.createBlock(r,{key:`${n.key||t}-card`,clickable:o.clickable&&!n.disabled,color:o.color,disabled:n.disabled,onClick:g=>!n.disabled&&o.emit("click",t)},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"card",e.mergeProps({ref_for:!0},{cardModel:n,index:t}))]),_:2},1032,["clickable","color","disabled","onClick"]))],64))),256))]),_:3}),o.model.length===o.total?(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(o.endOfResultsLabel),1)):(e.openBlock(),e.createBlock(c,{key:1,"button-style":o.NeonButtonStyle.Text,color:o.NeonFunctionalColor.Neutral,label:o.showMoreLabel,size:o.NeonSize.Small,class:"neon-card-list__show-more",onClick:l[0]||(l[0]=n=>o.emit("show-more",n))},null,8,["button-style","color","label","size"]))])}const b=d(k,[["render",m]]);module.exports=b;
+"use strict";const k=require("./NeonCardList.cjs.js"),e=require("vue"),d=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),p={class:"neon-card-list"},u={key:0,class:"neon-card-list__total"},_={key:0,class:"neon-card-list__results-end"};function m(o,l,h,B,f,y){const s=e.resolveComponent("neon-inline"),r=e.resolveComponent("neon-card-list-card"),a=e.resolveComponent("neon-link"),i=e.resolveComponent("neon-stack"),c=e.resolveComponent("neon-button");return e.openBlock(),e.createElementBlock("div",p,[e.createVNode(s,{breakpoint:"",class:"neon-card-list__header"},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"header"),o.total?(e.openBlock(),e.createElementBlock("span",u,e.toDisplayString(o.n(o.model.length))+" "+e.toDisplayString(o.ofLabel)+" "+e.toDisplayString(o.n(o.total)),1)):e.createCommentVNode("",!0)]),_:3}),e.createVNode(i,{class:"neon-card-list__cards"},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.model,(n,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.href&&!n.disabled?(e.openBlock(),e.createBlock(a,{key:`${n.key||t}-link`,href:n.href,target:n.targetBlank?"_blank":null,"no-style":"","outline-style":"background"},{default:e.withCtx(()=>[e.createVNode(r,{color:o.color,disabled:n.disabled},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"card",e.mergeProps({ref_for:!0},{cardModel:n,index:t}))]),_:2},1032,["color","disabled"])]),_:2},1032,["href","target"])):(e.openBlock(),e.createBlock(r,{key:`${n.key||t}-card`,clickable:o.clickable&&!n.disabled,color:o.color,disabled:n.disabled,onClick:C=>!n.disabled&&o.emit("click",t)},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"card",e.mergeProps({ref_for:!0},{cardModel:n,index:t}))]),_:2},1032,["clickable","color","disabled","onClick"]))],64))),256))]),_:3}),o.model.length===o.total?(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(o.endOfResultsLabel),1)):(e.openBlock(),e.createBlock(c,{key:1,"button-style":o.NeonButtonStyle.Text,color:o.NeonFunctionalColor.Neutral,label:o.showMoreLabel,size:o.NeonSize.Small,class:"neon-card-list__show-more",onClick:l[0]||(l[0]=n=>o.emit("show-more",n))},null,8,["button-style","color","label","size"]))])}const b=d(k,[["render",m]]);module.exports=b;
 //# sourceMappingURL=NeonCardList.vue.cjs.js.map

package/dist/components/layout/card-list/NeonCardList.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonCardList.vue.cjs.js","sources":["../../../../src/components/layout/card-list/NeonCardList.vue"],"sourcesContent":["<template>\n  <div class=\"neon-card-list\">\n    <neon-inline breakpoint=\"\" class=\"neon-card-list__header\">\n      <!-- @slot slot for providing filters or titles for the card list aligned next to the result count -->\n      <slot name=\"header\"></slot>\n      <span v-if=\"total\" class=\"neon-card-list__total\">{{ n(model.length) }} {{ ofLabel }} {{ n(total) }}</span>\n    </neon-inline>\n    <neon-stack class=\"neon-card-list__cards\">\n      <template v-for=\"(cardModel, index) in model\">\n        <neon-link\n          v-if=\"cardModel.href && !cardModel.disabled\"\n          :key=\"`${cardModel.key || index}-link`\"\n          :href=\"cardModel.href\"\n          :target=\"cardModel.targetBlank ? '_blank' : null\"\n        >\n          <neon-card-list-card :color=\"color\" :disabled=\"cardModel.disabled\">\n            <!-- @slot slot for rendering card contents, two parameters are available: cardModel (the model item to be rendered) & index -->\n            <!-- eslint-disable-next-line vue/no-unused-vars -->\n            <slot name=\"card\" v-bind=\"{ cardModel, index: index }\"></slot>\n          </neon-card-list-card>\n        </neon-link>\n        <neon-card-list-card\n          v-else\n          :key=\"`${cardModel.key || index}-card`\"\n          :clickable=\"clickable && !cardModel.disabled\"\n          :color=\"color\"\n          :disabled=\"cardModel.disabled\"\n          @click=\"!cardModel.disabled && emit('click', index)\"\n        >\n          <!-- @slot slot for rendering card contents, two parameters are available: cardModel (the model item to be rendered) & index -->\n          <!-- eslint-disable-next-line vue/no-unused-vars -->\n          <slot name=\"card\" v-bind=\"{ cardModel, index: index }\"></slot>\n        </neon-card-list-card>\n      </template>\n    </neon-stack>\n    <span v-if=\"model.length === total\" class=\"neon-card-list__results-end\">{{ endOfResultsLabel }}</span>\n    <neon-button\n      v-else\n      :button-style=\"NeonButtonStyle.Text\"\n      :color=\"NeonFunctionalColor.Neutral\"\n      :label=\"showMoreLabel\"\n      :size=\"NeonSize.Small\"\n      class=\"neon-card-list__show-more\"\n      @click=\"emit('show-more', $event)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonCardList.ts\"></script>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_neon_inline","_renderSlot","_ctx","_hoisted_2","_toDisplayString","_component_neon_stack","_Fragment","_renderList","cardModel","index","_createBlock","_component_neon_link","_component_neon_card_list_card","_mergeProps","_hoisted_3","_component_neon_button","_cache","$event"],"mappings":"uIACOA,EAAA,CAAA,MAAM,gBAAgB,WAIJ,MAAM,kCA8BS,MAAM,sPAlC5C,OAAAC,YAAA,EAAAC,qBA4CM,MA5CNF,EA4CM,CA3CJG,EAAAA,YAIcC,EAAA,CAJD,WAAW,GAAG,MAAM,6CAE/B,IAA2B,CAA3BC,aAA2BC,EAAA,OAAA,QAAA,EACfA,EAAA,OAAZL,EAAAA,YAAAC,EAAAA,mBAA0G,OAA1GK,EAA0GC,EAAAA,gBAAtDF,EAAA,EAAEA,QAAM,MAAM,CAAA,EAAI,sBAAIA,EAAA,OAAO,EAAG,IAACE,EAAAA,gBAAGF,EAAA,EAAEA,EAAA,KAAK,CAAA,EAAA,CAAA,uCAEjGH,EAAAA,YA2BaM,EAAA,CA3BD,MAAM,uBAAuB,EAAA,mBAC7B,IAAmC,EAA7CR,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAyBWQ,WAAA,KAAAC,EAAAA,WAzB4BL,EAAA,MAAK,CAA1BM,EAAWC,yDAEnBD,EAAU,MAAI,CAAKA,EAAU,wBADrCE,EAAAA,YAWYC,EAAA,CATT,IAAG,GAAKH,EAAU,KAAOC,CAAK,QAC9B,KAAMD,EAAU,KAChB,OAAQA,EAAU,YAAW,SAAA,yBAE9B,IAIsB,CAJtBT,EAAAA,YAIsBa,EAAA,CAJA,MAAOV,EAAA,MAAQ,SAAUM,EAAU,6BAGvD,IAA8D,CAA9DP,EAAAA,WAA8DC,EAAA,OAAA,OAA9DW,EAAAA,WAA8D,CAAA,QAAA,EAAA,EAAA,CAAlC,UAAAL,QAAkBC,CAAK,CAAA,CAAA,mFAGvDC,EAAAA,YAWsBE,EAAA,CATnB,IAAG,GAAKJ,EAAU,KAAOC,CAAK,QAC9B,UAAWP,EAAA,WAAS,CAAKM,EAAU,SACnC,MAAON,EAAA,MACP,SAAUM,EAAU,SACpB,YAAQA,EAAU,UAAYN,EAAA,aAAcO,CAAK,sBAIlD,IAA8D,CAA9DR,EAAAA,WAA8DC,EAAA,OAAA,OAA9DW,EAAAA,WAA8D,CAAA,QAAA,EAAA,EAAA,CAAlC,UAAAL,QAAkBC,CAAK,CAAA,CAAA,gFAI7CP,EAAA,MAAM,SAAWA,EAAA,qBAA7BJ,EAAAA,mBAAsG,OAAtGgB,EAAsGV,EAAAA,gBAA3BF,EAAA,iBAAiB,EAAA,CAAA,kBAC5FQ,EAAAA,YAQEK,EAAA,OANC,eAAcb,EAAA,gBAAgB,KAC9B,MAAOA,EAAA,oBAAoB,QAC3B,MAAOA,EAAA,cACP,KAAMA,EAAA,SAAS,MAChB,MAAM,4BACL,QAAKc,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEf,EAAA,KAAI,YAAce,CAAM"}
+{"version":3,"file":"NeonCardList.vue.cjs.js","sources":["../../../../src/components/layout/card-list/NeonCardList.vue"],"sourcesContent":["<template>\n  <div class=\"neon-card-list\">\n    <neon-inline breakpoint=\"\" class=\"neon-card-list__header\">\n      <!-- @slot slot for providing filters or titles for the card list aligned next to the result count -->\n      <slot name=\"header\"></slot>\n      <span v-if=\"total\" class=\"neon-card-list__total\">{{ n(model.length) }} {{ ofLabel }} {{ n(total) }}</span>\n    </neon-inline>\n    <neon-stack class=\"neon-card-list__cards\">\n      <template v-for=\"(cardModel, index) in model\">\n        <neon-link\n          v-if=\"cardModel.href && !cardModel.disabled\"\n          :key=\"`${cardModel.key || index}-link`\"\n          :href=\"cardModel.href\"\n          :target=\"cardModel.targetBlank ? '_blank' : null\"\n          no-style\n          outline-style=\"background\"\n        >\n          <neon-card-list-card :color=\"color\" :disabled=\"cardModel.disabled\">\n            <!-- @slot slot for rendering card contents, two parameters are available: cardModel (the model item to be rendered) & index -->\n            <!-- eslint-disable-next-line vue/no-unused-vars -->\n            <slot name=\"card\" v-bind=\"{ cardModel, index: index }\"></slot>\n          </neon-card-list-card>\n        </neon-link>\n        <neon-card-list-card\n          v-else\n          :key=\"`${cardModel.key || index}-card`\"\n          :clickable=\"clickable && !cardModel.disabled\"\n          :color=\"color\"\n          :disabled=\"cardModel.disabled\"\n          @click=\"!cardModel.disabled && emit('click', index)\"\n        >\n          <!-- @slot slot for rendering card contents, two parameters are available: cardModel (the model item to be rendered) & index -->\n          <!-- eslint-disable-next-line vue/no-unused-vars -->\n          <slot name=\"card\" v-bind=\"{ cardModel, index: index }\"></slot>\n        </neon-card-list-card>\n      </template>\n    </neon-stack>\n    <span v-if=\"model.length === total\" class=\"neon-card-list__results-end\">{{ endOfResultsLabel }}</span>\n    <neon-button\n      v-else\n      :button-style=\"NeonButtonStyle.Text\"\n      :color=\"NeonFunctionalColor.Neutral\"\n      :label=\"showMoreLabel\"\n      :size=\"NeonSize.Small\"\n      class=\"neon-card-list__show-more\"\n      @click=\"emit('show-more', $event)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonCardList.ts\"></script>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_neon_inline","_renderSlot","_ctx","_hoisted_2","_toDisplayString","_component_neon_stack","_Fragment","_renderList","cardModel","index","_createBlock","_component_neon_link","_component_neon_card_list_card","_mergeProps","_hoisted_3","_component_neon_button","_cache","$event"],"mappings":"uIACOA,EAAA,CAAA,MAAM,gBAAgB,WAIJ,MAAM,kCAgCS,MAAM,sPApC5C,OAAAC,YAAA,EAAAC,qBA8CM,MA9CNF,EA8CM,CA7CJG,EAAAA,YAIcC,EAAA,CAJD,WAAW,GAAG,MAAM,6CAE/B,IAA2B,CAA3BC,aAA2BC,EAAA,OAAA,QAAA,EACfA,EAAA,OAAZL,EAAAA,YAAAC,EAAAA,mBAA0G,OAA1GK,EAA0GC,EAAAA,gBAAtDF,EAAA,EAAEA,QAAM,MAAM,CAAA,EAAI,sBAAIA,EAAA,OAAO,EAAG,IAACE,EAAAA,gBAAGF,EAAA,EAAEA,EAAA,KAAK,CAAA,EAAA,CAAA,uCAEjGH,EAAAA,YA6BaM,EAAA,CA7BD,MAAM,uBAAuB,EAAA,mBAC7B,IAAmC,EAA7CR,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBA2BWQ,WAAA,KAAAC,EAAAA,WA3B4BL,EAAA,MAAK,CAA1BM,EAAWC,yDAEnBD,EAAU,MAAI,CAAKA,EAAU,wBADrCE,EAAAA,YAaYC,EAAA,CAXT,IAAG,GAAKH,EAAU,KAAOC,CAAK,QAC9B,KAAMD,EAAU,KAChB,OAAQA,EAAU,YAAW,SAAA,KAC9B,WAAA,GACA,gBAAc,iCAEd,IAIsB,CAJtBT,EAAAA,YAIsBa,EAAA,CAJA,MAAOV,EAAA,MAAQ,SAAUM,EAAU,6BAGvD,IAA8D,CAA9DP,EAAAA,WAA8DC,EAAA,OAAA,OAA9DW,EAAAA,WAA8D,CAAA,QAAA,EAAA,EAAA,CAAlC,UAAAL,QAAkBC,CAAK,CAAA,CAAA,mFAGvDC,EAAAA,YAWsBE,EAAA,CATnB,IAAG,GAAKJ,EAAU,KAAOC,CAAK,QAC9B,UAAWP,EAAA,WAAS,CAAKM,EAAU,SACnC,MAAON,EAAA,MACP,SAAUM,EAAU,SACpB,YAAQA,EAAU,UAAYN,EAAA,aAAcO,CAAK,sBAIlD,IAA8D,CAA9DR,EAAAA,WAA8DC,EAAA,OAAA,OAA9DW,EAAAA,WAA8D,CAAA,QAAA,EAAA,EAAA,CAAlC,UAAAL,QAAkBC,CAAK,CAAA,CAAA,gFAI7CP,EAAA,MAAM,SAAWA,EAAA,qBAA7BJ,EAAAA,mBAAsG,OAAtGgB,EAAsGV,EAAAA,gBAA3BF,EAAA,iBAAiB,EAAA,CAAA,kBAC5FQ,EAAAA,YAQEK,EAAA,OANC,eAAcb,EAAA,gBAAgB,KAC9B,MAAOA,EAAA,oBAAoB,QAC3B,MAAOA,EAAA,cACP,KAAMA,EAAA,SAAS,MAChB,MAAM,4BACL,QAAKc,EAAA,CAAA,IAAAA,EAAA,CAAA,EAAAC,GAAEf,EAAA,KAAI,YAAce,CAAM"}

package/dist/components/layout/card-list/NeonCardList.vue.es.js

@@ -1,5 +1,5 @@
 import y from "./NeonCardList.es.js";
-import { resolveComponent as t, openBlock as o, createElementBlock as s, createVNode as i, withCtx as r, renderSlot as c, toDisplayString as a, createCommentVNode as $, Fragment as k, renderList as g, createBlock as d, mergeProps as _ } from "vue";
+import { resolveComponent as t, openBlock as o, createElementBlock as s, createVNode as i, withCtx as r, renderSlot as c, toDisplayString as a, createCommentVNode as $, Fragment as m, renderList as g, createBlock as d, mergeProps as _ } from "vue";
 import C from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const N = { class: "neon-card-list" }, B = {
   key: 0,
@@ -9,7 +9,7 @@ const N = { class: "neon-card-list" }, B = {
   class: "neon-card-list__results-end"
 };
 function S(e, u, w, v, z, F) {
-  const b = t("neon-inline"), m = t("neon-card-list-card"), f = t("neon-link"), p = t("neon-stack"), h = t("neon-button");
+  const b = t("neon-inline"), k = t("neon-card-list-card"), f = t("neon-link"), p = t("neon-stack"), h = t("neon-button");
   return o(), s("div", N, [
     i(b, {
       breakpoint: "",
@@ -23,14 +23,16 @@ function S(e, u, w, v, z, F) {
     }),
     i(p, { class: "neon-card-list__cards" }, {
       default: r(() => [
-        (o(!0), s(k, null, g(e.model, (n, l) => (o(), s(k, null, [
+        (o(!0), s(m, null, g(e.model, (n, l) => (o(), s(m, null, [
           n.href && !n.disabled ? (o(), d(f, {
             key: `${n.key || l}-link`,
             href: n.href,
-            target: n.targetBlank ? "_blank" : null
+            target: n.targetBlank ? "_blank" : null,
+            "no-style": "",
+            "outline-style": "background"
           }, {
             default: r(() => [
-              i(m, {
+              i(k, {
                 color: e.color,
                 disabled: n.disabled
               }, {
@@ -41,7 +43,7 @@ function S(e, u, w, v, z, F) {
               }, 1032, ["color", "disabled"])
             ]),
             _: 2
-          }, 1032, ["href", "target"])) : (o(), d(m, {
+          }, 1032, ["href", "target"])) : (o(), d(k, {
             key: `${n.key || l}-card`,
             clickable: e.clickable && !n.disabled,
             color: e.color,

package/dist/components/layout/card-list/NeonCardList.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonCardList.vue.es.js","sources":["../../../../src/components/layout/card-list/NeonCardList.vue"],"sourcesContent":["<template>\n  <div class=\"neon-card-list\">\n    <neon-inline breakpoint=\"\" class=\"neon-card-list__header\">\n      <!-- @slot slot for providing filters or titles for the card list aligned next to the result count -->\n      <slot name=\"header\"></slot>\n      <span v-if=\"total\" class=\"neon-card-list__total\">{{ n(model.length) }} {{ ofLabel }} {{ n(total) }}</span>\n    </neon-inline>\n    <neon-stack class=\"neon-card-list__cards\">\n      <template v-for=\"(cardModel, index) in model\">\n        <neon-link\n          v-if=\"cardModel.href && !cardModel.disabled\"\n          :key=\"`${cardModel.key || index}-link`\"\n          :href=\"cardModel.href\"\n          :target=\"cardModel.targetBlank ? '_blank' : null\"\n        >\n          <neon-card-list-card :color=\"color\" :disabled=\"cardModel.disabled\">\n            <!-- @slot slot for rendering card contents, two parameters are available: cardModel (the model item to be rendered) & index -->\n            <!-- eslint-disable-next-line vue/no-unused-vars -->\n            <slot name=\"card\" v-bind=\"{ cardModel, index: index }\"></slot>\n          </neon-card-list-card>\n        </neon-link>\n        <neon-card-list-card\n          v-else\n          :key=\"`${cardModel.key || index}-card`\"\n          :clickable=\"clickable && !cardModel.disabled\"\n          :color=\"color\"\n          :disabled=\"cardModel.disabled\"\n          @click=\"!cardModel.disabled && emit('click', index)\"\n        >\n          <!-- @slot slot for rendering card contents, two parameters are available: cardModel (the model item to be rendered) & index -->\n          <!-- eslint-disable-next-line vue/no-unused-vars -->\n          <slot name=\"card\" v-bind=\"{ cardModel, index: index }\"></slot>\n        </neon-card-list-card>\n      </template>\n    </neon-stack>\n    <span v-if=\"model.length === total\" class=\"neon-card-list__results-end\">{{ endOfResultsLabel }}</span>\n    <neon-button\n      v-else\n      :button-style=\"NeonButtonStyle.Text\"\n      :color=\"NeonFunctionalColor.Neutral\"\n      :label=\"showMoreLabel\"\n      :size=\"NeonSize.Small\"\n      class=\"neon-card-list__show-more\"\n      @click=\"emit('show-more', $event)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonCardList.ts\"></script>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_neon_inline","_renderSlot","_ctx","_hoisted_2","_toDisplayString","_component_neon_stack","_Fragment","_renderList","cardModel","index","_createBlock","_component_neon_link","_component_neon_card_list_card","_mergeProps","_hoisted_3","_component_neon_button","_cache","$event"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,iBAAgB;;EAIJ,OAAM;;;EA8BS,OAAM;;;;AAlC5C,SAAAC,EAAA,GAAAC,EA4CM,OA5CNF,GA4CM;AAAA,IA3CJG,EAIcC,GAAA;AAAA,MAJD,YAAW;AAAA,MAAG,OAAM;AAAA;iBAE/B,MAA2B;AAAA,QAA3BC,EAA2BC,EAAA,QAAA,QAAA;AAAA,QACfA,EAAA,SAAZL,KAAAC,EAA0G,QAA1GK,GAA0GC,EAAtDF,EAAA,EAAEA,QAAM,MAAM,CAAA,IAAI,QAAIA,EAAA,OAAO,IAAG,MAACE,EAAGF,EAAA,EAAEA,EAAA,KAAK,CAAA,GAAA,CAAA;;;;IAEjGH,EA2BaM,GAAA,EA3BD,OAAM,wBAAuB,GAAA;AAAA,iBAC7B,MAAmC;AAAA,SAA7CR,EAAA,EAAA,GAAAC,EAyBWQ,GAAA,MAAAC,EAzB4BL,EAAA,OAAK,CAA1BM,GAAWC;UAEnBD,EAAU,QAAI,CAAKA,EAAU,iBADrCE,EAWYC,GAAA;AAAA,YATT,KAAG,GAAKH,EAAU,OAAOC,CAAK;AAAA,YAC9B,MAAMD,EAAU;AAAA,YAChB,QAAQA,EAAU,cAAW,WAAA;AAAA;uBAE9B,MAIsB;AAAA,cAJtBT,EAIsBa,GAAA;AAAA,gBAJA,OAAOV,EAAA;AAAA,gBAAQ,UAAUM,EAAU;AAAA;2BAGvD,MAA8D;AAAA,kBAA9DP,EAA8DC,EAAA,QAAA,QAA9DW,EAA8D,EAAA,SAAA,GAAA,GAAA,EAAlC,WAAAL,UAAkBC,EAAK,CAAA,CAAA;AAAA;;;;;gDAGvDC,EAWsBE,GAAA;AAAA,YATnB,KAAG,GAAKJ,EAAU,OAAOC,CAAK;AAAA,YAC9B,WAAWP,EAAA,aAAS,CAAKM,EAAU;AAAA,YACnC,OAAON,EAAA;AAAA,YACP,UAAUM,EAAU;AAAA,YACpB,iBAAQA,EAAU,YAAYN,EAAA,cAAcO,CAAK;AAAA;uBAIlD,MAA8D;AAAA,cAA9DR,EAA8DC,EAAA,QAAA,QAA9DW,EAA8D,EAAA,SAAA,GAAA,GAAA,EAAlC,WAAAL,UAAkBC,EAAK,CAAA,CAAA;AAAA;;;;;;;IAI7CP,EAAA,MAAM,WAAWA,EAAA,cAA7BJ,EAAsG,QAAtGgB,GAAsGV,EAA3BF,EAAA,iBAAiB,GAAA,CAAA,WAC5FQ,EAQEK,GAAA;AAAA;MANC,gBAAcb,EAAA,gBAAgB;AAAA,MAC9B,OAAOA,EAAA,oBAAoB;AAAA,MAC3B,OAAOA,EAAA;AAAA,MACP,MAAMA,EAAA,SAAS;AAAA,MAChB,OAAM;AAAA,MACL,SAAKc,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEf,EAAA,KAAI,aAAce,CAAM;AAAA;;;;"}
+{"version":3,"file":"NeonCardList.vue.es.js","sources":["../../../../src/components/layout/card-list/NeonCardList.vue"],"sourcesContent":["<template>\n  <div class=\"neon-card-list\">\n    <neon-inline breakpoint=\"\" class=\"neon-card-list__header\">\n      <!-- @slot slot for providing filters or titles for the card list aligned next to the result count -->\n      <slot name=\"header\"></slot>\n      <span v-if=\"total\" class=\"neon-card-list__total\">{{ n(model.length) }} {{ ofLabel }} {{ n(total) }}</span>\n    </neon-inline>\n    <neon-stack class=\"neon-card-list__cards\">\n      <template v-for=\"(cardModel, index) in model\">\n        <neon-link\n          v-if=\"cardModel.href && !cardModel.disabled\"\n          :key=\"`${cardModel.key || index}-link`\"\n          :href=\"cardModel.href\"\n          :target=\"cardModel.targetBlank ? '_blank' : null\"\n          no-style\n          outline-style=\"background\"\n        >\n          <neon-card-list-card :color=\"color\" :disabled=\"cardModel.disabled\">\n            <!-- @slot slot for rendering card contents, two parameters are available: cardModel (the model item to be rendered) & index -->\n            <!-- eslint-disable-next-line vue/no-unused-vars -->\n            <slot name=\"card\" v-bind=\"{ cardModel, index: index }\"></slot>\n          </neon-card-list-card>\n        </neon-link>\n        <neon-card-list-card\n          v-else\n          :key=\"`${cardModel.key || index}-card`\"\n          :clickable=\"clickable && !cardModel.disabled\"\n          :color=\"color\"\n          :disabled=\"cardModel.disabled\"\n          @click=\"!cardModel.disabled && emit('click', index)\"\n        >\n          <!-- @slot slot for rendering card contents, two parameters are available: cardModel (the model item to be rendered) & index -->\n          <!-- eslint-disable-next-line vue/no-unused-vars -->\n          <slot name=\"card\" v-bind=\"{ cardModel, index: index }\"></slot>\n        </neon-card-list-card>\n      </template>\n    </neon-stack>\n    <span v-if=\"model.length === total\" class=\"neon-card-list__results-end\">{{ endOfResultsLabel }}</span>\n    <neon-button\n      v-else\n      :button-style=\"NeonButtonStyle.Text\"\n      :color=\"NeonFunctionalColor.Neutral\"\n      :label=\"showMoreLabel\"\n      :size=\"NeonSize.Small\"\n      class=\"neon-card-list__show-more\"\n      @click=\"emit('show-more', $event)\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonCardList.ts\"></script>\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createVNode","_component_neon_inline","_renderSlot","_ctx","_hoisted_2","_toDisplayString","_component_neon_stack","_Fragment","_renderList","cardModel","index","_createBlock","_component_neon_link","_component_neon_card_list_card","_mergeProps","_hoisted_3","_component_neon_button","_cache","$event"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,iBAAgB;;EAIJ,OAAM;;;EAgCS,OAAM;;;;AApC5C,SAAAC,EAAA,GAAAC,EA8CM,OA9CNF,GA8CM;AAAA,IA7CJG,EAIcC,GAAA;AAAA,MAJD,YAAW;AAAA,MAAG,OAAM;AAAA;iBAE/B,MAA2B;AAAA,QAA3BC,EAA2BC,EAAA,QAAA,QAAA;AAAA,QACfA,EAAA,SAAZL,KAAAC,EAA0G,QAA1GK,GAA0GC,EAAtDF,EAAA,EAAEA,QAAM,MAAM,CAAA,IAAI,QAAIA,EAAA,OAAO,IAAG,MAACE,EAAGF,EAAA,EAAEA,EAAA,KAAK,CAAA,GAAA,CAAA;;;;IAEjGH,EA6BaM,GAAA,EA7BD,OAAM,wBAAuB,GAAA;AAAA,iBAC7B,MAAmC;AAAA,SAA7CR,EAAA,EAAA,GAAAC,EA2BWQ,GAAA,MAAAC,EA3B4BL,EAAA,OAAK,CAA1BM,GAAWC;UAEnBD,EAAU,QAAI,CAAKA,EAAU,iBADrCE,EAaYC,GAAA;AAAA,YAXT,KAAG,GAAKH,EAAU,OAAOC,CAAK;AAAA,YAC9B,MAAMD,EAAU;AAAA,YAChB,QAAQA,EAAU,cAAW,WAAA;AAAA,YAC9B,YAAA;AAAA,YACA,iBAAc;AAAA;uBAEd,MAIsB;AAAA,cAJtBT,EAIsBa,GAAA;AAAA,gBAJA,OAAOV,EAAA;AAAA,gBAAQ,UAAUM,EAAU;AAAA;2BAGvD,MAA8D;AAAA,kBAA9DP,EAA8DC,EAAA,QAAA,QAA9DW,EAA8D,EAAA,SAAA,GAAA,GAAA,EAAlC,WAAAL,UAAkBC,EAAK,CAAA,CAAA;AAAA;;;;;gDAGvDC,EAWsBE,GAAA;AAAA,YATnB,KAAG,GAAKJ,EAAU,OAAOC,CAAK;AAAA,YAC9B,WAAWP,EAAA,aAAS,CAAKM,EAAU;AAAA,YACnC,OAAON,EAAA;AAAA,YACP,UAAUM,EAAU;AAAA,YACpB,iBAAQA,EAAU,YAAYN,EAAA,cAAcO,CAAK;AAAA;uBAIlD,MAA8D;AAAA,cAA9DR,EAA8DC,EAAA,QAAA,QAA9DW,EAA8D,EAAA,SAAA,GAAA,GAAA,EAAlC,WAAAL,UAAkBC,EAAK,CAAA,CAAA;AAAA;;;;;;;IAI7CP,EAAA,MAAM,WAAWA,EAAA,cAA7BJ,EAAsG,QAAtGgB,GAAsGV,EAA3BF,EAAA,iBAAiB,GAAA,CAAA,WAC5FQ,EAQEK,GAAA;AAAA;MANC,gBAAcb,EAAA,gBAAgB;AAAA,MAC9B,OAAOA,EAAA,oBAAoB;AAAA,MAC3B,OAAOA,EAAA;AAAA,MACP,MAAMA,EAAA,SAAS;AAAA,MAChB,OAAM;AAAA,MACL,SAAKc,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEf,EAAA,KAAI,aAAce,CAAM;AAAA;;;;"}

package/dist/components/navigation/link/NeonLink.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),S=require("../../../common/enums/NeonOutlineStyle.cjs.js"),v=require("../../presentation/icon/NeonIcon.vue.cjs.js"),r=require("vue-router"),x=t.defineComponent({name:"NeonLink",components:{NeonIcon:v},props:{href:{type:String,default:null},noStyle:{type:Boolean,default:!1},outlineStyle:{type:String,default:S.NeonOutlineStyle.Text},externalIndicator:{type:Boolean,default:!1}},emits:["click"],setup(e,{emit:s,expose:a}){const o=t.ref(null),f=t.useAttrs(),d=r.useRouter(),u=r.useRoute(),c=t.computed(()=>{var n;return((n=e.href)==null?void 0:n.indexOf("/"))===0?e.href:void 0}),i=t.computed(()=>e.href&&e.href.indexOf(u.fullPath)===0),h=t.computed(()=>i.value&&e.href===u.fullPath),m=t.computed(()=>{const{onClick:n,...k}=f;return k}),l=()=>{s("click")},y=async()=>{l(),c.value?await d.push(e.href):e.href&&window.location.replace(e.href)};return a({neonLink:o}),{neonLink:o,routerUrl:c,sanitizedAttributes:m,activeRoute:i,exactRoute:h,onClick:l,onSpace:y}}});module.exports=x;
+"use strict";const t=require("vue"),S=require("../../../common/enums/NeonOutlineStyle.cjs.js"),v=require("../../presentation/icon/NeonIcon.vue.cjs.js"),r=require("vue-router"),x=t.defineComponent({name:"NeonLink",components:{NeonIcon:v},props:{href:{type:String,default:null},noStyle:{type:Boolean,default:!1},outlineStyle:{type:String,default:S.NeonOutlineStyle.None},externalIndicator:{type:Boolean,default:!1}},emits:["click"],setup(e,{emit:s,expose:a}){const o=t.ref(null),f=t.useAttrs(),d=r.useRouter(),u=r.useRoute(),c=t.computed(()=>{var n;return((n=e.href)==null?void 0:n.indexOf("/"))===0?e.href:void 0}),i=t.computed(()=>e.href&&e.href.indexOf(u.fullPath)===0),h=t.computed(()=>i.value&&e.href===u.fullPath),m=t.computed(()=>{const{onClick:n,...k}=f;return k}),l=()=>{s("click")},y=async()=>{l(),c.value?await d.push(e.href):e.href&&window.location.replace(e.href)};return a({neonLink:o}),{neonLink:o,routerUrl:c,sanitizedAttributes:m,activeRoute:i,exactRoute:h,onClick:l,onSpace:y}}});module.exports=x;
 //# sourceMappingURL=NeonLink.cjs.js.map

package/dist/components/navigation/link/NeonLink.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonLink.cjs.js","sources":["../../../../src/components/navigation/link/NeonLink.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonOutlineStyle } from '@/common/enums/NeonOutlineStyle';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { useRoute, useRouter } from 'vue-router';\n\n/**\n * An HTML anchor component which handles VueRouter links (internal), href links (external) and clickable links (no href).\n */\nexport default defineComponent({\n  name: 'NeonLink',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The href of the link, this can be an internal (relative or absolute) or an external link.\n     */\n    href: { type: String, default: null },\n    /**\n     * set to true if you would like a completely unstyled link. This is useful for creating a complex component which may use NeonLink.\n     */\n    noStyle: { type: Boolean, default: false },\n    /**\n     * Style of the outline to use when the link has focus, use <em>text</em> for wrapping text content and\n     * <em>border</em> for tooltips wrapping \"block\" elements, e.g. buttons.\n     */\n    outlineStyle: { type: String as () => NeonOutlineStyle, default: NeonOutlineStyle.Text },\n    /**\n     * Display an external link icon to the right of the link indicating clicking it will take the user to another site.\n     */\n    externalIndicator: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user triggers the link by clicking on it or hitting Enter or Space when the link has focus.\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit, expose }) {\n    const neonLink = ref<HTMLAnchorElement | null>(null);\n    const attrs = useAttrs();\n    const router = useRouter();\n    const route = useRoute();\n    const routerUrl = computed(() => (props.href?.indexOf('/') === 0 ? props.href : undefined));\n\n    const activeRoute = computed(() => props.href && props.href.indexOf(route.fullPath) === 0);\n    const exactRoute = computed(() => activeRoute.value && props.href === route.fullPath);\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const onClick = () => {\n      emit('click');\n    };\n\n    const onSpace = async () => {\n      onClick();\n\n      if (routerUrl.value) {\n        await router.push(props.href);\n      } else if (props.href) {\n        window.location.replace(props.href);\n      }\n    };\n\n    expose({ neonLink });\n\n    return {\n      neonLink,\n      routerUrl,\n      sanitizedAttributes,\n      activeRoute,\n      exactRoute,\n      onClick,\n      onSpace,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonOutlineStyle","props","emit","expose","neonLink","ref","attrs","useAttrs","router","useRouter","route","useRoute","routerUrl","computed","_a","activeRoute","exactRoute","sanitizedAttributes","onClick","sanitized","onSpace"],"mappings":"gLAQAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAKnC,aAAc,CAAE,KAAM,OAAkC,QAASC,EAAAA,iBAAiB,IAAA,EAIlF,kBAAmB,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAErD,MAAO,CAKL,OAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,EAAM,OAAAC,GAAU,CAC7B,MAAMC,EAAWC,EAAAA,IAA8B,IAAI,EAC7CC,EAAQC,EAAAA,SAAA,EACRC,EAASC,EAAAA,UAAA,EACTC,EAAQC,EAAAA,SAAA,EACRC,EAAYC,EAAAA,SAAS,IAAA,OAAO,QAAAC,EAAAb,EAAM,OAAN,YAAAa,EAAY,QAAQ,QAAS,EAAIb,EAAM,KAAO,OAAU,EAEpFc,EAAcF,EAAAA,SAAS,IAAMZ,EAAM,MAAQA,EAAM,KAAK,QAAQS,EAAM,QAAQ,IAAM,CAAC,EACnFM,EAAaH,EAAAA,SAAS,IAAME,EAAY,OAASd,EAAM,OAASS,EAAM,QAAQ,EAE9EO,EAAsBJ,EAAAA,SAAS,IAAM,CAEzC,KAAM,CAAE,QAAAK,EAAS,GAAGC,GAAcb,EAClC,OAAOa,CACT,CAAC,EAEKD,EAAU,IAAM,CACpBhB,EAAK,OAAO,CACd,EAEMkB,EAAU,SAAY,CAC1BF,EAAA,EAEIN,EAAU,MACZ,MAAMJ,EAAO,KAAKP,EAAM,IAAI,EACnBA,EAAM,MACf,OAAO,SAAS,QAAQA,EAAM,IAAI,CAEtC,EAEA,OAAAE,EAAO,CAAE,SAAAC,EAAU,EAEZ,CACL,SAAAA,EACA,UAAAQ,EACA,oBAAAK,EACA,YAAAF,EACA,WAAAC,EACA,QAAAE,EACA,QAAAE,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonLink.cjs.js","sources":["../../../../src/components/navigation/link/NeonLink.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonOutlineStyle } from '@/common/enums/NeonOutlineStyle';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { useRoute, useRouter } from 'vue-router';\n\n/**\n * An HTML anchor component which handles VueRouter links (internal), href links (external) and clickable links (no href).\n */\nexport default defineComponent({\n  name: 'NeonLink',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The href of the link, this can be an internal (relative or absolute) or an external link.\n     */\n    href: { type: String, default: null },\n    /**\n     * set to true if you would like a completely unstyled link. This is useful for creating a complex component which may use NeonLink.\n     */\n    noStyle: { type: Boolean, default: false },\n    /**\n     * Style of the outline to use when the link has focus, use this in combination with the <em>no-style</em> flag to\n     * style the outline of non-text links.\n     */\n    outlineStyle: { type: String as () => NeonOutlineStyle, default: NeonOutlineStyle.None },\n    /**\n     * Display an external link icon to the right of the link indicating clicking it will take the user to another site.\n     */\n    externalIndicator: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user triggers the link by clicking on it or hitting Enter or Space when the link has focus.\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit, expose }) {\n    const neonLink = ref<HTMLAnchorElement | null>(null);\n    const attrs = useAttrs();\n    const router = useRouter();\n    const route = useRoute();\n    const routerUrl = computed(() => (props.href?.indexOf('/') === 0 ? props.href : undefined));\n\n    const activeRoute = computed(() => props.href && props.href.indexOf(route.fullPath) === 0);\n    const exactRoute = computed(() => activeRoute.value && props.href === route.fullPath);\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const onClick = () => {\n      emit('click');\n    };\n\n    const onSpace = async () => {\n      onClick();\n\n      if (routerUrl.value) {\n        await router.push(props.href);\n      } else if (props.href) {\n        window.location.replace(props.href);\n      }\n    };\n\n    expose({ neonLink });\n\n    return {\n      neonLink,\n      routerUrl,\n      sanitizedAttributes,\n      activeRoute,\n      exactRoute,\n      onClick,\n      onSpace,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonOutlineStyle","props","emit","expose","neonLink","ref","attrs","useAttrs","router","useRouter","route","useRoute","routerUrl","computed","_a","activeRoute","exactRoute","sanitizedAttributes","onClick","sanitized","onSpace"],"mappings":"gLAQAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,WAAY,CACV,SAAAC,CAAA,EAEF,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAKnC,aAAc,CAAE,KAAM,OAAkC,QAASC,EAAAA,iBAAiB,IAAA,EAIlF,kBAAmB,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAErD,MAAO,CAKL,OAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,EAAM,OAAAC,GAAU,CAC7B,MAAMC,EAAWC,EAAAA,IAA8B,IAAI,EAC7CC,EAAQC,EAAAA,SAAA,EACRC,EAASC,EAAAA,UAAA,EACTC,EAAQC,EAAAA,SAAA,EACRC,EAAYC,EAAAA,SAAS,IAAA,OAAO,QAAAC,EAAAb,EAAM,OAAN,YAAAa,EAAY,QAAQ,QAAS,EAAIb,EAAM,KAAO,OAAU,EAEpFc,EAAcF,EAAAA,SAAS,IAAMZ,EAAM,MAAQA,EAAM,KAAK,QAAQS,EAAM,QAAQ,IAAM,CAAC,EACnFM,EAAaH,EAAAA,SAAS,IAAME,EAAY,OAASd,EAAM,OAASS,EAAM,QAAQ,EAE9EO,EAAsBJ,EAAAA,SAAS,IAAM,CAEzC,KAAM,CAAE,QAAAK,EAAS,GAAGC,GAAcb,EAClC,OAAOa,CACT,CAAC,EAEKD,EAAU,IAAM,CACpBhB,EAAK,OAAO,CACd,EAEMkB,EAAU,SAAY,CAC1BF,EAAA,EAEIN,EAAU,MACZ,MAAMJ,EAAO,KAAKP,EAAM,IAAI,EACnBA,EAAM,MACf,OAAO,SAAS,QAAQA,EAAM,IAAI,CAEtC,EAEA,OAAAE,EAAO,CAAE,SAAAC,EAAU,EAEZ,CACL,SAAAA,EACA,UAAAQ,EACA,oBAAAK,EACA,YAAAF,EACA,WAAAC,EACA,QAAAE,EACA,QAAAE,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/navigation/link/NeonLink.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as k, ref as x, useAttrs as S, computed as t } from "vue";
+import { defineComponent as k, ref as S, useAttrs as x, computed as t } from "vue";
 import { NeonOutlineStyle as p } from "../../../common/enums/NeonOutlineStyle.es.js";
 import v from "../../presentation/icon/NeonIcon.vue.es.js";
-import { useRouter as C, useRoute as R } from "vue-router";
+import { useRouter as C, useRoute as N } from "vue-router";
 const z = k({
   name: "NeonLink",
   components: {
@@ -17,10 +17,10 @@ const z = k({
      */
     noStyle: { type: Boolean, default: !1 },
     /**
-     * Style of the outline to use when the link has focus, use <em>text</em> for wrapping text content and
-     * <em>border</em> for tooltips wrapping "block" elements, e.g. buttons.
+     * Style of the outline to use when the link has focus, use this in combination with the <em>no-style</em> flag to
+     * style the outline of non-text links.
      */
-    outlineStyle: { type: String, default: p.Text },
+    outlineStyle: { type: String, default: p.None },
     /**
      * Display an external link icon to the right of the link indicating clicking it will take the user to another site.
      */
@@ -34,7 +34,7 @@ const z = k({
     "click"
   ],
   setup(e, { emit: a, expose: f }) {
-    const o = x(null), u = S(), s = C(), l = R(), i = t(() => {
+    const o = S(null), u = x(), s = C(), l = N(), i = t(() => {
       var n;
       return ((n = e.href) == null ? void 0 : n.indexOf("/")) === 0 ? e.href : void 0;
     }), r = t(() => e.href && e.href.indexOf(l.fullPath) === 0), d = t(() => r.value && e.href === l.fullPath), m = t(() => {

package/dist/components/navigation/link/NeonLink.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonLink.es.js","sources":["../../../../src/components/navigation/link/NeonLink.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonOutlineStyle } from '@/common/enums/NeonOutlineStyle';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { useRoute, useRouter } from 'vue-router';\n\n/**\n * An HTML anchor component which handles VueRouter links (internal), href links (external) and clickable links (no href).\n */\nexport default defineComponent({\n  name: 'NeonLink',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The href of the link, this can be an internal (relative or absolute) or an external link.\n     */\n    href: { type: String, default: null },\n    /**\n     * set to true if you would like a completely unstyled link. This is useful for creating a complex component which may use NeonLink.\n     */\n    noStyle: { type: Boolean, default: false },\n    /**\n     * Style of the outline to use when the link has focus, use <em>text</em> for wrapping text content and\n     * <em>border</em> for tooltips wrapping \"block\" elements, e.g. buttons.\n     */\n    outlineStyle: { type: String as () => NeonOutlineStyle, default: NeonOutlineStyle.Text },\n    /**\n     * Display an external link icon to the right of the link indicating clicking it will take the user to another site.\n     */\n    externalIndicator: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user triggers the link by clicking on it or hitting Enter or Space when the link has focus.\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit, expose }) {\n    const neonLink = ref<HTMLAnchorElement | null>(null);\n    const attrs = useAttrs();\n    const router = useRouter();\n    const route = useRoute();\n    const routerUrl = computed(() => (props.href?.indexOf('/') === 0 ? props.href : undefined));\n\n    const activeRoute = computed(() => props.href && props.href.indexOf(route.fullPath) === 0);\n    const exactRoute = computed(() => activeRoute.value && props.href === route.fullPath);\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const onClick = () => {\n      emit('click');\n    };\n\n    const onSpace = async () => {\n      onClick();\n\n      if (routerUrl.value) {\n        await router.push(props.href);\n      } else if (props.href) {\n        window.location.replace(props.href);\n      }\n    };\n\n    expose({ neonLink });\n\n    return {\n      neonLink,\n      routerUrl,\n      sanitizedAttributes,\n      activeRoute,\n      exactRoute,\n      onClick,\n      onSpace,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonOutlineStyle","props","emit","expose","neonLink","ref","attrs","useAttrs","router","useRouter","route","useRoute","routerUrl","computed","_a","activeRoute","exactRoute","sanitizedAttributes","onClick","sanitized","onSpace"],"mappings":";;;;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI/B,SAAS,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnC,cAAc,EAAE,MAAM,QAAkC,SAASC,EAAiB,KAAA;AAAA;AAAA;AAAA;AAAA,IAIlF,mBAAmB,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAErD,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,GAAM,QAAAC,KAAU;AAC7B,UAAMC,IAAWC,EAA8B,IAAI,GAC7CC,IAAQC,EAAA,GACRC,IAASC,EAAA,GACTC,IAAQC,EAAA,GACRC,IAAYC,EAAS,MAAA;;AAAO,eAAAC,IAAAb,EAAM,SAAN,gBAAAa,EAAY,QAAQ,UAAS,IAAIb,EAAM,OAAO;AAAA,KAAU,GAEpFc,IAAcF,EAAS,MAAMZ,EAAM,QAAQA,EAAM,KAAK,QAAQS,EAAM,QAAQ,MAAM,CAAC,GACnFM,IAAaH,EAAS,MAAME,EAAY,SAASd,EAAM,SAASS,EAAM,QAAQ,GAE9EO,IAAsBJ,EAAS,MAAM;AAEzC,YAAM,EAAE,SAAAK,GAAS,GAAGC,MAAcb;AAClC,aAAOa;AAAA,IACT,CAAC,GAEKD,IAAU,MAAM;AACpB,MAAAhB,EAAK,OAAO;AAAA,IACd,GAEMkB,IAAU,YAAY;AAC1B,MAAAF,EAAA,GAEIN,EAAU,QACZ,MAAMJ,EAAO,KAAKP,EAAM,IAAI,IACnBA,EAAM,QACf,OAAO,SAAS,QAAQA,EAAM,IAAI;AAAA,IAEtC;AAEA,WAAAE,EAAO,EAAE,UAAAC,GAAU,GAEZ;AAAA,MACL,UAAAA;AAAA,MACA,WAAAQ;AAAA,MACA,qBAAAK;AAAA,MACA,aAAAF;AAAA,MACA,YAAAC;AAAA,MACA,SAAAE;AAAA,MACA,SAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonLink.es.js","sources":["../../../../src/components/navigation/link/NeonLink.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonOutlineStyle } from '@/common/enums/NeonOutlineStyle';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { useRoute, useRouter } from 'vue-router';\n\n/**\n * An HTML anchor component which handles VueRouter links (internal), href links (external) and clickable links (no href).\n */\nexport default defineComponent({\n  name: 'NeonLink',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The href of the link, this can be an internal (relative or absolute) or an external link.\n     */\n    href: { type: String, default: null },\n    /**\n     * set to true if you would like a completely unstyled link. This is useful for creating a complex component which may use NeonLink.\n     */\n    noStyle: { type: Boolean, default: false },\n    /**\n     * Style of the outline to use when the link has focus, use this in combination with the <em>no-style</em> flag to\n     * style the outline of non-text links.\n     */\n    outlineStyle: { type: String as () => NeonOutlineStyle, default: NeonOutlineStyle.None },\n    /**\n     * Display an external link icon to the right of the link indicating clicking it will take the user to another site.\n     */\n    externalIndicator: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the user triggers the link by clicking on it or hitting Enter or Space when the link has focus.\n     * @type {void}\n     */\n    'click',\n  ],\n  setup(props, { emit, expose }) {\n    const neonLink = ref<HTMLAnchorElement | null>(null);\n    const attrs = useAttrs();\n    const router = useRouter();\n    const route = useRoute();\n    const routerUrl = computed(() => (props.href?.indexOf('/') === 0 ? props.href : undefined));\n\n    const activeRoute = computed(() => props.href && props.href.indexOf(route.fullPath) === 0);\n    const exactRoute = computed(() => activeRoute.value && props.href === route.fullPath);\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const onClick = () => {\n      emit('click');\n    };\n\n    const onSpace = async () => {\n      onClick();\n\n      if (routerUrl.value) {\n        await router.push(props.href);\n      } else if (props.href) {\n        window.location.replace(props.href);\n      }\n    };\n\n    expose({ neonLink });\n\n    return {\n      neonLink,\n      routerUrl,\n      sanitizedAttributes,\n      activeRoute,\n      exactRoute,\n      onClick,\n      onSpace,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonOutlineStyle","props","emit","expose","neonLink","ref","attrs","useAttrs","router","useRouter","route","useRoute","routerUrl","computed","_a","activeRoute","exactRoute","sanitizedAttributes","onClick","sanitized","onSpace"],"mappings":";;;;AAQA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI/B,SAAS,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnC,cAAc,EAAE,MAAM,QAAkC,SAASC,EAAiB,KAAA;AAAA;AAAA;AAAA;AAAA,IAIlF,mBAAmB,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAErD,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,GAAM,QAAAC,KAAU;AAC7B,UAAMC,IAAWC,EAA8B,IAAI,GAC7CC,IAAQC,EAAA,GACRC,IAASC,EAAA,GACTC,IAAQC,EAAA,GACRC,IAAYC,EAAS,MAAA;;AAAO,eAAAC,IAAAb,EAAM,SAAN,gBAAAa,EAAY,QAAQ,UAAS,IAAIb,EAAM,OAAO;AAAA,KAAU,GAEpFc,IAAcF,EAAS,MAAMZ,EAAM,QAAQA,EAAM,KAAK,QAAQS,EAAM,QAAQ,MAAM,CAAC,GACnFM,IAAaH,EAAS,MAAME,EAAY,SAASd,EAAM,SAASS,EAAM,QAAQ,GAE9EO,IAAsBJ,EAAS,MAAM;AAEzC,YAAM,EAAE,SAAAK,GAAS,GAAGC,MAAcb;AAClC,aAAOa;AAAA,IACT,CAAC,GAEKD,IAAU,MAAM;AACpB,MAAAhB,EAAK,OAAO;AAAA,IACd,GAEMkB,IAAU,YAAY;AAC1B,MAAAF,EAAA,GAEIN,EAAU,QACZ,MAAMJ,EAAO,KAAKP,EAAM,IAAI,IACnBA,EAAM,QACf,OAAO,SAAS,QAAQA,EAAM,IAAI;AAAA,IAEtC;AAEA,WAAAE,EAAO,EAAE,UAAAC,GAAU,GAEZ;AAAA,MACL,UAAAA;AAAA,MACA,WAAAQ;AAAA,MACA,qBAAAK;AAAA,MACA,aAAAF;AAAA,MACA,YAAAC;AAAA,MACA,SAAAE;AAAA,MACA,SAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/navigation/menu/NeonMenu.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const a=require("./NeonMenu.cjs.js"),e=require("vue"),t=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),i={ref:"menuWrapper",class:"neon-menu__wrapper"},d=["onClick"],u={class:"neon-menu__item-label"};function p(o,_,k,y,b,h){const l=e.resolveComponent("neon-dropdown-menu"),s=e.resolveComponent("neon-icon"),r=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("nav",i,[e.createElementVNode("ul",{class:e.normalizeClass([[`neon-menu--${o.color}`,`neon-menu--${o.size}`],"neon-menu no-style"]),role:"menubar"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.menu,n=>(e.openBlock(),e.createElementBlock("li",{key:n.key,ref_for:!0,ref:"menuItem",class:e.normalizeClass([{"neon-menu__item--disabled":n.disabled},"neon-menu__item"])},[n.children?(e.openBlock(),e.createBlock(l,{key:`${n.key}DropdownMenu`,class:e.normalizeClass({"router-link-active":o.routeMatches(n.href)}),color:o.color,disabled:n.disabled,icon:n.icon,label:n.label,model:n.children,openOnHover:!n.disabled,size:o.size,"dropdown-style":"text"},null,8,["class","color","disabled","icon","label","model","openOnHover","size"])):(e.openBlock(),e.createBlock(r,{key:`${n.key}Link`,class:e.normalizeClass({"router-link-active":o.routeMatches(n.href)}),href:n.href,"no-style":!0,tabindex:n.disabled?-1:0,"outline-style":"none",role:"menuitem",onKeydown:e.withKeys(c=>!n.disabled&&o.onClick(n.key),["enter"])},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"neon-menu__link-container",tabindex:"-1",onClick:c=>!n.disabled&&o.onClick(n.key)},[n.icon?(e.openBlock(),e.createBlock(s,{key:`${n.key}LinkIcon`,name:n.icon,class:"neon-menu__item-icon",color:"neutral"},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",u,e.toDisplayString(n.label),1)],8,d)]),_:2},1032,["class","href","tabindex","onKeydown"]))],2))),128))],2),e.createVNode(l,{class:e.normalizeClass([{"neon-menu__responsive-menu--hidden":o.responsiveMenuItems.length===0},"neon-menu__responsive-menu"]),color:o.color,indicator:!1,model:o.responsiveMenuItems,openOnHover:!0,size:o.size,"dropdown-style":"text",icon:"ellipsis",placement:"bottom-right"},null,8,["class","color","model","size"])],512)}const m=t(a,[["render",p]]);module.exports=m;
+"use strict";const a=require("./NeonMenu.cjs.js"),e=require("vue"),t=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),i={ref:"menuWrapper",class:"neon-menu__wrapper"},d=["onClick"],u={class:"neon-menu__item-label"};function p(o,_,k,y,b,h){const l=e.resolveComponent("neon-dropdown-menu"),s=e.resolveComponent("neon-icon"),r=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("nav",i,[e.createElementVNode("ul",{class:e.normalizeClass([[`neon-menu--${o.color}`,`neon-menu--${o.size}`],"neon-menu no-style"]),role:"menubar"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.menu,n=>(e.openBlock(),e.createElementBlock("li",{key:n.key,ref_for:!0,ref:"menuItem",class:e.normalizeClass([{"neon-menu__item--disabled":n.disabled},"neon-menu__item"]),role:"menuitem"},[n.children?(e.openBlock(),e.createBlock(l,{key:`${n.key}DropdownMenu`,class:e.normalizeClass({"router-link-active":o.routeMatches(n.href)}),color:o.color,disabled:n.disabled,icon:n.icon,label:n.label,model:n.children,openOnHover:!n.disabled,size:o.size,"dropdown-style":"text"},null,8,["class","color","disabled","icon","label","model","openOnHover","size"])):(e.openBlock(),e.createBlock(r,{key:`${n.key}Link`,class:e.normalizeClass({"router-link-active":o.routeMatches(n.href)}),href:n.href,"no-style":!0,tabindex:n.disabled?-1:0,"outline-style":"none",onKeydown:e.withKeys(c=>!n.disabled&&o.onClick(n.key),["enter"])},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"neon-menu__link-container",tabindex:"-1",onClick:c=>!n.disabled&&o.onClick(n.key)},[n.icon?(e.openBlock(),e.createBlock(s,{key:`${n.key}LinkIcon`,name:n.icon,class:"neon-menu__item-icon",color:"neutral"},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",u,e.toDisplayString(n.label),1)],8,d)]),_:2},1032,["class","href","tabindex","onKeydown"]))],2))),128))],2),e.createVNode(l,{class:e.normalizeClass([{"neon-menu__responsive-menu--hidden":o.responsiveMenuItems.length===0},"neon-menu__responsive-menu"]),color:o.color,indicator:!1,model:o.responsiveMenuItems,openOnHover:!0,size:o.size,"dropdown-style":"text",icon:"ellipsis",placement:"bottom-right"},null,8,["class","color","model","size"])],512)}const m=t(a,[["render",p]]);module.exports=m;
 //# sourceMappingURL=NeonMenu.vue.cjs.js.map

package/dist/components/navigation/menu/NeonMenu.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonMenu.vue.cjs.js","sources":["../../../../src/components/navigation/menu/NeonMenu.vue"],"sourcesContent":["<template>\n  <nav ref=\"menuWrapper\" class=\"neon-menu__wrapper\">\n    <ul :class=\"[`neon-menu--${color}`, `neon-menu--${size}`]\" class=\"neon-menu no-style\" role=\"menubar\">\n      <li\n        v-for=\"item in menu\"\n        :key=\"item.key\"\n        ref=\"menuItem\"\n        :class=\"{ 'neon-menu__item--disabled': item.disabled }\"\n        class=\"neon-menu__item\"\n      >\n        <neon-dropdown-menu\n          v-if=\"item.children\"\n          :key=\"`${item.key}DropdownMenu`\"\n          :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n          :color=\"color\"\n          :disabled=\"item.disabled\"\n          :icon=\"item.icon\"\n          :label=\"item.label\"\n          :model=\"item.children\"\n          :openOnHover=\"!item.disabled\"\n          :size=\"size\"\n          dropdown-style=\"text\"\n        />\n        <neon-link\n          v-else\n          :key=\"`${item.key}Link`\"\n          :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n          :href=\"item.href\"\n          :no-style=\"true\"\n          :tabindex=\"item.disabled ? -1 : 0\"\n          outline-style=\"none\"\n          role=\"menuitem\"\n          @keydown.enter=\"!item.disabled && onClick(item.key)\"\n        >\n          <div class=\"neon-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n            <neon-icon\n              v-if=\"item.icon\"\n              :key=\"`${item.key}LinkIcon`\"\n              :name=\"item.icon\"\n              class=\"neon-menu__item-icon\"\n              color=\"neutral\"\n            />\n            <span class=\"neon-menu__item-label\">{{ item.label }}</span>\n          </div>\n        </neon-link>\n      </li>\n    </ul>\n    <neon-dropdown-menu\n      :class=\"{ 'neon-menu__responsive-menu--hidden': responsiveMenuItems.length === 0 }\"\n      :color=\"color\"\n      :indicator=\"false\"\n      :model=\"responsiveMenuItems\"\n      :openOnHover=\"true\"\n      :size=\"size\"\n      class=\"neon-menu__responsive-menu\"\n      dropdown-style=\"text\"\n      icon=\"ellipsis\"\n      placement=\"bottom-right\"\n    />\n  </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_dropdown_menu","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString","_createVNode"],"mappings":"sIACO,IAAI,cAAc,MAAM,oCAyCbA,EAAA,CAAA,MAAM,uBAAuB,+IAzC7C,OAAAC,YAAA,EAAAC,qBA0DM,MA1DNC,EA0DM,CAzDJC,EAAAA,mBA4CK,KAAA,CA5CA,MAAKC,EAAAA,eAAA,CAAA,CAAA,cAAiBC,EAAA,KAAK,GAAA,cAAkBA,EAAA,IAAI,IAAW,oBAAoB,CAAA,EAAC,KAAK,6BACzFJ,EAAAA,mBA0CKK,EAAAA,SAAA,KAAAC,EAAAA,WAzCYF,EAAA,KAARG,kBADTP,EAAAA,mBA0CK,KAAA,CAxCF,IAAKO,EAAK,eACX,IAAI,WACH,MAAKJ,EAAAA,eAAA,CAAA,CAAA,4BAAiCI,EAAK,QAAQ,EAC9C,iBAAiB,CAAA,IAGfA,EAAK,wBADbC,EAAAA,YAYEC,EAAA,CAVC,IAAG,GAAKF,EAAK,GAAG,eAChB,MAAKJ,EAAAA,eAAA,CAAA,qBAA0BC,EAAA,aAAaG,EAAK,IAAI,EAAA,EACrD,MAAOH,EAAA,MACP,SAAUG,EAAK,SACf,KAAMA,EAAK,KACX,MAAOA,EAAK,MACZ,MAAOA,EAAK,SACZ,YAAW,CAAGA,EAAK,SACnB,KAAMH,EAAA,KACP,iBAAe,yGAEjBI,EAAAA,YAqBYE,EAAA,CAnBT,IAAG,GAAKH,EAAK,GAAG,OAChB,MAAKJ,EAAAA,eAAA,CAAA,qBAA0BC,EAAA,aAAaG,EAAK,IAAI,EAAA,EACrD,KAAMA,EAAK,KACX,WAAU,GACV,SAAUA,EAAK,SAAQ,GAAA,EACxB,gBAAc,OACd,KAAK,WACJ,UAAOI,EAAAA,SAAAC,GAAA,CAASL,EAAK,UAAYH,EAAA,QAAQG,EAAK,GAAG,EAAA,CAAA,OAAA,CAAA,sBAElD,IASM,CATNL,EAAAA,mBASM,MAAA,CATD,MAAM,4BAA4B,SAAS,KAAM,QAAKU,GAAA,CAAGL,EAAK,UAAYH,EAAA,QAAQG,EAAK,GAAG,IAErFA,EAAK,oBADbC,EAAAA,YAMEK,EAAA,CAJC,IAAG,GAAKN,EAAK,GAAG,WAChB,KAAMA,EAAK,KACZ,MAAM,uBACN,MAAM,yDAERL,EAAAA,mBAA2D,OAA3DJ,EAA2DgB,EAAAA,gBAApBP,EAAK,KAAK,EAAA,CAAA,8EAKzDQ,EAAAA,YAWEN,EAAA,CAVC,MAAKN,EAAAA,eAAA,CAAA,CAAA,qCAA0CC,EAAA,oBAAoB,YAM9D,4BAA4B,CAAA,EALjC,MAAOA,EAAA,MACP,UAAW,GACX,MAAOA,EAAA,oBACP,YAAa,GACb,KAAMA,EAAA,KAEP,iBAAe,OACf,KAAK,WACL,UAAU"}
+{"version":3,"file":"NeonMenu.vue.cjs.js","sources":["../../../../src/components/navigation/menu/NeonMenu.vue"],"sourcesContent":["<template>\n  <nav ref=\"menuWrapper\" class=\"neon-menu__wrapper\">\n    <ul :class=\"[`neon-menu--${color}`, `neon-menu--${size}`]\" class=\"neon-menu no-style\" role=\"menubar\">\n      <li\n        v-for=\"item in menu\"\n        :key=\"item.key\"\n        ref=\"menuItem\"\n        :class=\"{ 'neon-menu__item--disabled': item.disabled }\"\n        class=\"neon-menu__item\"\n        role=\"menuitem\"\n      >\n        <neon-dropdown-menu\n          v-if=\"item.children\"\n          :key=\"`${item.key}DropdownMenu`\"\n          :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n          :color=\"color\"\n          :disabled=\"item.disabled\"\n          :icon=\"item.icon\"\n          :label=\"item.label\"\n          :model=\"item.children\"\n          :openOnHover=\"!item.disabled\"\n          :size=\"size\"\n          dropdown-style=\"text\"\n        />\n        <neon-link\n          v-else\n          :key=\"`${item.key}Link`\"\n          :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n          :href=\"item.href\"\n          :no-style=\"true\"\n          :tabindex=\"item.disabled ? -1 : 0\"\n          outline-style=\"none\"\n          @keydown.enter=\"!item.disabled && onClick(item.key)\"\n        >\n          <div class=\"neon-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n            <neon-icon\n              v-if=\"item.icon\"\n              :key=\"`${item.key}LinkIcon`\"\n              :name=\"item.icon\"\n              class=\"neon-menu__item-icon\"\n              color=\"neutral\"\n            />\n            <span class=\"neon-menu__item-label\">{{ item.label }}</span>\n          </div>\n        </neon-link>\n      </li>\n    </ul>\n    <neon-dropdown-menu\n      :class=\"{ 'neon-menu__responsive-menu--hidden': responsiveMenuItems.length === 0 }\"\n      :color=\"color\"\n      :indicator=\"false\"\n      :model=\"responsiveMenuItems\"\n      :openOnHover=\"true\"\n      :size=\"size\"\n      class=\"neon-menu__responsive-menu\"\n      dropdown-style=\"text\"\n      icon=\"ellipsis\"\n      placement=\"bottom-right\"\n    />\n  </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_dropdown_menu","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString","_createVNode"],"mappings":"sIACO,IAAI,cAAc,MAAM,oCAyCbA,EAAA,CAAA,MAAM,uBAAuB,+IAzC7C,OAAAC,YAAA,EAAAC,qBA0DM,MA1DNC,EA0DM,CAzDJC,EAAAA,mBA4CK,KAAA,CA5CA,MAAKC,EAAAA,eAAA,CAAA,CAAA,cAAiBC,EAAA,KAAK,GAAA,cAAkBA,EAAA,IAAI,IAAW,oBAAoB,CAAA,EAAC,KAAK,6BACzFJ,EAAAA,mBA0CKK,EAAAA,SAAA,KAAAC,EAAAA,WAzCYF,EAAA,KAARG,kBADTP,EAAAA,mBA0CK,KAAA,CAxCF,IAAKO,EAAK,eACX,IAAI,WACH,MAAKJ,EAAAA,eAAA,CAAA,CAAA,4BAAiCI,EAAK,QAAQ,EAC9C,iBAAiB,CAAA,EACvB,KAAK,aAGGA,EAAK,wBADbC,EAAAA,YAYEC,EAAA,CAVC,IAAG,GAAKF,EAAK,GAAG,eAChB,MAAKJ,EAAAA,eAAA,CAAA,qBAA0BC,EAAA,aAAaG,EAAK,IAAI,EAAA,EACrD,MAAOH,EAAA,MACP,SAAUG,EAAK,SACf,KAAMA,EAAK,KACX,MAAOA,EAAK,MACZ,MAAOA,EAAK,SACZ,YAAW,CAAGA,EAAK,SACnB,KAAMH,EAAA,KACP,iBAAe,yGAEjBI,EAAAA,YAoBYE,EAAA,CAlBT,IAAG,GAAKH,EAAK,GAAG,OAChB,MAAKJ,EAAAA,eAAA,CAAA,qBAA0BC,EAAA,aAAaG,EAAK,IAAI,EAAA,EACrD,KAAMA,EAAK,KACX,WAAU,GACV,SAAUA,EAAK,SAAQ,GAAA,EACxB,gBAAc,OACb,UAAOI,EAAAA,SAAAC,GAAA,CAASL,EAAK,UAAYH,EAAA,QAAQG,EAAK,GAAG,EAAA,CAAA,OAAA,CAAA,sBAElD,IASM,CATNL,EAAAA,mBASM,MAAA,CATD,MAAM,4BAA4B,SAAS,KAAM,QAAKU,GAAA,CAAGL,EAAK,UAAYH,EAAA,QAAQG,EAAK,GAAG,IAErFA,EAAK,oBADbC,EAAAA,YAMEK,EAAA,CAJC,IAAG,GAAKN,EAAK,GAAG,WAChB,KAAMA,EAAK,KACZ,MAAM,uBACN,MAAM,yDAERL,EAAAA,mBAA2D,OAA3DJ,EAA2DgB,EAAAA,gBAApBP,EAAK,KAAK,EAAA,CAAA,8EAKzDQ,EAAAA,YAWEN,EAAA,CAVC,MAAKN,EAAAA,eAAA,CAAA,CAAA,qCAA0CC,EAAA,oBAAoB,YAM9D,4BAA4B,CAAA,EALjC,MAAOA,EAAA,MACP,UAAW,GACX,MAAOA,EAAA,oBACP,YAAa,GACb,KAAMA,EAAA,KAEP,iBAAe,OACf,KAAK,WACL,UAAU"}

package/dist/components/navigation/menu/NeonMenu.vue.es.js

@@ -16,7 +16,8 @@ function C(n, M, g, I, N, B) {
         key: e.key,
         ref_for: !0,
         ref: "menuItem",
-        class: l([{ "neon-menu__item--disabled": e.disabled }, "neon-menu__item"])
+        class: l([{ "neon-menu__item--disabled": e.disabled }, "neon-menu__item"]),
+        role: "menuitem"
       }, [
         e.children ? (o(), i(c, {
           key: `${e.key}DropdownMenu`,
@@ -36,7 +37,6 @@ function C(n, M, g, I, N, B) {
           "no-style": !0,
           tabindex: e.disabled ? -1 : 0,
           "outline-style": "none",
-          role: "menuitem",
           onKeydown: k((u) => !e.disabled && n.onClick(e.key), ["enter"])
         }, {
           default: b(() => [

package/dist/components/navigation/menu/NeonMenu.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonMenu.vue.es.js","sources":["../../../../src/components/navigation/menu/NeonMenu.vue"],"sourcesContent":["<template>\n  <nav ref=\"menuWrapper\" class=\"neon-menu__wrapper\">\n    <ul :class=\"[`neon-menu--${color}`, `neon-menu--${size}`]\" class=\"neon-menu no-style\" role=\"menubar\">\n      <li\n        v-for=\"item in menu\"\n        :key=\"item.key\"\n        ref=\"menuItem\"\n        :class=\"{ 'neon-menu__item--disabled': item.disabled }\"\n        class=\"neon-menu__item\"\n      >\n        <neon-dropdown-menu\n          v-if=\"item.children\"\n          :key=\"`${item.key}DropdownMenu`\"\n          :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n          :color=\"color\"\n          :disabled=\"item.disabled\"\n          :icon=\"item.icon\"\n          :label=\"item.label\"\n          :model=\"item.children\"\n          :openOnHover=\"!item.disabled\"\n          :size=\"size\"\n          dropdown-style=\"text\"\n        />\n        <neon-link\n          v-else\n          :key=\"`${item.key}Link`\"\n          :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n          :href=\"item.href\"\n          :no-style=\"true\"\n          :tabindex=\"item.disabled ? -1 : 0\"\n          outline-style=\"none\"\n          role=\"menuitem\"\n          @keydown.enter=\"!item.disabled && onClick(item.key)\"\n        >\n          <div class=\"neon-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n            <neon-icon\n              v-if=\"item.icon\"\n              :key=\"`${item.key}LinkIcon`\"\n              :name=\"item.icon\"\n              class=\"neon-menu__item-icon\"\n              color=\"neutral\"\n            />\n            <span class=\"neon-menu__item-label\">{{ item.label }}</span>\n          </div>\n        </neon-link>\n      </li>\n    </ul>\n    <neon-dropdown-menu\n      :class=\"{ 'neon-menu__responsive-menu--hidden': responsiveMenuItems.length === 0 }\"\n      :color=\"color\"\n      :indicator=\"false\"\n      :model=\"responsiveMenuItems\"\n      :openOnHover=\"true\"\n      :size=\"size\"\n      class=\"neon-menu__responsive-menu\"\n      dropdown-style=\"text\"\n      icon=\"ellipsis\"\n      placement=\"bottom-right\"\n    />\n  </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_dropdown_menu","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString","_createVNode"],"mappings":";;;;EACO,KAAI;AAAA,EAAc,OAAM;oBAyCbA,IAAA,EAAA,OAAM,wBAAuB;;;AAzC7C,SAAAC,EAAA,GAAAC,EA0DM,OA1DNC,GA0DM;AAAA,IAzDJC,EA4CK,MAAA;AAAA,MA5CA,OAAKC,EAAA,CAAA,CAAA,cAAiBC,EAAA,KAAK,IAAA,cAAkBA,EAAA,IAAI,KAAW,oBAAoB,CAAA;AAAA,MAAC,MAAK;AAAA;cACzFJ,EA0CKK,GAAA,MAAAC,EAzCYF,EAAA,MAAI,CAAZG,YADTP,EA0CK,MAAA;AAAA,QAxCF,KAAKO,EAAK;AAAA;QACX,KAAI;AAAA,QACH,OAAKJ,EAAA,CAAA,EAAA,6BAAiCI,EAAK,SAAQ,GAC9C,iBAAiB,CAAA;AAAA;QAGfA,EAAK,iBADbC,EAYEC,GAAA;AAAA,UAVC,KAAG,GAAKF,EAAK,GAAG;AAAA,UAChB,OAAKJ,EAAA,EAAA,sBAA0BC,EAAA,aAAaG,EAAK,IAAI,GAAA;AAAA,UACrD,OAAOH,EAAA;AAAA,UACP,UAAUG,EAAK;AAAA,UACf,MAAMA,EAAK;AAAA,UACX,OAAOA,EAAK;AAAA,UACZ,OAAOA,EAAK;AAAA,UACZ,aAAW,CAAGA,EAAK;AAAA,UACnB,MAAMH,EAAA;AAAA,UACP,kBAAe;AAAA,8GAEjBI,EAqBYE,GAAA;AAAA,UAnBT,KAAG,GAAKH,EAAK,GAAG;AAAA,UAChB,OAAKJ,EAAA,EAAA,sBAA0BC,EAAA,aAAaG,EAAK,IAAI,GAAA;AAAA,UACrD,MAAMA,EAAK;AAAA,UACX,YAAU;AAAA,UACV,UAAUA,EAAK,WAAQ,KAAA;AAAA,UACxB,iBAAc;AAAA,UACd,MAAK;AAAA,UACJ,WAAOI,EAAA,CAAAC,MAAA,CAASL,EAAK,YAAYH,EAAA,QAAQG,EAAK,GAAG,GAAA,CAAA,OAAA,CAAA;AAAA;qBAElD,MASM;AAAA,YATNL,EASM,OAAA;AAAA,cATD,OAAM;AAAA,cAA4B,UAAS;AAAA,cAAM,SAAK,CAAAU,MAAA,CAAGL,EAAK,YAAYH,EAAA,QAAQG,EAAK,GAAG;AAAA;cAErFA,EAAK,aADbC,EAMEK,GAAA;AAAA,gBAJC,KAAG,GAAKN,EAAK,GAAG;AAAA,gBAChB,MAAMA,EAAK;AAAA,gBACZ,OAAM;AAAA,gBACN,OAAM;AAAA;cAERL,EAA2D,QAA3DJ,GAA2DgB,EAApBP,EAAK,KAAK,GAAA,CAAA;AAAA;;;;;;IAKzDQ,EAWEN,GAAA;AAAA,MAVC,OAAKN,EAAA,CAAA,EAAA,sCAA0CC,EAAA,oBAAoB,gBAM9D,4BAA4B,CAAA;AAAA,MALjC,OAAOA,EAAA;AAAA,MACP,WAAW;AAAA,MACX,OAAOA,EAAA;AAAA,MACP,aAAa;AAAA,MACb,MAAMA,EAAA;AAAA,MAEP,kBAAe;AAAA,MACf,MAAK;AAAA,MACL,WAAU;AAAA;;;;"}
+{"version":3,"file":"NeonMenu.vue.es.js","sources":["../../../../src/components/navigation/menu/NeonMenu.vue"],"sourcesContent":["<template>\n  <nav ref=\"menuWrapper\" class=\"neon-menu__wrapper\">\n    <ul :class=\"[`neon-menu--${color}`, `neon-menu--${size}`]\" class=\"neon-menu no-style\" role=\"menubar\">\n      <li\n        v-for=\"item in menu\"\n        :key=\"item.key\"\n        ref=\"menuItem\"\n        :class=\"{ 'neon-menu__item--disabled': item.disabled }\"\n        class=\"neon-menu__item\"\n        role=\"menuitem\"\n      >\n        <neon-dropdown-menu\n          v-if=\"item.children\"\n          :key=\"`${item.key}DropdownMenu`\"\n          :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n          :color=\"color\"\n          :disabled=\"item.disabled\"\n          :icon=\"item.icon\"\n          :label=\"item.label\"\n          :model=\"item.children\"\n          :openOnHover=\"!item.disabled\"\n          :size=\"size\"\n          dropdown-style=\"text\"\n        />\n        <neon-link\n          v-else\n          :key=\"`${item.key}Link`\"\n          :class=\"{ 'router-link-active': routeMatches(item.href) }\"\n          :href=\"item.href\"\n          :no-style=\"true\"\n          :tabindex=\"item.disabled ? -1 : 0\"\n          outline-style=\"none\"\n          @keydown.enter=\"!item.disabled && onClick(item.key)\"\n        >\n          <div class=\"neon-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n            <neon-icon\n              v-if=\"item.icon\"\n              :key=\"`${item.key}LinkIcon`\"\n              :name=\"item.icon\"\n              class=\"neon-menu__item-icon\"\n              color=\"neutral\"\n            />\n            <span class=\"neon-menu__item-label\">{{ item.label }}</span>\n          </div>\n        </neon-link>\n      </li>\n    </ul>\n    <neon-dropdown-menu\n      :class=\"{ 'neon-menu__responsive-menu--hidden': responsiveMenuItems.length === 0 }\"\n      :color=\"color\"\n      :indicator=\"false\"\n      :model=\"responsiveMenuItems\"\n      :openOnHover=\"true\"\n      :size=\"size\"\n      class=\"neon-menu__responsive-menu\"\n      dropdown-style=\"text\"\n      icon=\"ellipsis\"\n      placement=\"bottom-right\"\n    />\n  </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_dropdown_menu","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString","_createVNode"],"mappings":";;;;EACO,KAAI;AAAA,EAAc,OAAM;oBAyCbA,IAAA,EAAA,OAAM,wBAAuB;;;AAzC7C,SAAAC,EAAA,GAAAC,EA0DM,OA1DNC,GA0DM;AAAA,IAzDJC,EA4CK,MAAA;AAAA,MA5CA,OAAKC,EAAA,CAAA,CAAA,cAAiBC,EAAA,KAAK,IAAA,cAAkBA,EAAA,IAAI,KAAW,oBAAoB,CAAA;AAAA,MAAC,MAAK;AAAA;cACzFJ,EA0CKK,GAAA,MAAAC,EAzCYF,EAAA,MAAI,CAAZG,YADTP,EA0CK,MAAA;AAAA,QAxCF,KAAKO,EAAK;AAAA;QACX,KAAI;AAAA,QACH,OAAKJ,EAAA,CAAA,EAAA,6BAAiCI,EAAK,SAAQ,GAC9C,iBAAiB,CAAA;AAAA,QACvB,MAAK;AAAA;QAGGA,EAAK,iBADbC,EAYEC,GAAA;AAAA,UAVC,KAAG,GAAKF,EAAK,GAAG;AAAA,UAChB,OAAKJ,EAAA,EAAA,sBAA0BC,EAAA,aAAaG,EAAK,IAAI,GAAA;AAAA,UACrD,OAAOH,EAAA;AAAA,UACP,UAAUG,EAAK;AAAA,UACf,MAAMA,EAAK;AAAA,UACX,OAAOA,EAAK;AAAA,UACZ,OAAOA,EAAK;AAAA,UACZ,aAAW,CAAGA,EAAK;AAAA,UACnB,MAAMH,EAAA;AAAA,UACP,kBAAe;AAAA,8GAEjBI,EAoBYE,GAAA;AAAA,UAlBT,KAAG,GAAKH,EAAK,GAAG;AAAA,UAChB,OAAKJ,EAAA,EAAA,sBAA0BC,EAAA,aAAaG,EAAK,IAAI,GAAA;AAAA,UACrD,MAAMA,EAAK;AAAA,UACX,YAAU;AAAA,UACV,UAAUA,EAAK,WAAQ,KAAA;AAAA,UACxB,iBAAc;AAAA,UACb,WAAOI,EAAA,CAAAC,MAAA,CAASL,EAAK,YAAYH,EAAA,QAAQG,EAAK,GAAG,GAAA,CAAA,OAAA,CAAA;AAAA;qBAElD,MASM;AAAA,YATNL,EASM,OAAA;AAAA,cATD,OAAM;AAAA,cAA4B,UAAS;AAAA,cAAM,SAAK,CAAAU,MAAA,CAAGL,EAAK,YAAYH,EAAA,QAAQG,EAAK,GAAG;AAAA;cAErFA,EAAK,aADbC,EAMEK,GAAA;AAAA,gBAJC,KAAG,GAAKN,EAAK,GAAG;AAAA,gBAChB,MAAMA,EAAK;AAAA,gBACZ,OAAM;AAAA,gBACN,OAAM;AAAA;cAERL,EAA2D,QAA3DJ,GAA2DgB,EAApBP,EAAK,KAAK,GAAA,CAAA;AAAA;;;;;;IAKzDQ,EAWEN,GAAA;AAAA,MAVC,OAAKN,EAAA,CAAA,EAAA,sCAA0CC,EAAA,oBAAoB,gBAM9D,4BAA4B,CAAA;AAAA,MALjC,OAAOA,EAAA;AAAA,MACP,WAAW;AAAA,MACX,OAAOA,EAAA;AAAA,MACP,aAAa;AAAA,MACb,MAAMA,EAAA;AAAA,MAEP,kBAAe;AAAA,MACf,MAAK;AAAA,MACL,WAAU;AAAA;;;;"}

package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("./NeonMobileMenu.cjs.js"),e=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),c={ref:"menuWrapper",class:"neon-mobile-menu__wrapper"},i=["onClick"],u={class:"neon-mobile-menu__item-label"};function d(o,m,k,b,p,y){const l=e.resolveComponent("neon-icon"),r=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("nav",c,[e.createElementVNode("ul",{class:e.normalizeClass([[`neon-mobile-menu--${o.color}`],"neon-mobile-menu no-style"]),role:"menubar"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.menu,n=>(e.openBlock(),e.createElementBlock("li",{key:n.key,ref_for:!0,ref:"menuItem",class:e.normalizeClass([{"neon-mobile-menu__item--disabled":n.disabled},"neon-mobile-menu__item"]),tabindex:"-1"},[(e.openBlock(),e.createBlock(r,{key:`${n.key}Link`,class:e.normalizeClass({"router-link-active":n.href&&o.routeMatches(n.href)}),href:n.disabled?null:n.href,"no-style":!0,tabindex:n.disabled?-1:0,"outline-style":"none",role:"menuitem",onKeydown:e.withKeys(s=>!n.disabled&&o.onClick(n.key),["enter"])},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"neon-mobile-menu__link-container",tabindex:"-1",onClick:s=>!n.disabled&&o.onClick(n.key)},[n.icon?(e.openBlock(),e.createBlock(l,{key:`${n.key}LinkIcon`,disabled:n.disabled,name:n.icon,class:"neon-mobile-menu__item-icon"},null,8,["disabled","name"])):e.createCommentVNode("",!0),e.createElementVNode("span",u,e.toDisplayString(n.label),1)],8,i)]),_:2},1032,["class","href","tabindex","onKeydown"]))],2))),128))],2)],512)}const _=a(t,[["render",d]]);module.exports=_;
+"use strict";const t=require("./NeonMobileMenu.cjs.js"),e=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),c={ref:"menuWrapper",class:"neon-mobile-menu__wrapper"},i=["onClick"],u={class:"neon-mobile-menu__item-label"};function d(o,m,k,b,p,y){const l=e.resolveComponent("neon-icon"),r=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("nav",c,[e.createElementVNode("ul",{class:e.normalizeClass([[`neon-mobile-menu--${o.color}`],"neon-mobile-menu no-style"]),role:"menubar"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.menu,n=>(e.openBlock(),e.createElementBlock("li",{key:n.key,ref_for:!0,ref:"menuItem",class:e.normalizeClass([{"neon-mobile-menu__item--disabled":n.disabled},"neon-mobile-menu__item"]),role:"menuitem",tabindex:"-1"},[(e.openBlock(),e.createBlock(r,{key:`${n.key}Link`,class:e.normalizeClass({"router-link-active":n.href&&o.routeMatches(n.href)}),href:n.disabled?null:n.href,"no-style":!0,tabindex:n.disabled?-1:0,"outline-style":"none",onKeydown:e.withKeys(s=>!n.disabled&&o.onClick(n.key),["enter"])},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"neon-mobile-menu__link-container",tabindex:"-1",onClick:s=>!n.disabled&&o.onClick(n.key)},[n.icon?(e.openBlock(),e.createBlock(l,{key:`${n.key}LinkIcon`,disabled:n.disabled,name:n.icon,class:"neon-mobile-menu__item-icon"},null,8,["disabled","name"])):e.createCommentVNode("",!0),e.createElementVNode("span",u,e.toDisplayString(n.label),1)],8,i)]),_:2},1032,["class","href","tabindex","onKeydown"]))],2))),128))],2)],512)}const _=a(t,[["render",d]]);module.exports=_;
 //# sourceMappingURL=NeonMobileMenu.vue.cjs.js.map

package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonMobileMenu.vue.cjs.js","sources":["../../../../src/components/navigation/mobile-menu/NeonMobileMenu.vue"],"sourcesContent":["<template>\n  <nav ref=\"menuWrapper\" class=\"neon-mobile-menu__wrapper\">\n    <ul :class=\"[`neon-mobile-menu--${color}`]\" class=\"neon-mobile-menu no-style\" role=\"menubar\">\n      <li\n        v-for=\"item in menu\"\n        :key=\"item.key\"\n        ref=\"menuItem\"\n        :class=\"{ 'neon-mobile-menu__item--disabled': item.disabled }\"\n        class=\"neon-mobile-menu__item\"\n        tabindex=\"-1\"\n      >\n        <neon-link\n          :key=\"`${item.key}Link`\"\n          :class=\"{ 'router-link-active': item.href && routeMatches(item.href) }\"\n          :href=\"!item.disabled ? item.href : null\"\n          :no-style=\"true\"\n          :tabindex=\"item.disabled ? -1 : 0\"\n          outline-style=\"none\"\n          role=\"menuitem\"\n          @keydown.enter=\"!item.disabled && onClick(item.key)\"\n        >\n          <div class=\"neon-mobile-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n            <neon-icon\n              v-if=\"item.icon\"\n              :key=\"`${item.key}LinkIcon`\"\n              :disabled=\"item.disabled\"\n              :name=\"item.icon\"\n              class=\"neon-mobile-menu__item-icon\"\n            />\n            <span class=\"neon-mobile-menu__item-label\">{{ item.label }}</span>\n          </div>\n        </neon-link>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMobileMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString"],"mappings":"4IACO,IAAI,cAAc,MAAM,2CA4BbA,EAAA,CAAA,MAAM,8BAA8B,oGA5BpD,OAAAC,YAAA,EAAAC,qBAiCM,MAjCNC,EAiCM,CAhCJC,EAAAA,mBA+BK,KAAA,CA/BA,MAAKC,EAAAA,eAAA,CAAA,CAAA,qBAAwBC,EAAA,KAAK,EAAA,EAAW,2BAA2B,CAAA,EAAC,KAAK,6BACjFJ,EAAAA,mBA6BKK,EAAAA,SAAA,KAAAC,EAAAA,WA5BYF,EAAA,KAARG,kBADTP,EAAAA,mBA6BK,KAAA,CA3BF,IAAKO,EAAK,eACX,IAAI,WACH,MAAKJ,EAAAA,eAAA,CAAA,CAAA,mCAAwCI,EAAK,QAAQ,EACrD,wBAAwB,CAAA,EAC9B,SAAS,sBAETC,EAAAA,YAoBYC,EAAA,CAnBT,IAAG,GAAKF,EAAK,GAAG,OAChB,MAAKJ,EAAAA,eAAA,CAAA,qBAA0BI,EAAK,MAAQH,EAAA,aAAaG,EAAK,IAAI,EAAA,EAClE,KAAOA,EAAK,SAAoB,KAATA,EAAK,KAC5B,WAAU,GACV,SAAUA,EAAK,SAAQ,GAAA,EACxB,gBAAc,OACd,KAAK,WACJ,UAAOG,EAAAA,SAAAC,GAAA,CAASJ,EAAK,UAAYH,EAAA,QAAQG,EAAK,GAAG,EAAA,CAAA,OAAA,CAAA,sBAElD,IASM,CATNL,EAAAA,mBASM,MAAA,CATD,MAAM,mCAAmC,SAAS,KAAM,QAAKS,GAAA,CAAGJ,EAAK,UAAYH,EAAA,QAAQG,EAAK,GAAG,IAE5FA,EAAK,oBADbC,EAAAA,YAMEI,EAAA,CAJC,IAAG,GAAKL,EAAK,GAAG,WAChB,SAAUA,EAAK,SACf,KAAMA,EAAK,KACZ,MAAM,wFAERL,EAAAA,mBAAkE,OAAlEJ,EAAkEe,EAAAA,gBAApBN,EAAK,KAAK,EAAA,CAAA"}
+{"version":3,"file":"NeonMobileMenu.vue.cjs.js","sources":["../../../../src/components/navigation/mobile-menu/NeonMobileMenu.vue"],"sourcesContent":["<template>\n  <nav ref=\"menuWrapper\" class=\"neon-mobile-menu__wrapper\">\n    <ul :class=\"[`neon-mobile-menu--${color}`]\" class=\"neon-mobile-menu no-style\" role=\"menubar\">\n      <li\n        v-for=\"item in menu\"\n        :key=\"item.key\"\n        ref=\"menuItem\"\n        :class=\"{ 'neon-mobile-menu__item--disabled': item.disabled }\"\n        class=\"neon-mobile-menu__item\"\n        role=\"menuitem\"\n        tabindex=\"-1\"\n      >\n        <neon-link\n          :key=\"`${item.key}Link`\"\n          :class=\"{ 'router-link-active': item.href && routeMatches(item.href) }\"\n          :href=\"!item.disabled ? item.href : null\"\n          :no-style=\"true\"\n          :tabindex=\"item.disabled ? -1 : 0\"\n          outline-style=\"none\"\n          @keydown.enter=\"!item.disabled && onClick(item.key)\"\n        >\n          <div class=\"neon-mobile-menu__link-container\" tabindex=\"-1\" @click=\"!item.disabled && onClick(item.key)\">\n            <neon-icon\n              v-if=\"item.icon\"\n              :key=\"`${item.key}LinkIcon`\"\n              :disabled=\"item.disabled\"\n              :name=\"item.icon\"\n              class=\"neon-mobile-menu__item-icon\"\n            />\n            <span class=\"neon-mobile-menu__item-label\">{{ item.label }}</span>\n          </div>\n        </neon-link>\n      </li>\n    </ul>\n  </nav>\n</template>\n\n<script lang=\"ts\" src=\"./NeonMobileMenu.ts\" />\n"],"names":["_hoisted_3","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_normalizeClass","_ctx","_Fragment","_renderList","item","_createBlock","_component_neon_link","_withKeys","$event","_component_neon_icon","_toDisplayString"],"mappings":"4IACO,IAAI,cAAc,MAAM,2CA4BbA,EAAA,CAAA,MAAM,8BAA8B,oGA5BpD,OAAAC,YAAA,EAAAC,qBAiCM,MAjCNC,EAiCM,CAhCJC,EAAAA,mBA+BK,KAAA,CA/BA,MAAKC,EAAAA,eAAA,CAAA,CAAA,qBAAwBC,EAAA,KAAK,EAAA,EAAW,2BAA2B,CAAA,EAAC,KAAK,6BACjFJ,EAAAA,mBA6BKK,EAAAA,SAAA,KAAAC,EAAAA,WA5BYF,EAAA,KAARG,kBADTP,EAAAA,mBA6BK,KAAA,CA3BF,IAAKO,EAAK,eACX,IAAI,WACH,MAAKJ,EAAAA,eAAA,CAAA,CAAA,mCAAwCI,EAAK,QAAQ,EACrD,wBAAwB,CAAA,EAC9B,KAAK,WACL,SAAS,sBAETC,EAAAA,YAmBYC,EAAA,CAlBT,IAAG,GAAKF,EAAK,GAAG,OAChB,MAAKJ,EAAAA,eAAA,CAAA,qBAA0BI,EAAK,MAAQH,EAAA,aAAaG,EAAK,IAAI,EAAA,EAClE,KAAOA,EAAK,SAAoB,KAATA,EAAK,KAC5B,WAAU,GACV,SAAUA,EAAK,SAAQ,GAAA,EACxB,gBAAc,OACb,UAAOG,EAAAA,SAAAC,GAAA,CAASJ,EAAK,UAAYH,EAAA,QAAQG,EAAK,GAAG,EAAA,CAAA,OAAA,CAAA,sBAElD,IASM,CATNL,EAAAA,mBASM,MAAA,CATD,MAAM,mCAAmC,SAAS,KAAM,QAAKS,GAAA,CAAGJ,EAAK,UAAYH,EAAA,QAAQG,EAAK,GAAG,IAE5FA,EAAK,oBADbC,EAAAA,YAMEI,EAAA,CAJC,IAAG,GAAKL,EAAK,GAAG,WAChB,SAAUA,EAAK,SACf,KAAMA,EAAK,KACZ,MAAM,wFAERL,EAAAA,mBAAkE,OAAlEJ,EAAkEe,EAAAA,gBAApBN,EAAK,KAAK,EAAA,CAAA"}

package/dist/components/navigation/mobile-menu/NeonMobileMenu.vue.es.js

@@ -17,6 +17,7 @@ function v(n, w, x, B, K, L) {
         ref_for: !0,
         ref: "menuItem",
         class: s([{ "neon-mobile-menu__item--disabled": e.disabled }, "neon-mobile-menu__item"]),
+        role: "menuitem",
         tabindex: "-1"
       }, [
         (o(), i(c, {
@@ -26,7 +27,6 @@ function v(n, w, x, B, K, L) {
           "no-style": !0,
           tabindex: e.disabled ? -1 : 0,
           "outline-style": "none",
-          role: "menuitem",
           onKeydown: b((d) => !e.disabled && n.onClick(e.key), ["enter"])
         }, {
           default: k(() => [