@parhelia/core 0.1.10745

package/dist/editor/utils.js

@@ -0,0 +1,468 @@
+import { useState } from "react";
+import { useEffect, useRef } from "react";
+// Hook
+export function useEventListenerExt(eventName, handler, element, capture = false) {
+    // Create a ref that stores handler
+    const savedHandler = useRef(undefined);
+    // Update ref.current value if handler changes.
+    // This allows our effect below to always get latest handler ...
+    // ... without us needing to pass it in effect deps array ...
+    // ... and potentially cause effect to re-run every render.
+    useEffect(() => {
+        savedHandler.current = handler;
+    }, [handler]);
+    useEffect(() => {
+        // Make sure element supports addEventListener
+        // On
+        const isSupported = element && element.addEventListener;
+        if (!isSupported)
+            return;
+        // Create event listener that calls handler function stored in ref
+        const eventListener = (event) => savedHandler.current(event);
+        // Add event listener
+        element.addEventListener(eventName, eventListener, { capture: capture });
+        // Remove event listener on cleanup
+        return () => {
+            element.removeEventListener(eventName, eventListener);
+        };
+    }, [eventName, element]);
+}
+export const useLocalStorage = (storageKey, fallbackState) => {
+    const [value, setValue] = useState(JSON.parse(typeof window !== "undefined"
+        ? (localStorage.getItem(storageKey) ?? JSON.stringify(fallbackState))
+        : JSON.stringify(fallbackState)));
+    useEffect(() => {
+        if (typeof window !== "undefined")
+            localStorage.setItem(storageKey, JSON.stringify(value));
+    }, [value, storageKey]);
+    return [value, setValue];
+};
+// Utility functions for managing collapsed sections
+export const useCollapsedSections = () => {
+    const [collapsedSections, setCollapsedSections] = useLocalStorage("editor.collapsedSections", []);
+    const isSectionCollapsed = (sectionTitle) => {
+        return collapsedSections.includes(sectionTitle);
+    };
+    const toggleSection = (sectionTitle) => {
+        setCollapsedSections((prev) => {
+            if (prev.includes(sectionTitle)) {
+                // Remove from collapsed sections (expand)
+                return prev.filter((title) => title !== sectionTitle);
+            }
+            else {
+                // Add to collapsed sections (collapse)
+                return [...prev, sectionTitle];
+            }
+        });
+    };
+    return {
+        isSectionCollapsed,
+        toggleSection,
+    };
+};
+export const extractItemIdFromItemUri = (uri) => {
+    const match = uri.match(/\{[A-F0-9-]+\}/i);
+    return match
+        ? match[0].replace(/[{}]/g, "").toLowerCase()
+        : uri.toLowerCase();
+};
+export function isFieldActionExecuting(field, editContext) {
+    const fieldItem = field.descriptor.item;
+    if (!fieldItem) {
+        return false;
+    }
+    var action = editContext.activeFieldActions.find((x) => x.field.fieldId == field.id &&
+        x.field.item?.id == fieldItem.id &&
+        x.field.item?.language == fieldItem.language &&
+        x.field.item?.version == fieldItem.version);
+    return action?.state == "running";
+}
+export function getItemDescriptor(item) {
+    if (!item)
+        throw new Error("Item is null");
+    if ("descriptor" in item) {
+        return item.descriptor;
+    }
+    return {
+        id: item.id,
+        language: item.language,
+        version: item.version,
+        name: item.name,
+    };
+}
+export function getAbsoluteIconUrl(url) {
+    //return configuration.services.editorService.baseUrl + url;
+    return url;
+}
+export function findParentWithAttribute(element, attr) {
+    while (element && element !== document.documentElement) {
+        if (element.hasAttribute(attr)) {
+            return element;
+        }
+        element = element.parentElement;
+    }
+    return null;
+}
+export function parsePlaceholderKey(key) {
+    const placeholderKeyComponents = key.split("_");
+    const placeholderName = placeholderKeyComponents.length === 1
+        ? placeholderKeyComponents[0]
+        : placeholderKeyComponents[1];
+    const parentId = placeholderKeyComponents.length === 1
+        ? undefined
+        : placeholderKeyComponents[0];
+    return {
+        name: placeholderName,
+        componentId: parentId,
+    };
+}
+// export function getFieldRawValue(field: Field, editContext: EditContextType) {
+//   return (
+//     getModifiedField(field.descriptor, editContext)?.rawValue ??
+//     field.rawValue ??
+//     field.value
+//   );
+// }
+// export function getFieldValue(field: Field, editContext: EditContextType) {
+//   return getModifiedField(field.descriptor, editContext)?.value ?? field.value;
+// }
+// export function getModifiedField(
+//   field: FieldDescriptor,
+//   editContext: EditContextType
+// ) {
+//   const modifiedField = editContext.modifiedFields.find(
+//     (x) =>
+//       x.field.fieldId === field.fieldId &&
+//       x.field.item.id === field.item.id &&
+//       x.field.item.language === field.item.language &&
+//       x.field.item.version === field.item.version
+//   );
+//   return modifiedField;
+// }
+// export function getModifiedFieldValue(
+//   field: FieldDescriptor,
+//   editContext: EditContextType
+// ) {
+//   return getModifiedField(field, editContext)?.value;
+// }
+// export function setModifiedFieldValue(
+//   field: FieldDescriptor,
+//   value: string,
+//   editContext: EditContextType
+// ) {
+//   const modifiedValue = editContext.modifiedFields.find(
+//     (x) =>
+//       x.field.fieldId === field.fieldId &&
+//       x.field.item.id === field.item.id &&
+//       x.field.item.language === field.item.language &&
+//       x.field.item.version === field.item.version
+//   );
+//   if (modifiedValue) {
+//     modifiedValue.value = value;
+//   } else {
+//     editContext.modifiedFields.push({
+//       field: field,
+//       value: value,
+//     });
+//   }
+//   editContext.setModifiedFields([...editContext.modifiedFields]);
+// }
+export function hasFieldLock(field, editContext) {
+    if (!editContext.lockedField) {
+        return false;
+    }
+    return (editContext.lockedField.fieldId === field.fieldId &&
+        editContext.lockedField.item.id === field.item.id &&
+        editContext.lockedField.item.language === field.item.language &&
+        editContext.lockedField.item.version === field.item.version);
+}
+export function getSessionWithFieldLock(field, editContext) {
+    return editContext.activeSessions.find((s) => s.fieldLock?.fieldId === field.fieldId &&
+        s.fieldLock?.item.id === field.item.id &&
+        s.fieldLock?.item.language === field.item.language &&
+        s.fieldLock?.item.version === field.item.version);
+}
+export function getFieldDescriptorFromElement(element) {
+    return {
+        item: {
+            id: element.getAttribute("data-itemid"),
+            version: parseInt(element.getAttribute("data-version")),
+            language: element.getAttribute("data-language"),
+        },
+        fieldId: element.getAttribute("data-fieldid"),
+    };
+}
+export function findNearestEditableComponentId(startElement) {
+    let element = startElement;
+    while (element) {
+        if (element.getAttribute("sc_item") && isEditableComponent(element)) {
+            return extractItemIdFromItemUri(element.getAttribute("sc_item"));
+        }
+        if (element.hasAttribute("data-component-start") &&
+            !element.hasAttribute("data-skip-component") &&
+            isEditableComponent(element)) {
+            return element.getAttribute("data-component-start") ?? undefined;
+        }
+        const prev = element.previousElementSibling;
+        if (!prev) {
+            element = element.parentElement;
+        }
+        else
+            element = prev;
+    }
+    return;
+}
+function isEditableComponent(element) {
+    return element.getAttribute("data-editable") !== "false";
+}
+export function findFieldElement(iframe, fieldDescriptor) {
+    if (!iframe.contentWindow?.document.body)
+        return undefined;
+    const fieldElement = iframe.contentWindow?.document.body.querySelector("[data-itemid='" +
+        fieldDescriptor.item.id +
+        "'][data-fieldid='" +
+        fieldDescriptor.fieldId +
+        "']");
+    return fieldElement;
+}
+export function findComponentRect(iframe, component, takeScrollPositionIntoAccount = false) {
+    if (!iframe.contentWindow?.document.body)
+        return undefined;
+    let startElement = component.firstDOMElement;
+    while (startElement && startElement.tagName === "SCRIPT") {
+        startElement = startElement.nextElementSibling;
+    }
+    if (!startElement) {
+        console.error("No start element found for component " + component.id);
+        return null;
+    }
+    const startRect = takeScrollPositionIntoAccount
+        ? getAbsolutePosition(startElement, iframe)
+        : startElement.getBoundingClientRect();
+    let endElement = component.lastDOMElement;
+    while (endElement && endElement.tagName === "SCRIPT") {
+        endElement = endElement.previousElementSibling;
+    }
+    if (!endElement)
+        return null;
+    const endRect = takeScrollPositionIntoAccount
+        ? getAbsolutePosition(endElement, iframe)
+        : endElement.getBoundingClientRect();
+    const elements = startElement === endElement ? [startElement] : [startElement, endElement];
+    return {
+        rect: {
+            x: startRect.x,
+            y: startRect.y,
+            width: endRect.x + endRect.width - startRect.x,
+            height: endRect.y + endRect.height - startRect.y,
+        },
+        elements: elements,
+    };
+}
+// export function findComponentRect(
+//   iframe: HTMLIFrameElement,
+//   componentId: string,
+//   takeScrollPositionIntoAccount = false,
+// ) {
+//   if (!iframe.contentWindow?.document.body) return undefined;
+//   const componentStart = iframe.contentWindow?.document.body.querySelector(
+//     "[data-component-start='" + componentId + "']",
+//   );
+//   const componentEnd = iframe?.contentWindow?.document.body.querySelector(
+//     "[data-component-end='" + componentId + "']",
+//   );
+//   if (!componentStart || !componentEnd) {
+//     return null;
+//   }
+//   let startElement = componentStart.nextElementSibling;
+//   while (startElement && startElement.tagName === "SCRIPT") {
+//     startElement = startElement.nextElementSibling;
+//   }
+//   if (!startElement) {
+//     console.error("No start element found for component " + componentId);
+//     return null;
+//   }
+//   const startRect = takeScrollPositionIntoAccount
+//     ? getAbsolutePosition(startElement as HTMLElement, iframe)
+//     : startElement.getBoundingClientRect();
+//   let endElement = componentEnd.previousElementSibling;
+//   while (endElement && endElement.tagName === "SCRIPT") {
+//     endElement = endElement.previousElementSibling;
+//   }
+//   if (!endElement) return null;
+//   const endRect = takeScrollPositionIntoAccount
+//     ? getAbsolutePosition(endElement as HTMLElement, iframe)
+//     : endElement.getBoundingClientRect();
+//   const elements =
+//     startElement === endElement ? [startElement] : [startElement, endElement];
+//   // console.log(
+//   //   "start rect",
+//   //   startRect,
+//   //   startElement,
+//   //   iframe.contentWindow?.scrollY,
+//   //   takeScrollPositionIntoAccount
+//   // );
+//   return {
+//     rect: {
+//       x: startRect.x,
+//       y: startRect.y,
+//       width: endRect.x + endRect.width - startRect.x,
+//       height: endRect.y + endRect.height - startRect.y,
+//     },
+//     elements: elements,
+//   };
+// }
+export const getAbsolutePosition = (element, iframe) => {
+    const rect = element.getBoundingClientRect();
+    const scrollLeft = iframe.contentWindow?.scrollX ||
+        iframe.contentDocument?.documentElement.scrollLeft ||
+        0;
+    const scrollTop = iframe.contentWindow?.scrollY ||
+        iframe.contentDocument?.documentElement.scrollTop ||
+        0;
+    return {
+        x: rect.left + scrollLeft,
+        y: rect.top + scrollTop,
+        width: rect.width,
+        height: rect.height,
+    };
+};
+// export function findParentComponentId(element: HTMLElement) {
+//   while (element && element !== document.documentElement) {
+//     if (element.getAttribute("sc_item")) {
+//       return extractItemIdFromItemUri(element.getAttribute("sc_item")!);
+//     }
+//     const startElement = findStartElement(element);
+//     if (startElement) {
+//       return startElement.getAttribute("data-component-start");
+//     }
+//     element = element.parentElement as HTMLElement;
+//   }
+//   return null;
+// }
+// function findStartElement(element: HTMLElement) {
+//   let prev: Element | null = element;
+//   while (prev) {
+//     prev = prev.previousElementSibling;
+//     if (
+//       prev?.getAttribute("data-component-start") &&
+//       !prev.hasAttribute("data-skip-component")
+//     ) {
+//       return prev;
+//     }
+//   }
+//   return null;
+// }
+export function stripGuid(id) {
+    return id.replace(/[{}]/g, "").toLowerCase();
+}
+export function normalizeGuid(id) {
+    id = id.toUpperCase();
+    if (id.length && id[0] === "{")
+        return id;
+    return "{" + id + "}";
+}
+function getLocale() {
+    try {
+        if (typeof navigator !== "undefined" && navigator.language)
+            return navigator.language;
+    }
+    catch { }
+    return "en";
+}
+function getUserTimeZone() {
+    try {
+        const tz = Intl.DateTimeFormat().resolvedOptions().timeZone;
+        return tz || "UTC";
+    }
+    catch {
+        return "UTC";
+    }
+}
+export function formatDate(date, options) {
+    const locale = getLocale();
+    const timeZone = options?.timeZone || getUserTimeZone();
+    const fmt = new Intl.DateTimeFormat(locale, {
+        year: "numeric",
+        month: "numeric",
+        day: "numeric",
+        hour: "numeric",
+        minute: "numeric",
+        second: "numeric",
+        hour12: false,
+        timeZone,
+        ...options,
+    });
+    return fmt.format(date);
+}
+export function formatDateOnly(date, options) {
+    const locale = getLocale();
+    const timeZone = options?.timeZone || getUserTimeZone();
+    const fmt = new Intl.DateTimeFormat(locale, {
+        year: "numeric",
+        month: "numeric",
+        day: "numeric",
+        timeZone,
+        ...options,
+    });
+    return fmt.format(date);
+}
+export function formatTime(date, options) {
+    const locale = getLocale();
+    const timeZone = options?.timeZone || getUserTimeZone();
+    const fmt = new Intl.DateTimeFormat(locale, {
+        hour: "numeric",
+        minute: "numeric",
+        second: "numeric",
+        hour12: false,
+        timeZone,
+        ...options,
+    });
+    return fmt.format(date);
+}
+export function formatDateTime(date, options) {
+    return formatDate(date, options);
+}
+export function findClosestFieldElement(node) {
+    let current = node;
+    while (current) {
+        if (current.nodeType === Node.ELEMENT_NODE) {
+            const element = current;
+            if (element.hasAttribute("data-fieldid")) {
+                return element;
+            }
+        }
+        current = current.parentNode;
+    }
+    return null;
+}
+// GUID helpers for clipboard parsing and validation
+export const GUID_REGEX_GLOBAL = /[\{\(]?[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}[\}\)]?/g;
+export const GUID_REGEX_EXACT = /^[\{\(]?[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}[\}\)]?$/;
+// Non-global regex for quick containment checks (avoids lastIndex issues with .test on /g)
+export const GUID_REGEX_CONTAINS = /[\{\(]?[0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12}[\}\)]?/;
+export function containsGuidInText(text) {
+    if (!text)
+        return false;
+    return GUID_REGEX_CONTAINS.test(text);
+}
+export function findGuidsInText(text) {
+    if (!text)
+        return [];
+    const matches = text.match(GUID_REGEX_GLOBAL) || [];
+    const normalized = matches
+        .map((m) => m.replace(/[{}()]/g, ""))
+        .filter((m) => !!m)
+        .map((m) => normalizeGuid(m));
+    // Deduplicate while preserving order
+    const seen = new Set();
+    const unique = [];
+    for (const id of normalized) {
+        if (!seen.has(id)) {
+            seen.add(id);
+            unique.push(id);
+        }
+    }
+    return unique;
+}
+//# sourceMappingURL=utils.js.map

package/dist/editor/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/editor/utils.ts"],"names":[],"mappings":"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"}

package/dist/editor/views/CompareView.d.ts

@@ -0,0 +1 @@
+export declare function CompareView(): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/views/CompareView.js

@@ -0,0 +1,148 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { LanguageSelector } from "../../components/ui/LanguageSelector";
+import { VersionSelector } from "../menubar/VersionSelector";
+import { usePageViewContext } from "../page-viewer/pageViewContext";
+import { useSearchParams } from "next/navigation";
+import { useRouter } from "next/navigation";
+import { SingleEditView } from "./SingleEditView";
+import { getLanguagesAndVersions } from "../services/contentService";
+import { Splitter } from "../ui/Splitter";
+import { ItemEditor } from "./ItemEditor";
+export function CompareView() {
+    const editContext = useEditContext();
+    const searchParams = useSearchParams();
+    const router = useRouter();
+    if (!editContext)
+        return;
+    const [compareToItem, setCompareToItem] = useState();
+    const [compareToVersions, setCompareToVersions] = useState([]);
+    const compareTo = editContext.compareTo;
+    const setCompareTo = editContext.setCompareTo;
+    const comparePageViewContext = usePageViewContext({
+        pageItemDescriptor: compareToItem?.descriptor,
+        itemsRepository: editContext.itemsRepository,
+        configuration: editContext.configuration,
+    });
+    useEffect(() => {
+        comparePageViewContext.setDevice(editContext.pageView.device);
+    }, [editContext.pageView.device]);
+    const updateCompareToVersions = async () => {
+        if (!compareTo || !compareTo.id || !compareTo.language) {
+            setCompareToVersions([]);
+            return;
+        }
+        const result = await getLanguagesAndVersions(compareTo);
+        if (result?.data) {
+            const versions = result.data.versions.reverse();
+            setCompareToVersions(versions);
+        }
+    };
+    useEffect(() => {
+        const updateCompareTo = async () => {
+            if (!editContext)
+                return;
+            if (editContext.contentEditorItem) {
+                let urlLanguage = searchParams.get("compareLanguage") ||
+                    editContext.contentEditorItem.descriptor.language;
+                let urlVersion = parseInt(searchParams.get("compareVersion") || "0") ||
+                    editContext.currentItemDescriptor?.version;
+                const language = editContext.itemLanguages.find((x) => x.languageCode === urlLanguage);
+                if (!language || !language.versions) {
+                    urlLanguage = "";
+                }
+                if (!editContext.currentItemDescriptor?.id || !language) {
+                    setCompareTo(undefined);
+                    return;
+                }
+                const result = await getLanguagesAndVersions({
+                    id: editContext.currentItemDescriptor?.id,
+                    language: language.languageCode,
+                    version: 0,
+                });
+                if (result?.data) {
+                    const versions = [...result.data.versions].reverse();
+                    const version = versions.find((x) => x.version === urlVersion);
+                    setCompareTo({
+                        id: editContext.contentEditorItem.descriptor.id,
+                        language: urlLanguage,
+                        version: version?.version || 0,
+                    });
+                }
+            }
+        };
+        updateCompareTo();
+    }, [searchParams, editContext?.itemLanguages]);
+    useEffect(() => {
+        const updateCompareToItem = async () => {
+            if (!compareTo || !compareTo.id || !compareTo.language) {
+                setCompareToItem(undefined);
+                return;
+            }
+            const item = await editContext?.itemsRepository.getItem(compareTo);
+            setCompareToItem(item);
+        };
+        updateCompareToItem();
+        updateCompareToVersions();
+    }, [compareTo]);
+    function updateCompareTo(compareToItemDescriptor) {
+        if (compareToItemDescriptor) {
+            const newParams = new URLSearchParams(searchParams.toString());
+            newParams.set("compareLanguage", compareToItemDescriptor.language);
+            newParams.set("compareVersion", compareToItemDescriptor.version.toString());
+            router.push(`?${newParams.toString()}`);
+        }
+    }
+    const originalSelector = (_jsxs("div", { className: "flex flex-1 flex-shrink-0 items-center justify-center gap-1 border-b bg-white p-1 text-sm text-gray-600", children: [_jsx(LanguageSelector, { selectedLanguage: editContext.contentEditorItem?.descriptor?.language, showAllLanguagesSwitch: false, onLanguageSelected: (language) => {
+                    if (!editContext.contentEditorItem)
+                        return;
+                    editContext.loadItem({
+                        id: editContext.contentEditorItem.descriptor.id,
+                        language: language.languageCode,
+                        version: 0,
+                    });
+                } }), compareTo?.language && (_jsx(VersionSelector, { darkMode: true, readOnly: true, versions: editContext.itemVersions, itemDescriptor: editContext.currentItemDescriptor, actualVersion: editContext.contentEditorItem?.version, onVersionSelected: (version) => {
+                    if (!editContext.contentEditorItem)
+                        return;
+                    editContext.loadItem({
+                        id: editContext.contentEditorItem.descriptor.id,
+                        language: editContext.contentEditorItem.descriptor.language,
+                        version,
+                    });
+                } }))] }));
+    const compareToSelector = (_jsxs("div", { className: "flex flex-1 flex-shrink-0 items-center justify-center gap-1 border-b bg-white p-1 text-sm text-gray-600", children: [_jsx(LanguageSelector, { selectedLanguage: compareTo?.language, showAllLanguagesSwitch: false, onLanguageSelected: (language) => {
+                    if (!compareTo?.id)
+                        return;
+                    updateCompareTo({
+                        id: compareTo.id,
+                        language: language.languageCode,
+                        version: compareTo.version,
+                    });
+                } }), compareTo?.language && (_jsx(VersionSelector, { darkMode: true, readOnly: true, versions: compareToVersions, itemDescriptor: compareTo, actualVersion: compareToItem?.version, onVersionSelected: (version) => {
+                    if (!compareTo?.id)
+                        return;
+                    updateCompareTo({
+                        id: compareTo.id,
+                        language: compareTo.language,
+                        version,
+                    });
+                } }))] }));
+    if ((compareToItem && !compareToItem.hasLayout) ||
+        comparePageViewContext.device === "")
+        return (_jsxs("div", { className: "flex h-full w-full flex-col items-stretch", children: [_jsxs("div", { className: "flex w-full", children: [originalSelector, compareToSelector] }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute h-full w-full", children: _jsx(ItemEditor, { pageViewContext: editContext.pageView, compareToItem: compareToItem }) }) })] }));
+    const panels = [
+        {
+            defaultSize: "auto",
+            name: "original",
+            content: (_jsxs("div", { className: "flex h-full w-full flex-col items-stretch", children: [originalSelector, _jsx(SingleEditView, { name: "original", compareView: false, pageViewContext: editContext.pageView, itemDescriptor: editContext.contentEditorItem?.descriptor }, "original")] })),
+        },
+        {
+            defaultSize: "auto",
+            name: "compareTo",
+            content: (_jsxs("div", { className: "flex h-full w-full flex-col items-stretch", children: [compareToSelector, compareTo?.language && (_jsx(SingleEditView, { name: "compareTo", compareView: true, pageViewContext: comparePageViewContext, itemDescriptor: compareTo }, "compareTo")), !compareTo?.language && (_jsx("div", { className: "flex h-full w-full flex-col items-center justify-center", children: _jsx("div", { className: "text-gray-400", children: "Select a language and version to compare" }) }))] })),
+        },
+    ];
+    return (_jsx(Splitter, { panels: panels, localStorageKey: "compare-view-splitter", className: "flex h-full w-full" }));
+}
+//# sourceMappingURL=CompareView.js.map

package/dist/editor/views/CompareView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompareView.js","sourceRoot":"","sources":["../../../src/editor/views/CompareView.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAiB,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,UAAU,WAAW;IACzB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAI,CAAC,WAAW;QAAE,OAAO;IAEzB,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,EAAwB,CAAC;IAC3E,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAC;IAE1E,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC;IACxC,MAAM,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC;IAE9C,MAAM,sBAAsB,GAAG,kBAAkB,CAAC;QAChD,kBAAkB,EAAE,aAAa,EAAE,UAAU;QAC7C,eAAe,EAAE,WAAW,CAAC,eAAe;QAC5C,aAAa,EAAE,WAAW,CAAC,aAAa;KACzC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,sBAAsB,CAAC,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAChE,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC;IAElC,MAAM,uBAAuB,GAAG,KAAK,IAAI,EAAE;QACzC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;YACvD,oBAAoB,CAAC,EAAE,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,MAAM,uBAAuB,CAAC,SAAS,CAAC,CAAC;QACxD,IAAI,MAAM,EAAE,IAAI,EAAE,CAAC;YACjB,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC;YAChD,oBAAoB,CAAC,QAAQ,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;YACjC,IAAI,CAAC,WAAW;gBAAE,OAAO;YACzB,IAAI,WAAW,CAAC,iBAAiB,EAAE,CAAC;gBAClC,IAAI,WAAW,GACb,YAAY,CAAC,GAAG,CAAC,iBAAiB,CAAC;oBACnC,WAAW,CAAC,iBAAiB,CAAC,UAAU,CAAC,QAAQ,CAAC;gBACpD,IAAI,UAAU,GACZ,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,gBAAgB,CAAC,IAAI,GAAG,CAAC;oBACnD,WAAW,CAAC,qBAAqB,EAAE,OAAO,CAAC;gBAE7C,MAAM,QAAQ,GAAG,WAAW,CAAC,aAAa,CAAC,IAAI,CAC7C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,KAAK,WAAW,CACtC,CAAC;gBAEF,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;oBACpC,WAAW,GAAG,EAAE,CAAC;gBACnB,CAAC;gBAED,IAAI,CAAC,WAAW,CAAC,qBAAqB,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACxD,YAAY,CAAC,SAAS,CAAC,CAAC;oBACxB,OAAO;gBACT,CAAC;gBAED,MAAM,MAAM,GAAG,MAAM,uBAAuB,CAAC;oBAC3C,EAAE,EAAE,WAAW,CAAC,qBAAqB,EAAE,EAAE;oBACzC,QAAQ,EAAE,QAAQ,CAAC,YAAY;oBAC/B,OAAO,EAAE,CAAC;iBACX,CAAC,CAAC;gBACH,IAAI,MAAM,EAAE,IAAI,EAAE,CAAC;oBACjB,MAAM,QAAQ,GAAG,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,CAAC;oBACrD,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,KAAK,UAAU,CAAC,CAAC;oBAE/D,YAAY,CAAC;wBACX,EAAE,EAAE,WAAW,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE;wBAC/C,QAAQ,EAAE,WAAW;wBACrB,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,CAAC;qBAC/B,CAAC,CAAC;gBACL,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QACF,eAAe,EAAE,CAAC;IACpB,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,EAAE,aAAa,CAAC,CAAC,CAAC;IAE/C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,mBAAmB,GAAG,KAAK,IAAI,EAAE;YACrC,IAAI,CAAC,SAAS,IAAI,CAAC,SAAS,CAAC,EAAE,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC;gBACvD,gBAAgB,CAAC,SAAS,CAAC,CAAC;gBAC5B,OAAO;YACT,CAAC;YACD,MAAM,IAAI,GAAG,MAAM,WAAW,EAAE,eAAe,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACnE,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC,CAAC;QACF,mBAAmB,EAAE,CAAC;QACtB,uBAAuB,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,eAAe,CAAC,uBAAuC;QAC9D,IAAI,uBAAuB,EAAE,CAAC;YAC5B,MAAM,SAAS,GAAG,IAAI,eAAe,CAAC,YAAY,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC/D,SAAS,CAAC,GAAG,CAAC,iBAAiB,EAAE,uBAAuB,CAAC,QAAQ,CAAC,CAAC;YACnE,SAAS,CAAC,GAAG,CACX,gBAAgB,EAChB,uBAAuB,CAAC,OAAO,CAAC,QAAQ,EAAE,CAC3C,CAAC;YACF,MAAM,CAAC,IAAI,CAAC,IAAI,SAAS,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC;IAED,MAAM,gBAAgB,GAAG,CACvB,eAAK,SAAS,EAAC,yGAAyG,aACtH,KAAC,gBAAgB,IACf,gBAAgB,EAAE,WAAW,CAAC,iBAAiB,EAAE,UAAU,EAAE,QAAQ,EACrE,sBAAsB,EAAE,KAAK,EAC7B,kBAAkB,EAAE,CAAC,QAAQ,EAAE,EAAE;oBAC/B,IAAI,CAAC,WAAW,CAAC,iBAAiB;wBAAE,OAAO;oBAC3C,WAAW,CAAC,QAAQ,CAAC;wBACnB,EAAE,EAAE,WAAW,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE;wBAC/C,QAAQ,EAAE,QAAQ,CAAC,YAAY;wBAC/B,OAAO,EAAE,CAAC;qBACX,CAAC,CAAC;gBACL,CAAC,GACD,EACD,SAAS,EAAE,QAAQ,IAAI,CACtB,KAAC,eAAe,IACd,QAAQ,QACR,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,WAAW,CAAC,YAAY,EAClC,cAAc,EAAE,WAAW,CAAC,qBAAqB,EACjD,aAAa,EAAE,WAAW,CAAC,iBAAiB,EAAE,OAAO,EACrD,iBAAiB,EAAE,CAAC,OAAO,EAAE,EAAE;oBAC7B,IAAI,CAAC,WAAW,CAAC,iBAAiB;wBAAE,OAAO;oBAC3C,WAAW,CAAC,QAAQ,CAAC;wBACnB,EAAE,EAAE,WAAW,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE;wBAC/C,QAAQ,EAAE,WAAW,CAAC,iBAAiB,CAAC,UAAU,CAAC,QAAQ;wBAC3D,OAAO;qBACR,CAAC,CAAC;gBACL,CAAC,GACD,CACH,IACG,CACP,CAAC;IAEF,MAAM,iBAAiB,GAAG,CACxB,eAAK,SAAS,EAAC,yGAAyG,aACtH,KAAC,gBAAgB,IACf,gBAAgB,EAAE,SAAS,EAAE,QAAQ,EACrC,sBAAsB,EAAE,KAAK,EAC7B,kBAAkB,EAAE,CAAC,QAAQ,EAAE,EAAE;oBAC/B,IAAI,CAAC,SAAS,EAAE,EAAE;wBAAE,OAAO;oBAC3B,eAAe,CAAC;wBACd,EAAE,EAAE,SAAS,CAAC,EAAE;wBAChB,QAAQ,EAAE,QAAQ,CAAC,YAAY;wBAC/B,OAAO,EAAE,SAAS,CAAC,OAAO;qBAC3B,CAAC,CAAC;gBACL,CAAC,GACD,EACD,SAAS,EAAE,QAAQ,IAAI,CACtB,KAAC,eAAe,IACd,QAAQ,QACR,QAAQ,EAAE,IAAI,EACd,QAAQ,EAAE,iBAAiB,EAC3B,cAAc,EAAE,SAAS,EACzB,aAAa,EAAE,aAAa,EAAE,OAAO,EACrC,iBAAiB,EAAE,CAAC,OAAO,EAAE,EAAE;oBAC7B,IAAI,CAAC,SAAS,EAAE,EAAE;wBAAE,OAAO;oBAC3B,eAAe,CAAC;wBACd,EAAE,EAAE,SAAS,CAAC,EAAE;wBAChB,QAAQ,EAAE,SAAS,CAAC,QAAQ;wBAC5B,OAAO;qBACR,CAAC,CAAC;gBACL,CAAC,GACD,CACH,IACG,CACP,CAAC;IAEF,IACE,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC;QAC3C,sBAAsB,CAAC,MAAM,KAAK,EAAE;QAEpC,OAAO,CACL,eAAK,SAAS,EAAC,2CAA2C,aACxD,eAAK,SAAS,EAAC,aAAa,aACzB,gBAAgB,EAChB,iBAAiB,IACd,EACN,cAAK,SAAS,EAAC,iBAAiB,YAC9B,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,UAAU,IACT,eAAe,EAAE,WAAW,CAAC,QAAQ,EACrC,aAAa,EAAE,aAAa,GAC5B,GACE,GACF,IACF,CACP,CAAC;IAEJ,MAAM,MAAM,GAAoB;QAC9B;YACE,WAAW,EAAE,MAAM;YACnB,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,CACP,eAAK,SAAS,EAAC,2CAA2C,aACvD,gBAAgB,EACjB,KAAC,cAAc,IAEb,IAAI,EAAC,UAAU,EACf,WAAW,EAAE,KAAK,EAClB,eAAe,EAAE,WAAW,CAAC,QAAQ,EACrC,cAAc,EAAE,WAAW,CAAC,iBAAiB,EAAE,UAAU,IAJrD,UAAU,CAKd,IACE,CACP;SACF;QACD;YACE,WAAW,EAAE,MAAM;YACnB,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,CACP,eAAK,SAAS,EAAC,2CAA2C,aACvD,iBAAiB,EACjB,SAAS,EAAE,QAAQ,IAAI,CACtB,KAAC,cAAc,IAEb,IAAI,EAAC,WAAW,EAChB,WAAW,EAAE,IAAI,EACjB,eAAe,EAAE,sBAAsB,EACvC,cAAc,EAAE,SAAS,IAJrB,WAAW,CAKf,CACH,EACA,CAAC,SAAS,EAAE,QAAQ,IAAI,CACvB,cAAK,SAAS,EAAC,yDAAyD,YACtE,cAAK,SAAS,EAAC,eAAe,yDAExB,GACF,CACP,IACG,CACP;SACF;KACF,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,eAAe,EAAC,uBAAuB,EACvC,SAAS,EAAC,oBAAoB,GAC9B,CACH,CAAC;AACJ,CAAC"}

package/dist/editor/views/EditView.d.ts

@@ -0,0 +1 @@
+export declare function EditView(): import("react/jsx-runtime").JSX.Element | null;