@dpa-id-components/dpa-shared-components 15.0.0 → 15.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.
@@ -15,14 +15,11 @@ declare const meta: {
15
15
  disabled?: boolean;
16
16
  isDateTimePicker?: boolean;
17
17
  autocomplete?: string;
18
- isInvalid?: boolean;
19
18
  errorMessage?: string;
20
- showWarning?: boolean;
21
19
  warningMessage?: string;
22
20
  isTextarea?: boolean;
23
- hasInfo?: boolean;
24
21
  infoText?: string;
25
- inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
22
+ inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
26
23
  isUiAutocomplete?: boolean;
27
24
  }> & Readonly<{
28
25
  onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -49,14 +46,11 @@ declare const meta: {
49
46
  chevron: boolean;
50
47
  isDateTimePicker: boolean;
51
48
  autocomplete: string;
52
- isInvalid: boolean;
53
49
  errorMessage: string;
54
- showWarning: boolean;
55
50
  warningMessage: string;
56
51
  isTextarea: boolean;
57
- hasInfo: boolean;
58
52
  infoText: string;
59
- inputStatus: "default" | "info" | "readonly" | "warning" | "error";
53
+ inputStatus: "info" | "default" | "error" | "readonly" | "warning";
60
54
  isUiAutocomplete: boolean;
61
55
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
62
56
  inputRef: HTMLInputElement;
@@ -80,14 +74,11 @@ declare const meta: {
80
74
  disabled?: boolean;
81
75
  isDateTimePicker?: boolean;
82
76
  autocomplete?: string;
83
- isInvalid?: boolean;
84
77
  errorMessage?: string;
85
- showWarning?: boolean;
86
78
  warningMessage?: string;
87
79
  isTextarea?: boolean;
88
- hasInfo?: boolean;
89
80
  infoText?: string;
90
- inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
81
+ inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
91
82
  isUiAutocomplete?: boolean;
92
83
  }> & Readonly<{
93
84
  onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -108,14 +99,11 @@ declare const meta: {
108
99
  chevron: boolean;
109
100
  isDateTimePicker: boolean;
110
101
  autocomplete: string;
111
- isInvalid: boolean;
112
102
  errorMessage: string;
113
- showWarning: boolean;
114
103
  warningMessage: string;
115
104
  isTextarea: boolean;
116
- hasInfo: boolean;
117
105
  infoText: string;
118
- inputStatus: "default" | "info" | "readonly" | "warning" | "error";
106
+ inputStatus: "info" | "default" | "error" | "readonly" | "warning";
119
107
  isUiAutocomplete: boolean;
120
108
  }>;
121
109
  __isFragment?: never;
@@ -134,14 +122,11 @@ declare const meta: {
134
122
  disabled?: boolean;
135
123
  isDateTimePicker?: boolean;
136
124
  autocomplete?: string;
137
- isInvalid?: boolean;
138
125
  errorMessage?: string;
139
- showWarning?: boolean;
140
126
  warningMessage?: string;
141
127
  isTextarea?: boolean;
142
- hasInfo?: boolean;
143
128
  infoText?: string;
144
- inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
129
+ inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
145
130
  isUiAutocomplete?: boolean;
146
131
  }> & Readonly<{
147
132
  onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -168,18 +153,19 @@ declare const meta: {
168
153
  chevron: boolean;
169
154
  isDateTimePicker: boolean;
170
155
  autocomplete: string;
171
- isInvalid: boolean;
172
156
  errorMessage: string;
173
- showWarning: boolean;
174
157
  warningMessage: string;
175
158
  isTextarea: boolean;
176
- hasInfo: boolean;
177
159
  infoText: string;
178
- inputStatus: "default" | "info" | "readonly" | "warning" | "error";
160
+ inputStatus: "info" | "default" | "error" | "readonly" | "warning";
179
161
  isUiAutocomplete: boolean;
180
162
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
181
- $slots: {
182
- buttons?(_: {}): any;
163
+ $slots: Readonly<{
164
+ buttons?: () => any;
165
+ errors?: () => any;
166
+ }> & {
167
+ buttons?: () => any;
168
+ errors?: () => any;
183
169
  };
184
170
  });
185
171
  argTypes: {
@@ -258,14 +244,11 @@ declare const meta: {
258
244
  disabled?: boolean;
259
245
  isDateTimePicker?: boolean;
260
246
  autocomplete?: string;
261
- isInvalid?: boolean;
262
247
  errorMessage?: string;
263
- showWarning?: boolean;
264
248
  warningMessage?: string;
265
249
  isTextarea?: boolean;
266
- hasInfo?: boolean;
267
250
  infoText?: string;
268
- inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
251
+ inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
269
252
  isUiAutocomplete?: boolean;
270
253
  }> & Readonly<{
271
254
  onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -292,14 +275,11 @@ declare const meta: {
292
275
  chevron: boolean;
293
276
  isDateTimePicker: boolean;
294
277
  autocomplete: string;
295
- isInvalid: boolean;
296
278
  errorMessage: string;
297
- showWarning: boolean;
298
279
  warningMessage: string;
299
280
  isTextarea: boolean;
300
- hasInfo: boolean;
301
281
  infoText: string;
302
- inputStatus: "default" | "info" | "readonly" | "warning" | "error";
282
+ inputStatus: "info" | "default" | "error" | "readonly" | "warning";
303
283
  isUiAutocomplete: boolean;
304
284
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
305
285
  inputRef: HTMLInputElement;
@@ -323,14 +303,11 @@ declare const meta: {
323
303
  disabled?: boolean;
324
304
  isDateTimePicker?: boolean;
325
305
  autocomplete?: string;
326
- isInvalid?: boolean;
327
306
  errorMessage?: string;
328
- showWarning?: boolean;
329
307
  warningMessage?: string;
330
308
  isTextarea?: boolean;
331
- hasInfo?: boolean;
332
309
  infoText?: string;
333
- inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
310
+ inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
334
311
  isUiAutocomplete?: boolean;
335
312
  }> & Readonly<{
336
313
  onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -351,14 +328,11 @@ declare const meta: {
351
328
  chevron: boolean;
352
329
  isDateTimePicker: boolean;
353
330
  autocomplete: string;
354
- isInvalid: boolean;
355
331
  errorMessage: string;
356
- showWarning: boolean;
357
332
  warningMessage: string;
358
333
  isTextarea: boolean;
359
- hasInfo: boolean;
360
334
  infoText: string;
361
- inputStatus: "default" | "info" | "readonly" | "warning" | "error";
335
+ inputStatus: "info" | "default" | "error" | "readonly" | "warning";
362
336
  isUiAutocomplete: boolean;
363
337
  }>;
364
338
  __isFragment?: never;
@@ -377,14 +351,11 @@ declare const meta: {
377
351
  disabled?: boolean;
378
352
  isDateTimePicker?: boolean;
379
353
  autocomplete?: string;
380
- isInvalid?: boolean;
381
354
  errorMessage?: string;
382
- showWarning?: boolean;
383
355
  warningMessage?: string;
384
356
  isTextarea?: boolean;
385
- hasInfo?: boolean;
386
357
  infoText?: string;
387
- inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
358
+ inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
388
359
  isUiAutocomplete?: boolean;
389
360
  }> & Readonly<{
390
361
  onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -411,18 +382,19 @@ declare const meta: {
411
382
  chevron: boolean;
412
383
  isDateTimePicker: boolean;
413
384
  autocomplete: string;
414
- isInvalid: boolean;
415
385
  errorMessage: string;
416
- showWarning: boolean;
417
386
  warningMessage: string;
418
387
  isTextarea: boolean;
419
- hasInfo: boolean;
420
388
  infoText: string;
421
- inputStatus: "default" | "info" | "readonly" | "warning" | "error";
389
+ inputStatus: "info" | "default" | "error" | "readonly" | "warning";
422
390
  isUiAutocomplete: boolean;
423
391
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
424
- $slots: {
425
- buttons?(_: {}): any;
392
+ $slots: Readonly<{
393
+ buttons?: () => any;
394
+ errors?: () => any;
395
+ }> & {
396
+ buttons?: () => any;
397
+ errors?: () => any;
426
398
  };
427
399
  })>) => {
428
400
  components: {
@@ -440,14 +412,11 @@ declare const meta: {
440
412
  disabled?: boolean;
441
413
  isDateTimePicker?: boolean;
442
414
  autocomplete?: string;
443
- isInvalid?: boolean;
444
415
  errorMessage?: string;
445
- showWarning?: boolean;
446
416
  warningMessage?: string;
447
417
  isTextarea?: boolean;
448
- hasInfo?: boolean;
449
418
  infoText?: string;
450
- inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
419
+ inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
451
420
  isUiAutocomplete?: boolean;
452
421
  }> & Readonly<{
453
422
  onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -474,14 +443,11 @@ declare const meta: {
474
443
  chevron: boolean;
475
444
  isDateTimePicker: boolean;
476
445
  autocomplete: string;
477
- isInvalid: boolean;
478
446
  errorMessage: string;
479
- showWarning: boolean;
480
447
  warningMessage: string;
481
448
  isTextarea: boolean;
482
- hasInfo: boolean;
483
449
  infoText: string;
484
- inputStatus: "default" | "info" | "readonly" | "warning" | "error";
450
+ inputStatus: "info" | "default" | "error" | "readonly" | "warning";
485
451
  isUiAutocomplete: boolean;
486
452
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
487
453
  inputRef: HTMLInputElement;
@@ -505,14 +471,11 @@ declare const meta: {
505
471
  disabled?: boolean;
506
472
  isDateTimePicker?: boolean;
507
473
  autocomplete?: string;
508
- isInvalid?: boolean;
509
474
  errorMessage?: string;
510
- showWarning?: boolean;
511
475
  warningMessage?: string;
512
476
  isTextarea?: boolean;
513
- hasInfo?: boolean;
514
477
  infoText?: string;
515
- inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
478
+ inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
516
479
  isUiAutocomplete?: boolean;
517
480
  }> & Readonly<{
518
481
  onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -533,14 +496,11 @@ declare const meta: {
533
496
  chevron: boolean;
534
497
  isDateTimePicker: boolean;
535
498
  autocomplete: string;
536
- isInvalid: boolean;
537
499
  errorMessage: string;
538
- showWarning: boolean;
539
500
  warningMessage: string;
540
501
  isTextarea: boolean;
541
- hasInfo: boolean;
542
502
  infoText: string;
543
- inputStatus: "default" | "info" | "readonly" | "warning" | "error";
503
+ inputStatus: "info" | "default" | "error" | "readonly" | "warning";
544
504
  isUiAutocomplete: boolean;
545
505
  }>;
546
506
  __isFragment?: never;
@@ -559,14 +519,11 @@ declare const meta: {
559
519
  disabled?: boolean;
560
520
  isDateTimePicker?: boolean;
561
521
  autocomplete?: string;
562
- isInvalid?: boolean;
563
522
  errorMessage?: string;
564
- showWarning?: boolean;
565
523
  warningMessage?: string;
566
524
  isTextarea?: boolean;
567
- hasInfo?: boolean;
568
525
  infoText?: string;
569
- inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
526
+ inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
570
527
  isUiAutocomplete?: boolean;
571
528
  }> & Readonly<{
572
529
  onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -593,18 +550,19 @@ declare const meta: {
593
550
  chevron: boolean;
594
551
  isDateTimePicker: boolean;
595
552
  autocomplete: string;
596
- isInvalid: boolean;
597
553
  errorMessage: string;
598
- showWarning: boolean;
599
554
  warningMessage: string;
600
555
  isTextarea: boolean;
601
- hasInfo: boolean;
602
556
  infoText: string;
603
- inputStatus: "default" | "info" | "readonly" | "warning" | "error";
557
+ inputStatus: "info" | "default" | "error" | "readonly" | "warning";
604
558
  isUiAutocomplete: boolean;
605
559
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
606
- $slots: {
607
- buttons?(_: {}): any;
560
+ $slots: Readonly<{
561
+ buttons?: () => any;
562
+ errors?: () => any;
563
+ }> & {
564
+ buttons?: () => any;
565
+ errors?: () => any;
608
566
  };
609
567
  });
610
568
  };
@@ -623,14 +581,11 @@ declare const meta: {
623
581
  disabled?: boolean;
624
582
  isDateTimePicker?: boolean;
625
583
  autocomplete?: string;
626
- isInvalid?: boolean;
627
584
  errorMessage?: string;
628
- showWarning?: boolean;
629
585
  warningMessage?: string;
630
586
  isTextarea?: boolean;
631
- hasInfo?: boolean;
632
587
  infoText?: string;
633
- inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
588
+ inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
634
589
  isUiAutocomplete?: boolean;
635
590
  }> & Readonly<{
636
591
  onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -657,14 +612,11 @@ declare const meta: {
657
612
  chevron: boolean;
658
613
  isDateTimePicker: boolean;
659
614
  autocomplete: string;
660
- isInvalid: boolean;
661
615
  errorMessage: string;
662
- showWarning: boolean;
663
616
  warningMessage: string;
664
617
  isTextarea: boolean;
665
- hasInfo: boolean;
666
618
  infoText: string;
667
- inputStatus: "default" | "info" | "readonly" | "warning" | "error";
619
+ inputStatus: "info" | "default" | "error" | "readonly" | "warning";
668
620
  isUiAutocomplete: boolean;
669
621
  }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
670
622
  inputRef: HTMLInputElement;
@@ -688,14 +640,11 @@ declare const meta: {
688
640
  disabled?: boolean;
689
641
  isDateTimePicker?: boolean;
690
642
  autocomplete?: string;
691
- isInvalid?: boolean;
692
643
  errorMessage?: string;
693
- showWarning?: boolean;
694
644
  warningMessage?: string;
695
645
  isTextarea?: boolean;
696
- hasInfo?: boolean;
697
646
  infoText?: string;
698
- inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
647
+ inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
699
648
  isUiAutocomplete?: boolean;
700
649
  }> & Readonly<{
701
650
  onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -716,14 +665,11 @@ declare const meta: {
716
665
  chevron: boolean;
717
666
  isDateTimePicker: boolean;
718
667
  autocomplete: string;
719
- isInvalid: boolean;
720
668
  errorMessage: string;
721
- showWarning: boolean;
722
669
  warningMessage: string;
723
670
  isTextarea: boolean;
724
- hasInfo: boolean;
725
671
  infoText: string;
726
- inputStatus: "default" | "info" | "readonly" | "warning" | "error";
672
+ inputStatus: "info" | "default" | "error" | "readonly" | "warning";
727
673
  isUiAutocomplete: boolean;
728
674
  }>;
729
675
  __isFragment?: never;
@@ -742,14 +688,11 @@ declare const meta: {
742
688
  disabled?: boolean;
743
689
  isDateTimePicker?: boolean;
744
690
  autocomplete?: string;
745
- isInvalid?: boolean;
746
691
  errorMessage?: string;
747
- showWarning?: boolean;
748
692
  warningMessage?: string;
749
693
  isTextarea?: boolean;
750
- hasInfo?: boolean;
751
694
  infoText?: string;
752
- inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
695
+ inputStatus?: "info" | "default" | "error" | "readonly" | "warning";
753
696
  isUiAutocomplete?: boolean;
754
697
  }> & Readonly<{
755
698
  onBlur?: ((args_0: FocusEvent) => any) | undefined;
@@ -776,18 +719,19 @@ declare const meta: {
776
719
  chevron: boolean;
777
720
  isDateTimePicker: boolean;
778
721
  autocomplete: string;
779
- isInvalid: boolean;
780
722
  errorMessage: string;
781
- showWarning: boolean;
782
723
  warningMessage: string;
783
724
  isTextarea: boolean;
784
- hasInfo: boolean;
785
725
  infoText: string;
786
- inputStatus: "default" | "info" | "readonly" | "warning" | "error";
726
+ inputStatus: "info" | "default" | "error" | "readonly" | "warning";
787
727
  isUiAutocomplete: boolean;
788
728
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
789
- $slots: {
790
- buttons?(_: {}): any;
729
+ $slots: Readonly<{
730
+ buttons?: () => any;
731
+ errors?: () => any;
732
+ }> & {
733
+ buttons?: () => any;
734
+ errors?: () => any;
791
735
  };
792
736
  })>;
793
737
  value: import('vue').Ref<string, string>;
@@ -1,3 +1,4 @@
1
+ type UiInputStatus = "default" | "info" | "readonly" | "warning" | "error";
1
2
  type __VLS_Props = {
2
3
  id?: string;
3
4
  type?: "text" | "number" | "time" | "date" | "password" | "datetime-local";
@@ -9,14 +10,14 @@ type __VLS_Props = {
9
10
  disabled?: boolean;
10
11
  isDateTimePicker?: boolean;
11
12
  autocomplete?: string;
12
- isInvalid?: boolean;
13
+ /**
14
+ * Use the `errors` slot for better flexibility instead.
15
+ */
13
16
  errorMessage?: string;
14
- showWarning?: boolean;
15
17
  warningMessage?: string;
16
18
  isTextarea?: boolean;
17
- hasInfo?: boolean;
18
19
  infoText?: string;
19
- inputStatus?: "default" | "info" | "readonly" | "warning" | "error";
20
+ inputStatus?: UiInputStatus;
20
21
  isUiAutocomplete?: boolean;
21
22
  };
22
23
  type __VLS_PublicProps = {
@@ -24,8 +25,12 @@ type __VLS_PublicProps = {
24
25
  } & __VLS_Props;
25
26
  declare function __VLS_template(): {
26
27
  attrs: Partial<{}>;
27
- slots: {
28
- buttons?(_: {}): any;
28
+ slots: Readonly<{
29
+ buttons?: () => any;
30
+ errors?: () => any;
31
+ }> & {
32
+ buttons?: () => any;
33
+ errors?: () => any;
29
34
  };
30
35
  refs: {
31
36
  inputRef: HTMLInputElement;
@@ -58,14 +63,11 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
58
63
  chevron: boolean;
59
64
  isDateTimePicker: boolean;
60
65
  autocomplete: string;
61
- isInvalid: boolean;
62
66
  errorMessage: string;
63
- showWarning: boolean;
64
67
  warningMessage: string;
65
68
  isTextarea: boolean;
66
- hasInfo: boolean;
67
69
  infoText: string;
68
- inputStatus: "default" | "info" | "readonly" | "warning" | "error";
70
+ inputStatus: UiInputStatus;
69
71
  isUiAutocomplete: boolean;
70
72
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
71
73
  inputRef: HTMLInputElement;