@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.
- package/dist/chunks/{dropdown-IaLNHmVd.js → dropdown-2D4i6Qkg.js} +2 -2
- package/dist/chunks/{dropdown-IaLNHmVd.js.map → dropdown-2D4i6Qkg.js.map} +1 -1
- package/dist/chunks/{dropdown-DTtcQEFC.js → dropdown-8L_PePwv.js} +2 -2
- package/dist/chunks/{dropdown-DTtcQEFC.js.map → dropdown-8L_PePwv.js.map} +1 -1
- package/dist/chunks/{popover_constants-Qkpb0yh2.js → popover_constants-kQaX7G4a.js} +10 -13
- package/dist/chunks/popover_constants-kQaX7G4a.js.map +1 -0
- package/dist/chunks/{popover_constants-JwBF9h1Z.js → popover_constants-qUYTzsS3.js} +10 -13
- package/dist/chunks/popover_constants-qUYTzsS3.js.map +1 -0
- package/dist/component-documentation.json +1 -1
- package/dist/dialtone-vue.cjs +2 -2
- package/dist/dialtone-vue.js +2 -2
- package/dist/lib/callbar-button-with-popover.cjs +2 -2
- package/dist/lib/callbar-button-with-popover.js +2 -2
- package/dist/lib/callbar-button.cjs +1 -2
- package/dist/lib/callbar-button.cjs.map +1 -1
- package/dist/lib/callbar-button.js +1 -2
- package/dist/lib/callbar-button.js.map +1 -1
- package/dist/lib/combobox-multi-select.cjs +1 -1
- package/dist/lib/combobox-multi-select.js +1 -1
- package/dist/lib/combobox-with-popover.cjs +1 -1
- package/dist/lib/combobox-with-popover.js +1 -1
- package/dist/lib/contact-row.cjs +1 -2
- package/dist/lib/contact-row.cjs.map +1 -1
- package/dist/lib/contact-row.js +1 -2
- package/dist/lib/contact-row.js.map +1 -1
- package/dist/lib/datepicker.cjs +1 -2
- package/dist/lib/datepicker.cjs.map +1 -1
- package/dist/lib/datepicker.js +1 -2
- package/dist/lib/datepicker.js.map +1 -1
- package/dist/lib/dropdown.cjs +2 -2
- package/dist/lib/dropdown.js +2 -2
- package/dist/lib/editor.cjs +1 -1
- package/dist/lib/editor.js +1 -1
- package/dist/lib/emoji-picker.cjs +1 -2
- package/dist/lib/emoji-picker.cjs.map +1 -1
- package/dist/lib/emoji-picker.js +1 -2
- package/dist/lib/emoji-picker.js.map +1 -1
- package/dist/lib/emoji-row.cjs +1 -2
- package/dist/lib/emoji-row.cjs.map +1 -1
- package/dist/lib/emoji-row.js +1 -2
- package/dist/lib/emoji-row.js.map +1 -1
- package/dist/lib/general-row.cjs +32 -8
- package/dist/lib/general-row.cjs.map +1 -1
- package/dist/lib/general-row.js +32 -8
- package/dist/lib/general-row.js.map +1 -1
- package/dist/lib/group-row.cjs +1 -2
- package/dist/lib/group-row.cjs.map +1 -1
- package/dist/lib/group-row.js +1 -2
- package/dist/lib/group-row.js.map +1 -1
- package/dist/lib/hovercard.cjs +1 -1
- package/dist/lib/hovercard.js +1 -1
- package/dist/lib/ivr-node.cjs +2 -2
- package/dist/lib/ivr-node.js +2 -2
- package/dist/lib/message-input.cjs +2 -2
- package/dist/lib/message-input.js +2 -2
- package/dist/lib/popover.cjs +2 -2
- package/dist/lib/popover.cjs.map +1 -1
- package/dist/lib/popover.js +3 -3
- package/dist/lib/popover.js.map +1 -1
- package/dist/lib/tooltip-directive.cjs +1 -2
- package/dist/lib/tooltip-directive.cjs.map +1 -1
- package/dist/lib/tooltip-directive.js +1 -2
- package/dist/lib/tooltip-directive.js.map +1 -1
- package/dist/lib/tooltip.cjs +36 -31
- package/dist/lib/tooltip.cjs.map +1 -1
- package/dist/lib/tooltip.js +37 -32
- package/dist/lib/tooltip.js.map +1 -1
- package/dist/style.css +87 -55
- package/dist/types/components/popover/tippy_utils.d.ts +1 -6
- package/dist/types/components/popover/tippy_utils.d.ts.map +1 -1
- package/dist/types/components/tooltip/tooltip.vue.d.ts +40 -36
- package/dist/types/components/tooltip/tooltip.vue.d.ts.map +1 -1
- package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts +19 -0
- package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts.map +1 -1
- package/package.json +4 -4
- package/dist/chunks/popover_constants-JwBF9h1Z.js.map +0 -1
- package/dist/chunks/popover_constants-Qkpb0yh2.js.map +0 -1
- package/dist/types/components/tooltip/modifiers.d.ts +0 -8
- 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
|
-
*
|
|
140
|
-
* @see DtLazyShow
|
|
139
|
+
* Whether the tooltip should have a transition effect.
|
|
141
140
|
*/
|
|
142
141
|
transition: {
|
|
143
|
-
type:
|
|
144
|
-
default:
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
236
|
-
|
|
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
|
-
*
|
|
415
|
-
* @see DtLazyShow
|
|
419
|
+
* Whether the tooltip should have a transition effect.
|
|
416
420
|
*/
|
|
417
421
|
transition: {
|
|
418
|
-
type:
|
|
419
|
-
default:
|
|
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:
|
|
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":";
|
|
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
|
|
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.
|
|
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/
|
|
85
|
-
"@dialpad/dialtone
|
|
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.
|
|
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 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"modifiers.d.ts","sourceRoot":"","sources":["../../../../components/tooltip/modifiers.js"],"names":[],"mappings":"AAAO;;;;;;EAML"}
|