@dialpad/dialtone 9.94.2 → 9.96.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 (31) hide show
  1. package/dist/css/dialtone-default-theme.css +394 -393
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone-docs.json +1 -0
  4. package/dist/css/dialtone.css +204 -203
  5. package/dist/css/dialtone.min.css +1 -1
  6. package/dist/css/tokens-docs.json +1 -0
  7. package/dist/tokens/doc.json +23916 -23916
  8. package/dist/vue2/component-documentation.json +1 -1
  9. package/dist/vue2/components/hovercard/hovercard.vue.cjs +41 -2
  10. package/dist/vue2/components/hovercard/hovercard.vue.cjs.map +1 -1
  11. package/dist/vue2/components/hovercard/hovercard.vue.js +41 -2
  12. package/dist/vue2/components/hovercard/hovercard.vue.js.map +1 -1
  13. package/dist/vue2/components/popover/popover.vue.cjs +36 -60
  14. package/dist/vue2/components/popover/popover.vue.cjs.map +1 -1
  15. package/dist/vue2/components/popover/popover.vue.js +36 -60
  16. package/dist/vue2/components/popover/popover.vue.js.map +1 -1
  17. package/dist/vue2/types/components/hovercard/hovercard.vue.d.ts.map +1 -1
  18. package/dist/vue2/types/components/popover/popover.vue.d.ts +380 -2
  19. package/dist/vue3/component-documentation.json +1 -1
  20. package/dist/vue3/components/hovercard/hovercard.vue.cjs +55 -22
  21. package/dist/vue3/components/hovercard/hovercard.vue.cjs.map +1 -1
  22. package/dist/vue3/components/hovercard/hovercard.vue.js +56 -23
  23. package/dist/vue3/components/hovercard/hovercard.vue.js.map +1 -1
  24. package/dist/vue3/components/popover/popover.vue.cjs +40 -64
  25. package/dist/vue3/components/popover/popover.vue.cjs.map +1 -1
  26. package/dist/vue3/components/popover/popover.vue.js +40 -64
  27. package/dist/vue3/components/popover/popover.vue.js.map +1 -1
  28. package/dist/vue3/types/components/hovercard/hovercard.vue.d.ts.map +1 -1
  29. package/dist/vue3/types/components/popover/popover.vue.d.ts +432 -1
  30. package/dist/vue3/types/components/popover/popover.vue.d.ts.map +1 -1
  31. package/package.json +3 -3
@@ -1,4 +1,218 @@
1
- declare const _default: import('vue').DefineComponent<{}, any, {}, {}, {}, {
1
+ declare const _default: import('vue').DefineComponent<{
2
+ open: {
3
+ type: BooleanConstructor;
4
+ default: null;
5
+ };
6
+ openOnContext: {
7
+ type: BooleanConstructor;
8
+ default: boolean;
9
+ };
10
+ elementType: {
11
+ type: StringConstructor;
12
+ default: string;
13
+ };
14
+ transition: {
15
+ type: StringConstructor;
16
+ default: string;
17
+ };
18
+ role: {
19
+ type: StringConstructor;
20
+ default: string;
21
+ validator: (role: unknown) => boolean;
22
+ };
23
+ ariaLabelledby: {
24
+ type: StringConstructor;
25
+ default: null;
26
+ };
27
+ ariaLabel: {
28
+ type: StringConstructor;
29
+ default: null;
30
+ };
31
+ closeButtonProps: {
32
+ type: ObjectConstructor;
33
+ default: () => {};
34
+ };
35
+ padding: {
36
+ type: StringConstructor;
37
+ default: string;
38
+ validator: (padding: unknown) => boolean;
39
+ };
40
+ contentClass: {
41
+ type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
42
+ default: string;
43
+ };
44
+ contentWidth: {
45
+ type: StringConstructor;
46
+ default: string;
47
+ validator: (contentWidth: unknown) => boolean;
48
+ };
49
+ contentTabindex: {
50
+ type: NumberConstructor;
51
+ default: number;
52
+ };
53
+ externalAnchor: {
54
+ type: StringConstructor;
55
+ default: string;
56
+ };
57
+ id: {
58
+ type: StringConstructor;
59
+ default(): string;
60
+ };
61
+ offset: {
62
+ type: ArrayConstructor;
63
+ default: () => number[];
64
+ };
65
+ hideOnClick: {
66
+ type: BooleanConstructor;
67
+ default: boolean;
68
+ };
69
+ modal: {
70
+ type: BooleanConstructor;
71
+ default: boolean;
72
+ };
73
+ fallbackPlacements: {
74
+ type: ArrayConstructor;
75
+ default: () => string[];
76
+ };
77
+ placement: {
78
+ type: StringConstructor;
79
+ default: string;
80
+ };
81
+ tether: {
82
+ type: BooleanConstructor;
83
+ default: boolean;
84
+ };
85
+ sticky: {
86
+ type: (StringConstructor | BooleanConstructor)[];
87
+ default: boolean;
88
+ validator: (sticky: unknown) => boolean;
89
+ };
90
+ maxHeight: {
91
+ type: StringConstructor;
92
+ default: string;
93
+ };
94
+ maxWidth: {
95
+ type: StringConstructor;
96
+ default: string;
97
+ };
98
+ showCloseButton: {
99
+ type: BooleanConstructor;
100
+ default: boolean;
101
+ };
102
+ headerClass: {
103
+ type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
104
+ default: string;
105
+ };
106
+ footerClass: {
107
+ type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
108
+ default: string;
109
+ };
110
+ dialogClass: {
111
+ type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
112
+ default: string;
113
+ };
114
+ initialFocusElement: {
115
+ type: ({
116
+ new (): HTMLElement;
117
+ prototype: HTMLElement;
118
+ } | StringConstructor)[];
119
+ default: string;
120
+ validator: (initialFocusElement: unknown) => any;
121
+ };
122
+ openWithArrowKeys: {
123
+ type: BooleanConstructor;
124
+ default: boolean;
125
+ };
126
+ appendTo: {
127
+ type: ({
128
+ new (): HTMLElement;
129
+ prototype: HTMLElement;
130
+ } | StringConstructor)[];
131
+ default: string;
132
+ validator: (appendTo: unknown) => boolean;
133
+ };
134
+ }, {}, {
135
+ POPOVER_PADDING_CLASSES: {
136
+ none: undefined;
137
+ small: string;
138
+ medium: string;
139
+ large: string;
140
+ };
141
+ POPOVER_HEADER_FOOTER_PADDING_CLASSES: {
142
+ none: undefined;
143
+ small: string;
144
+ medium: string;
145
+ large: string;
146
+ };
147
+ intersectionObserver: null;
148
+ isOutsideViewport: boolean;
149
+ isOpen: boolean;
150
+ anchorEl: null;
151
+ popoverContentEl: null;
152
+ }, {
153
+ popoverListeners(): {
154
+ keydown: (event: any) => void;
155
+ 'after-leave': (event: any) => void;
156
+ 'after-enter': (event: any) => void;
157
+ };
158
+ calculatedMaxHeight(): "calc(100vh - var(--dt-space-300))";
159
+ labelledBy(): never;
160
+ }, {
161
+ hasIntersectedViewport(entries: any): void;
162
+ popperOptions(): {
163
+ modifiers: ({
164
+ name: string;
165
+ options: {
166
+ fallbackPlacements: any[];
167
+ boundary: string;
168
+ altAxis?: undefined;
169
+ tether?: undefined;
170
+ };
171
+ enabled?: undefined;
172
+ } | {
173
+ name: string;
174
+ enabled: boolean;
175
+ options?: undefined;
176
+ } | {
177
+ name: string;
178
+ options: {
179
+ altAxis: boolean;
180
+ tether: boolean;
181
+ fallbackPlacements?: undefined;
182
+ boundary?: undefined;
183
+ };
184
+ enabled?: undefined;
185
+ })[];
186
+ };
187
+ validateProps(): void;
188
+ calculateAnchorZindex(): 300 | 650;
189
+ defaultToggleOpen(e: any): void;
190
+ onContext(event: any): Promise<void>;
191
+ toggleOpen(): void;
192
+ onArrowKeyPress(e: any): void;
193
+ addEventListeners(): void;
194
+ removeEventListeners(): void;
195
+ closePopover(): void;
196
+ preventScrolling(): void;
197
+ enableScrolling(): void;
198
+ removeReferences(): void;
199
+ onShow(): Promise<void>;
200
+ onLeaveTransitionComplete(): Promise<void>;
201
+ onEnterTransitionComplete(): Promise<void>;
202
+ focusInitialElement(): void;
203
+ focusInitialElementById(): void;
204
+ onResize(): void;
205
+ onClickOutside(): void;
206
+ onKeydown(e: any): void;
207
+ setPopoverContentAnchorWidth(): Promise<void>;
208
+ focusFirstElementIfNeeded(domEl: any): void;
209
+ getReferenceClientRect(error: any): any;
210
+ initTippyInstance(): void;
211
+ onMouseEnter(): void;
212
+ onMouseLeave(): void;
213
+ onMouseEnterAnchor(): void;
214
+ onMouseLeaveAnchor(): void;
215
+ }, {
2
216
  props: {
3
217
  visuallyHiddenClose: {
4
218
  type: BooleanConstructor;
@@ -31,6 +245,170 @@ declare const _default: import('vue').DefineComponent<{}, any, {}, {}, {}, {
31
245
  _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
32
246
  focusTrappedTabPress(e: object, el: object): void;
33
247
  };
34
- }, import('vue').ComponentOptionsMixin, ("update:open" | "opened")[], string, Readonly<import('vue').ExtractPropTypes<{}>>, {}>;
248
+ }, import('vue').ComponentOptionsMixin, ("update:open" | "opened" | "mouseenter-popover" | "mouseleave-popover" | "mouseenter-popover-anchor" | "mouseleave-popover-anchor")[], string, Readonly<import('vue').ExtractPropTypes<{
249
+ open: {
250
+ type: BooleanConstructor;
251
+ default: null;
252
+ };
253
+ openOnContext: {
254
+ type: BooleanConstructor;
255
+ default: boolean;
256
+ };
257
+ elementType: {
258
+ type: StringConstructor;
259
+ default: string;
260
+ };
261
+ transition: {
262
+ type: StringConstructor;
263
+ default: string;
264
+ };
265
+ role: {
266
+ type: StringConstructor;
267
+ default: string;
268
+ validator: (role: unknown) => boolean;
269
+ };
270
+ ariaLabelledby: {
271
+ type: StringConstructor;
272
+ default: null;
273
+ };
274
+ ariaLabel: {
275
+ type: StringConstructor;
276
+ default: null;
277
+ };
278
+ closeButtonProps: {
279
+ type: ObjectConstructor;
280
+ default: () => {};
281
+ };
282
+ padding: {
283
+ type: StringConstructor;
284
+ default: string;
285
+ validator: (padding: unknown) => boolean;
286
+ };
287
+ contentClass: {
288
+ type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
289
+ default: string;
290
+ };
291
+ contentWidth: {
292
+ type: StringConstructor;
293
+ default: string;
294
+ validator: (contentWidth: unknown) => boolean;
295
+ };
296
+ contentTabindex: {
297
+ type: NumberConstructor;
298
+ default: number;
299
+ };
300
+ externalAnchor: {
301
+ type: StringConstructor;
302
+ default: string;
303
+ };
304
+ id: {
305
+ type: StringConstructor;
306
+ default(): string;
307
+ };
308
+ offset: {
309
+ type: ArrayConstructor;
310
+ default: () => number[];
311
+ };
312
+ hideOnClick: {
313
+ type: BooleanConstructor;
314
+ default: boolean;
315
+ };
316
+ modal: {
317
+ type: BooleanConstructor;
318
+ default: boolean;
319
+ };
320
+ fallbackPlacements: {
321
+ type: ArrayConstructor;
322
+ default: () => string[];
323
+ };
324
+ placement: {
325
+ type: StringConstructor;
326
+ default: string;
327
+ };
328
+ tether: {
329
+ type: BooleanConstructor;
330
+ default: boolean;
331
+ };
332
+ sticky: {
333
+ type: (StringConstructor | BooleanConstructor)[];
334
+ default: boolean;
335
+ validator: (sticky: unknown) => boolean;
336
+ };
337
+ maxHeight: {
338
+ type: StringConstructor;
339
+ default: string;
340
+ };
341
+ maxWidth: {
342
+ type: StringConstructor;
343
+ default: string;
344
+ };
345
+ showCloseButton: {
346
+ type: BooleanConstructor;
347
+ default: boolean;
348
+ };
349
+ headerClass: {
350
+ type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
351
+ default: string;
352
+ };
353
+ footerClass: {
354
+ type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
355
+ default: string;
356
+ };
357
+ dialogClass: {
358
+ type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
359
+ default: string;
360
+ };
361
+ initialFocusElement: {
362
+ type: ({
363
+ new (): HTMLElement;
364
+ prototype: HTMLElement;
365
+ } | StringConstructor)[];
366
+ default: string;
367
+ validator: (initialFocusElement: unknown) => any;
368
+ };
369
+ openWithArrowKeys: {
370
+ type: BooleanConstructor;
371
+ default: boolean;
372
+ };
373
+ appendTo: {
374
+ type: ({
375
+ new (): HTMLElement;
376
+ prototype: HTMLElement;
377
+ } | StringConstructor)[];
378
+ default: string;
379
+ validator: (appendTo: unknown) => boolean;
380
+ };
381
+ }>>, {
382
+ id: string;
383
+ role: string;
384
+ open: boolean;
385
+ ariaLabel: string;
386
+ closeButtonProps: Record<string, any>;
387
+ dialogClass: string | Record<string, any> | unknown[];
388
+ maxHeight: string;
389
+ contentClass: string | Record<string, any> | unknown[];
390
+ headerClass: string | Record<string, any> | unknown[];
391
+ footerClass: string | Record<string, any> | unknown[];
392
+ elementType: string;
393
+ transition: string;
394
+ maxWidth: string;
395
+ offset: unknown[];
396
+ fallbackPlacements: unknown[];
397
+ tether: boolean;
398
+ appendTo: string | HTMLElement;
399
+ hideOnClick: boolean;
400
+ placement: string;
401
+ sticky: string | boolean;
402
+ externalAnchor: string;
403
+ showCloseButton: boolean;
404
+ modal: boolean;
405
+ openOnContext: boolean;
406
+ ariaLabelledby: string;
407
+ padding: string;
408
+ contentWidth: string;
409
+ contentTabindex: number;
410
+ initialFocusElement: string | HTMLElement;
411
+ openWithArrowKeys: boolean;
412
+ }>;
35
413
  export default _default;
36
414
  //# sourceMappingURL=popover.vue.d.ts.map