@dpa-id-components/dpa-shared-components 8.10.0 → 8.10.4

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 (40) hide show
  1. package/README.md +2 -0
  2. package/dist/bookmark-4ff074d8.mjs +19 -0
  3. package/dist/bookmark-fill-731ae06c.mjs +19 -0
  4. package/dist/components/DpaEventItem/DpaEventItem.stories.d.ts +556 -391
  5. package/dist/components/DpaMediaItem/DpaMediaItem.stories.d.ts +99 -63
  6. package/dist/components/UiBadge/UiBadge.stories.d.ts +121 -83
  7. package/dist/components/UiButton/UiButton.stories.d.ts +128 -89
  8. package/dist/components/UiButtonGroup/UiButtonGroup.stories.d.ts +38 -8
  9. package/dist/components/UiCard/UiCard.stories.d.ts +38 -8
  10. package/dist/components/UiCheckBox/UiCheckBox.stories.d.ts +117 -79
  11. package/dist/components/UiChip/UiChip.stories.d.ts +74 -40
  12. package/dist/components/UiCollapseNavigation/UiCollapseNavigation.stories.d.ts +74 -40
  13. package/dist/components/UiDatePicker/UiDatePicker.stories.d.ts +808 -636
  14. package/dist/components/UiDatePicker/UiDatePicker.vue.d.ts +5 -0
  15. package/dist/components/UiDialog/UiDialog.stories.d.ts +344 -258
  16. package/dist/components/UiFilterBadge/UiFilterBadge.stories.d.ts +170 -100
  17. package/dist/components/UiFilterBadgeButton/UiFilterBadgeButton.stories.d.ts +206 -132
  18. package/dist/components/UiInfoContent/UiInfoContent.stories.d.ts +317 -208
  19. package/dist/components/UiList/UiList.stories.d.ts +735 -510
  20. package/dist/components/UiListItem/UiListItem.stories.d.ts +388 -298
  21. package/dist/components/UiOverlay/UiOverlay.stories.d.ts +94 -30
  22. package/dist/components/UiOverlayMenu/UiOverlayMenu.stories.d.ts +588 -372
  23. package/dist/components/UiSearchBar/UiSearchBar.stories.d.ts +533 -370
  24. package/dist/components/UiSearchInput/UiSearchInput.stories.d.ts +222 -134
  25. package/dist/components/UiSection/UiSection.stories.d.ts +85 -50
  26. package/dist/components/UiSectionDivider/UiSectionDivider.stories.d.ts +85 -50
  27. package/dist/components/UiSnackbar/UiSnackbar.stories.d.ts +215 -139
  28. package/dist/components/UiTextButton/UiTextButton.stories.d.ts +129 -90
  29. package/dist/components/UiToggleButton/UiToggleButton.stories.d.ts +125 -86
  30. package/dist/components/UiTooltip/UiTooltip.stories.d.ts +214 -136
  31. package/dist/dpa-shared-components.mjs +768 -768
  32. package/dist/dpa-shared-components.umd.js +4 -4
  33. package/dist/graphic-90b2d2fc.mjs +20 -0
  34. package/dist/style.css +1 -1
  35. package/package.json +1 -1
  36. package/dist/UseBreakpoints.stories.ts +0 -22
  37. package/dist/UseBreakpoints.vue +0 -12
  38. package/dist/tailwind/UseBreakpoints.stories.d.ts +0 -10
  39. package/dist/tailwind/useBreakpoints.d.ts +0 -9
  40. package/dist/useBreakpoints.ts +0 -19
package/dist/components/UiList/UiList.stories.d.ts CHANGED
@@ -2,14 +2,44 @@ import type { StoryObj } from "@storybook/vue3";
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: {
5
- new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
6
- P: {};
7
- B: {};
8
- D: {};
9
- C: {};
10
- M: {};
11
- Defaults: {};
12
- }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
5
+ new (...args: any[]): {
6
+ $: import("vue").ComponentInternalInstance;
7
+ $data: {};
8
+ $props: Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, never>;
9
+ $attrs: {
10
+ [x: string]: unknown;
11
+ };
12
+ $refs: {
13
+ [x: string]: unknown;
14
+ };
15
+ $slots: Readonly<{
16
+ [name: string]: import("vue").Slot<any> | undefined;
17
+ }>;
18
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
19
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
20
+ $emit: (event: string, ...args: any[]) => void;
21
+ $el: any;
22
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
23
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
24
+ created?: ((() => void) | (() => void)[]) | undefined;
25
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
26
+ mounted?: ((() => void) | (() => void)[]) | undefined;
27
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
28
+ updated?: ((() => void) | (() => void)[]) | undefined;
29
+ activated?: ((() => void) | (() => void)[]) | undefined;
30
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
31
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
32
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
33
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
34
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
35
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
36
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
37
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
38
+ };
39
+ $forceUpdate: () => void;
40
+ $nextTick: typeof import("vue").nextTick;
41
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
42
+ } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
13
43
  __isFragment?: undefined;
14
44
  __isTeleport?: undefined;
15
45
  __isSuspense?: undefined;
@@ -20,324 +50,39 @@ declare const meta: {
20
50
  });
21
51
  subcomponents: {
22
52
  UiListItem: {
23
- new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
24
- iconName: {
25
- type: import("vue").PropType<string | null>;
26
- default: null;
27
- };
28
- disabled: {
29
- type: import("vue").PropType<boolean>;
30
- default: boolean;
31
- };
32
- value: {
33
- type: import("vue").PropType<any>;
34
- default: string;
35
- };
36
- checkBoxMenu: {
37
- type: import("vue").PropType<boolean>;
38
- default: boolean;
39
- };
40
- isChecked: {
41
- type: import("vue").PropType<boolean>;
42
- default: boolean;
43
- };
44
- selected: {
45
- type: import("vue").PropType<boolean>;
46
- default: boolean;
47
- };
48
- selectable: {
49
- type: import("vue").PropType<boolean>;
50
- default: boolean;
51
- };
52
- overrideClasses: {
53
- type: import("vue").PropType<string>;
54
- default: string;
55
- };
56
- checkBoxColor: {
57
- type: import("vue").PropType<"blue" | "gray">;
58
- default: string;
59
- };
60
- imageSrc: {
61
- type: import("vue").PropType<string>;
62
- default: string;
63
- };
64
- imageShape: {
65
- type: import("vue").PropType<"rounded" | "square">;
66
- default: string;
67
- };
68
- iconSize: {
69
- type: import("vue").PropType<"small" | "medium" | "large">;
70
- default: string;
71
- };
72
- checkboxSize: {
73
- type: import("vue").PropType<"small" | "medium">;
74
- default: string;
75
- };
76
- }>> & {
77
- "onList-item-click"?: ((...args: any[]) => any) | undefined;
78
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
79
- "list-item-click": (...args: any[]) => void;
80
- }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
81
- iconName: {
82
- type: import("vue").PropType<string | null>;
83
- default: null;
84
- };
85
- disabled: {
86
- type: import("vue").PropType<boolean>;
87
- default: boolean;
88
- };
89
- value: {
90
- type: import("vue").PropType<any>;
91
- default: string;
92
- };
93
- checkBoxMenu: {
94
- type: import("vue").PropType<boolean>;
95
- default: boolean;
96
- };
97
- isChecked: {
98
- type: import("vue").PropType<boolean>;
99
- default: boolean;
100
- };
101
- selected: {
102
- type: import("vue").PropType<boolean>;
103
- default: boolean;
104
- };
105
- selectable: {
106
- type: import("vue").PropType<boolean>;
107
- default: boolean;
108
- };
109
- overrideClasses: {
110
- type: import("vue").PropType<string>;
111
- default: string;
112
- };
113
- checkBoxColor: {
114
- type: import("vue").PropType<"blue" | "gray">;
115
- default: string;
116
- };
117
- imageSrc: {
118
- type: import("vue").PropType<string>;
119
- default: string;
120
- };
121
- imageShape: {
122
- type: import("vue").PropType<"rounded" | "square">;
123
- default: string;
124
- };
125
- iconSize: {
126
- type: import("vue").PropType<"small" | "medium" | "large">;
127
- default: string;
128
- };
129
- checkboxSize: {
130
- type: import("vue").PropType<"small" | "medium">;
131
- default: string;
132
- };
133
- }>> & {
134
- "onList-item-click"?: ((...args: any[]) => any) | undefined;
135
- }, {
136
- iconName: string | null;
137
- disabled: boolean;
138
- value: any;
139
- checkBoxMenu: boolean;
140
- isChecked: boolean;
141
- selected: boolean;
142
- selectable: boolean;
143
- overrideClasses: string;
144
- checkBoxColor: "blue" | "gray";
145
- imageSrc: string;
146
- imageShape: "rounded" | "square";
147
- iconSize: "small" | "medium" | "large";
148
- checkboxSize: "small" | "medium";
149
- }, true, {}, {}, {
150
- P: {};
151
- B: {};
152
- D: {};
153
- C: {};
154
- M: {};
155
- Defaults: {};
156
- }, Readonly<import("vue").ExtractPropTypes<{
157
- iconName: {
158
- type: import("vue").PropType<string | null>;
159
- default: null;
160
- };
161
- disabled: {
162
- type: import("vue").PropType<boolean>;
163
- default: boolean;
164
- };
165
- value: {
166
- type: import("vue").PropType<any>;
167
- default: string;
168
- };
169
- checkBoxMenu: {
170
- type: import("vue").PropType<boolean>;
171
- default: boolean;
172
- };
173
- isChecked: {
174
- type: import("vue").PropType<boolean>;
175
- default: boolean;
176
- };
177
- selected: {
178
- type: import("vue").PropType<boolean>;
179
- default: boolean;
180
- };
181
- selectable: {
182
- type: import("vue").PropType<boolean>;
183
- default: boolean;
184
- };
185
- overrideClasses: {
186
- type: import("vue").PropType<string>;
187
- default: string;
188
- };
189
- checkBoxColor: {
190
- type: import("vue").PropType<"blue" | "gray">;
191
- default: string;
192
- };
193
- imageSrc: {
194
- type: import("vue").PropType<string>;
195
- default: string;
196
- };
197
- imageShape: {
198
- type: import("vue").PropType<"rounded" | "square">;
199
- default: string;
200
- };
201
- iconSize: {
202
- type: import("vue").PropType<"small" | "medium" | "large">;
203
- default: string;
204
- };
205
- checkboxSize: {
206
- type: import("vue").PropType<"small" | "medium">;
207
- default: string;
208
- };
209
- }>> & {
210
- "onList-item-click"?: ((...args: any[]) => any) | undefined;
211
- }, {}, {}, {}, {}, {
212
- iconName: string | null;
213
- disabled: boolean;
214
- value: any;
215
- checkBoxMenu: boolean;
216
- isChecked: boolean;
217
- selected: boolean;
218
- selectable: boolean;
219
- overrideClasses: string;
220
- checkBoxColor: "blue" | "gray";
221
- imageSrc: string;
222
- imageShape: "rounded" | "square";
223
- iconSize: "small" | "medium" | "large";
224
- checkboxSize: "small" | "medium";
225
- }>;
226
- __isFragment?: undefined;
227
- __isTeleport?: undefined;
228
- __isSuspense?: undefined;
229
- } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
230
- iconName: {
231
- type: import("vue").PropType<string | null>;
232
- default: null;
233
- };
234
- disabled: {
235
- type: import("vue").PropType<boolean>;
236
- default: boolean;
237
- };
238
- value: {
239
- type: import("vue").PropType<any>;
240
- default: string;
241
- };
242
- checkBoxMenu: {
243
- type: import("vue").PropType<boolean>;
244
- default: boolean;
245
- };
246
- isChecked: {
247
- type: import("vue").PropType<boolean>;
248
- default: boolean;
249
- };
250
- selected: {
251
- type: import("vue").PropType<boolean>;
252
- default: boolean;
253
- };
254
- selectable: {
255
- type: import("vue").PropType<boolean>;
256
- default: boolean;
257
- };
258
- overrideClasses: {
259
- type: import("vue").PropType<string>;
260
- default: string;
261
- };
262
- checkBoxColor: {
263
- type: import("vue").PropType<"blue" | "gray">;
264
- default: string;
265
- };
266
- imageSrc: {
267
- type: import("vue").PropType<string>;
268
- default: string;
269
- };
270
- imageShape: {
271
- type: import("vue").PropType<"rounded" | "square">;
272
- default: string;
273
- };
274
- iconSize: {
275
- type: import("vue").PropType<"small" | "medium" | "large">;
276
- default: string;
277
- };
278
- checkboxSize: {
279
- type: import("vue").PropType<"small" | "medium">;
280
- default: string;
281
- };
282
- }>> & {
283
- "onList-item-click"?: ((...args: any[]) => any) | undefined;
284
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
285
- "list-item-click": (...args: any[]) => void;
286
- }, string, {
287
- iconName: string | null;
288
- disabled: boolean;
289
- value: any;
290
- checkBoxMenu: boolean;
291
- isChecked: boolean;
292
- selected: boolean;
293
- selectable: boolean;
294
- overrideClasses: string;
295
- checkBoxColor: "blue" | "gray";
296
- imageSrc: string;
297
- imageShape: "rounded" | "square";
298
- iconSize: "small" | "medium" | "large";
299
- checkboxSize: "small" | "medium";
300
- }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
301
- $slots: {
302
- default?(_: {}): any;
303
- };
304
- });
305
- };
306
- argTypes: {};
307
- parameters: {
308
- backgrounds: {
309
- default: string;
310
- };
311
- };
312
- };
313
- export default meta;
314
- type Story = StoryObj<typeof meta>;
315
- export declare const Default: Story;
316
- export declare const WithCheckboxes: {
317
- render: (args: any) => {
318
- setup(): {
319
- args: any;
320
- };
321
- components: {
322
- UiList: {
323
- new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
324
- P: {};
325
- B: {};
326
- D: {};
327
- C: {};
328
- M: {};
329
- Defaults: {};
330
- }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
331
- __isFragment?: undefined;
332
- __isTeleport?: undefined;
333
- __isSuspense?: undefined;
334
- } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
335
- $slots: {
336
- default?(_: {}): any;
337
- };
338
- });
339
- UiListItem: {
340
- new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
53
+ new (...args: any[]): {
54
+ $: import("vue").ComponentInternalInstance;
55
+ $data: {};
56
+ $props: Partial<{
57
+ iconName: string | null;
58
+ disabled: boolean;
59
+ value: any;
60
+ checkBoxMenu: boolean;
61
+ isChecked: boolean;
62
+ selected: boolean;
63
+ selectable: boolean;
64
+ overrideClasses: string;
65
+ checkBoxColor: "blue" | "gray";
66
+ imageSrc: string;
67
+ imageShape: "rounded" | "square";
68
+ iconSize: "small" | "medium" | "large";
69
+ checkboxSize: "small" | "medium";
70
+ }> & Omit<{
71
+ readonly iconName: string | null;
72
+ readonly disabled: boolean;
73
+ readonly value: any;
74
+ readonly checkBoxMenu: boolean;
75
+ readonly isChecked: boolean;
76
+ readonly selected: boolean;
77
+ readonly selectable: boolean;
78
+ readonly overrideClasses: string;
79
+ readonly checkBoxColor: "blue" | "gray";
80
+ readonly imageSrc: string;
81
+ readonly imageShape: "rounded" | "square";
82
+ readonly iconSize: "small" | "medium" | "large";
83
+ readonly checkboxSize: "small" | "medium";
84
+ "onList-item-click"?: ((...args: any[]) => any) | undefined;
85
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
341
86
  iconName: {
342
87
  type: import("vue").PropType<string | null>;
343
88
  default: null;
@@ -392,9 +137,21 @@ export declare const WithCheckboxes: {
392
137
  };
393
138
  }>> & {
394
139
  "onList-item-click"?: ((...args: any[]) => any) | undefined;
395
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
396
- "list-item-click": (...args: any[]) => void;
397
- }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
140
+ }, "iconName" | "disabled" | "value" | "checkBoxMenu" | "isChecked" | "selected" | "selectable" | "overrideClasses" | "checkBoxColor" | "imageSrc" | "imageShape" | "iconSize" | "checkboxSize">;
141
+ $attrs: {
142
+ [x: string]: unknown;
143
+ };
144
+ $refs: {
145
+ [x: string]: unknown;
146
+ };
147
+ $slots: Readonly<{
148
+ [name: string]: import("vue").Slot<any> | undefined;
149
+ }>;
150
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
151
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
152
+ $emit: (event: "list-item-click", ...args: any[]) => void;
153
+ $el: any;
154
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
398
155
  iconName: {
399
156
  type: import("vue").PropType<string | null>;
400
157
  default: null;
@@ -449,7 +206,9 @@ export declare const WithCheckboxes: {
449
206
  };
450
207
  }>> & {
451
208
  "onList-item-click"?: ((...args: any[]) => any) | undefined;
452
- }, {
209
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
210
+ "list-item-click": (...args: any[]) => void;
211
+ }, string, {
453
212
  iconName: string | null;
454
213
  disabled: boolean;
455
214
  value: any;
@@ -463,14 +222,419 @@ export declare const WithCheckboxes: {
463
222
  imageShape: "rounded" | "square";
464
223
  iconSize: "small" | "medium" | "large";
465
224
  checkboxSize: "small" | "medium";
466
- }, true, {}, {}, {
467
- P: {};
468
- B: {};
469
- D: {};
470
- C: {};
471
- M: {};
472
- Defaults: {};
473
- }, Readonly<import("vue").ExtractPropTypes<{
225
+ }, {}, string, {}> & {
226
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
227
+ created?: ((() => void) | (() => void)[]) | undefined;
228
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
229
+ mounted?: ((() => void) | (() => void)[]) | undefined;
230
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
231
+ updated?: ((() => void) | (() => void)[]) | undefined;
232
+ activated?: ((() => void) | (() => void)[]) | undefined;
233
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
234
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
235
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
236
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
237
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
238
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
239
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
240
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
241
+ };
242
+ $forceUpdate: () => void;
243
+ $nextTick: typeof import("vue").nextTick;
244
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
245
+ } & Readonly<import("vue").ExtractPropTypes<{
246
+ iconName: {
247
+ type: import("vue").PropType<string | null>;
248
+ default: null;
249
+ };
250
+ disabled: {
251
+ type: import("vue").PropType<boolean>;
252
+ default: boolean;
253
+ };
254
+ value: {
255
+ type: import("vue").PropType<any>;
256
+ default: string;
257
+ };
258
+ checkBoxMenu: {
259
+ type: import("vue").PropType<boolean>;
260
+ default: boolean;
261
+ };
262
+ isChecked: {
263
+ type: import("vue").PropType<boolean>;
264
+ default: boolean;
265
+ };
266
+ selected: {
267
+ type: import("vue").PropType<boolean>;
268
+ default: boolean;
269
+ };
270
+ selectable: {
271
+ type: import("vue").PropType<boolean>;
272
+ default: boolean;
273
+ };
274
+ overrideClasses: {
275
+ type: import("vue").PropType<string>;
276
+ default: string;
277
+ };
278
+ checkBoxColor: {
279
+ type: import("vue").PropType<"blue" | "gray">;
280
+ default: string;
281
+ };
282
+ imageSrc: {
283
+ type: import("vue").PropType<string>;
284
+ default: string;
285
+ };
286
+ imageShape: {
287
+ type: import("vue").PropType<"rounded" | "square">;
288
+ default: string;
289
+ };
290
+ iconSize: {
291
+ type: import("vue").PropType<"small" | "medium" | "large">;
292
+ default: string;
293
+ };
294
+ checkboxSize: {
295
+ type: import("vue").PropType<"small" | "medium">;
296
+ default: string;
297
+ };
298
+ }>> & {
299
+ "onList-item-click"?: ((...args: any[]) => any) | undefined;
300
+ } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
301
+ __isFragment?: undefined;
302
+ __isTeleport?: undefined;
303
+ __isSuspense?: undefined;
304
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
305
+ iconName: {
306
+ type: import("vue").PropType<string | null>;
307
+ default: null;
308
+ };
309
+ disabled: {
310
+ type: import("vue").PropType<boolean>;
311
+ default: boolean;
312
+ };
313
+ value: {
314
+ type: import("vue").PropType<any>;
315
+ default: string;
316
+ };
317
+ checkBoxMenu: {
318
+ type: import("vue").PropType<boolean>;
319
+ default: boolean;
320
+ };
321
+ isChecked: {
322
+ type: import("vue").PropType<boolean>;
323
+ default: boolean;
324
+ };
325
+ selected: {
326
+ type: import("vue").PropType<boolean>;
327
+ default: boolean;
328
+ };
329
+ selectable: {
330
+ type: import("vue").PropType<boolean>;
331
+ default: boolean;
332
+ };
333
+ overrideClasses: {
334
+ type: import("vue").PropType<string>;
335
+ default: string;
336
+ };
337
+ checkBoxColor: {
338
+ type: import("vue").PropType<"blue" | "gray">;
339
+ default: string;
340
+ };
341
+ imageSrc: {
342
+ type: import("vue").PropType<string>;
343
+ default: string;
344
+ };
345
+ imageShape: {
346
+ type: import("vue").PropType<"rounded" | "square">;
347
+ default: string;
348
+ };
349
+ iconSize: {
350
+ type: import("vue").PropType<"small" | "medium" | "large">;
351
+ default: string;
352
+ };
353
+ checkboxSize: {
354
+ type: import("vue").PropType<"small" | "medium">;
355
+ default: string;
356
+ };
357
+ }>> & {
358
+ "onList-item-click"?: ((...args: any[]) => any) | undefined;
359
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
360
+ "list-item-click": (...args: any[]) => void;
361
+ }, string, {
362
+ iconName: string | null;
363
+ disabled: boolean;
364
+ value: any;
365
+ checkBoxMenu: boolean;
366
+ isChecked: boolean;
367
+ selected: boolean;
368
+ selectable: boolean;
369
+ overrideClasses: string;
370
+ checkBoxColor: "blue" | "gray";
371
+ imageSrc: string;
372
+ imageShape: "rounded" | "square";
373
+ iconSize: "small" | "medium" | "large";
374
+ checkboxSize: "small" | "medium";
375
+ }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
376
+ $slots: {
377
+ default?(_: {}): any;
378
+ };
379
+ });
380
+ };
381
+ argTypes: {};
382
+ parameters: {
383
+ backgrounds: {
384
+ default: string;
385
+ };
386
+ };
387
+ };
388
+ export default meta;
389
+ type Story = StoryObj<typeof meta>;
390
+ export declare const Default: Story;
391
+ export declare const WithCheckboxes: {
392
+ render: (args: any) => {
393
+ setup(): {
394
+ args: any;
395
+ };
396
+ components: {
397
+ UiList: {
398
+ new (...args: any[]): {
399
+ $: import("vue").ComponentInternalInstance;
400
+ $data: {};
401
+ $props: Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, never>;
402
+ $attrs: {
403
+ [x: string]: unknown;
404
+ };
405
+ $refs: {
406
+ [x: string]: unknown;
407
+ };
408
+ $slots: Readonly<{
409
+ [name: string]: import("vue").Slot<any> | undefined;
410
+ }>;
411
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
412
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
413
+ $emit: (event: string, ...args: any[]) => void;
414
+ $el: any;
415
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
416
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
417
+ created?: ((() => void) | (() => void)[]) | undefined;
418
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
419
+ mounted?: ((() => void) | (() => void)[]) | undefined;
420
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
421
+ updated?: ((() => void) | (() => void)[]) | undefined;
422
+ activated?: ((() => void) | (() => void)[]) | undefined;
423
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
424
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
425
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
426
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
427
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
428
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
429
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
430
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
431
+ };
432
+ $forceUpdate: () => void;
433
+ $nextTick: typeof import("vue").nextTick;
434
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
435
+ } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
436
+ __isFragment?: undefined;
437
+ __isTeleport?: undefined;
438
+ __isSuspense?: undefined;
439
+ } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
440
+ $slots: {
441
+ default?(_: {}): any;
442
+ };
443
+ });
444
+ UiListItem: {
445
+ new (...args: any[]): {
446
+ $: import("vue").ComponentInternalInstance;
447
+ $data: {};
448
+ $props: Partial<{
449
+ iconName: string | null;
450
+ disabled: boolean;
451
+ value: any;
452
+ checkBoxMenu: boolean;
453
+ isChecked: boolean;
454
+ selected: boolean;
455
+ selectable: boolean;
456
+ overrideClasses: string;
457
+ checkBoxColor: "blue" | "gray";
458
+ imageSrc: string;
459
+ imageShape: "rounded" | "square";
460
+ iconSize: "small" | "medium" | "large";
461
+ checkboxSize: "small" | "medium";
462
+ }> & Omit<{
463
+ readonly iconName: string | null;
464
+ readonly disabled: boolean;
465
+ readonly value: any;
466
+ readonly checkBoxMenu: boolean;
467
+ readonly isChecked: boolean;
468
+ readonly selected: boolean;
469
+ readonly selectable: boolean;
470
+ readonly overrideClasses: string;
471
+ readonly checkBoxColor: "blue" | "gray";
472
+ readonly imageSrc: string;
473
+ readonly imageShape: "rounded" | "square";
474
+ readonly iconSize: "small" | "medium" | "large";
475
+ readonly checkboxSize: "small" | "medium";
476
+ "onList-item-click"?: ((...args: any[]) => any) | undefined;
477
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
478
+ iconName: {
479
+ type: import("vue").PropType<string | null>;
480
+ default: null;
481
+ };
482
+ disabled: {
483
+ type: import("vue").PropType<boolean>;
484
+ default: boolean;
485
+ };
486
+ value: {
487
+ type: import("vue").PropType<any>;
488
+ default: string;
489
+ };
490
+ checkBoxMenu: {
491
+ type: import("vue").PropType<boolean>;
492
+ default: boolean;
493
+ };
494
+ isChecked: {
495
+ type: import("vue").PropType<boolean>;
496
+ default: boolean;
497
+ };
498
+ selected: {
499
+ type: import("vue").PropType<boolean>;
500
+ default: boolean;
501
+ };
502
+ selectable: {
503
+ type: import("vue").PropType<boolean>;
504
+ default: boolean;
505
+ };
506
+ overrideClasses: {
507
+ type: import("vue").PropType<string>;
508
+ default: string;
509
+ };
510
+ checkBoxColor: {
511
+ type: import("vue").PropType<"blue" | "gray">;
512
+ default: string;
513
+ };
514
+ imageSrc: {
515
+ type: import("vue").PropType<string>;
516
+ default: string;
517
+ };
518
+ imageShape: {
519
+ type: import("vue").PropType<"rounded" | "square">;
520
+ default: string;
521
+ };
522
+ iconSize: {
523
+ type: import("vue").PropType<"small" | "medium" | "large">;
524
+ default: string;
525
+ };
526
+ checkboxSize: {
527
+ type: import("vue").PropType<"small" | "medium">;
528
+ default: string;
529
+ };
530
+ }>> & {
531
+ "onList-item-click"?: ((...args: any[]) => any) | undefined;
532
+ }, "iconName" | "disabled" | "value" | "checkBoxMenu" | "isChecked" | "selected" | "selectable" | "overrideClasses" | "checkBoxColor" | "imageSrc" | "imageShape" | "iconSize" | "checkboxSize">;
533
+ $attrs: {
534
+ [x: string]: unknown;
535
+ };
536
+ $refs: {
537
+ [x: string]: unknown;
538
+ };
539
+ $slots: Readonly<{
540
+ [name: string]: import("vue").Slot<any> | undefined;
541
+ }>;
542
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
543
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
544
+ $emit: (event: "list-item-click", ...args: any[]) => void;
545
+ $el: any;
546
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
547
+ iconName: {
548
+ type: import("vue").PropType<string | null>;
549
+ default: null;
550
+ };
551
+ disabled: {
552
+ type: import("vue").PropType<boolean>;
553
+ default: boolean;
554
+ };
555
+ value: {
556
+ type: import("vue").PropType<any>;
557
+ default: string;
558
+ };
559
+ checkBoxMenu: {
560
+ type: import("vue").PropType<boolean>;
561
+ default: boolean;
562
+ };
563
+ isChecked: {
564
+ type: import("vue").PropType<boolean>;
565
+ default: boolean;
566
+ };
567
+ selected: {
568
+ type: import("vue").PropType<boolean>;
569
+ default: boolean;
570
+ };
571
+ selectable: {
572
+ type: import("vue").PropType<boolean>;
573
+ default: boolean;
574
+ };
575
+ overrideClasses: {
576
+ type: import("vue").PropType<string>;
577
+ default: string;
578
+ };
579
+ checkBoxColor: {
580
+ type: import("vue").PropType<"blue" | "gray">;
581
+ default: string;
582
+ };
583
+ imageSrc: {
584
+ type: import("vue").PropType<string>;
585
+ default: string;
586
+ };
587
+ imageShape: {
588
+ type: import("vue").PropType<"rounded" | "square">;
589
+ default: string;
590
+ };
591
+ iconSize: {
592
+ type: import("vue").PropType<"small" | "medium" | "large">;
593
+ default: string;
594
+ };
595
+ checkboxSize: {
596
+ type: import("vue").PropType<"small" | "medium">;
597
+ default: string;
598
+ };
599
+ }>> & {
600
+ "onList-item-click"?: ((...args: any[]) => any) | undefined;
601
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
602
+ "list-item-click": (...args: any[]) => void;
603
+ }, string, {
604
+ iconName: string | null;
605
+ disabled: boolean;
606
+ value: any;
607
+ checkBoxMenu: boolean;
608
+ isChecked: boolean;
609
+ selected: boolean;
610
+ selectable: boolean;
611
+ overrideClasses: string;
612
+ checkBoxColor: "blue" | "gray";
613
+ imageSrc: string;
614
+ imageShape: "rounded" | "square";
615
+ iconSize: "small" | "medium" | "large";
616
+ checkboxSize: "small" | "medium";
617
+ }, {}, string, {}> & {
618
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
619
+ created?: ((() => void) | (() => void)[]) | undefined;
620
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
621
+ mounted?: ((() => void) | (() => void)[]) | undefined;
622
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
623
+ updated?: ((() => void) | (() => void)[]) | undefined;
624
+ activated?: ((() => void) | (() => void)[]) | undefined;
625
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
626
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
627
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
628
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
629
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
630
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
631
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
632
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
633
+ };
634
+ $forceUpdate: () => void;
635
+ $nextTick: typeof import("vue").nextTick;
636
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
637
+ } & Readonly<import("vue").ExtractPropTypes<{
474
638
  iconName: {
475
639
  type: import("vue").PropType<string | null>;
476
640
  default: null;
@@ -525,21 +689,7 @@ export declare const WithCheckboxes: {
525
689
  };
526
690
  }>> & {
527
691
  "onList-item-click"?: ((...args: any[]) => any) | undefined;
528
- }, {}, {}, {}, {}, {
529
- iconName: string | null;
530
- disabled: boolean;
531
- value: any;
532
- checkBoxMenu: boolean;
533
- isChecked: boolean;
534
- selected: boolean;
535
- selectable: boolean;
536
- overrideClasses: string;
537
- checkBoxColor: "blue" | "gray";
538
- imageSrc: string;
539
- imageShape: "rounded" | "square";
540
- iconSize: "small" | "medium" | "large";
541
- checkboxSize: "small" | "medium";
542
- }>;
692
+ } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
543
693
  __isFragment?: undefined;
544
694
  __isTeleport?: undefined;
545
695
  __isSuspense?: undefined;
@@ -630,14 +780,44 @@ export declare const WithCheckmark: {
630
780
  };
631
781
  components: {
632
782
  UiList: {
633
- new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
634
- P: {};
635
- B: {};
636
- D: {};
637
- C: {};
638
- M: {};
639
- Defaults: {};
640
- }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
783
+ new (...args: any[]): {
784
+ $: import("vue").ComponentInternalInstance;
785
+ $data: {};
786
+ $props: Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, never>;
787
+ $attrs: {
788
+ [x: string]: unknown;
789
+ };
790
+ $refs: {
791
+ [x: string]: unknown;
792
+ };
793
+ $slots: Readonly<{
794
+ [name: string]: import("vue").Slot<any> | undefined;
795
+ }>;
796
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
797
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
798
+ $emit: (event: string, ...args: any[]) => void;
799
+ $el: any;
800
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
801
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
802
+ created?: ((() => void) | (() => void)[]) | undefined;
803
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
804
+ mounted?: ((() => void) | (() => void)[]) | undefined;
805
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
806
+ updated?: ((() => void) | (() => void)[]) | undefined;
807
+ activated?: ((() => void) | (() => void)[]) | undefined;
808
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
809
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
810
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
811
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
812
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
813
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
814
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
815
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
816
+ };
817
+ $forceUpdate: () => void;
818
+ $nextTick: typeof import("vue").nextTick;
819
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
820
+ } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
641
821
  __isFragment?: undefined;
642
822
  __isTeleport?: undefined;
643
823
  __isSuspense?: undefined;
@@ -647,140 +827,199 @@ export declare const WithCheckmark: {
647
827
  };
648
828
  });
649
829
  UiListItem: {
650
- new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
651
- iconName: {
652
- type: import("vue").PropType<string | null>;
653
- default: null;
654
- };
655
- disabled: {
656
- type: import("vue").PropType<boolean>;
657
- default: boolean;
658
- };
659
- value: {
660
- type: import("vue").PropType<any>;
661
- default: string;
662
- };
663
- checkBoxMenu: {
664
- type: import("vue").PropType<boolean>;
665
- default: boolean;
666
- };
667
- isChecked: {
668
- type: import("vue").PropType<boolean>;
669
- default: boolean;
670
- };
671
- selected: {
672
- type: import("vue").PropType<boolean>;
673
- default: boolean;
674
- };
675
- selectable: {
676
- type: import("vue").PropType<boolean>;
677
- default: boolean;
678
- };
679
- overrideClasses: {
680
- type: import("vue").PropType<string>;
681
- default: string;
682
- };
683
- checkBoxColor: {
684
- type: import("vue").PropType<"blue" | "gray">;
685
- default: string;
686
- };
687
- imageSrc: {
688
- type: import("vue").PropType<string>;
689
- default: string;
690
- };
691
- imageShape: {
692
- type: import("vue").PropType<"rounded" | "square">;
693
- default: string;
694
- };
695
- iconSize: {
696
- type: import("vue").PropType<"small" | "medium" | "large">;
697
- default: string;
698
- };
699
- checkboxSize: {
700
- type: import("vue").PropType<"small" | "medium">;
701
- default: string;
702
- };
703
- }>> & {
704
- "onList-item-click"?: ((...args: any[]) => any) | undefined;
705
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
706
- "list-item-click": (...args: any[]) => void;
707
- }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
708
- iconName: {
709
- type: import("vue").PropType<string | null>;
710
- default: null;
711
- };
712
- disabled: {
713
- type: import("vue").PropType<boolean>;
714
- default: boolean;
715
- };
716
- value: {
717
- type: import("vue").PropType<any>;
718
- default: string;
719
- };
720
- checkBoxMenu: {
721
- type: import("vue").PropType<boolean>;
722
- default: boolean;
723
- };
724
- isChecked: {
725
- type: import("vue").PropType<boolean>;
726
- default: boolean;
727
- };
728
- selected: {
729
- type: import("vue").PropType<boolean>;
730
- default: boolean;
731
- };
732
- selectable: {
733
- type: import("vue").PropType<boolean>;
734
- default: boolean;
735
- };
736
- overrideClasses: {
737
- type: import("vue").PropType<string>;
738
- default: string;
739
- };
740
- checkBoxColor: {
741
- type: import("vue").PropType<"blue" | "gray">;
742
- default: string;
743
- };
744
- imageSrc: {
745
- type: import("vue").PropType<string>;
746
- default: string;
747
- };
748
- imageShape: {
749
- type: import("vue").PropType<"rounded" | "square">;
750
- default: string;
751
- };
752
- iconSize: {
753
- type: import("vue").PropType<"small" | "medium" | "large">;
754
- default: string;
755
- };
756
- checkboxSize: {
757
- type: import("vue").PropType<"small" | "medium">;
758
- default: string;
759
- };
760
- }>> & {
761
- "onList-item-click"?: ((...args: any[]) => any) | undefined;
762
- }, {
763
- iconName: string | null;
764
- disabled: boolean;
765
- value: any;
766
- checkBoxMenu: boolean;
767
- isChecked: boolean;
768
- selected: boolean;
769
- selectable: boolean;
770
- overrideClasses: string;
771
- checkBoxColor: "blue" | "gray";
772
- imageSrc: string;
773
- imageShape: "rounded" | "square";
774
- iconSize: "small" | "medium" | "large";
775
- checkboxSize: "small" | "medium";
776
- }, true, {}, {}, {
777
- P: {};
778
- B: {};
779
- D: {};
780
- C: {};
781
- M: {};
782
- Defaults: {};
783
- }, Readonly<import("vue").ExtractPropTypes<{
830
+ new (...args: any[]): {
831
+ $: import("vue").ComponentInternalInstance;
832
+ $data: {};
833
+ $props: Partial<{
834
+ iconName: string | null;
835
+ disabled: boolean;
836
+ value: any;
837
+ checkBoxMenu: boolean;
838
+ isChecked: boolean;
839
+ selected: boolean;
840
+ selectable: boolean;
841
+ overrideClasses: string;
842
+ checkBoxColor: "blue" | "gray";
843
+ imageSrc: string;
844
+ imageShape: "rounded" | "square";
845
+ iconSize: "small" | "medium" | "large";
846
+ checkboxSize: "small" | "medium";
847
+ }> & Omit<{
848
+ readonly iconName: string | null;
849
+ readonly disabled: boolean;
850
+ readonly value: any;
851
+ readonly checkBoxMenu: boolean;
852
+ readonly isChecked: boolean;
853
+ readonly selected: boolean;
854
+ readonly selectable: boolean;
855
+ readonly overrideClasses: string;
856
+ readonly checkBoxColor: "blue" | "gray";
857
+ readonly imageSrc: string;
858
+ readonly imageShape: "rounded" | "square";
859
+ readonly iconSize: "small" | "medium" | "large";
860
+ readonly checkboxSize: "small" | "medium";
861
+ "onList-item-click"?: ((...args: any[]) => any) | undefined;
862
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
863
+ iconName: {
864
+ type: import("vue").PropType<string | null>;
865
+ default: null;
866
+ };
867
+ disabled: {
868
+ type: import("vue").PropType<boolean>;
869
+ default: boolean;
870
+ };
871
+ value: {
872
+ type: import("vue").PropType<any>;
873
+ default: string;
874
+ };
875
+ checkBoxMenu: {
876
+ type: import("vue").PropType<boolean>;
877
+ default: boolean;
878
+ };
879
+ isChecked: {
880
+ type: import("vue").PropType<boolean>;
881
+ default: boolean;
882
+ };
883
+ selected: {
884
+ type: import("vue").PropType<boolean>;
885
+ default: boolean;
886
+ };
887
+ selectable: {
888
+ type: import("vue").PropType<boolean>;
889
+ default: boolean;
890
+ };
891
+ overrideClasses: {
892
+ type: import("vue").PropType<string>;
893
+ default: string;
894
+ };
895
+ checkBoxColor: {
896
+ type: import("vue").PropType<"blue" | "gray">;
897
+ default: string;
898
+ };
899
+ imageSrc: {
900
+ type: import("vue").PropType<string>;
901
+ default: string;
902
+ };
903
+ imageShape: {
904
+ type: import("vue").PropType<"rounded" | "square">;
905
+ default: string;
906
+ };
907
+ iconSize: {
908
+ type: import("vue").PropType<"small" | "medium" | "large">;
909
+ default: string;
910
+ };
911
+ checkboxSize: {
912
+ type: import("vue").PropType<"small" | "medium">;
913
+ default: string;
914
+ };
915
+ }>> & {
916
+ "onList-item-click"?: ((...args: any[]) => any) | undefined;
917
+ }, "iconName" | "disabled" | "value" | "checkBoxMenu" | "isChecked" | "selected" | "selectable" | "overrideClasses" | "checkBoxColor" | "imageSrc" | "imageShape" | "iconSize" | "checkboxSize">;
918
+ $attrs: {
919
+ [x: string]: unknown;
920
+ };
921
+ $refs: {
922
+ [x: string]: unknown;
923
+ };
924
+ $slots: Readonly<{
925
+ [name: string]: import("vue").Slot<any> | undefined;
926
+ }>;
927
+ $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
928
+ $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
929
+ $emit: (event: "list-item-click", ...args: any[]) => void;
930
+ $el: any;
931
+ $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
932
+ iconName: {
933
+ type: import("vue").PropType<string | null>;
934
+ default: null;
935
+ };
936
+ disabled: {
937
+ type: import("vue").PropType<boolean>;
938
+ default: boolean;
939
+ };
940
+ value: {
941
+ type: import("vue").PropType<any>;
942
+ default: string;
943
+ };
944
+ checkBoxMenu: {
945
+ type: import("vue").PropType<boolean>;
946
+ default: boolean;
947
+ };
948
+ isChecked: {
949
+ type: import("vue").PropType<boolean>;
950
+ default: boolean;
951
+ };
952
+ selected: {
953
+ type: import("vue").PropType<boolean>;
954
+ default: boolean;
955
+ };
956
+ selectable: {
957
+ type: import("vue").PropType<boolean>;
958
+ default: boolean;
959
+ };
960
+ overrideClasses: {
961
+ type: import("vue").PropType<string>;
962
+ default: string;
963
+ };
964
+ checkBoxColor: {
965
+ type: import("vue").PropType<"blue" | "gray">;
966
+ default: string;
967
+ };
968
+ imageSrc: {
969
+ type: import("vue").PropType<string>;
970
+ default: string;
971
+ };
972
+ imageShape: {
973
+ type: import("vue").PropType<"rounded" | "square">;
974
+ default: string;
975
+ };
976
+ iconSize: {
977
+ type: import("vue").PropType<"small" | "medium" | "large">;
978
+ default: string;
979
+ };
980
+ checkboxSize: {
981
+ type: import("vue").PropType<"small" | "medium">;
982
+ default: string;
983
+ };
984
+ }>> & {
985
+ "onList-item-click"?: ((...args: any[]) => any) | undefined;
986
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
987
+ "list-item-click": (...args: any[]) => void;
988
+ }, string, {
989
+ iconName: string | null;
990
+ disabled: boolean;
991
+ value: any;
992
+ checkBoxMenu: boolean;
993
+ isChecked: boolean;
994
+ selected: boolean;
995
+ selectable: boolean;
996
+ overrideClasses: string;
997
+ checkBoxColor: "blue" | "gray";
998
+ imageSrc: string;
999
+ imageShape: "rounded" | "square";
1000
+ iconSize: "small" | "medium" | "large";
1001
+ checkboxSize: "small" | "medium";
1002
+ }, {}, string, {}> & {
1003
+ beforeCreate?: ((() => void) | (() => void)[]) | undefined;
1004
+ created?: ((() => void) | (() => void)[]) | undefined;
1005
+ beforeMount?: ((() => void) | (() => void)[]) | undefined;
1006
+ mounted?: ((() => void) | (() => void)[]) | undefined;
1007
+ beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
1008
+ updated?: ((() => void) | (() => void)[]) | undefined;
1009
+ activated?: ((() => void) | (() => void)[]) | undefined;
1010
+ deactivated?: ((() => void) | (() => void)[]) | undefined;
1011
+ beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
1012
+ beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
1013
+ destroyed?: ((() => void) | (() => void)[]) | undefined;
1014
+ unmounted?: ((() => void) | (() => void)[]) | undefined;
1015
+ renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
1016
+ renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
1017
+ errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
1018
+ };
1019
+ $forceUpdate: () => void;
1020
+ $nextTick: typeof import("vue").nextTick;
1021
+ $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
1022
+ } & Readonly<import("vue").ExtractPropTypes<{
784
1023
  iconName: {
785
1024
  type: import("vue").PropType<string | null>;
786
1025
  default: null;
@@ -835,21 +1074,7 @@ export declare const WithCheckmark: {
835
1074
  };
836
1075
  }>> & {
837
1076
  "onList-item-click"?: ((...args: any[]) => any) | undefined;
838
- }, {}, {}, {}, {}, {
839
- iconName: string | null;
840
- disabled: boolean;
841
- value: any;
842
- checkBoxMenu: boolean;
843
- isChecked: boolean;
844
- selected: boolean;
845
- selectable: boolean;
846
- overrideClasses: string;
847
- checkBoxColor: "blue" | "gray";
848
- imageSrc: string;
849
- imageShape: "rounded" | "square";
850
- iconSize: "small" | "medium" | "large";
851
- checkboxSize: "small" | "medium";
852
- }>;
1077
+ } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
853
1078
  __isFragment?: undefined;
854
1079
  __isTeleport?: undefined;
855
1080
  __isSuspense?: undefined;