@aotearoan/neon 21.0.0 → 21.0.2

package/dist/components/presentation/dropdown/NeonDropdown.vue.es.js

@@ -1,13 +1,13 @@
 import m from "./NeonDropdown.es.js";
-import { resolveComponent as i, openBlock as r, createElementBlock as a, normalizeClass as p, createElementVNode as t, renderSlot as s, createVNode as u, withKeys as l, withModifiers as d, createBlock as v, createCommentVNode as C, withDirectives as f, vShow as y } from "vue";
-import k from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const O = { ref: "dropdownButton" }, $ = {
+import { resolveComponent as i, openBlock as l, createElementBlock as a, normalizeClass as p, createElementVNode as t, renderSlot as s, createVNode as u, withKeys as r, withModifiers as d, createBlock as v, createCommentVNode as f, withDirectives as y, vShow as C } from "vue";
+import c from "../../../_virtual/_plugin-vue_export-helper.es.js";
+const k = { ref: "dropdownButton" }, O = {
   key: 0,
   class: "neon-dropdown__button-wrapper"
-}, c = ["id", "tabindex"];
-function z(o, e, B, V, S, K) {
+}, $ = ["id", "tabindex"];
+function z(o, e, B, V, S, A) {
   const b = i("neon-button"), w = i("neon-badge"), g = i("neon-expansion-indicator");
-  return r(), a("div", {
+  return l(), a("div", {
     class: p([[
       {
         "neon-dropdown--with-indicator": o.indicator,
@@ -20,17 +20,19 @@ function z(o, e, B, V, S, K) {
       `neon-dropdown--${o.color}`
     ], "neon-dropdown"])
   }, [
-    t("div", O, [
+    t("div", k, [
       s(o.$slots, "dropdown-button", {}, () => [
-        o.isButtonStyle ? (r(), a("div", $, [
+        o.isButtonStyle ? (l(), a("div", O, [
           u(b, {
             id: o.id,
             "alternate-color": o.alternateColor,
             "aria-expanded": o.modelValue,
             "button-style": o.dropdownStyle,
-            color: o.color,
+            color: o.dropdownStyle === "input" ? "low-contrast" : o.color,
             disabled: o.disabled,
             icon: o.icon,
+            "icon-aria-label": o.iconAriaLabel,
+            "icon-position": o.dropdownStyle === "input" ? "right" : "left",
             indicator: o.indicator,
             "indicator-expanded": o.modelValue,
             label: o.label,
@@ -41,11 +43,11 @@ function z(o, e, B, V, S, K) {
             onFocus: e[1] || (e[1] = (n) => o.onFocus()),
             onClickCapture: d(o.toggleOpen, ["stop", "prevent"]),
             onKeydownCapture: [
-              l(d(o.toggleOpen, ["stop", "prevent"]), ["enter"]),
-              l(d(o.toggleOpen, ["stop", "prevent"]), ["space"])
+              r(d(o.toggleOpen, ["stop", "prevent"]), ["enter"]),
+              r(d(o.toggleOpen, ["stop", "prevent"]), ["space"])
             ]
-          }, null, 8, ["id", "alternate-color", "aria-expanded", "button-style", "color", "disabled", "icon", "indicator", "indicator-expanded", "label", "size", "onClickCapture", "onKeydownCapture"])
-        ])) : (r(), a("div", {
+          }, null, 8, ["id", "alternate-color", "aria-expanded", "button-style", "color", "disabled", "icon", "icon-aria-label", "icon-position", "indicator", "indicator-expanded", "label", "size", "onClickCapture", "onKeydownCapture"])
+        ])) : (l(), a("div", {
           key: 1,
           id: o.id,
           ref: "dropdownButton",
@@ -54,8 +56,8 @@ function z(o, e, B, V, S, K) {
           role: "button",
           onClickCapture: e[2] || (e[2] = d((...n) => o.toggleOpen && o.toggleOpen(...n), ["stop", "prevent"])),
           onKeydownCapture: [
-            e[3] || (e[3] = l(d((...n) => o.toggleOpen && o.toggleOpen(...n), ["stop", "prevent"]), ["enter"])),
-            e[4] || (e[4] = l(d((...n) => o.toggleOpen && o.toggleOpen(...n), ["stop", "prevent"]), ["space"]))
+            e[3] || (e[3] = r(d((...n) => o.toggleOpen && o.toggleOpen(...n), ["stop", "prevent"]), ["enter"])),
+            e[4] || (e[4] = r(d((...n) => o.toggleOpen && o.toggleOpen(...n), ["stop", "prevent"]), ["space"]))
           ]
         }, [
           u(w, {
@@ -69,28 +71,28 @@ function z(o, e, B, V, S, K) {
             label: o.label,
             size: o.size
           }, null, 8, ["alternate-color", "circular", "color", "disabled", "icon", "image", "imageAlt", "label", "size"]),
-          o.indicator ? (r(), v(g, {
+          o.indicator ? (l(), v(g, {
             key: 0,
             color: o.color,
             disabled: o.disabled,
             expanded: o.modelValue,
             class: "neon-button__indicator"
-          }, null, 8, ["color", "disabled", "expanded"])) : C("", !0)
-        ], 40, c))
+          }, null, 8, ["color", "disabled", "expanded"])) : f("", !0)
+        ], 40, $))
       ])
     ], 512),
     e[5] || (e[5] = t("div", { class: "neon-dropdown__click-blocker" }, null, -1)),
-    f(t("div", {
+    y(t("div", {
       ref: "dropdownContent",
       class: p([`neon-dropdown__content--${o.dropdownPlacement}`, "neon-dropdown__content"])
     }, [
       s(o.$slots, "default")
     ], 2), [
-      [y, o.openOnHover || o.modelValue]
+      [C, o.openOnHover || o.modelValue]
     ])
   ], 2);
 }
-const E = /* @__PURE__ */ k(m, [["render", z]]);
+const E = /* @__PURE__ */ c(m, [["render", z]]);
 export {
   E as default
 };

package/dist/components/presentation/dropdown/NeonDropdown.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonDropdown.vue.es.js","sources":["../../../../src/components/presentation/dropdown/NeonDropdown.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-dropdown--with-indicator': indicator,\n        'neon-dropdown--open': modelValue,\n        'neon-dropdown--open-on-hover': openOnHover,\n        'neon-dropdown--icon-only': icon && !label,\n        'neon-dropdown--disabled': disabled,\n      },\n      `neon-dropdown--${size}`,\n      `neon-dropdown--${color}`,\n    ]\"\n    class=\"neon-dropdown\"\n  >\n    <div ref=\"dropdownButton\">\n      <!-- @slot optionally replace the dropdown button with a custom control -->\n      <slot name=\"dropdown-button\">\n        <div v-if=\"isButtonStyle\" class=\"neon-dropdown__button-wrapper\">\n          <neon-button\n            :id=\"id\"\n            :alternate-color=\"alternateColor\"\n            :aria-expanded=\"modelValue\"\n            :button-style=\"dropdownStyle\"\n            :color=\"color\"\n            :disabled=\"disabled\"\n            :icon=\"icon\"\n            :indicator=\"indicator\"\n            :indicator-expanded=\"modelValue\"\n            :label=\"label\"\n            :size=\"size\"\n            aria-haspopup=\"true\"\n            class=\"neon-dropdown__button\"\n            @blur=\"onBlur()\"\n            @focus=\"onFocus()\"\n            @click.stop.prevent.capture=\"toggleOpen\"\n            @keydown.enter.stop.prevent.capture=\"toggleOpen\"\n            @keydown.space.stop.prevent.capture=\"toggleOpen\"\n          />\n        </div>\n        <div\n          v-else\n          :id=\"id\"\n          ref=\"dropdownButton\"\n          :tabindex=\"!disabled ? 0 : undefined\"\n          class=\"neon-dropdown__badge\"\n          role=\"button\"\n          @click.stop.prevent.capture=\"toggleOpen\"\n          @keydown.enter.stop.prevent.capture=\"toggleOpen\"\n          @keydown.space.stop.prevent.capture=\"toggleOpen\"\n        >\n          <neon-badge\n            :alternate-color=\"alternateColor\"\n            :circular=\"dropdownStyle === 'circular-badge'\"\n            :color=\"color\"\n            :disabled=\"disabled\"\n            :icon=\"icon\"\n            :image=\"image\"\n            :imageAlt=\"imageAlt\"\n            :label=\"label\"\n            :size=\"size\"\n          />\n          <neon-expansion-indicator\n            v-if=\"indicator\"\n            :color=\"color\"\n            :disabled=\"disabled\"\n            :expanded=\"modelValue\"\n            class=\"neon-button__indicator\"\n          />\n        </div>\n      </slot>\n    </div>\n    <div class=\"neon-dropdown__click-blocker\" />\n    <div\n      v-show=\"openOnHover || modelValue\"\n      ref=\"dropdownContent\"\n      :class=\"`neon-dropdown__content--${dropdownPlacement}`\"\n      class=\"neon-dropdown__content\"\n    >\n      <!-- @slot The content of the open dropdown -->\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDropdown.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_renderSlot","_openBlock","_hoisted_2","_createVNode","_component_neon_button","args","_component_neon_badge","_createBlock","_component_neon_expansion_indicator","_vShow"],"mappings":";;;AAeS,MAAAA,IAAA,EAAA,KAAI,iBAAgB;;EAGK,OAAM;;;;cAjBtCC,EAiFM,OAAA;AAAA,IAhFH,OAAKC,EAAA,CAAA;AAAA;yCAAqDC,EAAA;AAAA,+BAA0CA,EAAA;AAAA,wCAAoDA,EAAA;AAAA,QAAiD,4BAAAA,EAAA,SAASA,EAAA;AAAA,mCAA0CA,EAAA;AAAA;wBAA2CA,EAAA,IAAI;AAAA,wBAA4BA,EAAA,KAAK;AAAA,OAWvU,eAAe,CAAA;AAAA;IAErBC,EAwDM,OAxDNJ,GAwDM;AAAA,MAtDJK,EAqDOF,iCArDP,MAqDO;AAAA,QApDMA,EAAA,iBAAXG,KAAAL,EAqBM,OArBNM,GAqBM;AAAA,UApBJC,EAmBEC,GAAA;AAAA,YAlBC,IAAIN,EAAA;AAAA,YACJ,mBAAiBA,EAAA;AAAA,YACjB,iBAAeA,EAAA;AAAA,YACf,gBAAcA,EAAA;AAAA,YACd,OAAOA,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,MAAMA,EAAA;AAAA,YACN,WAAWA,EAAA;AAAA,YACX,sBAAoBA,EAAA;AAAA,YACpB,OAAOA,EAAA;AAAA,YACP,MAAMA,EAAA;AAAA,YACP,iBAAc;AAAA,YACd,OAAM;AAAA,YACL,+BAAMA,EAAA,OAAM;AAAA,YACZ,gCAAOA,EAAA,QAAO;AAAA,8BACcA,EAAA,YAAU,CAAA,QAAA,SAAA,CAAA;AAAA;kBACFA,EAAA,YAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,kBACVA,EAAA,YAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;oBAGnDF,EA6BM,OAAA;AAAA;UA3BH,IAAIE,EAAA;AAAA,UACL,KAAI;AAAA,UACH,UAAWA,EAAA,WAAe,SAAP;AAAA,UACpB,OAAM;AAAA,UACN,MAAK;AAAA,sDACwBA,EAAA,cAAAA,EAAA,WAAA,GAAAO,CAAA,GAAU,CAAA,QAAA,SAAA,CAAA;AAAA;0CACFP,EAAA,cAAAA,EAAA,WAAA,GAAAO,CAAA,GAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,0CACVP,EAAA,cAAAA,EAAA,WAAA,GAAAO,CAAA,GAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;UAE/CF,EAUEG,GAAA;AAAA,YATC,mBAAiBR,EAAA;AAAA,YACjB,UAAUA,EAAA,kBAAa;AAAA,YACvB,OAAOA,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,MAAMA,EAAA;AAAA,YACN,OAAOA,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,OAAOA,EAAA;AAAA,YACP,MAAMA,EAAA;AAAA;UAGDA,EAAA,kBADRS,EAMEC,GAAA;AAAA;YAJC,OAAOV,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,UAAUA,EAAA;AAAA,YACX,OAAM;AAAA;;;;oBAKdC,EAA4C,OAAA,EAAvC,OAAM,+BAA8B,GAAA,MAAA,EAAA;AAAA,MACzCA,EAQM,OAAA;AAAA,MANJ,KAAI;AAAA,MACH,OAAKF,EAAA,CAAA,2BAA6BC,EAAA,iBAAiB,IAC9C,wBAAwB,CAAA;AAAA;MAG9BE,EAAaF,EAAA,QAAA,SAAA;AAAA;MANL,CAAAW,GAAAX,EAAA,eAAeA,EAAA,UAAU;AAAA;;;;"}
+{"version":3,"file":"NeonDropdown.vue.es.js","sources":["../../../../src/components/presentation/dropdown/NeonDropdown.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      {\n        'neon-dropdown--with-indicator': indicator,\n        'neon-dropdown--open': modelValue,\n        'neon-dropdown--open-on-hover': openOnHover,\n        'neon-dropdown--icon-only': icon && !label,\n        'neon-dropdown--disabled': disabled,\n      },\n      `neon-dropdown--${size}`,\n      `neon-dropdown--${color}`,\n    ]\"\n    class=\"neon-dropdown\"\n  >\n    <div ref=\"dropdownButton\">\n      <!-- @slot optionally replace the dropdown button with a custom control -->\n      <slot name=\"dropdown-button\">\n        <div v-if=\"isButtonStyle\" class=\"neon-dropdown__button-wrapper\">\n          <neon-button\n            :id=\"id\"\n            :alternate-color=\"alternateColor\"\n            :aria-expanded=\"modelValue\"\n            :button-style=\"dropdownStyle\"\n            :color=\"dropdownStyle === 'input' ? 'low-contrast' : color\"\n            :disabled=\"disabled\"\n            :icon=\"icon\"\n            :icon-aria-label=\"iconAriaLabel\"\n            :icon-position=\"dropdownStyle === 'input' ? 'right' : 'left'\"\n            :indicator=\"indicator\"\n            :indicator-expanded=\"modelValue\"\n            :label=\"label\"\n            :size=\"size\"\n            aria-haspopup=\"true\"\n            class=\"neon-dropdown__button\"\n            @blur=\"onBlur()\"\n            @focus=\"onFocus()\"\n            @click.stop.prevent.capture=\"toggleOpen\"\n            @keydown.enter.stop.prevent.capture=\"toggleOpen\"\n            @keydown.space.stop.prevent.capture=\"toggleOpen\"\n          />\n        </div>\n        <div\n          v-else\n          :id=\"id\"\n          ref=\"dropdownButton\"\n          :tabindex=\"!disabled ? 0 : undefined\"\n          class=\"neon-dropdown__badge\"\n          role=\"button\"\n          @click.stop.prevent.capture=\"toggleOpen\"\n          @keydown.enter.stop.prevent.capture=\"toggleOpen\"\n          @keydown.space.stop.prevent.capture=\"toggleOpen\"\n        >\n          <neon-badge\n            :alternate-color=\"alternateColor\"\n            :circular=\"dropdownStyle === 'circular-badge'\"\n            :color=\"color\"\n            :disabled=\"disabled\"\n            :icon=\"icon\"\n            :image=\"image\"\n            :imageAlt=\"imageAlt\"\n            :label=\"label\"\n            :size=\"size\"\n          />\n          <neon-expansion-indicator\n            v-if=\"indicator\"\n            :color=\"color\"\n            :disabled=\"disabled\"\n            :expanded=\"modelValue\"\n            class=\"neon-button__indicator\"\n          />\n        </div>\n      </slot>\n    </div>\n    <div class=\"neon-dropdown__click-blocker\" />\n    <div\n      v-show=\"openOnHover || modelValue\"\n      ref=\"dropdownContent\"\n      :class=\"`neon-dropdown__content--${dropdownPlacement}`\"\n      class=\"neon-dropdown__content\"\n    >\n      <!-- @slot The content of the open dropdown -->\n      <slot></slot>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDropdown.ts\"></script>\n"],"names":["_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_renderSlot","_openBlock","_hoisted_2","_createVNode","_component_neon_button","args","_component_neon_badge","_createBlock","_component_neon_expansion_indicator","_vShow"],"mappings":";;;AAeS,MAAAA,IAAA,EAAA,KAAI,iBAAgB;;EAGK,OAAM;;;;cAjBtCC,EAmFM,OAAA;AAAA,IAlFH,OAAKC,EAAA,CAAA;AAAA;yCAAqDC,EAAA;AAAA,+BAA0CA,EAAA;AAAA,wCAAoDA,EAAA;AAAA,QAAiD,4BAAAA,EAAA,SAASA,EAAA;AAAA,mCAA0CA,EAAA;AAAA;wBAA2CA,EAAA,IAAI;AAAA,wBAA4BA,EAAA,KAAK;AAAA,OAWvU,eAAe,CAAA;AAAA;IAErBC,EA0DM,OA1DNJ,GA0DM;AAAA,MAxDJK,EAuDOF,iCAvDP,MAuDO;AAAA,QAtDMA,EAAA,iBAAXG,KAAAL,EAuBM,OAvBNM,GAuBM;AAAA,UAtBJC,EAqBEC,GAAA;AAAA,YApBC,IAAIN,EAAA;AAAA,YACJ,mBAAiBA,EAAA;AAAA,YACjB,iBAAeA,EAAA;AAAA,YACf,gBAAcA,EAAA;AAAA,YACd,OAAOA,EAAA,kBAAa,UAAA,iBAAgCA,EAAA;AAAA,YACpD,UAAUA,EAAA;AAAA,YACV,MAAMA,EAAA;AAAA,YACN,mBAAiBA,EAAA;AAAA,YACjB,iBAAeA,EAAA,kBAAa,UAAA,UAAA;AAAA,YAC5B,WAAWA,EAAA;AAAA,YACX,sBAAoBA,EAAA;AAAA,YACpB,OAAOA,EAAA;AAAA,YACP,MAAMA,EAAA;AAAA,YACP,iBAAc;AAAA,YACd,OAAM;AAAA,YACL,+BAAMA,EAAA,OAAM;AAAA,YACZ,gCAAOA,EAAA,QAAO;AAAA,8BACcA,EAAA,YAAU,CAAA,QAAA,SAAA,CAAA;AAAA;kBACFA,EAAA,YAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,kBACVA,EAAA,YAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;oBAGnDF,EA6BM,OAAA;AAAA;UA3BH,IAAIE,EAAA;AAAA,UACL,KAAI;AAAA,UACH,UAAWA,EAAA,WAAe,SAAP;AAAA,UACpB,OAAM;AAAA,UACN,MAAK;AAAA,sDACwBA,EAAA,cAAAA,EAAA,WAAA,GAAAO,CAAA,GAAU,CAAA,QAAA,SAAA,CAAA;AAAA;0CACFP,EAAA,cAAAA,EAAA,WAAA,GAAAO,CAAA,GAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,0CACVP,EAAA,cAAAA,EAAA,WAAA,GAAAO,CAAA,GAAU,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;UAE/CF,EAUEG,GAAA;AAAA,YATC,mBAAiBR,EAAA;AAAA,YACjB,UAAUA,EAAA,kBAAa;AAAA,YACvB,OAAOA,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,MAAMA,EAAA;AAAA,YACN,OAAOA,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,OAAOA,EAAA;AAAA,YACP,MAAMA,EAAA;AAAA;UAGDA,EAAA,kBADRS,EAMEC,GAAA;AAAA;YAJC,OAAOV,EAAA;AAAA,YACP,UAAUA,EAAA;AAAA,YACV,UAAUA,EAAA;AAAA,YACX,OAAM;AAAA;;;;oBAKdC,EAA4C,OAAA,EAAvC,OAAM,+BAA8B,GAAA,MAAA,EAAA;AAAA,MACzCA,EAQM,OAAA;AAAA,MANJ,KAAI;AAAA,MACH,OAAKF,EAAA,CAAA,2BAA6BC,EAAA,iBAAiB,IAC9C,wBAAwB,CAAA;AAAA;MAG9BE,EAAaF,EAAA,QAAA,SAAA;AAAA;MANL,CAAAW,GAAAX,EAAA,eAAeA,EAAA,UAAU;AAAA;;;;"}

package/dist/components/user-input/button/NeonButton.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),b=require("../../../common/enums/NeonButtonSize.cjs.js"),y=require("../../../common/enums/NeonFunctionalColor.cjs.js"),u=require("../../../common/enums/NeonButtonStyle.cjs.js"),S=require("../../../common/enums/NeonHorizontalPosition.cjs.js"),N=require("../../presentation/icon/NeonIcon.vue.cjs.js"),B=require("../../navigation/link/NeonLink.vue.cjs.js"),g=require("../../presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),o=require("../../../common/enums/NeonState.cjs.js"),m=e.defineComponent({name:"NeonButton",components:{NeonExpansionIndicator:g,NeonIcon:N,NeonLink:B},props:{href:{type:String,default:null},label:{type:String,default:null},size:{type:String,default:b.NeonButtonSize.Medium},color:{type:String,default:y.NeonFunctionalColor.Primary},inverse:{type:Boolean,default:!1},alternateColor:{type:String,default:null},icon:{type:String,default:null},iconPosition:{type:String,default:S.NeonHorizontalPosition.Left},buttonStyle:{type:String,default:u.NeonButtonStyle.Solid},state:{type:String,default:o.NeonState.Ready},disabled:{type:Boolean,default:!1},transparent:{type:Boolean,default:!1},outline:{type:Boolean,default:!0},circular:{type:Boolean,default:null},fullWidth:{type:Boolean,default:null},indicator:{type:Boolean,default:!1},indicatorExpanded:{type:Boolean,default:null}},emits:["click"],setup(t,{emit:a}){const i=e.useAttrs(),l=e.ref(null),c=e.computed(()=>{switch(t.state){case o.NeonState.Loading:return"loading";case o.NeonState.Success:return"check";case o.NeonState.Error:return"times";default:return t.icon}}),r=e.computed(()=>[`neon-button--${t.size}`,!t.inverse&&`neon-button--${t.color}`,`neon-button--${t.buttonStyle}`,`neon-button--state-${t.state}`,{"neon-button--text-transparent":t.transparent&&t.buttonStyle===u.NeonButtonStyle.Text,"neon-button--disabled":t.disabled,"neon-button--inverse":t.inverse,"neon-button--circular":t.circular,"neon-button--no-outline":!t.outline,"neon-button--full-width":t.fullWidth,"neon-button--with-icon neon-button--icon-only":!t.label&&t.icon&&!t.indicator,"neon-button--with-icon neon-button--icon-left":t.label&&t.icon&&t.iconPosition==="left","neon-button--with-icon neon-button--icon-right":t.label&&t.icon&&t.iconPosition==="right",[`neon-button--alternate-color-${t.alternateColor}`]:t.alternateColor}]),d=()=>{var n;return(n=l.value)==null?void 0:n.click()},s=e.computed(()=>{const{onClick:n,...f}=i;return f});return{iconName:c,classes:r,button:l,attrs:i,sanitizedAttributes:s,clickLink:d,clickButton:()=>{var n;t.disabled||a("click"),(n=l.value)==null||n.blur()}}}});module.exports=m;
+"use strict";const e=require("vue"),f=require("../../../common/enums/NeonButtonSize.cjs.js"),y=require("../../../common/enums/NeonFunctionalColor.cjs.js"),o=require("../../../common/enums/NeonButtonStyle.cjs.js"),S=require("../../../common/enums/NeonHorizontalPosition.cjs.js"),N=require("../../presentation/icon/NeonIcon.vue.cjs.js"),B=require("../../navigation/link/NeonLink.vue.cjs.js"),g=require("../../presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),l=require("../../../common/enums/NeonState.cjs.js"),m=e.defineComponent({name:"NeonButton",components:{NeonExpansionIndicator:g,NeonIcon:N,NeonLink:B},props:{href:{type:String,default:null},label:{type:String,default:null},size:{type:String,default:f.NeonButtonSize.Medium},color:{type:String,default:y.NeonFunctionalColor.Primary},inverse:{type:Boolean,default:!1},alternateColor:{type:String,default:null},icon:{type:String,default:null},iconAriaLabel:{type:String},iconPosition:{type:String,default:S.NeonHorizontalPosition.Left},buttonStyle:{type:String,default:o.NeonButtonStyle.Solid},state:{type:String,default:l.NeonState.Ready},disabled:{type:Boolean,default:!1},transparent:{type:Boolean,default:!1},outline:{type:Boolean,default:!0},circular:{type:Boolean,default:null},fullWidth:{type:Boolean,default:null},indicator:{type:Boolean,default:!1},indicatorExpanded:{type:Boolean,default:null}},emits:["click"],setup(t,{emit:a}){const u=e.useAttrs(),i=e.ref(null),c=e.computed(()=>{switch(t.state){case l.NeonState.Loading:return"loading";case l.NeonState.Success:return"check";case l.NeonState.Error:return"times";default:return t.icon}}),r=e.computed(()=>[`neon-button--${t.size}`,!t.inverse&&`neon-button--${t.color}`,`neon-button--${t.buttonStyle}`,`neon-button--state-${t.state}`,{"neon-button--text-transparent":t.transparent&&t.buttonStyle===o.NeonButtonStyle.Text,"neon-button--disabled":t.disabled,"neon-button--inverse":t.inverse,"neon-button--circular":t.circular,"neon-button--no-outline":!t.outline,"neon-button--full-width":t.fullWidth,"neon-button--with-icon neon-button--icon-only":t.buttonStyle!==o.NeonButtonStyle.Input&&!t.label&&t.icon&&!t.indicator,"neon-button--with-icon neon-button--icon-left":t.label&&t.icon&&t.iconPosition==="left","neon-button--with-icon neon-button--icon-right":(t.label||t.buttonStyle===o.NeonButtonStyle.Input)&&t.icon&&t.iconPosition==="right",[`neon-button--alternate-color-${t.alternateColor}`]:t.alternateColor}]),d=()=>{var n;return(n=i.value)==null?void 0:n.click()},s=e.computed(()=>{const{onClick:n,...b}=u;return b});return{iconName:c,classes:r,button:i,attrs:u,sanitizedAttributes:s,clickLink:d,clickButton:()=>{var n;t.disabled||a("click"),(n=i.value)==null||n.blur()}}}});module.exports=m;
 //# sourceMappingURL=NeonButton.cjs.js.map

package/dist/components/user-input/button/NeonButton.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * For text buttons, do not display the background. This is useful for icon buttons in headers.\n     */\n    transparent: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the button or link.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--text-transparent': props.transparent && props.buttonStyle === NeonButtonStyle.Text,\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only': !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right': props.label && props.icon && props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const clickLink = () => button.value?.click();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const clickButton = () => {\n      if (!props.disabled) {\n        emit('click');\n      }\n      button.value?.blur();\n    };\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      sanitizedAttributes,\n      clickLink,\n      clickButton,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonState","props","emit","attrs","useAttrs","button","ref","iconName","computed","classes","clickLink","_a","sanitizedAttributes","onClick","sanitized"],"mappings":"ghBAaAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,uBAAAC,EACA,SAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,KAAM,CAAE,KAAM,OAAgC,QAASC,EAAAA,eAAe,MAAA,EAItE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAKjF,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAA,EAItE,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,aAAc,CAAE,KAAM,OAAwC,QAASC,EAAAA,uBAAuB,IAAA,EAI9F,YAAa,CAAE,KAAM,OAAiC,QAASC,EAAAA,gBAAgB,KAAA,EAI/E,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAA,EAI7D,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,YAAa,CAAE,KAAM,QAAS,QAAS,EAAA,EAIvC,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,IAAA,EAIpC,UAAW,CAAE,KAAM,QAAS,QAAS,IAAA,EAKrC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,EAKrC,kBAAmB,CAAE,KAAM,QAAS,QAAS,IAAA,CAAK,EAEpD,MAAO,CAIL,OAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,SAAA,EAERC,EAASC,EAAAA,IAAwB,IAAI,EAErCC,EAAWC,EAAAA,SAAS,IAAM,CAC9B,OAAQP,EAAM,MAAA,CACZ,KAAKD,EAAAA,UAAU,QACb,MAAO,UACT,KAAKA,EAAAA,UAAU,QACb,MAAO,QACT,KAAKA,EAAAA,UAAU,MACb,MAAO,QACT,QACE,OAAOC,EAAM,IAAA,CAEnB,CAAC,EAEKQ,EAAUD,EAAAA,SAAS,IAChB,CACL,gBAAgBP,EAAM,IAAI,GAC1B,CAACA,EAAM,SAAW,gBAAgBA,EAAM,KAAK,GAC7C,gBAAgBA,EAAM,WAAW,GACjC,sBAAsBA,EAAM,KAAK,GACjC,CACE,gCAAiCA,EAAM,aAAeA,EAAM,cAAgBF,EAAAA,gBAAgB,KAC5F,wBAAyBE,EAAM,SAC/B,uBAAwBA,EAAM,QAC9B,wBAAyBA,EAAM,SAC/B,0BAA2B,CAACA,EAAM,QAClC,0BAA2BA,EAAM,UACjC,gDAAiD,CAACA,EAAM,OAASA,EAAM,MAAQ,CAACA,EAAM,UACtF,gDAAiDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,OACrG,iDAAkDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,QACtG,CAAC,gCAAgCA,EAAM,cAAc,EAAE,EAAGA,EAAM,cAAA,CAClE,CAEH,EAEKS,EAAY,IAAA,OAAM,OAAAC,EAAAN,EAAO,QAAP,YAAAM,EAAc,SAEhCC,EAAsBJ,EAAAA,SAAS,IAAM,CAEzC,KAAM,CAAE,QAAAK,EAAS,GAAGC,CAAA,EAAcX,EAClC,OAAOW,CACT,CAAC,EASD,MAAO,CACL,SAAAP,EACA,QAAAE,EACA,OAAAJ,EACA,MAAAF,EACA,oBAAAS,EACA,UAAAF,EACA,YAdkB,IAAM,OACnBT,EAAM,UACTC,EAAK,OAAO,GAEdS,EAAAN,EAAO,QAAP,MAAAM,EAAc,MAChB,CASE,CAEJ,CACF,CAAC"}
+{"version":3,"file":"NeonButton.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * The aria label of the icon button\n     */\n    iconAriaLabel: { type: String },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * For text buttons, do not display the background. This is useful for icon buttons in headers.\n     */\n    transparent: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the button or link.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--text-transparent': props.transparent && props.buttonStyle === NeonButtonStyle.Text,\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only':\n            props.buttonStyle !== NeonButtonStyle.Input && !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right':\n            (props.label || props.buttonStyle === NeonButtonStyle.Input) &&\n            props.icon &&\n            props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const clickLink = () => button.value?.click();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const clickButton = () => {\n      if (!props.disabled) {\n        emit('click');\n      }\n      button.value?.blur();\n    };\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      sanitizedAttributes,\n      clickLink,\n      clickButton,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonState","props","emit","attrs","useAttrs","button","ref","iconName","computed","classes","clickLink","_a","sanitizedAttributes","onClick","sanitized"],"mappings":"ghBAaAA,EAAeC,kBAAgB,CAC7B,KAAM,aACN,WAAY,CACV,uBAAAC,EACA,SAAAC,EACA,SAAAC,CAAA,EAEF,MAAO,CAIL,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,MAAO,CAAE,KAAM,OAAQ,QAAS,IAAA,EAIhC,KAAM,CAAE,KAAM,OAAgC,QAASC,EAAAA,eAAe,MAAA,EAItE,MAAO,CAAE,KAAM,OAAqC,QAASC,EAAAA,oBAAoB,OAAA,EAKjF,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,eAAgB,CAAE,KAAM,OAAqC,QAAS,IAAA,EAItE,KAAM,CAAE,KAAM,OAAQ,QAAS,IAAA,EAI/B,cAAe,CAAE,KAAM,MAAA,EAIvB,aAAc,CAAE,KAAM,OAAwC,QAASC,EAAAA,uBAAuB,IAAA,EAI9F,YAAa,CAAE,KAAM,OAAiC,QAASC,EAAAA,gBAAgB,KAAA,EAI/E,MAAO,CAAE,KAAM,OAA2B,QAASC,EAAAA,UAAU,KAAA,EAI7D,SAAU,CAAE,KAAM,QAAS,QAAS,EAAA,EAIpC,YAAa,CAAE,KAAM,QAAS,QAAS,EAAA,EAIvC,QAAS,CAAE,KAAM,QAAS,QAAS,EAAA,EAInC,SAAU,CAAE,KAAM,QAAS,QAAS,IAAA,EAIpC,UAAW,CAAE,KAAM,QAAS,QAAS,IAAA,EAKrC,UAAW,CAAE,KAAM,QAAS,QAAS,EAAA,EAKrC,kBAAmB,CAAE,KAAM,QAAS,QAAS,IAAA,CAAK,EAEpD,MAAO,CAIL,OAAA,EAEF,MAAMC,EAAO,CAAE,KAAAC,GAAQ,CACrB,MAAMC,EAAQC,EAAAA,SAAA,EAERC,EAASC,EAAAA,IAAwB,IAAI,EAErCC,EAAWC,EAAAA,SAAS,IAAM,CAC9B,OAAQP,EAAM,MAAA,CACZ,KAAKD,EAAAA,UAAU,QACb,MAAO,UACT,KAAKA,EAAAA,UAAU,QACb,MAAO,QACT,KAAKA,EAAAA,UAAU,MACb,MAAO,QACT,QACE,OAAOC,EAAM,IAAA,CAEnB,CAAC,EAEKQ,EAAUD,EAAAA,SAAS,IAChB,CACL,gBAAgBP,EAAM,IAAI,GAC1B,CAACA,EAAM,SAAW,gBAAgBA,EAAM,KAAK,GAC7C,gBAAgBA,EAAM,WAAW,GACjC,sBAAsBA,EAAM,KAAK,GACjC,CACE,gCAAiCA,EAAM,aAAeA,EAAM,cAAgBF,EAAAA,gBAAgB,KAC5F,wBAAyBE,EAAM,SAC/B,uBAAwBA,EAAM,QAC9B,wBAAyBA,EAAM,SAC/B,0BAA2B,CAACA,EAAM,QAClC,0BAA2BA,EAAM,UACjC,gDACEA,EAAM,cAAgBF,EAAAA,gBAAgB,OAAS,CAACE,EAAM,OAASA,EAAM,MAAQ,CAACA,EAAM,UACtF,gDAAiDA,EAAM,OAASA,EAAM,MAAQA,EAAM,eAAiB,OACrG,kDACGA,EAAM,OAASA,EAAM,cAAgBF,kBAAgB,QACtDE,EAAM,MACNA,EAAM,eAAiB,QACzB,CAAC,gCAAgCA,EAAM,cAAc,EAAE,EAAGA,EAAM,cAAA,CAClE,CAEH,EAEKS,EAAY,IAAA,OAAM,OAAAC,EAAAN,EAAO,QAAP,YAAAM,EAAc,SAEhCC,EAAsBJ,EAAAA,SAAS,IAAM,CAEzC,KAAM,CAAE,QAAAK,EAAS,GAAGC,CAAA,EAAcX,EAClC,OAAOW,CACT,CAAC,EASD,MAAO,CACL,SAAAP,EACA,QAAAE,EACA,OAAAJ,EACA,MAAAF,EACA,oBAAAS,EACA,UAAAF,EACA,YAdkB,IAAM,OACnBT,EAAM,UACTC,EAAK,OAAO,GAEdS,EAAAN,EAAO,QAAP,MAAAM,EAAc,MAChB,CASE,CAEJ,CACF,CAAC"}

package/dist/components/user-input/button/NeonButton.es.js

@@ -1,13 +1,13 @@
-import { defineComponent as b, useAttrs as m, ref as y, computed as l } from "vue";
+import { defineComponent as s, useAttrs as m, ref as y, computed as i } from "vue";
 import { NeonButtonSize as S } from "../../../common/enums/NeonButtonSize.es.js";
 import { NeonFunctionalColor as g } from "../../../common/enums/NeonFunctionalColor.es.js";
-import { NeonButtonStyle as a } from "../../../common/enums/NeonButtonStyle.es.js";
+import { NeonButtonStyle as e } from "../../../common/enums/NeonButtonStyle.es.js";
 import { NeonHorizontalPosition as B } from "../../../common/enums/NeonHorizontalPosition.es.js";
 import h from "../../presentation/icon/NeonIcon.vue.es.js";
 import k from "../../navigation/link/NeonLink.vue.es.js";
 import N from "../../presentation/expansion-indicator/NeonExpansionIndicator.vue.es.js";
-import { NeonState as e } from "../../../common/enums/NeonState.es.js";
-const I = b({
+import { NeonState as o } from "../../../common/enums/NeonState.es.js";
+const E = s({
   name: "NeonButton",
   components: {
     NeonExpansionIndicator: N,
@@ -44,6 +44,10 @@ const I = b({
      * Optional icon to display
      */
     icon: { type: String, default: null },
+    /**
+     * The aria label of the icon button
+     */
+    iconAriaLabel: { type: String },
     /**
      * Position of the icon if combined with text
      */
@@ -51,11 +55,11 @@ const I = b({
     /**
      * The style of button
      */
-    buttonStyle: { type: String, default: a.Solid },
+    buttonStyle: { type: String, default: e.Solid },
     /**
      * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.
      */
-    state: { type: String, default: e.Ready },
+    state: { type: String, default: o.Ready },
     /**
      * Whether the button is disabled
      */
@@ -94,56 +98,56 @@ const I = b({
     "click"
   ],
   setup(t, { emit: u }) {
-    const i = m(), o = y(null), c = l(() => {
+    const a = m(), l = y(null), c = i(() => {
       switch (t.state) {
-        case e.Loading:
+        case o.Loading:
           return "loading";
-        case e.Success:
+        case o.Success:
           return "check";
-        case e.Error:
+        case o.Error:
           return "times";
         default:
           return t.icon;
       }
-    }), r = l(() => [
+    }), r = i(() => [
       `neon-button--${t.size}`,
       !t.inverse && `neon-button--${t.color}`,
       `neon-button--${t.buttonStyle}`,
       `neon-button--state-${t.state}`,
       {
-        "neon-button--text-transparent": t.transparent && t.buttonStyle === a.Text,
+        "neon-button--text-transparent": t.transparent && t.buttonStyle === e.Text,
         "neon-button--disabled": t.disabled,
         "neon-button--inverse": t.inverse,
         "neon-button--circular": t.circular,
         "neon-button--no-outline": !t.outline,
         "neon-button--full-width": t.fullWidth,
-        "neon-button--with-icon neon-button--icon-only": !t.label && t.icon && !t.indicator,
+        "neon-button--with-icon neon-button--icon-only": t.buttonStyle !== e.Input && !t.label && t.icon && !t.indicator,
         "neon-button--with-icon neon-button--icon-left": t.label && t.icon && t.iconPosition === "left",
-        "neon-button--with-icon neon-button--icon-right": t.label && t.icon && t.iconPosition === "right",
+        "neon-button--with-icon neon-button--icon-right": (t.label || t.buttonStyle === e.Input) && t.icon && t.iconPosition === "right",
         [`neon-button--alternate-color-${t.alternateColor}`]: t.alternateColor
       }
     ]), d = () => {
       var n;
-      return (n = o.value) == null ? void 0 : n.click();
-    }, f = l(() => {
-      const { onClick: n, ...s } = i;
-      return s;
+      return (n = l.value) == null ? void 0 : n.click();
+    }, f = i(() => {
+      const { onClick: n, ...b } = a;
+      return b;
     });
     return {
       iconName: c,
       classes: r,
-      button: o,
-      attrs: i,
+      button: l,
+      attrs: a,
       sanitizedAttributes: f,
       clickLink: d,
       clickButton: () => {
         var n;
-        t.disabled || u("click"), (n = o.value) == null || n.blur();
+        t.disabled || u("click"), (n = l.value) == null || n.blur();
       }
     };
   }
 });
 export {
-  I as default
+  E as default
 };
 //# sourceMappingURL=NeonButton.es.js.map

package/dist/components/user-input/button/NeonButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.es.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * For text buttons, do not display the background. This is useful for icon buttons in headers.\n     */\n    transparent: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the button or link.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--text-transparent': props.transparent && props.buttonStyle === NeonButtonStyle.Text,\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only': !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right': props.label && props.icon && props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const clickLink = () => button.value?.click();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const clickButton = () => {\n      if (!props.disabled) {\n        emit('click');\n      }\n      button.value?.blur();\n    };\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      sanitizedAttributes,\n      clickLink,\n      clickButton,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonState","props","emit","attrs","useAttrs","button","ref","iconName","computed","classes","clickLink","_a","sanitizedAttributes","onClick","sanitized"],"mappings":"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"}
+{"version":3,"file":"NeonButton.es.js","sources":["../../../../src/components/user-input/button/NeonButton.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonButtonSize } from '@/common/enums/NeonButtonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonButtonStyle } from '@/common/enums/NeonButtonStyle';\nimport { NeonHorizontalPosition } from '@/common/enums/NeonHorizontalPosition';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport NeonLink from '@/components/navigation/link/NeonLink.vue';\nimport NeonExpansionIndicator from '@/components/presentation/expansion-indicator/NeonExpansionIndicator.vue';\nimport { NeonState } from '@/common/enums/NeonState';\n\n/**\n * A button component. Renders an HTML button or, if an href is provided, renders using NeonLink in the style of a button. NeonButton supports all events and attributes of HTML buttons, e.g, @click.\n */\nexport default defineComponent({\n  name: 'NeonButton',\n  components: {\n    NeonExpansionIndicator,\n    NeonIcon,\n    NeonLink,\n  },\n  props: {\n    /**\n     * Optional href for rendering a button as a link\n     */\n    href: { type: String, default: null },\n    /**\n     * The text to display on a button\n     */\n    label: { type: String, default: null },\n    /**\n     * The button size\n     */\n    size: { type: String as () => NeonButtonSize, default: NeonButtonSize.Medium },\n    /**\n     * The button color\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * Display the button as high-contrast with inverted colors. This is useful for placing a button on a colored background.\n     * NOTE: Supports Solid & Outline button styles only (gradient & text buttons are not supported)\n     */\n    inverse: { type: Boolean, default: false },\n    /**\n     * Solid buttons ONLY. Alternate color for creating a gradient buttons. NOTE: can also be the same color as 'color'.\n     */\n    alternateColor: { type: String as () => NeonFunctionalColor, default: null },\n    /**\n     * Optional icon to display\n     */\n    icon: { type: String, default: null },\n    /**\n     * The aria label of the icon button\n     */\n    iconAriaLabel: { type: String },\n    /**\n     * Position of the icon if combined with text\n     */\n    iconPosition: { type: String as () => NeonHorizontalPosition, default: NeonHorizontalPosition.Left },\n    /**\n     * The style of button\n     */\n    buttonStyle: { type: String as () => NeonButtonStyle, default: NeonButtonStyle.Solid },\n    /**\n     * Provide button states of <em>ready, loading, success or error</em> which change the display of the button (with icons) to reflect the state.\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * Whether the button is disabled\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * For text buttons, do not display the background. This is useful for icon buttons in headers.\n     */\n    transparent: { type: Boolean, default: false },\n    /**\n     * Whether to display a button outline when the button has focus\n     */\n    outline: { type: Boolean, default: true },\n    /**\n     * Make the button circular. NOTE: This is only for icon only buttons.\n     */\n    circular: { type: Boolean, default: null },\n    /**\n     * Make a button extend to the full width of the parent container.\n     */\n    fullWidth: { type: Boolean, default: null },\n    /**\n     * INTERNAL USE ONLY: display a NeonExpansionIndicator on the button (used for dropdown buttons)\n     * @ignore\n     */\n    indicator: { type: Boolean, default: false },\n    /**\n     * INTERNAL USE ONLY: display the NeonExpansionIndicator on the button as <em>open</em> or <em>closed</em>.\n     * @ignore\n     */\n    indicatorExpanded: { type: Boolean, default: null },\n  },\n  emits: [\n    /**\n     * Emitted when the user clicks on the button or link.\n     */\n    'click',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n\n    const button = ref<HTMLElement | null>(null);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return 'check';\n        case NeonState.Error:\n          return 'times';\n        default:\n          return props.icon;\n      }\n    });\n\n    const classes = computed(() => {\n      return [\n        `neon-button--${props.size}`,\n        !props.inverse && `neon-button--${props.color}`,\n        `neon-button--${props.buttonStyle}`,\n        `neon-button--state-${props.state}`,\n        {\n          'neon-button--text-transparent': props.transparent && props.buttonStyle === NeonButtonStyle.Text,\n          'neon-button--disabled': props.disabled,\n          'neon-button--inverse': props.inverse,\n          'neon-button--circular': props.circular,\n          'neon-button--no-outline': !props.outline,\n          'neon-button--full-width': props.fullWidth,\n          'neon-button--with-icon neon-button--icon-only':\n            props.buttonStyle !== NeonButtonStyle.Input && !props.label && props.icon && !props.indicator,\n          'neon-button--with-icon neon-button--icon-left': props.label && props.icon && props.iconPosition === 'left',\n          'neon-button--with-icon neon-button--icon-right':\n            (props.label || props.buttonStyle === NeonButtonStyle.Input) &&\n            props.icon &&\n            props.iconPosition === 'right',\n          [`neon-button--alternate-color-${props.alternateColor}`]: props.alternateColor,\n        },\n      ];\n    });\n\n    const clickLink = () => button.value?.click();\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const clickButton = () => {\n      if (!props.disabled) {\n        emit('click');\n      }\n      button.value?.blur();\n    };\n\n    return {\n      iconName,\n      classes,\n      button,\n      attrs,\n      sanitizedAttributes,\n      clickLink,\n      clickButton,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonExpansionIndicator","NeonIcon","NeonLink","NeonButtonSize","NeonFunctionalColor","NeonHorizontalPosition","NeonButtonStyle","NeonState","props","emit","attrs","useAttrs","button","ref","iconName","computed","classes","clickLink","_a","sanitizedAttributes","onClick","sanitized"],"mappings":"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"}

package/dist/components/user-input/button/NeonButton.vue.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const r=require("./NeonButton.cjs.js"),n=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={key:1,class:"neon-button__label"},u=["disabled","tabindex"],b={key:1,class:"neon-button__label"};function c(e,o,k,m,y,B){const t=n.resolveComponent("neon-icon"),l=n.resolveComponent("neon-link"),s=n.resolveComponent("neon-expansion-indicator");return e.href?(n.openBlock(),n.createBlock(l,n.mergeProps({key:0,ref:"button",class:[e.classes,"neon-button"],href:e.href,tabindex:e.disabled?-1:0,"outline-style":"none",role:"button"},e.sanitizedAttributes,{onKeydown:n.withKeys(n.withModifiers(e.clickLink,["prevent"]),["space"])}),{default:n.withCtx(()=>[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",d,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)]),_:1},16,["class","href","tabindex","onKeydown"])):(n.openBlock(),n.createElementBlock("button",n.mergeProps({key:1,ref:"button",class:[e.classes,"neon-button"],disabled:e.disabled||e.state!=="ready",tabindex:e.disabled?-1:0},e.sanitizedAttributes,{onClick:o[0]||(o[0]=(...i)=>e.clickButton&&e.clickButton(...i))}),[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",b,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0),e.indicator?(n.openBlock(),n.createBlock(s,{key:2,color:e.buttonStyle==="text"?e.color:"low-contrast",disabled:e.disabled,expanded:e.indicatorExpanded,inverse:e.buttonStyle==="solid"||e.inverse,class:"neon-button__indicator"},null,8,["color","disabled","expanded","inverse"])):n.createCommentVNode("",!0)],16,u))}const p=a(r,[["render",c]]);module.exports=p;
+"use strict";const r=require("./NeonButton.cjs.js"),n=require("vue"),a=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),d={key:1,class:"neon-button__label"},u=["disabled","tabindex"],b={key:1,class:"neon-button__label"};function c(e,o,k,m,y,B){const t=n.resolveComponent("neon-icon"),l=n.resolveComponent("neon-link"),i=n.resolveComponent("neon-expansion-indicator");return e.href?(n.openBlock(),n.createBlock(l,n.mergeProps({key:0,ref:"button",class:[e.classes,"neon-button"],href:e.href,tabindex:e.disabled?-1:0,"outline-style":"none",role:"button"},e.sanitizedAttributes,{onKeydown:n.withKeys(n.withModifiers(e.clickLink,["prevent"]),["space"])}),{default:n.withCtx(()=>[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label?(n.openBlock(),n.createElementBlock("span",d,n.toDisplayString(e.label),1)):n.createCommentVNode("",!0)]),_:1},16,["class","href","tabindex","onKeydown"])):(n.openBlock(),n.createElementBlock("button",n.mergeProps({key:1,ref:"button",class:[e.classes,"neon-button"],disabled:e.disabled||e.state!=="ready",tabindex:e.disabled?-1:0},e.sanitizedAttributes,{onClick:o[0]||(o[0]=(...s)=>e.clickButton&&e.clickButton(...s))}),[e.icon||e.state!=="ready"?(n.openBlock(),n.createBlock(t,{key:0,"aria-label":e.iconAriaLabel,color:e.buttonStyle!=="solid"?e.color:void 0,disabled:e.disabled,inverse:e.buttonStyle==="solid"||e.inverse,name:e.iconName},null,8,["aria-label","color","disabled","inverse","name"])):n.createCommentVNode("",!0),e.label||e.buttonStyle==="input"?(n.openBlock(),n.createElementBlock("span",b,n.toDisplayString(e.label||e.buttonStyle==="input"&&""),1)):n.createCommentVNode("",!0),e.indicator?(n.openBlock(),n.createBlock(i,{key:2,color:e.buttonStyle==="text"?e.color:"low-contrast",disabled:e.disabled,expanded:e.indicatorExpanded,inverse:e.buttonStyle==="solid"||e.inverse,class:"neon-button__indicator"},null,8,["color","disabled","expanded","inverse"])):n.createCommentVNode("",!0)],16,u))}const p=a(r,[["render",c]]);module.exports=p;
 //# sourceMappingURL=NeonButton.vue.cjs.js.map

package/dist/components/user-input/button/NeonButton.vue.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.vue.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n  <neon-link\n    v-if=\"href\"\n    ref=\"button\"\n    :class=\"classes\"\n    :href=\"href\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    outline-style=\"none\"\n    role=\"button\"\n    v-bind=\"sanitizedAttributes\"\n    @keydown.space.prevent=\"clickLink\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n  </neon-link>\n  <button\n    v-else\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"clickButton\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n    <neon-expansion-indicator\n      v-if=\"indicator\"\n      :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n      :disabled=\"disabled\"\n      :expanded=\"indicatorExpanded\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      class=\"neon-button__indicator\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":"8IAoBuB,MAAM,yDAmBN,MAAM,gLArCnBA,EAAA,MADRC,EAAAA,YAAAC,EAAAA,YAoBYC,EApBZC,aAoBY,OAlBV,IAAI,SACH,MAAK,CAAEJ,EAAA,QAGF,aAAa,EAFlB,KAAMA,EAAA,KACN,SAAWA,EAAA,SAAQ,GAAA,EAEpB,gBAAc,OACd,KAAK,UACGA,EAAA,oBAAmB,CAC1B,qCAAuBA,EAAA,UAAS,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,uBAEjC,IAME,CALMA,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAMEG,EAAA,OAJC,MAAOL,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,qFAEGA,EAAA,qBAAZM,EAAAA,mBAAgE,OAAhEC,EAAgEC,EAAAA,gBAAfR,EAAA,KAAK,EAAA,CAAA,oFAExDC,EAAAA,YAAAK,EAAAA,mBA0BS,SA1BTF,aA0BS,OAxBP,IAAI,SACH,MAAK,CAAEJ,EAAA,QAGF,aAAa,EAFlB,SAAUA,EAAA,UAAYA,EAAA,QAAK,QAC3B,SAAWA,EAAA,SAAQ,GAAA,GAEZA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,aAAAA,EAAA,YAAA,GAAAS,CAAA,MAGAT,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAMEG,EAAA,OAJC,MAAOL,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,qFAEGA,EAAA,qBAAZM,EAAAA,mBAAgE,OAAhEI,EAAgEF,EAAAA,gBAAfR,EAAA,KAAK,EAAA,CAAA,+BAE9CA,EAAA,yBADRE,EAAAA,YAOES,EAAA,OALC,MAAOX,EAAA,cAAW,OAAcA,EAAA,MAAK,eACrC,SAAUA,EAAA,SACV,SAAUA,EAAA,kBACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACrC,MAAM"}
+{"version":3,"file":"NeonButton.vue.cjs.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n  <neon-link\n    v-if=\"href\"\n    ref=\"button\"\n    :class=\"classes\"\n    :href=\"href\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    outline-style=\"none\"\n    role=\"button\"\n    v-bind=\"sanitizedAttributes\"\n    @keydown.space.prevent=\"clickLink\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n  </neon-link>\n  <button\n    v-else\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"clickButton\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :aria-label=\"iconAriaLabel\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label || buttonStyle === 'input'\" class=\"neon-button__label\">\n      {{ label || (buttonStyle === 'input' && '') }}\n    </span>\n    <neon-expansion-indicator\n      v-if=\"indicator\"\n      :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n      :disabled=\"disabled\"\n      :expanded=\"indicatorExpanded\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      class=\"neon-button__indicator\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":"8IAoBuB,MAAM,yDAoBqB,MAAM,gLAtC9CA,EAAA,MADRC,EAAAA,YAAAC,EAAAA,YAoBYC,EApBZC,aAoBY,OAlBV,IAAI,SACH,MAAK,CAAEJ,EAAA,QAGF,aAAa,EAFlB,KAAMA,EAAA,KACN,SAAWA,EAAA,SAAQ,GAAA,EAEpB,gBAAc,OACd,KAAK,UACGA,EAAA,oBAAmB,CAC1B,qCAAuBA,EAAA,UAAS,CAAA,SAAA,CAAA,EAAA,CAAA,OAAA,CAAA,uBAEjC,IAME,CALMA,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAMEG,EAAA,OAJC,MAAOL,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,qFAEGA,EAAA,qBAAZM,EAAAA,mBAAgE,OAAhEC,EAAgEC,EAAAA,gBAAfR,EAAA,KAAK,EAAA,CAAA,oFAExDC,EAAAA,YAAAK,EAAAA,mBA6BS,SA7BTF,aA6BS,OA3BP,IAAI,SACH,MAAK,CAAEJ,EAAA,QAGF,aAAa,EAFlB,SAAUA,EAAA,UAAYA,EAAA,QAAK,QAC3B,SAAWA,EAAA,SAAQ,GAAA,GAEZA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,aAAAA,EAAA,YAAA,GAAAS,CAAA,MAGAT,EAAA,MAAQA,EAAA,QAAK,uBADrBE,EAAAA,YAOEG,EAAA,OALC,aAAYL,EAAA,cACZ,MAAOA,EAAA,cAAW,QAAeA,EAAA,MAAQ,OACzC,SAAUA,EAAA,SACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACpC,KAAMA,EAAA,kGAEGA,EAAA,OAASA,EAAA,cAAW,SAAhCC,EAAAA,UAAA,EAAAK,EAAAA,mBAEO,OAFPI,EAEOF,EAAAA,gBADFR,EAAA,OAAUA,EAAA,cAAW,SAAA,EAAA,EAAA,CAAA,+BAGlBA,EAAA,yBADRE,EAAAA,YAOES,EAAA,OALC,MAAOX,EAAA,cAAW,OAAcA,EAAA,MAAK,eACrC,SAAUA,EAAA,SACV,SAAUA,EAAA,kBACV,QAASA,EAAA,cAAW,SAAgBA,EAAA,QACrC,MAAM"}

package/dist/components/user-input/button/NeonButton.vue.es.js

@@ -1,5 +1,5 @@
-import m from "./NeonButton.es.js";
-import { resolveComponent as s, openBlock as n, createBlock as i, mergeProps as d, withKeys as y, withModifiers as f, withCtx as k, createCommentVNode as o, createElementBlock as l, toDisplayString as r } from "vue";
+import y from "./NeonButton.es.js";
+import { resolveComponent as l, openBlock as n, createBlock as i, mergeProps as d, withKeys as m, withModifiers as f, withCtx as k, createCommentVNode as o, createElementBlock as s, toDisplayString as r } from "vue";
 import c from "../../../_virtual/_plugin-vue_export-helper.es.js";
 const v = {
   key: 1,
@@ -9,7 +9,7 @@ const v = {
   class: "neon-button__label"
 };
 function w(e, t, B, C, N, $) {
-  const a = s("neon-icon"), b = s("neon-link"), u = s("neon-expansion-indicator");
+  const a = l("neon-icon"), b = l("neon-link"), u = l("neon-expansion-indicator");
   return e.href ? (n(), i(b, d({
     key: 0,
     ref: "button",
@@ -19,7 +19,7 @@ function w(e, t, B, C, N, $) {
     "outline-style": "none",
     role: "button"
   }, e.sanitizedAttributes, {
-    onKeydown: y(f(e.clickLink, ["prevent"]), ["space"])
+    onKeydown: m(f(e.clickLink, ["prevent"]), ["space"])
   }), {
     default: k(() => [
       e.icon || e.state !== "ready" ? (n(), i(a, {
@@ -29,10 +29,10 @@ function w(e, t, B, C, N, $) {
         inverse: e.buttonStyle === "solid" || e.inverse,
         name: e.iconName
       }, null, 8, ["color", "disabled", "inverse", "name"])) : o("", !0),
-      e.label ? (n(), l("span", v, r(e.label), 1)) : o("", !0)
+      e.label ? (n(), s("span", v, r(e.label), 1)) : o("", !0)
     ]),
     _: 1
-  }, 16, ["class", "href", "tabindex", "onKeydown"])) : (n(), l("button", d({
+  }, 16, ["class", "href", "tabindex", "onKeydown"])) : (n(), s("button", d({
     key: 1,
     ref: "button",
     class: [e.classes, "neon-button"],
@@ -43,12 +43,13 @@ function w(e, t, B, C, N, $) {
   }), [
     e.icon || e.state !== "ready" ? (n(), i(a, {
       key: 0,
+      "aria-label": e.iconAriaLabel,
       color: e.buttonStyle !== "solid" ? e.color : void 0,
       disabled: e.disabled,
       inverse: e.buttonStyle === "solid" || e.inverse,
       name: e.iconName
-    }, null, 8, ["color", "disabled", "inverse", "name"])) : o("", !0),
-    e.label ? (n(), l("span", S, r(e.label), 1)) : o("", !0),
+    }, null, 8, ["aria-label", "color", "disabled", "inverse", "name"])) : o("", !0),
+    e.label || e.buttonStyle === "input" ? (n(), s("span", S, r(e.label || e.buttonStyle === "input" && ""), 1)) : o("", !0),
     e.indicator ? (n(), i(u, {
       key: 2,
       color: e.buttonStyle === "text" ? e.color : "low-contrast",
@@ -59,8 +60,8 @@ function w(e, t, B, C, N, $) {
     }, null, 8, ["color", "disabled", "expanded", "inverse"])) : o("", !0)
   ], 16, h));
 }
-const A = /* @__PURE__ */ c(m, [["render", w]]);
+const z = /* @__PURE__ */ c(y, [["render", w]]);
 export {
-  A as default
+  z as default
 };
 //# sourceMappingURL=NeonButton.vue.es.js.map

package/dist/components/user-input/button/NeonButton.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonButton.vue.es.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n  <neon-link\n    v-if=\"href\"\n    ref=\"button\"\n    :class=\"classes\"\n    :href=\"href\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    outline-style=\"none\"\n    role=\"button\"\n    v-bind=\"sanitizedAttributes\"\n    @keydown.space.prevent=\"clickLink\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n  </neon-link>\n  <button\n    v-else\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"clickButton\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n    <neon-expansion-indicator\n      v-if=\"indicator\"\n      :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n      :disabled=\"disabled\"\n      :expanded=\"indicatorExpanded\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      class=\"neon-button__indicator\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":";;;;;EAoBuB,OAAM;;;EAmBN,OAAM;;;;SArCnBA,EAAA,QADRC,KAAAC,EAoBYC,GApBZC,EAoBY;AAAA;IAlBV,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,MAAMA,EAAA;AAAA,IACN,UAAWA,EAAA,WAAQ,KAAA;AAAA,IAEpB,iBAAc;AAAA,IACd,MAAK;AAAA,KACGA,EAAA,qBAAmB;AAAA,IAC1B,eAAuBA,EAAA,WAAS,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;eAEjC,MAME;AAAA,MALMA,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAMEG,GAAA;AAAA;QAJC,OAAOL,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,QACzC,UAAUA,EAAA;AAAA,QACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,QACpC,MAAMA,EAAA;AAAA;MAEGA,EAAA,cAAZM,EAAgE,QAAhEC,GAAgEC,EAAfR,EAAA,KAAK,GAAA,CAAA;;;yDAExDC,KAAAK,EA0BS,UA1BTF,EA0BS;AAAA;IAxBP,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,UAAUA,EAAA,YAAYA,EAAA,UAAK;AAAA,IAC3B,UAAWA,EAAA,WAAQ,KAAA;AAAA,KAEZA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,eAAAA,EAAA,YAAA,GAAAS,CAAA;AAAA;IAGAT,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAMEG,GAAA;AAAA;MAJC,OAAOL,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,MACzC,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACpC,MAAMA,EAAA;AAAA;IAEGA,EAAA,cAAZM,EAAgE,QAAhEI,GAAgEF,EAAfR,EAAA,KAAK,GAAA,CAAA;IAE9CA,EAAA,kBADRE,EAOES,GAAA;AAAA;MALC,OAAOX,EAAA,gBAAW,SAAcA,EAAA,QAAK;AAAA,MACrC,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACrC,OAAM;AAAA;;;;"}
+{"version":3,"file":"NeonButton.vue.es.js","sources":["../../../../src/components/user-input/button/NeonButton.vue"],"sourcesContent":["<template>\n  <neon-link\n    v-if=\"href\"\n    ref=\"button\"\n    :class=\"classes\"\n    :href=\"href\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    outline-style=\"none\"\n    role=\"button\"\n    v-bind=\"sanitizedAttributes\"\n    @keydown.space.prevent=\"clickLink\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label\" class=\"neon-button__label\">{{ label }}</span>\n  </neon-link>\n  <button\n    v-else\n    ref=\"button\"\n    :class=\"classes\"\n    :disabled=\"disabled || state !== 'ready'\"\n    :tabindex=\"!disabled ? 0 : -1\"\n    class=\"neon-button\"\n    v-bind=\"sanitizedAttributes\"\n    @click=\"clickButton\"\n  >\n    <neon-icon\n      v-if=\"icon || state !== 'ready'\"\n      :aria-label=\"iconAriaLabel\"\n      :color=\"buttonStyle !== 'solid' ? color : undefined\"\n      :disabled=\"disabled\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      :name=\"iconName\"\n    />\n    <span v-if=\"label || buttonStyle === 'input'\" class=\"neon-button__label\">\n      {{ label || (buttonStyle === 'input' && '') }}\n    </span>\n    <neon-expansion-indicator\n      v-if=\"indicator\"\n      :color=\"buttonStyle === 'text' ? color : 'low-contrast'\"\n      :disabled=\"disabled\"\n      :expanded=\"indicatorExpanded\"\n      :inverse=\"buttonStyle === 'solid' || inverse\"\n      class=\"neon-button__indicator\"\n    />\n  </button>\n</template>\n\n<script lang=\"ts\" src=\"./NeonButton.ts\" />\n"],"names":["_ctx","_openBlock","_createBlock","_component_neon_link","_mergeProps","_component_neon_icon","_createElementBlock","_hoisted_1","_toDisplayString","args","_hoisted_3","_component_neon_expansion_indicator"],"mappings":";;;;;EAoBuB,OAAM;;;EAoBqB,OAAM;;;;SAtC9CA,EAAA,QADRC,KAAAC,EAoBYC,GApBZC,EAoBY;AAAA;IAlBV,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,MAAMA,EAAA;AAAA,IACN,UAAWA,EAAA,WAAQ,KAAA;AAAA,IAEpB,iBAAc;AAAA,IACd,MAAK;AAAA,KACGA,EAAA,qBAAmB;AAAA,IAC1B,eAAuBA,EAAA,WAAS,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;eAEjC,MAME;AAAA,MALMA,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAMEG,GAAA;AAAA;QAJC,OAAOL,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,QACzC,UAAUA,EAAA;AAAA,QACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,QACpC,MAAMA,EAAA;AAAA;MAEGA,EAAA,cAAZM,EAAgE,QAAhEC,GAAgEC,EAAfR,EAAA,KAAK,GAAA,CAAA;;;yDAExDC,KAAAK,EA6BS,UA7BTF,EA6BS;AAAA;IA3BP,KAAI;AAAA,IACH,OAAK,CAAEJ,EAAA,SAGF,aAAa;AAAA,IAFlB,UAAUA,EAAA,YAAYA,EAAA,UAAK;AAAA,IAC3B,UAAWA,EAAA,WAAQ,KAAA;AAAA,KAEZA,EAAA,qBAAmB;AAAA,IAC1B,mCAAOA,EAAA,eAAAA,EAAA,YAAA,GAAAS,CAAA;AAAA;IAGAT,EAAA,QAAQA,EAAA,UAAK,gBADrBE,EAOEG,GAAA;AAAA;MALC,cAAYL,EAAA;AAAA,MACZ,OAAOA,EAAA,gBAAW,UAAeA,EAAA,QAAQ;AAAA,MACzC,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACpC,MAAMA,EAAA;AAAA;IAEGA,EAAA,SAASA,EAAA,gBAAW,WAAhCC,EAAA,GAAAK,EAEO,QAFPI,GAEOF,EADFR,EAAA,SAAUA,EAAA,gBAAW,WAAA,EAAA,GAAA,CAAA;IAGlBA,EAAA,kBADRE,EAOES,GAAA;AAAA;MALC,OAAOX,EAAA,gBAAW,SAAcA,EAAA,QAAK;AAAA,MACrC,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,SAASA,EAAA,gBAAW,WAAgBA,EAAA;AAAA,MACrC,OAAM;AAAA;;;;"}

package/dist/components/user-input/date-picker/NeonDatePicker.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const t=require("vue"),ee=require("../../../common/enums/NeonSize.cjs.js"),ae=require("../../../common/enums/NeonFunctionalColor.cjs.js"),te=require("../../presentation/dropdown/NeonDropdown.vue.cjs.js"),ne=require("../button/NeonButton.vue.cjs.js"),le=require("../input/NeonInput.vue.cjs.js"),r=require("../../../common/utils/NeonDateUtils.cjs.js"),oe=require("../../../common/enums/NeonDropdownPlacement.cjs.js"),ue=t.defineComponent({name:"NeonDatePicker",components:{NeonButton:ne,NeonDropdown:te,NeonInput:le},props:{modelValue:{type:String,default:null},locale:{type:String,default:null},disabled:{type:Boolean,default:!1},size:{type:String,default:ee.NeonSize.Medium},color:{type:String,default:ae.NeonFunctionalColor.Primary},min:{type:String,default:null},max:{type:String,default:null},placement:{type:String,default:oe.NeonDropdownPlacement.BottomLeft},disabledDates:{type:Array,default:()=>[]},placeholder:{type:String,required:!1},openCalendarLabel:{type:String,default:"Open calendar"},doneLabel:{type:String,default:"Done"},clearLabel:{type:String,default:"Clear"},changeMonthLabel:{type:String,default:"Change month"},previousMonthLabel:{type:String,default:"Previous month"},nextMonthLabel:{type:String,default:"Next month"},changeYearLabel:{type:String,default:"Change year"},previousYearLabel:{type:String,default:"Previous year"},nextYearLabel:{type:String,default:"Next year"},previousDecadeLabel:{type:String,default:"Previous decade"},nextDecadeLabel:{type:String,default:"Next decade"}},setup(e,{emit:y}){const D=t.useAttrs(),q=!D.required,T=t.ref(null),f=t.ref(null),c=t.ref(!1),d=t.ref(!1),m=t.ref(!1),U=t.computed(()=>{if(e.modelValue){const a=r.NeonDateUtils.stringToNeonDate(e.modelValue,e.locale,!0);if(a){const{dayFormatted:n,monthShortName:u,yearFormatted:Z}=a;return`${n} ${u} ${Z}`}}return""}),V=(a,n,u)=>r.NeonDateUtils.dmyToIso(a,n,u),v=new Date,b=e.locale||navigator.language,o=t.ref(v.getMonth()),l=t.ref(v.getFullYear()),i=t.ref(Math.floor(l.value/10)*10),h=()=>{o.value=e.modelValue?+e.modelValue.substring(5,7):+v.toLocaleString(b,{month:"numeric"}),l.value=e.modelValue?+e.modelValue.substring(0,4):+v.toLocaleString(b,{year:"numeric"}),i.value=Math.floor(l.value/10)*10};h();const s=t.computed(()=>r.NeonDateUtils.toCalendarConfiguration(e.modelValue,o.value,l.value,i.value,e.locale)),I=t.computed(()=>{const{day:a,month:n,year:u}=s.value.today;return r.NeonDateUtils.dmyToIso(a,n,u)}),O=()=>{if(!e.disabled&&(h(),c.value=!0,f.value)){const a=f.value.querySelector(".neon-date-picker__calendar-date--selected");a&&setTimeout(()=>a.focus())}},p=a=>{y("update:modelValue",a)},w=()=>{o.value===1?(o.value=12,l.value=l.value-1):o.value=o.value-1},F=()=>{o.value===12?(o.value=1,l.value=l.value+1):o.value=o.value+1},$=()=>{d.value=!0},N=t.computed(()=>e.min&&e.min>=r.NeonDateUtils.dmyToIso(1,s.value.pageMonth,s.value.pageYear)),x=t.computed(()=>{const{pageYear:a,pageMonth:n,lastDayOfMonth:u}=s.value;return e.max&&e.max<=r.NeonDateUtils.dmyToIso(u,n,a)}),_=t.computed(()=>N.value&&x.value),z=()=>{l.value=l.value-1},B=()=>{l.value=l.value+1},k=()=>{m.value=!0},S=t.computed(()=>e.min&&e.min>=r.NeonDateUtils.dmyToIso(1,1,s.value.pageYear)),Y=t.computed(()=>e.max&&e.max<=r.NeonDateUtils.dmyToIso(31,12,s.value.pageYear)),A=t.computed(()=>S.value&&Y.value),R=()=>{i.value=i.value-10},j=()=>{i.value=i.value+10},E=t.computed(()=>e.min&&e.min>=r.NeonDateUtils.dmyToIso(1,1,Math.floor(s.value.pageYear/10)*10)),G=t.computed(()=>e.max&&e.max<=r.NeonDateUtils.dmyToIso(31,12,Math.floor(s.value.pageYear/10)*10+9)),g=()=>{d.value=!1,m.value=!1},H=()=>{c.value=!1,g()},J=()=>{y("update:modelValue",null),c.value=!1,g()},K=a=>{o.value=a,d.value=!1},Q=a=>{l.value=a,m.value=!1},W=a=>{var n;return((n=e.disabledDates)==null?void 0:n.indexOf(a))>=0||e.min&&e.min>a||e.max&&e.max<a},X=(a,n)=>{const u=`${a}-${n<10?"0"+n:n}`;return C.value&&C.value>u||P.value&&P.value<u},M=t.computed(()=>e.min?+e.min.substring(0,4):null),C=t.computed(()=>e.min?e.min.substring(0,7):null),L=t.computed(()=>e.max?+e.max.substring(0,4):null),P=t.computed(()=>e.max?e.max.substring(0,7):null);return{attrs:D,calendar:s,calendarOpen:c,dropdown:T,formattedValue:U,isChangeDateDisabled:_,isChangeYearDisabled:A,isNextDisabled:x,isNextDecadeDisabled:G,isNextYearDisabled:Y,isPreviousDisabled:N,isPreviousDecadeDisabled:E,isPreviousYearDisabled:S,monthSelectionOpen:d,optional:q,today:I,calendarRef:f,yearSelectionOpen:m,changeMonth:$,changeYear:k,clear:J,done:H,emitDate:p,isDisabled:W,isoDate:V,isMonthDisabled:X,isYearDisabled:a=>M.value&&M.value>a||L.value&&L.value<a,openCalendar:O,onNext:F,onNextDecade:j,onNextYear:B,onPrevious:w,onPreviousDecade:R,onPreviousYear:z,resetToCalendar:g,selectMonth:K,selectYear:Q}}});module.exports=ue;
+"use strict";const t=require("vue"),ee=require("../../../common/enums/NeonSize.cjs.js"),ae=require("../../../common/enums/NeonFunctionalColor.cjs.js"),te=require("../../presentation/dropdown/NeonDropdown.vue.cjs.js"),ne=require("../button/NeonButton.vue.cjs.js"),le=require("../input/NeonInput.vue.cjs.js"),r=require("../../../common/utils/NeonDateUtils.cjs.js"),oe=require("../../../common/enums/NeonDropdownPlacement.cjs.js"),ue=t.defineComponent({name:"NeonDatePicker",components:{NeonButton:ne,NeonDropdown:te,NeonInput:le},props:{id:{type:String},modelValue:{type:String,default:null},locale:{type:String,default:null},disabled:{type:Boolean,default:!1},size:{type:String,default:ee.NeonSize.Medium},color:{type:String,default:ae.NeonFunctionalColor.Primary},min:{type:String,default:null},max:{type:String,default:null},placement:{type:String,default:oe.NeonDropdownPlacement.BottomLeft},disabledDates:{type:Array,default:()=>[]},placeholder:{type:String,required:!1},openCalendarLabel:{type:String,default:"Open calendar"},doneLabel:{type:String,default:"Done"},clearLabel:{type:String,default:"Clear"},changeMonthLabel:{type:String,default:"Change month"},previousMonthLabel:{type:String,default:"Previous month"},nextMonthLabel:{type:String,default:"Next month"},changeYearLabel:{type:String,default:"Change year"},previousYearLabel:{type:String,default:"Previous year"},nextYearLabel:{type:String,default:"Next year"},previousDecadeLabel:{type:String,default:"Previous decade"},nextDecadeLabel:{type:String,default:"Next decade"}},setup(e,{emit:y}){const D=t.useAttrs(),q=!D.required,T=t.ref(null),v=t.ref(null),f=t.ref(!1),c=t.ref(!1),d=t.ref(!1),U=t.computed(()=>{if(e.modelValue){const a=r.NeonDateUtils.stringToNeonDate(e.modelValue,e.locale,!0);if(a){const{dayFormatted:n,monthShortName:u,yearFormatted:Z}=a;return`${n} ${u} ${Z}`}}return e.placeholder||""}),V=(a,n,u)=>r.NeonDateUtils.dmyToIso(a,n,u),m=new Date,h=e.locale||navigator.language,o=t.ref(m.getMonth()),l=t.ref(m.getFullYear()),s=t.ref(Math.floor(l.value/10)*10),b=()=>{o.value=e.modelValue?+e.modelValue.substring(5,7):+m.toLocaleString(h,{month:"numeric"}),l.value=e.modelValue?+e.modelValue.substring(0,4):+m.toLocaleString(h,{year:"numeric"}),s.value=Math.floor(l.value/10)*10};b();const i=t.computed(()=>r.NeonDateUtils.toCalendarConfiguration(e.modelValue,o.value,l.value,s.value,e.locale)),I=t.computed(()=>{const{day:a,month:n,year:u}=i.value.today;return r.NeonDateUtils.dmyToIso(a,n,u)}),O=()=>{if(!e.disabled&&(b(),v.value)){const a=v.value.querySelector(".neon-date-picker__calendar-date--selected");a&&setTimeout(()=>a.focus())}},w=a=>{y("update:modelValue",a)},F=()=>{o.value===1?(o.value=12,l.value=l.value-1):o.value=o.value-1},$=()=>{o.value===12?(o.value=1,l.value=l.value+1):o.value=o.value+1},p=()=>{c.value=!0},N=t.computed(()=>e.min&&e.min>=r.NeonDateUtils.dmyToIso(1,i.value.pageMonth,i.value.pageYear)),S=t.computed(()=>{const{pageYear:a,pageMonth:n,lastDayOfMonth:u}=i.value;return e.max&&e.max<=r.NeonDateUtils.dmyToIso(u,n,a)}),_=t.computed(()=>N.value&&S.value),z=()=>{l.value=l.value-1},B=()=>{l.value=l.value+1},k=()=>{d.value=!0},x=t.computed(()=>e.min&&e.min>=r.NeonDateUtils.dmyToIso(1,1,i.value.pageYear)),Y=t.computed(()=>e.max&&e.max<=r.NeonDateUtils.dmyToIso(31,12,i.value.pageYear)),A=t.computed(()=>x.value&&Y.value),R=()=>{s.value=s.value-10},j=()=>{s.value=s.value+10},E=t.computed(()=>e.min&&e.min>=r.NeonDateUtils.dmyToIso(1,1,Math.floor(i.value.pageYear/10)*10)),G=t.computed(()=>e.max&&e.max<=r.NeonDateUtils.dmyToIso(31,12,Math.floor(i.value.pageYear/10)*10+9)),g=()=>{c.value=!1,d.value=!1},H=()=>{f.value=!1,g()},J=()=>{y("update:modelValue",null),f.value=!1,g()},K=a=>{o.value=a,c.value=!1},Q=a=>{l.value=a,d.value=!1},W=a=>{var n;return((n=e.disabledDates)==null?void 0:n.indexOf(a))>=0||e.min&&e.min>a||e.max&&e.max<a},X=(a,n)=>{const u=`${a}-${n<10?"0"+n:n}`;return C.value&&C.value>u||P.value&&P.value<u},M=t.computed(()=>e.min?+e.min.substring(0,4):null),C=t.computed(()=>e.min?e.min.substring(0,7):null),L=t.computed(()=>e.max?+e.max.substring(0,4):null),P=t.computed(()=>e.max?e.max.substring(0,7):null);return{attrs:D,calendar:i,calendarOpen:f,dropdown:T,formattedValue:U,isChangeDateDisabled:_,isChangeYearDisabled:A,isNextDisabled:S,isNextDecadeDisabled:G,isNextYearDisabled:Y,isPreviousDisabled:N,isPreviousDecadeDisabled:E,isPreviousYearDisabled:x,monthSelectionOpen:c,optional:q,today:I,calendarRef:v,yearSelectionOpen:d,changeMonth:p,changeYear:k,clear:J,done:H,emitDate:w,isDisabled:W,isoDate:V,isMonthDisabled:X,isYearDisabled:a=>M.value&&M.value>a||L.value&&L.value<a,toggleCalendar:O,onNext:$,onNextDecade:j,onNextYear:B,onPrevious:F,onPreviousDecade:R,onPreviousYear:z,resetToCalendar:g,selectMonth:K,selectYear:Q}}});module.exports=ue;
 //# sourceMappingURL=NeonDatePicker.cjs.js.map