@ulu/frontend-vue 0.6.23 → 0.6.24
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/components/collapsible/UluAccordion.vue.d.ts +2 -2
- package/dist/components/collapsible/UluModal.vue.d.ts +4 -4
- package/dist/components/collapsible/UluTabGroup.vue.d.ts +2 -2
- package/dist/components/elements/UluAlert.vue.d.ts +2 -2
- package/dist/components/elements/UluBadge.vue.d.ts +4 -4
- package/dist/components/elements/UluButton.vue.d.ts +10 -10
- package/dist/components/elements/UluButtonVerbose.vue.d.ts +4 -4
- package/dist/components/elements/UluCaptionedFigure.vue.d.ts +2 -2
- package/dist/components/elements/UluCard.vue.d.ts +4 -4
- package/dist/components/elements/UluList.vue.d.ts +2 -2
- package/dist/components/elements/UluSlider.vue.d.ts +2 -2
- package/dist/components/elements/UluTag.vue.d.ts +2 -2
- package/dist/components/forms/UluSearchForm.vue.d.ts +2 -2
- package/dist/components/layout/UluTitleRail.vue.d.ts +2 -2
- package/dist/components/systems/facets/UluFacetsList.vue.d.ts +2 -2
- package/dist/components/systems/facets/UluFacetsSearch.vue.d.ts +2 -2
- package/dist/components/utils/UluAction.vue.d.ts +2 -2
- package/dist/components/visualizations/UluProgressBar.vue.d.ts +2 -2
- package/dist/components/visualizations/UluProgressCircle.vue.d.ts +2 -2
- package/dist/composables/useUluFloating.d.ts.map +1 -1
- package/dist/composables/useUluFloating.js +26 -25
- package/dist/index.js +258 -240
- package/dist/mcp-data.json +1047 -381
- package/dist/plugins/index.d.ts +2 -1
- package/dist/plugins/popovers/UluPopover.vue.d.ts +188 -7
- package/dist/plugins/popovers/UluPopover.vue.d.ts.map +1 -1
- package/dist/plugins/popovers/UluPopover.vue.js +82 -133
- package/dist/plugins/popovers/UluPopoverBase.vue.d.ts +58 -0
- package/dist/plugins/popovers/UluPopoverBase.vue.d.ts.map +1 -0
- package/dist/plugins/popovers/UluPopoverBase.vue.js +146 -0
- package/dist/plugins/popovers/UluTooltipPopover.vue.d.ts +1 -4
- package/dist/plugins/popovers/UluTooltipPopover.vue.d.ts.map +1 -1
- package/dist/plugins/popovers/UluTooltipPopover.vue.js +24 -45
- package/dist/plugins/popovers/index.d.ts +4 -0
- package/dist/plugins/popovers/index.d.ts.map +1 -1
- package/dist/plugins/popovers/index.js +54 -49
- package/dist/plugins/tour/UluTourContent.vue.d.ts +10 -0
- package/dist/plugins/tour/UluTourContent.vue.d.ts.map +1 -0
- package/dist/plugins/tour/UluTourContent.vue.js +39 -0
- package/dist/plugins/tour/UluTourDisplay.vue.d.ts +100 -0
- package/dist/plugins/tour/UluTourDisplay.vue.d.ts.map +1 -0
- package/dist/plugins/tour/UluTourDisplay.vue.js +133 -0
- package/dist/plugins/tour/UluTourPager.vue.d.ts +3 -0
- package/dist/plugins/tour/UluTourPager.vue.d.ts.map +1 -0
- package/dist/plugins/tour/UluTourPager.vue.js +31 -0
- package/dist/plugins/tour/api.d.ts +52 -0
- package/dist/plugins/tour/api.d.ts.map +1 -0
- package/dist/plugins/tour/api.js +52 -0
- package/dist/plugins/tour/index.d.ts +7 -0
- package/dist/plugins/tour/index.d.ts.map +1 -0
- package/dist/plugins/tour/index.js +14 -0
- package/dist/plugins/tour/useTour.d.ts +8 -0
- package/dist/plugins/tour/useTour.d.ts.map +1 -0
- package/dist/plugins/tour/useTour.js +8 -0
- package/lib/composables/useUluFloating.js +2 -0
- package/lib/plugins/index.js +3 -3
- package/lib/plugins/popovers/UluPopover.vue +42 -125
- package/lib/plugins/popovers/UluPopoverBase.vue +197 -0
- package/lib/plugins/popovers/UluTooltipPopover.vue +11 -33
- package/lib/plugins/popovers/index.js +15 -5
- package/lib/plugins/tour/UluTourContent.vue +37 -0
- package/lib/plugins/tour/UluTourDisplay.vue +182 -0
- package/lib/plugins/tour/UluTourPager.vue +36 -0
- package/lib/plugins/tour/api.js +83 -0
- package/lib/plugins/tour/index.js +29 -0
- package/lib/plugins/tour/useTour.js +10 -0
- package/package.json +1 -1
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
import { ref as B, computed as m, watch as x, nextTick as g, onUnmounted as L, createElementBlock as u, openBlock as d, withKeys as M, unref as l, normalizeStyle as y, normalizeClass as T, createElementVNode as j, createCommentVNode as v, renderSlot as O } from "vue";
|
|
2
|
+
import { useUluFloating as A } from "../../composables/useUluFloating.js";
|
|
3
|
+
import { useModifiers as H } from "../../composables/useModifiers.js";
|
|
4
|
+
import { wasClickOutside as U } from "@ulu/utils/browser/dom.js";
|
|
5
|
+
const $ = ["data-placement"], z = { class: "popover__inner" }, K = {
|
|
6
|
+
key: 0,
|
|
7
|
+
class: "popover__footer"
|
|
8
|
+
}, G = {
|
|
9
|
+
__name: "UluPopoverBase",
|
|
10
|
+
props: {
|
|
11
|
+
/**
|
|
12
|
+
* Controls the open/active state of the popover
|
|
13
|
+
*/
|
|
14
|
+
isOpen: {
|
|
15
|
+
type: Boolean,
|
|
16
|
+
default: !1
|
|
17
|
+
},
|
|
18
|
+
/**
|
|
19
|
+
* Close popover when click is outside
|
|
20
|
+
*/
|
|
21
|
+
clickOutsideCloses: {
|
|
22
|
+
type: Boolean,
|
|
23
|
+
default: !0
|
|
24
|
+
},
|
|
25
|
+
/**
|
|
26
|
+
* Close popover when escape key is pressed
|
|
27
|
+
*/
|
|
28
|
+
escapeCloses: {
|
|
29
|
+
type: Boolean,
|
|
30
|
+
default: !0
|
|
31
|
+
},
|
|
32
|
+
/**
|
|
33
|
+
* Direct focus when open/closing popover
|
|
34
|
+
*/
|
|
35
|
+
directFocus: {
|
|
36
|
+
type: Function,
|
|
37
|
+
default: ({ isOpen: s, trigger: r, content: c }) => {
|
|
38
|
+
s && c ? c.focus({ preventScroll: !0 }) : !s && r && r instanceof HTMLElement && r.focus({ preventScroll: !0 });
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
/**
|
|
42
|
+
* The target element for the popover to float alongside
|
|
43
|
+
*/
|
|
44
|
+
trigger: {
|
|
45
|
+
type: Object,
|
|
46
|
+
default: null
|
|
47
|
+
},
|
|
48
|
+
/**
|
|
49
|
+
* Floating UI configuration
|
|
50
|
+
*/
|
|
51
|
+
config: {
|
|
52
|
+
type: Object,
|
|
53
|
+
default: () => ({})
|
|
54
|
+
},
|
|
55
|
+
/**
|
|
56
|
+
* Modifiers (to add any modifier classes based on base class [ie. 'large'])
|
|
57
|
+
*/
|
|
58
|
+
modifiers: [String, Array, Object]
|
|
59
|
+
},
|
|
60
|
+
emits: ["close"],
|
|
61
|
+
setup(s, { expose: r, emit: c }) {
|
|
62
|
+
const k = c, e = s, o = B(null), { resolvedModifiers: C } = H({ props: e, baseClass: "popover" }), f = m(() => e.config || {}), { floatingStyles: _, placement: w, arrowStyles: E, update: p, isFixedStrategy: F, contentArrow: S } = A(
|
|
63
|
+
m(() => e.trigger),
|
|
64
|
+
o,
|
|
65
|
+
f
|
|
66
|
+
), i = () => {
|
|
67
|
+
k("close");
|
|
68
|
+
}, h = (t) => {
|
|
69
|
+
e.isOpen && e.escapeCloses && (t.preventDefault(), i());
|
|
70
|
+
};
|
|
71
|
+
let n = null;
|
|
72
|
+
const a = () => {
|
|
73
|
+
n && (document.removeEventListener("click", n), n = null);
|
|
74
|
+
}, b = () => {
|
|
75
|
+
a(), e.clickOutsideCloses && (n = (t) => {
|
|
76
|
+
if (!(!e.isOpen || !o.value) && document.body.contains(t.target) && !o.value.contains(t.target) && U(o.value, t)) {
|
|
77
|
+
if (e.trigger instanceof HTMLElement && e.trigger.contains(t.target))
|
|
78
|
+
return;
|
|
79
|
+
i();
|
|
80
|
+
}
|
|
81
|
+
}, setTimeout(() => {
|
|
82
|
+
n && document.addEventListener("click", n);
|
|
83
|
+
}, 0));
|
|
84
|
+
};
|
|
85
|
+
return x(() => e.isOpen, (t) => {
|
|
86
|
+
t ? (p(), b(), e.directFocus && g(() => {
|
|
87
|
+
e.directFocus({ isOpen: !0, trigger: e.trigger, content: o.value });
|
|
88
|
+
})) : (a(), e.directFocus && g(() => {
|
|
89
|
+
e.directFocus({ isOpen: !1, trigger: e.trigger, content: o.value });
|
|
90
|
+
}));
|
|
91
|
+
}, { immediate: !0 }), L(() => {
|
|
92
|
+
a();
|
|
93
|
+
}), r({
|
|
94
|
+
/**
|
|
95
|
+
* Emits the close event
|
|
96
|
+
*/
|
|
97
|
+
close: i,
|
|
98
|
+
/**
|
|
99
|
+
* Manually trigger a floating UI position update
|
|
100
|
+
*/
|
|
101
|
+
update: p,
|
|
102
|
+
/**
|
|
103
|
+
* The internal root popover element reference
|
|
104
|
+
*/
|
|
105
|
+
content: o
|
|
106
|
+
}), (t, N) => (d(), u("span", {
|
|
107
|
+
class: T(["popover", [
|
|
108
|
+
{
|
|
109
|
+
"popover--fixed": l(F),
|
|
110
|
+
"is-active": s.isOpen
|
|
111
|
+
},
|
|
112
|
+
l(C)
|
|
113
|
+
]]),
|
|
114
|
+
ref_key: "contentEl",
|
|
115
|
+
ref: o,
|
|
116
|
+
style: y(l(_)),
|
|
117
|
+
"data-placement": l(w),
|
|
118
|
+
onKeydown: M(h, ["esc"]),
|
|
119
|
+
tabindex: "-1"
|
|
120
|
+
}, [
|
|
121
|
+
j("span", z, [
|
|
122
|
+
O(t.$slots, "default", {
|
|
123
|
+
isOpen: s.isOpen,
|
|
124
|
+
close: i
|
|
125
|
+
})
|
|
126
|
+
]),
|
|
127
|
+
t.$slots.footer ? (d(), u("span", K, [
|
|
128
|
+
O(t.$slots, "footer", {
|
|
129
|
+
isOpen: s.isOpen,
|
|
130
|
+
close: i
|
|
131
|
+
})
|
|
132
|
+
])) : v("", !0),
|
|
133
|
+
f.value.arrow ? (d(), u("span", {
|
|
134
|
+
key: 1,
|
|
135
|
+
class: "popover__arrow",
|
|
136
|
+
ref_key: "contentArrow",
|
|
137
|
+
ref: S,
|
|
138
|
+
style: y(l(E)),
|
|
139
|
+
"data-ulu-popover-arrow": ""
|
|
140
|
+
}, null, 4)) : v("", !0)
|
|
141
|
+
], 46, $));
|
|
142
|
+
}
|
|
143
|
+
};
|
|
144
|
+
export {
|
|
145
|
+
G as default
|
|
146
|
+
};
|
|
@@ -5,9 +5,6 @@ declare const _default: import('vue').DefineComponent<{}, {
|
|
|
5
5
|
readonly trigger?: Record<string, any> | undefined;
|
|
6
6
|
readonly config?: Record<string, any> | undefined;
|
|
7
7
|
};
|
|
8
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
9
|
-
content: HTMLSpanElement;
|
|
10
|
-
contentArrow: HTMLSpanElement;
|
|
11
|
-
}, HTMLSpanElement>;
|
|
8
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
|
|
12
9
|
export default _default;
|
|
13
10
|
//# sourceMappingURL=UluTooltipPopover.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UluTooltipPopover.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/UluTooltipPopover.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"UluTooltipPopover.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/UluTooltipPopover.vue"],"names":[],"mappings":"AAiBA;"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
const
|
|
5
|
-
key: 1,
|
|
6
|
-
class: "popover__inner"
|
|
7
|
-
}, j = {
|
|
1
|
+
import { computed as a, createBlock as r, openBlock as o, unref as i, normalizeClass as s, withCtx as p, createElementBlock as t, Fragment as l, resolveDynamicComponent as m, normalizeProps as u, mergeProps as g, createTextVNode as f, toDisplayString as v } from "vue";
|
|
2
|
+
import { TOOLTIP_ID as _ } from "./index.js";
|
|
3
|
+
import d from "./UluPopoverBase.vue.js";
|
|
4
|
+
const k = ["innerHTML"], O = {
|
|
8
5
|
__name: "UluTooltipPopover",
|
|
9
6
|
props: {
|
|
10
7
|
config: Object,
|
|
@@ -13,46 +10,28 @@ const O = ["id", "data-placement"], z = ["innerHTML"], B = {
|
|
|
13
10
|
default: null
|
|
14
11
|
}
|
|
15
12
|
},
|
|
16
|
-
setup(
|
|
17
|
-
const
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
},
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
ref: l,
|
|
33
|
-
id: n(C),
|
|
34
|
-
"data-placement": n(p),
|
|
35
|
-
style: a(n(c))
|
|
36
|
-
}, [
|
|
37
|
-
e.value.isHtml ? (o(), t("span", {
|
|
38
|
-
key: 0,
|
|
39
|
-
class: "popover__inner",
|
|
40
|
-
innerHTML: e.value.content
|
|
41
|
-
}, null, 8, z)) : (o(), t("span", B, [
|
|
42
|
-
e.value.component ? (o(), g(k(e.value.component), T(w({ key: 0 }, e.value.componentProps)), null, 16)) : (o(), t(x, { key: 1 }, [
|
|
43
|
-
P(S(e.value.content), 1)
|
|
13
|
+
setup(n) {
|
|
14
|
+
const c = n, e = a(() => c.config);
|
|
15
|
+
return (y, T) => (o(), r(d, {
|
|
16
|
+
class: s(["popover--tooltip is-active", e.value.class]),
|
|
17
|
+
id: i(_),
|
|
18
|
+
trigger: n.trigger,
|
|
19
|
+
config: e.value
|
|
20
|
+
}, {
|
|
21
|
+
default: p(() => [
|
|
22
|
+
e.value.isHtml ? (o(), t("span", {
|
|
23
|
+
key: 0,
|
|
24
|
+
innerHTML: e.value.content
|
|
25
|
+
}, null, 8, k)) : (o(), t(l, { key: 1 }, [
|
|
26
|
+
e.value.component ? (o(), r(m(e.value.component), u(g({ key: 0 }, e.value.componentProps)), null, 16)) : (o(), t(l, { key: 1 }, [
|
|
27
|
+
f(v(e.value.content), 1)
|
|
28
|
+
], 64))
|
|
44
29
|
], 64))
|
|
45
|
-
])
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
class: "popover__arrow",
|
|
49
|
-
ref_key: "contentArrow",
|
|
50
|
-
ref: m,
|
|
51
|
-
style: a(n(i))
|
|
52
|
-
}, null, 4)) : d("", !0)
|
|
53
|
-
], 14, O));
|
|
30
|
+
]),
|
|
31
|
+
_: 1
|
|
32
|
+
}, 8, ["id", "trigger", "config", "class"]));
|
|
54
33
|
}
|
|
55
34
|
};
|
|
56
35
|
export {
|
|
57
|
-
|
|
36
|
+
O as default
|
|
58
37
|
};
|
|
@@ -20,4 +20,8 @@ export const TOOLTIP_ID: "ulu-global-tooltip";
|
|
|
20
20
|
export { useTooltip };
|
|
21
21
|
export { default as useTooltipFollow } from './useTooltipFollow.js';
|
|
22
22
|
export function resolveTooltipConfig(rawConfig: any, tooltipDefaults: object): object | null;
|
|
23
|
+
export { default as UluPopover } from './UluPopover.vue';
|
|
24
|
+
export { default as UluPopoverBase } from './UluPopoverBase.vue';
|
|
25
|
+
export { default as UluTooltipDisplay } from './UluTooltipDisplay.vue';
|
|
26
|
+
export { default as UluTooltipPopover } from './UluTooltipPopover.vue';
|
|
23
27
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/index.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/index.js"],"names":[],"mappings":"AAqDA;;;;GAIG;AACH,qCAHW,MAAM,gBACN,MAAM,QAqJhB;AAnMD;;GAEG;AACH,kCAAmC,mBAAmB,CAAC;AAEvD;;GAEG;AACH,gCAAiC,iBAAiB,CAAC;AAEnD;;GAEG;AACH,yBAA0B,oBAAoB,CAAC;;;AAcxC,gDAJI,GAAC,mBACD,MAAM,GACJ,MAAM,GAAC,IAAI,CAgBvB;;;;;2BA3C0B,iBAAiB"}
|
|
@@ -1,81 +1,86 @@
|
|
|
1
|
-
import { reactive as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
1
|
+
import { reactive as _, markRaw as y } from "vue";
|
|
2
|
+
import L from "./UluTooltipDisplay.vue.js";
|
|
3
|
+
import P from "./UluPopover.vue.js";
|
|
4
|
+
import D from "./UluPopoverBase.vue.js";
|
|
5
|
+
import E from "./defaults.js";
|
|
6
|
+
const O = "uluPopoverOptions", U = "uluTooltipState", A = "ulu-global-tooltip", T = (s, f) => {
|
|
6
7
|
if (s === !1 || s === null) return null;
|
|
7
8
|
let i = s;
|
|
8
|
-
return (typeof i != "object" || Array.isArray(i)) && (i = { content: i }), i.component && (i.component = y(i.component)), { ...
|
|
9
|
+
return (typeof i != "object" || Array.isArray(i)) && (i = { content: i }), i.component && (i.component = y(i.component)), { ...f, ...i };
|
|
9
10
|
};
|
|
10
|
-
function
|
|
11
|
+
function M(s, f = {}) {
|
|
11
12
|
const i = {
|
|
12
|
-
plugin: { ...
|
|
13
|
-
popover: { ...
|
|
14
|
-
tooltip: { ...
|
|
13
|
+
plugin: { ...E.plugin, ...f.plugin || {} },
|
|
14
|
+
popover: { ...E.popover, ...f.popover || {} },
|
|
15
|
+
tooltip: { ...E.tooltip, ...f.tooltip || {} }
|
|
15
16
|
};
|
|
16
|
-
s.provide(
|
|
17
|
-
const o =
|
|
17
|
+
s.provide(O, i);
|
|
18
|
+
const o = _({
|
|
18
19
|
visible: !1,
|
|
19
20
|
trigger: null,
|
|
20
21
|
config: {}
|
|
21
|
-
}), h = (e,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
22
|
+
}), h = (e, n) => {
|
|
23
|
+
const t = e instanceof Element;
|
|
24
|
+
if (t && !n.teleportTo) {
|
|
25
|
+
const r = e.closest("dialog");
|
|
26
|
+
r && (n.teleportTo = r);
|
|
25
27
|
}
|
|
26
|
-
o.trigger && o.trigger !== e && o.trigger
|
|
27
|
-
},
|
|
28
|
-
o.trigger
|
|
28
|
+
o.trigger && o.trigger !== e && o.trigger instanceof Element && o.trigger.removeAttribute("aria-describedby"), t && e.setAttribute("aria-describedby", A), o.trigger = e, o.config = n, o.visible = !0;
|
|
29
|
+
}, u = () => {
|
|
30
|
+
o.trigger instanceof Element && o.trigger.removeAttribute("aria-describedby"), o.visible = !1;
|
|
29
31
|
};
|
|
30
|
-
s.provide(
|
|
32
|
+
s.provide(U, {
|
|
31
33
|
state: o,
|
|
32
34
|
show: h,
|
|
33
|
-
hide:
|
|
34
|
-
}), s.component("UluTooltipDisplay",
|
|
35
|
-
const v = /* @__PURE__ */ new WeakMap(), b = i.popover, w = i.tooltip,
|
|
35
|
+
hide: u
|
|
36
|
+
}), s.component("UluTooltipDisplay", L), s.component("UluPopover", P), s.component("UluPopoverBase", D);
|
|
37
|
+
const v = /* @__PURE__ */ new WeakMap(), b = i.popover, w = i.tooltip, g = { ...b, ...w };
|
|
36
38
|
s.directive(i.plugin.directiveName, {
|
|
37
|
-
mounted(e,
|
|
38
|
-
const t = T(
|
|
39
|
+
mounted(e, n) {
|
|
40
|
+
const t = T(n.value, g);
|
|
39
41
|
if (!t) return;
|
|
40
|
-
let
|
|
41
|
-
const
|
|
42
|
-
|
|
42
|
+
let r = null;
|
|
43
|
+
const l = () => {
|
|
44
|
+
r || (r = setTimeout(() => {
|
|
43
45
|
h(e, t);
|
|
44
46
|
}, t.delay));
|
|
45
47
|
}, d = () => {
|
|
46
|
-
clearTimeout(
|
|
48
|
+
clearTimeout(r), r = null, u();
|
|
47
49
|
}, { showEvents: p, hideEvents: m } = t;
|
|
48
|
-
p.forEach((
|
|
50
|
+
p.forEach((c) => e.addEventListener(c, l)), m.forEach((c) => e.addEventListener(c, d)), v.set(e, { show: l, hide: d, showEvents: p, hideEvents: m });
|
|
49
51
|
},
|
|
50
|
-
updated(e,
|
|
52
|
+
updated(e, n) {
|
|
51
53
|
const t = v.get(e);
|
|
52
|
-
t && (t.showEvents.forEach((
|
|
53
|
-
const
|
|
54
|
-
if (!
|
|
55
|
-
o.trigger === e &&
|
|
54
|
+
t && (t.showEvents.forEach((a) => e.removeEventListener(a, t.show)), t.hideEvents.forEach((a) => e.removeEventListener(a, t.hide)));
|
|
55
|
+
const r = T(n.value, g);
|
|
56
|
+
if (!r) {
|
|
57
|
+
o.trigger === e && u();
|
|
56
58
|
return;
|
|
57
59
|
}
|
|
58
|
-
let
|
|
60
|
+
let l = null;
|
|
59
61
|
const d = () => {
|
|
60
|
-
|
|
61
|
-
h(e,
|
|
62
|
-
},
|
|
62
|
+
l || (l = setTimeout(() => {
|
|
63
|
+
h(e, r);
|
|
64
|
+
}, r.delay));
|
|
63
65
|
}, p = () => {
|
|
64
|
-
clearTimeout(
|
|
65
|
-
}, { showEvents: m, hideEvents:
|
|
66
|
-
m.forEach((
|
|
66
|
+
clearTimeout(l), l = null, u();
|
|
67
|
+
}, { showEvents: m, hideEvents: c } = r;
|
|
68
|
+
m.forEach((a) => e.addEventListener(a, d)), c.forEach((a) => e.addEventListener(a, p)), v.set(e, { show: d, hide: p, showEvents: m, hideEvents: c }), o.visible && o.trigger === e && h(e, r);
|
|
67
69
|
},
|
|
68
70
|
beforeUnmount(e) {
|
|
69
|
-
o.visible && o.trigger === e &&
|
|
70
|
-
const
|
|
71
|
-
|
|
71
|
+
o.visible && o.trigger === e && u();
|
|
72
|
+
const n = v.get(e);
|
|
73
|
+
n && (n.showEvents.forEach((t) => e.removeEventListener(t, n.show)), n.hideEvents.forEach((t) => e.removeEventListener(t, n.hide)), v.delete(e));
|
|
72
74
|
}
|
|
73
75
|
});
|
|
74
76
|
}
|
|
75
77
|
export {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
78
|
+
O as POPOVER_OPTIONS_KEY,
|
|
79
|
+
A as TOOLTIP_ID,
|
|
80
|
+
U as TOOLTIP_STATE_KEY,
|
|
81
|
+
P as UluPopover,
|
|
82
|
+
D as UluPopoverBase,
|
|
83
|
+
L as UluTooltipDisplay,
|
|
84
|
+
M as default,
|
|
80
85
|
T as resolveTooltipConfig
|
|
81
86
|
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {
|
|
2
|
+
step: Record<string, any>;
|
|
3
|
+
isModal: boolean;
|
|
4
|
+
$props: {
|
|
5
|
+
readonly step?: Record<string, any> | undefined;
|
|
6
|
+
readonly isModal?: boolean | undefined;
|
|
7
|
+
};
|
|
8
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
|
|
9
|
+
export default _default;
|
|
10
|
+
//# sourceMappingURL=UluTourContent.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UluTourContent.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/tour/UluTourContent.vue"],"names":[],"mappings":"AAgBA;"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { createElementBlock as o, openBlock as t, createBlock as s, createCommentVNode as n, createVNode as c, resolveDynamicComponent as l, normalizeClass as r, withCtx as i, createTextVNode as m, toDisplayString as a } from "vue";
|
|
2
|
+
import d from "../../components/elements/UluRule.vue.js";
|
|
3
|
+
const u = { class: "tour-content crop-margins" }, p = { key: 1 }, C = {
|
|
4
|
+
__name: "UluTourContent",
|
|
5
|
+
props: {
|
|
6
|
+
/**
|
|
7
|
+
* The tour step configuration object
|
|
8
|
+
*/
|
|
9
|
+
step: {
|
|
10
|
+
type: Object,
|
|
11
|
+
required: !0
|
|
12
|
+
},
|
|
13
|
+
/**
|
|
14
|
+
* Adjusts the typography to match a modal context rather than a popover context
|
|
15
|
+
*/
|
|
16
|
+
isModal: {
|
|
17
|
+
type: Boolean,
|
|
18
|
+
default: !1
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
setup(e) {
|
|
22
|
+
return (f, h) => (t(), o("div", u, [
|
|
23
|
+
e.step?.title ? (t(), s(l(e.isModal ? "h2" : "strong"), {
|
|
24
|
+
key: 0,
|
|
25
|
+
class: r([e.isModal ? "h3" : "h4", "display-block no-margin"])
|
|
26
|
+
}, {
|
|
27
|
+
default: i(() => [
|
|
28
|
+
m(a(e.step.title), 1)
|
|
29
|
+
]),
|
|
30
|
+
_: 1
|
|
31
|
+
}, 8, ["class"])) : n("", !0),
|
|
32
|
+
c(d),
|
|
33
|
+
e.step?.content ? (t(), o("p", p, a(e.step.content), 1)) : n("", !0)
|
|
34
|
+
]));
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
export {
|
|
38
|
+
C as default
|
|
39
|
+
};
|
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
import { nextTick } from 'vue';
|
|
2
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
|
|
3
|
+
popoverBase: ({
|
|
4
|
+
$: import('vue').ComponentInternalInstance;
|
|
5
|
+
$data: {};
|
|
6
|
+
$props: Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>;
|
|
7
|
+
$attrs: {
|
|
8
|
+
[x: string]: unknown;
|
|
9
|
+
};
|
|
10
|
+
$refs: {
|
|
11
|
+
[x: string]: unknown;
|
|
12
|
+
} & {
|
|
13
|
+
contentEl: HTMLSpanElement;
|
|
14
|
+
contentArrow: HTMLSpanElement;
|
|
15
|
+
};
|
|
16
|
+
$slots: Readonly<{
|
|
17
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
18
|
+
}>;
|
|
19
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
20
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
21
|
+
$host: Element | null;
|
|
22
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
23
|
+
$el: HTMLSpanElement;
|
|
24
|
+
$options: import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
|
|
25
|
+
close: () => void;
|
|
26
|
+
update: Function;
|
|
27
|
+
content: import('vue').Ref<null, null>;
|
|
28
|
+
$emit: (event: "close", ...args: any[]) => void;
|
|
29
|
+
isOpen: boolean;
|
|
30
|
+
clickOutsideCloses: boolean;
|
|
31
|
+
escapeCloses: boolean;
|
|
32
|
+
directFocus: Function;
|
|
33
|
+
trigger: Record<string, any>;
|
|
34
|
+
config: Record<string, any>;
|
|
35
|
+
modifiers?: string | Record<string, any> | unknown[] | undefined;
|
|
36
|
+
$props: {
|
|
37
|
+
readonly isOpen?: boolean | undefined;
|
|
38
|
+
readonly clickOutsideCloses?: boolean | undefined;
|
|
39
|
+
readonly escapeCloses?: boolean | undefined;
|
|
40
|
+
readonly directFocus?: Function | undefined;
|
|
41
|
+
readonly trigger?: Record<string, any> | undefined;
|
|
42
|
+
readonly config?: Record<string, any> | undefined;
|
|
43
|
+
readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
|
|
44
|
+
};
|
|
45
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
46
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
47
|
+
created?: (() => void) | (() => void)[];
|
|
48
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
49
|
+
mounted?: (() => void) | (() => void)[];
|
|
50
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
51
|
+
updated?: (() => void) | (() => void)[];
|
|
52
|
+
activated?: (() => void) | (() => void)[];
|
|
53
|
+
deactivated?: (() => void) | (() => void)[];
|
|
54
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
55
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
56
|
+
destroyed?: (() => void) | (() => void)[];
|
|
57
|
+
unmounted?: (() => void) | (() => void)[];
|
|
58
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
59
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
60
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
61
|
+
};
|
|
62
|
+
$forceUpdate: () => void;
|
|
63
|
+
$nextTick: typeof nextTick;
|
|
64
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
65
|
+
} & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, "$props" | "$emit" | "isOpen" | "clickOutsideCloses" | "escapeCloses" | "directFocus" | "trigger" | "config" | "modifiers" | "content" | "close" | "update"> & import('vue').ShallowUnwrapRef<{
|
|
66
|
+
close: () => void;
|
|
67
|
+
update: Function;
|
|
68
|
+
content: import('vue').Ref<null, null>;
|
|
69
|
+
$emit: (event: "close", ...args: any[]) => void;
|
|
70
|
+
isOpen: boolean;
|
|
71
|
+
clickOutsideCloses: boolean;
|
|
72
|
+
escapeCloses: boolean;
|
|
73
|
+
directFocus: Function;
|
|
74
|
+
trigger: Record<string, any>;
|
|
75
|
+
config: Record<string, any>;
|
|
76
|
+
modifiers?: string | Record<string, any> | unknown[] | undefined;
|
|
77
|
+
$props: {
|
|
78
|
+
readonly isOpen?: boolean | undefined;
|
|
79
|
+
readonly clickOutsideCloses?: boolean | undefined;
|
|
80
|
+
readonly escapeCloses?: boolean | undefined;
|
|
81
|
+
readonly directFocus?: Function | undefined;
|
|
82
|
+
readonly trigger?: Record<string, any> | undefined;
|
|
83
|
+
readonly config?: Record<string, any> | undefined;
|
|
84
|
+
readonly modifiers?: string | Record<string, any> | unknown[] | undefined;
|
|
85
|
+
};
|
|
86
|
+
}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
87
|
+
$slots: {
|
|
88
|
+
default?(_: {
|
|
89
|
+
isOpen: boolean;
|
|
90
|
+
close: () => void;
|
|
91
|
+
}): any;
|
|
92
|
+
footer?(_: {
|
|
93
|
+
isOpen: boolean;
|
|
94
|
+
close: () => void;
|
|
95
|
+
}): any;
|
|
96
|
+
};
|
|
97
|
+
}) | null;
|
|
98
|
+
}, any>;
|
|
99
|
+
export default _default;
|
|
100
|
+
//# sourceMappingURL=UluTourDisplay.vue.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UluTourDisplay.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/tour/UluTourDisplay.vue"],"names":[],"mappings":"AA+DA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAkhBs4S,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yBA1Vn7S,KAAK"}
|