@dialpad/dialtone-vue 2.131.0 → 2.132.1

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 (79) 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 +2 -2
  11. package/dist/dialtone-vue.js +2 -2
  12. package/dist/lib/callbar-button-with-popover.cjs +2 -2
  13. package/dist/lib/callbar-button-with-popover.js +2 -2
  14. package/dist/lib/callbar-button.cjs +1 -2
  15. package/dist/lib/callbar-button.cjs.map +1 -1
  16. package/dist/lib/callbar-button.js +1 -2
  17. package/dist/lib/callbar-button.js.map +1 -1
  18. package/dist/lib/combobox-multi-select.cjs +1 -1
  19. package/dist/lib/combobox-multi-select.js +1 -1
  20. package/dist/lib/combobox-with-popover.cjs +1 -1
  21. package/dist/lib/combobox-with-popover.js +1 -1
  22. package/dist/lib/contact-row.cjs +1 -2
  23. package/dist/lib/contact-row.cjs.map +1 -1
  24. package/dist/lib/contact-row.js +1 -2
  25. package/dist/lib/contact-row.js.map +1 -1
  26. package/dist/lib/datepicker.cjs +1 -2
  27. package/dist/lib/datepicker.cjs.map +1 -1
  28. package/dist/lib/datepicker.js +1 -2
  29. package/dist/lib/datepicker.js.map +1 -1
  30. package/dist/lib/dropdown.cjs +2 -2
  31. package/dist/lib/dropdown.js +2 -2
  32. package/dist/lib/editor.cjs +1 -1
  33. package/dist/lib/editor.js +1 -1
  34. package/dist/lib/emoji-picker.cjs +1 -2
  35. package/dist/lib/emoji-picker.cjs.map +1 -1
  36. package/dist/lib/emoji-picker.js +1 -2
  37. package/dist/lib/emoji-picker.js.map +1 -1
  38. package/dist/lib/emoji-row.cjs +1 -2
  39. package/dist/lib/emoji-row.cjs.map +1 -1
  40. package/dist/lib/emoji-row.js +1 -2
  41. package/dist/lib/emoji-row.js.map +1 -1
  42. package/dist/lib/general-row.cjs +32 -8
  43. package/dist/lib/general-row.cjs.map +1 -1
  44. package/dist/lib/general-row.js +32 -8
  45. package/dist/lib/general-row.js.map +1 -1
  46. package/dist/lib/group-row.cjs +1 -2
  47. package/dist/lib/group-row.cjs.map +1 -1
  48. package/dist/lib/group-row.js +1 -2
  49. package/dist/lib/group-row.js.map +1 -1
  50. package/dist/lib/hovercard.cjs +1 -1
  51. package/dist/lib/hovercard.js +1 -1
  52. package/dist/lib/ivr-node.cjs +2 -2
  53. package/dist/lib/ivr-node.js +2 -2
  54. package/dist/lib/message-input.cjs +2 -2
  55. package/dist/lib/message-input.js +2 -2
  56. package/dist/lib/popover.cjs +2 -2
  57. package/dist/lib/popover.cjs.map +1 -1
  58. package/dist/lib/popover.js +3 -3
  59. package/dist/lib/popover.js.map +1 -1
  60. package/dist/lib/tooltip-directive.cjs +1 -2
  61. package/dist/lib/tooltip-directive.cjs.map +1 -1
  62. package/dist/lib/tooltip-directive.js +1 -2
  63. package/dist/lib/tooltip-directive.js.map +1 -1
  64. package/dist/lib/tooltip.cjs +36 -31
  65. package/dist/lib/tooltip.cjs.map +1 -1
  66. package/dist/lib/tooltip.js +37 -32
  67. package/dist/lib/tooltip.js.map +1 -1
  68. package/dist/style.css +87 -55
  69. package/dist/types/components/popover/tippy_utils.d.ts +1 -6
  70. package/dist/types/components/popover/tippy_utils.d.ts.map +1 -1
  71. package/dist/types/components/tooltip/tooltip.vue.d.ts +40 -36
  72. package/dist/types/components/tooltip/tooltip.vue.d.ts.map +1 -1
  73. package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts +19 -0
  74. package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts.map +1 -1
  75. package/package.json +4 -4
  76. package/dist/chunks/popover_constants-JwBF9h1Z.js.map +0 -1
  77. package/dist/chunks/popover_constants-Qkpb0yh2.js.map +0 -1
  78. package/dist/types/components/tooltip/modifiers.d.ts +0 -8
  79. 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"}
@@ -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
  */
@@ -267,6 +285,7 @@ declare const _default: import("vue").DefineComponent<{
267
285
  unreadCount: string;
268
286
  unreadCountTooltip: string;
269
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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-vue",
3
- "version": "2.131.0",
3
+ "version": "2.132.1",
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/generator-dialtone": "0.1.0",
85
- "@dialpad/dialtone-css": "8.31.1"
84
+ "@dialpad/dialtone-css": "8.31.2",
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":";;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,CAACA,MAAAA,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 +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"}