unplugin-docubook 1.1.3 → 1.2.1
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/README.md +187 -212
- package/dist/components/index.cjs +1643 -422
- package/dist/components/index.cjs.map +1 -1
- package/dist/components/index.js +1590 -422
- package/dist/components/index.js.map +1 -1
- package/package.json +3 -2
package/dist/components/index.js
CHANGED
|
@@ -8,26 +8,26 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
|
8
8
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
9
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
10
|
var __spreadValues = (a, b) => {
|
|
11
|
-
for (var
|
|
12
|
-
if (__hasOwnProp.call(b,
|
|
13
|
-
__defNormalProp(a,
|
|
11
|
+
for (var prop17 in b || (b = {}))
|
|
12
|
+
if (__hasOwnProp.call(b, prop17))
|
|
13
|
+
__defNormalProp(a, prop17, b[prop17]);
|
|
14
14
|
if (__getOwnPropSymbols)
|
|
15
|
-
for (var
|
|
16
|
-
if (__propIsEnum.call(b,
|
|
17
|
-
__defNormalProp(a,
|
|
15
|
+
for (var prop17 of __getOwnPropSymbols(b)) {
|
|
16
|
+
if (__propIsEnum.call(b, prop17))
|
|
17
|
+
__defNormalProp(a, prop17, b[prop17]);
|
|
18
18
|
}
|
|
19
19
|
return a;
|
|
20
20
|
};
|
|
21
21
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
22
22
|
var __objRest = (source, exclude) => {
|
|
23
23
|
var target = {};
|
|
24
|
-
for (var
|
|
25
|
-
if (__hasOwnProp.call(source,
|
|
26
|
-
target[
|
|
24
|
+
for (var prop17 in source)
|
|
25
|
+
if (__hasOwnProp.call(source, prop17) && exclude.indexOf(prop17) < 0)
|
|
26
|
+
target[prop17] = source[prop17];
|
|
27
27
|
if (source != null && __getOwnPropSymbols)
|
|
28
|
-
for (var
|
|
29
|
-
if (exclude.indexOf(
|
|
30
|
-
target[
|
|
28
|
+
for (var prop17 of __getOwnPropSymbols(source)) {
|
|
29
|
+
if (exclude.indexOf(prop17) < 0 && __propIsEnum.call(source, prop17))
|
|
30
|
+
target[prop17] = source[prop17];
|
|
31
31
|
}
|
|
32
32
|
return target;
|
|
33
33
|
};
|
|
@@ -551,12 +551,12 @@ function createSlot(ownerName) {
|
|
|
551
551
|
const slottable = childrenArray.find(isSlottable);
|
|
552
552
|
if (slottable) {
|
|
553
553
|
const newElement = slottable.props.children;
|
|
554
|
-
const newChildren = childrenArray.map((
|
|
555
|
-
if (
|
|
554
|
+
const newChildren = childrenArray.map((child16) => {
|
|
555
|
+
if (child16 === slottable) {
|
|
556
556
|
if (React4.Children.count(newElement) > 1) return React4.Children.only(null);
|
|
557
557
|
return React4.isValidElement(newElement) ? newElement.props.children : null;
|
|
558
558
|
} else {
|
|
559
|
-
return
|
|
559
|
+
return child16;
|
|
560
560
|
}
|
|
561
561
|
});
|
|
562
562
|
return /* @__PURE__ */ jsx3(SlotClone, __spreadProps(__spreadValues({}, slotProps), { ref: forwardedRef, children: React4.isValidElement(newElement) ? React4.cloneElement(newElement, void 0, newChildren) : null }));
|
|
@@ -593,8 +593,8 @@ function createSlottable(ownerName) {
|
|
|
593
593
|
Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
|
|
594
594
|
return Slottable2;
|
|
595
595
|
}
|
|
596
|
-
function isSlottable(
|
|
597
|
-
return React4.isValidElement(
|
|
596
|
+
function isSlottable(child16) {
|
|
597
|
+
return React4.isValidElement(child16) && typeof child16.type === "function" && "__radixId" in child16.type && child16.type.__radixId === SLOTTABLE_IDENTIFIER;
|
|
598
598
|
}
|
|
599
599
|
function mergeProps(slotProps, childProps) {
|
|
600
600
|
const overrideProps = __spreadValues({}, childProps);
|
|
@@ -705,10 +705,10 @@ function createCollection(name) {
|
|
|
705
705
|
// node_modules/@radix-ui/primitive/dist/index.mjs
|
|
706
706
|
var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
|
|
707
707
|
function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
|
|
708
|
-
return function handleEvent(
|
|
709
|
-
originalEventHandler == null ? void 0 : originalEventHandler(
|
|
710
|
-
if (checkForDefaultPrevented === false || !
|
|
711
|
-
return ourEventHandler == null ? void 0 : ourEventHandler(
|
|
708
|
+
return function handleEvent(event2) {
|
|
709
|
+
originalEventHandler == null ? void 0 : originalEventHandler(event2);
|
|
710
|
+
if (checkForDefaultPrevented === false || !event2.defaultPrevented) {
|
|
711
|
+
return ourEventHandler == null ? void 0 : ourEventHandler(event2);
|
|
712
712
|
}
|
|
713
713
|
};
|
|
714
714
|
}
|
|
@@ -725,7 +725,7 @@ var useLayoutEffect2 = (globalThis == null ? void 0 : globalThis.document) ? Rea
|
|
|
725
725
|
import * as React23 from "react";
|
|
726
726
|
var useInsertionEffect = React7[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
|
|
727
727
|
function useControllableState({
|
|
728
|
-
prop,
|
|
728
|
+
prop: prop17,
|
|
729
729
|
defaultProp,
|
|
730
730
|
onChange = () => {
|
|
731
731
|
},
|
|
@@ -735,10 +735,10 @@ function useControllableState({
|
|
|
735
735
|
defaultProp,
|
|
736
736
|
onChange
|
|
737
737
|
});
|
|
738
|
-
const isControlled =
|
|
739
|
-
const value = isControlled ?
|
|
738
|
+
const isControlled = prop17 !== void 0;
|
|
739
|
+
const value = isControlled ? prop17 : uncontrolledProp;
|
|
740
740
|
if (true) {
|
|
741
|
-
const isControlledRef = React7.useRef(
|
|
741
|
+
const isControlledRef = React7.useRef(prop17 !== void 0);
|
|
742
742
|
React7.useEffect(() => {
|
|
743
743
|
const wasControlled = isControlledRef.current;
|
|
744
744
|
if (wasControlled !== isControlled) {
|
|
@@ -755,15 +755,15 @@ function useControllableState({
|
|
|
755
755
|
(nextValue) => {
|
|
756
756
|
var _a;
|
|
757
757
|
if (isControlled) {
|
|
758
|
-
const value2 = isFunction(nextValue) ? nextValue(
|
|
759
|
-
if (value2 !==
|
|
758
|
+
const value2 = isFunction(nextValue) ? nextValue(prop17) : nextValue;
|
|
759
|
+
if (value2 !== prop17) {
|
|
760
760
|
(_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, value2);
|
|
761
761
|
}
|
|
762
762
|
} else {
|
|
763
763
|
setUncontrolledProp(nextValue);
|
|
764
764
|
}
|
|
765
765
|
},
|
|
766
|
-
[isControlled,
|
|
766
|
+
[isControlled, prop17, setUncontrolledProp, onChangeRef]
|
|
767
767
|
);
|
|
768
768
|
return [value, setValue];
|
|
769
769
|
}
|
|
@@ -826,8 +826,8 @@ var Primitive = NODES.reduce((primitive, node) => {
|
|
|
826
826
|
Node2.displayName = `Primitive.${node}`;
|
|
827
827
|
return __spreadProps(__spreadValues({}, primitive), { [node]: Node2 });
|
|
828
828
|
}, {});
|
|
829
|
-
function dispatchDiscreteCustomEvent(target,
|
|
830
|
-
if (target) ReactDOM.flushSync(() => target.dispatchEvent(
|
|
829
|
+
function dispatchDiscreteCustomEvent(target, event2) {
|
|
830
|
+
if (target) ReactDOM.flushSync(() => target.dispatchEvent(event2));
|
|
831
831
|
}
|
|
832
832
|
|
|
833
833
|
// node_modules/@radix-ui/react-collapsible/dist/index.mjs
|
|
@@ -837,18 +837,18 @@ import * as React11 from "react";
|
|
|
837
837
|
import * as React24 from "react";
|
|
838
838
|
import * as React9 from "react";
|
|
839
839
|
function useStateMachine(initialState, machine) {
|
|
840
|
-
return React9.useReducer((
|
|
841
|
-
const nextState = machine[
|
|
842
|
-
return nextState != null ? nextState :
|
|
840
|
+
return React9.useReducer((state4, event2) => {
|
|
841
|
+
const nextState = machine[state4][event2];
|
|
842
|
+
return nextState != null ? nextState : state4;
|
|
843
843
|
}, initialState);
|
|
844
844
|
}
|
|
845
845
|
var Presence = (props) => {
|
|
846
846
|
const { present, children } = props;
|
|
847
847
|
const presence = usePresence(present);
|
|
848
|
-
const
|
|
849
|
-
const ref = useComposedRefs(presence.ref, getElementRef2(
|
|
848
|
+
const child16 = typeof children === "function" ? children({ present: presence.isPresent }) : React24.Children.only(children);
|
|
849
|
+
const ref = useComposedRefs(presence.ref, getElementRef2(child16));
|
|
850
850
|
const forceMount = typeof children === "function";
|
|
851
|
-
return forceMount || presence.isPresent ? React24.cloneElement(
|
|
851
|
+
return forceMount || presence.isPresent ? React24.cloneElement(child16, { ref }) : null;
|
|
852
852
|
};
|
|
853
853
|
Presence.displayName = "Presence";
|
|
854
854
|
function usePresence(present) {
|
|
@@ -857,7 +857,7 @@ function usePresence(present) {
|
|
|
857
857
|
const prevPresentRef = React24.useRef(present);
|
|
858
858
|
const prevAnimationNameRef = React24.useRef("none");
|
|
859
859
|
const initialState = present ? "mounted" : "unmounted";
|
|
860
|
-
const [
|
|
860
|
+
const [state4, send] = useStateMachine(initialState, {
|
|
861
861
|
mounted: {
|
|
862
862
|
UNMOUNT: "unmounted",
|
|
863
863
|
ANIMATION_OUT: "unmountSuspended"
|
|
@@ -872,8 +872,8 @@ function usePresence(present) {
|
|
|
872
872
|
});
|
|
873
873
|
React24.useEffect(() => {
|
|
874
874
|
const currentAnimationName = getAnimationName(stylesRef.current);
|
|
875
|
-
prevAnimationNameRef.current =
|
|
876
|
-
}, [
|
|
875
|
+
prevAnimationNameRef.current = state4 === "mounted" ? currentAnimationName : "none";
|
|
876
|
+
}, [state4]);
|
|
877
877
|
useLayoutEffect2(() => {
|
|
878
878
|
const styles = stylesRef.current;
|
|
879
879
|
const wasPresent = prevPresentRef.current;
|
|
@@ -901,10 +901,10 @@ function usePresence(present) {
|
|
|
901
901
|
if (node) {
|
|
902
902
|
let timeoutId;
|
|
903
903
|
const ownerWindow = (_a = node.ownerDocument.defaultView) != null ? _a : window;
|
|
904
|
-
const handleAnimationEnd = (
|
|
904
|
+
const handleAnimationEnd = (event2) => {
|
|
905
905
|
const currentAnimationName = getAnimationName(stylesRef.current);
|
|
906
|
-
const isCurrentAnimation = currentAnimationName.includes(CSS.escape(
|
|
907
|
-
if (
|
|
906
|
+
const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event2.animationName));
|
|
907
|
+
if (event2.target === node && isCurrentAnimation) {
|
|
908
908
|
send("ANIMATION_END");
|
|
909
909
|
if (!prevPresentRef.current) {
|
|
910
910
|
const currentFillMode = node.style.animationFillMode;
|
|
@@ -917,8 +917,8 @@ function usePresence(present) {
|
|
|
917
917
|
}
|
|
918
918
|
}
|
|
919
919
|
};
|
|
920
|
-
const handleAnimationStart = (
|
|
921
|
-
if (
|
|
920
|
+
const handleAnimationStart = (event2) => {
|
|
921
|
+
if (event2.target === node) {
|
|
922
922
|
prevAnimationNameRef.current = getAnimationName(stylesRef.current);
|
|
923
923
|
}
|
|
924
924
|
};
|
|
@@ -936,7 +936,7 @@ function usePresence(present) {
|
|
|
936
936
|
}
|
|
937
937
|
}, [node, send]);
|
|
938
938
|
return {
|
|
939
|
-
isPresent: ["mounted", "unmountSuspended"].includes(
|
|
939
|
+
isPresent: ["mounted", "unmountSuspended"].includes(state4),
|
|
940
940
|
ref: React24.useCallback((node2) => {
|
|
941
941
|
stylesRef.current = node2 ? getComputedStyle(node2) : null;
|
|
942
942
|
setNode(node2);
|
|
@@ -1222,10 +1222,10 @@ var AccordionImpl = React13.forwardRef(
|
|
|
1222
1222
|
const getItems = useCollection(__scopeAccordion);
|
|
1223
1223
|
const direction = useDirection(dir);
|
|
1224
1224
|
const isDirectionLTR = direction === "ltr";
|
|
1225
|
-
const handleKeyDown = composeEventHandlers(props.onKeyDown, (
|
|
1225
|
+
const handleKeyDown = composeEventHandlers(props.onKeyDown, (event2) => {
|
|
1226
1226
|
var _a2;
|
|
1227
|
-
if (!ACCORDION_KEYS.includes(
|
|
1228
|
-
const target =
|
|
1227
|
+
if (!ACCORDION_KEYS.includes(event2.key)) return;
|
|
1228
|
+
const target = event2.target;
|
|
1229
1229
|
const triggerCollection = getItems().filter((item) => {
|
|
1230
1230
|
var _a3;
|
|
1231
1231
|
return !((_a3 = item.ref.current) == null ? void 0 : _a3.disabled);
|
|
@@ -1233,7 +1233,7 @@ var AccordionImpl = React13.forwardRef(
|
|
|
1233
1233
|
const triggerIndex = triggerCollection.findIndex((item) => item.ref.current === target);
|
|
1234
1234
|
const triggerCount = triggerCollection.length;
|
|
1235
1235
|
if (triggerIndex === -1) return;
|
|
1236
|
-
|
|
1236
|
+
event2.preventDefault();
|
|
1237
1237
|
let nextIndex = triggerIndex;
|
|
1238
1238
|
const homeIndex = 0;
|
|
1239
1239
|
const endIndex = triggerCount - 1;
|
|
@@ -1249,7 +1249,7 @@ var AccordionImpl = React13.forwardRef(
|
|
|
1249
1249
|
nextIndex = endIndex;
|
|
1250
1250
|
}
|
|
1251
1251
|
};
|
|
1252
|
-
switch (
|
|
1252
|
+
switch (event2.key) {
|
|
1253
1253
|
case "Home":
|
|
1254
1254
|
nextIndex = homeIndex;
|
|
1255
1255
|
break;
|
|
@@ -1486,9 +1486,9 @@ var AccordionGroup = ({
|
|
|
1486
1486
|
type = "single",
|
|
1487
1487
|
collapsible = true
|
|
1488
1488
|
}) => {
|
|
1489
|
-
const processedChildren = Children3.map(children, (
|
|
1490
|
-
if (!isValidElement2(
|
|
1491
|
-
const childElement =
|
|
1489
|
+
const processedChildren = Children3.map(children, (child16, index2) => {
|
|
1490
|
+
if (!isValidElement2(child16)) return null;
|
|
1491
|
+
const childElement = child16;
|
|
1492
1492
|
const childProps = childElement.props;
|
|
1493
1493
|
const value = childProps.value || `item-${index2 + 1}`;
|
|
1494
1494
|
const Icon2 = childProps.icon ? Icons2[childProps.icon] : null;
|
|
@@ -1533,7 +1533,7 @@ var Button = ({
|
|
|
1533
1533
|
variation = "primary",
|
|
1534
1534
|
className
|
|
1535
1535
|
}) => {
|
|
1536
|
-
const { Link } = useDocuBook();
|
|
1536
|
+
const { Link: Link2 } = useDocuBook();
|
|
1537
1537
|
const buttonClasses = cn(
|
|
1538
1538
|
componentStyles.button.base,
|
|
1539
1539
|
componentStyles.button.sizes[size4],
|
|
@@ -1542,7 +1542,7 @@ var Button = ({
|
|
|
1542
1542
|
);
|
|
1543
1543
|
const Icon2 = icon ? Icons3[icon] : null;
|
|
1544
1544
|
return /* @__PURE__ */ jsxs4(
|
|
1545
|
-
|
|
1545
|
+
Link2,
|
|
1546
1546
|
{
|
|
1547
1547
|
href,
|
|
1548
1548
|
target,
|
|
@@ -1561,7 +1561,7 @@ var Button_default = Button;
|
|
|
1561
1561
|
import * as Icons4 from "lucide-react";
|
|
1562
1562
|
import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
1563
1563
|
var Card = ({ title, icon, href, horizontal, children, className }) => {
|
|
1564
|
-
const { Link } = useDocuBook();
|
|
1564
|
+
const { Link: Link2 } = useDocuBook();
|
|
1565
1565
|
const Icon2 = icon ? Icons4[icon] : null;
|
|
1566
1566
|
const content = /* @__PURE__ */ jsxs5(
|
|
1567
1567
|
"div",
|
|
@@ -1581,7 +1581,7 @@ var Card = ({ title, icon, href, horizontal, children, className }) => {
|
|
|
1581
1581
|
]
|
|
1582
1582
|
}
|
|
1583
1583
|
);
|
|
1584
|
-
return href ? /* @__PURE__ */ jsx13(
|
|
1584
|
+
return href ? /* @__PURE__ */ jsx13(Link2, { className: "no-underline block", href, children: content }) : content;
|
|
1585
1585
|
};
|
|
1586
1586
|
var Card_default = Card;
|
|
1587
1587
|
|
|
@@ -1774,9 +1774,9 @@ function Files({ children }) {
|
|
|
1774
1774
|
"backdrop-blur-sm shadow-sm overflow-hidden transition-all duration-200 hover:shadow-md"
|
|
1775
1775
|
),
|
|
1776
1776
|
onKeyDown: (e) => e.preventDefault(),
|
|
1777
|
-
children: /* @__PURE__ */ jsx17("div", { className: "p-2", children: Children4.map(children, (
|
|
1778
|
-
if (isValidElement3(
|
|
1779
|
-
return cloneElement3(
|
|
1777
|
+
children: /* @__PURE__ */ jsx17("div", { className: "p-2", children: Children4.map(children, (child16, index2) => {
|
|
1778
|
+
if (isValidElement3(child16)) {
|
|
1779
|
+
return cloneElement3(child16, { key: index2 });
|
|
1780
1780
|
}
|
|
1781
1781
|
return null;
|
|
1782
1782
|
}) })
|
|
@@ -1808,7 +1808,7 @@ function DocuImage(_a) {
|
|
|
1808
1808
|
"height",
|
|
1809
1809
|
"className"
|
|
1810
1810
|
]);
|
|
1811
|
-
const { Image } = useDocuBook();
|
|
1811
|
+
const { Image: Image2 } = useDocuBook();
|
|
1812
1812
|
const [isOpen, setIsOpen] = useState6(false);
|
|
1813
1813
|
useEffect5(() => {
|
|
1814
1814
|
if (isOpen) {
|
|
@@ -1835,7 +1835,7 @@ function DocuImage(_a) {
|
|
|
1835
1835
|
children: [
|
|
1836
1836
|
/* @__PURE__ */ jsx18("span", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/5 transition-colors z-10 flex items-center justify-center opacity-0 group-hover:opacity-100 rounded-lg", children: /* @__PURE__ */ jsx18(Search, { className: "w-8 h-8 text-white drop-shadow-md" }) }),
|
|
1837
1837
|
/* @__PURE__ */ jsx18(
|
|
1838
|
-
|
|
1838
|
+
Image2,
|
|
1839
1839
|
__spreadValues({
|
|
1840
1840
|
src,
|
|
1841
1841
|
alt,
|
|
@@ -1869,7 +1869,7 @@ function DocuImage(_a) {
|
|
|
1869
1869
|
}
|
|
1870
1870
|
),
|
|
1871
1871
|
/* @__PURE__ */ jsx18("div", { className: "relative max-w-7xl w-full h-full flex items-center justify-center", children: /* @__PURE__ */ jsx18(
|
|
1872
|
-
|
|
1872
|
+
Image2,
|
|
1873
1873
|
{
|
|
1874
1874
|
src,
|
|
1875
1875
|
alt,
|
|
@@ -1956,10 +1956,10 @@ var Kbd_default = Kbd;
|
|
|
1956
1956
|
import { jsx as jsx20 } from "react/jsx-runtime";
|
|
1957
1957
|
function DocuLink(_a) {
|
|
1958
1958
|
var _b = _a, { href, className } = _b, props = __objRest(_b, ["href", "className"]);
|
|
1959
|
-
const { Link } = useDocuBook();
|
|
1959
|
+
const { Link: Link2 } = useDocuBook();
|
|
1960
1960
|
if (!href) return null;
|
|
1961
1961
|
return /* @__PURE__ */ jsx20(
|
|
1962
|
-
|
|
1962
|
+
Link2,
|
|
1963
1963
|
__spreadValues({
|
|
1964
1964
|
href,
|
|
1965
1965
|
target: "_blank",
|
|
@@ -2095,8 +2095,8 @@ function Changes({ type, children }) {
|
|
|
2095
2095
|
/* @__PURE__ */ jsx24(Icon2, { className: "w-3.5 h-3.5" }),
|
|
2096
2096
|
/* @__PURE__ */ jsx24("span", { children: config.label })
|
|
2097
2097
|
] }) }),
|
|
2098
|
-
/* @__PURE__ */ jsx24("ul", { className: "list-none pl-0 space-y-2 text-foreground/80", children: React21.Children.map(children, (
|
|
2099
|
-
const processedChild = typeof
|
|
2098
|
+
/* @__PURE__ */ jsx24("ul", { className: "list-none pl-0 space-y-2 text-foreground/80", children: React21.Children.map(children, (child16, index2) => {
|
|
2099
|
+
const processedChild = typeof child16 === "string" ? child16.trim().replace(/^[-*]\s+/, "") : child16;
|
|
2100
2100
|
return /* @__PURE__ */ jsx24("li", { className: componentStyles.release.changeItem, children: processedChild }, index2);
|
|
2101
2101
|
}) })
|
|
2102
2102
|
] });
|
|
@@ -2107,7 +2107,7 @@ import { Children as Children5 } from "react";
|
|
|
2107
2107
|
import { jsx as jsx25, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
2108
2108
|
function Stepper({ children, className }) {
|
|
2109
2109
|
const length = Children5.count(children);
|
|
2110
|
-
return /* @__PURE__ */ jsx25("div", { className: cn(componentStyles.stepper.base, "flex-col", className), children: Children5.map(children, (
|
|
2110
|
+
return /* @__PURE__ */ jsx25("div", { className: cn(componentStyles.stepper.base, "flex-col", className), children: Children5.map(children, (child16, index2) => /* @__PURE__ */ jsxs12(
|
|
2111
2111
|
"div",
|
|
2112
2112
|
{
|
|
2113
2113
|
className: cn(
|
|
@@ -2126,7 +2126,7 @@ function Stepper({ children, className }) {
|
|
|
2126
2126
|
children: index2 + 1
|
|
2127
2127
|
}
|
|
2128
2128
|
),
|
|
2129
|
-
|
|
2129
|
+
child16
|
|
2130
2130
|
]
|
|
2131
2131
|
}
|
|
2132
2132
|
)) });
|
|
@@ -2165,9 +2165,9 @@ import * as React27 from "react";
|
|
|
2165
2165
|
function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
|
|
2166
2166
|
const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
|
|
2167
2167
|
React27.useEffect(() => {
|
|
2168
|
-
const handleKeyDown = (
|
|
2169
|
-
if (
|
|
2170
|
-
onEscapeKeyDown(
|
|
2168
|
+
const handleKeyDown = (event2) => {
|
|
2169
|
+
if (event2.key === "Escape") {
|
|
2170
|
+
onEscapeKeyDown(event2);
|
|
2171
2171
|
}
|
|
2172
2172
|
};
|
|
2173
2173
|
ownerDocument.addEventListener("keydown", handleKeyDown, { capture: true });
|
|
@@ -2216,28 +2216,28 @@ var DismissableLayer = React28.forwardRef(
|
|
|
2216
2216
|
const index2 = node ? layers.indexOf(node) : -1;
|
|
2217
2217
|
const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
|
|
2218
2218
|
const isPointerEventsEnabled = index2 >= highestLayerWithOutsidePointerEventsDisabledIndex;
|
|
2219
|
-
const pointerDownOutside = usePointerDownOutside((
|
|
2220
|
-
const target =
|
|
2219
|
+
const pointerDownOutside = usePointerDownOutside((event2) => {
|
|
2220
|
+
const target = event2.target;
|
|
2221
2221
|
const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));
|
|
2222
2222
|
if (!isPointerEventsEnabled || isPointerDownOnBranch) return;
|
|
2223
|
-
onPointerDownOutside == null ? void 0 : onPointerDownOutside(
|
|
2224
|
-
onInteractOutside == null ? void 0 : onInteractOutside(
|
|
2225
|
-
if (!
|
|
2223
|
+
onPointerDownOutside == null ? void 0 : onPointerDownOutside(event2);
|
|
2224
|
+
onInteractOutside == null ? void 0 : onInteractOutside(event2);
|
|
2225
|
+
if (!event2.defaultPrevented) onDismiss == null ? void 0 : onDismiss();
|
|
2226
2226
|
}, ownerDocument);
|
|
2227
|
-
const focusOutside = useFocusOutside((
|
|
2228
|
-
const target =
|
|
2227
|
+
const focusOutside = useFocusOutside((event2) => {
|
|
2228
|
+
const target = event2.target;
|
|
2229
2229
|
const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));
|
|
2230
2230
|
if (isFocusInBranch) return;
|
|
2231
|
-
onFocusOutside == null ? void 0 : onFocusOutside(
|
|
2232
|
-
onInteractOutside == null ? void 0 : onInteractOutside(
|
|
2233
|
-
if (!
|
|
2231
|
+
onFocusOutside == null ? void 0 : onFocusOutside(event2);
|
|
2232
|
+
onInteractOutside == null ? void 0 : onInteractOutside(event2);
|
|
2233
|
+
if (!event2.defaultPrevented) onDismiss == null ? void 0 : onDismiss();
|
|
2234
2234
|
}, ownerDocument);
|
|
2235
|
-
useEscapeKeydown((
|
|
2235
|
+
useEscapeKeydown((event2) => {
|
|
2236
2236
|
const isHighestLayer = index2 === context.layers.size - 1;
|
|
2237
2237
|
if (!isHighestLayer) return;
|
|
2238
|
-
onEscapeKeyDown == null ? void 0 : onEscapeKeyDown(
|
|
2239
|
-
if (!
|
|
2240
|
-
|
|
2238
|
+
onEscapeKeyDown == null ? void 0 : onEscapeKeyDown(event2);
|
|
2239
|
+
if (!event2.defaultPrevented && onDismiss) {
|
|
2240
|
+
event2.preventDefault();
|
|
2241
2241
|
onDismiss();
|
|
2242
2242
|
}
|
|
2243
2243
|
}, ownerDocument);
|
|
@@ -2312,8 +2312,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis
|
|
|
2312
2312
|
const handleClickRef = React28.useRef(() => {
|
|
2313
2313
|
});
|
|
2314
2314
|
React28.useEffect(() => {
|
|
2315
|
-
const handlePointerDown = (
|
|
2316
|
-
if (
|
|
2315
|
+
const handlePointerDown = (event2) => {
|
|
2316
|
+
if (event2.target && !isPointerInsideReactTreeRef.current) {
|
|
2317
2317
|
let handleAndDispatchPointerDownOutsideEvent2 = function() {
|
|
2318
2318
|
handleAndDispatchCustomEvent(
|
|
2319
2319
|
POINTER_DOWN_OUTSIDE,
|
|
@@ -2323,8 +2323,8 @@ function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis
|
|
|
2323
2323
|
);
|
|
2324
2324
|
};
|
|
2325
2325
|
var handleAndDispatchPointerDownOutsideEvent = handleAndDispatchPointerDownOutsideEvent2;
|
|
2326
|
-
const eventDetail = { originalEvent:
|
|
2327
|
-
if (
|
|
2326
|
+
const eventDetail = { originalEvent: event2 };
|
|
2327
|
+
if (event2.pointerType === "touch") {
|
|
2328
2328
|
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
2329
2329
|
handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;
|
|
2330
2330
|
ownerDocument.addEventListener("click", handleClickRef.current, { once: true });
|
|
@@ -2354,9 +2354,9 @@ function useFocusOutside(onFocusOutside, ownerDocument = globalThis == null ? vo
|
|
|
2354
2354
|
const handleFocusOutside = useCallbackRef(onFocusOutside);
|
|
2355
2355
|
const isFocusInsideReactTreeRef = React28.useRef(false);
|
|
2356
2356
|
React28.useEffect(() => {
|
|
2357
|
-
const handleFocus = (
|
|
2358
|
-
if (
|
|
2359
|
-
const eventDetail = { originalEvent:
|
|
2357
|
+
const handleFocus = (event2) => {
|
|
2358
|
+
if (event2.target && !isFocusInsideReactTreeRef.current) {
|
|
2359
|
+
const eventDetail = { originalEvent: event2 };
|
|
2360
2360
|
handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {
|
|
2361
2361
|
discrete: false
|
|
2362
2362
|
});
|
|
@@ -2371,17 +2371,17 @@ function useFocusOutside(onFocusOutside, ownerDocument = globalThis == null ? vo
|
|
|
2371
2371
|
};
|
|
2372
2372
|
}
|
|
2373
2373
|
function dispatchUpdate() {
|
|
2374
|
-
const
|
|
2375
|
-
document.dispatchEvent(
|
|
2374
|
+
const event2 = new CustomEvent(CONTEXT_UPDATE);
|
|
2375
|
+
document.dispatchEvent(event2);
|
|
2376
2376
|
}
|
|
2377
2377
|
function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
|
|
2378
2378
|
const target = detail.originalEvent.target;
|
|
2379
|
-
const
|
|
2379
|
+
const event2 = new CustomEvent(name, { bubbles: false, cancelable: true, detail });
|
|
2380
2380
|
if (handler) target.addEventListener(name, handler, { once: true });
|
|
2381
2381
|
if (discrete) {
|
|
2382
|
-
dispatchDiscreteCustomEvent(target,
|
|
2382
|
+
dispatchDiscreteCustomEvent(target, event2);
|
|
2383
2383
|
} else {
|
|
2384
|
-
target.dispatchEvent(
|
|
2384
|
+
target.dispatchEvent(event2);
|
|
2385
2385
|
}
|
|
2386
2386
|
}
|
|
2387
2387
|
|
|
@@ -2575,7 +2575,7 @@ function computeCoordsFromPlacement(_ref, placement, rtl) {
|
|
|
2575
2575
|
}
|
|
2576
2576
|
return coords;
|
|
2577
2577
|
}
|
|
2578
|
-
async function detectOverflow(
|
|
2578
|
+
async function detectOverflow(state4, options) {
|
|
2579
2579
|
var _await$platform$isEle;
|
|
2580
2580
|
if (options === void 0) {
|
|
2581
2581
|
options = {};
|
|
@@ -2587,14 +2587,14 @@ async function detectOverflow(state, options) {
|
|
|
2587
2587
|
rects,
|
|
2588
2588
|
elements,
|
|
2589
2589
|
strategy
|
|
2590
|
-
} =
|
|
2590
|
+
} = state4;
|
|
2591
2591
|
const {
|
|
2592
2592
|
boundary = "clippingAncestors",
|
|
2593
2593
|
rootBoundary = "viewport",
|
|
2594
2594
|
elementContext = "floating",
|
|
2595
2595
|
altBoundary = false,
|
|
2596
2596
|
padding = 0
|
|
2597
|
-
} = evaluate(options,
|
|
2597
|
+
} = evaluate(options, state4);
|
|
2598
2598
|
const paddingObject = getPaddingObject(padding);
|
|
2599
2599
|
const altContext = elementContext === "floating" ? "reference" : "floating";
|
|
2600
2600
|
const element = elements[altBoundary ? altContext : elementContext];
|
|
@@ -2662,7 +2662,7 @@ var computePosition = async (reference, floating, config) => {
|
|
|
2662
2662
|
x: nextX,
|
|
2663
2663
|
y: nextY,
|
|
2664
2664
|
data,
|
|
2665
|
-
reset
|
|
2665
|
+
reset: reset16
|
|
2666
2666
|
} = await fn({
|
|
2667
2667
|
x,
|
|
2668
2668
|
y,
|
|
@@ -2684,18 +2684,18 @@ var computePosition = async (reference, floating, config) => {
|
|
|
2684
2684
|
middlewareData = __spreadProps(__spreadValues({}, middlewareData), {
|
|
2685
2685
|
[name]: __spreadValues(__spreadValues({}, middlewareData[name]), data)
|
|
2686
2686
|
});
|
|
2687
|
-
if (
|
|
2687
|
+
if (reset16 && resetCount <= 50) {
|
|
2688
2688
|
resetCount++;
|
|
2689
|
-
if (typeof
|
|
2690
|
-
if (
|
|
2691
|
-
statefulPlacement =
|
|
2689
|
+
if (typeof reset16 === "object") {
|
|
2690
|
+
if (reset16.placement) {
|
|
2691
|
+
statefulPlacement = reset16.placement;
|
|
2692
2692
|
}
|
|
2693
|
-
if (
|
|
2694
|
-
rects =
|
|
2693
|
+
if (reset16.rects) {
|
|
2694
|
+
rects = reset16.rects === true ? await platform2.getElementRects({
|
|
2695
2695
|
reference,
|
|
2696
2696
|
floating,
|
|
2697
2697
|
strategy
|
|
2698
|
-
}) :
|
|
2698
|
+
}) : reset16.rects;
|
|
2699
2699
|
}
|
|
2700
2700
|
({
|
|
2701
2701
|
x,
|
|
@@ -2716,7 +2716,7 @@ var computePosition = async (reference, floating, config) => {
|
|
|
2716
2716
|
var arrow = (options) => ({
|
|
2717
2717
|
name: "arrow",
|
|
2718
2718
|
options,
|
|
2719
|
-
async fn(
|
|
2719
|
+
async fn(state4) {
|
|
2720
2720
|
const {
|
|
2721
2721
|
x,
|
|
2722
2722
|
y,
|
|
@@ -2725,11 +2725,11 @@ var arrow = (options) => ({
|
|
|
2725
2725
|
platform: platform2,
|
|
2726
2726
|
elements,
|
|
2727
2727
|
middlewareData
|
|
2728
|
-
} =
|
|
2728
|
+
} = state4;
|
|
2729
2729
|
const {
|
|
2730
2730
|
element,
|
|
2731
2731
|
padding = 0
|
|
2732
|
-
} = evaluate(options,
|
|
2732
|
+
} = evaluate(options, state4) || {};
|
|
2733
2733
|
if (element == null) {
|
|
2734
2734
|
return {};
|
|
2735
2735
|
}
|
|
@@ -2781,7 +2781,7 @@ var flip = function(options) {
|
|
|
2781
2781
|
return {
|
|
2782
2782
|
name: "flip",
|
|
2783
2783
|
options,
|
|
2784
|
-
async fn(
|
|
2784
|
+
async fn(state4) {
|
|
2785
2785
|
var _middlewareData$arrow, _middlewareData$flip;
|
|
2786
2786
|
const {
|
|
2787
2787
|
placement,
|
|
@@ -2790,8 +2790,8 @@ var flip = function(options) {
|
|
|
2790
2790
|
initialPlacement,
|
|
2791
2791
|
platform: platform2,
|
|
2792
2792
|
elements
|
|
2793
|
-
} =
|
|
2794
|
-
const _a = evaluate(options,
|
|
2793
|
+
} = state4;
|
|
2794
|
+
const _a = evaluate(options, state4), {
|
|
2795
2795
|
mainAxis: checkMainAxis = true,
|
|
2796
2796
|
crossAxis: checkCrossAxis = true,
|
|
2797
2797
|
fallbackPlacements: specifiedFallbackPlacements,
|
|
@@ -2819,7 +2819,7 @@ var flip = function(options) {
|
|
|
2819
2819
|
fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
|
|
2820
2820
|
}
|
|
2821
2821
|
const placements2 = [initialPlacement, ...fallbackPlacements];
|
|
2822
|
-
const overflow = await platform2.detectOverflow(
|
|
2822
|
+
const overflow = await platform2.detectOverflow(state4, detectOverflowOptions);
|
|
2823
2823
|
const overflows = [];
|
|
2824
2824
|
let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
|
|
2825
2825
|
if (checkMainAxis) {
|
|
@@ -2907,19 +2907,19 @@ var hide = function(options) {
|
|
|
2907
2907
|
return {
|
|
2908
2908
|
name: "hide",
|
|
2909
2909
|
options,
|
|
2910
|
-
async fn(
|
|
2910
|
+
async fn(state4) {
|
|
2911
2911
|
const {
|
|
2912
2912
|
rects,
|
|
2913
2913
|
platform: platform2
|
|
2914
|
-
} =
|
|
2915
|
-
const _a = evaluate(options,
|
|
2914
|
+
} = state4;
|
|
2915
|
+
const _a = evaluate(options, state4), {
|
|
2916
2916
|
strategy = "referenceHidden"
|
|
2917
2917
|
} = _a, detectOverflowOptions = __objRest(_a, [
|
|
2918
2918
|
"strategy"
|
|
2919
2919
|
]);
|
|
2920
2920
|
switch (strategy) {
|
|
2921
2921
|
case "referenceHidden": {
|
|
2922
|
-
const overflow = await platform2.detectOverflow(
|
|
2922
|
+
const overflow = await platform2.detectOverflow(state4, __spreadProps(__spreadValues({}, detectOverflowOptions), {
|
|
2923
2923
|
elementContext: "reference"
|
|
2924
2924
|
}));
|
|
2925
2925
|
const offsets = getSideOffsets(overflow, rects.reference);
|
|
@@ -2931,7 +2931,7 @@ var hide = function(options) {
|
|
|
2931
2931
|
};
|
|
2932
2932
|
}
|
|
2933
2933
|
case "escaped": {
|
|
2934
|
-
const overflow = await platform2.detectOverflow(
|
|
2934
|
+
const overflow = await platform2.detectOverflow(state4, __spreadProps(__spreadValues({}, detectOverflowOptions), {
|
|
2935
2935
|
altBoundary: true
|
|
2936
2936
|
}));
|
|
2937
2937
|
const offsets = getSideOffsets(overflow, rects.floating);
|
|
@@ -2950,19 +2950,19 @@ var hide = function(options) {
|
|
|
2950
2950
|
};
|
|
2951
2951
|
};
|
|
2952
2952
|
var originSides = /* @__PURE__ */ new Set(["left", "top"]);
|
|
2953
|
-
async function convertValueToCoords(
|
|
2953
|
+
async function convertValueToCoords(state4, options) {
|
|
2954
2954
|
const {
|
|
2955
2955
|
placement,
|
|
2956
2956
|
platform: platform2,
|
|
2957
2957
|
elements
|
|
2958
|
-
} =
|
|
2958
|
+
} = state4;
|
|
2959
2959
|
const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
|
|
2960
2960
|
const side = getSide(placement);
|
|
2961
2961
|
const alignment = getAlignment(placement);
|
|
2962
2962
|
const isVertical = getSideAxis(placement) === "y";
|
|
2963
2963
|
const mainAxisMulti = originSides.has(side) ? -1 : 1;
|
|
2964
2964
|
const crossAxisMulti = rtl && isVertical ? -1 : 1;
|
|
2965
|
-
const rawValue = evaluate(options,
|
|
2965
|
+
const rawValue = evaluate(options, state4);
|
|
2966
2966
|
let {
|
|
2967
2967
|
mainAxis,
|
|
2968
2968
|
crossAxis,
|
|
@@ -2994,15 +2994,15 @@ var offset = function(options) {
|
|
|
2994
2994
|
return {
|
|
2995
2995
|
name: "offset",
|
|
2996
2996
|
options,
|
|
2997
|
-
async fn(
|
|
2997
|
+
async fn(state4) {
|
|
2998
2998
|
var _middlewareData$offse, _middlewareData$arrow;
|
|
2999
2999
|
const {
|
|
3000
3000
|
x,
|
|
3001
3001
|
y,
|
|
3002
3002
|
placement,
|
|
3003
3003
|
middlewareData
|
|
3004
|
-
} =
|
|
3005
|
-
const diffCoords = await convertValueToCoords(
|
|
3004
|
+
} = state4;
|
|
3005
|
+
const diffCoords = await convertValueToCoords(state4, options);
|
|
3006
3006
|
if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
|
|
3007
3007
|
return {};
|
|
3008
3008
|
}
|
|
@@ -3023,14 +3023,14 @@ var shift = function(options) {
|
|
|
3023
3023
|
return {
|
|
3024
3024
|
name: "shift",
|
|
3025
3025
|
options,
|
|
3026
|
-
async fn(
|
|
3026
|
+
async fn(state4) {
|
|
3027
3027
|
const {
|
|
3028
3028
|
x,
|
|
3029
3029
|
y,
|
|
3030
3030
|
placement,
|
|
3031
3031
|
platform: platform2
|
|
3032
|
-
} =
|
|
3033
|
-
const _a = evaluate(options,
|
|
3032
|
+
} = state4;
|
|
3033
|
+
const _a = evaluate(options, state4), {
|
|
3034
3034
|
mainAxis: checkMainAxis = true,
|
|
3035
3035
|
crossAxis: checkCrossAxis = false,
|
|
3036
3036
|
limiter = {
|
|
@@ -3054,7 +3054,7 @@ var shift = function(options) {
|
|
|
3054
3054
|
x,
|
|
3055
3055
|
y
|
|
3056
3056
|
};
|
|
3057
|
-
const overflow = await platform2.detectOverflow(
|
|
3057
|
+
const overflow = await platform2.detectOverflow(state4, detectOverflowOptions);
|
|
3058
3058
|
const crossAxis = getSideAxis(getSide(placement));
|
|
3059
3059
|
const mainAxis = getOppositeAxis(crossAxis);
|
|
3060
3060
|
let mainAxisCoord = coords[mainAxis];
|
|
@@ -3073,7 +3073,7 @@ var shift = function(options) {
|
|
|
3073
3073
|
const max2 = crossAxisCoord - overflow[maxSide];
|
|
3074
3074
|
crossAxisCoord = clamp(min2, crossAxisCoord, max2);
|
|
3075
3075
|
}
|
|
3076
|
-
const limitedCoords = limiter.fn(__spreadProps(__spreadValues({},
|
|
3076
|
+
const limitedCoords = limiter.fn(__spreadProps(__spreadValues({}, state4), {
|
|
3077
3077
|
[mainAxis]: mainAxisCoord,
|
|
3078
3078
|
[crossAxis]: crossAxisCoord
|
|
3079
3079
|
}));
|
|
@@ -3096,19 +3096,19 @@ var limitShift = function(options) {
|
|
|
3096
3096
|
}
|
|
3097
3097
|
return {
|
|
3098
3098
|
options,
|
|
3099
|
-
fn(
|
|
3099
|
+
fn(state4) {
|
|
3100
3100
|
const {
|
|
3101
3101
|
x,
|
|
3102
3102
|
y,
|
|
3103
3103
|
placement,
|
|
3104
3104
|
rects,
|
|
3105
3105
|
middlewareData
|
|
3106
|
-
} =
|
|
3106
|
+
} = state4;
|
|
3107
3107
|
const {
|
|
3108
3108
|
offset: offset4 = 0,
|
|
3109
3109
|
mainAxis: checkMainAxis = true,
|
|
3110
3110
|
crossAxis: checkCrossAxis = true
|
|
3111
|
-
} = evaluate(options,
|
|
3111
|
+
} = evaluate(options, state4);
|
|
3112
3112
|
const coords = {
|
|
3113
3113
|
x,
|
|
3114
3114
|
y
|
|
@@ -3117,7 +3117,7 @@ var limitShift = function(options) {
|
|
|
3117
3117
|
const mainAxis = getOppositeAxis(crossAxis);
|
|
3118
3118
|
let mainAxisCoord = coords[mainAxis];
|
|
3119
3119
|
let crossAxisCoord = coords[crossAxis];
|
|
3120
|
-
const rawOffset = evaluate(offset4,
|
|
3120
|
+
const rawOffset = evaluate(offset4, state4);
|
|
3121
3121
|
const computedOffset = typeof rawOffset === "number" ? {
|
|
3122
3122
|
mainAxis: rawOffset,
|
|
3123
3123
|
crossAxis: 0
|
|
@@ -3161,21 +3161,21 @@ var size = function(options) {
|
|
|
3161
3161
|
return {
|
|
3162
3162
|
name: "size",
|
|
3163
3163
|
options,
|
|
3164
|
-
async fn(
|
|
3164
|
+
async fn(state4) {
|
|
3165
3165
|
var _state$middlewareData, _state$middlewareData2;
|
|
3166
3166
|
const {
|
|
3167
3167
|
placement,
|
|
3168
3168
|
rects,
|
|
3169
3169
|
platform: platform2,
|
|
3170
3170
|
elements
|
|
3171
|
-
} =
|
|
3172
|
-
const _a = evaluate(options,
|
|
3171
|
+
} = state4;
|
|
3172
|
+
const _a = evaluate(options, state4), {
|
|
3173
3173
|
apply = () => {
|
|
3174
3174
|
}
|
|
3175
3175
|
} = _a, detectOverflowOptions = __objRest(_a, [
|
|
3176
3176
|
"apply"
|
|
3177
3177
|
]);
|
|
3178
|
-
const overflow = await platform2.detectOverflow(
|
|
3178
|
+
const overflow = await platform2.detectOverflow(state4, detectOverflowOptions);
|
|
3179
3179
|
const side = getSide(placement);
|
|
3180
3180
|
const alignment = getAlignment(placement);
|
|
3181
3181
|
const isYAxis = getSideAxis(placement) === "y";
|
|
@@ -3196,13 +3196,13 @@ var size = function(options) {
|
|
|
3196
3196
|
const maximumClippingWidth = width - overflow.left - overflow.right;
|
|
3197
3197
|
const overflowAvailableHeight = min(height - overflow[heightSide], maximumClippingHeight);
|
|
3198
3198
|
const overflowAvailableWidth = min(width - overflow[widthSide], maximumClippingWidth);
|
|
3199
|
-
const noShift = !
|
|
3199
|
+
const noShift = !state4.middlewareData.shift;
|
|
3200
3200
|
let availableHeight = overflowAvailableHeight;
|
|
3201
3201
|
let availableWidth = overflowAvailableWidth;
|
|
3202
|
-
if ((_state$middlewareData =
|
|
3202
|
+
if ((_state$middlewareData = state4.middlewareData.shift) != null && _state$middlewareData.enabled.x) {
|
|
3203
3203
|
availableWidth = maximumClippingWidth;
|
|
3204
3204
|
}
|
|
3205
|
-
if ((_state$middlewareData2 =
|
|
3205
|
+
if ((_state$middlewareData2 = state4.middlewareData.shift) != null && _state$middlewareData2.enabled.y) {
|
|
3206
3206
|
availableHeight = maximumClippingHeight;
|
|
3207
3207
|
}
|
|
3208
3208
|
if (noShift && !alignment) {
|
|
@@ -3216,7 +3216,7 @@ var size = function(options) {
|
|
|
3216
3216
|
availableHeight = height - 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom));
|
|
3217
3217
|
}
|
|
3218
3218
|
}
|
|
3219
|
-
await apply(__spreadProps(__spreadValues({},
|
|
3219
|
+
await apply(__spreadProps(__spreadValues({}, state4), {
|
|
3220
3220
|
availableWidth,
|
|
3221
3221
|
availableHeight
|
|
3222
3222
|
}));
|
|
@@ -3417,10 +3417,10 @@ function getScale(element) {
|
|
|
3417
3417
|
const {
|
|
3418
3418
|
width,
|
|
3419
3419
|
height,
|
|
3420
|
-
$
|
|
3420
|
+
$: $28
|
|
3421
3421
|
} = getCssDimensions(domElement);
|
|
3422
|
-
let x = ($ ? round(rect.width) : rect.width) / width;
|
|
3423
|
-
let y = ($ ? round(rect.height) : rect.height) / height;
|
|
3422
|
+
let x = ($28 ? round(rect.width) : rect.width) / width;
|
|
3423
|
+
let y = ($28 ? round(rect.height) : rect.height) / height;
|
|
3424
3424
|
if (!x || !Number.isFinite(x)) {
|
|
3425
3425
|
x = 1;
|
|
3426
3426
|
}
|
|
@@ -3835,7 +3835,7 @@ function rectsAreEqual(a, b) {
|
|
|
3835
3835
|
function observeMove(element, onMove) {
|
|
3836
3836
|
let io = null;
|
|
3837
3837
|
let timeoutId;
|
|
3838
|
-
const
|
|
3838
|
+
const root11 = getDocumentElement(element);
|
|
3839
3839
|
function cleanup() {
|
|
3840
3840
|
var _io;
|
|
3841
3841
|
clearTimeout(timeoutId);
|
|
@@ -3864,8 +3864,8 @@ function observeMove(element, onMove) {
|
|
|
3864
3864
|
return;
|
|
3865
3865
|
}
|
|
3866
3866
|
const insetTop = floor(top);
|
|
3867
|
-
const insetRight = floor(
|
|
3868
|
-
const insetBottom = floor(
|
|
3867
|
+
const insetRight = floor(root11.clientWidth - (left + width));
|
|
3868
|
+
const insetBottom = floor(root11.clientHeight - (top + height));
|
|
3869
3869
|
const insetLeft = floor(left);
|
|
3870
3870
|
const rootMargin = -insetTop + "px " + -insetRight + "px " + -insetBottom + "px " + -insetLeft + "px";
|
|
3871
3871
|
const options = {
|
|
@@ -3895,7 +3895,7 @@ function observeMove(element, onMove) {
|
|
|
3895
3895
|
try {
|
|
3896
3896
|
io = new IntersectionObserver(handleObserve, __spreadProps(__spreadValues({}, options), {
|
|
3897
3897
|
// Handle <iframe>s
|
|
3898
|
-
root:
|
|
3898
|
+
root: root11.ownerDocument
|
|
3899
3899
|
}));
|
|
3900
3900
|
} catch (_e) {
|
|
3901
3901
|
io = new IntersectionObserver(handleObserve, options);
|
|
@@ -4219,17 +4219,17 @@ var arrow$1 = (options) => {
|
|
|
4219
4219
|
return {
|
|
4220
4220
|
name: "arrow",
|
|
4221
4221
|
options,
|
|
4222
|
-
fn(
|
|
4222
|
+
fn(state4) {
|
|
4223
4223
|
const {
|
|
4224
4224
|
element,
|
|
4225
4225
|
padding
|
|
4226
|
-
} = typeof options === "function" ? options(
|
|
4226
|
+
} = typeof options === "function" ? options(state4) : options;
|
|
4227
4227
|
if (element && isRef(element)) {
|
|
4228
4228
|
if (element.current != null) {
|
|
4229
4229
|
return arrow2({
|
|
4230
4230
|
element: element.current,
|
|
4231
4231
|
padding
|
|
4232
|
-
}).fn(
|
|
4232
|
+
}).fn(state4);
|
|
4233
4233
|
}
|
|
4234
4234
|
return {};
|
|
4235
4235
|
}
|
|
@@ -4237,7 +4237,7 @@ var arrow$1 = (options) => {
|
|
|
4237
4237
|
return arrow2({
|
|
4238
4238
|
element,
|
|
4239
4239
|
padding
|
|
4240
|
-
}).fn(
|
|
4240
|
+
}).fn(state4);
|
|
4241
4241
|
}
|
|
4242
4242
|
return {};
|
|
4243
4243
|
}
|
|
@@ -4813,8 +4813,8 @@ var TooltipTrigger = React35.forwardRef(
|
|
|
4813
4813
|
"data-state": context.stateAttribute
|
|
4814
4814
|
}, triggerProps), {
|
|
4815
4815
|
ref: composedRefs,
|
|
4816
|
-
onPointerMove: composeEventHandlers(props.onPointerMove, (
|
|
4817
|
-
if (
|
|
4816
|
+
onPointerMove: composeEventHandlers(props.onPointerMove, (event2) => {
|
|
4817
|
+
if (event2.pointerType === "touch") return;
|
|
4818
4818
|
if (!hasPointerMoveOpenedRef.current && !providerContext.isPointerInTransitRef.current) {
|
|
4819
4819
|
context.onTriggerEnter();
|
|
4820
4820
|
hasPointerMoveOpenedRef.current = true;
|
|
@@ -4874,9 +4874,9 @@ var TooltipContentHoverable = React35.forwardRef((props, forwardedRef) => {
|
|
|
4874
4874
|
onPointerInTransitChange(false);
|
|
4875
4875
|
}, [onPointerInTransitChange]);
|
|
4876
4876
|
const handleCreateGraceArea = React35.useCallback(
|
|
4877
|
-
(
|
|
4878
|
-
const currentTarget =
|
|
4879
|
-
const exitPoint = { x:
|
|
4877
|
+
(event2, hoverTarget) => {
|
|
4878
|
+
const currentTarget = event2.currentTarget;
|
|
4879
|
+
const exitPoint = { x: event2.clientX, y: event2.clientY };
|
|
4880
4880
|
const exitSide = getExitSideFromRect(exitPoint, currentTarget.getBoundingClientRect());
|
|
4881
4881
|
const paddedExitPoints = getPaddedExitPoints(exitPoint, exitSide);
|
|
4882
4882
|
const hoverTargetPoints = getPointsFromRect(hoverTarget.getBoundingClientRect());
|
|
@@ -4891,8 +4891,8 @@ var TooltipContentHoverable = React35.forwardRef((props, forwardedRef) => {
|
|
|
4891
4891
|
}, [handleRemoveGraceArea]);
|
|
4892
4892
|
React35.useEffect(() => {
|
|
4893
4893
|
if (trigger && content) {
|
|
4894
|
-
const handleTriggerLeave = (
|
|
4895
|
-
const handleContentLeave = (
|
|
4894
|
+
const handleTriggerLeave = (event2) => handleCreateGraceArea(event2, content);
|
|
4895
|
+
const handleContentLeave = (event2) => handleCreateGraceArea(event2, trigger);
|
|
4896
4896
|
trigger.addEventListener("pointerleave", handleTriggerLeave);
|
|
4897
4897
|
content.addEventListener("pointerleave", handleContentLeave);
|
|
4898
4898
|
return () => {
|
|
@@ -4903,9 +4903,9 @@ var TooltipContentHoverable = React35.forwardRef((props, forwardedRef) => {
|
|
|
4903
4903
|
}, [trigger, content, handleCreateGraceArea, handleRemoveGraceArea]);
|
|
4904
4904
|
React35.useEffect(() => {
|
|
4905
4905
|
if (pointerGraceArea) {
|
|
4906
|
-
const handleTrackPointerGrace = (
|
|
4907
|
-
const target =
|
|
4908
|
-
const pointerPosition = { x:
|
|
4906
|
+
const handleTrackPointerGrace = (event2) => {
|
|
4907
|
+
const target = event2.target;
|
|
4908
|
+
const pointerPosition = { x: event2.clientX, y: event2.clientY };
|
|
4909
4909
|
const hasEnteredTarget = (trigger == null ? void 0 : trigger.contains(target)) || (content == null ? void 0 : content.contains(target));
|
|
4910
4910
|
const isPointerOutsideGraceArea = !isPointInPolygon(pointerPosition, pointerGraceArea);
|
|
4911
4911
|
if (hasEnteredTarget) {
|
|
@@ -4947,8 +4947,8 @@ var TooltipContentImpl = React35.forwardRef(
|
|
|
4947
4947
|
}, [onClose]);
|
|
4948
4948
|
React35.useEffect(() => {
|
|
4949
4949
|
if (context.trigger) {
|
|
4950
|
-
const handleScroll2 = (
|
|
4951
|
-
const target =
|
|
4950
|
+
const handleScroll2 = (event2) => {
|
|
4951
|
+
const target = event2.target;
|
|
4952
4952
|
if (target == null ? void 0 : target.contains(context.trigger)) onClose();
|
|
4953
4953
|
};
|
|
4954
4954
|
window.addEventListener("scroll", handleScroll2, { capture: true });
|
|
@@ -4962,7 +4962,7 @@ var TooltipContentImpl = React35.forwardRef(
|
|
|
4962
4962
|
disableOutsidePointerEvents: false,
|
|
4963
4963
|
onEscapeKeyDown,
|
|
4964
4964
|
onPointerDownOutside,
|
|
4965
|
-
onFocusOutside: (
|
|
4965
|
+
onFocusOutside: (event2) => event2.preventDefault(),
|
|
4966
4966
|
onDismiss: onClose,
|
|
4967
4967
|
children: /* @__PURE__ */ jsxs13(
|
|
4968
4968
|
Content3,
|
|
@@ -5288,11 +5288,11 @@ var RovingFocusGroupImpl = React37.forwardRef((props, forwardedRef) => {
|
|
|
5288
5288
|
onMouseDown: composeEventHandlers(props.onMouseDown, () => {
|
|
5289
5289
|
isClickFocusRef.current = true;
|
|
5290
5290
|
}),
|
|
5291
|
-
onFocus: composeEventHandlers(props.onFocus, (
|
|
5291
|
+
onFocus: composeEventHandlers(props.onFocus, (event2) => {
|
|
5292
5292
|
const isKeyboardFocus = !isClickFocusRef.current;
|
|
5293
|
-
if (
|
|
5293
|
+
if (event2.target === event2.currentTarget && isKeyboardFocus && !isTabbingBackOut) {
|
|
5294
5294
|
const entryFocusEvent = new CustomEvent(ENTRY_FOCUS, EVENT_OPTIONS);
|
|
5295
|
-
|
|
5295
|
+
event2.currentTarget.dispatchEvent(entryFocusEvent);
|
|
5296
5296
|
if (!entryFocusEvent.defaultPrevented) {
|
|
5297
5297
|
const items = getItems().filter((item) => item.focusable);
|
|
5298
5298
|
const activeItem = items.find((item) => item.active);
|
|
@@ -5354,27 +5354,27 @@ var RovingFocusGroupItem = React37.forwardRef(
|
|
|
5354
5354
|
"data-orientation": context.orientation
|
|
5355
5355
|
}, itemProps), {
|
|
5356
5356
|
ref: forwardedRef,
|
|
5357
|
-
onMouseDown: composeEventHandlers(props.onMouseDown, (
|
|
5358
|
-
if (!focusable)
|
|
5357
|
+
onMouseDown: composeEventHandlers(props.onMouseDown, (event2) => {
|
|
5358
|
+
if (!focusable) event2.preventDefault();
|
|
5359
5359
|
else context.onItemFocus(id);
|
|
5360
5360
|
}),
|
|
5361
5361
|
onFocus: composeEventHandlers(props.onFocus, () => context.onItemFocus(id)),
|
|
5362
|
-
onKeyDown: composeEventHandlers(props.onKeyDown, (
|
|
5363
|
-
if (
|
|
5362
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, (event2) => {
|
|
5363
|
+
if (event2.key === "Tab" && event2.shiftKey) {
|
|
5364
5364
|
context.onItemShiftTab();
|
|
5365
5365
|
return;
|
|
5366
5366
|
}
|
|
5367
|
-
if (
|
|
5368
|
-
const focusIntent = getFocusIntent(
|
|
5367
|
+
if (event2.target !== event2.currentTarget) return;
|
|
5368
|
+
const focusIntent = getFocusIntent(event2, context.orientation, context.dir);
|
|
5369
5369
|
if (focusIntent !== void 0) {
|
|
5370
|
-
if (
|
|
5371
|
-
|
|
5370
|
+
if (event2.metaKey || event2.ctrlKey || event2.altKey || event2.shiftKey) return;
|
|
5371
|
+
event2.preventDefault();
|
|
5372
5372
|
const items = getItems().filter((item) => item.focusable);
|
|
5373
5373
|
let candidateNodes = items.map((item) => item.ref.current);
|
|
5374
5374
|
if (focusIntent === "last") candidateNodes.reverse();
|
|
5375
5375
|
else if (focusIntent === "prev" || focusIntent === "next") {
|
|
5376
5376
|
if (focusIntent === "prev") candidateNodes.reverse();
|
|
5377
|
-
const currentIndex = candidateNodes.indexOf(
|
|
5377
|
+
const currentIndex = candidateNodes.indexOf(event2.currentTarget);
|
|
5378
5378
|
candidateNodes = context.loop ? wrapArray(candidateNodes, currentIndex + 1) : candidateNodes.slice(currentIndex + 1);
|
|
5379
5379
|
}
|
|
5380
5380
|
setTimeout(() => focusFirst(candidateNodes));
|
|
@@ -5402,8 +5402,8 @@ function getDirectionAwareKey(key, dir) {
|
|
|
5402
5402
|
if (dir !== "rtl") return key;
|
|
5403
5403
|
return key === "ArrowLeft" ? "ArrowRight" : key === "ArrowRight" ? "ArrowLeft" : key;
|
|
5404
5404
|
}
|
|
5405
|
-
function getFocusIntent(
|
|
5406
|
-
const key = getDirectionAwareKey(
|
|
5405
|
+
function getFocusIntent(event2, orientation, dir) {
|
|
5406
|
+
const key = getDirectionAwareKey(event2.key, dir);
|
|
5407
5407
|
if (orientation === "vertical" && ["ArrowLeft", "ArrowRight"].includes(key)) return void 0;
|
|
5408
5408
|
if (orientation === "horizontal" && ["ArrowUp", "ArrowDown"].includes(key)) return void 0;
|
|
5409
5409
|
return MAP_KEY_TO_FOCUS_INTENT[key];
|
|
@@ -5537,15 +5537,15 @@ var TabsTrigger = React38.forwardRef(
|
|
|
5537
5537
|
id: triggerId
|
|
5538
5538
|
}, triggerProps), {
|
|
5539
5539
|
ref: forwardedRef,
|
|
5540
|
-
onMouseDown: composeEventHandlers(props.onMouseDown, (
|
|
5541
|
-
if (!disabled &&
|
|
5540
|
+
onMouseDown: composeEventHandlers(props.onMouseDown, (event2) => {
|
|
5541
|
+
if (!disabled && event2.button === 0 && event2.ctrlKey === false) {
|
|
5542
5542
|
context.onValueChange(value);
|
|
5543
5543
|
} else {
|
|
5544
|
-
|
|
5544
|
+
event2.preventDefault();
|
|
5545
5545
|
}
|
|
5546
5546
|
}),
|
|
5547
|
-
onKeyDown: composeEventHandlers(props.onKeyDown, (
|
|
5548
|
-
if ([" ", "Enter"].includes(
|
|
5547
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, (event2) => {
|
|
5548
|
+
if ([" ", "Enter"].includes(event2.key)) context.onValueChange(value);
|
|
5549
5549
|
}),
|
|
5550
5550
|
onFocus: composeEventHandlers(props.onFocus, () => {
|
|
5551
5551
|
const isAutomaticActivation = context.activationMode !== "manual";
|
|
@@ -5701,17 +5701,17 @@ var FocusScope = React40.forwardRef((props, forwardedRef) => {
|
|
|
5701
5701
|
}).current;
|
|
5702
5702
|
React40.useEffect(() => {
|
|
5703
5703
|
if (trapped) {
|
|
5704
|
-
let handleFocusIn2 = function(
|
|
5704
|
+
let handleFocusIn2 = function(event2) {
|
|
5705
5705
|
if (focusScope.paused || !container) return;
|
|
5706
|
-
const target =
|
|
5706
|
+
const target = event2.target;
|
|
5707
5707
|
if (container.contains(target)) {
|
|
5708
5708
|
lastFocusedElementRef.current = target;
|
|
5709
5709
|
} else {
|
|
5710
5710
|
focus(lastFocusedElementRef.current, { select: true });
|
|
5711
5711
|
}
|
|
5712
|
-
}, handleFocusOut2 = function(
|
|
5712
|
+
}, handleFocusOut2 = function(event2) {
|
|
5713
5713
|
if (focusScope.paused || !container) return;
|
|
5714
|
-
const relatedTarget =
|
|
5714
|
+
const relatedTarget = event2.relatedTarget;
|
|
5715
5715
|
if (relatedTarget === null) return;
|
|
5716
5716
|
if (!container.contains(relatedTarget)) {
|
|
5717
5717
|
focus(lastFocusedElementRef.current, { select: true });
|
|
@@ -5767,23 +5767,23 @@ var FocusScope = React40.forwardRef((props, forwardedRef) => {
|
|
|
5767
5767
|
}
|
|
5768
5768
|
}, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
|
|
5769
5769
|
const handleKeyDown = React40.useCallback(
|
|
5770
|
-
(
|
|
5770
|
+
(event2) => {
|
|
5771
5771
|
if (!loop && !trapped) return;
|
|
5772
5772
|
if (focusScope.paused) return;
|
|
5773
|
-
const isTabKey =
|
|
5773
|
+
const isTabKey = event2.key === "Tab" && !event2.altKey && !event2.ctrlKey && !event2.metaKey;
|
|
5774
5774
|
const focusedElement = document.activeElement;
|
|
5775
5775
|
if (isTabKey && focusedElement) {
|
|
5776
|
-
const container2 =
|
|
5776
|
+
const container2 = event2.currentTarget;
|
|
5777
5777
|
const [first, last] = getTabbableEdges(container2);
|
|
5778
5778
|
const hasTabbableElementsInside = first && last;
|
|
5779
5779
|
if (!hasTabbableElementsInside) {
|
|
5780
|
-
if (focusedElement === container2)
|
|
5780
|
+
if (focusedElement === container2) event2.preventDefault();
|
|
5781
5781
|
} else {
|
|
5782
|
-
if (!
|
|
5783
|
-
|
|
5782
|
+
if (!event2.shiftKey && focusedElement === last) {
|
|
5783
|
+
event2.preventDefault();
|
|
5784
5784
|
if (loop) focus(first, { select: true });
|
|
5785
|
-
} else if (
|
|
5786
|
-
|
|
5785
|
+
} else if (event2.shiftKey && focusedElement === first) {
|
|
5786
|
+
event2.preventDefault();
|
|
5787
5787
|
if (loop) focus(last, { select: true });
|
|
5788
5788
|
}
|
|
5789
5789
|
}
|
|
@@ -6407,10 +6407,10 @@ var getScrollVariables = function(axis, node) {
|
|
|
6407
6407
|
var getDirectionFactor = function(axis, direction) {
|
|
6408
6408
|
return axis === "h" && direction === "rtl" ? -1 : 1;
|
|
6409
6409
|
};
|
|
6410
|
-
var handleScroll = function(axis, endTarget,
|
|
6410
|
+
var handleScroll = function(axis, endTarget, event2, sourceDelta, noOverscroll) {
|
|
6411
6411
|
var directionFactor = getDirectionFactor(axis, window.getComputedStyle(endTarget).direction);
|
|
6412
6412
|
var delta = directionFactor * sourceDelta;
|
|
6413
|
-
var target =
|
|
6413
|
+
var target = event2.target;
|
|
6414
6414
|
var targetInLock = endTarget.contains(target);
|
|
6415
6415
|
var shouldCancelScroll = false;
|
|
6416
6416
|
var isDeltaPositive = delta > 0;
|
|
@@ -6444,11 +6444,11 @@ var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
|
|
|
6444
6444
|
};
|
|
6445
6445
|
|
|
6446
6446
|
// node_modules/react-remove-scroll/dist/es2015/SideEffect.js
|
|
6447
|
-
var getTouchXY = function(
|
|
6448
|
-
return "changedTouches" in
|
|
6447
|
+
var getTouchXY = function(event2) {
|
|
6448
|
+
return "changedTouches" in event2 ? [event2.changedTouches[0].clientX, event2.changedTouches[0].clientY] : [0, 0];
|
|
6449
6449
|
};
|
|
6450
|
-
var getDeltaXY = function(
|
|
6451
|
-
return [
|
|
6450
|
+
var getDeltaXY = function(event2) {
|
|
6451
|
+
return [event2.deltaX, event2.deltaY];
|
|
6452
6452
|
};
|
|
6453
6453
|
var extractRef = function(ref) {
|
|
6454
6454
|
return ref && "current" in ref ? ref.current : ref;
|
|
@@ -6487,18 +6487,18 @@ function RemoveScrollSideCar(props) {
|
|
|
6487
6487
|
}
|
|
6488
6488
|
return;
|
|
6489
6489
|
}, [props.inert, props.lockRef.current, props.shards]);
|
|
6490
|
-
var shouldCancelEvent = React47.useCallback(function(
|
|
6491
|
-
if ("touches" in
|
|
6490
|
+
var shouldCancelEvent = React47.useCallback(function(event2, parent) {
|
|
6491
|
+
if ("touches" in event2 && event2.touches.length === 2 || event2.type === "wheel" && event2.ctrlKey) {
|
|
6492
6492
|
return !lastProps.current.allowPinchZoom;
|
|
6493
6493
|
}
|
|
6494
|
-
var touch = getTouchXY(
|
|
6494
|
+
var touch = getTouchXY(event2);
|
|
6495
6495
|
var touchStart = touchStartRef.current;
|
|
6496
|
-
var deltaX = "deltaX" in
|
|
6497
|
-
var deltaY = "deltaY" in
|
|
6496
|
+
var deltaX = "deltaX" in event2 ? event2.deltaX : touchStart[0] - touch[0];
|
|
6497
|
+
var deltaY = "deltaY" in event2 ? event2.deltaY : touchStart[1] - touch[1];
|
|
6498
6498
|
var currentAxis;
|
|
6499
|
-
var target =
|
|
6499
|
+
var target = event2.target;
|
|
6500
6500
|
var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? "h" : "v";
|
|
6501
|
-
if ("touches" in
|
|
6501
|
+
if ("touches" in event2 && moveDirection === "h" && target.type === "range") {
|
|
6502
6502
|
return false;
|
|
6503
6503
|
}
|
|
6504
6504
|
var selection = window.getSelection();
|
|
@@ -6520,60 +6520,60 @@ function RemoveScrollSideCar(props) {
|
|
|
6520
6520
|
if (!canBeScrolledInMainDirection) {
|
|
6521
6521
|
return false;
|
|
6522
6522
|
}
|
|
6523
|
-
if (!activeAxis.current && "changedTouches" in
|
|
6523
|
+
if (!activeAxis.current && "changedTouches" in event2 && (deltaX || deltaY)) {
|
|
6524
6524
|
activeAxis.current = currentAxis;
|
|
6525
6525
|
}
|
|
6526
6526
|
if (!currentAxis) {
|
|
6527
6527
|
return true;
|
|
6528
6528
|
}
|
|
6529
6529
|
var cancelingAxis = activeAxis.current || currentAxis;
|
|
6530
|
-
return handleScroll(cancelingAxis, parent,
|
|
6530
|
+
return handleScroll(cancelingAxis, parent, event2, cancelingAxis === "h" ? deltaX : deltaY, true);
|
|
6531
6531
|
}, []);
|
|
6532
6532
|
var shouldPrevent = React47.useCallback(function(_event) {
|
|
6533
|
-
var
|
|
6533
|
+
var event2 = _event;
|
|
6534
6534
|
if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
|
|
6535
6535
|
return;
|
|
6536
6536
|
}
|
|
6537
|
-
var delta = "deltaY" in
|
|
6537
|
+
var delta = "deltaY" in event2 ? getDeltaXY(event2) : getTouchXY(event2);
|
|
6538
6538
|
var sourceEvent = shouldPreventQueue.current.filter(function(e) {
|
|
6539
|
-
return e.name ===
|
|
6539
|
+
return e.name === event2.type && (e.target === event2.target || event2.target === e.shadowParent) && deltaCompare(e.delta, delta);
|
|
6540
6540
|
})[0];
|
|
6541
6541
|
if (sourceEvent && sourceEvent.should) {
|
|
6542
|
-
if (
|
|
6543
|
-
|
|
6542
|
+
if (event2.cancelable) {
|
|
6543
|
+
event2.preventDefault();
|
|
6544
6544
|
}
|
|
6545
6545
|
return;
|
|
6546
6546
|
}
|
|
6547
6547
|
if (!sourceEvent) {
|
|
6548
6548
|
var shardNodes = (lastProps.current.shards || []).map(extractRef).filter(Boolean).filter(function(node) {
|
|
6549
|
-
return node.contains(
|
|
6549
|
+
return node.contains(event2.target);
|
|
6550
6550
|
});
|
|
6551
|
-
var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(
|
|
6551
|
+
var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event2, shardNodes[0]) : !lastProps.current.noIsolation;
|
|
6552
6552
|
if (shouldStop) {
|
|
6553
|
-
if (
|
|
6554
|
-
|
|
6553
|
+
if (event2.cancelable) {
|
|
6554
|
+
event2.preventDefault();
|
|
6555
6555
|
}
|
|
6556
6556
|
}
|
|
6557
6557
|
}
|
|
6558
6558
|
}, []);
|
|
6559
6559
|
var shouldCancel = React47.useCallback(function(name, delta, target, should) {
|
|
6560
|
-
var
|
|
6561
|
-
shouldPreventQueue.current.push(
|
|
6560
|
+
var event2 = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
|
|
6561
|
+
shouldPreventQueue.current.push(event2);
|
|
6562
6562
|
setTimeout(function() {
|
|
6563
6563
|
shouldPreventQueue.current = shouldPreventQueue.current.filter(function(e) {
|
|
6564
|
-
return e !==
|
|
6564
|
+
return e !== event2;
|
|
6565
6565
|
});
|
|
6566
6566
|
}, 1);
|
|
6567
6567
|
}, []);
|
|
6568
|
-
var scrollTouchStart = React47.useCallback(function(
|
|
6569
|
-
touchStartRef.current = getTouchXY(
|
|
6568
|
+
var scrollTouchStart = React47.useCallback(function(event2) {
|
|
6569
|
+
touchStartRef.current = getTouchXY(event2);
|
|
6570
6570
|
activeAxis.current = void 0;
|
|
6571
6571
|
}, []);
|
|
6572
|
-
var scrollWheel = React47.useCallback(function(
|
|
6573
|
-
shouldCancel(
|
|
6572
|
+
var scrollWheel = React47.useCallback(function(event2) {
|
|
6573
|
+
shouldCancel(event2.type, getDeltaXY(event2), event2.target, shouldCancelEvent(event2, props.lockRef.current));
|
|
6574
6574
|
}, []);
|
|
6575
|
-
var scrollTouchMove = React47.useCallback(function(
|
|
6576
|
-
shouldCancel(
|
|
6575
|
+
var scrollTouchMove = React47.useCallback(function(event2) {
|
|
6576
|
+
shouldCancel(event2.type, getTouchXY(event2), event2.target, shouldCancelEvent(event2, props.lockRef.current));
|
|
6577
6577
|
}, []);
|
|
6578
6578
|
React47.useEffect(function() {
|
|
6579
6579
|
lockStack.push(Style2);
|
|
@@ -6814,7 +6814,7 @@ var [PortalProvider2, usePortalContext2] = createDialogContext(PORTAL_NAME3, {
|
|
|
6814
6814
|
var DialogPortal = (props) => {
|
|
6815
6815
|
const { __scopeDialog, forceMount, children, container } = props;
|
|
6816
6816
|
const context = useDialogContext(PORTAL_NAME3, __scopeDialog);
|
|
6817
|
-
return /* @__PURE__ */ jsx39(PortalProvider2, { scope: __scopeDialog, forceMount, children: React49.Children.map(children, (
|
|
6817
|
+
return /* @__PURE__ */ jsx39(PortalProvider2, { scope: __scopeDialog, forceMount, children: React49.Children.map(children, (child16) => /* @__PURE__ */ jsx39(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx39(Portal, { asChild: true, container, children: child16 }) })) });
|
|
6818
6818
|
};
|
|
6819
6819
|
DialogPortal.displayName = PORTAL_NAME3;
|
|
6820
6820
|
var OVERLAY_NAME = "DialogOverlay";
|
|
@@ -6872,20 +6872,20 @@ var DialogContentModal = React49.forwardRef(
|
|
|
6872
6872
|
ref: composedRefs,
|
|
6873
6873
|
trapFocus: context.open,
|
|
6874
6874
|
disableOutsidePointerEvents: true,
|
|
6875
|
-
onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (
|
|
6875
|
+
onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event2) => {
|
|
6876
6876
|
var _a;
|
|
6877
|
-
|
|
6877
|
+
event2.preventDefault();
|
|
6878
6878
|
(_a = context.triggerRef.current) == null ? void 0 : _a.focus();
|
|
6879
6879
|
}),
|
|
6880
|
-
onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, (
|
|
6881
|
-
const originalEvent =
|
|
6880
|
+
onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, (event2) => {
|
|
6881
|
+
const originalEvent = event2.detail.originalEvent;
|
|
6882
6882
|
const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
|
|
6883
6883
|
const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
|
|
6884
|
-
if (isRightClick)
|
|
6884
|
+
if (isRightClick) event2.preventDefault();
|
|
6885
6885
|
}),
|
|
6886
6886
|
onFocusOutside: composeEventHandlers(
|
|
6887
6887
|
props.onFocusOutside,
|
|
6888
|
-
(
|
|
6888
|
+
(event2) => event2.preventDefault()
|
|
6889
6889
|
)
|
|
6890
6890
|
})
|
|
6891
6891
|
);
|
|
@@ -6902,30 +6902,30 @@ var DialogContentNonModal = React49.forwardRef(
|
|
|
6902
6902
|
ref: forwardedRef,
|
|
6903
6903
|
trapFocus: false,
|
|
6904
6904
|
disableOutsidePointerEvents: false,
|
|
6905
|
-
onCloseAutoFocus: (
|
|
6905
|
+
onCloseAutoFocus: (event2) => {
|
|
6906
6906
|
var _a, _b;
|
|
6907
|
-
(_a = props.onCloseAutoFocus) == null ? void 0 : _a.call(props,
|
|
6908
|
-
if (!
|
|
6907
|
+
(_a = props.onCloseAutoFocus) == null ? void 0 : _a.call(props, event2);
|
|
6908
|
+
if (!event2.defaultPrevented) {
|
|
6909
6909
|
if (!hasInteractedOutsideRef.current) (_b = context.triggerRef.current) == null ? void 0 : _b.focus();
|
|
6910
|
-
|
|
6910
|
+
event2.preventDefault();
|
|
6911
6911
|
}
|
|
6912
6912
|
hasInteractedOutsideRef.current = false;
|
|
6913
6913
|
hasPointerDownOutsideRef.current = false;
|
|
6914
6914
|
},
|
|
6915
|
-
onInteractOutside: (
|
|
6915
|
+
onInteractOutside: (event2) => {
|
|
6916
6916
|
var _a, _b;
|
|
6917
|
-
(_a = props.onInteractOutside) == null ? void 0 : _a.call(props,
|
|
6918
|
-
if (!
|
|
6917
|
+
(_a = props.onInteractOutside) == null ? void 0 : _a.call(props, event2);
|
|
6918
|
+
if (!event2.defaultPrevented) {
|
|
6919
6919
|
hasInteractedOutsideRef.current = true;
|
|
6920
|
-
if (
|
|
6920
|
+
if (event2.detail.originalEvent.type === "pointerdown") {
|
|
6921
6921
|
hasPointerDownOutsideRef.current = true;
|
|
6922
6922
|
}
|
|
6923
6923
|
}
|
|
6924
|
-
const target =
|
|
6924
|
+
const target = event2.target;
|
|
6925
6925
|
const targetIsTrigger = (_b = context.triggerRef.current) == null ? void 0 : _b.contains(target);
|
|
6926
|
-
if (targetIsTrigger)
|
|
6927
|
-
if (
|
|
6928
|
-
|
|
6926
|
+
if (targetIsTrigger) event2.preventDefault();
|
|
6927
|
+
if (event2.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) {
|
|
6928
|
+
event2.preventDefault();
|
|
6929
6929
|
}
|
|
6930
6930
|
}
|
|
6931
6931
|
})
|
|
@@ -7257,7 +7257,7 @@ var MenuRootContentModal = React51.forwardRef(
|
|
|
7257
7257
|
disableOutsideScroll: true,
|
|
7258
7258
|
onFocusOutside: composeEventHandlers(
|
|
7259
7259
|
props.onFocusOutside,
|
|
7260
|
-
(
|
|
7260
|
+
(event2) => event2.preventDefault(),
|
|
7261
7261
|
{ checkForDefaultPrevented: false }
|
|
7262
7262
|
),
|
|
7263
7263
|
onDismiss: () => context.onOpenChange(false)
|
|
@@ -7348,10 +7348,10 @@ var MenuContentImpl = React51.forwardRef(
|
|
|
7348
7348
|
return () => window.clearTimeout(timerRef.current);
|
|
7349
7349
|
}, []);
|
|
7350
7350
|
useFocusGuards();
|
|
7351
|
-
const isPointerMovingToSubmenu = React51.useCallback((
|
|
7351
|
+
const isPointerMovingToSubmenu = React51.useCallback((event2) => {
|
|
7352
7352
|
var _a2, _b;
|
|
7353
7353
|
const isMovingTowards = pointerDirRef.current === ((_a2 = pointerGraceIntentRef.current) == null ? void 0 : _a2.side);
|
|
7354
|
-
return isMovingTowards && isPointerInGraceArea(
|
|
7354
|
+
return isMovingTowards && isPointerInGraceArea(event2, (_b = pointerGraceIntentRef.current) == null ? void 0 : _b.area);
|
|
7355
7355
|
}, []);
|
|
7356
7356
|
return /* @__PURE__ */ jsx41(
|
|
7357
7357
|
MenuContentProvider,
|
|
@@ -7359,23 +7359,23 @@ var MenuContentImpl = React51.forwardRef(
|
|
|
7359
7359
|
scope: __scopeMenu,
|
|
7360
7360
|
searchRef,
|
|
7361
7361
|
onItemEnter: React51.useCallback(
|
|
7362
|
-
(
|
|
7363
|
-
if (isPointerMovingToSubmenu(
|
|
7362
|
+
(event2) => {
|
|
7363
|
+
if (isPointerMovingToSubmenu(event2)) event2.preventDefault();
|
|
7364
7364
|
},
|
|
7365
7365
|
[isPointerMovingToSubmenu]
|
|
7366
7366
|
),
|
|
7367
7367
|
onItemLeave: React51.useCallback(
|
|
7368
|
-
(
|
|
7368
|
+
(event2) => {
|
|
7369
7369
|
var _a2;
|
|
7370
|
-
if (isPointerMovingToSubmenu(
|
|
7370
|
+
if (isPointerMovingToSubmenu(event2)) return;
|
|
7371
7371
|
(_a2 = contentRef.current) == null ? void 0 : _a2.focus();
|
|
7372
7372
|
setCurrentItemId(null);
|
|
7373
7373
|
},
|
|
7374
7374
|
[isPointerMovingToSubmenu]
|
|
7375
7375
|
),
|
|
7376
7376
|
onTriggerLeave: React51.useCallback(
|
|
7377
|
-
(
|
|
7378
|
-
if (isPointerMovingToSubmenu(
|
|
7377
|
+
(event2) => {
|
|
7378
|
+
if (isPointerMovingToSubmenu(event2)) event2.preventDefault();
|
|
7379
7379
|
},
|
|
7380
7380
|
[isPointerMovingToSubmenu]
|
|
7381
7381
|
),
|
|
@@ -7388,9 +7388,9 @@ var MenuContentImpl = React51.forwardRef(
|
|
|
7388
7388
|
{
|
|
7389
7389
|
asChild: true,
|
|
7390
7390
|
trapped: trapFocus,
|
|
7391
|
-
onMountAutoFocus: composeEventHandlers(onOpenAutoFocus, (
|
|
7391
|
+
onMountAutoFocus: composeEventHandlers(onOpenAutoFocus, (event2) => {
|
|
7392
7392
|
var _a2;
|
|
7393
|
-
|
|
7393
|
+
event2.preventDefault();
|
|
7394
7394
|
(_a2 = contentRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
|
|
7395
7395
|
}),
|
|
7396
7396
|
onUnmountAutoFocus: onCloseAutoFocus,
|
|
@@ -7414,8 +7414,8 @@ var MenuContentImpl = React51.forwardRef(
|
|
|
7414
7414
|
loop,
|
|
7415
7415
|
currentTabStopId: currentItemId,
|
|
7416
7416
|
onCurrentTabStopIdChange: setCurrentItemId,
|
|
7417
|
-
onEntryFocus: composeEventHandlers(onEntryFocus, (
|
|
7418
|
-
if (!rootContext.isUsingKeyboardRef.current)
|
|
7417
|
+
onEntryFocus: composeEventHandlers(onEntryFocus, (event2) => {
|
|
7418
|
+
if (!rootContext.isUsingKeyboardRef.current) event2.preventDefault();
|
|
7419
7419
|
}),
|
|
7420
7420
|
preventScrollOnEntryFocus: true,
|
|
7421
7421
|
children: /* @__PURE__ */ jsx41(
|
|
@@ -7429,39 +7429,39 @@ var MenuContentImpl = React51.forwardRef(
|
|
|
7429
7429
|
}, popperScope), contentProps), {
|
|
7430
7430
|
ref: composedRefs,
|
|
7431
7431
|
style: __spreadValues({ outline: "none" }, contentProps.style),
|
|
7432
|
-
onKeyDown: composeEventHandlers(contentProps.onKeyDown, (
|
|
7433
|
-
const target =
|
|
7434
|
-
const isKeyDownInside = target.closest("[data-radix-menu-content]") ===
|
|
7435
|
-
const isModifierKey =
|
|
7436
|
-
const isCharacterKey =
|
|
7432
|
+
onKeyDown: composeEventHandlers(contentProps.onKeyDown, (event2) => {
|
|
7433
|
+
const target = event2.target;
|
|
7434
|
+
const isKeyDownInside = target.closest("[data-radix-menu-content]") === event2.currentTarget;
|
|
7435
|
+
const isModifierKey = event2.ctrlKey || event2.altKey || event2.metaKey;
|
|
7436
|
+
const isCharacterKey = event2.key.length === 1;
|
|
7437
7437
|
if (isKeyDownInside) {
|
|
7438
|
-
if (
|
|
7439
|
-
if (!isModifierKey && isCharacterKey) handleTypeaheadSearch(
|
|
7438
|
+
if (event2.key === "Tab") event2.preventDefault();
|
|
7439
|
+
if (!isModifierKey && isCharacterKey) handleTypeaheadSearch(event2.key);
|
|
7440
7440
|
}
|
|
7441
7441
|
const content = contentRef.current;
|
|
7442
|
-
if (
|
|
7443
|
-
if (!FIRST_LAST_KEYS.includes(
|
|
7444
|
-
|
|
7442
|
+
if (event2.target !== content) return;
|
|
7443
|
+
if (!FIRST_LAST_KEYS.includes(event2.key)) return;
|
|
7444
|
+
event2.preventDefault();
|
|
7445
7445
|
const items = getItems().filter((item) => !item.disabled);
|
|
7446
7446
|
const candidateNodes = items.map((item) => item.ref.current);
|
|
7447
|
-
if (LAST_KEYS.includes(
|
|
7447
|
+
if (LAST_KEYS.includes(event2.key)) candidateNodes.reverse();
|
|
7448
7448
|
focusFirst3(candidateNodes);
|
|
7449
7449
|
}),
|
|
7450
|
-
onBlur: composeEventHandlers(props.onBlur, (
|
|
7451
|
-
if (!
|
|
7450
|
+
onBlur: composeEventHandlers(props.onBlur, (event2) => {
|
|
7451
|
+
if (!event2.currentTarget.contains(event2.target)) {
|
|
7452
7452
|
window.clearTimeout(timerRef.current);
|
|
7453
7453
|
searchRef.current = "";
|
|
7454
7454
|
}
|
|
7455
7455
|
}),
|
|
7456
7456
|
onPointerMove: composeEventHandlers(
|
|
7457
7457
|
props.onPointerMove,
|
|
7458
|
-
whenMouse((
|
|
7459
|
-
const target =
|
|
7460
|
-
const pointerXHasChanged = lastPointerXRef.current !==
|
|
7461
|
-
if (
|
|
7462
|
-
const newDir =
|
|
7458
|
+
whenMouse((event2) => {
|
|
7459
|
+
const target = event2.target;
|
|
7460
|
+
const pointerXHasChanged = lastPointerXRef.current !== event2.clientX;
|
|
7461
|
+
if (event2.currentTarget.contains(target) && pointerXHasChanged) {
|
|
7462
|
+
const newDir = event2.clientX > lastPointerXRef.current ? "right" : "left";
|
|
7463
7463
|
pointerDirRef.current = newDir;
|
|
7464
|
-
lastPointerXRef.current =
|
|
7464
|
+
lastPointerXRef.current = event2.clientX;
|
|
7465
7465
|
}
|
|
7466
7466
|
})
|
|
7467
7467
|
)
|
|
@@ -7508,7 +7508,7 @@ var MenuItem = React51.forwardRef(
|
|
|
7508
7508
|
const menuItem = ref.current;
|
|
7509
7509
|
if (!disabled && menuItem) {
|
|
7510
7510
|
const itemSelectEvent = new CustomEvent(ITEM_SELECT, { bubbles: true, cancelable: true });
|
|
7511
|
-
menuItem.addEventListener(ITEM_SELECT, (
|
|
7511
|
+
menuItem.addEventListener(ITEM_SELECT, (event2) => onSelect == null ? void 0 : onSelect(event2), { once: true });
|
|
7512
7512
|
dispatchDiscreteCustomEvent(menuItem, itemSelectEvent);
|
|
7513
7513
|
if (itemSelectEvent.defaultPrevented) {
|
|
7514
7514
|
isPointerDownRef.current = false;
|
|
@@ -7523,21 +7523,21 @@ var MenuItem = React51.forwardRef(
|
|
|
7523
7523
|
ref: composedRefs,
|
|
7524
7524
|
disabled,
|
|
7525
7525
|
onClick: composeEventHandlers(props.onClick, handleSelect),
|
|
7526
|
-
onPointerDown: (
|
|
7526
|
+
onPointerDown: (event2) => {
|
|
7527
7527
|
var _a2;
|
|
7528
|
-
(_a2 = props.onPointerDown) == null ? void 0 : _a2.call(props,
|
|
7528
|
+
(_a2 = props.onPointerDown) == null ? void 0 : _a2.call(props, event2);
|
|
7529
7529
|
isPointerDownRef.current = true;
|
|
7530
7530
|
},
|
|
7531
|
-
onPointerUp: composeEventHandlers(props.onPointerUp, (
|
|
7531
|
+
onPointerUp: composeEventHandlers(props.onPointerUp, (event2) => {
|
|
7532
7532
|
var _a2;
|
|
7533
|
-
if (!isPointerDownRef.current) (_a2 =
|
|
7533
|
+
if (!isPointerDownRef.current) (_a2 = event2.currentTarget) == null ? void 0 : _a2.click();
|
|
7534
7534
|
}),
|
|
7535
|
-
onKeyDown: composeEventHandlers(props.onKeyDown, (
|
|
7535
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, (event2) => {
|
|
7536
7536
|
const isTypingAhead = contentContext.searchRef.current !== "";
|
|
7537
|
-
if (disabled || isTypingAhead &&
|
|
7538
|
-
if (SELECTION_KEYS.includes(
|
|
7539
|
-
|
|
7540
|
-
|
|
7537
|
+
if (disabled || isTypingAhead && event2.key === " ") return;
|
|
7538
|
+
if (SELECTION_KEYS.includes(event2.key)) {
|
|
7539
|
+
event2.currentTarget.click();
|
|
7540
|
+
event2.preventDefault();
|
|
7541
7541
|
}
|
|
7542
7542
|
})
|
|
7543
7543
|
})
|
|
@@ -7578,13 +7578,13 @@ var MenuItemImpl = React51.forwardRef(
|
|
|
7578
7578
|
ref: composedRefs,
|
|
7579
7579
|
onPointerMove: composeEventHandlers(
|
|
7580
7580
|
props.onPointerMove,
|
|
7581
|
-
whenMouse((
|
|
7581
|
+
whenMouse((event2) => {
|
|
7582
7582
|
if (disabled) {
|
|
7583
|
-
contentContext.onItemLeave(
|
|
7583
|
+
contentContext.onItemLeave(event2);
|
|
7584
7584
|
} else {
|
|
7585
|
-
contentContext.onItemEnter(
|
|
7586
|
-
if (!
|
|
7587
|
-
const item =
|
|
7585
|
+
contentContext.onItemEnter(event2);
|
|
7586
|
+
if (!event2.defaultPrevented) {
|
|
7587
|
+
const item = event2.currentTarget;
|
|
7588
7588
|
item.focus({ preventScroll: true });
|
|
7589
7589
|
}
|
|
7590
7590
|
}
|
|
@@ -7592,7 +7592,7 @@ var MenuItemImpl = React51.forwardRef(
|
|
|
7592
7592
|
),
|
|
7593
7593
|
onPointerLeave: composeEventHandlers(
|
|
7594
7594
|
props.onPointerLeave,
|
|
7595
|
-
whenMouse((
|
|
7595
|
+
whenMouse((event2) => contentContext.onItemLeave(event2))
|
|
7596
7596
|
),
|
|
7597
7597
|
onFocus: composeEventHandlers(props.onFocus, () => setIsFocused(true)),
|
|
7598
7598
|
onBlur: composeEventHandlers(props.onBlur, () => setIsFocused(false))
|
|
@@ -7783,18 +7783,18 @@ var MenuSubTrigger = React51.forwardRef(
|
|
|
7783
7783
|
"data-state": getOpenState(context.open)
|
|
7784
7784
|
}, props), {
|
|
7785
7785
|
ref: composeRefs(forwardedRef, subContext.onTriggerChange),
|
|
7786
|
-
onClick: (
|
|
7786
|
+
onClick: (event2) => {
|
|
7787
7787
|
var _a;
|
|
7788
|
-
(_a = props.onClick) == null ? void 0 : _a.call(props,
|
|
7789
|
-
if (props.disabled ||
|
|
7790
|
-
|
|
7788
|
+
(_a = props.onClick) == null ? void 0 : _a.call(props, event2);
|
|
7789
|
+
if (props.disabled || event2.defaultPrevented) return;
|
|
7790
|
+
event2.currentTarget.focus();
|
|
7791
7791
|
if (!context.open) context.onOpenChange(true);
|
|
7792
7792
|
},
|
|
7793
7793
|
onPointerMove: composeEventHandlers(
|
|
7794
7794
|
props.onPointerMove,
|
|
7795
|
-
whenMouse((
|
|
7796
|
-
contentContext.onItemEnter(
|
|
7797
|
-
if (
|
|
7795
|
+
whenMouse((event2) => {
|
|
7796
|
+
contentContext.onItemEnter(event2);
|
|
7797
|
+
if (event2.defaultPrevented) return;
|
|
7798
7798
|
if (!props.disabled && !context.open && !openTimerRef.current) {
|
|
7799
7799
|
contentContext.onPointerGraceIntentChange(null);
|
|
7800
7800
|
openTimerRef.current = window.setTimeout(() => {
|
|
@@ -7806,7 +7806,7 @@ var MenuSubTrigger = React51.forwardRef(
|
|
|
7806
7806
|
),
|
|
7807
7807
|
onPointerLeave: composeEventHandlers(
|
|
7808
7808
|
props.onPointerLeave,
|
|
7809
|
-
whenMouse((
|
|
7809
|
+
whenMouse((event2) => {
|
|
7810
7810
|
var _a, _b;
|
|
7811
7811
|
clearOpenTimer();
|
|
7812
7812
|
const contentRect = (_a = context.content) == null ? void 0 : _a.getBoundingClientRect();
|
|
@@ -7820,7 +7820,7 @@ var MenuSubTrigger = React51.forwardRef(
|
|
|
7820
7820
|
area: [
|
|
7821
7821
|
// Apply a bleed on clientX to ensure that our exit point is
|
|
7822
7822
|
// consistently within polygon bounds
|
|
7823
|
-
{ x:
|
|
7823
|
+
{ x: event2.clientX + bleed, y: event2.clientY },
|
|
7824
7824
|
{ x: contentNearEdge, y: contentRect.top },
|
|
7825
7825
|
{ x: contentFarEdge, y: contentRect.top },
|
|
7826
7826
|
{ x: contentFarEdge, y: contentRect.bottom },
|
|
@@ -7834,20 +7834,20 @@ var MenuSubTrigger = React51.forwardRef(
|
|
|
7834
7834
|
300
|
|
7835
7835
|
);
|
|
7836
7836
|
} else {
|
|
7837
|
-
contentContext.onTriggerLeave(
|
|
7838
|
-
if (
|
|
7837
|
+
contentContext.onTriggerLeave(event2);
|
|
7838
|
+
if (event2.defaultPrevented) return;
|
|
7839
7839
|
contentContext.onPointerGraceIntentChange(null);
|
|
7840
7840
|
}
|
|
7841
7841
|
})
|
|
7842
7842
|
),
|
|
7843
|
-
onKeyDown: composeEventHandlers(props.onKeyDown, (
|
|
7843
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, (event2) => {
|
|
7844
7844
|
var _a;
|
|
7845
7845
|
const isTypingAhead = contentContext.searchRef.current !== "";
|
|
7846
|
-
if (props.disabled || isTypingAhead &&
|
|
7847
|
-
if (SUB_OPEN_KEYS[rootContext.dir].includes(
|
|
7846
|
+
if (props.disabled || isTypingAhead && event2.key === " ") return;
|
|
7847
|
+
if (SUB_OPEN_KEYS[rootContext.dir].includes(event2.key)) {
|
|
7848
7848
|
context.onOpenChange(true);
|
|
7849
7849
|
(_a = context.content) == null ? void 0 : _a.focus();
|
|
7850
|
-
|
|
7850
|
+
event2.preventDefault();
|
|
7851
7851
|
}
|
|
7852
7852
|
})
|
|
7853
7853
|
})
|
|
@@ -7877,27 +7877,27 @@ var MenuSubContent = React51.forwardRef(
|
|
|
7877
7877
|
disableOutsidePointerEvents: false,
|
|
7878
7878
|
disableOutsideScroll: false,
|
|
7879
7879
|
trapFocus: false,
|
|
7880
|
-
onOpenAutoFocus: (
|
|
7880
|
+
onOpenAutoFocus: (event2) => {
|
|
7881
7881
|
var _a2;
|
|
7882
7882
|
if (rootContext.isUsingKeyboardRef.current) (_a2 = ref.current) == null ? void 0 : _a2.focus();
|
|
7883
|
-
|
|
7883
|
+
event2.preventDefault();
|
|
7884
7884
|
},
|
|
7885
|
-
onCloseAutoFocus: (
|
|
7886
|
-
onFocusOutside: composeEventHandlers(props.onFocusOutside, (
|
|
7887
|
-
if (
|
|
7885
|
+
onCloseAutoFocus: (event2) => event2.preventDefault(),
|
|
7886
|
+
onFocusOutside: composeEventHandlers(props.onFocusOutside, (event2) => {
|
|
7887
|
+
if (event2.target !== subContext.trigger) context.onOpenChange(false);
|
|
7888
7888
|
}),
|
|
7889
|
-
onEscapeKeyDown: composeEventHandlers(props.onEscapeKeyDown, (
|
|
7889
|
+
onEscapeKeyDown: composeEventHandlers(props.onEscapeKeyDown, (event2) => {
|
|
7890
7890
|
rootContext.onClose();
|
|
7891
|
-
|
|
7891
|
+
event2.preventDefault();
|
|
7892
7892
|
}),
|
|
7893
|
-
onKeyDown: composeEventHandlers(props.onKeyDown, (
|
|
7893
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, (event2) => {
|
|
7894
7894
|
var _a2;
|
|
7895
|
-
const isKeyDownInside =
|
|
7896
|
-
const isCloseKey = SUB_CLOSE_KEYS[rootContext.dir].includes(
|
|
7895
|
+
const isKeyDownInside = event2.currentTarget.contains(event2.target);
|
|
7896
|
+
const isCloseKey = SUB_CLOSE_KEYS[rootContext.dir].includes(event2.key);
|
|
7897
7897
|
if (isKeyDownInside && isCloseKey) {
|
|
7898
7898
|
context.onOpenChange(false);
|
|
7899
7899
|
(_a2 = subContext.trigger) == null ? void 0 : _a2.focus();
|
|
7900
|
-
|
|
7900
|
+
event2.preventDefault();
|
|
7901
7901
|
}
|
|
7902
7902
|
})
|
|
7903
7903
|
})
|
|
@@ -7952,13 +7952,13 @@ function isPointInPolygon2(point, polygon) {
|
|
|
7952
7952
|
}
|
|
7953
7953
|
return inside;
|
|
7954
7954
|
}
|
|
7955
|
-
function isPointerInGraceArea(
|
|
7955
|
+
function isPointerInGraceArea(event2, area) {
|
|
7956
7956
|
if (!area) return false;
|
|
7957
|
-
const cursorPos = { x:
|
|
7957
|
+
const cursorPos = { x: event2.clientX, y: event2.clientY };
|
|
7958
7958
|
return isPointInPolygon2(cursorPos, area);
|
|
7959
7959
|
}
|
|
7960
7960
|
function whenMouse(handler) {
|
|
7961
|
-
return (
|
|
7961
|
+
return (event2) => event2.pointerType === "mouse" ? handler(event2) : void 0;
|
|
7962
7962
|
}
|
|
7963
7963
|
var Root33 = Menu;
|
|
7964
7964
|
var Anchor2 = MenuAnchor;
|
|
@@ -8039,17 +8039,17 @@ var DropdownMenuTrigger = React52.forwardRef(
|
|
|
8039
8039
|
disabled
|
|
8040
8040
|
}, triggerProps), {
|
|
8041
8041
|
ref: composeRefs(forwardedRef, context.triggerRef),
|
|
8042
|
-
onPointerDown: composeEventHandlers(props.onPointerDown, (
|
|
8043
|
-
if (!disabled &&
|
|
8042
|
+
onPointerDown: composeEventHandlers(props.onPointerDown, (event2) => {
|
|
8043
|
+
if (!disabled && event2.button === 0 && event2.ctrlKey === false) {
|
|
8044
8044
|
context.onOpenToggle();
|
|
8045
|
-
if (!context.open)
|
|
8045
|
+
if (!context.open) event2.preventDefault();
|
|
8046
8046
|
}
|
|
8047
8047
|
}),
|
|
8048
|
-
onKeyDown: composeEventHandlers(props.onKeyDown, (
|
|
8048
|
+
onKeyDown: composeEventHandlers(props.onKeyDown, (event2) => {
|
|
8049
8049
|
if (disabled) return;
|
|
8050
|
-
if (["Enter", " "].includes(
|
|
8051
|
-
if (
|
|
8052
|
-
if (["Enter", " ", "ArrowDown"].includes(
|
|
8050
|
+
if (["Enter", " "].includes(event2.key)) context.onOpenToggle();
|
|
8051
|
+
if (event2.key === "ArrowDown") context.onOpenChange(true);
|
|
8052
|
+
if (["Enter", " ", "ArrowDown"].includes(event2.key)) event2.preventDefault();
|
|
8053
8053
|
})
|
|
8054
8054
|
})
|
|
8055
8055
|
) }));
|
|
@@ -8077,14 +8077,14 @@ var DropdownMenuContent = React52.forwardRef(
|
|
|
8077
8077
|
"aria-labelledby": context.triggerId
|
|
8078
8078
|
}, menuScope), contentProps), {
|
|
8079
8079
|
ref: forwardedRef,
|
|
8080
|
-
onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (
|
|
8080
|
+
onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event2) => {
|
|
8081
8081
|
var _a2;
|
|
8082
8082
|
if (!hasInteractedOutsideRef.current) (_a2 = context.triggerRef.current) == null ? void 0 : _a2.focus();
|
|
8083
8083
|
hasInteractedOutsideRef.current = false;
|
|
8084
|
-
|
|
8084
|
+
event2.preventDefault();
|
|
8085
8085
|
}),
|
|
8086
|
-
onInteractOutside: composeEventHandlers(props.onInteractOutside, (
|
|
8087
|
-
const originalEvent =
|
|
8086
|
+
onInteractOutside: composeEventHandlers(props.onInteractOutside, (event2) => {
|
|
8087
|
+
const originalEvent = event2.detail.originalEvent;
|
|
8088
8088
|
const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
|
|
8089
8089
|
const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
|
|
8090
8090
|
if (!context.modal || isRightClick) hasInteractedOutsideRef.current = true;
|
|
@@ -8518,7 +8518,7 @@ var Select = (props) => {
|
|
|
8518
8518
|
name,
|
|
8519
8519
|
autoComplete,
|
|
8520
8520
|
value,
|
|
8521
|
-
onChange: (
|
|
8521
|
+
onChange: (event2) => setValue(event2.target.value),
|
|
8522
8522
|
disabled,
|
|
8523
8523
|
form,
|
|
8524
8524
|
children: [
|
|
@@ -8579,31 +8579,31 @@ var SelectTrigger = React56.forwardRef(
|
|
|
8579
8579
|
"data-placeholder": shouldShowPlaceholder(context.value) ? "" : void 0
|
|
8580
8580
|
}, triggerProps), {
|
|
8581
8581
|
ref: composedRefs,
|
|
8582
|
-
onClick: composeEventHandlers(triggerProps.onClick, (
|
|
8583
|
-
|
|
8582
|
+
onClick: composeEventHandlers(triggerProps.onClick, (event2) => {
|
|
8583
|
+
event2.currentTarget.focus();
|
|
8584
8584
|
if (pointerTypeRef.current !== "mouse") {
|
|
8585
|
-
handleOpen(
|
|
8585
|
+
handleOpen(event2);
|
|
8586
8586
|
}
|
|
8587
8587
|
}),
|
|
8588
|
-
onPointerDown: composeEventHandlers(triggerProps.onPointerDown, (
|
|
8589
|
-
pointerTypeRef.current =
|
|
8590
|
-
const target =
|
|
8591
|
-
if (target.hasPointerCapture(
|
|
8592
|
-
target.releasePointerCapture(
|
|
8588
|
+
onPointerDown: composeEventHandlers(triggerProps.onPointerDown, (event2) => {
|
|
8589
|
+
pointerTypeRef.current = event2.pointerType;
|
|
8590
|
+
const target = event2.target;
|
|
8591
|
+
if (target.hasPointerCapture(event2.pointerId)) {
|
|
8592
|
+
target.releasePointerCapture(event2.pointerId);
|
|
8593
8593
|
}
|
|
8594
|
-
if (
|
|
8595
|
-
handleOpen(
|
|
8596
|
-
|
|
8594
|
+
if (event2.button === 0 && event2.ctrlKey === false && event2.pointerType === "mouse") {
|
|
8595
|
+
handleOpen(event2);
|
|
8596
|
+
event2.preventDefault();
|
|
8597
8597
|
}
|
|
8598
8598
|
}),
|
|
8599
|
-
onKeyDown: composeEventHandlers(triggerProps.onKeyDown, (
|
|
8599
|
+
onKeyDown: composeEventHandlers(triggerProps.onKeyDown, (event2) => {
|
|
8600
8600
|
const isTypingAhead = searchRef.current !== "";
|
|
8601
|
-
const isModifierKey =
|
|
8602
|
-
if (!isModifierKey &&
|
|
8603
|
-
if (isTypingAhead &&
|
|
8604
|
-
if (OPEN_KEYS.includes(
|
|
8601
|
+
const isModifierKey = event2.ctrlKey || event2.altKey || event2.metaKey;
|
|
8602
|
+
if (!isModifierKey && event2.key.length === 1) handleTypeaheadSearch(event2.key);
|
|
8603
|
+
if (isTypingAhead && event2.key === " ") return;
|
|
8604
|
+
if (OPEN_KEYS.includes(event2.key)) {
|
|
8605
8605
|
handleOpen();
|
|
8606
|
-
|
|
8606
|
+
event2.preventDefault();
|
|
8607
8607
|
}
|
|
8608
8608
|
})
|
|
8609
8609
|
})
|
|
@@ -8750,18 +8750,18 @@ var SelectContentImpl = React56.forwardRef(
|
|
|
8750
8750
|
React56.useEffect(() => {
|
|
8751
8751
|
if (content) {
|
|
8752
8752
|
let pointerMoveDelta = { x: 0, y: 0 };
|
|
8753
|
-
const handlePointerMove = (
|
|
8753
|
+
const handlePointerMove = (event2) => {
|
|
8754
8754
|
var _a2, _b, _c, _d;
|
|
8755
8755
|
pointerMoveDelta = {
|
|
8756
|
-
x: Math.abs(Math.round(
|
|
8757
|
-
y: Math.abs(Math.round(
|
|
8756
|
+
x: Math.abs(Math.round(event2.pageX) - ((_b = (_a2 = triggerPointerDownPosRef.current) == null ? void 0 : _a2.x) != null ? _b : 0)),
|
|
8757
|
+
y: Math.abs(Math.round(event2.pageY) - ((_d = (_c = triggerPointerDownPosRef.current) == null ? void 0 : _c.y) != null ? _d : 0))
|
|
8758
8758
|
};
|
|
8759
8759
|
};
|
|
8760
|
-
const handlePointerUp = (
|
|
8760
|
+
const handlePointerUp = (event2) => {
|
|
8761
8761
|
if (pointerMoveDelta.x <= 10 && pointerMoveDelta.y <= 10) {
|
|
8762
|
-
|
|
8762
|
+
event2.preventDefault();
|
|
8763
8763
|
} else {
|
|
8764
|
-
if (!content.contains(
|
|
8764
|
+
if (!content.contains(event2.target)) {
|
|
8765
8765
|
onOpenChange(false);
|
|
8766
8766
|
}
|
|
8767
8767
|
}
|
|
@@ -8851,13 +8851,13 @@ var SelectContentImpl = React56.forwardRef(
|
|
|
8851
8851
|
{
|
|
8852
8852
|
asChild: true,
|
|
8853
8853
|
trapped: context.open,
|
|
8854
|
-
onMountAutoFocus: (
|
|
8855
|
-
|
|
8854
|
+
onMountAutoFocus: (event2) => {
|
|
8855
|
+
event2.preventDefault();
|
|
8856
8856
|
},
|
|
8857
|
-
onUnmountAutoFocus: composeEventHandlers(onCloseAutoFocus, (
|
|
8857
|
+
onUnmountAutoFocus: composeEventHandlers(onCloseAutoFocus, (event2) => {
|
|
8858
8858
|
var _a2;
|
|
8859
8859
|
(_a2 = context.trigger) == null ? void 0 : _a2.focus({ preventScroll: true });
|
|
8860
|
-
|
|
8860
|
+
event2.preventDefault();
|
|
8861
8861
|
}),
|
|
8862
8862
|
children: /* @__PURE__ */ jsx45(
|
|
8863
8863
|
DismissableLayer,
|
|
@@ -8866,7 +8866,7 @@ var SelectContentImpl = React56.forwardRef(
|
|
|
8866
8866
|
disableOutsidePointerEvents: true,
|
|
8867
8867
|
onEscapeKeyDown,
|
|
8868
8868
|
onPointerDownOutside,
|
|
8869
|
-
onFocusOutside: (
|
|
8869
|
+
onFocusOutside: (event2) => event2.preventDefault(),
|
|
8870
8870
|
onDismiss: () => context.onOpenChange(false),
|
|
8871
8871
|
children: /* @__PURE__ */ jsx45(
|
|
8872
8872
|
SelectPosition,
|
|
@@ -8875,7 +8875,7 @@ var SelectContentImpl = React56.forwardRef(
|
|
|
8875
8875
|
id: context.contentId,
|
|
8876
8876
|
"data-state": context.open ? "open" : "closed",
|
|
8877
8877
|
dir: context.dir,
|
|
8878
|
-
onContextMenu: (
|
|
8878
|
+
onContextMenu: (event2) => event2.preventDefault()
|
|
8879
8879
|
}, contentProps), popperContentProps), {
|
|
8880
8880
|
onPlaced: () => setIsPositioned(true),
|
|
8881
8881
|
ref: composedRefs,
|
|
@@ -8886,23 +8886,23 @@ var SelectContentImpl = React56.forwardRef(
|
|
|
8886
8886
|
// reset the outline by default as the content MAY get focused
|
|
8887
8887
|
outline: "none"
|
|
8888
8888
|
}, contentProps.style),
|
|
8889
|
-
onKeyDown: composeEventHandlers(contentProps.onKeyDown, (
|
|
8890
|
-
const isModifierKey =
|
|
8891
|
-
if (
|
|
8892
|
-
if (!isModifierKey &&
|
|
8893
|
-
if (["ArrowUp", "ArrowDown", "Home", "End"].includes(
|
|
8889
|
+
onKeyDown: composeEventHandlers(contentProps.onKeyDown, (event2) => {
|
|
8890
|
+
const isModifierKey = event2.ctrlKey || event2.altKey || event2.metaKey;
|
|
8891
|
+
if (event2.key === "Tab") event2.preventDefault();
|
|
8892
|
+
if (!isModifierKey && event2.key.length === 1) handleTypeaheadSearch(event2.key);
|
|
8893
|
+
if (["ArrowUp", "ArrowDown", "Home", "End"].includes(event2.key)) {
|
|
8894
8894
|
const items = getItems().filter((item) => !item.disabled);
|
|
8895
8895
|
let candidateNodes = items.map((item) => item.ref.current);
|
|
8896
|
-
if (["ArrowUp", "End"].includes(
|
|
8896
|
+
if (["ArrowUp", "End"].includes(event2.key)) {
|
|
8897
8897
|
candidateNodes = candidateNodes.slice().reverse();
|
|
8898
8898
|
}
|
|
8899
|
-
if (["ArrowUp", "ArrowDown"].includes(
|
|
8900
|
-
const currentElement =
|
|
8899
|
+
if (["ArrowUp", "ArrowDown"].includes(event2.key)) {
|
|
8900
|
+
const currentElement = event2.target;
|
|
8901
8901
|
const currentIndex = candidateNodes.indexOf(currentElement);
|
|
8902
8902
|
candidateNodes = candidateNodes.slice(currentIndex + 1);
|
|
8903
8903
|
}
|
|
8904
8904
|
setTimeout(() => focusFirst4(candidateNodes));
|
|
8905
|
-
|
|
8905
|
+
event2.preventDefault();
|
|
8906
8906
|
}
|
|
8907
8907
|
})
|
|
8908
8908
|
})
|
|
@@ -9148,8 +9148,8 @@ var SelectViewport = React56.forwardRef(
|
|
|
9148
9148
|
// https://developer.chrome.com/blog/vertical-form-controls
|
|
9149
9149
|
overflow: "hidden auto"
|
|
9150
9150
|
}, viewportProps.style),
|
|
9151
|
-
onScroll: composeEventHandlers(viewportProps.onScroll, (
|
|
9152
|
-
const viewport =
|
|
9151
|
+
onScroll: composeEventHandlers(viewportProps.onScroll, (event2) => {
|
|
9152
|
+
const viewport = event2.currentTarget;
|
|
9153
9153
|
const { contentWrapper, shouldExpandOnScrollRef } = viewportContext;
|
|
9154
9154
|
if ((shouldExpandOnScrollRef == null ? void 0 : shouldExpandOnScrollRef.current) && contentWrapper) {
|
|
9155
9155
|
const scrolledBy = Math.abs(prevScrollTopRef.current - viewport.scrollTop);
|
|
@@ -9279,30 +9279,30 @@ var SelectItem = React56.forwardRef(
|
|
|
9279
9279
|
onPointerUp: composeEventHandlers(itemProps.onPointerUp, () => {
|
|
9280
9280
|
if (pointerTypeRef.current === "mouse") handleSelect();
|
|
9281
9281
|
}),
|
|
9282
|
-
onPointerDown: composeEventHandlers(itemProps.onPointerDown, (
|
|
9283
|
-
pointerTypeRef.current =
|
|
9282
|
+
onPointerDown: composeEventHandlers(itemProps.onPointerDown, (event2) => {
|
|
9283
|
+
pointerTypeRef.current = event2.pointerType;
|
|
9284
9284
|
}),
|
|
9285
|
-
onPointerMove: composeEventHandlers(itemProps.onPointerMove, (
|
|
9285
|
+
onPointerMove: composeEventHandlers(itemProps.onPointerMove, (event2) => {
|
|
9286
9286
|
var _a2;
|
|
9287
|
-
pointerTypeRef.current =
|
|
9287
|
+
pointerTypeRef.current = event2.pointerType;
|
|
9288
9288
|
if (disabled) {
|
|
9289
9289
|
(_a2 = contentContext.onItemLeave) == null ? void 0 : _a2.call(contentContext);
|
|
9290
9290
|
} else if (pointerTypeRef.current === "mouse") {
|
|
9291
|
-
|
|
9291
|
+
event2.currentTarget.focus({ preventScroll: true });
|
|
9292
9292
|
}
|
|
9293
9293
|
}),
|
|
9294
|
-
onPointerLeave: composeEventHandlers(itemProps.onPointerLeave, (
|
|
9294
|
+
onPointerLeave: composeEventHandlers(itemProps.onPointerLeave, (event2) => {
|
|
9295
9295
|
var _a2;
|
|
9296
|
-
if (
|
|
9296
|
+
if (event2.currentTarget === document.activeElement) {
|
|
9297
9297
|
(_a2 = contentContext.onItemLeave) == null ? void 0 : _a2.call(contentContext);
|
|
9298
9298
|
}
|
|
9299
9299
|
}),
|
|
9300
|
-
onKeyDown: composeEventHandlers(itemProps.onKeyDown, (
|
|
9300
|
+
onKeyDown: composeEventHandlers(itemProps.onKeyDown, (event2) => {
|
|
9301
9301
|
var _a2;
|
|
9302
9302
|
const isTypingAhead = ((_a2 = contentContext.searchRef) == null ? void 0 : _a2.current) !== "";
|
|
9303
|
-
if (isTypingAhead &&
|
|
9304
|
-
if (SELECTION_KEYS2.includes(
|
|
9305
|
-
if (
|
|
9303
|
+
if (isTypingAhead && event2.key === " ") return;
|
|
9304
|
+
if (SELECTION_KEYS2.includes(event2.key)) handleSelect();
|
|
9305
|
+
if (event2.key === " ") event2.preventDefault();
|
|
9306
9306
|
})
|
|
9307
9307
|
})
|
|
9308
9308
|
)
|
|
@@ -9504,9 +9504,9 @@ var SelectBubbleInput = React56.forwardRef(
|
|
|
9504
9504
|
);
|
|
9505
9505
|
const setValue = descriptor.set;
|
|
9506
9506
|
if (prevValue !== value && setValue) {
|
|
9507
|
-
const
|
|
9507
|
+
const event2 = new Event("change", { bubbles: true });
|
|
9508
9508
|
setValue.call(select, value);
|
|
9509
|
-
select.dispatchEvent(
|
|
9509
|
+
select.dispatchEvent(event2);
|
|
9510
9510
|
}
|
|
9511
9511
|
}, [prevValue, value]);
|
|
9512
9512
|
return /* @__PURE__ */ jsx45(
|
|
@@ -9784,9 +9784,9 @@ var CheckboxTrigger = React58.forwardRef(
|
|
|
9784
9784
|
React58.useEffect(() => {
|
|
9785
9785
|
const form = control == null ? void 0 : control.form;
|
|
9786
9786
|
if (form) {
|
|
9787
|
-
const
|
|
9788
|
-
form.addEventListener("reset",
|
|
9789
|
-
return () => form.removeEventListener("reset",
|
|
9787
|
+
const reset16 = () => setChecked(initialCheckedStateRef.current);
|
|
9788
|
+
form.addEventListener("reset", reset16);
|
|
9789
|
+
return () => form.removeEventListener("reset", reset16);
|
|
9790
9790
|
}
|
|
9791
9791
|
}, [control, setChecked]);
|
|
9792
9792
|
return /* @__PURE__ */ jsx47(
|
|
@@ -9802,14 +9802,14 @@ var CheckboxTrigger = React58.forwardRef(
|
|
|
9802
9802
|
value
|
|
9803
9803
|
}, checkboxProps), {
|
|
9804
9804
|
ref: composedRefs,
|
|
9805
|
-
onKeyDown: composeEventHandlers(onKeyDown, (
|
|
9806
|
-
if (
|
|
9805
|
+
onKeyDown: composeEventHandlers(onKeyDown, (event2) => {
|
|
9806
|
+
if (event2.key === "Enter") event2.preventDefault();
|
|
9807
9807
|
}),
|
|
9808
|
-
onClick: composeEventHandlers(onClick, (
|
|
9808
|
+
onClick: composeEventHandlers(onClick, (event2) => {
|
|
9809
9809
|
setChecked((prevChecked) => isIndeterminate2(prevChecked) ? true : !prevChecked);
|
|
9810
9810
|
if (bubbleInput && isFormControl) {
|
|
9811
|
-
hasConsumerStoppedPropagationRef.current =
|
|
9812
|
-
if (!hasConsumerStoppedPropagationRef.current)
|
|
9811
|
+
hasConsumerStoppedPropagationRef.current = event2.isPropagationStopped();
|
|
9812
|
+
if (!hasConsumerStoppedPropagationRef.current) event2.stopPropagation();
|
|
9813
9813
|
}
|
|
9814
9814
|
})
|
|
9815
9815
|
})
|
|
@@ -9927,10 +9927,10 @@ var CheckboxBubbleInput = React58.forwardRef(
|
|
|
9927
9927
|
const setChecked = descriptor.set;
|
|
9928
9928
|
const bubbles = !hasConsumerStoppedPropagationRef.current;
|
|
9929
9929
|
if (prevChecked !== checked && setChecked) {
|
|
9930
|
-
const
|
|
9930
|
+
const event2 = new Event("click", { bubbles });
|
|
9931
9931
|
input.indeterminate = isIndeterminate2(checked);
|
|
9932
9932
|
setChecked.call(input, isIndeterminate2(checked) ? false : checked);
|
|
9933
|
-
input.dispatchEvent(
|
|
9933
|
+
input.dispatchEvent(event2);
|
|
9934
9934
|
}
|
|
9935
9935
|
}, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);
|
|
9936
9936
|
const defaultCheckedRef = React58.useRef(isIndeterminate2(checked) ? false : checked);
|
|
@@ -10048,11 +10048,11 @@ var Switch = React60.forwardRef(
|
|
|
10048
10048
|
value
|
|
10049
10049
|
}, switchProps), {
|
|
10050
10050
|
ref: composedRefs,
|
|
10051
|
-
onClick: composeEventHandlers(props.onClick, (
|
|
10051
|
+
onClick: composeEventHandlers(props.onClick, (event2) => {
|
|
10052
10052
|
setChecked((prevChecked) => !prevChecked);
|
|
10053
10053
|
if (isFormControl) {
|
|
10054
|
-
hasConsumerStoppedPropagationRef.current =
|
|
10055
|
-
if (!hasConsumerStoppedPropagationRef.current)
|
|
10054
|
+
hasConsumerStoppedPropagationRef.current = event2.isPropagationStopped();
|
|
10055
|
+
if (!hasConsumerStoppedPropagationRef.current) event2.stopPropagation();
|
|
10056
10056
|
}
|
|
10057
10057
|
})
|
|
10058
10058
|
})
|
|
@@ -10120,9 +10120,9 @@ var SwitchBubbleInput = React60.forwardRef(
|
|
|
10120
10120
|
);
|
|
10121
10121
|
const setChecked = descriptor.set;
|
|
10122
10122
|
if (prevChecked !== checked && setChecked) {
|
|
10123
|
-
const
|
|
10123
|
+
const event2 = new Event("click", { bubbles });
|
|
10124
10124
|
setChecked.call(input, checked);
|
|
10125
|
-
input.dispatchEvent(
|
|
10125
|
+
input.dispatchEvent(event2);
|
|
10126
10126
|
}
|
|
10127
10127
|
}, [prevChecked, checked, bubbles]);
|
|
10128
10128
|
return /* @__PURE__ */ jsx49(
|
|
@@ -10218,11 +10218,11 @@ var Radio = React62.forwardRef(
|
|
|
10218
10218
|
value
|
|
10219
10219
|
}, radioProps), {
|
|
10220
10220
|
ref: composedRefs,
|
|
10221
|
-
onClick: composeEventHandlers(props.onClick, (
|
|
10221
|
+
onClick: composeEventHandlers(props.onClick, (event2) => {
|
|
10222
10222
|
if (!checked) onCheck == null ? void 0 : onCheck();
|
|
10223
10223
|
if (isFormControl) {
|
|
10224
|
-
hasConsumerStoppedPropagationRef.current =
|
|
10225
|
-
if (!hasConsumerStoppedPropagationRef.current)
|
|
10224
|
+
hasConsumerStoppedPropagationRef.current = event2.isPropagationStopped();
|
|
10225
|
+
if (!hasConsumerStoppedPropagationRef.current) event2.stopPropagation();
|
|
10226
10226
|
}
|
|
10227
10227
|
})
|
|
10228
10228
|
})
|
|
@@ -10290,9 +10290,9 @@ var RadioBubbleInput = React62.forwardRef(
|
|
|
10290
10290
|
);
|
|
10291
10291
|
const setChecked = descriptor.set;
|
|
10292
10292
|
if (prevChecked !== checked && setChecked) {
|
|
10293
|
-
const
|
|
10293
|
+
const event2 = new Event("click", { bubbles });
|
|
10294
10294
|
setChecked.call(input, checked);
|
|
10295
|
-
input.dispatchEvent(
|
|
10295
|
+
input.dispatchEvent(event2);
|
|
10296
10296
|
}
|
|
10297
10297
|
}, [prevChecked, checked, bubbles]);
|
|
10298
10298
|
return /* @__PURE__ */ jsx51(
|
|
@@ -10409,8 +10409,8 @@ var RadioGroupItem = React210.forwardRef(
|
|
|
10409
10409
|
const checked = context.value === itemProps.value;
|
|
10410
10410
|
const isArrowKeyPressedRef = React210.useRef(false);
|
|
10411
10411
|
React210.useEffect(() => {
|
|
10412
|
-
const handleKeyDown = (
|
|
10413
|
-
if (ARROW_KEYS.includes(
|
|
10412
|
+
const handleKeyDown = (event2) => {
|
|
10413
|
+
if (ARROW_KEYS.includes(event2.key)) {
|
|
10414
10414
|
isArrowKeyPressedRef.current = true;
|
|
10415
10415
|
}
|
|
10416
10416
|
};
|
|
@@ -10439,8 +10439,8 @@ var RadioGroupItem = React210.forwardRef(
|
|
|
10439
10439
|
name: context.name,
|
|
10440
10440
|
ref: composedRefs,
|
|
10441
10441
|
onCheck: () => context.onValueChange(itemProps.value),
|
|
10442
|
-
onKeyDown: composeEventHandlers((
|
|
10443
|
-
if (
|
|
10442
|
+
onKeyDown: composeEventHandlers((event2) => {
|
|
10443
|
+
if (event2.key === "Enter") event2.preventDefault();
|
|
10444
10444
|
}),
|
|
10445
10445
|
onFocus: composeEventHandlers(itemProps.onFocus, () => {
|
|
10446
10446
|
var _a2;
|
|
@@ -10532,12 +10532,12 @@ function createSlot2(ownerName) {
|
|
|
10532
10532
|
const slottable = childrenArray.find(isSlottable2);
|
|
10533
10533
|
if (slottable) {
|
|
10534
10534
|
const newElement = slottable.props.children;
|
|
10535
|
-
const newChildren = childrenArray.map((
|
|
10536
|
-
if (
|
|
10535
|
+
const newChildren = childrenArray.map((child16) => {
|
|
10536
|
+
if (child16 === slottable) {
|
|
10537
10537
|
if (React64.Children.count(newElement) > 1) return React64.Children.only(null);
|
|
10538
10538
|
return React64.isValidElement(newElement) ? newElement.props.children : null;
|
|
10539
10539
|
} else {
|
|
10540
|
-
return
|
|
10540
|
+
return child16;
|
|
10541
10541
|
}
|
|
10542
10542
|
});
|
|
10543
10543
|
return /* @__PURE__ */ jsx53(SlotClone, __spreadProps(__spreadValues({}, slotProps), { ref: forwardedRef, children: React64.isValidElement(newElement) ? React64.cloneElement(newElement, void 0, newChildren) : null }));
|
|
@@ -10568,8 +10568,8 @@ function createSlotClone2(ownerName) {
|
|
|
10568
10568
|
return SlotClone;
|
|
10569
10569
|
}
|
|
10570
10570
|
var SLOTTABLE_IDENTIFIER2 = /* @__PURE__ */ Symbol("radix.slottable");
|
|
10571
|
-
function isSlottable2(
|
|
10572
|
-
return React64.isValidElement(
|
|
10571
|
+
function isSlottable2(child16) {
|
|
10572
|
+
return React64.isValidElement(child16) && typeof child16.type === "function" && "__radixId" in child16.type && child16.type.__radixId === SLOTTABLE_IDENTIFIER2;
|
|
10573
10573
|
}
|
|
10574
10574
|
function mergeProps2(slotProps, childProps) {
|
|
10575
10575
|
const overrideProps = __spreadValues({}, childProps);
|
|
@@ -10691,6 +10691,1121 @@ var Separator5 = React67.forwardRef(
|
|
|
10691
10691
|
}
|
|
10692
10692
|
);
|
|
10693
10693
|
Separator5.displayName = Root8.displayName;
|
|
10694
|
+
|
|
10695
|
+
// src/components/svelte/content/Button.svelte
|
|
10696
|
+
import "svelte/internal/disclose-version";
|
|
10697
|
+
import * as $ from "svelte/internal/client";
|
|
10698
|
+
|
|
10699
|
+
// src/adapters/svelte.ts
|
|
10700
|
+
import { writable, get } from "svelte/store";
|
|
10701
|
+
function createDefaultLink(props) {
|
|
10702
|
+
return { type: "a", href: props.href };
|
|
10703
|
+
}
|
|
10704
|
+
function createDefaultImage(props) {
|
|
10705
|
+
return { type: "img", src: props.src, alt: props.alt };
|
|
10706
|
+
}
|
|
10707
|
+
var defaultConfig = {
|
|
10708
|
+
Link: createDefaultLink,
|
|
10709
|
+
Image: createDefaultImage
|
|
10710
|
+
};
|
|
10711
|
+
var docuBookStore = writable(defaultConfig);
|
|
10712
|
+
function getDocuBook() {
|
|
10713
|
+
return get(docuBookStore);
|
|
10714
|
+
}
|
|
10715
|
+
|
|
10716
|
+
// src/components/svelte/content/Button.svelte
|
|
10717
|
+
var root_5 = $.from_html(`<span> </span>`);
|
|
10718
|
+
var root_3 = $.from_html(`<!> <!>`, 1);
|
|
10719
|
+
var root_8 = $.from_html(`<span> </span>`);
|
|
10720
|
+
var root_6 = $.from_html(`<a><!> <!></a>`);
|
|
10721
|
+
function Button2($$anchor, $$props) {
|
|
10722
|
+
$.push($$props, true);
|
|
10723
|
+
let href = $.prop($$props, "href", 3, ""), text = $.prop($$props, "text", 3, ""), target = $.prop($$props, "target", 3, "_self"), size4 = $.prop($$props, "size", 3, "md"), variation = $.prop($$props, "variation", 3, "primary"), className = $.prop($$props, "className", 3, "");
|
|
10724
|
+
let LinkComponent = $.derived(() => {
|
|
10725
|
+
var _a;
|
|
10726
|
+
return ((_a = getDocuBook()) == null ? void 0 : _a.Link) || null;
|
|
10727
|
+
});
|
|
10728
|
+
const rel = $.derived(() => target() === "_blank" ? "noopener noreferrer" : void 0);
|
|
10729
|
+
const buttonClasses = $.derived(() => [
|
|
10730
|
+
componentStyles.button.base,
|
|
10731
|
+
componentStyles.button.sizes[size4()],
|
|
10732
|
+
componentStyles.button.variations[variation()],
|
|
10733
|
+
className()
|
|
10734
|
+
].join(" "));
|
|
10735
|
+
var fragment = $.comment();
|
|
10736
|
+
var node = $.first_child(fragment);
|
|
10737
|
+
{
|
|
10738
|
+
var consequent_5 = ($$anchor2) => {
|
|
10739
|
+
var fragment_1 = $.comment();
|
|
10740
|
+
var node_1 = $.first_child(fragment_1);
|
|
10741
|
+
{
|
|
10742
|
+
var consequent_2 = ($$anchor3) => {
|
|
10743
|
+
var fragment_2 = $.comment();
|
|
10744
|
+
var node_2 = $.first_child(fragment_2);
|
|
10745
|
+
$.component(node_2, () => $.get(LinkComponent), ($$anchor4, LinkComponent_1) => {
|
|
10746
|
+
LinkComponent_1($$anchor4, {
|
|
10747
|
+
get href() {
|
|
10748
|
+
return href();
|
|
10749
|
+
},
|
|
10750
|
+
get target() {
|
|
10751
|
+
return target();
|
|
10752
|
+
},
|
|
10753
|
+
get rel() {
|
|
10754
|
+
return $.get(rel);
|
|
10755
|
+
},
|
|
10756
|
+
get class() {
|
|
10757
|
+
return $.get(buttonClasses);
|
|
10758
|
+
},
|
|
10759
|
+
children: ($$anchor5, $$slotProps) => {
|
|
10760
|
+
var fragment_3 = root_3();
|
|
10761
|
+
var node_3 = $.first_child(fragment_3);
|
|
10762
|
+
{
|
|
10763
|
+
var consequent = ($$anchor6) => {
|
|
10764
|
+
var fragment_4 = $.comment();
|
|
10765
|
+
var node_4 = $.first_child(fragment_4);
|
|
10766
|
+
$.snippet(node_4, () => $$props.icon);
|
|
10767
|
+
$.append($$anchor6, fragment_4);
|
|
10768
|
+
};
|
|
10769
|
+
$.if(node_3, ($$render) => {
|
|
10770
|
+
if ($$props.icon) $$render(consequent);
|
|
10771
|
+
});
|
|
10772
|
+
}
|
|
10773
|
+
var node_5 = $.sibling(node_3, 2);
|
|
10774
|
+
{
|
|
10775
|
+
var consequent_1 = ($$anchor6) => {
|
|
10776
|
+
var span = root_5();
|
|
10777
|
+
var text_1 = $.child(span, true);
|
|
10778
|
+
$.reset(span);
|
|
10779
|
+
$.template_effect(() => $.set_text(text_1, text()));
|
|
10780
|
+
$.append($$anchor6, span);
|
|
10781
|
+
};
|
|
10782
|
+
$.if(node_5, ($$render) => {
|
|
10783
|
+
if (text()) $$render(consequent_1);
|
|
10784
|
+
});
|
|
10785
|
+
}
|
|
10786
|
+
$.append($$anchor5, fragment_3);
|
|
10787
|
+
},
|
|
10788
|
+
$$slots: { default: true }
|
|
10789
|
+
});
|
|
10790
|
+
});
|
|
10791
|
+
$.append($$anchor3, fragment_2);
|
|
10792
|
+
};
|
|
10793
|
+
var alternate = ($$anchor3) => {
|
|
10794
|
+
var a = root_6();
|
|
10795
|
+
var node_6 = $.child(a);
|
|
10796
|
+
{
|
|
10797
|
+
var consequent_3 = ($$anchor4) => {
|
|
10798
|
+
var fragment_5 = $.comment();
|
|
10799
|
+
var node_7 = $.first_child(fragment_5);
|
|
10800
|
+
$.snippet(node_7, () => $$props.icon);
|
|
10801
|
+
$.append($$anchor4, fragment_5);
|
|
10802
|
+
};
|
|
10803
|
+
$.if(node_6, ($$render) => {
|
|
10804
|
+
if ($$props.icon) $$render(consequent_3);
|
|
10805
|
+
});
|
|
10806
|
+
}
|
|
10807
|
+
var node_8 = $.sibling(node_6, 2);
|
|
10808
|
+
{
|
|
10809
|
+
var consequent_4 = ($$anchor4) => {
|
|
10810
|
+
var span_1 = root_8();
|
|
10811
|
+
var text_2 = $.child(span_1, true);
|
|
10812
|
+
$.reset(span_1);
|
|
10813
|
+
$.template_effect(() => $.set_text(text_2, text()));
|
|
10814
|
+
$.append($$anchor4, span_1);
|
|
10815
|
+
};
|
|
10816
|
+
$.if(node_8, ($$render) => {
|
|
10817
|
+
if (text()) $$render(consequent_4);
|
|
10818
|
+
});
|
|
10819
|
+
}
|
|
10820
|
+
$.reset(a);
|
|
10821
|
+
$.template_effect(() => {
|
|
10822
|
+
$.set_attribute(a, "href", href());
|
|
10823
|
+
$.set_attribute(a, "target", target());
|
|
10824
|
+
$.set_attribute(a, "rel", $.get(rel));
|
|
10825
|
+
$.set_class(a, 1, $.clsx($.get(buttonClasses)));
|
|
10826
|
+
});
|
|
10827
|
+
$.append($$anchor3, a);
|
|
10828
|
+
};
|
|
10829
|
+
$.if(node_1, ($$render) => {
|
|
10830
|
+
if ($.get(LinkComponent)) $$render(consequent_2);
|
|
10831
|
+
else $$render(alternate, false);
|
|
10832
|
+
});
|
|
10833
|
+
}
|
|
10834
|
+
$.append($$anchor2, fragment_1);
|
|
10835
|
+
};
|
|
10836
|
+
$.if(node, ($$render) => {
|
|
10837
|
+
if (href()) $$render(consequent_5);
|
|
10838
|
+
});
|
|
10839
|
+
}
|
|
10840
|
+
$.append($$anchor, fragment);
|
|
10841
|
+
$.pop();
|
|
10842
|
+
}
|
|
10843
|
+
|
|
10844
|
+
// src/components/svelte/content/Card.svelte
|
|
10845
|
+
import "svelte/internal/disclose-version";
|
|
10846
|
+
import * as $2 from "svelte/internal/client";
|
|
10847
|
+
var root_32 = $2.from_html(`<div><!> <div class="flex-1 min-w-0 my-auto h-full"><span class="text-base font-semibold text-foreground"> </span> <div class="text-sm text-muted-foreground"><!></div></div></div>`);
|
|
10848
|
+
var root_62 = $2.from_html(`<a class="no-underline block"><div><!> <div class="flex-1 min-w-0 my-auto h-full"><span class="text-base font-semibold text-foreground"> </span> <div class="text-sm text-muted-foreground"><!></div></div></div></a>`);
|
|
10849
|
+
var root_9 = $2.from_html(`<div><!> <div class="flex-1 min-w-0 my-auto h-full"><span class="text-base font-semibold text-foreground"> </span> <div class="text-sm text-muted-foreground"><!></div></div></div>`);
|
|
10850
|
+
function Card2($$anchor, $$props) {
|
|
10851
|
+
$2.push($$props, true);
|
|
10852
|
+
let title = $2.prop($$props, "title", 3, ""), href = $2.prop($$props, "href", 3, ""), horizontal = $2.prop($$props, "horizontal", 3, false), className = $2.prop($$props, "className", 3, "");
|
|
10853
|
+
let LinkComponent = $2.derived(() => {
|
|
10854
|
+
var _a;
|
|
10855
|
+
return ((_a = getDocuBook()) == null ? void 0 : _a.Link) || null;
|
|
10856
|
+
});
|
|
10857
|
+
const containerClass = $2.derived(() => [
|
|
10858
|
+
"border rounded-lg shadow-sm p-4 transition-all duration-200 bg-card text-card-foreground border-border hover:bg-accent/5 hover:border-accent/30",
|
|
10859
|
+
horizontal() ? "flex-row items-center gap-1" : "flex-col space-y-1",
|
|
10860
|
+
className()
|
|
10861
|
+
].join(" "));
|
|
10862
|
+
var fragment = $2.comment();
|
|
10863
|
+
var node = $2.first_child(fragment);
|
|
10864
|
+
{
|
|
10865
|
+
var consequent_5 = ($$anchor2) => {
|
|
10866
|
+
var fragment_1 = $2.comment();
|
|
10867
|
+
var node_1 = $2.first_child(fragment_1);
|
|
10868
|
+
{
|
|
10869
|
+
var consequent_2 = ($$anchor3) => {
|
|
10870
|
+
var fragment_2 = $2.comment();
|
|
10871
|
+
var node_2 = $2.first_child(fragment_2);
|
|
10872
|
+
$2.component(node_2, () => $2.get(LinkComponent), ($$anchor4, LinkComponent_1) => {
|
|
10873
|
+
LinkComponent_1($$anchor4, {
|
|
10874
|
+
get href() {
|
|
10875
|
+
return href();
|
|
10876
|
+
},
|
|
10877
|
+
class: "no-underline block",
|
|
10878
|
+
children: ($$anchor5, $$slotProps) => {
|
|
10879
|
+
var div = root_32();
|
|
10880
|
+
var node_3 = $2.child(div);
|
|
10881
|
+
{
|
|
10882
|
+
var consequent = ($$anchor6) => {
|
|
10883
|
+
var fragment_3 = $2.comment();
|
|
10884
|
+
var node_4 = $2.first_child(fragment_3);
|
|
10885
|
+
$2.snippet(node_4, () => $$props.iconSnippet);
|
|
10886
|
+
$2.append($$anchor6, fragment_3);
|
|
10887
|
+
};
|
|
10888
|
+
$2.if(node_3, ($$render) => {
|
|
10889
|
+
if ($$props.iconSnippet) $$render(consequent);
|
|
10890
|
+
});
|
|
10891
|
+
}
|
|
10892
|
+
var div_1 = $2.sibling(node_3, 2);
|
|
10893
|
+
var span = $2.child(div_1);
|
|
10894
|
+
var text = $2.child(span, true);
|
|
10895
|
+
$2.reset(span);
|
|
10896
|
+
var div_2 = $2.sibling(span, 2);
|
|
10897
|
+
var node_5 = $2.child(div_2);
|
|
10898
|
+
{
|
|
10899
|
+
var consequent_1 = ($$anchor6) => {
|
|
10900
|
+
var fragment_4 = $2.comment();
|
|
10901
|
+
var node_6 = $2.first_child(fragment_4);
|
|
10902
|
+
$2.snippet(node_6, () => $$props.children);
|
|
10903
|
+
$2.append($$anchor6, fragment_4);
|
|
10904
|
+
};
|
|
10905
|
+
$2.if(node_5, ($$render) => {
|
|
10906
|
+
if ($$props.children) $$render(consequent_1);
|
|
10907
|
+
});
|
|
10908
|
+
}
|
|
10909
|
+
$2.reset(div_2);
|
|
10910
|
+
$2.reset(div_1);
|
|
10911
|
+
$2.reset(div);
|
|
10912
|
+
$2.template_effect(() => {
|
|
10913
|
+
$2.set_class(div, 1, $2.clsx($2.get(containerClass)));
|
|
10914
|
+
$2.set_text(text, title());
|
|
10915
|
+
});
|
|
10916
|
+
$2.append($$anchor5, div);
|
|
10917
|
+
},
|
|
10918
|
+
$$slots: { default: true }
|
|
10919
|
+
});
|
|
10920
|
+
});
|
|
10921
|
+
$2.append($$anchor3, fragment_2);
|
|
10922
|
+
};
|
|
10923
|
+
var alternate = ($$anchor3) => {
|
|
10924
|
+
var a = root_62();
|
|
10925
|
+
var div_3 = $2.child(a);
|
|
10926
|
+
var node_7 = $2.child(div_3);
|
|
10927
|
+
{
|
|
10928
|
+
var consequent_3 = ($$anchor4) => {
|
|
10929
|
+
var fragment_5 = $2.comment();
|
|
10930
|
+
var node_8 = $2.first_child(fragment_5);
|
|
10931
|
+
$2.snippet(node_8, () => $$props.iconSnippet);
|
|
10932
|
+
$2.append($$anchor4, fragment_5);
|
|
10933
|
+
};
|
|
10934
|
+
$2.if(node_7, ($$render) => {
|
|
10935
|
+
if ($$props.iconSnippet) $$render(consequent_3);
|
|
10936
|
+
});
|
|
10937
|
+
}
|
|
10938
|
+
var div_4 = $2.sibling(node_7, 2);
|
|
10939
|
+
var span_1 = $2.child(div_4);
|
|
10940
|
+
var text_1 = $2.child(span_1, true);
|
|
10941
|
+
$2.reset(span_1);
|
|
10942
|
+
var div_5 = $2.sibling(span_1, 2);
|
|
10943
|
+
var node_9 = $2.child(div_5);
|
|
10944
|
+
{
|
|
10945
|
+
var consequent_4 = ($$anchor4) => {
|
|
10946
|
+
var fragment_6 = $2.comment();
|
|
10947
|
+
var node_10 = $2.first_child(fragment_6);
|
|
10948
|
+
$2.snippet(node_10, () => $$props.children);
|
|
10949
|
+
$2.append($$anchor4, fragment_6);
|
|
10950
|
+
};
|
|
10951
|
+
$2.if(node_9, ($$render) => {
|
|
10952
|
+
if ($$props.children) $$render(consequent_4);
|
|
10953
|
+
});
|
|
10954
|
+
}
|
|
10955
|
+
$2.reset(div_5);
|
|
10956
|
+
$2.reset(div_4);
|
|
10957
|
+
$2.reset(div_3);
|
|
10958
|
+
$2.reset(a);
|
|
10959
|
+
$2.template_effect(() => {
|
|
10960
|
+
$2.set_attribute(a, "href", href());
|
|
10961
|
+
$2.set_class(div_3, 1, $2.clsx($2.get(containerClass)));
|
|
10962
|
+
$2.set_text(text_1, title());
|
|
10963
|
+
});
|
|
10964
|
+
$2.append($$anchor3, a);
|
|
10965
|
+
};
|
|
10966
|
+
$2.if(node_1, ($$render) => {
|
|
10967
|
+
if ($2.get(LinkComponent)) $$render(consequent_2);
|
|
10968
|
+
else $$render(alternate, false);
|
|
10969
|
+
});
|
|
10970
|
+
}
|
|
10971
|
+
$2.append($$anchor2, fragment_1);
|
|
10972
|
+
};
|
|
10973
|
+
var alternate_1 = ($$anchor2) => {
|
|
10974
|
+
var div_6 = root_9();
|
|
10975
|
+
var node_11 = $2.child(div_6);
|
|
10976
|
+
{
|
|
10977
|
+
var consequent_6 = ($$anchor3) => {
|
|
10978
|
+
var fragment_7 = $2.comment();
|
|
10979
|
+
var node_12 = $2.first_child(fragment_7);
|
|
10980
|
+
$2.snippet(node_12, () => $$props.iconSnippet);
|
|
10981
|
+
$2.append($$anchor3, fragment_7);
|
|
10982
|
+
};
|
|
10983
|
+
$2.if(node_11, ($$render) => {
|
|
10984
|
+
if ($$props.iconSnippet) $$render(consequent_6);
|
|
10985
|
+
});
|
|
10986
|
+
}
|
|
10987
|
+
var div_7 = $2.sibling(node_11, 2);
|
|
10988
|
+
var span_2 = $2.child(div_7);
|
|
10989
|
+
var text_2 = $2.child(span_2, true);
|
|
10990
|
+
$2.reset(span_2);
|
|
10991
|
+
var div_8 = $2.sibling(span_2, 2);
|
|
10992
|
+
var node_13 = $2.child(div_8);
|
|
10993
|
+
{
|
|
10994
|
+
var consequent_7 = ($$anchor3) => {
|
|
10995
|
+
var fragment_8 = $2.comment();
|
|
10996
|
+
var node_14 = $2.first_child(fragment_8);
|
|
10997
|
+
$2.snippet(node_14, () => $$props.children);
|
|
10998
|
+
$2.append($$anchor3, fragment_8);
|
|
10999
|
+
};
|
|
11000
|
+
$2.if(node_13, ($$render) => {
|
|
11001
|
+
if ($$props.children) $$render(consequent_7);
|
|
11002
|
+
});
|
|
11003
|
+
}
|
|
11004
|
+
$2.reset(div_8);
|
|
11005
|
+
$2.reset(div_7);
|
|
11006
|
+
$2.reset(div_6);
|
|
11007
|
+
$2.template_effect(() => {
|
|
11008
|
+
$2.set_class(div_6, 1, $2.clsx($2.get(containerClass)));
|
|
11009
|
+
$2.set_text(text_2, title());
|
|
11010
|
+
});
|
|
11011
|
+
$2.append($$anchor2, div_6);
|
|
11012
|
+
};
|
|
11013
|
+
$2.if(node, ($$render) => {
|
|
11014
|
+
if (href()) $$render(consequent_5);
|
|
11015
|
+
else $$render(alternate_1, false);
|
|
11016
|
+
});
|
|
11017
|
+
}
|
|
11018
|
+
$2.append($$anchor, fragment);
|
|
11019
|
+
$2.pop();
|
|
11020
|
+
}
|
|
11021
|
+
|
|
11022
|
+
// src/components/svelte/content/CardGroup.svelte
|
|
11023
|
+
import "svelte/internal/disclose-version";
|
|
11024
|
+
import * as $3 from "svelte/internal/client";
|
|
11025
|
+
var root = $3.from_html(`<div><!></div>`);
|
|
11026
|
+
function CardGroup2($$anchor, $$props) {
|
|
11027
|
+
let className = $3.prop($$props, "className", 3, "");
|
|
11028
|
+
var div = root();
|
|
11029
|
+
var node = $3.child(div);
|
|
11030
|
+
$3.snippet(node, () => $$props.children);
|
|
11031
|
+
$3.reset(div);
|
|
11032
|
+
$3.template_effect(() => $3.set_class(div, 1, "grid gap-4 " + className()));
|
|
11033
|
+
$3.append($$anchor, div);
|
|
11034
|
+
}
|
|
11035
|
+
|
|
11036
|
+
// src/components/svelte/content/Note.svelte
|
|
11037
|
+
import "svelte/internal/disclose-version";
|
|
11038
|
+
import * as $4 from "svelte/internal/client";
|
|
11039
|
+
import { Info as Info2, AlertTriangle as AlertTriangle3, AlertCircle as AlertCircle2, CheckCircle as CheckCircle2 } from "lucide-svelte";
|
|
11040
|
+
var root2 = $4.from_html(`<div><div><!></div> <div><h5> </h5> <div><!></div></div></div>`);
|
|
11041
|
+
function Note2($$anchor, $$props) {
|
|
11042
|
+
$4.push($$props, true);
|
|
11043
|
+
const iconMap2 = {
|
|
11044
|
+
note: Info2,
|
|
11045
|
+
danger: AlertCircle2,
|
|
11046
|
+
warning: AlertTriangle3,
|
|
11047
|
+
success: CheckCircle2
|
|
11048
|
+
};
|
|
11049
|
+
let type = $4.prop($$props, "type", 3, "note"), title = $4.prop($$props, "title", 3, "Note"), className = $4.prop($$props, "className", 3, "");
|
|
11050
|
+
const Icon2 = $4.derived(() => iconMap2[type()]);
|
|
11051
|
+
const noteClasses = $4.derived(() => [
|
|
11052
|
+
componentStyles.note.base,
|
|
11053
|
+
componentStyles.note.variants[type()],
|
|
11054
|
+
className()
|
|
11055
|
+
].join(" "));
|
|
11056
|
+
var div = root2();
|
|
11057
|
+
var div_1 = $4.child(div);
|
|
11058
|
+
var node = $4.child(div_1);
|
|
11059
|
+
$4.component(node, () => $4.get(Icon2), ($$anchor2, Icon_1) => {
|
|
11060
|
+
Icon_1($$anchor2, { class: "w-5 h-5" });
|
|
11061
|
+
});
|
|
11062
|
+
$4.reset(div_1);
|
|
11063
|
+
var div_2 = $4.sibling(div_1, 2);
|
|
11064
|
+
var h5 = $4.child(div_2);
|
|
11065
|
+
var text = $4.child(h5, true);
|
|
11066
|
+
$4.reset(h5);
|
|
11067
|
+
var div_3 = $4.sibling(h5, 2);
|
|
11068
|
+
var node_1 = $4.child(div_3);
|
|
11069
|
+
$4.snippet(node_1, () => $$props.children);
|
|
11070
|
+
$4.reset(div_3);
|
|
11071
|
+
$4.reset(div_2);
|
|
11072
|
+
$4.reset(div);
|
|
11073
|
+
$4.template_effect(() => {
|
|
11074
|
+
$4.set_class(div, 1, $4.clsx($4.get(noteClasses)));
|
|
11075
|
+
$4.set_class(div_1, 1, $4.clsx(componentStyles.note.icon));
|
|
11076
|
+
$4.set_class(div_2, 1, $4.clsx(componentStyles.note.content));
|
|
11077
|
+
$4.set_class(h5, 1, $4.clsx(componentStyles.note.title));
|
|
11078
|
+
$4.set_text(text, title());
|
|
11079
|
+
$4.set_class(div_3, 1, $4.clsx(componentStyles.note.description));
|
|
11080
|
+
});
|
|
11081
|
+
$4.append($$anchor, div);
|
|
11082
|
+
$4.pop();
|
|
11083
|
+
}
|
|
11084
|
+
|
|
11085
|
+
// src/components/svelte/content/Link.svelte
|
|
11086
|
+
import "svelte/internal/disclose-version";
|
|
11087
|
+
import * as $5 from "svelte/internal/client";
|
|
11088
|
+
var root_4 = $5.from_html(`<a target="_blank" rel="noopener noreferrer"><!></a>`);
|
|
11089
|
+
function Link($$anchor, $$props) {
|
|
11090
|
+
$5.push($$props, true);
|
|
11091
|
+
let href = $5.prop($$props, "href", 3, ""), className = $5.prop($$props, "className", 3, "");
|
|
11092
|
+
let LinkComponent = $5.derived(() => {
|
|
11093
|
+
var _a;
|
|
11094
|
+
return ((_a = getDocuBook()) == null ? void 0 : _a.Link) || null;
|
|
11095
|
+
});
|
|
11096
|
+
const linkClasses = $5.derived(() => [componentStyles.link.base, className()].join(" "));
|
|
11097
|
+
var fragment = $5.comment();
|
|
11098
|
+
var node = $5.first_child(fragment);
|
|
11099
|
+
{
|
|
11100
|
+
var consequent_1 = ($$anchor2) => {
|
|
11101
|
+
var fragment_1 = $5.comment();
|
|
11102
|
+
var node_1 = $5.first_child(fragment_1);
|
|
11103
|
+
{
|
|
11104
|
+
var consequent = ($$anchor3) => {
|
|
11105
|
+
var fragment_2 = $5.comment();
|
|
11106
|
+
var node_2 = $5.first_child(fragment_2);
|
|
11107
|
+
$5.component(node_2, () => $5.get(LinkComponent), ($$anchor4, LinkComponent_1) => {
|
|
11108
|
+
LinkComponent_1($$anchor4, {
|
|
11109
|
+
get href() {
|
|
11110
|
+
return href();
|
|
11111
|
+
},
|
|
11112
|
+
target: "_blank",
|
|
11113
|
+
rel: "noopener noreferrer",
|
|
11114
|
+
get class() {
|
|
11115
|
+
return $5.get(linkClasses);
|
|
11116
|
+
},
|
|
11117
|
+
children: ($$anchor5, $$slotProps) => {
|
|
11118
|
+
var fragment_3 = $5.comment();
|
|
11119
|
+
var node_3 = $5.first_child(fragment_3);
|
|
11120
|
+
$5.snippet(node_3, () => $$props.children);
|
|
11121
|
+
$5.append($$anchor5, fragment_3);
|
|
11122
|
+
},
|
|
11123
|
+
$$slots: { default: true }
|
|
11124
|
+
});
|
|
11125
|
+
});
|
|
11126
|
+
$5.append($$anchor3, fragment_2);
|
|
11127
|
+
};
|
|
11128
|
+
var alternate = ($$anchor3) => {
|
|
11129
|
+
var a = root_4();
|
|
11130
|
+
var node_4 = $5.child(a);
|
|
11131
|
+
$5.snippet(node_4, () => $$props.children);
|
|
11132
|
+
$5.reset(a);
|
|
11133
|
+
$5.template_effect(() => {
|
|
11134
|
+
$5.set_attribute(a, "href", href());
|
|
11135
|
+
$5.set_class(a, 1, $5.clsx($5.get(linkClasses)));
|
|
11136
|
+
});
|
|
11137
|
+
$5.append($$anchor3, a);
|
|
11138
|
+
};
|
|
11139
|
+
$5.if(node_1, ($$render) => {
|
|
11140
|
+
if ($5.get(LinkComponent)) $$render(consequent);
|
|
11141
|
+
else $$render(alternate, false);
|
|
11142
|
+
});
|
|
11143
|
+
}
|
|
11144
|
+
$5.append($$anchor2, fragment_1);
|
|
11145
|
+
};
|
|
11146
|
+
$5.if(node, ($$render) => {
|
|
11147
|
+
if (href()) $$render(consequent_1);
|
|
11148
|
+
});
|
|
11149
|
+
}
|
|
11150
|
+
$5.append($$anchor, fragment);
|
|
11151
|
+
$5.pop();
|
|
11152
|
+
}
|
|
11153
|
+
|
|
11154
|
+
// src/components/svelte/content/Image.svelte
|
|
11155
|
+
import "svelte/internal/disclose-version";
|
|
11156
|
+
import * as $6 from "svelte/internal/client";
|
|
11157
|
+
import { Search as Search2, X as X3 } from "lucide-svelte";
|
|
11158
|
+
var root_33 = $6.from_html(`<img/>`);
|
|
11159
|
+
var root_63 = $6.from_html(`<img class="object-contain max-h-[90vh] w-auto h-auto rounded-md shadow-2xl"/>`);
|
|
11160
|
+
var root_7 = $6.from_html(`<div class="absolute bottom-6 left-1/2 -translate-x-1/2 bg-black/60 text-white px-4 py-2 rounded-full text-sm font-medium backdrop-blur-md border border-white/10"> </div>`);
|
|
11161
|
+
var root_42 = $6.from_html(`<div class="fixed inset-0 z-[99999] flex items-center justify-center bg-black/90 backdrop-blur-md p-4 md:p-10 cursor-zoom-out" role="button" tabindex="0"><button class="absolute top-4 right-4 z-50 p-2 text-white/70 hover:text-white bg-black/20 hover:bg-white/10 rounded-full transition-colors"><!></button> <div class="relative max-w-7xl w-full h-full flex items-center justify-center"><!></div> <!></div>`);
|
|
11162
|
+
var root_1 = $6.from_html(`<button type="button" class="relative group cursor-zoom-in my-6 w-full flex justify-center rounded-lg" aria-label="Zoom image"><span class="absolute inset-0 bg-black/0 group-hover:bg-black/5 transition-colors z-10 flex items-center justify-center opacity-0 group-hover:opacity-100 rounded-lg"><!></span> <!></button> <!>`, 1);
|
|
11163
|
+
function Image($$anchor, $$props) {
|
|
11164
|
+
$6.push($$props, true);
|
|
11165
|
+
let src = $6.prop($$props, "src", 3, ""), alt = $6.prop($$props, "alt", 3, ""), width = $6.prop($$props, "width", 3, 800), height = $6.prop($$props, "height", 3, 350), className = $6.prop($$props, "className", 3, "");
|
|
11166
|
+
let isOpen = $6.state(false);
|
|
11167
|
+
let ImageComponent = $6.derived(() => {
|
|
11168
|
+
var _a;
|
|
11169
|
+
return ((_a = getDocuBook()) == null ? void 0 : _a.Image) || null;
|
|
11170
|
+
});
|
|
11171
|
+
function handleKeydown(e) {
|
|
11172
|
+
if (e.key === "Escape") {
|
|
11173
|
+
$6.set(isOpen, false);
|
|
11174
|
+
}
|
|
11175
|
+
}
|
|
11176
|
+
const imageClasses = $6.derived(() => [
|
|
11177
|
+
componentStyles.image.base,
|
|
11178
|
+
"w-full h-auto transition-transform duration-300 group-hover:scale-[1.01]",
|
|
11179
|
+
className()
|
|
11180
|
+
].join(" "));
|
|
11181
|
+
function handleClick() {
|
|
11182
|
+
if (src()) {
|
|
11183
|
+
$6.set(isOpen, true);
|
|
11184
|
+
document.body.style.overflow = "hidden";
|
|
11185
|
+
}
|
|
11186
|
+
}
|
|
11187
|
+
function closeLightbox() {
|
|
11188
|
+
$6.set(isOpen, false);
|
|
11189
|
+
document.body.style.overflow = "auto";
|
|
11190
|
+
}
|
|
11191
|
+
var fragment = $6.comment();
|
|
11192
|
+
$6.event("keydown", $6.window, handleKeydown);
|
|
11193
|
+
var node = $6.first_child(fragment);
|
|
11194
|
+
{
|
|
11195
|
+
var consequent_4 = ($$anchor2) => {
|
|
11196
|
+
var fragment_1 = root_1();
|
|
11197
|
+
var button = $6.first_child(fragment_1);
|
|
11198
|
+
var span = $6.child(button);
|
|
11199
|
+
var node_1 = $6.child(span);
|
|
11200
|
+
Search2(node_1, { class: "w-8 h-8 text-white drop-shadow-md" });
|
|
11201
|
+
$6.reset(span);
|
|
11202
|
+
var node_2 = $6.sibling(span, 2);
|
|
11203
|
+
{
|
|
11204
|
+
var consequent = ($$anchor3) => {
|
|
11205
|
+
var fragment_2 = $6.comment();
|
|
11206
|
+
var node_3 = $6.first_child(fragment_2);
|
|
11207
|
+
$6.component(node_3, () => $6.get(ImageComponent), ($$anchor4, ImageComponent_1) => {
|
|
11208
|
+
ImageComponent_1($$anchor4, {
|
|
11209
|
+
get src() {
|
|
11210
|
+
return src();
|
|
11211
|
+
},
|
|
11212
|
+
get alt() {
|
|
11213
|
+
return alt();
|
|
11214
|
+
},
|
|
11215
|
+
get width() {
|
|
11216
|
+
return width();
|
|
11217
|
+
},
|
|
11218
|
+
get height() {
|
|
11219
|
+
return height();
|
|
11220
|
+
},
|
|
11221
|
+
get class() {
|
|
11222
|
+
return $6.get(imageClasses);
|
|
11223
|
+
}
|
|
11224
|
+
});
|
|
11225
|
+
});
|
|
11226
|
+
$6.append($$anchor3, fragment_2);
|
|
11227
|
+
};
|
|
11228
|
+
var alternate = ($$anchor3) => {
|
|
11229
|
+
var img = root_33();
|
|
11230
|
+
$6.template_effect(() => {
|
|
11231
|
+
$6.set_attribute(img, "src", src());
|
|
11232
|
+
$6.set_attribute(img, "alt", alt());
|
|
11233
|
+
$6.set_attribute(img, "width", width());
|
|
11234
|
+
$6.set_attribute(img, "height", height());
|
|
11235
|
+
$6.set_class(img, 1, $6.clsx($6.get(imageClasses)));
|
|
11236
|
+
});
|
|
11237
|
+
$6.append($$anchor3, img);
|
|
11238
|
+
};
|
|
11239
|
+
$6.if(node_2, ($$render) => {
|
|
11240
|
+
if ($6.get(ImageComponent)) $$render(consequent);
|
|
11241
|
+
else $$render(alternate, false);
|
|
11242
|
+
});
|
|
11243
|
+
}
|
|
11244
|
+
$6.reset(button);
|
|
11245
|
+
var node_4 = $6.sibling(button, 2);
|
|
11246
|
+
{
|
|
11247
|
+
var consequent_3 = ($$anchor3) => {
|
|
11248
|
+
var div = root_42();
|
|
11249
|
+
var button_1 = $6.child(div);
|
|
11250
|
+
var node_5 = $6.child(button_1);
|
|
11251
|
+
X3(node_5, { class: "w-6 h-6" });
|
|
11252
|
+
$6.reset(button_1);
|
|
11253
|
+
var div_1 = $6.sibling(button_1, 2);
|
|
11254
|
+
var node_6 = $6.child(div_1);
|
|
11255
|
+
{
|
|
11256
|
+
var consequent_1 = ($$anchor4) => {
|
|
11257
|
+
var fragment_3 = $6.comment();
|
|
11258
|
+
var node_7 = $6.first_child(fragment_3);
|
|
11259
|
+
$6.component(node_7, () => $6.get(ImageComponent), ($$anchor5, ImageComponent_2) => {
|
|
11260
|
+
ImageComponent_2($$anchor5, {
|
|
11261
|
+
get src() {
|
|
11262
|
+
return src();
|
|
11263
|
+
},
|
|
11264
|
+
get alt() {
|
|
11265
|
+
return alt();
|
|
11266
|
+
},
|
|
11267
|
+
width: 1920,
|
|
11268
|
+
height: 1080,
|
|
11269
|
+
class: "object-contain max-h-[90vh] w-auto h-auto rounded-md shadow-2xl"
|
|
11270
|
+
});
|
|
11271
|
+
});
|
|
11272
|
+
$6.append($$anchor4, fragment_3);
|
|
11273
|
+
};
|
|
11274
|
+
var alternate_1 = ($$anchor4) => {
|
|
11275
|
+
var img_1 = root_63();
|
|
11276
|
+
$6.set_attribute(img_1, "width", 1920);
|
|
11277
|
+
$6.set_attribute(img_1, "height", 1080);
|
|
11278
|
+
$6.template_effect(() => {
|
|
11279
|
+
$6.set_attribute(img_1, "src", src());
|
|
11280
|
+
$6.set_attribute(img_1, "alt", alt());
|
|
11281
|
+
});
|
|
11282
|
+
$6.append($$anchor4, img_1);
|
|
11283
|
+
};
|
|
11284
|
+
$6.if(node_6, ($$render) => {
|
|
11285
|
+
if ($6.get(ImageComponent)) $$render(consequent_1);
|
|
11286
|
+
else $$render(alternate_1, false);
|
|
11287
|
+
});
|
|
11288
|
+
}
|
|
11289
|
+
$6.reset(div_1);
|
|
11290
|
+
var node_8 = $6.sibling(div_1, 2);
|
|
11291
|
+
{
|
|
11292
|
+
var consequent_2 = ($$anchor4) => {
|
|
11293
|
+
var div_2 = root_7();
|
|
11294
|
+
var text = $6.child(div_2, true);
|
|
11295
|
+
$6.reset(div_2);
|
|
11296
|
+
$6.template_effect(() => $6.set_text(text, alt()));
|
|
11297
|
+
$6.append($$anchor4, div_2);
|
|
11298
|
+
};
|
|
11299
|
+
$6.if(node_8, ($$render) => {
|
|
11300
|
+
if (alt() && alt() !== "alt") $$render(consequent_2);
|
|
11301
|
+
});
|
|
11302
|
+
}
|
|
11303
|
+
$6.reset(div);
|
|
11304
|
+
$6.delegated("click", div, closeLightbox);
|
|
11305
|
+
$6.delegated("keydown", div, (e) => e.key === "Enter" && closeLightbox());
|
|
11306
|
+
$6.delegated("click", button_1, (e) => {
|
|
11307
|
+
e.stopPropagation();
|
|
11308
|
+
closeLightbox();
|
|
11309
|
+
});
|
|
11310
|
+
$6.append($$anchor3, div);
|
|
11311
|
+
};
|
|
11312
|
+
$6.if(node_4, ($$render) => {
|
|
11313
|
+
if ($6.get(isOpen)) $$render(consequent_3);
|
|
11314
|
+
});
|
|
11315
|
+
}
|
|
11316
|
+
$6.delegated("click", button, handleClick);
|
|
11317
|
+
$6.append($$anchor2, fragment_1);
|
|
11318
|
+
};
|
|
11319
|
+
$6.if(node, ($$render) => {
|
|
11320
|
+
if (src()) $$render(consequent_4);
|
|
11321
|
+
});
|
|
11322
|
+
}
|
|
11323
|
+
$6.append($$anchor, fragment);
|
|
11324
|
+
$6.pop();
|
|
11325
|
+
}
|
|
11326
|
+
$6.delegate(["click", "keydown"]);
|
|
11327
|
+
|
|
11328
|
+
// src/components/svelte/content/Pre.svelte
|
|
11329
|
+
import "svelte/internal/disclose-version";
|
|
11330
|
+
import * as $7 from "svelte/internal/client";
|
|
11331
|
+
import { Check as Check5, Copy as CopyIcon2 } from "lucide-svelte";
|
|
11332
|
+
var root_12 = $7.from_html(`<button type="button"><!></button>`);
|
|
11333
|
+
var root_43 = $7.from_html(`<div class="flex items-center gap-2 px-4 py-2 text-sm font-medium border-b border-border bg-muted/50"><span> </span></div>`);
|
|
11334
|
+
var root3 = $7.from_html(`<div><div class="absolute top-2 right-2 z-10"><!></div> <!> <div class="overflow-x-auto"><pre>
|
|
11335
|
+
<!>
|
|
11336
|
+
</pre></div></div>`);
|
|
11337
|
+
function Pre2($$anchor, $$props) {
|
|
11338
|
+
$7.push($$props, true);
|
|
11339
|
+
let raw = $7.prop($$props, "raw", 3, ""), dataTitle = $7.prop($$props, "dataTitle", 3, ""), className = $7.prop($$props, "className", 3, "");
|
|
11340
|
+
let isCopied = $7.state(false);
|
|
11341
|
+
async function handleCopy() {
|
|
11342
|
+
if (raw()) {
|
|
11343
|
+
await navigator.clipboard.writeText(raw());
|
|
11344
|
+
$7.set(isCopied, true);
|
|
11345
|
+
setTimeout(
|
|
11346
|
+
() => {
|
|
11347
|
+
$7.set(isCopied, false);
|
|
11348
|
+
},
|
|
11349
|
+
2e3
|
|
11350
|
+
);
|
|
11351
|
+
}
|
|
11352
|
+
}
|
|
11353
|
+
const hasTitle = $7.derived(() => !!dataTitle());
|
|
11354
|
+
var div = root3();
|
|
11355
|
+
var div_1 = $7.child(div);
|
|
11356
|
+
var node = $7.child(div_1);
|
|
11357
|
+
{
|
|
11358
|
+
var consequent_1 = ($$anchor2) => {
|
|
11359
|
+
var button = root_12();
|
|
11360
|
+
var node_1 = $7.child(button);
|
|
11361
|
+
{
|
|
11362
|
+
var consequent = ($$anchor3) => {
|
|
11363
|
+
Check5($$anchor3, {
|
|
11364
|
+
get class() {
|
|
11365
|
+
return componentStyles.copy.icon;
|
|
11366
|
+
}
|
|
11367
|
+
});
|
|
11368
|
+
};
|
|
11369
|
+
var alternate = ($$anchor3) => {
|
|
11370
|
+
CopyIcon2($$anchor3, {
|
|
11371
|
+
get class() {
|
|
11372
|
+
return componentStyles.copy.icon;
|
|
11373
|
+
}
|
|
11374
|
+
});
|
|
11375
|
+
};
|
|
11376
|
+
$7.if(node_1, ($$render) => {
|
|
11377
|
+
if ($7.get(isCopied)) $$render(consequent);
|
|
11378
|
+
else $$render(alternate, false);
|
|
11379
|
+
});
|
|
11380
|
+
}
|
|
11381
|
+
$7.reset(button);
|
|
11382
|
+
$7.template_effect(() => $7.set_class(button, 1, componentStyles.copy.base + " cursor-copy"));
|
|
11383
|
+
$7.delegated("click", button, handleCopy);
|
|
11384
|
+
$7.append($$anchor2, button);
|
|
11385
|
+
};
|
|
11386
|
+
$7.if(node, ($$render) => {
|
|
11387
|
+
if (raw()) $$render(consequent_1);
|
|
11388
|
+
});
|
|
11389
|
+
}
|
|
11390
|
+
$7.reset(div_1);
|
|
11391
|
+
var node_2 = $7.sibling(div_1, 2);
|
|
11392
|
+
{
|
|
11393
|
+
var consequent_2 = ($$anchor2) => {
|
|
11394
|
+
var div_2 = root_43();
|
|
11395
|
+
var span = $7.child(div_2);
|
|
11396
|
+
var text = $7.child(span, true);
|
|
11397
|
+
$7.reset(span);
|
|
11398
|
+
$7.reset(div_2);
|
|
11399
|
+
$7.template_effect(() => $7.set_text(text, dataTitle()));
|
|
11400
|
+
$7.append($$anchor2, div_2);
|
|
11401
|
+
};
|
|
11402
|
+
$7.if(node_2, ($$render) => {
|
|
11403
|
+
if ($7.get(hasTitle)) $$render(consequent_2);
|
|
11404
|
+
});
|
|
11405
|
+
}
|
|
11406
|
+
var div_3 = $7.sibling(node_2, 2);
|
|
11407
|
+
var pre = $7.child(div_3);
|
|
11408
|
+
let classes;
|
|
11409
|
+
var node_3 = $7.sibling($7.child(pre));
|
|
11410
|
+
$7.snippet(node_3, () => $$props.children);
|
|
11411
|
+
$7.next();
|
|
11412
|
+
$7.reset(pre);
|
|
11413
|
+
$7.reset(div_3);
|
|
11414
|
+
$7.reset(div);
|
|
11415
|
+
$7.template_effect(() => {
|
|
11416
|
+
$7.set_class(div, 1, componentStyles.pre.base + " border border-border rounded-lg my-4 overflow-hidden");
|
|
11417
|
+
classes = $7.set_class(pre, 1, $7.clsx(className()), null, classes, { "pr-12": $7.get(hasTitle) });
|
|
11418
|
+
});
|
|
11419
|
+
$7.append($$anchor, div);
|
|
11420
|
+
$7.pop();
|
|
11421
|
+
}
|
|
11422
|
+
$7.delegate(["click"]);
|
|
11423
|
+
|
|
11424
|
+
// src/components/svelte/content/Copy.svelte
|
|
11425
|
+
import "svelte/internal/disclose-version";
|
|
11426
|
+
import * as $8 from "svelte/internal/client";
|
|
11427
|
+
import { Check as Check6, Copy as CopyIcon3 } from "lucide-svelte";
|
|
11428
|
+
var root4 = $8.from_html(`<button type="button"><!></button>`);
|
|
11429
|
+
function Copy2($$anchor, $$props) {
|
|
11430
|
+
$8.push($$props, true);
|
|
11431
|
+
let content = $8.prop($$props, "content", 3, "");
|
|
11432
|
+
let isCopied = $8.state(false);
|
|
11433
|
+
async function handleCopy() {
|
|
11434
|
+
if (content()) {
|
|
11435
|
+
await navigator.clipboard.writeText(content());
|
|
11436
|
+
$8.set(isCopied, true);
|
|
11437
|
+
setTimeout(
|
|
11438
|
+
() => {
|
|
11439
|
+
$8.set(isCopied, false);
|
|
11440
|
+
},
|
|
11441
|
+
2e3
|
|
11442
|
+
);
|
|
11443
|
+
}
|
|
11444
|
+
}
|
|
11445
|
+
var button = root4();
|
|
11446
|
+
var node = $8.child(button);
|
|
11447
|
+
{
|
|
11448
|
+
var consequent = ($$anchor2) => {
|
|
11449
|
+
Check6($$anchor2, {
|
|
11450
|
+
get class() {
|
|
11451
|
+
return componentStyles.copy.icon;
|
|
11452
|
+
}
|
|
11453
|
+
});
|
|
11454
|
+
};
|
|
11455
|
+
var alternate = ($$anchor2) => {
|
|
11456
|
+
CopyIcon3($$anchor2, {
|
|
11457
|
+
get class() {
|
|
11458
|
+
return componentStyles.copy.icon;
|
|
11459
|
+
}
|
|
11460
|
+
});
|
|
11461
|
+
};
|
|
11462
|
+
$8.if(node, ($$render) => {
|
|
11463
|
+
if ($8.get(isCopied)) $$render(consequent);
|
|
11464
|
+
else $$render(alternate, false);
|
|
11465
|
+
});
|
|
11466
|
+
}
|
|
11467
|
+
$8.reset(button);
|
|
11468
|
+
$8.template_effect(() => $8.set_class(button, 1, componentStyles.copy.base + " cursor-copy"));
|
|
11469
|
+
$8.delegated("click", button, handleCopy);
|
|
11470
|
+
$8.append($$anchor, button);
|
|
11471
|
+
$8.pop();
|
|
11472
|
+
}
|
|
11473
|
+
$8.delegate(["click"]);
|
|
11474
|
+
|
|
11475
|
+
// src/components/svelte/content/Kbd.svelte
|
|
11476
|
+
import "svelte/internal/disclose-version";
|
|
11477
|
+
import * as $9 from "svelte/internal/client";
|
|
11478
|
+
var root5 = $9.from_html(`<kbd><!></kbd>`);
|
|
11479
|
+
function Kbd2($$anchor, $$props) {
|
|
11480
|
+
$9.push($$props, true);
|
|
11481
|
+
let className = $9.prop($$props, "className", 3, "");
|
|
11482
|
+
var kbd = root5();
|
|
11483
|
+
var node = $9.child(kbd);
|
|
11484
|
+
$9.snippet(node, () => $$props.children);
|
|
11485
|
+
$9.reset(kbd);
|
|
11486
|
+
$9.template_effect(() => $9.set_class(kbd, 1, componentStyles.kbd.base + " " + className()));
|
|
11487
|
+
$9.append($$anchor, kbd);
|
|
11488
|
+
$9.pop();
|
|
11489
|
+
}
|
|
11490
|
+
|
|
11491
|
+
// src/components/svelte/content/Accordion.svelte
|
|
11492
|
+
import "svelte/internal/disclose-version";
|
|
11493
|
+
import * as $10 from "svelte/internal/client";
|
|
11494
|
+
var root6 = $10.from_html(`<div><!></div>`);
|
|
11495
|
+
function Accordion3($$anchor, $$props) {
|
|
11496
|
+
let className = $10.prop($$props, "className", 3, "");
|
|
11497
|
+
var div = root6();
|
|
11498
|
+
var node = $10.child(div);
|
|
11499
|
+
$10.snippet(node, () => $$props.children);
|
|
11500
|
+
$10.reset(div);
|
|
11501
|
+
$10.template_effect(() => $10.set_class(div, 1, $10.clsx(className())));
|
|
11502
|
+
$10.append($$anchor, div);
|
|
11503
|
+
}
|
|
11504
|
+
|
|
11505
|
+
// src/components/svelte/content/AccordionGroup.svelte
|
|
11506
|
+
import "svelte/internal/disclose-version";
|
|
11507
|
+
import * as $22 from "svelte/internal/client";
|
|
11508
|
+
|
|
11509
|
+
// src/components/svelte/ui/Accordion.svelte
|
|
11510
|
+
import "svelte/internal/disclose-version";
|
|
11511
|
+
import "svelte/internal/flags/legacy";
|
|
11512
|
+
import * as $11 from "svelte/internal/client";
|
|
11513
|
+
import { default as default2 } from "bits-ui/accordion";
|
|
11514
|
+
import { default as default3 } from "bits-ui/accordion";
|
|
11515
|
+
import { default as default4 } from "bits-ui/accordion";
|
|
11516
|
+
import { default as default5 } from "bits-ui/accordion";
|
|
11517
|
+
|
|
11518
|
+
// src/components/svelte/ui/Dialog.svelte
|
|
11519
|
+
import "svelte/internal/disclose-version";
|
|
11520
|
+
import "svelte/internal/flags/legacy";
|
|
11521
|
+
import * as $12 from "svelte/internal/client";
|
|
11522
|
+
import { default as default6 } from "bits-ui/dialog";
|
|
11523
|
+
import { default as default7 } from "bits-ui/dialog";
|
|
11524
|
+
import { default as default8 } from "bits-ui/dialog";
|
|
11525
|
+
import { default as default9 } from "bits-ui/dialog";
|
|
11526
|
+
import { default as default10 } from "bits-ui/dialog";
|
|
11527
|
+
import { default as default11 } from "bits-ui/dialog";
|
|
11528
|
+
import { default as default12 } from "bits-ui/dialog";
|
|
11529
|
+
|
|
11530
|
+
// src/components/svelte/ui/Tabs.svelte
|
|
11531
|
+
import "svelte/internal/disclose-version";
|
|
11532
|
+
import "svelte/internal/flags/legacy";
|
|
11533
|
+
import * as $13 from "svelte/internal/client";
|
|
11534
|
+
import { default as default13 } from "bits-ui/tabs";
|
|
11535
|
+
import { default as default14 } from "bits-ui/tabs";
|
|
11536
|
+
import { default as default15 } from "bits-ui/tabs";
|
|
11537
|
+
import { default as default16 } from "bits-ui/tabs";
|
|
11538
|
+
|
|
11539
|
+
// src/components/svelte/ui/Checkbox.svelte
|
|
11540
|
+
import "svelte/internal/disclose-version";
|
|
11541
|
+
import "svelte/internal/flags/legacy";
|
|
11542
|
+
import * as $14 from "svelte/internal/client";
|
|
11543
|
+
import { default as default17 } from "bits-ui/checkbox";
|
|
11544
|
+
|
|
11545
|
+
// src/components/svelte/ui/Switch.svelte
|
|
11546
|
+
import "svelte/internal/disclose-version";
|
|
11547
|
+
import "svelte/internal/flags/legacy";
|
|
11548
|
+
import * as $15 from "svelte/internal/client";
|
|
11549
|
+
import { default as default18 } from "bits-ui/switch";
|
|
11550
|
+
|
|
11551
|
+
// src/components/svelte/ui/RadioGroup.svelte
|
|
11552
|
+
import "svelte/internal/disclose-version";
|
|
11553
|
+
import "svelte/internal/flags/legacy";
|
|
11554
|
+
import * as $16 from "svelte/internal/client";
|
|
11555
|
+
import { default as default19 } from "bits-ui/radio-group";
|
|
11556
|
+
import { default as default20 } from "bits-ui/radio-group";
|
|
11557
|
+
|
|
11558
|
+
// src/components/svelte/ui/Collapsible.svelte
|
|
11559
|
+
import "svelte/internal/disclose-version";
|
|
11560
|
+
import "svelte/internal/flags/legacy";
|
|
11561
|
+
import * as $17 from "svelte/internal/client";
|
|
11562
|
+
import { default as default21 } from "bits-ui/collapsible";
|
|
11563
|
+
import { default as default22 } from "bits-ui/collapsible";
|
|
11564
|
+
import { default as default23 } from "bits-ui/collapsible";
|
|
11565
|
+
|
|
11566
|
+
// src/components/svelte/ui/Select.svelte
|
|
11567
|
+
import "svelte/internal/disclose-version";
|
|
11568
|
+
import "svelte/internal/flags/legacy";
|
|
11569
|
+
import * as $18 from "svelte/internal/client";
|
|
11570
|
+
import { default as default24 } from "bits-ui/select";
|
|
11571
|
+
import { default as default25 } from "bits-ui/select";
|
|
11572
|
+
import { default as default26 } from "bits-ui/select";
|
|
11573
|
+
import { default as default27 } from "bits-ui/select";
|
|
11574
|
+
import { default as default28 } from "bits-ui/select";
|
|
11575
|
+
|
|
11576
|
+
// src/components/svelte/ui/DropdownMenu.svelte
|
|
11577
|
+
import "svelte/internal/disclose-version";
|
|
11578
|
+
import "svelte/internal/flags/legacy";
|
|
11579
|
+
import * as $19 from "svelte/internal/client";
|
|
11580
|
+
import { default as default29 } from "bits-ui/dropdown-menu";
|
|
11581
|
+
import { default as default30 } from "bits-ui/dropdown-menu";
|
|
11582
|
+
import { default as default31 } from "bits-ui/dropdown-menu";
|
|
11583
|
+
import { default as default32 } from "bits-ui/dropdown-menu";
|
|
11584
|
+
import { default as default33 } from "bits-ui/dropdown-menu";
|
|
11585
|
+
|
|
11586
|
+
// src/components/svelte/ui/Tooltip.svelte
|
|
11587
|
+
import "svelte/internal/disclose-version";
|
|
11588
|
+
import "svelte/internal/flags/legacy";
|
|
11589
|
+
import * as $20 from "svelte/internal/client";
|
|
11590
|
+
import { default as default34 } from "bits-ui/tooltip";
|
|
11591
|
+
import { default as default35 } from "bits-ui/tooltip";
|
|
11592
|
+
import { default as default36 } from "bits-ui/tooltip";
|
|
11593
|
+
import { default as default37 } from "bits-ui/tooltip";
|
|
11594
|
+
|
|
11595
|
+
// src/components/svelte/ui/Separator.svelte
|
|
11596
|
+
import "svelte/internal/disclose-version";
|
|
11597
|
+
import "svelte/internal/flags/legacy";
|
|
11598
|
+
import * as $21 from "svelte/internal/client";
|
|
11599
|
+
import { default as default38 } from "bits-ui/separator";
|
|
11600
|
+
|
|
11601
|
+
// src/components/svelte/content/AccordionGroup.svelte
|
|
11602
|
+
import { ChevronDown as ChevronDown4 } from "lucide-svelte";
|
|
11603
|
+
var root7 = $22.from_html(`<div><!></div>`);
|
|
11604
|
+
function AccordionGroup2($$anchor, $$props) {
|
|
11605
|
+
$22.push($$props, true);
|
|
11606
|
+
let type = $22.prop($$props, "type", 3, "single"), value = $22.prop($$props, "value", 15), defaultValue = $22.prop($$props, "defaultValue", 3, ""), collapsible = $22.prop($$props, "collapsible", 3, true), className = $22.prop($$props, "className", 3, "");
|
|
11607
|
+
var div = root7();
|
|
11608
|
+
var node = $22.child(div);
|
|
11609
|
+
$22.component(node, () => default2.Root, ($$anchor2, Accordion_Root) => {
|
|
11610
|
+
Accordion_Root($$anchor2, {
|
|
11611
|
+
get type() {
|
|
11612
|
+
return type();
|
|
11613
|
+
},
|
|
11614
|
+
get defaultValue() {
|
|
11615
|
+
return defaultValue();
|
|
11616
|
+
},
|
|
11617
|
+
get collapsible() {
|
|
11618
|
+
return collapsible();
|
|
11619
|
+
},
|
|
11620
|
+
get class() {
|
|
11621
|
+
return componentStyles.accordion.base;
|
|
11622
|
+
},
|
|
11623
|
+
get value() {
|
|
11624
|
+
return value();
|
|
11625
|
+
},
|
|
11626
|
+
set value($$value) {
|
|
11627
|
+
value($$value);
|
|
11628
|
+
},
|
|
11629
|
+
children: ($$anchor3, $$slotProps) => {
|
|
11630
|
+
var fragment = $22.comment();
|
|
11631
|
+
var node_1 = $22.first_child(fragment);
|
|
11632
|
+
$22.snippet(node_1, () => {
|
|
11633
|
+
var _a;
|
|
11634
|
+
return (_a = $$props.children) != null ? _a : $22.noop;
|
|
11635
|
+
});
|
|
11636
|
+
$22.append($$anchor3, fragment);
|
|
11637
|
+
},
|
|
11638
|
+
$$slots: { default: true }
|
|
11639
|
+
});
|
|
11640
|
+
});
|
|
11641
|
+
$22.reset(div);
|
|
11642
|
+
$22.template_effect(() => $22.set_class(div, 1, "border rounded-lg overflow-hidden " + className()));
|
|
11643
|
+
$22.append($$anchor, div);
|
|
11644
|
+
$22.pop();
|
|
11645
|
+
}
|
|
11646
|
+
|
|
11647
|
+
// src/components/svelte/content/FileTree.svelte
|
|
11648
|
+
import "svelte/internal/disclose-version";
|
|
11649
|
+
import * as $23 from "svelte/internal/client";
|
|
11650
|
+
var root8 = $23.from_html(`<div><!></div>`);
|
|
11651
|
+
function FileTree($$anchor, $$props) {
|
|
11652
|
+
$23.push($$props, true);
|
|
11653
|
+
let className = $23.prop($$props, "className", 3, "");
|
|
11654
|
+
var div = root8();
|
|
11655
|
+
var node = $23.child(div);
|
|
11656
|
+
$23.snippet(node, () => $$props.children);
|
|
11657
|
+
$23.reset(div);
|
|
11658
|
+
$23.template_effect(() => $23.set_class(div, 1, componentStyles.fileTree.base + " " + className()));
|
|
11659
|
+
$23.append($$anchor, div);
|
|
11660
|
+
$23.pop();
|
|
11661
|
+
}
|
|
11662
|
+
|
|
11663
|
+
// src/components/svelte/content/Stepper.svelte
|
|
11664
|
+
import "svelte/internal/disclose-version";
|
|
11665
|
+
import * as $24 from "svelte/internal/client";
|
|
11666
|
+
import { Check as Check7 } from "lucide-svelte";
|
|
11667
|
+
var root9 = $24.from_html(`<div><!></div>`);
|
|
11668
|
+
function Stepper2($$anchor, $$props) {
|
|
11669
|
+
$24.push($$props, true);
|
|
11670
|
+
let className = $24.prop($$props, "className", 3, "");
|
|
11671
|
+
var div = root9();
|
|
11672
|
+
var node = $24.child(div);
|
|
11673
|
+
$24.snippet(node, () => $$props.children);
|
|
11674
|
+
$24.reset(div);
|
|
11675
|
+
$24.template_effect(() => $24.set_class(div, 1, componentStyles.stepper.base + " " + className()));
|
|
11676
|
+
$24.append($$anchor, div);
|
|
11677
|
+
$24.pop();
|
|
11678
|
+
}
|
|
11679
|
+
|
|
11680
|
+
// src/components/svelte/content/Release.svelte
|
|
11681
|
+
import "svelte/internal/disclose-version";
|
|
11682
|
+
import * as $25 from "svelte/internal/client";
|
|
11683
|
+
var root_13 = $25.from_html(`<div> </div>`);
|
|
11684
|
+
var root_2 = $25.from_html(`<div> </div>`);
|
|
11685
|
+
var root10 = $25.from_html(`<div><!> <!> <div><!></div></div>`);
|
|
11686
|
+
function Release2($$anchor, $$props) {
|
|
11687
|
+
$25.push($$props, true);
|
|
11688
|
+
let version = $25.prop($$props, "version", 3, ""), date = $25.prop($$props, "date", 3, ""), className = $25.prop($$props, "className", 3, "");
|
|
11689
|
+
var div = root10();
|
|
11690
|
+
var node = $25.child(div);
|
|
11691
|
+
{
|
|
11692
|
+
var consequent = ($$anchor2) => {
|
|
11693
|
+
var div_1 = root_13();
|
|
11694
|
+
var text = $25.child(div_1);
|
|
11695
|
+
$25.reset(div_1);
|
|
11696
|
+
$25.template_effect(() => {
|
|
11697
|
+
var _a;
|
|
11698
|
+
$25.set_class(div_1, 1, $25.clsx(componentStyles.release.version));
|
|
11699
|
+
$25.set_text(text, `v${(_a = version()) != null ? _a : ""}`);
|
|
11700
|
+
});
|
|
11701
|
+
$25.append($$anchor2, div_1);
|
|
11702
|
+
};
|
|
11703
|
+
$25.if(node, ($$render) => {
|
|
11704
|
+
if (version()) $$render(consequent);
|
|
11705
|
+
});
|
|
11706
|
+
}
|
|
11707
|
+
var node_1 = $25.sibling(node, 2);
|
|
11708
|
+
{
|
|
11709
|
+
var consequent_1 = ($$anchor2) => {
|
|
11710
|
+
var div_2 = root_2();
|
|
11711
|
+
var text_1 = $25.child(div_2, true);
|
|
11712
|
+
$25.reset(div_2);
|
|
11713
|
+
$25.template_effect(() => {
|
|
11714
|
+
$25.set_class(div_2, 1, $25.clsx(componentStyles.release.date));
|
|
11715
|
+
$25.set_text(text_1, date());
|
|
11716
|
+
});
|
|
11717
|
+
$25.append($$anchor2, div_2);
|
|
11718
|
+
};
|
|
11719
|
+
$25.if(node_1, ($$render) => {
|
|
11720
|
+
if (date()) $$render(consequent_1);
|
|
11721
|
+
});
|
|
11722
|
+
}
|
|
11723
|
+
var div_3 = $25.sibling(node_1, 2);
|
|
11724
|
+
var node_2 = $25.child(div_3);
|
|
11725
|
+
$25.snippet(node_2, () => $$props.children);
|
|
11726
|
+
$25.reset(div_3);
|
|
11727
|
+
$25.reset(div);
|
|
11728
|
+
$25.template_effect(() => {
|
|
11729
|
+
$25.set_class(div, 1, componentStyles.release.base + " " + className());
|
|
11730
|
+
$25.set_class(div_3, 1, $25.clsx(componentStyles.release.changes));
|
|
11731
|
+
});
|
|
11732
|
+
$25.append($$anchor, div);
|
|
11733
|
+
$25.pop();
|
|
11734
|
+
}
|
|
11735
|
+
|
|
11736
|
+
// src/components/svelte/content/Youtube.svelte
|
|
11737
|
+
import "svelte/internal/disclose-version";
|
|
11738
|
+
import * as $26 from "svelte/internal/client";
|
|
11739
|
+
var root_14 = $26.from_html(`<div><iframe title="YouTube video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe></div>`);
|
|
11740
|
+
function Youtube2($$anchor, $$props) {
|
|
11741
|
+
$26.push($$props, true);
|
|
11742
|
+
let videoId = $26.prop($$props, "videoId", 3, ""), className = $26.prop($$props, "className", 3, "");
|
|
11743
|
+
const youtubeUrl = $26.derived(() => videoId() ? `https://www.youtube.com/embed/${videoId()}` : "");
|
|
11744
|
+
var fragment = $26.comment();
|
|
11745
|
+
var node = $26.first_child(fragment);
|
|
11746
|
+
{
|
|
11747
|
+
var consequent = ($$anchor2) => {
|
|
11748
|
+
var div = root_14();
|
|
11749
|
+
var iframe = $26.child(div);
|
|
11750
|
+
$26.reset(div);
|
|
11751
|
+
$26.template_effect(() => {
|
|
11752
|
+
$26.set_class(div, 1, componentStyles.youtube.container + " " + className());
|
|
11753
|
+
$26.set_attribute(iframe, "src", $26.get(youtubeUrl));
|
|
11754
|
+
$26.set_class(iframe, 1, $26.clsx(componentStyles.youtube.iframe));
|
|
11755
|
+
});
|
|
11756
|
+
$26.append($$anchor2, div);
|
|
11757
|
+
};
|
|
11758
|
+
$26.if(node, ($$render) => {
|
|
11759
|
+
if (videoId()) $$render(consequent);
|
|
11760
|
+
});
|
|
11761
|
+
}
|
|
11762
|
+
$26.append($$anchor, fragment);
|
|
11763
|
+
$26.pop();
|
|
11764
|
+
}
|
|
11765
|
+
|
|
11766
|
+
// src/components/svelte/content/Tooltip.svelte
|
|
11767
|
+
import "svelte/internal/disclose-version";
|
|
11768
|
+
import * as $27 from "svelte/internal/client";
|
|
11769
|
+
var root_15 = $27.from_html(`<!> <!>`, 1);
|
|
11770
|
+
function Tooltip4($$anchor, $$props) {
|
|
11771
|
+
let className = $27.prop($$props, "className", 3, "");
|
|
11772
|
+
default34($$anchor, {
|
|
11773
|
+
children: ($$anchor2, $$slotProps) => {
|
|
11774
|
+
var fragment_1 = root_15();
|
|
11775
|
+
var node = $27.first_child(fragment_1);
|
|
11776
|
+
default35(node, {
|
|
11777
|
+
get class() {
|
|
11778
|
+
return className();
|
|
11779
|
+
},
|
|
11780
|
+
children: ($$anchor3, $$slotProps2) => {
|
|
11781
|
+
var fragment_2 = $27.comment();
|
|
11782
|
+
var node_1 = $27.first_child(fragment_2);
|
|
11783
|
+
$27.snippet(node_1, () => {
|
|
11784
|
+
var _a;
|
|
11785
|
+
return (_a = $$props.trigger) != null ? _a : $27.noop;
|
|
11786
|
+
});
|
|
11787
|
+
$27.append($$anchor3, fragment_2);
|
|
11788
|
+
},
|
|
11789
|
+
$$slots: { default: true }
|
|
11790
|
+
});
|
|
11791
|
+
var node_2 = $27.sibling(node, 2);
|
|
11792
|
+
default36(node_2, {
|
|
11793
|
+
children: ($$anchor3, $$slotProps2) => {
|
|
11794
|
+
var fragment_3 = $27.comment();
|
|
11795
|
+
var node_3 = $27.first_child(fragment_3);
|
|
11796
|
+
$27.snippet(node_3, () => {
|
|
11797
|
+
var _a;
|
|
11798
|
+
return (_a = $$props.children) != null ? _a : $27.noop;
|
|
11799
|
+
});
|
|
11800
|
+
$27.append($$anchor3, fragment_3);
|
|
11801
|
+
},
|
|
11802
|
+
$$slots: { default: true }
|
|
11803
|
+
});
|
|
11804
|
+
$27.append($$anchor2, fragment_1);
|
|
11805
|
+
},
|
|
11806
|
+
$$slots: { default: true }
|
|
11807
|
+
});
|
|
11808
|
+
}
|
|
10694
11809
|
export {
|
|
10695
11810
|
Accordion2 as Accordion,
|
|
10696
11811
|
AccordionContent2 as AccordionContent,
|
|
@@ -10756,6 +11871,59 @@ export {
|
|
|
10756
11871
|
Separator5 as Separator,
|
|
10757
11872
|
Stepper,
|
|
10758
11873
|
StepperItem,
|
|
11874
|
+
Accordion3 as SvelteAccordion,
|
|
11875
|
+
default5 as SvelteAccordionContent,
|
|
11876
|
+
AccordionGroup2 as SvelteAccordionGroup,
|
|
11877
|
+
default3 as SvelteAccordionItem,
|
|
11878
|
+
default2 as SvelteAccordionRoot,
|
|
11879
|
+
default4 as SvelteAccordionTrigger,
|
|
11880
|
+
Button2 as SvelteButton,
|
|
11881
|
+
Card2 as SvelteCard,
|
|
11882
|
+
CardGroup2 as SvelteCardGroup,
|
|
11883
|
+
default17 as SvelteCheckbox,
|
|
11884
|
+
default21 as SvelteCollapsible,
|
|
11885
|
+
default23 as SvelteCollapsibleContent,
|
|
11886
|
+
default22 as SvelteCollapsibleTrigger,
|
|
11887
|
+
Copy2 as SvelteCopy,
|
|
11888
|
+
default6 as SvelteDialog,
|
|
11889
|
+
default8 as SvelteDialogContent,
|
|
11890
|
+
default11 as SvelteDialogDescription,
|
|
11891
|
+
default12 as SvelteDialogFooter,
|
|
11892
|
+
default9 as SvelteDialogHeader,
|
|
11893
|
+
default10 as SvelteDialogTitle,
|
|
11894
|
+
default7 as SvelteDialogTrigger,
|
|
11895
|
+
default29 as SvelteDropdownMenu,
|
|
11896
|
+
default31 as SvelteDropdownMenuContent,
|
|
11897
|
+
default32 as SvelteDropdownMenuItem,
|
|
11898
|
+
default33 as SvelteDropdownMenuSeparator,
|
|
11899
|
+
default30 as SvelteDropdownMenuTrigger,
|
|
11900
|
+
FileTree as SvelteFileTree,
|
|
11901
|
+
Image as SvelteImage,
|
|
11902
|
+
Kbd2 as SvelteKbd,
|
|
11903
|
+
Link as SvelteLink,
|
|
11904
|
+
Note2 as SvelteNote,
|
|
11905
|
+
Pre2 as SveltePre,
|
|
11906
|
+
default19 as SvelteRadioGroup,
|
|
11907
|
+
default20 as SvelteRadioGroupItem,
|
|
11908
|
+
Release2 as SvelteRelease,
|
|
11909
|
+
default24 as SvelteSelect,
|
|
11910
|
+
default26 as SvelteSelectContent,
|
|
11911
|
+
default27 as SvelteSelectItem,
|
|
11912
|
+
default25 as SvelteSelectTrigger,
|
|
11913
|
+
default28 as SvelteSelectValue,
|
|
11914
|
+
default38 as SvelteSeparator,
|
|
11915
|
+
Stepper2 as SvelteStepper,
|
|
11916
|
+
default18 as SvelteSwitch,
|
|
11917
|
+
default13 as SvelteTabs,
|
|
11918
|
+
default16 as SvelteTabsContent,
|
|
11919
|
+
default14 as SvelteTabsList,
|
|
11920
|
+
default15 as SvelteTabsTrigger,
|
|
11921
|
+
Tooltip4 as SvelteTooltip,
|
|
11922
|
+
default36 as SvelteTooltipContent,
|
|
11923
|
+
default37 as SvelteTooltipProvider,
|
|
11924
|
+
default34 as SvelteTooltipRoot,
|
|
11925
|
+
default35 as SvelteTooltipTrigger,
|
|
11926
|
+
Youtube2 as SvelteYoutube,
|
|
10759
11927
|
Switch2 as Switch,
|
|
10760
11928
|
Tabs2 as Tabs,
|
|
10761
11929
|
TabsContent2 as TabsContent,
|