@wix/editor-react-components 1.2774.0 → 1.2776.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/dist/site/components/AudioPlayer/component.js +5 -4
- package/dist/site/components/Breadcrumbs/component.js +1 -1
- package/dist/site/components/Button/component.js +1 -1
- package/dist/site/components/Checkbox/component.js +1 -1
- package/dist/site/components/CheckboxGroup/component.js +1 -1
- package/dist/site/components/CollapsibleText/component.js +1 -1
- package/dist/site/components/DatePicker/component.js +622 -7
- package/dist/site/components/Lottie/component.js +1 -1
- package/dist/site/components/Menu/component.js +1 -1
- package/dist/site/components/RadioButtons/component.js +1 -1
- package/dist/site/components/Slideshow/component.js +1 -1
- package/dist/site/components/TextBox/component.js +1 -1
- package/dist/site/components/TextInput/component.js +3 -2
- package/dist/site/components/TextMarquee/component.js +6 -6
- package/dist/site/components/TimePicker/TimePicker.types.d.ts +14 -39
- package/dist/site/components/TimePicker/component.js +81 -547
- package/dist/site/components/TimePicker/component.preview.d.ts +7 -2
- package/dist/site/components/TimePicker/components/TimePickerField.d.ts +1 -2
- package/dist/site/components/TimePicker/constants.d.ts +35 -68
- package/dist/site/components/TimePicker/css.css +17 -169
- package/dist/site/components/TimePicker/hooks/useTimePickerValue.d.ts +3 -5
- package/dist/site/components/TimePicker/manifest.js +246 -152
- package/dist/site/components/TimePicker/timePickerUtils.d.ts +8 -8
- package/dist/site/components/chunks/Button.js +466 -1055
- package/dist/site/components/chunks/Button2.js +284 -471
- package/dist/site/components/chunks/DateField.js +51 -673
- package/dist/site/components/chunks/Group.js +46 -160
- package/dist/site/components/chunks/I18nProvider.js +1 -1
- package/dist/site/components/chunks/Input.js +2 -2
- package/dist/site/components/chunks/constants2.js +40 -70
- package/dist/site/components/chunks/constants27.js +1 -1
- package/dist/site/components/chunks/filterDOMProps.js +13 -13
- package/dist/site/components/chunks/useFocusable.js +70 -0
- package/dist/site/components/chunks/usePress.js +825 -0
- package/package.json +2 -2
- package/dist/site/components/TimePicker/hooks/useTimeConstraints.d.ts +0 -8
- package/dist/site/components/chunks/VisuallyHidden.js +0 -47
- package/dist/site/components/chunks/{RequiredIndicator.js → useValidatedField.js} +19 -19
|
@@ -3,74 +3,13 @@ var __typeError = (msg) => {
|
|
|
3
3
|
};
|
|
4
4
|
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
5
5
|
var _type, _type2, _type3, _type4;
|
|
6
|
-
import {
|
|
7
|
-
import { flushSync } from "react-dom";
|
|
8
|
-
import React__default, { useState, useCallback, useRef, useContext, useMemo, useEffect, createContext, forwardRef, cloneElement } from "react";
|
|
9
|
-
import { F as $6a20a7989e6c817a$export$98658e8c59125e6a, v as $23f2114a1b82827e$export$4282f70798064fe0, G as $23f2114a1b82827e$export$cd4e5573fbe2b576, o as $d447af545b77c9f1$export$b204af158042fbac, H as $3b8b240c1bf84ab9$export$bebd5a1431fec25d, I as $3b8b240c1bf84ab9$export$4c063cf1350e6fed, J as $f192c2f16961cbe0$export$80f3e147d781571c, K as $c4867b2f328c2698$export$e5c5a5f917a5871c, q as $d447af545b77c9f1$export$f21a1ffae260145a, k as $23f2114a1b82827e$export$e58f029f0fbfdb29, L as $2add3ce32c6007eb$export$a11b0059900ceec8, M as $2add3ce32c6007eb$export$6446a186d09e379e, d as $8f5a2122b0992be3$export$630ff653c5ada6a9, s as $fe16bffc7a557bf0$export$7f54fc3180508a52, n as $2add3ce32c6007eb$export$fedb369cb70207f1, r as $48a7d519b337145d$export$4eaf04e54aa8eed6, a as $bbaa08b3cd72f041$export$9d1611c77c2fe928, N as $2c9edc598a03d523$export$420e68273165f4ec, j as $3274bf1495747a7b$export$5add1d006293d136, b as $390e54f620492c70$export$f680877a34711e37, O as $e8ac3c3f5d4bae7f$export$d6875122194c7b44, D as $2add3ce32c6007eb$export$9ac100e40613ea10, P as $2add3ce32c6007eb$export$78551043582a6a98, Q as $23f2114a1b82827e$export$b4f377a2b6254582, i as $3e6197669829fe11$export$40bfa8c7b0832715, m as $a049562f99e7db0e$export$f9c6924e160136d1, l as $01b77f81d0f07f68$export$75b6ee27786ba447, E as $0c4a58759813079a$export$4e328f61c538687f, $ as $e969f22b6713ca4a$export$ae780daf29e6d456, g as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "./Group.js";
|
|
10
|
-
import { a as $1dfb119a85e764e5$export$cc77c4ff7e8673c5, b as $d27d541f9569d26d$export$45712eceda6fad21, c as $240e9101ba2842f5$export$7d15b64cf5a3a4c4 } from "./Button.js";
|
|
11
|
-
import { a as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "./I18nProvider.js";
|
|
6
|
+
import { $ as $8e9d2fae0ecb9001$export$457c3d6518dd4c6f, b as $64fa3d84918910a7$export$29f1550f4b0d4415, c as $64fa3d84918910a7$export$fabf2dc03a41866e, d as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, e as $64fa3d84918910a7$export$ef03459518577ad4, f as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, h as $64fa3d84918910a7$export$2881499e37b75b9a, i as $df56164dff5785e2$export$4338b53315abf666 } from "./filterDOMProps.js";
|
|
12
7
|
import { c as $191c9b6d48a0a4e2$export$294aa081a6c6f55d, d as $860f7da480e22816$export$b8473d3665f3a75a, b as $fd2148440a13ec26$export$fc1a364ae1f3ff10, e as $d3e0e05bdfcf66bd$export$c24727297075ec6a, f as $3985021b0ad6602f$export$37fb8590cf2c088c, g as $514c0188e459b4c0$export$9afb8bc826b033ea, h as $ee014567cb39d3f0$export$ff05c3ac10437e03, i as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "./Input.js";
|
|
8
|
+
import { h as $6a20a7989e6c817a$export$98658e8c59125e6a, i as $23f2114a1b82827e$export$4282f70798064fe0, j as $23f2114a1b82827e$export$cd4e5573fbe2b576, k as $d447af545b77c9f1$export$b204af158042fbac, l as $3b8b240c1bf84ab9$export$bebd5a1431fec25d, m as $3b8b240c1bf84ab9$export$4c063cf1350e6fed, n as $f192c2f16961cbe0$export$80f3e147d781571c, o as $c4867b2f328c2698$export$e5c5a5f917a5871c, p as $d447af545b77c9f1$export$f21a1ffae260145a, e as $23f2114a1b82827e$export$e58f029f0fbfdb29, q as $2add3ce32c6007eb$export$a11b0059900ceec8, r as $2add3ce32c6007eb$export$6446a186d09e379e, s as $8f5a2122b0992be3$export$630ff653c5ada6a9, t as $fe16bffc7a557bf0$export$7f54fc3180508a52, u as $2add3ce32c6007eb$export$fedb369cb70207f1, v as $48a7d519b337145d$export$4eaf04e54aa8eed6, d as $bbaa08b3cd72f041$export$9d1611c77c2fe928, w as $2c9edc598a03d523$export$420e68273165f4ec, c as $3274bf1495747a7b$export$5add1d006293d136, x as $390e54f620492c70$export$f680877a34711e37, y as $e8ac3c3f5d4bae7f$export$d6875122194c7b44, z as $2add3ce32c6007eb$export$9ac100e40613ea10, b as $3e6197669829fe11$export$40bfa8c7b0832715, g as $a049562f99e7db0e$export$f9c6924e160136d1, f as $01b77f81d0f07f68$export$75b6ee27786ba447, A as $0c4a58759813079a$export$4e328f61c538687f, B as $e969f22b6713ca4a$export$ae780daf29e6d456, $ as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "./Group.js";
|
|
9
|
+
import React__default, { useRef, useContext, useMemo, useEffect, useState, useCallback, forwardRef, createContext, cloneElement } from "react";
|
|
10
|
+
import { a as $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7 } from "./I18nProvider.js";
|
|
11
|
+
import { $ as $1dfb119a85e764e5$export$cc77c4ff7e8673c5, a as $d27d541f9569d26d$export$45712eceda6fad21 } from "./usePress.js";
|
|
13
12
|
import { $ as $cf2482eff2eeeec2$export$f12b703ca79dfbb1, a as $cf2482eff2eeeec2$export$87b761675e8eaa10, b as $a747a10fe70a57da$export$c17fa47878dc55b6, c as $b27c684a33948c64$export$2f817fcdc4b89ae0 } from "./useLocalizedStringFormatter.js";
|
|
14
|
-
function $d3f049242431219c$export$6d3443f2c48bfc20(ref, isReady = true) {
|
|
15
|
-
let [isEntering, setEntering] = useState(true);
|
|
16
|
-
let isAnimationReady = isEntering && isReady;
|
|
17
|
-
$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
|
|
18
|
-
if (isAnimationReady && ref.current && "getAnimations" in ref.current) {
|
|
19
|
-
for (let animation of ref.current.getAnimations()) if (animation instanceof CSSTransition) animation.cancel();
|
|
20
|
-
}
|
|
21
|
-
}, [
|
|
22
|
-
ref,
|
|
23
|
-
isAnimationReady
|
|
24
|
-
]);
|
|
25
|
-
$d3f049242431219c$var$useAnimation(ref, isAnimationReady, useCallback(() => setEntering(false), []));
|
|
26
|
-
return isAnimationReady;
|
|
27
|
-
}
|
|
28
|
-
function $d3f049242431219c$export$45fda7c47f93fd48(ref, isOpen) {
|
|
29
|
-
let [exitState, setExitState] = useState(isOpen ? "open" : "closed");
|
|
30
|
-
switch (exitState) {
|
|
31
|
-
case "open":
|
|
32
|
-
if (!isOpen) setExitState("exiting");
|
|
33
|
-
break;
|
|
34
|
-
case "closed":
|
|
35
|
-
case "exiting":
|
|
36
|
-
if (isOpen) setExitState("open");
|
|
37
|
-
break;
|
|
38
|
-
}
|
|
39
|
-
let isExiting = exitState === "exiting";
|
|
40
|
-
$d3f049242431219c$var$useAnimation(ref, isExiting, useCallback(() => {
|
|
41
|
-
setExitState((state) => state === "exiting" ? "closed" : state);
|
|
42
|
-
}, []));
|
|
43
|
-
return isExiting;
|
|
44
|
-
}
|
|
45
|
-
function $d3f049242431219c$var$useAnimation(ref, isActive, onEnd) {
|
|
46
|
-
$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
|
|
47
|
-
if (isActive && ref.current) {
|
|
48
|
-
if (!("getAnimations" in ref.current)) {
|
|
49
|
-
onEnd();
|
|
50
|
-
return;
|
|
51
|
-
}
|
|
52
|
-
let animations = ref.current.getAnimations();
|
|
53
|
-
if (animations.length === 0) {
|
|
54
|
-
onEnd();
|
|
55
|
-
return;
|
|
56
|
-
}
|
|
57
|
-
let canceled = false;
|
|
58
|
-
Promise.all(animations.map((a) => a.finished)).then(() => {
|
|
59
|
-
if (!canceled) flushSync(() => {
|
|
60
|
-
onEnd();
|
|
61
|
-
});
|
|
62
|
-
}).catch(() => {
|
|
63
|
-
});
|
|
64
|
-
return () => {
|
|
65
|
-
canceled = true;
|
|
66
|
-
};
|
|
67
|
-
}
|
|
68
|
-
}, [
|
|
69
|
-
ref,
|
|
70
|
-
isActive,
|
|
71
|
-
onEnd
|
|
72
|
-
]);
|
|
73
|
-
}
|
|
74
13
|
function $09ec6a572d60460f$export$842a2cf37af977e1(amount, numerator) {
|
|
75
14
|
return amount - numerator * Math.floor(amount / numerator);
|
|
76
15
|
}
|
|
@@ -3804,28 +3743,6 @@ function $757ec6630f26125c$export$e908e06f4b8e3402(props) {
|
|
|
3804
3743
|
}
|
|
3805
3744
|
};
|
|
3806
3745
|
}
|
|
3807
|
-
const $22e2f5f6490788e8$export$f6211563215e3b37 = /* @__PURE__ */ new WeakMap();
|
|
3808
|
-
function $22e2f5f6490788e8$export$18fc8428861184da(opts) {
|
|
3809
|
-
let { triggerRef, isOpen, onClose } = opts;
|
|
3810
|
-
useEffect(() => {
|
|
3811
|
-
if (!isOpen || onClose === null) return;
|
|
3812
|
-
let onScroll = (e) => {
|
|
3813
|
-
let target = $23f2114a1b82827e$export$e58f029f0fbfdb29(e);
|
|
3814
|
-
if (!triggerRef.current || target instanceof Node && !$23f2114a1b82827e$export$4282f70798064fe0(target, triggerRef.current)) return;
|
|
3815
|
-
if (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement) return;
|
|
3816
|
-
let onCloseHandler = onClose || $22e2f5f6490788e8$export$f6211563215e3b37.get(triggerRef.current);
|
|
3817
|
-
if (onCloseHandler) onCloseHandler();
|
|
3818
|
-
};
|
|
3819
|
-
window.addEventListener("scroll", onScroll, true);
|
|
3820
|
-
return () => {
|
|
3821
|
-
window.removeEventListener("scroll", onScroll, true);
|
|
3822
|
-
};
|
|
3823
|
-
}, [
|
|
3824
|
-
isOpen,
|
|
3825
|
-
onClose,
|
|
3826
|
-
triggerRef
|
|
3827
|
-
]);
|
|
3828
|
-
}
|
|
3829
3746
|
var $0184ae2f3e9694a3$exports = {};
|
|
3830
3747
|
$0184ae2f3e9694a3$exports = {
|
|
3831
3748
|
"calendar": `التقويم`,
|
|
@@ -5111,536 +5028,6 @@ function $d51706f903be7eab$var$commonPrefixLength(strings) {
|
|
|
5111
5028
|
}
|
|
5112
5029
|
return 0;
|
|
5113
5030
|
}
|
|
5114
|
-
const $72abaeab4d80592f$export$60d741e20e0aa309 = /* @__PURE__ */ createContext({});
|
|
5115
|
-
function $72abaeab4d80592f$export$9fc1347d4195ccb3() {
|
|
5116
|
-
return useContext($72abaeab4d80592f$export$60d741e20e0aa309) ?? {};
|
|
5117
|
-
}
|
|
5118
|
-
function $970072cf4b13fde3$var$hasResizeObserver() {
|
|
5119
|
-
return typeof window.ResizeObserver !== "undefined";
|
|
5120
|
-
}
|
|
5121
|
-
function $970072cf4b13fde3$export$683480f191c0e3ea(options) {
|
|
5122
|
-
const { ref, box, onResize } = options;
|
|
5123
|
-
let onResizeEvent = $fe16bffc7a557bf0$export$7f54fc3180508a52(onResize);
|
|
5124
|
-
useEffect(() => {
|
|
5125
|
-
let element = ref == null ? void 0 : ref.current;
|
|
5126
|
-
if (!element) return;
|
|
5127
|
-
if (!$970072cf4b13fde3$var$hasResizeObserver()) {
|
|
5128
|
-
window.addEventListener("resize", onResizeEvent, false);
|
|
5129
|
-
return () => {
|
|
5130
|
-
window.removeEventListener("resize", onResizeEvent, false);
|
|
5131
|
-
};
|
|
5132
|
-
} else {
|
|
5133
|
-
const resizeObserverInstance = new window.ResizeObserver((entries) => {
|
|
5134
|
-
if (!entries.length) return;
|
|
5135
|
-
onResizeEvent();
|
|
5136
|
-
});
|
|
5137
|
-
resizeObserverInstance.observe(element, {
|
|
5138
|
-
box
|
|
5139
|
-
});
|
|
5140
|
-
return () => {
|
|
5141
|
-
if (element) resizeObserverInstance.unobserve(element);
|
|
5142
|
-
};
|
|
5143
|
-
}
|
|
5144
|
-
}, [
|
|
5145
|
-
ref,
|
|
5146
|
-
box
|
|
5147
|
-
]);
|
|
5148
|
-
}
|
|
5149
|
-
const $954926fb6168ae2a$var$AXIS = {
|
|
5150
|
-
top: "top",
|
|
5151
|
-
bottom: "top",
|
|
5152
|
-
left: "left",
|
|
5153
|
-
right: "left"
|
|
5154
|
-
};
|
|
5155
|
-
const $954926fb6168ae2a$var$FLIPPED_DIRECTION = {
|
|
5156
|
-
top: "bottom",
|
|
5157
|
-
bottom: "top",
|
|
5158
|
-
left: "right",
|
|
5159
|
-
right: "left"
|
|
5160
|
-
};
|
|
5161
|
-
const $954926fb6168ae2a$var$CROSS_AXIS = {
|
|
5162
|
-
top: "left",
|
|
5163
|
-
left: "top"
|
|
5164
|
-
};
|
|
5165
|
-
const $954926fb6168ae2a$var$AXIS_SIZE = {
|
|
5166
|
-
top: "height",
|
|
5167
|
-
left: "width"
|
|
5168
|
-
};
|
|
5169
|
-
const $954926fb6168ae2a$var$TOTAL_SIZE = {
|
|
5170
|
-
width: "totalWidth",
|
|
5171
|
-
height: "totalHeight"
|
|
5172
|
-
};
|
|
5173
|
-
const $954926fb6168ae2a$var$PARSED_PLACEMENT_CACHE = {};
|
|
5174
|
-
let $954926fb6168ae2a$var$getVisualViewport = () => typeof document !== "undefined" ? window.visualViewport : null;
|
|
5175
|
-
function $954926fb6168ae2a$var$getContainerDimensions(containerNode, visualViewport) {
|
|
5176
|
-
let width = 0, height = 0, totalWidth = 0, totalHeight = 0, top = 0, left = 0;
|
|
5177
|
-
let scroll = {};
|
|
5178
|
-
let isPinchZoomedIn = ((visualViewport == null ? void 0 : visualViewport.scale) ?? 1) > 1;
|
|
5179
|
-
if (containerNode.tagName === "BODY" || containerNode.tagName === "HTML") {
|
|
5180
|
-
let documentElement = document.documentElement;
|
|
5181
|
-
totalWidth = documentElement.clientWidth;
|
|
5182
|
-
totalHeight = documentElement.clientHeight;
|
|
5183
|
-
width = (visualViewport == null ? void 0 : visualViewport.width) ?? totalWidth;
|
|
5184
|
-
height = (visualViewport == null ? void 0 : visualViewport.height) ?? totalHeight;
|
|
5185
|
-
scroll.top = documentElement.scrollTop || containerNode.scrollTop;
|
|
5186
|
-
scroll.left = documentElement.scrollLeft || containerNode.scrollLeft;
|
|
5187
|
-
if (visualViewport) {
|
|
5188
|
-
top = visualViewport.offsetTop;
|
|
5189
|
-
left = visualViewport.offsetLeft;
|
|
5190
|
-
}
|
|
5191
|
-
} else {
|
|
5192
|
-
({ width, height, top, left } = $954926fb6168ae2a$var$getOffset(containerNode, false));
|
|
5193
|
-
scroll.top = containerNode.scrollTop;
|
|
5194
|
-
scroll.left = containerNode.scrollLeft;
|
|
5195
|
-
totalWidth = width;
|
|
5196
|
-
totalHeight = height;
|
|
5197
|
-
}
|
|
5198
|
-
if ($2add3ce32c6007eb$export$78551043582a6a98() && (containerNode.tagName === "BODY" || containerNode.tagName === "HTML") && isPinchZoomedIn) {
|
|
5199
|
-
scroll.top = 0;
|
|
5200
|
-
scroll.left = 0;
|
|
5201
|
-
top = (visualViewport == null ? void 0 : visualViewport.pageTop) ?? 0;
|
|
5202
|
-
left = (visualViewport == null ? void 0 : visualViewport.pageLeft) ?? 0;
|
|
5203
|
-
}
|
|
5204
|
-
return {
|
|
5205
|
-
width,
|
|
5206
|
-
height,
|
|
5207
|
-
totalWidth,
|
|
5208
|
-
totalHeight,
|
|
5209
|
-
scroll,
|
|
5210
|
-
top,
|
|
5211
|
-
left
|
|
5212
|
-
};
|
|
5213
|
-
}
|
|
5214
|
-
function $954926fb6168ae2a$var$getScroll(node) {
|
|
5215
|
-
return {
|
|
5216
|
-
top: node.scrollTop,
|
|
5217
|
-
left: node.scrollLeft,
|
|
5218
|
-
width: node.scrollWidth,
|
|
5219
|
-
height: node.scrollHeight
|
|
5220
|
-
};
|
|
5221
|
-
}
|
|
5222
|
-
function $954926fb6168ae2a$var$getDelta(axis, offset, size, boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary) {
|
|
5223
|
-
let containerScroll = containerDimensions.scroll[axis] ?? 0;
|
|
5224
|
-
let boundarySize = boundaryDimensions[$954926fb6168ae2a$var$AXIS_SIZE[axis]];
|
|
5225
|
-
let boundaryStartEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$954926fb6168ae2a$var$AXIS[axis]] + padding;
|
|
5226
|
-
let boundaryEndEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$954926fb6168ae2a$var$AXIS[axis]] + boundarySize - padding;
|
|
5227
|
-
let startEdgeOffset = offset - containerScroll + boundaryDimensions.scroll[$954926fb6168ae2a$var$AXIS[axis]] + containerOffsetWithBoundary[axis] - boundaryDimensions[$954926fb6168ae2a$var$AXIS[axis]];
|
|
5228
|
-
let endEdgeOffset = offset - containerScroll + size + boundaryDimensions.scroll[$954926fb6168ae2a$var$AXIS[axis]] + containerOffsetWithBoundary[axis] - boundaryDimensions[$954926fb6168ae2a$var$AXIS[axis]];
|
|
5229
|
-
if (startEdgeOffset < boundaryStartEdge) return boundaryStartEdge - startEdgeOffset;
|
|
5230
|
-
else if (endEdgeOffset > boundaryEndEdge) return Math.max(boundaryEndEdge - endEdgeOffset, boundaryStartEdge - startEdgeOffset);
|
|
5231
|
-
else return 0;
|
|
5232
|
-
}
|
|
5233
|
-
function $954926fb6168ae2a$var$getMargins(node) {
|
|
5234
|
-
let style = window.getComputedStyle(node);
|
|
5235
|
-
return {
|
|
5236
|
-
top: parseInt(style.marginTop, 10) || 0,
|
|
5237
|
-
bottom: parseInt(style.marginBottom, 10) || 0,
|
|
5238
|
-
left: parseInt(style.marginLeft, 10) || 0,
|
|
5239
|
-
right: parseInt(style.marginRight, 10) || 0
|
|
5240
|
-
};
|
|
5241
|
-
}
|
|
5242
|
-
function $954926fb6168ae2a$var$parsePlacement(input) {
|
|
5243
|
-
if ($954926fb6168ae2a$var$PARSED_PLACEMENT_CACHE[input]) return $954926fb6168ae2a$var$PARSED_PLACEMENT_CACHE[input];
|
|
5244
|
-
let [placement, crossPlacement] = input.split(" ");
|
|
5245
|
-
let axis = $954926fb6168ae2a$var$AXIS[placement] || "right";
|
|
5246
|
-
let crossAxis = $954926fb6168ae2a$var$CROSS_AXIS[axis];
|
|
5247
|
-
if (!$954926fb6168ae2a$var$AXIS[crossPlacement]) crossPlacement = "center";
|
|
5248
|
-
let size = $954926fb6168ae2a$var$AXIS_SIZE[axis];
|
|
5249
|
-
let crossSize = $954926fb6168ae2a$var$AXIS_SIZE[crossAxis];
|
|
5250
|
-
$954926fb6168ae2a$var$PARSED_PLACEMENT_CACHE[input] = {
|
|
5251
|
-
placement,
|
|
5252
|
-
crossPlacement,
|
|
5253
|
-
axis,
|
|
5254
|
-
crossAxis,
|
|
5255
|
-
size,
|
|
5256
|
-
crossSize
|
|
5257
|
-
};
|
|
5258
|
-
return $954926fb6168ae2a$var$PARSED_PLACEMENT_CACHE[input];
|
|
5259
|
-
}
|
|
5260
|
-
function $954926fb6168ae2a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions) {
|
|
5261
|
-
let { placement, crossPlacement, axis, crossAxis, size, crossSize } = placementInfo;
|
|
5262
|
-
let position = {};
|
|
5263
|
-
position[crossAxis] = childOffset[crossAxis] ?? 0;
|
|
5264
|
-
if (crossPlacement === "center")
|
|
5265
|
-
position[crossAxis] += ((childOffset[crossSize] ?? 0) - (overlaySize[crossSize] ?? 0)) / 2;
|
|
5266
|
-
else if (crossPlacement !== crossAxis)
|
|
5267
|
-
position[crossAxis] += (childOffset[crossSize] ?? 0) - (overlaySize[crossSize] ?? 0);
|
|
5268
|
-
position[crossAxis] += crossOffset;
|
|
5269
|
-
const minPosition = childOffset[crossAxis] - overlaySize[crossSize] + arrowSize + arrowBoundaryOffset;
|
|
5270
|
-
const maxPosition = childOffset[crossAxis] + childOffset[crossSize] - arrowSize - arrowBoundaryOffset;
|
|
5271
|
-
position[crossAxis] = $240e9101ba2842f5$export$7d15b64cf5a3a4c4(position[crossAxis], minPosition, maxPosition);
|
|
5272
|
-
if (placement === axis) {
|
|
5273
|
-
let containerHeight = isContainerPositioned ? containerDimensions[size] : containerDimensions[$954926fb6168ae2a$var$TOTAL_SIZE[size]];
|
|
5274
|
-
position[$954926fb6168ae2a$var$FLIPPED_DIRECTION[axis]] = Math.floor(containerHeight - childOffset[axis] + offset);
|
|
5275
|
-
} else position[axis] = Math.floor(childOffset[axis] + childOffset[size] + offset);
|
|
5276
|
-
return position;
|
|
5277
|
-
}
|
|
5278
|
-
function $954926fb6168ae2a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlayHeight, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport) {
|
|
5279
|
-
let overlayTop = (position.top != null ? position.top : containerDimensions[$954926fb6168ae2a$var$TOTAL_SIZE.height] - (position.bottom ?? 0) - overlayHeight) - (containerDimensions.scroll.top ?? 0);
|
|
5280
|
-
let boundaryToContainerTransformOffset = isContainerDescendentOfBoundary ? containerOffsetWithBoundary.top : 0;
|
|
5281
|
-
let boundingRect = {
|
|
5282
|
-
// This should be boundary top in container coord system vs viewport top in container coord system
|
|
5283
|
-
// For the viewport top, there are several cases
|
|
5284
|
-
// 1. pinchzoom case where we want the viewports offset top as top here
|
|
5285
|
-
// 2. case where container is offset from the boundary and is contained by the boundary. In this case the top we want here is NOT 0, we want to take boundary's top even though is is a negative number OR the visual viewport, whichever is more restrictive
|
|
5286
|
-
top: Math.max(boundaryDimensions.top + boundaryToContainerTransformOffset, ((visualViewport == null ? void 0 : visualViewport.offsetTop) ?? boundaryDimensions.top) + boundaryToContainerTransformOffset),
|
|
5287
|
-
bottom: Math.min(boundaryDimensions.top + boundaryDimensions.height + boundaryToContainerTransformOffset, ((visualViewport == null ? void 0 : visualViewport.offsetTop) ?? 0) + ((visualViewport == null ? void 0 : visualViewport.height) ?? 0))
|
|
5288
|
-
};
|
|
5289
|
-
let maxHeight = heightGrowthDirection !== "top" ? (
|
|
5290
|
-
// We want the distance between the top of the overlay to the bottom of the boundary
|
|
5291
|
-
Math.max(0, boundingRect.bottom - overlayTop - ((margins.top ?? 0) + (margins.bottom ?? 0) + padding))
|
|
5292
|
-
) : Math.max(0, overlayTop + overlayHeight - boundingRect.top - ((margins.top ?? 0) + (margins.bottom ?? 0) + padding));
|
|
5293
|
-
return maxHeight;
|
|
5294
|
-
}
|
|
5295
|
-
function $954926fb6168ae2a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo, containerDimensions, isContainerDescendentOfBoundary) {
|
|
5296
|
-
let { placement, axis, size } = placementInfo;
|
|
5297
|
-
if (placement === axis) return Math.max(0, childOffset[axis] - (containerDimensions.scroll[axis] ?? 0) - (boundaryDimensions[axis] + (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0)) - (margins[axis] ?? 0) - margins[$954926fb6168ae2a$var$FLIPPED_DIRECTION[axis]] - padding);
|
|
5298
|
-
return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0) - childOffset[axis] - childOffset[size] + (containerDimensions.scroll[axis] ?? 0) - (margins[axis] ?? 0) - margins[$954926fb6168ae2a$var$FLIPPED_DIRECTION[axis]] - padding);
|
|
5299
|
-
}
|
|
5300
|
-
function $954926fb6168ae2a$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport) {
|
|
5301
|
-
let placementInfo = $954926fb6168ae2a$var$parsePlacement(placementInput);
|
|
5302
|
-
let { size, crossAxis, crossSize, placement, crossPlacement } = placementInfo;
|
|
5303
|
-
let position = $954926fb6168ae2a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
|
|
5304
|
-
let normalizedOffset = offset;
|
|
5305
|
-
let space = $954926fb6168ae2a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo, containerDimensions, isContainerDescendentOfBoundary);
|
|
5306
|
-
if (flip && overlaySize[size] > space) {
|
|
5307
|
-
let flippedPlacementInfo = $954926fb6168ae2a$var$parsePlacement(`${$954926fb6168ae2a$var$FLIPPED_DIRECTION[placement]} ${crossPlacement}`);
|
|
5308
|
-
let flippedPosition = $954926fb6168ae2a$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
|
|
5309
|
-
let flippedSpace = $954926fb6168ae2a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo, containerDimensions, isContainerDescendentOfBoundary);
|
|
5310
|
-
if (flippedSpace > space) {
|
|
5311
|
-
placementInfo = flippedPlacementInfo;
|
|
5312
|
-
position = flippedPosition;
|
|
5313
|
-
normalizedOffset = offset;
|
|
5314
|
-
}
|
|
5315
|
-
}
|
|
5316
|
-
let heightGrowthDirection = "bottom";
|
|
5317
|
-
if (placementInfo.axis === "top") {
|
|
5318
|
-
if (placementInfo.placement === "top") heightGrowthDirection = "top";
|
|
5319
|
-
else if (placementInfo.placement === "bottom") heightGrowthDirection = "bottom";
|
|
5320
|
-
} else if (placementInfo.crossAxis === "top") {
|
|
5321
|
-
if (placementInfo.crossPlacement === "top") heightGrowthDirection = "bottom";
|
|
5322
|
-
else if (placementInfo.crossPlacement === "bottom") heightGrowthDirection = "top";
|
|
5323
|
-
}
|
|
5324
|
-
let delta = $954926fb6168ae2a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
|
|
5325
|
-
position[crossAxis] += delta;
|
|
5326
|
-
let maxHeight = $954926fb6168ae2a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlaySize.height, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport);
|
|
5327
|
-
if (userSetMaxHeight && userSetMaxHeight < maxHeight) maxHeight = userSetMaxHeight;
|
|
5328
|
-
overlaySize.height = Math.min(overlaySize.height, maxHeight);
|
|
5329
|
-
position = $954926fb6168ae2a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
|
|
5330
|
-
delta = $954926fb6168ae2a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
|
|
5331
|
-
position[crossAxis] += delta;
|
|
5332
|
-
let arrowPosition = {};
|
|
5333
|
-
let origin = childOffset[crossAxis] - position[crossAxis] - margins[$954926fb6168ae2a$var$AXIS[crossAxis]];
|
|
5334
|
-
let preferredArrowPosition = origin + 0.5 * childOffset[crossSize];
|
|
5335
|
-
const arrowMinPosition = arrowSize / 2 + arrowBoundaryOffset;
|
|
5336
|
-
const overlayMargin = $954926fb6168ae2a$var$AXIS[crossAxis] === "left" ? (margins.left ?? 0) + (margins.right ?? 0) : (margins.top ?? 0) + (margins.bottom ?? 0);
|
|
5337
|
-
const arrowMaxPosition = overlaySize[crossSize] - overlayMargin - arrowSize / 2 - arrowBoundaryOffset;
|
|
5338
|
-
const arrowOverlappingChildMinEdge = childOffset[crossAxis] + arrowSize / 2 - (position[crossAxis] + margins[$954926fb6168ae2a$var$AXIS[crossAxis]]);
|
|
5339
|
-
const arrowOverlappingChildMaxEdge = childOffset[crossAxis] + childOffset[crossSize] - arrowSize / 2 - (position[crossAxis] + margins[$954926fb6168ae2a$var$AXIS[crossAxis]]);
|
|
5340
|
-
const arrowPositionOverlappingChild = $240e9101ba2842f5$export$7d15b64cf5a3a4c4(preferredArrowPosition, arrowOverlappingChildMinEdge, arrowOverlappingChildMaxEdge);
|
|
5341
|
-
arrowPosition[crossAxis] = $240e9101ba2842f5$export$7d15b64cf5a3a4c4(arrowPositionOverlappingChild, arrowMinPosition, arrowMaxPosition);
|
|
5342
|
-
({ placement, crossPlacement } = placementInfo);
|
|
5343
|
-
if (arrowSize) origin = arrowPosition[crossAxis];
|
|
5344
|
-
else if (crossPlacement === "right") origin += childOffset[crossSize];
|
|
5345
|
-
else if (crossPlacement === "center") origin += childOffset[crossSize] / 2;
|
|
5346
|
-
let crossOrigin = placement === "left" || placement === "top" ? overlaySize[size] : 0;
|
|
5347
|
-
let triggerAnchorPoint = {
|
|
5348
|
-
x: placement === "top" || placement === "bottom" ? origin : crossOrigin,
|
|
5349
|
-
y: placement === "left" || placement === "right" ? origin : crossOrigin
|
|
5350
|
-
};
|
|
5351
|
-
return {
|
|
5352
|
-
position,
|
|
5353
|
-
maxHeight,
|
|
5354
|
-
arrowOffsetLeft: arrowPosition.left,
|
|
5355
|
-
arrowOffsetTop: arrowPosition.top,
|
|
5356
|
-
placement,
|
|
5357
|
-
triggerAnchorPoint
|
|
5358
|
-
};
|
|
5359
|
-
}
|
|
5360
|
-
function $954926fb6168ae2a$export$b3ceb0cbf1056d98(opts) {
|
|
5361
|
-
let { placement, targetNode, overlayNode, scrollNode, padding, shouldFlip, boundaryElement, offset, crossOffset, maxHeight, arrowSize = 0, arrowBoundaryOffset = 0 } = opts;
|
|
5362
|
-
let visualViewport = $954926fb6168ae2a$var$getVisualViewport();
|
|
5363
|
-
let container = overlayNode instanceof HTMLElement ? $954926fb6168ae2a$var$getContainingBlock(overlayNode) : document.documentElement;
|
|
5364
|
-
let isViewportContainer = container === document.documentElement;
|
|
5365
|
-
const containerPositionStyle = window.getComputedStyle(container).position;
|
|
5366
|
-
let isContainerPositioned = !!containerPositionStyle && containerPositionStyle !== "static";
|
|
5367
|
-
let childOffset = isViewportContainer ? $954926fb6168ae2a$var$getOffset(targetNode, false) : $954926fb6168ae2a$var$getPosition(targetNode, container, false);
|
|
5368
|
-
if (!isViewportContainer) {
|
|
5369
|
-
let { marginTop, marginLeft } = window.getComputedStyle(targetNode);
|
|
5370
|
-
childOffset.top += parseInt(marginTop, 10) || 0;
|
|
5371
|
-
childOffset.left += parseInt(marginLeft, 10) || 0;
|
|
5372
|
-
}
|
|
5373
|
-
let overlaySize = $954926fb6168ae2a$var$getOffset(overlayNode, true);
|
|
5374
|
-
let margins = $954926fb6168ae2a$var$getMargins(overlayNode);
|
|
5375
|
-
overlaySize.width += (margins.left ?? 0) + (margins.right ?? 0);
|
|
5376
|
-
overlaySize.height += (margins.top ?? 0) + (margins.bottom ?? 0);
|
|
5377
|
-
let scrollSize = $954926fb6168ae2a$var$getScroll(scrollNode);
|
|
5378
|
-
let boundaryDimensions = $954926fb6168ae2a$var$getContainerDimensions(boundaryElement, visualViewport);
|
|
5379
|
-
let containerDimensions = $954926fb6168ae2a$var$getContainerDimensions(container, visualViewport);
|
|
5380
|
-
let containerOffsetWithBoundary;
|
|
5381
|
-
if ((boundaryElement.tagName === "BODY" || boundaryElement.tagName === "HTML") && !isViewportContainer) {
|
|
5382
|
-
let containerRect = $954926fb6168ae2a$export$4b834cebd9e5cebe(container, false);
|
|
5383
|
-
containerOffsetWithBoundary = {
|
|
5384
|
-
top: -(containerRect.top - boundaryDimensions.top),
|
|
5385
|
-
left: -(containerRect.left - boundaryDimensions.left),
|
|
5386
|
-
width: 0,
|
|
5387
|
-
height: 0
|
|
5388
|
-
};
|
|
5389
|
-
} else if ((boundaryElement.tagName === "BODY" || boundaryElement.tagName === "HTML") && isViewportContainer)
|
|
5390
|
-
containerOffsetWithBoundary = {
|
|
5391
|
-
top: 0,
|
|
5392
|
-
left: 0,
|
|
5393
|
-
width: 0,
|
|
5394
|
-
height: 0
|
|
5395
|
-
};
|
|
5396
|
-
else
|
|
5397
|
-
containerOffsetWithBoundary = $954926fb6168ae2a$var$getPosition(boundaryElement, container, false);
|
|
5398
|
-
let isContainerDescendentOfBoundary = $23f2114a1b82827e$export$4282f70798064fe0(boundaryElement, container);
|
|
5399
|
-
return $954926fb6168ae2a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport);
|
|
5400
|
-
}
|
|
5401
|
-
function $954926fb6168ae2a$export$4b834cebd9e5cebe(node, ignoreScale) {
|
|
5402
|
-
let { top, left, width, height } = node.getBoundingClientRect();
|
|
5403
|
-
if (ignoreScale && node instanceof node.ownerDocument.defaultView.HTMLElement) {
|
|
5404
|
-
width = node.offsetWidth;
|
|
5405
|
-
height = node.offsetHeight;
|
|
5406
|
-
}
|
|
5407
|
-
return {
|
|
5408
|
-
top,
|
|
5409
|
-
left,
|
|
5410
|
-
width,
|
|
5411
|
-
height
|
|
5412
|
-
};
|
|
5413
|
-
}
|
|
5414
|
-
function $954926fb6168ae2a$var$getOffset(node, ignoreScale) {
|
|
5415
|
-
let { top, left, width, height } = $954926fb6168ae2a$export$4b834cebd9e5cebe(node, ignoreScale);
|
|
5416
|
-
let { scrollTop, scrollLeft, clientTop, clientLeft } = document.documentElement;
|
|
5417
|
-
return {
|
|
5418
|
-
top: top + scrollTop - clientTop,
|
|
5419
|
-
left: left + scrollLeft - clientLeft,
|
|
5420
|
-
width,
|
|
5421
|
-
height
|
|
5422
|
-
};
|
|
5423
|
-
}
|
|
5424
|
-
function $954926fb6168ae2a$var$getPosition(node, parent, ignoreScale) {
|
|
5425
|
-
let style = window.getComputedStyle(node);
|
|
5426
|
-
let offset;
|
|
5427
|
-
if (style.position === "fixed") offset = $954926fb6168ae2a$export$4b834cebd9e5cebe(node, ignoreScale);
|
|
5428
|
-
else {
|
|
5429
|
-
offset = $954926fb6168ae2a$var$getOffset(node, ignoreScale);
|
|
5430
|
-
let parentOffset = $954926fb6168ae2a$var$getOffset(parent, ignoreScale);
|
|
5431
|
-
let parentStyle = window.getComputedStyle(parent);
|
|
5432
|
-
parentOffset.top += (parseInt(parentStyle.borderTopWidth, 10) || 0) - parent.scrollTop;
|
|
5433
|
-
parentOffset.left += (parseInt(parentStyle.borderLeftWidth, 10) || 0) - parent.scrollLeft;
|
|
5434
|
-
offset.top -= parentOffset.top;
|
|
5435
|
-
offset.left -= parentOffset.left;
|
|
5436
|
-
}
|
|
5437
|
-
offset.top -= parseInt(style.marginTop, 10) || 0;
|
|
5438
|
-
offset.left -= parseInt(style.marginLeft, 10) || 0;
|
|
5439
|
-
return offset;
|
|
5440
|
-
}
|
|
5441
|
-
function $954926fb6168ae2a$var$getContainingBlock(node) {
|
|
5442
|
-
let offsetParent = node.offsetParent;
|
|
5443
|
-
if (offsetParent && offsetParent === document.body && window.getComputedStyle(offsetParent).position === "static" && !$954926fb6168ae2a$var$isContainingBlock(offsetParent)) offsetParent = document.documentElement;
|
|
5444
|
-
if (offsetParent == null) {
|
|
5445
|
-
offsetParent = node.parentElement;
|
|
5446
|
-
while (offsetParent && !$954926fb6168ae2a$var$isContainingBlock(offsetParent)) offsetParent = offsetParent.parentElement;
|
|
5447
|
-
}
|
|
5448
|
-
return offsetParent || document.documentElement;
|
|
5449
|
-
}
|
|
5450
|
-
function $954926fb6168ae2a$var$isContainingBlock(node) {
|
|
5451
|
-
let style = window.getComputedStyle(node);
|
|
5452
|
-
return style.transform !== "none" || /transform|perspective/.test(style.willChange) || style.filter !== "none" || style.contain === "paint" || "backdropFilter" in style && style.backdropFilter !== "none" || "WebkitBackdropFilter" in style && style.WebkitBackdropFilter !== "none";
|
|
5453
|
-
}
|
|
5454
|
-
let $b3526bc71400be8d$var$visualViewport = typeof document !== "undefined" ? window.visualViewport : null;
|
|
5455
|
-
function $b3526bc71400be8d$export$d39e1813b3bdd0e1(props) {
|
|
5456
|
-
let { direction } = $2eb8e6d23f3d0cb0$export$43bb16f9c6d9e3f7();
|
|
5457
|
-
let { arrowSize, targetRef, overlayRef, arrowRef, scrollRef = overlayRef, placement = "bottom", containerPadding = 12, shouldFlip = true, boundaryElement = typeof document !== "undefined" ? document.body : null, offset = 0, crossOffset = 0, shouldUpdatePosition = true, isOpen = true, onClose, maxHeight, arrowBoundaryOffset = 0 } = props;
|
|
5458
|
-
let [position, setPosition] = useState(null);
|
|
5459
|
-
let deps = [
|
|
5460
|
-
shouldUpdatePosition,
|
|
5461
|
-
placement,
|
|
5462
|
-
overlayRef.current,
|
|
5463
|
-
targetRef.current,
|
|
5464
|
-
arrowRef == null ? void 0 : arrowRef.current,
|
|
5465
|
-
scrollRef.current,
|
|
5466
|
-
containerPadding,
|
|
5467
|
-
shouldFlip,
|
|
5468
|
-
boundaryElement,
|
|
5469
|
-
offset,
|
|
5470
|
-
crossOffset,
|
|
5471
|
-
isOpen,
|
|
5472
|
-
direction,
|
|
5473
|
-
maxHeight,
|
|
5474
|
-
arrowBoundaryOffset,
|
|
5475
|
-
arrowSize
|
|
5476
|
-
];
|
|
5477
|
-
let lastScale = useRef($b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.scale);
|
|
5478
|
-
useEffect(() => {
|
|
5479
|
-
if (isOpen) lastScale.current = $b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.scale;
|
|
5480
|
-
}, [
|
|
5481
|
-
isOpen
|
|
5482
|
-
]);
|
|
5483
|
-
let updatePosition = useCallback(() => {
|
|
5484
|
-
var _a, _b;
|
|
5485
|
-
if (shouldUpdatePosition === false || !isOpen || !overlayRef.current || !targetRef.current || !boundaryElement) return;
|
|
5486
|
-
if (($b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.scale) !== lastScale.current) return;
|
|
5487
|
-
let anchor = null;
|
|
5488
|
-
if (scrollRef.current && $23f2114a1b82827e$export$b4f377a2b6254582(scrollRef.current)) {
|
|
5489
|
-
let anchorRect = (_a = $23f2114a1b82827e$export$cd4e5573fbe2b576()) == null ? void 0 : _a.getBoundingClientRect();
|
|
5490
|
-
let scrollRect = scrollRef.current.getBoundingClientRect();
|
|
5491
|
-
anchor = {
|
|
5492
|
-
type: "top",
|
|
5493
|
-
offset: ((anchorRect == null ? void 0 : anchorRect.top) ?? 0) - scrollRect.top
|
|
5494
|
-
};
|
|
5495
|
-
if (anchor.offset > scrollRect.height / 2) {
|
|
5496
|
-
anchor.type = "bottom";
|
|
5497
|
-
anchor.offset = ((anchorRect == null ? void 0 : anchorRect.bottom) ?? 0) - scrollRect.bottom;
|
|
5498
|
-
}
|
|
5499
|
-
}
|
|
5500
|
-
let overlay = overlayRef.current;
|
|
5501
|
-
if (!maxHeight && overlayRef.current) {
|
|
5502
|
-
overlay.style.top = "0px";
|
|
5503
|
-
overlay.style.bottom = "";
|
|
5504
|
-
overlay.style.maxHeight = (((_b = window.visualViewport) == null ? void 0 : _b.height) ?? window.innerHeight) + "px";
|
|
5505
|
-
}
|
|
5506
|
-
let position2 = $954926fb6168ae2a$export$b3ceb0cbf1056d98({
|
|
5507
|
-
placement: $b3526bc71400be8d$var$translateRTL(placement, direction),
|
|
5508
|
-
overlayNode: overlayRef.current,
|
|
5509
|
-
targetNode: targetRef.current,
|
|
5510
|
-
scrollNode: scrollRef.current || overlayRef.current,
|
|
5511
|
-
padding: containerPadding,
|
|
5512
|
-
shouldFlip,
|
|
5513
|
-
boundaryElement,
|
|
5514
|
-
offset,
|
|
5515
|
-
crossOffset,
|
|
5516
|
-
maxHeight,
|
|
5517
|
-
arrowSize: arrowSize ?? ((arrowRef == null ? void 0 : arrowRef.current) ? $954926fb6168ae2a$export$4b834cebd9e5cebe(arrowRef.current, true).width : 0),
|
|
5518
|
-
arrowBoundaryOffset
|
|
5519
|
-
});
|
|
5520
|
-
if (!position2.position) return;
|
|
5521
|
-
overlay.style.top = "";
|
|
5522
|
-
overlay.style.bottom = "";
|
|
5523
|
-
overlay.style.left = "";
|
|
5524
|
-
overlay.style.right = "";
|
|
5525
|
-
Object.keys(position2.position).forEach((key) => overlay.style[key] = position2.position[key] + "px");
|
|
5526
|
-
overlay.style.maxHeight = position2.maxHeight != null ? position2.maxHeight + "px" : "";
|
|
5527
|
-
let activeElement = $23f2114a1b82827e$export$cd4e5573fbe2b576();
|
|
5528
|
-
if (anchor && activeElement && scrollRef.current) {
|
|
5529
|
-
let anchorRect = activeElement.getBoundingClientRect();
|
|
5530
|
-
let scrollRect = scrollRef.current.getBoundingClientRect();
|
|
5531
|
-
let newOffset = anchorRect[anchor.type] - scrollRect[anchor.type];
|
|
5532
|
-
scrollRef.current.scrollTop += newOffset - anchor.offset;
|
|
5533
|
-
}
|
|
5534
|
-
setPosition(position2);
|
|
5535
|
-
}, deps);
|
|
5536
|
-
$c4867b2f328c2698$export$e5c5a5f917a5871c(updatePosition, deps);
|
|
5537
|
-
$b3526bc71400be8d$var$useResize(updatePosition);
|
|
5538
|
-
$970072cf4b13fde3$export$683480f191c0e3ea({
|
|
5539
|
-
ref: overlayRef,
|
|
5540
|
-
onResize: updatePosition
|
|
5541
|
-
});
|
|
5542
|
-
$970072cf4b13fde3$export$683480f191c0e3ea({
|
|
5543
|
-
ref: targetRef,
|
|
5544
|
-
onResize: updatePosition
|
|
5545
|
-
});
|
|
5546
|
-
let isResizing = useRef(false);
|
|
5547
|
-
$c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
|
|
5548
|
-
let timeout;
|
|
5549
|
-
let onResize = () => {
|
|
5550
|
-
isResizing.current = true;
|
|
5551
|
-
clearTimeout(timeout);
|
|
5552
|
-
timeout = setTimeout(() => {
|
|
5553
|
-
isResizing.current = false;
|
|
5554
|
-
}, 500);
|
|
5555
|
-
updatePosition();
|
|
5556
|
-
};
|
|
5557
|
-
let onScroll = () => {
|
|
5558
|
-
if (isResizing.current) onResize();
|
|
5559
|
-
};
|
|
5560
|
-
$b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.addEventListener("resize", onResize);
|
|
5561
|
-
$b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.addEventListener("scroll", onScroll);
|
|
5562
|
-
return () => {
|
|
5563
|
-
$b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.removeEventListener("resize", onResize);
|
|
5564
|
-
$b3526bc71400be8d$var$visualViewport == null ? void 0 : $b3526bc71400be8d$var$visualViewport.removeEventListener("scroll", onScroll);
|
|
5565
|
-
};
|
|
5566
|
-
}, [
|
|
5567
|
-
updatePosition
|
|
5568
|
-
]);
|
|
5569
|
-
let close = useCallback(() => {
|
|
5570
|
-
if (!isResizing.current) onClose == null ? void 0 : onClose();
|
|
5571
|
-
}, [
|
|
5572
|
-
onClose,
|
|
5573
|
-
isResizing
|
|
5574
|
-
]);
|
|
5575
|
-
$22e2f5f6490788e8$export$18fc8428861184da({
|
|
5576
|
-
triggerRef: targetRef,
|
|
5577
|
-
isOpen,
|
|
5578
|
-
onClose: onClose && close
|
|
5579
|
-
});
|
|
5580
|
-
return {
|
|
5581
|
-
overlayProps: {
|
|
5582
|
-
style: {
|
|
5583
|
-
position: position ? "absolute" : "fixed",
|
|
5584
|
-
top: !position ? 0 : void 0,
|
|
5585
|
-
left: !position ? 0 : void 0,
|
|
5586
|
-
zIndex: 1e5,
|
|
5587
|
-
...position == null ? void 0 : position.position,
|
|
5588
|
-
maxHeight: (position == null ? void 0 : position.maxHeight) ?? "100vh"
|
|
5589
|
-
}
|
|
5590
|
-
},
|
|
5591
|
-
placement: (position == null ? void 0 : position.placement) ?? null,
|
|
5592
|
-
triggerAnchorPoint: (position == null ? void 0 : position.triggerAnchorPoint) ?? null,
|
|
5593
|
-
arrowProps: {
|
|
5594
|
-
"aria-hidden": "true",
|
|
5595
|
-
role: "presentation",
|
|
5596
|
-
style: {
|
|
5597
|
-
left: position == null ? void 0 : position.arrowOffsetLeft,
|
|
5598
|
-
top: position == null ? void 0 : position.arrowOffsetTop
|
|
5599
|
-
}
|
|
5600
|
-
},
|
|
5601
|
-
updatePosition
|
|
5602
|
-
};
|
|
5603
|
-
}
|
|
5604
|
-
function $b3526bc71400be8d$var$useResize(onResize) {
|
|
5605
|
-
$c4867b2f328c2698$export$e5c5a5f917a5871c(() => {
|
|
5606
|
-
window.addEventListener("resize", onResize, false);
|
|
5607
|
-
return () => {
|
|
5608
|
-
window.removeEventListener("resize", onResize, false);
|
|
5609
|
-
};
|
|
5610
|
-
}, [
|
|
5611
|
-
onResize
|
|
5612
|
-
]);
|
|
5613
|
-
}
|
|
5614
|
-
function $b3526bc71400be8d$var$translateRTL(position, direction) {
|
|
5615
|
-
if (direction === "rtl") return position.replace("start", "right").replace("end", "left");
|
|
5616
|
-
return position.replace("start", "left").replace("end", "right");
|
|
5617
|
-
}
|
|
5618
|
-
function $f11fb0bcf1b2687a$export$61c6a8c84e605fb6(props) {
|
|
5619
|
-
let [isOpen, setOpen] = $3e6197669829fe11$export$40bfa8c7b0832715(props.isOpen, props.defaultOpen || false, props.onOpenChange);
|
|
5620
|
-
const open = useCallback(() => {
|
|
5621
|
-
setOpen(true);
|
|
5622
|
-
}, [
|
|
5623
|
-
setOpen
|
|
5624
|
-
]);
|
|
5625
|
-
const close = useCallback(() => {
|
|
5626
|
-
setOpen(false);
|
|
5627
|
-
}, [
|
|
5628
|
-
setOpen
|
|
5629
|
-
]);
|
|
5630
|
-
const toggle = useCallback(() => {
|
|
5631
|
-
setOpen(!isOpen);
|
|
5632
|
-
}, [
|
|
5633
|
-
setOpen,
|
|
5634
|
-
isOpen
|
|
5635
|
-
]);
|
|
5636
|
-
return {
|
|
5637
|
-
isOpen,
|
|
5638
|
-
setOpen,
|
|
5639
|
-
open,
|
|
5640
|
-
close,
|
|
5641
|
-
toggle
|
|
5642
|
-
};
|
|
5643
|
-
}
|
|
5644
5031
|
var $6f00cf506278c4dd$exports = {};
|
|
5645
5032
|
$6f00cf506278c4dd$exports = {
|
|
5646
5033
|
"rangeOverflow": (args) => `يجب أن تكون القيمة ${args.maxValue} أو قبل ذلك.`,
|
|
@@ -7100,9 +6487,6 @@ function $b822555cf9fe955c$var$convertValue(value, date = $ad063034c8620db8$expo
|
|
|
7100
6487
|
if ("day" in value) return value;
|
|
7101
6488
|
return $d07e34cce18680fd$export$b21e0b124e224484(date, value);
|
|
7102
6489
|
}
|
|
7103
|
-
const $44f671af83e7d9e0$export$2de4954e8ae13b9f = /* @__PURE__ */ createContext({
|
|
7104
|
-
placement: "bottom"
|
|
7105
|
-
});
|
|
7106
6490
|
const $40825cdb76e74f70$export$7b3e670c86da5fe8 = /* @__PURE__ */ createContext(null);
|
|
7107
6491
|
const $40825cdb76e74f70$export$8e17ddc448e87c1e = /* @__PURE__ */ createContext(null);
|
|
7108
6492
|
const $40825cdb76e74f70$export$3b08bebcf796eea0 = /* @__PURE__ */ createContext(null);
|
|
@@ -7304,56 +6688,50 @@ const $40825cdb76e74f70$export$336ab7fa954c4b5f = /* @__PURE__ */ forwardRef(fun
|
|
|
7304
6688
|
});
|
|
7305
6689
|
});
|
|
7306
6690
|
export {
|
|
7307
|
-
$
|
|
7308
|
-
$
|
|
7309
|
-
$
|
|
7310
|
-
$
|
|
7311
|
-
$
|
|
7312
|
-
$
|
|
7313
|
-
$ad063034c8620db8$export$
|
|
7314
|
-
$
|
|
7315
|
-
$ad063034c8620db8$export$
|
|
7316
|
-
$
|
|
7317
|
-
$
|
|
7318
|
-
$
|
|
7319
|
-
$
|
|
7320
|
-
$
|
|
7321
|
-
$
|
|
7322
|
-
$
|
|
7323
|
-
$
|
|
7324
|
-
$
|
|
7325
|
-
$
|
|
7326
|
-
$
|
|
7327
|
-
$
|
|
7328
|
-
$
|
|
7329
|
-
$
|
|
7330
|
-
$
|
|
7331
|
-
$
|
|
7332
|
-
$
|
|
7333
|
-
$
|
|
7334
|
-
$
|
|
7335
|
-
$
|
|
7336
|
-
$
|
|
7337
|
-
$
|
|
7338
|
-
$
|
|
7339
|
-
$
|
|
7340
|
-
$
|
|
7341
|
-
$
|
|
7342
|
-
$
|
|
7343
|
-
$ad063034c8620db8$export$
|
|
7344
|
-
$
|
|
7345
|
-
$
|
|
7346
|
-
$
|
|
7347
|
-
$
|
|
7348
|
-
$
|
|
7349
|
-
$
|
|
7350
|
-
$
|
|
7351
|
-
$
|
|
7352
|
-
$
|
|
7353
|
-
$ad063034c8620db8$export$42c81a444fbfb5d4 as u,
|
|
7354
|
-
$ad063034c8620db8$export$d0bdf45af03a6ea3 as v,
|
|
7355
|
-
$ad063034c8620db8$export$ccc1b2479e7dd654 as w,
|
|
7356
|
-
$654b97e09f2a30c1$export$4d0f8be8b12a7ef6 as x,
|
|
7357
|
-
$6a440d0e2d99dd46$export$4a931266a3838b86 as y,
|
|
7358
|
-
$535772f9d2c1f38d$export$c5251b9e124bf29 as z
|
|
6691
|
+
$58246871e4652552$export$c9698ec7f05a07e1 as $,
|
|
6692
|
+
$d07e34cce18680fd$export$93522d1a439f3617 as A,
|
|
6693
|
+
$ad063034c8620db8$export$5c333a116e949cdd as B,
|
|
6694
|
+
$ad063034c8620db8$export$f91e89d3d0406102 as C,
|
|
6695
|
+
$12a3c853105e5a70$export$ad991b66133851cf as D,
|
|
6696
|
+
$d07e34cce18680fd$export$b4a036af3fc0b032 as E,
|
|
6697
|
+
$ad063034c8620db8$export$dbc69fd56b53d5e as F,
|
|
6698
|
+
$ad063034c8620db8$export$2061056d06d7cdf7 as G,
|
|
6699
|
+
$ad063034c8620db8$export$ef8b6d9133084f4e as H,
|
|
6700
|
+
$93635573935797de$export$80ee6245ec4f29ec as I,
|
|
6701
|
+
$8b141f2f71e88f85$export$2440da353cedad43 as J,
|
|
6702
|
+
$8b141f2f71e88f85$export$f18627323ab57ac0 as K,
|
|
6703
|
+
$8b141f2f71e88f85$export$7e319ea407e63bc0 as L,
|
|
6704
|
+
$8b141f2f71e88f85$export$c5221a78ef73c5e9 as M,
|
|
6705
|
+
$d07e34cce18680fd$export$b21e0b124e224484 as N,
|
|
6706
|
+
$84102b64e5ca022f$export$dd0bbc9b26defe37 as O,
|
|
6707
|
+
$ad063034c8620db8$export$a18c89cbd24170ff as P,
|
|
6708
|
+
$58246871e4652552$export$588937bcd60ade55 as Q,
|
|
6709
|
+
$58246871e4652552$export$6b862160d295c8e as R,
|
|
6710
|
+
$40825cdb76e74f70$export$7b3e670c86da5fe8 as S,
|
|
6711
|
+
$40825cdb76e74f70$export$7edc06cf1783b30f as a,
|
|
6712
|
+
$40825cdb76e74f70$export$336ab7fa954c4b5f as b,
|
|
6713
|
+
$40825cdb76e74f70$export$5eaee2322dd727eb as c,
|
|
6714
|
+
$60f33508b4cd9d3b$export$85fd5fdf27bacc79 as d,
|
|
6715
|
+
$ad063034c8620db8$export$ea39ec197993aef0 as e,
|
|
6716
|
+
$ad063034c8620db8$export$a5a3b454ada2268e as f,
|
|
6717
|
+
$ad063034c8620db8$export$a2258d9c4118825c as g,
|
|
6718
|
+
$a46cf152bb926da5$export$a9b970dcc4ae71a9 as h,
|
|
6719
|
+
$9c268ab73a5d55e5$export$722debc0e56fea39 as i,
|
|
6720
|
+
$ad063034c8620db8$export$91b62ebf2ba703ee as j,
|
|
6721
|
+
$ad063034c8620db8$export$629b0a497aa65267 as k,
|
|
6722
|
+
$121970af65029459$export$f8aeda7b10753fa1 as l,
|
|
6723
|
+
$51a3e22a5186a962$export$c826860796309d1b as m,
|
|
6724
|
+
$3578607fe3d4b096$export$cfa2225e87938781 as n,
|
|
6725
|
+
$ad063034c8620db8$export$42c81a444fbfb5d4 as o,
|
|
6726
|
+
$ad063034c8620db8$export$d0bdf45af03a6ea3 as p,
|
|
6727
|
+
$ad063034c8620db8$export$ccc1b2479e7dd654 as q,
|
|
6728
|
+
$654b97e09f2a30c1$export$4d0f8be8b12a7ef6 as r,
|
|
6729
|
+
$6a440d0e2d99dd46$export$4a931266a3838b86 as s,
|
|
6730
|
+
$535772f9d2c1f38d$export$c5251b9e124bf29 as t,
|
|
6731
|
+
$7541913c0284d84b$export$300019f83c56d282 as u,
|
|
6732
|
+
$0014db39426443c5$exports as v,
|
|
6733
|
+
$535772f9d2c1f38d$export$20e40289641fbbb6 as w,
|
|
6734
|
+
$535772f9d2c1f38d$export$1258395f99bf9cbf as x,
|
|
6735
|
+
$901761b40e390936$export$2bb74740c4e19def as y,
|
|
6736
|
+
$ad063034c8620db8$export$a75f2bff57811055 as z
|
|
7359
6737
|
};
|