@knime/kds-components 0.18.0 → 0.18.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,247 @@
1
+ import { KdsPasswordInputProps } from './types';
2
+ type __VLS_Props = KdsPasswordInputProps;
3
+ type __VLS_PublicProps = {
4
+ modelValue?: string;
5
+ } & __VLS_Props;
6
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
7
+ focus: () => void;
8
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
9
+ "update:modelValue": (value: string) => any;
10
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
11
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
12
+ }>, {
13
+ disabled: boolean;
14
+ error: boolean;
15
+ variant: import('./types').KdsPasswordInputVariant;
16
+ validating: boolean;
17
+ preserveSubTextSpace: boolean;
18
+ showVisibilityToggle: boolean;
19
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
20
+ input: ({
21
+ $: import('vue').ComponentInternalInstance;
22
+ $data: {};
23
+ $props: {
24
+ readonly modelValue?: string | undefined;
25
+ readonly id?: string | undefined;
26
+ readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
27
+ readonly min?: number | string | undefined;
28
+ readonly max?: number | string | undefined;
29
+ readonly ariaExpanded?: boolean | undefined;
30
+ readonly step?: number | undefined;
31
+ readonly placeholder?: string | undefined;
32
+ readonly disabled?: boolean | undefined;
33
+ readonly leadingIcon?: import('../../../index.ts').KdsIconName | undefined;
34
+ readonly trailingIcon?: import('../../../index.ts').KdsIconName | undefined;
35
+ readonly error?: boolean | undefined;
36
+ readonly autocomplete?: string | undefined;
37
+ readonly ariaLabel?: string | undefined;
38
+ readonly ariaLabelledby?: string | undefined;
39
+ readonly ariaDescribedby?: string | undefined;
40
+ readonly ariaInvalid?: boolean | undefined;
41
+ readonly role?: string | undefined;
42
+ readonly ariaValuenow?: number | undefined;
43
+ readonly ariaValuemin?: number | undefined;
44
+ readonly ariaValuemax?: number | undefined;
45
+ readonly ariaValuetext?: string | undefined;
46
+ readonly ariaActivedescendant?: string | undefined;
47
+ readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
48
+ readonly ariaControls?: string | undefined;
49
+ readonly unit?: string | undefined;
50
+ readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
51
+ readonly clearable?: boolean | undefined;
52
+ readonly pattern?: string | undefined;
53
+ readonly onInput?: ((event: Event) => any) | undefined;
54
+ readonly onClick?: ((event: MouseEvent) => any) | undefined;
55
+ readonly onBlur?: ((event: FocusEvent) => any) | undefined;
56
+ readonly onFocus?: ((event: FocusEvent) => any) | undefined;
57
+ readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
58
+ readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
59
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
60
+ $attrs: import('vue').Attrs;
61
+ $refs: {
62
+ [x: string]: unknown;
63
+ } & {
64
+ input: HTMLInputElement;
65
+ };
66
+ $slots: Readonly<{
67
+ [name: string]: import('vue').Slot<any> | undefined;
68
+ }>;
69
+ $root: import('vue').ComponentPublicInstance | null;
70
+ $parent: import('vue').ComponentPublicInstance | null;
71
+ $host: Element | null;
72
+ $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
73
+ $el: HTMLDivElement;
74
+ $options: import('vue').ComponentOptionsBase<Readonly<{
75
+ modelValue?: string;
76
+ } & {
77
+ id?: string;
78
+ type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
79
+ min?: number | string;
80
+ max?: number | string;
81
+ ariaExpanded?: boolean;
82
+ step?: number;
83
+ placeholder?: string;
84
+ disabled?: boolean;
85
+ leadingIcon?: import('../../../index.ts').KdsIconName;
86
+ trailingIcon?: import('../../../index.ts').KdsIconName;
87
+ error?: boolean;
88
+ autocomplete?: string;
89
+ ariaLabel?: string;
90
+ ariaLabelledby?: string;
91
+ ariaDescribedby?: string;
92
+ ariaInvalid?: boolean;
93
+ role?: string;
94
+ ariaValuenow?: number;
95
+ ariaValuemin?: number;
96
+ ariaValuemax?: number;
97
+ ariaValuetext?: string;
98
+ ariaActivedescendant?: string;
99
+ ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
100
+ ariaControls?: string;
101
+ unit?: string;
102
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
103
+ clearable?: boolean;
104
+ pattern?: string;
105
+ }> & Readonly<{
106
+ onInput?: ((event: Event) => any) | undefined;
107
+ onClick?: ((event: MouseEvent) => any) | undefined;
108
+ onBlur?: ((event: FocusEvent) => any) | undefined;
109
+ onFocus?: ((event: FocusEvent) => any) | undefined;
110
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
111
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
112
+ }>, {
113
+ focus: () => void;
114
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
115
+ input: (event: Event) => any;
116
+ click: (event: MouseEvent) => any;
117
+ blur: (event: FocusEvent) => any;
118
+ focus: (event: FocusEvent) => any;
119
+ keydown: (event: KeyboardEvent) => any;
120
+ "update:modelValue": (value: string) => any;
121
+ }, string, {
122
+ type: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
123
+ pattern: string;
124
+ role: string;
125
+ placeholder: string;
126
+ disabled: boolean;
127
+ error: boolean;
128
+ leadingIcon: import('../../../index.ts').KdsIconName;
129
+ ariaLabel: string;
130
+ trailingIcon: import('../../../index.ts').KdsIconName;
131
+ id: string;
132
+ min: number | string;
133
+ max: number | string;
134
+ ariaExpanded: boolean;
135
+ step: number;
136
+ autocomplete: string;
137
+ ariaLabelledby: string;
138
+ ariaDescribedby: string;
139
+ ariaInvalid: boolean;
140
+ ariaValuenow: number;
141
+ ariaValuemin: number;
142
+ ariaValuemax: number;
143
+ ariaValuetext: string;
144
+ ariaActivedescendant: string;
145
+ ariaHaspopup: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
146
+ ariaControls: string;
147
+ unit: string;
148
+ inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
149
+ clearable: boolean;
150
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
151
+ beforeCreate?: (() => void) | (() => void)[];
152
+ created?: (() => void) | (() => void)[];
153
+ beforeMount?: (() => void) | (() => void)[];
154
+ mounted?: (() => void) | (() => void)[];
155
+ beforeUpdate?: (() => void) | (() => void)[];
156
+ updated?: (() => void) | (() => void)[];
157
+ activated?: (() => void) | (() => void)[];
158
+ deactivated?: (() => void) | (() => void)[];
159
+ beforeDestroy?: (() => void) | (() => void)[];
160
+ beforeUnmount?: (() => void) | (() => void)[];
161
+ destroyed?: (() => void) | (() => void)[];
162
+ unmounted?: (() => void) | (() => void)[];
163
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
164
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
165
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
166
+ };
167
+ $forceUpdate: () => void;
168
+ $nextTick: typeof import('vue').nextTick;
169
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
170
+ } & Readonly<{
171
+ type: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
172
+ pattern: string;
173
+ role: string;
174
+ placeholder: string;
175
+ disabled: boolean;
176
+ error: boolean;
177
+ leadingIcon: import('../../../index.ts').KdsIconName;
178
+ ariaLabel: string;
179
+ trailingIcon: import('../../../index.ts').KdsIconName;
180
+ id: string;
181
+ min: number | string;
182
+ max: number | string;
183
+ ariaExpanded: boolean;
184
+ step: number;
185
+ autocomplete: string;
186
+ ariaLabelledby: string;
187
+ ariaDescribedby: string;
188
+ ariaInvalid: boolean;
189
+ ariaValuenow: number;
190
+ ariaValuemin: number;
191
+ ariaValuemax: number;
192
+ ariaValuetext: string;
193
+ ariaActivedescendant: string;
194
+ ariaHaspopup: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
195
+ ariaControls: string;
196
+ unit: string;
197
+ inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
198
+ clearable: boolean;
199
+ }> & Omit<Readonly<{
200
+ modelValue?: string;
201
+ } & {
202
+ id?: string;
203
+ type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
204
+ min?: number | string;
205
+ max?: number | string;
206
+ ariaExpanded?: boolean;
207
+ step?: number;
208
+ placeholder?: string;
209
+ disabled?: boolean;
210
+ leadingIcon?: import('../../../index.ts').KdsIconName;
211
+ trailingIcon?: import('../../../index.ts').KdsIconName;
212
+ error?: boolean;
213
+ autocomplete?: string;
214
+ ariaLabel?: string;
215
+ ariaLabelledby?: string;
216
+ ariaDescribedby?: string;
217
+ ariaInvalid?: boolean;
218
+ role?: string;
219
+ ariaValuenow?: number;
220
+ ariaValuemin?: number;
221
+ ariaValuemax?: number;
222
+ ariaValuetext?: string;
223
+ ariaActivedescendant?: string;
224
+ ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
225
+ ariaControls?: string;
226
+ unit?: string;
227
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
228
+ clearable?: boolean;
229
+ pattern?: string;
230
+ }> & Readonly<{
231
+ onInput?: ((event: Event) => any) | undefined;
232
+ onClick?: ((event: MouseEvent) => any) | undefined;
233
+ onBlur?: ((event: FocusEvent) => any) | undefined;
234
+ onFocus?: ((event: FocusEvent) => any) | undefined;
235
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
236
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
237
+ }>, "focus" | ("type" | "pattern" | "role" | "placeholder" | "disabled" | "error" | "leadingIcon" | "ariaLabel" | "trailingIcon" | "id" | "min" | "max" | "ariaExpanded" | "step" | "autocomplete" | "ariaLabelledby" | "ariaDescribedby" | "ariaInvalid" | "ariaValuenow" | "ariaValuemin" | "ariaValuemax" | "ariaValuetext" | "ariaActivedescendant" | "ariaHaspopup" | "ariaControls" | "unit" | "inputmode" | "clearable")> & import('vue').ShallowUnwrapRef<{
238
+ focus: () => void;
239
+ }> & {} & import('vue').ComponentCustomProperties & {} & {
240
+ $slots: {
241
+ leading?(_: {}): any;
242
+ trailing?(_: {}): any;
243
+ };
244
+ }) | null;
245
+ }, HTMLDivElement>;
246
+ export default _default;
247
+ //# sourceMappingURL=KdsPasswordInput.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KdsPasswordInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/PasswordInput/KdsPasswordInput.vue"],"names":[],"mappings":"AA8FA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,KAAK,WAAW,GAAG,qBAAqB,CAAC;AA4CzC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCA2Mqoc,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAzB3wc,wBAWG"}
@@ -0,0 +1,13 @@
1
+ export declare const kdsPasswordInputVariant: {
2
+ readonly PASSWORD: "password";
3
+ readonly KEY: "key";
4
+ };
5
+ export declare const kdsPasswordInputVariants: ("key" | "password")[];
6
+ export declare const kdsPasswordInputAutocomplete: {
7
+ readonly CURRENT_PASSWORD: "current-password";
8
+ readonly NEW_PASSWORD: "new-password";
9
+ readonly ONE_TIME_CODE: "one-time-code";
10
+ readonly OFF: "off";
11
+ };
12
+ export declare const kdsPasswordInputAutocompletes: ("off" | "current-password" | "new-password" | "one-time-code")[];
13
+ //# sourceMappingURL=enums.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/PasswordInput/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,uBAAuB;;;CAG1B,CAAC;AAEX,eAAO,MAAM,wBAAwB,wBAAyC,CAAC;AAE/E,eAAO,MAAM,4BAA4B;;;;;CAK/B,CAAC;AAEX,eAAO,MAAM,6BAA6B,mEAEzC,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { default as KdsPasswordInput } from './KdsPasswordInput.vue';
2
+ export { kdsPasswordInputVariant, kdsPasswordInputVariants, kdsPasswordInputAutocomplete, kdsPasswordInputAutocompletes, } from './enums';
3
+ export type * from './types';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/PasswordInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EACL,uBAAuB,EACvB,wBAAwB,EACxB,4BAA4B,EAC5B,6BAA6B,GAC9B,MAAM,SAAS,CAAC;AACjB,mBAAmB,SAAS,CAAC"}
@@ -0,0 +1,25 @@
1
+ import { KdsInputFieldProps } from '../types';
2
+ import { kdsPasswordInputAutocomplete, kdsPasswordInputVariant } from './enums';
3
+ export type KdsPasswordInputVariant = (typeof kdsPasswordInputVariant)[keyof typeof kdsPasswordInputVariant];
4
+ export type KdsPasswordInputAutocomplete = (typeof kdsPasswordInputAutocomplete)[keyof typeof kdsPasswordInputAutocomplete];
5
+ export type KdsPasswordInputProps = Omit<KdsInputFieldProps, "autocomplete"> & {
6
+ /**
7
+ * Visual variant controlling the leading icon.
8
+ * `"password"` shows a lock icon, `"key"` shows a key icon.
9
+ */
10
+ variant?: KdsPasswordInputVariant;
11
+ /**
12
+ * Whether to show the visibility toggle button.
13
+ */
14
+ showVisibilityToggle?: boolean;
15
+ /**
16
+ * Label used for the visibility toggle button's aria-label.
17
+ * Defaults to `"Password"` for the `"password"` variant and `"Key"` for `"key"`.
18
+ */
19
+ toggleLabel?: string;
20
+ /**
21
+ * Autocomplete attribute for the input element.
22
+ */
23
+ autocomplete?: KdsPasswordInputAutocomplete;
24
+ };
25
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/PasswordInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,KAAK,EACV,4BAA4B,EAC5B,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,uBAAuB,GACjC,CAAC,OAAO,uBAAuB,CAAC,CAAC,MAAM,OAAO,uBAAuB,CAAC,CAAC;AAEzE,MAAM,MAAM,4BAA4B,GACtC,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAEnF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,GAAG;IAC7E;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,4BAA4B,CAAC;CAC7C,CAAC"}
@@ -0,0 +1,245 @@
1
+ import { KdsUsernameInputProps } from './types';
2
+ type __VLS_Props = KdsUsernameInputProps;
3
+ type __VLS_PublicProps = {
4
+ modelValue?: string;
5
+ } & __VLS_Props;
6
+ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
7
+ focus: () => void;
8
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
9
+ "update:modelValue": (value: string) => any;
10
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
11
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
12
+ }>, {
13
+ disabled: boolean;
14
+ error: boolean;
15
+ validating: boolean;
16
+ preserveSubTextSpace: boolean;
17
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
18
+ baseInput: ({
19
+ $: import('vue').ComponentInternalInstance;
20
+ $data: {};
21
+ $props: {
22
+ readonly modelValue?: string | undefined;
23
+ readonly id?: string | undefined;
24
+ readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
25
+ readonly min?: number | string | undefined;
26
+ readonly max?: number | string | undefined;
27
+ readonly ariaExpanded?: boolean | undefined;
28
+ readonly step?: number | undefined;
29
+ readonly placeholder?: string | undefined;
30
+ readonly disabled?: boolean | undefined;
31
+ readonly leadingIcon?: import('../../../index.ts').KdsIconName | undefined;
32
+ readonly trailingIcon?: import('../../../index.ts').KdsIconName | undefined;
33
+ readonly error?: boolean | undefined;
34
+ readonly autocomplete?: string | undefined;
35
+ readonly ariaLabel?: string | undefined;
36
+ readonly ariaLabelledby?: string | undefined;
37
+ readonly ariaDescribedby?: string | undefined;
38
+ readonly ariaInvalid?: boolean | undefined;
39
+ readonly role?: string | undefined;
40
+ readonly ariaValuenow?: number | undefined;
41
+ readonly ariaValuemin?: number | undefined;
42
+ readonly ariaValuemax?: number | undefined;
43
+ readonly ariaValuetext?: string | undefined;
44
+ readonly ariaActivedescendant?: string | undefined;
45
+ readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
46
+ readonly ariaControls?: string | undefined;
47
+ readonly unit?: string | undefined;
48
+ readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
49
+ readonly clearable?: boolean | undefined;
50
+ readonly pattern?: string | undefined;
51
+ readonly onInput?: ((event: Event) => any) | undefined;
52
+ readonly onClick?: ((event: MouseEvent) => any) | undefined;
53
+ readonly onBlur?: ((event: FocusEvent) => any) | undefined;
54
+ readonly onFocus?: ((event: FocusEvent) => any) | undefined;
55
+ readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
56
+ readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
57
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
58
+ $attrs: import('vue').Attrs;
59
+ $refs: {
60
+ [x: string]: unknown;
61
+ } & {
62
+ input: HTMLInputElement;
63
+ };
64
+ $slots: Readonly<{
65
+ [name: string]: import('vue').Slot<any> | undefined;
66
+ }>;
67
+ $root: import('vue').ComponentPublicInstance | null;
68
+ $parent: import('vue').ComponentPublicInstance | null;
69
+ $host: Element | null;
70
+ $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
71
+ $el: HTMLDivElement;
72
+ $options: import('vue').ComponentOptionsBase<Readonly<{
73
+ modelValue?: string;
74
+ } & {
75
+ id?: string;
76
+ type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
77
+ min?: number | string;
78
+ max?: number | string;
79
+ ariaExpanded?: boolean;
80
+ step?: number;
81
+ placeholder?: string;
82
+ disabled?: boolean;
83
+ leadingIcon?: import('../../../index.ts').KdsIconName;
84
+ trailingIcon?: import('../../../index.ts').KdsIconName;
85
+ error?: boolean;
86
+ autocomplete?: string;
87
+ ariaLabel?: string;
88
+ ariaLabelledby?: string;
89
+ ariaDescribedby?: string;
90
+ ariaInvalid?: boolean;
91
+ role?: string;
92
+ ariaValuenow?: number;
93
+ ariaValuemin?: number;
94
+ ariaValuemax?: number;
95
+ ariaValuetext?: string;
96
+ ariaActivedescendant?: string;
97
+ ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
98
+ ariaControls?: string;
99
+ unit?: string;
100
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
101
+ clearable?: boolean;
102
+ pattern?: string;
103
+ }> & Readonly<{
104
+ onInput?: ((event: Event) => any) | undefined;
105
+ onClick?: ((event: MouseEvent) => any) | undefined;
106
+ onBlur?: ((event: FocusEvent) => any) | undefined;
107
+ onFocus?: ((event: FocusEvent) => any) | undefined;
108
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
109
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
110
+ }>, {
111
+ focus: () => void;
112
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
113
+ input: (event: Event) => any;
114
+ click: (event: MouseEvent) => any;
115
+ blur: (event: FocusEvent) => any;
116
+ focus: (event: FocusEvent) => any;
117
+ keydown: (event: KeyboardEvent) => any;
118
+ "update:modelValue": (value: string) => any;
119
+ }, string, {
120
+ type: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
121
+ pattern: string;
122
+ role: string;
123
+ placeholder: string;
124
+ disabled: boolean;
125
+ error: boolean;
126
+ leadingIcon: import('../../../index.ts').KdsIconName;
127
+ ariaLabel: string;
128
+ trailingIcon: import('../../../index.ts').KdsIconName;
129
+ id: string;
130
+ min: number | string;
131
+ max: number | string;
132
+ ariaExpanded: boolean;
133
+ step: number;
134
+ autocomplete: string;
135
+ ariaLabelledby: string;
136
+ ariaDescribedby: string;
137
+ ariaInvalid: boolean;
138
+ ariaValuenow: number;
139
+ ariaValuemin: number;
140
+ ariaValuemax: number;
141
+ ariaValuetext: string;
142
+ ariaActivedescendant: string;
143
+ ariaHaspopup: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
144
+ ariaControls: string;
145
+ unit: string;
146
+ inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
147
+ clearable: boolean;
148
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
149
+ beforeCreate?: (() => void) | (() => void)[];
150
+ created?: (() => void) | (() => void)[];
151
+ beforeMount?: (() => void) | (() => void)[];
152
+ mounted?: (() => void) | (() => void)[];
153
+ beforeUpdate?: (() => void) | (() => void)[];
154
+ updated?: (() => void) | (() => void)[];
155
+ activated?: (() => void) | (() => void)[];
156
+ deactivated?: (() => void) | (() => void)[];
157
+ beforeDestroy?: (() => void) | (() => void)[];
158
+ beforeUnmount?: (() => void) | (() => void)[];
159
+ destroyed?: (() => void) | (() => void)[];
160
+ unmounted?: (() => void) | (() => void)[];
161
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
162
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
163
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
164
+ };
165
+ $forceUpdate: () => void;
166
+ $nextTick: typeof import('vue').nextTick;
167
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
168
+ } & Readonly<{
169
+ type: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
170
+ pattern: string;
171
+ role: string;
172
+ placeholder: string;
173
+ disabled: boolean;
174
+ error: boolean;
175
+ leadingIcon: import('../../../index.ts').KdsIconName;
176
+ ariaLabel: string;
177
+ trailingIcon: import('../../../index.ts').KdsIconName;
178
+ id: string;
179
+ min: number | string;
180
+ max: number | string;
181
+ ariaExpanded: boolean;
182
+ step: number;
183
+ autocomplete: string;
184
+ ariaLabelledby: string;
185
+ ariaDescribedby: string;
186
+ ariaInvalid: boolean;
187
+ ariaValuenow: number;
188
+ ariaValuemin: number;
189
+ ariaValuemax: number;
190
+ ariaValuetext: string;
191
+ ariaActivedescendant: string;
192
+ ariaHaspopup: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
193
+ ariaControls: string;
194
+ unit: string;
195
+ inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
196
+ clearable: boolean;
197
+ }> & Omit<Readonly<{
198
+ modelValue?: string;
199
+ } & {
200
+ id?: string;
201
+ type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
202
+ min?: number | string;
203
+ max?: number | string;
204
+ ariaExpanded?: boolean;
205
+ step?: number;
206
+ placeholder?: string;
207
+ disabled?: boolean;
208
+ leadingIcon?: import('../../../index.ts').KdsIconName;
209
+ trailingIcon?: import('../../../index.ts').KdsIconName;
210
+ error?: boolean;
211
+ autocomplete?: string;
212
+ ariaLabel?: string;
213
+ ariaLabelledby?: string;
214
+ ariaDescribedby?: string;
215
+ ariaInvalid?: boolean;
216
+ role?: string;
217
+ ariaValuenow?: number;
218
+ ariaValuemin?: number;
219
+ ariaValuemax?: number;
220
+ ariaValuetext?: string;
221
+ ariaActivedescendant?: string;
222
+ ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
223
+ ariaControls?: string;
224
+ unit?: string;
225
+ inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
226
+ clearable?: boolean;
227
+ pattern?: string;
228
+ }> & Readonly<{
229
+ onInput?: ((event: Event) => any) | undefined;
230
+ onClick?: ((event: MouseEvent) => any) | undefined;
231
+ onBlur?: ((event: FocusEvent) => any) | undefined;
232
+ onFocus?: ((event: FocusEvent) => any) | undefined;
233
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
234
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
235
+ }>, "focus" | ("type" | "pattern" | "role" | "placeholder" | "disabled" | "error" | "leadingIcon" | "ariaLabel" | "trailingIcon" | "id" | "min" | "max" | "ariaExpanded" | "step" | "autocomplete" | "ariaLabelledby" | "ariaDescribedby" | "ariaInvalid" | "ariaValuenow" | "ariaValuemin" | "ariaValuemax" | "ariaValuetext" | "ariaActivedescendant" | "ariaHaspopup" | "ariaControls" | "unit" | "inputmode" | "clearable")> & import('vue').ShallowUnwrapRef<{
236
+ focus: () => void;
237
+ }> & {} & import('vue').ComponentCustomProperties & {} & {
238
+ $slots: {
239
+ leading?(_: {}): any;
240
+ trailing?(_: {}): any;
241
+ };
242
+ }) | null;
243
+ }, HTMLDivElement>;
244
+ export default _default;
245
+ //# sourceMappingURL=KdsUsernameInput.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"KdsUsernameInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/UsernameInput/KdsUsernameInput.vue"],"names":[],"mappings":"AAkDA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,KAAK,WAAW,GAAG,qBAAqB,CAAC;AA2BzC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAiHqwnB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAzB34nB,wBAWG"}
@@ -0,0 +1,6 @@
1
+ export declare const kdsUsernameInputAutocomplete: {
2
+ readonly USERNAME: "username";
3
+ readonly OFF: "off";
4
+ };
5
+ export declare const kdsUsernameInputAutocompletes: ("off" | "username")[];
6
+ //# sourceMappingURL=enums.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/UsernameInput/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,4BAA4B;;;CAG/B,CAAC;AAEX,eAAO,MAAM,6BAA6B,wBAEzC,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { default as KdsUsernameInput } from './KdsUsernameInput.vue';
2
+ export { kdsUsernameInputAutocomplete, kdsUsernameInputAutocompletes, } from './enums';
3
+ export type * from './types';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/UsernameInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EACL,4BAA4B,EAC5B,6BAA6B,GAC9B,MAAM,SAAS,CAAC;AACjB,mBAAmB,SAAS,CAAC"}
@@ -0,0 +1,7 @@
1
+ import { KdsInputFieldProps } from '../types';
2
+ import { kdsUsernameInputAutocomplete } from './enums';
3
+ export type KdsUsernameInputAutocomplete = (typeof kdsUsernameInputAutocomplete)[keyof typeof kdsUsernameInputAutocomplete];
4
+ export type KdsUsernameInputProps = Omit<KdsInputFieldProps, "autocomplete"> & {
5
+ autocomplete?: KdsUsernameInputAutocomplete;
6
+ };
7
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/forms/inputs/UsernameInput/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAEnD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAE5D,MAAM,MAAM,4BAA4B,GACtC,CAAC,OAAO,4BAA4B,CAAC,CAAC,MAAM,OAAO,4BAA4B,CAAC,CAAC;AAEnF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,kBAAkB,EAAE,cAAc,CAAC,GAAG;IAC7E,YAAY,CAAC,EAAE,4BAA4B,CAAC;CAC7C,CAAC"}
@@ -1,5 +1,9 @@
1
1
  export * from './ColorInput';
2
2
  export type * from './ColorInput';
3
+ export * from './PasswordInput';
4
+ export type * from './PasswordInput';
5
+ export * from './UsernameInput';
6
+ export type * from './UsernameInput';
3
7
  export * from './DateInput';
4
8
  export type * from './DateInput';
5
9
  export * from './DateTimeFormatInput';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,mBAAmB,uBAAuB,CAAC;AAE3C,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,gBAAgB,CAAC;AAC/B,mBAAmB,gBAAgB,CAAC;AAEpC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/forms/inputs/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,mBAAmB,cAAc,CAAC;AAElC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,iBAAiB,CAAC;AAChC,mBAAmB,iBAAiB,CAAC;AAErC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,uBAAuB,CAAC;AACtC,mBAAmB,uBAAuB,CAAC;AAE3C,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,gBAAgB,CAAC;AAC/B,mBAAmB,gBAAgB,CAAC;AAEpC,cAAc,eAAe,CAAC;AAC9B,mBAAmB,eAAe,CAAC;AAEnC,cAAc,aAAa,CAAC;AAC5B,mBAAmB,aAAa,CAAC;AAEjC,cAAc,YAAY,CAAC;AAC3B,mBAAmB,YAAY,CAAC"}