@septkit/ui 0.0.64 → 0.0.65
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/diagram-layout/diagram-node-card.js +1 -1
- package/dist/diagram-layout/diagram-node-card.vue_vue_type_script_setup_true_lang.js +60 -48
- package/dist/explorer/explorer.js +1 -1
- package/dist/explorer/explorer.vue_vue_type_script_setup_true_lang.js +45 -39
- package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipContent.js +90 -0
- package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipContentHoverable.js +84 -0
- package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipContentImpl.js +136 -0
- package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipPortal.js +33 -0
- package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipProvider.js +68 -0
- package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipRoot.js +99 -0
- package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipTrigger.js +88 -0
- package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/utils.js +4 -0
- package/dist/external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/shared/useGraceArea.js +156 -0
- package/dist/index.d.ts +342 -63
- package/dist/index.js +33 -31
- package/dist/tooltip/floating-tooltip.js +5 -0
- package/dist/tooltip/floating-tooltip.vue_vue_type_script_setup_true_lang.js +76 -0
- package/dist/tooltip/index.js +2 -0
- package/dist/ui.css +1 -1
- package/package.json +1 -2
|
@@ -2,6 +2,6 @@ import e from "../_virtual/_plugin-vue_export-helper.js";
|
|
|
2
2
|
import t from "./diagram-node-card.vue_vue_type_script_setup_true_lang.js";
|
|
3
3
|
/* empty css */
|
|
4
4
|
//#region lib/diagram-layout/diagram-node-card.vue
|
|
5
|
-
var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-
|
|
5
|
+
var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-ea55592c"]]);
|
|
6
6
|
//#endregion
|
|
7
7
|
export { n as default };
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import e from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/info.js";
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
2
|
+
import t from "../tooltip/floating-tooltip.js";
|
|
3
|
+
import "../tooltip/index.js";
|
|
4
|
+
import { ELEMENT_TO_COLOR as n } from "../icons/element-color-map.generated.js";
|
|
5
|
+
import { ELEMENT_TO_ICON as r } from "../icons/element-icon-mapper.js";
|
|
6
|
+
import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, openBlock as m, ref as h, renderList as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, withCtx as b, withModifiers as x } from "vue";
|
|
5
7
|
//#region lib/diagram-layout/diagram-node-card.vue?vue&type=script&setup=true&lang.ts
|
|
6
|
-
var
|
|
8
|
+
var S = [
|
|
7
9
|
"data-testid",
|
|
8
10
|
"data-testid-node",
|
|
9
11
|
"data-node-id",
|
|
@@ -15,16 +17,16 @@ var b = [
|
|
|
15
17
|
"aria-setsize",
|
|
16
18
|
"aria-posinset",
|
|
17
19
|
"aria-selected"
|
|
18
|
-
],
|
|
20
|
+
], C = ["title"], w = ["data-testid"], T = {
|
|
19
21
|
key: 1,
|
|
20
22
|
class: "node-footer"
|
|
21
|
-
},
|
|
23
|
+
}, E = {
|
|
22
24
|
"data-testid": "capsules",
|
|
23
25
|
class: "node-capsules"
|
|
24
|
-
},
|
|
26
|
+
}, D = {
|
|
25
27
|
key: 1,
|
|
26
28
|
class: "capsule-tag"
|
|
27
|
-
}, O = { class: "capsule-value" }, k = /*@__PURE__*/
|
|
29
|
+
}, O = { class: "capsule-value" }, k = /*@__PURE__*/ d({
|
|
28
30
|
__name: "diagram-node-card",
|
|
29
31
|
props: {
|
|
30
32
|
nodeId: {},
|
|
@@ -57,16 +59,16 @@ var b = [
|
|
|
57
59
|
"show-details",
|
|
58
60
|
"keydown"
|
|
59
61
|
],
|
|
60
|
-
setup(
|
|
61
|
-
let j =
|
|
62
|
+
setup(d, { expose: k, emit: A }) {
|
|
63
|
+
let j = d, M = A, N = h(null);
|
|
62
64
|
k({ focus: () => N.value?.focus() });
|
|
63
|
-
let P =
|
|
65
|
+
let P = a(() => ({
|
|
64
66
|
width: `${j.width}px`,
|
|
65
67
|
...j.height ? { height: `${j.height}px` } : {}
|
|
66
|
-
})), F =
|
|
68
|
+
})), F = a(() => `${j.tagName}: ${j.label}`), I = a(() => r[j.tagName]), L = a(() => n[j.tagName]), R = a(() => {
|
|
67
69
|
let e = j.childCounts.reduce((e, t) => e + t.count, 0), t = e > 0 ? `, ${e} child element${e === 1 ? "" : "s"}` : "";
|
|
68
70
|
return `${j.tagName}: ${j.label}${t}`;
|
|
69
|
-
}), z =
|
|
71
|
+
}), z = a(() => j.treeMeta ? "treeitem" : void 0);
|
|
70
72
|
function B() {
|
|
71
73
|
M("select", j.nodeId), j.hasChildren && M("toggle-expand", j.nodeId);
|
|
72
74
|
}
|
|
@@ -77,14 +79,14 @@ var b = [
|
|
|
77
79
|
}
|
|
78
80
|
M("keydown", e);
|
|
79
81
|
}
|
|
80
|
-
return (
|
|
82
|
+
return (a, d) => (m(), c("div", {
|
|
81
83
|
ref_key: "rootEl",
|
|
82
84
|
ref: N,
|
|
83
|
-
class:
|
|
85
|
+
class: f(["node-root", { selected: j.selected }]),
|
|
84
86
|
"data-testid": j.testId,
|
|
85
87
|
"data-testid-node": j.tagName,
|
|
86
88
|
"data-node-id": j.nodeId,
|
|
87
|
-
style:
|
|
89
|
+
style: p(P.value),
|
|
88
90
|
tabindex: j.tabbable ? 0 : -1,
|
|
89
91
|
role: z.value,
|
|
90
92
|
"aria-expanded": j.hasChildren ? j.isExpanded : void 0,
|
|
@@ -93,54 +95,64 @@ var b = [
|
|
|
93
95
|
"aria-setsize": j.treeMeta?.setsize,
|
|
94
96
|
"aria-posinset": j.treeMeta?.posinset,
|
|
95
97
|
"aria-selected": j.selected,
|
|
96
|
-
onClick:
|
|
98
|
+
onClick: x(B, ["stop"]),
|
|
97
99
|
onKeydown: V
|
|
98
|
-
}, [
|
|
100
|
+
}, [l("div", {
|
|
99
101
|
"data-testid": "node-body",
|
|
100
|
-
class:
|
|
102
|
+
class: f(["node-body", { compact: j.compact }])
|
|
101
103
|
}, [
|
|
102
|
-
j.compact ?
|
|
104
|
+
j.compact ? s("", !0) : (m(), c("div", {
|
|
103
105
|
key: 0,
|
|
104
106
|
"data-testid": "type-label",
|
|
105
|
-
class:
|
|
106
|
-
},
|
|
107
|
-
|
|
107
|
+
class: f(["node-type-label", [L.value?.background, L.value?.text]])
|
|
108
|
+
}, v(j.tagName), 3)),
|
|
109
|
+
l("div", {
|
|
108
110
|
"data-testid": "header",
|
|
109
|
-
class:
|
|
111
|
+
class: f(["header", {
|
|
110
112
|
collapsed: !j.isExpanded,
|
|
111
113
|
expanded: j.isExpanded
|
|
112
114
|
}])
|
|
113
115
|
}, [
|
|
114
|
-
I.value ? (
|
|
116
|
+
I.value ? (m(), o(y(t), {
|
|
115
117
|
key: 0,
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
"
|
|
119
|
-
|
|
120
|
-
|
|
118
|
+
content: j.tagName
|
|
119
|
+
}, {
|
|
120
|
+
default: b(() => [l("div", {
|
|
121
|
+
"data-testid": "icon-circle",
|
|
122
|
+
class: f(["node-icon-circle", [L.value?.background, L.value?.text]])
|
|
123
|
+
}, [(m(), o(_(I.value)))], 2)]),
|
|
124
|
+
_: 1
|
|
125
|
+
}, 8, ["content"])) : s("", !0),
|
|
126
|
+
l("div", {
|
|
121
127
|
"data-testid": "node-label",
|
|
122
128
|
class: "node-label",
|
|
123
129
|
title: F.value
|
|
124
|
-
},
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
130
|
+
}, v(j.label), 9, C),
|
|
131
|
+
u(y(t), { content: "Show details" }, {
|
|
132
|
+
default: b(() => [l("button", {
|
|
133
|
+
type: "button",
|
|
134
|
+
class: "details-button",
|
|
135
|
+
"data-testid": j.detailsTestId,
|
|
136
|
+
"aria-label": "Show details",
|
|
137
|
+
onClick: d[0] ||= x((e) => M("show-details", j.nodeId), ["stop"])
|
|
138
|
+
}, [u(y(e), { size: 16 })], 8, w)]),
|
|
139
|
+
_: 1
|
|
140
|
+
})
|
|
133
141
|
], 2),
|
|
134
|
-
j.childCounts.length > 0 ? (
|
|
142
|
+
j.childCounts.length > 0 ? (m(), c("div", T, [l("div", E, [(m(!0), c(i, null, g(j.childCounts, (e) => (m(), o(y(t), {
|
|
135
143
|
key: e.tagName,
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
+
content: `${e.count} × ${e.tagName}`
|
|
145
|
+
}, {
|
|
146
|
+
default: b(() => [l("div", {
|
|
147
|
+
"data-testid": "capsule",
|
|
148
|
+
class: f(["capsule", [y(n)[e.tagName]?.text]])
|
|
149
|
+
}, [y(r)[e.tagName] ? (m(), o(_(y(r)[e.tagName]), {
|
|
150
|
+
key: 0,
|
|
151
|
+
class: "capsule-icon"
|
|
152
|
+
})) : (m(), c("span", D, v(e.tagName), 1)), l("span", O, v(e.label ?? e.count), 1)], 2)]),
|
|
153
|
+
_: 2
|
|
154
|
+
}, 1032, ["content"]))), 128))])])) : s("", !0)
|
|
155
|
+
], 2)], 46, S));
|
|
144
156
|
}
|
|
145
157
|
});
|
|
146
158
|
//#endregion
|
|
@@ -2,6 +2,6 @@ import e from "./explorer.vue_vue_type_script_setup_true_lang.js";
|
|
|
2
2
|
/* empty css */
|
|
3
3
|
import t from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
4
|
//#region lib/explorer/explorer.vue
|
|
5
|
-
var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-
|
|
5
|
+
var n = /*#__PURE__*/ t(e, [["__scopeId", "data-v-83096c3a"]]);
|
|
6
6
|
//#endregion
|
|
7
7
|
export { n as default };
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { TreeRoot_default as e } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tree/TreeRoot.js";
|
|
2
2
|
import { TreeItem_default as t } from "../external/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tree/TreeItem.js";
|
|
3
3
|
import n from "../external/.pnpm/@lucide_vue@1.23.0_vue@3.5.39_typescript@5.8.3_/node_modules/@lucide/vue/dist/esm/icons/chevron-right.js";
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
4
|
+
import r from "../tooltip/floating-tooltip.js";
|
|
5
|
+
import "../tooltip/index.js";
|
|
6
|
+
import { ELEMENT_TO_COLOR as i } from "../icons/element-color-map.generated.js";
|
|
7
|
+
import { ELEMENT_TO_ICON as a } from "../icons/element-icon-mapper.js";
|
|
8
|
+
import { collectExpandableNodeIds as o } from "./collect-expandable-node-ids.js";
|
|
9
|
+
import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, normalizeStyle as g, openBlock as _, renderList as v, renderSlot as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, withCtx as C, withModifiers as w } from "vue";
|
|
8
10
|
//#region lib/explorer/explorer.vue?vue&type=script&setup=true&lang.ts
|
|
9
|
-
var
|
|
11
|
+
var T = ["onClick", "onContextmenu"], E = { class: "flex flex-1 items-center min-w-0" }, D = ["aria-label"], O = { class: "pl-2 truncate" }, k = { class: "shrink-0 ml-auto pl-2" }, A = /*@__PURE__*/ p({
|
|
10
12
|
__name: "explorer",
|
|
11
13
|
props: {
|
|
12
14
|
items: {},
|
|
@@ -21,69 +23,73 @@ var w = ["onClick", "onContextmenu"], T = { class: "flex flex-1 items-center min
|
|
|
21
23
|
"contextmenu",
|
|
22
24
|
"update:expanded"
|
|
23
25
|
],
|
|
24
|
-
setup(
|
|
25
|
-
let
|
|
26
|
-
return (
|
|
26
|
+
setup(p, { emit: A }) {
|
|
27
|
+
let j = p, M = A, N = c(() => j.expanded.all ? o(j.items) : j.expanded.scoped);
|
|
28
|
+
return (o, c) => (_(), l(S(e), {
|
|
27
29
|
class: "explorer-tree list-none select-none w-full text-stone-700 text-sm font-medium",
|
|
28
|
-
items:
|
|
30
|
+
items: j.items,
|
|
29
31
|
"get-key": (e) => e.id,
|
|
30
|
-
expanded:
|
|
31
|
-
"aria-label":
|
|
32
|
-
"onUpdate:expanded":
|
|
32
|
+
expanded: N.value,
|
|
33
|
+
"aria-label": j.ariaLabel,
|
|
34
|
+
"onUpdate:expanded": c[1] ||= (e) => M("update:expanded", {
|
|
33
35
|
scoped: e,
|
|
34
36
|
all: !1
|
|
35
37
|
})
|
|
36
38
|
}, {
|
|
37
|
-
default:
|
|
39
|
+
default: C(({ flattenItems: e }) => [(_(!0), d(s, null, v(e, (e) => (_(), l(S(t), m({ key: e.value.id }, { ref_for: !0 }, e.bind, {
|
|
38
40
|
class: ["explorer-tree__item py-1 my-0.5 rounded outline-none", e.value.selectable === !1 ? "" : "explorer-tree__item--selectable"],
|
|
39
41
|
onSelect: (t) => {
|
|
40
|
-
t.detail.originalEvent.type === "click" || e.value.selectable === !1 ? t.preventDefault() :
|
|
42
|
+
t.detail.originalEvent.type === "click" || e.value.selectable === !1 ? t.preventDefault() : M("select", e.value);
|
|
41
43
|
},
|
|
42
|
-
onToggle:
|
|
44
|
+
onToggle: c[0] ||= (e) => {
|
|
43
45
|
e.detail.originalEvent.type === "click" && e.preventDefault();
|
|
44
46
|
}
|
|
45
47
|
}), {
|
|
46
|
-
default:
|
|
47
|
-
class:
|
|
48
|
-
style:
|
|
48
|
+
default: C(({ handleSelect: t, handleToggle: s }) => [f("div", {
|
|
49
|
+
class: h(["flex items-center", e.value.selectable !== !1 || e.hasChildren ? "cursor-pointer" : "cursor-default"]),
|
|
50
|
+
style: g({ "padding-left": e.level === 1 ? "0rem" : `${e.level - 1.5}rem` }),
|
|
49
51
|
onClick: () => {
|
|
50
|
-
e.value.selectable === !1 ? e.hasChildren &&
|
|
52
|
+
e.value.selectable === !1 ? e.hasChildren && s() : (t(), M("select", e.value));
|
|
51
53
|
},
|
|
52
|
-
onContextmenu:
|
|
54
|
+
onContextmenu: w((t) => M("contextmenu", {
|
|
53
55
|
node: e.value,
|
|
54
56
|
event: t
|
|
55
57
|
}), ["prevent"])
|
|
56
58
|
}, [
|
|
57
|
-
e.hasChildren ? (
|
|
59
|
+
e.hasChildren ? (_(), l(S(n), {
|
|
58
60
|
key: 0,
|
|
59
61
|
"aria-hidden": "true",
|
|
60
62
|
class: "explorer-tree__chevron shrink-0",
|
|
61
63
|
size: 16,
|
|
62
|
-
onClick:
|
|
63
|
-
|
|
64
|
+
onClick: w(() => {
|
|
65
|
+
s();
|
|
64
66
|
}, ["stop"])
|
|
65
|
-
}, null, 8, ["onClick"])) : (
|
|
67
|
+
}, null, 8, ["onClick"])) : (_(), l(S(n), {
|
|
66
68
|
key: 1,
|
|
67
69
|
"aria-hidden": "true",
|
|
68
70
|
class: "shrink-0 invisible",
|
|
69
71
|
size: 16
|
|
70
72
|
})),
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
e.value.tag ? (
|
|
73
|
+
f("div", E, [
|
|
74
|
+
y(o.$slots, "node-prefix", { node: e.value }, void 0, !0),
|
|
75
|
+
e.value.tag ? (_(), l(S(r), {
|
|
74
76
|
key: 0,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
77
|
+
content: e.value.tag
|
|
78
|
+
}, {
|
|
79
|
+
default: C(() => [f("div", {
|
|
80
|
+
role: "img",
|
|
81
|
+
"aria-label": e.value.tag,
|
|
82
|
+
class: h(["explorer-tree__item-tag flex items-center justify-center rounded-full p-1", S(i)[e.value.tag]?.background])
|
|
83
|
+
}, [S(a)[e.value.tag] ? (_(), l(b(S(a)[e.value.tag]), {
|
|
84
|
+
key: 0,
|
|
85
|
+
class: h(["explorer-tree__item-icon h-4 w-4", S(i)[e.value.tag]?.text])
|
|
86
|
+
}, null, 8, ["class"])) : u("", !0)], 10, D)]),
|
|
87
|
+
_: 2
|
|
88
|
+
}, 1032, ["content"])) : u("", !0),
|
|
89
|
+
y(o.$slots, "node-label", { node: e.value }, () => [f("span", O, x(e.value.name), 1)], !0)
|
|
84
90
|
]),
|
|
85
|
-
|
|
86
|
-
], 46,
|
|
91
|
+
f("div", k, [y(o.$slots, "node-suffix", { node: e.value }, void 0, !0)])
|
|
92
|
+
], 46, T)]),
|
|
87
93
|
_: 2
|
|
88
94
|
}, 1040, ["class", "onSelect"]))), 128))]),
|
|
89
95
|
_: 3
|
|
@@ -96,4 +102,4 @@ var w = ["onClick", "onContextmenu"], T = { class: "flex flex-1 items-center min
|
|
|
96
102
|
}
|
|
97
103
|
});
|
|
98
104
|
//#endregion
|
|
99
|
-
export {
|
|
105
|
+
export { A as default };
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { useForwardExpose as e } from "../shared/useForwardExpose.js";
|
|
2
|
+
import { useForwardPropsEmits as t } from "../shared/useForwardPropsEmits.js";
|
|
3
|
+
import { Presence_default as n } from "../Presence/Presence.js";
|
|
4
|
+
import { injectTooltipRootContext as r } from "./TooltipRoot.js";
|
|
5
|
+
import { TooltipContentImpl_default as i } from "./TooltipContentImpl.js";
|
|
6
|
+
import { TooltipContentHoverable_default as a } from "./TooltipContentHoverable.js";
|
|
7
|
+
import { createBlock as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, resolveDynamicComponent as d, unref as f, withCtx as p } from "vue";
|
|
8
|
+
//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipContent.js
|
|
9
|
+
var m = /* @__PURE__ */ s({
|
|
10
|
+
__name: "TooltipContent",
|
|
11
|
+
props: {
|
|
12
|
+
forceMount: {
|
|
13
|
+
type: Boolean,
|
|
14
|
+
required: !1
|
|
15
|
+
},
|
|
16
|
+
ariaLabel: {
|
|
17
|
+
type: String,
|
|
18
|
+
required: !1
|
|
19
|
+
},
|
|
20
|
+
asChild: {
|
|
21
|
+
type: Boolean,
|
|
22
|
+
required: !1
|
|
23
|
+
},
|
|
24
|
+
as: {
|
|
25
|
+
type: null,
|
|
26
|
+
required: !1
|
|
27
|
+
},
|
|
28
|
+
side: {
|
|
29
|
+
type: null,
|
|
30
|
+
required: !1
|
|
31
|
+
},
|
|
32
|
+
sideOffset: {
|
|
33
|
+
type: Number,
|
|
34
|
+
required: !1
|
|
35
|
+
},
|
|
36
|
+
align: {
|
|
37
|
+
type: null,
|
|
38
|
+
required: !1
|
|
39
|
+
},
|
|
40
|
+
alignOffset: {
|
|
41
|
+
type: Number,
|
|
42
|
+
required: !1
|
|
43
|
+
},
|
|
44
|
+
avoidCollisions: {
|
|
45
|
+
type: Boolean,
|
|
46
|
+
required: !1
|
|
47
|
+
},
|
|
48
|
+
collisionBoundary: {
|
|
49
|
+
type: null,
|
|
50
|
+
required: !1
|
|
51
|
+
},
|
|
52
|
+
collisionPadding: {
|
|
53
|
+
type: [Number, Object],
|
|
54
|
+
required: !1
|
|
55
|
+
},
|
|
56
|
+
arrowPadding: {
|
|
57
|
+
type: Number,
|
|
58
|
+
required: !1
|
|
59
|
+
},
|
|
60
|
+
sticky: {
|
|
61
|
+
type: String,
|
|
62
|
+
required: !1
|
|
63
|
+
},
|
|
64
|
+
hideWhenDetached: {
|
|
65
|
+
type: Boolean,
|
|
66
|
+
required: !1
|
|
67
|
+
},
|
|
68
|
+
positionStrategy: {
|
|
69
|
+
type: String,
|
|
70
|
+
required: !1
|
|
71
|
+
},
|
|
72
|
+
updatePositionStrategy: {
|
|
73
|
+
type: String,
|
|
74
|
+
required: !1
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
emits: ["escapeKeyDown", "pointerDownOutside"],
|
|
78
|
+
setup(s, { emit: m }) {
|
|
79
|
+
let h = s, g = m, _ = r(), v = t(h, g), { forwardRef: y } = e();
|
|
80
|
+
return (e, t) => (l(), o(f(n), { present: e.forceMount || f(_).open.value }, {
|
|
81
|
+
default: p(() => [(l(), o(d(f(_).disableHoverableContent.value ? i : a), c({ ref: f(y) }, f(v)), {
|
|
82
|
+
default: p(() => [u(e.$slots, "default")]),
|
|
83
|
+
_: 3
|
|
84
|
+
}, 16))]),
|
|
85
|
+
_: 3
|
|
86
|
+
}, 8, ["present"]));
|
|
87
|
+
}
|
|
88
|
+
});
|
|
89
|
+
//#endregion
|
|
90
|
+
export { m as TooltipContent_default };
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { useForwardExpose as e } from "../shared/useForwardExpose.js";
|
|
2
|
+
import { useForwardProps as t } from "../shared/useForwardProps.js";
|
|
3
|
+
import { useGraceArea as n } from "../shared/useGraceArea.js";
|
|
4
|
+
import { injectTooltipProviderContext as r } from "./TooltipProvider.js";
|
|
5
|
+
import { injectTooltipRootContext as i } from "./TooltipRoot.js";
|
|
6
|
+
import { TooltipContentImpl_default as a } from "./TooltipContentImpl.js";
|
|
7
|
+
import { createBlock as o, defineComponent as s, mergeProps as c, openBlock as l, renderSlot as u, unref as d, withCtx as f } from "vue";
|
|
8
|
+
//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipContentHoverable.js
|
|
9
|
+
var p = /* @__PURE__ */ s({
|
|
10
|
+
__name: "TooltipContentHoverable",
|
|
11
|
+
props: {
|
|
12
|
+
ariaLabel: {
|
|
13
|
+
type: String,
|
|
14
|
+
required: !1
|
|
15
|
+
},
|
|
16
|
+
asChild: {
|
|
17
|
+
type: Boolean,
|
|
18
|
+
required: !1
|
|
19
|
+
},
|
|
20
|
+
as: {
|
|
21
|
+
type: null,
|
|
22
|
+
required: !1
|
|
23
|
+
},
|
|
24
|
+
side: {
|
|
25
|
+
type: null,
|
|
26
|
+
required: !1
|
|
27
|
+
},
|
|
28
|
+
sideOffset: {
|
|
29
|
+
type: Number,
|
|
30
|
+
required: !1
|
|
31
|
+
},
|
|
32
|
+
align: {
|
|
33
|
+
type: null,
|
|
34
|
+
required: !1
|
|
35
|
+
},
|
|
36
|
+
alignOffset: {
|
|
37
|
+
type: Number,
|
|
38
|
+
required: !1
|
|
39
|
+
},
|
|
40
|
+
avoidCollisions: {
|
|
41
|
+
type: Boolean,
|
|
42
|
+
required: !1
|
|
43
|
+
},
|
|
44
|
+
collisionBoundary: {
|
|
45
|
+
type: null,
|
|
46
|
+
required: !1
|
|
47
|
+
},
|
|
48
|
+
collisionPadding: {
|
|
49
|
+
type: [Number, Object],
|
|
50
|
+
required: !1
|
|
51
|
+
},
|
|
52
|
+
arrowPadding: {
|
|
53
|
+
type: Number,
|
|
54
|
+
required: !1
|
|
55
|
+
},
|
|
56
|
+
sticky: {
|
|
57
|
+
type: String,
|
|
58
|
+
required: !1
|
|
59
|
+
},
|
|
60
|
+
hideWhenDetached: {
|
|
61
|
+
type: Boolean,
|
|
62
|
+
required: !1
|
|
63
|
+
},
|
|
64
|
+
positionStrategy: {
|
|
65
|
+
type: String,
|
|
66
|
+
required: !1
|
|
67
|
+
},
|
|
68
|
+
updatePositionStrategy: {
|
|
69
|
+
type: String,
|
|
70
|
+
required: !1
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
setup(s) {
|
|
74
|
+
let p = t(s), { forwardRef: m, currentElement: h } = e(), { trigger: g, onClose: _ } = i(), v = r(), { isPointerInTransit: y, onPointerExit: b } = n(g, h);
|
|
75
|
+
return v.isPointerInTransitRef = y, b(() => {
|
|
76
|
+
_();
|
|
77
|
+
}), (e, t) => (l(), o(a, c({ ref: d(m) }, d(p)), {
|
|
78
|
+
default: f(() => [u(e.$slots, "default")]),
|
|
79
|
+
_: 3
|
|
80
|
+
}, 16));
|
|
81
|
+
}
|
|
82
|
+
});
|
|
83
|
+
//#endregion
|
|
84
|
+
export { p as TooltipContentHoverable_default };
|
|
@@ -0,0 +1,136 @@
|
|
|
1
|
+
import { useEventListener as e } from "../../../../../@vueuse_core@14.3.0_vue@3.5.39_typescript@5.8.3_/node_modules/@vueuse/core/dist/index.js";
|
|
2
|
+
import t from "../../../../../defu@6.1.7/node_modules/defu/dist/defu.js";
|
|
3
|
+
import { useForwardExpose as n } from "../shared/useForwardExpose.js";
|
|
4
|
+
import { DismissableLayer_default as r } from "../DismissableLayer/DismissableLayer.js";
|
|
5
|
+
import { VisuallyHidden_default as i } from "../VisuallyHidden/VisuallyHidden.js";
|
|
6
|
+
import { PopperContent_default as a } from "../Popper/PopperContent.js";
|
|
7
|
+
import { injectTooltipProviderContext as o } from "./TooltipProvider.js";
|
|
8
|
+
import { TOOLTIP_OPEN as s } from "./utils.js";
|
|
9
|
+
import { injectTooltipRootContext as c } from "./TooltipRoot.js";
|
|
10
|
+
import { computed as l, createBlock as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, onMounted as h, openBlock as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b, withModifiers as x } from "vue";
|
|
11
|
+
//#region node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.39_typescript@5.8.3_/node_modules/reka-ui/dist/Tooltip/TooltipContentImpl.js
|
|
12
|
+
var S = /* @__PURE__ */ p({
|
|
13
|
+
__name: "TooltipContentImpl",
|
|
14
|
+
props: {
|
|
15
|
+
ariaLabel: {
|
|
16
|
+
type: String,
|
|
17
|
+
required: !1
|
|
18
|
+
},
|
|
19
|
+
asChild: {
|
|
20
|
+
type: Boolean,
|
|
21
|
+
required: !1,
|
|
22
|
+
default: void 0
|
|
23
|
+
},
|
|
24
|
+
as: {
|
|
25
|
+
type: null,
|
|
26
|
+
required: !1
|
|
27
|
+
},
|
|
28
|
+
side: {
|
|
29
|
+
type: null,
|
|
30
|
+
required: !1
|
|
31
|
+
},
|
|
32
|
+
sideOffset: {
|
|
33
|
+
type: Number,
|
|
34
|
+
required: !1
|
|
35
|
+
},
|
|
36
|
+
align: {
|
|
37
|
+
type: null,
|
|
38
|
+
required: !1
|
|
39
|
+
},
|
|
40
|
+
alignOffset: {
|
|
41
|
+
type: Number,
|
|
42
|
+
required: !1
|
|
43
|
+
},
|
|
44
|
+
avoidCollisions: {
|
|
45
|
+
type: Boolean,
|
|
46
|
+
required: !1,
|
|
47
|
+
default: void 0
|
|
48
|
+
},
|
|
49
|
+
collisionBoundary: {
|
|
50
|
+
type: null,
|
|
51
|
+
required: !1
|
|
52
|
+
},
|
|
53
|
+
collisionPadding: {
|
|
54
|
+
type: [Number, Object],
|
|
55
|
+
required: !1
|
|
56
|
+
},
|
|
57
|
+
arrowPadding: {
|
|
58
|
+
type: Number,
|
|
59
|
+
required: !1
|
|
60
|
+
},
|
|
61
|
+
sticky: {
|
|
62
|
+
type: String,
|
|
63
|
+
required: !1
|
|
64
|
+
},
|
|
65
|
+
hideWhenDetached: {
|
|
66
|
+
type: Boolean,
|
|
67
|
+
required: !1,
|
|
68
|
+
default: void 0
|
|
69
|
+
},
|
|
70
|
+
positionStrategy: {
|
|
71
|
+
type: String,
|
|
72
|
+
required: !1
|
|
73
|
+
},
|
|
74
|
+
updatePositionStrategy: {
|
|
75
|
+
type: String,
|
|
76
|
+
required: !1
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
emits: ["escapeKeyDown", "pointerDownOutside"],
|
|
80
|
+
setup(p, { emit: S }) {
|
|
81
|
+
let C = p, w = S, T = c(), E = o(), { forwardRef: D, currentElement: O } = n(), k = l(() => C.ariaLabel || O.value?.textContent), A = l(() => {
|
|
82
|
+
let { ariaLabel: e, ...n } = C;
|
|
83
|
+
return t(n, E.content.value ?? {}, {
|
|
84
|
+
side: "top",
|
|
85
|
+
sideOffset: 0,
|
|
86
|
+
align: "center",
|
|
87
|
+
avoidCollisions: !0,
|
|
88
|
+
collisionBoundary: [],
|
|
89
|
+
collisionPadding: 0,
|
|
90
|
+
arrowPadding: 0,
|
|
91
|
+
sticky: "partial",
|
|
92
|
+
hideWhenDetached: !1
|
|
93
|
+
});
|
|
94
|
+
});
|
|
95
|
+
return h(() => {
|
|
96
|
+
e(window, "scroll", (e) => {
|
|
97
|
+
e.target?.contains(T.trigger.value) && T.onClose();
|
|
98
|
+
}, { capture: !0 }), e(window, s, T.onClose);
|
|
99
|
+
}), (e, t) => (g(), u(y(r), {
|
|
100
|
+
"as-child": "",
|
|
101
|
+
"disable-outside-pointer-events": !1,
|
|
102
|
+
onEscapeKeyDown: t[0] ||= (e) => w("escapeKeyDown", e),
|
|
103
|
+
onPointerDownOutside: t[1] ||= (e) => {
|
|
104
|
+
y(T).disableClosingTrigger.value && y(T).trigger.value?.contains(e.target) && e.preventDefault(), w("pointerDownOutside", e);
|
|
105
|
+
},
|
|
106
|
+
onFocusOutside: t[2] ||= x(() => {}, ["prevent"]),
|
|
107
|
+
onDismiss: t[3] ||= (e) => y(T).onClose()
|
|
108
|
+
}, {
|
|
109
|
+
default: b(() => [f(y(a), m({
|
|
110
|
+
ref: y(D),
|
|
111
|
+
"data-state": y(T).stateAttribute.value
|
|
112
|
+
}, {
|
|
113
|
+
...e.$attrs,
|
|
114
|
+
...A.value
|
|
115
|
+
}, { style: {
|
|
116
|
+
"--reka-tooltip-content-transform-origin": "var(--reka-popper-transform-origin)",
|
|
117
|
+
"--reka-tooltip-content-available-width": "var(--reka-popper-available-width)",
|
|
118
|
+
"--reka-tooltip-content-available-height": "var(--reka-popper-available-height)",
|
|
119
|
+
"--reka-tooltip-trigger-width": "var(--reka-popper-anchor-width)",
|
|
120
|
+
"--reka-tooltip-trigger-height": "var(--reka-popper-anchor-height)"
|
|
121
|
+
} }), {
|
|
122
|
+
default: b(() => [_(e.$slots, "default"), f(y(i), {
|
|
123
|
+
id: y(T).contentId,
|
|
124
|
+
role: "tooltip"
|
|
125
|
+
}, {
|
|
126
|
+
default: b(() => [d(v(k.value), 1)]),
|
|
127
|
+
_: 1
|
|
128
|
+
}, 8, ["id"])]),
|
|
129
|
+
_: 3
|
|
130
|
+
}, 16, ["data-state"])]),
|
|
131
|
+
_: 3
|
|
132
|
+
}));
|
|
133
|
+
}
|
|
134
|
+
});
|
|
135
|
+
//#endregion
|
|
136
|
+
export { S as TooltipContentImpl_default };
|