@dpa-id-components/dpa-shared-components 9.12.0 → 10.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/.eslintrc.cjs +6 -0
  2. package/dist/components/UiMenu/UiMenu.stories.d.ts +213 -591
  3. package/dist/components/UiMenu/UiMenu.vue.d.ts +68 -197
  4. package/dist/components/UiMenu/UiMenuItem.vue.d.ts +35 -0
  5. package/dist/components/UiMenu/UiMenuList.vue.d.ts +38 -0
  6. package/dist/components/UiMenu/UiMenuTypes.d.ts +15 -0
  7. package/dist/components/index.d.ts +5 -1
  8. package/dist/dpa-shared-components.mjs +11201 -8945
  9. package/dist/dpa-shared-components.umd.js +7 -7
  10. package/dist/index.d.ts +1 -0
  11. package/dist/style.css +1 -1
  12. package/dist/utils/index.d.ts +3 -0
  13. package/package.json +8 -7
package/dist/components/UiMenu/UiMenu.stories.d.ts CHANGED
@@ -3,373 +3,186 @@ import { iconNames } from '../UiIcon/iconNames';
3
3
 
4
4
  declare const meta: {
5
5
  title: string;
6
- component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
7
- disabled: {
8
- type: import('vue').PropType<boolean>;
9
- default: boolean;
10
- };
11
- imageShape: {
12
- type: import('vue').PropType<"rounded" | "square">;
13
- default: string;
14
- };
15
- iconSize: {
16
- type: import('vue').PropType<"small" | "medium" | "large">;
17
- default: string;
18
- };
19
- checkboxSize: {
20
- type: import('vue').PropType<"small" | "medium">;
21
- default: string;
22
- };
23
- options: {
24
- type: import('vue').PropType<{
25
- label: string;
26
- imageSrc?: string;
27
- selected: boolean;
28
- value: any;
29
- }[]>;
30
- default: undefined;
31
- };
32
- active: {
33
- type: import('vue').PropType<boolean>;
34
- default: boolean;
35
- };
36
- iconLeft: {
37
- type: import('vue').PropType<string | null>;
38
- default: null;
39
- };
40
- groupedOptions: {
41
- type: import('vue').PropType<{
42
- groupLabel: string;
43
- options: {
44
- label: string;
45
- imageSrc?: string;
46
- selected: boolean;
47
- value: any;
48
- }[];
49
- }[]>;
50
- default: undefined;
51
- };
52
- hasAutoFocus: {
53
- type: import('vue').PropType<boolean>;
54
- default: boolean;
55
- };
56
- isOpen: {
57
- type: import('vue').PropType<boolean>;
58
- default: boolean;
59
- };
60
- defaultTitle: {
61
- type: import('vue').PropType<string>;
62
- default: string;
63
- };
64
- noTitle: {
65
- type: import('vue').PropType<boolean>;
66
- default: boolean;
67
- };
68
- multiLabel: {
69
- type: import('vue').PropType<string>;
70
- default: string;
71
- };
72
- filterButtonSize: {
73
- type: import('vue').PropType<"xs" | "small">;
74
- default: string;
75
- };
76
- buttonVariant: {
77
- type: import('vue').PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
78
- default: string;
79
- };
80
- listVariant: {
81
- type: import('vue').PropType<"checkbox" | "selectable" | "blank">;
82
- default: string;
83
- };
84
- checkboxColor: {
85
- type: import('vue').PropType<"blue" | "gray">;
86
- default: string;
87
- };
88
- hasResetOption: {
89
- type: import('vue').PropType<boolean>;
90
- default: boolean;
91
- };
92
- disabledReset: {
93
- type: import('vue').PropType<boolean>;
94
- default: boolean;
95
- };
96
- resetLabel: {
97
- type: import('vue').PropType<string>;
98
- default: string;
99
- };
100
- searchPlaceholder: {
101
- type: import('vue').PropType<string>;
102
- default: string;
103
- };
104
- hasSearch: {
105
- type: import('vue').PropType<boolean>;
106
- default: boolean;
107
- };
108
- floatingStylesActive: {
109
- type: import('vue').PropType<boolean>;
110
- default: boolean;
111
- };
112
- floatingUiPlacement: {
113
- type: import('vue').PropType<import('@floating-ui/utils').Placement>;
114
- default: string;
115
- };
116
- floatingUiOptions: {
117
- type: import('vue').PropType<import('@floating-ui/vue').UseFloatingOptions | null>;
118
- default: null;
119
- };
120
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
121
- close: (...args: any[]) => void;
122
- reset: (...args: any[]) => void;
123
- input: (...args: any[]) => void;
124
- open: (...args: any[]) => void;
125
- "option-selected": (...args: any[]) => void;
126
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
127
- disabled: {
128
- type: import('vue').PropType<boolean>;
129
- default: boolean;
130
- };
131
- imageShape: {
132
- type: import('vue').PropType<"rounded" | "square">;
133
- default: string;
134
- };
135
- iconSize: {
136
- type: import('vue').PropType<"small" | "medium" | "large">;
137
- default: string;
138
- };
139
- checkboxSize: {
140
- type: import('vue').PropType<"small" | "medium">;
141
- default: string;
142
- };
143
- options: {
144
- type: import('vue').PropType<{
145
- label: string;
146
- imageSrc?: string;
147
- selected: boolean;
148
- value: any;
149
- }[]>;
150
- default: undefined;
151
- };
152
- active: {
153
- type: import('vue').PropType<boolean>;
154
- default: boolean;
155
- };
156
- iconLeft: {
157
- type: import('vue').PropType<string | null>;
158
- default: null;
159
- };
160
- groupedOptions: {
161
- type: import('vue').PropType<{
162
- groupLabel: string;
163
- options: {
164
- label: string;
165
- imageSrc?: string;
166
- selected: boolean;
167
- value: any;
168
- }[];
169
- }[]>;
170
- default: undefined;
171
- };
172
- hasAutoFocus: {
173
- type: import('vue').PropType<boolean>;
174
- default: boolean;
175
- };
176
- isOpen: {
177
- type: import('vue').PropType<boolean>;
178
- default: boolean;
179
- };
180
- defaultTitle: {
181
- type: import('vue').PropType<string>;
182
- default: string;
183
- };
184
- noTitle: {
185
- type: import('vue').PropType<boolean>;
186
- default: boolean;
187
- };
188
- multiLabel: {
189
- type: import('vue').PropType<string>;
190
- default: string;
191
- };
192
- filterButtonSize: {
193
- type: import('vue').PropType<"xs" | "small">;
194
- default: string;
195
- };
196
- buttonVariant: {
197
- type: import('vue').PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
198
- default: string;
199
- };
200
- listVariant: {
201
- type: import('vue').PropType<"checkbox" | "selectable" | "blank">;
202
- default: string;
203
- };
204
- checkboxColor: {
205
- type: import('vue').PropType<"blue" | "gray">;
206
- default: string;
207
- };
208
- hasResetOption: {
209
- type: import('vue').PropType<boolean>;
210
- default: boolean;
211
- };
212
- disabledReset: {
213
- type: import('vue').PropType<boolean>;
214
- default: boolean;
215
- };
216
- resetLabel: {
217
- type: import('vue').PropType<string>;
218
- default: string;
219
- };
220
- searchPlaceholder: {
221
- type: import('vue').PropType<string>;
222
- default: string;
223
- };
224
- hasSearch: {
225
- type: import('vue').PropType<boolean>;
226
- default: boolean;
227
- };
228
- floatingStylesActive: {
229
- type: import('vue').PropType<boolean>;
230
- default: boolean;
231
- };
232
- floatingUiPlacement: {
233
- type: import('vue').PropType<import('@floating-ui/utils').Placement>;
234
- default: string;
235
- };
236
- floatingUiOptions: {
237
- type: import('vue').PropType<import('@floating-ui/vue').UseFloatingOptions | null>;
238
- default: null;
239
- };
240
- }>> & Readonly<{
241
- onClose?: ((...args: any[]) => any) | undefined;
242
- onReset?: ((...args: any[]) => any) | undefined;
243
- onInput?: ((...args: any[]) => any) | undefined;
244
- onOpen?: ((...args: any[]) => any) | undefined;
245
- "onOption-selected"?: ((...args: any[]) => any) | undefined;
246
- }>, {
247
- disabled: boolean;
248
- imageShape: "rounded" | "square";
249
- iconSize: "small" | "medium" | "large";
250
- checkboxSize: "small" | "medium";
251
- options: {
252
- label: string;
253
- imageSrc?: string;
254
- selected: boolean;
255
- value: any;
256
- }[];
257
- active: boolean;
258
- iconLeft: (typeof iconNames)[number] | null;
259
- groupedOptions: {
260
- groupLabel: string;
261
- options: {
262
- label: string;
263
- imageSrc?: string;
264
- selected: boolean;
265
- value: any;
266
- }[];
267
- }[];
268
- hasAutoFocus: boolean;
269
- isOpen: boolean;
270
- defaultTitle: string;
271
- noTitle: boolean;
272
- multiLabel: string;
273
- filterButtonSize: "small" | "xs";
274
- buttonVariant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank";
275
- listVariant: "checkbox" | "selectable" | "blank";
276
- checkboxColor: "blue" | "gray";
277
- hasResetOption: boolean;
278
- disabledReset: boolean;
279
- resetLabel: string;
280
- searchPlaceholder: string;
281
- hasSearch: boolean;
282
- floatingStylesActive: boolean;
283
- floatingUiPlacement: import('@floating-ui/utils').Placement;
284
- floatingUiOptions: import('@floating-ui/vue').UseFloatingOptions | null;
285
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
6
+ component: <K>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: {
7
+ attrs: any;
8
+ slots: ReturnType<() => Readonly<{
9
+ default(props: {
10
+ checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
11
+ checkboxSize: import('./UiMenuTypes').UiMenuCheckboxSize;
12
+ iconSize: import('./UiMenuTypes').UiMenuIconSize;
13
+ imageShape: import('./UiMenuTypes').UiMenuImageShape;
14
+ listVariant: import('./UiMenuTypes').UiMenuListVariant;
15
+ options: import('./UiMenuTypes').UiMenuOptionType<K>[];
16
+ groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
17
+ }): any;
18
+ }> & {
19
+ default(props: {
20
+ checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
21
+ checkboxSize: import('./UiMenuTypes').UiMenuCheckboxSize;
22
+ iconSize: import('./UiMenuTypes').UiMenuIconSize;
23
+ imageShape: import('./UiMenuTypes').UiMenuImageShape;
24
+ listVariant: import('./UiMenuTypes').UiMenuListVariant;
25
+ options: import('./UiMenuTypes').UiMenuOptionType<K>[];
26
+ groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
27
+ }): any;
28
+ }>;
29
+ emit: (event: "close" | "reset" | "input" | "open" | "option-selected" | "placed", ...args: any[]) => void;
30
+ }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
31
+ props: {
32
+ disabled?: boolean | undefined;
33
+ animate?: boolean | undefined;
34
+ readonly onInput?: ((...args: any[]) => any) | undefined;
35
+ readonly onReset?: ((...args: any[]) => any) | undefined;
36
+ imageShape?: import('./UiMenuTypes').UiMenuImageShape | undefined;
37
+ iconSize?: import('./UiMenuTypes').UiMenuIconSize | undefined;
38
+ checkboxSize?: import('./UiMenuTypes').UiMenuCheckboxSize | undefined;
39
+ options?: import('./UiMenuTypes').UiMenuOptionType<K>[] | undefined;
40
+ active?: boolean | undefined;
41
+ iconLeft?: ((typeof iconNames)[number] | null) | undefined;
42
+ readonly onClose?: ((...args: any[]) => any) | undefined;
43
+ readonly onOpen?: ((...args: any[]) => any) | undefined;
44
+ readonly "onOption-selected"?: ((...args: any[]) => any) | undefined;
45
+ readonly onPlaced?: ((...args: any[]) => any) | undefined;
46
+ menuClasses?: import('vue').HTMLAttributes["class"];
47
+ groupedOptions?: import('./UiMenuTypes').UiMenuGroupedOption<K>[] | undefined;
48
+ hasAutoFocus?: boolean | undefined;
49
+ isOpen?: boolean | undefined;
50
+ defaultTitle?: string | undefined;
51
+ noTitle?: boolean | undefined;
52
+ multiLabel?: string | undefined;
53
+ filterButtonSize?: "small" | "xs" | undefined;
54
+ buttonVariant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | undefined;
55
+ listVariant?: import('./UiMenuTypes').UiMenuListVariant | undefined;
56
+ checkboxColor?: import('./UiMenuTypes').UiMenuCheckboxColor | undefined;
57
+ hasResetOption?: boolean | undefined;
58
+ disabledReset?: boolean | undefined;
59
+ resetLabel?: string | undefined;
60
+ searchPlaceholder?: string | undefined;
61
+ hasSearch?: boolean | undefined;
62
+ floatingStylesActive?: boolean | undefined;
63
+ floatingUiPlacement?: import('@floating-ui/utils').Placement | undefined;
64
+ floatingUiOptions?: (import('@floating-ui/vue').UseFloatingOptions | null) | undefined;
65
+ placedListClass?: string | undefined;
66
+ } & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
67
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
68
+ attrs: any;
69
+ slots: ReturnType<() => Readonly<{
70
+ default(props: {
71
+ checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
72
+ checkboxSize: import('./UiMenuTypes').UiMenuCheckboxSize;
73
+ iconSize: import('./UiMenuTypes').UiMenuIconSize;
74
+ imageShape: import('./UiMenuTypes').UiMenuImageShape;
75
+ listVariant: import('./UiMenuTypes').UiMenuListVariant;
76
+ options: import('./UiMenuTypes').UiMenuOptionType<K>[];
77
+ groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
78
+ }): any;
79
+ }> & {
80
+ default(props: {
81
+ checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
82
+ checkboxSize: import('./UiMenuTypes').UiMenuCheckboxSize;
83
+ iconSize: import('./UiMenuTypes').UiMenuIconSize;
84
+ imageShape: import('./UiMenuTypes').UiMenuImageShape;
85
+ listVariant: import('./UiMenuTypes').UiMenuListVariant;
86
+ options: import('./UiMenuTypes').UiMenuOptionType<K>[];
87
+ groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
88
+ }): any;
89
+ }>;
90
+ emit: (event: "close" | "reset" | "input" | "open" | "option-selected" | "placed", ...args: any[]) => void;
91
+ }>) => import('vue').VNode & {
92
+ __ctx?: Awaited<typeof __VLS_setup>;
93
+ };
286
94
  argTypes: {
287
95
  defaultTitle: {
288
- control: "text";
96
+ control: string;
289
97
  };
290
98
  multiLabel: {
291
- control: "text";
99
+ control: string;
292
100
  };
293
101
  buttonVariant: {
294
- control: "select";
102
+ control: string;
295
103
  options: string[];
296
104
  };
297
105
  listVariant: {
298
- control: "select";
106
+ control: string;
299
107
  options: string[];
300
108
  };
301
109
  checkboxColor: {
302
- control: "select";
110
+ control: string;
303
111
  options: string[];
304
112
  };
305
113
  filterButtonSize: {
306
- control: "select";
114
+ control: string;
307
115
  options: string[];
308
116
  };
309
117
  iconSize: {
310
- control: "select";
118
+ control: string;
311
119
  options: string[];
312
120
  };
313
121
  iconLeft: {
314
- control: "select";
122
+ control: string;
315
123
  options: string[];
316
124
  };
317
125
  imageShape: {
318
- control: "select";
126
+ control: string;
319
127
  options: string[];
320
128
  };
321
129
  checkboxSize: {
322
- control: "select";
130
+ control: string;
323
131
  options: string[];
324
132
  };
325
133
  isOpen: {
326
- control: false;
134
+ control: boolean;
327
135
  };
328
136
  disabled: {
329
- control: "boolean";
137
+ control: string;
330
138
  };
331
139
  active: {
332
- control: "boolean";
140
+ control: string;
333
141
  };
334
142
  hasResetOption: {
335
- control: "boolean";
143
+ control: string;
336
144
  };
337
145
  disabledReset: {
338
- control: false;
146
+ control: boolean;
339
147
  };
340
148
  resetLabel: {
341
- control: "text";
149
+ control: string;
342
150
  };
343
151
  searchPlaceholder: {
344
- control: "text";
152
+ control: string;
345
153
  };
346
154
  hasSearch: {
347
- control: "boolean";
155
+ control: string;
348
156
  };
349
157
  options: {
350
- control: false;
158
+ control: boolean;
351
159
  };
352
160
  noTitle: {
353
- control: "boolean";
161
+ control: string;
162
+ };
163
+ floatingUiPlacement: {
164
+ control: string;
165
+ options: string[];
354
166
  };
355
167
  };
356
168
  args: {
357
169
  defaultTitle: string;
358
170
  multiLabel: string;
359
- buttonVariant: "white-rounded";
360
- listVariant: "blank";
361
- checkboxColor: "blue";
362
- iconSize: "small";
171
+ buttonVariant: string;
172
+ listVariant: string;
173
+ checkboxColor: string;
174
+ iconSize: string;
363
175
  iconLeft: string;
364
- imageShape: "square";
365
- checkboxSize: "medium";
366
- disabled: false;
367
- active: false;
368
- hasResetOption: false;
176
+ imageShape: string;
177
+ checkboxSize: string;
178
+ disabled: boolean;
179
+ active: boolean;
180
+ hasResetOption: boolean;
369
181
  resetLabel: string;
370
182
  searchPlaceholder: string;
371
- hasSearch: false;
372
- noTitle: false;
183
+ hasSearch: boolean;
184
+ noTitle: boolean;
185
+ floatingUiPlacement: string;
373
186
  };
374
187
  };
375
188
  export default meta;
@@ -417,286 +230,94 @@ export declare const WithBlankButton: {
417
230
  }[]>;
418
231
  };
419
232
  components: {
420
- UiMenu: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
421
- disabled: {
422
- type: import('vue').PropType<boolean>;
423
- default: boolean;
424
- };
425
- imageShape: {
426
- type: import('vue').PropType<"rounded" | "square">;
427
- default: string;
428
- };
429
- iconSize: {
430
- type: import('vue').PropType<"small" | "medium" | "large">;
431
- default: string;
432
- };
433
- checkboxSize: {
434
- type: import('vue').PropType<"small" | "medium">;
435
- default: string;
436
- };
437
- options: {
438
- type: import('vue').PropType<{
439
- label: string;
440
- imageSrc?: string;
441
- selected: boolean;
442
- value: any;
443
- }[]>;
444
- default: undefined;
445
- };
446
- active: {
447
- type: import('vue').PropType<boolean>;
448
- default: boolean;
449
- };
450
- iconLeft: {
451
- type: import('vue').PropType<string | null>;
452
- default: null;
453
- };
454
- groupedOptions: {
455
- type: import('vue').PropType<{
456
- groupLabel: string;
457
- options: {
458
- label: string;
459
- imageSrc?: string;
460
- selected: boolean;
461
- value: any;
462
- }[];
463
- }[]>;
464
- default: undefined;
465
- };
466
- hasAutoFocus: {
467
- type: import('vue').PropType<boolean>;
468
- default: boolean;
469
- };
470
- isOpen: {
471
- type: import('vue').PropType<boolean>;
472
- default: boolean;
473
- };
474
- defaultTitle: {
475
- type: import('vue').PropType<string>;
476
- default: string;
477
- };
478
- noTitle: {
479
- type: import('vue').PropType<boolean>;
480
- default: boolean;
481
- };
482
- multiLabel: {
483
- type: import('vue').PropType<string>;
484
- default: string;
485
- };
486
- filterButtonSize: {
487
- type: import('vue').PropType<"xs" | "small">;
488
- default: string;
489
- };
490
- buttonVariant: {
491
- type: import('vue').PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
492
- default: string;
493
- };
494
- listVariant: {
495
- type: import('vue').PropType<"checkbox" | "selectable" | "blank">;
496
- default: string;
497
- };
498
- checkboxColor: {
499
- type: import('vue').PropType<"blue" | "gray">;
500
- default: string;
501
- };
502
- hasResetOption: {
503
- type: import('vue').PropType<boolean>;
504
- default: boolean;
505
- };
506
- disabledReset: {
507
- type: import('vue').PropType<boolean>;
508
- default: boolean;
509
- };
510
- resetLabel: {
511
- type: import('vue').PropType<string>;
512
- default: string;
513
- };
514
- searchPlaceholder: {
515
- type: import('vue').PropType<string>;
516
- default: string;
517
- };
518
- hasSearch: {
519
- type: import('vue').PropType<boolean>;
520
- default: boolean;
521
- };
522
- floatingStylesActive: {
523
- type: import('vue').PropType<boolean>;
524
- default: boolean;
525
- };
526
- floatingUiPlacement: {
527
- type: import('vue').PropType<import('@floating-ui/utils').Placement>;
528
- default: string;
529
- };
530
- floatingUiOptions: {
531
- type: import('vue').PropType<import('@floating-ui/vue').UseFloatingOptions | null>;
532
- default: null;
533
- };
534
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
535
- close: (...args: any[]) => void;
536
- reset: (...args: any[]) => void;
537
- input: (...args: any[]) => void;
538
- open: (...args: any[]) => void;
539
- "option-selected": (...args: any[]) => void;
540
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
541
- disabled: {
542
- type: import('vue').PropType<boolean>;
543
- default: boolean;
544
- };
545
- imageShape: {
546
- type: import('vue').PropType<"rounded" | "square">;
547
- default: string;
548
- };
549
- iconSize: {
550
- type: import('vue').PropType<"small" | "medium" | "large">;
551
- default: string;
552
- };
553
- checkboxSize: {
554
- type: import('vue').PropType<"small" | "medium">;
555
- default: string;
556
- };
557
- options: {
558
- type: import('vue').PropType<{
559
- label: string;
560
- imageSrc?: string;
561
- selected: boolean;
562
- value: any;
563
- }[]>;
564
- default: undefined;
565
- };
566
- active: {
567
- type: import('vue').PropType<boolean>;
568
- default: boolean;
569
- };
570
- iconLeft: {
571
- type: import('vue').PropType<string | null>;
572
- default: null;
573
- };
574
- groupedOptions: {
575
- type: import('vue').PropType<{
576
- groupLabel: string;
577
- options: {
578
- label: string;
579
- imageSrc?: string;
580
- selected: boolean;
581
- value: any;
582
- }[];
583
- }[]>;
584
- default: undefined;
585
- };
586
- hasAutoFocus: {
587
- type: import('vue').PropType<boolean>;
588
- default: boolean;
589
- };
590
- isOpen: {
591
- type: import('vue').PropType<boolean>;
592
- default: boolean;
593
- };
594
- defaultTitle: {
595
- type: import('vue').PropType<string>;
596
- default: string;
597
- };
598
- noTitle: {
599
- type: import('vue').PropType<boolean>;
600
- default: boolean;
601
- };
602
- multiLabel: {
603
- type: import('vue').PropType<string>;
604
- default: string;
605
- };
606
- filterButtonSize: {
607
- type: import('vue').PropType<"xs" | "small">;
608
- default: string;
609
- };
610
- buttonVariant: {
611
- type: import('vue').PropType<"blue-rounded" | "white-rounded" | "transparent-rounded" | "blank">;
612
- default: string;
613
- };
614
- listVariant: {
615
- type: import('vue').PropType<"checkbox" | "selectable" | "blank">;
616
- default: string;
617
- };
618
- checkboxColor: {
619
- type: import('vue').PropType<"blue" | "gray">;
620
- default: string;
621
- };
622
- hasResetOption: {
623
- type: import('vue').PropType<boolean>;
624
- default: boolean;
625
- };
626
- disabledReset: {
627
- type: import('vue').PropType<boolean>;
628
- default: boolean;
629
- };
630
- resetLabel: {
631
- type: import('vue').PropType<string>;
632
- default: string;
633
- };
634
- searchPlaceholder: {
635
- type: import('vue').PropType<string>;
636
- default: string;
637
- };
638
- hasSearch: {
639
- type: import('vue').PropType<boolean>;
640
- default: boolean;
641
- };
642
- floatingStylesActive: {
643
- type: import('vue').PropType<boolean>;
644
- default: boolean;
645
- };
646
- floatingUiPlacement: {
647
- type: import('vue').PropType<import('@floating-ui/utils').Placement>;
648
- default: string;
649
- };
650
- floatingUiOptions: {
651
- type: import('vue').PropType<import('@floating-ui/vue').UseFloatingOptions | null>;
652
- default: null;
653
- };
654
- }>> & Readonly<{
655
- onClose?: ((...args: any[]) => any) | undefined;
656
- onReset?: ((...args: any[]) => any) | undefined;
657
- onInput?: ((...args: any[]) => any) | undefined;
658
- onOpen?: ((...args: any[]) => any) | undefined;
659
- "onOption-selected"?: ((...args: any[]) => any) | undefined;
660
- }>, {
661
- disabled: boolean;
662
- imageShape: "rounded" | "square";
663
- iconSize: "small" | "medium" | "large";
664
- checkboxSize: "small" | "medium";
665
- options: {
666
- label: string;
667
- imageSrc?: string;
668
- selected: boolean;
669
- value: any;
670
- }[];
671
- active: boolean;
672
- iconLeft: (typeof iconNames)[number] | null;
673
- groupedOptions: {
674
- groupLabel: string;
675
- options: {
676
- label: string;
677
- imageSrc?: string;
678
- selected: boolean;
679
- value: any;
680
- }[];
681
- }[];
682
- hasAutoFocus: boolean;
683
- isOpen: boolean;
684
- defaultTitle: string;
685
- noTitle: boolean;
686
- multiLabel: string;
687
- filterButtonSize: "small" | "xs";
688
- buttonVariant: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank";
689
- listVariant: "checkbox" | "selectable" | "blank";
690
- checkboxColor: "blue" | "gray";
691
- hasResetOption: boolean;
692
- disabledReset: boolean;
693
- resetLabel: string;
694
- searchPlaceholder: string;
695
- hasSearch: boolean;
696
- floatingStylesActive: boolean;
697
- floatingUiPlacement: import('@floating-ui/utils').Placement;
698
- floatingUiOptions: import('@floating-ui/vue').UseFloatingOptions | null;
699
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
233
+ UiMenu: <K>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: {
234
+ attrs: any;
235
+ slots: ReturnType<() => Readonly<{
236
+ default(props: {
237
+ checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
238
+ checkboxSize: import('./UiMenuTypes').UiMenuCheckboxSize;
239
+ iconSize: import('./UiMenuTypes').UiMenuIconSize;
240
+ imageShape: import('./UiMenuTypes').UiMenuImageShape;
241
+ listVariant: import('./UiMenuTypes').UiMenuListVariant;
242
+ options: import('./UiMenuTypes').UiMenuOptionType<K>[];
243
+ groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
244
+ }): any;
245
+ }> & {
246
+ default(props: {
247
+ checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
248
+ checkboxSize: import('./UiMenuTypes').UiMenuCheckboxSize;
249
+ iconSize: import('./UiMenuTypes').UiMenuIconSize;
250
+ imageShape: import('./UiMenuTypes').UiMenuImageShape;
251
+ listVariant: import('./UiMenuTypes').UiMenuListVariant;
252
+ options: import('./UiMenuTypes').UiMenuOptionType<K>[];
253
+ groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
254
+ }): any;
255
+ }>;
256
+ emit: (event: "close" | "reset" | "input" | "open" | "option-selected" | "placed", ...args: any[]) => void;
257
+ }, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
258
+ props: {
259
+ disabled?: boolean | undefined;
260
+ animate?: boolean | undefined;
261
+ readonly onInput?: ((...args: any[]) => any) | undefined;
262
+ readonly onReset?: ((...args: any[]) => any) | undefined;
263
+ imageShape?: import('./UiMenuTypes').UiMenuImageShape | undefined;
264
+ iconSize?: import('./UiMenuTypes').UiMenuIconSize | undefined;
265
+ checkboxSize?: import('./UiMenuTypes').UiMenuCheckboxSize | undefined;
266
+ options?: import('./UiMenuTypes').UiMenuOptionType<K>[] | undefined;
267
+ active?: boolean | undefined;
268
+ iconLeft?: ((typeof iconNames)[number] | null) | undefined;
269
+ readonly onClose?: ((...args: any[]) => any) | undefined;
270
+ readonly onOpen?: ((...args: any[]) => any) | undefined;
271
+ readonly "onOption-selected"?: ((...args: any[]) => any) | undefined;
272
+ readonly onPlaced?: ((...args: any[]) => any) | undefined;
273
+ menuClasses?: import('vue').HTMLAttributes["class"];
274
+ groupedOptions?: import('./UiMenuTypes').UiMenuGroupedOption<K>[] | undefined;
275
+ hasAutoFocus?: boolean | undefined;
276
+ isOpen?: boolean | undefined;
277
+ defaultTitle?: string | undefined;
278
+ noTitle?: boolean | undefined;
279
+ multiLabel?: string | undefined;
280
+ filterButtonSize?: "small" | "xs" | undefined;
281
+ buttonVariant?: "blue-rounded" | "white-rounded" | "transparent-rounded" | "blank" | undefined;
282
+ listVariant?: import('./UiMenuTypes').UiMenuListVariant | undefined;
283
+ checkboxColor?: import('./UiMenuTypes').UiMenuCheckboxColor | undefined;
284
+ hasResetOption?: boolean | undefined;
285
+ disabledReset?: boolean | undefined;
286
+ resetLabel?: string | undefined;
287
+ searchPlaceholder?: string | undefined;
288
+ hasSearch?: boolean | undefined;
289
+ floatingStylesActive?: boolean | undefined;
290
+ floatingUiPlacement?: import('@floating-ui/utils').Placement | undefined;
291
+ floatingUiOptions?: (import('@floating-ui/vue').UseFloatingOptions | null) | undefined;
292
+ placedListClass?: string | undefined;
293
+ } & {} & (import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps);
294
+ expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
295
+ attrs: any;
296
+ slots: ReturnType<() => Readonly<{
297
+ default(props: {
298
+ checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
299
+ checkboxSize: import('./UiMenuTypes').UiMenuCheckboxSize;
300
+ iconSize: import('./UiMenuTypes').UiMenuIconSize;
301
+ imageShape: import('./UiMenuTypes').UiMenuImageShape;
302
+ listVariant: import('./UiMenuTypes').UiMenuListVariant;
303
+ options: import('./UiMenuTypes').UiMenuOptionType<K>[];
304
+ groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
305
+ }): any;
306
+ }> & {
307
+ default(props: {
308
+ checkboxColor: import('./UiMenuTypes').UiMenuCheckboxColor;
309
+ checkboxSize: import('./UiMenuTypes').UiMenuCheckboxSize;
310
+ iconSize: import('./UiMenuTypes').UiMenuIconSize;
311
+ imageShape: import('./UiMenuTypes').UiMenuImageShape;
312
+ listVariant: import('./UiMenuTypes').UiMenuListVariant;
313
+ options: import('./UiMenuTypes').UiMenuOptionType<K>[];
314
+ groupedOptions: import('./UiMenuTypes').UiMenuGroupedOption<K>[];
315
+ }): any;
316
+ }>;
317
+ emit: (event: "close" | "reset" | "input" | "open" | "option-selected" | "placed", ...args: any[]) => void;
318
+ }>) => import('vue').VNode & {
319
+ __ctx?: Awaited<typeof __VLS_setup>;
320
+ };
700
321
  };
701
322
  template: string;
702
323
  methods: {
@@ -716,3 +337,4 @@ export declare const WithCheckmark: Story;
716
337
  export declare const WithResetAndSearch: Story;
717
338
  export declare const WithGroupedOptions: Story;
718
339
  export declare const WithImages: Story;
340
+ export declare const DefaultAnimated: Story;