@aotearoan/neon 22.5.1 → 22.5.2

package/dist/src/components/user-input/file/NeonFile.d.ts

@@ -125,17 +125,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
             type: () => NeonState;
             default: NeonState;
-        };
+        }; /**
+         * Title for the file upload button.
+         */
         rows: {
             type: NumberConstructor;
-            default: null;
-        };
+            default: null; /**
+             * Emitted when files are selected and uploaded
+             * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+             */
+        }; /**
+         * Emitted when files are selected and uploaded
+         * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+         */
         icon: {
             type: StringConstructor;
             default: null;
@@ -168,6 +176,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -187,12 +199,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconName: import("vue").ComputedRef<string | undefined>;
         iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
         computedPlaceholder: import("vue").ComputedRef<string>;
+        counterLabel: import("vue").ComputedRef<string | null>;
         focus: () => void;
         click: () => void;
         onFocus: () => void;
         onBlur: () => void;
         iconClicked: ($event: Event) => void;
-        changeValue: (event: Event) => void;
+        changeValue: (event: InputEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
         disabled: boolean;
@@ -207,13 +220,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: NeonState;
-        autocomplete: string;
+        autocomplete: import("../../../neon").NeonInputMode;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
         stateHighlight: boolean;
         stateIcon: boolean;
         maxlength: number;
+        maxlengthLabel: string;
     }, true, {}, {}, {
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {
@@ -307,17 +321,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
             type: () => NeonState;
             default: NeonState;
-        };
+        }; /**
+         * Title for the file upload button.
+         */
         rows: {
             type: NumberConstructor;
-            default: null;
-        };
+            default: null; /**
+             * Emitted when files are selected and uploaded
+             * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+             */
+        }; /**
+         * Emitted when files are selected and uploaded
+         * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+         */
         icon: {
             type: StringConstructor;
             default: null;
@@ -350,6 +372,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -369,12 +395,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconName: import("vue").ComputedRef<string | undefined>;
         iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
         computedPlaceholder: import("vue").ComputedRef<string>;
+        counterLabel: import("vue").ComputedRef<string | null>;
         focus: () => void;
         click: () => void;
         onFocus: () => void;
         onBlur: () => void;
         iconClicked: ($event: Event) => void;
-        changeValue: (event: Event) => void;
+        changeValue: (event: InputEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     }, {}, {}, {}, {
         disabled: boolean;
@@ -389,13 +416,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: NeonState;
-        autocomplete: string;
+        autocomplete: import("../../../neon").NeonInputMode;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
         stateHighlight: boolean;
         stateIcon: boolean;
         maxlength: number;
+        maxlengthLabel: string;
     }> | null, import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         id: {
             type: StringConstructor;
@@ -428,17 +456,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
             type: () => NeonState;
             default: NeonState;
-        };
+        }; /**
+         * Title for the file upload button.
+         */
         rows: {
             type: NumberConstructor;
-            default: null;
-        };
+            default: null; /**
+             * Emitted when files are selected and uploaded
+             * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+             */
+        }; /**
+         * Emitted when files are selected and uploaded
+         * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+         */
         icon: {
             type: StringConstructor;
             default: null;
@@ -471,6 +507,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -490,12 +530,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconName: import("vue").ComputedRef<string | undefined>;
         iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
         computedPlaceholder: import("vue").ComputedRef<string>;
+        counterLabel: import("vue").ComputedRef<string | null>;
         focus: () => void;
         click: () => void;
         onFocus: () => void;
         onBlur: () => void;
         iconClicked: ($event: Event) => void;
-        changeValue: (event: Event) => void;
+        changeValue: (event: InputEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], import("vue").PublicProps, {
         disabled: boolean;
@@ -510,13 +551,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: NeonState;
-        autocomplete: string;
+        autocomplete: import("../../../neon").NeonInputMode;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
         stateHighlight: boolean;
         stateIcon: boolean;
         maxlength: number;
+        maxlengthLabel: string;
     }, true, {}, {}, {
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {
@@ -610,17 +652,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
             type: () => NeonState;
             default: NeonState;
-        };
+        }; /**
+         * Title for the file upload button.
+         */
         rows: {
             type: NumberConstructor;
-            default: null;
-        };
+            default: null; /**
+             * Emitted when files are selected and uploaded
+             * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+             */
+        }; /**
+         * Emitted when files are selected and uploaded
+         * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+         */
         icon: {
             type: StringConstructor;
             default: null;
@@ -653,6 +703,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -672,12 +726,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconName: import("vue").ComputedRef<string | undefined>;
         iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
         computedPlaceholder: import("vue").ComputedRef<string>;
+        counterLabel: import("vue").ComputedRef<string | null>;
         focus: () => void;
         click: () => void;
         onFocus: () => void;
         onBlur: () => void;
         iconClicked: ($event: Event) => void;
-        changeValue: (event: Event) => void;
+        changeValue: (event: InputEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     }, {}, {}, {}, {
         disabled: boolean;
@@ -692,13 +747,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: NeonState;
-        autocomplete: string;
+        autocomplete: import("../../../neon").NeonInputMode;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
         stateHighlight: boolean;
         stateIcon: boolean;
         maxlength: number;
+        maxlengthLabel: string;
     }> | null>;
     files: import("vue").Ref<{
         readonly lastModified: number;
@@ -1270,17 +1326,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
             type: () => NeonState;
             default: NeonState;
-        };
+        }; /**
+         * Title for the file upload button.
+         */
         rows: {
             type: NumberConstructor;
-            default: null;
-        };
+            default: null; /**
+             * Emitted when files are selected and uploaded
+             * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+             */
+        }; /**
+         * Emitted when files are selected and uploaded
+         * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+         */
         icon: {
             type: StringConstructor;
             default: null;
@@ -1313,6 +1377,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -1327,12 +1395,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconName: import("vue").ComputedRef<string | undefined>;
         iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
         computedPlaceholder: import("vue").ComputedRef<string>;
+        counterLabel: import("vue").ComputedRef<string | null>;
         focus: () => void;
         click: () => void;
         onFocus: () => void;
         onBlur: () => void;
         iconClicked: ($event: Event) => void;
-        changeValue: (event: Event) => void;
+        changeValue: (event: InputEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         id: {
@@ -1366,17 +1435,25 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
             type: () => NeonState;
             default: NeonState;
-        };
+        }; /**
+         * Title for the file upload button.
+         */
         rows: {
             type: NumberConstructor;
-            default: null;
-        };
+            default: null; /**
+             * Emitted when files are selected and uploaded
+             * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+             */
+        }; /**
+         * Emitted when files are selected and uploaded
+         * @type {File | File[]} either a single File (multiple = false) or a list of File objects (multiple = true)
+         */
         icon: {
             type: StringConstructor;
             default: null;
@@ -1409,6 +1486,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -1431,13 +1512,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: NeonState;
-        autocomplete: string;
+        autocomplete: import("../../../neon").NeonInputMode;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
         stateHighlight: boolean;
         stateIcon: boolean;
         maxlength: number;
+        maxlengthLabel: string;
     }, {}, {
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {

package/dist/src/components/user-input/input/NeonInput.d.ts

@@ -63,7 +63,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      * 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.
      */
     autocomplete: {
-        type: StringConstructor;
+        type: () => NeonInputMode;
         default: string;
     };
     /**
@@ -139,8 +139,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: null;
     };
     /**
-     * Debounce time in ms, if no value is provided the default value set in NeonDebounceUtils is used (=300ms).
-     * Set to 0 to disable debounce.
+     * The label template for the character limit. This is a string in the vue-i18n Pluralization format with a
+     * <em>{count}</em> placeholder.
+     */
+    maxlengthLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Debounce time in ms. If no value is provided, the default value set in NeonDebounceUtils is used (=0ms).
      */
     debounce: {
         type: NumberConstructor;
@@ -156,12 +163,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     iconName: import("vue").ComputedRef<string | undefined>;
     iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
     computedPlaceholder: import("vue").ComputedRef<string>;
+    counterLabel: import("vue").ComputedRef<string | null>;
     focus: () => void;
     click: () => void;
     onFocus: () => void;
     onBlur: () => void;
     iconClicked: ($event: Event) => void;
-    changeValue: (event: Event) => void;
+    changeValue: (event: InputEvent) => void;
     onKeyDown: (event: KeyboardEvent) => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -220,7 +228,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      * 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.
      */
     autocomplete: {
-        type: StringConstructor;
+        type: () => NeonInputMode;
         default: string;
     };
     /**
@@ -296,8 +304,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: null;
     };
     /**
-     * Debounce time in ms, if no value is provided the default value set in NeonDebounceUtils is used (=300ms).
-     * Set to 0 to disable debounce.
+     * The label template for the character limit. This is a string in the vue-i18n Pluralization format with a
+     * <em>{count}</em> placeholder.
+     */
+    maxlengthLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Debounce time in ms. If no value is provided, the default value set in NeonDebounceUtils is used (=0ms).
      */
     debounce: {
         type: NumberConstructor;
@@ -321,13 +336,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     inputmode: NeonInputMode;
     modelValue: string;
     state: NeonState;
-    autocomplete: string;
+    autocomplete: NeonInputMode;
     rows: number;
     iconReadonly: boolean;
     hideIcon: boolean;
     stateHighlight: boolean;
     stateIcon: boolean;
     maxlength: number;
+    maxlengthLabel: string;
 }, {}, {
     NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         name: {

package/dist/src/components/user-input/number/NeonNumber.d.ts

@@ -780,7 +780,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => NeonInputMode;
             default: string;
         };
         state: {
@@ -823,6 +823,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -837,12 +841,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         iconName: import("vue").ComputedRef<string | undefined>;
         iconColor: import("vue").ComputedRef<NeonFunctionalColor>;
         computedPlaceholder: import("vue").ComputedRef<string>;
+        counterLabel: import("vue").ComputedRef<string | null>;
         focus: () => void;
         click: () => void;
         onFocus: () => void;
         onBlur: () => void;
         iconClicked: ($event: Event) => void;
-        changeValue: (event: Event) => void;
+        changeValue: (event: InputEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         id: {
@@ -874,7 +879,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             default: NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => NeonInputMode;
             default: string;
         };
         state: {
@@ -917,6 +922,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -939,13 +948,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputmode: NeonInputMode;
         modelValue: string;
         state: import("../../../neon").NeonState;
-        autocomplete: string;
+        autocomplete: NeonInputMode;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
         stateHighlight: boolean;
         stateIcon: boolean;
         maxlength: number;
+        maxlengthLabel: string;
     }, {}, {
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {

package/dist/src/components/user-input/password/NeonPassword.d.ts

@@ -44,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
@@ -87,6 +87,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -101,12 +105,13 @@ declare const _default: import("vue").DefineComponent<{}, {
         iconName: import("vue").ComputedRef<string | undefined>;
         iconColor: import("vue").ComputedRef<import("../../../neon").NeonFunctionalColor>;
         computedPlaceholder: import("vue").ComputedRef<string>;
+        counterLabel: import("vue").ComputedRef<string | null>;
         focus: () => void;
         click: () => void;
         onFocus: () => void;
         onBlur: () => void;
         iconClicked: ($event: Event) => void;
-        changeValue: (event: Event) => void;
+        changeValue: (event: InputEvent) => void;
         onKeyDown: (event: KeyboardEvent) => void;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "blur" | "icon-click")[], "update:modelValue" | "focus" | "blur" | "icon-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         id: {
@@ -138,7 +143,7 @@ declare const _default: import("vue").DefineComponent<{}, {
             default: import("../../../neon").NeonInputMode;
         };
         autocomplete: {
-            type: StringConstructor;
+            type: () => import("../../../neon").NeonInputMode;
             default: string;
         };
         state: {
@@ -181,6 +186,10 @@ declare const _default: import("vue").DefineComponent<{}, {
             type: NumberConstructor;
             default: null;
         };
+        maxlengthLabel: {
+            type: StringConstructor;
+            default: string;
+        };
         debounce: {
             type: NumberConstructor;
             default: undefined;
@@ -203,13 +212,14 @@ declare const _default: import("vue").DefineComponent<{}, {
         inputmode: import("../../../neon").NeonInputMode;
         modelValue: string;
         state: import("../../../neon").NeonState;
-        autocomplete: string;
+        autocomplete: import("../../../neon").NeonInputMode;
         rows: number;
         iconReadonly: boolean;
         hideIcon: boolean;
         stateHighlight: boolean;
         stateIcon: boolean;
         maxlength: number;
+        maxlengthLabel: string;
     }, {}, {
         NeonIcon: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             name: {