@aotearoan/neon 21.0.0 → 21.0.2

package/dist/components/user-input/input/NeonInput.es.js

@@ -1,15 +1,15 @@
-import { defineComponent as C, useAttrs as E, ref as g, computed as l, defineExpose as T } from "vue";
+import { defineComponent as T, useAttrs as z, ref as g, computed as l } from "vue";
 import { NeonInputType as c } from "../../../common/enums/NeonInputType.es.js";
 import { NeonState as n } from "../../../common/enums/NeonState.es.js";
-import { NeonSize as z } from "../../../common/enums/NeonSize.es.js";
+import { NeonSize as D } from "../../../common/enums/NeonSize.es.js";
 import { NeonFunctionalColor as i } from "../../../common/enums/NeonFunctionalColor.es.js";
-import D from "../../presentation/icon/NeonIcon.vue.es.js";
+import E from "../../presentation/icon/NeonIcon.vue.es.js";
 import { NeonDebounceUtils as F } from "../../../common/utils/NeonDebounceUtils.es.js";
 import { NeonInputMode as L } from "../../../common/enums/NeonInputMode.es.js";
-const j = C({
+const j = T({
   name: "NeonInput",
   components: {
-    NeonIcon: D
+    NeonIcon: E
   },
   props: {
     /**
@@ -33,7 +33,7 @@ const j = C({
     /**
      * Size of the input
      */
-    size: { type: String, default: z.Medium },
+    size: { type: String, default: D.Medium },
     /**
      * Color of the input
      */
@@ -117,8 +117,8 @@ const j = C({
      */
     "update:modelValue"
   ],
-  setup(e, { emit: o }) {
-    const y = E(), a = g(null), r = g(!1), h = l(() => {
+  setup(e, { emit: o, expose: y }) {
+    const h = z(), a = g(null), r = g(!1), b = l(() => {
       const {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         onBlur: t,
@@ -126,9 +126,9 @@ const j = C({
         onFocus: u,
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         onIconClick: d,
-        ...B
-      } = y;
-      return B;
+        ...C
+      } = h;
+      return C;
     }), s = F.debounce((t) => {
       o("update:modelValue", t);
     }, e.debounce), f = l(() => {
@@ -142,7 +142,7 @@ const j = C({
         default:
           return e.icon ? e.icon : e.modelValue && e.modelValue.length > 0 ? "times" : void 0;
       }
-    }), b = l(() => f.value && !e.hideIcon && (e.state !== "ready" || e.icon || e.modelValue && !e.disabled && e.modelValue.length > 0)), S = l(() => {
+    }), S = l(() => f.value && !e.hideIcon && (e.state !== "ready" || e.icon || e.modelValue && !e.disabled && e.modelValue.length > 0)), N = l(() => {
       switch (e.state) {
         case n.Success:
           return i.Success;
@@ -156,21 +156,21 @@ const j = C({
     }), m = () => {
       var t;
       (t = a.value) == null || t.focus();
-    }, N = () => {
+    }, V = () => {
       var t;
       (t = a.value) == null || t.click();
-    }, V = () => {
-      r.value = !0, o("focus");
     }, v = () => {
+      r.value = !0, o("focus");
+    }, I = () => {
       r.value = !1, o("blur");
-    }, x = (t) => {
+    }, k = (t) => {
       e.disabled || (e.icon ? o("icon-click") : (s(""), setTimeout(m)), t.preventDefault(), t.stopPropagation());
-    }, I = (t) => {
+    }, x = (t) => {
       const u = t.target.value, d = e.maxlength && u.length > e.maxlength ? u.substring(0, e.maxlength) : u;
       e.modelValue !== d && s(d);
-    }, k = (t) => {
+    }, w = (t) => {
       t.key !== "Backspace" && e.maxlength && e.modelValue && e.modelValue.length >= e.maxlength && t.preventDefault();
-    }, w = l(() => {
+    }, B = l(() => {
       if (e.placeholder)
         return e.placeholder;
       switch (e.type) {
@@ -184,21 +184,21 @@ const j = C({
           return "";
       }
     });
-    return T({ neonInput: a }), {
+    return y({ neonInput: a }), {
       neonInput: a,
       focused: r,
-      sanitizedAttributes: h,
-      iconVisible: b,
+      sanitizedAttributes: b,
+      iconVisible: S,
       iconName: f,
-      iconColor: S,
-      computedPlaceholder: w,
+      iconColor: N,
+      computedPlaceholder: B,
       focus: m,
-      click: N,
-      onFocus: V,
-      onBlur: v,
-      iconClicked: x,
-      changeValue: I,
-      onKeyDown: k
+      click: V,
+      onFocus: v,
+      onBlur: I,
+      iconClicked: k,
+      changeValue: x,
+      onKeyDown: w
     };
   }
 });

package/dist/components/user-input/input/NeonInput.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonInput.es.js","sources":["../../../../src/components/user-input/input/NeonInput.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, defineExpose, ref, useAttrs } from 'vue';\nimport { NeonInputType } from '@/common/enums/NeonInputType';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonDebounceUtils } from '@/common/utils/NeonDebounceUtils';\nimport { NeonInputMode } from '@/common/enums/NeonInputMode';\n\n/**\n * Equivalent of, and wrapper around, an HTML input. Also supports <strong>textarea</strong>.\n */\nexport default defineComponent({\n  name: 'NeonInput',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The id the input\n     */\n    id: { type: String, default: null },\n    /**\n     * The value of the input\n     */\n    modelValue: { type: String, default: null },\n    /**\n     * The type of input this is. NOTE: Neon provides custom components as alternatives in the following cases:\n     * * file (use <a href=\"/user-input/file\">NeonFile</a>)\n     * * password (use <a href=\"/user-input/password\">NeonPassword</a>)\n     */\n    type: { type: String as () => NeonInputType, default: NeonInputType.Text },\n    /**\n     * Placeholder text to display in the input\n     */\n    placeholder: { type: String, default: null },\n    /**\n     * Size of the input\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The HTML input mode as specified <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode\">here</a>.\n     */\n    inputmode: { type: String as () => NeonInputMode, default: NeonInputMode.Text },\n    /**\n     * The HTML autocomplete mode as specified <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\">here</a>.\n     * NOTE: No enum is provided in Neon as some values can be used in combination, please refer to the full list of values in the preceding link.\n     */\n    autocomplete: { type: String, default: 'on' },\n    /**\n     * The state of the input\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * The number of rows to display in the case of a textarea\n     */\n    rows: { type: Number, default: null },\n    /**\n     * The name of a clickable icon to display inside the input. This is used for clearing contents or e.g. in the case of\n     * NeonPassword toggle showing/hiding the password. Defaults to <em>times</em> (for clearing the input's contents).\n     */\n    icon: { type: String, default: null },\n    /**\n     * Make the input field icon read-only, i.e. it will not emit events or be treated as a focusable button.\n     */\n    iconReadonly: { type: Boolean, default: false },\n    /**\n     * Hide the icon button, e.g. the X button to clear the input's contents.\n     */\n    hideIcon: { type: Boolean, default: false },\n    /**\n     * Tabindex to assign to the input.\n     */\n    tabindex: { type: Number, default: 0 },\n    /**\n     * The disabled state of the input\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * When the state is success or error, display the field with the state color indicator, e.g. border or background\n     * color.\n     */\n    stateHighlight: { type: Boolean, default: true },\n    /**\n     * When the state is success or error, display the state icon.\n     */\n    stateIcon: { type: Boolean, default: true },\n    /**\n     * The character limit for a textarea.\n     */\n    maxlength: { type: Number, default: null },\n    /**\n     * Debounce time in ms, if no value is provided the default value set in NeonDebounceUtils is used (=300ms).\n     * Set to 0 to disable debounce.\n     */\n    debounce: { type: Number, default: undefined },\n  },\n  emits: [\n    /**\n     * Emitted when the input has gained focus\n     * @type {void}\n     */\n    'focus',\n    /**\n     * Emitted when the input has lost focus\n     * @type {void}\n     */\n    'blur',\n    /**\n     * Emitted when the icon is clicked\n     * @type {void}\n     */\n    'icon-click',\n    /**\n     * Emitted when the input value is changed, NOTE: is not triggered if input is over the textarea length limit\n     * @type {string} the contents of the input\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit }) {\n    const attrs = useAttrs();\n    const neonInput = ref<HTMLElement | null>(null);\n    const focused = ref(false);\n\n    const sanitizedAttributes = computed(() => {\n      const {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onBlur,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onFocus,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onIconClick,\n        ...sanitized\n      } = attrs;\n\n      return sanitized;\n    });\n\n    const emitModelValue = NeonDebounceUtils.debounce((value: string) => {\n      emit('update:modelValue', value);\n    }, props.debounce);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return props.stateIcon ? 'check' : undefined;\n        case NeonState.Error:\n          return props.stateIcon ? 'times' : undefined;\n        default:\n          if (props.icon) {\n            return props.icon;\n          } else if (props.modelValue && props.modelValue.length > 0) {\n            return 'times';\n          }\n\n          return undefined;\n      }\n    });\n\n    const iconVisible = computed(() => {\n      return (\n        iconName.value &&\n        !props.hideIcon &&\n        (props.state !== 'ready' || props.icon || (props.modelValue && !props.disabled && props.modelValue.length > 0))\n      );\n    });\n\n    const iconColor = computed(() => {\n      switch (props.state) {\n        case NeonState.Success:\n          return NeonFunctionalColor.Success;\n        case NeonState.Error:\n          return NeonFunctionalColor.Error;\n        case NeonState.Loading:\n          return props.color;\n        default:\n          return NeonFunctionalColor.LowContrast;\n      }\n    });\n\n    const focus = () => {\n      neonInput.value?.focus();\n    };\n\n    const click = () => {\n      neonInput.value?.click();\n    };\n\n    const onFocus = () => {\n      focused.value = true;\n      emit('focus');\n    };\n\n    const onBlur = () => {\n      focused.value = false;\n      emit('blur');\n    };\n\n    const iconClicked = ($event: Event) => {\n      if (!props.disabled) {\n        if (props.icon) {\n          emit('icon-click');\n        } else {\n          emitModelValue('');\n          setTimeout(focus);\n        }\n        $event.preventDefault();\n        $event.stopPropagation();\n      }\n    };\n\n    const changeValue = (event: Event) => {\n      const val = (event.target as HTMLInputElement).value;\n      const v = props.maxlength && val.length > props.maxlength ? val.substring(0, props.maxlength) : val;\n      if (props.modelValue !== v) {\n        emitModelValue(v);\n      }\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key !== 'Backspace' &&\n        props.maxlength &&\n        props.modelValue &&\n        props.modelValue.length >= props.maxlength\n      ) {\n        event.preventDefault();\n      }\n    };\n\n    const computedPlaceholder = computed(() => {\n      if (props.placeholder) {\n        return props.placeholder;\n      } else {\n        switch (props.type) {\n          case NeonInputType.Email:\n            return 'gbelson@hooli.com';\n          case NeonInputType.Tel:\n            return '+41785551234';\n          case NeonInputType.Url:\n            return 'http://www.getskeleton.com';\n          default:\n            return '';\n        }\n      }\n    });\n\n    defineExpose({ neonInput });\n\n    return {\n      neonInput,\n      focused,\n      sanitizedAttributes,\n      iconVisible,\n      iconName,\n      iconColor,\n      computedPlaceholder,\n      focus,\n      click,\n      onFocus,\n      onBlur,\n      iconClicked,\n      changeValue,\n      onKeyDown,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonInputType","NeonSize","NeonFunctionalColor","NeonInputMode","NeonState","props","emit","attrs","useAttrs","neonInput","ref","focused","sanitizedAttributes","computed","onBlur","onFocus","onIconClick","sanitized","emitModelValue","NeonDebounceUtils","value","iconName","iconVisible","iconColor","focus","_a","click","iconClicked","$event","changeValue","event","val","v","onKeyDown","computedPlaceholder","defineExpose"],"mappings":"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"}
+{"version":3,"file":"NeonInput.es.js","sources":["../../../../src/components/user-input/input/NeonInput.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, ref, useAttrs } from 'vue';\nimport { NeonInputType } from '@/common/enums/NeonInputType';\nimport { NeonState } from '@/common/enums/NeonState';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\nimport { NeonDebounceUtils } from '@/common/utils/NeonDebounceUtils';\nimport { NeonInputMode } from '@/common/enums/NeonInputMode';\n\n/**\n * Equivalent of, and wrapper around, an HTML input. Also supports <strong>textarea</strong>.\n */\nexport default defineComponent({\n  name: 'NeonInput',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The id the input\n     */\n    id: { type: String, default: null },\n    /**\n     * The value of the input\n     */\n    modelValue: { type: String, default: null },\n    /**\n     * The type of input this is. NOTE: Neon provides custom components as alternatives in the following cases:\n     * * file (use <a href=\"/user-input/file\">NeonFile</a>)\n     * * password (use <a href=\"/user-input/password\">NeonPassword</a>)\n     */\n    type: { type: String as () => NeonInputType, default: NeonInputType.Text },\n    /**\n     * Placeholder text to display in the input\n     */\n    placeholder: { type: String, default: null },\n    /**\n     * Size of the input\n     */\n    size: { type: String as () => NeonSize, default: NeonSize.Medium },\n    /**\n     * Color of the input\n     */\n    color: { type: String as () => NeonFunctionalColor, default: NeonFunctionalColor.Primary },\n    /**\n     * The HTML input mode as specified <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode\">here</a>.\n     */\n    inputmode: { type: String as () => NeonInputMode, default: NeonInputMode.Text },\n    /**\n     * The HTML autocomplete mode as specified <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete#values\">here</a>.\n     * NOTE: No enum is provided in Neon as some values can be used in combination, please refer to the full list of values in the preceding link.\n     */\n    autocomplete: { type: String, default: 'on' },\n    /**\n     * The state of the input\n     */\n    state: { type: String as () => NeonState, default: NeonState.Ready },\n    /**\n     * The number of rows to display in the case of a textarea\n     */\n    rows: { type: Number, default: null },\n    /**\n     * The name of a clickable icon to display inside the input. This is used for clearing contents or e.g. in the case of\n     * NeonPassword toggle showing/hiding the password. Defaults to <em>times</em> (for clearing the input's contents).\n     */\n    icon: { type: String, default: null },\n    /**\n     * Make the input field icon read-only, i.e. it will not emit events or be treated as a focusable button.\n     */\n    iconReadonly: { type: Boolean, default: false },\n    /**\n     * Hide the icon button, e.g. the X button to clear the input's contents.\n     */\n    hideIcon: { type: Boolean, default: false },\n    /**\n     * Tabindex to assign to the input.\n     */\n    tabindex: { type: Number, default: 0 },\n    /**\n     * The disabled state of the input\n     */\n    disabled: { type: Boolean, default: false },\n    /**\n     * When the state is success or error, display the field with the state color indicator, e.g. border or background\n     * color.\n     */\n    stateHighlight: { type: Boolean, default: true },\n    /**\n     * When the state is success or error, display the state icon.\n     */\n    stateIcon: { type: Boolean, default: true },\n    /**\n     * The character limit for a textarea.\n     */\n    maxlength: { type: Number, default: null },\n    /**\n     * Debounce time in ms, if no value is provided the default value set in NeonDebounceUtils is used (=300ms).\n     * Set to 0 to disable debounce.\n     */\n    debounce: { type: Number, default: undefined },\n  },\n  emits: [\n    /**\n     * Emitted when the input has gained focus\n     * @type {void}\n     */\n    'focus',\n    /**\n     * Emitted when the input has lost focus\n     * @type {void}\n     */\n    'blur',\n    /**\n     * Emitted when the icon is clicked\n     * @type {void}\n     */\n    'icon-click',\n    /**\n     * Emitted when the input value is changed, NOTE: is not triggered if input is over the textarea length limit\n     * @type {string} the contents of the input\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit, expose }) {\n    const attrs = useAttrs();\n    const neonInput = ref<HTMLElement | null>(null);\n    const focused = ref(false);\n\n    const sanitizedAttributes = computed(() => {\n      const {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onBlur,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onFocus,\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        onIconClick,\n        ...sanitized\n      } = attrs;\n\n      return sanitized;\n    });\n\n    const emitModelValue = NeonDebounceUtils.debounce((value: string) => {\n      emit('update:modelValue', value);\n    }, props.debounce);\n\n    const iconName = computed(() => {\n      switch (props.state) {\n        case NeonState.Loading:\n          return 'loading';\n        case NeonState.Success:\n          return props.stateIcon ? 'check' : undefined;\n        case NeonState.Error:\n          return props.stateIcon ? 'times' : undefined;\n        default:\n          if (props.icon) {\n            return props.icon;\n          } else if (props.modelValue && props.modelValue.length > 0) {\n            return 'times';\n          }\n\n          return undefined;\n      }\n    });\n\n    const iconVisible = computed(() => {\n      return (\n        iconName.value &&\n        !props.hideIcon &&\n        (props.state !== 'ready' || props.icon || (props.modelValue && !props.disabled && props.modelValue.length > 0))\n      );\n    });\n\n    const iconColor = computed(() => {\n      switch (props.state) {\n        case NeonState.Success:\n          return NeonFunctionalColor.Success;\n        case NeonState.Error:\n          return NeonFunctionalColor.Error;\n        case NeonState.Loading:\n          return props.color;\n        default:\n          return NeonFunctionalColor.LowContrast;\n      }\n    });\n\n    const focus = () => {\n      neonInput.value?.focus();\n    };\n\n    const click = () => {\n      neonInput.value?.click();\n    };\n\n    const onFocus = () => {\n      focused.value = true;\n      emit('focus');\n    };\n\n    const onBlur = () => {\n      focused.value = false;\n      emit('blur');\n    };\n\n    const iconClicked = ($event: Event) => {\n      if (!props.disabled) {\n        if (props.icon) {\n          emit('icon-click');\n        } else {\n          emitModelValue('');\n          setTimeout(focus);\n        }\n        $event.preventDefault();\n        $event.stopPropagation();\n      }\n    };\n\n    const changeValue = (event: Event) => {\n      const val = (event.target as HTMLInputElement).value;\n      const v = props.maxlength && val.length > props.maxlength ? val.substring(0, props.maxlength) : val;\n      if (props.modelValue !== v) {\n        emitModelValue(v);\n      }\n    };\n\n    const onKeyDown = (event: KeyboardEvent) => {\n      if (\n        event.key !== 'Backspace' &&\n        props.maxlength &&\n        props.modelValue &&\n        props.modelValue.length >= props.maxlength\n      ) {\n        event.preventDefault();\n      }\n    };\n\n    const computedPlaceholder = computed(() => {\n      if (props.placeholder) {\n        return props.placeholder;\n      } else {\n        switch (props.type) {\n          case NeonInputType.Email:\n            return 'gbelson@hooli.com';\n          case NeonInputType.Tel:\n            return '+41785551234';\n          case NeonInputType.Url:\n            return 'http://www.getskeleton.com';\n          default:\n            return '';\n        }\n      }\n    });\n\n    expose({ neonInput });\n\n    return {\n      neonInput,\n      focused,\n      sanitizedAttributes,\n      iconVisible,\n      iconName,\n      iconColor,\n      computedPlaceholder,\n      focus,\n      click,\n      onFocus,\n      onBlur,\n      iconClicked,\n      changeValue,\n      onKeyDown,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonInputType","NeonSize","NeonFunctionalColor","NeonInputMode","NeonState","props","emit","expose","attrs","useAttrs","neonInput","ref","focused","sanitizedAttributes","computed","onBlur","onFocus","onIconClick","sanitized","emitModelValue","NeonDebounceUtils","value","iconName","iconVisible","iconColor","focus","_a","click","iconClicked","$event","changeValue","event","val","v","onKeyDown","computedPlaceholder"],"mappings":"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"}

package/dist/neon.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/navigation/action-menu/NeonActionMenu.vue.cjs.js"),n=require("./components/feedback/alert/NeonAlert.vue.cjs.js"),r=require("./components/feedback/alert/container/NeonAlertContainer.vue.cjs.js"),t=require("./components/navigation/anchor/NeonAnchor.vue.cjs.js"),i=require("./components/presentation/badge/NeonBadge.vue.cjs.js"),N=require("./components/user-input/button/NeonButton.vue.cjs.js"),s=require("./components/layout/card/NeonCard.vue.cjs.js"),c=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),l=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),u=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),a=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),q=require("./components/user-input/chip/NeonChip.vue.cjs.js"),S=require("./components/user-input/color/NeonColor.vue.cjs.js"),p=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),d=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),C=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),g=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),U=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),P=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),T=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),b=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),y=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),D=require("./components/user-input/field/NeonField.vue.cjs.js"),m=require("./components/user-input/file/NeonFile.vue.cjs.js"),v=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),I=require("./components/layout/footer/NeonFooter.vue.cjs.js"),L=require("./components/layout/grid/NeonGrid.vue.cjs.js"),h=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),w=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),z=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),M=require("./components/layout/inline/NeonInline.vue.cjs.js"),A=require("./components/user-input/input/NeonInput.vue.cjs.js"),R=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),B=require("./components/presentation/label/NeonLabel.vue.cjs.js"),F=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),k=require("./components/navigation/link/NeonLink.vue.cjs.js"),E=require("./components/user-input/list/NeonList.vue.cjs.js"),O=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),G=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),H=require("./components/layout/modal/NeonModal.vue.cjs.js"),x=require("./components/feedback/note/NeonNote.vue.cjs.js"),f=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),J=require("./components/user-input/number/NeonNumber.vue.cjs.js"),V=require("./components/layout/page/NeonPage.vue.cjs.js"),Z=require("./components/user-input/password/NeonPassword.vue.cjs.js"),j=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),K=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),Q=require("./components/user-input/search/NeonSearch.vue.cjs.js"),W=require("./components/user-input/select/NeonSelect.vue.cjs.js"),X=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),Y=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),_=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),$=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),ee=require("./components/layout/stack/NeonStack.vue.cjs.js"),oe=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ne=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),re=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),te=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),ie=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),Ne=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),se=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ce=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),le=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),ue=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),ae=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),qe=require("./common/enums/NeonAlertLevel.cjs.js"),Se=require("./common/enums/NeonAlertPlacement.cjs.js"),pe=require("./common/enums/NeonButtonSize.cjs.js"),de=require("./common/enums/NeonButtonStyle.cjs.js"),Ce=require("./common/enums/NeonChipAction.cjs.js"),ge=require("./common/enums/NeonDropdownPlacement.cjs.js"),Ue=require("./common/enums/NeonDropdownStyle.cjs.js"),Pe=require("./common/enums/NeonFunctionalColor.cjs.js"),Te=require("./common/enums/NeonHorizontalPosition.cjs.js"),be=require("./common/enums/NeonInputMode.cjs.js"),ye=require("./common/enums/NeonInputType.cjs.js"),De=require("./common/enums/NeonLabelSize.cjs.js"),me=require("./common/enums/NeonMode.cjs.js"),ve=require("./common/enums/NeonOrientation.cjs.js"),Ie=require("./common/enums/NeonOutlineStyle.cjs.js"),Le=require("./common/enums/NeonPosition.cjs.js"),he=require("./common/enums/NeonResponsive.cjs.js"),we=require("./common/enums/NeonSize.cjs.js"),ze=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Me=require("./common/enums/NeonState.cjs.js"),Ae=require("./common/enums/NeonSwitchStyle.cjs.js"),Re=require("./common/enums/NeonToggleChipSize.cjs.js"),Be=require("./common/enums/NeonToggleStyle.cjs.js"),Fe=require("./common/enums/NeonTooltipStyle.cjs.js"),ke=require("./common/enums/NeonVerticalPosition.cjs.js"),Ee=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),Oe=require("./common/utils/NeonClosableUtils.cjs.js"),Ge=require("./common/utils/NeonDateUtils.cjs.js"),He=require("./common/utils/NeonDebounceUtils.cjs.js"),xe=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),fe=require("./common/utils/NeonEventBus.cjs.js"),Je=require("./common/utils/NeonIconRegistry.cjs.js"),Ve=require("./common/utils/NeonJazziconUtils.cjs.js"),Ze=require("./common/utils/NeonModeUtils.cjs.js"),je=require("./common/utils/NeonNumberUtils.cjs.js"),Ke=require("./common/utils/NeonPlacementUtils.cjs.js"),Qe=require("./common/utils/NeonRandomUtils.cjs.js"),We=require("./common/utils/NeonResponsiveUtils.cjs.js"),Xe=require("./common/utils/NeonScrollUtils.cjs.js"),Ye=require("./common/utils/NeonToastService.cjs.js"),_e=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),$e=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonButton=N;exports.NeonCard=s;exports.NeonCardBody=c;exports.NeonCardFooter=l;exports.NeonCardHeader=u;exports.NeonCardList=a;exports.NeonChip=q;exports.NeonColor=S;exports.NeonDatePicker=p;exports.NeonDialog=d;exports.NeonDrawer=C;exports.NeonDropdown=g;exports.NeonDropdownMenu=U;exports.NeonDropZone=P;exports.NeonExpansionIndicator=T;exports.NeonExpansionPanel=b;exports.NeonFieldGroup=y;exports.NeonField=D;exports.NeonFile=m;exports.NeonFilterList=v;exports.NeonFooter=I;exports.NeonGrid=L;exports.NeonGridArea=h;exports.NeonIcon=w;exports.NeonImageCarousel=z;exports.NeonInline=M;exports.NeonInput=A;exports.NeonInputIndicator=R;exports.NeonLabel=B;exports.NeonLinearProgress=F;exports.NeonLink=k;exports.NeonList=E;exports.NeonMenu=O;exports.NeonMobileMenu=G;exports.NeonModal=H;exports.NeonNote=x;exports.NeonNotificationCounter=f;exports.NeonNumber=J;exports.NeonPage=V;exports.NeonPassword=Z;exports.NeonRangeSlider=j;exports.NeonSideNav=K;exports.NeonSearch=Q;exports.NeonSelect=W;exports.NeonSelectableCard=X;exports.NeonSkeletonLoader=Y;exports.NeonSlider=_;exports.NeonSplashLoader=$;exports.NeonStack=ee;exports.NeonStepper=oe;exports.NeonSwiper=ne;exports.NeonSwitch=re;exports.NeonTab=te;exports.NeonTabs=ie;exports.NeonToastContainer=Ne;exports.NeonToggle=se;exports.NeonToggleChip=ce;exports.NeonTooltip=le;exports.NeonTopNav=ue;exports.NeonTreeMenu=ae;exports.NeonAlertLevel=qe.NeonAlertLevel;exports.NeonAlertPlacement=Se.NeonAlertPlacement;exports.NeonButtonSize=pe.NeonButtonSize;exports.NeonButtonStyle=de.NeonButtonStyle;exports.NeonChipAction=Ce.NeonChipAction;exports.NeonDropdownPlacement=ge.NeonDropdownPlacement;exports.NeonDropdownStyle=Ue.NeonDropdownStyle;exports.NeonFunctionalColor=Pe.NeonFunctionalColor;exports.NeonHorizontalPosition=Te.NeonHorizontalPosition;exports.NeonInputMode=be.NeonInputMode;exports.NeonInputType=ye.NeonInputType;exports.NeonLabelSize=De.NeonLabelSize;exports.NeonMode=me.NeonMode;exports.NeonOrientation=ve.NeonOrientation;exports.NeonOutlineStyle=Ie.NeonOutlineStyle;exports.NeonPosition=Le.NeonPosition;exports.NeonResponsive=he.NeonResponsive;exports.NeonSize=we.NeonSize;exports.NeonSplashLoaderSize=ze.NeonSplashLoaderSize;exports.NeonState=Me.NeonState;exports.NeonSwitchStyle=Ae.NeonSwitchStyle;exports.NeonToggleChipSize=Re.NeonToggleChipSize;exports.NeonToggleStyle=Be.NeonToggleStyle;exports.NeonTooltipStyle=Fe.NeonTooltipStyle;exports.NeonVerticalPosition=ke.NeonVerticalPosition;exports.NeonAlertService=Ee.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=Oe.NeonClosableUtils;exports.NeonDateUtils=Ge.NeonDateUtils;exports.NeonDebounceUtils=He.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=xe.NeonDropdownPlacementUtils;exports.NeonEventBus=fe.NeonEventBus;exports.NeonIconRegistry=Je.NeonIconRegistry;exports.NeonJazziconUtils=Ve.NeonJazziconUtils;exports.NeonModeUtils=Ze.NeonModeUtils;exports.NeonNumberUtils=je.NeonNumberUtils;exports.NeonPlacementUtils=Ke.NeonPlacementUtils;exports.NeonRandomUtils=Qe.NeonRandomUtils;exports.NeonResponsiveUtils=We.NeonResponsiveUtils;exports.NeonScrollUtils=Xe.NeonScrollUtils;exports.NeonToastService=Ye.NeonToastService;exports.NeonTooltipPlacementUtils=_e.NeonTooltipPlacementUtils;exports.RegisterIcons=$e.RegisterIcons;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components/navigation/action-menu/NeonActionMenu.vue.cjs.js"),n=require("./components/feedback/alert/NeonAlert.vue.cjs.js"),r=require("./components/feedback/alert/container/NeonAlertContainer.vue.cjs.js"),t=require("./components/navigation/anchor/NeonAnchor.vue.cjs.js"),i=require("./components/presentation/badge/NeonBadge.vue.cjs.js"),N=require("./components/user-input/button/NeonButton.vue.cjs.js"),s=require("./components/layout/card/NeonCard.vue.cjs.js"),c=require("./components/layout/card/body/NeonCardBody.vue.cjs.js"),l=require("./components/layout/card/footer/NeonCardFooter.vue.cjs.js"),u=require("./components/layout/card/header/NeonCardHeader.vue.cjs.js"),a=require("./components/layout/card-list/NeonCardList.vue.cjs.js"),q=require("./components/user-input/chip/NeonChip.vue.cjs.js"),S=require("./components/user-input/color/NeonColor.vue.cjs.js"),d=require("./components/user-input/date-picker/NeonDatePicker.vue.cjs.js"),p=require("./components/feedback/dialog/NeonDialog.vue.cjs.js"),g=require("./components/layout/drawer/NeonDrawer.vue.cjs.js"),C=require("./components/presentation/dropdown/NeonDropdown.vue.cjs.js"),U=require("./components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js"),P=require("./components/user-input/drop-zone/NeonDropZone.vue.cjs.js"),T=require("./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.cjs.js"),b=require("./components/presentation/expansion-panel/NeonExpansionPanel.vue.cjs.js"),y=require("./components/user-input/field-group/NeonFieldGroup.vue.cjs.js"),z=require("./components/user-input/field/NeonField.vue.cjs.js"),D=require("./components/user-input/file/NeonFile.vue.cjs.js"),m=require("./components/user-input/filter-list/NeonFilterList.vue.cjs.js"),v=require("./components/layout/footer/NeonFooter.vue.cjs.js"),I=require("./components/layout/grid/NeonGrid.vue.cjs.js"),L=require("./components/layout/grid/grid-area/NeonGridArea.vue.cjs.js"),h=require("./components/presentation/icon/NeonIcon.vue.cjs.js"),w=require("./components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js"),M=require("./components/layout/inline/NeonInline.vue.cjs.js"),A=require("./components/user-input/input/NeonInput.vue.cjs.js"),B=require("./components/user-input/input-indicator/NeonInputIndicator.vue.cjs.js"),R=require("./components/presentation/label/NeonLabel.vue.cjs.js"),F=require("./components/feedback/linear-progress/NeonLinearProgress.vue.cjs.js"),k=require("./components/navigation/link/NeonLink.vue.cjs.js"),E=require("./components/user-input/list/NeonList.vue.cjs.js"),O=require("./components/navigation/menu/NeonMenu.vue.cjs.js"),G=require("./components/navigation/mobile-menu/NeonMobileMenu.vue.cjs.js"),H=require("./components/layout/modal/NeonModal.vue.cjs.js"),x=require("./components/feedback/note/NeonNote.vue.cjs.js"),f=require("./components/feedback/notification-counter/NeonNotificationCounter.vue.cjs.js"),J=require("./components/user-input/number/NeonNumber.vue.cjs.js"),V=require("./components/layout/page/NeonPage.vue.cjs.js"),Z=require("./components/user-input/password/NeonPassword.vue.cjs.js"),j=require("./components/user-input/range-slider/NeonRangeSlider.vue.cjs.js"),K=require("./components/layout/side-nav/NeonSideNav.vue.cjs.js"),Q=require("./components/user-input/search/NeonSearch.vue.cjs.js"),W=require("./components/user-input/select/NeonSelect.vue.cjs.js"),X=require("./components/user-input/selectable-card/NeonSelectableCard.vue.cjs.js"),Y=require("./components/feedback/skeleton-loader/NeonSkeletonLoader.vue.cjs.js"),_=require("./components/user-input/slider/NeonSlider.vue.cjs.js"),$=require("./components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js"),ee=require("./components/layout/stack/NeonStack.vue.cjs.js"),oe=require("./components/navigation/stepper/NeonStepper.vue.cjs.js"),ne=require("./components/layout/swiper/NeonSwiper.vue.cjs.js"),re=require("./components/user-input/switch/NeonSwitch.vue.cjs.js"),te=require("./components/presentation/tabs/tab/NeonTab.vue.cjs.js"),ie=require("./components/presentation/tabs/NeonTabs.vue.cjs.js"),Ne=require("./components/feedback/alert/container/NeonToastContainer.vue.cjs.js"),se=require("./components/user-input/toggle/NeonToggle.vue.cjs.js"),ce=require("./components/user-input/toggle-chip/NeonToggleChip.vue.cjs.js"),le=require("./components/feedback/tooltip/NeonTooltip.vue.cjs.js"),ue=require("./components/layout/top-nav/NeonTopNav.vue.cjs.js"),ae=require("./components/navigation/tree-menu/NeonTreeMenu.vue.cjs.js"),qe=require("./common/enums/NeonAlertLevel.cjs.js"),Se=require("./common/enums/NeonAlertPlacement.cjs.js"),de=require("./common/enums/NeonBadgeSize.cjs.js"),pe=require("./common/enums/NeonButtonSize.cjs.js"),ge=require("./common/enums/NeonButtonStyle.cjs.js"),Ce=require("./common/enums/NeonChipAction.cjs.js"),Ue=require("./common/enums/NeonDropdownPlacement.cjs.js"),Pe=require("./common/enums/NeonDropdownStyle.cjs.js"),Te=require("./common/enums/NeonFunctionalColor.cjs.js"),be=require("./common/enums/NeonHorizontalPosition.cjs.js"),ye=require("./common/enums/NeonInputMode.cjs.js"),ze=require("./common/enums/NeonInputType.cjs.js"),De=require("./common/enums/NeonLabelSize.cjs.js"),me=require("./common/enums/NeonMode.cjs.js"),ve=require("./common/enums/NeonOrientation.cjs.js"),Ie=require("./common/enums/NeonOutlineStyle.cjs.js"),Le=require("./common/enums/NeonPosition.cjs.js"),he=require("./common/enums/NeonResponsive.cjs.js"),we=require("./common/enums/NeonSize.cjs.js"),Me=require("./common/enums/NeonSplashLoaderSize.cjs.js"),Ae=require("./common/enums/NeonState.cjs.js"),Be=require("./common/enums/NeonSwitchStyle.cjs.js"),Re=require("./common/enums/NeonToggleChipSize.cjs.js"),Fe=require("./common/enums/NeonToggleStyle.cjs.js"),ke=require("./common/enums/NeonTooltipStyle.cjs.js"),Ee=require("./common/enums/NeonVerticalPosition.cjs.js"),Oe=require("./common/utils/NeonAlertService.cjs.js"),e=require("./common/utils/NeonClipboardService.cjs.js"),Ge=require("./common/utils/NeonClosableUtils.cjs.js"),He=require("./common/utils/NeonDateUtils.cjs.js"),xe=require("./common/utils/NeonDebounceUtils.cjs.js"),fe=require("./common/utils/NeonDropdownPlacementUtils.cjs.js"),Je=require("./common/utils/NeonEventBus.cjs.js"),Ve=require("./common/utils/NeonIconRegistry.cjs.js"),Ze=require("./common/utils/NeonJazziconUtils.cjs.js"),je=require("./common/utils/NeonModeUtils.cjs.js"),Ke=require("./common/utils/NeonNumberUtils.cjs.js"),Qe=require("./common/utils/NeonPlacementUtils.cjs.js"),We=require("./common/utils/NeonRandomUtils.cjs.js"),Xe=require("./common/utils/NeonResponsiveUtils.cjs.js"),Ye=require("./common/utils/NeonScrollUtils.cjs.js"),_e=require("./common/utils/NeonToastService.cjs.js"),$e=require("./common/utils/NeonTooltipPlacementUtils.cjs.js"),eo=require("./common/utils/RegisterIcons.cjs.js");exports.NeonActionMenu=o;exports.NeonAlert=n;exports.NeonAlertContainer=r;exports.NeonAnchor=t;exports.NeonBadge=i;exports.NeonButton=N;exports.NeonCard=s;exports.NeonCardBody=c;exports.NeonCardFooter=l;exports.NeonCardHeader=u;exports.NeonCardList=a;exports.NeonChip=q;exports.NeonColor=S;exports.NeonDatePicker=d;exports.NeonDialog=p;exports.NeonDrawer=g;exports.NeonDropdown=C;exports.NeonDropdownMenu=U;exports.NeonDropZone=P;exports.NeonExpansionIndicator=T;exports.NeonExpansionPanel=b;exports.NeonFieldGroup=y;exports.NeonField=z;exports.NeonFile=D;exports.NeonFilterList=m;exports.NeonFooter=v;exports.NeonGrid=I;exports.NeonGridArea=L;exports.NeonIcon=h;exports.NeonImageCarousel=w;exports.NeonInline=M;exports.NeonInput=A;exports.NeonInputIndicator=B;exports.NeonLabel=R;exports.NeonLinearProgress=F;exports.NeonLink=k;exports.NeonList=E;exports.NeonMenu=O;exports.NeonMobileMenu=G;exports.NeonModal=H;exports.NeonNote=x;exports.NeonNotificationCounter=f;exports.NeonNumber=J;exports.NeonPage=V;exports.NeonPassword=Z;exports.NeonRangeSlider=j;exports.NeonSideNav=K;exports.NeonSearch=Q;exports.NeonSelect=W;exports.NeonSelectableCard=X;exports.NeonSkeletonLoader=Y;exports.NeonSlider=_;exports.NeonSplashLoader=$;exports.NeonStack=ee;exports.NeonStepper=oe;exports.NeonSwiper=ne;exports.NeonSwitch=re;exports.NeonTab=te;exports.NeonTabs=ie;exports.NeonToastContainer=Ne;exports.NeonToggle=se;exports.NeonToggleChip=ce;exports.NeonTooltip=le;exports.NeonTopNav=ue;exports.NeonTreeMenu=ae;exports.NeonAlertLevel=qe.NeonAlertLevel;exports.NeonAlertPlacement=Se.NeonAlertPlacement;exports.NeonBadgeSize=de.NeonBadgeSize;exports.NeonButtonSize=pe.NeonButtonSize;exports.NeonButtonStyle=ge.NeonButtonStyle;exports.NeonChipAction=Ce.NeonChipAction;exports.NeonDropdownPlacement=Ue.NeonDropdownPlacement;exports.NeonDropdownStyle=Pe.NeonDropdownStyle;exports.NeonFunctionalColor=Te.NeonFunctionalColor;exports.NeonHorizontalPosition=be.NeonHorizontalPosition;exports.NeonInputMode=ye.NeonInputMode;exports.NeonInputType=ze.NeonInputType;exports.NeonLabelSize=De.NeonLabelSize;exports.NeonMode=me.NeonMode;exports.NeonOrientation=ve.NeonOrientation;exports.NeonOutlineStyle=Ie.NeonOutlineStyle;exports.NeonPosition=Le.NeonPosition;exports.NeonResponsive=he.NeonResponsive;exports.NeonSize=we.NeonSize;exports.NeonSplashLoaderSize=Me.NeonSplashLoaderSize;exports.NeonState=Ae.NeonState;exports.NeonSwitchStyle=Be.NeonSwitchStyle;exports.NeonToggleChipSize=Re.NeonToggleChipSize;exports.NeonToggleStyle=Fe.NeonToggleStyle;exports.NeonTooltipStyle=ke.NeonTooltipStyle;exports.NeonVerticalPosition=Ee.NeonVerticalPosition;exports.NeonAlertService=Oe.NeonAlertService;exports.NeonClipboardService=e.NeonClipboardService;exports.NeonClipboardSupport=e.NeonClipboardSupport;exports.NeonClosableUtils=Ge.NeonClosableUtils;exports.NeonDateUtils=He.NeonDateUtils;exports.NeonDebounceUtils=xe.NeonDebounceUtils;exports.NeonDropdownPlacementUtils=fe.NeonDropdownPlacementUtils;exports.NeonEventBus=Je.NeonEventBus;exports.NeonIconRegistry=Ve.NeonIconRegistry;exports.NeonJazziconUtils=Ze.NeonJazziconUtils;exports.NeonModeUtils=je.NeonModeUtils;exports.NeonNumberUtils=Ke.NeonNumberUtils;exports.NeonPlacementUtils=Qe.NeonPlacementUtils;exports.NeonRandomUtils=We.NeonRandomUtils;exports.NeonResponsiveUtils=Xe.NeonResponsiveUtils;exports.NeonScrollUtils=Ye.NeonScrollUtils;exports.NeonToastService=_e.NeonToastService;exports.NeonTooltipPlacementUtils=$e.NeonTooltipPlacementUtils;exports.RegisterIcons=eo.RegisterIcons;
 //# sourceMappingURL=neon.cjs.js.map

package/dist/neon.es.js

@@ -13,8 +13,8 @@ import { default as D } from "./components/user-input/chip/NeonChip.vue.es.js";
 import { default as L } from "./components/user-input/color/NeonColor.vue.es.js";
 import { default as w } from "./components/user-input/date-picker/NeonDatePicker.vue.es.js";
 import { default as v } from "./components/feedback/dialog/NeonDialog.vue.es.js";
-import { default as A } from "./components/layout/drawer/NeonDrawer.vue.es.js";
-import { default as F } from "./components/presentation/dropdown/NeonDropdown.vue.es.js";
+import { default as z } from "./components/layout/drawer/NeonDrawer.vue.es.js";
+import { default as B } from "./components/presentation/dropdown/NeonDropdown.vue.es.js";
 import { default as R } from "./components/navigation/dropdown-menu/NeonDropdownMenu.vue.es.js";
 import { default as E } from "./components/user-input/drop-zone/NeonDropZone.vue.es.js";
 import { default as H } from "./components/presentation/expansion-indicator/NeonExpansionIndicator.vue.es.js";
@@ -40,8 +40,8 @@ import { default as Io } from "./components/navigation/mobile-menu/NeonMobileMen
 import { default as ho } from "./components/layout/modal/NeonModal.vue.es.js";
 import { default as Mo } from "./components/feedback/note/NeonNote.vue.es.js";
 import { default as yo } from "./components/feedback/notification-counter/NeonNotificationCounter.vue.es.js";
-import { default as zo } from "./components/user-input/number/NeonNumber.vue.es.js";
-import { default as Bo } from "./components/layout/page/NeonPage.vue.es.js";
+import { default as Ao } from "./components/user-input/number/NeonNumber.vue.es.js";
+import { default as Fo } from "./components/layout/page/NeonPage.vue.es.js";
 import { default as ko } from "./components/user-input/password/NeonPassword.vue.es.js";
 import { default as Go } from "./components/user-input/range-slider/NeonRangeSlider.vue.es.js";
 import { default as Oo } from "./components/layout/side-nav/NeonSideNav.vue.es.js";
@@ -65,82 +65,84 @@ import { default as Pe } from "./components/layout/top-nav/NeonTopNav.vue.es.js"
 import { default as Ue } from "./components/navigation/tree-menu/NeonTreeMenu.vue.es.js";
 import { NeonAlertLevel as Ie } from "./common/enums/NeonAlertLevel.es.js";
 import { NeonAlertPlacement as he } from "./common/enums/NeonAlertPlacement.es.js";
-import { NeonButtonSize as Me } from "./common/enums/NeonButtonSize.es.js";
-import { NeonButtonStyle as ye } from "./common/enums/NeonButtonStyle.es.js";
-import { NeonChipAction as ze } from "./common/enums/NeonChipAction.es.js";
-import { NeonDropdownPlacement as Be } from "./common/enums/NeonDropdownPlacement.es.js";
-import { NeonDropdownStyle as ke } from "./common/enums/NeonDropdownStyle.es.js";
-import { NeonFunctionalColor as Ge } from "./common/enums/NeonFunctionalColor.es.js";
-import { NeonHorizontalPosition as Oe } from "./common/enums/NeonHorizontalPosition.es.js";
-import { NeonInputMode as Ve } from "./common/enums/NeonInputMode.es.js";
-import { NeonInputType as je } from "./common/enums/NeonInputType.es.js";
-import { NeonLabelSize as Ke } from "./common/enums/NeonLabelSize.es.js";
-import { NeonMode as We } from "./common/enums/NeonMode.es.js";
-import { NeonOrientation as Ye } from "./common/enums/NeonOrientation.es.js";
-import { NeonOutlineStyle as $e } from "./common/enums/NeonOutlineStyle.es.js";
-import { NeonPosition as er } from "./common/enums/NeonPosition.es.js";
-import { NeonResponsive as tr } from "./common/enums/NeonResponsive.es.js";
-import { NeonSize as fr } from "./common/enums/NeonSize.es.js";
-import { NeonSplashLoaderSize as pr } from "./common/enums/NeonSplashLoaderSize.es.js";
-import { NeonState as mr } from "./common/enums/NeonState.es.js";
-import { NeonSwitchStyle as xr } from "./common/enums/NeonSwitchStyle.es.js";
-import { NeonToggleChipSize as dr } from "./common/enums/NeonToggleChipSize.es.js";
-import { NeonToggleStyle as ir } from "./common/enums/NeonToggleStyle.es.js";
-import { NeonTooltipStyle as cr } from "./common/enums/NeonTooltipStyle.es.js";
-import { NeonVerticalPosition as gr } from "./common/enums/NeonVerticalPosition.es.js";
-import { NeonAlertService as Pr } from "./common/utils/NeonAlertService.es.js";
-import { NeonClipboardService as Ur, NeonClipboardSupport as Dr } from "./common/utils/NeonClipboardService.es.js";
-import { NeonClosableUtils as Lr } from "./common/utils/NeonClosableUtils.es.js";
-import { NeonDateUtils as wr } from "./common/utils/NeonDateUtils.es.js";
-import { NeonDebounceUtils as vr } from "./common/utils/NeonDebounceUtils.es.js";
-import { NeonDropdownPlacementUtils as Ar } from "./common/utils/NeonDropdownPlacementUtils.es.js";
-import { NeonEventBus as Fr } from "./common/utils/NeonEventBus.es.js";
-import { NeonIconRegistry as Rr } from "./common/utils/NeonIconRegistry.es.js";
-import { NeonJazziconUtils as Er } from "./common/utils/NeonJazziconUtils.es.js";
-import { NeonModeUtils as Hr } from "./common/utils/NeonModeUtils.es.js";
-import { NeonNumberUtils as Jr } from "./common/utils/NeonNumberUtils.es.js";
-import { NeonPlacementUtils as Zr } from "./common/utils/NeonPlacementUtils.es.js";
-import { NeonRandomUtils as qr } from "./common/utils/NeonRandomUtils.es.js";
-import { NeonResponsiveUtils as Qr } from "./common/utils/NeonResponsiveUtils.es.js";
-import { NeonScrollUtils as Xr } from "./common/utils/NeonScrollUtils.es.js";
-import { NeonToastService as _r } from "./common/utils/NeonToastService.es.js";
-import { NeonTooltipPlacementUtils as ot } from "./common/utils/NeonTooltipPlacementUtils.es.js";
-import { RegisterIcons as rt } from "./common/utils/RegisterIcons.es.js";
+import { NeonBadgeSize as Me } from "./common/enums/NeonBadgeSize.es.js";
+import { NeonButtonSize as ye } from "./common/enums/NeonButtonSize.es.js";
+import { NeonButtonStyle as Ae } from "./common/enums/NeonButtonStyle.es.js";
+import { NeonChipAction as Fe } from "./common/enums/NeonChipAction.es.js";
+import { NeonDropdownPlacement as ke } from "./common/enums/NeonDropdownPlacement.es.js";
+import { NeonDropdownStyle as Ge } from "./common/enums/NeonDropdownStyle.es.js";
+import { NeonFunctionalColor as Oe } from "./common/enums/NeonFunctionalColor.es.js";
+import { NeonHorizontalPosition as Ve } from "./common/enums/NeonHorizontalPosition.es.js";
+import { NeonInputMode as je } from "./common/enums/NeonInputMode.es.js";
+import { NeonInputType as Ke } from "./common/enums/NeonInputType.es.js";
+import { NeonLabelSize as We } from "./common/enums/NeonLabelSize.es.js";
+import { NeonMode as Ye } from "./common/enums/NeonMode.es.js";
+import { NeonOrientation as $e } from "./common/enums/NeonOrientation.es.js";
+import { NeonOutlineStyle as er } from "./common/enums/NeonOutlineStyle.es.js";
+import { NeonPosition as tr } from "./common/enums/NeonPosition.es.js";
+import { NeonResponsive as fr } from "./common/enums/NeonResponsive.es.js";
+import { NeonSize as pr } from "./common/enums/NeonSize.es.js";
+import { NeonSplashLoaderSize as mr } from "./common/enums/NeonSplashLoaderSize.es.js";
+import { NeonState as xr } from "./common/enums/NeonState.es.js";
+import { NeonSwitchStyle as dr } from "./common/enums/NeonSwitchStyle.es.js";
+import { NeonToggleChipSize as ir } from "./common/enums/NeonToggleChipSize.es.js";
+import { NeonToggleStyle as cr } from "./common/enums/NeonToggleStyle.es.js";
+import { NeonTooltipStyle as gr } from "./common/enums/NeonTooltipStyle.es.js";
+import { NeonVerticalPosition as Pr } from "./common/enums/NeonVerticalPosition.es.js";
+import { NeonAlertService as Ur } from "./common/utils/NeonAlertService.es.js";
+import { NeonClipboardService as Ir, NeonClipboardSupport as Lr } from "./common/utils/NeonClipboardService.es.js";
+import { NeonClosableUtils as wr } from "./common/utils/NeonClosableUtils.es.js";
+import { NeonDateUtils as vr } from "./common/utils/NeonDateUtils.es.js";
+import { NeonDebounceUtils as zr } from "./common/utils/NeonDebounceUtils.es.js";
+import { NeonDropdownPlacementUtils as Br } from "./common/utils/NeonDropdownPlacementUtils.es.js";
+import { NeonEventBus as Rr } from "./common/utils/NeonEventBus.es.js";
+import { NeonIconRegistry as Er } from "./common/utils/NeonIconRegistry.es.js";
+import { NeonJazziconUtils as Hr } from "./common/utils/NeonJazziconUtils.es.js";
+import { NeonModeUtils as Jr } from "./common/utils/NeonModeUtils.es.js";
+import { NeonNumberUtils as Zr } from "./common/utils/NeonNumberUtils.es.js";
+import { NeonPlacementUtils as qr } from "./common/utils/NeonPlacementUtils.es.js";
+import { NeonRandomUtils as Qr } from "./common/utils/NeonRandomUtils.es.js";
+import { NeonResponsiveUtils as Xr } from "./common/utils/NeonResponsiveUtils.es.js";
+import { NeonScrollUtils as _r } from "./common/utils/NeonScrollUtils.es.js";
+import { NeonToastService as ot } from "./common/utils/NeonToastService.es.js";
+import { NeonTooltipPlacementUtils as rt } from "./common/utils/NeonTooltipPlacementUtils.es.js";
+import { RegisterIcons as at } from "./common/utils/RegisterIcons.es.js";
 export {
   r as NeonActionMenu,
   a as NeonAlert,
   n as NeonAlertContainer,
   Ie as NeonAlertLevel,
   he as NeonAlertPlacement,
-  Pr as NeonAlertService,
+  Ur as NeonAlertService,
   l as NeonAnchor,
   N as NeonBadge,
+  Me as NeonBadgeSize,
   s as NeonButton,
-  Me as NeonButtonSize,
-  ye as NeonButtonStyle,
+  ye as NeonButtonSize,
+  Ae as NeonButtonStyle,
   u as NeonCard,
   S as NeonCardBody,
   C as NeonCardFooter,
   T as NeonCardHeader,
   b as NeonCardList,
   D as NeonChip,
-  ze as NeonChipAction,
-  Ur as NeonClipboardService,
-  Dr as NeonClipboardSupport,
-  Lr as NeonClosableUtils,
+  Fe as NeonChipAction,
+  Ir as NeonClipboardService,
+  Lr as NeonClipboardSupport,
+  wr as NeonClosableUtils,
   L as NeonColor,
   w as NeonDatePicker,
-  wr as NeonDateUtils,
-  vr as NeonDebounceUtils,
+  vr as NeonDateUtils,
+  zr as NeonDebounceUtils,
   v as NeonDialog,
-  A as NeonDrawer,
+  z as NeonDrawer,
   E as NeonDropZone,
-  F as NeonDropdown,
+  B as NeonDropdown,
   R as NeonDropdownMenu,
-  Be as NeonDropdownPlacement,
-  Ar as NeonDropdownPlacementUtils,
-  ke as NeonDropdownStyle,
-  Fr as NeonEventBus,
+  ke as NeonDropdownPlacement,
+  Br as NeonDropdownPlacementUtils,
+  Ge as NeonDropdownStyle,
+  Rr as NeonEventBus,
   H as NeonExpansionIndicator,
   J as NeonExpansionPanel,
   q as NeonField,
@@ -148,73 +150,73 @@ export {
   Q as NeonFile,
   X as NeonFilterList,
   _ as NeonFooter,
-  Ge as NeonFunctionalColor,
+  Oe as NeonFunctionalColor,
   oo as NeonGrid,
   ro as NeonGridArea,
-  Oe as NeonHorizontalPosition,
+  Ve as NeonHorizontalPosition,
   ao as NeonIcon,
-  Rr as NeonIconRegistry,
+  Er as NeonIconRegistry,
   no as NeonImageCarousel,
   lo as NeonInline,
   No as NeonInput,
   so as NeonInputIndicator,
-  Ve as NeonInputMode,
-  je as NeonInputType,
-  Er as NeonJazziconUtils,
+  je as NeonInputMode,
+  Ke as NeonInputType,
+  Hr as NeonJazziconUtils,
   io as NeonLabel,
-  Ke as NeonLabelSize,
+  We as NeonLabelSize,
   co as NeonLinearProgress,
   go as NeonLink,
   Po as NeonList,
   Uo as NeonMenu,
   Io as NeonMobileMenu,
   ho as NeonModal,
-  We as NeonMode,
-  Hr as NeonModeUtils,
+  Ye as NeonMode,
+  Jr as NeonModeUtils,
   Mo as NeonNote,
   yo as NeonNotificationCounter,
-  zo as NeonNumber,
-  Jr as NeonNumberUtils,
-  Ye as NeonOrientation,
-  $e as NeonOutlineStyle,
-  Bo as NeonPage,
+  Ao as NeonNumber,
+  Zr as NeonNumberUtils,
+  $e as NeonOrientation,
+  er as NeonOutlineStyle,
+  Fo as NeonPage,
   ko as NeonPassword,
-  Zr as NeonPlacementUtils,
-  er as NeonPosition,
-  qr as NeonRandomUtils,
+  qr as NeonPlacementUtils,
+  tr as NeonPosition,
+  Qr as NeonRandomUtils,
   Go as NeonRangeSlider,
-  tr as NeonResponsive,
-  Qr as NeonResponsiveUtils,
-  Xr as NeonScrollUtils,
+  fr as NeonResponsive,
+  Xr as NeonResponsiveUtils,
+  _r as NeonScrollUtils,
   Vo as NeonSearch,
   jo as NeonSelect,
   Ko as NeonSelectableCard,
   Oo as NeonSideNav,
-  fr as NeonSize,
+  pr as NeonSize,
   Wo as NeonSkeletonLoader,
   Yo as NeonSlider,
   $o as NeonSplashLoader,
-  pr as NeonSplashLoaderSize,
+  mr as NeonSplashLoaderSize,
   ee as NeonStack,
-  mr as NeonState,
+  xr as NeonState,
   te as NeonStepper,
   fe as NeonSwiper,
   pe as NeonSwitch,
-  xr as NeonSwitchStyle,
+  dr as NeonSwitchStyle,
   me as NeonTab,
   xe as NeonTabs,
   de as NeonToastContainer,
-  _r as NeonToastService,
+  ot as NeonToastService,
   ie as NeonToggle,
   ce as NeonToggleChip,
-  dr as NeonToggleChipSize,
-  ir as NeonToggleStyle,
+  ir as NeonToggleChipSize,
+  cr as NeonToggleStyle,
   ge as NeonTooltip,
-  ot as NeonTooltipPlacementUtils,
-  cr as NeonTooltipStyle,
+  rt as NeonTooltipPlacementUtils,
+  gr as NeonTooltipStyle,
   Pe as NeonTopNav,
   Ue as NeonTreeMenu,
-  gr as NeonVerticalPosition,
-  rt as RegisterIcons
+  Pr as NeonVerticalPosition,
+  at as RegisterIcons
 };
 //# sourceMappingURL=neon.es.js.map

package/dist/neon.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"neon.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"neon.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/src/common/enums/NeonBadgeSize.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Describes the available sizing options for <a href="/presentation/badge">NeonBadge</a>.
+ */
+export declare enum NeonBadgeSize {
+    /** A small badge size, typically has a default of 32 rem. */
+    Small = "s",
+    /** A medium badge size, usually the default size. Which typically has a default of 40 rem. */
+    Medium = "m",
+    /** A large badge size, typically has a default of 48 rem. */
+    Large = "l",
+    /** An extra large badge size, typically has a default of 64 rem. */
+    ExtraLarge = "xl",
+    /** An extra, extra large badge size, typically has a default of 80 rem. */
+    ExtraExtraLarge = "xxl"
+}

package/dist/src/common/models/NeonCalendarConfig.d.ts

@@ -24,6 +24,11 @@ export interface NeonCalendarConfig {
      * provided the browser default is used.
      */
     dowNames: Array<string>;
+    /**
+     * Long names for the days of the week from Monday-Sunday. These values are in the provided locale, if no locale is
+     * provided the browser default is used.
+     */
+    dowLongNames: Array<string>;
     /**
      * A two-dimensional array of calendar dates for the currently selected month. These are offset to match the days of
      * the week with Monday representing the first column. Nulls are placed in any empty positions.
@@ -47,4 +52,9 @@ export interface NeonCalendarConfig {
      * is used.
      */
     months: Array<string>;
+    /**
+     * Long names for the months. These values are in the provided locale, if no locale is provided the browser default
+     * is used.
+     */
+    monthLongNames: Array<string>;
 }

package/dist/src/common/utils/NeonDateUtils.d.ts

@@ -38,18 +38,20 @@ export declare class NeonDateUtils {
      * Returns the days of the week starting at Monday day name translated using the locale received as a first element.
      *
      * @param locale The locale for which to convert the date for display purposes, defaults to browser locale.
+     * @param format The format of the returned values
      *
      * @returns an array with the days of the week named according to the locale received.
      */
-    static dowNames(locale?: string): Array<string>;
+    static dowNames(locale?: string, format?: 'long' | 'short' | 'narrow'): Array<string>;
     /**
      * Returns the months of the year starting at January month name translated using the locale received as a first element.
      *
      * @param locale The locale for which to convert the date for display purposes, defaults to browser locale.
+     * @param format The format of the month names to return
      *
      * @returns an array with the month names of the year, all named according to the locale received.
      */
-    static monthNames(locale?: string): Array<string>;
+    static monthNames(locale?: string, format?: 'numeric' | '2-digit' | 'long' | 'short' | 'narrow'): Array<string>;
     /**
      * Collate & return the data required to drive the calendar popup in
      * <a href="/user-input/date-picker">NeonDatePicker</a>.