@ulu/frontend-vue 0.6.22 → 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.
Files changed (71) hide show
  1. package/dist/components/collapsible/UluAccordion.vue.d.ts +2 -2
  2. package/dist/components/collapsible/UluModal.vue.d.ts +4 -4
  3. package/dist/components/collapsible/UluTabGroup.vue.d.ts +2 -2
  4. package/dist/components/elements/UluAlert.vue.d.ts +2 -2
  5. package/dist/components/elements/UluBadge.vue.d.ts +4 -4
  6. package/dist/components/elements/UluButton.vue.d.ts +10 -10
  7. package/dist/components/elements/UluButtonVerbose.vue.d.ts +4 -4
  8. package/dist/components/elements/UluCaptionedFigure.vue.d.ts +2 -2
  9. package/dist/components/elements/UluCard.vue.d.ts +4 -4
  10. package/dist/components/elements/UluList.vue.d.ts +2 -2
  11. package/dist/components/elements/UluSlider.vue.d.ts +2 -2
  12. package/dist/components/elements/UluTag.vue.d.ts +2 -2
  13. package/dist/components/forms/UluSearchForm.vue.d.ts +2 -2
  14. package/dist/components/layout/UluTitleRail.vue.d.ts +2 -2
  15. package/dist/components/systems/facets/UluFacetsList.vue.d.ts +2 -2
  16. package/dist/components/systems/facets/UluFacetsSearch.vue.d.ts +2 -2
  17. package/dist/components/utils/UluAction.vue.d.ts +2 -2
  18. package/dist/components/visualizations/UluProgressBar.vue.d.ts +2 -2
  19. package/dist/components/visualizations/UluProgressCircle.vue.d.ts +2 -2
  20. package/dist/composables/useUluFloating.d.ts.map +1 -1
  21. package/dist/composables/useUluFloating.js +26 -25
  22. package/dist/index.js +258 -240
  23. package/dist/mcp-data.json +4108 -3442
  24. package/dist/plugins/index.d.ts +2 -1
  25. package/dist/plugins/popovers/UluPopover.vue.d.ts +188 -7
  26. package/dist/plugins/popovers/UluPopover.vue.d.ts.map +1 -1
  27. package/dist/plugins/popovers/UluPopover.vue.js +82 -133
  28. package/dist/plugins/popovers/UluPopoverBase.vue.d.ts +58 -0
  29. package/dist/plugins/popovers/UluPopoverBase.vue.d.ts.map +1 -0
  30. package/dist/plugins/popovers/UluPopoverBase.vue.js +146 -0
  31. package/dist/plugins/popovers/UluTooltipPopover.vue.d.ts +1 -4
  32. package/dist/plugins/popovers/UluTooltipPopover.vue.d.ts.map +1 -1
  33. package/dist/plugins/popovers/UluTooltipPopover.vue.js +24 -45
  34. package/dist/plugins/popovers/index.d.ts +4 -0
  35. package/dist/plugins/popovers/index.d.ts.map +1 -1
  36. package/dist/plugins/popovers/index.js +54 -49
  37. package/dist/plugins/toast/UluToastDisplay.vue.d.ts.map +1 -1
  38. package/dist/plugins/toast/UluToastDisplay.vue.js +8 -7
  39. package/dist/plugins/tour/UluTourContent.vue.d.ts +10 -0
  40. package/dist/plugins/tour/UluTourContent.vue.d.ts.map +1 -0
  41. package/dist/plugins/tour/UluTourContent.vue.js +39 -0
  42. package/dist/plugins/tour/UluTourDisplay.vue.d.ts +100 -0
  43. package/dist/plugins/tour/UluTourDisplay.vue.d.ts.map +1 -0
  44. package/dist/plugins/tour/UluTourDisplay.vue.js +133 -0
  45. package/dist/plugins/tour/UluTourPager.vue.d.ts +3 -0
  46. package/dist/plugins/tour/UluTourPager.vue.d.ts.map +1 -0
  47. package/dist/plugins/tour/UluTourPager.vue.js +31 -0
  48. package/dist/plugins/tour/api.d.ts +52 -0
  49. package/dist/plugins/tour/api.d.ts.map +1 -0
  50. package/dist/plugins/tour/api.js +52 -0
  51. package/dist/plugins/tour/index.d.ts +7 -0
  52. package/dist/plugins/tour/index.d.ts.map +1 -0
  53. package/dist/plugins/tour/index.js +14 -0
  54. package/dist/plugins/tour/useTour.d.ts +8 -0
  55. package/dist/plugins/tour/useTour.d.ts.map +1 -0
  56. package/dist/plugins/tour/useTour.js +8 -0
  57. package/lib/composables/useUluFloating.js +2 -0
  58. package/lib/plugins/index.js +3 -3
  59. package/lib/plugins/popovers/UluPopover.vue +42 -125
  60. package/lib/plugins/popovers/UluPopoverBase.vue +197 -0
  61. package/lib/plugins/popovers/UluTooltipPopover.vue +11 -33
  62. package/lib/plugins/popovers/index.js +15 -5
  63. package/lib/plugins/toast/UluToastDisplay.vue +1 -0
  64. package/lib/plugins/toast/_toast.scss +5 -0
  65. package/lib/plugins/tour/UluTourContent.vue +37 -0
  66. package/lib/plugins/tour/UluTourDisplay.vue +182 -0
  67. package/lib/plugins/tour/UluTourPager.vue +36 -0
  68. package/lib/plugins/tour/api.js +83 -0
  69. package/lib/plugins/tour/index.js +29 -0
  70. package/lib/plugins/tour/useTour.js +10 -0
  71. 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":"AA+BA;"}
1
+ {"version":3,"file":"UluTooltipPopover.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/UluTooltipPopover.vue"],"names":[],"mappings":"AAiBA;"}
@@ -1,10 +1,7 @@
1
- import { ref as _, computed as f, toRef as v, createElementBlock as t, openBlock as o, normalizeStyle as a, unref as n, normalizeClass as y, createCommentVNode as d, createBlock as g, resolveDynamicComponent as k, normalizeProps as T, mergeProps as w, Fragment as x, createTextVNode as P, toDisplayString as S } from "vue";
2
- import { useUluFloating as h } from "../../composables/useUluFloating.js";
3
- import { TOOLTIP_ID as C } from "./index.js";
4
- const O = ["id", "data-placement"], z = ["innerHTML"], B = {
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(s) {
17
- const r = s, l = _(null), e = f(() => r.config), {
18
- floatingStyles: c,
19
- placement: p,
20
- arrowStyles: i,
21
- contentArrow: m,
22
- isFixedStrategy: u
23
- } = h(v(r, "trigger"), l, e);
24
- return (D, F) => (o(), t("span", {
25
- class: y(["popover popover--tooltip is-active", [
26
- {
27
- "popover--fixed": n(u)
28
- },
29
- e.value.class
30
- ]]),
31
- ref_key: "content",
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
- e.value.arrow ? (o(), t("span", {
47
- key: 2,
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
- j as default
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":"AAoDA;;;;GAIG;AACH,qCAHW,MAAM,gBACN,MAAM,QAgJhB;AA9LD;;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
+ {"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 L, markRaw as y } from "vue";
2
- import A from "./UluTooltipDisplay.vue.js";
3
- import _ from "./UluPopover.vue.js";
4
- import g from "./defaults.js";
5
- const P = "uluPopoverOptions", O = "uluTooltipState", D = "ulu-global-tooltip", T = (s, u) => {
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)), { ...u, ...i };
9
+ return (typeof i != "object" || Array.isArray(i)) && (i = { content: i }), i.component && (i.component = y(i.component)), { ...f, ...i };
9
10
  };
10
- function K(s, u = {}) {
11
+ function M(s, f = {}) {
11
12
  const i = {
12
- plugin: { ...g.plugin, ...u.plugin || {} },
13
- popover: { ...g.popover, ...u.popover || {} },
14
- tooltip: { ...g.tooltip, ...u.tooltip || {} }
13
+ plugin: { ...E.plugin, ...f.plugin || {} },
14
+ popover: { ...E.popover, ...f.popover || {} },
15
+ tooltip: { ...E.tooltip, ...f.tooltip || {} }
15
16
  };
16
- s.provide(P, i);
17
- const o = L({
17
+ s.provide(O, i);
18
+ const o = _({
18
19
  visible: !1,
19
20
  trigger: null,
20
21
  config: {}
21
- }), h = (e, r) => {
22
- if (e && !r.teleportTo) {
23
- const t = e.closest("dialog");
24
- t && (r.teleportTo = t);
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?.removeAttribute && o.trigger.removeAttribute("aria-describedby"), e?.setAttribute && e.setAttribute("aria-describedby", D), o.trigger = e, o.config = r, o.visible = !0;
27
- }, f = () => {
28
- o.trigger?.removeAttribute && o.trigger.removeAttribute("aria-describedby"), o.visible = !1;
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(O, {
32
+ s.provide(U, {
31
33
  state: o,
32
34
  show: h,
33
- hide: f
34
- }), s.component("UluTooltipDisplay", A), s.component("UluPopover", _);
35
- const v = /* @__PURE__ */ new WeakMap(), b = i.popover, w = i.tooltip, E = { ...b, ...w };
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, r) {
38
- const t = T(r.value, E);
39
+ mounted(e, n) {
40
+ const t = T(n.value, g);
39
41
  if (!t) return;
40
- let n = null;
41
- const c = () => {
42
- n || (n = setTimeout(() => {
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(n), n = null, f();
48
+ clearTimeout(r), r = null, u();
47
49
  }, { showEvents: p, hideEvents: m } = t;
48
- p.forEach((a) => e.addEventListener(a, c)), m.forEach((a) => e.addEventListener(a, d)), v.set(e, { show: c, hide: d, showEvents: p, hideEvents: m });
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, r) {
52
+ updated(e, n) {
51
53
  const t = v.get(e);
52
- t && (t.showEvents.forEach((l) => e.removeEventListener(l, t.show)), t.hideEvents.forEach((l) => e.removeEventListener(l, t.hide)));
53
- const n = T(r.value, E);
54
- if (!n) {
55
- o.trigger === e && f();
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 c = null;
60
+ let l = null;
59
61
  const d = () => {
60
- c || (c = setTimeout(() => {
61
- h(e, n);
62
- }, n.delay));
62
+ l || (l = setTimeout(() => {
63
+ h(e, r);
64
+ }, r.delay));
63
65
  }, p = () => {
64
- clearTimeout(c), c = null, f();
65
- }, { showEvents: m, hideEvents: a } = n;
66
- m.forEach((l) => e.addEventListener(l, d)), a.forEach((l) => e.addEventListener(l, p)), v.set(e, { show: d, hide: p, showEvents: m, hideEvents: a }), o.visible && o.trigger === e && h(e, n);
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 && f();
70
- const r = v.get(e);
71
- r && (r.showEvents.forEach((t) => e.removeEventListener(t, r.show)), r.hideEvents.forEach((t) => e.removeEventListener(t, r.hide)), v.delete(e));
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
- P as POPOVER_OPTIONS_KEY,
77
- D as TOOLTIP_ID,
78
- O as TOOLTIP_STATE_KEY,
79
- K as default,
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
  };
@@ -1 +1 @@
1
- {"version":3,"file":"UluToastDisplay.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/UluToastDisplay.vue"],"names":[],"mappings":"AAiBA;"}
1
+ {"version":3,"file":"UluToastDisplay.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/UluToastDisplay.vue"],"names":[],"mappings":"AAkBA;"}
@@ -1,9 +1,9 @@
1
- import { computed as i, createBlock as r, openBlock as e, Teleport as p, unref as s, createVNode as u, TransitionGroup as m, normalizeClass as _, withCtx as d, createElementBlock as f, Fragment as k, renderList as T, resolveDynamicComponent as g } from "vue";
2
- import { store as v } from "./store.js";
1
+ import { computed as l, createBlock as r, openBlock as e, Teleport as p, unref as s, createVNode as u, TransitionGroup as m, normalizeClass as _, withCtx as d, createElementBlock as f, Fragment as k, renderList as y, resolveDynamicComponent as T } from "vue";
2
+ import { store as g } from "./store.js";
3
3
  const C = {
4
4
  __name: "UluToastDisplay",
5
- setup(x) {
6
- const { toasts: c, pluginOptions: o } = v, l = i(() => {
5
+ setup(v) {
6
+ const { toasts: c, pluginOptions: o } = g, i = l(() => {
7
7
  const { position: n } = o;
8
8
  return n.map((a) => `toast-container--${a}`);
9
9
  });
@@ -11,12 +11,13 @@ const C = {
11
11
  to: s(o).teleportTo
12
12
  }, [
13
13
  u(m, {
14
- class: _(["toast-container", l.value]),
14
+ class: _(["toast-container", i.value]),
15
15
  name: "toast-animation",
16
- tag: "div"
16
+ tag: "div",
17
+ type: "transition"
17
18
  }, {
18
19
  default: d(() => [
19
- (e(!0), f(k, null, T(s(c), (t) => (e(), r(g(t.component), {
20
+ (e(!0), f(k, null, y(s(c), (t) => (e(), r(T(t.component), {
20
21
  key: t.uid,
21
22
  toast: t
22
23
  }, null, 8, ["toast"]))), 128))
@@ -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"}