@dialpad/dialtone-vue 2.130.4 → 2.132.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 (92) hide show
  1. package/dist/chunks/{dropdown-IaLNHmVd.js → dropdown-2D4i6Qkg.js} +2 -2
  2. package/dist/chunks/{dropdown-IaLNHmVd.js.map → dropdown-2D4i6Qkg.js.map} +1 -1
  3. package/dist/chunks/{dropdown-DTtcQEFC.js → dropdown-8L_PePwv.js} +2 -2
  4. package/dist/chunks/{dropdown-DTtcQEFC.js.map → dropdown-8L_PePwv.js.map} +1 -1
  5. package/dist/chunks/{popover_constants-Qkpb0yh2.js → popover_constants-kQaX7G4a.js} +10 -13
  6. package/dist/chunks/popover_constants-kQaX7G4a.js.map +1 -0
  7. package/dist/chunks/{popover_constants-JwBF9h1Z.js → popover_constants-qUYTzsS3.js} +10 -13
  8. package/dist/chunks/popover_constants-qUYTzsS3.js.map +1 -0
  9. package/dist/component-documentation.json +1 -1
  10. package/dist/dialtone-vue.cjs +6 -2
  11. package/dist/dialtone-vue.cjs.map +1 -1
  12. package/dist/dialtone-vue.js +6 -2
  13. package/dist/dialtone-vue.js.map +1 -1
  14. package/dist/lib/callbar-button-with-popover.cjs +2 -2
  15. package/dist/lib/callbar-button-with-popover.js +2 -2
  16. package/dist/lib/callbar-button.cjs +1 -2
  17. package/dist/lib/callbar-button.cjs.map +1 -1
  18. package/dist/lib/callbar-button.js +1 -2
  19. package/dist/lib/callbar-button.js.map +1 -1
  20. package/dist/lib/combobox-multi-select.cjs +1 -1
  21. package/dist/lib/combobox-multi-select.js +1 -1
  22. package/dist/lib/combobox-with-popover.cjs +1 -1
  23. package/dist/lib/combobox-with-popover.js +1 -1
  24. package/dist/lib/contact-centers-row.cjs +160 -0
  25. package/dist/lib/contact-centers-row.cjs.map +1 -0
  26. package/dist/lib/contact-centers-row.js +160 -0
  27. package/dist/lib/contact-centers-row.js.map +1 -0
  28. package/dist/lib/contact-row.cjs +1 -2
  29. package/dist/lib/contact-row.cjs.map +1 -1
  30. package/dist/lib/contact-row.js +1 -2
  31. package/dist/lib/contact-row.js.map +1 -1
  32. package/dist/lib/datepicker.cjs +1 -2
  33. package/dist/lib/datepicker.cjs.map +1 -1
  34. package/dist/lib/datepicker.js +1 -2
  35. package/dist/lib/datepicker.js.map +1 -1
  36. package/dist/lib/dropdown.cjs +2 -2
  37. package/dist/lib/dropdown.js +2 -2
  38. package/dist/lib/editor.cjs +1 -1
  39. package/dist/lib/editor.js +1 -1
  40. package/dist/lib/emoji-picker.cjs +1 -2
  41. package/dist/lib/emoji-picker.cjs.map +1 -1
  42. package/dist/lib/emoji-picker.js +1 -2
  43. package/dist/lib/emoji-picker.js.map +1 -1
  44. package/dist/lib/emoji-row.cjs +1 -2
  45. package/dist/lib/emoji-row.cjs.map +1 -1
  46. package/dist/lib/emoji-row.js +1 -2
  47. package/dist/lib/emoji-row.js.map +1 -1
  48. package/dist/lib/general-row.cjs +32 -8
  49. package/dist/lib/general-row.cjs.map +1 -1
  50. package/dist/lib/general-row.js +32 -8
  51. package/dist/lib/general-row.js.map +1 -1
  52. package/dist/lib/group-row.cjs +1 -2
  53. package/dist/lib/group-row.cjs.map +1 -1
  54. package/dist/lib/group-row.js +1 -2
  55. package/dist/lib/group-row.js.map +1 -1
  56. package/dist/lib/hovercard.cjs +1 -1
  57. package/dist/lib/hovercard.js +1 -1
  58. package/dist/lib/ivr-node.cjs +2 -2
  59. package/dist/lib/ivr-node.js +2 -2
  60. package/dist/lib/message-input.cjs +2 -2
  61. package/dist/lib/message-input.js +2 -2
  62. package/dist/lib/popover.cjs +2 -2
  63. package/dist/lib/popover.cjs.map +1 -1
  64. package/dist/lib/popover.js +3 -3
  65. package/dist/lib/popover.js.map +1 -1
  66. package/dist/lib/tooltip-directive.cjs +1 -2
  67. package/dist/lib/tooltip-directive.cjs.map +1 -1
  68. package/dist/lib/tooltip-directive.js +1 -2
  69. package/dist/lib/tooltip-directive.js.map +1 -1
  70. package/dist/lib/tooltip.cjs +36 -31
  71. package/dist/lib/tooltip.cjs.map +1 -1
  72. package/dist/lib/tooltip.js +37 -32
  73. package/dist/lib/tooltip.js.map +1 -1
  74. package/dist/style.css +393 -51
  75. package/dist/types/components/popover/tippy_utils.d.ts +1 -6
  76. package/dist/types/components/popover/tippy_utils.d.ts.map +1 -1
  77. package/dist/types/components/tooltip/tooltip.vue.d.ts +40 -36
  78. package/dist/types/components/tooltip/tooltip.vue.d.ts.map +1 -1
  79. package/dist/types/index.d.ts +1 -0
  80. package/dist/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts +90 -0
  81. package/dist/types/recipes/leftbar/contact_centers_row/contact_centers_row.vue.d.ts.map +1 -0
  82. package/dist/types/recipes/leftbar/contact_centers_row/index.d.ts +2 -0
  83. package/dist/types/recipes/leftbar/contact_centers_row/index.d.ts.map +1 -0
  84. package/dist/types/recipes/leftbar/contact_row/contact_row.vue.d.ts +1 -1
  85. package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts +20 -1
  86. package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts.map +1 -1
  87. package/dist/types/recipes/leftbar/group_row/group_row.vue.d.ts +1 -1
  88. package/package.json +3 -3
  89. package/dist/chunks/popover_constants-JwBF9h1Z.js.map +0 -1
  90. package/dist/chunks/popover_constants-Qkpb0yh2.js.map +0 -1
  91. package/dist/types/components/tooltip/modifiers.d.ts +0 -8
  92. package/dist/types/components/tooltip/modifiers.d.ts.map +0 -1
@@ -136,12 +136,11 @@ declare const _default: import("vue").DefineComponent<{
136
136
  default: null;
137
137
  };
138
138
  /**
139
- * Named transition when the content display is toggled.
140
- * @see DtLazyShow
139
+ * Whether the tooltip should have a transition effect.
141
140
  */
142
141
  transition: {
143
- type: StringConstructor;
144
- default: string;
142
+ type: BooleanConstructor;
143
+ default: boolean;
145
144
  };
146
145
  /**
147
146
  * Whether the tooltip will have a delay when being focused or moused over.
@@ -163,6 +162,12 @@ declare const _default: import("vue").DefineComponent<{
163
162
  TOOLTIP_KIND_MODIFIERS: {
164
163
  hover: string;
165
164
  show: string;
165
+ /**
166
+ * A tooltip is a floating label that briefly explains an action, function, or an element.
167
+ * Its content is exclusively text and shouldn't be vital information for users.
168
+ * If richer media is desired, consider using a popover instead.
169
+ * @see https://dialtone.dialpad.com/components/tooltip.html
170
+ */
166
171
  inverted: string;
167
172
  hide: string;
168
173
  };
@@ -170,7 +175,6 @@ declare const _default: import("vue").DefineComponent<{
170
175
  inTimer: null;
171
176
  isShown: boolean;
172
177
  currentPlacement: any;
173
- isTouchDevice: boolean;
174
178
  }, {
175
179
  isVisible(): any;
176
180
  tooltipListeners(): {
@@ -179,18 +183,13 @@ declare const _default: import("vue").DefineComponent<{
179
183
  };
180
184
  tippyProps(): {
181
185
  offset: any;
182
- interactive: boolean;
183
- trigger: string;
186
+ delay: number | boolean;
184
187
  placement: any;
185
188
  sticky: any;
189
+ theme: string | undefined;
190
+ animation: string | boolean;
186
191
  popperOptions: {
187
192
  modifiers: ({
188
- name: string;
189
- enabled: boolean;
190
- phase: string;
191
- fn: any;
192
- requiresIfExists: string[];
193
- } | {
194
193
  name: string;
195
194
  options: {
196
195
  fallbackPlacements: any[];
@@ -202,7 +201,10 @@ declare const _default: import("vue").DefineComponent<{
202
201
  } | {
203
202
  name: string;
204
203
  enabled: boolean;
205
- options?: undefined;
204
+ options?: undefined; /**
205
+ * If true, applies inverted styles to the tooltip
206
+ * @values true, false
207
+ */
206
208
  } | {
207
209
  name: string;
208
210
  options: {
@@ -210,7 +212,10 @@ declare const _default: import("vue").DefineComponent<{
210
212
  tether: boolean;
211
213
  fallbackPlacements?: undefined;
212
214
  boundary?: undefined;
213
- };
215
+ }; /**
216
+ * If true, applies inverted styles to the tooltip
217
+ * @values true, false
218
+ */
214
219
  enabled?: undefined;
215
220
  })[];
216
221
  };
@@ -228,20 +233,19 @@ declare const _default: import("vue").DefineComponent<{
228
233
  onEnterTransitionComplete(): void;
229
234
  setProps(): void;
230
235
  onMount(): void;
236
+ onShow(tooltipInstance: any): false | undefined;
231
237
  initOptions(): {
232
- offset: any;
238
+ content: Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue/types/v3-component-options.js").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> | import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>> | (Element | import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue/types/v3-component-options.js").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, any>> | import("vue").default<Record<string, any>, Record<string, any>, never, never, (event: string, ...args: any[]) => import("vue").default<Record<string, any>, Record<string, any>, never, never, any>>)[] | undefined;
239
+ arrow: string;
240
+ duration: number;
233
241
  interactive: boolean;
234
242
  trigger: string;
235
- placement: any;
236
- sticky: any;
243
+ hideOnClick: boolean;
244
+ touch: boolean;
245
+ onMount: () => void;
246
+ onShow: (tooltipInstance: any) => false | undefined;
237
247
  popperOptions: {
238
248
  modifiers: ({
239
- name: string;
240
- enabled: boolean;
241
- phase: string;
242
- fn: any;
243
- requiresIfExists: string[];
244
- } | {
245
249
  name: string;
246
250
  options: {
247
251
  fallbackPlacements: any[];
@@ -253,7 +257,10 @@ declare const _default: import("vue").DefineComponent<{
253
257
  } | {
254
258
  name: string;
255
259
  enabled: boolean;
256
- options?: undefined;
260
+ options?: undefined; /**
261
+ * If true, applies inverted styles to the tooltip
262
+ * @values true, false
263
+ */
257
264
  } | {
258
265
  name: string;
259
266
  options: {
@@ -261,18 +268,16 @@ declare const _default: import("vue").DefineComponent<{
261
268
  tether: boolean;
262
269
  fallbackPlacements?: undefined;
263
270
  boundary?: undefined;
264
- };
271
+ }; /**
272
+ * If true, applies inverted styles to the tooltip
273
+ * @values true, false
274
+ */
265
275
  enabled?: undefined;
266
276
  })[];
267
277
  };
268
- contentElement: any;
269
- allowHTML: boolean;
270
- zIndex: number;
271
- onMount: () => void;
272
278
  };
273
279
  addExternalAnchorEventListeners(): void;
274
280
  removeExternalAnchorEventListeners(): void;
275
- onTouchStart(): void;
276
281
  }, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("shown" | "update:show")[], string, Readonly<import("vue").ExtractPropTypes<{
277
282
  /**
278
283
  * The id of the tooltip
@@ -411,12 +416,11 @@ declare const _default: import("vue").DefineComponent<{
411
416
  default: null;
412
417
  };
413
418
  /**
414
- * Named transition when the content display is toggled.
415
- * @see DtLazyShow
419
+ * Whether the tooltip should have a transition effect.
416
420
  */
417
421
  transition: {
418
- type: StringConstructor;
419
- default: string;
422
+ type: BooleanConstructor;
423
+ default: boolean;
420
424
  };
421
425
  /**
422
426
  * Whether the tooltip will have a delay when being focused or moused over.
@@ -440,7 +444,7 @@ declare const _default: import("vue").DefineComponent<{
440
444
  inverted: boolean;
441
445
  contentClass: string | Record<string, any> | unknown[];
442
446
  show: boolean;
443
- transition: string;
447
+ transition: boolean;
444
448
  offset: unknown[];
445
449
  fallbackPlacements: unknown[];
446
450
  appendTo: string | HTMLElement;
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/tooltip.vue.js"],"names":[],"mappings":";IAgCI;;OAEG;;;;;IAMH;;;;;;;;;;;;SAYK;;;;;IAML;;;OAGG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;OAKG;;;;;;;;;IAUH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA5KH;;OAEG;;;;;IAMH;;;;;;;;;;;;SAYK;;;;;IAML;;;OAGG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;OAKG;;;;;;;;;IAUH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}
1
+ {"version":3,"file":"tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/tooltip.vue.js"],"names":[],"mappings":";IA4BI;;OAEG;;;;;IAMH;;;;;;;;;;;;SAYK;;;;;IAML;;;OAGG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;OAKG;;;;;;;;;IAUH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;QArLP;;;;;WAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCA+BC;;;mBAGG;;;;;;;;mBAHH;;;mBAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAHH;;;mBAGG;;;;;;;;mBAHH;;;mBAGG;;;;;;;;IA7BH;;OAEG;;;;;IAMH;;;;;;;;;;;;SAYK;;;;;IAML;;;OAGG;;;;;IAMH;;;;;;;;;;OAUG;;;;;IAMH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;;;;;;;;;;OAcG;;;;;;IASH;;;;;OAKG;;;;;;;;;IAUH;;;;OAIG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}
@@ -65,6 +65,7 @@ export * from "./recipes/conversation_view/time_pill";
65
65
  export * from "./recipes/header/settings_menu_button";
66
66
  export * from "./recipes/item_layout/contact_info";
67
67
  export * from "./recipes/leftbar/callbox";
68
+ export * from "./recipes/leftbar/contact_centers_row";
68
69
  export * from "./recipes/leftbar/contact_row";
69
70
  export * from "./recipes/leftbar/general_row";
70
71
  export * from "./recipes/leftbar/group_row";
@@ -0,0 +1,90 @@
1
+ declare const _default: import("vue").DefineComponent<{
2
+ /**
3
+ * Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
4
+ */
5
+ ariaLabel: {
6
+ type: StringConstructor;
7
+ default: string;
8
+ };
9
+ /**
10
+ * Text displayed next to the icon. Required.
11
+ */
12
+ description: {
13
+ type: StringConstructor;
14
+ required: true;
15
+ };
16
+ /**
17
+ * Determines if the row is selected
18
+ */
19
+ selected: {
20
+ type: BooleanConstructor;
21
+ default: boolean;
22
+ };
23
+ /**
24
+ * Number of unread messages
25
+ */
26
+ unreadCount: {
27
+ type: NumberConstructor;
28
+ default: number;
29
+ };
30
+ /**
31
+ * Aria label for the menu button.
32
+ */
33
+ menuButtonAriaLabel: {
34
+ type: StringConstructor;
35
+ required: true;
36
+ };
37
+ }, {}, {
38
+ labelWidth: string;
39
+ }, {
40
+ leftbarContactCentersRowClasses(): (string | {
41
+ 'dt-leftbar-row--unread-count': boolean;
42
+ 'dt-leftbar-row--selected': any;
43
+ })[];
44
+ getAriaLabel(): any;
45
+ showUnreadCount(): boolean;
46
+ }, {
47
+ adjustLabelWidth(): void;
48
+ }, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, ("click" | "click-menu")[], string, Readonly<import("vue").ExtractPropTypes<{
49
+ /**
50
+ * Will be read out by a screen reader upon focus of this row. If not defined "description" will be read.
51
+ */
52
+ ariaLabel: {
53
+ type: StringConstructor;
54
+ default: string;
55
+ };
56
+ /**
57
+ * Text displayed next to the icon. Required.
58
+ */
59
+ description: {
60
+ type: StringConstructor;
61
+ required: true;
62
+ };
63
+ /**
64
+ * Determines if the row is selected
65
+ */
66
+ selected: {
67
+ type: BooleanConstructor;
68
+ default: boolean;
69
+ };
70
+ /**
71
+ * Number of unread messages
72
+ */
73
+ unreadCount: {
74
+ type: NumberConstructor;
75
+ default: number;
76
+ };
77
+ /**
78
+ * Aria label for the menu button.
79
+ */
80
+ menuButtonAriaLabel: {
81
+ type: StringConstructor;
82
+ required: true;
83
+ };
84
+ }>>, {
85
+ ariaLabel: string;
86
+ selected: boolean;
87
+ unreadCount: number;
88
+ }>;
89
+ export default _default;
90
+ //# sourceMappingURL=contact_centers_row.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"contact_centers_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/contact_centers_row/contact_centers_row.vue.js"],"names":[],"mappings":";IAuBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;IAlCH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
@@ -0,0 +1,2 @@
1
+ export { default as DtRecipeContactCentersRow } from "./contact_centers_row.vue";
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/contact_centers_row/index.js"],"names":[],"mappings":""}
@@ -231,9 +231,9 @@ declare const _default: import("vue").DefineComponent<{
231
231
  selected: boolean;
232
232
  avatarSrc: string;
233
233
  avatarSeed: string;
234
- hasUnreads: boolean;
235
234
  unreadCount: string;
236
235
  unreadCountTooltip: string;
236
+ hasUnreads: boolean;
237
237
  hasCallButton: boolean;
238
238
  callButtonTooltip: string;
239
239
  isTyping: boolean;
@@ -46,6 +46,13 @@ declare const _default: import("vue").DefineComponent<{
46
46
  type: StringConstructor;
47
47
  default: null;
48
48
  };
49
+ /**
50
+ * Number of unread mention messages
51
+ */
52
+ unreadMentionCount: {
53
+ type: StringConstructor;
54
+ default: null;
55
+ };
49
56
  /**
50
57
  * Text shown when the unread count is hovered.
51
58
  */
@@ -134,6 +141,10 @@ declare const _default: import("vue").DefineComponent<{
134
141
  getAriaLabel(): any;
135
142
  hasActions(): any;
136
143
  showUnreadCount(): any;
144
+ showUnreadMentionCount(): any;
145
+ hasUnreadCount(): boolean;
146
+ hasUnreadMentionCount(): boolean;
147
+ shouldApplyCustomStyleForCountBadge(): boolean;
137
148
  }, {
138
149
  validateProps(): void;
139
150
  adjustLabelWidth(): void;
@@ -185,6 +196,13 @@ declare const _default: import("vue").DefineComponent<{
185
196
  type: StringConstructor;
186
197
  default: null;
187
198
  };
199
+ /**
200
+ * Number of unread mention messages
201
+ */
202
+ unreadMentionCount: {
203
+ type: StringConstructor;
204
+ default: null;
205
+ };
188
206
  /**
189
207
  * Text shown when the unread count is hovered.
190
208
  */
@@ -264,9 +282,10 @@ declare const _default: import("vue").DefineComponent<{
264
282
  iconSize: string;
265
283
  muted: boolean;
266
284
  selected: boolean;
267
- hasUnreads: boolean;
268
285
  unreadCount: string;
269
286
  unreadCountTooltip: string;
287
+ hasUnreads: boolean;
288
+ unreadMentionCount: string;
270
289
  activeVoiceChat: boolean;
271
290
  dndText: string;
272
291
  dndTextTooltip: string;
@@ -1 +1 @@
1
- {"version":3,"file":"general_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row.vue.js"],"names":[],"mappings":";IAgCI;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;IApIH;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
1
+ {"version":3,"file":"general_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/general_row/general_row.vue.js"],"names":[],"mappings":";IAgCI;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA5IH;;;OAGG;;;;;;IASH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
@@ -104,9 +104,9 @@ declare const _default: import("vue").DefineComponent<{
104
104
  };
105
105
  }>>, {
106
106
  selected: boolean;
107
- hasUnreads: boolean;
108
107
  unreadCount: string;
109
108
  unreadCountTooltip: string;
109
+ hasUnreads: boolean;
110
110
  isTyping: boolean;
111
111
  groupCountText: string;
112
112
  }>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-vue",
3
- "version": "2.130.4",
3
+ "version": "2.132.0",
4
4
  "description": "Vue component library for Dialpad's design system Dialtone",
5
5
  "files": [
6
6
  "dist"
@@ -81,12 +81,12 @@
81
81
  "vue-tsc": "^1.8.25",
82
82
  "yo": "^5.0.0",
83
83
  "yorkie": "^2.0.0",
84
- "@dialpad/dialtone-css": "8.31.1",
84
+ "@dialpad/dialtone-css": "8.31.2",
85
85
  "@dialpad/generator-dialtone": "0.1.0"
86
86
  },
87
87
  "peerDependencies": {
88
88
  "vue": ">=2.6",
89
- "@dialpad/dialtone-css": "^8.31.1"
89
+ "@dialpad/dialtone-css": "^8.31.2"
90
90
  },
91
91
  "bugs": {
92
92
  "email": "dialtone@dialpad.com"
@@ -1 +0,0 @@
1
- {"version":3,"file":"popover_constants-JwBF9h1Z.js","sources":["../../components/tooltip/modifiers.js","../../components/popover/tippy_utils.js","../../components/tooltip/tooltip_constants.js","../../components/popover/popover_constants.js"],"sourcesContent":["export const getArrowDetected = fn => ({\n name: 'arrowDetected',\n enabled: true,\n phase: 'main',\n fn,\n requiresIfExists: ['offset'],\n});\n","import tippy, { sticky } from 'tippy.js';\nimport { getArrowDetected } from '../tooltip/modifiers';\n\nexport const BASE_TIPPY_DIRECTIONS = [\n 'bottom', 'bottom-start', 'bottom-end',\n 'right', 'right-start', 'right-end',\n 'left', 'left-start', 'left-end',\n 'top', 'top-start', 'top-end',\n];\n\nexport const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];\n\nexport const createTippy = (anchorElement, options) => {\n const { contentElement } = { ...options };\n delete options.contentElement;\n return tippy(anchorElement, {\n ...options,\n plugins: [sticky],\n render: () => getContentWrapper(contentElement),\n });\n};\n\nexport const getPopperOptions = ({\n boundary = 'clippingParents',\n fallbackPlacements = [],\n onChangePlacement = () => {},\n hasHideModifierEnabled = false,\n // If set to false the dialog will display over top of the anchor when there is insufficient space.\n // if set to true it will never move from its position relative to the anchor and will clip instead.\n tether = true,\n} = {}) => {\n return {\n modifiers: [\n {\n name: 'flip',\n options: {\n fallbackPlacements,\n boundary,\n },\n },\n {\n name: 'hide',\n enabled: hasHideModifierEnabled,\n },\n {\n name: 'preventOverflow',\n options: {\n altAxis: !tether,\n tether,\n },\n },\n getArrowDetected(({ state }) => {\n onChangePlacement(state.placement);\n }),\n ],\n };\n};\n\nconst createAnchor = (anchorWrapper) => {\n const span = document.createElement('span');\n span.innerText = anchorWrapper.innerText || '';\n anchorWrapper.innerText = '';\n anchorWrapper.appendChild(span);\n return span;\n};\n\nexport const getAnchor = (anchorWrapper) => {\n const anchor = anchorWrapper?.children[0];\n if (!anchor) return createAnchor(anchorWrapper);\n return anchor;\n};\n\nexport const getContentWrapper = content => {\n // The recommended structure is to use the popper as an outer wrapper\n const popper = document.createElement('div');\n popper.className = 'tippy-box d-ps-absolute';\n popper.appendChild(content);\n return {\n popper,\n };\n};\n","/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n hover: `d-tooltip--hover`,\n show: `d-tooltip--show`,\n inverted: `d-tooltip--inverted`,\n hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n TOOLTIP_DIRECTIONS,\n TOOLTIP_DELAY_MS,\n TOOLTIP_KIND_MODIFIERS,\n TOOLTIP_STICKY_VALUES,\n TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n","import { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from './tippy_utils';\n\nexport const POPOVER_PADDING_CLASSES = {\n none: undefined,\n small: 'd-p4',\n medium: 'd-p8',\n large: 'd-p16',\n};\nexport const POPOVER_HEADER_FOOTER_PADDING_CLASSES = {\n none: undefined,\n small: 'd-pl4',\n medium: 'd-pl8',\n large: 'd-pl16',\n};\nexport const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];\nexport const POPOVER_CONTENT_WIDTHS = ['', 'anchor'];\nexport const POPOVER_INITIAL_FOCUS_STRINGS = ['none', 'dialog', 'first'];\nexport const POPOVER_APPEND_TO_VALUES = ['parent', 'body'];\nexport const POPOVER_STICKY_VALUES = [\n ...TIPPY_STICKY_VALUES,\n];\nexport const POPOVER_DIRECTIONS = [\n ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport default {\n POPOVER_PADDING_CLASSES,\n POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n POPOVER_ROLES,\n POPOVER_CONTENT_WIDTHS,\n POPOVER_INITIAL_FOCUS_STRINGS,\n POPOVER_APPEND_TO_VALUES,\n POPOVER_STICKY_VALUES,\n POPOVER_DIRECTIONS,\n};\n"],"names":["sticky"],"mappings":"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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"popover_constants-Qkpb0yh2.js","sources":["../../components/tooltip/modifiers.js","../../components/popover/tippy_utils.js","../../components/tooltip/tooltip_constants.js","../../components/popover/popover_constants.js"],"sourcesContent":["export const getArrowDetected = fn => ({\n name: 'arrowDetected',\n enabled: true,\n phase: 'main',\n fn,\n requiresIfExists: ['offset'],\n});\n","import tippy, { sticky } from 'tippy.js';\nimport { getArrowDetected } from '../tooltip/modifiers';\n\nexport const BASE_TIPPY_DIRECTIONS = [\n 'bottom', 'bottom-start', 'bottom-end',\n 'right', 'right-start', 'right-end',\n 'left', 'left-start', 'left-end',\n 'top', 'top-start', 'top-end',\n];\n\nexport const TIPPY_STICKY_VALUES = [true, false, 'reference', 'popper'];\n\nexport const createTippy = (anchorElement, options) => {\n const { contentElement } = { ...options };\n delete options.contentElement;\n return tippy(anchorElement, {\n ...options,\n plugins: [sticky],\n render: () => getContentWrapper(contentElement),\n });\n};\n\nexport const getPopperOptions = ({\n boundary = 'clippingParents',\n fallbackPlacements = [],\n onChangePlacement = () => {},\n hasHideModifierEnabled = false,\n // If set to false the dialog will display over top of the anchor when there is insufficient space.\n // if set to true it will never move from its position relative to the anchor and will clip instead.\n tether = true,\n} = {}) => {\n return {\n modifiers: [\n {\n name: 'flip',\n options: {\n fallbackPlacements,\n boundary,\n },\n },\n {\n name: 'hide',\n enabled: hasHideModifierEnabled,\n },\n {\n name: 'preventOverflow',\n options: {\n altAxis: !tether,\n tether,\n },\n },\n getArrowDetected(({ state }) => {\n onChangePlacement(state.placement);\n }),\n ],\n };\n};\n\nconst createAnchor = (anchorWrapper) => {\n const span = document.createElement('span');\n span.innerText = anchorWrapper.innerText || '';\n anchorWrapper.innerText = '';\n anchorWrapper.appendChild(span);\n return span;\n};\n\nexport const getAnchor = (anchorWrapper) => {\n const anchor = anchorWrapper?.children[0];\n if (!anchor) return createAnchor(anchorWrapper);\n return anchor;\n};\n\nexport const getContentWrapper = content => {\n // The recommended structure is to use the popper as an outer wrapper\n const popper = document.createElement('div');\n popper.className = 'tippy-box d-ps-absolute';\n popper.appendChild(content);\n return {\n popper,\n };\n};\n","/*\n* Tippy directions - https://atomiks.github.io/tippyjs/v6/all-props/#placement\n* */\nimport { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from '@/components/popover/tippy_utils';\n\nexport const TOOLTIP_DIRECTIONS = [\n ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport const TOOLTIP_DELAY_MS = 300;\n\nexport const TOOLTIP_KIND_MODIFIERS = {\n hover: `d-tooltip--hover`,\n show: `d-tooltip--show`,\n inverted: `d-tooltip--inverted`,\n hide: `d-tooltip--hide`,\n};\n\nexport const TOOLTIP_STICKY_VALUES = [\n ...TIPPY_STICKY_VALUES,\n];\n\nexport const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];\n\nexport default {\n TOOLTIP_DIRECTIONS,\n TOOLTIP_DELAY_MS,\n TOOLTIP_KIND_MODIFIERS,\n TOOLTIP_STICKY_VALUES,\n TOOLTIP_HIDE_ON_CLICK_VARIANTS,\n};\n","import { BASE_TIPPY_DIRECTIONS, TIPPY_STICKY_VALUES } from './tippy_utils';\n\nexport const POPOVER_PADDING_CLASSES = {\n none: undefined,\n small: 'd-p4',\n medium: 'd-p8',\n large: 'd-p16',\n};\nexport const POPOVER_HEADER_FOOTER_PADDING_CLASSES = {\n none: undefined,\n small: 'd-pl4',\n medium: 'd-pl8',\n large: 'd-pl16',\n};\nexport const POPOVER_ROLES = ['dialog', 'menu', 'listbox', 'tree', 'grid'];\nexport const POPOVER_CONTENT_WIDTHS = ['', 'anchor'];\nexport const POPOVER_INITIAL_FOCUS_STRINGS = ['none', 'dialog', 'first'];\nexport const POPOVER_APPEND_TO_VALUES = ['parent', 'body'];\nexport const POPOVER_STICKY_VALUES = [\n ...TIPPY_STICKY_VALUES,\n];\nexport const POPOVER_DIRECTIONS = [\n ...BASE_TIPPY_DIRECTIONS,\n];\n\nexport default {\n POPOVER_PADDING_CLASSES,\n POPOVER_HEADER_FOOTER_PADDING_CLASSES,\n POPOVER_ROLES,\n POPOVER_CONTENT_WIDTHS,\n POPOVER_INITIAL_FOCUS_STRINGS,\n POPOVER_APPEND_TO_VALUES,\n POPOVER_STICKY_VALUES,\n POPOVER_DIRECTIONS,\n};\n"],"names":[],"mappings":";AAAO,MAAM,mBAAmB,SAAO;AAAA,EACrC,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AAAA,EACP;AAAA,EACA,kBAAkB,CAAC,QAAQ;AAC7B;ACHO,MAAM,wBAAwB;AAAA,EACnC;AAAA,EAAU;AAAA,EAAgB;AAAA,EAC1B;AAAA,EAAS;AAAA,EAAe;AAAA,EACxB;AAAA,EAAQ;AAAA,EAAc;AAAA,EACtB;AAAA,EAAO;AAAA,EAAa;AACtB;AAEO,MAAM,sBAAsB,CAAC,MAAM,OAAO,aAAa,QAAQ;AAE1D,MAAC,cAAc,CAAC,eAAe,YAAY;AACrD,QAAM,EAAE,eAAc,IAAK,EAAE,GAAG,QAAO;AACvC,SAAO,QAAQ;AACf,SAAO,MAAM,eAAe;AAAA,IAC1B,GAAG;AAAA,IACH,SAAS,CAAC,MAAM;AAAA,IAChB,QAAQ,MAAM,kBAAkB,cAAc;AAAA,EAClD,CAAG;AACH;AAEY,MAAC,mBAAmB,CAAC;AAAA,EAC/B,WAAW;AAAA,EACX,qBAAqB,CAAE;AAAA,EACvB,oBAAoB,MAAM;AAAA,EAAE;AAAA,EAC5B,yBAAyB;AAAA;AAAA;AAAA,EAGzB,SAAS;AACX,IAAI,OAAO;AACT,SAAO;AAAA,IACL,WAAW;AAAA,MACT;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP;AAAA,UACA;AAAA,QACD;AAAA,MACF;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,MACV;AAAA,MACD;AAAA,QACE,MAAM;AAAA,QACN,SAAS;AAAA,UACP,SAAS,CAAC;AAAA,UACV;AAAA,QACD;AAAA,MACF;AAAA,MACD,iBAAiB,CAAC,EAAE,YAAY;AAC9B,0BAAkB,MAAM,SAAS;AAAA,MACzC,CAAO;AAAA,IACF;AAAA,EACL;AACA;AAEA,MAAM,eAAe,CAAC,kBAAkB;AACtC,QAAM,OAAO,SAAS,cAAc,MAAM;AAC1C,OAAK,YAAY,cAAc,aAAa;AAC5C,gBAAc,YAAY;AAC1B,gBAAc,YAAY,IAAI;AAC9B,SAAO;AACT;AAEY,MAAC,YAAY,CAAC,kBAAkB;AAC1C,QAAM,SAAS,+CAAe,SAAS;AACvC,MAAI,CAAC;AAAQ,WAAO,aAAa,aAAa;AAC9C,SAAO;AACT;AAEO,MAAM,oBAAoB,aAAW;AAE1C,QAAM,SAAS,SAAS,cAAc,KAAK;AAC3C,SAAO,YAAY;AACnB,SAAO,YAAY,OAAO;AAC1B,SAAO;AAAA,IACL;AAAA,EACJ;AACA;AC3EY,MAAC,qBAAqB;AAAA,EAChC,GAAG;AACL;AAEY,MAAC,mBAAmB;AAEpB,MAAC,yBAAyB;AAAA,EACpC,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AACR;AAEY,MAAC,wBAAwB;AAAA,EACnC,GAAG;AACL;AAEY,MAAC,iCAAiC,CAAC,MAAM,OAAO,QAAQ;ACpBxD,MAAC,0BAA0B;AAAA,EACrC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AACY,MAAC,wCAAwC;AAAA,EACnD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AACY,MAAC,gBAAgB,CAAC,UAAU,QAAQ,WAAW,QAAQ,MAAM;AAC7D,MAAC,yBAAyB,CAAC,IAAI,QAAQ;AACvC,MAAC,gCAAgC,CAAC,QAAQ,UAAU,OAAO;AAC3D,MAAC,2BAA2B,CAAC,UAAU,MAAM;AAC7C,MAAC,wBAAwB;AAAA,EACnC,GAAG;AACL;AACY,MAAC,qBAAqB;AAAA,EAChC,GAAG;AACL;"}
@@ -1,8 +0,0 @@
1
- export function getArrowDetected(fn: any): {
2
- name: string;
3
- enabled: boolean;
4
- phase: string;
5
- fn: any;
6
- requiresIfExists: string[];
7
- };
8
- //# sourceMappingURL=modifiers.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"modifiers.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/modifiers.js"],"names":[],"mappings":"AAAO;;;;;;EAML"}