@fiscozen/input 3.0.2 → 3.1.0

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.
Files changed (32) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/index.d.ts +1 -0
  3. package/dist/input.css +2 -0
  4. package/dist/input.js +8359 -8345
  5. package/dist/input.umd.cjs +5 -9
  6. package/dist/src/FzCurrencyInput.vue.d.ts +345 -197
  7. package/dist/src/FzInput.vue.d.ts +52 -243
  8. package/dist/src/types.d.ts +17 -2
  9. package/dist/src/useInputStyle.d.ts +1 -2
  10. package/dist/src/utils.d.ts +0 -1
  11. package/package.json +9 -9
  12. package/src/FzCurrencyInput.vue +13 -13
  13. package/src/FzInput.vue +67 -1
  14. package/src/__tests__/FzCurrencyInput.spec.ts +104 -0
  15. package/src/__tests__/FzInput.spec.ts +1332 -614
  16. package/src/types.ts +42 -27
  17. package/src/useInputStyle.ts +42 -23
  18. package/tsconfig.tsbuildinfo +1 -1
  19. package/coverage/FzCurrencyInput.vue.html +0 -640
  20. package/coverage/FzInput.vue.html +0 -709
  21. package/coverage/base.css +0 -224
  22. package/coverage/block-navigation.js +0 -87
  23. package/coverage/clover.xml +0 -494
  24. package/coverage/coverage-final.json +0 -4
  25. package/coverage/favicon.png +0 -0
  26. package/coverage/index.html +0 -146
  27. package/coverage/prettify.css +0 -1
  28. package/coverage/prettify.js +0 -2
  29. package/coverage/sort-arrow-sprite.png +0 -0
  30. package/coverage/sorter.js +0 -196
  31. package/coverage/useInputStyle.ts.html +0 -343
  32. package/dist/style.css +0 -1
package/dist/src/FzCurrencyInput.vue.d.ts CHANGED
@@ -1,206 +1,354 @@
1
- declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
- modelValue: import('vue').PropType<string | number | null | undefined>;
3
- error: {
4
- type: import('vue').PropType<boolean>;
5
- };
6
- name: {
7
- type: import('vue').PropType<string>;
8
- };
9
- size: {
10
- type: import('vue').PropType<"sm" | "md" | "lg">;
11
- };
12
- variant: {
13
- type: import('vue').PropType<"normal" | "floating-label">;
14
- };
15
- required: {
16
- type: import('vue').PropType<boolean>;
17
- };
18
- disabled: {
19
- type: import('vue').PropType<boolean>;
20
- };
21
- max: {
22
- type: import('vue').PropType<number>;
23
- default: number;
24
- };
25
- label: {
26
- type: import('vue').PropType<string>;
27
- };
28
- pattern: {
29
- type: import('vue').PropType<string>;
30
- };
31
- placeholder: {
32
- type: import('vue').PropType<string>;
33
- };
34
- environment: {
35
- type: import('vue').PropType<import('./types').InputEnvironment>;
36
- };
37
- leftIcon: {
38
- type: import('vue').PropType<string>;
39
- };
40
- leftIconVariant: {
41
- type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
42
- };
43
- leftIconButtonVariant: {
44
- type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
45
- };
46
- leftIconAriaLabel: {
47
- type: import('vue').PropType<string>;
48
- };
49
- valid: {
50
- type: import('vue').PropType<boolean>;
51
- };
52
- readonly: {
53
- type: import('vue').PropType<boolean>;
54
- };
55
- maxlength: {
56
- type: import('vue').PropType<number>;
57
- };
58
- autocomplete: {
59
- type: import('vue').PropType<boolean>;
60
- };
61
- leftIconClass: {
62
- type: import('vue').PropType<string>;
63
- };
64
- nullOnEmpty: {
65
- type: import('vue').PropType<boolean>;
66
- };
67
- zeroOnEmpty: {
68
- type: import('vue').PropType<boolean>;
69
- };
70
- minimumFractionDigits: {
71
- type: import('vue').PropType<number>;
72
- default: number;
73
- };
74
- maximumFractionDigits: {
75
- type: import('vue').PropType<number>;
76
- default: number;
77
- };
78
- min: {
79
- type: import('vue').PropType<number>;
80
- default: number;
81
- };
82
- step: {
83
- type: import('vue').PropType<number>;
84
- default: number;
85
- };
86
- forceStep: {
87
- type: import('vue').PropType<boolean>;
88
- };
89
- stepUpAriaLabel: {
90
- type: import('vue').PropType<string>;
91
- };
92
- stepDownAriaLabel: {
93
- type: import('vue').PropType<string>;
94
- };
95
- }>, {
1
+ import { nextTick } from 'vue';
2
+ import { FzCurrencyInputProps } from './types';
3
+ type __VLS_Props = FzCurrencyInputProps;
4
+ type __VLS_PublicProps = {
5
+ modelValue?: FzCurrencyInputProps["modelValue"];
6
+ } & __VLS_Props;
7
+ declare function __VLS_template(): {
8
+ attrs: Partial<{}>;
9
+ slots: {
10
+ label?(_: {}): any;
11
+ 'left-icon'?(_: {}): any;
12
+ helpText?(_: {}): any;
13
+ errorMessage?(_: {}): any;
14
+ };
15
+ refs: {
16
+ fzInputRef: ({
17
+ $: import('vue').ComponentInternalInstance;
18
+ $data: {};
19
+ $props: {
20
+ readonly modelValue?: string | undefined;
21
+ readonly label?: string | undefined;
22
+ readonly environment?: import('./types').InputEnvironment | undefined;
23
+ readonly size?: "sm" | "md" | "lg" | undefined;
24
+ readonly placeholder?: string | undefined;
25
+ readonly required?: boolean | undefined;
26
+ readonly disabled?: boolean | undefined;
27
+ readonly error?: boolean | undefined;
28
+ readonly leftIcon?: string | undefined;
29
+ readonly leftIconVariant?: import('@fiscozen/icons').IconVariant | undefined;
30
+ readonly leftIconButtonVariant?: import('@fiscozen/button').IconButtonVariant | undefined;
31
+ readonly leftIconAriaLabel?: string | undefined;
32
+ readonly rightIcon?: string | undefined;
33
+ readonly rightIconClass?: string | undefined;
34
+ readonly rightIconSize?: import('@fiscozen/icons').IconSize | undefined;
35
+ readonly rightIconVariant?: import('@fiscozen/icons').IconVariant | undefined;
36
+ readonly rightIconButton?: boolean | undefined;
37
+ readonly rightIconButtonVariant?: import('@fiscozen/button').IconButtonVariant | undefined;
38
+ readonly rightIconAriaLabel?: string | undefined;
39
+ readonly secondRightIcon?: string | undefined;
40
+ readonly secondRightIconClass?: string | undefined;
41
+ readonly secondRightIconVariant?: import('@fiscozen/icons').IconVariant | undefined;
42
+ readonly secondRightIconButton?: boolean | undefined;
43
+ readonly secondRightIconButtonVariant?: import('@fiscozen/button').IconButtonVariant | undefined;
44
+ readonly secondRightIconAriaLabel?: string | undefined;
45
+ readonly type?: "text" | "password" | "email" | "number" | "tel" | "url" | undefined;
46
+ readonly valid?: boolean | undefined;
47
+ readonly variant?: "normal" | "floating-label" | undefined;
48
+ readonly pattern?: string | undefined;
49
+ readonly name?: string | undefined;
50
+ readonly readonly?: boolean | undefined;
51
+ readonly highlighted?: boolean | undefined;
52
+ readonly aiReasoning?: boolean | undefined;
53
+ readonly maxlength?: number | undefined;
54
+ readonly autocomplete?: boolean | undefined;
55
+ readonly leftIconClass?: string | undefined;
56
+ readonly onFocus?: ((event: FocusEvent) => any) | undefined;
57
+ readonly onBlur?: ((event: FocusEvent) => any) | undefined;
58
+ readonly "onFzinput:left-icon-click"?: (() => any) | undefined;
59
+ readonly "onFzinput:right-icon-click"?: (() => any) | undefined;
60
+ readonly "onFzinput:second-right-icon-click"?: (() => any) | undefined;
61
+ readonly "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
62
+ readonly "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
63
+ readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
64
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
65
+ $attrs: {
66
+ [x: string]: unknown;
67
+ };
68
+ $refs: {
69
+ [x: string]: unknown;
70
+ } & {
71
+ containerRef: HTMLDivElement;
72
+ inputRef: HTMLInputElement;
73
+ };
74
+ $slots: Readonly<{
75
+ [name: string]: import('vue').Slot<any> | undefined;
76
+ }>;
77
+ $root: import('vue').ComponentPublicInstance | null;
78
+ $parent: import('vue').ComponentPublicInstance | null;
79
+ $host: Element | null;
80
+ $emit: ((event: "focus", event: FocusEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "fzinput:left-icon-click") => void) & ((event: "fzinput:right-icon-click") => void) & ((event: "fzinput:second-right-icon-click") => void) & ((event: "update:highlighted", value: boolean) => void) & ((event: "update:aiReasoning", value: boolean) => void) & ((event: "update:modelValue", value: string) => void);
81
+ $el: any;
82
+ $options: import('vue').ComponentOptionsBase<Readonly<{
83
+ modelValue?: string;
84
+ } & import('./types').FzInputProps> & Readonly<{
85
+ onFocus?: ((event: FocusEvent) => any) | undefined;
86
+ onBlur?: ((event: FocusEvent) => any) | undefined;
87
+ "onFzinput:left-icon-click"?: (() => any) | undefined;
88
+ "onFzinput:right-icon-click"?: (() => any) | undefined;
89
+ "onFzinput:second-right-icon-click"?: (() => any) | undefined;
90
+ "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
91
+ "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
92
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
93
+ }>, {
94
+ inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
95
+ containerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
96
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
97
+ focus: (event: FocusEvent) => any;
98
+ blur: (event: FocusEvent) => any;
99
+ "fzinput:left-icon-click": () => any;
100
+ "fzinput:right-icon-click": () => any;
101
+ "fzinput:second-right-icon-click": () => any;
102
+ "update:highlighted": (value: boolean) => any;
103
+ "update:aiReasoning": (value: boolean) => any;
104
+ "update:modelValue": (value: string) => any;
105
+ }, string, {
106
+ variant: "normal" | "floating-label";
107
+ type: "text" | "password" | "email" | "number" | "tel" | "url";
108
+ environment: import('./types').InputEnvironment;
109
+ rightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
110
+ secondRightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
111
+ error: boolean;
112
+ highlighted: boolean;
113
+ aiReasoning: boolean;
114
+ autocomplete: boolean;
115
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
116
+ beforeCreate?: (() => void) | (() => void)[];
117
+ created?: (() => void) | (() => void)[];
118
+ beforeMount?: (() => void) | (() => void)[];
119
+ mounted?: (() => void) | (() => void)[];
120
+ beforeUpdate?: (() => void) | (() => void)[];
121
+ updated?: (() => void) | (() => void)[];
122
+ activated?: (() => void) | (() => void)[];
123
+ deactivated?: (() => void) | (() => void)[];
124
+ beforeDestroy?: (() => void) | (() => void)[];
125
+ beforeUnmount?: (() => void) | (() => void)[];
126
+ destroyed?: (() => void) | (() => void)[];
127
+ unmounted?: (() => void) | (() => void)[];
128
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
129
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
130
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
131
+ };
132
+ $forceUpdate: () => void;
133
+ $nextTick: typeof nextTick;
134
+ $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;
135
+ } & Readonly<{
136
+ variant: "normal" | "floating-label";
137
+ type: "text" | "password" | "email" | "number" | "tel" | "url";
138
+ environment: import('./types').InputEnvironment;
139
+ rightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
140
+ secondRightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
141
+ error: boolean;
142
+ highlighted: boolean;
143
+ aiReasoning: boolean;
144
+ autocomplete: boolean;
145
+ }> & Omit<Readonly<{
146
+ modelValue?: string;
147
+ } & import('./types').FzInputProps> & Readonly<{
148
+ onFocus?: ((event: FocusEvent) => any) | undefined;
149
+ onBlur?: ((event: FocusEvent) => any) | undefined;
150
+ "onFzinput:left-icon-click"?: (() => any) | undefined;
151
+ "onFzinput:right-icon-click"?: (() => any) | undefined;
152
+ "onFzinput:second-right-icon-click"?: (() => any) | undefined;
153
+ "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
154
+ "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
155
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
156
+ }>, "inputRef" | "containerRef" | ("variant" | "type" | "environment" | "rightIconButtonVariant" | "secondRightIconButtonVariant" | "error" | "highlighted" | "aiReasoning" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
157
+ inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
158
+ containerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
159
+ }> & {} & import('vue').ComponentCustomProperties & {} & {
160
+ $slots: Readonly<{
161
+ label?: () => unknown;
162
+ "left-icon"?: () => unknown;
163
+ "right-icon"?: () => unknown;
164
+ errorMessage?: () => unknown;
165
+ helpText?: () => unknown;
166
+ }> & {
167
+ label?: () => unknown;
168
+ "left-icon"?: () => unknown;
169
+ "right-icon"?: () => unknown;
170
+ errorMessage?: () => unknown;
171
+ helpText?: () => unknown;
172
+ };
173
+ }) | null;
174
+ };
175
+ rootEl: any;
176
+ };
177
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
178
+ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
96
179
  inputRef: import('vue').ComputedRef<HTMLInputElement | null | undefined>;
97
180
  containerRef: import('vue').ComputedRef<HTMLElement | null | undefined>;
98
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
99
- modelValue: import('vue').PropType<string | number | null | undefined>;
100
- error: {
101
- type: import('vue').PropType<boolean>;
102
- };
103
- name: {
104
- type: import('vue').PropType<string>;
105
- };
106
- size: {
107
- type: import('vue').PropType<"sm" | "md" | "lg">;
108
- };
109
- variant: {
110
- type: import('vue').PropType<"normal" | "floating-label">;
111
- };
112
- required: {
113
- type: import('vue').PropType<boolean>;
114
- };
115
- disabled: {
116
- type: import('vue').PropType<boolean>;
117
- };
118
- max: {
119
- type: import('vue').PropType<number>;
120
- default: number;
121
- };
122
- label: {
123
- type: import('vue').PropType<string>;
124
- };
125
- pattern: {
126
- type: import('vue').PropType<string>;
127
- };
128
- placeholder: {
129
- type: import('vue').PropType<string>;
130
- };
131
- environment: {
132
- type: import('vue').PropType<import('./types').InputEnvironment>;
133
- };
134
- leftIcon: {
135
- type: import('vue').PropType<string>;
136
- };
137
- leftIconVariant: {
138
- type: import('vue').PropType<import('@fiscozen/icons/src/types').IconVariant>;
139
- };
140
- leftIconButtonVariant: {
141
- type: import('vue').PropType<import('@fiscozen/button').CommonButtonVariant>;
142
- };
143
- leftIconAriaLabel: {
144
- type: import('vue').PropType<string>;
145
- };
146
- valid: {
147
- type: import('vue').PropType<boolean>;
148
- };
149
- readonly: {
150
- type: import('vue').PropType<boolean>;
151
- };
152
- maxlength: {
153
- type: import('vue').PropType<number>;
154
- };
155
- autocomplete: {
156
- type: import('vue').PropType<boolean>;
157
- };
158
- leftIconClass: {
159
- type: import('vue').PropType<string>;
160
- };
161
- nullOnEmpty: {
162
- type: import('vue').PropType<boolean>;
163
- };
164
- zeroOnEmpty: {
165
- type: import('vue').PropType<boolean>;
166
- };
167
- minimumFractionDigits: {
168
- type: import('vue').PropType<number>;
169
- default: number;
170
- };
171
- maximumFractionDigits: {
172
- type: import('vue').PropType<number>;
173
- default: number;
174
- };
175
- min: {
176
- type: import('vue').PropType<number>;
177
- default: number;
178
- };
179
- step: {
180
- type: import('vue').PropType<number>;
181
- default: number;
182
- };
183
- forceStep: {
184
- type: import('vue').PropType<boolean>;
185
- };
186
- stepUpAriaLabel: {
187
- type: import('vue').PropType<string>;
188
- };
189
- stepDownAriaLabel: {
190
- type: import('vue').PropType<string>;
191
- };
192
- }>> & Readonly<{}>, {
193
- max: number;
181
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
182
+ "update:modelValue": (value: string | number | null | undefined) => any;
183
+ }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
184
+ "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
185
+ }>, {
194
186
  minimumFractionDigits: number;
195
187
  maximumFractionDigits: number;
196
188
  min: number;
189
+ max: number;
197
190
  step: number;
198
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
199
- label?(_: {}): any;
200
- "left-icon"?(_: {}): any;
201
- helpText?(_: {}): any;
202
- errorMessage?(_: {}): any;
203
- }>;
191
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
192
+ fzInputRef: ({
193
+ $: import('vue').ComponentInternalInstance;
194
+ $data: {};
195
+ $props: {
196
+ readonly modelValue?: string | undefined;
197
+ readonly label?: string | undefined;
198
+ readonly environment?: import('./types').InputEnvironment | undefined;
199
+ readonly size?: "sm" | "md" | "lg" | undefined;
200
+ readonly placeholder?: string | undefined;
201
+ readonly required?: boolean | undefined;
202
+ readonly disabled?: boolean | undefined;
203
+ readonly error?: boolean | undefined;
204
+ readonly leftIcon?: string | undefined;
205
+ readonly leftIconVariant?: import('@fiscozen/icons').IconVariant | undefined;
206
+ readonly leftIconButtonVariant?: import('@fiscozen/button').IconButtonVariant | undefined;
207
+ readonly leftIconAriaLabel?: string | undefined;
208
+ readonly rightIcon?: string | undefined;
209
+ readonly rightIconClass?: string | undefined;
210
+ readonly rightIconSize?: import('@fiscozen/icons').IconSize | undefined;
211
+ readonly rightIconVariant?: import('@fiscozen/icons').IconVariant | undefined;
212
+ readonly rightIconButton?: boolean | undefined;
213
+ readonly rightIconButtonVariant?: import('@fiscozen/button').IconButtonVariant | undefined;
214
+ readonly rightIconAriaLabel?: string | undefined;
215
+ readonly secondRightIcon?: string | undefined;
216
+ readonly secondRightIconClass?: string | undefined;
217
+ readonly secondRightIconVariant?: import('@fiscozen/icons').IconVariant | undefined;
218
+ readonly secondRightIconButton?: boolean | undefined;
219
+ readonly secondRightIconButtonVariant?: import('@fiscozen/button').IconButtonVariant | undefined;
220
+ readonly secondRightIconAriaLabel?: string | undefined;
221
+ readonly type?: "text" | "password" | "email" | "number" | "tel" | "url" | undefined;
222
+ readonly valid?: boolean | undefined;
223
+ readonly variant?: "normal" | "floating-label" | undefined;
224
+ readonly pattern?: string | undefined;
225
+ readonly name?: string | undefined;
226
+ readonly readonly?: boolean | undefined;
227
+ readonly highlighted?: boolean | undefined;
228
+ readonly aiReasoning?: boolean | undefined;
229
+ readonly maxlength?: number | undefined;
230
+ readonly autocomplete?: boolean | undefined;
231
+ readonly leftIconClass?: string | undefined;
232
+ readonly onFocus?: ((event: FocusEvent) => any) | undefined;
233
+ readonly onBlur?: ((event: FocusEvent) => any) | undefined;
234
+ readonly "onFzinput:left-icon-click"?: (() => any) | undefined;
235
+ readonly "onFzinput:right-icon-click"?: (() => any) | undefined;
236
+ readonly "onFzinput:second-right-icon-click"?: (() => any) | undefined;
237
+ readonly "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
238
+ readonly "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
239
+ readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
240
+ } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
241
+ $attrs: {
242
+ [x: string]: unknown;
243
+ };
244
+ $refs: {
245
+ [x: string]: unknown;
246
+ } & {
247
+ containerRef: HTMLDivElement;
248
+ inputRef: HTMLInputElement;
249
+ };
250
+ $slots: Readonly<{
251
+ [name: string]: import('vue').Slot<any> | undefined;
252
+ }>;
253
+ $root: import('vue').ComponentPublicInstance | null;
254
+ $parent: import('vue').ComponentPublicInstance | null;
255
+ $host: Element | null;
256
+ $emit: ((event: "focus", event: FocusEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "fzinput:left-icon-click") => void) & ((event: "fzinput:right-icon-click") => void) & ((event: "fzinput:second-right-icon-click") => void) & ((event: "update:highlighted", value: boolean) => void) & ((event: "update:aiReasoning", value: boolean) => void) & ((event: "update:modelValue", value: string) => void);
257
+ $el: any;
258
+ $options: import('vue').ComponentOptionsBase<Readonly<{
259
+ modelValue?: string;
260
+ } & import('./types').FzInputProps> & Readonly<{
261
+ onFocus?: ((event: FocusEvent) => any) | undefined;
262
+ onBlur?: ((event: FocusEvent) => any) | undefined;
263
+ "onFzinput:left-icon-click"?: (() => any) | undefined;
264
+ "onFzinput:right-icon-click"?: (() => any) | undefined;
265
+ "onFzinput:second-right-icon-click"?: (() => any) | undefined;
266
+ "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
267
+ "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
268
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
269
+ }>, {
270
+ inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
271
+ containerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
272
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
273
+ focus: (event: FocusEvent) => any;
274
+ blur: (event: FocusEvent) => any;
275
+ "fzinput:left-icon-click": () => any;
276
+ "fzinput:right-icon-click": () => any;
277
+ "fzinput:second-right-icon-click": () => any;
278
+ "update:highlighted": (value: boolean) => any;
279
+ "update:aiReasoning": (value: boolean) => any;
280
+ "update:modelValue": (value: string) => any;
281
+ }, string, {
282
+ variant: "normal" | "floating-label";
283
+ type: "text" | "password" | "email" | "number" | "tel" | "url";
284
+ environment: import('./types').InputEnvironment;
285
+ rightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
286
+ secondRightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
287
+ error: boolean;
288
+ highlighted: boolean;
289
+ aiReasoning: boolean;
290
+ autocomplete: boolean;
291
+ }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
292
+ beforeCreate?: (() => void) | (() => void)[];
293
+ created?: (() => void) | (() => void)[];
294
+ beforeMount?: (() => void) | (() => void)[];
295
+ mounted?: (() => void) | (() => void)[];
296
+ beforeUpdate?: (() => void) | (() => void)[];
297
+ updated?: (() => void) | (() => void)[];
298
+ activated?: (() => void) | (() => void)[];
299
+ deactivated?: (() => void) | (() => void)[];
300
+ beforeDestroy?: (() => void) | (() => void)[];
301
+ beforeUnmount?: (() => void) | (() => void)[];
302
+ destroyed?: (() => void) | (() => void)[];
303
+ unmounted?: (() => void) | (() => void)[];
304
+ renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
305
+ renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
306
+ errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
307
+ };
308
+ $forceUpdate: () => void;
309
+ $nextTick: typeof nextTick;
310
+ $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;
311
+ } & Readonly<{
312
+ variant: "normal" | "floating-label";
313
+ type: "text" | "password" | "email" | "number" | "tel" | "url";
314
+ environment: import('./types').InputEnvironment;
315
+ rightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
316
+ secondRightIconButtonVariant: import('@fiscozen/button').IconButtonVariant;
317
+ error: boolean;
318
+ highlighted: boolean;
319
+ aiReasoning: boolean;
320
+ autocomplete: boolean;
321
+ }> & Omit<Readonly<{
322
+ modelValue?: string;
323
+ } & import('./types').FzInputProps> & Readonly<{
324
+ onFocus?: ((event: FocusEvent) => any) | undefined;
325
+ onBlur?: ((event: FocusEvent) => any) | undefined;
326
+ "onFzinput:left-icon-click"?: (() => any) | undefined;
327
+ "onFzinput:right-icon-click"?: (() => any) | undefined;
328
+ "onFzinput:second-right-icon-click"?: (() => any) | undefined;
329
+ "onUpdate:highlighted"?: ((value: boolean) => any) | undefined;
330
+ "onUpdate:aiReasoning"?: ((value: boolean) => any) | undefined;
331
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
332
+ }>, "inputRef" | "containerRef" | ("variant" | "type" | "environment" | "rightIconButtonVariant" | "secondRightIconButtonVariant" | "error" | "highlighted" | "aiReasoning" | "autocomplete")> & import('vue').ShallowUnwrapRef<{
333
+ inputRef: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
334
+ containerRef: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
335
+ }> & {} & import('vue').ComponentCustomProperties & {} & {
336
+ $slots: Readonly<{
337
+ label?: () => unknown;
338
+ "left-icon"?: () => unknown;
339
+ "right-icon"?: () => unknown;
340
+ errorMessage?: () => unknown;
341
+ helpText?: () => unknown;
342
+ }> & {
343
+ label?: () => unknown;
344
+ "left-icon"?: () => unknown;
345
+ "right-icon"?: () => unknown;
346
+ errorMessage?: () => unknown;
347
+ helpText?: () => unknown;
348
+ };
349
+ }) | null;
350
+ }, any>;
351
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
204
352
  export default _default;
205
353
  type __VLS_WithTemplateSlots<T, S> = T & {
206
354
  new (): {