@propelinc/citrus-ui 1.4.0 → 2.0.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.
- package/dist/citrus-ui.cdn.css +1 -1
- package/dist/citrus-ui.css +1 -1
- package/dist/colors/colors.d.ts +12 -0
- package/dist/components/CBadge.vue.d.ts +0 -1
- package/dist/components/CCard.vue.d.ts +0 -5
- package/dist/components/CIconButton.vue.d.ts +0 -6
- package/dist/components/CMaskedTextField.vue.d.ts +23 -60
- package/dist/components/CPhoneField.vue.d.ts +40 -92
- package/dist/components/CProgressRing.vue.d.ts +0 -1
- package/dist/components/CSelect.vue.d.ts +0 -4
- package/dist/components/CSkeleton.vue.d.ts +5 -1
- package/dist/components/CSkeletonLoaderCard.vue.d.ts +3 -0
- package/dist/components/CSplitInput.vue.d.ts +1 -5
- package/dist/components/CSsnField.vue.d.ts +41 -95
- package/dist/components/CSwitchListItem.vue.d.ts +1 -4
- package/dist/components/CTextArea.vue.d.ts +3 -8
- package/dist/components/CTextField.vue.d.ts +6 -14
- package/dist/components/CTextLink.vue.d.ts +0 -3
- package/dist/components/CZipcodeField.vue.d.ts +42 -96
- package/dist/components/index.d.ts +0 -2
- package/dist/composables/colors.d.ts +3 -2
- package/dist/composables/input-mask.d.ts +2 -2
- package/dist/composables/toast.d.ts +1 -0
- package/dist/index.cdn.mjs +3162 -3178
- package/dist/index.cdn.mjs.map +1 -1
- package/dist/index.mjs +1166 -1182
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +11 -2
- package/package.json +3 -1
- package/src/colors/colors.ts +44 -0
- package/src/colors/util-classes.ts +4 -0
- package/src/components/CAppBar.vue +3 -3
- package/src/components/CBadge.vue +3 -4
- package/src/components/CBottomSheet.vue +2 -2
- package/src/components/CCard.vue +3 -8
- package/src/components/CIconButton.vue +0 -6
- package/src/components/CLoader.vue +3 -3
- package/src/components/CMaskedTextField.vue +4 -9
- package/src/components/CProgressRing.vue +3 -4
- package/src/components/CSelect.vue +0 -4
- package/src/components/CSkeleton.vue +12 -1
- package/src/components/CSkeletonLoaderCard.vue +4 -1
- package/src/components/CSplitInput.vue +1 -5
- package/src/components/CSquaredIcon.vue +2 -2
- package/src/components/CSsnField.vue +1 -3
- package/src/components/CSwitchListItem.vue +1 -4
- package/src/components/CTextArea.vue +3 -8
- package/src/components/CTextField.vue +3 -11
- package/src/components/CTextLink.vue +0 -3
- package/src/components/CToastsList.vue +1 -0
- package/src/components/CZipcodeField.vue +2 -4
- package/src/components/index.ts +0 -2
- package/src/composables/colors.ts +12 -4
- package/src/composables/input-mask.ts +4 -4
- package/src/composables/toast.ts +1 -0
- package/src/styles/_core.scss +1 -1
- package/src/styles/_typography.scss +4 -0
- package/src/styles/layer-order.css +1 -0
- package/src/styles/tailwind.css +3 -0
- package/dist/components/CCol.vue.d.ts +0 -30
- package/dist/components/CRow.vue.d.ts +0 -41
- package/src/components/CCol.vue +0 -54
- package/src/components/CRow.vue +0 -64
|
@@ -13,7 +13,7 @@ type __VLS_Props = {
|
|
|
13
13
|
/** A hint to show the appropriate virtual keyboard, e.g. "numeric". */
|
|
14
14
|
inputmode?: HTMLAttributes['inputmode'];
|
|
15
15
|
/** The input's label */
|
|
16
|
-
label?: string
|
|
16
|
+
label?: string;
|
|
17
17
|
/** The input's name */
|
|
18
18
|
name?: string;
|
|
19
19
|
/** Validation rules */
|
|
@@ -38,14 +38,10 @@ declare function __VLS_template(): {
|
|
|
38
38
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
39
39
|
declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
40
40
|
type: "text" | "tel";
|
|
41
|
-
label: string | null;
|
|
42
41
|
value: string;
|
|
43
42
|
dataTest: string;
|
|
44
|
-
name: string;
|
|
45
43
|
disabled: boolean;
|
|
46
44
|
rules: Rules<string>;
|
|
47
|
-
inputmode: "search" | "text" | "none" | "email" | "tel" | "url" | "decimal" | "numeric";
|
|
48
|
-
autocomplete: string;
|
|
49
45
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
50
46
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
51
47
|
export default _default;
|
|
@@ -5,7 +5,7 @@ import { OnCleanup } from '@vue/reactivity';
|
|
|
5
5
|
type __VLS_Props = {
|
|
6
6
|
dataTest?: string;
|
|
7
7
|
id?: string;
|
|
8
|
-
label?: string
|
|
8
|
+
label?: string;
|
|
9
9
|
rules?: Rules<string>;
|
|
10
10
|
value?: string;
|
|
11
11
|
fourDigitSsn?: boolean;
|
|
@@ -29,10 +29,10 @@ declare function __VLS_template(): {
|
|
|
29
29
|
readonly counter?: number | null | undefined;
|
|
30
30
|
readonly dataTest?: string | undefined;
|
|
31
31
|
readonly id?: string | undefined;
|
|
32
|
-
readonly label?: string |
|
|
32
|
+
readonly label?: string | undefined;
|
|
33
33
|
readonly mask: MaskOptions["mask"] | null;
|
|
34
|
-
readonly minlength?: number | string |
|
|
35
|
-
readonly maxlength?: number | string |
|
|
34
|
+
readonly minlength?: number | string | undefined;
|
|
35
|
+
readonly maxlength?: number | string | undefined;
|
|
36
36
|
readonly placeholder?: string | undefined;
|
|
37
37
|
readonly rules?: Rules<string> | undefined;
|
|
38
38
|
readonly tokens?: ( MaskTokens | null) | undefined;
|
|
@@ -57,9 +57,9 @@ declare function __VLS_template(): {
|
|
|
57
57
|
$: ComponentInternalInstance;
|
|
58
58
|
$data: {};
|
|
59
59
|
$props: {
|
|
60
|
-
readonly id?: string |
|
|
61
|
-
readonly label?: string |
|
|
62
|
-
readonly ariaLabel?: string |
|
|
60
|
+
readonly id?: string | undefined;
|
|
61
|
+
readonly label?: string | undefined;
|
|
62
|
+
readonly ariaLabel?: string | undefined;
|
|
63
63
|
readonly placeholder?: string | undefined;
|
|
64
64
|
readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
|
|
65
65
|
readonly clearable?: boolean | undefined;
|
|
@@ -106,9 +106,9 @@ declare function __VLS_template(): {
|
|
|
106
106
|
$emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "click:hide", hidden: boolean) => void);
|
|
107
107
|
$el: any;
|
|
108
108
|
$options: ComponentOptionsBase<Readonly<{
|
|
109
|
-
id?: string
|
|
110
|
-
label?: string
|
|
111
|
-
ariaLabel?: string
|
|
109
|
+
id?: string;
|
|
110
|
+
label?: string;
|
|
111
|
+
ariaLabel?: string;
|
|
112
112
|
placeholder?: string;
|
|
113
113
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
114
114
|
clearable?: boolean;
|
|
@@ -155,27 +155,19 @@ declare function __VLS_template(): {
|
|
|
155
155
|
"click:hide": (hidden: boolean) => any;
|
|
156
156
|
}, string, {
|
|
157
157
|
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
158
|
-
label: string | null;
|
|
159
|
-
id: string | null;
|
|
160
158
|
value: string;
|
|
161
159
|
size: "medium" | "large";
|
|
162
160
|
dataTest: string;
|
|
163
|
-
placeholder: string;
|
|
164
161
|
disabled: boolean;
|
|
165
|
-
ariaLabel: string | null;
|
|
166
162
|
rules: Rules<string>;
|
|
167
163
|
required: boolean;
|
|
168
164
|
hideDetails: boolean | "auto";
|
|
169
165
|
counter: number | null;
|
|
170
166
|
counterValue: number | (() => number | null) | null;
|
|
171
167
|
clearable: boolean;
|
|
172
|
-
inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
173
|
-
minlength: number | string;
|
|
174
|
-
maxlength: number | string;
|
|
175
168
|
hideable: boolean;
|
|
176
169
|
hideLabel: boolean;
|
|
177
170
|
validateOnBlur: boolean;
|
|
178
|
-
errorMessage: string;
|
|
179
171
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
|
|
180
172
|
beforeCreate?: (() => void) | (() => void)[];
|
|
181
173
|
created?: (() => void) | (() => void)[];
|
|
@@ -198,31 +190,23 @@ declare function __VLS_template(): {
|
|
|
198
190
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
|
|
199
191
|
} & Readonly<{
|
|
200
192
|
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
201
|
-
label: string | null;
|
|
202
|
-
id: string | null;
|
|
203
193
|
value: string;
|
|
204
194
|
size: "medium" | "large";
|
|
205
195
|
dataTest: string;
|
|
206
|
-
placeholder: string;
|
|
207
196
|
disabled: boolean;
|
|
208
|
-
ariaLabel: string | null;
|
|
209
197
|
rules: Rules<string>;
|
|
210
198
|
required: boolean;
|
|
211
199
|
hideDetails: boolean | "auto";
|
|
212
200
|
counter: number | null;
|
|
213
201
|
counterValue: number | (() => number | null) | null;
|
|
214
202
|
clearable: boolean;
|
|
215
|
-
inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
216
|
-
minlength: number | string;
|
|
217
|
-
maxlength: number | string;
|
|
218
203
|
hideable: boolean;
|
|
219
204
|
hideLabel: boolean;
|
|
220
205
|
validateOnBlur: boolean;
|
|
221
|
-
errorMessage: string;
|
|
222
206
|
}> & Omit<Readonly<{
|
|
223
|
-
id?: string
|
|
224
|
-
label?: string
|
|
225
|
-
ariaLabel?: string
|
|
207
|
+
id?: string;
|
|
208
|
+
label?: string;
|
|
209
|
+
ariaLabel?: string;
|
|
226
210
|
placeholder?: string;
|
|
227
211
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
228
212
|
clearable?: boolean;
|
|
@@ -252,7 +236,7 @@ declare function __VLS_template(): {
|
|
|
252
236
|
onKeypress?: ((event: KeyboardEvent) => any) | undefined;
|
|
253
237
|
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
254
238
|
"onClick:hide"?: ((hidden: boolean) => any) | undefined;
|
|
255
|
-
}>, "blur" | "focus" | "input" | "startValidating" | ("type" | "
|
|
239
|
+
}>, "blur" | "focus" | "input" | "startValidating" | ("type" | "value" | "size" | "dataTest" | "disabled" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "hideable" | "hideLabel" | "validateOnBlur")> & ShallowUnwrapRef<{
|
|
256
240
|
input: Ref<HTMLInputElement | null>;
|
|
257
241
|
focus: () => void;
|
|
258
242
|
blur: () => void;
|
|
@@ -283,10 +267,10 @@ declare function __VLS_template(): {
|
|
|
283
267
|
counter?: number | null;
|
|
284
268
|
dataTest?: string;
|
|
285
269
|
id?: string;
|
|
286
|
-
label?: string
|
|
270
|
+
label?: string;
|
|
287
271
|
mask: MaskOptions["mask"] | null;
|
|
288
|
-
minlength?: number | string
|
|
289
|
-
maxlength?: number | string
|
|
272
|
+
minlength?: number | string;
|
|
273
|
+
maxlength?: number | string;
|
|
290
274
|
placeholder?: string;
|
|
291
275
|
rules?: Rules<string>;
|
|
292
276
|
tokens?: MaskTokens | null;
|
|
@@ -313,15 +297,10 @@ declare function __VLS_template(): {
|
|
|
313
297
|
keyup: (event: KeyboardEvent) => any;
|
|
314
298
|
"input:masked": (value: string) => any;
|
|
315
299
|
}, string, {
|
|
316
|
-
label: string | null;
|
|
317
|
-
id: string;
|
|
318
300
|
value: string;
|
|
319
301
|
dataTest: string;
|
|
320
|
-
placeholder: string;
|
|
321
302
|
rules: Rules<string>;
|
|
322
303
|
counter: number | null;
|
|
323
|
-
minlength: number | string | null;
|
|
324
|
-
maxlength: number | string | null;
|
|
325
304
|
tokens: MaskTokens | null;
|
|
326
305
|
unmaskRules: boolean;
|
|
327
306
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
|
|
@@ -345,25 +324,20 @@ declare function __VLS_template(): {
|
|
|
345
324
|
$nextTick: nextTick;
|
|
346
325
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
|
|
347
326
|
} & Readonly<{
|
|
348
|
-
label: string | null;
|
|
349
|
-
id: string;
|
|
350
327
|
value: string;
|
|
351
328
|
dataTest: string;
|
|
352
|
-
placeholder: string;
|
|
353
329
|
rules: Rules<string>;
|
|
354
330
|
counter: number | null;
|
|
355
|
-
minlength: number | string | null;
|
|
356
|
-
maxlength: number | string | null;
|
|
357
331
|
tokens: MaskTokens | null;
|
|
358
332
|
unmaskRules: boolean;
|
|
359
333
|
}> & Omit<Readonly<{
|
|
360
334
|
counter?: number | null;
|
|
361
335
|
dataTest?: string;
|
|
362
336
|
id?: string;
|
|
363
|
-
label?: string
|
|
337
|
+
label?: string;
|
|
364
338
|
mask: MaskOptions["mask"] | null;
|
|
365
|
-
minlength?: number | string
|
|
366
|
-
maxlength?: number | string
|
|
339
|
+
minlength?: number | string;
|
|
340
|
+
maxlength?: number | string;
|
|
367
341
|
placeholder?: string;
|
|
368
342
|
rules?: Rules<string>;
|
|
369
343
|
tokens?: MaskTokens | null;
|
|
@@ -378,7 +352,7 @@ declare function __VLS_template(): {
|
|
|
378
352
|
onKeypress?: ((event: KeyboardEvent) => any) | undefined;
|
|
379
353
|
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
380
354
|
"onInput:masked"?: ((value: string) => any) | undefined;
|
|
381
|
-
}>, "input" | ("
|
|
355
|
+
}>, "input" | ("value" | "dataTest" | "rules" | "counter" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
|
|
382
356
|
input: ComputedRef<HTMLInputElement | null>;
|
|
383
357
|
}> & {} & ComponentCustomProperties & {} & {
|
|
384
358
|
$slots: Readonly<{
|
|
@@ -410,8 +384,6 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
410
384
|
onFocus?: ((event: Event) => any) | undefined;
|
|
411
385
|
onInput?: ((value: string) => any) | undefined;
|
|
412
386
|
}>, {
|
|
413
|
-
label: string | null;
|
|
414
|
-
id: string;
|
|
415
387
|
value: string;
|
|
416
388
|
dataTest: string;
|
|
417
389
|
rules: Rules<string>;
|
|
@@ -424,10 +396,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
424
396
|
readonly counter?: number | null | undefined;
|
|
425
397
|
readonly dataTest?: string | undefined;
|
|
426
398
|
readonly id?: string | undefined;
|
|
427
|
-
readonly label?: string |
|
|
399
|
+
readonly label?: string | undefined;
|
|
428
400
|
readonly mask: MaskOptions["mask"] | null;
|
|
429
|
-
readonly minlength?: number | string |
|
|
430
|
-
readonly maxlength?: number | string |
|
|
401
|
+
readonly minlength?: number | string | undefined;
|
|
402
|
+
readonly maxlength?: number | string | undefined;
|
|
431
403
|
readonly placeholder?: string | undefined;
|
|
432
404
|
readonly rules?: Rules<string> | undefined;
|
|
433
405
|
readonly tokens?: ( MaskTokens | null) | undefined;
|
|
@@ -452,9 +424,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
452
424
|
$: ComponentInternalInstance;
|
|
453
425
|
$data: {};
|
|
454
426
|
$props: {
|
|
455
|
-
readonly id?: string |
|
|
456
|
-
readonly label?: string |
|
|
457
|
-
readonly ariaLabel?: string |
|
|
427
|
+
readonly id?: string | undefined;
|
|
428
|
+
readonly label?: string | undefined;
|
|
429
|
+
readonly ariaLabel?: string | undefined;
|
|
458
430
|
readonly placeholder?: string | undefined;
|
|
459
431
|
readonly type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric" | undefined;
|
|
460
432
|
readonly clearable?: boolean | undefined;
|
|
@@ -501,9 +473,9 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
501
473
|
$emit: ((event: "change", value: string) => void) & ((event: "blur", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "focus", event: Event) => void) & ((event: "input", value: string) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "keypress", event: KeyboardEvent) => void) & ((event: "keyup", event: KeyboardEvent) => void) & ((event: "click:hide", hidden: boolean) => void);
|
|
502
474
|
$el: any;
|
|
503
475
|
$options: ComponentOptionsBase<Readonly<{
|
|
504
|
-
id?: string
|
|
505
|
-
label?: string
|
|
506
|
-
ariaLabel?: string
|
|
476
|
+
id?: string;
|
|
477
|
+
label?: string;
|
|
478
|
+
ariaLabel?: string;
|
|
507
479
|
placeholder?: string;
|
|
508
480
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
509
481
|
clearable?: boolean;
|
|
@@ -550,27 +522,19 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
550
522
|
"click:hide": (hidden: boolean) => any;
|
|
551
523
|
}, string, {
|
|
552
524
|
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
553
|
-
label: string | null;
|
|
554
|
-
id: string | null;
|
|
555
525
|
value: string;
|
|
556
526
|
size: "medium" | "large";
|
|
557
527
|
dataTest: string;
|
|
558
|
-
placeholder: string;
|
|
559
528
|
disabled: boolean;
|
|
560
|
-
ariaLabel: string | null;
|
|
561
529
|
rules: Rules<string>;
|
|
562
530
|
required: boolean;
|
|
563
531
|
hideDetails: boolean | "auto";
|
|
564
532
|
counter: number | null;
|
|
565
533
|
counterValue: number | (() => number | null) | null;
|
|
566
534
|
clearable: boolean;
|
|
567
|
-
inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
568
|
-
minlength: number | string;
|
|
569
|
-
maxlength: number | string;
|
|
570
535
|
hideable: boolean;
|
|
571
536
|
hideLabel: boolean;
|
|
572
537
|
validateOnBlur: boolean;
|
|
573
|
-
errorMessage: string;
|
|
574
538
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
|
|
575
539
|
beforeCreate?: (() => void) | (() => void)[];
|
|
576
540
|
created?: (() => void) | (() => void)[];
|
|
@@ -593,31 +557,23 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
593
557
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
|
|
594
558
|
} & Readonly<{
|
|
595
559
|
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
596
|
-
label: string | null;
|
|
597
|
-
id: string | null;
|
|
598
560
|
value: string;
|
|
599
561
|
size: "medium" | "large";
|
|
600
562
|
dataTest: string;
|
|
601
|
-
placeholder: string;
|
|
602
563
|
disabled: boolean;
|
|
603
|
-
ariaLabel: string | null;
|
|
604
564
|
rules: Rules<string>;
|
|
605
565
|
required: boolean;
|
|
606
566
|
hideDetails: boolean | "auto";
|
|
607
567
|
counter: number | null;
|
|
608
568
|
counterValue: number | (() => number | null) | null;
|
|
609
569
|
clearable: boolean;
|
|
610
|
-
inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
611
|
-
minlength: number | string;
|
|
612
|
-
maxlength: number | string;
|
|
613
570
|
hideable: boolean;
|
|
614
571
|
hideLabel: boolean;
|
|
615
572
|
validateOnBlur: boolean;
|
|
616
|
-
errorMessage: string;
|
|
617
573
|
}> & Omit<Readonly<{
|
|
618
|
-
id?: string
|
|
619
|
-
label?: string
|
|
620
|
-
ariaLabel?: string
|
|
574
|
+
id?: string;
|
|
575
|
+
label?: string;
|
|
576
|
+
ariaLabel?: string;
|
|
621
577
|
placeholder?: string;
|
|
622
578
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
623
579
|
clearable?: boolean;
|
|
@@ -647,7 +603,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
647
603
|
onKeypress?: ((event: KeyboardEvent) => any) | undefined;
|
|
648
604
|
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
649
605
|
"onClick:hide"?: ((hidden: boolean) => any) | undefined;
|
|
650
|
-
}>, "blur" | "focus" | "input" | "startValidating" | ("type" | "
|
|
606
|
+
}>, "blur" | "focus" | "input" | "startValidating" | ("type" | "value" | "size" | "dataTest" | "disabled" | "rules" | "required" | "hideDetails" | "counter" | "counterValue" | "clearable" | "hideable" | "hideLabel" | "validateOnBlur")> & ShallowUnwrapRef<{
|
|
651
607
|
input: Ref<HTMLInputElement | null>;
|
|
652
608
|
focus: () => void;
|
|
653
609
|
blur: () => void;
|
|
@@ -678,10 +634,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
678
634
|
counter?: number | null;
|
|
679
635
|
dataTest?: string;
|
|
680
636
|
id?: string;
|
|
681
|
-
label?: string
|
|
637
|
+
label?: string;
|
|
682
638
|
mask: MaskOptions["mask"] | null;
|
|
683
|
-
minlength?: number | string
|
|
684
|
-
maxlength?: number | string
|
|
639
|
+
minlength?: number | string;
|
|
640
|
+
maxlength?: number | string;
|
|
685
641
|
placeholder?: string;
|
|
686
642
|
rules?: Rules<string>;
|
|
687
643
|
tokens?: MaskTokens | null;
|
|
@@ -708,15 +664,10 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
708
664
|
keyup: (event: KeyboardEvent) => any;
|
|
709
665
|
"input:masked": (value: string) => any;
|
|
710
666
|
}, string, {
|
|
711
|
-
label: string | null;
|
|
712
|
-
id: string;
|
|
713
667
|
value: string;
|
|
714
668
|
dataTest: string;
|
|
715
|
-
placeholder: string;
|
|
716
669
|
rules: Rules<string>;
|
|
717
670
|
counter: number | null;
|
|
718
|
-
minlength: number | string | null;
|
|
719
|
-
maxlength: number | string | null;
|
|
720
671
|
tokens: MaskTokens | null;
|
|
721
672
|
unmaskRules: boolean;
|
|
722
673
|
}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
|
|
@@ -740,25 +691,20 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
740
691
|
$nextTick: nextTick;
|
|
741
692
|
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
|
|
742
693
|
} & Readonly<{
|
|
743
|
-
label: string | null;
|
|
744
|
-
id: string;
|
|
745
694
|
value: string;
|
|
746
695
|
dataTest: string;
|
|
747
|
-
placeholder: string;
|
|
748
696
|
rules: Rules<string>;
|
|
749
697
|
counter: number | null;
|
|
750
|
-
minlength: number | string | null;
|
|
751
|
-
maxlength: number | string | null;
|
|
752
698
|
tokens: MaskTokens | null;
|
|
753
699
|
unmaskRules: boolean;
|
|
754
700
|
}> & Omit<Readonly<{
|
|
755
701
|
counter?: number | null;
|
|
756
702
|
dataTest?: string;
|
|
757
703
|
id?: string;
|
|
758
|
-
label?: string
|
|
704
|
+
label?: string;
|
|
759
705
|
mask: MaskOptions["mask"] | null;
|
|
760
|
-
minlength?: number | string
|
|
761
|
-
maxlength?: number | string
|
|
706
|
+
minlength?: number | string;
|
|
707
|
+
maxlength?: number | string;
|
|
762
708
|
placeholder?: string;
|
|
763
709
|
rules?: Rules<string>;
|
|
764
710
|
tokens?: MaskTokens | null;
|
|
@@ -773,7 +719,7 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {
|
|
|
773
719
|
onKeypress?: ((event: KeyboardEvent) => any) | undefined;
|
|
774
720
|
onKeyup?: ((event: KeyboardEvent) => any) | undefined;
|
|
775
721
|
"onInput:masked"?: ((value: string) => any) | undefined;
|
|
776
|
-
}>, "input" | ("
|
|
722
|
+
}>, "input" | ("value" | "dataTest" | "rules" | "counter" | "tokens" | "unmaskRules")> & ShallowUnwrapRef<{
|
|
777
723
|
input: ComputedRef<HTMLInputElement | null>;
|
|
778
724
|
}> & {} & ComponentCustomProperties & {} & {
|
|
779
725
|
$slots: Readonly<{
|
|
@@ -6,7 +6,7 @@ type __VLS_Props = {
|
|
|
6
6
|
/** Prevents the user from interacting with the switch */
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
/** Font Awesome icon to render on the left side of the component */
|
|
9
|
-
icon?: string | string[] | IconDefinition
|
|
9
|
+
icon?: string | string[] | IconDefinition;
|
|
10
10
|
/** Color of the icon background */
|
|
11
11
|
iconColor?: string;
|
|
12
12
|
/** Plain body copy. Overridden by the default slot. */
|
|
@@ -31,11 +31,8 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
|
|
|
31
31
|
}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
32
32
|
onInput?: ((value: boolean) => any) | undefined;
|
|
33
33
|
}>, {
|
|
34
|
-
label: string;
|
|
35
|
-
title: string;
|
|
36
34
|
align: "top" | "center";
|
|
37
35
|
value: boolean;
|
|
38
|
-
icon: string | string[] | IconDefinition | null;
|
|
39
36
|
disabled: boolean;
|
|
40
37
|
iconColor: string;
|
|
41
38
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
@@ -16,7 +16,7 @@ type __VLS_Props = {
|
|
|
16
16
|
* Overrides the default validation message. If provided, this error message will always
|
|
17
17
|
* be shown, regardless of any other failing validation rules.
|
|
18
18
|
*/
|
|
19
|
-
errorMessage?: string
|
|
19
|
+
errorMessage?: string;
|
|
20
20
|
/** Hides the label and instead labels the field with `aria-label` */
|
|
21
21
|
hideLabel?: boolean;
|
|
22
22
|
/**
|
|
@@ -25,9 +25,9 @@ type __VLS_Props = {
|
|
|
25
25
|
*/
|
|
26
26
|
hideDetails?: boolean | 'auto';
|
|
27
27
|
/** The textarea element's id */
|
|
28
|
-
id?: string
|
|
28
|
+
id?: string;
|
|
29
29
|
/** The textarea's label, both visual and screenreader-only */
|
|
30
|
-
label?: string
|
|
30
|
+
label?: string;
|
|
31
31
|
/** Sets the maxlength attribute of the textarea */
|
|
32
32
|
maxlength?: number;
|
|
33
33
|
/** The textarea's placeholder */
|
|
@@ -70,20 +70,15 @@ declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, Comp
|
|
|
70
70
|
onFocus?: (() => any) | undefined;
|
|
71
71
|
onInput?: ((value: string) => any) | undefined;
|
|
72
72
|
}>, {
|
|
73
|
-
label: string | null;
|
|
74
|
-
id: string | null;
|
|
75
73
|
value: string;
|
|
76
74
|
dataTest: string;
|
|
77
|
-
placeholder: string;
|
|
78
75
|
disabled: boolean;
|
|
79
76
|
rules: Rules<string>;
|
|
80
77
|
required: boolean;
|
|
81
78
|
hideDetails: boolean | "auto";
|
|
82
79
|
counter: number | null;
|
|
83
80
|
counterValue: number | (() => number | null) | null;
|
|
84
|
-
maxlength: number;
|
|
85
81
|
hideLabel: boolean;
|
|
86
|
-
errorMessage: string | null;
|
|
87
82
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
88
83
|
textarea: HTMLTextAreaElement;
|
|
89
84
|
}, HTMLDivElement>;
|
|
@@ -7,9 +7,9 @@ export interface CTextFieldExposed {
|
|
|
7
7
|
startValidating: () => void;
|
|
8
8
|
}
|
|
9
9
|
declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
|
|
10
|
-
id?: string
|
|
11
|
-
label?: string
|
|
12
|
-
ariaLabel?: string
|
|
10
|
+
id?: string;
|
|
11
|
+
label?: string;
|
|
12
|
+
ariaLabel?: string;
|
|
13
13
|
placeholder?: string;
|
|
14
14
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
15
15
|
clearable?: boolean;
|
|
@@ -49,9 +49,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
|
|
|
49
49
|
keyup: (event: KeyboardEvent) => any;
|
|
50
50
|
"click:hide": (hidden: boolean) => any;
|
|
51
51
|
}, string, PublicProps, Readonly<{
|
|
52
|
-
id?: string
|
|
53
|
-
label?: string
|
|
54
|
-
ariaLabel?: string
|
|
52
|
+
id?: string;
|
|
53
|
+
label?: string;
|
|
54
|
+
ariaLabel?: string;
|
|
55
55
|
placeholder?: string;
|
|
56
56
|
type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
57
57
|
clearable?: boolean;
|
|
@@ -87,27 +87,19 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<{
|
|
|
87
87
|
"onClick:hide"?: ((hidden: boolean) => any) | undefined;
|
|
88
88
|
}>, {
|
|
89
89
|
type: "text" | "password" | "email" | "tel" | "url" | "search" | "number" | "decimal" | "numeric";
|
|
90
|
-
label: string | null;
|
|
91
|
-
id: string | null;
|
|
92
90
|
value: string;
|
|
93
91
|
size: "medium" | "large";
|
|
94
92
|
dataTest: string;
|
|
95
|
-
placeholder: string;
|
|
96
93
|
disabled: boolean;
|
|
97
|
-
ariaLabel: string | null;
|
|
98
94
|
rules: Rules<string>;
|
|
99
95
|
required: boolean;
|
|
100
96
|
hideDetails: boolean | "auto";
|
|
101
97
|
counter: number | null;
|
|
102
98
|
counterValue: number | (() => number | null) | null;
|
|
103
99
|
clearable: boolean;
|
|
104
|
-
inputmode: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal";
|
|
105
|
-
minlength: number | string;
|
|
106
|
-
maxlength: number | string;
|
|
107
100
|
hideable: boolean;
|
|
108
101
|
hideLabel: boolean;
|
|
109
102
|
validateOnBlur: boolean;
|
|
110
|
-
errorMessage: string;
|
|
111
103
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {
|
|
112
104
|
input: HTMLInputElement;
|
|
113
105
|
}, any>, Readonly<{
|
|
@@ -22,9 +22,6 @@ declare function __VLS_template(): {
|
|
|
22
22
|
};
|
|
23
23
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
24
24
|
declare const __VLS_component: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
25
|
-
to: RouteLocationRaw;
|
|
26
|
-
target: string;
|
|
27
|
-
href: string;
|
|
28
25
|
underline: boolean;
|
|
29
26
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLAnchorElement>;
|
|
30
27
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|