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