@orioncactuscorp/ui 1.14.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 +92 -0
- package/README.md +65 -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.js +138 -137
- 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 +504 -488
- package/dist/components/Modal/Modal.module.scss.js +69 -62
- package/dist/components/Modal/keyboardSession.js +104 -0
- package/dist/components/Modal/snapPoints.js +95 -82
- package/dist/components/Modal/useModalDrag.js +587 -637
- 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 +126 -124
- package/dist/components/internal/OverlayPortalContext.js +20 -0
- package/dist/index.js +133 -126
- package/dist/styles.css +12 -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.map +1 -1
- package/dist/ui/src/components/FloatingWindow/types.d.ts +1 -1
- package/dist/ui/src/components/FloatingWindow/types.d.ts.map +1 -1
- 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 +1 -1
- package/dist/ui/src/components/Modal/Modal.d.ts.map +1 -1
- 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 +8 -1
- 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 +2 -1
- package/dist/ui/src/components/internal/ModalPresentation.d.ts.map +1 -1
- 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 +5 -1
- package/dist/ui/src/index.d.ts.map +1 -1
- package/docs/api-conventions.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 +77 -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 S, useLayoutEffect as K, useCallback as f, useEffect 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 g = Pr(r, o, n),
|
|
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 <=
|
|
74
|
+
(V) => V > o + 1 && V <= l + 1
|
|
82
75
|
).length === 0) return g;
|
|
83
|
-
const
|
|
84
|
-
(V) => V > o + 1 && V <=
|
|
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 >=
|
|
82
|
+
(E) => E < o - 1 && E >= l - 1
|
|
90
83
|
).length === 0 ? g : r.filter(
|
|
91
|
-
(E) => E < o - 1 && E >=
|
|
84
|
+
(E) => E < o - 1 && E >= P - 1
|
|
92
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 g = n.time - y,
|
|
225
|
-
if (
|
|
226
|
-
const w = Math.max(n.time -
|
|
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 g = n.time - y,
|
|
245
|
-
if (
|
|
246
|
-
const w = Math.max(n.time -
|
|
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 g = y.x - r.x, x = y.y - r.y;
|
|
322
|
-
return g * 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
300
|
if (i !== "center") return g;
|
|
354
|
-
const
|
|
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 g =
|
|
329
|
+
const g = br({
|
|
383
330
|
currentTarget: o,
|
|
384
|
-
currentTranslate:
|
|
331
|
+
currentTranslate: l
|
|
385
332
|
});
|
|
386
|
-
return g <= 0 ? !1 : g >=
|
|
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
404
|
let g = -1;
|
|
458
|
-
for (const
|
|
459
|
-
|
|
405
|
+
for (const P of l)
|
|
406
|
+
P < n - 0.5 && P > g && (g = P);
|
|
460
407
|
return {
|
|
461
408
|
dimmedHeight: n,
|
|
462
409
|
undimmedHeight: g >= 0 ? g : i
|
|
463
410
|
};
|
|
464
411
|
}
|
|
465
412
|
let y = r;
|
|
466
|
-
for (const g of
|
|
413
|
+
for (const g of l)
|
|
467
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 g =
|
|
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
438
|
translate: g,
|
|
492
|
-
overshootFillHeight:
|
|
493
|
-
backdropOpacity:
|
|
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
450
|
backdropRef: g,
|
|
504
|
-
bodyNode:
|
|
505
|
-
snapHeights: w =
|
|
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,13 +490,13 @@ 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
|
-
}), fe = S(L ?? null), pe = S(D), me = S(w), Gt = S(!1),
|
|
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
|
|
@@ -557,19 +504,19 @@ function Gr({
|
|
|
557
504
|
K(() => {
|
|
558
505
|
he.current = V, bt.current = Xt;
|
|
559
506
|
}, [Xt, ge, V]), K(() => {
|
|
560
|
-
le.current =
|
|
561
|
-
}, [
|
|
562
|
-
|
|
563
|
-
}, [
|
|
564
|
-
const t =
|
|
565
|
-
t && t !==
|
|
566
|
-
}, [
|
|
567
|
-
const
|
|
568
|
-
ce.current = t,
|
|
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);
|
|
569
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;
|
|
@@ -577,47 +524,47 @@ function Gr({
|
|
|
577
524
|
document.removeEventListener("selectstart", e, !0), document.removeEventListener("dragstart", e, !0);
|
|
578
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,
|
|
547
|
+
return t === void 0 || t <= 0 ? 0 : xt(k());
|
|
548
|
+
}, [At, xt, k]), Kt = f(
|
|
602
549
|
() => z === "peeked" ? Z() : D,
|
|
603
550
|
[Z, z, D]
|
|
604
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
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,52 +574,52 @@ 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
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
598
|
const p = i.current;
|
|
652
599
|
if (!p) return;
|
|
653
|
-
const m =
|
|
600
|
+
const m = s ?? k(), h = p.parentElement, Y = u ?? Z(), C = Br({
|
|
654
601
|
dismissible: a,
|
|
655
|
-
peekTranslate:
|
|
602
|
+
peekTranslate: Y,
|
|
656
603
|
sheetHeight: m,
|
|
657
604
|
visibleTranslate: D
|
|
658
|
-
}), T =
|
|
605
|
+
}), T = Ir({
|
|
659
606
|
minTranslate: C.minTranslate,
|
|
660
607
|
sheetHeight: m,
|
|
661
608
|
surfaceMotion: p
|
|
662
|
-
}), v =
|
|
609
|
+
}), v = Or({
|
|
663
610
|
rubberBand: c,
|
|
664
611
|
targetTranslate: t,
|
|
665
612
|
sheetHeight: m,
|
|
666
613
|
bounds: C,
|
|
667
614
|
rubberBandLimits: T,
|
|
668
|
-
backdropBoundaries:
|
|
615
|
+
backdropBoundaries: kr({
|
|
669
616
|
sheetHeight: m,
|
|
670
|
-
peekTranslate:
|
|
617
|
+
peekTranslate: Y,
|
|
671
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
624
|
`${v.translate}px`
|
|
678
625
|
), d === "frame" || !e ? p.style.setProperty(
|
|
@@ -682,51 +629,51 @@ function Gr({
|
|
|
682
629
|
"--oc-modal-settled-translate-y",
|
|
683
630
|
`${d}px`
|
|
684
631
|
);
|
|
685
|
-
const
|
|
632
|
+
const H = le.current ? 0 : v.backdropOpacity;
|
|
686
633
|
if (p.style.setProperty(
|
|
687
634
|
"--_-modal-elevation-shadow-opacity",
|
|
688
|
-
String(1 -
|
|
635
|
+
String(1 - H)
|
|
689
636
|
), p.dataset.ocModalDragging = e ? "true" : "false", h?.style.setProperty(
|
|
690
637
|
"--oc-modal-overshoot-fill-height",
|
|
691
638
|
`${v.overshootFillHeight}px`
|
|
692
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
641
|
String(v.backdropOpacity)
|
|
695
|
-
), g.current.style.transition = e ? "none" : ""), !e && n === "bottom" &&
|
|
642
|
+
), g.current.style.transition = e ? "none" : ""), !e && n === "bottom" && nt) {
|
|
696
643
|
const B = E === void 0 || m - v.translate >= E - 0.5;
|
|
697
|
-
Ut.current !== B && (Ut.current = B,
|
|
644
|
+
Ut.current !== B && (Ut.current = B, nt(B));
|
|
698
645
|
}
|
|
699
646
|
},
|
|
700
647
|
[
|
|
701
648
|
E,
|
|
702
649
|
g,
|
|
703
|
-
|
|
650
|
+
R,
|
|
704
651
|
Z,
|
|
705
|
-
|
|
706
|
-
|
|
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
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
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,
|
|
@@ -742,64 +689,64 @@ function Gr({
|
|
|
742
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
|
-
[
|
|
702
|
+
[ct, i]
|
|
756
703
|
), X = f(() => {
|
|
757
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
|
-
}, [G, i]),
|
|
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
|
-
[
|
|
718
|
+
[I, X, R]
|
|
772
719
|
), ye = f(() => {
|
|
773
|
-
const t =
|
|
774
|
-
return $.current !== null || U.current !== null ? (X(), n === "popup" &&
|
|
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
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"));
|
|
785
732
|
}, [E, g, i]), Te = f(() => {
|
|
786
733
|
const t = i.current, e = t?.parentElement;
|
|
787
|
-
|
|
788
|
-
}, [g,
|
|
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 || (J.current = null),
|
|
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
752
|
sheetHeightOverride: p
|
|
@@ -807,23 +754,23 @@ function Gr({
|
|
|
807
754
|
const m = i.current;
|
|
808
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
762
|
sheetHeightOverride: p
|
|
816
|
-
}),
|
|
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:
|
|
770
|
+
settled: Y,
|
|
824
771
|
sheetHeightOverride: p
|
|
825
772
|
});
|
|
826
|
-
const C =
|
|
773
|
+
const C = Zt({
|
|
827
774
|
element: m,
|
|
828
775
|
intent: a,
|
|
829
776
|
phase: c,
|
|
@@ -832,14 +779,14 @@ function Gr({
|
|
|
832
779
|
property: "transform"
|
|
833
780
|
});
|
|
834
781
|
if (!C.animate) {
|
|
835
|
-
|
|
782
|
+
I(t, {
|
|
836
783
|
active: !1,
|
|
837
784
|
peekTranslateOverride: d,
|
|
838
785
|
sheetHeightOverride: p
|
|
839
|
-
}),
|
|
786
|
+
}), x(), u?.();
|
|
840
787
|
return;
|
|
841
788
|
}
|
|
842
|
-
const T =
|
|
789
|
+
const T = Qt({
|
|
843
790
|
value: h,
|
|
844
791
|
target: t,
|
|
845
792
|
velocity: e,
|
|
@@ -848,24 +795,24 @@ function Gr({
|
|
|
848
795
|
velocityEpsilon: 50,
|
|
849
796
|
stabilityWindow: 0.02,
|
|
850
797
|
onUpdate: (v) => {
|
|
851
|
-
|
|
798
|
+
I(v, {
|
|
852
799
|
active: !0,
|
|
853
800
|
peekTranslateOverride: d,
|
|
854
|
-
settled:
|
|
801
|
+
settled: Y === "frame" ? "frame" : void 0,
|
|
855
802
|
sheetHeightOverride: p
|
|
856
803
|
});
|
|
857
804
|
},
|
|
858
805
|
onComplete: () => {
|
|
859
|
-
$.current === T && ($.current = null),
|
|
806
|
+
$.current === T && ($.current = null), I(t, {
|
|
860
807
|
active: !1,
|
|
861
808
|
peekTranslateOverride: d,
|
|
862
809
|
sheetHeightOverride: p
|
|
863
|
-
}),
|
|
810
|
+
}), x(), u?.();
|
|
864
811
|
}
|
|
865
812
|
});
|
|
866
813
|
$.current = T;
|
|
867
814
|
},
|
|
868
|
-
[
|
|
815
|
+
[I, X, x, i]
|
|
869
816
|
), q = f(
|
|
870
817
|
(t, {
|
|
871
818
|
from: e,
|
|
@@ -874,13 +821,16 @@ function Gr({
|
|
|
874
821
|
const c = i.current;
|
|
875
822
|
if (!c) return;
|
|
876
823
|
X();
|
|
877
|
-
const
|
|
878
|
-
if (
|
|
879
|
-
|
|
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();
|
|
880
830
|
return;
|
|
881
831
|
}
|
|
882
|
-
A(
|
|
883
|
-
const p =
|
|
832
|
+
A(s, { active: !0 });
|
|
833
|
+
const p = Zt({
|
|
884
834
|
element: c,
|
|
885
835
|
intent: "gesture",
|
|
886
836
|
phase: "release",
|
|
@@ -889,11 +839,11 @@ function Gr({
|
|
|
889
839
|
property: "transform"
|
|
890
840
|
});
|
|
891
841
|
if (!p.animate) {
|
|
892
|
-
A(t, { active: !1 }),
|
|
842
|
+
A(t, { active: !1 }), x();
|
|
893
843
|
return;
|
|
894
844
|
}
|
|
895
|
-
const m =
|
|
896
|
-
value:
|
|
845
|
+
const m = Qt({
|
|
846
|
+
value: s,
|
|
897
847
|
target: u,
|
|
898
848
|
velocity: a,
|
|
899
849
|
spring: p.spring,
|
|
@@ -904,7 +854,7 @@ function Gr({
|
|
|
904
854
|
A(h, { active: !0 });
|
|
905
855
|
},
|
|
906
856
|
onComplete: () => {
|
|
907
|
-
$.current === m && ($.current = null), A(t, { active: !1 }),
|
|
857
|
+
$.current === m && ($.current = null), A(t, { active: !1 }), x();
|
|
908
858
|
}
|
|
909
859
|
});
|
|
910
860
|
$.current = m;
|
|
@@ -912,22 +862,22 @@ function Gr({
|
|
|
912
862
|
[
|
|
913
863
|
A,
|
|
914
864
|
X,
|
|
915
|
-
|
|
865
|
+
x,
|
|
916
866
|
i
|
|
917
867
|
]
|
|
918
|
-
),
|
|
868
|
+
), dt = f(() => {
|
|
919
869
|
const t = U.current;
|
|
920
870
|
if (!t) return null;
|
|
921
871
|
const e = t.sample();
|
|
922
872
|
return A(e.value, { active: !0 }), e;
|
|
923
|
-
}, [A]),
|
|
873
|
+
}, [A]), xe = f(
|
|
924
874
|
(t) => {
|
|
925
875
|
if (!i.current) return null;
|
|
926
876
|
X(), A(t, { active: !0 });
|
|
927
|
-
const a =
|
|
877
|
+
const a = Qt({
|
|
928
878
|
value: t,
|
|
929
879
|
target: t,
|
|
930
|
-
spring:
|
|
880
|
+
spring: gr,
|
|
931
881
|
autoplay: !1,
|
|
932
882
|
epsilon: 0.5,
|
|
933
883
|
velocityEpsilon: 50,
|
|
@@ -936,8 +886,8 @@ function Gr({
|
|
|
936
886
|
A(c, { active: !0 });
|
|
937
887
|
},
|
|
938
888
|
onComplete: () => {
|
|
939
|
-
const c =
|
|
940
|
-
!c || U.current !== a || (G({ destroy: !1 }), A(c, { active: !1 }),
|
|
889
|
+
const c = Mt.current;
|
|
890
|
+
!c || U.current !== a || (G({ destroy: !1 }), A(c, { active: !1 }), x());
|
|
941
891
|
}
|
|
942
892
|
});
|
|
943
893
|
return U.current = a, a;
|
|
@@ -946,34 +896,34 @@ function Gr({
|
|
|
946
896
|
A,
|
|
947
897
|
X,
|
|
948
898
|
G,
|
|
949
|
-
|
|
899
|
+
x,
|
|
950
900
|
i
|
|
951
901
|
]
|
|
952
902
|
), ve = f(
|
|
953
903
|
(t) => {
|
|
954
|
-
const e = U.current ??
|
|
955
|
-
e && (
|
|
904
|
+
const e = U.current ?? xe(lt());
|
|
905
|
+
e && (Mt.current = null, e.setTarget(t));
|
|
956
906
|
},
|
|
957
|
-
[
|
|
958
|
-
),
|
|
907
|
+
[lt, xe]
|
|
908
|
+
), ft = f(
|
|
959
909
|
(t, e) => {
|
|
960
910
|
const a = Vt(t, e);
|
|
961
|
-
return ve(a),
|
|
911
|
+
return ve(a), dt(), a;
|
|
962
912
|
},
|
|
963
|
-
[
|
|
964
|
-
),
|
|
913
|
+
[dt, ve]
|
|
914
|
+
), Bt = f(
|
|
965
915
|
(t) => {
|
|
966
916
|
const e = i.current, a = U.current;
|
|
967
917
|
if (!e || !a) {
|
|
968
918
|
q(t);
|
|
969
919
|
return;
|
|
970
920
|
}
|
|
971
|
-
const
|
|
972
|
-
if (
|
|
973
|
-
G(), A(t, { active: !1 }),
|
|
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();
|
|
974
924
|
return;
|
|
975
925
|
}
|
|
976
|
-
const d =
|
|
926
|
+
const d = Zt({
|
|
977
927
|
element: e,
|
|
978
928
|
intent: "gesture",
|
|
979
929
|
phase: "release",
|
|
@@ -982,41 +932,41 @@ function Gr({
|
|
|
982
932
|
property: "transform"
|
|
983
933
|
});
|
|
984
934
|
if (!d.animate) {
|
|
985
|
-
G(), A(t, { active: !1 }),
|
|
935
|
+
G(), A(t, { active: !1 }), x();
|
|
986
936
|
return;
|
|
987
937
|
}
|
|
988
|
-
|
|
938
|
+
Mt.current = t, a.setTarget(u, { spring: d.spring });
|
|
989
939
|
},
|
|
990
940
|
[
|
|
991
941
|
A,
|
|
992
942
|
G,
|
|
993
|
-
|
|
943
|
+
x,
|
|
994
944
|
Ct,
|
|
995
|
-
|
|
945
|
+
dt,
|
|
996
946
|
q,
|
|
997
947
|
i
|
|
998
948
|
]
|
|
999
|
-
),
|
|
949
|
+
), pt = f(
|
|
1000
950
|
({
|
|
1001
951
|
key: t,
|
|
1002
952
|
settle: e
|
|
1003
953
|
}) => {
|
|
1004
|
-
if (
|
|
1005
|
-
const a =
|
|
954
|
+
if (M.current.dragging) return !1;
|
|
955
|
+
const a = ct();
|
|
1006
956
|
if (!a) return !1;
|
|
1007
|
-
const c = (t ? a.targets.find((
|
|
1008
|
-
return J.current = c.key, e ? q(c) : (X(), A(c, { active: !1 }),
|
|
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;
|
|
1009
959
|
},
|
|
1010
960
|
[
|
|
1011
961
|
A,
|
|
1012
962
|
X,
|
|
1013
|
-
|
|
1014
|
-
|
|
963
|
+
x,
|
|
964
|
+
ct,
|
|
1015
965
|
q
|
|
1016
966
|
]
|
|
1017
967
|
), we = f(
|
|
1018
968
|
(t, { from: e, initialVelocity: a = 0 }) => {
|
|
1019
|
-
|
|
969
|
+
O(t, {
|
|
1020
970
|
from: e,
|
|
1021
971
|
initialVelocity: a,
|
|
1022
972
|
onComplete: () => {
|
|
@@ -1024,39 +974,39 @@ function Gr({
|
|
|
1024
974
|
}
|
|
1025
975
|
});
|
|
1026
976
|
},
|
|
1027
|
-
[at,
|
|
977
|
+
[at, O]
|
|
1028
978
|
);
|
|
1029
|
-
|
|
979
|
+
Ft(
|
|
1030
980
|
() => () => {
|
|
1031
|
-
X(), Q(!1), i.current &&
|
|
981
|
+
X(), Q(!1), i.current && x();
|
|
1032
982
|
},
|
|
1033
983
|
[
|
|
1034
984
|
X,
|
|
1035
|
-
|
|
985
|
+
x,
|
|
1036
986
|
Q,
|
|
1037
987
|
i
|
|
1038
988
|
]
|
|
1039
989
|
), K(() => {
|
|
1040
|
-
if (!
|
|
1041
|
-
|
|
990
|
+
if (!l || !r || n !== "bottom") {
|
|
991
|
+
jt.current = l;
|
|
1042
992
|
return;
|
|
1043
993
|
}
|
|
1044
|
-
if (!i.current ||
|
|
994
|
+
if (!i.current || oe?.()) return;
|
|
1045
995
|
Wt.current = !0;
|
|
1046
|
-
const t =
|
|
1047
|
-
|
|
1048
|
-
const e = L ??
|
|
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 = () => {
|
|
1049
999
|
fe.current = e, de.current = z, pe.current = D, me.current = w;
|
|
1050
1000
|
}, p = !vt(
|
|
1051
1001
|
a,
|
|
1052
1002
|
e
|
|
1053
|
-
), m =
|
|
1003
|
+
), m = xt(e), h = z === "peeked" ? m : D;
|
|
1054
1004
|
if (!t) {
|
|
1055
|
-
Et.current = { kind: "default-snap" },
|
|
1005
|
+
Et.current = { kind: "default-snap" }, I(e, {
|
|
1056
1006
|
active: !0,
|
|
1057
1007
|
peekTranslateOverride: m,
|
|
1058
1008
|
sheetHeightOverride: e
|
|
1059
|
-
}),
|
|
1009
|
+
}), O(h, {
|
|
1060
1010
|
from: e,
|
|
1061
1011
|
intent: "sheet",
|
|
1062
1012
|
peekTranslateOverride: m,
|
|
@@ -1066,34 +1016,34 @@ function Gr({
|
|
|
1066
1016
|
return;
|
|
1067
1017
|
}
|
|
1068
1018
|
if (z === "visible" && p) {
|
|
1069
|
-
const T = i.current, v = W(),
|
|
1019
|
+
const T = i.current, v = W(), H = c === "visible" && a > 0 ? dr({
|
|
1070
1020
|
currentTranslate: v,
|
|
1071
1021
|
fallbackTranslate: D,
|
|
1072
1022
|
restState: Et.current,
|
|
1073
1023
|
previousDefaultTranslate: u,
|
|
1074
1024
|
previousSheetHeight: a,
|
|
1075
|
-
previousSnapHeights:
|
|
1025
|
+
previousSnapHeights: s,
|
|
1076
1026
|
targetSheetHeight: e,
|
|
1077
1027
|
targetDefaultTranslate: D,
|
|
1078
1028
|
targetSnapHeights: w
|
|
1079
1029
|
}) : D;
|
|
1080
1030
|
X();
|
|
1081
|
-
const B = Number.parseFloat(T.style.height), St = Number.isFinite(B) && B > 0 ? B : a, Ee =
|
|
1031
|
+
const B = Number.parseFloat(T.style.height), St = Number.isFinite(B) && B > 0 ? B : a, Ee = N(
|
|
1082
1032
|
St - v,
|
|
1083
1033
|
0,
|
|
1084
1034
|
St
|
|
1085
|
-
), be =
|
|
1086
|
-
e -
|
|
1035
|
+
), be = N(
|
|
1036
|
+
e - H,
|
|
1087
1037
|
0,
|
|
1088
1038
|
e
|
|
1089
|
-
),
|
|
1039
|
+
), rt = Math.max(St, e), Jt = Math.max(
|
|
1090
1040
|
0,
|
|
1091
|
-
|
|
1041
|
+
rt - Ee
|
|
1092
1042
|
), Le = Math.max(
|
|
1093
1043
|
0,
|
|
1094
|
-
|
|
1095
|
-
), Ae =
|
|
1096
|
-
|
|
1044
|
+
rt - be
|
|
1045
|
+
), Ae = xt(rt), Ce = () => {
|
|
1046
|
+
I(H, {
|
|
1097
1047
|
active: !1,
|
|
1098
1048
|
peekTranslateOverride: m,
|
|
1099
1049
|
sheetHeightOverride: e
|
|
@@ -1110,101 +1060,101 @@ function Gr({
|
|
|
1110
1060
|
Ce(), d();
|
|
1111
1061
|
return;
|
|
1112
1062
|
}
|
|
1113
|
-
const
|
|
1063
|
+
const Be = () => {
|
|
1114
1064
|
T.dataset.ocModalSheetResizing = "true", T.style.setProperty(
|
|
1115
1065
|
"--oc-modal-resize-rest-translate-y",
|
|
1116
|
-
`${
|
|
1066
|
+
`${H}px`
|
|
1117
1067
|
);
|
|
1118
|
-
const
|
|
1119
|
-
|
|
1068
|
+
const Ie = _.current;
|
|
1069
|
+
Ie && T.style.setProperty(
|
|
1120
1070
|
"--oc-modal-resize-target-scrollport-height",
|
|
1121
|
-
`${
|
|
1071
|
+
`${Ie.clientHeight + (be - Ee)}px`
|
|
1122
1072
|
);
|
|
1123
1073
|
};
|
|
1124
|
-
|
|
1074
|
+
Be(), T.style.setProperty("transition", "none"), T.style.setProperty("height", `${rt}px`), T.style.setProperty(
|
|
1125
1075
|
"--oc-modal-sheet-height",
|
|
1126
|
-
`${
|
|
1127
|
-
),
|
|
1076
|
+
`${rt}px`
|
|
1077
|
+
), I(Jt, {
|
|
1128
1078
|
active: !0,
|
|
1129
1079
|
peekTranslateOverride: Ae,
|
|
1130
|
-
sheetHeightOverride:
|
|
1131
|
-
}), T.getBoundingClientRect(), T.style.removeProperty("transition"),
|
|
1080
|
+
sheetHeightOverride: rt
|
|
1081
|
+
}), T.getBoundingClientRect(), T.style.removeProperty("transition"), O(Le, {
|
|
1132
1082
|
from: Jt,
|
|
1133
1083
|
intent: "sheet",
|
|
1134
1084
|
peekTranslateOverride: Ae,
|
|
1135
|
-
sheetHeightOverride:
|
|
1085
|
+
sheetHeightOverride: rt,
|
|
1136
1086
|
onComplete: Ce
|
|
1137
|
-
}),
|
|
1087
|
+
}), Be(), $t?.(), d();
|
|
1138
1088
|
return;
|
|
1139
1089
|
}
|
|
1140
1090
|
if (z === "peeked") {
|
|
1141
|
-
|
|
1091
|
+
O(m, {
|
|
1142
1092
|
peekTranslateOverride: m,
|
|
1143
1093
|
sheetHeightOverride: e
|
|
1144
1094
|
}), d();
|
|
1145
1095
|
return;
|
|
1146
1096
|
}
|
|
1147
|
-
if (
|
|
1148
|
-
|
|
1097
|
+
if (_t.current) {
|
|
1098
|
+
_t.current = !1, d();
|
|
1149
1099
|
return;
|
|
1150
1100
|
}
|
|
1151
|
-
const
|
|
1101
|
+
const Y = c !== z;
|
|
1152
1102
|
if (!vt(
|
|
1153
1103
|
u,
|
|
1154
1104
|
D
|
|
1155
1105
|
)) {
|
|
1156
|
-
const T = W(),
|
|
1157
|
-
if (vt(T, u) ||
|
|
1158
|
-
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, {
|
|
1159
1109
|
active: !1,
|
|
1160
1110
|
peekTranslateOverride: m,
|
|
1161
1111
|
sheetHeightOverride: e
|
|
1162
|
-
}),
|
|
1112
|
+
}), x(), d();
|
|
1163
1113
|
return;
|
|
1164
1114
|
}
|
|
1165
1115
|
}
|
|
1166
|
-
if (!
|
|
1116
|
+
if (!Y) {
|
|
1167
1117
|
d();
|
|
1168
1118
|
return;
|
|
1169
1119
|
}
|
|
1170
|
-
|
|
1120
|
+
O(D, {
|
|
1171
1121
|
peekTranslateOverride: m,
|
|
1172
1122
|
sheetHeightOverride: e
|
|
1173
1123
|
}), Et.current = { kind: "default-snap" }, d();
|
|
1174
1124
|
}, [
|
|
1175
1125
|
r,
|
|
1176
|
-
|
|
1177
|
-
|
|
1126
|
+
xt,
|
|
1127
|
+
k,
|
|
1178
1128
|
W,
|
|
1179
1129
|
L,
|
|
1180
1130
|
w,
|
|
1181
|
-
|
|
1131
|
+
l,
|
|
1182
1132
|
n,
|
|
1183
1133
|
z,
|
|
1184
1134
|
$t,
|
|
1185
|
-
|
|
1186
|
-
|
|
1135
|
+
oe,
|
|
1136
|
+
I,
|
|
1187
1137
|
X,
|
|
1188
|
-
|
|
1138
|
+
x,
|
|
1189
1139
|
vt,
|
|
1190
|
-
|
|
1140
|
+
O,
|
|
1191
1141
|
y,
|
|
1192
1142
|
i,
|
|
1193
1143
|
D
|
|
1194
1144
|
]), K(() => {
|
|
1195
1145
|
n !== "bottom" && Wt.current && (Wt.current = !1, X(), Te());
|
|
1196
1146
|
}, [X, n, Te]), K(() => {
|
|
1197
|
-
if (!
|
|
1198
|
-
const c = !
|
|
1199
|
-
|
|
1200
|
-
preserveSnapPosition:
|
|
1201
|
-
})),
|
|
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;
|
|
1202
1152
|
return;
|
|
1203
1153
|
}
|
|
1204
1154
|
const t = Gt.current;
|
|
1205
|
-
Gt.current = !0,
|
|
1155
|
+
Gt.current = !0, ot.current = !0;
|
|
1206
1156
|
let e = null;
|
|
1207
|
-
const a = (c) =>
|
|
1157
|
+
const a = (c) => pt({
|
|
1208
1158
|
key: c,
|
|
1209
1159
|
settle: t
|
|
1210
1160
|
});
|
|
@@ -1220,57 +1170,57 @@ function Gr({
|
|
|
1220
1170
|
}, [
|
|
1221
1171
|
X,
|
|
1222
1172
|
r,
|
|
1223
|
-
|
|
1224
|
-
|
|
1173
|
+
x,
|
|
1174
|
+
l,
|
|
1225
1175
|
n,
|
|
1226
1176
|
ge,
|
|
1227
1177
|
b,
|
|
1228
|
-
|
|
1229
|
-
|
|
1178
|
+
Pe,
|
|
1179
|
+
pt
|
|
1230
1180
|
]), K(() => {
|
|
1231
|
-
if (!
|
|
1181
|
+
if (!l || !r || !b) return;
|
|
1232
1182
|
const t = () => {
|
|
1233
|
-
|
|
1234
|
-
|
|
1183
|
+
M.current.dragging || j.current === null && (j.current = window.requestAnimationFrame(() => {
|
|
1184
|
+
j.current = null, !M.current.dragging && pt({
|
|
1235
1185
|
key: J.current,
|
|
1236
1186
|
settle: !1
|
|
1237
1187
|
});
|
|
1238
1188
|
}));
|
|
1239
1189
|
};
|
|
1240
1190
|
window.addEventListener("resize", t), window.visualViewport?.addEventListener("resize", t);
|
|
1241
|
-
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) => {
|
|
1242
1192
|
e && u.target instanceof Element && e.contains(u.target) && t();
|
|
1243
1193
|
};
|
|
1244
1194
|
return c && (e && c.observe(e), a && c.observe(a)), e?.addEventListener(
|
|
1245
1195
|
"transitionend",
|
|
1246
|
-
|
|
1196
|
+
s,
|
|
1247
1197
|
!0
|
|
1248
1198
|
), e?.addEventListener(
|
|
1249
1199
|
"transitioncancel",
|
|
1250
|
-
|
|
1200
|
+
s,
|
|
1251
1201
|
!0
|
|
1252
1202
|
), () => {
|
|
1253
1203
|
window.removeEventListener("resize", t), window.visualViewport?.removeEventListener("resize", t), e?.removeEventListener(
|
|
1254
1204
|
"transitionend",
|
|
1255
|
-
|
|
1205
|
+
s,
|
|
1256
1206
|
!0
|
|
1257
1207
|
), e?.removeEventListener(
|
|
1258
1208
|
"transitioncancel",
|
|
1259
|
-
|
|
1209
|
+
s,
|
|
1260
1210
|
!0
|
|
1261
|
-
), c?.disconnect(),
|
|
1211
|
+
), c?.disconnect(), j.current !== null && (window.cancelAnimationFrame(j.current), j.current = null);
|
|
1262
1212
|
};
|
|
1263
1213
|
}, [
|
|
1264
1214
|
r,
|
|
1265
|
-
|
|
1215
|
+
l,
|
|
1266
1216
|
b,
|
|
1267
1217
|
i,
|
|
1268
|
-
|
|
1218
|
+
pt
|
|
1269
1219
|
]), K(() => {
|
|
1270
|
-
if (ie <= 0 || !
|
|
1220
|
+
if (ie <= 0 || !l || !r || !b)
|
|
1271
1221
|
return;
|
|
1272
1222
|
let t = window.requestAnimationFrame(() => {
|
|
1273
|
-
t = null,
|
|
1223
|
+
t = null, pt({
|
|
1274
1224
|
key: J.current,
|
|
1275
1225
|
settle: !1
|
|
1276
1226
|
});
|
|
@@ -1280,16 +1230,16 @@ function Gr({
|
|
|
1280
1230
|
};
|
|
1281
1231
|
}, [
|
|
1282
1232
|
r,
|
|
1283
|
-
|
|
1233
|
+
l,
|
|
1284
1234
|
b,
|
|
1285
1235
|
ie,
|
|
1286
|
-
|
|
1236
|
+
pt
|
|
1287
1237
|
]);
|
|
1288
1238
|
const Se = f(
|
|
1289
1239
|
(t, e, a) => {
|
|
1290
|
-
if (typeof Element > "u" || !(t instanceof Element) ||
|
|
1291
|
-
const c = Date.now(),
|
|
1292
|
-
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;
|
|
1293
1243
|
},
|
|
1294
1244
|
[W, se]
|
|
1295
1245
|
), wt = f(
|
|
@@ -1298,12 +1248,12 @@ function Gr({
|
|
|
1298
1248
|
pointerId: e = null,
|
|
1299
1249
|
selectionArbitration: a = !1,
|
|
1300
1250
|
source: c,
|
|
1301
|
-
startX:
|
|
1251
|
+
startX: s = 0,
|
|
1302
1252
|
startY: u,
|
|
1303
1253
|
touchId: d = null
|
|
1304
1254
|
}) => {
|
|
1305
1255
|
const { startTranslate: p, startTranslatePoint: m } = ye(), h = tt();
|
|
1306
|
-
|
|
1256
|
+
M.current = {
|
|
1307
1257
|
dragging: !0,
|
|
1308
1258
|
allowed: !1,
|
|
1309
1259
|
chrome: t,
|
|
@@ -1311,9 +1261,9 @@ function Gr({
|
|
|
1311
1261
|
closeAllowed: null,
|
|
1312
1262
|
started: !1,
|
|
1313
1263
|
source: c,
|
|
1314
|
-
startX:
|
|
1264
|
+
startX: s,
|
|
1315
1265
|
startY: u,
|
|
1316
|
-
lastX:
|
|
1266
|
+
lastX: s,
|
|
1317
1267
|
lastY: u,
|
|
1318
1268
|
startTranslateX: m.x,
|
|
1319
1269
|
startTranslate: p,
|
|
@@ -1323,7 +1273,7 @@ function Gr({
|
|
|
1323
1273
|
samples: [
|
|
1324
1274
|
{
|
|
1325
1275
|
time: h,
|
|
1326
|
-
pageX:
|
|
1276
|
+
pageX: s,
|
|
1327
1277
|
pageY: u,
|
|
1328
1278
|
translateX: m.x,
|
|
1329
1279
|
translateY: p
|
|
@@ -1334,14 +1284,14 @@ function Gr({
|
|
|
1334
1284
|
};
|
|
1335
1285
|
},
|
|
1336
1286
|
[ye]
|
|
1337
|
-
),
|
|
1287
|
+
), mt = f(
|
|
1338
1288
|
(t) => {
|
|
1339
|
-
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;
|
|
1340
1290
|
},
|
|
1341
|
-
[Q,
|
|
1291
|
+
[Q, st]
|
|
1342
1292
|
), De = f(
|
|
1343
1293
|
(t, e) => {
|
|
1344
|
-
const a =
|
|
1294
|
+
const a = it(), c = lt();
|
|
1345
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 = [
|
|
1346
1296
|
{
|
|
1347
1297
|
time: t.startTime,
|
|
@@ -1352,67 +1302,67 @@ function Gr({
|
|
|
1352
1302
|
}
|
|
1353
1303
|
];
|
|
1354
1304
|
},
|
|
1355
|
-
[
|
|
1305
|
+
[it, lt]
|
|
1356
1306
|
), Xe = f(
|
|
1357
1307
|
({
|
|
1358
1308
|
currentTranslate: t,
|
|
1359
1309
|
dismissible: e,
|
|
1360
1310
|
releaseVelocity: a,
|
|
1361
1311
|
deltaY: c,
|
|
1362
|
-
startTranslate:
|
|
1312
|
+
startTranslate: s
|
|
1363
1313
|
}) => {
|
|
1364
|
-
const u =
|
|
1365
|
-
|
|
1314
|
+
const u = k(), d = Z(), p = d > 0, m = u, h = Math.max(
|
|
1315
|
+
F.dismissal.minDistancePx,
|
|
1366
1316
|
(u - d) * Tt
|
|
1367
|
-
),
|
|
1368
|
-
(
|
|
1369
|
-
), C =
|
|
1370
|
-
|
|
1371
|
-
), T =
|
|
1317
|
+
), Y = w.map(
|
|
1318
|
+
(H) => N(u - H, 0, u)
|
|
1319
|
+
), C = Oe(
|
|
1320
|
+
Y.length ? Y : [0]
|
|
1321
|
+
), T = Xr({
|
|
1372
1322
|
currentTranslate: t,
|
|
1373
1323
|
releaseVelocity: a
|
|
1374
1324
|
});
|
|
1375
1325
|
p && C.push(d);
|
|
1376
|
-
const v =
|
|
1377
|
-
return e && !p && c > 0 && t >= d + h ? m :
|
|
1326
|
+
const v = Oe(C);
|
|
1327
|
+
return e && !p && c > 0 && t >= d + h ? m : Yr(a) ? v.length > 1 ? xr(
|
|
1378
1328
|
v,
|
|
1379
|
-
|
|
1329
|
+
s,
|
|
1380
1330
|
t,
|
|
1381
1331
|
c > 0 ? "down" : "up",
|
|
1382
1332
|
T
|
|
1383
|
-
) : 0 : e && t > u * Tt && !p ? m :
|
|
1333
|
+
) : 0 : e && t > u * Tt && !p ? m : Tr(v, t);
|
|
1384
1334
|
},
|
|
1385
|
-
[Tt, Z,
|
|
1386
|
-
),
|
|
1335
|
+
[Tt, Z, k, w]
|
|
1336
|
+
), It = f(
|
|
1387
1337
|
(t) => {
|
|
1388
|
-
const e = L ??
|
|
1389
|
-
Et.current =
|
|
1338
|
+
const e = L ?? k();
|
|
1339
|
+
Et.current = fr({
|
|
1390
1340
|
defaultTranslate: D,
|
|
1391
1341
|
sheetHeight: e,
|
|
1392
1342
|
snapHeights: w,
|
|
1393
1343
|
translate: t
|
|
1394
1344
|
});
|
|
1395
1345
|
},
|
|
1396
|
-
[
|
|
1397
|
-
),
|
|
1346
|
+
[k, L, w, D]
|
|
1347
|
+
), Ze = f(() => {
|
|
1398
1348
|
if (n !== "bottom") return !1;
|
|
1399
|
-
const t =
|
|
1349
|
+
const t = pr({
|
|
1400
1350
|
backdropFromHeight: E,
|
|
1401
1351
|
currentTranslate: W(),
|
|
1402
|
-
sheetHeight: L ??
|
|
1352
|
+
sheetHeight: L ?? k(),
|
|
1403
1353
|
snapHeights: w
|
|
1404
1354
|
});
|
|
1405
|
-
return t === null ? !1 : (
|
|
1355
|
+
return t === null ? !1 : (O(t, { intent: "sheet" }), It(t), !0);
|
|
1406
1356
|
}, [
|
|
1407
1357
|
E,
|
|
1408
|
-
|
|
1409
|
-
|
|
1358
|
+
It,
|
|
1359
|
+
k,
|
|
1410
1360
|
W,
|
|
1411
1361
|
n,
|
|
1412
|
-
|
|
1362
|
+
O,
|
|
1413
1363
|
L,
|
|
1414
1364
|
w
|
|
1415
|
-
]),
|
|
1365
|
+
]), qe = f(
|
|
1416
1366
|
(t) => {
|
|
1417
1367
|
if (!r || n !== "bottom" && !b || o === !1 || t.pointerType === "touch") return;
|
|
1418
1368
|
let e = !1;
|
|
@@ -1420,11 +1370,11 @@ function Gr({
|
|
|
1420
1370
|
e = !0;
|
|
1421
1371
|
else if (o === "handle")
|
|
1422
1372
|
return;
|
|
1423
|
-
if (!e &&
|
|
1424
|
-
if (o === "content" && (e = Ve(t.target), !
|
|
1425
|
-
n === "bottom" && !
|
|
1373
|
+
if (!e && te(t.target)) return;
|
|
1374
|
+
if (o === "content" && (e = Ve(t.target), !Sr(t, e))) {
|
|
1375
|
+
n === "bottom" && !lr({
|
|
1426
1376
|
target: t.target,
|
|
1427
|
-
boundary:
|
|
1377
|
+
boundary: _.current
|
|
1428
1378
|
}) && wt({
|
|
1429
1379
|
chrome: !1,
|
|
1430
1380
|
pointerId: t.pointerId,
|
|
@@ -1435,14 +1385,14 @@ function Gr({
|
|
|
1435
1385
|
});
|
|
1436
1386
|
return;
|
|
1437
1387
|
}
|
|
1438
|
-
const a =
|
|
1388
|
+
const a = wr(t.target);
|
|
1439
1389
|
wt({
|
|
1440
1390
|
chrome: e,
|
|
1441
1391
|
pointerId: t.pointerId,
|
|
1442
1392
|
source: "pointer",
|
|
1443
1393
|
startX: t.pageX,
|
|
1444
1394
|
startY: t.pageY
|
|
1445
|
-
}),
|
|
1395
|
+
}), vr(t.target) || t.preventDefault(), Q(!0), !a && typeof t.currentTarget.setPointerCapture == "function" && t.currentTarget.setPointerCapture(t.pointerId);
|
|
1446
1396
|
},
|
|
1447
1397
|
[
|
|
1448
1398
|
wt,
|
|
@@ -1452,82 +1402,82 @@ function Gr({
|
|
|
1452
1402
|
b,
|
|
1453
1403
|
Q
|
|
1454
1404
|
]
|
|
1455
|
-
),
|
|
1405
|
+
), gt = f(
|
|
1456
1406
|
(t, e) => {
|
|
1457
|
-
if (!
|
|
1407
|
+
if (!R) return !1;
|
|
1458
1408
|
if (e <= 0) return !0;
|
|
1459
1409
|
if (t.closeAllowed !== null) return t.closeAllowed;
|
|
1460
|
-
const a =
|
|
1410
|
+
const a = ae({ reason: "drag-dismiss" });
|
|
1461
1411
|
return t.closeAllowed = a, a;
|
|
1462
1412
|
},
|
|
1463
|
-
[
|
|
1464
|
-
),
|
|
1413
|
+
[ae, R]
|
|
1414
|
+
), kt = f(
|
|
1465
1415
|
({
|
|
1466
1416
|
closeAllowed: t,
|
|
1467
1417
|
currentTranslate: e,
|
|
1468
1418
|
deltaY: a,
|
|
1469
1419
|
releaseVelocity: c,
|
|
1470
|
-
startTranslate:
|
|
1420
|
+
startTranslate: s
|
|
1471
1421
|
}) => {
|
|
1472
1422
|
const d = Xe({
|
|
1473
1423
|
currentTranslate: e,
|
|
1474
|
-
dismissible:
|
|
1424
|
+
dismissible: R && t !== !1,
|
|
1475
1425
|
releaseVelocity: c,
|
|
1476
1426
|
deltaY: a,
|
|
1477
|
-
startTranslate:
|
|
1478
|
-
}), p =
|
|
1427
|
+
startTranslate: s
|
|
1428
|
+
}), p = k(), m = Z();
|
|
1479
1429
|
if (d >= p - 1) {
|
|
1480
1430
|
at({ reason: "drag-dismiss" }, { commit: !1 }) ? we(d, {
|
|
1481
1431
|
from: e,
|
|
1482
1432
|
initialVelocity: c
|
|
1483
|
-
}) :
|
|
1433
|
+
}) : O(s, {
|
|
1484
1434
|
from: e,
|
|
1485
1435
|
initialVelocity: c
|
|
1486
1436
|
});
|
|
1487
1437
|
return;
|
|
1488
1438
|
}
|
|
1489
|
-
m > 0 && d >= m - 1 ?
|
|
1439
|
+
m > 0 && d >= m - 1 ? Ht("peeked") : (Ar({
|
|
1490
1440
|
presentationState: z,
|
|
1491
1441
|
releaseTranslate: d,
|
|
1492
1442
|
visibleTranslate: D
|
|
1493
|
-
}) && (
|
|
1443
|
+
}) && (_t.current = !0), Ht("visible"), It(d)), O(d, {
|
|
1494
1444
|
from: e,
|
|
1495
1445
|
initialVelocity: c
|
|
1496
1446
|
});
|
|
1497
1447
|
},
|
|
1498
1448
|
[
|
|
1499
1449
|
we,
|
|
1500
|
-
|
|
1501
|
-
|
|
1450
|
+
It,
|
|
1451
|
+
R,
|
|
1502
1452
|
Z,
|
|
1503
1453
|
Xe,
|
|
1504
|
-
|
|
1454
|
+
k,
|
|
1505
1455
|
z,
|
|
1506
1456
|
at,
|
|
1507
|
-
|
|
1508
|
-
|
|
1457
|
+
Ht,
|
|
1458
|
+
O,
|
|
1509
1459
|
D
|
|
1510
1460
|
]
|
|
1511
|
-
),
|
|
1461
|
+
), Ot = f(
|
|
1512
1462
|
({
|
|
1513
1463
|
currentTranslate: t,
|
|
1514
1464
|
releaseDelta: e,
|
|
1515
1465
|
releaseTranslate: a,
|
|
1516
1466
|
releaseVelocity: c
|
|
1517
1467
|
}) => {
|
|
1518
|
-
const
|
|
1519
|
-
if (!
|
|
1520
|
-
const u =
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
targets:
|
|
1524
|
-
}), d =
|
|
1525
|
-
(
|
|
1526
|
-
) ??
|
|
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 = {
|
|
1527
1477
|
x: d.x + e.x,
|
|
1528
1478
|
y: d.y + e.y
|
|
1529
1479
|
};
|
|
1530
|
-
if (
|
|
1480
|
+
if (R && m && Lr({
|
|
1531
1481
|
closeThreshold: Tt,
|
|
1532
1482
|
currentTarget: d,
|
|
1533
1483
|
currentTranslate: h,
|
|
@@ -1536,13 +1486,13 @@ function Gr({
|
|
|
1536
1486
|
height: m.height,
|
|
1537
1487
|
width: m.width
|
|
1538
1488
|
},
|
|
1539
|
-
targets:
|
|
1489
|
+
targets: s.targets
|
|
1540
1490
|
}) && at({ reason: "drag-dismiss" })) {
|
|
1541
|
-
G(),
|
|
1491
|
+
G(), x();
|
|
1542
1492
|
return;
|
|
1543
1493
|
}
|
|
1544
1494
|
if (J.current = u.key, U.current) {
|
|
1545
|
-
|
|
1495
|
+
Bt(u);
|
|
1546
1496
|
return;
|
|
1547
1497
|
}
|
|
1548
1498
|
q(u, {
|
|
@@ -1553,23 +1503,23 @@ function Gr({
|
|
|
1553
1503
|
[
|
|
1554
1504
|
G,
|
|
1555
1505
|
Tt,
|
|
1556
|
-
|
|
1557
|
-
|
|
1558
|
-
|
|
1506
|
+
R,
|
|
1507
|
+
x,
|
|
1508
|
+
ct,
|
|
1559
1509
|
at,
|
|
1560
|
-
|
|
1510
|
+
Bt,
|
|
1561
1511
|
q,
|
|
1562
1512
|
i
|
|
1563
1513
|
]
|
|
1564
|
-
),
|
|
1514
|
+
), tr = f(
|
|
1565
1515
|
(t) => {
|
|
1566
|
-
const e =
|
|
1516
|
+
const e = M.current;
|
|
1567
1517
|
if (!e.dragging || e.source !== "pointer" || !r || n !== "bottom" && !b)
|
|
1568
1518
|
return;
|
|
1569
|
-
const a = t.pageX - e.startX, c = t.pageY - e.startY,
|
|
1570
|
-
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)) {
|
|
1571
1521
|
if (e.selectionArbitration && !e.allowed) {
|
|
1572
|
-
const u = Math.abs(a), d = Math.abs(c), p =
|
|
1522
|
+
const u = Math.abs(a), d = Math.abs(c), p = F.selectionArbitrationThresholdPx;
|
|
1573
1523
|
if (u >= p && u >= d) {
|
|
1574
1524
|
e.dragging = !1;
|
|
1575
1525
|
return;
|
|
@@ -1586,10 +1536,10 @@ function Gr({
|
|
|
1586
1536
|
e.pointerId !== null && typeof u.hasPointerCapture == "function" && typeof u.setPointerCapture == "function" && !u.hasPointerCapture(e.pointerId) && u.setPointerCapture(e.pointerId);
|
|
1587
1537
|
}
|
|
1588
1538
|
if (t.preventDefault(), e.lastX = t.pageX, e.lastY = t.pageY, n === "popup")
|
|
1589
|
-
|
|
1539
|
+
ft(e, t), Ue(e, t);
|
|
1590
1540
|
else {
|
|
1591
|
-
const u = e.startTranslate + c, d =
|
|
1592
|
-
|
|
1541
|
+
const u = e.startTranslate + c, d = gt(e, c);
|
|
1542
|
+
ut(u, d), Dt(e, {
|
|
1593
1543
|
pageX: t.pageX,
|
|
1594
1544
|
pageY: t.pageY,
|
|
1595
1545
|
translateX: e.lastTranslateX,
|
|
@@ -1600,83 +1550,83 @@ function Gr({
|
|
|
1600
1550
|
},
|
|
1601
1551
|
[
|
|
1602
1552
|
r,
|
|
1603
|
-
|
|
1604
|
-
|
|
1553
|
+
ft,
|
|
1554
|
+
gt,
|
|
1605
1555
|
n,
|
|
1606
1556
|
b,
|
|
1607
1557
|
Q,
|
|
1608
|
-
|
|
1558
|
+
ut,
|
|
1609
1559
|
Se
|
|
1610
1560
|
]
|
|
1611
|
-
),
|
|
1561
|
+
), et = f(
|
|
1612
1562
|
({
|
|
1613
1563
|
currentTarget: t,
|
|
1614
1564
|
pageX: e,
|
|
1615
1565
|
pageY: a,
|
|
1616
1566
|
releaseCapture: c = !0
|
|
1617
1567
|
}) => {
|
|
1618
|
-
const
|
|
1619
|
-
if (!
|
|
1568
|
+
const s = M.current;
|
|
1569
|
+
if (!s.dragging || s.source !== "pointer" || !r || n !== "bottom" && !b)
|
|
1620
1570
|
return;
|
|
1621
|
-
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);
|
|
1622
1572
|
let C = {
|
|
1623
|
-
x:
|
|
1624
|
-
y:
|
|
1573
|
+
x: s.lastTranslateX,
|
|
1574
|
+
y: s.lastTranslate
|
|
1625
1575
|
}, T = C;
|
|
1626
|
-
const v =
|
|
1576
|
+
const v = s.startTranslate;
|
|
1627
1577
|
if (u)
|
|
1628
1578
|
if (n === "popup")
|
|
1629
|
-
|
|
1579
|
+
ft(s, {
|
|
1630
1580
|
pageX: d,
|
|
1631
1581
|
pageY: p
|
|
1632
1582
|
}), C = {
|
|
1633
|
-
x:
|
|
1634
|
-
y:
|
|
1635
|
-
}, T = Vt(
|
|
1583
|
+
x: s.lastTranslateX,
|
|
1584
|
+
y: s.lastTranslate
|
|
1585
|
+
}, T = Vt(s, {
|
|
1636
1586
|
pageX: d,
|
|
1637
1587
|
pageY: p
|
|
1638
1588
|
});
|
|
1639
1589
|
else {
|
|
1640
|
-
const B =
|
|
1641
|
-
|
|
1642
|
-
x:
|
|
1643
|
-
y:
|
|
1590
|
+
const B = s.startTranslate + h, St = gt(s, h);
|
|
1591
|
+
ut(B, St), C = {
|
|
1592
|
+
x: s.lastTranslateX,
|
|
1593
|
+
y: s.lastTranslate
|
|
1644
1594
|
};
|
|
1645
1595
|
}
|
|
1646
|
-
const
|
|
1647
|
-
if (c && t &&
|
|
1596
|
+
const H = s.closeAllowed;
|
|
1597
|
+
if (c && t && s.pointerId !== null && t.hasPointerCapture(s.pointerId) && t.releasePointerCapture(s.pointerId), u) {
|
|
1648
1598
|
const B = n === "popup" ? T : {
|
|
1649
|
-
x:
|
|
1650
|
-
y:
|
|
1599
|
+
x: s.lastTranslateX,
|
|
1600
|
+
y: s.lastTranslate
|
|
1651
1601
|
};
|
|
1652
|
-
Dt(
|
|
1602
|
+
Dt(s, {
|
|
1653
1603
|
pageX: d,
|
|
1654
1604
|
pageY: p,
|
|
1655
1605
|
translateX: B.x,
|
|
1656
1606
|
translateY: B.y
|
|
1657
1607
|
});
|
|
1658
1608
|
}
|
|
1659
|
-
if (
|
|
1660
|
-
if (
|
|
1661
|
-
const B =
|
|
1662
|
-
session:
|
|
1609
|
+
if (mt(s), !!u)
|
|
1610
|
+
if (Pt.current = tt() + 500, n === "popup") {
|
|
1611
|
+
const B = je({
|
|
1612
|
+
session: s,
|
|
1663
1613
|
fallbackDelta: { x: m, y: h },
|
|
1664
|
-
fallbackElapsed:
|
|
1614
|
+
fallbackElapsed: Y
|
|
1665
1615
|
});
|
|
1666
|
-
|
|
1616
|
+
Ot({
|
|
1667
1617
|
currentTranslate: C,
|
|
1668
1618
|
releaseDelta: { x: m, y: h },
|
|
1669
1619
|
releaseTranslate: T,
|
|
1670
1620
|
releaseVelocity: B
|
|
1671
1621
|
});
|
|
1672
1622
|
} else {
|
|
1673
|
-
const B =
|
|
1674
|
-
session:
|
|
1623
|
+
const B = _e({
|
|
1624
|
+
session: s,
|
|
1675
1625
|
fallbackDeltaY: h,
|
|
1676
|
-
fallbackElapsed:
|
|
1626
|
+
fallbackElapsed: Y
|
|
1677
1627
|
});
|
|
1678
|
-
|
|
1679
|
-
closeAllowed:
|
|
1628
|
+
kt({
|
|
1629
|
+
closeAllowed: H,
|
|
1680
1630
|
currentTranslate: C.y,
|
|
1681
1631
|
deltaY: h,
|
|
1682
1632
|
releaseVelocity: B,
|
|
@@ -1685,58 +1635,58 @@ function Gr({
|
|
|
1685
1635
|
}
|
|
1686
1636
|
},
|
|
1687
1637
|
[
|
|
1688
|
-
|
|
1689
|
-
|
|
1638
|
+
kt,
|
|
1639
|
+
Ot,
|
|
1690
1640
|
r,
|
|
1691
|
-
|
|
1692
|
-
|
|
1641
|
+
ft,
|
|
1642
|
+
gt,
|
|
1693
1643
|
n,
|
|
1694
1644
|
b,
|
|
1695
|
-
|
|
1696
|
-
|
|
1645
|
+
mt,
|
|
1646
|
+
ut
|
|
1697
1647
|
]
|
|
1698
|
-
),
|
|
1648
|
+
), Ye = f(
|
|
1699
1649
|
(t) => {
|
|
1700
|
-
|
|
1650
|
+
et({
|
|
1701
1651
|
currentTarget: t.currentTarget,
|
|
1702
1652
|
pageX: t.pageX,
|
|
1703
1653
|
pageY: t.pageY
|
|
1704
1654
|
});
|
|
1705
1655
|
},
|
|
1706
|
-
[
|
|
1707
|
-
),
|
|
1656
|
+
[et]
|
|
1657
|
+
), er = f(
|
|
1708
1658
|
(t) => {
|
|
1709
|
-
const e =
|
|
1710
|
-
e.pointerId !== null && t.pointerId !== e.pointerId ||
|
|
1659
|
+
const e = M.current;
|
|
1660
|
+
e.pointerId !== null && t.pointerId !== e.pointerId || et({
|
|
1711
1661
|
pageX: t.pageX,
|
|
1712
1662
|
pageY: t.pageY,
|
|
1713
1663
|
releaseCapture: !1
|
|
1714
1664
|
});
|
|
1715
1665
|
},
|
|
1716
|
-
[
|
|
1666
|
+
[et]
|
|
1717
1667
|
);
|
|
1718
|
-
|
|
1668
|
+
Ft(() => {
|
|
1719
1669
|
if (!r) return;
|
|
1720
|
-
const t = (
|
|
1721
|
-
const u =
|
|
1722
|
-
!u.dragging || u.source !== "pointer" || "pointerId" in
|
|
1723
|
-
pageX:
|
|
1724
|
-
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,
|
|
1725
1675
|
releaseCapture: !1
|
|
1726
1676
|
});
|
|
1727
1677
|
}, e = () => {
|
|
1728
|
-
const
|
|
1729
|
-
!
|
|
1730
|
-
pageX:
|
|
1731
|
-
pageY:
|
|
1678
|
+
const s = M.current;
|
|
1679
|
+
!s.dragging || s.source !== "pointer" || et({
|
|
1680
|
+
pageX: s.lastX,
|
|
1681
|
+
pageY: s.lastY,
|
|
1732
1682
|
releaseCapture: !1
|
|
1733
1683
|
});
|
|
1734
|
-
}, a = (
|
|
1735
|
-
const u =
|
|
1736
|
-
!u.dragging || u.source !== "pointer" ||
|
|
1737
|
-
}, c = (
|
|
1738
|
-
const u =
|
|
1739
|
-
!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);
|
|
1740
1690
|
};
|
|
1741
1691
|
return document.addEventListener("pointerout", a, !0), document.addEventListener("mouseout", c, !0), window.addEventListener("pointerup", t, !0), window.addEventListener(
|
|
1742
1692
|
"pointercancel",
|
|
@@ -1757,26 +1707,26 @@ function Gr({
|
|
|
1757
1707
|
!0
|
|
1758
1708
|
), window.removeEventListener("blur", e);
|
|
1759
1709
|
};
|
|
1760
|
-
}, [
|
|
1710
|
+
}, [et, r]), Ft(() => {
|
|
1761
1711
|
if (!r) return;
|
|
1762
1712
|
const t = (e) => {
|
|
1763
|
-
const a =
|
|
1713
|
+
const a = Pt.current;
|
|
1764
1714
|
if (a <= 0) return;
|
|
1765
1715
|
if (tt() > a) {
|
|
1766
|
-
|
|
1716
|
+
Pt.current = 0;
|
|
1767
1717
|
return;
|
|
1768
1718
|
}
|
|
1769
1719
|
const c = i.current;
|
|
1770
|
-
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());
|
|
1771
1721
|
};
|
|
1772
1722
|
return document.addEventListener("click", t, !0), () => {
|
|
1773
1723
|
document.removeEventListener("click", t, !0);
|
|
1774
1724
|
};
|
|
1775
1725
|
}, [r, i]);
|
|
1776
|
-
const
|
|
1777
|
-
const e =
|
|
1778
|
-
return e.touchId !== null ?
|
|
1779
|
-
}, []),
|
|
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(
|
|
1780
1730
|
(t) => {
|
|
1781
1731
|
if (!r || n !== "bottom" && !b || o === !1 || t.touches.length !== 1) return;
|
|
1782
1732
|
let e = !1;
|
|
@@ -1784,7 +1734,7 @@ function Gr({
|
|
|
1784
1734
|
e = !0;
|
|
1785
1735
|
else if (o === "handle")
|
|
1786
1736
|
return;
|
|
1787
|
-
if (!e &&
|
|
1737
|
+
if (!e && te(t.target)) return;
|
|
1788
1738
|
o === "content" && (e = Ve(t.target));
|
|
1789
1739
|
const a = t.touches[0];
|
|
1790
1740
|
n === "bottom" && Lt({
|
|
@@ -1806,44 +1756,44 @@ function Gr({
|
|
|
1806
1756
|
b,
|
|
1807
1757
|
Lt
|
|
1808
1758
|
]
|
|
1809
|
-
),
|
|
1759
|
+
), Me = f(
|
|
1810
1760
|
(t) => {
|
|
1811
|
-
const e =
|
|
1761
|
+
const e = M.current;
|
|
1812
1762
|
if (!e.dragging || e.source !== "touch" || !r || n !== "bottom" && !b)
|
|
1813
1763
|
return;
|
|
1814
|
-
const a =
|
|
1764
|
+
const a = Nt(t);
|
|
1815
1765
|
if (!a) return;
|
|
1816
|
-
const c = a.pageX - e.startX,
|
|
1766
|
+
const c = a.pageX - e.startX, s = a.pageY - e.startY, u = Ne({
|
|
1817
1767
|
deltaX: c,
|
|
1818
|
-
deltaY:
|
|
1768
|
+
deltaY: s,
|
|
1819
1769
|
placement: n
|
|
1820
|
-
}), d =
|
|
1770
|
+
}), d = F.dragStartThresholdPx.touch, p = n === "bottom" ? cr({
|
|
1821
1771
|
target: t.target,
|
|
1822
|
-
deltaY:
|
|
1772
|
+
deltaY: s,
|
|
1823
1773
|
chrome: e.chrome,
|
|
1824
|
-
bodyNode:
|
|
1825
|
-
canExpand:
|
|
1826
|
-
}) :
|
|
1774
|
+
bodyNode: _.current,
|
|
1775
|
+
canExpand: it() > 1
|
|
1776
|
+
}) : ur({
|
|
1827
1777
|
target: t.target,
|
|
1828
|
-
bodyNode:
|
|
1778
|
+
bodyNode: _.current
|
|
1829
1779
|
});
|
|
1830
1780
|
if (p.preventDefault) {
|
|
1831
|
-
const h = n === "bottom" && Math.abs(c) > Math.abs(
|
|
1781
|
+
const h = n === "bottom" && Math.abs(c) > Math.abs(s) && Math.abs(s) < d && !e.started && u < d;
|
|
1832
1782
|
!h && n === "bottom" && Lt({
|
|
1833
1783
|
target: t.target,
|
|
1834
1784
|
chrome: e.chrome
|
|
1835
|
-
}), h ||
|
|
1785
|
+
}), h || ke(t);
|
|
1836
1786
|
}
|
|
1837
1787
|
if (p.resetAnchor) {
|
|
1838
|
-
|
|
1788
|
+
st(!1), De(e, { x: a.pageX, y: a.pageY });
|
|
1839
1789
|
return;
|
|
1840
1790
|
}
|
|
1841
1791
|
if (p.allowDrag && !(!e.started && u < d))
|
|
1842
|
-
if (e.allowed || (e.allowed = !0, e.started = !0), p.preventDefault ||
|
|
1843
|
-
|
|
1792
|
+
if (e.allowed || (e.allowed = !0, e.started = !0), p.preventDefault || ke(t), e.lastX = a.pageX, e.lastY = a.pageY, n === "popup")
|
|
1793
|
+
ft(e, a), Ue(e, a);
|
|
1844
1794
|
else {
|
|
1845
|
-
const m = e.startTranslate +
|
|
1846
|
-
|
|
1795
|
+
const m = e.startTranslate + s, h = gt(e, s);
|
|
1796
|
+
ut(m, h), Dt(e, {
|
|
1847
1797
|
pageX: a.pageX,
|
|
1848
1798
|
pageY: a.pageY,
|
|
1849
1799
|
translateX: e.lastTranslateX,
|
|
@@ -1853,22 +1803,22 @@ function Gr({
|
|
|
1853
1803
|
},
|
|
1854
1804
|
[
|
|
1855
1805
|
r,
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1806
|
+
ft,
|
|
1807
|
+
gt,
|
|
1808
|
+
it,
|
|
1809
|
+
Nt,
|
|
1860
1810
|
n,
|
|
1861
1811
|
b,
|
|
1862
1812
|
De,
|
|
1863
|
-
|
|
1864
|
-
|
|
1813
|
+
st,
|
|
1814
|
+
ut,
|
|
1865
1815
|
Lt
|
|
1866
1816
|
]
|
|
1867
1817
|
);
|
|
1868
|
-
|
|
1869
|
-
if (!
|
|
1818
|
+
Ft(() => {
|
|
1819
|
+
if (!l || !r || n !== "bottom" && !b || o === !1 || typeof window > "u") return;
|
|
1870
1820
|
const t = (e) => {
|
|
1871
|
-
|
|
1821
|
+
Me(e);
|
|
1872
1822
|
};
|
|
1873
1823
|
return window.addEventListener("touchmove", t, {
|
|
1874
1824
|
capture: !0,
|
|
@@ -1876,57 +1826,57 @@ function Gr({
|
|
|
1876
1826
|
}), () => {
|
|
1877
1827
|
window.removeEventListener("touchmove", t, !0);
|
|
1878
1828
|
};
|
|
1879
|
-
}, [o, r,
|
|
1880
|
-
const
|
|
1829
|
+
}, [o, r, Me, l, n, b]);
|
|
1830
|
+
const nr = f(
|
|
1881
1831
|
(t) => {
|
|
1882
|
-
const e =
|
|
1832
|
+
const e = M.current;
|
|
1883
1833
|
if (!e.dragging || e.source !== "touch" || !r || n !== "bottom" && !b)
|
|
1884
1834
|
return;
|
|
1885
|
-
const a =
|
|
1886
|
-
n === "popup" &&
|
|
1887
|
-
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 = {
|
|
1888
1838
|
x: e.lastTranslateX,
|
|
1889
1839
|
y: e.lastTranslate
|
|
1890
1840
|
};
|
|
1891
|
-
let C =
|
|
1841
|
+
let C = Y;
|
|
1892
1842
|
const T = e.startTranslate;
|
|
1893
1843
|
if (u) {
|
|
1894
1844
|
const v = n === "popup" ? Vt(e, {
|
|
1895
1845
|
pageX: c,
|
|
1896
|
-
pageY:
|
|
1846
|
+
pageY: s
|
|
1897
1847
|
}) : {
|
|
1898
1848
|
x: e.lastTranslateX,
|
|
1899
1849
|
y: e.lastTranslate
|
|
1900
1850
|
};
|
|
1901
1851
|
C = v, Dt(e, {
|
|
1902
1852
|
pageX: c,
|
|
1903
|
-
pageY:
|
|
1853
|
+
pageY: s,
|
|
1904
1854
|
translateX: v.x,
|
|
1905
1855
|
translateY: v.y
|
|
1906
1856
|
});
|
|
1907
1857
|
}
|
|
1908
|
-
if (
|
|
1909
|
-
if (
|
|
1910
|
-
const v =
|
|
1858
|
+
if (mt(e), !!u)
|
|
1859
|
+
if (Pt.current = tt() + 500, n === "popup") {
|
|
1860
|
+
const v = je({
|
|
1911
1861
|
session: e,
|
|
1912
1862
|
fallbackDelta: { x: p, y: m },
|
|
1913
1863
|
fallbackElapsed: h
|
|
1914
1864
|
});
|
|
1915
|
-
|
|
1916
|
-
currentTranslate:
|
|
1865
|
+
Ot({
|
|
1866
|
+
currentTranslate: Y,
|
|
1917
1867
|
releaseDelta: { x: p, y: m },
|
|
1918
1868
|
releaseTranslate: C,
|
|
1919
1869
|
releaseVelocity: v
|
|
1920
1870
|
});
|
|
1921
1871
|
} else {
|
|
1922
|
-
const v =
|
|
1872
|
+
const v = _e({
|
|
1923
1873
|
session: e,
|
|
1924
1874
|
fallbackDeltaY: m,
|
|
1925
1875
|
fallbackElapsed: h
|
|
1926
1876
|
});
|
|
1927
|
-
|
|
1877
|
+
kt({
|
|
1928
1878
|
closeAllowed: d,
|
|
1929
|
-
currentTranslate:
|
|
1879
|
+
currentTranslate: Y.y,
|
|
1930
1880
|
deltaY: m,
|
|
1931
1881
|
releaseVelocity: v,
|
|
1932
1882
|
startTranslate: T
|
|
@@ -1934,53 +1884,53 @@ function Gr({
|
|
|
1934
1884
|
}
|
|
1935
1885
|
},
|
|
1936
1886
|
[
|
|
1937
|
-
|
|
1938
|
-
Ft,
|
|
1939
|
-
r,
|
|
1887
|
+
kt,
|
|
1940
1888
|
Ot,
|
|
1889
|
+
r,
|
|
1890
|
+
Nt,
|
|
1941
1891
|
n,
|
|
1942
1892
|
b,
|
|
1943
|
-
|
|
1944
|
-
|
|
1893
|
+
mt,
|
|
1894
|
+
dt
|
|
1945
1895
|
]
|
|
1946
1896
|
), ar = f(() => {
|
|
1947
|
-
const t =
|
|
1897
|
+
const t = M.current;
|
|
1948
1898
|
if (!t.dragging || t.source !== "touch") return;
|
|
1949
|
-
const e = t.started, a = t.startTranslate, c = t.lastTranslate,
|
|
1899
|
+
const e = t.started, a = t.startTranslate, c = t.lastTranslate, s = {
|
|
1950
1900
|
x: t.startTranslateX,
|
|
1951
1901
|
y: t.startTranslate
|
|
1952
1902
|
}, u = {
|
|
1953
1903
|
x: t.lastTranslateX,
|
|
1954
1904
|
y: t.lastTranslate
|
|
1955
1905
|
}, d = n;
|
|
1956
|
-
if (
|
|
1906
|
+
if (mt(t), !!e) {
|
|
1957
1907
|
if (d === "popup") {
|
|
1958
|
-
U.current ?
|
|
1908
|
+
U.current ? Bt(s) : q(s, { from: u });
|
|
1959
1909
|
return;
|
|
1960
1910
|
}
|
|
1961
|
-
|
|
1911
|
+
O(a, { from: c });
|
|
1962
1912
|
}
|
|
1963
1913
|
}, [
|
|
1964
1914
|
n,
|
|
1965
|
-
|
|
1966
|
-
|
|
1915
|
+
mt,
|
|
1916
|
+
Bt,
|
|
1967
1917
|
q,
|
|
1968
|
-
|
|
1918
|
+
O
|
|
1969
1919
|
]);
|
|
1970
1920
|
return {
|
|
1971
|
-
collapseBottomSheetToUndimmedSnap:
|
|
1921
|
+
collapseBottomSheetToUndimmedSnap: Ze,
|
|
1972
1922
|
handlers: {
|
|
1973
|
-
onPointerDown:
|
|
1974
|
-
onPointerMove:
|
|
1975
|
-
onPointerUp:
|
|
1976
|
-
onPointerCancel:
|
|
1977
|
-
onLostPointerCapture:
|
|
1978
|
-
onTouchStart:
|
|
1979
|
-
onTouchEnd:
|
|
1923
|
+
onPointerDown: qe,
|
|
1924
|
+
onPointerMove: tr,
|
|
1925
|
+
onPointerUp: Ye,
|
|
1926
|
+
onPointerCancel: Ye,
|
|
1927
|
+
onLostPointerCapture: er,
|
|
1928
|
+
onTouchStart: rr,
|
|
1929
|
+
onTouchEnd: nr,
|
|
1980
1930
|
onTouchCancel: ar
|
|
1981
1931
|
}
|
|
1982
1932
|
};
|
|
1983
1933
|
}
|
|
1984
1934
|
export {
|
|
1985
|
-
|
|
1935
|
+
_r as useModalDrag
|
|
1986
1936
|
};
|