camox 0.0.0 → 0.1.2-alpha.2

package/dist/features/preview/components/PeekedBlock.js

@@ -0,0 +1,95 @@
+import { previewStore } from "../previewStore.js";
+import { useSelector } from "@xstate/store/react";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/features/preview/components/PeekedBlock.tsx
+var PeekedBlock = ({ onExitComplete }) => {
+	const peekedBlock = useSelector(previewStore, (state) => state.context.peekedBlock);
+	const skipExitAnimation = useSelector(previewStore, (state) => state.context.skipPeekedBlockExitAnimation);
+	const peekedBlockRef = React.useRef(null);
+	const [displayedBlock, setDisplayedBlock] = React.useState(null);
+	const [isExpanded, setIsExpanded] = React.useState(false);
+	React.useEffect(() => {
+		if (peekedBlock) {
+			setDisplayedBlock(peekedBlock);
+			return;
+		}
+		if (skipExitAnimation) {
+			setIsExpanded(false);
+			setDisplayedBlock(null);
+			onExitComplete?.();
+			previewStore.send({ type: "clearSkipPeekedBlockExitAnimation" });
+			return;
+		}
+		setIsExpanded(false);
+	}, [
+		peekedBlock,
+		skipExitAnimation,
+		onExitComplete
+	]);
+	React.useEffect(() => {
+		if (!displayedBlock) return;
+		const id = requestAnimationFrame(() => setIsExpanded(true));
+		return () => cancelAnimationFrame(id);
+	}, [displayedBlock]);
+	React.useEffect(() => {
+		if (displayedBlock && peekedBlockRef.current) peekedBlockRef.current.scrollIntoView({
+			behavior: "instant",
+			block: "start"
+		});
+	}, [displayedBlock]);
+	const handleTransitionEnd = React.useCallback((e) => {
+		if (e.propertyName !== "grid-template-rows" || e.target !== e.currentTarget) return;
+		if (isExpanded) {
+			peekedBlockRef.current?.scrollIntoView({
+				behavior: "instant",
+				block: "start"
+			});
+			return;
+		}
+		setDisplayedBlock(null);
+		onExitComplete?.();
+	}, [isExpanded, onExitComplete]);
+	const normalizedContent = React.useMemo(() => {
+		if (!displayedBlock) return null;
+		const result = { ...displayedBlock.getInitialContent() };
+		for (const key in result) {
+			const value = result[key];
+			if (Array.isArray(value) && value.length > 0) {
+				const firstItem = value[0];
+				if (firstItem && typeof firstItem === "object" && !firstItem.content && !firstItem._id) result[key] = value.map((item) => ({
+					content: item,
+					_id: void 0
+				}));
+			}
+		}
+		return result;
+	}, [displayedBlock]);
+	if (!displayedBlock || !normalizedContent) return null;
+	return /* @__PURE__ */ jsx("div", {
+		ref: peekedBlockRef,
+		style: {
+			scrollMargin: "5rem",
+			display: "grid",
+			gridTemplateRows: isExpanded ? "1fr" : "0fr",
+			transition: "grid-template-rows 300ms ease-out",
+			background: "var(--background)"
+		},
+		onTransitionEnd: handleTransitionEnd,
+		children: /* @__PURE__ */ jsx("div", {
+			style: { overflow: "hidden" },
+			children: /* @__PURE__ */ jsx(displayedBlock.Component, {
+				blockData: {
+					_id: "__preview__",
+					type: displayedBlock.id,
+					content: normalizedContent,
+					settings: displayedBlock.getInitialSettings(),
+					position: ""
+				},
+				mode: "peek"
+			})
+		})
+	});
+};
+//#endregion
+export { PeekedBlock };

package/dist/features/preview/components/PreviewPanel.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+export declare const PreviewFrame: ({ children, style, className, onIframeReady, }: {
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+    onIframeReady?: (iframe: HTMLIFrameElement) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const PreviewPanel: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export { PreviewPanel };
+//# sourceMappingURL=PreviewPanel.d.ts.map

package/dist/features/preview/components/PreviewPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPanel.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/PreviewPanel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,eAAO,MAAM,YAAY,GAAI,gDAK1B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,KAAK,IAAI,CAAC;CACrD,4CAQA,CAAC;AAmFF,QAAA,MAAM,YAAY,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAwHhE,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/features/preview/components/PreviewPanel.js

@@ -0,0 +1,192 @@
+import { previewStore } from "../previewStore.js";
+import { actionsStore } from "../../provider/actionsStore.js";
+import { useIsPreviewSheetOpen } from "./PreviewSideSheet.js";
+import { useBlockActionsShortcuts } from "./BlockActionsPopover.js";
+import { Overlays } from "./Overlays.js";
+import { OverlayTracker } from "./OverlayTracker.js";
+import { PreviewToolbar } from "./PreviewToolbar.js";
+import { TextFormatToolbar } from "./TextFormatToolbar.js";
+import { Frame, useFrame } from "@camox/ui/frame";
+import { useSelector } from "@xstate/store/react";
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { PanelContent } from "@camox/ui/panel";
+import { checkIfInputFocused } from "@/lib/utils";
+//#region src/features/preview/components/PreviewPanel.tsx
+var PreviewFrame = ({ children, style, className, onIframeReady }) => {
+	return /* @__PURE__ */ jsxs(Frame, {
+		className,
+		style,
+		onIframeReady,
+		children: [
+			children,
+			/* @__PURE__ */ jsx(KeyDownForwarder, {}),
+			/* @__PURE__ */ jsx(OverlayTracker, {})
+		]
+	});
+};
+var KeyDownForwarder = () => {
+	const { window: iframeWindow } = useFrame();
+	const actions = useSelector(actionsStore, (state) => state.context.actions);
+	React.useEffect(() => {
+		if (!iframeWindow || !iframeWindow.parent || iframeWindow.parent === iframeWindow) return;
+		const handleKeyDown = (e) => {
+			if (e.key.toLowerCase() === "l" && !e.repeat && !checkIfInputFocused(iframeWindow.document)) {
+				e.preventDefault();
+				iframeWindow.parent.postMessage({ type: "holdLockContent" }, "*");
+				return;
+			}
+			const matchingAction = actions.find((action) => {
+				if (!action.shortcut) return false;
+				if (!action.checkIfAvailable()) return false;
+				if (checkIfInputFocused(iframeWindow.document)) {
+					if (!action.shortcut.withMeta && !action.shortcut.withAlt) return false;
+					if (action.shortcut.key === "Backspace") return false;
+				}
+				const { key, withMeta, withAlt, withShift } = action.shortcut;
+				return (withAlt && key.length === 1 && /[a-z]/i.test(key) ? e.code === `Key${key.toUpperCase()}` : key.toLowerCase() === e.key.toLowerCase()) && !!withMeta === (e.metaKey || e.ctrlKey) && !!withAlt === e.altKey && !!withShift === e.shiftKey;
+			});
+			if (matchingAction) {
+				e.preventDefault();
+				iframeWindow.parent.postMessage({
+					type: "executeAction",
+					actionId: matchingAction.id
+				}, "*");
+			}
+		};
+		const handleKeyUp = (e) => {
+			if (e.key.toLowerCase() === "l") iframeWindow.parent.postMessage({ type: "releaseLockContent" }, "*");
+		};
+		iframeWindow.addEventListener("keydown", handleKeyDown);
+		iframeWindow.addEventListener("keyup", handleKeyUp);
+		return () => {
+			iframeWindow.removeEventListener("keydown", handleKeyDown);
+			iframeWindow.removeEventListener("keyup", handleKeyUp);
+		};
+	}, [iframeWindow, actions]);
+	return null;
+};
+var PreviewPanel = ({ children }) => {
+	useBlockActionsShortcuts();
+	const iframeElement = useSelector(previewStore, (state) => state.context.iframeElement);
+	const handleIframeReady = React.useCallback((element) => {
+		previewStore.send({
+			type: "setIframeElement",
+			element
+		});
+	}, []);
+	const isMobileMode = useSelector(previewStore, (state) => state.context.isMobileMode);
+	const isAgentChatSheetOpen = useSelector(previewStore, (state) => state.context.isAgentChatSheetOpen);
+	const isAnySideSheetOpen = useIsPreviewSheetOpen();
+	const wrapperRef = React.useRef(null);
+	const [panelWidth, setPanelWidth] = React.useState(0);
+	const [panelLeft, setPanelLeft] = React.useState(0);
+	React.useEffect(() => {
+		const el = wrapperRef.current?.parentElement;
+		if (!el) return;
+		const update = () => {
+			const rect = el.getBoundingClientRect();
+			setPanelWidth(rect.width);
+			setPanelLeft(rect.left);
+		};
+		update();
+		const observer = new ResizeObserver(update);
+		observer.observe(el);
+		return () => observer.disconnect();
+	}, []);
+	const sheetOverlap = Math.max(0, 400 - panelLeft);
+	const sheetOpenScale = panelWidth > 0 ? (panelWidth - sheetOverlap) / panelWidth : 1;
+	React.useEffect(() => {
+		const actions = [
+			{
+				id: "toggle-editing-panel",
+				label: "Toggle editing panel",
+				groupLabel: "Preview",
+				checkIfAvailable: () => true,
+				execute: () => previewStore.send({ type: "toggleSidebar" }),
+				shortcut: {
+					key: "b",
+					withAlt: true
+				},
+				icon: "PanelRight"
+			},
+			{
+				id: "toggle-lock-content",
+				label: "Toggle lock content",
+				groupLabel: "Preview",
+				checkIfAvailable: () => true,
+				execute: () => previewStore.send({ type: "toggleLockContent" }),
+				icon: "Lock"
+			},
+			{
+				id: "toggle-mobile-mode",
+				label: "Toggle mobile mode",
+				groupLabel: "Preview",
+				checkIfAvailable: () => true,
+				execute: () => previewStore.send({ type: "toggleMobileMode" }),
+				shortcut: { key: "m" },
+				icon: "TabletSmartphone"
+			},
+			{
+				id: "open-agent-chat",
+				label: "Ask for changes",
+				groupLabel: "Preview",
+				checkIfAvailable: () => !isAgentChatSheetOpen,
+				execute: () => previewStore.send({ type: "openAgentChatSheet" }),
+				shortcut: {
+					key: "i",
+					withAlt: true
+				},
+				icon: "MessageSquare"
+			}
+		];
+		actionsStore.send({
+			type: "registerManyActions",
+			actions
+		});
+		return () => {
+			actionsStore.send({
+				type: "unregisterManyActions",
+				ids: actions.map((a) => a.id)
+			});
+		};
+	}, [isAgentChatSheetOpen]);
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(PanelContent, {
+		className: "relative overflow-hidden",
+		children: /* @__PURE__ */ jsx("div", {
+			ref: wrapperRef,
+			className: "absolute inset-0 transition-[transform,height] duration-500 ease-in-out will-change-transform",
+			style: {
+				height: isAnySideSheetOpen ? `${100 / sheetOpenScale}%` : "100%",
+				transformOrigin: "top right",
+				transform: isAnySideSheetOpen ? `scale(${sheetOpenScale})` : "scale(1)"
+			},
+			children: isMobileMode ? /* @__PURE__ */ jsxs("div", {
+				className: "checkered flex h-full justify-center",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "relative mt-8 h-[700px] w-[393px] overflow-hidden",
+						children: [/* @__PURE__ */ jsx(PreviewFrame, {
+							className: "overflow-auto",
+							onIframeReady: handleIframeReady,
+							children
+						}), /* @__PURE__ */ jsx(Overlays, { iframeElement })]
+					}),
+					/* @__PURE__ */ jsx(TextFormatToolbar, {}),
+					/* @__PURE__ */ jsx(PreviewToolbar, {})
+				]
+			}) : /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx(PreviewFrame, {
+					className: "checkered h-full w-full",
+					onIframeReady: handleIframeReady,
+					children
+				}),
+				/* @__PURE__ */ jsx(Overlays, { iframeElement }),
+				/* @__PURE__ */ jsx(TextFormatToolbar, {}),
+				/* @__PURE__ */ jsx(PreviewToolbar, {})
+			] })
+		})
+	}) });
+};
+//#endregion
+export { PreviewFrame, PreviewPanel };

package/dist/features/preview/components/PreviewSideSheet.d.ts

@@ -0,0 +1,13 @@
+import * as Sheet from "@camox/ui/sheet";
+import * as React from "react";
+interface PreviewSideSheetProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onOpenAutoFocus?: (e: Event) => void;
+    children: React.ReactNode;
+    className?: string;
+}
+declare const PreviewSideSheet: ({ open, onOpenChange, onOpenAutoFocus, children, className, }: PreviewSideSheetProps) => import("react/jsx-runtime").JSX.Element;
+export declare function useIsPreviewSheetOpen(): boolean;
+export { PreviewSideSheet, Sheet as SheetParts };
+//# sourceMappingURL=PreviewSideSheet.d.ts.map

package/dist/features/preview/components/PreviewSideSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewSideSheet.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/PreviewSideSheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,iBAAiB,CAAC;AAEzC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,qBAAqB;IAC7B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC;IACrC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,gBAAgB,GAAI,+DAMvB,qBAAqB,4CAcvB,CAAC;AAEF,wBAAgB,qBAAqB,YAYpC;AAED,OAAO,EAAE,gBAAgB,EAAE,KAAK,IAAI,UAAU,EAAE,CAAC"}

package/dist/features/preview/components/PreviewSideSheet.js

@@ -0,0 +1,28 @@
+import { previewStore } from "../previewStore.js";
+import { useSelector } from "@xstate/store/react";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as Sheet from "@camox/ui/sheet";
+//#region src/features/preview/components/PreviewSideSheet.tsx
+var PreviewSideSheet = ({ open, onOpenChange, onOpenAutoFocus, children, className }) => {
+	return /* @__PURE__ */ jsx(Sheet.Sheet, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsx(Sheet.SheetContent, {
+			className,
+			side: "left",
+			overlayClassName: "bg-black/0",
+			style: { minWidth: 400 },
+			onOpenAutoFocus,
+			children
+		})
+	});
+};
+function useIsPreviewSheetOpen() {
+	const isPageContentSheetOpen = useSelector(previewStore, (state) => state.context.isPageContentSheetOpen);
+	const isPeekingBlock = useSelector(previewStore, (state) => state.context.peekedBlock != null);
+	const isAgentChatSheetOpen = useSelector(previewStore, (state) => state.context.isAgentChatSheetOpen);
+	return isPageContentSheetOpen || isPeekingBlock || isAgentChatSheetOpen;
+}
+//#endregion
+export { PreviewSideSheet, Sheet, useIsPreviewSheetOpen };

package/dist/features/preview/components/PreviewToolbar.d.ts

@@ -0,0 +1,2 @@
+export declare const PreviewToolbar: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PreviewToolbar.d.ts.map

package/dist/features/preview/components/PreviewToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewToolbar.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/PreviewToolbar.tsx"],"names":[],"mappings":"AAcA,eAAO,MAAM,cAAc,+CAoG1B,CAAC"}

package/dist/features/preview/components/PreviewToolbar.js

@@ -0,0 +1,79 @@
+import { previewStore } from "../previewStore.js";
+import { actionsStore } from "../../provider/actionsStore.js";
+import { Kbd } from "@camox/ui/kbd";
+import { useSelector } from "@xstate/store/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, getActionShortcut } from "@/lib/utils";
+import { Button } from "@camox/ui/button";
+import { Lock, MonitorPlay, PanelRight, TabletSmartphone } from "lucide-react";
+import * as Tooltip$1 from "@camox/ui/tooltip";
+import { ButtonGroup } from "@camox/ui/button-group";
+import { FloatingToolbar } from "@camox/ui/floating-toolbar";
+import { Toggle } from "@camox/ui/toggle";
+//#region src/features/preview/components/PreviewToolbar.tsx
+var PreviewToolbar = () => {
+	const isEditingLocked = useSelector(previewStore, (state) => state.context.isContentLocked);
+	const isEditingPanelOpen = useSelector(previewStore, (state) => state.context.isSidebarOpen);
+	const isPresentationMode = useSelector(previewStore, (state) => state.context.isPresentationMode);
+	const isPageContentSheetOpen = useSelector(previewStore, (state) => state.context.isPageContentSheetOpen);
+	const isAddBlockSheetOpen = useSelector(previewStore, (state) => state.context.isAddBlockSheetOpen);
+	const isAgentChatSheetOpen = useSelector(previewStore, (state) => state.context.isAgentChatSheetOpen);
+	const isAnySideSheetOpen = isPageContentSheetOpen || isAddBlockSheetOpen || isAgentChatSheetOpen;
+	const actions = useSelector(actionsStore, (state) => state.context.actions);
+	const isMobileMode = useSelector(previewStore, (state) => state.context.isMobileMode);
+	return /* @__PURE__ */ jsxs(FloatingToolbar, {
+		className: cn("bottom-2 gap-4 justify-between", isAnySideSheetOpen && "opacity-0 pointer-events-none translate-y-full"),
+		children: [/* @__PURE__ */ jsxs(ButtonGroup, { children: [
+			/* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Toggle, {
+					"data-state": isEditingPanelOpen ? "off" : "on",
+					pressed: !isEditingPanelOpen,
+					variant: "outline",
+					onClick: () => previewStore.send({ type: "toggleSidebar" }),
+					children: /* @__PURE__ */ jsx(PanelRight, {})
+				})
+			}), /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle sidebar ", getActionShortcut(actions, "toggle-editing-panel")] })] }),
+			/* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Toggle, {
+					"data-state": isEditingLocked ? "on" : "off",
+					pressed: isEditingLocked,
+					onPressedChange: () => previewStore.send({ type: "toggleLockContent" }),
+					variant: "outline",
+					children: /* @__PURE__ */ jsx(Lock, {})
+				})
+			}), /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle edit mode ", /* @__PURE__ */ jsx(Kbd, { children: "L" })] })] }),
+			/* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Toggle, {
+					"data-state": isMobileMode ? "on" : "off",
+					pressed: isMobileMode,
+					onPressedChange: () => previewStore.send({ type: "toggleMobileMode" }),
+					variant: "outline",
+					children: /* @__PURE__ */ jsx(TabletSmartphone, {})
+				})
+			}), /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Toggle mobile layout ", getActionShortcut(actions, "toggle-mobile-mode")] })] }),
+			/* @__PURE__ */ jsxs(Tooltip$1.Tooltip, { children: [/* @__PURE__ */ jsx(Tooltip$1.TooltipTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsxs(Toggle, {
+					"data-state": isPresentationMode ? "on" : "off",
+					pressed: isPresentationMode,
+					variant: "outline",
+					onClick: () => previewStore.send({ type: "enterPresentationMode" }),
+					children: [/* @__PURE__ */ jsx(MonitorPlay, {}), "Preview"]
+				})
+			}), /* @__PURE__ */ jsxs(Tooltip$1.TooltipContent, { children: ["Hide all admin interface ", getActionShortcut(actions, "enter-presentation-mode")] })] })
+		] }), /* @__PURE__ */ jsxs(Button, {
+			variant: "outline",
+			className: "bg-transparent dark:bg-transparent",
+			onClick: () => previewStore.send({ type: "openAgentChatSheet" }),
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-muted-foreground",
+				children: "Ask for changes..."
+			}), getActionShortcut(actions, "open-agent-chat")]
+		})]
+	});
+};
+//#endregion
+export { PreviewToolbar };

package/dist/features/preview/components/RepeatableItemsList.d.ts

@@ -0,0 +1,14 @@
+import { Doc, Id } from 'camox/server/dataModel';
+interface RepeatableItemsListProps {
+    items: Doc<"repeatableItems">[] | Record<string, unknown>[];
+    blockId: Id<"blocks">;
+    fieldName: string;
+    minItems?: number;
+    maxItems?: number;
+    schema: unknown;
+    /** When set, items are inline objects managed through the parent item's content */
+    parentItemId?: Id<"repeatableItems">;
+}
+declare const RepeatableItemsList: ({ items, blockId, fieldName, minItems, maxItems, schema, parentItemId, }: RepeatableItemsListProps) => import("react/jsx-runtime").JSX.Element;
+export { RepeatableItemsList };
+//# sourceMappingURL=RepeatableItemsList.d.ts.map

package/dist/features/preview/components/RepeatableItemsList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RepeatableItemsList.d.ts","sourceRoot":"","sources":["../../../../src/features/preview/components/RepeatableItemsList.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,wBAAwB,CAAC;AA2RjD,UAAU,wBAAwB;IAChC,KAAK,EAAE,GAAG,CAAC,iBAAiB,CAAC,EAAE,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAC5D,OAAO,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,mFAAmF;IACnF,YAAY,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC;CACtC;AAED,QAAA,MAAM,mBAAmB,GAAI,0EAQ1B,wBAAwB,4CA4Q1B,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,CAAC"}