solid-baseui 0.1.0-alpha.1 → 0.1.0-alpha.2
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 +42 -0
- package/README.md +51 -20
- 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 +1 -1
- 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
|
@@ -4,31 +4,31 @@ import { P as n, S as r, d as i, k as a, u as o, y as s } from "./reasons-Co5Czj
|
|
|
4
4
|
import { n as c, t as l } from "./resolveStyle-XcgAuaKR.js";
|
|
5
5
|
import { createChangeEventDetails as u } from "./internals/createBaseUIEventDetails.js";
|
|
6
6
|
import { transitionStatusMapping as d } from "./internals/stateAttributesMapping.js";
|
|
7
|
-
import { composeEventHandlers as f } from "./internals/composeEventHandlers.js";
|
|
8
|
-
import { t as
|
|
9
|
-
import {
|
|
10
|
-
import { t as
|
|
11
|
-
import { t as
|
|
12
|
-
import { t as
|
|
13
|
-
import { c as
|
|
14
|
-
import { a as
|
|
15
|
-
import { n as
|
|
7
|
+
import { composeEventHandlers as f, liveEventHandler as p } from "./internals/composeEventHandlers.js";
|
|
8
|
+
import { t as m } from "./runOnceAnimationsFinish-CFADb4CN.js";
|
|
9
|
+
import { s as h } from "./dom-lDdayFF_.js";
|
|
10
|
+
import { t as g } from "./createAnchorPositioning-DCXIApS1.js";
|
|
11
|
+
import { t as _ } from "./InternalBackdrop-B8_lfUvf.js";
|
|
12
|
+
import { t as v } from "./createAnchoredPopupScrollLock-BxKpJbCE.js";
|
|
13
|
+
import { c as y, i as b, n as x, r as S, s as C, t as w } from "./FloatingTree-23B7KKPD.js";
|
|
14
|
+
import { a as T, n as E, o as D, t as O } from "./PopupStore-BjRwcvbG.js";
|
|
15
|
+
import { n as k, r as A, t as ee } from "./safePolygon-DVAR5dQD.js";
|
|
16
16
|
import { t as j } from "./createTransitionStatus-BL_cPSEA.js";
|
|
17
|
-
import { a as M, h as N, n as P, o as
|
|
18
|
-
import { t as
|
|
19
|
-
import { r as
|
|
20
|
-
import { t as
|
|
21
|
-
import { a as
|
|
22
|
-
import { n as
|
|
23
|
-
import { n as
|
|
24
|
-
import { n as
|
|
25
|
-
import { claimElement as
|
|
26
|
-
import { $REFRESH as
|
|
17
|
+
import { a as M, h as N, n as P, o as te, r as F } from "./popupStateMapping-nhukB8NK.js";
|
|
18
|
+
import { t as ne } from "./FocusManager-q7z7PMV1.js";
|
|
19
|
+
import { r as re } from "./PopupHandle-DyX5gY1e.js";
|
|
20
|
+
import { t as ie } from "./setRef-fXF6OIo3.js";
|
|
21
|
+
import { a as I, r as L } from "./buttonSemantics-paljfpOX.js";
|
|
22
|
+
import { n as ae } from "./DirectionContext-BwMabICS.js";
|
|
23
|
+
import { n as oe } from "./MenubarContext-BYt3fkt-.js";
|
|
24
|
+
import { n as se } from "./ToolbarRootContext-88yZoAOy.js";
|
|
25
|
+
import { claimElement as ce, createComponent as R, getNextElement as z, memo as B, mergeProps as V, runHydrationEvents as H, spread as U, template as W } from "@solidjs/web";
|
|
26
|
+
import { $REFRESH as le, Show as ue, createContext as G, createEffect as K, createMemo as q, createSignal as J, createUniqueId as de, omit as Y, onCleanup as X, untrack as Z, useContext as Q } from "solid-js";
|
|
27
27
|
//#region src/context-menu/root/ContextMenuRootContext.ts
|
|
28
|
-
var
|
|
29
|
-
function
|
|
30
|
-
let t = Q(
|
|
31
|
-
if (t ===
|
|
28
|
+
var fe = Symbol("ContextMenuRootContext"), pe = G(fe);
|
|
29
|
+
function me(e = !0) {
|
|
30
|
+
let t = Q(pe);
|
|
31
|
+
if (t === fe) {
|
|
32
32
|
if (e) return;
|
|
33
33
|
throw Error("Base UI: ContextMenuRootContext is missing. ContextMenu parts must be placed within <ContextMenu.Root>.");
|
|
34
34
|
}
|
|
@@ -36,7 +36,7 @@ function pe(e = !0) {
|
|
|
36
36
|
}
|
|
37
37
|
//#endregion
|
|
38
38
|
//#region src/menu/store/MenuCollection.ts
|
|
39
|
-
var
|
|
39
|
+
var he = class {
|
|
40
40
|
registrations = /* @__PURE__ */ new Map();
|
|
41
41
|
revision;
|
|
42
42
|
setRevision;
|
|
@@ -53,7 +53,7 @@ var me = class {
|
|
|
53
53
|
this.setRevision((e) => e + 1);
|
|
54
54
|
}
|
|
55
55
|
items() {
|
|
56
|
-
return this.revision(), Array.from(this.registrations.values()).sort(
|
|
56
|
+
return this.revision(), Array.from(this.registrations.values()).sort(ge);
|
|
57
57
|
}
|
|
58
58
|
indexOf(e) {
|
|
59
59
|
return this.items().findIndex((t) => t.token === e);
|
|
@@ -70,11 +70,11 @@ var me = class {
|
|
|
70
70
|
availableIndices() {
|
|
71
71
|
return this.items().flatMap((e, t) => {
|
|
72
72
|
let n = e.element();
|
|
73
|
-
return n && !n.matches(":disabled") &&
|
|
73
|
+
return n && !n.matches(":disabled") && h(n) ? [t] : [];
|
|
74
74
|
});
|
|
75
75
|
}
|
|
76
76
|
};
|
|
77
|
-
function
|
|
77
|
+
function ge(e, t) {
|
|
78
78
|
let n = e.element(), r = t.element();
|
|
79
79
|
if (!n || !r || n === r) return 0;
|
|
80
80
|
let i = n.compareDocumentPosition(r);
|
|
@@ -82,9 +82,9 @@ function he(e, t) {
|
|
|
82
82
|
}
|
|
83
83
|
//#endregion
|
|
84
84
|
//#region src/menu/store/MenuStore.ts
|
|
85
|
-
var
|
|
85
|
+
var _e = class extends O {
|
|
86
86
|
parentStore;
|
|
87
|
-
collection = new
|
|
87
|
+
collection = new he();
|
|
88
88
|
disabled;
|
|
89
89
|
modal;
|
|
90
90
|
orientation;
|
|
@@ -332,10 +332,10 @@ var ge = class extends D {
|
|
|
332
332
|
this.allowTouchToClose = !0;
|
|
333
333
|
}, 300)) : this.allowTouchToClose = !0, !0);
|
|
334
334
|
}
|
|
335
|
-
},
|
|
336
|
-
function
|
|
337
|
-
let t = Q(
|
|
338
|
-
if (t ===
|
|
335
|
+
}, ve = Symbol("MenuSubmenuRootContext"), ye = G(ve);
|
|
336
|
+
function be(e = !1) {
|
|
337
|
+
let t = Q(ye);
|
|
338
|
+
if (t === ve) {
|
|
339
339
|
if (e) return;
|
|
340
340
|
throw Error("Base UI: <Menu.SubmenuTrigger> must be placed in <Menu.SubmenuRoot>.");
|
|
341
341
|
}
|
|
@@ -343,10 +343,10 @@ function ye(e = !1) {
|
|
|
343
343
|
}
|
|
344
344
|
//#endregion
|
|
345
345
|
//#region src/menu/root/MenuRootContext.ts
|
|
346
|
-
var
|
|
346
|
+
var xe = Symbol("MenuRootContext"), Se = G(xe);
|
|
347
347
|
function $(e = !1) {
|
|
348
|
-
let t = Q(
|
|
349
|
-
if (t ===
|
|
348
|
+
let t = Q(Se);
|
|
349
|
+
if (t === xe) {
|
|
350
350
|
if (e) return;
|
|
351
351
|
throw Error("Base UI: MenuRootContext is missing. Menu parts must be placed within <Menu.Root>.");
|
|
352
352
|
}
|
|
@@ -354,20 +354,20 @@ function $(e = !1) {
|
|
|
354
354
|
}
|
|
355
355
|
//#endregion
|
|
356
356
|
//#region src/menu/root/MenuRoot.tsx
|
|
357
|
-
function
|
|
358
|
-
let t =
|
|
357
|
+
function Ce(e) {
|
|
358
|
+
let t = me(!0), n = oe(!0), r = $(!0), a = be(!0), o = t && !r ? t : void 0, s = o ? void 0 : a?.parentStore, c = y(), l = C(), d = ae(), f = s ? void 0 : n, p = o ? new S() : Z(() => s?.tree()) ?? f?.tree ?? c ?? new S(), h = de(), g = de(), _ = Z(() => e.open !== void 0), v = Z(() => e.triggerId !== void 0), E = s !== void 0, O = new _e({
|
|
359
359
|
controlledOpen: () => _ ? e.open : void 0,
|
|
360
|
-
controlledTriggerId: () =>
|
|
360
|
+
controlledTriggerId: () => v ? e.triggerId : void 0,
|
|
361
361
|
floatingId: g,
|
|
362
|
-
nested:
|
|
362
|
+
nested: E,
|
|
363
363
|
nodeId: h,
|
|
364
364
|
onOpenChange: () => e.onOpenChange,
|
|
365
365
|
onOpenChangeComplete: () => e.onOpenChangeComplete,
|
|
366
|
-
tree:
|
|
366
|
+
tree: p,
|
|
367
367
|
parentStore: s,
|
|
368
368
|
parentNodeId: o ? null : f?.nodeId ?? l,
|
|
369
369
|
disabled: () => e.disabled ?? !1,
|
|
370
|
-
modal: () =>
|
|
370
|
+
modal: () => E ? !1 : e.modal ?? !0,
|
|
371
371
|
orientation: () => e.orientation ?? "vertical",
|
|
372
372
|
loopFocus: () => e.loopFocus ?? !0,
|
|
373
373
|
highlightItemOnHover: () => e.highlightItemOnHover ?? !0,
|
|
@@ -382,12 +382,12 @@ function Se(e) {
|
|
|
382
382
|
}), O.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !1 });
|
|
383
383
|
let k = Z(() => O.open() && !!s && r?.presence.transitionStatus() === "starting"), A = k ? Z(() => s?.instantType()) : void 0;
|
|
384
384
|
A !== void 0 && O.setInstantType(A);
|
|
385
|
-
let
|
|
385
|
+
let ee = O.access((e) => e.payload), j = b({
|
|
386
386
|
tree: () => O.tree(),
|
|
387
387
|
id: h,
|
|
388
388
|
parentId: () => O.parentNodeId(),
|
|
389
389
|
context: () => O.context.floatingRoot
|
|
390
|
-
}), [
|
|
390
|
+
}), [M, N] = J(null, { ownedWrite: !0 }), [P, te] = J(null, { ownedWrite: !0 }), F = T(O, () => O.track().popupElement, {
|
|
391
391
|
animateInitialOpen: k,
|
|
392
392
|
onUnmount: () => {
|
|
393
393
|
O.setHoverEnabled(!0), O.setInstantType(void 0);
|
|
@@ -395,7 +395,7 @@ function Se(e) {
|
|
|
395
395
|
});
|
|
396
396
|
A !== void 0 && K(() => ({
|
|
397
397
|
open: O.open(),
|
|
398
|
-
status:
|
|
398
|
+
status: F.transitionStatus()
|
|
399
399
|
}), (e) => {
|
|
400
400
|
let t = () => {
|
|
401
401
|
Z(() => O.instantType()) === A && O.setInstantType(void 0);
|
|
@@ -411,34 +411,34 @@ function Se(e) {
|
|
|
411
411
|
return;
|
|
412
412
|
}
|
|
413
413
|
let r = new AbortController();
|
|
414
|
-
return
|
|
414
|
+
return m(n, t, r.signal), () => r.abort();
|
|
415
415
|
});
|
|
416
416
|
let ne = {
|
|
417
417
|
store: O,
|
|
418
|
-
node:
|
|
419
|
-
nested:
|
|
420
|
-
presence:
|
|
418
|
+
node: j,
|
|
419
|
+
nested: E,
|
|
420
|
+
presence: F,
|
|
421
421
|
portalOwnerRole: s || f ? "group" : void 0,
|
|
422
422
|
contextMenu: O.contextMenu,
|
|
423
|
-
backdropElement:
|
|
424
|
-
setBackdropElement:
|
|
425
|
-
internalBackdropElement:
|
|
426
|
-
setInternalBackdropElement:
|
|
423
|
+
backdropElement: M,
|
|
424
|
+
setBackdropElement: N,
|
|
425
|
+
internalBackdropElement: P,
|
|
426
|
+
setInternalBackdropElement: te,
|
|
427
427
|
beforeContentGuard: () => O.beforeContentGuard(),
|
|
428
428
|
setBeforeContentGuard: (e) => O.setBeforeContentGuard(e),
|
|
429
429
|
afterTriggerGuard: () => O.afterTriggerGuard(),
|
|
430
430
|
setAfterTriggerGuard: (e) => O.setAfterTriggerGuard(e)
|
|
431
431
|
};
|
|
432
432
|
O.context.floatingRoot.context.data.insideElements = () => [
|
|
433
|
-
|
|
434
|
-
|
|
433
|
+
M(),
|
|
434
|
+
P(),
|
|
435
435
|
O.menubar()?.rootElement()
|
|
436
|
-
],
|
|
437
|
-
let
|
|
436
|
+
], re(() => e.handle, O);
|
|
437
|
+
let ie, I = D({
|
|
438
438
|
context: O.context.floatingRoot,
|
|
439
439
|
tree: () => O.tree(),
|
|
440
440
|
enabled: () => !O.disabled(),
|
|
441
|
-
bubbles: () => ({ escapeKey:
|
|
441
|
+
bubbles: () => ({ escapeKey: E && O.closeParentOnEsc() }),
|
|
442
442
|
outsidePress: () => () => !o || O.context.floatingRoot.context.data.openEvent?.type === "contextmenu" || o.allowOutsidePressDismissal.current,
|
|
443
443
|
outsidePressEvent: () => ({
|
|
444
444
|
mouse: "sloppy",
|
|
@@ -446,27 +446,27 @@ function Se(e) {
|
|
|
446
446
|
})
|
|
447
447
|
});
|
|
448
448
|
O.setInteractionProps({
|
|
449
|
-
activeTriggerProps: { onKeyDown:
|
|
450
|
-
inactiveTriggerProps: { onKeyDown:
|
|
451
|
-
popupProps: { onKeyDown:
|
|
449
|
+
activeTriggerProps: { onKeyDown: I.onKeyDown },
|
|
450
|
+
inactiveTriggerProps: { onKeyDown: I.onKeyDown },
|
|
451
|
+
popupProps: { onKeyDown: I.onKeyDown }
|
|
452
452
|
});
|
|
453
|
-
let
|
|
453
|
+
let L = !1;
|
|
454
454
|
K(() => O.open(), (e) => {
|
|
455
|
-
!o || e ===
|
|
455
|
+
!o || e === L || (L = e, clearTimeout(ie), o.allowOutsidePressDismissal.current = !1, e && (ie = setTimeout(() => {
|
|
456
456
|
o.allowOutsidePressDismissal.current = !0;
|
|
457
457
|
}, 500)));
|
|
458
458
|
}), K(() => ({
|
|
459
459
|
open: O.open(),
|
|
460
460
|
activeTriggerId: O.activeTriggerId()
|
|
461
461
|
}), () => Z(() => O.reconcileTriggers()));
|
|
462
|
-
let
|
|
462
|
+
let se = Z(() => O.open());
|
|
463
463
|
K(() => O.open(), (e) => {
|
|
464
|
-
|
|
464
|
+
se && !e && Z(() => {
|
|
465
465
|
O.context.floatingRoot.syncOpenEvent(!1, void 0), O.resetAfterObservedClose();
|
|
466
|
-
}),
|
|
466
|
+
}), se = e;
|
|
467
467
|
}), K(() => ({
|
|
468
468
|
open: O.open(),
|
|
469
|
-
mounted:
|
|
469
|
+
mounted: F.mounted(),
|
|
470
470
|
items: O.collection.items()
|
|
471
471
|
}), ({ open: e, mounted: t }) => {
|
|
472
472
|
if (!e || !t) return;
|
|
@@ -499,33 +499,33 @@ function Se(e) {
|
|
|
499
499
|
}), K(() => O.tree(), (e) => e.events.on("close", ({ event: e, reason: t }) => {
|
|
500
500
|
O.open() && O.setOpen(!1, u(t, e));
|
|
501
501
|
}));
|
|
502
|
-
let
|
|
503
|
-
unmount:
|
|
502
|
+
let ce = {
|
|
503
|
+
unmount: F.forceUnmount,
|
|
504
504
|
close() {
|
|
505
505
|
O.setOpen(!1, u(i));
|
|
506
506
|
}
|
|
507
507
|
};
|
|
508
508
|
K(() => e.actionsRef, (e) => {
|
|
509
|
-
e?.(
|
|
509
|
+
e?.(ce);
|
|
510
510
|
});
|
|
511
|
-
function
|
|
511
|
+
function z() {
|
|
512
512
|
let t = q(() => e.children), n = Z(t), r = n;
|
|
513
|
-
return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n,
|
|
513
|
+
return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n, le) ? B(() => t()) : Z(() => n({ payload: ee }))), r;
|
|
514
514
|
}
|
|
515
515
|
return X(() => {
|
|
516
|
-
clearTimeout(
|
|
517
|
-
}),
|
|
516
|
+
clearTimeout(ie), O.dispose(), O.clearInteractionProps(), delete O.context.floatingRoot.context.data.insideElements;
|
|
517
|
+
}), R(Se, {
|
|
518
518
|
value: ne,
|
|
519
519
|
get children() {
|
|
520
|
-
return
|
|
521
|
-
value:
|
|
520
|
+
return R(x, {
|
|
521
|
+
value: p,
|
|
522
522
|
get children() {
|
|
523
|
-
return
|
|
523
|
+
return R(w, {
|
|
524
524
|
get value() {
|
|
525
|
-
return
|
|
525
|
+
return j.id ?? null;
|
|
526
526
|
},
|
|
527
527
|
get children() {
|
|
528
|
-
return z
|
|
528
|
+
return R(z, {});
|
|
529
529
|
}
|
|
530
530
|
});
|
|
531
531
|
}
|
|
@@ -535,7 +535,7 @@ function Se(e) {
|
|
|
535
535
|
}
|
|
536
536
|
//#endregion
|
|
537
537
|
//#region src/menu/utils/mergeMenuStyles.ts
|
|
538
|
-
function
|
|
538
|
+
function we(e, t) {
|
|
539
539
|
if (typeof t == "string") {
|
|
540
540
|
let n = Object.entries(e).filter((e) => e[1] != null).map(([e, t]) => `${e}:${String(t)}`).join(";");
|
|
541
541
|
return n ? `${n};${t}` : t;
|
|
@@ -547,24 +547,24 @@ function Ce(e, t) {
|
|
|
547
547
|
}
|
|
548
548
|
//#endregion
|
|
549
549
|
//#region src/menu/backdrop/MenuBackdrop.tsx
|
|
550
|
-
var
|
|
551
|
-
function
|
|
550
|
+
var Te = /* @__PURE__ */ W("<div>");
|
|
551
|
+
function Ee(n) {
|
|
552
552
|
let r = $(), i = n, a = n, o = q(() => ({
|
|
553
553
|
open: r.store.open(),
|
|
554
554
|
transitionStatus: r.store.track().transitionStatus
|
|
555
|
-
})), s = q(() => c(n.class, o())), u = q(() =>
|
|
555
|
+
})), s = q(() => c(n.class, o())), u = q(() => we({
|
|
556
556
|
"pointer-events": r.store.openChangeReason() === "trigger-hover" ? "none" : void 0,
|
|
557
557
|
"user-select": "none",
|
|
558
558
|
"-webkit-user-select": "none"
|
|
559
|
-
}, l(n.style, o()))), d = q(() => t(o(),
|
|
559
|
+
}, l(n.style, o()))), d = q(() => t(o(), F)), f = Y(a, "render", "class", "ref", "style"), p = null;
|
|
560
560
|
X(() => {
|
|
561
561
|
r.backdropElement() === p && r.setBackdropElement(null);
|
|
562
562
|
});
|
|
563
563
|
let m = e(n, () => o(), (e) => (() => {
|
|
564
|
-
var t =
|
|
564
|
+
var t = z(Te);
|
|
565
565
|
return U(t, e, !1), H(), t;
|
|
566
566
|
})());
|
|
567
|
-
return
|
|
567
|
+
return R(m, V({
|
|
568
568
|
ref: [((e) => {
|
|
569
569
|
p = e, r.setBackdropElement(e);
|
|
570
570
|
}), i.ref],
|
|
@@ -582,25 +582,25 @@ function Te(n) {
|
|
|
582
582
|
}
|
|
583
583
|
//#endregion
|
|
584
584
|
//#region src/menu/portal/MenuPortalContext.ts
|
|
585
|
-
var
|
|
586
|
-
function
|
|
587
|
-
let e = Q(
|
|
588
|
-
if (e ===
|
|
585
|
+
var De = Symbol("MenuPortalContext"), Oe = G(De);
|
|
586
|
+
function ke() {
|
|
587
|
+
let e = Q(Oe);
|
|
588
|
+
if (e === De) throw Error("Base UI: <Menu.Positioner> must be placed within <Menu.Portal>.");
|
|
589
589
|
return e;
|
|
590
590
|
}
|
|
591
591
|
//#endregion
|
|
592
592
|
//#region src/menu/portal/MenuPortal.tsx
|
|
593
|
-
function
|
|
593
|
+
function Ae(e) {
|
|
594
594
|
let t = $(), n = e, r = e, i = q(() => n.keepMounted ?? !1), a = q(() => t.presence.mounted() || i()), o = {}, s = q(() => c(e.class, o)), u = q(() => l(e.style, o)), d = Y(r, "render", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: i };
|
|
595
|
-
return
|
|
595
|
+
return R(ue, {
|
|
596
596
|
get when() {
|
|
597
597
|
return a();
|
|
598
598
|
},
|
|
599
599
|
get children() {
|
|
600
|
-
return
|
|
600
|
+
return R(Oe, {
|
|
601
601
|
value: f,
|
|
602
602
|
get children() {
|
|
603
|
-
return
|
|
603
|
+
return R(te, V({
|
|
604
604
|
get render() {
|
|
605
605
|
return e.render;
|
|
606
606
|
},
|
|
@@ -608,7 +608,7 @@ function ke(e) {
|
|
|
608
608
|
return n.container;
|
|
609
609
|
},
|
|
610
610
|
ref: (e) => {
|
|
611
|
-
n.ref &&
|
|
611
|
+
n.ref && ie(n.ref, e);
|
|
612
612
|
},
|
|
613
613
|
get class() {
|
|
614
614
|
return s();
|
|
@@ -631,16 +631,16 @@ function ke(e) {
|
|
|
631
631
|
}
|
|
632
632
|
//#endregion
|
|
633
633
|
//#region src/menu/utils/stateAttributesMapping.ts
|
|
634
|
-
var
|
|
634
|
+
var je = {
|
|
635
635
|
...P,
|
|
636
636
|
nested: (e) => e ? { "data-nested": "" } : null
|
|
637
|
-
},
|
|
638
|
-
...
|
|
637
|
+
}, Me = {
|
|
638
|
+
...F,
|
|
639
639
|
nested: (e) => e ? { "data-nested": "" } : null
|
|
640
|
-
},
|
|
641
|
-
function
|
|
642
|
-
let t = Q(
|
|
643
|
-
if (t ===
|
|
640
|
+
}, Ne = { activationDirection: (e) => e ? { "data-activation-direction": e } : null }, Pe = { "data-checked": "" }, Fe = { "data-unchecked": "" }, Ie = { checked: (e) => e ? Pe : Fe }, Le = Symbol("MenuPositionerContext"), Re = G(Le);
|
|
641
|
+
function ze(e = !1) {
|
|
642
|
+
let t = Q(Re);
|
|
643
|
+
if (t === Le) {
|
|
644
644
|
if (e) return;
|
|
645
645
|
throw Error("Base UI: <Menu.Positioner> is missing.");
|
|
646
646
|
}
|
|
@@ -648,11 +648,11 @@ function Re(e = !1) {
|
|
|
648
648
|
}
|
|
649
649
|
//#endregion
|
|
650
650
|
//#region src/menu/positioner/MenuPositioner.tsx
|
|
651
|
-
var
|
|
652
|
-
function
|
|
653
|
-
|
|
654
|
-
let r = $(), i =
|
|
655
|
-
reference:
|
|
651
|
+
var Be = /* @__PURE__ */ W("<div>");
|
|
652
|
+
function Ve(n) {
|
|
653
|
+
ke();
|
|
654
|
+
let r = $(), i = ae(), o = n, s = n, [d, f] = J(null, { ownedWrite: !0 }), p = r.contextMenu !== void 0 && !r.nested, h = q(() => He(o.anchor) ?? (p ? r.contextMenu?.anchor() : void 0) ?? r.store.context.floatingRoot.referenceElement()), y = () => o.align ?? (r.nested || p || r.store.menubar() ? "start" : "center"), b = () => p && o.side === void 0 && y() !== "center", x = () => o.collisionAvoidance ?? { fallbackAxisSide: r.nested ? "end" : "none" }, S = g({
|
|
655
|
+
reference: h,
|
|
656
656
|
floating: d,
|
|
657
657
|
mounted: r.presence.mounted,
|
|
658
658
|
direction: i,
|
|
@@ -663,26 +663,26 @@ function Be(n) {
|
|
|
663
663
|
alignOffset: () => o.alignOffset ?? (b() ? 2 : 0),
|
|
664
664
|
collisionBoundary: () => o.collisionBoundary ?? "clipping-ancestors",
|
|
665
665
|
collisionPadding: () => o.collisionPadding ?? 5,
|
|
666
|
-
arrowPadding: () =>
|
|
666
|
+
arrowPadding: () => p ? 0 : o.arrowPadding ?? 5,
|
|
667
667
|
sticky: () => o.sticky ?? !1,
|
|
668
668
|
disableAnchorTracking: () => o.disableAnchorTracking ?? !1,
|
|
669
669
|
collisionAvoidance: x,
|
|
670
|
-
shiftRootBoundary: () =>
|
|
671
|
-
shiftCrossAxis: () =>
|
|
670
|
+
shiftRootBoundary: () => p ? "layoutViewport" : void 0,
|
|
671
|
+
shiftCrossAxis: () => p && !("side" in x() && x().side === "flip"),
|
|
672
672
|
adaptiveOriginMiddleware: () => r.store.track().adaptiveOriginMiddleware
|
|
673
|
-
}), C =
|
|
673
|
+
}), C = k(() => r.store.open(), () => S.state().isPositioned), w = q(() => ({
|
|
674
674
|
open: r.store.open(),
|
|
675
675
|
side: S.renderedSide(),
|
|
676
676
|
align: S.renderedAlign(),
|
|
677
677
|
anchorHidden: S.anchorHidden(),
|
|
678
678
|
nested: r.nested,
|
|
679
679
|
instant: r.store.instantType() ?? (C() ? "initial" : void 0)
|
|
680
|
-
})), T = q(() => c(n.class, w())), E = q(() =>
|
|
680
|
+
})), T = q(() => c(n.class, w())), E = q(() => we({
|
|
681
681
|
...S.styles(),
|
|
682
682
|
"pointer-events": r.store.open() ? void 0 : "none"
|
|
683
|
-
}, l(n.style, w()))), D = q(() => t(w(),
|
|
684
|
-
|
|
685
|
-
enabled: () => r.store.open() &&
|
|
683
|
+
}, l(n.style, w()))), D = q(() => t(w(), je)), O = Y(s, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style"), A = q(() => !r.nested && r.store.modal() && r.store.openChangeReason() !== "trigger-hover"), ee = q(() => r.store.menubar()?.modal() ?? !1), j = q(() => ee() || A()), M = null, N, P;
|
|
684
|
+
v({
|
|
685
|
+
enabled: () => r.store.open() && j(),
|
|
686
686
|
touchOpen: () => r.store.openMethod() === "touch",
|
|
687
687
|
positioner: d,
|
|
688
688
|
reference: () => r.store.track().activeTriggerElement
|
|
@@ -704,14 +704,14 @@ function Be(n) {
|
|
|
704
704
|
open: r.store.open()
|
|
705
705
|
}), ({ trigger: e, positioner: t, open: n }) => {
|
|
706
706
|
if (!n) {
|
|
707
|
-
|
|
707
|
+
M = null, N?.abort();
|
|
708
708
|
return;
|
|
709
709
|
}
|
|
710
|
-
let i =
|
|
711
|
-
if (e && (
|
|
712
|
-
r.store.setInstantType(void 0),
|
|
710
|
+
let i = M;
|
|
711
|
+
if (e && (M = e), !i || !e || i === e || !t) return;
|
|
712
|
+
r.store.setInstantType(void 0), N?.abort();
|
|
713
713
|
let a = new AbortController();
|
|
714
|
-
return
|
|
714
|
+
return N = a, m(t, () => r.store.setInstantType("trigger-change"), a.signal), () => a.abort();
|
|
715
715
|
}), K(() => r.store.tree(), (e) => e.events.on("menuopenchange", (e) => {
|
|
716
716
|
if (e.open && e.parentNodeId === r.node.id && r.store.setHoverEnabled(!1), e.open && e.nodeId !== r.node.id && e.parentNodeId === r.store.parentNodeId()) {
|
|
717
717
|
r.store.setOpen(!1, u(a));
|
|
@@ -721,24 +721,24 @@ function Be(n) {
|
|
|
721
721
|
})), K(() => r.store.tree(), (e) => e.events.on("itemhover", ({ nodeId: e, target: t }) => {
|
|
722
722
|
if (!r.store.open() || e !== r.store.parentNodeId()) return;
|
|
723
723
|
if (t === r.store.track().activeTriggerElement) {
|
|
724
|
-
clearTimeout(
|
|
724
|
+
clearTimeout(P), P = void 0;
|
|
725
725
|
return;
|
|
726
726
|
}
|
|
727
|
-
if (
|
|
727
|
+
if (P !== void 0) return;
|
|
728
728
|
let n = () => r.store.setOpen(!1, u(a)), i = r.store.track().closeDelay;
|
|
729
|
-
i > 0 ?
|
|
730
|
-
|
|
729
|
+
i > 0 ? P = setTimeout(() => {
|
|
730
|
+
P = void 0, n();
|
|
731
731
|
}, i) : n();
|
|
732
732
|
})), K(() => r.store.open(), (e) => {
|
|
733
|
-
e || (clearTimeout(
|
|
733
|
+
e || (clearTimeout(P), P = void 0);
|
|
734
734
|
}), X(() => {
|
|
735
|
-
clearTimeout(
|
|
735
|
+
clearTimeout(P), N?.abort(), delete r.store.context.floatingRoot.context.data.placement, r.store.state.positionerElement === Z(d) && r.store.setPositionerElement(null);
|
|
736
736
|
});
|
|
737
|
-
function
|
|
737
|
+
function te() {
|
|
738
738
|
let e = null;
|
|
739
739
|
return X(() => {
|
|
740
740
|
r.internalBackdropElement() === e && r.setInternalBackdropElement(null);
|
|
741
|
-
}),
|
|
741
|
+
}), R(_, {
|
|
742
742
|
ref: (t) => {
|
|
743
743
|
e = t, r.setInternalBackdropElement(t);
|
|
744
744
|
},
|
|
@@ -750,21 +750,21 @@ function Be(n) {
|
|
|
750
750
|
}
|
|
751
751
|
});
|
|
752
752
|
}
|
|
753
|
-
let
|
|
754
|
-
var t =
|
|
753
|
+
let F = e(n, () => w(), (e) => (() => {
|
|
754
|
+
var t = z(Be);
|
|
755
755
|
return U(t, e, !1), H(), t;
|
|
756
756
|
})());
|
|
757
|
-
return
|
|
757
|
+
return R(Re, {
|
|
758
758
|
value: S,
|
|
759
759
|
get children() {
|
|
760
|
-
return [
|
|
760
|
+
return [R(ue, {
|
|
761
761
|
get when() {
|
|
762
|
-
return
|
|
762
|
+
return B(() => !!r.presence.mounted())() ? j() : r.presence.mounted();
|
|
763
763
|
},
|
|
764
764
|
get children() {
|
|
765
|
-
return
|
|
765
|
+
return R(te, {});
|
|
766
766
|
}
|
|
767
|
-
}),
|
|
767
|
+
}), R(F, V({
|
|
768
768
|
ref: [((e) => {
|
|
769
769
|
f(e), r.store.setPositionerElement(e);
|
|
770
770
|
}), o.ref],
|
|
@@ -781,16 +781,16 @@ function Be(n) {
|
|
|
781
781
|
get style() {
|
|
782
782
|
return E();
|
|
783
783
|
}
|
|
784
|
-
}, D,
|
|
784
|
+
}, D, O))];
|
|
785
785
|
}
|
|
786
786
|
});
|
|
787
787
|
}
|
|
788
|
-
function
|
|
788
|
+
function He(e) {
|
|
789
789
|
return typeof e == "function" ? e() : e && "current" in e ? e.current : e;
|
|
790
790
|
}
|
|
791
791
|
//#endregion
|
|
792
792
|
//#region src/menu/popup/MenuPopup.tsx
|
|
793
|
-
var
|
|
793
|
+
var Ue = /* @__PURE__ */ W("<div>"), We = /* @__PURE__ */ new Set([
|
|
794
794
|
"ArrowUp",
|
|
795
795
|
"ArrowDown",
|
|
796
796
|
"ArrowLeft",
|
|
@@ -798,21 +798,21 @@ var He = /* @__PURE__ */ W("<div>"), Ue = /* @__PURE__ */ new Set([
|
|
|
798
798
|
"Home",
|
|
799
799
|
"End"
|
|
800
800
|
]);
|
|
801
|
-
function
|
|
802
|
-
let i = $(), a =
|
|
801
|
+
function Ge(n) {
|
|
802
|
+
let i = $(), a = ze(), s = se(!0) !== void 0, d = n, m = n, h = i.contextMenu !== void 0 && !i.nested, g = q(() => ({
|
|
803
803
|
transitionStatus: i.presence.transitionStatus(),
|
|
804
804
|
side: a.renderedSide(),
|
|
805
805
|
align: a.renderedAlign(),
|
|
806
806
|
open: i.store.open(),
|
|
807
807
|
nested: i.nested,
|
|
808
808
|
instant: i.store.instantType()
|
|
809
|
-
})),
|
|
810
|
-
function
|
|
809
|
+
})), _ = q(() => c(n.class, g())), v = q(() => l(n.style, g())), y = q(() => t(g(), Me)), b = q(() => d.id ?? i.store.context.floatingId), x = Y(m, "render", "class", "finalFocus", "id", "onClick", "onKeyDown", "onMouseMove", "ref", "style"), S = null;
|
|
810
|
+
function C(e) {
|
|
811
811
|
let t = i.store.state.popupProps.onKeyDown;
|
|
812
812
|
if (typeof t == "function" && t(e), !i.store.disabled()) {
|
|
813
813
|
if (e.key === "Tab") {
|
|
814
814
|
e.preventDefault();
|
|
815
|
-
let t = i.store.rootStore(), n = (i.nested && e.shiftKey ? i.store : t).track().activeTriggerElement, r = e.shiftKey ? n :
|
|
815
|
+
let t = i.store.rootStore(), n = (i.nested && e.shiftKey ? i.store : t).track().activeTriggerElement, r = e.shiftKey ? n : Ke(n, t.rootNodeId());
|
|
816
816
|
i.nested && e.shiftKey ? i.store.setOpen(!1, u(o, e)) : t.closeTree(e, o), queueMicrotask(() => r?.focus({ preventScroll: !0 }));
|
|
817
817
|
return;
|
|
818
818
|
}
|
|
@@ -829,15 +829,15 @@ function We(n) {
|
|
|
829
829
|
}
|
|
830
830
|
}
|
|
831
831
|
}
|
|
832
|
-
let
|
|
833
|
-
s &&
|
|
834
|
-
}),
|
|
832
|
+
let w = f(p(() => d.onKeyDown), C, (e) => {
|
|
833
|
+
s && We.has(e.key) && e.stopPropagation();
|
|
834
|
+
}), T = f(p(() => d.onMouseMove), () => {
|
|
835
835
|
i.store.setAllowMouseEnter(!0), i.nested && i.store.setHoverEnabled(!1);
|
|
836
|
-
}),
|
|
836
|
+
}), E = f(p(() => d.onClick), () => i.store.setHoverEnabled(!1)), D = () => Z(() => {
|
|
837
837
|
let e = i.store.openChangeReason();
|
|
838
838
|
return !(e === "focus-out" || i.store.menubar() && (e === "sibling-open" || e === "list-navigation") || i.store.menubar() && !i.store.track().activeTriggerElement && e === "outside-press");
|
|
839
839
|
});
|
|
840
|
-
K(() =>
|
|
840
|
+
K(() => b(), (e) => i.store.setPopupId(e)), K(() => i.store.track().popupElement, (e) => {
|
|
841
841
|
if (!e || typeof MutationObserver > "u") return;
|
|
842
842
|
let t = new MutationObserver(() => i.store.collection.touch());
|
|
843
843
|
return t.observe(e, {
|
|
@@ -846,15 +846,15 @@ function We(n) {
|
|
|
846
846
|
characterData: !0
|
|
847
847
|
}), () => t.disconnect();
|
|
848
848
|
}), X(() => {
|
|
849
|
-
i.store.state.popupElement ===
|
|
849
|
+
i.store.state.popupElement === S && i.store.setPopupElement(null);
|
|
850
850
|
});
|
|
851
|
-
function
|
|
852
|
-
return
|
|
851
|
+
function O() {
|
|
852
|
+
return R(k, V({
|
|
853
853
|
ref: [((e) => {
|
|
854
|
-
|
|
854
|
+
S = e, i.store.setPopupElement(e);
|
|
855
855
|
}), d.ref],
|
|
856
856
|
get id() {
|
|
857
|
-
return
|
|
857
|
+
return b();
|
|
858
858
|
},
|
|
859
859
|
role: "menu",
|
|
860
860
|
tabIndex: -1,
|
|
@@ -869,21 +869,21 @@ function We(n) {
|
|
|
869
869
|
return i.store.orientation() === "horizontal" ? "horizontal" : void 0;
|
|
870
870
|
},
|
|
871
871
|
get class() {
|
|
872
|
-
return
|
|
872
|
+
return _();
|
|
873
873
|
},
|
|
874
874
|
get style() {
|
|
875
|
-
return
|
|
875
|
+
return v();
|
|
876
876
|
},
|
|
877
|
-
onClick:
|
|
878
|
-
onMouseMove:
|
|
879
|
-
onKeyDown:
|
|
880
|
-
},
|
|
877
|
+
onClick: E,
|
|
878
|
+
onMouseMove: T,
|
|
879
|
+
onKeyDown: w
|
|
880
|
+
}, y, x));
|
|
881
881
|
}
|
|
882
|
-
let
|
|
883
|
-
var t =
|
|
882
|
+
let k = e(n, () => g(), (e) => (() => {
|
|
883
|
+
var t = z(Ue);
|
|
884
884
|
return U(t, e, !1), H(), t;
|
|
885
885
|
})());
|
|
886
|
-
return
|
|
886
|
+
return R(ne, {
|
|
887
887
|
get context() {
|
|
888
888
|
return i.store.context.floatingRoot;
|
|
889
889
|
},
|
|
@@ -895,9 +895,9 @@ function We(n) {
|
|
|
895
895
|
},
|
|
896
896
|
initialFocus: () => Z(() => i.store.focusPendingItem() || i.store.openMethod() === "keyboard" && i.store.collection.availableIndices().length > 0 ? !1 : !(i.store.openChangeReason() === "trigger-hover" || i.nested)),
|
|
897
897
|
get returnFocus() {
|
|
898
|
-
return d.finalFocus ??
|
|
898
|
+
return d.finalFocus ?? D;
|
|
899
899
|
},
|
|
900
|
-
modal:
|
|
900
|
+
modal: h,
|
|
901
901
|
restoreFocus: !0,
|
|
902
902
|
get openInteractionType() {
|
|
903
903
|
return i.store.openMethod();
|
|
@@ -906,39 +906,39 @@ function We(n) {
|
|
|
906
906
|
return i.store.track().activeTriggerElement;
|
|
907
907
|
},
|
|
908
908
|
get nextFocusableElement() {
|
|
909
|
-
return
|
|
909
|
+
return B(() => !!(i.nested || i.store.menubar()))() ? void 0 : i.store.afterTriggerGuard.bind(i.store);
|
|
910
910
|
},
|
|
911
911
|
get beforeContentGuardRef() {
|
|
912
|
-
return
|
|
912
|
+
return B(() => !!(i.nested || i.store.menubar()))() ? void 0 : i.store.setBeforeContentGuard.bind(i.store);
|
|
913
913
|
},
|
|
914
914
|
get children() {
|
|
915
|
-
return
|
|
915
|
+
return R(O, {});
|
|
916
916
|
}
|
|
917
917
|
});
|
|
918
918
|
}
|
|
919
|
-
function
|
|
919
|
+
function Ke(e, t) {
|
|
920
920
|
if (!e) return null;
|
|
921
921
|
let n = N(e.ownerDocument.body).filter((e) => !e.hasAttribute("data-base-ui-focus-guard") && !e.closest(`[data-rootownerid="${t}"]`)), r = n.indexOf(e);
|
|
922
922
|
return r === -1 ? null : n[r + 1] ?? null;
|
|
923
923
|
}
|
|
924
924
|
//#endregion
|
|
925
925
|
//#region src/menu/arrow/MenuArrow.tsx
|
|
926
|
-
var
|
|
927
|
-
function
|
|
928
|
-
let r = $(), i =
|
|
926
|
+
var qe = /* @__PURE__ */ W("<div>");
|
|
927
|
+
function Je(n) {
|
|
928
|
+
let r = $(), i = ze(), a = n, o = n, s = q(() => ({
|
|
929
929
|
open: r.store.open(),
|
|
930
930
|
side: i.renderedSide(),
|
|
931
931
|
align: i.renderedAlign(),
|
|
932
932
|
uncentered: i.arrowUncentered()
|
|
933
|
-
})), u = q(() => c(n.class, s())), d = q(() =>
|
|
933
|
+
})), u = q(() => c(n.class, s())), d = q(() => we(i.arrowStyles(), l(n.style, s()))), f = q(() => t(s(), P)), p = Y(o, "render", "class", "ref", "style"), m = null;
|
|
934
934
|
X(() => {
|
|
935
935
|
m && i.setArrowElement(null);
|
|
936
936
|
});
|
|
937
937
|
let h = e(n, () => s(), (e) => (() => {
|
|
938
|
-
var t =
|
|
938
|
+
var t = z(qe);
|
|
939
939
|
return U(t, e, !1), H(), t;
|
|
940
940
|
})());
|
|
941
|
-
return
|
|
941
|
+
return R(h, V({
|
|
942
942
|
ref: [((e) => {
|
|
943
943
|
m = e, i.setArrowElement(e);
|
|
944
944
|
}), a.ref],
|
|
@@ -953,27 +953,27 @@ function qe(n) {
|
|
|
953
953
|
}
|
|
954
954
|
//#endregion
|
|
955
955
|
//#region src/menu/group/MenuGroupContext.ts
|
|
956
|
-
var
|
|
957
|
-
function
|
|
958
|
-
let e = Q(
|
|
959
|
-
if (e ===
|
|
956
|
+
var Ye = Symbol("MenuGroupContext"), Xe = G(Ye);
|
|
957
|
+
function Ze() {
|
|
958
|
+
let e = Q(Xe);
|
|
959
|
+
if (e === Ye) throw Error("Base UI: <Menu.GroupLabel> must be placed within <Menu.Group> or <Menu.RadioGroup>.");
|
|
960
960
|
return e;
|
|
961
961
|
}
|
|
962
962
|
//#endregion
|
|
963
963
|
//#region src/menu/group/MenuGroup.tsx
|
|
964
|
-
var
|
|
965
|
-
function
|
|
964
|
+
var Qe = /* @__PURE__ */ W("<div>");
|
|
965
|
+
function $e(t) {
|
|
966
966
|
let n = t, r = t, [i, a] = J(), o = {
|
|
967
967
|
labelId: i,
|
|
968
968
|
setLabelId: a
|
|
969
969
|
}, s = {}, u = q(() => c(t.class, s)), d = q(() => l(t.style, s)), f = Y(r, "render", "class", "ref", "style"), p = e(t, () => s, (e) => (() => {
|
|
970
|
-
var t =
|
|
970
|
+
var t = z(Qe);
|
|
971
971
|
return U(t, e, !1), H(), t;
|
|
972
972
|
})());
|
|
973
|
-
return
|
|
973
|
+
return R(Xe, {
|
|
974
974
|
value: o,
|
|
975
975
|
get children() {
|
|
976
|
-
return
|
|
976
|
+
return R(p, V({
|
|
977
977
|
ref: [n.ref],
|
|
978
978
|
role: "group",
|
|
979
979
|
get "aria-labelledby"() {
|
|
@@ -991,17 +991,17 @@ function Qe(t) {
|
|
|
991
991
|
}
|
|
992
992
|
//#endregion
|
|
993
993
|
//#region src/menu/group-label/MenuGroupLabel.tsx
|
|
994
|
-
var
|
|
995
|
-
function
|
|
996
|
-
let n =
|
|
994
|
+
var et = /* @__PURE__ */ W("<div>");
|
|
995
|
+
function tt(t) {
|
|
996
|
+
let n = Ze(), r = t, i = t, a = `base-ui-${de()}`, o = q(() => r.id || a), s = {}, u = q(() => c(t.class, s)), d = q(() => l(t.style, s)), f = Y(i, "render", "class", "id", "ref", "style");
|
|
997
997
|
K(() => o(), (e) => (n.setLabelId(e), () => {
|
|
998
998
|
n.labelId() === e && n.setLabelId(void 0);
|
|
999
999
|
}));
|
|
1000
1000
|
let p = e(t, () => s, (e) => (() => {
|
|
1001
|
-
var t =
|
|
1001
|
+
var t = z(et);
|
|
1002
1002
|
return U(t, e, !1), H(), t;
|
|
1003
1003
|
})());
|
|
1004
|
-
return
|
|
1004
|
+
return R(p, V({
|
|
1005
1005
|
ref: [r.ref],
|
|
1006
1006
|
get id() {
|
|
1007
1007
|
return o();
|
|
@@ -1017,7 +1017,7 @@ function et(t) {
|
|
|
1017
1017
|
}
|
|
1018
1018
|
//#endregion
|
|
1019
1019
|
//#region src/menu/item/createMenuItem.ts
|
|
1020
|
-
function
|
|
1020
|
+
function nt(e) {
|
|
1021
1021
|
let t = Symbol("menu-item"), [n, r] = J(null, { ownedWrite: !0 }), i = e.store.collection.register({
|
|
1022
1022
|
token: t,
|
|
1023
1023
|
element: n,
|
|
@@ -1052,9 +1052,9 @@ function tt(e) {
|
|
|
1052
1052
|
let n = e.store.contextMenu;
|
|
1053
1053
|
if (n) {
|
|
1054
1054
|
let e = n.initialCursorPoint.current;
|
|
1055
|
-
if (n.initialCursorPoint.current = null, e && Math.abs(t.clientX - e.x) <= 1 && Math.abs(t.clientY - e.y) <= 1 || !
|
|
1055
|
+
if (n.initialCursorPoint.current = null, e && Math.abs(t.clientX - e.x) <= 1 && Math.abs(t.clientY - e.y) <= 1 || !rt() && t.button === 2) return;
|
|
1056
1056
|
}
|
|
1057
|
-
!e.submenu && e.store.allowMouseUpTrigger && (!n || t.button === 2) &&
|
|
1057
|
+
!e.submenu && e.store.allowMouseUpTrigger && (!n || t.button === 2) && it(t.currentTarget, t, 1);
|
|
1058
1058
|
},
|
|
1059
1059
|
onKeyDown(t, n) {
|
|
1060
1060
|
if (t.target !== t.currentTarget) return;
|
|
@@ -1064,7 +1064,7 @@ function tt(e) {
|
|
|
1064
1064
|
}
|
|
1065
1065
|
if (t.key !== "Enter" && t.key !== " ") return;
|
|
1066
1066
|
let r = t.currentTarget;
|
|
1067
|
-
r.tagName === "A" && r.href && t.key === "Enter" || n && r.tagName === "BUTTON" && t.key === "Enter" || (t.preventDefault(), t.preventBaseUIHandler(),
|
|
1067
|
+
r.tagName === "A" && r.href && t.key === "Enter" || n && r.tagName === "BUTTON" && t.key === "Enter" || (t.preventDefault(), t.preventBaseUIHandler(), it(r, t, 0));
|
|
1068
1068
|
},
|
|
1069
1069
|
onKeyUp(e, t) {
|
|
1070
1070
|
t && e.target === e.currentTarget && e.currentTarget.tagName === "BUTTON" && e.key === " " && e.preventDefault();
|
|
@@ -1074,12 +1074,12 @@ function tt(e) {
|
|
|
1074
1074
|
}
|
|
1075
1075
|
};
|
|
1076
1076
|
}
|
|
1077
|
-
function
|
|
1077
|
+
function rt() {
|
|
1078
1078
|
if (typeof navigator > "u") return !1;
|
|
1079
1079
|
let e = navigator.platform.toLowerCase();
|
|
1080
1080
|
return !(/^i(os$|p)/.test(e) || e === "macintel" && navigator.maxTouchPoints > 1) && e.startsWith("mac");
|
|
1081
1081
|
}
|
|
1082
|
-
function
|
|
1082
|
+
function it(e, t, n, r) {
|
|
1083
1083
|
let i = e.ownerDocument.defaultView?.MouseEvent ?? MouseEvent, a = "button" in t ? t : null, o = new i("click", {
|
|
1084
1084
|
bubbles: !0,
|
|
1085
1085
|
cancelable: !0,
|
|
@@ -1096,26 +1096,26 @@ function rt(e, t, n, r) {
|
|
|
1096
1096
|
});
|
|
1097
1097
|
return r?.(o), e.dispatchEvent(o), o;
|
|
1098
1098
|
}
|
|
1099
|
-
function
|
|
1099
|
+
function at(e) {
|
|
1100
1100
|
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.preventBaseUIHandler());
|
|
1101
1101
|
}
|
|
1102
1102
|
//#endregion
|
|
1103
1103
|
//#region src/menu/item/MenuItem.tsx
|
|
1104
|
-
var
|
|
1105
|
-
function
|
|
1106
|
-
let r = $(), i = n, a = n, o = q(() => i.nativeButton ?? !1), s = q(() => !!(i.disabled || r.store.disabled())), u = q(() => i.closeOnClick ?? !0), d =
|
|
1104
|
+
var ot = /* @__PURE__ */ W("<div>");
|
|
1105
|
+
function st(n) {
|
|
1106
|
+
let r = $(), i = n, a = n, o = q(() => i.nativeButton ?? !1), s = q(() => !!(i.disabled || r.store.disabled())), u = q(() => i.closeOnClick ?? !0), d = nt({
|
|
1107
1107
|
store: r.store,
|
|
1108
1108
|
label: () => i.label
|
|
1109
|
-
}),
|
|
1109
|
+
}), m = q(() => ({
|
|
1110
1110
|
disabled: s(),
|
|
1111
1111
|
highlighted: d.highlighted()
|
|
1112
|
-
})),
|
|
1112
|
+
})), h = q(() => c(n.class, m())), g = q(() => l(n.style, m())), _ = q(() => t(m())), v = Y(a, "render", "class", "closeOnClick", "disabled", "id", "label", "nativeButton", "onClick", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style"), y = f(p(() => Z(() => s() ? L : void 0)), p(() => i.onClick), (e) => {
|
|
1113
1113
|
u() && d.close(e);
|
|
1114
|
-
}),
|
|
1115
|
-
var t =
|
|
1114
|
+
}), b = f(p(() => Z(() => s() ? at : void 0)), p(() => i.onKeyDown), (e) => d.onKeyDown(e, o())), x = f(p(() => Z(() => s() ? I : void 0)), p(() => i.onKeyUp), (e) => d.onKeyUp(e, o())), S = f(p(() => i.onMouseMove), p(() => d.onMouseMove)), C = f(p(() => i.onMouseUp), p(() => d.onMouseUp)), w = f(p(() => i.onFocus), p(() => d.onFocus)), T = f(p(() => i.onBlur), p(() => d.onBlur)), E = e(n, () => m(), (e) => (() => {
|
|
1115
|
+
var t = z(ot);
|
|
1116
1116
|
return U(t, e, !1), H(), t;
|
|
1117
1117
|
})());
|
|
1118
|
-
return
|
|
1118
|
+
return R(E, V({
|
|
1119
1119
|
ref: [((e) => d.setElement(e)), i.ref],
|
|
1120
1120
|
get id() {
|
|
1121
1121
|
return i.id;
|
|
@@ -1131,97 +1131,97 @@ function ot(n) {
|
|
|
1131
1131
|
return s() ? "true" : void 0;
|
|
1132
1132
|
},
|
|
1133
1133
|
get class() {
|
|
1134
|
-
return
|
|
1134
|
+
return h();
|
|
1135
1135
|
},
|
|
1136
1136
|
get style() {
|
|
1137
|
-
return
|
|
1137
|
+
return g();
|
|
1138
1138
|
},
|
|
1139
|
-
onClick:
|
|
1140
|
-
onFocus:
|
|
1141
|
-
onBlur:
|
|
1142
|
-
onKeyDown:
|
|
1143
|
-
onKeyUp:
|
|
1144
|
-
onMouseMove:
|
|
1145
|
-
onMouseUp:
|
|
1146
|
-
},
|
|
1139
|
+
onClick: y,
|
|
1140
|
+
onFocus: w,
|
|
1141
|
+
onBlur: T,
|
|
1142
|
+
onKeyDown: b,
|
|
1143
|
+
onKeyUp: x,
|
|
1144
|
+
onMouseMove: S,
|
|
1145
|
+
onMouseUp: C
|
|
1146
|
+
}, _, v));
|
|
1147
1147
|
}
|
|
1148
1148
|
//#endregion
|
|
1149
1149
|
//#region src/menu/checkbox-item/MenuCheckboxItemContext.ts
|
|
1150
|
-
var
|
|
1151
|
-
function
|
|
1152
|
-
let e = Q(
|
|
1153
|
-
if (e ===
|
|
1150
|
+
var ct = Symbol("MenuCheckboxItemContext"), lt = G(ct);
|
|
1151
|
+
function ut() {
|
|
1152
|
+
let e = Q(lt);
|
|
1153
|
+
if (e === ct) throw Error("Base UI: <Menu.CheckboxItemIndicator> must be placed within <Menu.CheckboxItem>.");
|
|
1154
1154
|
return e;
|
|
1155
1155
|
}
|
|
1156
1156
|
//#endregion
|
|
1157
1157
|
//#region src/menu/checkbox-item/MenuCheckboxItem.tsx
|
|
1158
|
-
var
|
|
1159
|
-
function
|
|
1160
|
-
let r = $(), i = n, a = n, o = Z(() => i.checked !== void 0), [d,
|
|
1158
|
+
var dt = /* @__PURE__ */ W("<div>");
|
|
1159
|
+
function ft(n) {
|
|
1160
|
+
let r = $(), i = n, a = n, o = Z(() => i.checked !== void 0), [d, m] = J(Z(() => i.defaultChecked ?? !1), { ownedWrite: !0 }), h = q(() => o ? !!i.checked : d()), g = q(() => i.nativeButton ?? !1), _ = q(() => !!(i.disabled || r.store.disabled())), v = q(() => i.closeOnClick ?? !1), y = nt({
|
|
1161
1161
|
store: r.store,
|
|
1162
1162
|
label: () => i.label
|
|
1163
|
-
}),
|
|
1164
|
-
disabled:
|
|
1165
|
-
highlighted:
|
|
1166
|
-
checked:
|
|
1167
|
-
})),
|
|
1168
|
-
function
|
|
1169
|
-
let t = !
|
|
1170
|
-
i.onCheckedChange?.(t, n), !n.isCanceled && !o &&
|
|
1171
|
-
}
|
|
1172
|
-
let
|
|
1173
|
-
|
|
1174
|
-
}),
|
|
1175
|
-
var t =
|
|
1163
|
+
}), b = q(() => ({
|
|
1164
|
+
disabled: _(),
|
|
1165
|
+
highlighted: y.highlighted(),
|
|
1166
|
+
checked: h()
|
|
1167
|
+
})), x = q(() => c(n.class, b())), S = q(() => l(n.style, b())), C = q(() => t(b(), Ie)), w = Y(a, "render", "checked", "class", "closeOnClick", "defaultChecked", "disabled", "id", "label", "nativeButton", "onBlur", "onCheckedChange", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style");
|
|
1168
|
+
function T(e) {
|
|
1169
|
+
let t = !h(), n = u(s, e, void 0, { preventUnmountOnClose() {} });
|
|
1170
|
+
i.onCheckedChange?.(t, n), !n.isCanceled && !o && m(t);
|
|
1171
|
+
}
|
|
1172
|
+
let E = f(p(() => Z(() => _() ? L : void 0)), p(() => i.onClick), T, (e) => {
|
|
1173
|
+
v() && y.close(e);
|
|
1174
|
+
}), D = f(p(() => Z(() => _() ? at : void 0)), p(() => i.onKeyDown), (e) => y.onKeyDown(e, g())), O = f(p(() => Z(() => _() ? I : void 0)), p(() => i.onKeyUp), (e) => y.onKeyUp(e, g())), k = f(p(() => i.onFocus), p(() => y.onFocus)), A = f(p(() => i.onBlur), p(() => y.onBlur)), ee = f(p(() => i.onMouseMove), p(() => y.onMouseMove)), j = f(p(() => i.onMouseUp), p(() => y.onMouseUp)), M = e(n, () => b(), (e) => (() => {
|
|
1175
|
+
var t = z(dt);
|
|
1176
1176
|
return U(t, e, !1), H(), t;
|
|
1177
1177
|
})());
|
|
1178
|
-
return
|
|
1179
|
-
value:
|
|
1178
|
+
return R(lt, {
|
|
1179
|
+
value: b,
|
|
1180
1180
|
get children() {
|
|
1181
|
-
return
|
|
1182
|
-
ref: [((e) =>
|
|
1181
|
+
return R(M, V({
|
|
1182
|
+
ref: [((e) => y.setElement(e)), i.ref],
|
|
1183
1183
|
get id() {
|
|
1184
1184
|
return i.id;
|
|
1185
1185
|
},
|
|
1186
1186
|
get type() {
|
|
1187
|
-
return
|
|
1187
|
+
return g() ? "button" : void 0;
|
|
1188
1188
|
},
|
|
1189
1189
|
role: "menuitemcheckbox",
|
|
1190
1190
|
get tabIndex() {
|
|
1191
|
-
return r.store.open() &&
|
|
1191
|
+
return r.store.open() && y.highlighted() ? 0 : -1;
|
|
1192
1192
|
},
|
|
1193
1193
|
get "aria-checked"() {
|
|
1194
|
-
return
|
|
1194
|
+
return h() ? "true" : "false";
|
|
1195
1195
|
},
|
|
1196
1196
|
get "aria-disabled"() {
|
|
1197
|
-
return
|
|
1197
|
+
return _() ? "true" : void 0;
|
|
1198
1198
|
},
|
|
1199
1199
|
get class() {
|
|
1200
|
-
return
|
|
1200
|
+
return x();
|
|
1201
1201
|
},
|
|
1202
1202
|
get style() {
|
|
1203
|
-
return
|
|
1203
|
+
return S();
|
|
1204
1204
|
},
|
|
1205
|
-
onClick:
|
|
1206
|
-
onFocus:
|
|
1207
|
-
onBlur:
|
|
1208
|
-
onKeyDown:
|
|
1209
|
-
onKeyUp:
|
|
1210
|
-
onMouseMove:
|
|
1205
|
+
onClick: E,
|
|
1206
|
+
onFocus: k,
|
|
1207
|
+
onBlur: A,
|
|
1208
|
+
onKeyDown: D,
|
|
1209
|
+
onKeyUp: O,
|
|
1210
|
+
onMouseMove: ee,
|
|
1211
1211
|
onMouseUp: j
|
|
1212
|
-
},
|
|
1212
|
+
}, C, w));
|
|
1213
1213
|
}
|
|
1214
1214
|
});
|
|
1215
1215
|
}
|
|
1216
1216
|
//#endregion
|
|
1217
1217
|
//#region src/menu/checkbox-item-indicator/MenuCheckboxItemIndicator.tsx
|
|
1218
|
-
var
|
|
1219
|
-
function
|
|
1220
|
-
let r =
|
|
1218
|
+
var pt = /* @__PURE__ */ W("<span>");
|
|
1219
|
+
function mt(n) {
|
|
1220
|
+
let r = ut(), i = n, a = n, o = j(() => r().checked), s = q(() => (i.keepMounted ?? !1) || o.mounted()), u = q(() => ({
|
|
1221
1221
|
...r(),
|
|
1222
1222
|
transitionStatus: o.transitionStatus()
|
|
1223
|
-
})), f = q(() => c(n.class, u())),
|
|
1224
|
-
...
|
|
1223
|
+
})), f = q(() => c(n.class, u())), p = q(() => l(n.style, u())), h = q(() => t(u(), {
|
|
1224
|
+
...Ie,
|
|
1225
1225
|
...d
|
|
1226
1226
|
})), g = Y(a, "render", "class", "keepMounted", "ref", "style"), _, v = !1;
|
|
1227
1227
|
K(() => ({
|
|
@@ -1231,27 +1231,27 @@ function pt(n) {
|
|
|
1231
1231
|
}), (e) => {
|
|
1232
1232
|
if (v = e.checked, e.checked || e.status !== "ending" || !e.element) return;
|
|
1233
1233
|
let t = new AbortController();
|
|
1234
|
-
return
|
|
1234
|
+
return m(e.element, () => {
|
|
1235
1235
|
v || o.setMounted(!1);
|
|
1236
1236
|
}, t.signal), () => t.abort();
|
|
1237
1237
|
});
|
|
1238
1238
|
let y = e(n, () => u(), (e) => (() => {
|
|
1239
|
-
var t =
|
|
1239
|
+
var t = z(pt);
|
|
1240
1240
|
return U(t, e, !1), H(), t;
|
|
1241
1241
|
})());
|
|
1242
|
-
return
|
|
1242
|
+
return R(ue, {
|
|
1243
1243
|
get when() {
|
|
1244
1244
|
return s();
|
|
1245
1245
|
},
|
|
1246
1246
|
get children() {
|
|
1247
|
-
return
|
|
1247
|
+
return R(y, V({
|
|
1248
1248
|
ref: [((e) => _ = e), i.ref],
|
|
1249
1249
|
"aria-hidden": "true",
|
|
1250
1250
|
get class() {
|
|
1251
1251
|
return f();
|
|
1252
1252
|
},
|
|
1253
1253
|
get style() {
|
|
1254
|
-
return
|
|
1254
|
+
return p();
|
|
1255
1255
|
}
|
|
1256
1256
|
}, h, g));
|
|
1257
1257
|
}
|
|
@@ -1259,18 +1259,18 @@ function pt(n) {
|
|
|
1259
1259
|
}
|
|
1260
1260
|
//#endregion
|
|
1261
1261
|
//#region src/menu/link-item/MenuLinkItem.tsx
|
|
1262
|
-
var
|
|
1263
|
-
function
|
|
1264
|
-
let r = $(), i = n, a = n, o = q(() => i.closeOnClick ?? !1), s = q(() => r.store.disabled()), u =
|
|
1262
|
+
var ht = /* @__PURE__ */ W("<a>");
|
|
1263
|
+
function gt(n) {
|
|
1264
|
+
let r = $(), i = n, a = n, o = q(() => i.closeOnClick ?? !1), s = q(() => r.store.disabled()), u = nt({
|
|
1265
1265
|
store: r.store,
|
|
1266
1266
|
label: () => i.label
|
|
1267
|
-
}), d = q(() => ({ highlighted: u.highlighted() })),
|
|
1267
|
+
}), d = q(() => ({ highlighted: u.highlighted() })), m = q(() => c(n.class, d())), h = q(() => l(n.style, d())), g = q(() => t(d())), _ = Y(a, "render", "class", "closeOnClick", "id", "label", "onClick", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style"), v = f(p(() => Z(() => s() ? L : void 0)), p(() => i.onClick), (e) => {
|
|
1268
1268
|
o() && u.close(e);
|
|
1269
|
-
}),
|
|
1270
|
-
var t =
|
|
1271
|
-
return
|
|
1269
|
+
}), y = f(p(() => Z(() => s() ? at : void 0)), p(() => i.onKeyDown), (e) => u.onKeyDown(e, !1)), b = f(p(() => Z(() => s() ? I : void 0)), p(() => i.onKeyUp), (e) => u.onKeyUp(e, !1)), x = f(p(() => i.onMouseMove), p(() => u.onMouseMove)), S = f(p(() => i.onMouseUp), p(() => u.onMouseUp)), C = f(p(() => i.onFocus), p(() => u.onFocus)), w = f(p(() => i.onBlur), p(() => u.onBlur)), T = e(n, () => d(), (e) => (() => {
|
|
1270
|
+
var t = z(ht);
|
|
1271
|
+
return ce(t), U(t, e, !1), H(), t;
|
|
1272
1272
|
})());
|
|
1273
|
-
return
|
|
1273
|
+
return R(T, V({
|
|
1274
1274
|
ref: [((e) => u.setElement(e)), i.ref],
|
|
1275
1275
|
get id() {
|
|
1276
1276
|
return i.id;
|
|
@@ -1280,32 +1280,32 @@ function ht(n) {
|
|
|
1280
1280
|
return r.store.open() && u.highlighted() ? 0 : -1;
|
|
1281
1281
|
},
|
|
1282
1282
|
get class() {
|
|
1283
|
-
return
|
|
1283
|
+
return m();
|
|
1284
1284
|
},
|
|
1285
1285
|
get style() {
|
|
1286
|
-
return
|
|
1286
|
+
return h();
|
|
1287
1287
|
},
|
|
1288
|
-
onClick:
|
|
1289
|
-
onFocus:
|
|
1290
|
-
onBlur:
|
|
1291
|
-
onKeyDown:
|
|
1292
|
-
onKeyUp:
|
|
1293
|
-
onMouseMove:
|
|
1294
|
-
onMouseUp:
|
|
1295
|
-
},
|
|
1288
|
+
onClick: v,
|
|
1289
|
+
onFocus: C,
|
|
1290
|
+
onBlur: w,
|
|
1291
|
+
onKeyDown: y,
|
|
1292
|
+
onKeyUp: b,
|
|
1293
|
+
onMouseMove: x,
|
|
1294
|
+
onMouseUp: S
|
|
1295
|
+
}, g, _));
|
|
1296
1296
|
}
|
|
1297
1297
|
//#endregion
|
|
1298
1298
|
//#region src/menu/radio-group/MenuRadioGroupContext.ts
|
|
1299
|
-
var
|
|
1300
|
-
function
|
|
1301
|
-
let e = Q(
|
|
1302
|
-
if (e ===
|
|
1299
|
+
var _t = Symbol("MenuRadioGroupContext"), vt = G(_t);
|
|
1300
|
+
function yt() {
|
|
1301
|
+
let e = Q(vt);
|
|
1302
|
+
if (e === _t) throw Error("Base UI: <Menu.RadioItem> must be placed within <Menu.RadioGroup>.");
|
|
1303
1303
|
return e;
|
|
1304
1304
|
}
|
|
1305
1305
|
//#endregion
|
|
1306
1306
|
//#region src/menu/radio-group/MenuRadioGroup.tsx
|
|
1307
|
-
var
|
|
1308
|
-
function
|
|
1307
|
+
var bt = /* @__PURE__ */ W("<div>");
|
|
1308
|
+
function xt(n) {
|
|
1309
1309
|
let r = n, i = n, a = Z(() => r.value !== void 0), [o, s] = J(Z(() => r.defaultValue), { ownedWrite: !0 }), [u, d] = J(), f = q(() => a ? r.value : o()), p = q(() => r.disabled ?? !1), m = q(() => ({ disabled: p() })), h = q(() => c(n.class, m())), g = q(() => l(n.style, m())), _ = q(() => t(m())), v = Y(i, "aria-labelledby", "render", "class", "defaultValue", "disabled", "onValueChange", "ref", "style", "value"), y = {
|
|
1310
1310
|
labelId: u,
|
|
1311
1311
|
setLabelId: d
|
|
@@ -1316,16 +1316,16 @@ function bt(n) {
|
|
|
1316
1316
|
r.onValueChange?.(e, t), !t.isCanceled && !a && s(() => e);
|
|
1317
1317
|
}
|
|
1318
1318
|
}, x = e(n, () => m(), (e) => (() => {
|
|
1319
|
-
var t =
|
|
1319
|
+
var t = z(bt);
|
|
1320
1320
|
return U(t, e, !1), H(), t;
|
|
1321
1321
|
})());
|
|
1322
|
-
return
|
|
1322
|
+
return R(Xe, {
|
|
1323
1323
|
value: y,
|
|
1324
1324
|
get children() {
|
|
1325
|
-
return
|
|
1325
|
+
return R(vt, {
|
|
1326
1326
|
value: b,
|
|
1327
1327
|
get children() {
|
|
1328
|
-
return
|
|
1328
|
+
return R(x, V({
|
|
1329
1329
|
ref: [r.ref],
|
|
1330
1330
|
role: "group",
|
|
1331
1331
|
get "aria-labelledby"() {
|
|
@@ -1348,39 +1348,39 @@ function bt(n) {
|
|
|
1348
1348
|
}
|
|
1349
1349
|
//#endregion
|
|
1350
1350
|
//#region src/menu/radio-item/MenuRadioItemContext.ts
|
|
1351
|
-
var
|
|
1352
|
-
function
|
|
1353
|
-
let e = Q(
|
|
1354
|
-
if (e ===
|
|
1351
|
+
var St = Symbol("MenuRadioItemContext"), Ct = G(St);
|
|
1352
|
+
function wt() {
|
|
1353
|
+
let e = Q(Ct);
|
|
1354
|
+
if (e === St) throw Error("Base UI: <Menu.RadioItemIndicator> must be placed within <Menu.RadioItem>.");
|
|
1355
1355
|
return e;
|
|
1356
1356
|
}
|
|
1357
1357
|
//#endregion
|
|
1358
1358
|
//#region src/menu/radio-item/MenuRadioItem.tsx
|
|
1359
|
-
var
|
|
1360
|
-
function
|
|
1361
|
-
let r = $(), i =
|
|
1359
|
+
var Tt = /* @__PURE__ */ W("<div>");
|
|
1360
|
+
function Et(n) {
|
|
1361
|
+
let r = $(), i = yt(), a = n, o = n, d = q(() => a.nativeButton ?? !1), m = q(() => !!(a.disabled || i.disabled() || r.store.disabled())), h = q(() => a.closeOnClick ?? !1), g = q(() => i.value() === a.value), _ = nt({
|
|
1362
1362
|
store: r.store,
|
|
1363
1363
|
label: () => a.label
|
|
1364
|
-
}),
|
|
1365
|
-
disabled:
|
|
1366
|
-
highlighted:
|
|
1367
|
-
checked:
|
|
1368
|
-
})),
|
|
1369
|
-
function
|
|
1364
|
+
}), v = q(() => ({
|
|
1365
|
+
disabled: m(),
|
|
1366
|
+
highlighted: _.highlighted(),
|
|
1367
|
+
checked: g()
|
|
1368
|
+
})), y = q(() => c(n.class, v())), b = q(() => l(n.style, v())), x = q(() => t(v(), Ie)), S = Y(o, "render", "class", "closeOnClick", "disabled", "id", "label", "nativeButton", "onBlur", "onClick", "onFocus", "onKeyDown", "onKeyUp", "onMouseMove", "onMouseUp", "ref", "style", "value");
|
|
1369
|
+
function C(e) {
|
|
1370
1370
|
let t = u(s, e, void 0, { preventUnmountOnClose() {} });
|
|
1371
1371
|
i.setValue(a.value, t);
|
|
1372
1372
|
}
|
|
1373
|
-
let
|
|
1374
|
-
|
|
1375
|
-
}),
|
|
1376
|
-
var t =
|
|
1373
|
+
let w = f(p(() => Z(() => m() ? L : void 0)), p(() => a.onClick), C, (e) => {
|
|
1374
|
+
h() && _.close(e);
|
|
1375
|
+
}), T = f(p(() => Z(() => m() ? at : void 0)), p(() => a.onKeyDown), (e) => _.onKeyDown(e, d())), E = f(p(() => Z(() => m() ? I : void 0)), p(() => a.onKeyUp), (e) => _.onKeyUp(e, d())), D = f(p(() => a.onFocus), p(() => _.onFocus)), O = f(p(() => a.onBlur), p(() => _.onBlur)), k = f(p(() => a.onMouseMove), p(() => _.onMouseMove)), A = f(p(() => a.onMouseUp), p(() => _.onMouseUp)), ee = e(n, () => v(), (e) => (() => {
|
|
1376
|
+
var t = z(Tt);
|
|
1377
1377
|
return U(t, e, !1), H(), t;
|
|
1378
1378
|
})());
|
|
1379
|
-
return
|
|
1380
|
-
value:
|
|
1379
|
+
return R(Ct, {
|
|
1380
|
+
value: v,
|
|
1381
1381
|
get children() {
|
|
1382
|
-
return
|
|
1383
|
-
ref: [((e) =>
|
|
1382
|
+
return R(ee, V({
|
|
1383
|
+
ref: [((e) => _.setElement(e)), a.ref],
|
|
1384
1384
|
get id() {
|
|
1385
1385
|
return a.id;
|
|
1386
1386
|
},
|
|
@@ -1389,40 +1389,40 @@ function Tt(n) {
|
|
|
1389
1389
|
},
|
|
1390
1390
|
role: "menuitemradio",
|
|
1391
1391
|
get tabIndex() {
|
|
1392
|
-
return r.store.open() &&
|
|
1392
|
+
return r.store.open() && _.highlighted() ? 0 : -1;
|
|
1393
1393
|
},
|
|
1394
1394
|
get "aria-checked"() {
|
|
1395
|
-
return
|
|
1395
|
+
return g() ? "true" : "false";
|
|
1396
1396
|
},
|
|
1397
1397
|
get "aria-disabled"() {
|
|
1398
|
-
return
|
|
1398
|
+
return m() ? "true" : void 0;
|
|
1399
1399
|
},
|
|
1400
1400
|
get class() {
|
|
1401
|
-
return
|
|
1401
|
+
return y();
|
|
1402
1402
|
},
|
|
1403
1403
|
get style() {
|
|
1404
|
-
return
|
|
1404
|
+
return b();
|
|
1405
1405
|
},
|
|
1406
|
-
onClick:
|
|
1407
|
-
onFocus:
|
|
1408
|
-
onBlur:
|
|
1409
|
-
onKeyDown:
|
|
1410
|
-
onKeyUp:
|
|
1411
|
-
onMouseMove:
|
|
1412
|
-
onMouseUp:
|
|
1413
|
-
},
|
|
1406
|
+
onClick: w,
|
|
1407
|
+
onFocus: D,
|
|
1408
|
+
onBlur: O,
|
|
1409
|
+
onKeyDown: T,
|
|
1410
|
+
onKeyUp: E,
|
|
1411
|
+
onMouseMove: k,
|
|
1412
|
+
onMouseUp: A
|
|
1413
|
+
}, x, S));
|
|
1414
1414
|
}
|
|
1415
1415
|
});
|
|
1416
1416
|
}
|
|
1417
1417
|
//#endregion
|
|
1418
1418
|
//#region src/menu/radio-item-indicator/MenuRadioItemIndicator.tsx
|
|
1419
|
-
var
|
|
1420
|
-
function
|
|
1421
|
-
let r =
|
|
1419
|
+
var Dt = /* @__PURE__ */ W("<span>");
|
|
1420
|
+
function Ot(n) {
|
|
1421
|
+
let r = wt(), i = n, a = n, o = j(() => r().checked), s = q(() => (i.keepMounted ?? !1) || o.mounted()), u = q(() => ({
|
|
1422
1422
|
...r(),
|
|
1423
1423
|
transitionStatus: o.transitionStatus()
|
|
1424
|
-
})), f = q(() => c(n.class, u())),
|
|
1425
|
-
...
|
|
1424
|
+
})), f = q(() => c(n.class, u())), p = q(() => l(n.style, u())), h = q(() => t(u(), {
|
|
1425
|
+
...Ie,
|
|
1426
1426
|
...d
|
|
1427
1427
|
})), g = Y(a, "render", "class", "keepMounted", "ref", "style"), _, v = !1;
|
|
1428
1428
|
K(() => ({
|
|
@@ -1432,27 +1432,27 @@ function Dt(n) {
|
|
|
1432
1432
|
}), (e) => {
|
|
1433
1433
|
if (v = e.checked, e.checked || e.status !== "ending" || !e.element) return;
|
|
1434
1434
|
let t = new AbortController();
|
|
1435
|
-
return
|
|
1435
|
+
return m(e.element, () => {
|
|
1436
1436
|
v || o.setMounted(!1);
|
|
1437
1437
|
}, t.signal), () => t.abort();
|
|
1438
1438
|
});
|
|
1439
1439
|
let y = e(n, () => u(), (e) => (() => {
|
|
1440
|
-
var t =
|
|
1440
|
+
var t = z(Dt);
|
|
1441
1441
|
return U(t, e, !1), H(), t;
|
|
1442
1442
|
})());
|
|
1443
|
-
return
|
|
1443
|
+
return R(ue, {
|
|
1444
1444
|
get when() {
|
|
1445
1445
|
return s();
|
|
1446
1446
|
},
|
|
1447
1447
|
get children() {
|
|
1448
|
-
return
|
|
1448
|
+
return R(y, V({
|
|
1449
1449
|
ref: [((e) => _ = e), i.ref],
|
|
1450
1450
|
"aria-hidden": "true",
|
|
1451
1451
|
get class() {
|
|
1452
1452
|
return f();
|
|
1453
1453
|
},
|
|
1454
1454
|
get style() {
|
|
1455
|
-
return
|
|
1455
|
+
return p();
|
|
1456
1456
|
}
|
|
1457
1457
|
}, h, g));
|
|
1458
1458
|
}
|
|
@@ -1460,35 +1460,35 @@ function Dt(n) {
|
|
|
1460
1460
|
}
|
|
1461
1461
|
//#endregion
|
|
1462
1462
|
//#region src/menu/submenu-root/MenuSubmenuRoot.tsx
|
|
1463
|
-
function
|
|
1463
|
+
function kt(e) {
|
|
1464
1464
|
let t = $();
|
|
1465
|
-
return
|
|
1465
|
+
return R(ye, {
|
|
1466
1466
|
get value() {
|
|
1467
1467
|
return { parentStore: t.store };
|
|
1468
1468
|
},
|
|
1469
1469
|
get children() {
|
|
1470
|
-
return
|
|
1470
|
+
return R(Ce, e);
|
|
1471
1471
|
}
|
|
1472
1472
|
});
|
|
1473
1473
|
}
|
|
1474
1474
|
//#endregion
|
|
1475
1475
|
//#region src/menu/submenu-trigger/MenuSubmenuTrigger.tsx
|
|
1476
|
-
var
|
|
1477
|
-
function
|
|
1478
|
-
let a =
|
|
1476
|
+
var At = /* @__PURE__ */ W("<div>");
|
|
1477
|
+
function jt(i) {
|
|
1478
|
+
let a = be(), o = $(), s = a.parentStore, d = i, m = i, h = q(() => d.id || `base-ui-${o.node.id}-trigger`), g = q(() => d.nativeButton ?? !1), _ = q(() => d.openOnHover ?? !0), v = q(() => d.delay ?? 100), y = q(() => d.closeDelay ?? 0), b = q(() => !!(d.disabled || o.store.disabled() || s.disabled())), x = nt({
|
|
1479
1479
|
store: s,
|
|
1480
1480
|
label: () => d.label,
|
|
1481
1481
|
submenu: !0
|
|
1482
|
-
}),
|
|
1483
|
-
disabled:
|
|
1484
|
-
highlighted:
|
|
1485
|
-
open:
|
|
1486
|
-
})),
|
|
1487
|
-
|
|
1482
|
+
}), S = q(() => o.store.open()), C = q(() => ({
|
|
1483
|
+
disabled: b(),
|
|
1484
|
+
highlighted: x.highlighted(),
|
|
1485
|
+
open: S()
|
|
1486
|
+
})), w = q(() => c(i.class, C())), T = q(() => l(i.style, C())), D = q(() => t(C(), M)), O = q(() => S() && Mt() && (o.store.openChangeReason() === "list-navigation" || o.store.openMethod() === "keyboard")), k = Y(m, "render", "class", "closeDelay", "delay", "disabled", "id", "label", "nativeButton", "onClick", "onFocus", "onBlur", "onKeyDown", "onKeyUp", "onMouseDown", "onMouseMove", "onMouseUp", "onMouseEnter", "openOnHover", "ref", "style");
|
|
1487
|
+
E(() => o.store, h, x.element, () => ({ closeDelay: y() }));
|
|
1488
1488
|
let j = !1;
|
|
1489
1489
|
function N(e, t, n) {
|
|
1490
|
-
let r =
|
|
1491
|
-
!r ||
|
|
1490
|
+
let r = x.element();
|
|
1491
|
+
!r || b() || (o.store.setOpenMethod(t instanceof KeyboardEvent || t.detail === 0 ? "keyboard" : "mouse"), o.store.setPendingFocus(e ? "first" : null), o.store.setOpen(e, u(n, t, r)));
|
|
1492
1492
|
}
|
|
1493
1493
|
function P(e) {
|
|
1494
1494
|
let t = s.orientation() === "vertical" ? s.direction() === "rtl" ? "ArrowLeft" : "ArrowRight" : "ArrowDown";
|
|
@@ -1496,89 +1496,89 @@ function At(i) {
|
|
|
1496
1496
|
e.preventDefault(), e.stopPropagation(), e.preventBaseUIHandler(), N(!0, e, r);
|
|
1497
1497
|
return;
|
|
1498
1498
|
}
|
|
1499
|
-
|
|
1499
|
+
x.onKeyDown(e, g());
|
|
1500
1500
|
}
|
|
1501
|
-
let
|
|
1501
|
+
let te = f(p(() => Z(() => b() ? L : void 0)), p(() => d.onClick), (e) => {
|
|
1502
1502
|
if (j) {
|
|
1503
1503
|
j = !1;
|
|
1504
1504
|
return;
|
|
1505
1505
|
}
|
|
1506
|
-
(!
|
|
1507
|
-
}),
|
|
1508
|
-
!
|
|
1509
|
-
}),
|
|
1510
|
-
s.highlightItemOnHover() && s.setActiveElement(
|
|
1506
|
+
(!_() || e.detail === 0) && N(_() ? !0 : !S(), e, n);
|
|
1507
|
+
}), F = f(p(() => Z(() => b() ? L : void 0)), p(() => d.onMouseDown), (e) => {
|
|
1508
|
+
!_() && e.button === 0 && (j = !0, N(!S(), e, n));
|
|
1509
|
+
}), ne = f(p(() => Z(() => b() ? at : void 0)), p(() => d.onKeyDown), W, P), re = f(p(() => Z(() => b() ? I : void 0)), p(() => d.onKeyUp), (e) => x.onKeyUp(e, g())), ie = f(p(() => d.onMouseMove), p(() => x.onMouseMove)), ae = f(p(() => d.onMouseUp), p(() => x.onMouseUp)), oe = f(p(() => d.onFocus), p(() => x.onFocus)), se = f(p(() => d.onBlur), p(() => x.onBlur)), ce = f(p(() => d.onMouseEnter), () => {
|
|
1510
|
+
s.highlightItemOnHover() && s.setActiveElement(x.element());
|
|
1511
1511
|
});
|
|
1512
1512
|
function W(e) {
|
|
1513
1513
|
let t = o.store.state.activeTriggerProps.onKeyDown;
|
|
1514
1514
|
typeof t == "function" && t(e);
|
|
1515
1515
|
}
|
|
1516
|
-
function
|
|
1517
|
-
return
|
|
1516
|
+
function le() {
|
|
1517
|
+
return A({
|
|
1518
1518
|
context: o.store.context.floatingRoot,
|
|
1519
|
-
reference:
|
|
1519
|
+
reference: x.element,
|
|
1520
1520
|
floating: () => o.store.track().positionerElement,
|
|
1521
1521
|
tree: () => o.store.tree(),
|
|
1522
|
-
enabled: () => o.store.hoverEnabled() &&
|
|
1522
|
+
enabled: () => o.store.hoverEnabled() && _() && !b(),
|
|
1523
1523
|
delay: () => ({
|
|
1524
|
-
open:
|
|
1525
|
-
close:
|
|
1524
|
+
open: v(),
|
|
1525
|
+
close: y()
|
|
1526
1526
|
}),
|
|
1527
|
-
restMs:
|
|
1528
|
-
handleClose: () =>
|
|
1527
|
+
restMs: v,
|
|
1528
|
+
handleClose: () => ee({ blockPointerEvents: !0 }),
|
|
1529
1529
|
mouseOnly: () => !0,
|
|
1530
|
-
shouldOpen: () =>
|
|
1530
|
+
shouldOpen: () => v() === 0 || s.allowMouseEnter(),
|
|
1531
1531
|
blockPointerEventsScope: () => s.track().popupElement,
|
|
1532
1532
|
guardStaleOpen: () => !0
|
|
1533
1533
|
}), null;
|
|
1534
1534
|
}
|
|
1535
|
-
let
|
|
1536
|
-
var t =
|
|
1535
|
+
let ue = e(i, () => C(), (e) => (() => {
|
|
1536
|
+
var t = z(At);
|
|
1537
1537
|
return U(t, e, !1), H(), t;
|
|
1538
1538
|
})());
|
|
1539
|
-
return [
|
|
1539
|
+
return [R(le, {}), R(ue, V({
|
|
1540
1540
|
ref: [((e) => {
|
|
1541
|
-
|
|
1541
|
+
x.setElement(e);
|
|
1542
1542
|
}), d.ref],
|
|
1543
1543
|
get id() {
|
|
1544
|
-
return
|
|
1544
|
+
return h();
|
|
1545
1545
|
},
|
|
1546
1546
|
get type() {
|
|
1547
|
-
return
|
|
1547
|
+
return g() ? "button" : void 0;
|
|
1548
1548
|
},
|
|
1549
1549
|
role: "menuitem",
|
|
1550
1550
|
get tabIndex() {
|
|
1551
|
-
return
|
|
1551
|
+
return S() || x.highlighted() ? 0 : -1;
|
|
1552
1552
|
},
|
|
1553
1553
|
"aria-haspopup": "menu",
|
|
1554
1554
|
get "aria-expanded"() {
|
|
1555
|
-
return
|
|
1555
|
+
return B(() => !!O())() ? void 0 : S() ? "true" : "false";
|
|
1556
1556
|
},
|
|
1557
1557
|
get "aria-controls"() {
|
|
1558
|
-
return o.store.triggerPopupId(
|
|
1558
|
+
return o.store.triggerPopupId(h());
|
|
1559
1559
|
},
|
|
1560
1560
|
get "aria-disabled"() {
|
|
1561
|
-
return
|
|
1561
|
+
return b() ? "true" : void 0;
|
|
1562
1562
|
},
|
|
1563
1563
|
get class() {
|
|
1564
|
-
return
|
|
1564
|
+
return w();
|
|
1565
1565
|
},
|
|
1566
1566
|
get style() {
|
|
1567
|
-
return
|
|
1567
|
+
return T();
|
|
1568
1568
|
},
|
|
1569
|
-
onClick:
|
|
1570
|
-
onFocus:
|
|
1571
|
-
onBlur:
|
|
1572
|
-
onKeyDown:
|
|
1573
|
-
onKeyUp:
|
|
1574
|
-
onMouseEnter:
|
|
1575
|
-
onMouseDown:
|
|
1576
|
-
onMouseMove:
|
|
1577
|
-
onMouseUp:
|
|
1578
|
-
},
|
|
1569
|
+
onClick: te,
|
|
1570
|
+
onFocus: oe,
|
|
1571
|
+
onBlur: se,
|
|
1572
|
+
onKeyDown: ne,
|
|
1573
|
+
onKeyUp: re,
|
|
1574
|
+
onMouseEnter: ce,
|
|
1575
|
+
onMouseDown: F,
|
|
1576
|
+
onMouseMove: ie,
|
|
1577
|
+
onMouseUp: ae
|
|
1578
|
+
}, D, k))];
|
|
1579
1579
|
}
|
|
1580
|
-
function
|
|
1580
|
+
function Mt() {
|
|
1581
1581
|
return typeof navigator > "u" ? !1 : /Mac|iPhone|iPad|iPod/i.test(`${navigator.platform} ${navigator.userAgent}`);
|
|
1582
1582
|
}
|
|
1583
1583
|
//#endregion
|
|
1584
|
-
export { $ as C,
|
|
1584
|
+
export { $ as C, me as E, Se as S, pe as T, Ne as _, xt as a, we as b, ft as c, tt as d, $e as f, ze as g, Ve as h, Et as i, st as l, Ge as m, kt as n, gt as o, Je as p, Ot as r, mt as s, jt as t, it as u, Ae as v, _e as w, Ce as x, Ee as y };
|