@aotearoan/neon 22.5.2 → 23.0.1

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

@@ -1,15 +1,15 @@
-import { defineComponent as T, useAttrs as z, ref as g, computed as a } from "vue";
-import { NeonInputType as c } from "../../../common/enums/NeonInputType.es.js";
+import { defineComponent as L, useAttrs as z, ref as m, computed as o } from "vue";
+import { NeonInputType as D } from "../../../common/enums/NeonInputType.es.js";
 import { NeonState as l } from "../../../common/enums/NeonState.es.js";
-import { NeonSize as D } from "../../../common/enums/NeonSize.es.js";
-import { NeonFunctionalColor as r } from "../../../common/enums/NeonFunctionalColor.es.js";
-import E from "../../presentation/icon/NeonIcon.vue.es.js";
-import { NeonDebounceUtils as F } from "../../../common/utils/NeonDebounceUtils.es.js";
+import { NeonSize as F } from "../../../common/enums/NeonSize.es.js";
+import { NeonFunctionalColor as i } from "../../../common/enums/NeonFunctionalColor.es.js";
+import T from "../../presentation/icon/NeonIcon.vue.es.js";
+import { NeonDebounceUtils as E } from "../../../common/utils/NeonDebounceUtils.es.js";
 import { NeonInputMode as M } from "../../../common/enums/NeonInputMode.es.js";
-const q = T({
+const q = L({
   name: "NeonInput",
   components: {
-    NeonIcon: E
+    NeonIcon: T
   },
   props: {
     /**
@@ -25,7 +25,7 @@ const q = T({
      * * file (use <a href="/user-input/file">NeonFile</a>)
      * * password (use <a href="/user-input/password">NeonPassword</a>)
      */
-    type: { type: String, default: c.Text },
+    type: { type: String, default: D.Text },
     /**
      * Placeholder text to display in the input
      */
@@ -33,11 +33,11 @@ const q = T({
     /**
      * Size of the input
      */
-    size: { type: String, default: D.Medium },
+    size: { type: String, default: F.Medium },
     /**
      * Color of the input
      */
-    color: { type: String, default: r.Primary },
+    color: { type: String, default: i.Primary },
     /**
      * The HTML input mode as specified <a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode">here</a>.
      */
@@ -121,21 +121,22 @@ const q = T({
      */
     "update:modelValue"
   ],
-  setup(e, { emit: o, expose: h }) {
-    const y = z(), u = g(null), i = g(!1), b = a(() => {
+  setup(e, { emit: u, expose: g }) {
+    const h = z(), c = m(null), r = m(!1), y = o(() => {
       const {
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         onBlur: t,
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         onFocus: n,
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        onIconClick: d,
-        ...L
-      } = y;
-      return L;
-    }), s = F.debounce((t) => {
-      o("update:modelValue", t);
-    }, e.debounce), m = a(() => {
+        onIconClick: a,
+        ...w
+      } = h;
+      return w;
+    }), d = E.debounce((t) => {
+      u("update:modelValue", t);
+    }, e.debounce), s = o(() => {
+      var t;
       switch (e.state) {
         case l.Loading:
           return "loading";
@@ -144,78 +145,70 @@ const q = T({
         case l.Error:
           return e.stateIcon ? "times" : void 0;
         default:
-          return e.icon ? e.icon : e.modelValue && e.modelValue.length > 0 ? "times" : void 0;
+          return e.icon ? e.icon : e.modelValue && (((t = e.modelValue) == null ? void 0 : t.length) || 0) > 0 ? "times" : void 0;
       }
-    }), S = a(() => m.value && !e.hideIcon && (e.state !== "ready" || e.icon || e.modelValue && !e.disabled && e.modelValue.length > 0)), x = a(() => {
+    }), b = o(() => {
+      var t;
+      return s.value && !e.hideIcon && (e.state !== "ready" || e.icon || e.modelValue && !e.disabled && (((t = e.modelValue) == null ? void 0 : t.length) || 0) > 0);
+    }), S = o(() => {
       switch (e.state) {
         case l.Success:
-          return r.Success;
+          return i.Success;
         case l.Error:
-          return r.Error;
+          return i.Error;
         case l.Loading:
           return e.color;
         default:
-          return r.LowContrast;
+          return i.LowContrast;
       }
-    }), N = a(() => {
+    }), x = o(() => {
+      var t;
       if (e.maxlength && e.maxlength > 0) {
-        const t = e.maxlengthLabel.split(" | "), n = e.maxlength - e.modelValue.length;
-        switch (n) {
+        const n = e.maxlengthLabel.split(" | "), a = e.maxlength - (((t = e.modelValue) == null ? void 0 : t.length) || 0);
+        switch (a) {
           case 0:
-            return t[0];
+            return n[0];
           case 1:
-            return t[1];
+            return n[1];
           default:
-            return t[2].replace("{count}", `${n}`);
+            return n[2].replace("{count}", `${a}`);
         }
       }
       return null;
     }), f = () => {
       var t;
-      (t = u.value) == null || t.focus();
-    }, V = () => {
+      (t = c.value) == null || t.focus();
+    }, N = () => {
       var t;
-      (t = u.value) == null || t.click();
+      (t = c.value) == null || t.click();
+    }, V = () => {
+      r.value = !0, u("focus");
     }, v = () => {
-      i.value = !0, o("focus");
-    }, I = () => {
-      i.value = !1, o("blur");
+      r.value = !1, u("blur");
+    }, I = (t) => {
+      e.disabled || (e.icon ? u("icon-click") : (d(""), setTimeout(f)), t.preventDefault(), t.stopPropagation());
     }, k = (t) => {
-      e.disabled || (e.icon ? o("icon-click") : (s(""), setTimeout(f)), t.preventDefault(), t.stopPropagation());
-    }, w = (t) => {
-      const n = t.target.value, d = e.maxlength && n.length > e.maxlength ? n.substring(0, e.maxlength) : n;
-      e.modelValue !== d && s(d);
+      const n = t.target.value, a = e.maxlength && n.length > e.maxlength ? n.substring(0, e.maxlength) : n;
+      e.modelValue !== a && d(a);
     }, B = (t) => {
-      t.key !== "Backspace" && e.maxlength && e.modelValue && e.modelValue.length >= e.maxlength && t.preventDefault();
-    }, C = a(() => {
-      if (e.placeholder)
-        return e.placeholder;
-      switch (e.type) {
-        case c.Email:
-          return "gbelson@hooli.com";
-        case c.Tel:
-          return "+41785551234";
-        case c.Url:
-          return "http://www.getskeleton.com";
-        default:
-          return "";
-      }
-    });
-    return h({ neonInput: u }), {
-      neonInput: u,
-      focused: i,
-      sanitizedAttributes: b,
-      iconVisible: S,
-      iconName: m,
-      iconColor: x,
+      var n;
+      t.key !== "Backspace" && e.maxlength && e.modelValue && (((n = e.modelValue) == null ? void 0 : n.length) || 0) >= e.maxlength && t.preventDefault();
+    }, C = o(() => e.placeholder || "");
+    return g({ neonInput: c }), {
+      neonInput: c,
+      focused: r,
+      sanitizedAttributes: y,
+      iconVisible: b,
+      iconName: s,
+      iconColor: S,
       computedPlaceholder: C,
-      counterLabel: N,
+      counterLabel: x,
       focus: f,
-      click: V,
-      onFocus: v,
-      onBlur: I,
-      iconClicked: k,
-      changeValue: w,
+      click: N,
+      onFocus: V,
+      onBlur: v,
+      iconClicked: I,
+      changeValue: k,
       onKeyDown: B
     };
   }

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, 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 as () => NeonInputMode, 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     * The label template for the character limit. This is a string in the vue-i18n Pluralization format with a\n     * <em>{count}</em> placeholder.\n     */\n    maxlengthLabel: { type: String, default: 'No characters left | 1 character left | {count} characters left' },\n    /**\n     * Debounce time in ms. If no value is provided, the default value set in NeonDebounceUtils is used (=0ms).\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 counterLabel = computed<string | null>(() => {\n      if (props.maxlength && props.maxlength > 0) {\n        const templates = props.maxlengthLabel.split(' | ');\n        const remainingChars = props.maxlength - props.modelValue.length;\n        switch (remainingChars) {\n          case 0:\n            return templates[0];\n          case 1:\n            return templates[1];\n          default:\n            return templates[2].replace('{count}', `${remainingChars}`);\n        }\n      }\n      return null;\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: InputEvent) => {\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      counterLabel,\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","counterLabel","templates","remainingChars","focus","_a","click","iconClicked","$event","changeValue","event","val","v","onKeyDown","computedPlaceholder"],"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     * The label template for the character limit. This is a string in the vue-i18n Pluralization format with a\n     * <em>{count}</em> placeholder.\n     */\n    maxlengthLabel: { type: String, default: 'No characters left | 1 character left | {count} characters left' },\n    /**\n     * Debounce time in ms. If no value is provided, the default value set in NeonDebounceUtils is used (=0ms).\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) > 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' ||\n          props.icon ||\n          (props.modelValue && !props.disabled && (props.modelValue?.length || 0) > 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 counterLabel = computed<string | null>(() => {\n      if (props.maxlength && props.maxlength > 0) {\n        const templates = props.maxlengthLabel.split(' | ');\n        const remainingChars = props.maxlength - (props.modelValue?.length || 0);\n        switch (remainingChars) {\n          case 0:\n            return templates[0];\n          case 1:\n            return templates[1];\n          default:\n            return templates[2].replace('{count}', `${remainingChars}`);\n        }\n      }\n      return null;\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: InputEvent) => {\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 || 0) >= props.maxlength\n      ) {\n        event.preventDefault();\n      }\n    };\n\n    const computedPlaceholder = computed(() => props.placeholder || '');\n\n    expose({ neonInput });\n\n    return {\n      neonInput,\n      focused,\n      sanitizedAttributes,\n      iconVisible,\n      iconName,\n      iconColor,\n      computedPlaceholder,\n      counterLabel,\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","_a","iconVisible","iconColor","counterLabel","templates","remainingChars","focus","click","iconClicked","$event","changeValue","event","val","v","onKeyDown","computedPlaceholder"],"mappings":"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"}

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

@@ -12,6 +12,10 @@ export interface NeonAlertMessage {
      * Optional body message. NOTE: Either title or message needs to be provided.
      */
     message?: string;
+    /**
+     * Optional display icon. Display the icon corresponding to the message severity. Defaults to false.
+     */
+    showIcon?: boolean;
     /**
      * Placement of the message. Default is top-right.
      */

package/dist/src/components/feedback/alert/NeonAlert.d.ts

@@ -29,6 +29,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         level: NeonAlertLevel;
         title?: string | undefined;
         message?: string | undefined;
+        showIcon?: boolean | undefined;
         placement?: NeonAlertPlacement | undefined;
         duration?: number | undefined;
         dismissible?: boolean | undefined;
@@ -45,6 +46,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         level: NeonAlertLevel;
         title?: string | undefined;
         message?: string | undefined;
+        showIcon?: boolean | undefined;
         placement?: NeonAlertPlacement | undefined;
         duration?: number | undefined;
         dismissible?: boolean | undefined;
@@ -62,6 +64,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         level: NeonAlertLevel;
         title?: string | undefined;
         message?: string | undefined;
+        showIcon?: boolean | undefined;
         placement?: NeonAlertPlacement | undefined;
         duration?: number | undefined;
         dismissible?: boolean | undefined;
@@ -78,6 +81,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         level: NeonAlertLevel;
         title?: string | undefined;
         message?: string | undefined;
+        showIcon?: boolean | undefined;
         placement?: NeonAlertPlacement | undefined;
         duration?: number | undefined;
         dismissible?: boolean | undefined;
@@ -95,6 +99,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         level: NeonAlertLevel;
         title?: string | undefined;
         message?: string | undefined;
+        showIcon?: boolean | undefined;
         placement?: NeonAlertPlacement | undefined;
         duration?: number | undefined;
         dismissible?: boolean | undefined;
@@ -111,6 +116,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         level: NeonAlertLevel;
         title?: string | undefined;
         message?: string | undefined;
+        showIcon?: boolean | undefined;
         placement?: NeonAlertPlacement | undefined;
         duration?: number | undefined;
         dismissible?: boolean | undefined;
@@ -128,6 +134,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         level: NeonAlertLevel;
         title?: string | undefined;
         message?: string | undefined;
+        showIcon?: boolean | undefined;
         placement?: NeonAlertPlacement | undefined;
         duration?: number | undefined;
         dismissible?: boolean | undefined;
@@ -144,6 +151,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         level: NeonAlertLevel;
         title?: string | undefined;
         message?: string | undefined;
+        showIcon?: boolean | undefined;
         placement?: NeonAlertPlacement | undefined;
         duration?: number | undefined;
         dismissible?: boolean | undefined;

package/dist/src/components/feedback/dialog/NeonDialog.d.ts

@@ -441,8 +441,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             externalIndicator: {
                 type: BooleanConstructor;
-                default: boolean;
-            };
+                default: boolean; /**
+                 * The label of the button for the confirm (positive) action.
+                 */
+            }; /**
+             * The label of the button for the confirm (positive) action.
+             */
         }>, {
             neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
             routerUrl: import("vue").ComputedRef<string | undefined>;
@@ -468,8 +472,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             };
             externalIndicator: {
                 type: BooleanConstructor;
-                default: boolean;
-            };
+                default: boolean; /**
+                 * The label of the button for the confirm (positive) action.
+                 */
+            }; /**
+             * The label of the button for the confirm (positive) action.
+             */
         }>> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
         }>, {
@@ -961,8 +969,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 externalIndicator: {
                     type: BooleanConstructor;
-                    default: boolean;
-                };
+                    default: boolean; /**
+                     * The label of the button for the confirm (positive) action.
+                     */
+                }; /**
+                 * The label of the button for the confirm (positive) action.
+                 */
             }>, {
                 neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
                 routerUrl: import("vue").ComputedRef<string | undefined>;
@@ -988,8 +1000,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 };
                 externalIndicator: {
                     type: BooleanConstructor;
-                    default: boolean;
-                };
+                    default: boolean; /**
+                     * The label of the button for the confirm (positive) action.
+                     */
+                }; /**
+                 * The label of the button for the confirm (positive) action.
+                 */
             }>> & Readonly<{
                 onClick?: ((...args: any[]) => any) | undefined;
             }>, {

package/dist/src/components/feedback/note/NeonNote.d.ts

@@ -388,14 +388,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             outlineStyle: {
-                type: () => import("../../../neon").NeonOutlineStyle;
+                type: () => import("../../../neon").NeonOutlineStyle; /**
+                 * Whether the note has a close button
+                 */
                 default: import("../../../neon").NeonOutlineStyle;
             };
             externalIndicator: {
                 type: BooleanConstructor;
-                default: boolean; /**
-                 * Note close button aria label.
-                 */
+                default: boolean;
             };
         }>, {
             neonLink: import("vue").Ref<HTMLAnchorElement | null, HTMLAnchorElement | null>;
@@ -417,14 +417,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 default: boolean;
             };
             outlineStyle: {
-                type: () => import("../../../neon").NeonOutlineStyle;
+                type: () => import("../../../neon").NeonOutlineStyle; /**
+                 * Whether the note has a close button
+                 */
                 default: import("../../../neon").NeonOutlineStyle;
             };
             externalIndicator: {
                 type: BooleanConstructor;
-                default: boolean; /**
-                 * Note close button aria label.
-                 */
+                default: boolean;
             };
         }>> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;

package/dist/src/components/layout/card-list/NeonCardList.d.ts

@@ -452,7 +452,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             sanitizedAttributes: import("vue").ComputedRef<{
                 [x: string]: unknown;
             }>;
-            activeRoute: import("vue").ComputedRef<boolean | "">;
+            activeRoute: import("vue").ComputedRef<boolean | "">; /**
+             * Emitted when a cards are clickable & a card is clicked & not disabled.
+             * @type index {number}
+             */
             exactRoute: import("vue").ComputedRef<boolean | "">;
             onClick: () => void;
             onSpace: () => Promise<void>;
@@ -689,7 +692,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         sanitizedAttributes: import("vue").ComputedRef<{
             [x: string]: unknown;
         }>;
-        activeRoute: import("vue").ComputedRef<boolean | "">;
+        activeRoute: import("vue").ComputedRef<boolean | "">; /**
+         * Emitted when a cards are clickable & a card is clicked & not disabled.
+         * @type index {number}
+         */
         exactRoute: import("vue").ComputedRef<boolean | "">;
         onClick: () => void;
         onSpace: () => Promise<void>;