@pismo/marola 2.1.43 → 2.1.44
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/assets/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1otwh_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1otwh_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1otwh_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1otwh_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1otwh_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1otwh_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1otwh_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1otwh_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1otwh_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1otwh_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1otwh_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1otwh_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1otwh_68{text-decoration:line-through}._u-typography-base--underlined_1otwh_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1otwh_74{text-decoration:underline line-through}._tooltip_1otwh_79{position:relative;max-width:16.125rem;padding:.75rem;margin:.375rem;color:var(--white-100);background-color:#003e80;border-radius:var(--border-radius);box-shadow:0 6px 12px #0003;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}._tooltip_1otwh_79:after{position:absolute;width:0;height:0;content:"";border-style:solid}._tooltip--bottom_1otwh_99:after{bottom:100%;left:50%;border-color:transparent transparent #003e80 transparent;border-width:0 8px 8px;transform:translate(-50%)}._tooltip--top_1otwh_106:after{top:100%;left:50%;border-color:#003e80 transparent transparent transparent;border-width:8px 8px 0;transform:translate(-50%)}._tooltip--right_1otwh_113:after{top:50%;right:100%;border-color:transparent #003e80 transparent transparent;border-width:8px 8px 8px 0;transform:translateY(-50%)}._tooltip--left_1otwh_120:after{top:50%;left:100%;border-color:transparent transparent transparent #003e80;border-width:8px 0 8px 8px;transform:translateY(-50%)}._tooltip__container_1otwh_128{display:flex;flex-direction:column;gap:.25rem}._tooltip__title_1otwh_134{font-size:var(--base-font-size-lg);font-size:1rem;font-weight:var(--base-bold);line-height:var(--base-line-height-lg)}._tooltip__content_1otwh_141{flex-grow:1;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._tooltip__footer_1otwh_148{padding-top:.75rem}._tooltip__footer-button_1otwh_152{width:100%;padding:.5rem;font-size:var(--base-font-size);font-weight:var(--base-bold);color:var(--white-100);text-align:center;cursor:pointer;background-color:inherit;border:1px solid var(--white-100);border-radius:var(--border-radius)}._tooltip__footer-button_1otwh_152:hover{background-color:#ffffff1a}._tooltip__footer-button_1otwh_152:focus{outline:none;box-shadow:0 0 0 2px #ffffff80}._tooltip__footer-link_1otwh_172{width:100%;padding:.5rem 0;font-size:1rem;font-weight:var(--font-weight-700);color:#fff;text-align:left;text-decoration:none;cursor:pointer}._tooltip--animation_1otwh_183._tooltip--anim-open_1otwh_183{animation:_tooltip--open-animation_1otwh_1 .3s ease-out both}._tooltip--animation_1otwh_183._tooltip--anim-close_1otwh_186{animation:_tooltip--close-animation_1otwh_1 .3s ease-out forwards}@keyframes _tooltip--open-animation_1otwh_1{0%{opacity:0;transform:translateY(-8px) scale(.95)}50%{opacity:1;transform:translateY(4px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _tooltip--close-animation_1otwh_1{0%{filter:blur(0);opacity:1;transform:scale(1) rotate(0)}to{filter:blur(3px);opacity:0;transform:scale(1.2) rotate(4deg)}}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as y, jsxs as I, Fragment as et } from "react/jsx-runtime";
|
|
2
2
|
import * as F from "react";
|
|
3
3
|
import { useRef as ot, useState as G, useEffect as J, isValidElement as nt, cloneElement as it } from "react";
|
|
4
|
-
import { T as at, P as
|
|
4
|
+
import { T as at, P as lt } from "../../Popup-Dffqo7wT.js";
|
|
5
5
|
import { c as X } from "../../clsx-OuTLNxxd.js";
|
|
6
|
-
import { b as
|
|
6
|
+
import { b as rt, _ as st, P as O } from "../../useSlotProps-CYHDC4TN.js";
|
|
7
7
|
import { C as ct } from "../../ClickAwayListener-Z08peX_P.js";
|
|
8
8
|
import '../../assets/Tooltip.css';function pt() {
|
|
9
9
|
const t = F.useContext(at);
|
|
@@ -19,7 +19,7 @@ import '../../assets/Tooltip.css';function pt() {
|
|
|
19
19
|
requestedEnter: i
|
|
20
20
|
};
|
|
21
21
|
}
|
|
22
|
-
const
|
|
22
|
+
const mt = ["children", "className", "enterAnimationName", "enterClassName", "exitAnimationName", "exitClassName"];
|
|
23
23
|
function Y(t) {
|
|
24
24
|
const {
|
|
25
25
|
children: e,
|
|
@@ -28,20 +28,20 @@ function Y(t) {
|
|
|
28
28
|
enterClassName: n,
|
|
29
29
|
exitAnimationName: o,
|
|
30
30
|
exitClassName: c
|
|
31
|
-
} = t,
|
|
31
|
+
} = t, l = rt(t, mt), {
|
|
32
32
|
requestedEnter: p,
|
|
33
33
|
onExited: _
|
|
34
34
|
} = pt(), s = F.useRef(!0);
|
|
35
35
|
F.useEffect(() => {
|
|
36
36
|
p && s.current && (s.current = !1);
|
|
37
37
|
}, [p]);
|
|
38
|
-
const
|
|
39
|
-
|
|
38
|
+
const m = F.useCallback((w) => {
|
|
39
|
+
w.animationName === o ? (_(), s.current = !0) : w.animationName === a && (s.current = !1);
|
|
40
40
|
}, [_, o, a]);
|
|
41
41
|
return /* @__PURE__ */ y("div", st({
|
|
42
|
-
onAnimationEnd:
|
|
42
|
+
onAnimationEnd: m,
|
|
43
43
|
className: X(i, p ? n : c)
|
|
44
|
-
},
|
|
44
|
+
}, l, {
|
|
45
45
|
children: e
|
|
46
46
|
}));
|
|
47
47
|
}
|
|
@@ -53,12 +53,12 @@ process.env.NODE_ENV !== "production" && (Y.propTypes = {
|
|
|
53
53
|
exitAnimationName: O.string,
|
|
54
54
|
exitClassName: O.string
|
|
55
55
|
});
|
|
56
|
-
const
|
|
56
|
+
const ut = {
|
|
57
57
|
left: "right",
|
|
58
58
|
right: "left",
|
|
59
59
|
bottom: "top",
|
|
60
60
|
top: "bottom"
|
|
61
|
-
},
|
|
61
|
+
}, ft = {
|
|
62
62
|
start: "end",
|
|
63
63
|
end: "start"
|
|
64
64
|
};
|
|
@@ -90,33 +90,33 @@ function yt(t, e, i) {
|
|
|
90
90
|
let c = n === "x" ? a === (i ? "end" : "start") ? "right" : "left" : a === "start" ? "bottom" : "top";
|
|
91
91
|
return e.reference[o] > e.floating[o] && (c = $(c)), [c, $(c)];
|
|
92
92
|
}
|
|
93
|
-
function
|
|
93
|
+
function wt(t) {
|
|
94
94
|
const e = $(t);
|
|
95
95
|
return [z(t), e, z(e)];
|
|
96
96
|
}
|
|
97
97
|
function z(t) {
|
|
98
|
-
return t.replace(/start|end/g, (e) =>
|
|
98
|
+
return t.replace(/start|end/g, (e) => ft[e]);
|
|
99
99
|
}
|
|
100
|
-
const K = ["left", "right"], Q = ["right", "left"],
|
|
101
|
-
function
|
|
100
|
+
const K = ["left", "right"], Q = ["right", "left"], xt = ["top", "bottom"], bt = ["bottom", "top"];
|
|
101
|
+
function vt(t, e, i) {
|
|
102
102
|
switch (t) {
|
|
103
103
|
case "top":
|
|
104
104
|
case "bottom":
|
|
105
105
|
return i ? e ? Q : K : e ? K : Q;
|
|
106
106
|
case "left":
|
|
107
107
|
case "right":
|
|
108
|
-
return e ?
|
|
108
|
+
return e ? xt : bt;
|
|
109
109
|
default:
|
|
110
110
|
return [];
|
|
111
111
|
}
|
|
112
112
|
}
|
|
113
113
|
function At(t, e, i, a) {
|
|
114
114
|
const n = H(t);
|
|
115
|
-
let o =
|
|
115
|
+
let o = vt(B(t), i === "start", a);
|
|
116
116
|
return n && (o = o.map((c) => c + "-" + n), e && (o = o.concat(o.map(z)))), o;
|
|
117
117
|
}
|
|
118
118
|
function $(t) {
|
|
119
|
-
return t.replace(/left|right|bottom|top/g, (e) =>
|
|
119
|
+
return t.replace(/left|right|bottom|top/g, (e) => ut[e]);
|
|
120
120
|
}
|
|
121
121
|
function Pt(t) {
|
|
122
122
|
return {
|
|
@@ -161,41 +161,41 @@ async function kt(t, e) {
|
|
|
161
161
|
y: n,
|
|
162
162
|
platform: o,
|
|
163
163
|
rects: c,
|
|
164
|
-
elements:
|
|
164
|
+
elements: l,
|
|
165
165
|
strategy: p
|
|
166
166
|
} = t, {
|
|
167
167
|
boundary: _ = "clippingAncestors",
|
|
168
168
|
rootBoundary: s = "viewport",
|
|
169
|
-
elementContext:
|
|
170
|
-
altBoundary:
|
|
169
|
+
elementContext: m = "floating",
|
|
170
|
+
altBoundary: w = !1,
|
|
171
171
|
padding: S = 0
|
|
172
|
-
} = Z(e, t),
|
|
173
|
-
element: (i = await (o.isElement == null ? void 0 : o.isElement(
|
|
172
|
+
} = Z(e, t), r = Nt(S), u = l[w ? m === "floating" ? "reference" : "floating" : m], x = U(await o.getClippingRect({
|
|
173
|
+
element: (i = await (o.isElement == null ? void 0 : o.isElement(u))) == null || i ? u : u.contextElement || await (o.getDocumentElement == null ? void 0 : o.getDocumentElement(l.floating)),
|
|
174
174
|
boundary: _,
|
|
175
175
|
rootBoundary: s,
|
|
176
176
|
strategy: p
|
|
177
|
-
})), g =
|
|
177
|
+
})), g = m === "floating" ? {
|
|
178
178
|
x: a,
|
|
179
179
|
y: n,
|
|
180
180
|
width: c.floating.width,
|
|
181
181
|
height: c.floating.height
|
|
182
|
-
} : c.reference, P = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(
|
|
182
|
+
} : c.reference, P = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(l.floating)), d = await (o.isElement == null ? void 0 : o.isElement(P)) ? await (o.getScale == null ? void 0 : o.getScale(P)) || {
|
|
183
183
|
x: 1,
|
|
184
184
|
y: 1
|
|
185
185
|
} : {
|
|
186
186
|
x: 1,
|
|
187
187
|
y: 1
|
|
188
|
-
},
|
|
189
|
-
elements:
|
|
188
|
+
}, b = U(o.convertOffsetParentRelativeRectToViewportRelativeRect ? await o.convertOffsetParentRelativeRectToViewportRelativeRect({
|
|
189
|
+
elements: l,
|
|
190
190
|
rect: g,
|
|
191
191
|
offsetParent: P,
|
|
192
192
|
strategy: p
|
|
193
193
|
}) : g);
|
|
194
194
|
return {
|
|
195
|
-
top: (
|
|
196
|
-
bottom: (
|
|
197
|
-
left: (
|
|
198
|
-
right: (
|
|
195
|
+
top: (x.top - b.top + r.top) / d.y,
|
|
196
|
+
bottom: (b.bottom - x.bottom + r.bottom) / d.y,
|
|
197
|
+
left: (x.left - b.left + r.left) / d.x,
|
|
198
|
+
right: (b.right - x.right + r.right) / d.x
|
|
199
199
|
};
|
|
200
200
|
}
|
|
201
201
|
const Ct = function(t) {
|
|
@@ -208,65 +208,65 @@ const Ct = function(t) {
|
|
|
208
208
|
placement: n,
|
|
209
209
|
middlewareData: o,
|
|
210
210
|
rects: c,
|
|
211
|
-
initialPlacement:
|
|
211
|
+
initialPlacement: l,
|
|
212
212
|
platform: p,
|
|
213
213
|
elements: _
|
|
214
214
|
} = e, {
|
|
215
215
|
mainAxis: s = !0,
|
|
216
|
-
crossAxis:
|
|
217
|
-
fallbackPlacements:
|
|
216
|
+
crossAxis: m = !0,
|
|
217
|
+
fallbackPlacements: w,
|
|
218
218
|
fallbackStrategy: S = "bestFit",
|
|
219
|
-
fallbackAxisSideDirection:
|
|
219
|
+
fallbackAxisSideDirection: r = "none",
|
|
220
220
|
flipAlignment: R = !0,
|
|
221
|
-
...
|
|
221
|
+
...u
|
|
222
222
|
} = Z(t, e);
|
|
223
223
|
if ((i = o.arrow) != null && i.alignmentOffset)
|
|
224
224
|
return {};
|
|
225
|
-
const
|
|
226
|
-
!
|
|
227
|
-
const L = [
|
|
228
|
-
let
|
|
229
|
-
if (s && E.push(M[
|
|
225
|
+
const x = B(n), g = D(l), P = B(l) === l, d = await (p.isRTL == null ? void 0 : p.isRTL(_.floating)), b = w || (P || !R ? [$(l)] : wt(l)), T = r !== "none";
|
|
226
|
+
!w && T && b.push(...At(l, R, r, d));
|
|
227
|
+
const L = [l, ...b], M = await kt(e, u), E = [];
|
|
228
|
+
let v = ((a = o.flip) == null ? void 0 : a.overflows) || [];
|
|
229
|
+
if (s && E.push(M[x]), m) {
|
|
230
230
|
const k = yt(n, c, d);
|
|
231
231
|
E.push(M[k[0]], M[k[1]]);
|
|
232
232
|
}
|
|
233
|
-
if (
|
|
233
|
+
if (v = [...v, {
|
|
234
234
|
placement: n,
|
|
235
235
|
overflows: E
|
|
236
236
|
}], !E.every((k) => k <= 0)) {
|
|
237
237
|
var V, N;
|
|
238
238
|
const k = (((V = o.flip) == null ? void 0 : V.index) || 0) + 1, q = L[k];
|
|
239
|
-
if (q && (!(
|
|
239
|
+
if (q && (!(m === "alignment" ? g !== D(q) : !1) || // We leave the current main axis only if every placement on that axis
|
|
240
240
|
// overflows the main axis.
|
|
241
|
-
|
|
241
|
+
v.every((f) => f.overflows[0] > 0 && D(f.placement) === g)))
|
|
242
242
|
return {
|
|
243
243
|
data: {
|
|
244
244
|
index: k,
|
|
245
|
-
overflows:
|
|
245
|
+
overflows: v
|
|
246
246
|
},
|
|
247
247
|
reset: {
|
|
248
248
|
placement: q
|
|
249
249
|
}
|
|
250
250
|
};
|
|
251
|
-
let j = (N =
|
|
251
|
+
let j = (N = v.filter((C) => C.overflows[0] <= 0).sort((C, f) => C.overflows[1] - f.overflows[1])[0]) == null ? void 0 : N.placement;
|
|
252
252
|
if (!j)
|
|
253
253
|
switch (S) {
|
|
254
254
|
case "bestFit": {
|
|
255
255
|
var W;
|
|
256
|
-
const C = (W =
|
|
256
|
+
const C = (W = v.filter((f) => {
|
|
257
257
|
if (T) {
|
|
258
|
-
const A = D(
|
|
258
|
+
const A = D(f.placement);
|
|
259
259
|
return A === g || // Create a bias to the `y` side axis due to horizontal
|
|
260
260
|
// reading directions favoring greater width.
|
|
261
261
|
A === "y";
|
|
262
262
|
}
|
|
263
263
|
return !0;
|
|
264
|
-
}).map((
|
|
264
|
+
}).map((f) => [f.placement, f.overflows.filter((A) => A > 0).reduce((A, tt) => A + tt, 0)]).sort((f, A) => f[1] - A[1])[0]) == null ? void 0 : W[0];
|
|
265
265
|
C && (j = C);
|
|
266
266
|
break;
|
|
267
267
|
}
|
|
268
268
|
case "initialPlacement":
|
|
269
|
-
j =
|
|
269
|
+
j = l;
|
|
270
270
|
break;
|
|
271
271
|
}
|
|
272
272
|
if (n !== j)
|
|
@@ -279,38 +279,38 @@ const Ct = function(t) {
|
|
|
279
279
|
return {};
|
|
280
280
|
}
|
|
281
281
|
};
|
|
282
|
-
}, Et = Ct, Ot = "
|
|
283
|
-
"u-typography-h1": "_u-typography-
|
|
284
|
-
"u-typography-h2": "_u-typography-
|
|
285
|
-
"u-typography-h3": "_u-typography-
|
|
286
|
-
"u-typography-h4": "_u-typography-
|
|
287
|
-
"u-typography-h5": "_u-typography-
|
|
288
|
-
"u-typography-h6": "_u-typography-
|
|
289
|
-
"u-typography-base": "_u-typography-
|
|
290
|
-
"u-typography-base--xxl": "_u-typography-base--
|
|
291
|
-
"u-typography-base--xl": "_u-typography-base--
|
|
292
|
-
"u-typography-base--lg": "_u-typography-base--
|
|
293
|
-
"u-typography-base--sm": "_u-typography-base--
|
|
294
|
-
"u-typography-base--bold": "_u-typography-base--
|
|
295
|
-
"u-typography-base--strikethrough": "_u-typography-base--
|
|
296
|
-
"u-typography-base--underlined": "_u-typography-base--
|
|
297
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-
|
|
282
|
+
}, Et = Ct, Ot = "_tooltip_1otwh_79", St = "_tooltip__container_1otwh_128", Rt = "_tooltip__title_1otwh_134", Tt = "_tooltip__content_1otwh_141", Mt = "_tooltip__footer_1otwh_148", h = {
|
|
283
|
+
"u-typography-h1": "_u-typography-h1_1otwh_1",
|
|
284
|
+
"u-typography-h2": "_u-typography-h2_1otwh_8",
|
|
285
|
+
"u-typography-h3": "_u-typography-h3_1otwh_15",
|
|
286
|
+
"u-typography-h4": "_u-typography-h4_1otwh_22",
|
|
287
|
+
"u-typography-h5": "_u-typography-h5_1otwh_29",
|
|
288
|
+
"u-typography-h6": "_u-typography-h6_1otwh_36",
|
|
289
|
+
"u-typography-base": "_u-typography-base_1otwh_43",
|
|
290
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_1otwh_49",
|
|
291
|
+
"u-typography-base--xl": "_u-typography-base--xl_1otwh_53",
|
|
292
|
+
"u-typography-base--lg": "_u-typography-base--lg_1otwh_57",
|
|
293
|
+
"u-typography-base--sm": "_u-typography-base--sm_1otwh_61",
|
|
294
|
+
"u-typography-base--bold": "_u-typography-base--bold_1otwh_65",
|
|
295
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_1otwh_68",
|
|
296
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_1otwh_71",
|
|
297
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1otwh_74",
|
|
298
298
|
tooltip: Ot,
|
|
299
|
-
"tooltip--bottom": "_tooltip--
|
|
300
|
-
"tooltip--top": "_tooltip--
|
|
301
|
-
"tooltip--right": "_tooltip--
|
|
302
|
-
"tooltip--left": "_tooltip--
|
|
299
|
+
"tooltip--bottom": "_tooltip--bottom_1otwh_99",
|
|
300
|
+
"tooltip--top": "_tooltip--top_1otwh_106",
|
|
301
|
+
"tooltip--right": "_tooltip--right_1otwh_113",
|
|
302
|
+
"tooltip--left": "_tooltip--left_1otwh_120",
|
|
303
303
|
tooltip__container: St,
|
|
304
304
|
tooltip__title: Rt,
|
|
305
305
|
tooltip__content: Tt,
|
|
306
306
|
tooltip__footer: Mt,
|
|
307
|
-
"tooltip__footer-button": "_tooltip__footer-
|
|
308
|
-
"tooltip__footer-link": "_tooltip__footer-
|
|
309
|
-
"tooltip--animation": "_tooltip--
|
|
310
|
-
"tooltip--anim-open": "_tooltip--anim-
|
|
311
|
-
"tooltip--open-animation": "_tooltip--open-
|
|
312
|
-
"tooltip--anim-close": "_tooltip--anim-
|
|
313
|
-
"tooltip--close-animation": "_tooltip--close-
|
|
307
|
+
"tooltip__footer-button": "_tooltip__footer-button_1otwh_152",
|
|
308
|
+
"tooltip__footer-link": "_tooltip__footer-link_1otwh_172",
|
|
309
|
+
"tooltip--animation": "_tooltip--animation_1otwh_183",
|
|
310
|
+
"tooltip--anim-open": "_tooltip--anim-open_1otwh_183",
|
|
311
|
+
"tooltip--open-animation": "_tooltip--open-animation_1otwh_1",
|
|
312
|
+
"tooltip--anim-close": "_tooltip--anim-close_1otwh_186",
|
|
313
|
+
"tooltip--close-animation": "_tooltip--close-animation_1otwh_1"
|
|
314
314
|
}, $t = ({
|
|
315
315
|
arialRole: t,
|
|
316
316
|
children: e,
|
|
@@ -319,56 +319,56 @@ const Ct = function(t) {
|
|
|
319
319
|
disableHoverListener: n,
|
|
320
320
|
onClose: o,
|
|
321
321
|
position: c = "bottom",
|
|
322
|
-
open:
|
|
322
|
+
open: l,
|
|
323
323
|
title: p,
|
|
324
324
|
content: _,
|
|
325
325
|
footer: s,
|
|
326
|
-
onTargetCreated:
|
|
327
|
-
popperZIndex:
|
|
326
|
+
onTargetCreated: m,
|
|
327
|
+
popperZIndex: w = 9999,
|
|
328
328
|
...S
|
|
329
329
|
}) => {
|
|
330
|
-
const
|
|
331
|
-
let
|
|
330
|
+
const r = ot(null), [R, u] = G(l || !1);
|
|
331
|
+
let x = R;
|
|
332
332
|
const [g, P] = G(c);
|
|
333
333
|
J(() => {
|
|
334
|
-
|
|
335
|
-
}, [
|
|
334
|
+
u(l || !1);
|
|
335
|
+
}, [l]);
|
|
336
336
|
const d = nt(e) ? e : /* @__PURE__ */ y("span", { children: e });
|
|
337
|
-
!_ && _ !== 0 && (
|
|
338
|
-
const
|
|
339
|
-
o == null || o(), !n &&
|
|
337
|
+
!_ && _ !== 0 && (x = !1);
|
|
338
|
+
const b = () => {
|
|
339
|
+
o == null || o(), !n && u(!1);
|
|
340
340
|
};
|
|
341
341
|
J(() => {
|
|
342
|
-
if (
|
|
343
|
-
const N =
|
|
344
|
-
|
|
342
|
+
if (r != null && r.current) {
|
|
343
|
+
const N = r == null ? void 0 : r.current;
|
|
344
|
+
m == null || m(N);
|
|
345
345
|
}
|
|
346
|
-
}, [
|
|
346
|
+
}, [r, n]);
|
|
347
347
|
const T = () => {
|
|
348
|
-
n ||
|
|
348
|
+
n || u(!0);
|
|
349
349
|
}, L = () => {
|
|
350
|
-
n ||
|
|
350
|
+
n || u(!1);
|
|
351
351
|
}, M = {
|
|
352
352
|
padding: g.match(/(bottom|top)/) ? ".25rem 0" : "0 .25rem",
|
|
353
|
-
zIndex:
|
|
354
|
-
}, E = X(h.tooltip, h[`tooltip--${g}`], i),
|
|
353
|
+
zIndex: w
|
|
354
|
+
}, E = X(h.tooltip, h[`tooltip--${g}`], i), v = {
|
|
355
355
|
...d.props,
|
|
356
|
-
ref:
|
|
357
|
-
onPointerEnter: n ? void 0 : () =>
|
|
358
|
-
onPointerLeave: n ? void 0 : () =>
|
|
356
|
+
ref: r,
|
|
357
|
+
onPointerEnter: n ? void 0 : () => u(!0),
|
|
358
|
+
onPointerLeave: n ? void 0 : () => u(!1)
|
|
359
359
|
}, V = () => ({
|
|
360
360
|
name: "currentPlacement",
|
|
361
361
|
fn: (N) => (P(N.placement), N)
|
|
362
362
|
});
|
|
363
363
|
return /* @__PURE__ */ I(et, { children: [
|
|
364
|
-
it(d,
|
|
364
|
+
it(d, v),
|
|
365
365
|
/* @__PURE__ */ y(
|
|
366
|
-
|
|
366
|
+
lt,
|
|
367
367
|
{
|
|
368
368
|
disablePortal: !0,
|
|
369
369
|
...S,
|
|
370
|
-
open:
|
|
371
|
-
anchor:
|
|
370
|
+
open: x,
|
|
371
|
+
anchor: r == null ? void 0 : r.current,
|
|
372
372
|
style: M,
|
|
373
373
|
role: t,
|
|
374
374
|
placement: g,
|
|
@@ -391,7 +391,7 @@ const Ct = function(t) {
|
|
|
391
391
|
style: a,
|
|
392
392
|
onPointerEnter: T,
|
|
393
393
|
onPointerLeave: L,
|
|
394
|
-
children: /* @__PURE__ */ y(ct, { onClickAway:
|
|
394
|
+
children: /* @__PURE__ */ y(ct, { onClickAway: b, children: /* @__PURE__ */ I("div", { className: h.tooltip__container, children: [
|
|
395
395
|
p && /* @__PURE__ */ y("div", { className: h.tooltip__title, children: p }),
|
|
396
396
|
/* @__PURE__ */ y("div", { className: h.tooltip__content, children: _ }),
|
|
397
397
|
s && /* @__PURE__ */ I("div", { className: h.tooltip__footer, children: [
|