@orioncactuscorp/ui 1.13.0 → 1.15.0
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 +155 -0
- package/README.md +133 -36
- package/dist/components/BackgroundIconButton/BackgroundIconButton.css +1 -1
- package/dist/components/Button/Button.css +1 -1
- package/dist/components/CheckMark/CheckMark.js +19 -17
- package/dist/components/Checkbox/Checkbox.css +1 -1
- package/dist/components/Checkbox/Checkbox.js +38 -36
- package/dist/components/FloatingWindow/FloatingWindow.css +1 -0
- package/dist/components/FloatingWindow/FloatingWindow.js +693 -0
- package/dist/components/FloatingWindow/FloatingWindow.module.scss.js +17 -0
- package/dist/components/FloatingWindow/FloatingWindowManager.js +36 -0
- package/dist/components/FloatingWindow/contexts.js +25 -0
- package/dist/components/FloatingWindow/geometry.js +222 -0
- package/dist/components/FloatingWindow/stack.js +31 -0
- package/dist/components/FloatingWindow.d.ts +6 -0
- package/dist/components/FloatingWindow.js +18 -0
- package/dist/components/Interaction/Interaction.css +1 -1
- package/dist/components/Menu/Menu.css +1 -1
- package/dist/components/Menu/Menu.js +95 -87
- package/dist/components/Modal/Modal.css +1 -1
- package/dist/components/Modal/Modal.js +558 -723
- package/dist/components/Modal/Modal.module.scss.js +69 -60
- package/dist/components/Modal/initialFocus.js +11 -0
- package/dist/components/Modal/keyboardSession.js +104 -0
- package/dist/components/Modal/snapPoints.js +95 -82
- package/dist/components/Modal/useModalDrag.js +730 -762
- package/dist/components/Modal/useModalKeyboardAvoidance.js +159 -0
- package/dist/components/Modal/useModalViewportGeometry.js +36 -0
- package/dist/components/PositionSnap/PositionSnap.css +1 -0
- package/dist/components/PositionSnap/PositionSnap.js +330 -0
- package/dist/components/PositionSnap/PositionSnap.module.scss.js +9 -0
- package/dist/components/PositionSnap/contexts.js +12 -0
- package/dist/components/PositionSnap/geometry.js +75 -0
- package/dist/components/PositionSnap/gesture.js +7 -0
- package/dist/components/PositionSnap/policy.js +60 -0
- package/dist/components/PositionSnap.d.ts +6 -0
- package/dist/components/PositionSnap.js +7 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.css +1 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.js +45 -0
- package/dist/components/ProgressIndicator/ProgressIndicator.module.scss.js +13 -0
- package/dist/components/ProgressIndicator.d.ts +6 -0
- package/dist/components/ProgressIndicator.js +4 -0
- package/dist/components/Radio/Radio.css +1 -1
- package/dist/components/Radio/Radio.js +26 -24
- package/dist/components/Switch/Switch.css +1 -1
- package/dist/components/Switch/Switch.js +18 -16
- package/dist/components/Tabs/Tabs.css +1 -1
- package/dist/components/Tooltip/Tooltip.css +1 -1
- package/dist/components/Tooltip/Tooltip.js +59 -56
- package/dist/components/Tooltip/Tooltip.module.scss.js +6 -4
- package/dist/components/internal/ModalPresentation.js +361 -0
- package/dist/components/internal/OverlayPortalContext.js +20 -0
- package/dist/index.js +135 -112
- package/dist/styles.css +13 -10
- package/dist/ui/src/components/CheckMark/CheckMark.d.ts +1 -1
- package/dist/ui/src/components/CheckMark/CheckMark.d.ts.map +1 -1
- package/dist/ui/src/components/CheckMark/types.d.ts +2 -1
- package/dist/ui/src/components/CheckMark/types.d.ts.map +1 -1
- package/dist/ui/src/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/ui/src/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/ui/src/components/Checkbox/types.d.ts +2 -1
- package/dist/ui/src/components/Checkbox/types.d.ts.map +1 -1
- package/dist/ui/src/components/FloatingWindow/FloatingWindow.d.ts +32 -0
- package/dist/ui/src/components/FloatingWindow/FloatingWindow.d.ts.map +1 -0
- package/dist/ui/src/components/FloatingWindow/FloatingWindowManager.d.ts +4 -0
- package/dist/ui/src/components/FloatingWindow/FloatingWindowManager.d.ts.map +1 -0
- package/dist/ui/src/components/FloatingWindow/contexts.d.ts +36 -0
- package/dist/ui/src/components/FloatingWindow/contexts.d.ts.map +1 -0
- package/dist/ui/src/components/FloatingWindow/geometry.d.ts +31 -0
- package/dist/ui/src/components/FloatingWindow/geometry.d.ts.map +1 -0
- package/dist/ui/src/components/FloatingWindow/index.d.ts +4 -0
- package/dist/ui/src/components/FloatingWindow/index.d.ts.map +1 -0
- package/dist/ui/src/components/FloatingWindow/stack.d.ts +9 -0
- package/dist/ui/src/components/FloatingWindow/stack.d.ts.map +1 -0
- package/dist/ui/src/components/FloatingWindow/types.d.ts +121 -0
- package/dist/ui/src/components/FloatingWindow/types.d.ts.map +1 -0
- package/dist/ui/src/components/Interaction/index.d.ts +1 -1
- package/dist/ui/src/components/Interaction/index.d.ts.map +1 -1
- package/dist/ui/src/components/Interaction/types.d.ts +9 -1
- package/dist/ui/src/components/Interaction/types.d.ts.map +1 -1
- package/dist/ui/src/components/Menu/Menu.d.ts +2 -2
- package/dist/ui/src/components/Menu/Menu.d.ts.map +1 -1
- package/dist/ui/src/components/Menu/types.d.ts +9 -2
- package/dist/ui/src/components/Menu/types.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/Modal.d.ts +2 -2
- package/dist/ui/src/components/Modal/Modal.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/contexts.d.ts +3 -0
- package/dist/ui/src/components/Modal/contexts.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/initialFocus.d.ts +18 -0
- package/dist/ui/src/components/Modal/initialFocus.d.ts.map +1 -0
- package/dist/ui/src/components/Modal/keyboardSession.d.ts +46 -0
- package/dist/ui/src/components/Modal/keyboardSession.d.ts.map +1 -0
- package/dist/ui/src/components/Modal/snapPoints.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/types.d.ts +17 -2
- package/dist/ui/src/components/Modal/types.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/useModalDrag.d.ts.map +1 -1
- package/dist/ui/src/components/Modal/useModalKeyboardAvoidance.d.ts +17 -0
- package/dist/ui/src/components/Modal/useModalKeyboardAvoidance.d.ts.map +1 -0
- package/dist/ui/src/components/Modal/useModalViewportGeometry.d.ts +9 -0
- package/dist/ui/src/components/Modal/useModalViewportGeometry.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/PositionSnap.d.ts +11 -0
- package/dist/ui/src/components/PositionSnap/PositionSnap.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/contexts.d.ts +17 -0
- package/dist/ui/src/components/PositionSnap/contexts.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/geometry.d.ts +31 -0
- package/dist/ui/src/components/PositionSnap/geometry.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/gesture.d.ts +2 -0
- package/dist/ui/src/components/PositionSnap/gesture.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/index.d.ts +3 -0
- package/dist/ui/src/components/PositionSnap/index.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/policy.d.ts +24 -0
- package/dist/ui/src/components/PositionSnap/policy.d.ts.map +1 -0
- package/dist/ui/src/components/PositionSnap/types.d.ts +31 -0
- package/dist/ui/src/components/PositionSnap/types.d.ts.map +1 -0
- package/dist/ui/src/components/ProgressIndicator/ProgressIndicator.d.ts +4 -0
- package/dist/ui/src/components/ProgressIndicator/ProgressIndicator.d.ts.map +1 -0
- package/dist/ui/src/components/ProgressIndicator/index.d.ts +3 -0
- package/dist/ui/src/components/ProgressIndicator/index.d.ts.map +1 -0
- package/dist/ui/src/components/ProgressIndicator/types.d.ts +17 -0
- package/dist/ui/src/components/ProgressIndicator/types.d.ts.map +1 -0
- package/dist/ui/src/components/Radio/Radio.d.ts +1 -1
- package/dist/ui/src/components/Radio/Radio.d.ts.map +1 -1
- package/dist/ui/src/components/Radio/types.d.ts +2 -1
- package/dist/ui/src/components/Radio/types.d.ts.map +1 -1
- package/dist/ui/src/components/Switch/Switch.d.ts +1 -1
- package/dist/ui/src/components/Switch/Switch.d.ts.map +1 -1
- package/dist/ui/src/components/Switch/types.d.ts +2 -1
- package/dist/ui/src/components/Switch/types.d.ts.map +1 -1
- package/dist/ui/src/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/ui/src/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/ui/src/components/Tooltip/types.d.ts +6 -0
- package/dist/ui/src/components/Tooltip/types.d.ts.map +1 -1
- package/dist/ui/src/components/internal/ModalPresentation.d.ts +62 -0
- package/dist/ui/src/components/internal/ModalPresentation.d.ts.map +1 -0
- package/dist/ui/src/components/internal/OverlayPortalContext.d.ts +10 -0
- package/dist/ui/src/components/internal/OverlayPortalContext.d.ts.map +1 -0
- package/dist/ui/src/index.d.ts +7 -1
- package/dist/ui/src/index.d.ts.map +1 -1
- package/dist/ui/src/utils/motion.d.ts.map +1 -1
- package/dist/utils/motion.js +194 -135
- package/docs/api-conventions.md +4 -0
- package/docs/motion.md +4 -0
- package/docs/overlay-stacking.md +48 -0
- package/docs/responsive-foundation-profile.md +1 -1
- package/docs/scss-helpers.md +110 -5
- package/docs/selector-contract.md +126 -2
- package/docs/tokens.md +2 -0
- package/package.json +1 -1
- package/src/scss/foundations/atomic.scss +9 -8
- package/src/scss/index.scss +2 -0
- package/src/scss/mixins/_fluid.scss +57 -0
- package/src/scss/mixins/_fluid.test.ts +87 -0
- package/src/scss/mixins/_gradient.scss +99 -0
- package/src/scss/mixins/_gradient.test.ts +111 -0
- package/src/scss/mixins/_responsive.scss +2 -1
- package/src/scss/mixins/_typo.scss +2 -1
- package/src/scss/mixins/_units.scss +14 -0
- package/src/scss/mixins/_utils.scss +3 -22
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import { useRef as
|
|
2
|
-
import {
|
|
3
|
-
import { resolveOcMotion as
|
|
4
|
-
import { resolveModalPopupSnapPositions as
|
|
5
|
-
import { setModalBodyTouchScrollLock as
|
|
6
|
-
import { resolveResizedBottomSheetTranslate as
|
|
7
|
-
import {
|
|
8
|
-
|
|
1
|
+
import { useRef as S, useLayoutEffect as K, useCallback as f, useEffect as Ft } from "react";
|
|
2
|
+
import { createSpringAnimator as Qt } from "../../utils/spring/animator.js";
|
|
3
|
+
import { resolveOcMotion as Zt } from "../../utils/motion.js";
|
|
4
|
+
import { resolveModalPopupSnapPositions as or } from "./snapPoints.js";
|
|
5
|
+
import { setModalBodyTouchScrollLock as qt, shouldLockModalBodyTouchScroll as sr, shouldIgnoreDragTarget as te, getScrollableAncestor as ir, hasActiveTextSelection as lr, getBottomTouchDragDecision as cr, getPopupTouchDragDecision as ur } from "./modalScrollArbitration.js";
|
|
6
|
+
import { resolveResizedBottomSheetTranslate as dr, resolveBottomSheetRestState as fr, resolveUndimmedCollapseTranslate as pr } from "./bottomSheetGeometry.js";
|
|
7
|
+
import { getPositionSnapPointDistance as yt, getReleasePositionSnapTarget as mr } from "../PositionSnap/policy.js";
|
|
8
|
+
import { POSITION_SNAP_DRAG_FOLLOWER_SPRING as gr } from "../PositionSnap/gesture.js";
|
|
9
|
+
const F = {
|
|
9
10
|
dragStartThresholdPx: {
|
|
10
11
|
touch: 10,
|
|
11
12
|
mouse: 2
|
|
@@ -33,39 +34,31 @@ const k = {
|
|
|
33
34
|
top: 0.105,
|
|
34
35
|
bottom: 0.16
|
|
35
36
|
}
|
|
36
|
-
},
|
|
37
|
-
settleSpring: {
|
|
38
|
-
durationSeconds: 0.5
|
|
39
|
-
},
|
|
40
|
-
popupDragFollower: {
|
|
41
|
-
settleDurationFactor: 1 / 6
|
|
42
37
|
}
|
|
43
|
-
}, hr =
|
|
44
|
-
|
|
45
|
-
}), yr = [], Tr = [];
|
|
46
|
-
function Ie(r) {
|
|
38
|
+
}, hr = [], yr = [];
|
|
39
|
+
function ke(r) {
|
|
47
40
|
r.cancelable !== !1 && r.preventDefault();
|
|
48
41
|
}
|
|
49
|
-
function
|
|
50
|
-
return Math.min(Math.max(r, o),
|
|
42
|
+
function N(r, o, l) {
|
|
43
|
+
return Math.min(Math.max(r, o), l);
|
|
51
44
|
}
|
|
52
|
-
function
|
|
53
|
-
return [...new Set(r)].sort((o,
|
|
45
|
+
function Oe(r) {
|
|
46
|
+
return [...new Set(r)].sort((o, l) => o - l);
|
|
54
47
|
}
|
|
55
|
-
function
|
|
48
|
+
function Tr(r, o) {
|
|
56
49
|
return r.reduce(
|
|
57
|
-
(
|
|
50
|
+
(l, n) => Math.abs(n - o) < Math.abs(l - o) ? n : l
|
|
58
51
|
);
|
|
59
52
|
}
|
|
60
|
-
function
|
|
53
|
+
function Ne({
|
|
61
54
|
deltaX: r,
|
|
62
55
|
deltaY: o,
|
|
63
|
-
placement:
|
|
56
|
+
placement: l
|
|
64
57
|
}) {
|
|
65
|
-
return
|
|
58
|
+
return l === "bottom" ? Math.abs(o) : Math.hypot(r, o);
|
|
66
59
|
}
|
|
67
|
-
function Pr(r, o,
|
|
68
|
-
if (
|
|
60
|
+
function Pr(r, o, l) {
|
|
61
|
+
if (l === "down")
|
|
69
62
|
return r.find((i) => i > o + 1) ?? r[r.length - 1] ?? 0;
|
|
70
63
|
for (let i = r.length - 1; i >= 0; i -= 1) {
|
|
71
64
|
const y = r[i];
|
|
@@ -74,36 +67,36 @@ function Pr(r, o, s) {
|
|
|
74
67
|
}
|
|
75
68
|
return r[0] ?? 0;
|
|
76
69
|
}
|
|
77
|
-
function
|
|
78
|
-
const
|
|
70
|
+
function xr(r, o, l, n, i = l) {
|
|
71
|
+
const g = Pr(r, o, n), P = n === "down" ? Math.max(l, i) : Math.min(l, i);
|
|
79
72
|
if (n === "down") {
|
|
80
73
|
if (r.filter(
|
|
81
|
-
(V) => V > o + 1 && V <=
|
|
82
|
-
).length === 0) return
|
|
83
|
-
const
|
|
84
|
-
(V) => V > o + 1 && V <=
|
|
74
|
+
(V) => V > o + 1 && V <= l + 1
|
|
75
|
+
).length === 0) return g;
|
|
76
|
+
const nt = r.filter(
|
|
77
|
+
(V) => V > o + 1 && V <= P + 1
|
|
85
78
|
);
|
|
86
|
-
return
|
|
79
|
+
return nt[nt.length - 1] ?? g;
|
|
87
80
|
}
|
|
88
81
|
return r.filter(
|
|
89
|
-
(E) => E < o - 1 && E >=
|
|
90
|
-
).length === 0 ?
|
|
91
|
-
(E) => E < o - 1 && E >=
|
|
92
|
-
)[0] ??
|
|
82
|
+
(E) => E < o - 1 && E >= l - 1
|
|
83
|
+
).length === 0 ? g : r.filter(
|
|
84
|
+
(E) => E < o - 1 && E >= P - 1
|
|
85
|
+
)[0] ?? g;
|
|
93
86
|
}
|
|
94
|
-
function
|
|
87
|
+
function Fe(r, o) {
|
|
95
88
|
if (o <= 0) return 0;
|
|
96
|
-
const
|
|
97
|
-
return r * n *
|
|
89
|
+
const l = o, { resistance: n } = F.rubberBand;
|
|
90
|
+
return r * n * l / (l + n * r);
|
|
98
91
|
}
|
|
99
92
|
function ee({
|
|
100
93
|
targetTranslate: r,
|
|
101
94
|
minTranslate: o,
|
|
102
|
-
maxTranslate:
|
|
95
|
+
maxTranslate: l,
|
|
103
96
|
minBoundaryLimit: n,
|
|
104
97
|
maxBoundaryLimit: i
|
|
105
98
|
}) {
|
|
106
|
-
return r < o ? o -
|
|
99
|
+
return r < o ? o - Fe(o - r, n) : r > l ? l + Fe(r - l, i) : r;
|
|
107
100
|
}
|
|
108
101
|
function Ve(r) {
|
|
109
102
|
return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest('[data-oc-part="handle"], [data-oc-part="header"]');
|
|
@@ -113,22 +106,22 @@ function ze(r) {
|
|
|
113
106
|
'[data-oc-part="handle"], [data-oc-component="modal-navigation"]'
|
|
114
107
|
);
|
|
115
108
|
}
|
|
116
|
-
function
|
|
109
|
+
function vr(r) {
|
|
117
110
|
return typeof Element > "u" || !(r instanceof Element) ? !1 : !!r.closest('[data-oc-component="modal-navigation"]');
|
|
118
111
|
}
|
|
119
|
-
function
|
|
112
|
+
function wr(r) {
|
|
120
113
|
return typeof Element > "u" || !(r instanceof Element) ? null : r.closest('[data-oc-component="modal-navigation"]');
|
|
121
114
|
}
|
|
122
|
-
function
|
|
115
|
+
function Sr(r, o) {
|
|
123
116
|
return o ? !0 : r.pointerType ? r.pointerType === "touch" : typeof window > "u" ? !1 : window.matchMedia?.("(pointer: coarse)").matches ?? !1;
|
|
124
117
|
}
|
|
125
|
-
function
|
|
118
|
+
function He(r, o) {
|
|
126
119
|
if (!r.length)
|
|
127
120
|
return {
|
|
128
121
|
minTranslate: 0,
|
|
129
122
|
maxTranslate: 0
|
|
130
123
|
};
|
|
131
|
-
const
|
|
124
|
+
const l = r.map((y) => y[o]), n = Math.min(...l), i = Math.max(...l);
|
|
132
125
|
if (Math.abs(i - n) < 0.5) {
|
|
133
126
|
const y = (n + i) / 2;
|
|
134
127
|
return {
|
|
@@ -141,20 +134,20 @@ function Re(r, o) {
|
|
|
141
134
|
maxTranslate: i
|
|
142
135
|
};
|
|
143
136
|
}
|
|
144
|
-
function
|
|
145
|
-
for (let
|
|
146
|
-
const n = "item" in r && typeof r.item == "function" ? r.item(
|
|
137
|
+
function Re(r, o) {
|
|
138
|
+
for (let l = 0; l < r.length; l += 1) {
|
|
139
|
+
const n = "item" in r && typeof r.item == "function" ? r.item(l) : r[l];
|
|
147
140
|
if (n?.identifier === o) return n;
|
|
148
141
|
}
|
|
149
142
|
return null;
|
|
150
143
|
}
|
|
151
|
-
function
|
|
144
|
+
function Ke(r) {
|
|
152
145
|
if (!r) return { x: 0, y: 0 };
|
|
153
146
|
const o = window.getComputedStyle(r).transform;
|
|
154
147
|
if (!o || o === "none") return { x: 0, y: 0 };
|
|
155
|
-
const
|
|
156
|
-
if (
|
|
157
|
-
const i =
|
|
148
|
+
const l = o.match(/^matrix\((.+)\)$/);
|
|
149
|
+
if (l) {
|
|
150
|
+
const i = l[1].split(",").map((y) => y.trim());
|
|
158
151
|
return {
|
|
159
152
|
x: Number.parseFloat(i[4] ?? "0") || 0,
|
|
160
153
|
y: Number.parseFloat(i[5] ?? "0") || 0
|
|
@@ -171,12 +164,12 @@ function Je(r) {
|
|
|
171
164
|
return { x: 0, y: 0 };
|
|
172
165
|
}
|
|
173
166
|
function re(r) {
|
|
174
|
-
return
|
|
167
|
+
return Ke(r).y;
|
|
175
168
|
}
|
|
176
169
|
function $e(r) {
|
|
177
|
-
return
|
|
170
|
+
return Ke(r);
|
|
178
171
|
}
|
|
179
|
-
function
|
|
172
|
+
function ht(r) {
|
|
180
173
|
if (!r || !/^-?\d*\.?\d+(?:px)?$/.test(r.trim())) return;
|
|
181
174
|
const o = Number.parseFloat(r);
|
|
182
175
|
return Number.isFinite(o) ? o : void 0;
|
|
@@ -184,20 +177,20 @@ function yt(r) {
|
|
|
184
177
|
function tt() {
|
|
185
178
|
return Date.now();
|
|
186
179
|
}
|
|
187
|
-
function
|
|
188
|
-
const
|
|
189
|
-
for (; r.length > 2 && (r[1]?.time ?? o) <
|
|
180
|
+
function Dr(r, o) {
|
|
181
|
+
const l = o - F.releaseVelocity.sampleWindowMs;
|
|
182
|
+
for (; r.length > 2 && (r[1]?.time ?? o) < l; )
|
|
190
183
|
r.shift();
|
|
191
184
|
}
|
|
192
185
|
function Dt(r, o) {
|
|
193
|
-
const
|
|
186
|
+
const l = o.time ?? tt();
|
|
194
187
|
r.samples.push({
|
|
195
|
-
time:
|
|
188
|
+
time: l,
|
|
196
189
|
pageX: o.pageX,
|
|
197
190
|
pageY: o.pageY,
|
|
198
191
|
translateX: o.translateX,
|
|
199
192
|
translateY: o.translateY
|
|
200
|
-
}),
|
|
193
|
+
}), Dr(r.samples, l);
|
|
201
194
|
}
|
|
202
195
|
function Vt(r, o) {
|
|
203
196
|
return {
|
|
@@ -206,276 +199,230 @@ function Vt(r, o) {
|
|
|
206
199
|
};
|
|
207
200
|
}
|
|
208
201
|
function Ue(r, o) {
|
|
209
|
-
const
|
|
202
|
+
const l = Vt(r, o);
|
|
210
203
|
Dt(r, {
|
|
211
204
|
pageX: o.pageX,
|
|
212
205
|
pageY: o.pageY,
|
|
213
|
-
translateX:
|
|
214
|
-
translateY:
|
|
206
|
+
translateX: l.x,
|
|
207
|
+
translateY: l.y
|
|
215
208
|
});
|
|
216
209
|
}
|
|
217
|
-
function
|
|
210
|
+
function _e({
|
|
218
211
|
session: r,
|
|
219
212
|
fallbackDeltaY: o,
|
|
220
|
-
fallbackElapsed:
|
|
213
|
+
fallbackElapsed: l
|
|
221
214
|
}) {
|
|
222
|
-
const n = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: y } =
|
|
215
|
+
const n = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: y } = F.releaseVelocity;
|
|
223
216
|
if (n) {
|
|
224
|
-
const
|
|
225
|
-
if (
|
|
226
|
-
const
|
|
217
|
+
const g = n.time - y, P = r.samples.find((w) => w.time >= g) ?? r.samples[0];
|
|
218
|
+
if (P && P !== n) {
|
|
219
|
+
const w = Math.max(n.time - P.time, 1), L = (n.translateY - P.translateY) / w * 1e3;
|
|
227
220
|
if (Number.isFinite(L))
|
|
228
|
-
return
|
|
221
|
+
return N(L, -i, i);
|
|
229
222
|
}
|
|
230
223
|
}
|
|
231
|
-
return
|
|
232
|
-
o / Math.max(
|
|
224
|
+
return N(
|
|
225
|
+
o / Math.max(l, 1) * 1e3,
|
|
233
226
|
-i,
|
|
234
227
|
i
|
|
235
228
|
);
|
|
236
229
|
}
|
|
237
|
-
function
|
|
230
|
+
function je({
|
|
238
231
|
session: r,
|
|
239
232
|
fallbackDelta: o,
|
|
240
|
-
fallbackElapsed:
|
|
233
|
+
fallbackElapsed: l
|
|
241
234
|
}) {
|
|
242
|
-
const n = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: y } =
|
|
235
|
+
const n = r.samples[r.samples.length - 1], { maxPxPerSecond: i, sampleWindowMs: y } = F.releaseVelocity;
|
|
243
236
|
if (n) {
|
|
244
|
-
const
|
|
245
|
-
if (
|
|
246
|
-
const
|
|
247
|
-
x: (n.translateX -
|
|
248
|
-
y: (n.translateY -
|
|
237
|
+
const g = n.time - y, P = r.samples.find((w) => w.time >= g) ?? r.samples[0];
|
|
238
|
+
if (P && P !== n) {
|
|
239
|
+
const w = Math.max(n.time - P.time, 1), L = {
|
|
240
|
+
x: (n.translateX - P.translateX) / w * 1e3,
|
|
241
|
+
y: (n.translateY - P.translateY) / w * 1e3
|
|
249
242
|
};
|
|
250
243
|
if (Number.isFinite(L.x) && Number.isFinite(L.y))
|
|
251
244
|
return {
|
|
252
|
-
x:
|
|
253
|
-
y:
|
|
245
|
+
x: N(L.x, -i, i),
|
|
246
|
+
y: N(L.y, -i, i)
|
|
254
247
|
};
|
|
255
248
|
}
|
|
256
249
|
}
|
|
257
250
|
return {
|
|
258
|
-
x:
|
|
259
|
-
o.x / Math.max(
|
|
251
|
+
x: N(
|
|
252
|
+
o.x / Math.max(l, 1) * 1e3,
|
|
260
253
|
-i,
|
|
261
254
|
i
|
|
262
255
|
),
|
|
263
|
-
y:
|
|
264
|
-
o.y / Math.max(
|
|
256
|
+
y: N(
|
|
257
|
+
o.y / Math.max(l, 1) * 1e3,
|
|
265
258
|
-i,
|
|
266
259
|
i
|
|
267
260
|
)
|
|
268
261
|
};
|
|
269
262
|
}
|
|
270
|
-
function
|
|
263
|
+
function Xr({
|
|
271
264
|
currentTranslate: r,
|
|
272
265
|
releaseVelocity: o
|
|
273
266
|
}) {
|
|
274
|
-
const { lookaheadSeconds:
|
|
275
|
-
return r +
|
|
267
|
+
const { lookaheadSeconds: l, maxDistancePx: n } = F.snapProjection;
|
|
268
|
+
return r + N(o * l, -n, n);
|
|
276
269
|
}
|
|
277
|
-
function Yr({
|
|
278
|
-
|
|
279
|
-
releaseVelocity: o
|
|
280
|
-
}) {
|
|
281
|
-
const { lookaheadSeconds: s, maxDistancePx: n } = k.snapProjection;
|
|
282
|
-
return {
|
|
283
|
-
x: r.x + I(
|
|
284
|
-
o.x * s,
|
|
285
|
-
-n,
|
|
286
|
-
n
|
|
287
|
-
),
|
|
288
|
-
y: r.y + I(
|
|
289
|
-
o.y * s,
|
|
290
|
-
-n,
|
|
291
|
-
n
|
|
292
|
-
)
|
|
293
|
-
};
|
|
294
|
-
}
|
|
295
|
-
function Er(r) {
|
|
296
|
-
return Math.abs(r) / 1e3 > k.releaseVelocity.flickThresholdPxPerMs;
|
|
270
|
+
function Yr(r) {
|
|
271
|
+
return Math.abs(r) / 1e3 > F.releaseVelocity.flickThresholdPxPerMs;
|
|
297
272
|
}
|
|
298
|
-
function
|
|
299
|
-
return Math.hypot(r.x, r.y) / 1e3 > k.releaseVelocity.flickThresholdPxPerMs;
|
|
300
|
-
}
|
|
301
|
-
function et(r, o) {
|
|
302
|
-
return Math.hypot(r.x - o.x, r.y - o.y);
|
|
303
|
-
}
|
|
304
|
-
function We(r, o) {
|
|
305
|
-
return r.reduce(
|
|
306
|
-
(s, n) => et(n, o) < et(s, o) ? n : s
|
|
307
|
-
);
|
|
308
|
-
}
|
|
309
|
-
function Lr({
|
|
310
|
-
currentTranslate: r,
|
|
311
|
-
releaseVelocity: o,
|
|
312
|
-
targets: s
|
|
313
|
-
}) {
|
|
314
|
-
const n = Yr({
|
|
315
|
-
currentTranslate: r,
|
|
316
|
-
releaseVelocity: o
|
|
317
|
-
});
|
|
318
|
-
if (!br(o))
|
|
319
|
-
return We(s, r);
|
|
320
|
-
const i = s.filter((y) => {
|
|
321
|
-
const m = y.x - r.x, x = y.y - r.y;
|
|
322
|
-
return m * o.x + x * o.y > 0;
|
|
323
|
-
});
|
|
324
|
-
return We(
|
|
325
|
-
i.length ? i : s,
|
|
326
|
-
n
|
|
327
|
-
);
|
|
328
|
-
}
|
|
329
|
-
function Qe(r) {
|
|
273
|
+
function Je(r) {
|
|
330
274
|
return r === "top" || r.startsWith("top-") ? "top" : r === "bottom" || r.startsWith("bottom-") ? "bottom" : "center";
|
|
331
275
|
}
|
|
332
|
-
function
|
|
276
|
+
function Mr({
|
|
333
277
|
target: r,
|
|
334
278
|
targets: o
|
|
335
279
|
}) {
|
|
336
|
-
const
|
|
337
|
-
if (
|
|
338
|
-
return
|
|
339
|
-
(n, i) => Math.min(
|
|
280
|
+
const l = o.filter((n) => n !== r);
|
|
281
|
+
if (l.length)
|
|
282
|
+
return l.reduce(
|
|
283
|
+
(n, i) => Math.min(
|
|
284
|
+
n,
|
|
285
|
+
yt(r, i)
|
|
286
|
+
),
|
|
340
287
|
Number.POSITIVE_INFINITY
|
|
341
288
|
);
|
|
342
289
|
}
|
|
343
|
-
function
|
|
290
|
+
function Er({
|
|
344
291
|
closeThreshold: r,
|
|
345
292
|
currentTarget: o,
|
|
346
|
-
surfaceSize:
|
|
293
|
+
surfaceSize: l,
|
|
347
294
|
targets: n
|
|
348
295
|
}) {
|
|
349
|
-
const i =
|
|
350
|
-
|
|
296
|
+
const i = Je(o.key), y = i === "center" ? Math.min(l.width, l.height) : l.height, g = Math.max(
|
|
297
|
+
F.dismissal.minDistancePx,
|
|
351
298
|
y * r
|
|
352
299
|
);
|
|
353
|
-
if (i !== "center") return
|
|
354
|
-
const
|
|
300
|
+
if (i !== "center") return g;
|
|
301
|
+
const P = Mr({
|
|
355
302
|
target: o,
|
|
356
303
|
targets: n
|
|
357
304
|
});
|
|
358
|
-
return !
|
|
305
|
+
return !P || !Number.isFinite(P) ? g : Math.max(g, P * 0.75);
|
|
359
306
|
}
|
|
360
|
-
function
|
|
307
|
+
function br({
|
|
361
308
|
currentTarget: r,
|
|
362
309
|
currentTranslate: o
|
|
363
310
|
}) {
|
|
364
|
-
switch (
|
|
311
|
+
switch (Je(r.key)) {
|
|
365
312
|
case "top":
|
|
366
313
|
return r.y - o.y;
|
|
367
314
|
case "bottom":
|
|
368
315
|
return o.y - r.y;
|
|
369
316
|
case "center":
|
|
370
|
-
return
|
|
317
|
+
return yt(r, o);
|
|
371
318
|
}
|
|
372
319
|
}
|
|
373
|
-
function
|
|
320
|
+
function Lr({
|
|
374
321
|
closeThreshold: r,
|
|
375
322
|
currentTarget: o,
|
|
376
|
-
currentTranslate:
|
|
323
|
+
currentTranslate: l,
|
|
377
324
|
releaseTarget: n,
|
|
378
325
|
surfaceSize: i,
|
|
379
326
|
targets: y
|
|
380
327
|
}) {
|
|
381
328
|
if (n.key !== o.key) return !1;
|
|
382
|
-
const
|
|
329
|
+
const g = br({
|
|
383
330
|
currentTarget: o,
|
|
384
|
-
currentTranslate:
|
|
331
|
+
currentTranslate: l
|
|
385
332
|
});
|
|
386
|
-
return
|
|
333
|
+
return g <= 0 ? !1 : g >= Er({
|
|
387
334
|
closeThreshold: r,
|
|
388
335
|
currentTarget: o,
|
|
389
336
|
surfaceSize: i,
|
|
390
337
|
targets: y
|
|
391
338
|
});
|
|
392
339
|
}
|
|
393
|
-
function
|
|
340
|
+
function Ar({
|
|
394
341
|
presentationState: r,
|
|
395
342
|
releaseTranslate: o,
|
|
396
|
-
visibleTranslate:
|
|
343
|
+
visibleTranslate: l
|
|
397
344
|
}) {
|
|
398
|
-
return r !== "visible" || Math.abs(o -
|
|
345
|
+
return r !== "visible" || Math.abs(o - l) > 1;
|
|
399
346
|
}
|
|
400
|
-
function
|
|
347
|
+
function Cr({
|
|
401
348
|
drag: r,
|
|
402
349
|
placement: o,
|
|
403
|
-
snapPositionCount:
|
|
350
|
+
snapPositionCount: l
|
|
404
351
|
}) {
|
|
405
|
-
return o === "popup" && (r === "content" || r === "handle") &&
|
|
352
|
+
return o === "popup" && (r === "content" || r === "handle") && l > 0;
|
|
406
353
|
}
|
|
407
|
-
function
|
|
354
|
+
function Br({
|
|
408
355
|
dismissible: r,
|
|
409
356
|
peekTranslate: o,
|
|
410
|
-
sheetHeight:
|
|
357
|
+
sheetHeight: l,
|
|
411
358
|
visibleTranslate: n
|
|
412
359
|
}) {
|
|
413
360
|
return {
|
|
414
|
-
maxTranslate: o > 0 ? o : r ?
|
|
361
|
+
maxTranslate: o > 0 ? o : r ? l : n,
|
|
415
362
|
minTranslate: 0
|
|
416
363
|
};
|
|
417
364
|
}
|
|
418
|
-
function
|
|
419
|
-
const
|
|
420
|
-
return r && Math.abs(r.maxTranslate - r.minTranslate) ||
|
|
365
|
+
function We(r, o = 1) {
|
|
366
|
+
const l = Math.max(o, 1);
|
|
367
|
+
return r && Math.abs(r.maxTranslate - r.minTranslate) || l;
|
|
421
368
|
}
|
|
422
|
-
function
|
|
369
|
+
function Ge({
|
|
423
370
|
limit: r,
|
|
424
371
|
viewportSize: o,
|
|
425
|
-
viewportLimitRatio:
|
|
372
|
+
viewportLimitRatio: l
|
|
426
373
|
}) {
|
|
427
374
|
const n = Math.max(r, 0);
|
|
428
|
-
return o <= 0 ? n : Math.min(n, o *
|
|
375
|
+
return o <= 0 ? n : Math.min(n, o * l);
|
|
429
376
|
}
|
|
430
|
-
function
|
|
377
|
+
function Ir({
|
|
431
378
|
minTranslate: r,
|
|
432
379
|
sheetHeight: o,
|
|
433
|
-
surfaceMotion:
|
|
380
|
+
surfaceMotion: l
|
|
434
381
|
}) {
|
|
435
|
-
const n =
|
|
382
|
+
const n = l.parentElement?.getBoundingClientRect(), i = n?.top ?? 0, y = n && n.height > 0 ? n.height : window.innerHeight, g = l.getBoundingClientRect(), P = re(l), w = g.top - P + r, L = Math.max(w - i, 0), { observedViewportLimitRatio: E } = F.rubberBand;
|
|
436
383
|
return {
|
|
437
|
-
minBoundaryLimit:
|
|
384
|
+
minBoundaryLimit: Ge({
|
|
438
385
|
limit: L,
|
|
439
386
|
viewportSize: y,
|
|
440
387
|
viewportLimitRatio: E.top
|
|
441
388
|
}),
|
|
442
|
-
maxBoundaryLimit:
|
|
389
|
+
maxBoundaryLimit: Ge({
|
|
443
390
|
limit: o,
|
|
444
391
|
viewportSize: y,
|
|
445
392
|
viewportLimitRatio: E.bottom
|
|
446
393
|
})
|
|
447
394
|
};
|
|
448
395
|
}
|
|
449
|
-
function
|
|
396
|
+
function kr({
|
|
450
397
|
sheetHeight: r,
|
|
451
398
|
peekTranslate: o,
|
|
452
|
-
snapHeights:
|
|
399
|
+
snapHeights: l,
|
|
453
400
|
backdropFromHeight: n
|
|
454
401
|
}) {
|
|
455
402
|
const i = o > 0 ? Math.max(0, r - o) : 0;
|
|
456
403
|
if (n !== void 0) {
|
|
457
|
-
let
|
|
458
|
-
for (const
|
|
459
|
-
|
|
404
|
+
let g = -1;
|
|
405
|
+
for (const P of l)
|
|
406
|
+
P < n - 0.5 && P > g && (g = P);
|
|
460
407
|
return {
|
|
461
408
|
dimmedHeight: n,
|
|
462
|
-
undimmedHeight:
|
|
409
|
+
undimmedHeight: g >= 0 ? g : i
|
|
463
410
|
};
|
|
464
411
|
}
|
|
465
412
|
let y = r;
|
|
466
|
-
for (const
|
|
467
|
-
|
|
413
|
+
for (const g of l)
|
|
414
|
+
g < y && (y = g);
|
|
468
415
|
return { dimmedHeight: y, undimmedHeight: i };
|
|
469
416
|
}
|
|
470
|
-
function
|
|
417
|
+
function Or({
|
|
471
418
|
rubberBand: r,
|
|
472
419
|
targetTranslate: o,
|
|
473
|
-
sheetHeight:
|
|
420
|
+
sheetHeight: l,
|
|
474
421
|
bounds: n,
|
|
475
422
|
rubberBandLimits: i,
|
|
476
423
|
backdropBoundaries: y
|
|
477
424
|
}) {
|
|
478
|
-
const
|
|
425
|
+
const g = N(
|
|
479
426
|
r ? ee({
|
|
480
427
|
targetTranslate: o,
|
|
481
428
|
...i,
|
|
@@ -483,47 +430,47 @@ function zr({
|
|
|
483
430
|
}) : o,
|
|
484
431
|
n.minTranslate - i.minBoundaryLimit,
|
|
485
432
|
n.maxTranslate + i.maxBoundaryLimit
|
|
486
|
-
),
|
|
433
|
+
), P = Math.max(-g, 0), w = Math.max(g, 0), E = (l - w - y.undimmedHeight) / Math.max(
|
|
487
434
|
y.dimmedHeight - y.undimmedHeight,
|
|
488
435
|
1
|
|
489
436
|
);
|
|
490
437
|
return {
|
|
491
|
-
translate:
|
|
492
|
-
overshootFillHeight:
|
|
493
|
-
backdropOpacity:
|
|
438
|
+
translate: g,
|
|
439
|
+
overshootFillHeight: P,
|
|
440
|
+
backdropOpacity: N(E, 0, 1)
|
|
494
441
|
};
|
|
495
442
|
}
|
|
496
|
-
function
|
|
443
|
+
function _r({
|
|
497
444
|
enabled: r,
|
|
498
445
|
drag: o,
|
|
499
|
-
open:
|
|
446
|
+
open: l,
|
|
500
447
|
placement: n,
|
|
501
448
|
surfaceMotionRef: i,
|
|
502
449
|
surfaceMotionNode: y,
|
|
503
|
-
backdropRef:
|
|
504
|
-
bodyNode:
|
|
505
|
-
snapHeights:
|
|
450
|
+
backdropRef: g,
|
|
451
|
+
bodyNode: P,
|
|
452
|
+
snapHeights: w = hr,
|
|
506
453
|
sheetHeight: L,
|
|
507
454
|
backdropFromHeight: E,
|
|
508
|
-
onBackdropDimRestChange:
|
|
509
|
-
snapPositions: V =
|
|
455
|
+
onBackdropDimRestChange: nt,
|
|
456
|
+
snapPositions: V = yr,
|
|
510
457
|
defaultSnapPosition: Xt,
|
|
511
458
|
peekHeight: zt,
|
|
512
459
|
peekFallback: ne,
|
|
513
460
|
presentationState: z,
|
|
514
|
-
setPresentationState:
|
|
461
|
+
setPresentationState: Ht,
|
|
515
462
|
requestClose: at,
|
|
516
|
-
canCloseAttempt:
|
|
517
|
-
dismissible:
|
|
518
|
-
backdropHidden:
|
|
463
|
+
canCloseAttempt: ae,
|
|
464
|
+
dismissible: R = !0,
|
|
465
|
+
backdropHidden: Rt = !1,
|
|
519
466
|
visibleTranslate: D = 0,
|
|
520
|
-
shouldDeferBottomSettle:
|
|
467
|
+
shouldDeferBottomSettle: oe,
|
|
521
468
|
refreshScrollState: $t,
|
|
522
469
|
closeThreshold: Tt = 0.35,
|
|
523
470
|
scrollLockTimeout: se = 500,
|
|
524
471
|
popupSnapLayoutVersion: ie = 0
|
|
525
472
|
}) {
|
|
526
|
-
const
|
|
473
|
+
const M = S({
|
|
527
474
|
dragging: !1,
|
|
528
475
|
allowed: !1,
|
|
529
476
|
chrome: !1,
|
|
@@ -543,81 +490,81 @@ function Gr({
|
|
|
543
490
|
samples: [],
|
|
544
491
|
pointerId: null,
|
|
545
492
|
touchId: null
|
|
546
|
-
}),
|
|
493
|
+
}), _ = S(P), Ut = S(null), le = S(Rt), ce = S(!1), ue = S(!1), Qe = S((t) => {
|
|
547
494
|
t.preventDefault();
|
|
548
|
-
}),
|
|
495
|
+
}), Yt = S(0), _t = S(!1), $ = S(null), U = S(
|
|
549
496
|
null
|
|
550
|
-
),
|
|
497
|
+
), Mt = S(null), J = S(null), Pt = S(0), j = S(null), jt = S(!1), Wt = S(!1), de = S(z), Et = S({
|
|
551
498
|
kind: "default-snap"
|
|
552
|
-
}),
|
|
499
|
+
}), fe = S(L ?? null), pe = S(D), me = S(w), Gt = S(!1), ot = S(!1), b = Cr({
|
|
553
500
|
drag: o,
|
|
554
501
|
placement: n,
|
|
555
502
|
snapPositionCount: V.length
|
|
556
|
-
}),
|
|
557
|
-
|
|
503
|
+
}), ge = `${Xt ?? ""}:${V.join("|")}`, he = S(V), bt = S(Xt);
|
|
504
|
+
K(() => {
|
|
558
505
|
he.current = V, bt.current = Xt;
|
|
559
|
-
}, [Xt,
|
|
560
|
-
le.current =
|
|
561
|
-
}, [
|
|
562
|
-
|
|
563
|
-
}, [
|
|
564
|
-
const t =
|
|
565
|
-
t && t !==
|
|
566
|
-
}, [
|
|
567
|
-
const
|
|
568
|
-
ce.current = t,
|
|
569
|
-
}, []),
|
|
506
|
+
}, [Xt, ge, V]), K(() => {
|
|
507
|
+
le.current = Rt;
|
|
508
|
+
}, [Rt]), K(() => {
|
|
509
|
+
l || (Ut.current = null);
|
|
510
|
+
}, [l]), K(() => {
|
|
511
|
+
const t = _.current;
|
|
512
|
+
t && t !== P && qt(t, !1), _.current = P, ce.current && qt(P, !0);
|
|
513
|
+
}, [P]);
|
|
514
|
+
const st = f((t) => {
|
|
515
|
+
ce.current = t, qt(_.current, t);
|
|
516
|
+
}, []), Q = f((t) => {
|
|
570
517
|
if (ue.current === t) return;
|
|
571
518
|
ue.current = t;
|
|
572
|
-
const e =
|
|
519
|
+
const e = Qe.current;
|
|
573
520
|
if (t) {
|
|
574
521
|
document.addEventListener("selectstart", e, !0), document.addEventListener("dragstart", e, !0);
|
|
575
522
|
return;
|
|
576
523
|
}
|
|
577
524
|
document.removeEventListener("selectstart", e, !0), document.removeEventListener("dragstart", e, !0);
|
|
578
|
-
}, []), Lt =
|
|
525
|
+
}, []), Lt = f(
|
|
579
526
|
({ chrome: t, target: e }) => {
|
|
580
|
-
const a =
|
|
527
|
+
const a = sr({
|
|
581
528
|
target: e,
|
|
582
529
|
chrome: t,
|
|
583
|
-
bodyNode:
|
|
530
|
+
bodyNode: _.current
|
|
584
531
|
});
|
|
585
|
-
return
|
|
532
|
+
return st(a), a;
|
|
586
533
|
},
|
|
587
|
-
[
|
|
588
|
-
),
|
|
534
|
+
[st]
|
|
535
|
+
), k = f(() => i.current?.getBoundingClientRect().height ?? window.innerHeight, [i]), At = f(() => {
|
|
589
536
|
if (zt !== void 0) return zt;
|
|
590
537
|
if (ne === "header")
|
|
591
538
|
return i.current?.querySelector('[data-oc-part="header"]')?.getBoundingClientRect().height ?? void 0;
|
|
592
|
-
}, [ne, zt, i]),
|
|
539
|
+
}, [ne, zt, i]), xt = f(
|
|
593
540
|
(t) => {
|
|
594
541
|
const e = At();
|
|
595
|
-
return e === void 0 || e <= 0 ? 0 :
|
|
542
|
+
return e === void 0 || e <= 0 ? 0 : N(t - e, 0, t);
|
|
596
543
|
},
|
|
597
544
|
[At]
|
|
598
|
-
),
|
|
545
|
+
), Z = f(() => {
|
|
599
546
|
const t = At();
|
|
600
|
-
return t === void 0 || t <= 0 ? 0 :
|
|
601
|
-
}, [At,
|
|
602
|
-
() => z === "peeked" ?
|
|
603
|
-
[
|
|
604
|
-
), W =
|
|
547
|
+
return t === void 0 || t <= 0 ? 0 : xt(k());
|
|
548
|
+
}, [At, xt, k]), Kt = f(
|
|
549
|
+
() => z === "peeked" ? Z() : D,
|
|
550
|
+
[Z, z, D]
|
|
551
|
+
), W = f(() => {
|
|
605
552
|
const t = i.current;
|
|
606
553
|
if (!t) return Kt();
|
|
607
|
-
const e =
|
|
554
|
+
const e = ht(
|
|
608
555
|
t.style.getPropertyValue("--oc-modal-translate-y")
|
|
609
556
|
);
|
|
610
557
|
if (e !== void 0) return e;
|
|
611
|
-
const a =
|
|
558
|
+
const a = ht(
|
|
612
559
|
window.getComputedStyle(t).getPropertyValue("--oc-modal-translate-y")
|
|
613
560
|
);
|
|
614
561
|
return a !== void 0 ? a : Kt();
|
|
615
|
-
}, [Kt, i]), Ct =
|
|
562
|
+
}, [Kt, i]), Ct = f(() => {
|
|
616
563
|
const t = i.current;
|
|
617
564
|
if (!t) return { x: 0, y: 0 };
|
|
618
|
-
const e =
|
|
565
|
+
const e = ht(
|
|
619
566
|
t.style.getPropertyValue("--oc-modal-translate-x")
|
|
620
|
-
), a =
|
|
567
|
+
), a = ht(
|
|
621
568
|
t.style.getPropertyValue("--oc-modal-translate-y")
|
|
622
569
|
);
|
|
623
570
|
if (e !== void 0 || a !== void 0)
|
|
@@ -627,210 +574,219 @@ function Gr({
|
|
|
627
574
|
};
|
|
628
575
|
const c = window.getComputedStyle(t);
|
|
629
576
|
return {
|
|
630
|
-
x:
|
|
631
|
-
y:
|
|
577
|
+
x: ht(c.getPropertyValue("--oc-modal-translate-x")) ?? 0,
|
|
578
|
+
y: ht(c.getPropertyValue("--oc-modal-translate-y")) ?? 0
|
|
632
579
|
};
|
|
633
|
-
}, [i]),
|
|
580
|
+
}, [i]), it = f(() => {
|
|
634
581
|
const t = W(), e = re(i.current);
|
|
635
582
|
return Math.abs(e - t) > 1 ? e : t;
|
|
636
|
-
}, [W, i]), vt =
|
|
583
|
+
}, [W, i]), vt = f(
|
|
637
584
|
(t, e, a = 1) => Math.abs(t - e) <= a,
|
|
638
585
|
[]
|
|
639
|
-
),
|
|
586
|
+
), lt = f(() => {
|
|
640
587
|
const t = Ct(), e = $e(i.current);
|
|
641
|
-
return
|
|
642
|
-
}, [Ct, i]),
|
|
588
|
+
return yt(e, t) > 1 ? e : t;
|
|
589
|
+
}, [Ct, i]), I = f(
|
|
643
590
|
(t, {
|
|
644
591
|
active: e,
|
|
645
|
-
nextDismissible: a =
|
|
592
|
+
nextDismissible: a = R,
|
|
646
593
|
rubberBand: c = !1,
|
|
647
|
-
sheetHeightOverride:
|
|
594
|
+
sheetHeightOverride: s,
|
|
648
595
|
peekTranslateOverride: u,
|
|
649
596
|
settled: d
|
|
650
597
|
}) => {
|
|
651
|
-
const
|
|
652
|
-
if (!
|
|
653
|
-
const
|
|
598
|
+
const p = i.current;
|
|
599
|
+
if (!p) return;
|
|
600
|
+
const m = s ?? k(), h = p.parentElement, Y = u ?? Z(), C = Br({
|
|
654
601
|
dismissible: a,
|
|
655
|
-
peekTranslate:
|
|
656
|
-
sheetHeight:
|
|
602
|
+
peekTranslate: Y,
|
|
603
|
+
sheetHeight: m,
|
|
657
604
|
visibleTranslate: D
|
|
658
|
-
}), T =
|
|
605
|
+
}), T = Ir({
|
|
659
606
|
minTranslate: C.minTranslate,
|
|
660
|
-
sheetHeight:
|
|
661
|
-
surfaceMotion:
|
|
662
|
-
}),
|
|
607
|
+
sheetHeight: m,
|
|
608
|
+
surfaceMotion: p
|
|
609
|
+
}), v = Or({
|
|
663
610
|
rubberBand: c,
|
|
664
611
|
targetTranslate: t,
|
|
665
|
-
sheetHeight:
|
|
612
|
+
sheetHeight: m,
|
|
666
613
|
bounds: C,
|
|
667
614
|
rubberBandLimits: T,
|
|
668
|
-
backdropBoundaries:
|
|
669
|
-
sheetHeight:
|
|
670
|
-
peekTranslate:
|
|
671
|
-
snapHeights:
|
|
615
|
+
backdropBoundaries: kr({
|
|
616
|
+
sheetHeight: m,
|
|
617
|
+
peekTranslate: Y,
|
|
618
|
+
snapHeights: w,
|
|
672
619
|
backdropFromHeight: E
|
|
673
620
|
})
|
|
674
621
|
});
|
|
675
|
-
|
|
622
|
+
M.current.lastTranslate = v.translate, p.style.setProperty(
|
|
676
623
|
"--oc-modal-translate-y",
|
|
677
|
-
`${
|
|
678
|
-
), d === "frame" || !e ?
|
|
624
|
+
`${v.translate}px`
|
|
625
|
+
), d === "frame" || !e ? p.style.setProperty(
|
|
679
626
|
"--oc-modal-settled-translate-y",
|
|
680
|
-
`${
|
|
681
|
-
) : typeof d == "number" &&
|
|
627
|
+
`${v.translate}px`
|
|
628
|
+
) : typeof d == "number" && p.style.setProperty(
|
|
682
629
|
"--oc-modal-settled-translate-y",
|
|
683
630
|
`${d}px`
|
|
684
631
|
);
|
|
685
|
-
const
|
|
686
|
-
if (
|
|
632
|
+
const H = le.current ? 0 : v.backdropOpacity;
|
|
633
|
+
if (p.style.setProperty(
|
|
687
634
|
"--_-modal-elevation-shadow-opacity",
|
|
688
|
-
String(1 -
|
|
689
|
-
),
|
|
635
|
+
String(1 - H)
|
|
636
|
+
), p.dataset.ocModalDragging = e ? "true" : "false", h?.style.setProperty(
|
|
690
637
|
"--oc-modal-overshoot-fill-height",
|
|
691
|
-
`${
|
|
692
|
-
), h && (h.dataset.ocModalDragging = e ? "true" : "false"), e ?
|
|
638
|
+
`${v.overshootFillHeight}px`
|
|
639
|
+
), h && (h.dataset.ocModalDragging = e ? "true" : "false"), e ? p.style.setProperty("transition", "none") : p.style.removeProperty("transition"), g.current && (g.current.style.setProperty(
|
|
693
640
|
"--oc-modal-backdrop-opacity",
|
|
694
|
-
String(
|
|
695
|
-
),
|
|
696
|
-
const B = E === void 0 ||
|
|
697
|
-
Ut.current !== B && (Ut.current = B,
|
|
641
|
+
String(v.backdropOpacity)
|
|
642
|
+
), g.current.style.transition = e ? "none" : ""), !e && n === "bottom" && nt) {
|
|
643
|
+
const B = E === void 0 || m - v.translate >= E - 0.5;
|
|
644
|
+
Ut.current !== B && (Ut.current = B, nt(B));
|
|
698
645
|
}
|
|
699
646
|
},
|
|
700
647
|
[
|
|
701
648
|
E,
|
|
702
|
-
|
|
703
|
-
|
|
704
|
-
|
|
705
|
-
|
|
706
|
-
|
|
649
|
+
g,
|
|
650
|
+
R,
|
|
651
|
+
Z,
|
|
652
|
+
k,
|
|
653
|
+
nt,
|
|
707
654
|
n,
|
|
708
|
-
|
|
655
|
+
w,
|
|
709
656
|
i,
|
|
710
657
|
D
|
|
711
658
|
]
|
|
712
|
-
),
|
|
659
|
+
), ct = f(() => {
|
|
713
660
|
const t = i.current, e = he.current;
|
|
714
661
|
if (!(!t || !e.length))
|
|
715
|
-
return
|
|
662
|
+
return or({
|
|
716
663
|
defaultSnapPosition: bt.current,
|
|
717
664
|
snapPositions: e,
|
|
718
665
|
surfaceMotion: t
|
|
719
666
|
});
|
|
720
|
-
}, [i]),
|
|
667
|
+
}, [i]), G = f(
|
|
721
668
|
({ destroy: t = !0 } = {}) => {
|
|
722
|
-
t && U.current?.destroy(), U.current = null,
|
|
669
|
+
t && U.current?.destroy(), U.current = null, Mt.current = null;
|
|
723
670
|
},
|
|
724
671
|
[]
|
|
725
|
-
), A =
|
|
672
|
+
), A = f(
|
|
726
673
|
(t, { active: e }) => {
|
|
727
674
|
const a = i.current;
|
|
728
675
|
if (!a) return;
|
|
729
|
-
const c =
|
|
676
|
+
const c = ct(), s = c ? a.getBoundingClientRect() : void 0, u = c ? He(c.targets, "x") : void 0, d = c ? He(c.targets, "y") : void 0, p = We(u, s?.width), m = We(d, s?.height), h = c ? {
|
|
730
677
|
x: ee({
|
|
731
678
|
targetTranslate: t.x,
|
|
732
679
|
minTranslate: u?.minTranslate ?? 0,
|
|
733
680
|
maxTranslate: u?.maxTranslate ?? 0,
|
|
734
|
-
minBoundaryLimit:
|
|
735
|
-
maxBoundaryLimit:
|
|
681
|
+
minBoundaryLimit: p,
|
|
682
|
+
maxBoundaryLimit: p
|
|
736
683
|
}),
|
|
737
684
|
y: ee({
|
|
738
685
|
targetTranslate: t.y,
|
|
739
686
|
minTranslate: d?.minTranslate ?? 0,
|
|
740
687
|
maxTranslate: d?.maxTranslate ?? 0,
|
|
741
|
-
minBoundaryLimit:
|
|
742
|
-
maxBoundaryLimit:
|
|
688
|
+
minBoundaryLimit: m,
|
|
689
|
+
maxBoundaryLimit: m
|
|
743
690
|
})
|
|
744
691
|
} : t;
|
|
745
|
-
|
|
746
|
-
const
|
|
692
|
+
M.current.lastTranslateX = h.x, M.current.lastTranslate = h.y;
|
|
693
|
+
const Y = e ? void 0 : t.settledTranslate;
|
|
747
694
|
a.style.setProperty(
|
|
748
695
|
"--oc-modal-translate-x",
|
|
749
|
-
|
|
696
|
+
Y?.x ?? `${h.x}px`
|
|
750
697
|
), a.style.setProperty(
|
|
751
698
|
"--oc-modal-translate-y",
|
|
752
|
-
|
|
699
|
+
Y?.y ?? `${h.y}px`
|
|
753
700
|
), a.dataset.ocModalDragging = e ? "true" : "false", a.parentElement && (a.parentElement.dataset.ocModalDragging = e ? "true" : "false"), a.style.transition = e ? "none" : "";
|
|
754
701
|
},
|
|
755
|
-
[
|
|
756
|
-
), X =
|
|
757
|
-
$.current?.destroy(), $.current = null,
|
|
702
|
+
[ct, i]
|
|
703
|
+
), X = f(() => {
|
|
704
|
+
$.current?.destroy(), $.current = null, G();
|
|
758
705
|
const t = i.current;
|
|
759
706
|
t?.dataset.ocModalSheetResizing && (delete t.dataset.ocModalSheetResizing, t.style.removeProperty("--oc-modal-resize-rest-translate-y"), t.style.removeProperty(
|
|
760
707
|
"--oc-modal-resize-target-scrollport-height"
|
|
761
708
|
));
|
|
762
|
-
}, [
|
|
763
|
-
(t, e =
|
|
764
|
-
X(),
|
|
709
|
+
}, [G, i]), ut = f(
|
|
710
|
+
(t, e = R) => {
|
|
711
|
+
X(), I(t, {
|
|
765
712
|
active: !0,
|
|
766
713
|
nextDismissible: e,
|
|
767
714
|
rubberBand: !0,
|
|
768
715
|
settled: "frame"
|
|
769
716
|
});
|
|
770
717
|
},
|
|
771
|
-
[
|
|
772
|
-
), ye =
|
|
773
|
-
const t =
|
|
774
|
-
return $.current !== null || U.current !== null ? (X(), n === "popup" &&
|
|
718
|
+
[I, X, R]
|
|
719
|
+
), ye = f(() => {
|
|
720
|
+
const t = it(), e = lt();
|
|
721
|
+
return $.current !== null || U.current !== null ? (X(), n === "popup" && yt(e, { x: 0, y: 0 }) > 0.5 ? A(e, { active: !1 }) : n === "bottom" && Math.abs(t) > 0.5 && I(t, { active: !1 }), { startTranslate: t, startTranslatePoint: e }) : { startTranslate: t, startTranslatePoint: e };
|
|
775
722
|
}, [
|
|
776
723
|
A,
|
|
777
|
-
|
|
724
|
+
I,
|
|
778
725
|
X,
|
|
726
|
+
it,
|
|
779
727
|
lt,
|
|
780
|
-
ct,
|
|
781
728
|
n
|
|
782
|
-
]),
|
|
729
|
+
]), x = f(() => {
|
|
783
730
|
const t = i.current;
|
|
784
|
-
t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"),
|
|
785
|
-
}, [E,
|
|
731
|
+
t && (t.dataset.ocModalDragging = "false", t.style.removeProperty("transition"), t.parentElement && (t.parentElement.dataset.ocModalDragging = "false"), g.current?.style.removeProperty("transition"), E === void 0 && g.current?.style.removeProperty("--oc-modal-backdrop-opacity"));
|
|
732
|
+
}, [E, g, i]), Te = f(() => {
|
|
786
733
|
const t = i.current, e = t?.parentElement;
|
|
787
|
-
|
|
788
|
-
}, [
|
|
734
|
+
M.current.lastTranslate = 0, t?.style.removeProperty("--oc-modal-translate-y"), t?.style.removeProperty("--oc-modal-settled-translate-y"), t?.style.removeProperty("--_-modal-elevation-shadow-opacity"), e?.style.removeProperty("--oc-modal-overshoot-fill-height"), g.current?.style.removeProperty("--oc-modal-backdrop-opacity"), x();
|
|
735
|
+
}, [g, x, i]), Pe = f(
|
|
789
736
|
({
|
|
790
737
|
preserveSnapPosition: t = !1,
|
|
791
738
|
resetY: e = !0
|
|
792
739
|
} = {}) => {
|
|
793
740
|
const a = i.current;
|
|
794
|
-
a && (t || (
|
|
741
|
+
a && (t || (J.current = null), M.current.lastTranslateX = 0, a.style.removeProperty("--oc-modal-translate-x"), e && (M.current.lastTranslate = 0, a.style.removeProperty("--oc-modal-translate-y")), x());
|
|
795
742
|
},
|
|
796
|
-
[
|
|
797
|
-
),
|
|
743
|
+
[x, i]
|
|
744
|
+
), O = f(
|
|
798
745
|
(t, {
|
|
799
746
|
initialVelocity: e = 0,
|
|
800
747
|
intent: a = "sheet",
|
|
801
748
|
phase: c = "release",
|
|
802
|
-
from:
|
|
749
|
+
from: s,
|
|
803
750
|
onComplete: u,
|
|
804
751
|
peekTranslateOverride: d,
|
|
805
|
-
sheetHeightOverride:
|
|
752
|
+
sheetHeightOverride: p
|
|
806
753
|
} = {}) => {
|
|
807
|
-
const
|
|
808
|
-
if (!
|
|
754
|
+
const m = i.current;
|
|
755
|
+
if (!m) return;
|
|
809
756
|
X();
|
|
810
|
-
const h =
|
|
757
|
+
const h = s ?? re(m);
|
|
811
758
|
if (Math.abs(h - t) < 0.5) {
|
|
812
|
-
|
|
759
|
+
I(t, {
|
|
813
760
|
active: !1,
|
|
814
761
|
peekTranslateOverride: d,
|
|
815
|
-
sheetHeightOverride:
|
|
816
|
-
}),
|
|
762
|
+
sheetHeightOverride: p
|
|
763
|
+
}), x(), u?.();
|
|
817
764
|
return;
|
|
818
765
|
}
|
|
819
|
-
const
|
|
820
|
-
|
|
766
|
+
const Y = c === "enter" ? t : "frame";
|
|
767
|
+
I(h, {
|
|
821
768
|
active: !0,
|
|
822
769
|
peekTranslateOverride: d,
|
|
823
|
-
settled:
|
|
824
|
-
sheetHeightOverride:
|
|
770
|
+
settled: Y,
|
|
771
|
+
sheetHeightOverride: p
|
|
825
772
|
});
|
|
826
|
-
const C =
|
|
827
|
-
element:
|
|
773
|
+
const C = Zt({
|
|
774
|
+
element: m,
|
|
828
775
|
intent: a,
|
|
829
776
|
phase: c,
|
|
830
777
|
reduced: "preserve",
|
|
831
778
|
reducedMotion: !1,
|
|
832
779
|
property: "transform"
|
|
833
|
-
})
|
|
780
|
+
});
|
|
781
|
+
if (!C.animate) {
|
|
782
|
+
I(t, {
|
|
783
|
+
active: !1,
|
|
784
|
+
peekTranslateOverride: d,
|
|
785
|
+
sheetHeightOverride: p
|
|
786
|
+
}), x(), u?.();
|
|
787
|
+
return;
|
|
788
|
+
}
|
|
789
|
+
const T = Qt({
|
|
834
790
|
value: h,
|
|
835
791
|
target: t,
|
|
836
792
|
velocity: e,
|
|
@@ -838,26 +794,26 @@ function Gr({
|
|
|
838
794
|
epsilon: 0.5,
|
|
839
795
|
velocityEpsilon: 50,
|
|
840
796
|
stabilityWindow: 0.02,
|
|
841
|
-
onUpdate: (
|
|
842
|
-
|
|
797
|
+
onUpdate: (v) => {
|
|
798
|
+
I(v, {
|
|
843
799
|
active: !0,
|
|
844
800
|
peekTranslateOverride: d,
|
|
845
|
-
settled:
|
|
846
|
-
sheetHeightOverride:
|
|
801
|
+
settled: Y === "frame" ? "frame" : void 0,
|
|
802
|
+
sheetHeightOverride: p
|
|
847
803
|
});
|
|
848
804
|
},
|
|
849
805
|
onComplete: () => {
|
|
850
|
-
$.current === T && ($.current = null),
|
|
806
|
+
$.current === T && ($.current = null), I(t, {
|
|
851
807
|
active: !1,
|
|
852
808
|
peekTranslateOverride: d,
|
|
853
|
-
sheetHeightOverride:
|
|
854
|
-
}),
|
|
809
|
+
sheetHeightOverride: p
|
|
810
|
+
}), x(), u?.();
|
|
855
811
|
}
|
|
856
812
|
});
|
|
857
813
|
$.current = T;
|
|
858
814
|
},
|
|
859
|
-
[
|
|
860
|
-
), q =
|
|
815
|
+
[I, X, x, i]
|
|
816
|
+
), q = f(
|
|
861
817
|
(t, {
|
|
862
818
|
from: e,
|
|
863
819
|
initialVelocity: a = { x: 0, y: 0 }
|
|
@@ -865,24 +821,32 @@ function Gr({
|
|
|
865
821
|
const c = i.current;
|
|
866
822
|
if (!c) return;
|
|
867
823
|
X();
|
|
868
|
-
const
|
|
869
|
-
if (
|
|
870
|
-
|
|
824
|
+
const s = e ?? $e(c), u = { x: t.x, y: t.y };
|
|
825
|
+
if (yt(
|
|
826
|
+
s,
|
|
827
|
+
u
|
|
828
|
+
) < 0.5) {
|
|
829
|
+
A(t, { active: !1 }), x();
|
|
871
830
|
return;
|
|
872
831
|
}
|
|
873
|
-
A(
|
|
874
|
-
const
|
|
832
|
+
A(s, { active: !0 });
|
|
833
|
+
const p = Zt({
|
|
875
834
|
element: c,
|
|
876
835
|
intent: "gesture",
|
|
877
836
|
phase: "release",
|
|
878
837
|
reduced: "preserve",
|
|
879
838
|
reducedMotion: !1,
|
|
880
839
|
property: "transform"
|
|
881
|
-
})
|
|
882
|
-
|
|
840
|
+
});
|
|
841
|
+
if (!p.animate) {
|
|
842
|
+
A(t, { active: !1 }), x();
|
|
843
|
+
return;
|
|
844
|
+
}
|
|
845
|
+
const m = Qt({
|
|
846
|
+
value: s,
|
|
883
847
|
target: u,
|
|
884
848
|
velocity: a,
|
|
885
|
-
spring:
|
|
849
|
+
spring: p.spring,
|
|
886
850
|
epsilon: 0.5,
|
|
887
851
|
velocityEpsilon: 50,
|
|
888
852
|
stabilityWindow: 0.02,
|
|
@@ -890,30 +854,30 @@ function Gr({
|
|
|
890
854
|
A(h, { active: !0 });
|
|
891
855
|
},
|
|
892
856
|
onComplete: () => {
|
|
893
|
-
$.current ===
|
|
857
|
+
$.current === m && ($.current = null), A(t, { active: !1 }), x();
|
|
894
858
|
}
|
|
895
859
|
});
|
|
896
|
-
$.current =
|
|
860
|
+
$.current = m;
|
|
897
861
|
},
|
|
898
862
|
[
|
|
899
863
|
A,
|
|
900
864
|
X,
|
|
901
|
-
|
|
865
|
+
x,
|
|
902
866
|
i
|
|
903
867
|
]
|
|
904
|
-
),
|
|
868
|
+
), dt = f(() => {
|
|
905
869
|
const t = U.current;
|
|
906
870
|
if (!t) return null;
|
|
907
871
|
const e = t.sample();
|
|
908
872
|
return A(e.value, { active: !0 }), e;
|
|
909
|
-
}, [A]),
|
|
873
|
+
}, [A]), xe = f(
|
|
910
874
|
(t) => {
|
|
911
875
|
if (!i.current) return null;
|
|
912
876
|
X(), A(t, { active: !0 });
|
|
913
|
-
const a =
|
|
877
|
+
const a = Qt({
|
|
914
878
|
value: t,
|
|
915
879
|
target: t,
|
|
916
|
-
spring:
|
|
880
|
+
spring: gr,
|
|
917
881
|
autoplay: !1,
|
|
918
882
|
epsilon: 0.5,
|
|
919
883
|
velocityEpsilon: 50,
|
|
@@ -922,8 +886,8 @@ function Gr({
|
|
|
922
886
|
A(c, { active: !0 });
|
|
923
887
|
},
|
|
924
888
|
onComplete: () => {
|
|
925
|
-
const c =
|
|
926
|
-
!c || U.current !== a || (
|
|
889
|
+
const c = Mt.current;
|
|
890
|
+
!c || U.current !== a || (G({ destroy: !1 }), A(c, { active: !1 }), x());
|
|
927
891
|
}
|
|
928
892
|
});
|
|
929
893
|
return U.current = a, a;
|
|
@@ -931,35 +895,35 @@ function Gr({
|
|
|
931
895
|
[
|
|
932
896
|
A,
|
|
933
897
|
X,
|
|
934
|
-
|
|
935
|
-
|
|
898
|
+
G,
|
|
899
|
+
x,
|
|
936
900
|
i
|
|
937
901
|
]
|
|
938
|
-
), ve =
|
|
902
|
+
), ve = f(
|
|
939
903
|
(t) => {
|
|
940
|
-
const e = U.current ??
|
|
941
|
-
e && (
|
|
904
|
+
const e = U.current ?? xe(lt());
|
|
905
|
+
e && (Mt.current = null, e.setTarget(t));
|
|
942
906
|
},
|
|
943
|
-
[
|
|
944
|
-
), ft =
|
|
907
|
+
[lt, xe]
|
|
908
|
+
), ft = f(
|
|
945
909
|
(t, e) => {
|
|
946
910
|
const a = Vt(t, e);
|
|
947
|
-
return ve(a),
|
|
911
|
+
return ve(a), dt(), a;
|
|
948
912
|
},
|
|
949
|
-
[
|
|
950
|
-
),
|
|
913
|
+
[dt, ve]
|
|
914
|
+
), Bt = f(
|
|
951
915
|
(t) => {
|
|
952
916
|
const e = i.current, a = U.current;
|
|
953
917
|
if (!e || !a) {
|
|
954
918
|
q(t);
|
|
955
919
|
return;
|
|
956
920
|
}
|
|
957
|
-
const
|
|
958
|
-
if (
|
|
959
|
-
|
|
921
|
+
const s = dt() ? Ct() : a.value, u = { x: t.x, y: t.y };
|
|
922
|
+
if (yt(s, u) < 0.5) {
|
|
923
|
+
G(), A(t, { active: !1 }), x();
|
|
960
924
|
return;
|
|
961
925
|
}
|
|
962
|
-
const d =
|
|
926
|
+
const d = Zt({
|
|
963
927
|
element: e,
|
|
964
928
|
intent: "gesture",
|
|
965
929
|
phase: "release",
|
|
@@ -967,38 +931,42 @@ function Gr({
|
|
|
967
931
|
reducedMotion: !1,
|
|
968
932
|
property: "transform"
|
|
969
933
|
});
|
|
970
|
-
|
|
934
|
+
if (!d.animate) {
|
|
935
|
+
G(), A(t, { active: !1 }), x();
|
|
936
|
+
return;
|
|
937
|
+
}
|
|
938
|
+
Mt.current = t, a.setTarget(u, { spring: d.spring });
|
|
971
939
|
},
|
|
972
940
|
[
|
|
973
941
|
A,
|
|
974
|
-
|
|
975
|
-
|
|
942
|
+
G,
|
|
943
|
+
x,
|
|
976
944
|
Ct,
|
|
977
|
-
|
|
945
|
+
dt,
|
|
978
946
|
q,
|
|
979
947
|
i
|
|
980
948
|
]
|
|
981
|
-
),
|
|
949
|
+
), pt = f(
|
|
982
950
|
({
|
|
983
951
|
key: t,
|
|
984
952
|
settle: e
|
|
985
953
|
}) => {
|
|
986
|
-
if (
|
|
987
|
-
const a =
|
|
954
|
+
if (M.current.dragging) return !1;
|
|
955
|
+
const a = ct();
|
|
988
956
|
if (!a) return !1;
|
|
989
|
-
const c = (t ? a.targets.find((
|
|
990
|
-
return
|
|
957
|
+
const c = (t ? a.targets.find((s) => s.key === t) : void 0) ?? a.defaultTarget;
|
|
958
|
+
return J.current = c.key, e ? q(c) : (X(), A(c, { active: !1 }), x()), !0;
|
|
991
959
|
},
|
|
992
960
|
[
|
|
993
961
|
A,
|
|
994
962
|
X,
|
|
995
|
-
|
|
996
|
-
|
|
963
|
+
x,
|
|
964
|
+
ct,
|
|
997
965
|
q
|
|
998
966
|
]
|
|
999
|
-
), we =
|
|
967
|
+
), we = f(
|
|
1000
968
|
(t, { from: e, initialVelocity: a = 0 }) => {
|
|
1001
|
-
|
|
969
|
+
O(t, {
|
|
1002
970
|
from: e,
|
|
1003
971
|
initialVelocity: a,
|
|
1004
972
|
onComplete: () => {
|
|
@@ -1006,78 +974,78 @@ function Gr({
|
|
|
1006
974
|
}
|
|
1007
975
|
});
|
|
1008
976
|
},
|
|
1009
|
-
[at,
|
|
977
|
+
[at, O]
|
|
1010
978
|
);
|
|
1011
|
-
|
|
979
|
+
Ft(
|
|
1012
980
|
() => () => {
|
|
1013
|
-
X(),
|
|
981
|
+
X(), Q(!1), i.current && x();
|
|
1014
982
|
},
|
|
1015
983
|
[
|
|
1016
984
|
X,
|
|
1017
|
-
|
|
1018
|
-
|
|
985
|
+
x,
|
|
986
|
+
Q,
|
|
1019
987
|
i
|
|
1020
988
|
]
|
|
1021
|
-
),
|
|
1022
|
-
if (!
|
|
1023
|
-
|
|
989
|
+
), K(() => {
|
|
990
|
+
if (!l || !r || n !== "bottom") {
|
|
991
|
+
jt.current = l;
|
|
1024
992
|
return;
|
|
1025
993
|
}
|
|
1026
|
-
if (!i.current ||
|
|
994
|
+
if (!i.current || oe?.()) return;
|
|
1027
995
|
Wt.current = !0;
|
|
1028
|
-
const t =
|
|
1029
|
-
|
|
1030
|
-
const e = L ??
|
|
1031
|
-
|
|
1032
|
-
},
|
|
996
|
+
const t = jt.current;
|
|
997
|
+
jt.current = !0;
|
|
998
|
+
const e = L ?? k(), a = fe.current ?? e, c = de.current, s = me.current, u = pe.current, d = () => {
|
|
999
|
+
fe.current = e, de.current = z, pe.current = D, me.current = w;
|
|
1000
|
+
}, p = !vt(
|
|
1033
1001
|
a,
|
|
1034
1002
|
e
|
|
1035
|
-
),
|
|
1003
|
+
), m = xt(e), h = z === "peeked" ? m : D;
|
|
1036
1004
|
if (!t) {
|
|
1037
|
-
Et.current = { kind: "default-snap" },
|
|
1005
|
+
Et.current = { kind: "default-snap" }, I(e, {
|
|
1038
1006
|
active: !0,
|
|
1039
|
-
peekTranslateOverride:
|
|
1007
|
+
peekTranslateOverride: m,
|
|
1040
1008
|
sheetHeightOverride: e
|
|
1041
|
-
}),
|
|
1009
|
+
}), O(h, {
|
|
1042
1010
|
from: e,
|
|
1043
1011
|
intent: "sheet",
|
|
1044
|
-
peekTranslateOverride:
|
|
1012
|
+
peekTranslateOverride: m,
|
|
1045
1013
|
phase: "enter",
|
|
1046
1014
|
sheetHeightOverride: e
|
|
1047
1015
|
}), d();
|
|
1048
1016
|
return;
|
|
1049
1017
|
}
|
|
1050
|
-
if (z === "visible" &&
|
|
1051
|
-
const T = i.current,
|
|
1052
|
-
currentTranslate:
|
|
1018
|
+
if (z === "visible" && p) {
|
|
1019
|
+
const T = i.current, v = W(), H = c === "visible" && a > 0 ? dr({
|
|
1020
|
+
currentTranslate: v,
|
|
1053
1021
|
fallbackTranslate: D,
|
|
1054
1022
|
restState: Et.current,
|
|
1055
1023
|
previousDefaultTranslate: u,
|
|
1056
1024
|
previousSheetHeight: a,
|
|
1057
|
-
previousSnapHeights:
|
|
1025
|
+
previousSnapHeights: s,
|
|
1058
1026
|
targetSheetHeight: e,
|
|
1059
1027
|
targetDefaultTranslate: D,
|
|
1060
|
-
targetSnapHeights:
|
|
1028
|
+
targetSnapHeights: w
|
|
1061
1029
|
}) : D;
|
|
1062
1030
|
X();
|
|
1063
|
-
const B = Number.parseFloat(T.style.height), St = Number.isFinite(B) && B > 0 ? B : a, Ee =
|
|
1064
|
-
St -
|
|
1031
|
+
const B = Number.parseFloat(T.style.height), St = Number.isFinite(B) && B > 0 ? B : a, Ee = N(
|
|
1032
|
+
St - v,
|
|
1065
1033
|
0,
|
|
1066
1034
|
St
|
|
1067
|
-
), be =
|
|
1068
|
-
e -
|
|
1035
|
+
), be = N(
|
|
1036
|
+
e - H,
|
|
1069
1037
|
0,
|
|
1070
1038
|
e
|
|
1071
|
-
),
|
|
1039
|
+
), rt = Math.max(St, e), Jt = Math.max(
|
|
1072
1040
|
0,
|
|
1073
|
-
|
|
1041
|
+
rt - Ee
|
|
1074
1042
|
), Le = Math.max(
|
|
1075
1043
|
0,
|
|
1076
|
-
|
|
1077
|
-
), Ae =
|
|
1078
|
-
|
|
1044
|
+
rt - be
|
|
1045
|
+
), Ae = xt(rt), Ce = () => {
|
|
1046
|
+
I(H, {
|
|
1079
1047
|
active: !1,
|
|
1080
|
-
peekTranslateOverride:
|
|
1048
|
+
peekTranslateOverride: m,
|
|
1081
1049
|
sheetHeightOverride: e
|
|
1082
1050
|
}), T.style.setProperty("transition", "none"), T.style.removeProperty("height"), T.style.setProperty(
|
|
1083
1051
|
"--oc-modal-sheet-height",
|
|
@@ -1092,109 +1060,109 @@ function Gr({
|
|
|
1092
1060
|
Ce(), d();
|
|
1093
1061
|
return;
|
|
1094
1062
|
}
|
|
1095
|
-
const
|
|
1063
|
+
const Be = () => {
|
|
1096
1064
|
T.dataset.ocModalSheetResizing = "true", T.style.setProperty(
|
|
1097
1065
|
"--oc-modal-resize-rest-translate-y",
|
|
1098
|
-
`${
|
|
1066
|
+
`${H}px`
|
|
1099
1067
|
);
|
|
1100
|
-
const
|
|
1101
|
-
|
|
1068
|
+
const Ie = _.current;
|
|
1069
|
+
Ie && T.style.setProperty(
|
|
1102
1070
|
"--oc-modal-resize-target-scrollport-height",
|
|
1103
|
-
`${
|
|
1071
|
+
`${Ie.clientHeight + (be - Ee)}px`
|
|
1104
1072
|
);
|
|
1105
1073
|
};
|
|
1106
|
-
|
|
1074
|
+
Be(), T.style.setProperty("transition", "none"), T.style.setProperty("height", `${rt}px`), T.style.setProperty(
|
|
1107
1075
|
"--oc-modal-sheet-height",
|
|
1108
|
-
`${
|
|
1109
|
-
),
|
|
1076
|
+
`${rt}px`
|
|
1077
|
+
), I(Jt, {
|
|
1110
1078
|
active: !0,
|
|
1111
1079
|
peekTranslateOverride: Ae,
|
|
1112
|
-
sheetHeightOverride:
|
|
1113
|
-
}), T.getBoundingClientRect(), T.style.removeProperty("transition"),
|
|
1080
|
+
sheetHeightOverride: rt
|
|
1081
|
+
}), T.getBoundingClientRect(), T.style.removeProperty("transition"), O(Le, {
|
|
1114
1082
|
from: Jt,
|
|
1115
1083
|
intent: "sheet",
|
|
1116
1084
|
peekTranslateOverride: Ae,
|
|
1117
|
-
sheetHeightOverride:
|
|
1085
|
+
sheetHeightOverride: rt,
|
|
1118
1086
|
onComplete: Ce
|
|
1119
|
-
}),
|
|
1087
|
+
}), Be(), $t?.(), d();
|
|
1120
1088
|
return;
|
|
1121
1089
|
}
|
|
1122
1090
|
if (z === "peeked") {
|
|
1123
|
-
|
|
1124
|
-
peekTranslateOverride:
|
|
1091
|
+
O(m, {
|
|
1092
|
+
peekTranslateOverride: m,
|
|
1125
1093
|
sheetHeightOverride: e
|
|
1126
1094
|
}), d();
|
|
1127
1095
|
return;
|
|
1128
1096
|
}
|
|
1129
|
-
if (
|
|
1130
|
-
|
|
1097
|
+
if (_t.current) {
|
|
1098
|
+
_t.current = !1, d();
|
|
1131
1099
|
return;
|
|
1132
1100
|
}
|
|
1133
|
-
const
|
|
1101
|
+
const Y = c !== z;
|
|
1134
1102
|
if (!vt(
|
|
1135
1103
|
u,
|
|
1136
1104
|
D
|
|
1137
1105
|
)) {
|
|
1138
|
-
const T = W(),
|
|
1139
|
-
if (vt(T, u) ||
|
|
1140
|
-
X(),
|
|
1106
|
+
const T = W(), H = $.current !== null && (D > u && T < D || D < u && T > D);
|
|
1107
|
+
if (vt(T, u) || H) {
|
|
1108
|
+
X(), I(D, {
|
|
1141
1109
|
active: !1,
|
|
1142
|
-
peekTranslateOverride:
|
|
1110
|
+
peekTranslateOverride: m,
|
|
1143
1111
|
sheetHeightOverride: e
|
|
1144
|
-
}),
|
|
1112
|
+
}), x(), d();
|
|
1145
1113
|
return;
|
|
1146
1114
|
}
|
|
1147
1115
|
}
|
|
1148
|
-
if (!
|
|
1116
|
+
if (!Y) {
|
|
1149
1117
|
d();
|
|
1150
1118
|
return;
|
|
1151
1119
|
}
|
|
1152
|
-
|
|
1153
|
-
peekTranslateOverride:
|
|
1120
|
+
O(D, {
|
|
1121
|
+
peekTranslateOverride: m,
|
|
1154
1122
|
sheetHeightOverride: e
|
|
1155
1123
|
}), Et.current = { kind: "default-snap" }, d();
|
|
1156
1124
|
}, [
|
|
1157
1125
|
r,
|
|
1158
|
-
|
|
1159
|
-
|
|
1126
|
+
xt,
|
|
1127
|
+
k,
|
|
1160
1128
|
W,
|
|
1161
1129
|
L,
|
|
1162
|
-
|
|
1163
|
-
|
|
1130
|
+
w,
|
|
1131
|
+
l,
|
|
1164
1132
|
n,
|
|
1165
1133
|
z,
|
|
1166
1134
|
$t,
|
|
1167
|
-
|
|
1168
|
-
|
|
1135
|
+
oe,
|
|
1136
|
+
I,
|
|
1169
1137
|
X,
|
|
1170
|
-
|
|
1138
|
+
x,
|
|
1171
1139
|
vt,
|
|
1172
|
-
|
|
1140
|
+
O,
|
|
1173
1141
|
y,
|
|
1174
1142
|
i,
|
|
1175
1143
|
D
|
|
1176
|
-
]),
|
|
1144
|
+
]), K(() => {
|
|
1177
1145
|
n !== "bottom" && Wt.current && (Wt.current = !1, X(), Te());
|
|
1178
|
-
}, [X, n, Te]),
|
|
1179
|
-
if (!
|
|
1180
|
-
const c = !
|
|
1181
|
-
|
|
1182
|
-
preserveSnapPosition:
|
|
1183
|
-
})),
|
|
1146
|
+
}, [X, n, Te]), K(() => {
|
|
1147
|
+
if (!l || !r || !b) {
|
|
1148
|
+
const c = !l && n === "popup" && ot.current, s = l && n !== "popup" && ot.current;
|
|
1149
|
+
ot.current && !c && (j.current !== null && (window.cancelAnimationFrame(j.current), j.current = null), X(), Pe({
|
|
1150
|
+
preserveSnapPosition: s
|
|
1151
|
+
})), ot.current && c && (X(), x()), Gt.current = l && n === "popup", ot.current = !1;
|
|
1184
1152
|
return;
|
|
1185
1153
|
}
|
|
1186
1154
|
const t = Gt.current;
|
|
1187
|
-
Gt.current = !0,
|
|
1155
|
+
Gt.current = !0, ot.current = !0;
|
|
1188
1156
|
let e = null;
|
|
1189
|
-
const a = (c) =>
|
|
1157
|
+
const a = (c) => pt({
|
|
1190
1158
|
key: c,
|
|
1191
1159
|
settle: t
|
|
1192
1160
|
});
|
|
1193
1161
|
return a(
|
|
1194
|
-
|
|
1162
|
+
J.current ?? bt.current
|
|
1195
1163
|
) || (e = window.requestAnimationFrame(() => {
|
|
1196
1164
|
e = null, a(
|
|
1197
|
-
|
|
1165
|
+
J.current ?? bt.current
|
|
1198
1166
|
);
|
|
1199
1167
|
})), () => {
|
|
1200
1168
|
e !== null && window.cancelAnimationFrame(e);
|
|
@@ -1202,58 +1170,58 @@ function Gr({
|
|
|
1202
1170
|
}, [
|
|
1203
1171
|
X,
|
|
1204
1172
|
r,
|
|
1205
|
-
|
|
1206
|
-
|
|
1173
|
+
x,
|
|
1174
|
+
l,
|
|
1207
1175
|
n,
|
|
1208
|
-
|
|
1176
|
+
ge,
|
|
1209
1177
|
b,
|
|
1210
|
-
|
|
1211
|
-
|
|
1212
|
-
]),
|
|
1213
|
-
if (!
|
|
1178
|
+
Pe,
|
|
1179
|
+
pt
|
|
1180
|
+
]), K(() => {
|
|
1181
|
+
if (!l || !r || !b) return;
|
|
1214
1182
|
const t = () => {
|
|
1215
|
-
|
|
1216
|
-
|
|
1217
|
-
key:
|
|
1183
|
+
M.current.dragging || j.current === null && (j.current = window.requestAnimationFrame(() => {
|
|
1184
|
+
j.current = null, !M.current.dragging && pt({
|
|
1185
|
+
key: J.current,
|
|
1218
1186
|
settle: !1
|
|
1219
1187
|
});
|
|
1220
1188
|
}));
|
|
1221
1189
|
};
|
|
1222
1190
|
window.addEventListener("resize", t), window.visualViewport?.addEventListener("resize", t);
|
|
1223
|
-
const e = i.current, a = e?.parentElement, c = typeof ResizeObserver > "u" ? null : new ResizeObserver(t),
|
|
1191
|
+
const e = i.current, a = e?.parentElement, c = typeof ResizeObserver > "u" ? null : new ResizeObserver(t), s = (u) => {
|
|
1224
1192
|
e && u.target instanceof Element && e.contains(u.target) && t();
|
|
1225
1193
|
};
|
|
1226
1194
|
return c && (e && c.observe(e), a && c.observe(a)), e?.addEventListener(
|
|
1227
1195
|
"transitionend",
|
|
1228
|
-
|
|
1196
|
+
s,
|
|
1229
1197
|
!0
|
|
1230
1198
|
), e?.addEventListener(
|
|
1231
1199
|
"transitioncancel",
|
|
1232
|
-
|
|
1200
|
+
s,
|
|
1233
1201
|
!0
|
|
1234
1202
|
), () => {
|
|
1235
1203
|
window.removeEventListener("resize", t), window.visualViewport?.removeEventListener("resize", t), e?.removeEventListener(
|
|
1236
1204
|
"transitionend",
|
|
1237
|
-
|
|
1205
|
+
s,
|
|
1238
1206
|
!0
|
|
1239
1207
|
), e?.removeEventListener(
|
|
1240
1208
|
"transitioncancel",
|
|
1241
|
-
|
|
1209
|
+
s,
|
|
1242
1210
|
!0
|
|
1243
|
-
), c?.disconnect(),
|
|
1211
|
+
), c?.disconnect(), j.current !== null && (window.cancelAnimationFrame(j.current), j.current = null);
|
|
1244
1212
|
};
|
|
1245
1213
|
}, [
|
|
1246
1214
|
r,
|
|
1247
|
-
|
|
1215
|
+
l,
|
|
1248
1216
|
b,
|
|
1249
1217
|
i,
|
|
1250
|
-
|
|
1251
|
-
]),
|
|
1252
|
-
if (ie <= 0 || !
|
|
1218
|
+
pt
|
|
1219
|
+
]), K(() => {
|
|
1220
|
+
if (ie <= 0 || !l || !r || !b)
|
|
1253
1221
|
return;
|
|
1254
1222
|
let t = window.requestAnimationFrame(() => {
|
|
1255
|
-
t = null,
|
|
1256
|
-
key:
|
|
1223
|
+
t = null, pt({
|
|
1224
|
+
key: J.current,
|
|
1257
1225
|
settle: !1
|
|
1258
1226
|
});
|
|
1259
1227
|
});
|
|
@@ -1262,30 +1230,30 @@ function Gr({
|
|
|
1262
1230
|
};
|
|
1263
1231
|
}, [
|
|
1264
1232
|
r,
|
|
1265
|
-
|
|
1233
|
+
l,
|
|
1266
1234
|
b,
|
|
1267
1235
|
ie,
|
|
1268
|
-
|
|
1236
|
+
pt
|
|
1269
1237
|
]);
|
|
1270
|
-
const Se =
|
|
1238
|
+
const Se = f(
|
|
1271
1239
|
(t, e, a) => {
|
|
1272
|
-
if (typeof Element > "u" || !(t instanceof Element) ||
|
|
1273
|
-
const c = Date.now(),
|
|
1274
|
-
return !a && u &&
|
|
1240
|
+
if (typeof Element > "u" || !(t instanceof Element) || te(t)) return !1;
|
|
1241
|
+
const c = Date.now(), s = e > 0, u = ir(t, _.current);
|
|
1242
|
+
return !a && u && s && u.scrollTop > 0 || !a && Yt.current && c - Yt.current < se && Math.abs(W()) <= 1 ? (Yt.current = c, !1) : !0;
|
|
1275
1243
|
},
|
|
1276
1244
|
[W, se]
|
|
1277
|
-
), wt =
|
|
1245
|
+
), wt = f(
|
|
1278
1246
|
({
|
|
1279
1247
|
chrome: t,
|
|
1280
1248
|
pointerId: e = null,
|
|
1281
1249
|
selectionArbitration: a = !1,
|
|
1282
1250
|
source: c,
|
|
1283
|
-
startX:
|
|
1251
|
+
startX: s = 0,
|
|
1284
1252
|
startY: u,
|
|
1285
1253
|
touchId: d = null
|
|
1286
1254
|
}) => {
|
|
1287
|
-
const { startTranslate:
|
|
1288
|
-
|
|
1255
|
+
const { startTranslate: p, startTranslatePoint: m } = ye(), h = tt();
|
|
1256
|
+
M.current = {
|
|
1289
1257
|
dragging: !0,
|
|
1290
1258
|
allowed: !1,
|
|
1291
1259
|
chrome: t,
|
|
@@ -1293,22 +1261,22 @@ function Gr({
|
|
|
1293
1261
|
closeAllowed: null,
|
|
1294
1262
|
started: !1,
|
|
1295
1263
|
source: c,
|
|
1296
|
-
startX:
|
|
1264
|
+
startX: s,
|
|
1297
1265
|
startY: u,
|
|
1298
|
-
lastX:
|
|
1266
|
+
lastX: s,
|
|
1299
1267
|
lastY: u,
|
|
1300
|
-
startTranslateX:
|
|
1301
|
-
startTranslate:
|
|
1302
|
-
lastTranslateX:
|
|
1303
|
-
lastTranslate:
|
|
1268
|
+
startTranslateX: m.x,
|
|
1269
|
+
startTranslate: p,
|
|
1270
|
+
lastTranslateX: m.x,
|
|
1271
|
+
lastTranslate: p,
|
|
1304
1272
|
startTime: h,
|
|
1305
1273
|
samples: [
|
|
1306
1274
|
{
|
|
1307
1275
|
time: h,
|
|
1308
|
-
pageX:
|
|
1276
|
+
pageX: s,
|
|
1309
1277
|
pageY: u,
|
|
1310
|
-
translateX:
|
|
1311
|
-
translateY:
|
|
1278
|
+
translateX: m.x,
|
|
1279
|
+
translateY: p
|
|
1312
1280
|
}
|
|
1313
1281
|
],
|
|
1314
1282
|
pointerId: e,
|
|
@@ -1316,14 +1284,14 @@ function Gr({
|
|
|
1316
1284
|
};
|
|
1317
1285
|
},
|
|
1318
1286
|
[ye]
|
|
1319
|
-
), mt =
|
|
1287
|
+
), mt = f(
|
|
1320
1288
|
(t) => {
|
|
1321
|
-
t.source === "touch" ?
|
|
1289
|
+
t.source === "touch" ? st(!1) : t.source === "pointer" && Q(!1), t.dragging = !1, t.allowed = !1, t.closeAllowed = null, t.started = !1, t.source = null, t.startX = 0, t.startY = 0, t.lastX = 0, t.lastY = 0, t.startTranslateX = 0, t.startTranslate = 0, t.lastTranslateX = 0, t.lastTranslate = 0, t.pointerId = null, t.touchId = null;
|
|
1322
1290
|
},
|
|
1323
|
-
[
|
|
1324
|
-
), De =
|
|
1291
|
+
[Q, st]
|
|
1292
|
+
), De = f(
|
|
1325
1293
|
(t, e) => {
|
|
1326
|
-
const a =
|
|
1294
|
+
const a = it(), c = lt();
|
|
1327
1295
|
t.startX = e.x, t.startY = e.y, t.lastX = e.x, t.lastY = e.y, t.startTranslateX = c.x, t.startTranslate = a, t.lastTranslateX = c.x, t.lastTranslate = a, t.startTime = tt(), t.samples = [
|
|
1328
1296
|
{
|
|
1329
1297
|
time: t.startTime,
|
|
@@ -1334,67 +1302,67 @@ function Gr({
|
|
|
1334
1302
|
}
|
|
1335
1303
|
];
|
|
1336
1304
|
},
|
|
1337
|
-
[
|
|
1338
|
-
), Xe =
|
|
1305
|
+
[it, lt]
|
|
1306
|
+
), Xe = f(
|
|
1339
1307
|
({
|
|
1340
1308
|
currentTranslate: t,
|
|
1341
1309
|
dismissible: e,
|
|
1342
1310
|
releaseVelocity: a,
|
|
1343
1311
|
deltaY: c,
|
|
1344
|
-
startTranslate:
|
|
1312
|
+
startTranslate: s
|
|
1345
1313
|
}) => {
|
|
1346
|
-
const u =
|
|
1347
|
-
|
|
1314
|
+
const u = k(), d = Z(), p = d > 0, m = u, h = Math.max(
|
|
1315
|
+
F.dismissal.minDistancePx,
|
|
1348
1316
|
(u - d) * Tt
|
|
1349
|
-
),
|
|
1350
|
-
(
|
|
1351
|
-
), C =
|
|
1352
|
-
|
|
1353
|
-
), T =
|
|
1317
|
+
), Y = w.map(
|
|
1318
|
+
(H) => N(u - H, 0, u)
|
|
1319
|
+
), C = Oe(
|
|
1320
|
+
Y.length ? Y : [0]
|
|
1321
|
+
), T = Xr({
|
|
1354
1322
|
currentTranslate: t,
|
|
1355
1323
|
releaseVelocity: a
|
|
1356
1324
|
});
|
|
1357
|
-
|
|
1358
|
-
const
|
|
1359
|
-
return e && !
|
|
1360
|
-
|
|
1361
|
-
|
|
1325
|
+
p && C.push(d);
|
|
1326
|
+
const v = Oe(C);
|
|
1327
|
+
return e && !p && c > 0 && t >= d + h ? m : Yr(a) ? v.length > 1 ? xr(
|
|
1328
|
+
v,
|
|
1329
|
+
s,
|
|
1362
1330
|
t,
|
|
1363
1331
|
c > 0 ? "down" : "up",
|
|
1364
1332
|
T
|
|
1365
|
-
) : 0 : e && t > u * Tt && !
|
|
1333
|
+
) : 0 : e && t > u * Tt && !p ? m : Tr(v, t);
|
|
1366
1334
|
},
|
|
1367
|
-
[Tt,
|
|
1368
|
-
),
|
|
1335
|
+
[Tt, Z, k, w]
|
|
1336
|
+
), It = f(
|
|
1369
1337
|
(t) => {
|
|
1370
|
-
const e = L ??
|
|
1371
|
-
Et.current =
|
|
1338
|
+
const e = L ?? k();
|
|
1339
|
+
Et.current = fr({
|
|
1372
1340
|
defaultTranslate: D,
|
|
1373
1341
|
sheetHeight: e,
|
|
1374
|
-
snapHeights:
|
|
1342
|
+
snapHeights: w,
|
|
1375
1343
|
translate: t
|
|
1376
1344
|
});
|
|
1377
1345
|
},
|
|
1378
|
-
[
|
|
1379
|
-
),
|
|
1346
|
+
[k, L, w, D]
|
|
1347
|
+
), Ze = f(() => {
|
|
1380
1348
|
if (n !== "bottom") return !1;
|
|
1381
|
-
const t =
|
|
1349
|
+
const t = pr({
|
|
1382
1350
|
backdropFromHeight: E,
|
|
1383
1351
|
currentTranslate: W(),
|
|
1384
|
-
sheetHeight: L ??
|
|
1385
|
-
snapHeights:
|
|
1352
|
+
sheetHeight: L ?? k(),
|
|
1353
|
+
snapHeights: w
|
|
1386
1354
|
});
|
|
1387
|
-
return t === null ? !1 : (
|
|
1355
|
+
return t === null ? !1 : (O(t, { intent: "sheet" }), It(t), !0);
|
|
1388
1356
|
}, [
|
|
1389
1357
|
E,
|
|
1390
|
-
|
|
1391
|
-
|
|
1358
|
+
It,
|
|
1359
|
+
k,
|
|
1392
1360
|
W,
|
|
1393
1361
|
n,
|
|
1394
|
-
|
|
1362
|
+
O,
|
|
1395
1363
|
L,
|
|
1396
|
-
|
|
1397
|
-
]),
|
|
1364
|
+
w
|
|
1365
|
+
]), qe = f(
|
|
1398
1366
|
(t) => {
|
|
1399
1367
|
if (!r || n !== "bottom" && !b || o === !1 || t.pointerType === "touch") return;
|
|
1400
1368
|
let e = !1;
|
|
@@ -1402,11 +1370,11 @@ function Gr({
|
|
|
1402
1370
|
e = !0;
|
|
1403
1371
|
else if (o === "handle")
|
|
1404
1372
|
return;
|
|
1405
|
-
if (!e &&
|
|
1406
|
-
if (o === "content" && (e = Ve(t.target), !
|
|
1407
|
-
n === "bottom" && !
|
|
1373
|
+
if (!e && te(t.target)) return;
|
|
1374
|
+
if (o === "content" && (e = Ve(t.target), !Sr(t, e))) {
|
|
1375
|
+
n === "bottom" && !lr({
|
|
1408
1376
|
target: t.target,
|
|
1409
|
-
boundary:
|
|
1377
|
+
boundary: _.current
|
|
1410
1378
|
}) && wt({
|
|
1411
1379
|
chrome: !1,
|
|
1412
1380
|
pointerId: t.pointerId,
|
|
@@ -1417,14 +1385,14 @@ function Gr({
|
|
|
1417
1385
|
});
|
|
1418
1386
|
return;
|
|
1419
1387
|
}
|
|
1420
|
-
const a =
|
|
1388
|
+
const a = wr(t.target);
|
|
1421
1389
|
wt({
|
|
1422
1390
|
chrome: e,
|
|
1423
1391
|
pointerId: t.pointerId,
|
|
1424
1392
|
source: "pointer",
|
|
1425
1393
|
startX: t.pageX,
|
|
1426
1394
|
startY: t.pageY
|
|
1427
|
-
}),
|
|
1395
|
+
}), vr(t.target) || t.preventDefault(), Q(!0), !a && typeof t.currentTarget.setPointerCapture == "function" && t.currentTarget.setPointerCapture(t.pointerId);
|
|
1428
1396
|
},
|
|
1429
1397
|
[
|
|
1430
1398
|
wt,
|
|
@@ -1432,99 +1400,99 @@ function Gr({
|
|
|
1432
1400
|
r,
|
|
1433
1401
|
n,
|
|
1434
1402
|
b,
|
|
1435
|
-
|
|
1403
|
+
Q
|
|
1436
1404
|
]
|
|
1437
|
-
),
|
|
1405
|
+
), gt = f(
|
|
1438
1406
|
(t, e) => {
|
|
1439
|
-
if (!
|
|
1407
|
+
if (!R) return !1;
|
|
1440
1408
|
if (e <= 0) return !0;
|
|
1441
1409
|
if (t.closeAllowed !== null) return t.closeAllowed;
|
|
1442
|
-
const a =
|
|
1410
|
+
const a = ae({ reason: "drag-dismiss" });
|
|
1443
1411
|
return t.closeAllowed = a, a;
|
|
1444
1412
|
},
|
|
1445
|
-
[
|
|
1446
|
-
),
|
|
1413
|
+
[ae, R]
|
|
1414
|
+
), kt = f(
|
|
1447
1415
|
({
|
|
1448
1416
|
closeAllowed: t,
|
|
1449
1417
|
currentTranslate: e,
|
|
1450
1418
|
deltaY: a,
|
|
1451
1419
|
releaseVelocity: c,
|
|
1452
|
-
startTranslate:
|
|
1420
|
+
startTranslate: s
|
|
1453
1421
|
}) => {
|
|
1454
1422
|
const d = Xe({
|
|
1455
1423
|
currentTranslate: e,
|
|
1456
|
-
dismissible:
|
|
1424
|
+
dismissible: R && t !== !1,
|
|
1457
1425
|
releaseVelocity: c,
|
|
1458
1426
|
deltaY: a,
|
|
1459
|
-
startTranslate:
|
|
1460
|
-
}),
|
|
1461
|
-
if (d >=
|
|
1427
|
+
startTranslate: s
|
|
1428
|
+
}), p = k(), m = Z();
|
|
1429
|
+
if (d >= p - 1) {
|
|
1462
1430
|
at({ reason: "drag-dismiss" }, { commit: !1 }) ? we(d, {
|
|
1463
1431
|
from: e,
|
|
1464
1432
|
initialVelocity: c
|
|
1465
|
-
}) :
|
|
1433
|
+
}) : O(s, {
|
|
1466
1434
|
from: e,
|
|
1467
1435
|
initialVelocity: c
|
|
1468
1436
|
});
|
|
1469
1437
|
return;
|
|
1470
1438
|
}
|
|
1471
|
-
|
|
1439
|
+
m > 0 && d >= m - 1 ? Ht("peeked") : (Ar({
|
|
1472
1440
|
presentationState: z,
|
|
1473
1441
|
releaseTranslate: d,
|
|
1474
1442
|
visibleTranslate: D
|
|
1475
|
-
}) && (
|
|
1443
|
+
}) && (_t.current = !0), Ht("visible"), It(d)), O(d, {
|
|
1476
1444
|
from: e,
|
|
1477
1445
|
initialVelocity: c
|
|
1478
1446
|
});
|
|
1479
1447
|
},
|
|
1480
1448
|
[
|
|
1481
1449
|
we,
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1450
|
+
It,
|
|
1451
|
+
R,
|
|
1452
|
+
Z,
|
|
1485
1453
|
Xe,
|
|
1486
|
-
|
|
1454
|
+
k,
|
|
1487
1455
|
z,
|
|
1488
1456
|
at,
|
|
1489
|
-
|
|
1490
|
-
|
|
1457
|
+
Ht,
|
|
1458
|
+
O,
|
|
1491
1459
|
D
|
|
1492
1460
|
]
|
|
1493
|
-
),
|
|
1461
|
+
), Ot = f(
|
|
1494
1462
|
({
|
|
1495
1463
|
currentTranslate: t,
|
|
1496
1464
|
releaseDelta: e,
|
|
1497
1465
|
releaseTranslate: a,
|
|
1498
1466
|
releaseVelocity: c
|
|
1499
1467
|
}) => {
|
|
1500
|
-
const
|
|
1501
|
-
if (!
|
|
1502
|
-
const u =
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
targets:
|
|
1506
|
-
}), d =
|
|
1507
|
-
(
|
|
1508
|
-
) ??
|
|
1468
|
+
const s = ct();
|
|
1469
|
+
if (!s) return;
|
|
1470
|
+
const u = mr({
|
|
1471
|
+
currentPoint: a,
|
|
1472
|
+
velocity: c,
|
|
1473
|
+
targets: s.targets
|
|
1474
|
+
}), d = s.targets.find(
|
|
1475
|
+
(Y) => Y.key === J.current
|
|
1476
|
+
) ?? s.defaultTarget, m = i.current?.getBoundingClientRect(), h = {
|
|
1509
1477
|
x: d.x + e.x,
|
|
1510
1478
|
y: d.y + e.y
|
|
1511
1479
|
};
|
|
1512
|
-
if (
|
|
1480
|
+
if (R && m && Lr({
|
|
1513
1481
|
closeThreshold: Tt,
|
|
1514
1482
|
currentTarget: d,
|
|
1515
1483
|
currentTranslate: h,
|
|
1516
1484
|
releaseTarget: u,
|
|
1517
1485
|
surfaceSize: {
|
|
1518
|
-
height:
|
|
1519
|
-
width:
|
|
1486
|
+
height: m.height,
|
|
1487
|
+
width: m.width
|
|
1520
1488
|
},
|
|
1521
|
-
targets:
|
|
1489
|
+
targets: s.targets
|
|
1522
1490
|
}) && at({ reason: "drag-dismiss" })) {
|
|
1523
|
-
|
|
1491
|
+
G(), x();
|
|
1524
1492
|
return;
|
|
1525
1493
|
}
|
|
1526
|
-
if (
|
|
1527
|
-
|
|
1494
|
+
if (J.current = u.key, U.current) {
|
|
1495
|
+
Bt(u);
|
|
1528
1496
|
return;
|
|
1529
1497
|
}
|
|
1530
1498
|
q(u, {
|
|
@@ -1533,32 +1501,32 @@ function Gr({
|
|
|
1533
1501
|
});
|
|
1534
1502
|
},
|
|
1535
1503
|
[
|
|
1536
|
-
|
|
1504
|
+
G,
|
|
1537
1505
|
Tt,
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1506
|
+
R,
|
|
1507
|
+
x,
|
|
1508
|
+
ct,
|
|
1541
1509
|
at,
|
|
1542
|
-
|
|
1510
|
+
Bt,
|
|
1543
1511
|
q,
|
|
1544
1512
|
i
|
|
1545
1513
|
]
|
|
1546
|
-
),
|
|
1514
|
+
), tr = f(
|
|
1547
1515
|
(t) => {
|
|
1548
|
-
const e =
|
|
1516
|
+
const e = M.current;
|
|
1549
1517
|
if (!e.dragging || e.source !== "pointer" || !r || n !== "bottom" && !b)
|
|
1550
1518
|
return;
|
|
1551
|
-
const a = t.pageX - e.startX, c = t.pageY - e.startY,
|
|
1552
|
-
if (!(!e.started &&
|
|
1519
|
+
const a = t.pageX - e.startX, c = t.pageY - e.startY, s = t.pointerType === "touch" ? F.dragStartThresholdPx.touch : F.dragStartThresholdPx.mouse;
|
|
1520
|
+
if (!(!e.started && Ne({ deltaX: a, deltaY: c, placement: n }) < s)) {
|
|
1553
1521
|
if (e.selectionArbitration && !e.allowed) {
|
|
1554
|
-
const u = Math.abs(a), d = Math.abs(c),
|
|
1555
|
-
if (u >=
|
|
1522
|
+
const u = Math.abs(a), d = Math.abs(c), p = F.selectionArbitrationThresholdPx;
|
|
1523
|
+
if (u >= p && u >= d) {
|
|
1556
1524
|
e.dragging = !1;
|
|
1557
1525
|
return;
|
|
1558
1526
|
}
|
|
1559
|
-
if (d <
|
|
1527
|
+
if (d < p || d <= u)
|
|
1560
1528
|
return;
|
|
1561
|
-
window.getSelection?.()?.removeAllRanges(),
|
|
1529
|
+
window.getSelection?.()?.removeAllRanges(), Q(!0);
|
|
1562
1530
|
}
|
|
1563
1531
|
if (!e.allowed) {
|
|
1564
1532
|
if (n === "bottom" && !Se(t.target, c, e.chrome))
|
|
@@ -1570,8 +1538,8 @@ function Gr({
|
|
|
1570
1538
|
if (t.preventDefault(), e.lastX = t.pageX, e.lastY = t.pageY, n === "popup")
|
|
1571
1539
|
ft(e, t), Ue(e, t);
|
|
1572
1540
|
else {
|
|
1573
|
-
const u = e.startTranslate + c, d =
|
|
1574
|
-
|
|
1541
|
+
const u = e.startTranslate + c, d = gt(e, c);
|
|
1542
|
+
ut(u, d), Dt(e, {
|
|
1575
1543
|
pageX: t.pageX,
|
|
1576
1544
|
pageY: t.pageY,
|
|
1577
1545
|
translateX: e.lastTranslateX,
|
|
@@ -1583,142 +1551,142 @@ function Gr({
|
|
|
1583
1551
|
[
|
|
1584
1552
|
r,
|
|
1585
1553
|
ft,
|
|
1586
|
-
|
|
1554
|
+
gt,
|
|
1587
1555
|
n,
|
|
1588
1556
|
b,
|
|
1589
|
-
|
|
1590
|
-
|
|
1557
|
+
Q,
|
|
1558
|
+
ut,
|
|
1591
1559
|
Se
|
|
1592
1560
|
]
|
|
1593
|
-
),
|
|
1561
|
+
), et = f(
|
|
1594
1562
|
({
|
|
1595
1563
|
currentTarget: t,
|
|
1596
1564
|
pageX: e,
|
|
1597
1565
|
pageY: a,
|
|
1598
1566
|
releaseCapture: c = !0
|
|
1599
1567
|
}) => {
|
|
1600
|
-
const
|
|
1601
|
-
if (!
|
|
1568
|
+
const s = M.current;
|
|
1569
|
+
if (!s.dragging || s.source !== "pointer" || !r || n !== "bottom" && !b)
|
|
1602
1570
|
return;
|
|
1603
|
-
const u =
|
|
1571
|
+
const u = s.started, d = Number.isFinite(e) ? e : s.lastX, p = Number.isFinite(a) ? a : s.lastY, m = d - s.startX, h = p - s.startY, Y = Math.max(tt() - s.startTime, 1);
|
|
1604
1572
|
let C = {
|
|
1605
|
-
x:
|
|
1606
|
-
y:
|
|
1573
|
+
x: s.lastTranslateX,
|
|
1574
|
+
y: s.lastTranslate
|
|
1607
1575
|
}, T = C;
|
|
1608
|
-
const
|
|
1576
|
+
const v = s.startTranslate;
|
|
1609
1577
|
if (u)
|
|
1610
1578
|
if (n === "popup")
|
|
1611
|
-
ft(
|
|
1579
|
+
ft(s, {
|
|
1612
1580
|
pageX: d,
|
|
1613
|
-
pageY:
|
|
1581
|
+
pageY: p
|
|
1614
1582
|
}), C = {
|
|
1615
|
-
x:
|
|
1616
|
-
y:
|
|
1617
|
-
}, T = Vt(
|
|
1583
|
+
x: s.lastTranslateX,
|
|
1584
|
+
y: s.lastTranslate
|
|
1585
|
+
}, T = Vt(s, {
|
|
1618
1586
|
pageX: d,
|
|
1619
|
-
pageY:
|
|
1587
|
+
pageY: p
|
|
1620
1588
|
});
|
|
1621
1589
|
else {
|
|
1622
|
-
const B =
|
|
1623
|
-
|
|
1624
|
-
x:
|
|
1625
|
-
y:
|
|
1590
|
+
const B = s.startTranslate + h, St = gt(s, h);
|
|
1591
|
+
ut(B, St), C = {
|
|
1592
|
+
x: s.lastTranslateX,
|
|
1593
|
+
y: s.lastTranslate
|
|
1626
1594
|
};
|
|
1627
1595
|
}
|
|
1628
|
-
const
|
|
1629
|
-
if (c && t &&
|
|
1596
|
+
const H = s.closeAllowed;
|
|
1597
|
+
if (c && t && s.pointerId !== null && t.hasPointerCapture(s.pointerId) && t.releasePointerCapture(s.pointerId), u) {
|
|
1630
1598
|
const B = n === "popup" ? T : {
|
|
1631
|
-
x:
|
|
1632
|
-
y:
|
|
1599
|
+
x: s.lastTranslateX,
|
|
1600
|
+
y: s.lastTranslate
|
|
1633
1601
|
};
|
|
1634
|
-
Dt(
|
|
1602
|
+
Dt(s, {
|
|
1635
1603
|
pageX: d,
|
|
1636
|
-
pageY:
|
|
1604
|
+
pageY: p,
|
|
1637
1605
|
translateX: B.x,
|
|
1638
1606
|
translateY: B.y
|
|
1639
1607
|
});
|
|
1640
1608
|
}
|
|
1641
|
-
if (mt(
|
|
1642
|
-
if (
|
|
1643
|
-
const B =
|
|
1644
|
-
session:
|
|
1645
|
-
fallbackDelta: { x:
|
|
1646
|
-
fallbackElapsed:
|
|
1609
|
+
if (mt(s), !!u)
|
|
1610
|
+
if (Pt.current = tt() + 500, n === "popup") {
|
|
1611
|
+
const B = je({
|
|
1612
|
+
session: s,
|
|
1613
|
+
fallbackDelta: { x: m, y: h },
|
|
1614
|
+
fallbackElapsed: Y
|
|
1647
1615
|
});
|
|
1648
|
-
|
|
1616
|
+
Ot({
|
|
1649
1617
|
currentTranslate: C,
|
|
1650
|
-
releaseDelta: { x:
|
|
1618
|
+
releaseDelta: { x: m, y: h },
|
|
1651
1619
|
releaseTranslate: T,
|
|
1652
1620
|
releaseVelocity: B
|
|
1653
1621
|
});
|
|
1654
1622
|
} else {
|
|
1655
|
-
const B =
|
|
1656
|
-
session:
|
|
1623
|
+
const B = _e({
|
|
1624
|
+
session: s,
|
|
1657
1625
|
fallbackDeltaY: h,
|
|
1658
|
-
fallbackElapsed:
|
|
1626
|
+
fallbackElapsed: Y
|
|
1659
1627
|
});
|
|
1660
|
-
|
|
1661
|
-
closeAllowed:
|
|
1628
|
+
kt({
|
|
1629
|
+
closeAllowed: H,
|
|
1662
1630
|
currentTranslate: C.y,
|
|
1663
1631
|
deltaY: h,
|
|
1664
1632
|
releaseVelocity: B,
|
|
1665
|
-
startTranslate:
|
|
1633
|
+
startTranslate: v
|
|
1666
1634
|
});
|
|
1667
1635
|
}
|
|
1668
1636
|
},
|
|
1669
1637
|
[
|
|
1670
|
-
|
|
1671
|
-
|
|
1638
|
+
kt,
|
|
1639
|
+
Ot,
|
|
1672
1640
|
r,
|
|
1673
1641
|
ft,
|
|
1674
|
-
|
|
1642
|
+
gt,
|
|
1675
1643
|
n,
|
|
1676
1644
|
b,
|
|
1677
1645
|
mt,
|
|
1678
|
-
|
|
1646
|
+
ut
|
|
1679
1647
|
]
|
|
1680
|
-
),
|
|
1648
|
+
), Ye = f(
|
|
1681
1649
|
(t) => {
|
|
1682
|
-
|
|
1650
|
+
et({
|
|
1683
1651
|
currentTarget: t.currentTarget,
|
|
1684
1652
|
pageX: t.pageX,
|
|
1685
1653
|
pageY: t.pageY
|
|
1686
1654
|
});
|
|
1687
1655
|
},
|
|
1688
|
-
[
|
|
1689
|
-
),
|
|
1656
|
+
[et]
|
|
1657
|
+
), er = f(
|
|
1690
1658
|
(t) => {
|
|
1691
|
-
const e =
|
|
1692
|
-
e.pointerId !== null && t.pointerId !== e.pointerId ||
|
|
1659
|
+
const e = M.current;
|
|
1660
|
+
e.pointerId !== null && t.pointerId !== e.pointerId || et({
|
|
1693
1661
|
pageX: t.pageX,
|
|
1694
1662
|
pageY: t.pageY,
|
|
1695
1663
|
releaseCapture: !1
|
|
1696
1664
|
});
|
|
1697
1665
|
},
|
|
1698
|
-
[
|
|
1666
|
+
[et]
|
|
1699
1667
|
);
|
|
1700
|
-
|
|
1668
|
+
Ft(() => {
|
|
1701
1669
|
if (!r) return;
|
|
1702
|
-
const t = (
|
|
1703
|
-
const u =
|
|
1704
|
-
!u.dragging || u.source !== "pointer" || "pointerId" in
|
|
1705
|
-
pageX:
|
|
1706
|
-
pageY:
|
|
1670
|
+
const t = (s) => {
|
|
1671
|
+
const u = M.current;
|
|
1672
|
+
!u.dragging || u.source !== "pointer" || "pointerId" in s && u.pointerId !== null && s.pointerId !== u.pointerId || et({
|
|
1673
|
+
pageX: s.pageX,
|
|
1674
|
+
pageY: s.pageY,
|
|
1707
1675
|
releaseCapture: !1
|
|
1708
1676
|
});
|
|
1709
1677
|
}, e = () => {
|
|
1710
|
-
const
|
|
1711
|
-
!
|
|
1712
|
-
pageX:
|
|
1713
|
-
pageY:
|
|
1678
|
+
const s = M.current;
|
|
1679
|
+
!s.dragging || s.source !== "pointer" || et({
|
|
1680
|
+
pageX: s.lastX,
|
|
1681
|
+
pageY: s.lastY,
|
|
1714
1682
|
releaseCapture: !1
|
|
1715
1683
|
});
|
|
1716
|
-
}, a = (
|
|
1717
|
-
const u =
|
|
1718
|
-
!u.dragging || u.source !== "pointer" ||
|
|
1719
|
-
}, c = (
|
|
1720
|
-
const u =
|
|
1721
|
-
!u.dragging || u.source !== "pointer" ||
|
|
1684
|
+
}, a = (s) => {
|
|
1685
|
+
const u = M.current;
|
|
1686
|
+
!u.dragging || u.source !== "pointer" || s.relatedTarget === null && t(s);
|
|
1687
|
+
}, c = (s) => {
|
|
1688
|
+
const u = M.current;
|
|
1689
|
+
!u.dragging || u.source !== "pointer" || s.relatedTarget === null && t(s);
|
|
1722
1690
|
};
|
|
1723
1691
|
return document.addEventListener("pointerout", a, !0), document.addEventListener("mouseout", c, !0), window.addEventListener("pointerup", t, !0), window.addEventListener(
|
|
1724
1692
|
"pointercancel",
|
|
@@ -1739,26 +1707,26 @@ function Gr({
|
|
|
1739
1707
|
!0
|
|
1740
1708
|
), window.removeEventListener("blur", e);
|
|
1741
1709
|
};
|
|
1742
|
-
}, [
|
|
1710
|
+
}, [et, r]), Ft(() => {
|
|
1743
1711
|
if (!r) return;
|
|
1744
1712
|
const t = (e) => {
|
|
1745
|
-
const a =
|
|
1713
|
+
const a = Pt.current;
|
|
1746
1714
|
if (a <= 0) return;
|
|
1747
1715
|
if (tt() > a) {
|
|
1748
|
-
|
|
1716
|
+
Pt.current = 0;
|
|
1749
1717
|
return;
|
|
1750
1718
|
}
|
|
1751
1719
|
const c = i.current;
|
|
1752
|
-
c && e.target instanceof Node && c.contains(e.target) && (
|
|
1720
|
+
c && e.target instanceof Node && c.contains(e.target) && (Pt.current = 0, e.preventDefault(), e.stopPropagation());
|
|
1753
1721
|
};
|
|
1754
1722
|
return document.addEventListener("click", t, !0), () => {
|
|
1755
1723
|
document.removeEventListener("click", t, !0);
|
|
1756
1724
|
};
|
|
1757
1725
|
}, [r, i]);
|
|
1758
|
-
const
|
|
1759
|
-
const e =
|
|
1760
|
-
return e.touchId !== null ?
|
|
1761
|
-
}, []),
|
|
1726
|
+
const Nt = f((t) => {
|
|
1727
|
+
const e = M.current;
|
|
1728
|
+
return e.touchId !== null ? Re(t.changedTouches, e.touchId) ?? Re(t.touches, e.touchId) : t.touches[0] ?? t.changedTouches[0] ?? null;
|
|
1729
|
+
}, []), rr = f(
|
|
1762
1730
|
(t) => {
|
|
1763
1731
|
if (!r || n !== "bottom" && !b || o === !1 || t.touches.length !== 1) return;
|
|
1764
1732
|
let e = !1;
|
|
@@ -1766,7 +1734,7 @@ function Gr({
|
|
|
1766
1734
|
e = !0;
|
|
1767
1735
|
else if (o === "handle")
|
|
1768
1736
|
return;
|
|
1769
|
-
if (!e &&
|
|
1737
|
+
if (!e && te(t.target)) return;
|
|
1770
1738
|
o === "content" && (e = Ve(t.target));
|
|
1771
1739
|
const a = t.touches[0];
|
|
1772
1740
|
n === "bottom" && Lt({
|
|
@@ -1788,44 +1756,44 @@ function Gr({
|
|
|
1788
1756
|
b,
|
|
1789
1757
|
Lt
|
|
1790
1758
|
]
|
|
1791
|
-
),
|
|
1759
|
+
), Me = f(
|
|
1792
1760
|
(t) => {
|
|
1793
|
-
const e =
|
|
1761
|
+
const e = M.current;
|
|
1794
1762
|
if (!e.dragging || e.source !== "touch" || !r || n !== "bottom" && !b)
|
|
1795
1763
|
return;
|
|
1796
|
-
const a =
|
|
1764
|
+
const a = Nt(t);
|
|
1797
1765
|
if (!a) return;
|
|
1798
|
-
const c = a.pageX - e.startX,
|
|
1766
|
+
const c = a.pageX - e.startX, s = a.pageY - e.startY, u = Ne({
|
|
1799
1767
|
deltaX: c,
|
|
1800
|
-
deltaY:
|
|
1768
|
+
deltaY: s,
|
|
1801
1769
|
placement: n
|
|
1802
|
-
}), d =
|
|
1770
|
+
}), d = F.dragStartThresholdPx.touch, p = n === "bottom" ? cr({
|
|
1803
1771
|
target: t.target,
|
|
1804
|
-
deltaY:
|
|
1772
|
+
deltaY: s,
|
|
1805
1773
|
chrome: e.chrome,
|
|
1806
|
-
bodyNode:
|
|
1807
|
-
canExpand:
|
|
1808
|
-
}) :
|
|
1774
|
+
bodyNode: _.current,
|
|
1775
|
+
canExpand: it() > 1
|
|
1776
|
+
}) : ur({
|
|
1809
1777
|
target: t.target,
|
|
1810
|
-
bodyNode:
|
|
1778
|
+
bodyNode: _.current
|
|
1811
1779
|
});
|
|
1812
|
-
if (
|
|
1813
|
-
const h = n === "bottom" && Math.abs(c) > Math.abs(
|
|
1780
|
+
if (p.preventDefault) {
|
|
1781
|
+
const h = n === "bottom" && Math.abs(c) > Math.abs(s) && Math.abs(s) < d && !e.started && u < d;
|
|
1814
1782
|
!h && n === "bottom" && Lt({
|
|
1815
1783
|
target: t.target,
|
|
1816
1784
|
chrome: e.chrome
|
|
1817
|
-
}), h ||
|
|
1785
|
+
}), h || ke(t);
|
|
1818
1786
|
}
|
|
1819
|
-
if (
|
|
1820
|
-
|
|
1787
|
+
if (p.resetAnchor) {
|
|
1788
|
+
st(!1), De(e, { x: a.pageX, y: a.pageY });
|
|
1821
1789
|
return;
|
|
1822
1790
|
}
|
|
1823
|
-
if (
|
|
1824
|
-
if (e.allowed || (e.allowed = !0, e.started = !0),
|
|
1791
|
+
if (p.allowDrag && !(!e.started && u < d))
|
|
1792
|
+
if (e.allowed || (e.allowed = !0, e.started = !0), p.preventDefault || ke(t), e.lastX = a.pageX, e.lastY = a.pageY, n === "popup")
|
|
1825
1793
|
ft(e, a), Ue(e, a);
|
|
1826
1794
|
else {
|
|
1827
|
-
const
|
|
1828
|
-
|
|
1795
|
+
const m = e.startTranslate + s, h = gt(e, s);
|
|
1796
|
+
ut(m, h), Dt(e, {
|
|
1829
1797
|
pageX: a.pageX,
|
|
1830
1798
|
pageY: a.pageY,
|
|
1831
1799
|
translateX: e.lastTranslateX,
|
|
@@ -1836,21 +1804,21 @@ function Gr({
|
|
|
1836
1804
|
[
|
|
1837
1805
|
r,
|
|
1838
1806
|
ft,
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1807
|
+
gt,
|
|
1808
|
+
it,
|
|
1809
|
+
Nt,
|
|
1842
1810
|
n,
|
|
1843
1811
|
b,
|
|
1844
1812
|
De,
|
|
1845
|
-
|
|
1846
|
-
|
|
1813
|
+
st,
|
|
1814
|
+
ut,
|
|
1847
1815
|
Lt
|
|
1848
1816
|
]
|
|
1849
1817
|
);
|
|
1850
|
-
|
|
1851
|
-
if (!
|
|
1818
|
+
Ft(() => {
|
|
1819
|
+
if (!l || !r || n !== "bottom" && !b || o === !1 || typeof window > "u") return;
|
|
1852
1820
|
const t = (e) => {
|
|
1853
|
-
|
|
1821
|
+
Me(e);
|
|
1854
1822
|
};
|
|
1855
1823
|
return window.addEventListener("touchmove", t, {
|
|
1856
1824
|
capture: !0,
|
|
@@ -1858,77 +1826,77 @@ function Gr({
|
|
|
1858
1826
|
}), () => {
|
|
1859
1827
|
window.removeEventListener("touchmove", t, !0);
|
|
1860
1828
|
};
|
|
1861
|
-
}, [o, r,
|
|
1862
|
-
const
|
|
1829
|
+
}, [o, r, Me, l, n, b]);
|
|
1830
|
+
const nr = f(
|
|
1863
1831
|
(t) => {
|
|
1864
|
-
const e =
|
|
1832
|
+
const e = M.current;
|
|
1865
1833
|
if (!e.dragging || e.source !== "touch" || !r || n !== "bottom" && !b)
|
|
1866
1834
|
return;
|
|
1867
|
-
const a =
|
|
1868
|
-
n === "popup" &&
|
|
1869
|
-
const
|
|
1835
|
+
const a = Nt(t), c = a?.pageX ?? e.lastX, s = a?.pageY ?? e.lastY, u = e.started, d = e.closeAllowed, p = c - e.startX, m = s - e.startY, h = Math.max(tt() - e.startTime, 1);
|
|
1836
|
+
n === "popup" && dt();
|
|
1837
|
+
const Y = {
|
|
1870
1838
|
x: e.lastTranslateX,
|
|
1871
1839
|
y: e.lastTranslate
|
|
1872
1840
|
};
|
|
1873
|
-
let C =
|
|
1841
|
+
let C = Y;
|
|
1874
1842
|
const T = e.startTranslate;
|
|
1875
1843
|
if (u) {
|
|
1876
|
-
const
|
|
1844
|
+
const v = n === "popup" ? Vt(e, {
|
|
1877
1845
|
pageX: c,
|
|
1878
|
-
pageY:
|
|
1846
|
+
pageY: s
|
|
1879
1847
|
}) : {
|
|
1880
1848
|
x: e.lastTranslateX,
|
|
1881
1849
|
y: e.lastTranslate
|
|
1882
1850
|
};
|
|
1883
|
-
C =
|
|
1851
|
+
C = v, Dt(e, {
|
|
1884
1852
|
pageX: c,
|
|
1885
|
-
pageY:
|
|
1886
|
-
translateX:
|
|
1887
|
-
translateY:
|
|
1853
|
+
pageY: s,
|
|
1854
|
+
translateX: v.x,
|
|
1855
|
+
translateY: v.y
|
|
1888
1856
|
});
|
|
1889
1857
|
}
|
|
1890
1858
|
if (mt(e), !!u)
|
|
1891
|
-
if (
|
|
1892
|
-
const
|
|
1859
|
+
if (Pt.current = tt() + 500, n === "popup") {
|
|
1860
|
+
const v = je({
|
|
1893
1861
|
session: e,
|
|
1894
|
-
fallbackDelta: { x:
|
|
1862
|
+
fallbackDelta: { x: p, y: m },
|
|
1895
1863
|
fallbackElapsed: h
|
|
1896
1864
|
});
|
|
1897
|
-
|
|
1898
|
-
currentTranslate:
|
|
1899
|
-
releaseDelta: { x:
|
|
1865
|
+
Ot({
|
|
1866
|
+
currentTranslate: Y,
|
|
1867
|
+
releaseDelta: { x: p, y: m },
|
|
1900
1868
|
releaseTranslate: C,
|
|
1901
|
-
releaseVelocity:
|
|
1869
|
+
releaseVelocity: v
|
|
1902
1870
|
});
|
|
1903
1871
|
} else {
|
|
1904
|
-
const
|
|
1872
|
+
const v = _e({
|
|
1905
1873
|
session: e,
|
|
1906
|
-
fallbackDeltaY:
|
|
1874
|
+
fallbackDeltaY: m,
|
|
1907
1875
|
fallbackElapsed: h
|
|
1908
1876
|
});
|
|
1909
|
-
|
|
1877
|
+
kt({
|
|
1910
1878
|
closeAllowed: d,
|
|
1911
|
-
currentTranslate:
|
|
1912
|
-
deltaY:
|
|
1913
|
-
releaseVelocity:
|
|
1879
|
+
currentTranslate: Y.y,
|
|
1880
|
+
deltaY: m,
|
|
1881
|
+
releaseVelocity: v,
|
|
1914
1882
|
startTranslate: T
|
|
1915
1883
|
});
|
|
1916
1884
|
}
|
|
1917
1885
|
},
|
|
1918
1886
|
[
|
|
1919
|
-
|
|
1920
|
-
Ft,
|
|
1921
|
-
r,
|
|
1887
|
+
kt,
|
|
1922
1888
|
Ot,
|
|
1889
|
+
r,
|
|
1890
|
+
Nt,
|
|
1923
1891
|
n,
|
|
1924
1892
|
b,
|
|
1925
1893
|
mt,
|
|
1926
|
-
|
|
1894
|
+
dt
|
|
1927
1895
|
]
|
|
1928
|
-
), ar =
|
|
1929
|
-
const t =
|
|
1896
|
+
), ar = f(() => {
|
|
1897
|
+
const t = M.current;
|
|
1930
1898
|
if (!t.dragging || t.source !== "touch") return;
|
|
1931
|
-
const e = t.started, a = t.startTranslate, c = t.lastTranslate,
|
|
1899
|
+
const e = t.started, a = t.startTranslate, c = t.lastTranslate, s = {
|
|
1932
1900
|
x: t.startTranslateX,
|
|
1933
1901
|
y: t.startTranslate
|
|
1934
1902
|
}, u = {
|
|
@@ -1937,32 +1905,32 @@ function Gr({
|
|
|
1937
1905
|
}, d = n;
|
|
1938
1906
|
if (mt(t), !!e) {
|
|
1939
1907
|
if (d === "popup") {
|
|
1940
|
-
U.current ?
|
|
1908
|
+
U.current ? Bt(s) : q(s, { from: u });
|
|
1941
1909
|
return;
|
|
1942
1910
|
}
|
|
1943
|
-
|
|
1911
|
+
O(a, { from: c });
|
|
1944
1912
|
}
|
|
1945
1913
|
}, [
|
|
1946
1914
|
n,
|
|
1947
1915
|
mt,
|
|
1948
|
-
|
|
1916
|
+
Bt,
|
|
1949
1917
|
q,
|
|
1950
|
-
|
|
1918
|
+
O
|
|
1951
1919
|
]);
|
|
1952
1920
|
return {
|
|
1953
|
-
collapseBottomSheetToUndimmedSnap:
|
|
1921
|
+
collapseBottomSheetToUndimmedSnap: Ze,
|
|
1954
1922
|
handlers: {
|
|
1955
|
-
onPointerDown:
|
|
1956
|
-
onPointerMove:
|
|
1957
|
-
onPointerUp:
|
|
1958
|
-
onPointerCancel:
|
|
1959
|
-
onLostPointerCapture:
|
|
1960
|
-
onTouchStart:
|
|
1961
|
-
onTouchEnd:
|
|
1923
|
+
onPointerDown: qe,
|
|
1924
|
+
onPointerMove: tr,
|
|
1925
|
+
onPointerUp: Ye,
|
|
1926
|
+
onPointerCancel: Ye,
|
|
1927
|
+
onLostPointerCapture: er,
|
|
1928
|
+
onTouchStart: rr,
|
|
1929
|
+
onTouchEnd: nr,
|
|
1962
1930
|
onTouchCancel: ar
|
|
1963
1931
|
}
|
|
1964
1932
|
};
|
|
1965
1933
|
}
|
|
1966
1934
|
export {
|
|
1967
|
-
|
|
1935
|
+
_r as useModalDrag
|
|
1968
1936
|
};
|