@dpa-id-components/dpa-shared-components 9.11.0 → 9.12.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.
@@ -109,6 +109,14 @@ declare const meta: {
109
109
  type: import('vue').PropType<boolean>;
110
110
  default: boolean;
111
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
+ };
112
120
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
113
121
  close: (...args: any[]) => void;
114
122
  reset: (...args: any[]) => void;
@@ -221,6 +229,14 @@ declare const meta: {
221
229
  type: import('vue').PropType<boolean>;
222
230
  default: boolean;
223
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
+ };
224
240
  }>> & Readonly<{
225
241
  onClose?: ((...args: any[]) => any) | undefined;
226
242
  onReset?: ((...args: any[]) => any) | undefined;
@@ -264,6 +280,8 @@ declare const meta: {
264
280
  searchPlaceholder: string;
265
281
  hasSearch: boolean;
266
282
  floatingStylesActive: boolean;
283
+ floatingUiPlacement: import('@floating-ui/utils').Placement;
284
+ floatingUiOptions: import('@floating-ui/vue').UseFloatingOptions | null;
267
285
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
268
286
  argTypes: {
269
287
  defaultTitle: {
@@ -505,6 +523,14 @@ export declare const WithBlankButton: {
505
523
  type: import('vue').PropType<boolean>;
506
524
  default: boolean;
507
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
+ };
508
534
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
509
535
  close: (...args: any[]) => void;
510
536
  reset: (...args: any[]) => void;
@@ -617,6 +643,14 @@ export declare const WithBlankButton: {
617
643
  type: import('vue').PropType<boolean>;
618
644
  default: boolean;
619
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
+ };
620
654
  }>> & Readonly<{
621
655
  onClose?: ((...args: any[]) => any) | undefined;
622
656
  onReset?: ((...args: any[]) => any) | undefined;
@@ -660,6 +694,8 @@ export declare const WithBlankButton: {
660
694
  searchPlaceholder: string;
661
695
  hasSearch: boolean;
662
696
  floatingStylesActive: boolean;
697
+ floatingUiPlacement: import('@floating-ui/utils').Placement;
698
+ floatingUiOptions: import('@floating-ui/vue').UseFloatingOptions | null;
663
699
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
664
700
  };
665
701
  template: string;
@@ -1,4 +1,5 @@
1
1
  import { iconNames } from '../UiIcon/iconNames';
2
+ import { Placement, UseFloatingOptions } from '@floating-ui/vue';
2
3
 
3
4
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
4
5
  options?: {
@@ -37,6 +38,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
37
38
  searchPlaceholder?: string;
38
39
  hasSearch?: boolean;
39
40
  floatingStylesActive?: boolean;
41
+ floatingUiPlacement?: Placement;
42
+ floatingUiOptions?: UseFloatingOptions | null;
40
43
  }>, {
41
44
  isOpen: boolean;
42
45
  disabled: boolean;
@@ -61,6 +64,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
61
64
  floatingStylesActive: boolean;
62
65
  options: undefined;
63
66
  groupedOptions: undefined;
67
+ floatingUiPlacement: string;
68
+ floatingUiOptions: null;
64
69
  }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
65
70
  close: (...args: any[]) => void;
66
71
  reset: (...args: any[]) => void;
@@ -104,6 +109,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
104
109
  searchPlaceholder?: string;
105
110
  hasSearch?: boolean;
106
111
  floatingStylesActive?: boolean;
112
+ floatingUiPlacement?: Placement;
113
+ floatingUiOptions?: UseFloatingOptions | null;
107
114
  }>, {
108
115
  isOpen: boolean;
109
116
  disabled: boolean;
@@ -128,6 +135,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
128
135
  floatingStylesActive: boolean;
129
136
  options: undefined;
130
137
  groupedOptions: undefined;
138
+ floatingUiPlacement: string;
139
+ floatingUiOptions: null;
131
140
  }>>> & Readonly<{
132
141
  onClose?: ((...args: any[]) => any) | undefined;
133
142
  onReset?: ((...args: any[]) => any) | undefined;
@@ -171,6 +180,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
171
180
  searchPlaceholder: string;
172
181
  hasSearch: boolean;
173
182
  floatingStylesActive: boolean;
183
+ floatingUiPlacement: Placement;
184
+ floatingUiOptions: UseFloatingOptions | null;
174
185
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
175
186
  export default _default;
176
187
  type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -8,10 +8,18 @@ declare const meta: {
8
8
  type: import('vue').PropType<boolean>;
9
9
  default: boolean;
10
10
  };
11
+ animate: {
12
+ type: import('vue').PropType<boolean>;
13
+ default: boolean;
14
+ };
11
15
  position: {
12
16
  type: import('vue').PropType<import('@floating-ui/utils').Placement>;
13
17
  default: string;
14
18
  };
19
+ floatingUiOptions: {
20
+ type: import('vue').PropType<import('@floating-ui/vue').UseFloatingOptions | null>;
21
+ default: null;
22
+ };
15
23
  structuredLayout: {
16
24
  type: import('vue').PropType<boolean>;
17
25
  default: boolean;
@@ -31,9 +39,24 @@ declare const meta: {
31
39
  type: import('vue').PropType<string>;
32
40
  default: string;
33
41
  };
42
+ transitionClasses: {
43
+ type: import('vue').PropType<Partial<Record<import('@floating-ui/utils').Placement, string>>>;
44
+ default: {
45
+ top: string;
46
+ "top-start": string;
47
+ "top-end": string;
48
+ right: string;
49
+ "bottom-end": string;
50
+ bottom: string;
51
+ "bottom-start": string;
52
+ left: string;
53
+ };
54
+ };
34
55
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
35
56
  fixed: boolean;
57
+ animate: boolean;
36
58
  position: import('@floating-ui/utils').Placement;
59
+ floatingUiOptions: import('@floating-ui/vue').UseFloatingOptions | null;
37
60
  structuredLayout: boolean;
38
61
  structuredInfo: {
39
62
  title: string;
@@ -41,6 +64,7 @@ declare const meta: {
41
64
  }[];
42
65
  multilines: boolean;
43
66
  tooltipClasses: string;
67
+ transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
44
68
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
45
69
  P: {};
46
70
  B: {};
@@ -53,10 +77,18 @@ declare const meta: {
53
77
  type: import('vue').PropType<boolean>;
54
78
  default: boolean;
55
79
  };
80
+ animate: {
81
+ type: import('vue').PropType<boolean>;
82
+ default: boolean;
83
+ };
56
84
  position: {
57
85
  type: import('vue').PropType<import('@floating-ui/utils').Placement>;
58
86
  default: string;
59
87
  };
88
+ floatingUiOptions: {
89
+ type: import('vue').PropType<import('@floating-ui/vue').UseFloatingOptions | null>;
90
+ default: null;
91
+ };
60
92
  structuredLayout: {
61
93
  type: import('vue').PropType<boolean>;
62
94
  default: boolean;
@@ -76,9 +108,24 @@ declare const meta: {
76
108
  type: import('vue').PropType<string>;
77
109
  default: string;
78
110
  };
111
+ transitionClasses: {
112
+ type: import('vue').PropType<Partial<Record<import('@floating-ui/utils').Placement, string>>>;
113
+ default: {
114
+ top: string;
115
+ "top-start": string;
116
+ "top-end": string;
117
+ right: string;
118
+ "bottom-end": string;
119
+ bottom: string;
120
+ "bottom-start": string;
121
+ left: string;
122
+ };
123
+ };
79
124
  }>> & Readonly<{}>, {}, {}, {}, {}, {
80
125
  fixed: boolean;
126
+ animate: boolean;
81
127
  position: import('@floating-ui/utils').Placement;
128
+ floatingUiOptions: import('@floating-ui/vue').UseFloatingOptions | null;
82
129
  structuredLayout: boolean;
83
130
  structuredInfo: {
84
131
  title: string;
@@ -86,6 +133,7 @@ declare const meta: {
86
133
  }[];
87
134
  multilines: boolean;
88
135
  tooltipClasses: string;
136
+ transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
89
137
  }>;
90
138
  __isFragment?: never;
91
139
  __isTeleport?: never;
@@ -95,10 +143,18 @@ declare const meta: {
95
143
  type: import('vue').PropType<boolean>;
96
144
  default: boolean;
97
145
  };
146
+ animate: {
147
+ type: import('vue').PropType<boolean>;
148
+ default: boolean;
149
+ };
98
150
  position: {
99
151
  type: import('vue').PropType<import('@floating-ui/utils').Placement>;
100
152
  default: string;
101
153
  };
154
+ floatingUiOptions: {
155
+ type: import('vue').PropType<import('@floating-ui/vue').UseFloatingOptions | null>;
156
+ default: null;
157
+ };
102
158
  structuredLayout: {
103
159
  type: import('vue').PropType<boolean>;
104
160
  default: boolean;
@@ -118,9 +174,24 @@ declare const meta: {
118
174
  type: import('vue').PropType<string>;
119
175
  default: string;
120
176
  };
177
+ transitionClasses: {
178
+ type: import('vue').PropType<Partial<Record<import('@floating-ui/utils').Placement, string>>>;
179
+ default: {
180
+ top: string;
181
+ "top-start": string;
182
+ "top-end": string;
183
+ right: string;
184
+ "bottom-end": string;
185
+ bottom: string;
186
+ "bottom-start": string;
187
+ left: string;
188
+ };
189
+ };
121
190
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
122
191
  fixed: boolean;
192
+ animate: boolean;
123
193
  position: import('@floating-ui/utils').Placement;
194
+ floatingUiOptions: import('@floating-ui/vue').UseFloatingOptions | null;
124
195
  structuredLayout: boolean;
125
196
  structuredInfo: {
126
197
  title: string;
@@ -128,10 +199,11 @@ declare const meta: {
128
199
  }[];
129
200
  multilines: boolean;
130
201
  tooltipClasses: string;
202
+ transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
131
203
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
132
204
  $slots: {
133
- default?(_: {}): any;
134
205
  activator?(_: {}): any;
206
+ default?(_: {}): any;
135
207
  };
136
208
  });
137
209
  argTypes: {
@@ -172,10 +244,18 @@ declare const meta: {
172
244
  type: import('vue').PropType<boolean>;
173
245
  default: boolean;
174
246
  };
247
+ animate: {
248
+ type: import('vue').PropType<boolean>;
249
+ default: boolean;
250
+ };
175
251
  position: {
176
252
  type: import('vue').PropType<import('@floating-ui/utils').Placement>;
177
253
  default: string;
178
254
  };
255
+ floatingUiOptions: {
256
+ type: import('vue').PropType<import('@floating-ui/vue').UseFloatingOptions | null>;
257
+ default: null;
258
+ };
179
259
  structuredLayout: {
180
260
  type: import('vue').PropType<boolean>;
181
261
  default: boolean;
@@ -195,9 +275,24 @@ declare const meta: {
195
275
  type: import('vue').PropType<string>;
196
276
  default: string;
197
277
  };
278
+ transitionClasses: {
279
+ type: import('vue').PropType<Partial<Record<import('@floating-ui/utils').Placement, string>>>;
280
+ default: {
281
+ top: string;
282
+ "top-start": string;
283
+ "top-end": string;
284
+ right: string;
285
+ "bottom-end": string;
286
+ bottom: string;
287
+ "bottom-start": string;
288
+ left: string;
289
+ };
290
+ };
198
291
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
199
292
  fixed: boolean;
293
+ animate: boolean;
200
294
  position: import('@floating-ui/utils').Placement;
295
+ floatingUiOptions: import('@floating-ui/vue').UseFloatingOptions | null;
201
296
  structuredLayout: boolean;
202
297
  structuredInfo: {
203
298
  title: string;
@@ -205,6 +300,7 @@ declare const meta: {
205
300
  }[];
206
301
  multilines: boolean;
207
302
  tooltipClasses: string;
303
+ transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
208
304
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
209
305
  P: {};
210
306
  B: {};
@@ -217,10 +313,18 @@ declare const meta: {
217
313
  type: import('vue').PropType<boolean>;
218
314
  default: boolean;
219
315
  };
316
+ animate: {
317
+ type: import('vue').PropType<boolean>;
318
+ default: boolean;
319
+ };
220
320
  position: {
221
321
  type: import('vue').PropType<import('@floating-ui/utils').Placement>;
222
322
  default: string;
223
323
  };
324
+ floatingUiOptions: {
325
+ type: import('vue').PropType<import('@floating-ui/vue').UseFloatingOptions | null>;
326
+ default: null;
327
+ };
224
328
  structuredLayout: {
225
329
  type: import('vue').PropType<boolean>;
226
330
  default: boolean;
@@ -240,9 +344,24 @@ declare const meta: {
240
344
  type: import('vue').PropType<string>;
241
345
  default: string;
242
346
  };
347
+ transitionClasses: {
348
+ type: import('vue').PropType<Partial<Record<import('@floating-ui/utils').Placement, string>>>;
349
+ default: {
350
+ top: string;
351
+ "top-start": string;
352
+ "top-end": string;
353
+ right: string;
354
+ "bottom-end": string;
355
+ bottom: string;
356
+ "bottom-start": string;
357
+ left: string;
358
+ };
359
+ };
243
360
  }>> & Readonly<{}>, {}, {}, {}, {}, {
244
361
  fixed: boolean;
362
+ animate: boolean;
245
363
  position: import('@floating-ui/utils').Placement;
364
+ floatingUiOptions: import('@floating-ui/vue').UseFloatingOptions | null;
246
365
  structuredLayout: boolean;
247
366
  structuredInfo: {
248
367
  title: string;
@@ -250,6 +369,7 @@ declare const meta: {
250
369
  }[];
251
370
  multilines: boolean;
252
371
  tooltipClasses: string;
372
+ transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
253
373
  }>;
254
374
  __isFragment?: never;
255
375
  __isTeleport?: never;
@@ -259,10 +379,18 @@ declare const meta: {
259
379
  type: import('vue').PropType<boolean>;
260
380
  default: boolean;
261
381
  };
382
+ animate: {
383
+ type: import('vue').PropType<boolean>;
384
+ default: boolean;
385
+ };
262
386
  position: {
263
387
  type: import('vue').PropType<import('@floating-ui/utils').Placement>;
264
388
  default: string;
265
389
  };
390
+ floatingUiOptions: {
391
+ type: import('vue').PropType<import('@floating-ui/vue').UseFloatingOptions | null>;
392
+ default: null;
393
+ };
266
394
  structuredLayout: {
267
395
  type: import('vue').PropType<boolean>;
268
396
  default: boolean;
@@ -282,9 +410,24 @@ declare const meta: {
282
410
  type: import('vue').PropType<string>;
283
411
  default: string;
284
412
  };
413
+ transitionClasses: {
414
+ type: import('vue').PropType<Partial<Record<import('@floating-ui/utils').Placement, string>>>;
415
+ default: {
416
+ top: string;
417
+ "top-start": string;
418
+ "top-end": string;
419
+ right: string;
420
+ "bottom-end": string;
421
+ bottom: string;
422
+ "bottom-start": string;
423
+ left: string;
424
+ };
425
+ };
285
426
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
286
427
  fixed: boolean;
428
+ animate: boolean;
287
429
  position: import('@floating-ui/utils').Placement;
430
+ floatingUiOptions: import('@floating-ui/vue').UseFloatingOptions | null;
288
431
  structuredLayout: boolean;
289
432
  structuredInfo: {
290
433
  title: string;
@@ -292,10 +435,11 @@ declare const meta: {
292
435
  }[];
293
436
  multilines: boolean;
294
437
  tooltipClasses: string;
438
+ transitionClasses: Partial<Record<import('@floating-ui/utils').Placement, string>>;
295
439
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
296
440
  $slots: {
297
- default?(_: {}): any;
298
441
  activator?(_: {}): any;
442
+ default?(_: {}): any;
299
443
  };
300
444
  });
301
445
  };
@@ -306,3 +450,4 @@ export default meta;
306
450
  type Story = StoryObj<typeof meta>;
307
451
  export declare const Default: Story;
308
452
  export declare const Structured: Story;
453
+ export declare const CustomFloatingUi: Story;
@@ -1,8 +1,8 @@
1
- import { Placement } from '@floating-ui/vue';
1
+ import { Placement, UseFloatingOptions } from '@floating-ui/vue';
2
2
 
3
3
  declare function __VLS_template(): {
4
- default?(_: {}): any;
5
4
  activator?(_: {}): any;
5
+ default?(_: {}): any;
6
6
  };
7
7
  declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
8
8
  position?: Placement;
@@ -14,6 +14,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
14
14
  fixed?: boolean;
15
15
  multilines?: boolean;
16
16
  tooltipClasses?: string;
17
+ floatingUiOptions?: UseFloatingOptions | null;
18
+ transitionClasses?: Partial<Record<Placement, string>>;
19
+ animate?: boolean;
17
20
  }>, {
18
21
  position: string;
19
22
  structuredLayout: boolean;
@@ -21,6 +24,18 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
21
24
  fixed: boolean;
22
25
  multilines: boolean;
23
26
  tooltipClasses: string;
27
+ floatingUiOptions: null;
28
+ animate: boolean;
29
+ transitionClasses: {
30
+ top: string;
31
+ "top-start": string;
32
+ "top-end": string;
33
+ right: string;
34
+ "bottom-end": string;
35
+ bottom: string;
36
+ "bottom-start": string;
37
+ left: string;
38
+ };
24
39
  }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
25
40
  position?: Placement;
26
41
  structuredLayout?: boolean;
@@ -31,6 +46,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
31
46
  fixed?: boolean;
32
47
  multilines?: boolean;
33
48
  tooltipClasses?: string;
49
+ floatingUiOptions?: UseFloatingOptions | null;
50
+ transitionClasses?: Partial<Record<Placement, string>>;
51
+ animate?: boolean;
34
52
  }>, {
35
53
  position: string;
36
54
  structuredLayout: boolean;
@@ -38,9 +56,23 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
38
56
  fixed: boolean;
39
57
  multilines: boolean;
40
58
  tooltipClasses: string;
59
+ floatingUiOptions: null;
60
+ animate: boolean;
61
+ transitionClasses: {
62
+ top: string;
63
+ "top-start": string;
64
+ "top-end": string;
65
+ right: string;
66
+ "bottom-end": string;
67
+ bottom: string;
68
+ "bottom-start": string;
69
+ left: string;
70
+ };
41
71
  }>>> & Readonly<{}>, {
42
72
  fixed: boolean;
73
+ animate: boolean;
43
74
  position: Placement;
75
+ floatingUiOptions: UseFloatingOptions | null;
44
76
  structuredLayout: boolean;
45
77
  structuredInfo: {
46
78
  title: string;
@@ -48,6 +80,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
48
80
  }[];
49
81
  multilines: boolean;
50
82
  tooltipClasses: string;
83
+ transitionClasses: Partial<Record<Placement, string>>;
51
84
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
52
85
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
53
86
  export default _default;