@alpaca-editor/core 1.0.0 → 1.0.3

package/dist/editor/menubar/NavButtons.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEditContext } from "../client/editContext";
+import { classNames } from "primereact/utils";
+export function NavButtons() {
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    const item = editContext.contentEditorItem;
+    if (!item)
+        return;
+    const history = editContext.browseHistory;
+    const currentIndex = history.findIndex((x) => x.id === item.id && x.language === item.language);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: classNames(currentIndex < history.length - 1
+                    ? " text-gray-200"
+                    : "text-gray-400", "cursor-pointer hover:bg-gray-500 flex gap-2 p-2 rounded-md "), onClick: () => {
+                    const currentIndex = history.findIndex((x) => x.id === item.id && x.language === item.language);
+                    if (currentIndex < history.length - 1) {
+                        const historyItem = history[currentIndex + 1];
+                        if (!historyItem)
+                            return;
+                        editContext.loadItem({
+                            id: historyItem.id,
+                            language: historyItem.language,
+                            version: historyItem.version || 0,
+                        }, { addToBrowseHistory: false });
+                    }
+                }, children: _jsx("i", { className: "pi pi-chevron-left text-sm" }) }, "nav-fwd"), _jsx("div", { className: classNames(currentIndex > 0 ? " text-gray-200" : "text-gray-400", "cursor-pointer hover:bg-gray-500 flex gap-2 p-2 rounded-md "), onClick: () => {
+                    const currentIndex = history.findIndex((x) => x.id === item.id && x.language === item.language);
+                    if (currentIndex > 0) {
+                        const historyItem = history[currentIndex - 1];
+                        if (!historyItem)
+                            return;
+                        editContext.loadItem({
+                            id: historyItem.id,
+                            language: historyItem.language,
+                            version: historyItem.version || 0,
+                        }, { addToBrowseHistory: false });
+                    }
+                }, children: _jsx("i", { className: "pi pi-chevron-right text-sm" }) }, "nav-back")] }));
+}
+//# sourceMappingURL=NavButtons.js.map

package/dist/editor/menubar/NavButtons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavButtons.js","sourceRoot":"","sources":["../../../src/editor/menubar/NavButtons.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,UAAU,UAAU;IACxB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAI,CAAC,WAAW;QAAE,OAAO;IAEzB,MAAM,IAAI,GAAG,WAAW,CAAC,iBAAiB,CAAC;IAC3C,IAAI,CAAC,IAAI;QAAE,OAAO;IAElB,MAAM,OAAO,GAAG,WAAW,CAAC,aAAa,CAAC;IAE1C,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CACpC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,CACxD,CAAC;IACF,OAAO,CACL,8BACE,cAEE,SAAS,EAAE,UAAU,CACnB,YAAY,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC;oBAC/B,CAAC,CAAC,gBAAgB;oBAClB,CAAC,CAAC,eAAe,EACnB,6DAA6D,CAC9D,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CACpC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,CACxD,CAAC;oBACF,IAAI,YAAY,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;wBACtC,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;wBAC9C,IAAI,CAAC,WAAW;4BAAE,OAAO;wBACzB,WAAW,CAAC,QAAQ,CAClB;4BACE,EAAE,EAAE,WAAW,CAAC,EAAE;4BAClB,QAAQ,EAAE,WAAW,CAAC,QAAQ;4BAC9B,OAAO,EAAE,WAAW,CAAC,OAAO,IAAI,CAAC;yBAClC,EACD,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAC9B,CAAC;oBACJ,CAAC;gBACH,CAAC,YAED,YAAG,SAAS,EAAC,4BAA4B,GAAG,IAzBxC,SAAS,CA0BT,EACN,cAEE,SAAS,EAAE,UAAU,CACnB,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,EACrD,6DAA6D,CAC9D,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CACpC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,EAAE,IAAI,CAAC,CAAC,QAAQ,KAAK,IAAI,CAAC,QAAQ,CACxD,CAAC;oBACF,IAAI,YAAY,GAAG,CAAC,EAAE,CAAC;wBACrB,MAAM,WAAW,GAAG,OAAO,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC;wBAC9C,IAAI,CAAC,WAAW;4BAAE,OAAO;wBACzB,WAAW,CAAC,QAAQ,CAClB;4BACE,EAAE,EAAE,WAAW,CAAC,EAAE;4BAClB,QAAQ,EAAE,WAAW,CAAC,QAAQ;4BAC9B,OAAO,EAAE,WAAW,CAAC,OAAO,IAAI,CAAC;yBAClC,EACD,EAAE,kBAAkB,EAAE,KAAK,EAAE,CAC9B,CAAC;oBACJ,CAAC;gBACH,CAAC,YAED,YAAG,SAAS,EAAC,6BAA6B,GAAG,IAvBzC,UAAU,CAwBV,IACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/PageSelector.d.ts

@@ -0,0 +1,4 @@
+import { ItemDescriptor } from "../pageModel";
+export declare function PageSelector({ itemDescriptor, }: {
+    itemDescriptor: ItemDescriptor;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/menubar/PageSelector.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { useEditContext } from "../client/editContext";
+import { BrowseHistory } from "./BrowseHistory";
+import { ArrowDownIcon } from "../ui/Icons";
+import { Button } from "primereact/button";
+import { ItemSearch } from "../ui/ItemSearch";
+import { ScrollingContentTree } from "../ScrollingContentTree";
+export function PageSelector({ itemDescriptor, }) {
+    const overlaypanel = useRef(null);
+    const editContext = useEditContext();
+    const [item, setItem] = useState();
+    const [hoveredItem, setHoveredItem] = useState();
+    const loadItem = (selectedItem) => {
+        if (Array.isArray(selectedItem) && selectedItem[0]) {
+            selectedItem = selectedItem[0];
+        }
+        if (!selectedItem)
+            return;
+        const itemDescriptor = selectedItem;
+        editContext?.loadItem({
+            id: itemDescriptor.id,
+            language: itemDescriptor.language,
+            version: 0,
+        });
+        overlaypanel.current?.hide();
+    };
+    useEffect(() => {
+        const setName = async () => {
+            if (!itemDescriptor)
+                return;
+            const item = await editContext?.itemsRepository.getItem(itemDescriptor);
+            setItem(item);
+        };
+        setName();
+    }, [itemDescriptor]);
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { id: "page-selector-button", className: "p-[7px] text-sm cursor-pointer flex items-center gap-3 text-gray-200 hover:bg-gray-500 rounded-md", onClick: (ev) => overlaypanel.current?.toggle(ev, ev.currentTarget), "data-testid": "page-selector-button", children: [item?.name || "unknown", _jsx("div", { className: "p-dropdown-trigger", role: "button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-label": "Select a page", "data-pc-section": "trigger", children: _jsx(ArrowDownIcon, {}) })] }), _jsx(OverlayPanel, { dismissable: true, ref: overlaypanel, closeOnEscape: true, children: _jsxs("div", { className: "h-[75vh] min-w-48 flex flex-col overflow-hidden", children: [_jsxs("div", { className: "flex-1 flex flex-col gap-1", children: [_jsxs("div", { className: "p-2 flex flex-col", children: [_jsxs("div", { className: "text-xs text-gray-500 mb-2 flex items-center gap-1", children: [_jsx(ArrowDownIcon, {}), " Search"] }), _jsx(ItemSearch, { autoFocus: true, setHoveredItem: setHoveredItem, itemSelected: (item) => loadItem(item) })] }), _jsxs("div", { className: "flex-1 flex flex-col", children: [_jsxs("div", { className: "border-t p-2 pb-1 text-xs text-gray-500 flex items-center gap-1", children: [_jsx(ArrowDownIcon, {}), " Select"] }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(ScrollingContentTree, { selectedItemId: hoveredItem?.id ?? item?.id, onSelectionChange: loadItem }) }) })] }), _jsxs("div", { className: "border-t p-2 flex flex-col", children: [_jsxs("div", { className: "text-xs text-gray-500 mb-2 flex items-center gap-1", children: [_jsx(ArrowDownIcon, {}), " Last visited"] }), _jsx(BrowseHistory, { setHoveredItem: setHoveredItem, itemSelected: (item) => loadItem(item) })] })] }), _jsxs("div", { className: "border-t p-2 flex flex-col", children: [_jsxs("div", { className: "text-xs text-gray-500 mb-2 flex items-center gap-1", children: [_jsx(ArrowDownIcon, {}), " Actions"] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { size: "small", icon: "pi pi-plus", label: "New Page", onClick: () => editContext?.openCreatePageDialog() }), _jsx(Button, { id: "delete-page-button", severity: "danger", size: "small", icon: "pi pi-times", label: "Delete", onClick: async (ev) => {
+                                                if (item &&
+                                                    (await editContext?.executeCommand({
+                                                        command: editContext?.configuration.commands.deleteItem,
+                                                        event: ev,
+                                                        data: { items: [item] },
+                                                    })))
+                                                    editContext?.openSplashScreen();
+                                            } })] })] })] }) })] }));
+}
+//# sourceMappingURL=PageSelector.js.map

package/dist/editor/menubar/PageSelector.js.map

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

package/dist/editor/menubar/PageViewerControls.d.ts

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

package/dist/editor/menubar/PageViewerControls.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames } from "primereact/utils";
+import { useEditContext } from "../client/editContext";
+import { Separator } from "./Separator";
+import { CompareIcon, FormEditIcon } from "../ui/Icons";
+import { SimpleIconButton } from "../ui/SimpleIconButton";
+export function PageViewerControls() {
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    const hasLayout = editContext.contentEditorItem?.hasLayout;
+    const pageViewContext = editContext.pageView;
+    const device = pageViewContext.device;
+    const setDevice = pageViewContext.setDevice;
+    return (_jsxs("div", { className: "flex gap-2 items-center", children: [hasLayout && (_jsxs(_Fragment, { children: [" ", _jsx("i", { className: classNames(device === "desktop"
+                            ? "bg-gray-200"
+                            : " hover:bg-gray-200 text-gray-100 hover:text-gray-800", "pi pi-desktop cursor-pointer p-2 rounded-full"), title: "Desktop", onClick: () => {
+                            setDevice("desktop");
+                        } }), _jsx("i", { className: classNames(device && device !== "desktop"
+                            ? "bg-gray-200"
+                            : " hover:bg-gray-200 text-gray-100 hover:text-gray-800", "pi pi-mobile cursor-pointer p-2 rounded-full"), title: "Mobile", onClick: () => {
+                            if (editContext.configuration.devices[0]) {
+                                setDevice(editContext.configuration.devices[0].name);
+                            }
+                        } }), _jsx("i", { className: classNames(!device
+                            ? "bg-gray-200"
+                            : " hover:bg-gray-200 text-gray-100 hover:text-gray-800", "w-8 h-8 cursor-pointer p-1 rounded-full"), title: "Form", onClick: () => {
+                            setDevice("");
+                        }, children: _jsx(FormEditIcon, {}) }), _jsx(Separator, { size: "large" }), _jsx("i", { className: "pi pi-external-link cursor-pointer hover:bg-gray-200 p-2 rounded-full text-gray-100 hover:text-gray-800", title: "Fullscreen", onClick: () => pageViewContext.setFullscreen(true) }), !editContext.user?.isLimitedPreviewUser && (_jsx("i", { className: classNames(editContext.previewMode
+                            ? "bg-gray-200"
+                            : " hover:bg-gray-200 text-gray-100 hover:text-gray-800", "pi pi-eye cursor-pointer p-2 rounded-full"), title: "Preview", onClick: () => editContext.setPreviewMode((x) => !x) })), _jsx(Separator, { size: "large" })] })), _jsx(SimpleIconButton, { icon: _jsx(CompareIcon, { className: "w-6 h-6 p-1" }), label: "Compare", size: "large", className: editContext.compareMode
+                    ? "text-gray-600"
+                    : "text-gray-100 hover:text-gray-600", selected: editContext.compareMode, onClick: () => editContext.setCompareMode(!editContext.compareMode) })] }));
+}
+//# sourceMappingURL=PageViewerControls.js.map

package/dist/editor/menubar/PageViewerControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageViewerControls.js","sourceRoot":"","sources":["../../../src/editor/menubar/PageViewerControls.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAE1D,MAAM,UAAU,kBAAkB;IAChC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IAErC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,SAAS,GAAG,WAAW,CAAC,iBAAiB,EAAE,SAAS,CAAC;IAE3D,MAAM,eAAe,GAAG,WAAW,CAAC,QAAQ,CAAC;IAE7C,MAAM,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;IACtC,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC;IAE5C,OAAO,CACL,eAAK,SAAS,EAAC,yBAAyB,aACrC,SAAS,IAAI,CACZ,8BACG,GAAG,EACJ,YACE,SAAS,EAAE,UAAU,CACnB,MAAM,KAAK,SAAS;4BAClB,CAAC,CAAC,aAAa;4BACf,CAAC,CAAC,sDAAsD,EAC1D,+CAA+C,CAChD,EACD,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;4BACZ,SAAS,CAAC,SAAS,CAAC,CAAC;wBACvB,CAAC,GACD,EACF,YACE,SAAS,EAAE,UAAU,CACnB,MAAM,IAAI,MAAM,KAAK,SAAS;4BAC5B,CAAC,CAAC,aAAa;4BACf,CAAC,CAAC,sDAAsD,EAC1D,8CAA8C,CAC/C,EACD,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;gCACzC,SAAS,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;4BACvD,CAAC;wBACH,CAAC,GACD,EACF,YACE,SAAS,EAAE,UAAU,CACnB,CAAC,MAAM;4BACL,CAAC,CAAC,aAAa;4BACf,CAAC,CAAC,sDAAsD,EAC1D,yCAAyC,CAC1C,EACD,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,GAAG,EAAE;4BACZ,SAAS,CAAC,EAAE,CAAC,CAAC;wBAChB,CAAC,YAED,KAAC,YAAY,KAAG,GACd,EACJ,KAAC,SAAS,IAAC,IAAI,EAAC,OAAO,GAAG,EAC1B,YACE,SAAS,EAAC,yGAAyG,EACnH,KAAK,EAAC,YAAY,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,aAAa,CAAC,IAAI,CAAC,GAClD,EACD,CAAC,WAAW,CAAC,IAAI,EAAE,oBAAoB,IAAI,CAC1C,YACE,SAAS,EAAE,UAAU,CACnB,WAAW,CAAC,WAAW;4BACrB,CAAC,CAAC,aAAa;4BACf,CAAC,CAAC,sDAAsD,EAC1D,2CAA2C,CAC5C,EACD,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GACpD,CACH,EACD,KAAC,SAAS,IAAC,IAAI,EAAC,OAAO,GAAG,IACzB,CACJ,EACD,KAAC,gBAAgB,IACf,IAAI,EAAE,KAAC,WAAW,IAAC,SAAS,EAAC,aAAa,GAAG,EAC7C,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,OAAO,EACZ,SAAS,EACP,WAAW,CAAC,WAAW;oBACrB,CAAC,CAAC,eAAe;oBACjB,CAAC,CAAC,mCAAmC,EAEzC,QAAQ,EAAE,WAAW,CAAC,WAAW,EACjC,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,cAAc,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,GACnE,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/Separator.d.ts

@@ -0,0 +1,3 @@
+export declare function Separator({ size }: {
+    size?: "large" | "small";
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/menubar/Separator.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { classNames } from "primereact/utils";
+export function Separator({ size }) {
+    return (_jsx("div", { className: classNames("border-r border-gray-300", size === "large" ? "h-7 mx-2" : "h-4 mx-1") }));
+}
+//# sourceMappingURL=Separator.js.map

package/dist/editor/menubar/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../src/editor/menubar/Separator.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,UAAU,SAAS,CAAC,EAAE,IAAI,EAAgC;IAC9D,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CACnB,0BAA0B,EAC1B,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAC3C,GACI,CACR,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/SiteInfo.d.ts

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

package/dist/editor/menubar/SiteInfo.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { useEditContext } from "../client/editContext";
+import { useRef, useState } from "react";
+import { getSites } from "../services/contentService";
+import { ProgressSpinner } from "primereact/progressspinner";
+export function SiteInfo() {
+    const editContext = useEditContext();
+    const overlaypanel = useRef(null);
+    const [sites, setSites] = useState();
+    if (!editContext)
+        return null;
+    const loadSites = async () => {
+        const sites = await getSites();
+        if (sites.data)
+            setSites(sites.data);
+    };
+    return (_jsxs("div", { className: "my-2 flex gap-2 items-center text-gray-200 cursor-pointer", title: editContext.pageView.site?.name, onClick: async (ev) => {
+            setSites(undefined);
+            overlaypanel.current.toggle(ev);
+            await loadSites();
+        }, children: [_jsx("i", { className: "pi pi-globe text-lg" }), _jsx(OverlayPanel, { dismissable: true, ref: overlaypanel, closeOnEscape: true, children: _jsx("div", { className: "max-h-[45vh] min-w-20 flex flex-col overflow-hidden text-xs", children: _jsxs("div", { className: "p-4", children: ["This page is part of the site:", " ", _jsx("span", { className: "font-bold", children: editContext.pageView.site?.name }), !sites && _jsx(ProgressSpinner, { className: "w-5 h-5" }), sites && (_jsxs("div", { children: [_jsx("div", { className: "border-b my-2", children: "Sites registered:" }), _jsx("ul", { children: sites.map((site) => (_jsx("li", { children: site.name }, site.name))) })] }))] }) }) })] }));
+}
+//# sourceMappingURL=SiteInfo.js.map

package/dist/editor/menubar/SiteInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SiteInfo.js","sourceRoot":"","sources":["../../../src/editor/menubar/SiteInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAEtD,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,MAAM,UAAU,QAAQ;IACtB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,YAAY,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IAChD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAU,CAAC;IAC7C,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,SAAS,GAAG,KAAK,IAAI,EAAE;QAC3B,MAAM,KAAK,GAAG,MAAM,QAAQ,EAAE,CAAC;QAC/B,IAAI,KAAK,CAAC,IAAI;YAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAC,2DAA2D,EACrE,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,EACtC,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;YACpB,QAAQ,CAAC,SAAS,CAAC,CAAC;YACpB,YAAY,CAAC,OAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACjC,MAAM,SAAS,EAAE,CAAC;QACpB,CAAC,aAED,YAAG,SAAS,EAAC,qBAAqB,GAAG,EACrC,KAAC,YAAY,IAAC,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,aAAa,kBAC/D,cAAK,SAAS,EAAC,6DAA6D,YAC1E,eAAK,SAAS,EAAC,KAAK,+CACa,GAAG,EAClC,eAAM,SAAS,EAAC,WAAW,YACxB,WAAW,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,GAC3B,EACN,CAAC,KAAK,IAAI,KAAC,eAAe,IAAC,SAAS,EAAC,SAAS,GAAG,EACjD,KAAK,IAAI,CACR,0BACE,cAAK,SAAS,EAAC,eAAe,kCAAwB,EACtD,uBACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,uBAAqB,IAAI,CAAC,IAAI,IAArB,IAAI,CAAC,IAAI,CAAkB,CACrC,CAAC,GACC,IACD,CACP,IACG,GACF,GACO,IACX,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/User.d.ts

@@ -0,0 +1,4 @@
+import { EditSession } from "../../types";
+export declare function User({ session }: {
+    session: EditSession;
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/menubar/User.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditContext } from "../client/editContext";
+export function User({ session }) {
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    const userName = session.user.displayName || session.user.name;
+    const idxBackslash = userName.indexOf("\\");
+    const letter = idxBackslash >= 0
+        ? userName[idxBackslash + 1]
+        : userName[0]
+            ? userName[0].toUpperCase()
+            : "";
+    return (_jsx("div", { className: "rounded-full w-8 h-8 grid items-center justify-center text-white", style: { background: session.color }, title: userName + " (" + session.user.email + ")", children: letter }));
+}
+//# sourceMappingURL=User.js.map

package/dist/editor/menubar/User.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"User.js","sourceRoot":"","sources":["../../../src/editor/menubar/User.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,UAAU,IAAI,CAAC,EAAE,OAAO,EAA4B;IACxD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAI,CAAC,WAAW;QAAE,OAAO;IAEzB,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;IAE/D,MAAM,YAAY,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,MAAM,MAAM,GACV,YAAY,IAAI,CAAC;QACf,CAAC,CAAC,QAAQ,CAAC,YAAY,GAAG,CAAC,CAAC;QAC5B,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;YACX,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;YAC3B,CAAC,CAAC,EAAE,CAAC;IAEX,OAAO,CACL,cACE,SAAS,EAAC,kEAAkE,EAC5E,KAAK,EAAE,EAAE,UAAU,EAAE,OAAO,CAAC,KAAK,EAAE,EACpC,KAAK,EAAE,QAAQ,GAAG,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,YAEhD,MAAM,GACH,CACP,CAAC;AACJ,CAAC"}

package/dist/editor/menubar/VersionSelector.d.ts

@@ -0,0 +1,9 @@
+import { ItemDescriptor, Version } from "../pageModel";
+export declare function VersionSelector({ itemDescriptor, actualVersion, onVersionSelected, readOnly, darkMode, versions, }: {
+    itemDescriptor: ItemDescriptor | undefined;
+    actualVersion: number | undefined;
+    onVersionSelected: (version: number) => void;
+    readOnly?: boolean;
+    darkMode?: boolean;
+    versions: Version[];
+}): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/editor/menubar/VersionSelector.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { ArrowDownIcon } from "../ui/Icons";
+import { useRef } from "react";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { Button } from "primereact/button";
+import { useEditContext } from "../client/editContext";
+import { getCreateAndSwitchToNewVersionCommand } from "../commands/createVersionCommand";
+import { getDeleteVersionCommand } from "../commands/deleteVersionCommand";
+export function VersionSelector({ itemDescriptor, actualVersion, onVersionSelected, readOnly, darkMode, versions, }) {
+    const editContext = useEditContext();
+    const overlaypanel = useRef(null);
+    if (itemDescriptor == null)
+        return;
+    const getVersionLabel = () => {
+        if (versions.length === 0)
+            return "No versions";
+        if (itemDescriptor.version === 0)
+            return "Latest" + (actualVersion ? " (" + actualVersion + ")" : "");
+        return itemDescriptor.version;
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { "data-testid": "version-selector", className: `flex cursor-pointer items-center gap-3 p-[7px] text-sm ${darkMode
+                    ? "text-gray-500 hover:bg-gray-200"
+                    : "text-gray-200 hover:bg-gray-500"} a rounded-md`, onClick: (ev) => overlaypanel.current?.toggle(ev, ev.currentTarget), children: [_jsx("div", { className: "flex gap-2", children: getVersionLabel() }), _jsx("div", { className: `p-dropdown-trigger ${darkMode ? "text-gray-500" : "text-gray-200"}`, role: "button", "aria-haspopup": "listbox", "aria-expanded": "false", "aria-label": "Select a version", "data-pc-section": "trigger", children: _jsx(ArrowDownIcon, {}) })] }), _jsxs(OverlayPanel, { dismissable: true, ref: overlaypanel, closeOnEscape: true, children: [_jsx("div", { className: "flex max-h-[50vh] min-w-20 flex-col", children: _jsx("div", { className: "flex-1 overflow-auto", children: _jsxs("div", { className: "flex flex-col text-sm", children: [versions.length === 0 && _jsx("div", { className: "p-2", children: "No versions" }), versions.length > 0 && (_jsx("div", { className: "flex cursor-pointer gap-2 p-2 hover:bg-gray-200", onClick: () => {
+                                            onVersionSelected(0);
+                                            overlaypanel.current?.hide();
+                                        }, children: "Latest" }, "latest")), versions.map((x) => (_jsxs("div", { className: "flex cursor-pointer gap-2 p-2 hover:bg-gray-200", onClick: () => {
+                                            onVersionSelected(x.version);
+                                            overlaypanel.current?.hide();
+                                        }, children: [itemDescriptor.version === x.version && (_jsx("i", { className: "pi pi-check", style: { fontSize: "1rem" } })), " ", x.version] }, x.version)))] }) }) }), !readOnly && (_jsxs("div", { className: "flex flex-col border-t p-2", children: [_jsxs("div", { className: "mb-2 flex items-center gap-1 text-xs text-gray-500", children: [_jsx(ArrowDownIcon, {}), " Actions"] }), _jsxs("div", { className: "flex gap-2", children: [_jsx(Button, { text: true, size: "small", icon: "pi pi-plus", label: "Add Version", onClick: async (ev) => {
+                                            await editContext?.executeCommand({
+                                                command: getCreateAndSwitchToNewVersionCommand({}),
+                                                event: ev,
+                                            });
+                                            overlaypanel.current?.hide();
+                                            onVersionSelected(0);
+                                        } }), _jsx(Button, { text: true, size: "small", icon: "pi pi-times", label: "Delete Version", severity: "danger", disabled: versions.length === 0, onClick: async (ev) => {
+                                            editContext;
+                                            await editContext?.executeCommand({
+                                                command: getDeleteVersionCommand({}),
+                                                event: ev,
+                                            });
+                                            overlaypanel.current?.hide();
+                                            onVersionSelected(0);
+                                        } }), " "] })] }))] })] }));
+}
+//# sourceMappingURL=VersionSelector.js.map

package/dist/editor/menubar/VersionSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VersionSelector.js","sourceRoot":"","sources":["../../../src/editor/menubar/VersionSelector.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,qCAAqC,EAAE,MAAM,kCAAkC,CAAC;AACzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAG3E,MAAM,UAAU,eAAe,CAAC,EAC9B,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,QAAQ,EACR,QAAQ,EACR,QAAQ,GAQT;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,YAAY,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IAEhD,IAAI,cAAc,IAAI,IAAI;QAAE,OAAO;IAEnC,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,aAAa,CAAC;QAChD,IAAI,cAAc,CAAC,OAAO,KAAK,CAAC;YAC9B,OAAO,QAAQ,GAAG,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,GAAG,aAAa,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACtE,OAAO,cAAc,CAAC,OAAO,CAAC;IAChC,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,8BACc,kBAAkB,EAC9B,SAAS,EAAE,0DACT,QAAQ;oBACN,CAAC,CAAC,iCAAiC;oBACnC,CAAC,CAAC,iCACN,eAAe,EACf,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,aAEnE,cAAK,SAAS,EAAC,YAAY,YAAE,eAAe,EAAE,GAAO,EACrD,cACE,SAAS,EAAE,sBACT,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAC/B,EAAE,EACF,IAAI,EAAC,QAAQ,mBACC,SAAS,mBACT,OAAO,gBACV,kBAAkB,qBACb,SAAS,YAEzB,KAAC,aAAa,KAAG,GACb,IACF,EACN,MAAC,YAAY,IAAC,WAAW,EAAE,IAAI,EAAE,GAAG,EAAE,YAAY,EAAE,aAAa,mBAC/D,cAAK,SAAS,EAAC,qCAAqC,YAClD,cAAK,SAAS,EAAC,sBAAsB,YACnC,eAAK,SAAS,EAAC,uBAAuB,aACnC,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,cAAK,SAAS,EAAC,KAAK,4BAAkB,EAC/D,QAAQ,CAAC,MAAM,GAAG,CAAC,IAAI,CACtB,cAEE,SAAS,EAAC,iDAAiD,EAC3D,OAAO,EAAE,GAAG,EAAE;4CACZ,iBAAiB,CAAC,CAAC,CAAC,CAAC;4CACrB,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;wCAC/B,CAAC,wBALG,QAAQ,CAQR,CACP,EACA,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACnB,eAEE,SAAS,EAAC,iDAAiD,EAC3D,OAAO,EAAE,GAAG,EAAE;4CACZ,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;4CAC7B,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;wCAC/B,CAAC,aAEA,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,IAAI,CACvC,YAAG,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAM,CAC7D,EAAE,GAAG,EACL,CAAC,CAAC,OAAO,KAVL,CAAC,CAAC,OAAO,CAWV,CACP,CAAC,IACE,GACF,GACF,EACL,CAAC,QAAQ,IAAI,CACZ,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,SAAS,EAAC,oDAAoD,aACjE,KAAC,aAAa,KAAG,gBACb,EACN,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,MAAM,IACL,IAAI,QACJ,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;4CACpB,MAAM,WAAW,EAAE,cAAc,CAAC;gDAChC,OAAO,EAAE,qCAAqC,CAAC,EAAE,CAAC;gDAClD,KAAK,EAAE,EAAE;6CACV,CAAC,CAAC;4CACH,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;4CAC7B,iBAAiB,CAAC,CAAC,CAAC,CAAC;wCACvB,CAAC,GACD,EACF,KAAC,MAAM,IACL,IAAI,QACJ,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,gBAAgB,EACtB,QAAQ,EAAC,QAAQ,EACjB,QAAQ,EAAE,QAAQ,CAAC,MAAM,KAAK,CAAC,EAC/B,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;4CACpB,WAAW,CAAC;4CACZ,MAAM,WAAW,EAAE,cAAc,CAAC;gDAChC,OAAO,EAAE,uBAAuB,CAAC,EAAE,CAAC;gDACpC,KAAK,EAAE,EAAE;6CACV,CAAC,CAAC;4CACH,YAAY,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;4CAC7B,iBAAiB,CAAC,CAAC,CAAC,CAAC;wCACvB,CAAC,GACD,EAAC,GAAG,IACF,IACF,CACP,IACY,IACd,CACJ,CAAC;AACJ,CAAC"}

package/dist/editor/page-editor-chrome/CommentHighlighting.d.ts

@@ -0,0 +1,6 @@
+import { Comment } from "../../types";
+export declare function CommentHighlighting({ comment, scale, iframe, }: {
+    comment: Comment;
+    scale: number;
+    iframe: HTMLIFrameElement;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/page-editor-chrome/CommentHighlighting.js

@@ -0,0 +1,212 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditContext, useModifiedFieldsContext, } from "../client/editContext";
+import { findFieldElement } from "../utils";
+import { useState } from "react";
+import { useEffect } from "react";
+import { classNames } from "primereact/utils";
+import { CommentIcon } from "../ui/Icons";
+export function CommentHighlighting({ comment, scale, iframe, }) {
+    const editContext = useEditContext();
+    const modifiedFields = useModifiedFieldsContext();
+    const [range, setRange] = useState([
+        comment.rangeStart || 0,
+        comment.rangeEnd || 0,
+    ]);
+    useEffect(() => {
+        const findRange = async () => {
+            if (!editContext)
+                return;
+            if (comment.fieldValue &&
+                comment.fieldId &&
+                comment.rangeStart !== undefined &&
+                comment.rangeEnd !== undefined) {
+                const field = await editContext.itemsRepository.getField({
+                    item: {
+                        id: comment.itemId,
+                        language: comment.language,
+                        version: comment.version,
+                    },
+                    fieldId: comment.fieldId,
+                });
+                const modifiedField = modifiedFields?.modifiedFields.find((x) => x.fieldId === field?.id &&
+                    x.item.id === comment.itemId &&
+                    x.item.language === comment.language &&
+                    x.item.version === comment.version);
+                const mapping = computeMapping(modifiedField?.value || field?.rawValue || "", comment.fieldValue);
+                const mappedRange = [
+                    mapping[comment.rangeStart],
+                    mapping[comment.rangeEnd],
+                ];
+                if (mappedRange[0] !== undefined && mappedRange[1] !== undefined) {
+                    setRange(mappedRange);
+                }
+            }
+        };
+        findRange();
+    }, [comment.fieldValue, modifiedFields?.modifiedFields]);
+    if (!editContext)
+        return null;
+    if (!comment.fieldId)
+        return null;
+    const fieldElement = findFieldElement(iframe, {
+        item: {
+            id: comment.itemId,
+            language: comment.language,
+            version: comment.version,
+        },
+        fieldId: comment.fieldId,
+    });
+    if (!fieldElement)
+        return null;
+    let rects = null;
+    if (range[0] !== undefined && range[1] !== undefined) {
+        const startData = getTextNodeAtOffset(fieldElement, range[0]);
+        const endData = getTextNodeAtOffset(fieldElement, range[1]);
+        if (startData && endData) {
+            const textRange = document.createRange();
+            textRange.setStart(startData.node, startData.offset);
+            textRange.setEnd(endData.node, endData.offset);
+            rects = textRange.getClientRects();
+        }
+    }
+    if (!rects || rects.length === 0) {
+        const fallbackRect = fieldElement.getBoundingClientRect();
+        rects = {
+            length: 1,
+            0: fallbackRect,
+            item: (index) => (index === 0 ? fallbackRect : null),
+            [Symbol.iterator]: function* () {
+                yield fallbackRect;
+            },
+        };
+    }
+    const iframeRect = iframe.getBoundingClientRect();
+    return (_jsx(_Fragment, { children: Array.from(rects).map((rect, index) => (_jsxs("div", { style: {
+                position: "absolute",
+                top: rect.top * scale,
+                left: rect.left * scale,
+                width: rect.width * scale,
+                height: rect.height * scale,
+                pointerEvents: "none",
+            }, children: [index === 0 && (_jsx("div", { className: classNames("pointer-events-auto absolute h-5 w-5 cursor-pointer", rect.top * scale < 18 ? "top-0" : "top-[-18px]", (rect.left + rect.width) * scale > iframeRect.width - 18
+                        ? "right-0"
+                        : "right-[-18px]"), onClick: () => {
+                        editContext.switchView("reviews");
+                        editContext?.select([comment.itemId]);
+                        editContext?.setSelectedComment(comment);
+                    }, children: _jsx(CommentIcon, { className: "text-blue-500 hover:text-blue-600" }) })), _jsx("div", { className: "opacity-45", style: {
+                        width: "100%",
+                        height: "100%",
+                        backgroundColor: comment.isResolved
+                            ? "rgba(0, 255, 0, 0.45)"
+                            : "rgba(255, 0, 0, 0.45)",
+                    } })] }, index))) }));
+}
+function getTextNodeAtOffset(root, offset) {
+    const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);
+    let currentNode;
+    while ((currentNode = walker.nextNode())) {
+        const nodeLength = currentNode.textContent?.length || 0;
+        if (offset <= nodeLength) {
+            return { node: currentNode, offset };
+        }
+        offset -= nodeLength;
+    }
+    return null;
+}
+/**
+ * Erzeugt ein Mapping von Positionen im modifizierten String s2 auf die entsprechenden Positionen in s1,
+ * basierend auf einer minimalen Edit-Sequenz (Levenshtein-Distance).
+ *
+ * @param s1 Originalstring
+ * @param s2 Modifizierter String
+ * @returns Ein Array, in dem mapping[j] die Position in s1 angibt, die erreicht wird, nachdem das j-te Zeichen in s2 erzeugt wurde.
+ */
+function computeMapping(s1, s2) {
+    const n = s1.length;
+    const m = s2.length;
+    // 1. Aufbau der DP-Matrix und Backpointer-Matrix
+    // dp[i][j] enthält die minimale Anzahl von Operationen, um s1[0..i-1] in s2[0..j-1] zu überführen.
+    const dp = Array.from({ length: n + 1 }, () => new Array(m + 1).fill(0));
+    const back = Array.from({ length: n + 1 }, () => new Array(m + 1).fill(""));
+    // Initialisierung: leere Präfixe
+    for (let i = 0; i <= n; i++) {
+        dp[i][0] = i;
+        if (i > 0) {
+            back[i][0] = "D"; // "Deletion": Zeichen aus s1 wird gelöscht.
+        }
+    }
+    for (let j = 0; j <= m; j++) {
+        dp[0][j] = j;
+        if (j > 0) {
+            back[0][j] = "I"; // "Insertion": Zeichen in s2 wurde eingefügt.
+        }
+    }
+    // Füllen der DP-Matrix (Wagner–Fischer-Algorithmus)
+    for (let i = 1; i <= n; i++) {
+        for (let j = 1; j <= m; j++) {
+            const cost = s1[i - 1] === s2[j - 1] ? 0 : 1;
+            // Drei Möglichkeiten:
+            const deletion = dp[i - 1][j] + 1;
+            const insertion = dp[i][j - 1] + 1;
+            const substitution = dp[i - 1][j - 1] + cost; // "M" (Match) wenn cost==0, sonst "S" (Substitution)
+            // Feste Tie-Breaking Reihenfolge: zuerst Deletion, dann Insertion, dann Substitution.
+            let bestVal = deletion;
+            let op = "D";
+            if (insertion < bestVal) {
+                bestVal = insertion;
+                op = "I";
+            }
+            if (substitution < bestVal) {
+                bestVal = substitution;
+                op = cost === 0 ? "M" : "S";
+            }
+            dp[i][j] = bestVal;
+            back[i][j] = op;
+        }
+    }
+    // 2. Rekonstruktion des Edit-Skripts per Backtracking
+    const ops = [];
+    let i = n;
+    let j = m;
+    while (i > 0 || j > 0) {
+        const op = back[i][j];
+        ops.push(op);
+        if (op === "M" || op === "S") {
+            i--;
+            j--;
+        }
+        else if (op === "D") {
+            i--;
+        }
+        else if (op === "I") {
+            j--;
+        }
+    }
+    ops.reverse(); // Jetzt liegen die Operationen in der Vorwärtsreihenfolge vor.
+    // 3. Simulation der Transformation von s1 zu s2 und Aufbau des Mappings.
+    // mapping[j] soll die Position in s1 angeben, nachdem das j-te Zeichen in s2 erzeugt wurde.
+    const mapping = new Array(m + 1);
+    let iPos = 0; // Aktuelle Position in s1
+    let jPos = 0; // Aktuelle Position in s2
+    mapping[jPos] = iPos; // Vor jeglicher Transformation
+    for (const op of ops) {
+        if (op === "M" || op === "S") {
+            // Bei Match oder Substitution wird in beiden Strings ein Zeichen verarbeitet.
+            iPos++;
+            jPos++;
+            mapping[jPos] = iPos;
+        }
+        else if (op === "I") {
+            // Bei Insertion wird in s2 ein Zeichen eingefügt, s1 bleibt unverändert.
+            jPos++;
+            mapping[jPos] = iPos;
+        }
+        else if (op === "D") {
+            // Bei Deletion wird in s1 ein Zeichen übersprungen.
+            iPos++;
+        }
+    }
+    return mapping;
+}
+//# sourceMappingURL=CommentHighlighting.js.map

package/dist/editor/page-editor-chrome/CommentHighlighting.js.map

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

package/dist/editor/page-editor-chrome/CommentHighlightings.d.ts

@@ -0,0 +1,4 @@
+export declare function CommentHighlightings({ scale, iframe, }: {
+    scale: number;
+    iframe: HTMLIFrameElement;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/page-editor-chrome/CommentHighlightings.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../client/editContext";
+import { CommentHighlighting } from "./CommentHighlighting";
+export function CommentHighlightings({ scale, iframe, }) {
+    const editContext = useEditContext();
+    const [comments, setComments] = useState([]);
+    useEffect(() => {
+        setComments(editContext?.comments || []);
+    }, [editContext?.comments]);
+    return (_jsx(_Fragment, { children: comments
+            .filter((x) => !x.isResolved)
+            .map((comment) => (_jsx(CommentHighlighting, { iframe: iframe, scale: scale, comment: comment }, comment.id))) }));
+}
+//# sourceMappingURL=CommentHighlightings.js.map

package/dist/editor/page-editor-chrome/CommentHighlightings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentHighlightings.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/CommentHighlightings.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAI5D,MAAM,UAAU,oBAAoB,CAAC,EACnC,KAAK,EACL,MAAM,GAIP;IACC,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,WAAW,EAAE,QAAQ,IAAI,EAAE,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE5B,OAAO,CACL,4BACG,QAAQ;aACN,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;aAC5B,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAChB,KAAC,mBAAmB,IAClB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EAEZ,OAAO,EAAE,OAAO,IADX,OAAO,CAAC,EAAE,CAEf,CACH,CAAC,GACH,CACJ,CAAC;AACJ,CAAC"}

package/dist/editor/page-editor-chrome/FieldActionIndicator.d.ts

@@ -0,0 +1,4 @@
+import { FieldAction } from "../client/EditorClient";
+export declare function FieldActionIndicator({ action }: {
+    action: FieldAction;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/editor/page-editor-chrome/FieldActionIndicator.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditContext } from "../client/editContext";
+export function FieldActionIndicator({ action }) {
+    const editContext = useEditContext();
+    if (!editContext)
+        return null;
+    const pageViewContext = editContext.pageView;
+    const field = action.field;
+    const fieldElements = pageViewContext.editorIframeRef.current?.contentWindow?.document.querySelectorAll(`[data-fieldid="${field.fieldId}"][data-itemid="${field.item.id}"][data-language="${field.item.language}"]`);
+    if (!fieldElements)
+        return null;
+    return (_jsx(_Fragment, { children: [...fieldElements].map((element, index) => (_jsx(SingleIndicator, { element: element }, action.field.fieldId + action.field + index))) }));
+}
+function SingleIndicator({ element }) {
+    const rect = element.getBoundingClientRect();
+    const indicatorRect = rect;
+    return (_jsx("div", { className: `pointer-events-none absolute focus-shadow executing-action`, style: {
+            left: indicatorRect.x,
+            top: indicatorRect.y,
+            width: indicatorRect.width,
+            height: indicatorRect.height,
+            zIndex: 800,
+        } }));
+}
+//# sourceMappingURL=FieldActionIndicator.js.map

package/dist/editor/page-editor-chrome/FieldActionIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldActionIndicator.js","sourceRoot":"","sources":["../../../src/editor/page-editor-chrome/FieldActionIndicator.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,UAAU,oBAAoB,CAAC,EAAE,MAAM,EAA2B;IACtE,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IAE9B,MAAM,eAAe,GAAG,WAAW,CAAC,QAAQ,CAAC;IAC7C,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;IAC3B,MAAM,aAAa,GACjB,eAAe,CAAC,eAAe,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,gBAAgB,CAC/E,kBAAkB,KAAK,CAAC,OAAO,mBAAmB,KAAK,CAAC,IAAI,CAAC,EAAE,qBAAqB,KAAK,CAAC,IAAI,CAAC,QAAQ,IAAI,CAC5G,CAAC;IAEJ,IAAI,CAAC,aAAa;QAAE,OAAO,IAAI,CAAC;IAChC,OAAO,CACL,4BACG,CAAC,GAAG,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,KAAC,eAAe,IACd,OAAO,EAAE,OAAO,IACX,MAAM,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC,KAAK,GAAG,KAAK,CAChD,CACH,CAAC,GACD,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,OAAO,EAAwB;IACxD,MAAM,IAAI,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAE7C,MAAM,aAAa,GAAG,IAAI,CAAC;IAC3B,OAAO,CACL,cACE,SAAS,EAAE,4DAA4D,EACvE,KAAK,EAAE;YACL,IAAI,EAAE,aAAa,CAAC,CAAC;YACrB,GAAG,EAAE,aAAa,CAAC,CAAC;YACpB,KAAK,EAAE,aAAa,CAAC,KAAK;YAC1B,MAAM,EAAE,aAAa,CAAC,MAAM;YAC5B,MAAM,EAAE,GAAG;SACZ,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/editor/page-editor-chrome/FieldActionIndicators.d.ts

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