solid-baseui 0.1.0-alpha.1 → 0.1.0-alpha.3
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/CHANGELOG.md +56 -0
- package/README.md +30 -35
- package/dist/lib/client/DialogHandle-DluOK_7u.js +521 -0
- package/dist/lib/client/DialogPopup-CfEb3F54.js +138 -0
- package/dist/lib/client/FieldControl-eDe-Jnp9.js +142 -0
- package/dist/lib/client/{FieldRootContext-izCEh80D.js → FieldRootContext-D3fuVjs3.js} +1 -1
- package/dist/lib/client/{FocusManager-NP1uPXTi.js → FocusManager-q7z7PMV1.js} +92 -89
- package/dist/lib/client/{InternalBackdrop-cSK13gaM.js → InternalBackdrop-B8_lfUvf.js} +1 -1
- package/dist/lib/client/{MenuSubmenuTrigger-yfncqM-D.js → MenuSubmenuTrigger-DMb5CwTF.js} +386 -386
- package/dist/lib/client/{PopupHandle-CQI6Om1Z.js → PopupHandle-DyX5gY1e.js} +17 -11
- package/dist/lib/client/{PopupStore-Du0O57fL.js → PopupStore-BjRwcvbG.js} +91 -88
- package/dist/lib/client/PopupViewport-BanYHrD-.js +154 -0
- package/dist/lib/client/{TriggerFocusGuards-Cs8LVBj5.js → TriggerFocusGuards-Fzspp3Y1.js} +2 -2
- package/dist/lib/client/accordion/index.js +1 -1
- package/dist/lib/client/{accordion-BFeZFpJZ.js → accordion-CA2DfX67.js} +144 -144
- package/dist/lib/client/alert-dialog/index.js +1 -1
- package/dist/lib/client/{alert-dialog-BxGUF8_Q.js → alert-dialog-Bup88Dpx.js} +2 -2
- package/dist/lib/client/autocomplete/index.js +1 -1
- package/dist/lib/client/{autocomplete-C9QA98XD.js → autocomplete-oyy_uRpU.js} +2 -2
- package/dist/lib/client/avatar/index.js +1 -1
- package/dist/lib/client/avatar-DNZ4fnBd.js +191 -0
- package/dist/lib/client/button/index.js +1 -1
- package/dist/lib/client/button-BJZYmCVv.js +88 -0
- package/dist/lib/client/checkbox/index.js +1 -1
- package/dist/lib/client/checkbox-group/index.js +1 -1
- package/dist/lib/client/{checkbox-group-CwMDoSTK.js → checkbox-group-DGyrciZJ.js} +1 -1
- package/dist/lib/client/checkbox-sQHYTbpB.js +425 -0
- package/dist/lib/client/collapsible/index.js +1 -1
- package/dist/lib/client/collapsible-BENbFFCc.js +230 -0
- package/dist/lib/client/combobox/index.js +1 -1
- package/dist/lib/client/{combobox-6DhOdzit.js → combobox-BGH8QLXH.js} +143 -141
- package/dist/lib/client/compositeNavigation-DCt1sQon.js +82 -0
- package/dist/lib/client/{constants-cOVxAoxB.js → constants-ByOMFJAe.js} +100 -100
- package/dist/lib/client/context-menu/index.js +1 -1
- package/dist/lib/client/context-menu-xQ1sBCET.js +220 -0
- package/dist/lib/client/{createAnchorPositioning-D96gu-Dz.js → createAnchorPositioning-DCXIApS1.js} +1 -1
- package/dist/lib/client/{createAnchoredPopupScrollLock-Cx0cbh1_.js → createAnchoredPopupScrollLock-BxKpJbCE.js} +2 -2
- package/dist/lib/client/{createClickInteraction-CTaIFBiV.js → createClickInteraction-BeBsTqtY.js} +1 -1
- package/dist/lib/client/{createFocusInteraction--s9_qBf3.js → createFocusInteraction-DQPWkZe2.js} +7 -7
- package/dist/lib/client/{createPopupAutoResize-Dn-stj-8.js → createPopupAutoResize-CSNpMz5v.js} +3 -3
- package/dist/lib/client/dialog/index.js +1 -1
- package/dist/lib/client/{dialog-B9tR9X48.js → dialog-C0EF0a5u.js} +2 -2
- package/dist/lib/client/{dom-BEAeQ9Eb.js → dom-lDdayFF_.js} +25 -15
- package/dist/lib/client/drawer/index.js +1 -1
- package/dist/lib/client/{drawer-dyr3_sKQ.js → drawer-uKoNBwDU.js} +519 -518
- package/dist/lib/client/field/index.js +1 -1
- package/dist/lib/client/{field-CjUAjp1m.js → field-DIMrgpBW.js} +144 -144
- package/dist/lib/client/form/index.js +1 -1
- package/dist/lib/client/form-Bqq8wSLY.js +109 -0
- package/dist/lib/client/index.js +34 -34
- package/dist/lib/client/input/index.js +1 -1
- package/dist/lib/client/{input-_QHvSSqM.js → input-YthuKwIE.js} +1 -1
- package/dist/lib/client/internals/composeEventHandlers.js +14 -8
- package/dist/lib/client/internals/field-root-context/index.js +2 -2
- package/dist/lib/client/{mergeStyleValue-DhTA9Nwe.js → isSolidAccessor-BH_FevwH.js} +1 -12
- package/dist/lib/client/menu/index.js +1 -1
- package/dist/lib/client/{menu-DLqUBmMK.js → menu-4rNLN6aX.js} +79 -79
- package/dist/lib/client/menubar/index.js +1 -1
- package/dist/lib/client/menubar-nFQGtNmY.js +163 -0
- package/dist/lib/client/mergeStyleValue-Dcd36yxZ.js +12 -0
- package/dist/lib/client/navigation-menu/index.js +1 -1
- package/dist/lib/client/{navigation-menu-mVHV41Ky.js → navigation-menu-BbRyun3a.js} +284 -284
- package/dist/lib/client/number-field/index.js +1 -1
- package/dist/lib/client/{number-field-DusLw_0X.js → number-field-hT_H0hVu.js} +356 -356
- package/dist/lib/client/otp-field/index.js +1 -1
- package/dist/lib/client/otp-field-lsy2iGID.js +584 -0
- package/dist/lib/client/popover/index.js +1 -1
- package/dist/lib/client/{popover-Cv7xn0nW.js → popover-Cmvmuf1L.js} +250 -248
- package/dist/lib/client/{popupStateMapping-C6jQ_LKo.js → popupStateMapping-nhukB8NK.js} +51 -51
- package/dist/lib/client/preview-card/index.js +1 -1
- package/dist/lib/client/{preview-card-FTN_aafM.js → preview-card-Dtu8AnBN.js} +168 -168
- package/dist/lib/client/radio/index.js +1 -1
- package/dist/lib/client/{radio-DA_oZhQT.js → radio-CeCU-Qqi.js} +77 -77
- package/dist/lib/client/radio-group/index.js +1 -1
- package/dist/lib/client/radio-group-NbuJvjQe.js +195 -0
- package/dist/lib/client/{safePolygon-DJG0VIVo.js → safePolygon-DVAR5dQD.js} +70 -70
- package/dist/lib/client/scroll-area/index.js +1 -1
- package/dist/lib/client/scroll-area-DqbvoAd7.js +717 -0
- package/dist/lib/client/{scrollable-SRNYlhF7.js → scrollable-BVaDUXng.js} +12 -12
- package/dist/lib/client/select/index.js +1 -1
- package/dist/lib/client/{select-DSPJt7Rk.js → select-Dad51Xbn.js} +635 -634
- package/dist/lib/client/slider/index.js +1 -1
- package/dist/lib/client/slider-CLSKFq_M.js +927 -0
- package/dist/lib/client/switch/index.js +1 -1
- package/dist/lib/client/{switch-CPl7QHKI.js → switch-Bzuu5EIg.js} +61 -61
- package/dist/lib/client/tabs/index.js +1 -1
- package/dist/lib/client/{tabs-Bn4rZDyZ.js → tabs-DWiBDv8D.js} +252 -249
- package/dist/lib/client/toast/index.js +1 -1
- package/dist/lib/client/{toast-7LdqZWOs.js → toast-DmtPJW2k.js} +353 -353
- package/dist/lib/client/toggle/index.js +1 -1
- package/dist/lib/client/{toggle-CsC37e3e.js → toggle-CAe-Z8Xn.js} +33 -33
- package/dist/lib/client/toggle-group/index.js +1 -1
- package/dist/lib/client/{toggle-group-DSWb9HxN.js → toggle-group-BbQg5s-m.js} +44 -44
- package/dist/lib/client/toolbar/index.js +1 -1
- package/dist/lib/client/{toolbar-DcCi3HNp.js → toolbar-BXT_g-oX.js} +218 -218
- package/dist/lib/client/tooltip/index.js +1 -1
- package/dist/lib/client/{tooltip-D-PkGco9.js → tooltip-h2r2_Xuo.js} +250 -249
- package/dist/lib/client/{useFilteredItems-B7z2CGMV.js → useFilteredItems-BX0BEuSI.js} +850 -819
- package/dist/lib/server/{DialogHandle-nJSSy_jM.js → DialogHandle-BGIISmG7.js} +16 -16
- package/dist/lib/server/{DialogPopup-Da1aIxVA.js → DialogPopup-C2ZDGf42.js} +4 -4
- package/dist/lib/server/{FieldControl-BDeNR3ug.js → FieldControl-CDMMyvuj.js} +6 -6
- package/dist/lib/server/{FieldRootContext-IC-LWzVp.js → FieldRootContext-Bfpna6gA.js} +3 -3
- package/dist/lib/server/{FocusManager-1LfoCsya.js → FocusManager-D-xgblGs.js} +9 -3
- package/dist/lib/server/{InternalBackdrop-C_iDPVR-.js → InternalBackdrop-D_2zAWnl.js} +1 -1
- package/dist/lib/server/{MenuSubmenuTrigger-rR8ZN7YR.js → MenuSubmenuTrigger-BMQKlOvU.js} +50 -50
- package/dist/lib/server/{PopupHandle-Ct6wywmP.js → PopupHandle-QNj4mED2.js} +14 -5
- package/dist/lib/server/{PopupStore-kHjFPiQ5.js → PopupStore-evylvVnN.js} +5 -2
- package/dist/lib/server/{PopupViewport-DftN5VUp.js → PopupViewport-BDttjORN.js} +37 -27
- package/dist/lib/server/{TriggerFocusGuards-CvoGfft9.js → TriggerFocusGuards-B9GNbLrL.js} +2 -2
- package/dist/lib/server/accordion/index.js +7 -7
- package/dist/lib/server/alert-dialog/index.js +2 -2
- package/dist/lib/server/autocomplete/index.js +2 -2
- package/dist/lib/server/avatar/index.js +3 -3
- package/dist/lib/server/button/index.js +6 -6
- package/dist/lib/server/checkbox/index.js +7 -7
- package/dist/lib/server/checkbox-group/index.js +1 -1
- package/dist/lib/server/collapsible/index.js +6 -6
- package/dist/lib/server/combobox/index.js +18 -18
- package/dist/lib/server/{compositeNavigation-BRVT1C38.js → compositeNavigation-D5jKM4yk.js} +32 -1
- package/dist/lib/server/{constants-D7ciIzsV.js → constants-ByqXubhO.js} +2 -2
- package/dist/lib/server/context-menu/index.js +9 -9
- package/dist/lib/server/{createAnchorPositioning-B5Y0WEev.js → createAnchorPositioning-DrQYe7RS.js} +1 -1
- package/dist/lib/server/{createAnchoredPopupScrollLock-DFuUrykR.js → createAnchoredPopupScrollLock-q6gnOSmv.js} +2 -2
- package/dist/lib/server/{createClickInteraction-BYsMgvup.js → createClickInteraction-D7oc1Vco.js} +1 -1
- package/dist/lib/server/{createFocusInteraction-DMyKsniI.js → createFocusInteraction-DFKr4G7a.js} +1 -1
- package/dist/lib/server/{createPopupAutoResize-ImBjwdj_.js → createPopupAutoResize-Cg0-lLf4.js} +1 -1
- package/dist/lib/server/dialog/index.js +2 -2
- package/dist/lib/server/{dom-Crg_2R-j.js → dom-D8_aB1yy.js} +14 -1
- package/dist/lib/server/drawer/index.js +38 -34
- package/dist/lib/server/field/index.js +6 -6
- package/dist/lib/server/form/index.js +2 -2
- package/dist/lib/server/input/index.js +1 -1
- package/dist/lib/server/internals/composeEventHandlers.js +15 -9
- package/dist/lib/server/internals/field-root-context/index.js +1 -1
- package/dist/lib/server/{mergeStyleValue-BwJ10_X2.js → isSolidAccessor-CZpzAH5l.js} +1 -20
- package/dist/lib/server/menu/index.js +17 -17
- package/dist/lib/server/menubar/index.js +4 -4
- package/dist/lib/server/mergeStyleValue-DecVaoac.js +20 -0
- package/dist/lib/server/navigation-menu/index.js +21 -21
- package/dist/lib/server/number-field/index.js +21 -21
- package/dist/lib/server/otp-field/index.js +8 -8
- package/dist/lib/server/popover/index.js +27 -26
- package/dist/lib/server/{popupStateMapping-B2KsiiLb.js → popupStateMapping-VHqr6M4H.js} +1 -1
- package/dist/lib/server/preview-card/index.js +16 -16
- package/dist/lib/server/radio/index.js +6 -6
- package/dist/lib/server/radio-group/index.js +5 -5
- package/dist/lib/server/{safePolygon-C1GNJbKR.js → safePolygon-B8QtiIZ3.js} +1 -1
- package/dist/lib/server/scroll-area/index.js +18 -18
- package/dist/lib/server/{scrollable-CjsSxbGr.js → scrollable-C9Pgq8T5.js} +1 -1
- package/dist/lib/server/select/index.js +39 -38
- package/dist/lib/server/slider/index.js +14 -14
- package/dist/lib/server/switch/index.js +9 -9
- package/dist/lib/server/tabs/index.js +12 -8
- package/dist/lib/server/toast/index.js +32 -32
- package/dist/lib/server/toggle/index.js +7 -7
- package/dist/lib/server/toggle-group/index.js +2 -2
- package/dist/lib/server/toolbar/index.js +14 -14
- package/dist/lib/server/tooltip/index.js +32 -27
- package/dist/lib/server/{useFilteredItems-DCxq20Is.js → useFilteredItems-BmhL0nf1.js} +181 -137
- package/dist/lib/types/accordion/trigger/AccordionTrigger.d.ts +7 -7
- package/dist/lib/types/combobox/chip/ComboboxChip.d.ts +2 -0
- package/dist/lib/types/combobox/root/ComboboxRoot.d.ts +6 -1
- package/dist/lib/types/combobox/store/ComboboxStore.d.ts +1 -0
- package/dist/lib/types/combobox/utils/handleInputPress.d.ts +1 -1
- package/dist/lib/types/field/control/FieldControl.d.ts +5 -5
- package/dist/lib/types/internals/composeEventHandlers.d.ts +9 -2
- package/dist/lib/types/internals/field-root-context/FieldRootContext.d.ts +1 -0
- package/dist/lib/types/internals/overlay/dom.d.ts +2 -0
- package/dist/lib/types/number-field/input/NumberFieldInput.d.ts +5 -5
- package/dist/lib/types/slider/track/SliderTrack.d.ts +2 -2
- package/dist/lib/types/toolbar/link/ToolbarLink.d.ts +10 -3
- package/dist/lib/types/toolbar/root/ToolbarRoot.d.ts +10 -4
- package/package.json +2 -2
- package/dist/lib/client/DialogHandle-BGyIbcvg.js +0 -521
- package/dist/lib/client/DialogPopup-Df7MC358.js +0 -138
- package/dist/lib/client/FieldControl-C0PATyKV.js +0 -142
- package/dist/lib/client/PopupViewport-IS4XU03s.js +0 -152
- package/dist/lib/client/avatar-BQoEzzav.js +0 -191
- package/dist/lib/client/button-akYS6FyY.js +0 -88
- package/dist/lib/client/checkbox-DOXtzBhA.js +0 -425
- package/dist/lib/client/collapsible-t8YReaIp.js +0 -230
- package/dist/lib/client/compositeNavigation-sxniYTc7.js +0 -58
- package/dist/lib/client/context-menu-CplDpqmi.js +0 -220
- package/dist/lib/client/form-6Ne_bWQX.js +0 -109
- package/dist/lib/client/menubar-DhPRUQZ6.js +0 -163
- package/dist/lib/client/otp-field-D-B9tZzF.js +0 -584
- package/dist/lib/client/radio-group-CWtQxWDl.js +0 -195
- package/dist/lib/client/scroll-area-NCr49LkD.js +0 -717
- package/dist/lib/client/slider-CWq9hxFf.js +0 -927
|
@@ -5,22 +5,22 @@ import { N as r, P as i, d as a, s as o, w as s } from "./reasons-Co5CzjKq.js";
|
|
|
5
5
|
import { n as c, t as l } from "./resolveStyle-XcgAuaKR.js";
|
|
6
6
|
import { createChangeEventDetails as u } from "./internals/createBaseUIEventDetails.js";
|
|
7
7
|
import { transitionStatusMapping as d } from "./internals/stateAttributesMapping.js";
|
|
8
|
-
import { composeEventHandlers as f } from "./internals/composeEventHandlers.js";
|
|
9
|
-
import {
|
|
10
|
-
import { t as
|
|
11
|
-
import { t as
|
|
12
|
-
import { c as
|
|
13
|
-
import { a as C, n as w, o as
|
|
14
|
-
import { t as E } from "./createFocusInteraction
|
|
15
|
-
import { n as
|
|
16
|
-
import { a as
|
|
17
|
-
import { i as
|
|
18
|
-
import { t as
|
|
19
|
-
import { n as
|
|
20
|
-
import { createComponent as
|
|
21
|
-
import { $REFRESH as
|
|
8
|
+
import { composeEventHandlers as f, liveEventHandler as p } from "./internals/composeEventHandlers.js";
|
|
9
|
+
import { h as m, i as h, n as g, o as _ } from "./dom-lDdayFF_.js";
|
|
10
|
+
import { t as v } from "./PopupViewport-BanYHrD-.js";
|
|
11
|
+
import { t as y } from "./createAnchorPositioning-DCXIApS1.js";
|
|
12
|
+
import { c as b, i as ee, n as x, r as te, s as S, t as ne } from "./FloatingTree-23B7KKPD.js";
|
|
13
|
+
import { a as C, n as w, o as re, t as T } from "./PopupStore-BjRwcvbG.js";
|
|
14
|
+
import { t as E } from "./createFocusInteraction-DQPWkZe2.js";
|
|
15
|
+
import { n as ie, r as ae, t as oe } from "./safePolygon-DVAR5dQD.js";
|
|
16
|
+
import { a as se, o as ce } from "./popupStateMapping-nhukB8NK.js";
|
|
17
|
+
import { i as le, n as ue, r as D, t as O } from "./PopupHandle-DyX5gY1e.js";
|
|
18
|
+
import { t as k } from "./setRef-fXF6OIo3.js";
|
|
19
|
+
import { n as A } from "./DirectionContext-BwMabICS.js";
|
|
20
|
+
import { createComponent as j, getNextElement as M, memo as N, mergeProps as P, runHydrationEvents as F, spread as I, template as L } from "@solidjs/web";
|
|
21
|
+
import { $REFRESH as R, Show as de, createContext as z, createEffect as B, createMemo as V, createRoot as fe, createSignal as H, createUniqueId as U, omit as W, onCleanup as G, untrack as K, useContext as q } from "solid-js";
|
|
22
22
|
//#region src/internals/overlay/createClientPoint.ts
|
|
23
|
-
function
|
|
23
|
+
function pe(e) {
|
|
24
24
|
let t = null, n = null, r, i = !1, a = () => {
|
|
25
25
|
e.context.set("positionReference", e.context.state.referenceElement);
|
|
26
26
|
}, o = (r, o = !1) => {
|
|
@@ -38,14 +38,14 @@ function de(e) {
|
|
|
38
38
|
a();
|
|
39
39
|
return;
|
|
40
40
|
}
|
|
41
|
-
if (
|
|
41
|
+
if (g(e.context.state.floatingElement, h(r))) {
|
|
42
42
|
i = !0;
|
|
43
43
|
return;
|
|
44
44
|
}
|
|
45
45
|
if (o) i = !1;
|
|
46
46
|
else if (i) return;
|
|
47
47
|
t = r.clientX, n = r.clientY;
|
|
48
|
-
let c = e.context.state.domReferenceElement;
|
|
48
|
+
let c = o && _(r.currentTarget) ? r.currentTarget : e.context.state.domReferenceElement;
|
|
49
49
|
if (!c) return;
|
|
50
50
|
let l = {
|
|
51
51
|
contextElement: c,
|
|
@@ -66,18 +66,18 @@ function de(e) {
|
|
|
66
66
|
};
|
|
67
67
|
e.context.set("positionReference", l);
|
|
68
68
|
};
|
|
69
|
-
return
|
|
69
|
+
return B(() => ({
|
|
70
70
|
axis: e.axis(),
|
|
71
71
|
enabled: e.enabled?.() ?? !0,
|
|
72
72
|
open: e.context.track().open,
|
|
73
73
|
reference: e.context.track().domReferenceElement,
|
|
74
74
|
openEvent: e.context.context.data.openEvent
|
|
75
75
|
}), (e) => {
|
|
76
|
-
if (r?.(), r = void 0, !e.enabled || e.axis === "none"
|
|
76
|
+
if (r?.(), r = void 0, !e.enabled || e.axis === "none") {
|
|
77
77
|
a();
|
|
78
78
|
return;
|
|
79
79
|
}
|
|
80
|
-
if (!e.open) return;
|
|
80
|
+
if (!e.open || !e.reference) return;
|
|
81
81
|
if (!e.openEvent || ![
|
|
82
82
|
"mouseenter",
|
|
83
83
|
"mousemove",
|
|
@@ -91,13 +91,13 @@ function de(e) {
|
|
|
91
91
|
i = !1;
|
|
92
92
|
let n = (e) => o(e);
|
|
93
93
|
return t.addEventListener("mousemove", n), r = () => t.removeEventListener("mousemove", n), r;
|
|
94
|
-
}),
|
|
94
|
+
}), G(() => {
|
|
95
95
|
r?.(), e.context.set("positionReference", null);
|
|
96
96
|
}), { onMouseMove: (e) => o(e, !0) };
|
|
97
97
|
}
|
|
98
98
|
//#endregion
|
|
99
99
|
//#region src/internals/overlay/createDelayGroup.ts
|
|
100
|
-
function
|
|
100
|
+
function J(e) {
|
|
101
101
|
return typeof e == "number" ? {
|
|
102
102
|
open: e,
|
|
103
103
|
close: e
|
|
@@ -106,17 +106,17 @@ function Y(e) {
|
|
|
106
106
|
close: e?.close ?? 0
|
|
107
107
|
};
|
|
108
108
|
}
|
|
109
|
-
function
|
|
109
|
+
function Y(e) {
|
|
110
110
|
let t = null, n = /* @__PURE__ */ new Set(), r = !1, i = /* @__PURE__ */ new Map(), a = () => {
|
|
111
111
|
for (let [e, t] of i) t.setInstant?.(n.has(e));
|
|
112
112
|
}, o = () => {
|
|
113
|
-
let t =
|
|
113
|
+
let t = J(e.delay());
|
|
114
114
|
return r ? {
|
|
115
115
|
open: 0,
|
|
116
116
|
close: t.close
|
|
117
117
|
} : t;
|
|
118
118
|
}, s = () => t, c;
|
|
119
|
-
return
|
|
119
|
+
return G(() => clearTimeout(c)), {
|
|
120
120
|
delay: o,
|
|
121
121
|
currentId: s,
|
|
122
122
|
isInstant: (e) => n.has(e),
|
|
@@ -149,17 +149,17 @@ function X(e) {
|
|
|
149
149
|
}
|
|
150
150
|
//#endregion
|
|
151
151
|
//#region src/tooltip/provider/TooltipProviderContext.ts
|
|
152
|
-
var
|
|
153
|
-
function
|
|
154
|
-
let e =
|
|
155
|
-
return e ===
|
|
152
|
+
var X = Symbol("TooltipProviderContext"), Z = z(X);
|
|
153
|
+
function me() {
|
|
154
|
+
let e = q(Z);
|
|
155
|
+
return e === X ? void 0 : e;
|
|
156
156
|
}
|
|
157
157
|
//#endregion
|
|
158
158
|
//#region src/tooltip/provider/TooltipProvider.tsx
|
|
159
|
-
function
|
|
159
|
+
function he(e) {
|
|
160
160
|
let t = {
|
|
161
161
|
delay: () => e.delay,
|
|
162
|
-
group:
|
|
162
|
+
group: Y({
|
|
163
163
|
delay: () => ({
|
|
164
164
|
open: e.delay,
|
|
165
165
|
close: e.closeDelay
|
|
@@ -167,7 +167,7 @@ function me(e) {
|
|
|
167
167
|
timeout: () => e.timeout ?? 400
|
|
168
168
|
})
|
|
169
169
|
};
|
|
170
|
-
return
|
|
170
|
+
return j(Z, {
|
|
171
171
|
value: t,
|
|
172
172
|
get children() {
|
|
173
173
|
return e.children;
|
|
@@ -194,13 +194,13 @@ var Q = class extends T {
|
|
|
194
194
|
delayGroupOwner;
|
|
195
195
|
constructor(e) {
|
|
196
196
|
super(e), this.disabledAccessor = e.disabled, this.disableHoverablePopupAccessor = e.disableHoverablePopup, this.trackCursorAxisAccessor = e.trackCursorAxis;
|
|
197
|
-
let [t, n] =
|
|
197
|
+
let [t, n] = H(null, { ownedWrite: !0 });
|
|
198
198
|
this.lastReasonAccessor = t, this.setLastReason = n;
|
|
199
|
-
let [r, i] =
|
|
199
|
+
let [r, i] = H(!1, { ownedWrite: !0 });
|
|
200
200
|
this.instantPhaseAccessor = r, this.setInstantPhaseSignal = i;
|
|
201
|
-
let [a, o] =
|
|
201
|
+
let [a, o] = H(!0, { ownedWrite: !0 });
|
|
202
202
|
this.closeOnClickAccessor = a, this.setCloseOnClick = o;
|
|
203
|
-
let [s, c] =
|
|
203
|
+
let [s, c] = H(0, { ownedWrite: !0 });
|
|
204
204
|
this.closeDelayAccessor = s, this.setCloseDelay = c;
|
|
205
205
|
}
|
|
206
206
|
open() {
|
|
@@ -257,7 +257,7 @@ var Q = class extends T {
|
|
|
257
257
|
cancelPendingOpen(e) {
|
|
258
258
|
this.context.floatingRoot.dispatchOpenChange(!1, u(i, e));
|
|
259
259
|
}
|
|
260
|
-
},
|
|
260
|
+
}, ge = class extends ue {
|
|
261
261
|
disabled() {
|
|
262
262
|
return !1;
|
|
263
263
|
}
|
|
@@ -277,10 +277,10 @@ var Q = class extends T {
|
|
|
277
277
|
removeTriggerData(e) {}
|
|
278
278
|
syncTriggerData(e, t) {}
|
|
279
279
|
cancelPendingOpen(e) {}
|
|
280
|
-
},
|
|
280
|
+
}, _e = Symbol("TooltipRootContext"), ve = z(_e);
|
|
281
281
|
function $(e = !1) {
|
|
282
|
-
let t =
|
|
283
|
-
if (t ===
|
|
282
|
+
let t = q(ve);
|
|
283
|
+
if (t === _e) {
|
|
284
284
|
if (e) return;
|
|
285
285
|
throw Error("Base UI: TooltipRootContext is missing. Tooltip parts must be placed within <Tooltip.Root>.");
|
|
286
286
|
}
|
|
@@ -288,8 +288,8 @@ function $(e = !1) {
|
|
|
288
288
|
}
|
|
289
289
|
//#endregion
|
|
290
290
|
//#region src/tooltip/root/TooltipRoot.tsx
|
|
291
|
-
function
|
|
292
|
-
let t =
|
|
291
|
+
function ye(e) {
|
|
292
|
+
let t = b(), n = S(), r = me(), i = t ?? new te(), c = U(), l = Symbol("TooltipRoot"), d = U(), f = K(() => e.open !== void 0), p = K(() => e.triggerId !== void 0), m = new Q({
|
|
293
293
|
controlledOpen: () => f ? e.open : void 0,
|
|
294
294
|
controlledTriggerId: () => p ? e.triggerId : void 0,
|
|
295
295
|
disabled: () => e.disabled ?? !1,
|
|
@@ -302,8 +302,8 @@ function ve(e) {
|
|
|
302
302
|
onOpenChangeComplete: () => e.onOpenChangeComplete
|
|
303
303
|
});
|
|
304
304
|
m.update({
|
|
305
|
-
open: f ? !!
|
|
306
|
-
activeTriggerId:
|
|
305
|
+
open: f ? !!K(() => e.open) : !!K(() => e.defaultOpen),
|
|
306
|
+
activeTriggerId: K(() => e.defaultTriggerId ?? null)
|
|
307
307
|
});
|
|
308
308
|
let h = m.access((e) => e.payload), g = ee({
|
|
309
309
|
tree: i,
|
|
@@ -315,89 +315,89 @@ function ve(e) {
|
|
|
315
315
|
tree: i,
|
|
316
316
|
presence: _
|
|
317
317
|
};
|
|
318
|
-
m.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !0 }),
|
|
319
|
-
let
|
|
318
|
+
m.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !0 }), D(() => e.handle, m);
|
|
319
|
+
let y = re({
|
|
320
320
|
context: m.context.floatingRoot,
|
|
321
321
|
tree: () => i,
|
|
322
322
|
enabled: () => !m.disabled(),
|
|
323
323
|
referencePress: () => m.closeOnClick()
|
|
324
|
-
}),
|
|
324
|
+
}), w = pe({
|
|
325
325
|
context: m.context.floatingRoot,
|
|
326
326
|
axis: () => m.trackCursorAxis(),
|
|
327
327
|
enabled: () => !m.disabled() && m.trackCursorAxis() !== "none"
|
|
328
328
|
});
|
|
329
|
-
function
|
|
330
|
-
m.closeOnClick() && (m.open() ?
|
|
329
|
+
function T(e) {
|
|
330
|
+
m.closeOnClick() && (m.open() ? y.onReferencePress(e) : m.cancelPendingOpen(e));
|
|
331
331
|
}
|
|
332
332
|
if (m.setInteractionProps({
|
|
333
333
|
activeTriggerProps: {
|
|
334
|
-
onClick:
|
|
335
|
-
onKeyDown:
|
|
336
|
-
onMouseMove:
|
|
337
|
-
onPointerDown:
|
|
334
|
+
onClick: T,
|
|
335
|
+
onKeyDown: y.onKeyDown,
|
|
336
|
+
onMouseMove: w.onMouseMove,
|
|
337
|
+
onPointerDown: T
|
|
338
338
|
},
|
|
339
339
|
inactiveTriggerProps: {
|
|
340
|
-
onClick:
|
|
341
|
-
onKeyDown:
|
|
342
|
-
onMouseMove:
|
|
343
|
-
onPointerDown:
|
|
340
|
+
onClick: T,
|
|
341
|
+
onKeyDown: y.onKeyDown,
|
|
342
|
+
onMouseMove: w.onMouseMove,
|
|
343
|
+
onPointerDown: T
|
|
344
344
|
},
|
|
345
|
-
popupProps: { onKeyDown:
|
|
346
|
-
}),
|
|
345
|
+
popupProps: { onKeyDown: y.onKeyDown }
|
|
346
|
+
}), B(() => ({
|
|
347
347
|
open: m.open(),
|
|
348
348
|
activeTriggerId: m.activeTriggerId()
|
|
349
|
-
}), () =>
|
|
349
|
+
}), () => K(() => m.reconcileTriggers())), B(() => ({
|
|
350
350
|
disabled: m.disabled(),
|
|
351
351
|
rawOpen: m.rawOpen()
|
|
352
352
|
}), (e) => {
|
|
353
353
|
e.disabled && e.rawOpen && m.setOpen(!1, u(o));
|
|
354
354
|
}), r) {
|
|
355
355
|
let e = !0, t = () => {
|
|
356
|
-
m.open() && queueMicrotask(() => {
|
|
357
|
-
e && r.group.currentId() !== l && m.open()
|
|
356
|
+
!m.open() && !_.mounted() || queueMicrotask(() => {
|
|
357
|
+
e && r.group.currentId() !== l && (m.open() ? m.setOpen(!1, u(s)) : _.mounted() && !m.state.preventUnmountingOnClose && _.forceUnmount());
|
|
358
358
|
});
|
|
359
359
|
}, n = r.group.subscribe(l, t, (e) => m.setInstantPhase(e));
|
|
360
|
-
m.configureDelayGroup(r.group, l, t), m.syncDelayGroup(
|
|
360
|
+
m.configureDelayGroup(r.group, l, t), m.syncDelayGroup(K(() => m.open())), G(() => {
|
|
361
361
|
e = !1, n();
|
|
362
|
-
}), f &&
|
|
362
|
+
}), f && B(() => m.open(), (e) => queueMicrotask(() => m.syncDelayGroup(e)));
|
|
363
363
|
}
|
|
364
|
-
let
|
|
365
|
-
|
|
364
|
+
let E = null;
|
|
365
|
+
B(() => ({
|
|
366
366
|
transitionStatus: m.track().transitionStatus,
|
|
367
367
|
instantPhase: m.isInstantPhase(),
|
|
368
368
|
reason: m.lastOpenChangeReason(),
|
|
369
369
|
instantType: m.track().instantType
|
|
370
370
|
}), (e) => {
|
|
371
|
-
e.transitionStatus === "ending" && e.reason === "none" || e.transitionStatus !== "ending" && e.instantPhase ? e.instantType !== "delay" && (
|
|
372
|
-
}),
|
|
371
|
+
e.transitionStatus === "ending" && e.reason === "none" || e.transitionStatus !== "ending" && e.instantPhase ? e.instantType !== "delay" && (E = e.instantType, m.set("instantType", "delay")) : E !== null && (m.set("instantType", E), E = null);
|
|
372
|
+
}), B(() => ({
|
|
373
373
|
open: m.open(),
|
|
374
374
|
activeTriggerId: m.activeTriggerId()
|
|
375
375
|
}), (e) => {
|
|
376
376
|
e.open && e.activeTriggerId == null && m.set("payload", void 0);
|
|
377
377
|
});
|
|
378
|
-
let
|
|
378
|
+
let ie = {
|
|
379
379
|
unmount: _.forceUnmount,
|
|
380
380
|
close() {
|
|
381
381
|
m.setOpen(!1, u(a));
|
|
382
382
|
}
|
|
383
383
|
};
|
|
384
|
-
|
|
385
|
-
function
|
|
386
|
-
let t =
|
|
387
|
-
return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n,
|
|
384
|
+
B(() => e.actionsRef, (e) => e?.(ie));
|
|
385
|
+
function ae() {
|
|
386
|
+
let t = V(() => e.children), n = K(t), r = n;
|
|
387
|
+
return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n, R) ? N(() => t()) : K(() => n({ payload: h }))), r;
|
|
388
388
|
}
|
|
389
|
-
return
|
|
389
|
+
return G(() => m.clearInteractionProps()), j(ve, {
|
|
390
390
|
value: v,
|
|
391
391
|
get children() {
|
|
392
|
-
return
|
|
392
|
+
return j(x, {
|
|
393
393
|
value: i,
|
|
394
394
|
get children() {
|
|
395
|
-
return
|
|
395
|
+
return j(ne, {
|
|
396
396
|
get value() {
|
|
397
397
|
return g.id ?? null;
|
|
398
398
|
},
|
|
399
399
|
get children() {
|
|
400
|
-
return
|
|
400
|
+
return j(ae, {});
|
|
401
401
|
}
|
|
402
402
|
});
|
|
403
403
|
}
|
|
@@ -407,177 +407,177 @@ function ve(e) {
|
|
|
407
407
|
}
|
|
408
408
|
//#endregion
|
|
409
409
|
//#region src/tooltip/trigger/TooltipTrigger.tsx
|
|
410
|
-
var
|
|
411
|
-
function
|
|
412
|
-
let a = $(!0), o =
|
|
413
|
-
if (!a && !
|
|
414
|
-
let d = e, m = `base-ui-${
|
|
415
|
-
var t =
|
|
416
|
-
return
|
|
417
|
-
})()), T =
|
|
410
|
+
var be = /* @__PURE__ */ L("<button>"), xe = 600, Se = "data-base-ui-tooltip-trigger";
|
|
411
|
+
function Ce(e) {
|
|
412
|
+
let a = $(!0), o = me(), s = e;
|
|
413
|
+
if (!a && !K(() => s.handle)) throw Error("Base UI: <Tooltip.Trigger> must be either used within a <Tooltip.Root> component or provided with a handle.");
|
|
414
|
+
let d = e, m = `base-ui-${U()}`, v = V(() => s.id || m), [y, b] = H(null, { ownedWrite: !0 }), ee = le(() => s.handle), x = V(() => ee() ?? a?.store ?? new ge()), te = V(() => s.disabled ?? x().disabled()), S = V(() => x().disabled() || (s.disabled ?? !1)), ne = V(() => x().open() && x().activeTriggerId() === v()), C = V(() => ({ open: ne() })), re = t(e, () => C(), (e) => (() => {
|
|
415
|
+
var t = M(be);
|
|
416
|
+
return I(t, e, !1), F(), t;
|
|
417
|
+
})()), T = V(() => c(e.class, C())), ie = V(() => l(e.style, C())), ce = V(() => n(C(), se)), ue = W(d, "render", "class", "closeDelay", "closeOnClick", "delay", "disabled", "handle", "id", "onBlur", "onClick", "onFocus", "onKeyDown", "onMouseLeave", "onMouseMove", "onMouseOver", "onPointerDown", "onPointerEnter", "payload", "ref", "style"), D, O, k = !1, A = "", N, L = V(() => ({
|
|
418
418
|
payload: s.payload,
|
|
419
419
|
closeOnClick: s.closeOnClick ?? !0,
|
|
420
420
|
closeDelay: s.closeDelay ?? 0
|
|
421
421
|
}));
|
|
422
|
-
w(
|
|
423
|
-
let e =
|
|
422
|
+
w(x, v, y, () => ({ payload: s.payload })), B(() => {
|
|
423
|
+
let e = x();
|
|
424
424
|
return {
|
|
425
425
|
store: e,
|
|
426
|
-
id:
|
|
427
|
-
data:
|
|
426
|
+
id: v(),
|
|
427
|
+
data: L(),
|
|
428
428
|
activeId: e.activeTriggerId(),
|
|
429
429
|
open: e.open()
|
|
430
430
|
};
|
|
431
431
|
}, (e) => (e.store.setTriggerData(e.id, e.data), e.store.syncTriggerData(e.activeId, e.open), () => e.store.removeTriggerData(e.id)));
|
|
432
|
-
function
|
|
433
|
-
return o ? o.group.currentId() === null ? s.delay ?? o.delay() ??
|
|
432
|
+
function R() {
|
|
433
|
+
return o ? o.group.currentId() === null ? s.delay ?? o.delay() ?? xe : 0 : s.delay ?? xe;
|
|
434
434
|
}
|
|
435
|
-
function
|
|
435
|
+
function de() {
|
|
436
436
|
return s.closeDelay === void 0 ? o?.group.delay().close ?? 0 : s.closeDelay;
|
|
437
437
|
}
|
|
438
|
-
|
|
439
|
-
store:
|
|
440
|
-
element:
|
|
438
|
+
B(() => ({
|
|
439
|
+
store: x(),
|
|
440
|
+
element: y()
|
|
441
441
|
}), (e) => {
|
|
442
442
|
if (!(e.store instanceof Q) || !e.element) {
|
|
443
|
-
|
|
443
|
+
D = void 0, O = void 0;
|
|
444
444
|
return;
|
|
445
445
|
}
|
|
446
446
|
let t = e.store;
|
|
447
|
-
return
|
|
447
|
+
return fe((e) => (O = ae({
|
|
448
448
|
context: t.context.floatingRoot,
|
|
449
|
-
reference:
|
|
449
|
+
reference: y,
|
|
450
450
|
floating: () => t.track().positionerElement,
|
|
451
451
|
tree: () => a?.tree,
|
|
452
452
|
enabled: () => !S(),
|
|
453
|
-
floatingEnabled: () => !S() && t.activeTriggerId() ===
|
|
453
|
+
floatingEnabled: () => !S() && t.activeTriggerId() === v(),
|
|
454
454
|
delay: () => ({
|
|
455
|
-
open:
|
|
456
|
-
close:
|
|
455
|
+
open: R(),
|
|
456
|
+
close: de()
|
|
457
457
|
}),
|
|
458
|
-
restMs: () =>
|
|
459
|
-
handleClose: () => t.disableHoverablePopup() || t.trackCursorAxis() === "both" ? void 0 :
|
|
458
|
+
restMs: () => R(),
|
|
459
|
+
handleClose: () => t.disableHoverablePopup() || t.trackCursorAxis() === "both" ? void 0 : oe(),
|
|
460
460
|
mouseOnly: () => !0,
|
|
461
|
-
shouldOpen: () => !
|
|
462
|
-
}),
|
|
461
|
+
shouldOpen: () => !k
|
|
462
|
+
}), D = E({
|
|
463
463
|
context: t.context.floatingRoot,
|
|
464
464
|
enabled: () => !S()
|
|
465
465
|
}), () => {
|
|
466
|
-
e(),
|
|
466
|
+
e(), D = void 0, O = void 0;
|
|
467
467
|
}));
|
|
468
468
|
});
|
|
469
|
-
function
|
|
470
|
-
let t =
|
|
471
|
-
return !!(t && n && n !== t &&
|
|
472
|
-
}
|
|
473
|
-
function
|
|
474
|
-
let t =
|
|
475
|
-
|
|
476
|
-
let
|
|
477
|
-
if (
|
|
478
|
-
|
|
469
|
+
function z(e) {
|
|
470
|
+
let t = y(), n = we(e);
|
|
471
|
+
return !!(t && n && n !== t && g(t, n));
|
|
472
|
+
}
|
|
473
|
+
function q(e) {
|
|
474
|
+
let t = k, n = h(e), i = _(n) ? n : e.target;
|
|
475
|
+
k = _(i) && z(i), k && (O?.cancelPendingOpen(), clearTimeout(N));
|
|
476
|
+
let a = x();
|
|
477
|
+
if (k && a.open() && a instanceof Q && a.lastOpenChangeReason() === "trigger-hover") {
|
|
478
|
+
a.setOpen(!1, u(r, e));
|
|
479
479
|
return;
|
|
480
480
|
}
|
|
481
|
-
let
|
|
482
|
-
if (t && !
|
|
481
|
+
let o = y();
|
|
482
|
+
if (t && !k && o && _(i) && g(o, i) && !S() && !a.open() && Te(A)) {
|
|
483
483
|
let t = () => {
|
|
484
|
-
!
|
|
485
|
-
}, n =
|
|
486
|
-
clearTimeout(
|
|
484
|
+
!k && !S() && !a.open() && a.setOpen(!0, u(r, e, o));
|
|
485
|
+
}, n = R();
|
|
486
|
+
clearTimeout(N), n === 0 ? t() : N = setTimeout(t, n);
|
|
487
487
|
}
|
|
488
488
|
}
|
|
489
|
-
function
|
|
490
|
-
let t =
|
|
491
|
-
(!
|
|
489
|
+
function pe(e) {
|
|
490
|
+
let t = h(e);
|
|
491
|
+
(!_(t) || !z(t)) && D?.onFocus(e);
|
|
492
492
|
}
|
|
493
|
-
function
|
|
494
|
-
let t =
|
|
495
|
-
(s.closeOnClick ?? !0) && (t.open() ? t.setOpen(!1, u(i, e,
|
|
493
|
+
function J(e) {
|
|
494
|
+
let t = x();
|
|
495
|
+
(s.closeOnClick ?? !0) && (clearTimeout(N), t.open() ? t.setOpen(!1, u(i, e, y() ?? void 0)) : (t.cancelPendingOpen(e), O?.cancelPendingOpen()));
|
|
496
496
|
}
|
|
497
|
-
function
|
|
498
|
-
let t =
|
|
497
|
+
function Y(e) {
|
|
498
|
+
let t = x();
|
|
499
499
|
if (!(t instanceof Q)) return;
|
|
500
|
-
let n = (t.activeTriggerId() ===
|
|
500
|
+
let n = (t.activeTriggerId() === v() ? t.state.activeTriggerProps : t.state.inactiveTriggerProps)[e];
|
|
501
501
|
return typeof n == "function" ? n : void 0;
|
|
502
502
|
}
|
|
503
|
-
function
|
|
504
|
-
|
|
503
|
+
function X(e) {
|
|
504
|
+
A = e.pointerType, J(e);
|
|
505
505
|
}
|
|
506
|
-
function
|
|
507
|
-
|
|
506
|
+
function Z(e) {
|
|
507
|
+
A = e.pointerType;
|
|
508
508
|
}
|
|
509
|
-
function
|
|
510
|
-
return
|
|
509
|
+
function he() {
|
|
510
|
+
return Y("onKeyDown");
|
|
511
511
|
}
|
|
512
|
-
function
|
|
513
|
-
return
|
|
512
|
+
function _e() {
|
|
513
|
+
return Y("onMouseMove");
|
|
514
514
|
}
|
|
515
|
-
let
|
|
516
|
-
|
|
517
|
-
}),
|
|
518
|
-
return
|
|
519
|
-
ref: [((e) =>
|
|
515
|
+
let ve = f(p(() => s.onBlur), (e) => D?.onBlur(e)), ye = f(p(() => s.onClick), J), Se = f(p(() => s.onFocus), pe), Ce = f(p(() => s.onKeyDown), p(he)), Ee = f(p(() => s.onMouseLeave), () => {
|
|
516
|
+
k = !1, A = "", clearTimeout(N), D?.onPointerLeave();
|
|
517
|
+
}), De = f(p(() => s.onMouseMove), p(_e)), Oe = f(p(() => s.onMouseOver), q), ke = f(p(() => s.onPointerDown), X), Ae = f(p(() => s.onPointerEnter), Z);
|
|
518
|
+
return G(() => clearTimeout(N)), j(re, P({
|
|
519
|
+
ref: [((e) => b(e)), s.ref],
|
|
520
520
|
get id() {
|
|
521
|
-
return
|
|
521
|
+
return v();
|
|
522
522
|
},
|
|
523
523
|
type: "button",
|
|
524
524
|
get "data-trigger-disabled"() {
|
|
525
|
-
return
|
|
525
|
+
return te() ? "" : void 0;
|
|
526
526
|
},
|
|
527
527
|
get "data-base-ui-tooltip-trigger"() {
|
|
528
|
-
return
|
|
528
|
+
return te() ? void 0 : "";
|
|
529
529
|
},
|
|
530
530
|
get class() {
|
|
531
531
|
return T();
|
|
532
532
|
},
|
|
533
533
|
get style() {
|
|
534
|
-
return
|
|
534
|
+
return ie();
|
|
535
535
|
},
|
|
536
|
-
onBlur:
|
|
537
|
-
onClick:
|
|
538
|
-
onFocus:
|
|
539
|
-
onKeyDown:
|
|
540
|
-
onMouseLeave:
|
|
541
|
-
onMouseMove:
|
|
542
|
-
onMouseOver:
|
|
543
|
-
onPointerDown:
|
|
544
|
-
onPointerEnter:
|
|
545
|
-
},
|
|
536
|
+
onBlur: ve,
|
|
537
|
+
onClick: ye,
|
|
538
|
+
onFocus: Se,
|
|
539
|
+
onKeyDown: Ce,
|
|
540
|
+
onMouseLeave: Ee,
|
|
541
|
+
onMouseMove: De,
|
|
542
|
+
onMouseOver: Oe,
|
|
543
|
+
onPointerDown: ke,
|
|
544
|
+
onPointerEnter: Ae
|
|
545
|
+
}, ce, ue));
|
|
546
546
|
}
|
|
547
|
-
function
|
|
547
|
+
function we(e) {
|
|
548
548
|
let t = e;
|
|
549
549
|
for (; t;) {
|
|
550
|
-
let e = t.closest(`[${
|
|
550
|
+
let e = t.closest(`[${Se}]`);
|
|
551
551
|
if (e) return e;
|
|
552
552
|
let n = t.getRootNode();
|
|
553
|
-
t = "host" in n &&
|
|
553
|
+
t = "host" in n && _(n.host) ? n.host : null;
|
|
554
554
|
}
|
|
555
555
|
return null;
|
|
556
556
|
}
|
|
557
|
-
function
|
|
557
|
+
function Te(e) {
|
|
558
558
|
return e === "" || e === "mouse" || e === "pen";
|
|
559
559
|
}
|
|
560
560
|
//#endregion
|
|
561
561
|
//#region src/tooltip/portal/TooltipPortalContext.ts
|
|
562
|
-
var
|
|
563
|
-
function
|
|
564
|
-
let e =
|
|
565
|
-
if (e ===
|
|
562
|
+
var Ee = Symbol("TooltipPortalContext"), De = z(Ee);
|
|
563
|
+
function Oe() {
|
|
564
|
+
let e = q(De);
|
|
565
|
+
if (e === Ee) throw Error("Base UI: <Tooltip.Portal> is missing.");
|
|
566
566
|
return e;
|
|
567
567
|
}
|
|
568
568
|
//#endregion
|
|
569
569
|
//#region src/tooltip/portal/TooltipPortal.tsx
|
|
570
|
-
function
|
|
571
|
-
let t = $(), n = e, r = e, i =
|
|
572
|
-
return
|
|
570
|
+
function ke(e) {
|
|
571
|
+
let t = $(), n = e, r = e, i = V(() => n.keepMounted ?? !1), a = V(() => t.presence.mounted() || i()), o = {}, s = V(() => c(e.class, o)), u = V(() => l(e.style, o)), d = W(r, "render", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: i };
|
|
572
|
+
return j(de, {
|
|
573
573
|
get when() {
|
|
574
574
|
return a();
|
|
575
575
|
},
|
|
576
576
|
get children() {
|
|
577
|
-
return
|
|
577
|
+
return j(De, {
|
|
578
578
|
value: f,
|
|
579
579
|
get children() {
|
|
580
|
-
return
|
|
580
|
+
return j(ce, P({
|
|
581
581
|
get render() {
|
|
582
582
|
return e.render;
|
|
583
583
|
},
|
|
@@ -586,7 +586,7 @@ function Oe(e) {
|
|
|
586
586
|
return n.container;
|
|
587
587
|
},
|
|
588
588
|
ref: (e) => {
|
|
589
|
-
n.ref &&
|
|
589
|
+
n.ref && k(n.ref, e);
|
|
590
590
|
},
|
|
591
591
|
get class() {
|
|
592
592
|
return s();
|
|
@@ -604,7 +604,7 @@ function Oe(e) {
|
|
|
604
604
|
}
|
|
605
605
|
//#endregion
|
|
606
606
|
//#region src/tooltip/utils/mergeTooltipStyles.ts
|
|
607
|
-
function
|
|
607
|
+
function Ae(e, t) {
|
|
608
608
|
if (typeof t == "string") {
|
|
609
609
|
let n = Object.entries(e).filter((e) => e[1] != null).map(([e, t]) => `${e}:${String(t)}`).join(";");
|
|
610
610
|
return n ? `${n};${t}` : t;
|
|
@@ -616,41 +616,42 @@ function ke(e, t) {
|
|
|
616
616
|
}
|
|
617
617
|
//#endregion
|
|
618
618
|
//#region src/tooltip/utils/stateAttributesMapping.ts
|
|
619
|
-
var
|
|
620
|
-
open: (e) => e ?
|
|
619
|
+
var je = { "data-open": "" }, Me = { "data-closed": "" }, Ne = { "data-anchor-hidden": "" }, Pe = { "data-uncentered": "" }, Fe = { "data-transitioning": "" }, Ie = {
|
|
620
|
+
open: (e) => e ? je : Me,
|
|
621
621
|
side: (e) => ({ "data-side": e }),
|
|
622
622
|
align: (e) => ({ "data-align": e }),
|
|
623
|
-
anchorHidden: (e) => e ?
|
|
623
|
+
anchorHidden: (e) => e ? Ne : null,
|
|
624
624
|
instant: (e) => e ? { "data-instant": e } : null
|
|
625
|
-
},
|
|
626
|
-
open: (e) => e ?
|
|
625
|
+
}, Le = {
|
|
626
|
+
open: (e) => e ? je : Me,
|
|
627
627
|
side: (e) => ({ "data-side": e }),
|
|
628
628
|
align: (e) => ({ "data-align": e }),
|
|
629
629
|
instant: (e) => e ? { "data-instant": e } : null,
|
|
630
630
|
...d
|
|
631
|
-
},
|
|
632
|
-
open: (e) => e ?
|
|
631
|
+
}, Re = {
|
|
632
|
+
open: (e) => e ? je : Me,
|
|
633
633
|
side: (e) => ({ "data-side": e }),
|
|
634
634
|
align: (e) => ({ "data-align": e }),
|
|
635
|
-
uncentered: (e) => e ?
|
|
635
|
+
uncentered: (e) => e ? Pe : null,
|
|
636
636
|
instant: (e) => e ? { "data-instant": e } : null
|
|
637
|
-
},
|
|
637
|
+
}, ze = {
|
|
638
638
|
activationDirection: (e) => e === void 0 ? null : { "data-activation-direction": e },
|
|
639
|
-
transitioning: (e) => e ?
|
|
639
|
+
transitioning: (e) => e ? Fe : null,
|
|
640
640
|
instant: (e) => e ? { "data-instant": e } : null
|
|
641
|
-
},
|
|
642
|
-
function
|
|
643
|
-
let e =
|
|
644
|
-
if (e ===
|
|
641
|
+
}, Be = Symbol("TooltipPositionerContext"), Ve = z(Be);
|
|
642
|
+
function He() {
|
|
643
|
+
let e = q(Ve);
|
|
644
|
+
if (e === Be) throw Error("Base UI: TooltipPositionerContext is missing. TooltipPositioner parts must be placed within <Tooltip.Positioner>.");
|
|
645
645
|
return e;
|
|
646
646
|
}
|
|
647
647
|
//#endregion
|
|
648
648
|
//#region src/tooltip/positioner/TooltipPositioner.tsx
|
|
649
|
-
var
|
|
650
|
-
function
|
|
651
|
-
|
|
652
|
-
|
|
653
|
-
|
|
649
|
+
var Ue = /* @__PURE__ */ L("<div>");
|
|
650
|
+
function We(e) {
|
|
651
|
+
let r = $();
|
|
652
|
+
Oe();
|
|
653
|
+
let i = A(), a = e, o = e, [s, u] = H(null, { ownedWrite: !0 }), d = y({
|
|
654
|
+
reference: () => Ge(a.anchor) ?? r.store.context.floatingRoot.referenceElement(),
|
|
654
655
|
floating: s,
|
|
655
656
|
mounted: r.presence.mounted,
|
|
656
657
|
direction: i,
|
|
@@ -666,33 +667,33 @@ function Ue(e) {
|
|
|
666
667
|
disableAnchorTracking: () => a.disableAnchorTracking ?? !1,
|
|
667
668
|
collisionAvoidance: () => a.collisionAvoidance ?? { fallbackAxisSide: "end" },
|
|
668
669
|
adaptiveOriginMiddleware: () => r.store.track().adaptiveOriginMiddleware
|
|
669
|
-
}), f =
|
|
670
|
+
}), f = ie(() => r.store.open(), () => d.state().isPositioned), p = V(() => ({
|
|
670
671
|
open: r.store.open(),
|
|
671
672
|
side: d.renderedSide(),
|
|
672
673
|
align: d.renderedAlign(),
|
|
673
674
|
anchorHidden: d.anchorHidden(),
|
|
674
675
|
instant: r.store.trackCursorAxis() === "none" ? r.store.track().instantType ?? (f() ? "initial" : void 0) : "tracking-cursor"
|
|
675
676
|
})), m = t(e, () => p(), (e) => (() => {
|
|
676
|
-
var t =
|
|
677
|
-
return
|
|
678
|
-
})()), h =
|
|
677
|
+
var t = M(Ue);
|
|
678
|
+
return I(t, e, !1), F(), t;
|
|
679
|
+
})()), h = V(() => c(e.class, p())), g = V(() => Ae({
|
|
679
680
|
...d.styles(),
|
|
680
681
|
"pointer-events": !r.store.open() || r.store.trackCursorAxis() === "both" || r.store.disableHoverablePopup() ? "none" : void 0
|
|
681
|
-
}, l(e.style, p()))), _ =
|
|
682
|
+
}, l(e.style, p()))), _ = V(() => n(p(), Ie)), v = W(o, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style"), b = {
|
|
682
683
|
side: d.renderedSide,
|
|
683
684
|
align: d.renderedAlign,
|
|
684
685
|
arrowStyles: d.arrowStyles,
|
|
685
686
|
arrowUncentered: d.arrowUncentered,
|
|
686
687
|
setArrowElement: d.setArrowElement
|
|
687
688
|
};
|
|
688
|
-
return
|
|
689
|
+
return B(() => d.state().placement, (e) => {
|
|
689
690
|
r.store.context.floatingRoot.context.data.placement = e;
|
|
690
|
-
}),
|
|
691
|
+
}), G(() => {
|
|
691
692
|
r.store.state.positionerElement === s() && r.store.setPositionerElement(null), delete r.store.context.floatingRoot.context.data.placement;
|
|
692
|
-
}),
|
|
693
|
-
value:
|
|
693
|
+
}), j(Ve, {
|
|
694
|
+
value: b,
|
|
694
695
|
get children() {
|
|
695
|
-
return
|
|
696
|
+
return j(m, P({
|
|
696
697
|
ref: [((e) => {
|
|
697
698
|
u(e), r.store.setPositionerElement(e);
|
|
698
699
|
}), a.ref],
|
|
@@ -706,35 +707,35 @@ function Ue(e) {
|
|
|
706
707
|
get style() {
|
|
707
708
|
return g();
|
|
708
709
|
}
|
|
709
|
-
}, _,
|
|
710
|
+
}, _, v));
|
|
710
711
|
}
|
|
711
712
|
});
|
|
712
713
|
}
|
|
713
|
-
function
|
|
714
|
+
function Ge(e) {
|
|
714
715
|
return typeof e == "function" ? e() : e && "current" in e ? e.current : e;
|
|
715
716
|
}
|
|
716
717
|
//#endregion
|
|
717
718
|
//#region src/tooltip/popup/TooltipPopup.tsx
|
|
718
|
-
var
|
|
719
|
-
function
|
|
720
|
-
let r = $(), i =
|
|
719
|
+
var Ke = /* @__PURE__ */ L("<div>");
|
|
720
|
+
function qe(e) {
|
|
721
|
+
let r = $(), i = He(), a = e, o = e, s = V(() => ({
|
|
721
722
|
open: r.store.open(),
|
|
722
723
|
side: i.side(),
|
|
723
724
|
align: i.align(),
|
|
724
725
|
instant: r.store.track().instantType,
|
|
725
726
|
transitionStatus: r.store.track().transitionStatus
|
|
726
727
|
})), u = t(e, () => s(), (e) => (() => {
|
|
727
|
-
var t =
|
|
728
|
-
return
|
|
729
|
-
})()), d =
|
|
728
|
+
var t = M(Ke);
|
|
729
|
+
return I(t, e, !1), F(), t;
|
|
730
|
+
})()), d = V(() => c(e.class, s())), m = V(() => l(e.style, s())), h = V(() => n(s(), Le)), g = W(o, "render", "class", "onKeyDown", "ref", "style"), _ = f(p(() => a.onKeyDown), p(() => {
|
|
730
731
|
let e = r.store.state.popupProps.onKeyDown;
|
|
731
732
|
return typeof e == "function" ? e : void 0;
|
|
732
|
-
}),
|
|
733
|
-
return
|
|
734
|
-
r.store.state.popupElement ===
|
|
735
|
-
}),
|
|
733
|
+
})), v = null;
|
|
734
|
+
return G(() => {
|
|
735
|
+
r.store.state.popupElement === v && r.store.setPopupElement(null);
|
|
736
|
+
}), j(u, P({
|
|
736
737
|
ref: [((e) => {
|
|
737
|
-
|
|
738
|
+
v = e, r.store.setPopupElement(e);
|
|
738
739
|
}), a.ref],
|
|
739
740
|
tabIndex: -1,
|
|
740
741
|
"data-base-ui-focusable": "",
|
|
@@ -745,24 +746,24 @@ function Ke(e) {
|
|
|
745
746
|
return d();
|
|
746
747
|
},
|
|
747
748
|
get style() {
|
|
748
|
-
return
|
|
749
|
+
return m();
|
|
749
750
|
},
|
|
750
|
-
onKeyDown:
|
|
751
|
-
},
|
|
751
|
+
onKeyDown: _
|
|
752
|
+
}, h, g));
|
|
752
753
|
}
|
|
753
754
|
//#endregion
|
|
754
755
|
//#region src/tooltip/viewport/TooltipViewport.tsx
|
|
755
|
-
var
|
|
756
|
-
function
|
|
757
|
-
let r = $(), i =
|
|
756
|
+
var Je = /* @__PURE__ */ L("<div>");
|
|
757
|
+
function Ye(e) {
|
|
758
|
+
let r = $(), i = He(), a = e, o = e, [s, u] = H(), [d, f] = H(!1), p = V(() => ({
|
|
758
759
|
activationDirection: s(),
|
|
759
760
|
transitioning: d(),
|
|
760
761
|
instant: r.store.track().instantType
|
|
761
762
|
})), m = t(e, () => p(), (e) => (() => {
|
|
762
|
-
var t =
|
|
763
|
-
return
|
|
764
|
-
})()), h =
|
|
765
|
-
return
|
|
763
|
+
var t = M(Je);
|
|
764
|
+
return I(t, e, !1), F(), t;
|
|
765
|
+
})()), h = V(() => c(e.class, p())), g = V(() => l(e.style, p())), _ = V(() => n(p(), ze)), y = W(o, "render", "children", "class", "ref", "style");
|
|
766
|
+
return j(m, P({
|
|
766
767
|
ref: [a.ref],
|
|
767
768
|
get class() {
|
|
768
769
|
return h();
|
|
@@ -770,8 +771,8 @@ function Je(e) {
|
|
|
770
771
|
get style() {
|
|
771
772
|
return g();
|
|
772
773
|
}
|
|
773
|
-
},
|
|
774
|
-
return
|
|
774
|
+
}, _, y, { get children() {
|
|
775
|
+
return j(v, {
|
|
775
776
|
get store() {
|
|
776
777
|
return r.store;
|
|
777
778
|
},
|
|
@@ -789,19 +790,19 @@ function Je(e) {
|
|
|
789
790
|
}
|
|
790
791
|
//#endregion
|
|
791
792
|
//#region src/tooltip/arrow/TooltipArrow.tsx
|
|
792
|
-
var
|
|
793
|
-
function
|
|
794
|
-
let r = $(), i =
|
|
793
|
+
var Xe = /* @__PURE__ */ L("<div>");
|
|
794
|
+
function Ze(e) {
|
|
795
|
+
let r = $(), i = He(), a = e, o = e, s = V(() => ({
|
|
795
796
|
open: r.store.open(),
|
|
796
797
|
side: i.side(),
|
|
797
798
|
align: i.align(),
|
|
798
799
|
uncentered: i.arrowUncentered(),
|
|
799
800
|
instant: r.store.track().instantType
|
|
800
801
|
})), u = t(e, () => s(), (e) => (() => {
|
|
801
|
-
var t =
|
|
802
|
-
return
|
|
803
|
-
})()), d =
|
|
804
|
-
return
|
|
802
|
+
var t = M(Xe);
|
|
803
|
+
return I(t, e, !1), F(), t;
|
|
804
|
+
})()), d = V(() => c(e.class, s())), f = V(() => Ae(i.arrowStyles(), l(e.style, s()))), p = V(() => n(s(), Re)), m = W(o, "render", "class", "ref", "style");
|
|
805
|
+
return G(() => i.setArrowElement(null)), j(u, P({
|
|
805
806
|
ref: [((e) => i.setArrowElement(e)), a.ref],
|
|
806
807
|
"aria-hidden": "true",
|
|
807
808
|
get class() {
|
|
@@ -814,9 +815,9 @@ function Xe(e) {
|
|
|
814
815
|
}
|
|
815
816
|
//#endregion
|
|
816
817
|
//#region src/tooltip/store/TooltipHandle.ts
|
|
817
|
-
var
|
|
818
|
+
var Qe = class extends O {
|
|
818
819
|
constructor() {
|
|
819
|
-
super("Tooltip", !0, new
|
|
820
|
+
super("Tooltip", !0, new ge());
|
|
820
821
|
}
|
|
821
822
|
open(e) {
|
|
822
823
|
this.openByTrigger(e);
|
|
@@ -828,22 +829,22 @@ var Ze = class extends k {
|
|
|
828
829
|
return this.attachedStore?.open() ?? !1;
|
|
829
830
|
}
|
|
830
831
|
};
|
|
831
|
-
function
|
|
832
|
-
return new
|
|
832
|
+
function $e() {
|
|
833
|
+
return new Qe();
|
|
833
834
|
}
|
|
834
835
|
//#endregion
|
|
835
836
|
//#region src/tooltip/index.parts.ts
|
|
836
|
-
var
|
|
837
|
-
Arrow: () =>
|
|
838
|
-
Handle: () =>
|
|
839
|
-
Popup: () =>
|
|
840
|
-
Portal: () =>
|
|
841
|
-
Positioner: () =>
|
|
842
|
-
Provider: () =>
|
|
843
|
-
Root: () =>
|
|
844
|
-
Trigger: () =>
|
|
845
|
-
Viewport: () =>
|
|
846
|
-
createHandle: () =>
|
|
837
|
+
var et = /* @__PURE__ */ e({
|
|
838
|
+
Arrow: () => Ze,
|
|
839
|
+
Handle: () => Qe,
|
|
840
|
+
Popup: () => qe,
|
|
841
|
+
Portal: () => ke,
|
|
842
|
+
Positioner: () => We,
|
|
843
|
+
Provider: () => he,
|
|
844
|
+
Root: () => ye,
|
|
845
|
+
Trigger: () => Ce,
|
|
846
|
+
Viewport: () => Ye,
|
|
847
|
+
createHandle: () => $e
|
|
847
848
|
});
|
|
848
849
|
//#endregion
|
|
849
|
-
export {
|
|
850
|
+
export { et as t };
|