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,29 +4,29 @@ import { getStateAttributesProps as n } from "./internals/getStateAttributesProp
|
|
|
4
4
|
import { d as r, i } from "./reasons-Co5CzjKq.js";
|
|
5
5
|
import { n as a, t as o } from "./resolveStyle-XcgAuaKR.js";
|
|
6
6
|
import { createChangeEventDetails as s } from "./internals/createBaseUIEventDetails.js";
|
|
7
|
-
import { composeEventHandlers as c } from "./internals/composeEventHandlers.js";
|
|
8
|
-
import { t as
|
|
9
|
-
import {
|
|
10
|
-
import { t as
|
|
11
|
-
import { t as
|
|
12
|
-
import { t as
|
|
13
|
-
import { t as
|
|
14
|
-
import { t as
|
|
15
|
-
import { c as
|
|
16
|
-
import { a as
|
|
17
|
-
import { n as
|
|
18
|
-
import { a as ee, i as te, n as
|
|
19
|
-
import { t as
|
|
20
|
-
import { i as
|
|
21
|
-
import { t as
|
|
22
|
-
import { t as
|
|
23
|
-
import { a as P, i as
|
|
24
|
-
import { n as
|
|
25
|
-
import { n as
|
|
7
|
+
import { composeEventHandlers as c, liveEventHandler as l } from "./internals/composeEventHandlers.js";
|
|
8
|
+
import { t as u } from "./runOnceAnimationsFinish-CFADb4CN.js";
|
|
9
|
+
import { l as d } from "./dom-lDdayFF_.js";
|
|
10
|
+
import { t as f } from "./PopupViewport-BanYHrD-.js";
|
|
11
|
+
import { t as p } from "./createAnchorPositioning-DCXIApS1.js";
|
|
12
|
+
import { t as m } from "./InternalBackdrop-B8_lfUvf.js";
|
|
13
|
+
import { t as h } from "./createAnchoredPopupScrollLock-BxKpJbCE.js";
|
|
14
|
+
import { t as g } from "./createClickInteraction-BeBsTqtY.js";
|
|
15
|
+
import { c as _, i as v, n as y, r as b, s as x, t as S } from "./FloatingTree-23B7KKPD.js";
|
|
16
|
+
import { a as C, n as w, o as T, t as E } from "./PopupStore-BjRwcvbG.js";
|
|
17
|
+
import { n as D, r as O, t as k } from "./safePolygon-DVAR5dQD.js";
|
|
18
|
+
import { a as ee, i as te, n as A, o as j, r as M } from "./popupStateMapping-nhukB8NK.js";
|
|
19
|
+
import { t as ne } from "./FocusManager-q7z7PMV1.js";
|
|
20
|
+
import { i as N, n as re, r as ie, t as ae } from "./PopupHandle-DyX5gY1e.js";
|
|
21
|
+
import { t as oe } from "./setRef-fXF6OIo3.js";
|
|
22
|
+
import { t as se } from "./TriggerFocusGuards-Fzspp3Y1.js";
|
|
23
|
+
import { a as P, i as ce, n as le, r as F, t as ue } from "./buttonSemantics-paljfpOX.js";
|
|
24
|
+
import { n as de } from "./DirectionContext-BwMabICS.js";
|
|
25
|
+
import { n as fe } from "./ToolbarRootContext-88yZoAOy.js";
|
|
26
26
|
import { createComponent as I, getNextElement as L, memo as R, mergeProps as z, runHydrationEvents as B, spread as V, template as H } from "@solidjs/web";
|
|
27
|
-
import { $REFRESH as
|
|
27
|
+
import { $REFRESH as pe, Show as U, createContext as W, createEffect as G, createMemo as K, createSignal as q, createUniqueId as J, omit as Y, onCleanup as X, untrack as Z, useContext as Q } from "solid-js";
|
|
28
28
|
//#region src/popover/store/PopoverStore.ts
|
|
29
|
-
var
|
|
29
|
+
var me = class extends E {
|
|
30
30
|
triggerData = /* @__PURE__ */ new Map();
|
|
31
31
|
openMethodAccessor;
|
|
32
32
|
setOpenMethodSignal;
|
|
@@ -119,7 +119,7 @@ var pe = class extends T {
|
|
|
119
119
|
setOpen(e, t) {
|
|
120
120
|
return !e && t.reason === "close-press" && t.trigger == null && this.activeTriggerId() != null && (t.trigger = this.context.triggerElements.getById(this.activeTriggerId()) ?? this.state.activeTriggerElement ?? void 0), super.setOpen(e, t) ? (this.setOpenReason(t.reason), t.reason === "trigger-hover" ? (this.setStickIfOpenSignal(!0), clearTimeout(this.patientClickTimer), this.patientClickTimer = setTimeout(() => this.setStickIfOpenSignal(!1), 500)) : e || clearTimeout(this.patientClickTimer), t.reason === "trigger-press" && t.event instanceof MouseEvent && t.event.detail === 0 ? this.setInstantTypeSignal("click") : !e && (t.reason === "escape-key" || t.reason === "none") ? this.setInstantTypeSignal("dismiss") : t.reason === "focus-out" ? this.setInstantTypeSignal("focus") : this.setInstantTypeSignal(void 0), this.syncTriggerData(), !0) : !1;
|
|
121
121
|
}
|
|
122
|
-
},
|
|
122
|
+
}, he = class extends re {
|
|
123
123
|
openMethod() {
|
|
124
124
|
return null;
|
|
125
125
|
}
|
|
@@ -154,10 +154,10 @@ var pe = class extends T {
|
|
|
154
154
|
setTriggerData(e, t) {}
|
|
155
155
|
removeTriggerData(e) {}
|
|
156
156
|
syncTriggerData(e, t) {}
|
|
157
|
-
},
|
|
157
|
+
}, ge = Symbol("PopoverRootContext"), _e = W(ge);
|
|
158
158
|
function $(e = !1) {
|
|
159
|
-
let t = Q(
|
|
160
|
-
if (t ===
|
|
159
|
+
let t = Q(_e);
|
|
160
|
+
if (t === ge) {
|
|
161
161
|
if (e) return;
|
|
162
162
|
throw Error("Base UI: PopoverRootContext is missing. Popover parts must be placed within <Popover.Root>.");
|
|
163
163
|
}
|
|
@@ -165,8 +165,8 @@ function $(e = !1) {
|
|
|
165
165
|
}
|
|
166
166
|
//#endregion
|
|
167
167
|
//#region src/popover/root/PopoverRoot.tsx
|
|
168
|
-
function
|
|
169
|
-
let t =
|
|
168
|
+
function ve(e) {
|
|
169
|
+
let t = _(), n = x(), i = t ?? new b(), a = J(), o = J(), c = Z(() => e.open !== void 0), l = Z(() => e.triggerId !== void 0), u = K(() => e.modal ?? !1), d = new me({
|
|
170
170
|
controlledOpen: () => c ? e.open : void 0,
|
|
171
171
|
controlledTriggerId: () => l ? e.triggerId : void 0,
|
|
172
172
|
floatingId: o,
|
|
@@ -179,31 +179,31 @@ function _e(e) {
|
|
|
179
179
|
open: c ? !!Z(() => e.open) : !!Z(() => e.defaultOpen),
|
|
180
180
|
activeTriggerId: Z(() => e.defaultTriggerId ?? null)
|
|
181
181
|
});
|
|
182
|
-
let f = d.access((e) => e.payload), p =
|
|
182
|
+
let f = d.access((e) => e.payload), p = v({
|
|
183
183
|
tree: i,
|
|
184
184
|
id: a,
|
|
185
185
|
parentId: n,
|
|
186
186
|
context: () => d.context.floatingRoot
|
|
187
|
-
}), [m, h] = q(), [
|
|
187
|
+
}), [m, h] = q(), [g, w] = q(), [E, D] = q(null, { ownedWrite: !0 }), [O, k] = q(null, { ownedWrite: !0 }), [ee, te] = q(null, { ownedWrite: !0 }), [A, j] = q(null, { ownedWrite: !0 }), M = C(d, () => d.track().popupElement, { onUnmount: () => d.resetAfterUnmount() }), ne = {
|
|
188
188
|
store: d,
|
|
189
189
|
tree: i,
|
|
190
190
|
modal: u,
|
|
191
191
|
titleId: m,
|
|
192
192
|
setTitleId: h,
|
|
193
|
-
descriptionId:
|
|
194
|
-
setDescriptionId:
|
|
193
|
+
descriptionId: g,
|
|
194
|
+
setDescriptionId: w,
|
|
195
195
|
backdropElement: E,
|
|
196
196
|
setBackdropElement: D,
|
|
197
197
|
internalBackdropElement: O,
|
|
198
|
-
setInternalBackdropElement:
|
|
199
|
-
beforeContentGuard:
|
|
200
|
-
setBeforeContentGuard:
|
|
198
|
+
setInternalBackdropElement: k,
|
|
199
|
+
beforeContentGuard: ee,
|
|
200
|
+
setBeforeContentGuard: te,
|
|
201
201
|
afterTriggerGuard: A,
|
|
202
202
|
setAfterTriggerGuard: j,
|
|
203
203
|
presence: M
|
|
204
204
|
};
|
|
205
|
-
d.context.floatingRoot.context.data.insideElements = () => [E(), O()], d.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !1 }),
|
|
206
|
-
let N =
|
|
205
|
+
d.context.floatingRoot.context.data.insideElements = () => [E(), O()], d.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !1 }), ie(() => e.handle, d);
|
|
206
|
+
let N = T({
|
|
207
207
|
context: d.context.floatingRoot,
|
|
208
208
|
tree: () => i,
|
|
209
209
|
outsidePressEvent: () => ({
|
|
@@ -219,28 +219,28 @@ function _e(e) {
|
|
|
219
219
|
open: d.open(),
|
|
220
220
|
activeTriggerId: d.activeTriggerId()
|
|
221
221
|
}), () => Z(() => d.reconcileTriggers()));
|
|
222
|
-
let
|
|
222
|
+
let re = {
|
|
223
223
|
unmount: M.forceUnmount,
|
|
224
224
|
close() {
|
|
225
225
|
d.setOpen(!1, s(r));
|
|
226
226
|
}
|
|
227
227
|
};
|
|
228
228
|
G(() => e.actionsRef, (e) => {
|
|
229
|
-
e?.(
|
|
229
|
+
e?.(re);
|
|
230
230
|
});
|
|
231
231
|
function ae() {
|
|
232
232
|
let t = K(() => e.children), n = Z(t), r = n;
|
|
233
|
-
return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n,
|
|
233
|
+
return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n, pe) ? R(() => t()) : Z(() => n({ payload: f }))), r;
|
|
234
234
|
}
|
|
235
235
|
return X(() => {
|
|
236
236
|
d.dispose(), d.clearInteractionProps(), delete d.context.floatingRoot.context.data.insideElements;
|
|
237
|
-
}), I(
|
|
237
|
+
}), I(_e, {
|
|
238
238
|
value: ne,
|
|
239
239
|
get children() {
|
|
240
|
-
return I(
|
|
240
|
+
return I(y, {
|
|
241
241
|
value: i,
|
|
242
242
|
get children() {
|
|
243
|
-
return I(
|
|
243
|
+
return I(S, {
|
|
244
244
|
get value() {
|
|
245
245
|
return p.id ?? null;
|
|
246
246
|
},
|
|
@@ -255,150 +255,150 @@ function _e(e) {
|
|
|
255
255
|
}
|
|
256
256
|
//#endregion
|
|
257
257
|
//#region src/popover/trigger/PopoverTrigger.tsx
|
|
258
|
-
var
|
|
259
|
-
function
|
|
258
|
+
var ye = /* @__PURE__ */ H("<button>");
|
|
259
|
+
function be(e) {
|
|
260
260
|
let r = $(!0), i = e;
|
|
261
261
|
if (!r && !Z(() => i.handle)) throw Error("Base UI: <Popover.Trigger> must be either used within a <Popover.Root> component or provided with a handle.");
|
|
262
|
-
let s = e,
|
|
263
|
-
let e =
|
|
264
|
-
return e instanceof
|
|
265
|
-
}),
|
|
266
|
-
let e =
|
|
267
|
-
return !!(e?.open() && e.activeTriggerId() ===
|
|
268
|
-
}),
|
|
269
|
-
disabled:
|
|
270
|
-
open:
|
|
271
|
-
})),
|
|
272
|
-
var t = L(
|
|
262
|
+
let s = e, u = `base-ui-${J()}`, d = K(() => i.id || u), f = K(() => i.disabled ?? !1), p = K(() => i.nativeButton ?? !0), m = K(() => i.openOnHover ?? !1), h = K(() => i.delay ?? 300), g = K(() => i.closeDelay ?? 0), [_, v] = q(null, { ownedWrite: !0 }), y = N(() => i.handle), b = K(() => y() ?? r?.store), x = K(() => {
|
|
263
|
+
let e = b();
|
|
264
|
+
return e instanceof me ? e : void 0;
|
|
265
|
+
}), S = K(() => {
|
|
266
|
+
let e = b();
|
|
267
|
+
return !!(e?.open() && e.activeTriggerId() === d());
|
|
268
|
+
}), C = K(() => ({
|
|
269
|
+
disabled: f(),
|
|
270
|
+
open: S()
|
|
271
|
+
})), T = t(e, () => C(), (e) => (() => {
|
|
272
|
+
var t = L(ye);
|
|
273
273
|
return V(t, e, !1), B(), t;
|
|
274
|
-
})()),
|
|
275
|
-
|
|
276
|
-
let
|
|
274
|
+
})()), E = K(() => a(e.class, C())), D = K(() => o(e.style, C())), O = K(() => n(C(), b()?.openChangeReason() === "trigger-press" ? te : ee)), k = Y(s, "render", "class", "closeDelay", "delay", "disabled", "handle", "id", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "openOnHover", "payload", "ref", "style"), A, j = "", M = "";
|
|
275
|
+
w(b, d, _, () => ({ payload: i.payload }));
|
|
276
|
+
let ne = K(() => ({
|
|
277
277
|
payload: i.payload,
|
|
278
|
-
disabled:
|
|
279
|
-
openOnHover:
|
|
280
|
-
closeDelay:
|
|
278
|
+
disabled: f(),
|
|
279
|
+
openOnHover: m(),
|
|
280
|
+
closeDelay: g()
|
|
281
281
|
}));
|
|
282
282
|
G(() => {
|
|
283
|
-
let e =
|
|
283
|
+
let e = b();
|
|
284
284
|
return e ? {
|
|
285
285
|
store: e,
|
|
286
|
-
id:
|
|
287
|
-
data:
|
|
286
|
+
id: d(),
|
|
287
|
+
data: ne(),
|
|
288
288
|
activeId: e.activeTriggerId(),
|
|
289
289
|
open: e.open()
|
|
290
290
|
} : void 0;
|
|
291
291
|
}, (e) => {
|
|
292
292
|
if (e) return e.store.setTriggerData(e.id, e.data), e.store.syncTriggerData(e.activeId, e.open), () => e.store.removeTriggerData(e.id);
|
|
293
293
|
});
|
|
294
|
-
function N(e) {
|
|
295
|
-
A = e.pointerType, k?.onPointerDown(e);
|
|
296
|
-
}
|
|
297
294
|
function re(e) {
|
|
298
|
-
|
|
295
|
+
j = e.pointerType, A?.onPointerDown(e);
|
|
299
296
|
}
|
|
300
|
-
function ie() {
|
|
301
|
-
|
|
297
|
+
function ie(e) {
|
|
298
|
+
A?.onMouseDown(e);
|
|
302
299
|
}
|
|
303
|
-
function ae(
|
|
304
|
-
|
|
305
|
-
t && (t.open() || t.setOpenMethod(j || (e.detail === 0 ? "keyboard" : xe() ? "touch" : "mouse")), k?.onClick(e));
|
|
300
|
+
function ae() {
|
|
301
|
+
M = j, j = "";
|
|
306
302
|
}
|
|
307
|
-
function
|
|
308
|
-
|
|
309
|
-
|
|
303
|
+
function oe(e) {
|
|
304
|
+
let t = x();
|
|
305
|
+
t && (t.open() || t.setOpenMethod(M || (e.detail === 0 ? "keyboard" : Se() ? "touch" : "mouse")), A?.onClick(e));
|
|
306
|
+
}
|
|
307
|
+
function de(e) {
|
|
308
|
+
j = "keyboard";
|
|
309
|
+
let t = b(), n = t?.state.popupElement, r = t ? t.state[t.activeTriggerId() === d() ? "activeTriggerProps" : "inactiveTriggerProps"].onKeyDown : void 0, i = e.currentTarget;
|
|
310
310
|
n && i && n.ownerDocument !== i.ownerDocument && typeof r == "function" && r(e);
|
|
311
311
|
}
|
|
312
|
-
let
|
|
312
|
+
let fe = c(l(() => Z(() => f() ? F : void 0)), ae, l(() => i.onClick), oe), H = c(l(() => Z(() => f() ? F : void 0)), l(() => i.onPointerDown), re), pe = c(l(() => Z(() => f() ? P : void 0)), l(() => i.onMouseDown), ie), W = c(l(() => Z(() => f() ? ce : void 0)), l(() => i.onKeyDown), de, l(() => Z(() => p() ? void 0 : ue))), X = c(l(() => Z(() => f() ? P : void 0)), l(() => i.onKeyUp), l(() => Z(() => p() ? void 0 : le)));
|
|
313
313
|
function Q() {
|
|
314
314
|
return I(U, {
|
|
315
315
|
keyed: !0,
|
|
316
316
|
get when() {
|
|
317
|
-
return
|
|
317
|
+
return x();
|
|
318
318
|
},
|
|
319
|
-
children: (e) => I(
|
|
319
|
+
children: (e) => I(xe, {
|
|
320
320
|
store: e,
|
|
321
|
-
element:
|
|
322
|
-
id:
|
|
323
|
-
disabled:
|
|
324
|
-
openOnHover:
|
|
325
|
-
delay:
|
|
326
|
-
closeDelay:
|
|
321
|
+
element: _,
|
|
322
|
+
id: d,
|
|
323
|
+
disabled: f,
|
|
324
|
+
openOnHover: m,
|
|
325
|
+
delay: h,
|
|
326
|
+
closeDelay: g,
|
|
327
327
|
tree: () => r?.tree,
|
|
328
|
-
setClickHandlers: (e) =>
|
|
328
|
+
setClickHandlers: (e) => A = e
|
|
329
329
|
})
|
|
330
330
|
});
|
|
331
331
|
}
|
|
332
|
-
let
|
|
333
|
-
ref: [((e) =>
|
|
332
|
+
let he = I(T, z({
|
|
333
|
+
ref: [((e) => v(e)), i.ref],
|
|
334
334
|
get id() {
|
|
335
|
-
return
|
|
335
|
+
return d();
|
|
336
336
|
},
|
|
337
337
|
get type() {
|
|
338
|
-
return
|
|
338
|
+
return p() ? "button" : void 0;
|
|
339
339
|
},
|
|
340
340
|
get role() {
|
|
341
|
-
return
|
|
341
|
+
return p() ? void 0 : "button";
|
|
342
342
|
},
|
|
343
343
|
get tabIndex() {
|
|
344
|
-
return !
|
|
344
|
+
return !p() && f() ? -1 : 0;
|
|
345
345
|
},
|
|
346
346
|
get disabled() {
|
|
347
|
-
return (R(() => !!
|
|
347
|
+
return (R(() => !!p())() ? f() : p()) || void 0;
|
|
348
348
|
},
|
|
349
349
|
get "aria-disabled"() {
|
|
350
|
-
return !
|
|
350
|
+
return !p() && f() ? "true" : void 0;
|
|
351
351
|
},
|
|
352
352
|
"aria-haspopup": "dialog",
|
|
353
353
|
get "aria-expanded"() {
|
|
354
|
-
return
|
|
354
|
+
return S() ? "true" : "false";
|
|
355
355
|
},
|
|
356
356
|
get "aria-controls"() {
|
|
357
|
-
return
|
|
357
|
+
return b()?.triggerPopupId(d());
|
|
358
358
|
},
|
|
359
359
|
"data-base-ui-click-trigger": "",
|
|
360
360
|
get "data-trigger-disabled"() {
|
|
361
|
-
return
|
|
361
|
+
return f() ? "" : void 0;
|
|
362
362
|
},
|
|
363
363
|
get class() {
|
|
364
|
-
return
|
|
364
|
+
return E();
|
|
365
365
|
},
|
|
366
366
|
get style() {
|
|
367
|
-
return
|
|
367
|
+
return D();
|
|
368
368
|
},
|
|
369
|
-
onClick:
|
|
369
|
+
onClick: fe,
|
|
370
370
|
onKeyDown: W,
|
|
371
371
|
onKeyUp: X,
|
|
372
|
-
onMouseDown:
|
|
372
|
+
onMouseDown: pe,
|
|
373
373
|
onPointerDown: H
|
|
374
|
-
},
|
|
374
|
+
}, O, k));
|
|
375
375
|
return [I(Q, {}), I(U, {
|
|
376
376
|
get when() {
|
|
377
|
-
return
|
|
377
|
+
return x();
|
|
378
378
|
},
|
|
379
|
-
fallback:
|
|
380
|
-
children: (e) => I(
|
|
379
|
+
fallback: he,
|
|
380
|
+
children: (e) => I(se, {
|
|
381
381
|
get context() {
|
|
382
382
|
return e().context.floatingRoot;
|
|
383
383
|
},
|
|
384
384
|
get enabled() {
|
|
385
|
-
return R(() => !!e().isMountedByTrigger(
|
|
385
|
+
return R(() => !!e().isMountedByTrigger(d()))() ? !e().focusManagerModal() : e().isMountedByTrigger(d());
|
|
386
386
|
},
|
|
387
|
-
trigger:
|
|
387
|
+
trigger: _,
|
|
388
388
|
positioner: () => e().track().positionerElement,
|
|
389
389
|
beforeContentGuard: () => r?.beforeContentGuard() ?? null,
|
|
390
390
|
afterGuardRef: (e) => r?.setAfterTriggerGuard(e),
|
|
391
|
-
children:
|
|
391
|
+
children: he
|
|
392
392
|
})
|
|
393
393
|
})];
|
|
394
394
|
}
|
|
395
|
-
function
|
|
395
|
+
function xe(e) {
|
|
396
396
|
let t = Z(() => e.store), n = Z(() => e.setClickHandlers), r = Z(() => e.element), i = Z(() => e.tree), a = Z(() => e.delay);
|
|
397
|
-
return n(
|
|
397
|
+
return n(g({
|
|
398
398
|
context: t.context.floatingRoot,
|
|
399
399
|
enabled: () => !e.disabled(),
|
|
400
400
|
stickIfOpen: () => t.stickIfOpen()
|
|
401
|
-
})), X(() => n(void 0)),
|
|
401
|
+
})), X(() => n(void 0)), O({
|
|
402
402
|
context: t.context.floatingRoot,
|
|
403
403
|
reference: r,
|
|
404
404
|
floating: () => t.floatingElement(),
|
|
@@ -408,36 +408,36 @@ function be(e) {
|
|
|
408
408
|
delay: () => ({ close: e.closeDelay() }),
|
|
409
409
|
restMs: a,
|
|
410
410
|
restOnly: () => !0,
|
|
411
|
-
handleClose: () =>
|
|
411
|
+
handleClose: () => k(),
|
|
412
412
|
mouseOnly: () => !0
|
|
413
413
|
}), null;
|
|
414
414
|
}
|
|
415
|
-
function
|
|
415
|
+
function Se() {
|
|
416
416
|
if (typeof navigator > "u") return !1;
|
|
417
417
|
let e = navigator.platform.toLowerCase();
|
|
418
418
|
return /^i(os$|p)/.test(e) || e === "macintel" && navigator.maxTouchPoints > 1;
|
|
419
419
|
}
|
|
420
420
|
//#endregion
|
|
421
421
|
//#region src/popover/portal/PopoverPortalContext.ts
|
|
422
|
-
var
|
|
423
|
-
function
|
|
424
|
-
let e = Q(
|
|
425
|
-
if (e ===
|
|
422
|
+
var Ce = Symbol("PopoverPortalContext"), we = W(Ce);
|
|
423
|
+
function Te() {
|
|
424
|
+
let e = Q(we);
|
|
425
|
+
if (e === Ce) throw Error("Base UI: <Popover.Portal> is missing.");
|
|
426
426
|
return e;
|
|
427
427
|
}
|
|
428
428
|
//#endregion
|
|
429
429
|
//#region src/popover/portal/PopoverPortal.tsx
|
|
430
|
-
function
|
|
430
|
+
function Ee(e) {
|
|
431
431
|
let t = $(), n = e, r = e, i = K(() => n.keepMounted ?? !1), s = K(() => t.presence.mounted() || i()), c = {}, l = K(() => a(e.class, c)), u = K(() => o(e.style, c)), d = Y(r, "render", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: i };
|
|
432
432
|
return I(U, {
|
|
433
433
|
get when() {
|
|
434
434
|
return s();
|
|
435
435
|
},
|
|
436
436
|
get children() {
|
|
437
|
-
return I(
|
|
437
|
+
return I(we, {
|
|
438
438
|
value: f,
|
|
439
439
|
get children() {
|
|
440
|
-
return I(
|
|
440
|
+
return I(j, z({
|
|
441
441
|
get render() {
|
|
442
442
|
return e.render;
|
|
443
443
|
},
|
|
@@ -445,7 +445,7 @@ function Te(e) {
|
|
|
445
445
|
return n.container;
|
|
446
446
|
},
|
|
447
447
|
ref: (e) => {
|
|
448
|
-
n.ref &&
|
|
448
|
+
n.ref && oe(n.ref, e);
|
|
449
449
|
},
|
|
450
450
|
get class() {
|
|
451
451
|
return l();
|
|
@@ -463,7 +463,7 @@ function Te(e) {
|
|
|
463
463
|
}
|
|
464
464
|
//#endregion
|
|
465
465
|
//#region src/popover/utils/mergePopoverStyles.ts
|
|
466
|
-
function
|
|
466
|
+
function De(e, t) {
|
|
467
467
|
if (typeof t == "string") {
|
|
468
468
|
let n = Object.entries(e).filter((e) => e[1] != null).map(([e, t]) => `${e}:${String(t)}`).join(";");
|
|
469
469
|
return n ? `${n};${t}` : t;
|
|
@@ -475,20 +475,20 @@ function Ee(e, t) {
|
|
|
475
475
|
}
|
|
476
476
|
//#endregion
|
|
477
477
|
//#region src/popover/utils/stateAttributesMapping.ts
|
|
478
|
-
var
|
|
479
|
-
function
|
|
480
|
-
let e = Q(
|
|
481
|
-
if (e ===
|
|
478
|
+
var Oe = A, ke = M, Ae = { activationDirection: (e) => e ? { "data-activation-direction": e } : null }, je = Symbol("PopoverPositionerContext"), Me = W(je);
|
|
479
|
+
function Ne() {
|
|
480
|
+
let e = Q(Me);
|
|
481
|
+
if (e === je) throw Error("Base UI: <Popover.Positioner> is missing.");
|
|
482
482
|
return e;
|
|
483
483
|
}
|
|
484
484
|
//#endregion
|
|
485
485
|
//#region src/popover/positioner/PopoverPositioner.tsx
|
|
486
|
-
var
|
|
487
|
-
function
|
|
488
|
-
|
|
489
|
-
let r = $(), i =
|
|
490
|
-
reference:
|
|
491
|
-
floating:
|
|
486
|
+
var Pe = /* @__PURE__ */ H("<div>");
|
|
487
|
+
function Fe(e) {
|
|
488
|
+
Te();
|
|
489
|
+
let r = $(), i = de(), s = e, c = e, [l, d] = q(null, { ownedWrite: !0 }), f = K(() => Ie(s.anchor) ?? r.store.context.floatingRoot.referenceElement()), g = p({
|
|
490
|
+
reference: f,
|
|
491
|
+
floating: l,
|
|
492
492
|
mounted: r.presence.mounted,
|
|
493
493
|
direction: i,
|
|
494
494
|
positionMethod: () => s.positionMethod ?? "absolute",
|
|
@@ -503,43 +503,45 @@ function Pe(e) {
|
|
|
503
503
|
disableAnchorTracking: () => s.disableAnchorTracking ?? !1,
|
|
504
504
|
collisionAvoidance: () => s.collisionAvoidance ?? { fallbackAxisSide: "end" },
|
|
505
505
|
adaptiveOriginMiddleware: () => r.store.track().adaptiveOriginMiddleware
|
|
506
|
-
}), _ =
|
|
506
|
+
}), _ = D(() => r.store.open(), () => g.state().isPositioned), v = K(() => ({
|
|
507
507
|
open: r.store.open(),
|
|
508
508
|
side: g.renderedSide(),
|
|
509
509
|
align: g.renderedAlign(),
|
|
510
510
|
anchorHidden: g.anchorHidden(),
|
|
511
511
|
instant: r.store.instantType() ?? (_() ? "initial" : void 0)
|
|
512
512
|
})), y = t(e, () => v(), (e) => (() => {
|
|
513
|
-
var t = L(
|
|
513
|
+
var t = L(Pe);
|
|
514
514
|
return V(t, e, !1), B(), t;
|
|
515
|
-
})()), b = K(() => a(e.class, v())), x = K(() =>
|
|
515
|
+
})()), b = K(() => a(e.class, v())), x = K(() => De({
|
|
516
516
|
...g.styles(),
|
|
517
517
|
"pointer-events": r.store.open() ? void 0 : "none"
|
|
518
|
-
}, o(e.style, v()))), S = K(() => n(v(),
|
|
519
|
-
|
|
518
|
+
}, o(e.style, v()))), S = K(() => n(v(), Oe)), C = Y(c, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style"), w = K(() => r.modal() === !0 && r.store.openChangeReason() !== "trigger-hover"), T = null, E;
|
|
519
|
+
h({
|
|
520
520
|
enabled: () => r.store.open() && w(),
|
|
521
521
|
touchOpen: () => r.store.openMethod() === "touch",
|
|
522
|
-
positioner:
|
|
522
|
+
positioner: l,
|
|
523
523
|
reference: () => r.store.track().activeTriggerElement
|
|
524
524
|
}), G(() => g.state().placement, (e) => {
|
|
525
525
|
r.store.context.floatingRoot.context.data.placement = e;
|
|
526
|
-
})
|
|
527
|
-
|
|
528
|
-
|
|
526
|
+
});
|
|
527
|
+
let O = K(() => r.store.open() ? r.store.track().activeTriggerElement : null);
|
|
528
|
+
G(() => ({
|
|
529
|
+
trigger: O(),
|
|
530
|
+
positioner: l()
|
|
529
531
|
}), ({ trigger: e, positioner: t }) => {
|
|
530
532
|
let n = T;
|
|
531
533
|
if (e && (T = e), !n || !e || n === e || !t) return;
|
|
532
|
-
r.store.setInstantType(void 0),
|
|
534
|
+
r.store.setInstantType(void 0), E?.abort();
|
|
533
535
|
let i = new AbortController();
|
|
534
|
-
return
|
|
536
|
+
return E = i, u(t, () => r.store.setInstantType("trigger-change"), i.signal), () => i.abort();
|
|
535
537
|
}), X(() => {
|
|
536
|
-
|
|
538
|
+
E?.abort(), delete r.store.context.floatingRoot.context.data.placement, r.store.state.positionerElement === Z(l) && r.store.setPositionerElement(null);
|
|
537
539
|
});
|
|
538
|
-
function
|
|
540
|
+
function k() {
|
|
539
541
|
let e = null;
|
|
540
542
|
return X(() => {
|
|
541
543
|
r.internalBackdropElement() === e && r.setInternalBackdropElement(null);
|
|
542
|
-
}), I(
|
|
544
|
+
}), I(m, {
|
|
543
545
|
ref: (t) => {
|
|
544
546
|
e = t, r.setInternalBackdropElement(t);
|
|
545
547
|
},
|
|
@@ -551,7 +553,7 @@ function Pe(e) {
|
|
|
551
553
|
}
|
|
552
554
|
});
|
|
553
555
|
}
|
|
554
|
-
return I(
|
|
556
|
+
return I(Me, {
|
|
555
557
|
value: g,
|
|
556
558
|
get children() {
|
|
557
559
|
return [I(U, {
|
|
@@ -559,7 +561,7 @@ function Pe(e) {
|
|
|
559
561
|
return R(() => !!r.presence.mounted())() ? w() : r.presence.mounted();
|
|
560
562
|
},
|
|
561
563
|
get children() {
|
|
562
|
-
return I(
|
|
564
|
+
return I(k, {});
|
|
563
565
|
}
|
|
564
566
|
}), I(y, z({
|
|
565
567
|
ref: [((e) => {
|
|
@@ -579,13 +581,13 @@ function Pe(e) {
|
|
|
579
581
|
}
|
|
580
582
|
});
|
|
581
583
|
}
|
|
582
|
-
function
|
|
584
|
+
function Ie(e) {
|
|
583
585
|
return typeof e == "function" ? e() : e && "current" in e ? e.current : e;
|
|
584
586
|
}
|
|
585
587
|
//#endregion
|
|
586
588
|
//#region src/popover/utils/ClosePartContext.ts
|
|
587
|
-
var
|
|
588
|
-
function
|
|
589
|
+
var Le = Symbol("PopoverClosePartContext"), Re = W(Le);
|
|
590
|
+
function ze() {
|
|
589
591
|
let [e, t] = q(0, { ownedWrite: !0 });
|
|
590
592
|
return {
|
|
591
593
|
hasClosePart: () => e() > 0,
|
|
@@ -598,15 +600,15 @@ function Re() {
|
|
|
598
600
|
}
|
|
599
601
|
};
|
|
600
602
|
}
|
|
601
|
-
function
|
|
602
|
-
let e = Q(
|
|
603
|
-
if (e ===
|
|
603
|
+
function Be() {
|
|
604
|
+
let e = Q(Re);
|
|
605
|
+
if (e === Le) return;
|
|
604
606
|
let t = e.register();
|
|
605
607
|
X(t);
|
|
606
608
|
}
|
|
607
609
|
//#endregion
|
|
608
610
|
//#region src/popover/popup/PopoverPopup.tsx
|
|
609
|
-
var
|
|
611
|
+
var Ve = /* @__PURE__ */ H("<div>"), He = /* @__PURE__ */ new Set([
|
|
610
612
|
"ArrowUp",
|
|
611
613
|
"ArrowDown",
|
|
612
614
|
"ArrowLeft",
|
|
@@ -614,23 +616,23 @@ var Be = /* @__PURE__ */ H("<div>"), Ve = /* @__PURE__ */ new Set([
|
|
|
614
616
|
"Home",
|
|
615
617
|
"End"
|
|
616
618
|
]);
|
|
617
|
-
function
|
|
618
|
-
let r = $(), i =
|
|
619
|
+
function Ue(e) {
|
|
620
|
+
let r = $(), i = Ne(), s = fe(!0) !== void 0, u = ze(), f = e, p = e, m = K(() => ({
|
|
619
621
|
open: r.store.open(),
|
|
620
622
|
side: i.renderedSide(),
|
|
621
623
|
align: i.renderedAlign(),
|
|
622
624
|
transitionStatus: r.store.track().transitionStatus,
|
|
623
625
|
instant: r.store.instantType()
|
|
624
|
-
})),
|
|
625
|
-
var t = L(
|
|
626
|
+
})), h = t(e, () => m(), (e) => (() => {
|
|
627
|
+
var t = L(Ve);
|
|
626
628
|
return V(t, e, !1), B(), t;
|
|
627
|
-
})()),
|
|
629
|
+
})()), g = K(() => a(e.class, m())), _ = K(() => o(e.style, m())), v = K(() => n(m(), ke)), y = K(() => f.id ?? r.store.context.floatingId), b = K(() => r.modal() !== !1 && u.hasClosePart()), x = K(() => f.initialFocus ?? ((e) => e !== "touch" || r.store.state.popupElement)), S = Y(p, "render", "class", "finalFocus", "id", "initialFocus", "onKeyDown", "ref", "style"), C = c(l(() => f.onKeyDown), (e) => {
|
|
628
630
|
let t = r.store.state.popupProps.onKeyDown;
|
|
629
631
|
typeof t == "function" && t(e);
|
|
630
|
-
}, (
|
|
631
|
-
s &&
|
|
632
|
-
}),
|
|
633
|
-
|
|
632
|
+
}, (e) => {
|
|
633
|
+
s && He.has(e.key) && e.stopPropagation();
|
|
634
|
+
}), w = null;
|
|
635
|
+
O({
|
|
634
636
|
context: r.store.context.floatingRoot,
|
|
635
637
|
reference: () => r.store.track().activeTriggerElement,
|
|
636
638
|
floating: () => r.store.track().positionerElement,
|
|
@@ -638,18 +640,18 @@ function He(e) {
|
|
|
638
640
|
enabled: () => !1,
|
|
639
641
|
floatingEnabled: () => r.store.openOnHover() && !r.store.disabled(),
|
|
640
642
|
delay: () => ({ close: r.store.closeDelay() }),
|
|
641
|
-
handleClose: () =>
|
|
643
|
+
handleClose: () => k(),
|
|
642
644
|
mouseOnly: () => !0
|
|
643
|
-
}), G(() =>
|
|
644
|
-
r.store.setFocusManagerModal(!1), r.store.state.popupElement ===
|
|
645
|
+
}), G(() => y(), (e) => r.store.setPopupId(e)), G(() => b(), (e) => r.store.setFocusManagerModal(e)), X(() => {
|
|
646
|
+
r.store.setFocusManagerModal(!1), r.store.state.popupElement === w && r.store.setPopupElement(null);
|
|
645
647
|
});
|
|
646
|
-
function
|
|
647
|
-
return I(
|
|
648
|
+
function T() {
|
|
649
|
+
return I(h, z({
|
|
648
650
|
ref: [((e) => {
|
|
649
|
-
|
|
650
|
-
}),
|
|
651
|
+
w = e, r.store.setPopupElement(e);
|
|
652
|
+
}), f.ref],
|
|
651
653
|
get id() {
|
|
652
|
-
return
|
|
654
|
+
return y();
|
|
653
655
|
},
|
|
654
656
|
role: "dialog",
|
|
655
657
|
tabIndex: -1,
|
|
@@ -661,15 +663,15 @@ function He(e) {
|
|
|
661
663
|
return r.descriptionId();
|
|
662
664
|
},
|
|
663
665
|
get class() {
|
|
664
|
-
return
|
|
666
|
+
return g();
|
|
665
667
|
},
|
|
666
668
|
get style() {
|
|
667
|
-
return
|
|
669
|
+
return _();
|
|
668
670
|
},
|
|
669
|
-
onKeyDown:
|
|
670
|
-
},
|
|
671
|
+
onKeyDown: C
|
|
672
|
+
}, v, S));
|
|
671
673
|
}
|
|
672
|
-
return I(
|
|
674
|
+
return I(ne, {
|
|
673
675
|
get context() {
|
|
674
676
|
return r.store.context.floatingRoot;
|
|
675
677
|
},
|
|
@@ -680,20 +682,20 @@ function He(e) {
|
|
|
680
682
|
return !r.presence.mounted() || r.store.openChangeReason() === "trigger-hover";
|
|
681
683
|
},
|
|
682
684
|
get initialFocus() {
|
|
683
|
-
return
|
|
685
|
+
return x();
|
|
684
686
|
},
|
|
685
687
|
get returnFocus() {
|
|
686
|
-
return
|
|
688
|
+
return f.finalFocus;
|
|
687
689
|
},
|
|
688
690
|
get modal() {
|
|
689
|
-
return
|
|
691
|
+
return b();
|
|
690
692
|
},
|
|
691
693
|
restoreFocus: "popup",
|
|
692
694
|
get openInteractionType() {
|
|
693
695
|
return r.store.openMethod();
|
|
694
696
|
},
|
|
695
697
|
get previousFocusableElement() {
|
|
696
|
-
return R(() => !!
|
|
698
|
+
return R(() => !!d(r.store.track().activeTriggerElement))() ? r.store.track().activeTriggerElement : null;
|
|
697
699
|
},
|
|
698
700
|
get nextFocusableElement() {
|
|
699
701
|
return r.afterTriggerGuard;
|
|
@@ -702,10 +704,10 @@ function He(e) {
|
|
|
702
704
|
return r.setBeforeContentGuard;
|
|
703
705
|
},
|
|
704
706
|
get children() {
|
|
705
|
-
return I(
|
|
706
|
-
value:
|
|
707
|
+
return I(Re, {
|
|
708
|
+
value: u,
|
|
707
709
|
get children() {
|
|
708
|
-
return I(
|
|
710
|
+
return I(T, {});
|
|
709
711
|
}
|
|
710
712
|
});
|
|
711
713
|
}
|
|
@@ -713,17 +715,17 @@ function He(e) {
|
|
|
713
715
|
}
|
|
714
716
|
//#endregion
|
|
715
717
|
//#region src/popover/arrow/PopoverArrow.tsx
|
|
716
|
-
var
|
|
717
|
-
function
|
|
718
|
-
let r = $(), i =
|
|
718
|
+
var We = /* @__PURE__ */ H("<div>");
|
|
719
|
+
function Ge(e) {
|
|
720
|
+
let r = $(), i = Ne(), s = e, c = e, l = K(() => ({
|
|
719
721
|
open: r.store.open(),
|
|
720
722
|
side: i.renderedSide(),
|
|
721
723
|
align: i.renderedAlign(),
|
|
722
724
|
uncentered: i.arrowUncentered()
|
|
723
725
|
})), u = t(e, () => l(), (e) => (() => {
|
|
724
|
-
var t = L(
|
|
726
|
+
var t = L(We);
|
|
725
727
|
return V(t, e, !1), B(), t;
|
|
726
|
-
})()), d = K(() => a(e.class, l())), f = K(() =>
|
|
728
|
+
})()), d = K(() => a(e.class, l())), f = K(() => De(i.arrowStyles(), o(e.style, l()))), p = K(() => n(l(), A)), m = Y(c, "render", "class", "ref", "style"), h = null;
|
|
727
729
|
return X(() => {
|
|
728
730
|
h && i.setArrowElement(null);
|
|
729
731
|
}), I(u, z({
|
|
@@ -741,19 +743,19 @@ function We(e) {
|
|
|
741
743
|
}
|
|
742
744
|
//#endregion
|
|
743
745
|
//#region src/popover/backdrop/PopoverBackdrop.tsx
|
|
744
|
-
var
|
|
745
|
-
function
|
|
746
|
+
var Ke = /* @__PURE__ */ H("<div>");
|
|
747
|
+
function qe(e) {
|
|
746
748
|
let r = $(), i = e, s = e, c = K(() => ({
|
|
747
749
|
open: r.store.open(),
|
|
748
750
|
transitionStatus: r.store.track().transitionStatus
|
|
749
751
|
})), l = t(e, () => c(), (e) => (() => {
|
|
750
|
-
var t = L(
|
|
752
|
+
var t = L(Ke);
|
|
751
753
|
return V(t, e, !1), B(), t;
|
|
752
|
-
})()), u = K(() => a(e.class, c())), d = K(() =>
|
|
754
|
+
})()), u = K(() => a(e.class, c())), d = K(() => De({
|
|
753
755
|
"pointer-events": r.store.openChangeReason() === "trigger-hover" ? "none" : void 0,
|
|
754
756
|
"user-select": "none",
|
|
755
757
|
"-webkit-user-select": "none"
|
|
756
|
-
}, o(e.style, c()))), f = K(() => n(c(),
|
|
758
|
+
}, o(e.style, c()))), f = K(() => n(c(), ke)), p = Y(s, "render", "class", "ref", "style"), m = null;
|
|
757
759
|
return X(() => {
|
|
758
760
|
r.backdropElement() === m && r.setBackdropElement(null);
|
|
759
761
|
}), I(l, z({
|
|
@@ -774,10 +776,10 @@ function Ke(e) {
|
|
|
774
776
|
}
|
|
775
777
|
//#endregion
|
|
776
778
|
//#region src/popover/title/PopoverTitle.tsx
|
|
777
|
-
var
|
|
778
|
-
function
|
|
779
|
+
var Je = /* @__PURE__ */ H("<h2>");
|
|
780
|
+
function Ye(e) {
|
|
779
781
|
let n = $(), r = e, i = e, s = `base-ui-${J()}`, c = K(() => r.id || s), l = {}, u = t(e, () => l, (e) => (() => {
|
|
780
|
-
var t = L(
|
|
782
|
+
var t = L(Je);
|
|
781
783
|
return V(t, e, !1), B(), t;
|
|
782
784
|
})()), d = K(() => a(e.class, l)), f = K(() => o(e.style, l)), p = Y(i, "render", "class", "id", "ref", "style");
|
|
783
785
|
return G(() => c(), (e) => (n.setTitleId(e), () => n.setTitleId((t) => t === e ? void 0 : t))), I(u, z({
|
|
@@ -795,10 +797,10 @@ function Je(e) {
|
|
|
795
797
|
}
|
|
796
798
|
//#endregion
|
|
797
799
|
//#region src/popover/description/PopoverDescription.tsx
|
|
798
|
-
var
|
|
799
|
-
function
|
|
800
|
+
var Xe = /* @__PURE__ */ H("<p>");
|
|
801
|
+
function Ze(e) {
|
|
800
802
|
let n = $(), r = e, i = e, s = `base-ui-${J()}`, c = K(() => r.id || s), l = {}, u = t(e, () => l, (e) => (() => {
|
|
801
|
-
var t = L(
|
|
803
|
+
var t = L(Xe);
|
|
802
804
|
return V(t, e, !1), B(), t;
|
|
803
805
|
})()), d = K(() => a(e.class, l)), f = K(() => o(e.style, l)), p = Y(i, "render", "class", "id", "ref", "style");
|
|
804
806
|
return G(() => c(), (e) => (n.setDescriptionId(e), () => n.setDescriptionId((t) => t === e ? void 0 : t))), I(u, z({
|
|
@@ -816,62 +818,62 @@ function Xe(e) {
|
|
|
816
818
|
}
|
|
817
819
|
//#endregion
|
|
818
820
|
//#region src/popover/close/PopoverClose.tsx
|
|
819
|
-
var
|
|
820
|
-
function
|
|
821
|
+
var Qe = /* @__PURE__ */ H("<button>");
|
|
822
|
+
function $e(e) {
|
|
821
823
|
let n = $();
|
|
822
|
-
|
|
823
|
-
let r = e,
|
|
824
|
-
var t = L(
|
|
824
|
+
Be();
|
|
825
|
+
let r = e, u = e, d = K(() => r.disabled ?? !1), f = K(() => r.nativeButton ?? !0), p = {}, m = t(e, () => p, (e) => (() => {
|
|
826
|
+
var t = L(Qe);
|
|
825
827
|
return V(t, e, !1), B(), t;
|
|
826
|
-
})()),
|
|
827
|
-
function
|
|
828
|
+
})()), h = K(() => a(e.class, p)), g = K(() => o(e.style, p)), _ = Y(u, "render", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style");
|
|
829
|
+
function v(e) {
|
|
828
830
|
n.store.open() && n.store.setOpen(!1, s(i, e));
|
|
829
831
|
}
|
|
830
|
-
let
|
|
831
|
-
return I(
|
|
832
|
+
let y = c(l(() => Z(() => d() ? F : void 0)), l(() => r.onClick), v), b = c(l(() => Z(() => d() ? F : void 0)), l(() => r.onPointerDown)), x = c(l(() => Z(() => d() ? P : void 0)), l(() => r.onMouseDown)), S = c(l(() => Z(() => d() ? ce : void 0)), l(() => r.onKeyDown), l(() => Z(() => f() ? void 0 : ue))), C = c(l(() => Z(() => d() ? P : void 0)), l(() => r.onKeyUp), l(() => Z(() => f() ? void 0 : le)));
|
|
833
|
+
return I(m, z({
|
|
832
834
|
ref: [r.ref],
|
|
833
835
|
get type() {
|
|
834
|
-
return
|
|
836
|
+
return f() ? "button" : void 0;
|
|
835
837
|
},
|
|
836
838
|
get role() {
|
|
837
|
-
return
|
|
839
|
+
return f() ? void 0 : "button";
|
|
838
840
|
},
|
|
839
841
|
get tabIndex() {
|
|
840
|
-
return !
|
|
842
|
+
return !f() && d() ? -1 : 0;
|
|
841
843
|
},
|
|
842
844
|
get disabled() {
|
|
843
|
-
return (R(() => !!
|
|
845
|
+
return (R(() => !!f())() ? d() : f()) || void 0;
|
|
844
846
|
},
|
|
845
847
|
get "aria-disabled"() {
|
|
846
|
-
return !
|
|
848
|
+
return !f() && d() ? "true" : void 0;
|
|
847
849
|
},
|
|
848
850
|
get class() {
|
|
849
|
-
return
|
|
851
|
+
return h();
|
|
850
852
|
},
|
|
851
853
|
get style() {
|
|
852
|
-
return
|
|
854
|
+
return g();
|
|
853
855
|
},
|
|
854
|
-
onClick:
|
|
855
|
-
onKeyDown:
|
|
856
|
-
onKeyUp:
|
|
857
|
-
onMouseDown:
|
|
858
|
-
onPointerDown:
|
|
859
|
-
},
|
|
856
|
+
onClick: y,
|
|
857
|
+
onKeyDown: S,
|
|
858
|
+
onKeyUp: C,
|
|
859
|
+
onMouseDown: x,
|
|
860
|
+
onPointerDown: b
|
|
861
|
+
}, _));
|
|
860
862
|
}
|
|
861
863
|
//#endregion
|
|
862
864
|
//#region src/popover/viewport/PopoverViewport.tsx
|
|
863
|
-
var
|
|
864
|
-
function
|
|
865
|
-
let r = $(), i =
|
|
865
|
+
var et = /* @__PURE__ */ H("<div>");
|
|
866
|
+
function tt(e) {
|
|
867
|
+
let r = $(), i = Ne(), s = de(), c = e, l = e, [u, d] = q({
|
|
866
868
|
activationDirection: void 0,
|
|
867
869
|
transitioning: !1
|
|
868
870
|
}, { ownedWrite: !0 }), p = K(() => ({
|
|
869
871
|
...u(),
|
|
870
872
|
instant: r.store.instantType()
|
|
871
873
|
})), m = t(e, () => p(), (e) => (() => {
|
|
872
|
-
var t = L(
|
|
874
|
+
var t = L(et);
|
|
873
875
|
return V(t, e, !1), B(), t;
|
|
874
|
-
})()), h = K(() => a(e.class, p())), g = K(() => o(e.style, p())), _ = K(() => n(p(),
|
|
876
|
+
})()), h = K(() => a(e.class, p())), g = K(() => o(e.style, p())), _ = K(() => n(p(), Ae)), v = Y(l, "render", "children", "class", "ref", "style");
|
|
875
877
|
return I(m, z({
|
|
876
878
|
ref: [c.ref],
|
|
877
879
|
get class() {
|
|
@@ -881,7 +883,7 @@ function et(e) {
|
|
|
881
883
|
return g();
|
|
882
884
|
}
|
|
883
885
|
}, _, v, { get children() {
|
|
884
|
-
return I(
|
|
886
|
+
return I(f, {
|
|
885
887
|
get store() {
|
|
886
888
|
return r.store;
|
|
887
889
|
},
|
|
@@ -891,7 +893,7 @@ function et(e) {
|
|
|
891
893
|
get direction() {
|
|
892
894
|
return s();
|
|
893
895
|
},
|
|
894
|
-
onStateChange:
|
|
896
|
+
onStateChange: d,
|
|
895
897
|
get children() {
|
|
896
898
|
return e.children;
|
|
897
899
|
}
|
|
@@ -900,9 +902,9 @@ function et(e) {
|
|
|
900
902
|
}
|
|
901
903
|
//#endregion
|
|
902
904
|
//#region src/popover/store/PopoverHandle.ts
|
|
903
|
-
var
|
|
905
|
+
var nt = class extends ae {
|
|
904
906
|
constructor() {
|
|
905
|
-
super("Popover", !0, new
|
|
907
|
+
super("Popover", !0, new he());
|
|
906
908
|
}
|
|
907
909
|
open(e) {
|
|
908
910
|
this.openByTrigger(e);
|
|
@@ -914,25 +916,25 @@ var tt = class extends ie {
|
|
|
914
916
|
return this.attachedStore?.open() ?? !1;
|
|
915
917
|
}
|
|
916
918
|
};
|
|
917
|
-
function
|
|
918
|
-
return new
|
|
919
|
+
function rt() {
|
|
920
|
+
return new nt();
|
|
919
921
|
}
|
|
920
922
|
//#endregion
|
|
921
923
|
//#region src/popover/index.parts.ts
|
|
922
|
-
var
|
|
923
|
-
Arrow: () =>
|
|
924
|
-
Backdrop: () =>
|
|
925
|
-
Close: () =>
|
|
926
|
-
Description: () =>
|
|
927
|
-
Handle: () =>
|
|
928
|
-
Popup: () =>
|
|
929
|
-
Portal: () =>
|
|
930
|
-
Positioner: () =>
|
|
931
|
-
Root: () =>
|
|
932
|
-
Title: () =>
|
|
933
|
-
Trigger: () =>
|
|
934
|
-
Viewport: () =>
|
|
935
|
-
createHandle: () =>
|
|
924
|
+
var it = /* @__PURE__ */ e({
|
|
925
|
+
Arrow: () => Ge,
|
|
926
|
+
Backdrop: () => qe,
|
|
927
|
+
Close: () => $e,
|
|
928
|
+
Description: () => Ze,
|
|
929
|
+
Handle: () => nt,
|
|
930
|
+
Popup: () => Ue,
|
|
931
|
+
Portal: () => Ee,
|
|
932
|
+
Positioner: () => Fe,
|
|
933
|
+
Root: () => ve,
|
|
934
|
+
Title: () => Ye,
|
|
935
|
+
Trigger: () => be,
|
|
936
|
+
Viewport: () => tt,
|
|
937
|
+
createHandle: () => rt
|
|
936
938
|
});
|
|
937
939
|
//#endregion
|
|
938
|
-
export {
|
|
940
|
+
export { it as t };
|