@soft-stech/bootsman-ui-shadcn 2.0.33 → 2.0.34
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/{BuiActionBar.vue_vue_type_script_setup_true_lang-ttLNaQDg.js → BuiActionBar.vue_vue_type_script_setup_true_lang-DKZzWUg3.js} +14 -14
- package/dist/components/action-bar/BuiActionBar.js +1 -1
- package/dist/components/action-bar/index.js +1 -1
- package/dist/components/tooltip/BuiTooltipContent.js +2 -2
- package/dist/components/tooltip/BuiTooltipContent.vue.d.ts +6 -2
- package/dist/components/tooltip/index.d.ts +3 -0
- package/dist/components/tooltip/index.js +387 -8
- package/dist/index.js +121 -120
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/tooltip/BuiTooltipContent.vue +8 -2
- package/src/components/tooltip/index.ts +19 -0
- package/src/stories/BuiTooltip.stories.ts +22 -0
- package/dist/BuiTooltipContent.vue_vue_type_script_setup_true_lang-mTGQajaX.js +0 -367
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { defineComponent as O, ref as C, computed as k, onMounted as S, watch as I, createElementBlock as _, openBlock as r, createVNode as o, renderSlot as L, unref as a, withCtx as s, createBlock as u, createCommentVNode as h, Fragment as g, renderList as y, createElementVNode as p, resolveDynamicComponent as
|
|
1
|
+
import { defineComponent as O, ref as C, computed as k, onMounted as S, watch as I, createElementBlock as _, openBlock as r, createVNode as o, renderSlot as L, unref as a, withCtx as s, createBlock as u, createCommentVNode as h, Fragment as g, renderList as y, createElementVNode as p, resolveDynamicComponent as T, toDisplayString as l, createTextVNode as W, normalizeClass as V } from "vue";
|
|
2
2
|
import { useResizeObserver as z } from "@vueuse/core";
|
|
3
|
-
import { _ as
|
|
3
|
+
import { _ as B } from "./utils-CWz5p1Mv.js";
|
|
4
4
|
import { _ as F } from "./BuiDropdownMenu.vue_vue_type_script_setup_true_lang-XKtJ9ebc.js";
|
|
5
5
|
import { _ as U } from "./BuiDropdownMenuTrigger.vue_vue_type_script_setup_true_lang-B-AVJzKT.js";
|
|
6
6
|
import { _ as G } from "./BuiDropdownMenuContent.vue_vue_type_script_setup_true_lang-DycQJvs8.js";
|
|
7
7
|
import { _ as P } from "./BuiDropdownMenuItem.vue_vue_type_script_setup_true_lang-ic0FnPPQ.js";
|
|
8
8
|
import { _ as X } from "./BuiDropdownMenuSeparator.vue_vue_type_script_setup_true_lang-C1pX60RS.js";
|
|
9
|
-
import { _ as
|
|
10
|
-
import {
|
|
9
|
+
import { _ as $ } from "./BuiTooltip.vue_vue_type_script_setup_true_lang-Duhk5Jaw.js";
|
|
10
|
+
import { BuiTooltipContent as x } from "./components/tooltip/index.js";
|
|
11
11
|
import { _ as A } from "./BuiTooltipTrigger.vue_vue_type_script_setup_true_lang-Dp1PEIOt.js";
|
|
12
12
|
import { _ as j } from "./BuiTooltipProvider.vue_vue_type_script_setup_true_lang-BY5-KZjW.js";
|
|
13
13
|
const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
|
|
@@ -59,21 +59,21 @@ const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
|
|
|
59
59
|
}, [
|
|
60
60
|
o(a(j), null, {
|
|
61
61
|
default: s(() => [
|
|
62
|
-
(r(!0), _(g, null, y(D.value, (e) => (r(), u(a(
|
|
62
|
+
(r(!0), _(g, null, y(D.value, (e) => (r(), u(a($), {
|
|
63
63
|
key: e.label,
|
|
64
64
|
disabled: !(t.selectedCount && e.affectsCount)
|
|
65
65
|
}, {
|
|
66
66
|
default: s(() => [
|
|
67
67
|
o(a(A), { "as-child": "" }, {
|
|
68
68
|
default: s(() => [
|
|
69
|
-
o(
|
|
69
|
+
o(B, {
|
|
70
70
|
class: "relative flex gap-2 whitespace-nowrap",
|
|
71
71
|
variant: e.variant === "destructive" ? "destructive" : "outline",
|
|
72
72
|
disabled: e.disabled,
|
|
73
73
|
onClick: e.handler
|
|
74
74
|
}, {
|
|
75
75
|
default: s(() => [
|
|
76
|
-
e.icon ? (r(), u(
|
|
76
|
+
e.icon ? (r(), u(T(e.icon), {
|
|
77
77
|
key: 0,
|
|
78
78
|
class: "h-4 w-4"
|
|
79
79
|
})) : h("", !0),
|
|
@@ -84,9 +84,9 @@ const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
|
|
|
84
84
|
]),
|
|
85
85
|
_: 2
|
|
86
86
|
}, 1024),
|
|
87
|
-
o(a(
|
|
87
|
+
o(a(x), null, {
|
|
88
88
|
default: s(() => [
|
|
89
|
-
|
|
89
|
+
W(l(t.translations?.affects || "Affects") + " " + l(e.affectsCount) + " " + l(t.translations?.of || "of") + " " + l(t.selectedCount), 1)
|
|
90
90
|
]),
|
|
91
91
|
_: 2
|
|
92
92
|
}, 1024)
|
|
@@ -97,7 +97,7 @@ const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
|
|
|
97
97
|
default: s(() => [
|
|
98
98
|
o(a(U), { "as-child": "" }, {
|
|
99
99
|
default: s(() => [
|
|
100
|
-
o(
|
|
100
|
+
o(B, {
|
|
101
101
|
variant: "ghost",
|
|
102
102
|
class: "items-cente flex gap-1"
|
|
103
103
|
}, {
|
|
@@ -117,7 +117,7 @@ const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
|
|
|
117
117
|
default: s(() => [
|
|
118
118
|
(r(!0), _(g, null, y(f.value, (e, m) => (r(), _(g, { key: m }, [
|
|
119
119
|
e.variant === "destructive" && m > 0 && f.value[m - 1]?.variant !== "destructive" ? (r(), u(a(X), { key: 0 })) : h("", !0),
|
|
120
|
-
o(a(
|
|
120
|
+
o(a($), {
|
|
121
121
|
disabled: !(t.selectedCount && e.affectsCount)
|
|
122
122
|
}, {
|
|
123
123
|
default: s(() => [
|
|
@@ -132,7 +132,7 @@ const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
|
|
|
132
132
|
onClick: e.handler
|
|
133
133
|
}, {
|
|
134
134
|
default: s(() => [
|
|
135
|
-
e.icon ? (r(), u(
|
|
135
|
+
e.icon ? (r(), u(T(e.icon), {
|
|
136
136
|
key: 0,
|
|
137
137
|
class: "h-4 w-4"
|
|
138
138
|
})) : h("", !0),
|
|
@@ -143,9 +143,9 @@ const E = 12, q = 90, M = 100, J = 9.6, ie = /* @__PURE__ */ O({
|
|
|
143
143
|
]),
|
|
144
144
|
_: 2
|
|
145
145
|
}, 1024),
|
|
146
|
-
o(a(
|
|
146
|
+
o(a(x), null, {
|
|
147
147
|
default: s(() => [
|
|
148
|
-
|
|
148
|
+
W(l(t.translations?.affects || "Affects") + " " + l(e.affectsCount) + " " + l(t.translations?.of || "of") + " " + l(t.selectedCount), 1)
|
|
149
149
|
]),
|
|
150
150
|
_: 2
|
|
151
151
|
}, 1024)
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { TooltipContentProps } from 'reka-ui';
|
|
2
|
+
import { tooltipVariants } from '.';
|
|
3
|
+
interface Props extends TooltipContentProps {
|
|
4
|
+
variant?: NonNullable<Parameters<typeof tooltipVariants>[0]>['variant'];
|
|
5
|
+
}
|
|
2
6
|
declare function __VLS_template(): {
|
|
3
7
|
attrs: Partial<{}>;
|
|
4
8
|
slots: {
|
|
@@ -8,10 +12,10 @@ declare function __VLS_template(): {
|
|
|
8
12
|
rootEl: any;
|
|
9
13
|
};
|
|
10
14
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
-
declare const __VLS_component: import('vue').DefineComponent<
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
12
16
|
escapeKeyDown: (event: KeyboardEvent) => any;
|
|
13
17
|
pointerDownOutside: (event: Event) => any;
|
|
14
|
-
}, string, import('vue').PublicProps, Readonly<
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
15
19
|
onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
|
|
16
20
|
onPointerDownOutside?: ((event: Event) => any) | undefined;
|
|
17
21
|
}>, {
|
|
@@ -2,3 +2,6 @@ export { default as BuiTooltip } from './BuiTooltip.vue';
|
|
|
2
2
|
export { default as BuiTooltipContent } from './BuiTooltipContent.vue';
|
|
3
3
|
export { default as BuiTooltipTrigger } from './BuiTooltipTrigger.vue';
|
|
4
4
|
export { default as BuiTooltipProvider } from './BuiTooltipProvider.vue';
|
|
5
|
+
export declare const tooltipVariants: (props?: ({
|
|
6
|
+
variant?: "default" | "destructive" | "success" | "warning" | "info" | null | undefined;
|
|
7
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
@@ -1,10 +1,389 @@
|
|
|
1
|
-
import { _ as
|
|
2
|
-
import { _ as
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
1
|
+
import { _ as he } from "../../BuiTooltip.vue_vue_type_script_setup_true_lang-Duhk5Jaw.js";
|
|
2
|
+
import { defineComponent as m, useSlots as x, computed as q, onMounted as D, createBlock as c, openBlock as g, unref as e, withModifiers as O, withCtx as n, createVNode as h, mergeProps as _, renderSlot as y, createTextVNode as k, toDisplayString as N, Comment as L, resolveDynamicComponent as E, normalizeProps as $, guardReactiveProps as I, createElementVNode as V } from "vue";
|
|
3
|
+
import { u as T } from "../../useForwardPropsEmits-DriEAzTI.js";
|
|
4
|
+
import { u as w } from "../../useForwardExpose-DmyWSR4F.js";
|
|
5
|
+
import { P as j } from "../../Presence-BadhDRMZ.js";
|
|
6
|
+
import { i as C, a as M } from "../../TooltipRoot-BjG88hUm.js";
|
|
7
|
+
import { D as R } from "../../DismissableLayer-D-BrGAhy.js";
|
|
8
|
+
import { V as H } from "../../VisuallyHidden-CGVCwfWu.js";
|
|
9
|
+
import { P as K } from "../../PopperContent-CO4aQ0ir.js";
|
|
10
|
+
import { useEventListener as P } from "@vueuse/core";
|
|
11
|
+
import { u as z } from "../../useForwardProps-COe1clk4.js";
|
|
12
|
+
import { u as A } from "../../useGraceArea-Bmipt2ob.js";
|
|
13
|
+
import { i as F } from "../../TooltipProvider-CINEMA56.js";
|
|
14
|
+
import { T as W } from "../../Teleport-BzVCbZcz.js";
|
|
15
|
+
import { g as G, j as J } from "../../utils-CWz5p1Mv.js";
|
|
16
|
+
import { _ as Ce } from "../../BuiTooltipTrigger.vue_vue_type_script_setup_true_lang-Dp1PEIOt.js";
|
|
17
|
+
import { _ as Te } from "../../BuiTooltipProvider.vue_vue_type_script_setup_true_lang-BY5-KZjW.js";
|
|
18
|
+
var Q = /* @__PURE__ */ m({
|
|
19
|
+
__name: "TooltipContentImpl",
|
|
20
|
+
props: {
|
|
21
|
+
ariaLabel: {
|
|
22
|
+
type: String,
|
|
23
|
+
required: !1
|
|
24
|
+
},
|
|
25
|
+
asChild: {
|
|
26
|
+
type: Boolean,
|
|
27
|
+
required: !1
|
|
28
|
+
},
|
|
29
|
+
as: {
|
|
30
|
+
type: null,
|
|
31
|
+
required: !1
|
|
32
|
+
},
|
|
33
|
+
side: {
|
|
34
|
+
type: null,
|
|
35
|
+
required: !1,
|
|
36
|
+
default: "top"
|
|
37
|
+
},
|
|
38
|
+
sideOffset: {
|
|
39
|
+
type: Number,
|
|
40
|
+
required: !1,
|
|
41
|
+
default: 0
|
|
42
|
+
},
|
|
43
|
+
align: {
|
|
44
|
+
type: null,
|
|
45
|
+
required: !1,
|
|
46
|
+
default: "center"
|
|
47
|
+
},
|
|
48
|
+
alignOffset: {
|
|
49
|
+
type: Number,
|
|
50
|
+
required: !1
|
|
51
|
+
},
|
|
52
|
+
avoidCollisions: {
|
|
53
|
+
type: Boolean,
|
|
54
|
+
required: !1,
|
|
55
|
+
default: !0
|
|
56
|
+
},
|
|
57
|
+
collisionBoundary: {
|
|
58
|
+
type: null,
|
|
59
|
+
required: !1,
|
|
60
|
+
default: () => []
|
|
61
|
+
},
|
|
62
|
+
collisionPadding: {
|
|
63
|
+
type: [Number, Object],
|
|
64
|
+
required: !1,
|
|
65
|
+
default: 0
|
|
66
|
+
},
|
|
67
|
+
arrowPadding: {
|
|
68
|
+
type: Number,
|
|
69
|
+
required: !1,
|
|
70
|
+
default: 0
|
|
71
|
+
},
|
|
72
|
+
sticky: {
|
|
73
|
+
type: String,
|
|
74
|
+
required: !1,
|
|
75
|
+
default: "partial"
|
|
76
|
+
},
|
|
77
|
+
hideWhenDetached: {
|
|
78
|
+
type: Boolean,
|
|
79
|
+
required: !1,
|
|
80
|
+
default: !1
|
|
81
|
+
},
|
|
82
|
+
positionStrategy: {
|
|
83
|
+
type: String,
|
|
84
|
+
required: !1
|
|
85
|
+
},
|
|
86
|
+
updatePositionStrategy: {
|
|
87
|
+
type: String,
|
|
88
|
+
required: !1
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
emits: ["escapeKeyDown", "pointerDownOutside"],
|
|
92
|
+
setup(s, { emit: d }) {
|
|
93
|
+
const a = s, u = d, t = C(), { forwardRef: i } = w(), p = x(), f = q(() => p.default?.({})), v = q(() => {
|
|
94
|
+
if (a.ariaLabel) return a.ariaLabel;
|
|
95
|
+
let l = "";
|
|
96
|
+
function r(o) {
|
|
97
|
+
typeof o.children == "string" && o.type !== L ? l += o.children : Array.isArray(o.children) && o.children.forEach((S) => r(S));
|
|
98
|
+
}
|
|
99
|
+
return f.value?.forEach((o) => r(o)), l;
|
|
100
|
+
}), b = q(() => {
|
|
101
|
+
const { ariaLabel: l, ...r } = a;
|
|
102
|
+
return r;
|
|
103
|
+
});
|
|
104
|
+
return D(() => {
|
|
105
|
+
P(window, "scroll", (l) => {
|
|
106
|
+
l.target?.contains(t.trigger.value) && t.onClose();
|
|
107
|
+
}), P(window, M, t.onClose);
|
|
108
|
+
}), (l, r) => (g(), c(e(R), {
|
|
109
|
+
"as-child": "",
|
|
110
|
+
"disable-outside-pointer-events": !1,
|
|
111
|
+
onEscapeKeyDown: r[0] || (r[0] = (o) => u("escapeKeyDown", o)),
|
|
112
|
+
onPointerDownOutside: r[1] || (r[1] = (o) => {
|
|
113
|
+
e(t).disableClosingTrigger.value && e(t).trigger.value?.contains(o.target) && o.preventDefault(), u("pointerDownOutside", o);
|
|
114
|
+
}),
|
|
115
|
+
onFocusOutside: r[2] || (r[2] = O(() => {
|
|
116
|
+
}, ["prevent"])),
|
|
117
|
+
onDismiss: r[3] || (r[3] = (o) => e(t).onClose())
|
|
118
|
+
}, {
|
|
119
|
+
default: n(() => [h(e(K), _({
|
|
120
|
+
ref: e(i),
|
|
121
|
+
"data-state": e(t).stateAttribute.value
|
|
122
|
+
}, {
|
|
123
|
+
...l.$attrs,
|
|
124
|
+
...b.value
|
|
125
|
+
}, { style: {
|
|
126
|
+
"--reka-tooltip-content-transform-origin": "var(--reka-popper-transform-origin)",
|
|
127
|
+
"--reka-tooltip-content-available-width": "var(--reka-popper-available-width)",
|
|
128
|
+
"--reka-tooltip-content-available-height": "var(--reka-popper-available-height)",
|
|
129
|
+
"--reka-tooltip-trigger-width": "var(--reka-popper-anchor-width)",
|
|
130
|
+
"--reka-tooltip-trigger-height": "var(--reka-popper-anchor-height)"
|
|
131
|
+
} }), {
|
|
132
|
+
default: n(() => [y(l.$slots, "default"), h(e(H), {
|
|
133
|
+
id: e(t).contentId,
|
|
134
|
+
role: "tooltip"
|
|
135
|
+
}, {
|
|
136
|
+
default: n(() => [k(N(v.value), 1)]),
|
|
137
|
+
_: 1
|
|
138
|
+
}, 8, ["id"])]),
|
|
139
|
+
_: 3
|
|
140
|
+
}, 16, ["data-state"])]),
|
|
141
|
+
_: 3
|
|
142
|
+
}));
|
|
143
|
+
}
|
|
144
|
+
}), B = Q, U = /* @__PURE__ */ m({
|
|
145
|
+
__name: "TooltipContentHoverable",
|
|
146
|
+
props: {
|
|
147
|
+
ariaLabel: {
|
|
148
|
+
type: String,
|
|
149
|
+
required: !1
|
|
150
|
+
},
|
|
151
|
+
asChild: {
|
|
152
|
+
type: Boolean,
|
|
153
|
+
required: !1
|
|
154
|
+
},
|
|
155
|
+
as: {
|
|
156
|
+
type: null,
|
|
157
|
+
required: !1
|
|
158
|
+
},
|
|
159
|
+
side: {
|
|
160
|
+
type: null,
|
|
161
|
+
required: !1
|
|
162
|
+
},
|
|
163
|
+
sideOffset: {
|
|
164
|
+
type: Number,
|
|
165
|
+
required: !1
|
|
166
|
+
},
|
|
167
|
+
align: {
|
|
168
|
+
type: null,
|
|
169
|
+
required: !1
|
|
170
|
+
},
|
|
171
|
+
alignOffset: {
|
|
172
|
+
type: Number,
|
|
173
|
+
required: !1
|
|
174
|
+
},
|
|
175
|
+
avoidCollisions: {
|
|
176
|
+
type: Boolean,
|
|
177
|
+
required: !1
|
|
178
|
+
},
|
|
179
|
+
collisionBoundary: {
|
|
180
|
+
type: null,
|
|
181
|
+
required: !1
|
|
182
|
+
},
|
|
183
|
+
collisionPadding: {
|
|
184
|
+
type: [Number, Object],
|
|
185
|
+
required: !1
|
|
186
|
+
},
|
|
187
|
+
arrowPadding: {
|
|
188
|
+
type: Number,
|
|
189
|
+
required: !1
|
|
190
|
+
},
|
|
191
|
+
sticky: {
|
|
192
|
+
type: String,
|
|
193
|
+
required: !1
|
|
194
|
+
},
|
|
195
|
+
hideWhenDetached: {
|
|
196
|
+
type: Boolean,
|
|
197
|
+
required: !1
|
|
198
|
+
},
|
|
199
|
+
positionStrategy: {
|
|
200
|
+
type: String,
|
|
201
|
+
required: !1
|
|
202
|
+
},
|
|
203
|
+
updatePositionStrategy: {
|
|
204
|
+
type: String,
|
|
205
|
+
required: !1
|
|
206
|
+
}
|
|
207
|
+
},
|
|
208
|
+
setup(s) {
|
|
209
|
+
const a = z(s), { forwardRef: u, currentElement: t } = w(), { trigger: i, onClose: p } = C(), f = F(), { isPointerInTransit: v, onPointerExit: b } = A(i, t);
|
|
210
|
+
return f.isPointerInTransitRef = v, b(() => {
|
|
211
|
+
p();
|
|
212
|
+
}), (l, r) => (g(), c(B, _({ ref: e(u) }, e(a)), {
|
|
213
|
+
default: n(() => [y(l.$slots, "default")]),
|
|
214
|
+
_: 3
|
|
215
|
+
}, 16));
|
|
216
|
+
}
|
|
217
|
+
}), X = U, Y = /* @__PURE__ */ m({
|
|
218
|
+
__name: "TooltipContent",
|
|
219
|
+
props: {
|
|
220
|
+
forceMount: {
|
|
221
|
+
type: Boolean,
|
|
222
|
+
required: !1
|
|
223
|
+
},
|
|
224
|
+
ariaLabel: {
|
|
225
|
+
type: String,
|
|
226
|
+
required: !1
|
|
227
|
+
},
|
|
228
|
+
asChild: {
|
|
229
|
+
type: Boolean,
|
|
230
|
+
required: !1
|
|
231
|
+
},
|
|
232
|
+
as: {
|
|
233
|
+
type: null,
|
|
234
|
+
required: !1
|
|
235
|
+
},
|
|
236
|
+
side: {
|
|
237
|
+
type: null,
|
|
238
|
+
required: !1,
|
|
239
|
+
default: "top"
|
|
240
|
+
},
|
|
241
|
+
sideOffset: {
|
|
242
|
+
type: Number,
|
|
243
|
+
required: !1
|
|
244
|
+
},
|
|
245
|
+
align: {
|
|
246
|
+
type: null,
|
|
247
|
+
required: !1
|
|
248
|
+
},
|
|
249
|
+
alignOffset: {
|
|
250
|
+
type: Number,
|
|
251
|
+
required: !1
|
|
252
|
+
},
|
|
253
|
+
avoidCollisions: {
|
|
254
|
+
type: Boolean,
|
|
255
|
+
required: !1
|
|
256
|
+
},
|
|
257
|
+
collisionBoundary: {
|
|
258
|
+
type: null,
|
|
259
|
+
required: !1
|
|
260
|
+
},
|
|
261
|
+
collisionPadding: {
|
|
262
|
+
type: [Number, Object],
|
|
263
|
+
required: !1
|
|
264
|
+
},
|
|
265
|
+
arrowPadding: {
|
|
266
|
+
type: Number,
|
|
267
|
+
required: !1
|
|
268
|
+
},
|
|
269
|
+
sticky: {
|
|
270
|
+
type: String,
|
|
271
|
+
required: !1
|
|
272
|
+
},
|
|
273
|
+
hideWhenDetached: {
|
|
274
|
+
type: Boolean,
|
|
275
|
+
required: !1
|
|
276
|
+
},
|
|
277
|
+
positionStrategy: {
|
|
278
|
+
type: String,
|
|
279
|
+
required: !1
|
|
280
|
+
},
|
|
281
|
+
updatePositionStrategy: {
|
|
282
|
+
type: String,
|
|
283
|
+
required: !1
|
|
284
|
+
}
|
|
285
|
+
},
|
|
286
|
+
emits: ["escapeKeyDown", "pointerDownOutside"],
|
|
287
|
+
setup(s, { emit: d }) {
|
|
288
|
+
const a = s, u = d, t = C(), i = T(a, u), { forwardRef: p } = w();
|
|
289
|
+
return (f, v) => (g(), c(e(j), { present: f.forceMount || e(t).open.value }, {
|
|
290
|
+
default: n(() => [(g(), c(E(e(t).disableHoverableContent.value ? B : X), _({ ref: e(p) }, e(i)), {
|
|
291
|
+
default: n(() => [y(f.$slots, "default")]),
|
|
292
|
+
_: 3
|
|
293
|
+
}, 16))]),
|
|
294
|
+
_: 3
|
|
295
|
+
}, 8, ["present"]));
|
|
296
|
+
}
|
|
297
|
+
}), Z = Y, ee = /* @__PURE__ */ m({
|
|
298
|
+
__name: "TooltipPortal",
|
|
299
|
+
props: {
|
|
300
|
+
to: {
|
|
301
|
+
type: null,
|
|
302
|
+
required: !1
|
|
303
|
+
},
|
|
304
|
+
disabled: {
|
|
305
|
+
type: Boolean,
|
|
306
|
+
required: !1
|
|
307
|
+
},
|
|
308
|
+
defer: {
|
|
309
|
+
type: Boolean,
|
|
310
|
+
required: !1
|
|
311
|
+
},
|
|
312
|
+
forceMount: {
|
|
313
|
+
type: Boolean,
|
|
314
|
+
required: !1
|
|
315
|
+
}
|
|
316
|
+
},
|
|
317
|
+
setup(s) {
|
|
318
|
+
const d = s;
|
|
319
|
+
return (a, u) => (g(), c(e(W), $(I(d)), {
|
|
320
|
+
default: n(() => [y(a.$slots, "default")]),
|
|
321
|
+
_: 3
|
|
322
|
+
}, 16));
|
|
323
|
+
}
|
|
324
|
+
}), te = ee;
|
|
325
|
+
const re = { class: "scrollbar-thin scrollbar-track-tooltip scrollbar-thumb-primary-foreground max-h-40 overflow-y-auto px-2" }, _e = /* @__PURE__ */ m({
|
|
326
|
+
__name: "BuiTooltipContent",
|
|
327
|
+
props: {
|
|
328
|
+
variant: {},
|
|
329
|
+
forceMount: { type: Boolean },
|
|
330
|
+
ariaLabel: {},
|
|
331
|
+
asChild: { type: Boolean },
|
|
332
|
+
as: {},
|
|
333
|
+
side: {},
|
|
334
|
+
sideOffset: { default: 4 },
|
|
335
|
+
align: {},
|
|
336
|
+
alignOffset: {},
|
|
337
|
+
avoidCollisions: { type: Boolean },
|
|
338
|
+
collisionBoundary: {},
|
|
339
|
+
collisionPadding: {},
|
|
340
|
+
arrowPadding: {},
|
|
341
|
+
sticky: {},
|
|
342
|
+
hideWhenDetached: { type: Boolean },
|
|
343
|
+
positionStrategy: {},
|
|
344
|
+
updatePositionStrategy: {}
|
|
345
|
+
},
|
|
346
|
+
emits: ["escapeKeyDown", "pointerDownOutside"],
|
|
347
|
+
setup(s, { emit: d }) {
|
|
348
|
+
const t = T(s, d);
|
|
349
|
+
return (i, p) => (g(), c(e(te), null, {
|
|
350
|
+
default: n(() => [
|
|
351
|
+
h(e(Z), _({ ...e(t), ...i.$attrs }, {
|
|
352
|
+
class: e(G)(
|
|
353
|
+
"shadow-level3 animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-tooltip [&_a]:text-tooltip-link z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm [&_a]:underline",
|
|
354
|
+
e(oe)({ variant: i.variant }),
|
|
355
|
+
i.$attrs.class ?? ""
|
|
356
|
+
)
|
|
357
|
+
}), {
|
|
358
|
+
default: n(() => [
|
|
359
|
+
V("div", re, [
|
|
360
|
+
y(i.$slots, "default")
|
|
361
|
+
])
|
|
362
|
+
]),
|
|
363
|
+
_: 3
|
|
364
|
+
}, 16, ["class"])
|
|
365
|
+
]),
|
|
366
|
+
_: 3
|
|
367
|
+
}));
|
|
368
|
+
}
|
|
369
|
+
}), oe = J("", {
|
|
370
|
+
variants: {
|
|
371
|
+
variant: {
|
|
372
|
+
default: "border-muted text-primary-foreground",
|
|
373
|
+
destructive: "border-0 border-l-2 bg-destructive border-destructive-foreground text-destructive-foreground [&_svg]:text-destructive-foreground [&_div]:[scrollbar-color:initial]",
|
|
374
|
+
success: "border-0 border-l-2 bg-success border-success-foreground text-success-foreground [&_svg]:text-success-foreground [&_div]:[scrollbar-color:initial]",
|
|
375
|
+
warning: "border-0 border-l-2 bg-warning border-warning-foreground text-warning-foreground [&_svg]:text-warning-foreground [&_div]:[scrollbar-color:initial]",
|
|
376
|
+
info: "border-0 border-l-2 bg-info border-info-foreground text-info-foreground [&_svg]:text-info-foreground [&_div]:[scrollbar-color:initial]"
|
|
377
|
+
}
|
|
378
|
+
},
|
|
379
|
+
defaultVariants: {
|
|
380
|
+
variant: "default"
|
|
381
|
+
}
|
|
382
|
+
});
|
|
5
383
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
384
|
+
he as BuiTooltip,
|
|
385
|
+
_e as BuiTooltipContent,
|
|
386
|
+
Te as BuiTooltipProvider,
|
|
387
|
+
Ce as BuiTooltipTrigger,
|
|
388
|
+
oe as tooltipVariants
|
|
10
389
|
};
|