@weni/unnnic-system 3.9.1-alpha.4 → 3.9.1-alpha.6
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/components/DateFilter/DateFilter.vue.d.ts +82 -3
- package/dist/components/Input/BaseInput.vue.d.ts +22 -0
- package/dist/components/Input/BaseInput.vue.d.ts.map +1 -1
- package/dist/components/Input/Input.vue.d.ts +82 -3
- package/dist/components/Input/Input.vue.d.ts.map +1 -1
- package/dist/components/Input/TextInput.vue.d.ts +53 -2
- package/dist/components/Input/TextInput.vue.d.ts.map +1 -1
- package/dist/components/InputDatePicker/InputDatePicker.vue.d.ts +82 -3
- package/dist/components/InputNext/InputNext.vue.d.ts +1 -1
- package/dist/components/ModalNext/ModalNext.vue.d.ts +82 -3
- package/dist/components/SelectSmart/SelectSmart.vue.d.ts +53 -2
- package/dist/components/SelectTime/index.vue.d.ts +53 -2
- package/dist/components/TextArea/TextArea.vue.d.ts +3 -3
- package/dist/components/index.d.ts +664 -32
- package/dist/components/index.d.ts.map +1 -1
- package/dist/{es-db30a2ff.mjs → es-18dc2623.mjs} +1 -1
- package/dist/{index-761bb714.mjs → index-d490afbf.mjs} +2428 -2369
- package/dist/locales/en.json.d.ts +2 -1
- package/dist/locales/es.json.d.ts +2 -1
- package/dist/locales/pt_br.json.d.ts +2 -1
- package/dist/{pt-br-569fa4c1.mjs → pt-br-ea959d2d.mjs} +1 -1
- package/dist/style.css +1 -1
- package/dist/unnnic.mjs +1 -1
- package/dist/unnnic.umd.js +28 -28
- package/package.json +1 -1
- package/src/assets/scss/scheme-colors.scss +309 -223
- package/src/components/Checkbox/Checkbox.vue +1 -1
- package/src/components/FormElement/FormElement.vue +1 -1
- package/src/components/Input/BaseInput.vue +21 -2
- package/src/components/Input/Input.scss +2 -1
- package/src/components/Input/Input.vue +19 -1
- package/src/components/Input/TextInput.vue +66 -21
- package/src/components/Input/__test__/__snapshots__/Input.spec.js.snap +10 -6
- package/src/components/Input/__test__/__snapshots__/TextInput.spec.js.snap +7 -1
- package/src/components/MultiSelectV2/MultSelectOption.vue +67 -0
- package/src/components/MultiSelectV2/__tests__/MultiSelect.spec.js +556 -0
- package/src/components/MultiSelectV2/__tests__/MultiSelectOption.spec.js +229 -0
- package/src/components/MultiSelectV2/__tests__/__snapshots__/MultiSelect.spec.js.snap +121 -0
- package/src/components/MultiSelectV2/__tests__/__snapshots__/MultiSelectOption.spec.js.snap +51 -0
- package/src/components/MultiSelectV2/index.vue +221 -0
- package/src/components/Popover/__tests__/Popover.spec.js +147 -0
- package/src/components/Popover/__tests__/__snapshots__/Popover.spec.js.snap +8 -0
- package/src/components/Popover/index.vue +146 -0
- package/src/components/Select/SelectOption.vue +65 -0
- package/src/components/Select/__tests__/Select.spec.js +412 -0
- package/src/components/Select/__tests__/SelectItem.spec.js +330 -0
- package/src/components/Select/__tests__/SelectOption.spec.js +174 -0
- package/src/components/Select/__tests__/__snapshots__/Select.spec.js.snap +97 -0
- package/src/components/Select/__tests__/__snapshots__/SelectItem.spec.js.snap +15 -0
- package/src/components/Select/__tests__/__snapshots__/SelectOption.spec.js.snap +25 -0
- package/src/components/Select/index.vue +249 -0
- package/src/components/TextArea/TextArea.vue +1 -1
- package/src/locales/en.json +2 -1
- package/src/locales/es.json +2 -1
- package/src/locales/pt_br.json +2 -1
- package/src/stories/MultiSelectV2.stories.js +158 -0
- package/src/stories/Select.stories.js +158 -0
|
@@ -248,13 +248,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
248
248
|
type: BooleanConstructor;
|
|
249
249
|
default: boolean;
|
|
250
250
|
};
|
|
251
|
+
readonly: {
|
|
252
|
+
type: BooleanConstructor;
|
|
253
|
+
default: boolean;
|
|
254
|
+
};
|
|
255
|
+
forceActiveStatus: {
|
|
256
|
+
type: BooleanConstructor;
|
|
257
|
+
default: boolean;
|
|
258
|
+
};
|
|
259
|
+
showClear: {
|
|
260
|
+
type: BooleanConstructor;
|
|
261
|
+
default: boolean;
|
|
262
|
+
};
|
|
251
263
|
}>, {}, {
|
|
252
264
|
val: string;
|
|
253
265
|
}, {
|
|
254
266
|
computedError(): string | boolean;
|
|
255
267
|
}, {
|
|
256
268
|
fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
|
|
257
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
269
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
258
270
|
placeholder: {
|
|
259
271
|
type: StringConstructor;
|
|
260
272
|
default: string;
|
|
@@ -332,8 +344,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
332
344
|
type: BooleanConstructor;
|
|
333
345
|
default: boolean;
|
|
334
346
|
};
|
|
347
|
+
readonly: {
|
|
348
|
+
type: BooleanConstructor;
|
|
349
|
+
default: boolean;
|
|
350
|
+
};
|
|
351
|
+
forceActiveStatus: {
|
|
352
|
+
type: BooleanConstructor;
|
|
353
|
+
default: boolean;
|
|
354
|
+
};
|
|
355
|
+
showClear: {
|
|
356
|
+
type: BooleanConstructor;
|
|
357
|
+
default: boolean;
|
|
358
|
+
};
|
|
335
359
|
}>> & Readonly<{
|
|
336
360
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
361
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
337
362
|
}>, {
|
|
338
363
|
type: string;
|
|
339
364
|
size: string;
|
|
@@ -346,11 +371,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
346
371
|
modelValue: string;
|
|
347
372
|
nativeType: string;
|
|
348
373
|
maxlength: number | null;
|
|
374
|
+
readonly: boolean;
|
|
375
|
+
forceActiveStatus: boolean;
|
|
349
376
|
iconLeft: string;
|
|
350
377
|
iconRight: string;
|
|
351
378
|
iconLeftClickable: boolean;
|
|
352
379
|
iconRightClickable: boolean;
|
|
353
380
|
allowTogglePassword: boolean;
|
|
381
|
+
showClear: boolean;
|
|
354
382
|
errors: string | unknown[];
|
|
355
383
|
hasCloudyColor: boolean;
|
|
356
384
|
showMaxlengthCounter: boolean;
|
|
@@ -405,21 +433,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
405
433
|
type: BooleanConstructor;
|
|
406
434
|
default: boolean;
|
|
407
435
|
};
|
|
436
|
+
readonly: {
|
|
437
|
+
type: BooleanConstructor;
|
|
438
|
+
default: boolean;
|
|
439
|
+
};
|
|
440
|
+
forceActiveStatus: {
|
|
441
|
+
type: BooleanConstructor;
|
|
442
|
+
default: boolean;
|
|
443
|
+
};
|
|
444
|
+
showClear: {
|
|
445
|
+
type: BooleanConstructor;
|
|
446
|
+
default: boolean;
|
|
447
|
+
};
|
|
408
448
|
}>, {}, {
|
|
409
449
|
isFocused: boolean;
|
|
410
450
|
showPassword: boolean;
|
|
411
451
|
}, {
|
|
412
452
|
isDisabled(): {};
|
|
413
453
|
iconRightSvg(): string;
|
|
414
|
-
iconScheme(): "fg-base" | "fg-muted";
|
|
454
|
+
iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
|
|
415
455
|
attributes(): any;
|
|
416
456
|
}, {
|
|
417
457
|
focus(): void;
|
|
418
458
|
onFocus(): void;
|
|
419
459
|
onBlur(): void;
|
|
420
460
|
onIconLeftClick(): void;
|
|
461
|
+
onClearClick(): void;
|
|
421
462
|
onIconRightClick(): void;
|
|
422
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
463
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
423
464
|
placeholder: {
|
|
424
465
|
type: StringConstructor;
|
|
425
466
|
default: null;
|
|
@@ -469,7 +510,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
469
510
|
type: BooleanConstructor;
|
|
470
511
|
default: boolean;
|
|
471
512
|
};
|
|
513
|
+
readonly: {
|
|
514
|
+
type: BooleanConstructor;
|
|
515
|
+
default: boolean;
|
|
516
|
+
};
|
|
517
|
+
forceActiveStatus: {
|
|
518
|
+
type: BooleanConstructor;
|
|
519
|
+
default: boolean;
|
|
520
|
+
};
|
|
521
|
+
showClear: {
|
|
522
|
+
type: BooleanConstructor;
|
|
523
|
+
default: boolean;
|
|
524
|
+
};
|
|
472
525
|
}>> & Readonly<{
|
|
526
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
473
527
|
"onIcon-left-click"?: ((...args: any[]) => any) | undefined;
|
|
474
528
|
"onIcon-right-click"?: ((...args: any[]) => any) | undefined;
|
|
475
529
|
}>, {
|
|
@@ -480,11 +534,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
480
534
|
modelValue: string;
|
|
481
535
|
nativeType: string;
|
|
482
536
|
maxlength: number;
|
|
537
|
+
readonly: boolean;
|
|
538
|
+
forceActiveStatus: boolean;
|
|
483
539
|
iconLeft: string;
|
|
484
540
|
iconRight: string;
|
|
485
541
|
iconLeftClickable: boolean;
|
|
486
542
|
iconRightClickable: boolean;
|
|
487
543
|
allowTogglePassword: boolean;
|
|
544
|
+
showClear: boolean;
|
|
488
545
|
}, {}, {
|
|
489
546
|
BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
490
547
|
type: {
|
|
@@ -510,15 +567,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
510
567
|
};
|
|
511
568
|
hasIconLeft: BooleanConstructor;
|
|
512
569
|
hasIconRight: BooleanConstructor;
|
|
570
|
+
hasClearIcon: BooleanConstructor;
|
|
513
571
|
maxlength: {
|
|
514
572
|
type: NumberConstructor;
|
|
515
573
|
default: null;
|
|
516
574
|
};
|
|
575
|
+
readonly: {
|
|
576
|
+
type: BooleanConstructor;
|
|
577
|
+
default: boolean;
|
|
578
|
+
};
|
|
579
|
+
forceActiveStatus: {
|
|
580
|
+
type: BooleanConstructor;
|
|
581
|
+
default: boolean;
|
|
582
|
+
};
|
|
517
583
|
}>, {}, {}, {
|
|
518
584
|
attributes(): any;
|
|
519
585
|
classes(): (string | {
|
|
520
586
|
'input--has-icon-left': boolean;
|
|
521
587
|
'input--has-icon-right': boolean;
|
|
588
|
+
'input--has-clear-icon': boolean;
|
|
522
589
|
})[];
|
|
523
590
|
}, {
|
|
524
591
|
fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
|
|
@@ -546,10 +613,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
546
613
|
};
|
|
547
614
|
hasIconLeft: BooleanConstructor;
|
|
548
615
|
hasIconRight: BooleanConstructor;
|
|
616
|
+
hasClearIcon: BooleanConstructor;
|
|
549
617
|
maxlength: {
|
|
550
618
|
type: NumberConstructor;
|
|
551
619
|
default: null;
|
|
552
620
|
};
|
|
621
|
+
readonly: {
|
|
622
|
+
type: BooleanConstructor;
|
|
623
|
+
default: boolean;
|
|
624
|
+
};
|
|
625
|
+
forceActiveStatus: {
|
|
626
|
+
type: BooleanConstructor;
|
|
627
|
+
default: boolean;
|
|
628
|
+
};
|
|
553
629
|
}>> & Readonly<{
|
|
554
630
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
555
631
|
}>, {
|
|
@@ -558,9 +634,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
558
634
|
mask: string | unknown[];
|
|
559
635
|
hasIconLeft: boolean;
|
|
560
636
|
hasIconRight: boolean;
|
|
637
|
+
hasClearIcon: boolean;
|
|
561
638
|
modelValue: string;
|
|
562
639
|
nativeType: string;
|
|
563
640
|
maxlength: number;
|
|
641
|
+
readonly: boolean;
|
|
642
|
+
forceActiveStatus: boolean;
|
|
564
643
|
}, {}, {}, {
|
|
565
644
|
mask: any;
|
|
566
645
|
}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -80,8 +80,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
80
80
|
size: string;
|
|
81
81
|
disabled: boolean;
|
|
82
82
|
nativeType: string;
|
|
83
|
-
allowTogglePassword: boolean;
|
|
84
83
|
readonly: boolean;
|
|
84
|
+
allowTogglePassword: boolean;
|
|
85
85
|
}, {}, {
|
|
86
86
|
UnnnicIcon: import('vue').DefineComponent<import('../Icon.vue').IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
87
87
|
click: (event: Event) => any;
|
|
@@ -151,13 +151,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
151
151
|
type: BooleanConstructor;
|
|
152
152
|
default: boolean;
|
|
153
153
|
};
|
|
154
|
+
readonly: {
|
|
155
|
+
type: BooleanConstructor;
|
|
156
|
+
default: boolean;
|
|
157
|
+
};
|
|
158
|
+
forceActiveStatus: {
|
|
159
|
+
type: BooleanConstructor;
|
|
160
|
+
default: boolean;
|
|
161
|
+
};
|
|
162
|
+
showClear: {
|
|
163
|
+
type: BooleanConstructor;
|
|
164
|
+
default: boolean;
|
|
165
|
+
};
|
|
154
166
|
}>, {}, {
|
|
155
167
|
val: string;
|
|
156
168
|
}, {
|
|
157
169
|
computedError(): string | boolean;
|
|
158
170
|
}, {
|
|
159
171
|
fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
|
|
160
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
172
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "update:modelValue")[], "clear" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
161
173
|
placeholder: {
|
|
162
174
|
type: StringConstructor;
|
|
163
175
|
default: string;
|
|
@@ -235,8 +247,21 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
235
247
|
type: BooleanConstructor;
|
|
236
248
|
default: boolean;
|
|
237
249
|
};
|
|
250
|
+
readonly: {
|
|
251
|
+
type: BooleanConstructor;
|
|
252
|
+
default: boolean;
|
|
253
|
+
};
|
|
254
|
+
forceActiveStatus: {
|
|
255
|
+
type: BooleanConstructor;
|
|
256
|
+
default: boolean;
|
|
257
|
+
};
|
|
258
|
+
showClear: {
|
|
259
|
+
type: BooleanConstructor;
|
|
260
|
+
default: boolean;
|
|
261
|
+
};
|
|
238
262
|
}>> & Readonly<{
|
|
239
263
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
264
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
240
265
|
}>, {
|
|
241
266
|
type: string;
|
|
242
267
|
size: string;
|
|
@@ -249,11 +274,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
249
274
|
modelValue: string;
|
|
250
275
|
nativeType: string;
|
|
251
276
|
maxlength: number | null;
|
|
277
|
+
readonly: boolean;
|
|
278
|
+
forceActiveStatus: boolean;
|
|
252
279
|
iconLeft: string;
|
|
253
280
|
iconRight: string;
|
|
254
281
|
iconLeftClickable: boolean;
|
|
255
282
|
iconRightClickable: boolean;
|
|
256
283
|
allowTogglePassword: boolean;
|
|
284
|
+
showClear: boolean;
|
|
257
285
|
errors: string | unknown[];
|
|
258
286
|
hasCloudyColor: boolean;
|
|
259
287
|
showMaxlengthCounter: boolean;
|
|
@@ -308,21 +336,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
308
336
|
type: BooleanConstructor;
|
|
309
337
|
default: boolean;
|
|
310
338
|
};
|
|
339
|
+
readonly: {
|
|
340
|
+
type: BooleanConstructor;
|
|
341
|
+
default: boolean;
|
|
342
|
+
};
|
|
343
|
+
forceActiveStatus: {
|
|
344
|
+
type: BooleanConstructor;
|
|
345
|
+
default: boolean;
|
|
346
|
+
};
|
|
347
|
+
showClear: {
|
|
348
|
+
type: BooleanConstructor;
|
|
349
|
+
default: boolean;
|
|
350
|
+
};
|
|
311
351
|
}>, {}, {
|
|
312
352
|
isFocused: boolean;
|
|
313
353
|
showPassword: boolean;
|
|
314
354
|
}, {
|
|
315
355
|
isDisabled(): {};
|
|
316
356
|
iconRightSvg(): string;
|
|
317
|
-
iconScheme(): "fg-base" | "fg-muted";
|
|
357
|
+
iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
|
|
318
358
|
attributes(): any;
|
|
319
359
|
}, {
|
|
320
360
|
focus(): void;
|
|
321
361
|
onFocus(): void;
|
|
322
362
|
onBlur(): void;
|
|
323
363
|
onIconLeftClick(): void;
|
|
364
|
+
onClearClick(): void;
|
|
324
365
|
onIconRightClick(): void;
|
|
325
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
366
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
326
367
|
placeholder: {
|
|
327
368
|
type: StringConstructor;
|
|
328
369
|
default: null;
|
|
@@ -372,7 +413,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
372
413
|
type: BooleanConstructor;
|
|
373
414
|
default: boolean;
|
|
374
415
|
};
|
|
416
|
+
readonly: {
|
|
417
|
+
type: BooleanConstructor;
|
|
418
|
+
default: boolean;
|
|
419
|
+
};
|
|
420
|
+
forceActiveStatus: {
|
|
421
|
+
type: BooleanConstructor;
|
|
422
|
+
default: boolean;
|
|
423
|
+
};
|
|
424
|
+
showClear: {
|
|
425
|
+
type: BooleanConstructor;
|
|
426
|
+
default: boolean;
|
|
427
|
+
};
|
|
375
428
|
}>> & Readonly<{
|
|
429
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
376
430
|
"onIcon-left-click"?: ((...args: any[]) => any) | undefined;
|
|
377
431
|
"onIcon-right-click"?: ((...args: any[]) => any) | undefined;
|
|
378
432
|
}>, {
|
|
@@ -383,11 +437,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
383
437
|
modelValue: string;
|
|
384
438
|
nativeType: string;
|
|
385
439
|
maxlength: number;
|
|
440
|
+
readonly: boolean;
|
|
441
|
+
forceActiveStatus: boolean;
|
|
386
442
|
iconLeft: string;
|
|
387
443
|
iconRight: string;
|
|
388
444
|
iconLeftClickable: boolean;
|
|
389
445
|
iconRightClickable: boolean;
|
|
390
446
|
allowTogglePassword: boolean;
|
|
447
|
+
showClear: boolean;
|
|
391
448
|
}, {}, {
|
|
392
449
|
BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
393
450
|
type: {
|
|
@@ -413,15 +470,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
413
470
|
};
|
|
414
471
|
hasIconLeft: BooleanConstructor;
|
|
415
472
|
hasIconRight: BooleanConstructor;
|
|
473
|
+
hasClearIcon: BooleanConstructor;
|
|
416
474
|
maxlength: {
|
|
417
475
|
type: NumberConstructor;
|
|
418
476
|
default: null;
|
|
419
477
|
};
|
|
478
|
+
readonly: {
|
|
479
|
+
type: BooleanConstructor;
|
|
480
|
+
default: boolean;
|
|
481
|
+
};
|
|
482
|
+
forceActiveStatus: {
|
|
483
|
+
type: BooleanConstructor;
|
|
484
|
+
default: boolean;
|
|
485
|
+
};
|
|
420
486
|
}>, {}, {}, {
|
|
421
487
|
attributes(): any;
|
|
422
488
|
classes(): (string | {
|
|
423
489
|
'input--has-icon-left': boolean;
|
|
424
490
|
'input--has-icon-right': boolean;
|
|
491
|
+
'input--has-clear-icon': boolean;
|
|
425
492
|
})[];
|
|
426
493
|
}, {
|
|
427
494
|
fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
|
|
@@ -449,10 +516,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
449
516
|
};
|
|
450
517
|
hasIconLeft: BooleanConstructor;
|
|
451
518
|
hasIconRight: BooleanConstructor;
|
|
519
|
+
hasClearIcon: BooleanConstructor;
|
|
452
520
|
maxlength: {
|
|
453
521
|
type: NumberConstructor;
|
|
454
522
|
default: null;
|
|
455
523
|
};
|
|
524
|
+
readonly: {
|
|
525
|
+
type: BooleanConstructor;
|
|
526
|
+
default: boolean;
|
|
527
|
+
};
|
|
528
|
+
forceActiveStatus: {
|
|
529
|
+
type: BooleanConstructor;
|
|
530
|
+
default: boolean;
|
|
531
|
+
};
|
|
456
532
|
}>> & Readonly<{
|
|
457
533
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
458
534
|
}>, {
|
|
@@ -461,9 +537,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
461
537
|
mask: string | unknown[];
|
|
462
538
|
hasIconLeft: boolean;
|
|
463
539
|
hasIconRight: boolean;
|
|
540
|
+
hasClearIcon: boolean;
|
|
464
541
|
modelValue: string;
|
|
465
542
|
nativeType: string;
|
|
466
543
|
maxlength: number;
|
|
544
|
+
readonly: boolean;
|
|
545
|
+
forceActiveStatus: boolean;
|
|
467
546
|
}, {}, {}, {
|
|
468
547
|
mask: any;
|
|
469
548
|
}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -254,21 +254,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
254
254
|
type: BooleanConstructor;
|
|
255
255
|
default: boolean;
|
|
256
256
|
};
|
|
257
|
+
readonly: {
|
|
258
|
+
type: BooleanConstructor;
|
|
259
|
+
default: boolean;
|
|
260
|
+
};
|
|
261
|
+
forceActiveStatus: {
|
|
262
|
+
type: BooleanConstructor;
|
|
263
|
+
default: boolean;
|
|
264
|
+
};
|
|
265
|
+
showClear: {
|
|
266
|
+
type: BooleanConstructor;
|
|
267
|
+
default: boolean;
|
|
268
|
+
};
|
|
257
269
|
}>, {}, {
|
|
258
270
|
isFocused: boolean;
|
|
259
271
|
showPassword: boolean;
|
|
260
272
|
}, {
|
|
261
273
|
isDisabled(): {};
|
|
262
274
|
iconRightSvg(): string;
|
|
263
|
-
iconScheme(): "fg-base" | "fg-muted";
|
|
275
|
+
iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
|
|
264
276
|
attributes(): any;
|
|
265
277
|
}, {
|
|
266
278
|
focus(): void;
|
|
267
279
|
onFocus(): void;
|
|
268
280
|
onBlur(): void;
|
|
269
281
|
onIconLeftClick(): void;
|
|
282
|
+
onClearClick(): void;
|
|
270
283
|
onIconRightClick(): void;
|
|
271
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
284
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
272
285
|
placeholder: {
|
|
273
286
|
type: StringConstructor;
|
|
274
287
|
default: null;
|
|
@@ -318,7 +331,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
318
331
|
type: BooleanConstructor;
|
|
319
332
|
default: boolean;
|
|
320
333
|
};
|
|
334
|
+
readonly: {
|
|
335
|
+
type: BooleanConstructor;
|
|
336
|
+
default: boolean;
|
|
337
|
+
};
|
|
338
|
+
forceActiveStatus: {
|
|
339
|
+
type: BooleanConstructor;
|
|
340
|
+
default: boolean;
|
|
341
|
+
};
|
|
342
|
+
showClear: {
|
|
343
|
+
type: BooleanConstructor;
|
|
344
|
+
default: boolean;
|
|
345
|
+
};
|
|
321
346
|
}>> & Readonly<{
|
|
347
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
322
348
|
"onIcon-left-click"?: ((...args: any[]) => any) | undefined;
|
|
323
349
|
"onIcon-right-click"?: ((...args: any[]) => any) | undefined;
|
|
324
350
|
}>, {
|
|
@@ -329,11 +355,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
329
355
|
modelValue: string;
|
|
330
356
|
nativeType: string;
|
|
331
357
|
maxlength: number;
|
|
358
|
+
readonly: boolean;
|
|
359
|
+
forceActiveStatus: boolean;
|
|
332
360
|
iconLeft: string;
|
|
333
361
|
iconRight: string;
|
|
334
362
|
iconLeftClickable: boolean;
|
|
335
363
|
iconRightClickable: boolean;
|
|
336
364
|
allowTogglePassword: boolean;
|
|
365
|
+
showClear: boolean;
|
|
337
366
|
}, {}, {
|
|
338
367
|
BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
339
368
|
type: {
|
|
@@ -359,15 +388,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
359
388
|
};
|
|
360
389
|
hasIconLeft: BooleanConstructor;
|
|
361
390
|
hasIconRight: BooleanConstructor;
|
|
391
|
+
hasClearIcon: BooleanConstructor;
|
|
362
392
|
maxlength: {
|
|
363
393
|
type: NumberConstructor;
|
|
364
394
|
default: null;
|
|
365
395
|
};
|
|
396
|
+
readonly: {
|
|
397
|
+
type: BooleanConstructor;
|
|
398
|
+
default: boolean;
|
|
399
|
+
};
|
|
400
|
+
forceActiveStatus: {
|
|
401
|
+
type: BooleanConstructor;
|
|
402
|
+
default: boolean;
|
|
403
|
+
};
|
|
366
404
|
}>, {}, {}, {
|
|
367
405
|
attributes(): any;
|
|
368
406
|
classes(): (string | {
|
|
369
407
|
'input--has-icon-left': boolean;
|
|
370
408
|
'input--has-icon-right': boolean;
|
|
409
|
+
'input--has-clear-icon': boolean;
|
|
371
410
|
})[];
|
|
372
411
|
}, {
|
|
373
412
|
fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
|
|
@@ -395,10 +434,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
395
434
|
};
|
|
396
435
|
hasIconLeft: BooleanConstructor;
|
|
397
436
|
hasIconRight: BooleanConstructor;
|
|
437
|
+
hasClearIcon: BooleanConstructor;
|
|
398
438
|
maxlength: {
|
|
399
439
|
type: NumberConstructor;
|
|
400
440
|
default: null;
|
|
401
441
|
};
|
|
442
|
+
readonly: {
|
|
443
|
+
type: BooleanConstructor;
|
|
444
|
+
default: boolean;
|
|
445
|
+
};
|
|
446
|
+
forceActiveStatus: {
|
|
447
|
+
type: BooleanConstructor;
|
|
448
|
+
default: boolean;
|
|
449
|
+
};
|
|
402
450
|
}>> & Readonly<{
|
|
403
451
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
404
452
|
}>, {
|
|
@@ -407,9 +455,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
407
455
|
mask: string | unknown[];
|
|
408
456
|
hasIconLeft: boolean;
|
|
409
457
|
hasIconRight: boolean;
|
|
458
|
+
hasClearIcon: boolean;
|
|
410
459
|
modelValue: string;
|
|
411
460
|
nativeType: string;
|
|
412
461
|
maxlength: number;
|
|
462
|
+
readonly: boolean;
|
|
463
|
+
forceActiveStatus: boolean;
|
|
413
464
|
}, {}, {}, {
|
|
414
465
|
mask: any;
|
|
415
466
|
}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -159,21 +159,34 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
159
159
|
type: BooleanConstructor;
|
|
160
160
|
default: boolean;
|
|
161
161
|
};
|
|
162
|
+
readonly: {
|
|
163
|
+
type: BooleanConstructor;
|
|
164
|
+
default: boolean;
|
|
165
|
+
};
|
|
166
|
+
forceActiveStatus: {
|
|
167
|
+
type: BooleanConstructor;
|
|
168
|
+
default: boolean;
|
|
169
|
+
};
|
|
170
|
+
showClear: {
|
|
171
|
+
type: BooleanConstructor;
|
|
172
|
+
default: boolean;
|
|
173
|
+
};
|
|
162
174
|
}>, {}, {
|
|
163
175
|
isFocused: boolean;
|
|
164
176
|
showPassword: boolean;
|
|
165
177
|
}, {
|
|
166
178
|
isDisabled(): {};
|
|
167
179
|
iconRightSvg(): string;
|
|
168
|
-
iconScheme(): "fg-base" | "fg-muted";
|
|
180
|
+
iconScheme(): "fg-base" | "fg-muted" | "color-gray-700";
|
|
169
181
|
attributes(): any;
|
|
170
182
|
}, {
|
|
171
183
|
focus(): void;
|
|
172
184
|
onFocus(): void;
|
|
173
185
|
onBlur(): void;
|
|
174
186
|
onIconLeftClick(): void;
|
|
187
|
+
onClearClick(): void;
|
|
175
188
|
onIconRightClick(): void;
|
|
176
|
-
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("icon-left-click" | "icon-right-click")[], "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
189
|
+
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("clear" | "icon-left-click" | "icon-right-click")[], "clear" | "icon-left-click" | "icon-right-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
177
190
|
placeholder: {
|
|
178
191
|
type: StringConstructor;
|
|
179
192
|
default: null;
|
|
@@ -223,7 +236,20 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
223
236
|
type: BooleanConstructor;
|
|
224
237
|
default: boolean;
|
|
225
238
|
};
|
|
239
|
+
readonly: {
|
|
240
|
+
type: BooleanConstructor;
|
|
241
|
+
default: boolean;
|
|
242
|
+
};
|
|
243
|
+
forceActiveStatus: {
|
|
244
|
+
type: BooleanConstructor;
|
|
245
|
+
default: boolean;
|
|
246
|
+
};
|
|
247
|
+
showClear: {
|
|
248
|
+
type: BooleanConstructor;
|
|
249
|
+
default: boolean;
|
|
250
|
+
};
|
|
226
251
|
}>> & Readonly<{
|
|
252
|
+
onClear?: ((...args: any[]) => any) | undefined;
|
|
227
253
|
"onIcon-left-click"?: ((...args: any[]) => any) | undefined;
|
|
228
254
|
"onIcon-right-click"?: ((...args: any[]) => any) | undefined;
|
|
229
255
|
}>, {
|
|
@@ -234,11 +260,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
234
260
|
modelValue: string;
|
|
235
261
|
nativeType: string;
|
|
236
262
|
maxlength: number;
|
|
263
|
+
readonly: boolean;
|
|
264
|
+
forceActiveStatus: boolean;
|
|
237
265
|
iconLeft: string;
|
|
238
266
|
iconRight: string;
|
|
239
267
|
iconLeftClickable: boolean;
|
|
240
268
|
iconRightClickable: boolean;
|
|
241
269
|
allowTogglePassword: boolean;
|
|
270
|
+
showClear: boolean;
|
|
242
271
|
}, {}, {
|
|
243
272
|
BaseInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
244
273
|
type: {
|
|
@@ -264,15 +293,25 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
264
293
|
};
|
|
265
294
|
hasIconLeft: BooleanConstructor;
|
|
266
295
|
hasIconRight: BooleanConstructor;
|
|
296
|
+
hasClearIcon: BooleanConstructor;
|
|
267
297
|
maxlength: {
|
|
268
298
|
type: NumberConstructor;
|
|
269
299
|
default: null;
|
|
270
300
|
};
|
|
301
|
+
readonly: {
|
|
302
|
+
type: BooleanConstructor;
|
|
303
|
+
default: boolean;
|
|
304
|
+
};
|
|
305
|
+
forceActiveStatus: {
|
|
306
|
+
type: BooleanConstructor;
|
|
307
|
+
default: boolean;
|
|
308
|
+
};
|
|
271
309
|
}>, {}, {}, {
|
|
272
310
|
attributes(): any;
|
|
273
311
|
classes(): (string | {
|
|
274
312
|
'input--has-icon-left': boolean;
|
|
275
313
|
'input--has-icon-right': boolean;
|
|
314
|
+
'input--has-clear-icon': boolean;
|
|
276
315
|
})[];
|
|
277
316
|
}, {
|
|
278
317
|
fullySanitize: typeof import('../../utils/sanitize').fullySanitize;
|
|
@@ -300,10 +339,19 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
300
339
|
};
|
|
301
340
|
hasIconLeft: BooleanConstructor;
|
|
302
341
|
hasIconRight: BooleanConstructor;
|
|
342
|
+
hasClearIcon: BooleanConstructor;
|
|
303
343
|
maxlength: {
|
|
304
344
|
type: NumberConstructor;
|
|
305
345
|
default: null;
|
|
306
346
|
};
|
|
347
|
+
readonly: {
|
|
348
|
+
type: BooleanConstructor;
|
|
349
|
+
default: boolean;
|
|
350
|
+
};
|
|
351
|
+
forceActiveStatus: {
|
|
352
|
+
type: BooleanConstructor;
|
|
353
|
+
default: boolean;
|
|
354
|
+
};
|
|
307
355
|
}>> & Readonly<{
|
|
308
356
|
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
309
357
|
}>, {
|
|
@@ -312,9 +360,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
312
360
|
mask: string | unknown[];
|
|
313
361
|
hasIconLeft: boolean;
|
|
314
362
|
hasIconRight: boolean;
|
|
363
|
+
hasClearIcon: boolean;
|
|
315
364
|
modelValue: string;
|
|
316
365
|
nativeType: string;
|
|
317
366
|
maxlength: number;
|
|
367
|
+
readonly: boolean;
|
|
368
|
+
forceActiveStatus: boolean;
|
|
318
369
|
}, {}, {}, {
|
|
319
370
|
mask: any;
|
|
320
371
|
}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
@@ -38,7 +38,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
38
38
|
default: string;
|
|
39
39
|
};
|
|
40
40
|
errors: {
|
|
41
|
-
type: ArrayConstructor;
|
|
41
|
+
type: (ArrayConstructor | null)[];
|
|
42
42
|
default: () => never[];
|
|
43
43
|
};
|
|
44
44
|
}>, {}, {}, {
|
|
@@ -85,7 +85,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
85
85
|
default: string;
|
|
86
86
|
};
|
|
87
87
|
errors: {
|
|
88
|
-
type: ArrayConstructor;
|
|
88
|
+
type: (ArrayConstructor | null)[];
|
|
89
89
|
default: () => never[];
|
|
90
90
|
};
|
|
91
91
|
}>> & Readonly<{
|
|
@@ -97,7 +97,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
97
97
|
tooltip: string;
|
|
98
98
|
message: string;
|
|
99
99
|
disabled: boolean;
|
|
100
|
-
errors: unknown[];
|
|
100
|
+
errors: unknown[] | null;
|
|
101
101
|
}, {}, {
|
|
102
102
|
UnnnicFormElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
103
103
|
size: {
|