@aotearoan/neon 19.0.1 → 20.0.0

package/dist/components/feedback/dialog/NeonDialog.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("./NeonDialog.cjs.js"),e=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={class:"neon-dialog__title"},u=["innerHTML"],p={ref:"actions"};function _(o,n,b,f,v,C){const l=e.resolveComponent("neon-button"),a=e.resolveComponent("neon-card-body"),r=e.resolveComponent("neon-card"),i=e.resolveComponent("neon-modal");return e.openBlock(),e.createBlock(i,{opaque:o.opaque,open:o.open,class:"neon-dialog",onKeydown:n[2]||(n[2]=e.withKeys(t=>o.cancel(),["esc"]))},{default:e.withCtx(()=>[e.createVNode(r,{size:"m"},{default:e.withCtx(()=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("h6",d,e.toDisplayString(o.title),1),e.createElementVNode("div",{class:"neon-dialog__question",innerHTML:o.question},null,8,u)]),e.createElementVNode("div",p,[e.createVNode(l,{"aria-label":o.cancelLabel,"full-width":!0,label:o.cancelLabel,size:"s",onClick:n[0]||(n[0]=t=>o.cancel())},null,8,["aria-label","label"]),e.createVNode(l,{"alternate-color":o.alternateColor,"aria-label":o.confirmLabel,color:o.color,"full-width":!0,label:o.confirmLabel,class:"neon-dialog__confirm-button",size:"s",onClick:n[1]||(n[1]=t=>o.confirm())},null,8,["alternate-color","aria-label","color","label"])],512)]),_:1})]),_:1})]),_:1},8,["opaque","open"])}const m=c(s,[["render",_]]);module.exports=m;
+"use strict";const s=require("./NeonDialog.cjs.js"),e=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={class:"neon-dialog__title"},u=["innerHTML"],p={ref:"actions"};function _(o,n,b,f,v,C){const l=e.resolveComponent("neon-button"),a=e.resolveComponent("neon-card-body"),r=e.resolveComponent("neon-card"),i=e.resolveComponent("neon-modal");return e.openBlock(),e.createBlock(i,{opaque:o.opaque,open:o.open,class:"neon-dialog",onKeydown:n[2]||(n[2]=e.withKeys(t=>o.cancel(),["esc"]))},{default:e.withCtx(()=>[e.createVNode(r,{size:"m"},{default:e.withCtx(()=>[e.createVNode(a,null,{default:e.withCtx(()=>[e.createElementVNode("div",null,[e.createElementVNode("h6",d,e.toDisplayString(o.title),1),e.createElementVNode("div",{class:"neon-dialog__question",innerHTML:o.question},null,8,u)]),e.createElementVNode("div",p,[e.createVNode(l,{"aria-label":o.cancelLabel,"full-width":!0,label:o.cancelLabel,color:"low-contrast",size:"s",onClick:n[0]||(n[0]=t=>o.cancel())},null,8,["aria-label","label"]),e.createVNode(l,{"alternate-color":o.alternateColor,"aria-label":o.confirmLabel,color:o.color,"full-width":!0,label:o.confirmLabel,class:"neon-dialog__confirm-button",size:"s",onClick:n[1]||(n[1]=t=>o.confirm())},null,8,["alternate-color","aria-label","color","label"])],512)]),_:1})]),_:1})]),_:1},8,["opaque","open"])}const m=c(s,[["render",_]]);module.exports=m;
 //# sourceMappingURL=NeonDialog.vue.cjs.js.map

package/dist/components/feedback/dialog/NeonDialog.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonDialog.vue.cjs.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.vue"],"sourcesContent":["<template>\n  <neon-modal :opaque=\"opaque\" :open=\"open\" class=\"neon-dialog\" @keydown.esc=\"cancel()\">\n    <neon-card size=\"m\">\n      <neon-card-body>\n        <div>\n          <h6 class=\"neon-dialog__title\">{{ title }}</h6>\n          <div class=\"neon-dialog__question\" v-html=\"question\"></div>\n        </div>\n        <div ref=\"actions\">\n          <neon-button :aria-label=\"cancelLabel\" :full-width=\"true\" :label=\"cancelLabel\" size=\"s\" @click=\"cancel()\" />\n          <neon-button\n            :alternate-color=\"alternateColor\"\n            :aria-label=\"confirmLabel\"\n            :color=\"color\"\n            :full-width=\"true\"\n            :label=\"confirmLabel\"\n            class=\"neon-dialog__confirm-button\"\n            size=\"s\"\n            @click=\"confirm()\"\n          />\n        </div>\n      </neon-card-body>\n    </neon-card>\n  </neon-modal>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDialog.ts\" />\n"],"names":["_hoisted_1","_hoisted_3","_createBlock","_component_neon_modal","_ctx","_createVNode","_component_neon_card","_component_neon_card_body","_createElementVNode","_toDisplayString","_component_neon_button"],"mappings":"qIAKcA,EAAA,CAAA,MAAM,oBAAoB,kBAG3BC,EAAA,CAAA,IAAI,SAAS,qMAPxBC,EAAAA,YAsBaC,EAAA,CAtBA,OAAQC,EAAA,OAAS,KAAMA,EAAA,KAAM,MAAM,cAAe,oCAAaA,EAAA,OAAM,EAAA,CAAA,KAAA,CAAA,uBAChF,IAoBY,CApBZC,EAAAA,YAoBYC,EAAA,CApBD,KAAK,GAAG,EAAA,mBACjB,IAkBiB,CAlBjBD,EAAAA,YAkBiBE,EAAA,KAAA,mBAjBf,IAGM,CAHNC,EAAAA,mBAGM,MAAA,KAAA,CAFJA,EAAAA,mBAA+C,KAA/CR,EAA+CS,EAAAA,gBAAbL,EAAA,KAAK,EAAA,CAAA,EACvCI,EAAAA,mBAA2D,MAAA,CAAtD,MAAM,wBAAwB,UAAQJ,EAAA,sBAE7CI,EAAAA,mBAYM,MAZNP,EAYM,CAXJI,EAAAA,YAA4GK,EAAA,CAA9F,aAAYN,EAAA,YAAc,aAAY,GAAO,MAAOA,EAAA,YAAa,KAAK,IAAK,uBAAOA,EAAA,0CAChGC,EAAAA,YASEK,EAAA,CARC,kBAAiBN,EAAA,eACjB,aAAYA,EAAA,aACZ,MAAOA,EAAA,MACP,aAAY,GACZ,MAAOA,EAAA,aACR,MAAM,8BACN,KAAK,IACJ,uBAAOA,EAAA"}
+{"version":3,"file":"NeonDialog.vue.cjs.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.vue"],"sourcesContent":["<template>\n  <neon-modal :opaque=\"opaque\" :open=\"open\" class=\"neon-dialog\" @keydown.esc=\"cancel()\">\n    <neon-card size=\"m\">\n      <neon-card-body>\n        <div>\n          <h6 class=\"neon-dialog__title\">{{ title }}</h6>\n          <div class=\"neon-dialog__question\" v-html=\"question\"></div>\n        </div>\n        <div ref=\"actions\">\n          <neon-button\n            :aria-label=\"cancelLabel\"\n            :full-width=\"true\"\n            :label=\"cancelLabel\"\n            color=\"low-contrast\"\n            size=\"s\"\n            @click=\"cancel()\"\n          />\n          <neon-button\n            :alternate-color=\"alternateColor\"\n            :aria-label=\"confirmLabel\"\n            :color=\"color\"\n            :full-width=\"true\"\n            :label=\"confirmLabel\"\n            class=\"neon-dialog__confirm-button\"\n            size=\"s\"\n            @click=\"confirm()\"\n          />\n        </div>\n      </neon-card-body>\n    </neon-card>\n  </neon-modal>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDialog.ts\" />\n"],"names":["_hoisted_1","_hoisted_3","_createBlock","_component_neon_modal","_ctx","_createVNode","_component_neon_card","_component_neon_card_body","_createElementVNode","_toDisplayString","_component_neon_button"],"mappings":"qIAKcA,EAAA,CAAA,MAAM,oBAAoB,kBAG3BC,EAAA,CAAA,IAAI,SAAS,qMAPxBC,EAAAA,YA6BaC,EAAA,CA7BA,OAAQC,EAAA,OAAS,KAAMA,EAAA,KAAM,MAAM,cAAe,oCAAaA,EAAA,OAAM,EAAA,CAAA,KAAA,CAAA,uBAChF,IA2BY,CA3BZC,EAAAA,YA2BYC,EAAA,CA3BD,KAAK,GAAG,EAAA,mBACjB,IAyBiB,CAzBjBD,EAAAA,YAyBiBE,EAAA,KAAA,mBAxBf,IAGM,CAHNC,EAAAA,mBAGM,MAAA,KAAA,CAFJA,EAAAA,mBAA+C,KAA/CR,EAA+CS,EAAAA,gBAAbL,EAAA,KAAK,EAAA,CAAA,EACvCI,EAAAA,mBAA2D,MAAA,CAAtD,MAAM,wBAAwB,UAAQJ,EAAA,sBAE7CI,EAAAA,mBAmBM,MAnBNP,EAmBM,CAlBJI,EAAAA,YAOEK,EAAA,CANC,aAAYN,EAAA,YACZ,aAAY,GACZ,MAAOA,EAAA,YACR,MAAM,eACN,KAAK,IACJ,uBAAOA,EAAA,0CAEVC,EAAAA,YASEK,EAAA,CARC,kBAAiBN,EAAA,eACjB,aAAYA,EAAA,aACZ,MAAOA,EAAA,MACP,aAAY,GACZ,MAAOA,EAAA,aACR,MAAM,8BACN,KAAK,IACJ,uBAAOA,EAAA"}

package/dist/components/feedback/dialog/NeonDialog.vue.es.js

@@ -2,16 +2,16 @@ import u from "./NeonDialog.es.js";
 import { resolveComponent as n, openBlock as p, createBlock as m, withKeys as f, withCtx as t, createVNode as l, createElementVNode as a, toDisplayString as b } from "vue";
 import _ from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const v = { class: "neon-dialog__title" }, $ = ["innerHTML"], g = { ref: "actions" };
-function L(o, e, q, w, y, C) {
-  const r = n("neon-button"), s = n("neon-card-body"), d = n("neon-card"), c = n("neon-modal");
-  return p(), m(c, {
+function w(o, e, L, q, y, C) {
+  const r = n("neon-button"), s = n("neon-card-body"), c = n("neon-card"), d = n("neon-modal");
+  return p(), m(d, {
     opaque: o.opaque,
     open: o.open,
     class: "neon-dialog",
     onKeydown: e[2] || (e[2] = f((i) => o.cancel(), ["esc"]))
   }, {
     default: t(() => [
-      l(d, { size: "m" }, {
+      l(c, { size: "m" }, {
         default: t(() => [
           l(s, null, {
             default: t(() => [
@@ -27,6 +27,7 @@ function L(o, e, q, w, y, C) {
                   "aria-label": o.cancelLabel,
                   "full-width": !0,
                   label: o.cancelLabel,
+                  color: "low-contrast",
                   size: "s",
                   onClick: e[0] || (e[0] = (i) => o.cancel())
                 }, null, 8, ["aria-label", "label"]),
@@ -51,7 +52,7 @@ function L(o, e, q, w, y, C) {
     _: 1
   }, 8, ["opaque", "open"]);
 }
-const N = /* @__PURE__ */ _(u, [["render", L]]);
+const N = /* @__PURE__ */ _(u, [["render", w]]);
 export {
   N as default
 };

package/dist/components/feedback/dialog/NeonDialog.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonDialog.vue.es.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.vue"],"sourcesContent":["<template>\n  <neon-modal :opaque=\"opaque\" :open=\"open\" class=\"neon-dialog\" @keydown.esc=\"cancel()\">\n    <neon-card size=\"m\">\n      <neon-card-body>\n        <div>\n          <h6 class=\"neon-dialog__title\">{{ title }}</h6>\n          <div class=\"neon-dialog__question\" v-html=\"question\"></div>\n        </div>\n        <div ref=\"actions\">\n          <neon-button :aria-label=\"cancelLabel\" :full-width=\"true\" :label=\"cancelLabel\" size=\"s\" @click=\"cancel()\" />\n          <neon-button\n            :alternate-color=\"alternateColor\"\n            :aria-label=\"confirmLabel\"\n            :color=\"color\"\n            :full-width=\"true\"\n            :label=\"confirmLabel\"\n            class=\"neon-dialog__confirm-button\"\n            size=\"s\"\n            @click=\"confirm()\"\n          />\n        </div>\n      </neon-card-body>\n    </neon-card>\n  </neon-modal>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDialog.ts\" />\n"],"names":["_hoisted_1","_hoisted_3","_createBlock","_component_neon_modal","_ctx","_createVNode","_component_neon_card","_component_neon_card_body","_createElementVNode","_toDisplayString","_component_neon_button"],"mappings":";;;AAKc,MAAAA,IAAA,EAAA,OAAM,qBAAoB,sBAG3BC,IAAA,EAAA,KAAI,UAAS;;;cAPxBC,EAsBaC,GAAA;AAAA,IAtBA,QAAQC,EAAA;AAAA,IAAS,MAAMA,EAAA;AAAA,IAAM,OAAM;AAAA,IAAe,oCAAaA,EAAA,OAAM,GAAA,CAAA,KAAA,CAAA;AAAA;eAChF,MAoBY;AAAA,MApBZC,EAoBYC,GAAA,EApBD,MAAK,IAAG,GAAA;AAAA,mBACjB,MAkBiB;AAAA,UAlBjBD,EAkBiBE,GAAA,MAAA;AAAA,uBAjBf,MAGM;AAAA,cAHNC,EAGM,OAAA,MAAA;AAAA,gBAFJA,EAA+C,MAA/CR,GAA+CS,EAAbL,EAAA,KAAK,GAAA,CAAA;AAAA,gBACvCI,EAA2D,OAAA;AAAA,kBAAtD,OAAM;AAAA,kBAAwB,WAAQJ,EAAA;AAAA;;cAE7CI,EAYM,OAZNP,GAYM;AAAA,gBAXJI,EAA4GK,GAAA;AAAA,kBAA9F,cAAYN,EAAA;AAAA,kBAAc,cAAY;AAAA,kBAAO,OAAOA,EAAA;AAAA,kBAAa,MAAK;AAAA,kBAAK,gCAAOA,EAAA;;gBAChGC,EASEK,GAAA;AAAA,kBARC,mBAAiBN,EAAA;AAAA,kBACjB,cAAYA,EAAA;AAAA,kBACZ,OAAOA,EAAA;AAAA,kBACP,cAAY;AAAA,kBACZ,OAAOA,EAAA;AAAA,kBACR,OAAM;AAAA,kBACN,MAAK;AAAA,kBACJ,gCAAOA,EAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"NeonDialog.vue.es.js","sources":["../../../../src/components/feedback/dialog/NeonDialog.vue"],"sourcesContent":["<template>\n  <neon-modal :opaque=\"opaque\" :open=\"open\" class=\"neon-dialog\" @keydown.esc=\"cancel()\">\n    <neon-card size=\"m\">\n      <neon-card-body>\n        <div>\n          <h6 class=\"neon-dialog__title\">{{ title }}</h6>\n          <div class=\"neon-dialog__question\" v-html=\"question\"></div>\n        </div>\n        <div ref=\"actions\">\n          <neon-button\n            :aria-label=\"cancelLabel\"\n            :full-width=\"true\"\n            :label=\"cancelLabel\"\n            color=\"low-contrast\"\n            size=\"s\"\n            @click=\"cancel()\"\n          />\n          <neon-button\n            :alternate-color=\"alternateColor\"\n            :aria-label=\"confirmLabel\"\n            :color=\"color\"\n            :full-width=\"true\"\n            :label=\"confirmLabel\"\n            class=\"neon-dialog__confirm-button\"\n            size=\"s\"\n            @click=\"confirm()\"\n          />\n        </div>\n      </neon-card-body>\n    </neon-card>\n  </neon-modal>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDialog.ts\" />\n"],"names":["_hoisted_1","_hoisted_3","_createBlock","_component_neon_modal","_ctx","_createVNode","_component_neon_card","_component_neon_card_body","_createElementVNode","_toDisplayString","_component_neon_button"],"mappings":";;;AAKc,MAAAA,IAAA,EAAA,OAAM,qBAAoB,sBAG3BC,IAAA,EAAA,KAAI,UAAS;;;cAPxBC,EA6BaC,GAAA;AAAA,IA7BA,QAAQC,EAAA;AAAA,IAAS,MAAMA,EAAA;AAAA,IAAM,OAAM;AAAA,IAAe,oCAAaA,EAAA,OAAM,GAAA,CAAA,KAAA,CAAA;AAAA;eAChF,MA2BY;AAAA,MA3BZC,EA2BYC,GAAA,EA3BD,MAAK,IAAG,GAAA;AAAA,mBACjB,MAyBiB;AAAA,UAzBjBD,EAyBiBE,GAAA,MAAA;AAAA,uBAxBf,MAGM;AAAA,cAHNC,EAGM,OAAA,MAAA;AAAA,gBAFJA,EAA+C,MAA/CR,GAA+CS,EAAbL,EAAA,KAAK,GAAA,CAAA;AAAA,gBACvCI,EAA2D,OAAA;AAAA,kBAAtD,OAAM;AAAA,kBAAwB,WAAQJ,EAAA;AAAA;;cAE7CI,EAmBM,OAnBNP,GAmBM;AAAA,gBAlBJI,EAOEK,GAAA;AAAA,kBANC,cAAYN,EAAA;AAAA,kBACZ,cAAY;AAAA,kBACZ,OAAOA,EAAA;AAAA,kBACR,OAAM;AAAA,kBACN,MAAK;AAAA,kBACJ,gCAAOA,EAAA;;gBAEVC,EASEK,GAAA;AAAA,kBARC,mBAAiBN,EAAA;AAAA,kBACjB,cAAYA,EAAA;AAAA,kBACZ,OAAOA,EAAA;AAAA,kBACP,cAAY;AAAA,kBACZ,OAAOA,EAAA;AAAA,kBACR,OAAM;AAAA,kBACN,MAAK;AAAA,kBACJ,gCAAOA,EAAA;;;;;;;;;;;;;;"}

package/dist/components/feedback/note/NeonNote.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./NeonNote.cjs.js"),e=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),a={class:"neon-note__container"},i={key:1,class:"neon-note__title"};function p(o,_,m,d,N,k){const n=e.resolveComponent("neon-icon"),t=e.resolveComponent("neon-inline"),l=e.resolveComponent("neon-stack"),s=e.resolveComponent("neon-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-note--${o.color}`,{"neon-note--with-title":o.title,"neon-note--with-title-only":o.title&&!o.slots.default}],"neon-note"]),role:"note"},[e.createElementVNode("div",a,[e.createVNode(l,{gap:"s"},{default:e.withCtx(()=>[e.createVNode(t,{gap:"s"},{default:e.withCtx(()=>[o.iconName?(e.openBlock(),e.createBlock(n,{key:0,color:o.color,name:o.iconName,class:"neon-note__icon"},null,8,["color","name"])):e.createCommentVNode("",!0),o.title?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0)]),_:1}),e.renderSlot(o.$slots,"default")]),_:3})]),o.closable?(e.openBlock(),e.createBlock(s,{key:0,"aria-label":o.ariaLabelCloseNote,circular:!0,transparent:!0,"button-style":"text",class:"neon-note__close",icon:"times",size:"s",tabindex:"0",onClick:o.closeNote,onKeydown:[e.withKeys(o.closeNote,["enter"]),e.withKeys(e.withModifiers(o.closeNote,["stop"]),["space"])]},null,8,["aria-label","onClick","onKeydown"])):e.createCommentVNode("",!0)],2)}const u=c(r,[["render",p]]);module.exports=u;
+"use strict";const r=require("./NeonNote.cjs.js"),e=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),a={class:"neon-note__container"},i={key:1,class:"neon-note__title"};function p(o,_,m,d,N,k){const n=e.resolveComponent("neon-icon"),t=e.resolveComponent("neon-inline"),l=e.resolveComponent("neon-stack"),s=e.resolveComponent("neon-button");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([[`neon-note--${o.color}`,{"neon-note--with-title":o.title,"neon-note--with-title-only":o.title&&!o.slots.default}],"neon-note"]),role:"note"},[e.createElementVNode("div",a,[e.createVNode(l,{gap:"s"},{default:e.withCtx(()=>[e.createVNode(t,{gap:"s"},{default:e.withCtx(()=>[o.iconName?(e.openBlock(),e.createBlock(n,{key:0,color:o.color,name:o.iconName,class:"neon-note__icon"},null,8,["color","name"])):e.createCommentVNode("",!0),o.title?(e.openBlock(),e.createElementBlock("span",i,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0)]),_:1}),e.renderSlot(o.$slots,"default")]),_:3})]),o.closable?(e.openBlock(),e.createBlock(s,{key:0,"aria-label":o.ariaLabelCloseNote,circular:!0,transparent:!0,"button-style":"text",class:"neon-note__close",color:"low-contrast",icon:"times",size:"s",tabindex:"0",onClick:o.closeNote,onKeydown:[e.withKeys(o.closeNote,["enter"]),e.withKeys(e.withModifiers(o.closeNote,["stop"]),["space"])]},null,8,["aria-label","onClick","onKeydown"])):e.createCommentVNode("",!0)],2)}const u=c(r,[["render",p]]);module.exports=u;
 //# sourceMappingURL=NeonNote.vue.cjs.js.map

package/dist/components/feedback/note/NeonNote.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonNote.vue.cjs.js","sources":["../../../../src/components/feedback/note/NeonNote.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `neon-note--${color}`,\n      { 'neon-note--with-title': title, 'neon-note--with-title-only': title && !slots.default },\n    ]\"\n    class=\"neon-note\"\n    role=\"note\"\n  >\n    <div class=\"neon-note__container\">\n      <neon-stack gap=\"s\">\n        <neon-inline gap=\"s\">\n          <neon-icon v-if=\"iconName\" :color=\"color\" :name=\"iconName\" class=\"neon-note__icon\" />\n          <span v-if=\"title\" class=\"neon-note__title\">{{ title }}</span>\n        </neon-inline>\n        <!-- @slot the contents of the note description -->\n        <slot></slot>\n      </neon-stack>\n    </div>\n    <neon-button\n      v-if=\"closable\"\n      :aria-label=\"ariaLabelCloseNote\"\n      :circular=\"true\"\n      :transparent=\"true\"\n      button-style=\"text\"\n      class=\"neon-note__close\"\n      icon=\"times\"\n      size=\"s\"\n      tabindex=\"0\"\n      @click=\"closeNote\"\n      @keydown.enter=\"closeNote\"\n      @keydown.space.stop=\"closeNote\"\n    ></neon-button>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonNote.ts\" />\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_createVNode","_component_neon_stack","_component_neon_inline","_createBlock","_component_neon_icon","_hoisted_2","_toDisplayString","_renderSlot","_component_neon_button"],"mappings":"mIASSA,EAAA,CAAA,MAAM,sBAAsB,WAIR,MAAM,oNAZjCC,EAAAA,mBAgCM,MAAA,CA/BH,MAAKC,EAAAA,eAAA,CAAA,eAAwBC,EAAA,KAAK,GAAqC,CAAA,wBAAAA,EAAA,MAAK,6BAAgCA,EAAA,OAAK,CAAKA,EAAA,MAAM,OAAO,GAI9H,WAAW,CAAA,EACjB,KAAK,SAELC,EAAAA,mBASM,MATNJ,EASM,CARJK,EAAAA,YAOaC,EAAA,CAPD,IAAI,GAAG,EAAA,mBACjB,IAGc,CAHdD,EAAAA,YAGcE,EAAA,CAHD,IAAI,GAAG,EAAA,mBAClB,IAAqF,CAApEJ,EAAA,wBAAjBK,EAAAA,YAAqFC,EAAA,OAAzD,MAAON,EAAA,MAAQ,KAAMA,EAAA,SAAU,MAAM,yEACrDA,EAAA,qBAAZF,EAAAA,mBAA8D,OAA9DS,EAA8DC,EAAAA,gBAAfR,EAAA,KAAK,EAAA,CAAA,uCAGtDS,aAAaT,EAAA,OAAA,SAAA,YAITA,EAAA,wBADRK,EAAAA,YAaeK,EAAA,OAXZ,aAAYV,EAAA,mBACZ,SAAU,GACV,YAAa,GACd,eAAa,OACb,MAAM,mBACN,KAAK,QACL,KAAK,IACL,SAAS,IACR,QAAOA,EAAA,UACP,UAAO,YAAQA,EAAA,UAAS,CAAA,OAAA,CAAA,6BACJA,EAAA,UAAS,CAAA,MAAA,CAAA,EAAA,CAAA,OAAA,CAAA"}
+{"version":3,"file":"NeonNote.vue.cjs.js","sources":["../../../../src/components/feedback/note/NeonNote.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `neon-note--${color}`,\n      { 'neon-note--with-title': title, 'neon-note--with-title-only': title && !slots.default },\n    ]\"\n    class=\"neon-note\"\n    role=\"note\"\n  >\n    <div class=\"neon-note__container\">\n      <neon-stack gap=\"s\">\n        <neon-inline gap=\"s\">\n          <neon-icon v-if=\"iconName\" :color=\"color\" :name=\"iconName\" class=\"neon-note__icon\" />\n          <span v-if=\"title\" class=\"neon-note__title\">{{ title }}</span>\n        </neon-inline>\n        <!-- @slot the contents of the note description -->\n        <slot></slot>\n      </neon-stack>\n    </div>\n    <neon-button\n      v-if=\"closable\"\n      :aria-label=\"ariaLabelCloseNote\"\n      :circular=\"true\"\n      :transparent=\"true\"\n      button-style=\"text\"\n      class=\"neon-note__close\"\n      color=\"low-contrast\"\n      icon=\"times\"\n      size=\"s\"\n      tabindex=\"0\"\n      @click=\"closeNote\"\n      @keydown.enter=\"closeNote\"\n      @keydown.space.stop=\"closeNote\"\n    ></neon-button>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonNote.ts\" />\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_createVNode","_component_neon_stack","_component_neon_inline","_createBlock","_component_neon_icon","_hoisted_2","_toDisplayString","_renderSlot","_component_neon_button"],"mappings":"mIASSA,EAAA,CAAA,MAAM,sBAAsB,WAIR,MAAM,oNAZjCC,EAAAA,mBAiCM,MAAA,CAhCH,MAAKC,EAAAA,eAAA,CAAA,eAAwBC,EAAA,KAAK,GAAqC,CAAA,wBAAAA,EAAA,MAAK,6BAAgCA,EAAA,OAAK,CAAKA,EAAA,MAAM,OAAO,GAI9H,WAAW,CAAA,EACjB,KAAK,SAELC,EAAAA,mBASM,MATNJ,EASM,CARJK,EAAAA,YAOaC,EAAA,CAPD,IAAI,GAAG,EAAA,mBACjB,IAGc,CAHdD,EAAAA,YAGcE,EAAA,CAHD,IAAI,GAAG,EAAA,mBAClB,IAAqF,CAApEJ,EAAA,wBAAjBK,EAAAA,YAAqFC,EAAA,OAAzD,MAAON,EAAA,MAAQ,KAAMA,EAAA,SAAU,MAAM,yEACrDA,EAAA,qBAAZF,EAAAA,mBAA8D,OAA9DS,EAA8DC,EAAAA,gBAAfR,EAAA,KAAK,EAAA,CAAA,uCAGtDS,aAAaT,EAAA,OAAA,SAAA,YAITA,EAAA,wBADRK,EAAAA,YAceK,EAAA,OAZZ,aAAYV,EAAA,mBACZ,SAAU,GACV,YAAa,GACd,eAAa,OACb,MAAM,mBACN,MAAM,eACN,KAAK,QACL,KAAK,IACL,SAAS,IACR,QAAOA,EAAA,UACP,UAAO,YAAQA,EAAA,UAAS,CAAA,OAAA,CAAA,6BACJA,EAAA,UAAS,CAAA,MAAA,CAAA,EAAA,CAAA,OAAA,CAAA"}

package/dist/components/feedback/note/NeonNote.vue.es.js

@@ -41,6 +41,7 @@ function C(e, $, g, v, B, K) {
       transparent: !0,
       "button-style": "text",
       class: "neon-note__close",
+      color: "low-contrast",
       icon: "times",
       size: "s",
       tabindex: "0",

package/dist/components/feedback/note/NeonNote.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonNote.vue.es.js","sources":["../../../../src/components/feedback/note/NeonNote.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `neon-note--${color}`,\n      { 'neon-note--with-title': title, 'neon-note--with-title-only': title && !slots.default },\n    ]\"\n    class=\"neon-note\"\n    role=\"note\"\n  >\n    <div class=\"neon-note__container\">\n      <neon-stack gap=\"s\">\n        <neon-inline gap=\"s\">\n          <neon-icon v-if=\"iconName\" :color=\"color\" :name=\"iconName\" class=\"neon-note__icon\" />\n          <span v-if=\"title\" class=\"neon-note__title\">{{ title }}</span>\n        </neon-inline>\n        <!-- @slot the contents of the note description -->\n        <slot></slot>\n      </neon-stack>\n    </div>\n    <neon-button\n      v-if=\"closable\"\n      :aria-label=\"ariaLabelCloseNote\"\n      :circular=\"true\"\n      :transparent=\"true\"\n      button-style=\"text\"\n      class=\"neon-note__close\"\n      icon=\"times\"\n      size=\"s\"\n      tabindex=\"0\"\n      @click=\"closeNote\"\n      @keydown.enter=\"closeNote\"\n      @keydown.space.stop=\"closeNote\"\n    ></neon-button>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonNote.ts\" />\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_createVNode","_component_neon_stack","_component_neon_inline","_createBlock","_component_neon_icon","_hoisted_2","_toDisplayString","_renderSlot","_component_neon_button"],"mappings":";;;AASS,MAAAA,IAAA,EAAA,OAAM,uBAAsB;;EAIR,OAAM;;;;cAZjCC,EAgCM,OAAA;AAAA,IA/BH,OAAKC,EAAA,CAAA;AAAA,oBAAwBC,EAAA,KAAK;AAAA,MAAqC,EAAA,yBAAAA,EAAA,OAAK,8BAAgCA,EAAA,SAAK,CAAKA,EAAA,MAAM,QAAO;AAAA,OAI9H,WAAW,CAAA;AAAA,IACjB,MAAK;AAAA;IAELC,EASM,OATNJ,GASM;AAAA,MARJK,EAOaC,GAAA,EAPD,KAAI,IAAG,GAAA;AAAA,mBACjB,MAGc;AAAA,UAHdD,EAGcE,GAAA,EAHD,KAAI,IAAG,GAAA;AAAA,uBAClB,MAAqF;AAAA,cAApEJ,EAAA,iBAAjBK,EAAqFC,GAAA;AAAA;gBAAzD,OAAON,EAAA;AAAA,gBAAQ,MAAMA,EAAA;AAAA,gBAAU,OAAM;AAAA;cACrDA,EAAA,cAAZF,EAA8D,QAA9DS,GAA8DC,EAAfR,EAAA,KAAK,GAAA,CAAA;;;;UAGtDS,EAAaT,EAAA,QAAA,SAAA;AAAA;;;;IAITA,EAAA,iBADRK,EAaeK,GAAA;AAAA;MAXZ,cAAYV,EAAA;AAAA,MACZ,UAAU;AAAA,MACV,aAAa;AAAA,MACd,gBAAa;AAAA,MACb,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAS;AAAA,MACR,SAAOA,EAAA;AAAA,MACP,WAAO;AAAA,UAAQA,EAAA,WAAS,CAAA,OAAA,CAAA;AAAA,YACJA,EAAA,WAAS,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;;;;"}
+{"version":3,"file":"NeonNote.vue.es.js","sources":["../../../../src/components/feedback/note/NeonNote.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `neon-note--${color}`,\n      { 'neon-note--with-title': title, 'neon-note--with-title-only': title && !slots.default },\n    ]\"\n    class=\"neon-note\"\n    role=\"note\"\n  >\n    <div class=\"neon-note__container\">\n      <neon-stack gap=\"s\">\n        <neon-inline gap=\"s\">\n          <neon-icon v-if=\"iconName\" :color=\"color\" :name=\"iconName\" class=\"neon-note__icon\" />\n          <span v-if=\"title\" class=\"neon-note__title\">{{ title }}</span>\n        </neon-inline>\n        <!-- @slot the contents of the note description -->\n        <slot></slot>\n      </neon-stack>\n    </div>\n    <neon-button\n      v-if=\"closable\"\n      :aria-label=\"ariaLabelCloseNote\"\n      :circular=\"true\"\n      :transparent=\"true\"\n      button-style=\"text\"\n      class=\"neon-note__close\"\n      color=\"low-contrast\"\n      icon=\"times\"\n      size=\"s\"\n      tabindex=\"0\"\n      @click=\"closeNote\"\n      @keydown.enter=\"closeNote\"\n      @keydown.space.stop=\"closeNote\"\n    ></neon-button>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonNote.ts\" />\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_createVNode","_component_neon_stack","_component_neon_inline","_createBlock","_component_neon_icon","_hoisted_2","_toDisplayString","_renderSlot","_component_neon_button"],"mappings":";;;AASS,MAAAA,IAAA,EAAA,OAAM,uBAAsB;;EAIR,OAAM;;;;cAZjCC,EAiCM,OAAA;AAAA,IAhCH,OAAKC,EAAA,CAAA;AAAA,oBAAwBC,EAAA,KAAK;AAAA,MAAqC,EAAA,yBAAAA,EAAA,OAAK,8BAAgCA,EAAA,SAAK,CAAKA,EAAA,MAAM,QAAO;AAAA,OAI9H,WAAW,CAAA;AAAA,IACjB,MAAK;AAAA;IAELC,EASM,OATNJ,GASM;AAAA,MARJK,EAOaC,GAAA,EAPD,KAAI,IAAG,GAAA;AAAA,mBACjB,MAGc;AAAA,UAHdD,EAGcE,GAAA,EAHD,KAAI,IAAG,GAAA;AAAA,uBAClB,MAAqF;AAAA,cAApEJ,EAAA,iBAAjBK,EAAqFC,GAAA;AAAA;gBAAzD,OAAON,EAAA;AAAA,gBAAQ,MAAMA,EAAA;AAAA,gBAAU,OAAM;AAAA;cACrDA,EAAA,cAAZF,EAA8D,QAA9DS,GAA8DC,EAAfR,EAAA,KAAK,GAAA,CAAA;;;;UAGtDS,EAAaT,EAAA,QAAA,SAAA;AAAA;;;;IAITA,EAAA,iBADRK,EAceK,GAAA;AAAA;MAZZ,cAAYV,EAAA;AAAA,MACZ,UAAU;AAAA,MACV,aAAa;AAAA,MACd,gBAAa;AAAA,MACb,OAAM;AAAA,MACN,OAAM;AAAA,MACN,MAAK;AAAA,MACL,MAAK;AAAA,MACL,UAAS;AAAA,MACR,SAAOA,EAAA;AAAA,MACP,WAAO;AAAA,UAAQA,EAAA,WAAS,CAAA,OAAA,CAAA;AAAA,YACJA,EAAA,WAAS,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;;;;"}

package/dist/components/presentation/icon/NeonIcon.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonIcon.cjs.js","sources":["../../../../src/components/presentation/icon/NeonIcon.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonIconRegistry } from '@/common/utils/NeonIconRegistry';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * <p>A component for rendering SVG images. These images are generally, but not limited to, <em>icons</em>. This\n * component can render any SVG of any size. Size is not restricted in the NeonIcon component but rather in the\n * components using the icons. Generally, when talking about icons, this component is only used to build other\n * components. But you may also find it useful for rendering SVG images, e.g. illustrations.</p>\n *\n * <p>There is an icon registry where strings containing SVGs can be registered with a name and that name can be used\n * with the NeonIcon component to render the image. Use the classes <em>neon-svg-fill</em> and <em>neon-svg--stroke</em>\n * in the SVG elements to automatically apply the functional colors.</p>\n *\n * <p>This provides the advantage of only registering the icons you actually need, dynamically switching colors in\n * Typescript/CSS without using a large icon font and not having to duplicate icon images to support multiple\n * color variations (including light and dark modes).</p>\n *\n * For more detailed information please see <a href=\"/presentation/icon\">Icons</a>.\n */\nexport default defineComponent({\n  name: 'NeonIcon',\n  props: {\n    /**\n     * The name of an icon registered in the icon registry.\n     */\n    name: { type: String, required: true },\n    /**\n     * The color to render the icon. By default, it will be the current text color (light text in dark mode or dark text in light mode).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Set the icon color to the inverse text color\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Apply a disabled style to the icon\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n    const icon = computed(() => {\n      const _icon = NeonIconRegistry.getIcon(props.name);\n      if (!_icon) {\n        console.error(`icon ${props.name} doesn't exist! Register icon with NeonIconRegistry.addIcon(name, svg);`);\n      }\n      return _icon;\n    });\n\n    return {\n      attrs,\n      icon,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","props","attrs","useAttrs","icon","computed","_icon","NeonIconRegistry"],"mappings":"+FAoBAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIhC,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAA,EAI7D,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE5C,MAAMC,EAAO,CACX,MAAMC,EAAQC,EAAAA,SAAA,EACRC,EAAOC,EAAAA,SAAS,IAAM,CAC1B,MAAMC,EAAQC,EAAAA,iBAAiB,QAAQN,EAAM,IAAI,EACjD,OAAKK,GACH,QAAQ,MAAM,QAAQL,EAAM,IAAI,yEAAyE,EAEpGK,CACT,CAAC,EAED,MAAO,CACL,MAAAJ,EACA,KAAAE,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonIcon.cjs.js","sources":["../../../../src/components/presentation/icon/NeonIcon.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonIconRegistry } from '@/common/utils/NeonIconRegistry';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * <p>A component for rendering SVG images. These images are generally, but not limited to, <em>icons</em>. This\n * component can render any SVG of any size. Size is not restricted in the NeonIcon component but rather in the\n * components using the icons. Generally, when talking about icons, this component is only used to build other\n * components. But you may also find it useful for rendering SVG images, e.g. illustrations.</p>\n *\n * <p>There is an icon registry where strings containing SVGs can be registered with a name and that name can be used\n * with the NeonIcon component to render the image. Use the classes <em>neon-svg--fill</em> and <em>neon-svg--stroke</em>\n * in the SVG elements to automatically apply the functional colors.</p>\n *\n * <p>This provides the advantage of only registering the icons you actually need, dynamically switching colors in\n * Typescript/CSS without using a large icon font and not having to duplicate icon images to support multiple\n * color variations (including light and dark modes).</p>\n *\n * For more detailed information please see <a href=\"/presentation/icon\">Icons</a>.\n */\nexport default defineComponent({\n  name: 'NeonIcon',\n  props: {\n    /**\n     * The name of an icon registered in the icon registry.\n     */\n    name: { type: String, required: true },\n    /**\n     * The color to render the icon. By default, it will be the current text color (light text in dark mode or dark text in light mode).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Set the icon color to the inverse text color\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Apply a disabled style to the icon\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n    const icon = computed(() => {\n      const _icon = NeonIconRegistry.getIcon(props.name);\n      if (!_icon) {\n        console.error(`icon ${props.name} doesn't exist! Register icon with NeonIconRegistry.addIcon(name, svg);`);\n      }\n      return _icon;\n    });\n\n    return {\n      attrs,\n      icon,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","props","attrs","useAttrs","icon","computed","_icon","NeonIconRegistry"],"mappings":"+FAoBAA,EAAeC,kBAAgB,CAC7B,KAAM,WACN,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,SAAU,EAAA,EAIhC,MAAO,CAAE,KAAM,OAAqC,QAAS,IAAA,EAI7D,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,CAAM,EAE5C,MAAMC,EAAO,CACX,MAAMC,EAAQC,EAAAA,SAAA,EACRC,EAAOC,EAAAA,SAAS,IAAM,CAC1B,MAAMC,EAAQC,EAAAA,iBAAiB,QAAQN,EAAM,IAAI,EACjD,OAAKK,GACH,QAAQ,MAAM,QAAQL,EAAM,IAAI,yEAAyE,EAEpGK,CACT,CAAC,EAED,MAAO,CACL,MAAAJ,EACA,KAAAE,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/presentation/icon/NeonIcon.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonIcon.es.js","sources":["../../../../src/components/presentation/icon/NeonIcon.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonIconRegistry } from '@/common/utils/NeonIconRegistry';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * <p>A component for rendering SVG images. These images are generally, but not limited to, <em>icons</em>. This\n * component can render any SVG of any size. Size is not restricted in the NeonIcon component but rather in the\n * components using the icons. Generally, when talking about icons, this component is only used to build other\n * components. But you may also find it useful for rendering SVG images, e.g. illustrations.</p>\n *\n * <p>There is an icon registry where strings containing SVGs can be registered with a name and that name can be used\n * with the NeonIcon component to render the image. Use the classes <em>neon-svg-fill</em> and <em>neon-svg--stroke</em>\n * in the SVG elements to automatically apply the functional colors.</p>\n *\n * <p>This provides the advantage of only registering the icons you actually need, dynamically switching colors in\n * Typescript/CSS without using a large icon font and not having to duplicate icon images to support multiple\n * color variations (including light and dark modes).</p>\n *\n * For more detailed information please see <a href=\"/presentation/icon\">Icons</a>.\n */\nexport default defineComponent({\n  name: 'NeonIcon',\n  props: {\n    /**\n     * The name of an icon registered in the icon registry.\n     */\n    name: { type: String, required: true },\n    /**\n     * The color to render the icon. By default, it will be the current text color (light text in dark mode or dark text in light mode).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Set the icon color to the inverse text color\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Apply a disabled style to the icon\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n    const icon = computed(() => {\n      const _icon = NeonIconRegistry.getIcon(props.name);\n      if (!_icon) {\n        console.error(`icon ${props.name} doesn't exist! Register icon with NeonIconRegistry.addIcon(name, svg);`);\n      }\n      return _icon;\n    });\n\n    return {\n      attrs,\n      icon,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","props","attrs","useAttrs","icon","computed","_icon","NeonIconRegistry"],"mappings":";;AAoBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,OAAO,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7D,SAAS,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAInC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE5C,MAAMC,GAAO;AACX,UAAMC,IAAQC,EAAA,GACRC,IAAOC,EAAS,MAAM;AAC1B,YAAMC,IAAQC,EAAiB,QAAQN,EAAM,IAAI;AACjD,aAAKK,KACH,QAAQ,MAAM,QAAQL,EAAM,IAAI,yEAAyE,GAEpGK;AAAA,IACT,CAAC;AAED,WAAO;AAAA,MACL,OAAAJ;AAAA,MACA,MAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonIcon.es.js","sources":["../../../../src/components/presentation/icon/NeonIcon.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport { NeonIconRegistry } from '@/common/utils/NeonIconRegistry';\nimport type { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\n\n/**\n * <p>A component for rendering SVG images. These images are generally, but not limited to, <em>icons</em>. This\n * component can render any SVG of any size. Size is not restricted in the NeonIcon component but rather in the\n * components using the icons. Generally, when talking about icons, this component is only used to build other\n * components. But you may also find it useful for rendering SVG images, e.g. illustrations.</p>\n *\n * <p>There is an icon registry where strings containing SVGs can be registered with a name and that name can be used\n * with the NeonIcon component to render the image. Use the classes <em>neon-svg--fill</em> and <em>neon-svg--stroke</em>\n * in the SVG elements to automatically apply the functional colors.</p>\n *\n * <p>This provides the advantage of only registering the icons you actually need, dynamically switching colors in\n * Typescript/CSS without using a large icon font and not having to duplicate icon images to support multiple\n * color variations (including light and dark modes).</p>\n *\n * For more detailed information please see <a href=\"/presentation/icon\">Icons</a>.\n */\nexport default defineComponent({\n  name: 'NeonIcon',\n  props: {\n    /**\n     * The name of an icon registered in the icon registry.\n     */\n    name: { type: String, required: true },\n    /**\n     * The color to render the icon. By default, it will be the current text color (light text in dark mode or dark text in light mode).\n     */\n    color: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Set the icon color to the inverse text color\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Apply a disabled style to the icon\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  setup(props) {\n    const attrs = useAttrs();\n    const icon = computed(() => {\n      const _icon = NeonIconRegistry.getIcon(props.name);\n      if (!_icon) {\n        console.error(`icon ${props.name} doesn't exist! Register icon with NeonIconRegistry.addIcon(name, svg);`);\n      }\n      return _icon;\n    });\n\n    return {\n      attrs,\n      icon,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","props","attrs","useAttrs","icon","computed","_icon","NeonIconRegistry"],"mappings":";;AAoBA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,OAAO,EAAE,MAAM,QAAqC,SAAS,KAAA;AAAA;AAAA;AAAA;AAAA,IAI7D,SAAS,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAInC,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE5C,MAAMC,GAAO;AACX,UAAMC,IAAQC,EAAA,GACRC,IAAOC,EAAS,MAAM;AAC1B,YAAMC,IAAQC,EAAiB,QAAQN,EAAM,IAAI;AACjD,aAAKK,KACH,QAAQ,MAAM,QAAQL,EAAM,IAAI,yEAAyE,GAEpGK;AAAA,IACT,CAAC;AAED,WAAO;AAAA,MACL,OAAAJ;AAAA,MACA,MAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/presentation/image-carousel/NeonImageCarousel.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const o=require("vue"),b=require("../../navigation/link/NeonLink.vue.cjs.js"),I=require("../../user-input/button/NeonButton.vue.cjs.js"),L=o.defineComponent({name:"NeonImageCarousel",components:{NeonButton:I,NeonLink:b},props:{images:{type:Array,required:!0},imageCountLabel:{type:String,default:void 0},previousLabel:{type:String,default:"Previous"},nextLabel:{type:String,default:"Next"}},emits:["current-image"],setup(u,{emit:a}){const r=o.ref(!1),n=o.ref(0),t=o.ref(null),l=o.ref([]),i=o.ref([]),c=e=>{e!==n.value&&(n.value=e,a("current-image",e))},s=e=>{t.value&&u.images.length>0&&(c(e),t.value.scrollTo(t.value.clientWidth*e,0))},f=()=>{n.value<u.images.length-1&&s(n.value+1)},m=()=>{n.value!==0&&s(n.value-1)};return o.onMounted(()=>{const e={root:t.value,rootMargin:"0px",threshold:.6};i.value=l.value.map((g,p)=>{const v=new IntersectionObserver(d=>{d.forEach(h=>{r.value&&h.isIntersecting&&c(p)})},e);return v.observe(g),v}),setTimeout(()=>{t.value&&t.value.scrollLeft!==0&&(t.value.scrollLeft=0),r.value=!0},50)}),o.onUnmounted(()=>{i.value.forEach(e=>e.disconnect())}),{emit:a,currentImage:n,carouselItem:l,carouselItems:t,initialised:r,next:f,previous:m,scrollTo:s}}});module.exports=L;
+"use strict";const o=require("vue"),b=require("../../navigation/link/NeonLink.vue.cjs.js"),I=require("../../user-input/button/NeonButton.vue.cjs.js"),L=o.defineComponent({name:"NeonImageCarousel",components:{NeonButton:I,NeonLink:b},props:{images:{type:Array,required:!0},imageCountLabel:{type:String,default:void 0},hideLabel:{type:Boolean,default:!1},previousLabel:{type:String,default:"Previous"},nextLabel:{type:String,default:"Next"}},emits:["current-image"],setup(a,{emit:u}){const r=o.ref(!1),n=o.ref(0),t=o.ref(null),l=o.ref([]),i=o.ref([]),c=e=>{e!==n.value&&(n.value=e,u("current-image",e))},s=e=>{t.value&&a.images.length>0&&(c(e),t.value.scrollTo(t.value.clientWidth*e,0))},f=()=>{n.value<a.images.length-1&&s(n.value+1)},m=()=>{n.value!==0&&s(n.value-1)};return o.onMounted(()=>{const e={root:t.value,rootMargin:"0px",threshold:.6};i.value=l.value.map((g,p)=>{const v=new IntersectionObserver(d=>{d.forEach(h=>{r.value&&h.isIntersecting&&c(p)})},e);return v.observe(g),v}),setTimeout(()=>{t.value&&t.value.scrollLeft!==0&&(t.value.scrollLeft=0),r.value=!0},50)}),o.onUnmounted(()=>{i.value.forEach(e=>e.disconnect())}),{emit:u,currentImage:n,carouselItem:l,carouselItems:t,initialised:r,next:f,previous:m,scrollTo:s}}});module.exports=L;
 //# sourceMappingURL=NeonImageCarousel.cjs.js.map

package/dist/components/presentation/image-carousel/NeonImageCarousel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonImageCarousel.cjs.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport type { NeonCarouselImage } from '@/common/models/NeonCarouselImage';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\n\n/**\n * <p>\n *   The <strong>NeonImageCarousel</strong> is used to display a carousel of images for the user to swipe\n *   through. NOTE: It is recommended to explicitly set the width & height of the carousel via CSS, this will\n *   ensure it will not be impacted by images with different aspect ratios. Images are automatically resized to fit the\n *   carousel dimensions.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonImageCarousel',\n  components: {\n    NeonButton,\n    NeonLink,\n  },\n  props: {\n    /**\n     * The images to be displayed in the carousel.\n     */\n    images: { type: Array as () => Array<NeonCarouselImage>, required: true },\n    /**\n     * Provide an alternative image count label. This can be useful for translations. The default is e.g.\n     * <em>2 images</em>.\n     */\n    imageCountLabel: { type: String, default: undefined },\n    /**\n     * Provide an alternative label for the Previous button.\n     */\n    previousLabel: { type: String, default: 'Previous' },\n    /**\n     * Provide an alternative label for the Next button.\n     */\n    nextLabel: { type: String, default: 'Next' },\n  },\n  emits: [\n    /**\n     * The index of the currently visible image.\n     *\n     * @type {number}\n     */\n    'current-image',\n  ],\n  setup(props, { emit }) {\n    const initialised = ref<boolean>(false);\n    const currentImage = ref<number>(0);\n    const carouselItems = ref<HTMLUListElement | null>(null);\n    const carouselItem = ref<Array<HTMLLIElement>>([]);\n    const observers = ref<Array<IntersectionObserver>>([]);\n\n    const changeImage = (index: number) => {\n      if (index !== currentImage.value) {\n        currentImage.value = index;\n        emit('current-image', index);\n      }\n    };\n\n    const scrollTo = (index: number) => {\n      if (carouselItems.value && props.images.length > 0) {\n        changeImage(index);\n        carouselItems.value.scrollTo(carouselItems.value.clientWidth * index, 0);\n      }\n    };\n\n    const next = () => {\n      if (currentImage.value < props.images.length - 1) {\n        scrollTo(currentImage.value + 1);\n      }\n    };\n\n    const previous = () => {\n      if (currentImage.value !== 0) {\n        scrollTo(currentImage.value - 1);\n      }\n    };\n\n    onMounted(() => {\n      const options = {\n        root: carouselItems.value,\n        rootMargin: '0px',\n        threshold: 0.6,\n      };\n\n      observers.value = carouselItem.value.map((el, index) => {\n        const obs = new IntersectionObserver((entries) => {\n          entries.forEach((entry) => {\n            // filter out the observations on initialization\n            if (initialised.value && entry.isIntersecting) {\n              changeImage(index);\n            }\n          });\n        }, options);\n        obs.observe(el);\n\n        return obs;\n      });\n\n      setTimeout(() => {\n        // initialise scroll position to first element\n        if (carouselItems.value && carouselItems.value.scrollLeft !== 0) {\n          carouselItems.value.scrollLeft = 0;\n        }\n        initialised.value = true;\n      }, 50);\n    });\n\n    onUnmounted(() => {\n      observers.value.forEach((observer) => observer.disconnect());\n    });\n\n    return {\n      emit,\n      currentImage,\n      carouselItem,\n      carouselItems,\n      initialised,\n      next,\n      previous,\n      scrollTo,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonLink","props","emit","initialised","ref","currentImage","carouselItems","carouselItem","observers","changeImage","index","scrollTo","next","previous","onMounted","options","el","obs","entries","entry","onUnmounted","observer"],"mappings":"sJAaAA,EAAeC,kBAAgB,CAC7B,KAAM,oBACN,WAAY,CACV,WAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAIL,OAAQ,CAAE,KAAM,MAAyC,SAAU,EAAA,EAKnE,gBAAiB,CAAE,KAAM,OAAQ,QAAS,MAAA,EAI1C,cAAe,CAAE,KAAM,OAAQ,QAAS,UAAA,EAIxC,UAAW,CAAE,KAAM,OAAQ,QAAS,MAAA,CAAO,EAE7C,MAAO,CAML,eAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAcC,EAAAA,IAAa,EAAK,EAChCC,EAAeD,EAAAA,IAAY,CAAC,EAC5BE,EAAgBF,EAAAA,IAA6B,IAAI,EACjDG,EAAeH,EAAAA,IAA0B,EAAE,EAC3CI,EAAYJ,EAAAA,IAAiC,EAAE,EAE/CK,EAAeC,GAAkB,CACjCA,IAAUL,EAAa,QACzBA,EAAa,MAAQK,EACrBR,EAAK,gBAAiBQ,CAAK,EAE/B,EAEMC,EAAYD,GAAkB,CAC9BJ,EAAc,OAASL,EAAM,OAAO,OAAS,IAC/CQ,EAAYC,CAAK,EACjBJ,EAAc,MAAM,SAASA,EAAc,MAAM,YAAcI,EAAO,CAAC,EAE3E,EAEME,EAAO,IAAM,CACbP,EAAa,MAAQJ,EAAM,OAAO,OAAS,GAC7CU,EAASN,EAAa,MAAQ,CAAC,CAEnC,EAEMQ,EAAW,IAAM,CACjBR,EAAa,QAAU,GACzBM,EAASN,EAAa,MAAQ,CAAC,CAEnC,EAEAS,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAU,CACd,KAAMT,EAAc,MACpB,WAAY,MACZ,UAAW,EAAA,EAGbE,EAAU,MAAQD,EAAa,MAAM,IAAI,CAACS,EAAIN,IAAU,CACtD,MAAMO,EAAM,IAAI,qBAAsBC,GAAY,CAChDA,EAAQ,QAASC,GAAU,CAErBhB,EAAY,OAASgB,EAAM,gBAC7BV,EAAYC,CAAK,CAErB,CAAC,CACH,EAAGK,CAAO,EACV,OAAAE,EAAI,QAAQD,CAAE,EAEPC,CACT,CAAC,EAED,WAAW,IAAM,CAEXX,EAAc,OAASA,EAAc,MAAM,aAAe,IAC5DA,EAAc,MAAM,WAAa,GAEnCH,EAAY,MAAQ,EACtB,EAAG,EAAE,CACP,CAAC,EAEDiB,EAAAA,YAAY,IAAM,CAChBZ,EAAU,MAAM,QAASa,GAAaA,EAAS,YAAY,CAC7D,CAAC,EAEM,CACL,KAAAnB,EACA,aAAAG,EACA,aAAAE,EACA,cAAAD,EACA,YAAAH,EACA,KAAAS,EACA,SAAAC,EACA,SAAAF,CAAA,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonImageCarousel.cjs.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport type { NeonCarouselImage } from '@/common/models/NeonCarouselImage';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\n\n/**\n * <p>\n *   The <strong>NeonImageCarousel</strong> is used to display a carousel of images for the user to swipe\n *   through. NOTE: It is recommended to explicitly set the width & height of the carousel via CSS, this will\n *   ensure it will not be impacted by images with different aspect ratios. Images are automatically resized to fit the\n *   carousel dimensions.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonImageCarousel',\n  components: {\n    NeonButton,\n    NeonLink,\n  },\n  props: {\n    /**\n     * The images to be displayed in the carousel.\n     */\n    images: { type: Array as () => Array<NeonCarouselImage>, required: true },\n    /**\n     * Provide an alternative image count label. This can be useful for translations. The default is e.g.\n     * <em>2 images</em>.\n     */\n    imageCountLabel: { type: String, default: undefined },\n    /**\n     * Hide the label under the dot navigation.\n     */\n    hideLabel: { type: Boolean, default: false },\n    /**\n     * Provide an alternative label for the Previous button.\n     */\n    previousLabel: { type: String, default: 'Previous' },\n    /**\n     * Provide an alternative label for the Next button.\n     */\n    nextLabel: { type: String, default: 'Next' },\n  },\n  emits: [\n    /**\n     * The index of the currently visible image.\n     *\n     * @type {number}\n     */\n    'current-image',\n  ],\n  setup(props, { emit }) {\n    const initialised = ref<boolean>(false);\n    const currentImage = ref<number>(0);\n    const carouselItems = ref<HTMLUListElement | null>(null);\n    const carouselItem = ref<Array<HTMLLIElement>>([]);\n    const observers = ref<Array<IntersectionObserver>>([]);\n\n    const changeImage = (index: number) => {\n      if (index !== currentImage.value) {\n        currentImage.value = index;\n        emit('current-image', index);\n      }\n    };\n\n    const scrollTo = (index: number) => {\n      if (carouselItems.value && props.images.length > 0) {\n        changeImage(index);\n        carouselItems.value.scrollTo(carouselItems.value.clientWidth * index, 0);\n      }\n    };\n\n    const next = () => {\n      if (currentImage.value < props.images.length - 1) {\n        scrollTo(currentImage.value + 1);\n      }\n    };\n\n    const previous = () => {\n      if (currentImage.value !== 0) {\n        scrollTo(currentImage.value - 1);\n      }\n    };\n\n    onMounted(() => {\n      const options = {\n        root: carouselItems.value,\n        rootMargin: '0px',\n        threshold: 0.6,\n      };\n\n      observers.value = carouselItem.value.map((el, index) => {\n        const obs = new IntersectionObserver((entries) => {\n          entries.forEach((entry) => {\n            // filter out the observations on initialization\n            if (initialised.value && entry.isIntersecting) {\n              changeImage(index);\n            }\n          });\n        }, options);\n        obs.observe(el);\n\n        return obs;\n      });\n\n      setTimeout(() => {\n        // initialise scroll position to first element\n        if (carouselItems.value && carouselItems.value.scrollLeft !== 0) {\n          carouselItems.value.scrollLeft = 0;\n        }\n        initialised.value = true;\n      }, 50);\n    });\n\n    onUnmounted(() => {\n      observers.value.forEach((observer) => observer.disconnect());\n    });\n\n    return {\n      emit,\n      currentImage,\n      carouselItem,\n      carouselItems,\n      initialised,\n      next,\n      previous,\n      scrollTo,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonLink","props","emit","initialised","ref","currentImage","carouselItems","carouselItem","observers","changeImage","index","scrollTo","next","previous","onMounted","options","el","obs","entries","entry","onUnmounted","observer"],"mappings":"sJAaAA,EAAeC,kBAAgB,CAC7B,KAAM,oBACN,WAAY,CACV,WAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAIL,OAAQ,CAAE,KAAM,MAAyC,SAAU,EAAA,EAKnE,gBAAiB,CAAE,KAAM,OAAQ,QAAS,MAAA,EAI1C,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,EAIrC,cAAe,CAAE,KAAM,OAAQ,QAAS,UAAA,EAIxC,UAAW,CAAE,KAAM,OAAQ,QAAS,MAAA,CAAO,EAE7C,MAAO,CAML,eAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAcC,EAAAA,IAAa,EAAK,EAChCC,EAAeD,EAAAA,IAAY,CAAC,EAC5BE,EAAgBF,EAAAA,IAA6B,IAAI,EACjDG,EAAeH,EAAAA,IAA0B,EAAE,EAC3CI,EAAYJ,EAAAA,IAAiC,EAAE,EAE/CK,EAAeC,GAAkB,CACjCA,IAAUL,EAAa,QACzBA,EAAa,MAAQK,EACrBR,EAAK,gBAAiBQ,CAAK,EAE/B,EAEMC,EAAYD,GAAkB,CAC9BJ,EAAc,OAASL,EAAM,OAAO,OAAS,IAC/CQ,EAAYC,CAAK,EACjBJ,EAAc,MAAM,SAASA,EAAc,MAAM,YAAcI,EAAO,CAAC,EAE3E,EAEME,EAAO,IAAM,CACbP,EAAa,MAAQJ,EAAM,OAAO,OAAS,GAC7CU,EAASN,EAAa,MAAQ,CAAC,CAEnC,EAEMQ,EAAW,IAAM,CACjBR,EAAa,QAAU,GACzBM,EAASN,EAAa,MAAQ,CAAC,CAEnC,EAEAS,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAU,CACd,KAAMT,EAAc,MACpB,WAAY,MACZ,UAAW,EAAA,EAGbE,EAAU,MAAQD,EAAa,MAAM,IAAI,CAACS,EAAIN,IAAU,CACtD,MAAMO,EAAM,IAAI,qBAAsBC,GAAY,CAChDA,EAAQ,QAASC,GAAU,CAErBhB,EAAY,OAASgB,EAAM,gBAC7BV,EAAYC,CAAK,CAErB,CAAC,CACH,EAAGK,CAAO,EACV,OAAAE,EAAI,QAAQD,CAAE,EAEPC,CACT,CAAC,EAED,WAAW,IAAM,CAEXX,EAAc,OAASA,EAAc,MAAM,aAAe,IAC5DA,EAAc,MAAM,WAAa,GAEnCH,EAAY,MAAQ,EACtB,EAAG,EAAE,CACP,CAAC,EAEDiB,EAAAA,YAAY,IAAM,CAChBZ,EAAU,MAAM,QAASa,GAAaA,EAAS,YAAY,CAC7D,CAAC,EAEM,CACL,KAAAnB,EACA,aAAAG,EACA,aAAAE,EACA,cAAAD,EACA,YAAAH,EACA,KAAAS,EACA,SAAAC,EACA,SAAAF,CAAA,CAEJ,CACF,CAAC"}

package/dist/components/presentation/image-carousel/NeonImageCarousel.es.js

@@ -17,6 +17,10 @@ const x = b({
      * <em>2 images</em>.
      */
     imageCountLabel: { type: String, default: void 0 },
+    /**
+     * Hide the label under the dot navigation.
+     */
+    hideLabel: { type: Boolean, default: !1 },
     /**
      * Provide an alternative label for the Previous button.
      */
@@ -34,15 +38,15 @@ const x = b({
      */
     "current-image"
   ],
-  setup(s, { emit: l }) {
-    const r = n(!1), o = n(0), t = n(null), u = n([]), i = n([]), c = (e) => {
-      e !== o.value && (o.value = e, l("current-image", e));
-    }, a = (e) => {
-      t.value && s.images.length > 0 && (c(e), t.value.scrollTo(t.value.clientWidth * e, 0));
+  setup(l, { emit: s }) {
+    const a = n(!1), o = n(0), t = n(null), u = n([]), i = n([]), c = (e) => {
+      e !== o.value && (o.value = e, s("current-image", e));
+    }, r = (e) => {
+      t.value && l.images.length > 0 && (c(e), t.value.scrollTo(t.value.clientWidth * e, 0));
     }, m = () => {
-      o.value < s.images.length - 1 && a(o.value + 1);
+      o.value < l.images.length - 1 && r(o.value + 1);
     }, f = () => {
-      o.value !== 0 && a(o.value - 1);
+      o.value !== 0 && r(o.value - 1);
     };
     return I(() => {
       const e = {
@@ -53,24 +57,24 @@ const x = b({
       i.value = u.value.map((g, p) => {
         const v = new IntersectionObserver((d) => {
           d.forEach((h) => {
-            r.value && h.isIntersecting && c(p);
+            a.value && h.isIntersecting && c(p);
           });
         }, e);
         return v.observe(g), v;
       }), setTimeout(() => {
-        t.value && t.value.scrollLeft !== 0 && (t.value.scrollLeft = 0), r.value = !0;
+        t.value && t.value.scrollLeft !== 0 && (t.value.scrollLeft = 0), a.value = !0;
       }, 50);
     }), L(() => {
       i.value.forEach((e) => e.disconnect());
     }), {
-      emit: l,
+      emit: s,
       currentImage: o,
       carouselItem: u,
       carouselItems: t,
-      initialised: r,
+      initialised: a,
       next: m,
       previous: f,
-      scrollTo: a
+      scrollTo: r
     };
   }
 });

package/dist/components/presentation/image-carousel/NeonImageCarousel.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonImageCarousel.es.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport type { NeonCarouselImage } from '@/common/models/NeonCarouselImage';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\n\n/**\n * <p>\n *   The <strong>NeonImageCarousel</strong> is used to display a carousel of images for the user to swipe\n *   through. NOTE: It is recommended to explicitly set the width & height of the carousel via CSS, this will\n *   ensure it will not be impacted by images with different aspect ratios. Images are automatically resized to fit the\n *   carousel dimensions.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonImageCarousel',\n  components: {\n    NeonButton,\n    NeonLink,\n  },\n  props: {\n    /**\n     * The images to be displayed in the carousel.\n     */\n    images: { type: Array as () => Array<NeonCarouselImage>, required: true },\n    /**\n     * Provide an alternative image count label. This can be useful for translations. The default is e.g.\n     * <em>2 images</em>.\n     */\n    imageCountLabel: { type: String, default: undefined },\n    /**\n     * Provide an alternative label for the Previous button.\n     */\n    previousLabel: { type: String, default: 'Previous' },\n    /**\n     * Provide an alternative label for the Next button.\n     */\n    nextLabel: { type: String, default: 'Next' },\n  },\n  emits: [\n    /**\n     * The index of the currently visible image.\n     *\n     * @type {number}\n     */\n    'current-image',\n  ],\n  setup(props, { emit }) {\n    const initialised = ref<boolean>(false);\n    const currentImage = ref<number>(0);\n    const carouselItems = ref<HTMLUListElement | null>(null);\n    const carouselItem = ref<Array<HTMLLIElement>>([]);\n    const observers = ref<Array<IntersectionObserver>>([]);\n\n    const changeImage = (index: number) => {\n      if (index !== currentImage.value) {\n        currentImage.value = index;\n        emit('current-image', index);\n      }\n    };\n\n    const scrollTo = (index: number) => {\n      if (carouselItems.value && props.images.length > 0) {\n        changeImage(index);\n        carouselItems.value.scrollTo(carouselItems.value.clientWidth * index, 0);\n      }\n    };\n\n    const next = () => {\n      if (currentImage.value < props.images.length - 1) {\n        scrollTo(currentImage.value + 1);\n      }\n    };\n\n    const previous = () => {\n      if (currentImage.value !== 0) {\n        scrollTo(currentImage.value - 1);\n      }\n    };\n\n    onMounted(() => {\n      const options = {\n        root: carouselItems.value,\n        rootMargin: '0px',\n        threshold: 0.6,\n      };\n\n      observers.value = carouselItem.value.map((el, index) => {\n        const obs = new IntersectionObserver((entries) => {\n          entries.forEach((entry) => {\n            // filter out the observations on initialization\n            if (initialised.value && entry.isIntersecting) {\n              changeImage(index);\n            }\n          });\n        }, options);\n        obs.observe(el);\n\n        return obs;\n      });\n\n      setTimeout(() => {\n        // initialise scroll position to first element\n        if (carouselItems.value && carouselItems.value.scrollLeft !== 0) {\n          carouselItems.value.scrollLeft = 0;\n        }\n        initialised.value = true;\n      }, 50);\n    });\n\n    onUnmounted(() => {\n      observers.value.forEach((observer) => observer.disconnect());\n    });\n\n    return {\n      emit,\n      currentImage,\n      carouselItem,\n      carouselItems,\n      initialised,\n      next,\n      previous,\n      scrollTo,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonLink","props","emit","initialised","ref","currentImage","carouselItems","carouselItem","observers","changeImage","index","scrollTo","next","previous","onMounted","options","el","obs","entries","entry","onUnmounted","observer"],"mappings":";;;AAaA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ,EAAE,MAAM,OAAyC,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnE,iBAAiB,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1C,eAAe,EAAE,MAAM,QAAQ,SAAS,WAAA;AAAA;AAAA;AAAA;AAAA,IAIxC,WAAW,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA,EAAO;AAAA,EAE7C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAcC,EAAa,EAAK,GAChCC,IAAeD,EAAY,CAAC,GAC5BE,IAAgBF,EAA6B,IAAI,GACjDG,IAAeH,EAA0B,EAAE,GAC3CI,IAAYJ,EAAiC,EAAE,GAE/CK,IAAc,CAACC,MAAkB;AACrC,MAAIA,MAAUL,EAAa,UACzBA,EAAa,QAAQK,GACrBR,EAAK,iBAAiBQ,CAAK;AAAA,IAE/B,GAEMC,IAAW,CAACD,MAAkB;AAClC,MAAIJ,EAAc,SAASL,EAAM,OAAO,SAAS,MAC/CQ,EAAYC,CAAK,GACjBJ,EAAc,MAAM,SAASA,EAAc,MAAM,cAAcI,GAAO,CAAC;AAAA,IAE3E,GAEME,IAAO,MAAM;AACjB,MAAIP,EAAa,QAAQJ,EAAM,OAAO,SAAS,KAC7CU,EAASN,EAAa,QAAQ,CAAC;AAAA,IAEnC,GAEMQ,IAAW,MAAM;AACrB,MAAIR,EAAa,UAAU,KACzBM,EAASN,EAAa,QAAQ,CAAC;AAAA,IAEnC;AAEA,WAAAS,EAAU,MAAM;AACd,YAAMC,IAAU;AAAA,QACd,MAAMT,EAAc;AAAA,QACpB,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAGb,MAAAE,EAAU,QAAQD,EAAa,MAAM,IAAI,CAACS,GAAIN,MAAU;AACtD,cAAMO,IAAM,IAAI,qBAAqB,CAACC,MAAY;AAChD,UAAAA,EAAQ,QAAQ,CAACC,MAAU;AAEzB,YAAIhB,EAAY,SAASgB,EAAM,kBAC7BV,EAAYC,CAAK;AAAA,UAErB,CAAC;AAAA,QACH,GAAGK,CAAO;AACV,eAAAE,EAAI,QAAQD,CAAE,GAEPC;AAAA,MACT,CAAC,GAED,WAAW,MAAM;AAEf,QAAIX,EAAc,SAASA,EAAc,MAAM,eAAe,MAC5DA,EAAc,MAAM,aAAa,IAEnCH,EAAY,QAAQ;AAAA,MACtB,GAAG,EAAE;AAAA,IACP,CAAC,GAEDiB,EAAY,MAAM;AAChB,MAAAZ,EAAU,MAAM,QAAQ,CAACa,MAAaA,EAAS,YAAY;AAAA,IAC7D,CAAC,GAEM;AAAA,MACL,MAAAnB;AAAA,MACA,cAAAG;AAAA,MACA,cAAAE;AAAA,MACA,eAAAD;AAAA,MACA,aAAAH;AAAA,MACA,MAAAS;AAAA,MACA,UAAAC;AAAA,MACA,UAAAF;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonImageCarousel.es.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { defineComponent, onMounted, onUnmounted, ref } from 'vue';\nimport type { NeonCarouselImage } from '@/common/models/NeonCarouselImage';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonButton from '@/components/user-input/button/NeonButton.vue';\n\n/**\n * <p>\n *   The <strong>NeonImageCarousel</strong> is used to display a carousel of images for the user to swipe\n *   through. NOTE: It is recommended to explicitly set the width & height of the carousel via CSS, this will\n *   ensure it will not be impacted by images with different aspect ratios. Images are automatically resized to fit the\n *   carousel dimensions.\n * </p>\n */\nexport default defineComponent({\n  name: 'NeonImageCarousel',\n  components: {\n    NeonButton,\n    NeonLink,\n  },\n  props: {\n    /**\n     * The images to be displayed in the carousel.\n     */\n    images: { type: Array as () => Array<NeonCarouselImage>, required: true },\n    /**\n     * Provide an alternative image count label. This can be useful for translations. The default is e.g.\n     * <em>2 images</em>.\n     */\n    imageCountLabel: { type: String, default: undefined },\n    /**\n     * Hide the label under the dot navigation.\n     */\n    hideLabel: { type: Boolean, default: false },\n    /**\n     * Provide an alternative label for the Previous button.\n     */\n    previousLabel: { type: String, default: 'Previous' },\n    /**\n     * Provide an alternative label for the Next button.\n     */\n    nextLabel: { type: String, default: 'Next' },\n  },\n  emits: [\n    /**\n     * The index of the currently visible image.\n     *\n     * @type {number}\n     */\n    'current-image',\n  ],\n  setup(props, { emit }) {\n    const initialised = ref<boolean>(false);\n    const currentImage = ref<number>(0);\n    const carouselItems = ref<HTMLUListElement | null>(null);\n    const carouselItem = ref<Array<HTMLLIElement>>([]);\n    const observers = ref<Array<IntersectionObserver>>([]);\n\n    const changeImage = (index: number) => {\n      if (index !== currentImage.value) {\n        currentImage.value = index;\n        emit('current-image', index);\n      }\n    };\n\n    const scrollTo = (index: number) => {\n      if (carouselItems.value && props.images.length > 0) {\n        changeImage(index);\n        carouselItems.value.scrollTo(carouselItems.value.clientWidth * index, 0);\n      }\n    };\n\n    const next = () => {\n      if (currentImage.value < props.images.length - 1) {\n        scrollTo(currentImage.value + 1);\n      }\n    };\n\n    const previous = () => {\n      if (currentImage.value !== 0) {\n        scrollTo(currentImage.value - 1);\n      }\n    };\n\n    onMounted(() => {\n      const options = {\n        root: carouselItems.value,\n        rootMargin: '0px',\n        threshold: 0.6,\n      };\n\n      observers.value = carouselItem.value.map((el, index) => {\n        const obs = new IntersectionObserver((entries) => {\n          entries.forEach((entry) => {\n            // filter out the observations on initialization\n            if (initialised.value && entry.isIntersecting) {\n              changeImage(index);\n            }\n          });\n        }, options);\n        obs.observe(el);\n\n        return obs;\n      });\n\n      setTimeout(() => {\n        // initialise scroll position to first element\n        if (carouselItems.value && carouselItems.value.scrollLeft !== 0) {\n          carouselItems.value.scrollLeft = 0;\n        }\n        initialised.value = true;\n      }, 50);\n    });\n\n    onUnmounted(() => {\n      observers.value.forEach((observer) => observer.disconnect());\n    });\n\n    return {\n      emit,\n      currentImage,\n      carouselItem,\n      carouselItems,\n      initialised,\n      next,\n      previous,\n      scrollTo,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonButton","NeonLink","props","emit","initialised","ref","currentImage","carouselItems","carouselItem","observers","changeImage","index","scrollTo","next","previous","onMounted","options","el","obs","entries","entry","onUnmounted","observer"],"mappings":";;;AAaA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,YAAAC;AAAA,IACA,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,QAAQ,EAAE,MAAM,OAAyC,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKnE,iBAAiB,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAI1C,WAAW,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA;AAAA;AAAA;AAAA,IAIrC,eAAe,EAAE,MAAM,QAAQ,SAAS,WAAA;AAAA;AAAA;AAAA;AAAA,IAIxC,WAAW,EAAE,MAAM,QAAQ,SAAS,OAAA;AAAA,EAAO;AAAA,EAE7C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,KAAQ;AACrB,UAAMC,IAAcC,EAAa,EAAK,GAChCC,IAAeD,EAAY,CAAC,GAC5BE,IAAgBF,EAA6B,IAAI,GACjDG,IAAeH,EAA0B,EAAE,GAC3CI,IAAYJ,EAAiC,EAAE,GAE/CK,IAAc,CAACC,MAAkB;AACrC,MAAIA,MAAUL,EAAa,UACzBA,EAAa,QAAQK,GACrBR,EAAK,iBAAiBQ,CAAK;AAAA,IAE/B,GAEMC,IAAW,CAACD,MAAkB;AAClC,MAAIJ,EAAc,SAASL,EAAM,OAAO,SAAS,MAC/CQ,EAAYC,CAAK,GACjBJ,EAAc,MAAM,SAASA,EAAc,MAAM,cAAcI,GAAO,CAAC;AAAA,IAE3E,GAEME,IAAO,MAAM;AACjB,MAAIP,EAAa,QAAQJ,EAAM,OAAO,SAAS,KAC7CU,EAASN,EAAa,QAAQ,CAAC;AAAA,IAEnC,GAEMQ,IAAW,MAAM;AACrB,MAAIR,EAAa,UAAU,KACzBM,EAASN,EAAa,QAAQ,CAAC;AAAA,IAEnC;AAEA,WAAAS,EAAU,MAAM;AACd,YAAMC,IAAU;AAAA,QACd,MAAMT,EAAc;AAAA,QACpB,YAAY;AAAA,QACZ,WAAW;AAAA,MAAA;AAGb,MAAAE,EAAU,QAAQD,EAAa,MAAM,IAAI,CAACS,GAAIN,MAAU;AACtD,cAAMO,IAAM,IAAI,qBAAqB,CAACC,MAAY;AAChD,UAAAA,EAAQ,QAAQ,CAACC,MAAU;AAEzB,YAAIhB,EAAY,SAASgB,EAAM,kBAC7BV,EAAYC,CAAK;AAAA,UAErB,CAAC;AAAA,QACH,GAAGK,CAAO;AACV,eAAAE,EAAI,QAAQD,CAAE,GAEPC;AAAA,MACT,CAAC,GAED,WAAW,MAAM;AAEf,QAAIX,EAAc,SAASA,EAAc,MAAM,eAAe,MAC5DA,EAAc,MAAM,aAAa,IAEnCH,EAAY,QAAQ;AAAA,MACtB,GAAG,EAAE;AAAA,IACP,CAAC,GAEDiB,EAAY,MAAM;AAChB,MAAAZ,EAAU,MAAM,QAAQ,CAACa,MAAaA,EAAS,YAAY;AAAA,IAC7D,CAAC,GAEM;AAAA,MACL,MAAAnB;AAAA,MACA,cAAAG;AAAA,MACA,cAAAE;AAAA,MACA,eAAAD;AAAA,MACA,aAAAH;AAAA,MACA,MAAAS;AAAA,MACA,UAAAC;AAAA,MACA,UAAAF;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const i=require("./NeonImageCarousel.cjs.js"),e=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),u={class:"neon-image-carousel__container",tabindex:"-1"},m={ref:"carouselItems",class:"no-style neon-image-carousel__items"},d=["alt","src"],g={class:"neon-image-carousel__nav",tabindex:"-1"},p=["onClick"],_={class:"neon-image-carousel__label",tabindex:"-1"};function v(n,l,k,h,y,C){const s=e.resolveComponent("neon-button"),a=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"neon-image-carousel--initialised":n.initialised},"neon-image-carousel"]),tabindex:"0",onKeydown:[l[0]||(l[0]=e.withKeys(e.withModifiers((...o)=>n.previous&&n.previous(...o),["stop","prevent"]),["left"])),l[1]||(l[1]=e.withKeys(e.withModifiers((...o)=>n.next&&n.next(...o),["stop","prevent"]),["right"]))]},[e.createElementVNode("div",u,[e.createVNode(s,{circular:!0,disabled:n.currentImage===0,title:n.previousLabel,transparent:!0,"button-style":"text",class:"neon-image-carousel__previous",color:"neutral",icon:"chevron-left",size:"l",onClick:n.previous},null,8,["disabled","title","onClick"]),e.createElementVNode("ul",m,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.images,(o,t)=>(e.openBlock(),e.createElementBlock("li",{key:o.src,ref_for:!0,ref:"carouselItem",class:e.normalizeClass([{"neon-image-carousel__item--active":t===n.currentImage},"neon-image-carousel__item"])},[e.createElementVNode("img",{alt:o.alt,src:o.src,class:"neon-image-carousel__image"},null,8,d)],2))),128))],512),e.createVNode(s,{circular:!0,disabled:n.currentImage===n.images.length-1,title:n.nextLabel,transparent:!0,"button-style":"text",class:"neon-image-carousel__next",color:"neutral",icon:"chevron-right",size:"l",onClick:n.next},null,8,["disabled","title","onClick"])]),e.createElementVNode("div",g,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.images,(o,t)=>(e.openBlock(),e.createBlock(a,{key:t,"aria-label":`Display image ${t+1}`,class:"neon-image-carousel__nav-item-link","outline-style":"none",role:"button",tabindex:"0",onKeydown:[e.withKeys(e.withModifiers(r=>n.scrollTo(t),["stop","prevent"]),["enter"]),e.withKeys(e.withModifiers(r=>n.scrollTo(t),["stop","prevent"]),["space"])]},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([{"neon-image-carousel__nav-item--active":t===n.currentImage},"neon-image-carousel__nav-item"]),tabindex:"-1",onClick:r=>n.scrollTo(t)},[...l[2]||(l[2]=[e.createElementVNode("div",{class:"neon-image-carousel__nav-item-indicator"},null,-1)])],10,p)]),_:2},1032,["aria-label","onKeydown"]))),128))]),e.createElementVNode("span",_,e.toDisplayString(n.imageCountLabel||`${n.images.length} ${n.images.length===1?"image":"images"}`),1)],34)}const b=c(i,[["render",v]]);module.exports=b;
+"use strict";const i=require("./NeonImageCarousel.cjs.js"),e=require("vue"),c=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),u={class:"neon-image-carousel__container",tabindex:"-1"},m={ref:"carouselItems",class:"no-style neon-image-carousel__items"},d=["alt","src"],g={class:"neon-image-carousel__nav",tabindex:"-1"},p=["onClick"],_={key:0,class:"neon-image-carousel__label",tabindex:"-1"};function v(n,l,b,h,y,C){const r=e.resolveComponent("neon-button"),a=e.resolveComponent("neon-link");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([{"neon-image-carousel--initialised":n.initialised},"neon-image-carousel"]),tabindex:"0",onKeydown:[l[0]||(l[0]=e.withKeys(e.withModifiers((...o)=>n.previous&&n.previous(...o),["stop","prevent"]),["left"])),l[1]||(l[1]=e.withKeys(e.withModifiers((...o)=>n.next&&n.next(...o),["stop","prevent"]),["right"]))]},[e.createElementVNode("div",u,[e.createVNode(r,{circular:!0,disabled:n.currentImage===0,title:n.previousLabel,transparent:!0,"button-style":"text",class:"neon-image-carousel__previous",color:"neutral",icon:"chevron-left",size:"l",onClick:n.previous},null,8,["disabled","title","onClick"]),e.createElementVNode("ul",m,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.images,(o,t)=>(e.openBlock(),e.createElementBlock("li",{key:o.src,ref_for:!0,ref:"carouselItem",class:e.normalizeClass([{"neon-image-carousel__item--active":t===n.currentImage},"neon-image-carousel__item"])},[e.createElementVNode("img",{alt:o.alt,src:o.src,class:"neon-image-carousel__image"},null,8,d)],2))),128))],512),e.createVNode(r,{circular:!0,disabled:n.currentImage===n.images.length-1,title:n.nextLabel,transparent:!0,"button-style":"text",class:"neon-image-carousel__next",color:"neutral",icon:"chevron-right",size:"l",onClick:n.next},null,8,["disabled","title","onClick"])]),e.createElementVNode("div",g,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.images,(o,t)=>(e.openBlock(),e.createBlock(a,{key:t,"aria-label":`Display image ${t+1}`,class:"neon-image-carousel__nav-item-link","outline-style":"none",role:"button",tabindex:"0",onKeydown:[e.withKeys(e.withModifiers(s=>n.scrollTo(t),["stop","prevent"]),["enter"]),e.withKeys(e.withModifiers(s=>n.scrollTo(t),["stop","prevent"]),["space"])]},{default:e.withCtx(()=>[e.createElementVNode("div",{class:e.normalizeClass([{"neon-image-carousel__nav-item--active":t===n.currentImage},"neon-image-carousel__nav-item"]),tabindex:"-1",onClick:s=>n.scrollTo(t)},[...l[2]||(l[2]=[e.createElementVNode("div",{class:"neon-image-carousel__nav-item-indicator"},null,-1)])],10,p)]),_:2},1032,["aria-label","onKeydown"]))),128))]),n.hideLabel?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("span",_,e.toDisplayString(n.imageCountLabel||`${n.images.length} ${n.images.length===1?"image":"images"}`),1))],34)}const k=c(i,[["render",v]]);module.exports=k;
 //# sourceMappingURL=NeonImageCarousel.vue.cjs.js.map

package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonImageCarousel.vue.cjs.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{ 'neon-image-carousel--initialised': initialised }\"\n    class=\"neon-image-carousel\"\n    tabindex=\"0\"\n    @keydown.stop.prevent.left=\"previous\"\n    @keydown.stop.prevent.right=\"next\"\n  >\n    <div class=\"neon-image-carousel__container\" tabindex=\"-1\">\n      <neon-button\n        :circular=\"true\"\n        :disabled=\"currentImage === 0\"\n        :title=\"previousLabel\"\n        :transparent=\"true\"\n        button-style=\"text\"\n        class=\"neon-image-carousel__previous\"\n        color=\"neutral\"\n        icon=\"chevron-left\"\n        size=\"l\"\n        @click=\"previous\"\n      />\n      <ul ref=\"carouselItems\" class=\"no-style neon-image-carousel__items\">\n        <li\n          v-for=\"(image, index) in images\"\n          :key=\"image.src\"\n          ref=\"carouselItem\"\n          :class=\"{ 'neon-image-carousel__item--active': index === currentImage }\"\n          class=\"neon-image-carousel__item\"\n        >\n          <img :alt=\"image.alt\" :src=\"image.src\" class=\"neon-image-carousel__image\" />\n        </li>\n      </ul>\n      <neon-button\n        :circular=\"true\"\n        :disabled=\"currentImage === images.length - 1\"\n        :title=\"nextLabel\"\n        :transparent=\"true\"\n        button-style=\"text\"\n        class=\"neon-image-carousel__next\"\n        color=\"neutral\"\n        icon=\"chevron-right\"\n        size=\"l\"\n        @click=\"next\"\n      />\n    </div>\n    <div class=\"neon-image-carousel__nav\" tabindex=\"-1\">\n      <neon-link\n        v-for=\"(_image, index) in images\"\n        :key=\"index\"\n        :aria-label=\"`Display image ${index + 1}`\"\n        class=\"neon-image-carousel__nav-item-link\"\n        outline-style=\"none\"\n        role=\"button\"\n        tabindex=\"0\"\n        @keydown.stop.prevent.enter=\"scrollTo(index)\"\n        @keydown.stop.prevent.space=\"scrollTo(index)\"\n      >\n        <div\n          :class=\"{ 'neon-image-carousel__nav-item--active': index === currentImage }\"\n          class=\"neon-image-carousel__nav-item\"\n          tabindex=\"-1\"\n          @click=\"scrollTo(index)\"\n        >\n          <div class=\"neon-image-carousel__nav-item-indicator\"></div>\n        </div>\n      </neon-link>\n    </div>\n    <span class=\"neon-image-carousel__label\" tabindex=\"-1\">\n      {{ imageCountLabel || `${images.length} ${images.length === 1 ? 'image' : 'images'}` }}\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonImageCarousel.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","args","_createElementVNode","_hoisted_1","_createVNode","_component_neon_button","_hoisted_2","_openBlock","_Fragment","_renderList","image","index","_hoisted_4","_image","_createBlock","_component_neon_link","_withKeys","_withModifiers","$event","_hoisted_6","_toDisplayString"],"mappings":"+IAQS,MAAM,iCAAiC,SAAS,SAa/C,IAAI,gBAAgB,MAAM,0DAwB3B,MAAM,2BAA2B,SAAS,uBAsBzC,MAAM,6BAA6B,SAAS,+HAlEpDA,EAAAA,mBAqEM,MAAA,CApEH,MAAKC,EAAAA,eAAA,CAAA,CAAA,mCAAwCC,EAAA,WAAW,EACnD,qBAAqB,CAAA,EAC3B,SAAS,IACR,UAAO,gDAAoBA,EAAA,UAAAA,EAAA,SAAA,GAAAC,CAAA,EAAQ,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,MAAA,CAAA,kDACPD,EAAA,MAAAA,EAAA,KAAA,GAAAC,CAAA,EAAI,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,MAEjCC,EAAAA,mBAoCM,MApCNC,EAoCM,CAnCJC,EAAAA,YAWEC,EAAA,CAVC,SAAU,GACV,SAAUL,EAAA,eAAY,EACtB,MAAOA,EAAA,cACP,YAAa,GACd,eAAa,OACb,MAAM,gCACN,MAAM,UACN,KAAK,eACL,KAAK,IACJ,QAAOA,EAAA,iDAEVE,EAAAA,mBAUK,KAVLI,EAUK,EATHC,EAAAA,UAAA,EAAA,EAAAT,EAAAA,mBAQKU,WAAA,KAAAC,EAAAA,WAPsBT,EAAA,OAAM,CAAvBU,EAAOC,mBADjBb,EAAAA,mBAQK,KAAA,CANF,IAAKY,EAAM,eACZ,IAAI,eACH,MAAKX,EAAAA,eAAA,CAAA,CAAA,oCAAyCY,IAAUX,EAAA,YAAY,EAC/D,2BAA2B,CAAA,IAEjCE,EAAAA,mBAA4E,MAAA,CAAtE,IAAKQ,EAAM,IAAM,IAAKA,EAAM,IAAK,MAAM,0DAGjDN,EAAAA,YAWEC,EAAA,CAVC,SAAU,GACV,SAAUL,EAAA,eAAiBA,EAAA,OAAO,OAAM,EACxC,MAAOA,EAAA,UACP,YAAa,GACd,eAAa,OACb,MAAM,4BACN,MAAM,UACN,KAAK,gBACL,KAAK,IACJ,QAAOA,EAAA,+CAGZE,EAAAA,mBAqBM,MArBNU,EAqBM,EApBJL,EAAAA,UAAA,EAAA,EAAAT,EAAAA,mBAmBYU,WAAA,KAAAC,EAAAA,WAlBgBT,EAAA,OAAM,CAAxBa,EAAQF,mBADlBG,EAAAA,YAmBYC,EAAA,CAjBT,IAAKJ,EACL,8BAA6BA,EAAK,CAAA,GACnC,MAAM,qCACN,gBAAc,OACd,KAAK,SACL,SAAS,IACR,UAAO,CAAqBK,EAAAA,SAAAC,EAAAA,cAAAC,GAAAlB,EAAA,SAASW,CAAK,EAAA,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,EACdK,EAAAA,SAAAC,EAAAA,cAAAC,GAAAlB,EAAA,SAASW,CAAK,EAAA,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,uBAE3C,IAOM,CAPNT,EAAAA,mBAOM,MAAA,CANH,MAAKH,EAAAA,eAAA,CAAA,CAAA,wCAA6CY,IAAUX,EAAA,cACvD,+BAA+B,CAAA,EACrC,SAAS,KACR,QAAKkB,GAAElB,EAAA,SAASW,CAAK,oBAEtBT,EAAAA,mBAA2D,MAAA,CAAtD,MAAM,yCAAyC,EAAA,KAAA,EAAA,6DAI1DA,qBAEO,OAFPiB,EAEOC,EAAAA,gBADFpB,EAAA,iBAAe,GAAOA,EAAA,OAAO,MAAM,IAAIA,EAAA,OAAO,SAAM,EAAA,QAAA,QAAA,EAAA,EAAA,CAAA"}
+{"version":3,"file":"NeonImageCarousel.vue.cjs.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{ 'neon-image-carousel--initialised': initialised }\"\n    class=\"neon-image-carousel\"\n    tabindex=\"0\"\n    @keydown.stop.prevent.left=\"previous\"\n    @keydown.stop.prevent.right=\"next\"\n  >\n    <div class=\"neon-image-carousel__container\" tabindex=\"-1\">\n      <neon-button\n        :circular=\"true\"\n        :disabled=\"currentImage === 0\"\n        :title=\"previousLabel\"\n        :transparent=\"true\"\n        button-style=\"text\"\n        class=\"neon-image-carousel__previous\"\n        color=\"neutral\"\n        icon=\"chevron-left\"\n        size=\"l\"\n        @click=\"previous\"\n      />\n      <ul ref=\"carouselItems\" class=\"no-style neon-image-carousel__items\">\n        <li\n          v-for=\"(image, index) in images\"\n          :key=\"image.src\"\n          ref=\"carouselItem\"\n          :class=\"{ 'neon-image-carousel__item--active': index === currentImage }\"\n          class=\"neon-image-carousel__item\"\n        >\n          <img :alt=\"image.alt\" :src=\"image.src\" class=\"neon-image-carousel__image\" />\n        </li>\n      </ul>\n      <neon-button\n        :circular=\"true\"\n        :disabled=\"currentImage === images.length - 1\"\n        :title=\"nextLabel\"\n        :transparent=\"true\"\n        button-style=\"text\"\n        class=\"neon-image-carousel__next\"\n        color=\"neutral\"\n        icon=\"chevron-right\"\n        size=\"l\"\n        @click=\"next\"\n      />\n    </div>\n    <div class=\"neon-image-carousel__nav\" tabindex=\"-1\">\n      <neon-link\n        v-for=\"(_image, index) in images\"\n        :key=\"index\"\n        :aria-label=\"`Display image ${index + 1}`\"\n        class=\"neon-image-carousel__nav-item-link\"\n        outline-style=\"none\"\n        role=\"button\"\n        tabindex=\"0\"\n        @keydown.stop.prevent.enter=\"scrollTo(index)\"\n        @keydown.stop.prevent.space=\"scrollTo(index)\"\n      >\n        <div\n          :class=\"{ 'neon-image-carousel__nav-item--active': index === currentImage }\"\n          class=\"neon-image-carousel__nav-item\"\n          tabindex=\"-1\"\n          @click=\"scrollTo(index)\"\n        >\n          <div class=\"neon-image-carousel__nav-item-indicator\"></div>\n        </div>\n      </neon-link>\n    </div>\n    <span v-if=\"!hideLabel\" class=\"neon-image-carousel__label\" tabindex=\"-1\">\n      {{ imageCountLabel || `${images.length} ${images.length === 1 ? 'image' : 'images'}` }}\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonImageCarousel.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","args","_createElementVNode","_hoisted_1","_createVNode","_component_neon_button","_hoisted_2","_openBlock","_Fragment","_renderList","image","index","_hoisted_4","_image","_createBlock","_component_neon_link","_withKeys","_withModifiers","$event","_hoisted_6","_toDisplayString"],"mappings":"+IAQS,MAAM,iCAAiC,SAAS,SAa/C,IAAI,gBAAgB,MAAM,0DAwB3B,MAAM,2BAA2B,SAAS,6BAsBvB,MAAM,6BAA6B,SAAS,+HAlEtEA,EAAAA,mBAqEM,MAAA,CApEH,MAAKC,EAAAA,eAAA,CAAA,CAAA,mCAAwCC,EAAA,WAAW,EACnD,qBAAqB,CAAA,EAC3B,SAAS,IACR,UAAO,gDAAoBA,EAAA,UAAAA,EAAA,SAAA,GAAAC,CAAA,EAAQ,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,MAAA,CAAA,kDACPD,EAAA,MAAAA,EAAA,KAAA,GAAAC,CAAA,EAAI,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,MAEjCC,EAAAA,mBAoCM,MApCNC,EAoCM,CAnCJC,EAAAA,YAWEC,EAAA,CAVC,SAAU,GACV,SAAUL,EAAA,eAAY,EACtB,MAAOA,EAAA,cACP,YAAa,GACd,eAAa,OACb,MAAM,gCACN,MAAM,UACN,KAAK,eACL,KAAK,IACJ,QAAOA,EAAA,iDAEVE,EAAAA,mBAUK,KAVLI,EAUK,EATHC,EAAAA,UAAA,EAAA,EAAAT,EAAAA,mBAQKU,WAAA,KAAAC,EAAAA,WAPsBT,EAAA,OAAM,CAAvBU,EAAOC,mBADjBb,EAAAA,mBAQK,KAAA,CANF,IAAKY,EAAM,eACZ,IAAI,eACH,MAAKX,EAAAA,eAAA,CAAA,CAAA,oCAAyCY,IAAUX,EAAA,YAAY,EAC/D,2BAA2B,CAAA,IAEjCE,EAAAA,mBAA4E,MAAA,CAAtE,IAAKQ,EAAM,IAAM,IAAKA,EAAM,IAAK,MAAM,0DAGjDN,EAAAA,YAWEC,EAAA,CAVC,SAAU,GACV,SAAUL,EAAA,eAAiBA,EAAA,OAAO,OAAM,EACxC,MAAOA,EAAA,UACP,YAAa,GACd,eAAa,OACb,MAAM,4BACN,MAAM,UACN,KAAK,gBACL,KAAK,IACJ,QAAOA,EAAA,+CAGZE,EAAAA,mBAqBM,MArBNU,EAqBM,EApBJL,EAAAA,UAAA,EAAA,EAAAT,EAAAA,mBAmBYU,WAAA,KAAAC,EAAAA,WAlBgBT,EAAA,OAAM,CAAxBa,EAAQF,mBADlBG,EAAAA,YAmBYC,EAAA,CAjBT,IAAKJ,EACL,8BAA6BA,EAAK,CAAA,GACnC,MAAM,qCACN,gBAAc,OACd,KAAK,SACL,SAAS,IACR,UAAO,CAAqBK,EAAAA,SAAAC,EAAAA,cAAAC,GAAAlB,EAAA,SAASW,CAAK,EAAA,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,EACdK,EAAAA,SAAAC,EAAAA,cAAAC,GAAAlB,EAAA,SAASW,CAAK,EAAA,CAAA,OAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,uBAE3C,IAOM,CAPNT,EAAAA,mBAOM,MAAA,CANH,MAAKH,EAAAA,eAAA,CAAA,CAAA,wCAA6CY,IAAUX,EAAA,cACvD,+BAA+B,CAAA,EACrC,SAAS,KACR,QAAKkB,GAAElB,EAAA,SAASW,CAAK,oBAEtBT,EAAAA,mBAA2D,MAAA,CAAtD,MAAM,yCAAyC,EAAA,KAAA,EAAA,6DAI7CF,EAAA,qDAAbF,qBAEO,OAFPqB,EAEOC,EAAAA,gBADFpB,EAAA,iBAAe,GAAOA,EAAA,OAAO,MAAM,IAAIA,EAAA,OAAO,SAAM,EAAA,QAAA,QAAA,EAAA,EAAA,CAAA"}

package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js

@@ -1,31 +1,32 @@
 import b from "./NeonImageCarousel.es.js";
-import { resolveComponent as g, openBlock as l, createElementBlock as s, withKeys as i, withModifiers as r, normalizeClass as u, createElementVNode as t, createVNode as d, Fragment as p, renderList as v, createBlock as f, withCtx as k, toDisplayString as y } from "vue";
-import h from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const C = {
+import { resolveComponent as d, openBlock as a, createElementBlock as s, withKeys as i, withModifiers as r, normalizeClass as u, createElementVNode as l, createVNode as g, Fragment as p, renderList as v, createBlock as f, withCtx as k, toDisplayString as y, createCommentVNode as h } from "vue";
+import C from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const $ = {
   class: "neon-image-carousel__container",
   tabindex: "-1"
-}, $ = {
+}, I = {
   ref: "carouselItems",
   class: "no-style neon-image-carousel__items"
-}, I = ["alt", "src"], w = {
+}, w = ["alt", "src"], L = {
   class: "neon-image-carousel__nav",
   tabindex: "-1"
-}, K = ["onClick"], L = {
+}, K = ["onClick"], N = {
+  key: 0,
   class: "neon-image-carousel__label",
   tabindex: "-1"
 };
-function z(e, a, B, N, T, D) {
-  const m = g("neon-button"), _ = g("neon-link");
-  return l(), s("div", {
+function z(e, t, B, T, V, D) {
+  const m = d("neon-button"), _ = d("neon-link");
+  return a(), s("div", {
     class: u([{ "neon-image-carousel--initialised": e.initialised }, "neon-image-carousel"]),
     tabindex: "0",
     onKeydown: [
-      a[0] || (a[0] = i(r((...n) => e.previous && e.previous(...n), ["stop", "prevent"]), ["left"])),
-      a[1] || (a[1] = i(r((...n) => e.next && e.next(...n), ["stop", "prevent"]), ["right"]))
+      t[0] || (t[0] = i(r((...n) => e.previous && e.previous(...n), ["stop", "prevent"]), ["left"])),
+      t[1] || (t[1] = i(r((...n) => e.next && e.next(...n), ["stop", "prevent"]), ["right"]))
     ]
   }, [
-    t("div", C, [
-      d(m, {
+    l("div", $, [
+      g(m, {
         circular: !0,
         disabled: e.currentImage === 0,
         title: e.previousLabel,
@@ -37,21 +38,21 @@ function z(e, a, B, N, T, D) {
         size: "l",
         onClick: e.previous
       }, null, 8, ["disabled", "title", "onClick"]),
-      t("ul", $, [
-        (l(!0), s(p, null, v(e.images, (n, o) => (l(), s("li", {
+      l("ul", I, [
+        (a(!0), s(p, null, v(e.images, (n, o) => (a(), s("li", {
           key: n.src,
           ref_for: !0,
           ref: "carouselItem",
           class: u([{ "neon-image-carousel__item--active": o === e.currentImage }, "neon-image-carousel__item"])
         }, [
-          t("img", {
+          l("img", {
             alt: n.alt,
             src: n.src,
             class: "neon-image-carousel__image"
-          }, null, 8, I)
+          }, null, 8, w)
         ], 2))), 128))
       ], 512),
-      d(m, {
+      g(m, {
         circular: !0,
         disabled: e.currentImage === e.images.length - 1,
         title: e.nextLabel,
@@ -64,8 +65,8 @@ function z(e, a, B, N, T, D) {
         onClick: e.next
       }, null, 8, ["disabled", "title", "onClick"])
     ]),
-    t("div", w, [
-      (l(!0), s(p, null, v(e.images, (n, o) => (l(), f(_, {
+    l("div", L, [
+      (a(!0), s(p, null, v(e.images, (n, o) => (a(), f(_, {
         key: o,
         "aria-label": `Display image ${o + 1}`,
         class: "neon-image-carousel__nav-item-link",
@@ -78,22 +79,22 @@ function z(e, a, B, N, T, D) {
         ]
       }, {
         default: k(() => [
-          t("div", {
+          l("div", {
             class: u([{ "neon-image-carousel__nav-item--active": o === e.currentImage }, "neon-image-carousel__nav-item"]),
             tabindex: "-1",
             onClick: (c) => e.scrollTo(o)
-          }, [...a[2] || (a[2] = [
-            t("div", { class: "neon-image-carousel__nav-item-indicator" }, null, -1)
+          }, [...t[2] || (t[2] = [
+            l("div", { class: "neon-image-carousel__nav-item-indicator" }, null, -1)
           ])], 10, K)
         ]),
         _: 2
       }, 1032, ["aria-label", "onKeydown"]))), 128))
     ]),
-    t("span", L, y(e.imageCountLabel || `${e.images.length} ${e.images.length === 1 ? "image" : "images"}`), 1)
+    e.hideLabel ? h("", !0) : (a(), s("span", N, y(e.imageCountLabel || `${e.images.length} ${e.images.length === 1 ? "image" : "images"}`), 1))
   ], 34);
 }
-const M = /* @__PURE__ */ h(b, [["render", z]]);
+const S = /* @__PURE__ */ C(b, [["render", z]]);
 export {
-  M as default
+  S as default
 };
 //# sourceMappingURL=NeonImageCarousel.vue.es.js.map

package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonImageCarousel.vue.es.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{ 'neon-image-carousel--initialised': initialised }\"\n    class=\"neon-image-carousel\"\n    tabindex=\"0\"\n    @keydown.stop.prevent.left=\"previous\"\n    @keydown.stop.prevent.right=\"next\"\n  >\n    <div class=\"neon-image-carousel__container\" tabindex=\"-1\">\n      <neon-button\n        :circular=\"true\"\n        :disabled=\"currentImage === 0\"\n        :title=\"previousLabel\"\n        :transparent=\"true\"\n        button-style=\"text\"\n        class=\"neon-image-carousel__previous\"\n        color=\"neutral\"\n        icon=\"chevron-left\"\n        size=\"l\"\n        @click=\"previous\"\n      />\n      <ul ref=\"carouselItems\" class=\"no-style neon-image-carousel__items\">\n        <li\n          v-for=\"(image, index) in images\"\n          :key=\"image.src\"\n          ref=\"carouselItem\"\n          :class=\"{ 'neon-image-carousel__item--active': index === currentImage }\"\n          class=\"neon-image-carousel__item\"\n        >\n          <img :alt=\"image.alt\" :src=\"image.src\" class=\"neon-image-carousel__image\" />\n        </li>\n      </ul>\n      <neon-button\n        :circular=\"true\"\n        :disabled=\"currentImage === images.length - 1\"\n        :title=\"nextLabel\"\n        :transparent=\"true\"\n        button-style=\"text\"\n        class=\"neon-image-carousel__next\"\n        color=\"neutral\"\n        icon=\"chevron-right\"\n        size=\"l\"\n        @click=\"next\"\n      />\n    </div>\n    <div class=\"neon-image-carousel__nav\" tabindex=\"-1\">\n      <neon-link\n        v-for=\"(_image, index) in images\"\n        :key=\"index\"\n        :aria-label=\"`Display image ${index + 1}`\"\n        class=\"neon-image-carousel__nav-item-link\"\n        outline-style=\"none\"\n        role=\"button\"\n        tabindex=\"0\"\n        @keydown.stop.prevent.enter=\"scrollTo(index)\"\n        @keydown.stop.prevent.space=\"scrollTo(index)\"\n      >\n        <div\n          :class=\"{ 'neon-image-carousel__nav-item--active': index === currentImage }\"\n          class=\"neon-image-carousel__nav-item\"\n          tabindex=\"-1\"\n          @click=\"scrollTo(index)\"\n        >\n          <div class=\"neon-image-carousel__nav-item-indicator\"></div>\n        </div>\n      </neon-link>\n    </div>\n    <span class=\"neon-image-carousel__label\" tabindex=\"-1\">\n      {{ imageCountLabel || `${images.length} ${images.length === 1 ? 'image' : 'images'}` }}\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonImageCarousel.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","args","_createElementVNode","_hoisted_1","_createVNode","_component_neon_button","_hoisted_2","_openBlock","_Fragment","_renderList","image","index","_hoisted_4","_image","_createBlock","_component_neon_link","_withKeys","_withModifiers","$event","_hoisted_6","_toDisplayString"],"mappings":";;;;EAQS,OAAM;AAAA,EAAiC,UAAS;;EAa/C,KAAI;AAAA,EAAgB,OAAM;;EAwB3B,OAAM;AAAA,EAA2B,UAAS;;EAsBzC,OAAM;AAAA,EAA6B,UAAS;;;;cAlEpDA,EAqEM,OAAA;AAAA,IApEH,OAAKC,EAAA,CAAA,EAAA,oCAAwCC,EAAA,YAAW,GACnD,qBAAqB,CAAA;AAAA,IAC3B,UAAS;AAAA,IACR,WAAO;AAAA,oCAAoBA,EAAA,YAAAA,EAAA,SAAA,GAAAC,CAAA,GAAQ,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA,oCACPD,EAAA,QAAAA,EAAA,KAAA,GAAAC,CAAA,GAAI,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;IAEjCC,EAoCM,OApCNC,GAoCM;AAAA,MAnCJC,EAWEC,GAAA;AAAA,QAVC,UAAU;AAAA,QACV,UAAUL,EAAA,iBAAY;AAAA,QACtB,OAAOA,EAAA;AAAA,QACP,aAAa;AAAA,QACd,gBAAa;AAAA,QACb,OAAM;AAAA,QACN,OAAM;AAAA,QACN,MAAK;AAAA,QACL,MAAK;AAAA,QACJ,SAAOA,EAAA;AAAA;MAEVE,EAUK,MAVLI,GAUK;AAAA,SATHC,EAAA,EAAA,GAAAT,EAQKU,GAAA,MAAAC,EAPsBT,EAAA,QAAM,CAAvBU,GAAOC,YADjBb,EAQK,MAAA;AAAA,UANF,KAAKY,EAAM;AAAA;UACZ,KAAI;AAAA,UACH,OAAKX,EAAA,CAAA,EAAA,qCAAyCY,MAAUX,EAAA,aAAY,GAC/D,2BAA2B,CAAA;AAAA;UAEjCE,EAA4E,OAAA;AAAA,YAAtE,KAAKQ,EAAM;AAAA,YAAM,KAAKA,EAAM;AAAA,YAAK,OAAM;AAAA;;;MAGjDN,EAWEC,GAAA;AAAA,QAVC,UAAU;AAAA,QACV,UAAUL,EAAA,iBAAiBA,EAAA,OAAO,SAAM;AAAA,QACxC,OAAOA,EAAA;AAAA,QACP,aAAa;AAAA,QACd,gBAAa;AAAA,QACb,OAAM;AAAA,QACN,OAAM;AAAA,QACN,MAAK;AAAA,QACL,MAAK;AAAA,QACJ,SAAOA,EAAA;AAAA;;IAGZE,EAqBM,OArBNU,GAqBM;AAAA,OApBJL,EAAA,EAAA,GAAAT,EAmBYU,GAAA,MAAAC,EAlBgBT,EAAA,QAAM,CAAxBa,GAAQF,YADlBG,EAmBYC,GAAA;AAAA,QAjBT,KAAKJ;AAAA,QACL,+BAA6BA,IAAK,CAAA;AAAA,QACnC,OAAM;AAAA,QACN,iBAAc;AAAA,QACd,MAAK;AAAA,QACL,UAAS;AAAA,QACR,WAAO;AAAA,UAAqBK,EAAAC,EAAA,CAAAC,MAAAlB,EAAA,SAASW,CAAK,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,UACdK,EAAAC,EAAA,CAAAC,MAAAlB,EAAA,SAASW,CAAK,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;mBAE3C,MAOM;AAAA,UAPNT,EAOM,OAAA;AAAA,YANH,OAAKH,EAAA,CAAA,EAAA,yCAA6CY,MAAUX,EAAA,gBACvD,+BAA+B,CAAA;AAAA,YACrC,UAAS;AAAA,YACR,SAAK,CAAAkB,MAAElB,EAAA,SAASW,CAAK;AAAA;YAEtBT,EAA2D,OAAA,EAAtD,OAAM,0CAAyC,GAAA,MAAA,EAAA;AAAA;;;;;IAI1DA,EAEO,QAFPiB,GAEOC,EADFpB,EAAA,mBAAe,GAAOA,EAAA,OAAO,MAAM,IAAIA,EAAA,OAAO,WAAM,IAAA,UAAA,QAAA,EAAA,GAAA,CAAA;AAAA;;;"}
+{"version":3,"file":"NeonImageCarousel.vue.es.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"{ 'neon-image-carousel--initialised': initialised }\"\n    class=\"neon-image-carousel\"\n    tabindex=\"0\"\n    @keydown.stop.prevent.left=\"previous\"\n    @keydown.stop.prevent.right=\"next\"\n  >\n    <div class=\"neon-image-carousel__container\" tabindex=\"-1\">\n      <neon-button\n        :circular=\"true\"\n        :disabled=\"currentImage === 0\"\n        :title=\"previousLabel\"\n        :transparent=\"true\"\n        button-style=\"text\"\n        class=\"neon-image-carousel__previous\"\n        color=\"neutral\"\n        icon=\"chevron-left\"\n        size=\"l\"\n        @click=\"previous\"\n      />\n      <ul ref=\"carouselItems\" class=\"no-style neon-image-carousel__items\">\n        <li\n          v-for=\"(image, index) in images\"\n          :key=\"image.src\"\n          ref=\"carouselItem\"\n          :class=\"{ 'neon-image-carousel__item--active': index === currentImage }\"\n          class=\"neon-image-carousel__item\"\n        >\n          <img :alt=\"image.alt\" :src=\"image.src\" class=\"neon-image-carousel__image\" />\n        </li>\n      </ul>\n      <neon-button\n        :circular=\"true\"\n        :disabled=\"currentImage === images.length - 1\"\n        :title=\"nextLabel\"\n        :transparent=\"true\"\n        button-style=\"text\"\n        class=\"neon-image-carousel__next\"\n        color=\"neutral\"\n        icon=\"chevron-right\"\n        size=\"l\"\n        @click=\"next\"\n      />\n    </div>\n    <div class=\"neon-image-carousel__nav\" tabindex=\"-1\">\n      <neon-link\n        v-for=\"(_image, index) in images\"\n        :key=\"index\"\n        :aria-label=\"`Display image ${index + 1}`\"\n        class=\"neon-image-carousel__nav-item-link\"\n        outline-style=\"none\"\n        role=\"button\"\n        tabindex=\"0\"\n        @keydown.stop.prevent.enter=\"scrollTo(index)\"\n        @keydown.stop.prevent.space=\"scrollTo(index)\"\n      >\n        <div\n          :class=\"{ 'neon-image-carousel__nav-item--active': index === currentImage }\"\n          class=\"neon-image-carousel__nav-item\"\n          tabindex=\"-1\"\n          @click=\"scrollTo(index)\"\n        >\n          <div class=\"neon-image-carousel__nav-item-indicator\"></div>\n        </div>\n      </neon-link>\n    </div>\n    <span v-if=\"!hideLabel\" class=\"neon-image-carousel__label\" tabindex=\"-1\">\n      {{ imageCountLabel || `${images.length} ${images.length === 1 ? 'image' : 'images'}` }}\n    </span>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonImageCarousel.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","args","_createElementVNode","_hoisted_1","_createVNode","_component_neon_button","_hoisted_2","_openBlock","_Fragment","_renderList","image","index","_hoisted_4","_image","_createBlock","_component_neon_link","_withKeys","_withModifiers","$event","_hoisted_6","_toDisplayString"],"mappings":";;;;EAQS,OAAM;AAAA,EAAiC,UAAS;;EAa/C,KAAI;AAAA,EAAgB,OAAM;;EAwB3B,OAAM;AAAA,EAA2B,UAAS;;;EAsBvB,OAAM;AAAA,EAA6B,UAAS;;;;cAlEtEA,EAqEM,OAAA;AAAA,IApEH,OAAKC,EAAA,CAAA,EAAA,oCAAwCC,EAAA,YAAW,GACnD,qBAAqB,CAAA;AAAA,IAC3B,UAAS;AAAA,IACR,WAAO;AAAA,oCAAoBA,EAAA,YAAAA,EAAA,SAAA,GAAAC,CAAA,GAAQ,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA,oCACPD,EAAA,QAAAA,EAAA,KAAA,GAAAC,CAAA,GAAI,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;IAEjCC,EAoCM,OApCNC,GAoCM;AAAA,MAnCJC,EAWEC,GAAA;AAAA,QAVC,UAAU;AAAA,QACV,UAAUL,EAAA,iBAAY;AAAA,QACtB,OAAOA,EAAA;AAAA,QACP,aAAa;AAAA,QACd,gBAAa;AAAA,QACb,OAAM;AAAA,QACN,OAAM;AAAA,QACN,MAAK;AAAA,QACL,MAAK;AAAA,QACJ,SAAOA,EAAA;AAAA;MAEVE,EAUK,MAVLI,GAUK;AAAA,SATHC,EAAA,EAAA,GAAAT,EAQKU,GAAA,MAAAC,EAPsBT,EAAA,QAAM,CAAvBU,GAAOC,YADjBb,EAQK,MAAA;AAAA,UANF,KAAKY,EAAM;AAAA;UACZ,KAAI;AAAA,UACH,OAAKX,EAAA,CAAA,EAAA,qCAAyCY,MAAUX,EAAA,aAAY,GAC/D,2BAA2B,CAAA;AAAA;UAEjCE,EAA4E,OAAA;AAAA,YAAtE,KAAKQ,EAAM;AAAA,YAAM,KAAKA,EAAM;AAAA,YAAK,OAAM;AAAA;;;MAGjDN,EAWEC,GAAA;AAAA,QAVC,UAAU;AAAA,QACV,UAAUL,EAAA,iBAAiBA,EAAA,OAAO,SAAM;AAAA,QACxC,OAAOA,EAAA;AAAA,QACP,aAAa;AAAA,QACd,gBAAa;AAAA,QACb,OAAM;AAAA,QACN,OAAM;AAAA,QACN,MAAK;AAAA,QACL,MAAK;AAAA,QACJ,SAAOA,EAAA;AAAA;;IAGZE,EAqBM,OArBNU,GAqBM;AAAA,OApBJL,EAAA,EAAA,GAAAT,EAmBYU,GAAA,MAAAC,EAlBgBT,EAAA,QAAM,CAAxBa,GAAQF,YADlBG,EAmBYC,GAAA;AAAA,QAjBT,KAAKJ;AAAA,QACL,+BAA6BA,IAAK,CAAA;AAAA,QACnC,OAAM;AAAA,QACN,iBAAc;AAAA,QACd,MAAK;AAAA,QACL,UAAS;AAAA,QACR,WAAO;AAAA,UAAqBK,EAAAC,EAAA,CAAAC,MAAAlB,EAAA,SAASW,CAAK,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,UACdK,EAAAC,EAAA,CAAAC,MAAAlB,EAAA,SAASW,CAAK,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;mBAE3C,MAOM;AAAA,UAPNT,EAOM,OAAA;AAAA,YANH,OAAKH,EAAA,CAAA,EAAA,yCAA6CY,MAAUX,EAAA,gBACvD,+BAA+B,CAAA;AAAA,YACrC,UAAS;AAAA,YACR,SAAK,CAAAkB,MAAElB,EAAA,SAASW,CAAK;AAAA;YAEtBT,EAA2D,OAAA,EAAtD,OAAM,0CAAyC,GAAA,MAAA,EAAA;AAAA;;;;;IAI7CF,EAAA,8BAAbF,EAEO,QAFPqB,GAEOC,EADFpB,EAAA,mBAAe,GAAOA,EAAA,OAAO,MAAM,IAAIA,EAAA,OAAO,WAAM,IAAA,UAAA,QAAA,EAAA,GAAA,CAAA;AAAA;;;"}

package/dist/components/user-input/field/NeonField.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("./NeonField.cjs.js"),e=require("vue"),t=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),a=["for"],i={class:"neon-field__label-wrapper"},r={class:"neon-field__label"},d={class:"neon-field__contents"};function p(o,l,_,m,u,b){const n=e.resolveComponent("neon-label");return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([{"neon-field--optional":o.optional,"neon-field--disabled":o.disabled,"neon-field--with-message":o.message!==null},"neon-field"]),for:o.labelFor},[e.createElementVNode("span",i,[e.createElementVNode("span",r,e.toDisplayString(o.label),1),o.optional?(e.openBlock(),e.createBlock(n,{key:0,disabled:o.disabled,label:o.optionalLabel,class:"neon-field__optional",size:"xxs"},null,8,["disabled","label"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",d,[e.renderSlot(o.$slots,"default"),o.message!==null?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([`neon-color-text-${o.messageColor}`,"neon-field__message"]),onClick:l[0]||(l[0]=e.withModifiers(()=>{},["prevent","stop"]))},e.toDisplayString(o.message),3)):e.createCommentVNode("",!0)])],10,a)}const c=t(s,[["render",p]]);module.exports=c;
+"use strict";const s=require("./NeonField.cjs.js"),e=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),t=["for"],i={class:"neon-field__label-wrapper"},r={class:"neon-field__label"},d={class:"neon-field__contents"};function p(o,l,_,m,u,b){const n=e.resolveComponent("neon-label");return e.openBlock(),e.createElementBlock("label",{class:e.normalizeClass([{"neon-field--optional":o.optional,"neon-field--disabled":o.disabled,"neon-field--with-message":o.message!==null},"neon-field"]),for:o.labelFor},[e.createElementVNode("span",i,[e.createElementVNode("span",r,e.toDisplayString(o.label),1),o.optional?(e.openBlock(),e.createBlock(n,{key:0,disabled:o.disabled,label:o.optionalLabel,class:"neon-field__optional",size:"xxs"},null,8,["disabled","label"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",d,[e.renderSlot(o.$slots,"default"),o.message!==null?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([`neon-color-${o.messageColor}`,"neon-field__message"]),onClick:l[0]||(l[0]=e.withModifiers(()=>{},["prevent","stop"]))},e.toDisplayString(o.message),3)):e.createCommentVNode("",!0)])],10,t)}const c=a(s,[["render",p]]);module.exports=c;
 //# sourceMappingURL=NeonField.vue.cjs.js.map

package/dist/components/user-input/field/NeonField.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonField.vue.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"{\n      'neon-field--optional': optional,\n      'neon-field--disabled': disabled,\n      'neon-field--with-message': message !== null,\n    }\"\n    :for=\"labelFor\"\n    class=\"neon-field\"\n  >\n    <span class=\"neon-field__label-wrapper\">\n      <span class=\"neon-field__label\">{{ label }}</span>\n      <neon-label v-if=\"optional\" :disabled=\"disabled\" :label=\"optionalLabel\" class=\"neon-field__optional\" size=\"xxs\" />\n    </span>\n    <div class=\"neon-field__contents\">\n      <!-- @slot optionally wrap the field with the label -->\n      <slot></slot>\n      <span\n        v-if=\"message !== null\"\n        :class=\"`neon-color-text-${messageColor}`\"\n        class=\"neon-field__message\"\n        @click.prevent.stop=\"\"\n      >\n        {{ message }}\n      </span>\n    </div>\n  </label>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_3","_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_toDisplayString","_createBlock","_component_neon_label","_renderSlot"],"mappings":"8IAUUA,EAAA,CAAA,MAAM,2BAA2B,EAC/BC,EAAA,CAAA,MAAM,mBAAmB,EAG5BC,EAAA,CAAA,MAAM,sBAAsB,wFAbnCC,EAAAA,mBAyBQ,QAAA,CAxBL,MAAKC,EAAAA,eAAA,CAAA,wBAAkCC,EAAA,gCAAwCA,EAAA,oCAA4CA,EAAA,UAAO,MAM7H,YAAY,CAAA,EADjB,IAAKA,EAAA,WAGNC,EAAAA,mBAGO,OAHPN,EAGO,CAFLM,EAAAA,mBAAkD,OAAlDL,EAAkDM,EAAAA,gBAAfF,EAAA,KAAK,EAAA,CAAA,EACtBA,EAAA,wBAAlBG,EAAAA,YAAkHC,EAAA,OAArF,SAAUJ,EAAA,SAAW,MAAOA,EAAA,cAAe,MAAM,uBAAuB,KAAK,mEAE5GC,EAAAA,mBAWM,MAXNJ,EAWM,CATJQ,aAAaL,EAAA,OAAA,SAAA,EAELA,EAAA,UAAO,oBADfF,EAAAA,mBAOO,OAAA,OALJ,MAAKC,EAAAA,eAAA,CAAA,mBAAqBC,EAAA,YAAY,GACjC,qBAAqB,CAAA,EAC1B,oCAAD,IAAA,CAAA,EAAsB,CAAA,UAAA,MAAA,CAAA,sBAEnBA,EAAA,OAAO,EAAA,CAAA"}
+{"version":3,"file":"NeonField.vue.cjs.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"{\n      'neon-field--optional': optional,\n      'neon-field--disabled': disabled,\n      'neon-field--with-message': message !== null,\n    }\"\n    :for=\"labelFor\"\n    class=\"neon-field\"\n  >\n    <span class=\"neon-field__label-wrapper\">\n      <span class=\"neon-field__label\">{{ label }}</span>\n      <neon-label v-if=\"optional\" :disabled=\"disabled\" :label=\"optionalLabel\" class=\"neon-field__optional\" size=\"xxs\" />\n    </span>\n    <div class=\"neon-field__contents\">\n      <!-- @slot optionally wrap the field with the label -->\n      <slot></slot>\n      <span\n        v-if=\"message !== null\"\n        :class=\"`neon-color-${messageColor}`\"\n        class=\"neon-field__message\"\n        @click.prevent.stop=\"\"\n      >\n        {{ message }}\n      </span>\n    </div>\n  </label>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_3","_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_toDisplayString","_createBlock","_component_neon_label","_renderSlot"],"mappings":"8IAUUA,EAAA,CAAA,MAAM,2BAA2B,EAC/BC,EAAA,CAAA,MAAM,mBAAmB,EAG5BC,EAAA,CAAA,MAAM,sBAAsB,wFAbnCC,EAAAA,mBAyBQ,QAAA,CAxBL,MAAKC,EAAAA,eAAA,CAAA,wBAAkCC,EAAA,gCAAwCA,EAAA,oCAA4CA,EAAA,UAAO,MAM7H,YAAY,CAAA,EADjB,IAAKA,EAAA,WAGNC,EAAAA,mBAGO,OAHPN,EAGO,CAFLM,EAAAA,mBAAkD,OAAlDL,EAAkDM,EAAAA,gBAAfF,EAAA,KAAK,EAAA,CAAA,EACtBA,EAAA,wBAAlBG,EAAAA,YAAkHC,EAAA,OAArF,SAAUJ,EAAA,SAAW,MAAOA,EAAA,cAAe,MAAM,uBAAuB,KAAK,mEAE5GC,EAAAA,mBAWM,MAXNJ,EAWM,CATJQ,aAAaL,EAAA,OAAA,SAAA,EAELA,EAAA,UAAO,oBADfF,EAAAA,mBAOO,OAAA,OALJ,MAAKC,EAAAA,eAAA,CAAA,cAAgBC,EAAA,YAAY,GAC5B,qBAAqB,CAAA,EAC1B,oCAAD,IAAA,CAAA,EAAsB,CAAA,UAAA,MAAA,CAAA,sBAEnBA,EAAA,OAAO,EAAA,CAAA"}

package/dist/components/user-input/field/NeonField.vue.es.js

@@ -26,7 +26,7 @@ function $(e, n, h, C, v, w) {
       m(e.$slots, "default"),
       e.message !== null ? (o(), s("span", {
         key: 0,
-        class: a([`neon-color-text-${e.messageColor}`, "neon-field__message"]),
+        class: a([`neon-color-${e.messageColor}`, "neon-field__message"]),
         onClick: n[0] || (n[0] = b(() => {
         }, ["prevent", "stop"]))
       }, i(e.message), 3)) : t("", !0)

package/dist/components/user-input/field/NeonField.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonField.vue.es.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"{\n      'neon-field--optional': optional,\n      'neon-field--disabled': disabled,\n      'neon-field--with-message': message !== null,\n    }\"\n    :for=\"labelFor\"\n    class=\"neon-field\"\n  >\n    <span class=\"neon-field__label-wrapper\">\n      <span class=\"neon-field__label\">{{ label }}</span>\n      <neon-label v-if=\"optional\" :disabled=\"disabled\" :label=\"optionalLabel\" class=\"neon-field__optional\" size=\"xxs\" />\n    </span>\n    <div class=\"neon-field__contents\">\n      <!-- @slot optionally wrap the field with the label -->\n      <slot></slot>\n      <span\n        v-if=\"message !== null\"\n        :class=\"`neon-color-text-${messageColor}`\"\n        class=\"neon-field__message\"\n        @click.prevent.stop=\"\"\n      >\n        {{ message }}\n      </span>\n    </div>\n  </label>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_3","_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_toDisplayString","_createBlock","_component_neon_label","_renderSlot"],"mappings":";;;mBAUUA,IAAA,EAAA,OAAM,4BAA2B,GAC/BC,IAAA,EAAA,OAAM,oBAAmB,GAG5BC,IAAA,EAAA,OAAM,uBAAsB;;;cAbnCC,EAyBQ,SAAA;AAAA,IAxBL,OAAKC,EAAA,CAAA;AAAA,8BAAkCC,EAAA;AAAA,8BAAwCA,EAAA;AAAA,kCAA4CA,EAAA,YAAO;AAAA,OAM7H,YAAY,CAAA;AAAA,IADjB,KAAKA,EAAA;AAAA;IAGNC,EAGO,QAHPN,GAGO;AAAA,MAFLM,EAAkD,QAAlDL,GAAkDM,EAAfF,EAAA,KAAK,GAAA,CAAA;AAAA,MACtBA,EAAA,iBAAlBG,EAAkHC,GAAA;AAAA;QAArF,UAAUJ,EAAA;AAAA,QAAW,OAAOA,EAAA;AAAA,QAAe,OAAM;AAAA,QAAuB,MAAK;AAAA;;IAE5GC,EAWM,OAXNJ,GAWM;AAAA,MATJQ,EAAaL,EAAA,QAAA,SAAA;AAAA,MAELA,EAAA,YAAO,aADfF,EAOO,QAAA;AAAA;QALJ,OAAKC,EAAA,CAAA,mBAAqBC,EAAA,YAAY,IACjC,qBAAqB,CAAA;AAAA,QAC1B,2BAAD,MAAA;AAAA,QAAA,GAAsB,CAAA,WAAA,MAAA,CAAA;AAAA,WAEnBA,EAAA,OAAO,GAAA,CAAA;;;;;"}
+{"version":3,"file":"NeonField.vue.es.js","sources":["../../../../src/components/user-input/field/NeonField.vue"],"sourcesContent":["<template>\n  <label\n    :class=\"{\n      'neon-field--optional': optional,\n      'neon-field--disabled': disabled,\n      'neon-field--with-message': message !== null,\n    }\"\n    :for=\"labelFor\"\n    class=\"neon-field\"\n  >\n    <span class=\"neon-field__label-wrapper\">\n      <span class=\"neon-field__label\">{{ label }}</span>\n      <neon-label v-if=\"optional\" :disabled=\"disabled\" :label=\"optionalLabel\" class=\"neon-field__optional\" size=\"xxs\" />\n    </span>\n    <div class=\"neon-field__contents\">\n      <!-- @slot optionally wrap the field with the label -->\n      <slot></slot>\n      <span\n        v-if=\"message !== null\"\n        :class=\"`neon-color-${messageColor}`\"\n        class=\"neon-field__message\"\n        @click.prevent.stop=\"\"\n      >\n        {{ message }}\n      </span>\n    </div>\n  </label>\n</template>\n\n<script lang=\"ts\" src=\"./NeonField.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_3","_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_toDisplayString","_createBlock","_component_neon_label","_renderSlot"],"mappings":";;;mBAUUA,IAAA,EAAA,OAAM,4BAA2B,GAC/BC,IAAA,EAAA,OAAM,oBAAmB,GAG5BC,IAAA,EAAA,OAAM,uBAAsB;;;cAbnCC,EAyBQ,SAAA;AAAA,IAxBL,OAAKC,EAAA,CAAA;AAAA,8BAAkCC,EAAA;AAAA,8BAAwCA,EAAA;AAAA,kCAA4CA,EAAA,YAAO;AAAA,OAM7H,YAAY,CAAA;AAAA,IADjB,KAAKA,EAAA;AAAA;IAGNC,EAGO,QAHPN,GAGO;AAAA,MAFLM,EAAkD,QAAlDL,GAAkDM,EAAfF,EAAA,KAAK,GAAA,CAAA;AAAA,MACtBA,EAAA,iBAAlBG,EAAkHC,GAAA;AAAA;QAArF,UAAUJ,EAAA;AAAA,QAAW,OAAOA,EAAA;AAAA,QAAe,OAAM;AAAA,QAAuB,MAAK;AAAA;;IAE5GC,EAWM,OAXNJ,GAWM;AAAA,MATJQ,EAAaL,EAAA,QAAA,SAAA;AAAA,MAELA,EAAA,YAAO,aADfF,EAOO,QAAA;AAAA;QALJ,OAAKC,EAAA,CAAA,cAAgBC,EAAA,YAAY,IAC5B,qBAAqB,CAAA;AAAA,QAC1B,2BAAD,MAAA;AAAA,QAAA,GAAsB,CAAA,WAAA,MAAA,CAAA;AAAA,WAEnBA,EAAA,OAAO,GAAA,CAAA;;;;;"}

package/dist/components/user-input/file/NeonFile.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const a=require("./NeonFile.cjs.js"),l=require("vue"),t=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),r=["aria-disabled"],p={class:"neon-button-group neon-file__actions"};function u(e,o,m,c,f,C){const s=l.resolveComponent("neon-list"),d=l.resolveComponent("neon-input"),n=l.resolveComponent("neon-button");return l.openBlock(),l.createElementBlock("div",{"aria-disabled":e.disabled,class:l.normalizeClass([[`neon-file--${e.color}`,`neon-file--${e.size}`,{"neon-file--disabled":e.disabled,"neon-file--single":!e.multiple,"neon-file--direct-upload":e.directUpload}],"neon-file"])},[e.directUpload?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(s,{key:0,color:e.color,disabled:e.disabled,modelValue:e.fileList,size:e.size,onClose:e.remove},null,8,["color","disabled","modelValue","size","onClose"])),l.createVNode(d,{id:e.id,ref:"fileInput",modelValue:e.fileInputModel,"onUpdate:modelValue":o[0]||(o[0]=i=>e.fileInputModel=i),accept:e.accept,disabled:e.disabled,multiple:e.multiple,tabindex:-1,class:"neon-file__input",type:"file",onInput:e.onInput},null,8,["id","modelValue","accept","disabled","multiple","onInput"]),l.createElementVNode("div",p,[e.multiple&&!e.directUpload?(l.openBlock(),l.createBlock(n,{key:0,disabled:e.disabled||e.files.length===0,size:e.size,"button-style":"text",label:"Clear all",onClick:o[1]||(o[1]=i=>e.clearAll())},null,8,["disabled","size"])):l.createCommentVNode("",!0),l.createVNode(n,{"aria-controls":e.id?e.id:void 0,color:e.color,disabled:e.disabled,icon:e.icon,label:e.label,size:e.size,state:e.state,onClick:e.openFileDialog},null,8,["aria-controls","color","disabled","icon","label","size","state","onClick"])])],10,r)}const b=t(a,[["render",u]]);module.exports=b;
+"use strict";const a=require("./NeonFile.cjs.js"),l=require("vue"),t=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),r=["aria-disabled"],p={class:"neon-button-group neon-file__actions"};function u(e,o,c,m,f,C){const s=l.resolveComponent("neon-list"),d=l.resolveComponent("neon-input"),n=l.resolveComponent("neon-button");return l.openBlock(),l.createElementBlock("div",{"aria-disabled":e.disabled,class:l.normalizeClass([[`neon-file--${e.color}`,`neon-file--${e.size}`,{"neon-file--disabled":e.disabled,"neon-file--single":!e.multiple,"neon-file--direct-upload":e.directUpload}],"neon-file"])},[e.directUpload?l.createCommentVNode("",!0):(l.openBlock(),l.createBlock(s,{key:0,color:e.color,disabled:e.disabled,modelValue:e.fileList,size:e.size,onClose:e.remove},null,8,["color","disabled","modelValue","size","onClose"])),l.createVNode(d,{id:e.id,ref:"fileInput",modelValue:e.fileInputModel,"onUpdate:modelValue":o[0]||(o[0]=i=>e.fileInputModel=i),accept:e.accept,disabled:e.disabled,multiple:e.multiple,tabindex:-1,class:"neon-file__input",type:"file",onInput:e.onInput},null,8,["id","modelValue","accept","disabled","multiple","onInput"]),l.createElementVNode("div",p,[e.multiple&&!e.directUpload?(l.openBlock(),l.createBlock(n,{key:0,disabled:e.disabled||e.files.length===0,size:e.size,"button-style":"text",color:"low-contrast",label:"Clear all",onClick:o[1]||(o[1]=i=>e.clearAll())},null,8,["disabled","size"])):l.createCommentVNode("",!0),l.createVNode(n,{"aria-controls":e.id?e.id:void 0,color:e.color,disabled:e.disabled,icon:e.icon,label:e.label,size:e.size,state:e.state,onClick:e.openFileDialog},null,8,["aria-controls","color","disabled","icon","label","size","state","onClick"])])],10,r)}const b=t(a,[["render",u]]);module.exports=b;
 //# sourceMappingURL=NeonFile.vue.cjs.js.map