@batterai/editor-shell 0.1.0

package/dist/components/editable-text/useEditableText.js

@@ -0,0 +1,395 @@
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { BINDING_CHIP_ATTR, decodeBindingToken, } from "../../bindingChips.js";
+import { bindingEditsFromElement, bindingLabelForRuntime, bindingQueryAtSelection, createBindingChip, } from "./bindingHtml.js";
+import { editableEventTarget, readEditableText, writeEditableText } from "./editableTextDom.js";
+import { applyRichCommand as runRichCommand, promptCreateLink } from "./richCommands.js";
+import { caretRangeFromPoint, restoreSelection, selectedInside, selectedRangeInside, selectionToolbarPosition, } from "./selection.js";
+import { bindingInlineEditorPosition, bindingPickerPosition } from "./floatingPosition.js";
+import { selectionFormatting } from "./formatting.js";
+export function useEditableText({ runtime, blockId, field, text, canEdit, multiline, commitOnInput, }) {
+    const focusStartText = useRef(text);
+    const skipNextCommit = useRef(false);
+    const textRef = useRef(null);
+    const textEditingFrame = useRef(null);
+    const bindingRangeRef = useRef(null);
+    const suppressNextDocumentClick = useRef(false);
+    const suppressNextDocumentClickTarget = useRef(null);
+    const [richTools, setRichTools] = useState({
+        visible: false,
+        position: null,
+        heading: null,
+        color: null,
+        textTransform: null,
+    });
+    const [bindingPicker, setBindingPicker] = useState({
+        visible: false,
+        query: "",
+        selected: 0,
+        position: null,
+        entries: [],
+    });
+    const [bindingEditor, setBindingEditor] = useState(null);
+    const bindingEditorInputRef = useRef(null);
+    useLayoutEffect(() => {
+        if (!canEdit)
+            return;
+        const element = textRef.current;
+        if (!element || document.activeElement === element)
+            return;
+        writeEditableText(element, text, runtime, blockId);
+    }, [blockId, canEdit, multiline, runtime, text]);
+    useLayoutEffect(() => {
+        if (!canEdit)
+            return;
+        const pending = runtime.pendingTextFocus;
+        if (!pending || pending.blockId !== blockId || pending.field !== field)
+            return;
+        const element = textRef.current;
+        if (!element)
+            return;
+        const frame = requestAnimationFrame(() => {
+            element.focus({ preventScroll: true });
+            restoreSelection(caretRangeFromPoint(element, pending.clientX, pending.clientY));
+            runtime.onPendingTextFocusHandled?.(pending.id);
+            startTextEditingSoon();
+        });
+        return () => cancelAnimationFrame(frame);
+    }, [blockId, canEdit, field, runtime.pendingTextFocus, runtime.onPendingTextFocusHandled]);
+    useEffect(() => {
+        if (!canEdit || !multiline)
+            return;
+        const element = textRef.current;
+        if (!element)
+            return;
+        const update = () => {
+            const hasSelection = selectedInside(element);
+            const position = hasSelection ? selectionToolbarPosition(element) : null;
+            const visible = Boolean(position);
+            const formatting = visible ? selectionFormatting(element) : { heading: null, color: null, textTransform: null };
+            setRichTools((current) => {
+                const samePosition = current.position?.left === position?.left && current.position?.top === position?.top;
+                if (current.visible === visible &&
+                    samePosition &&
+                    current.heading === formatting.heading &&
+                    current.color === formatting.color &&
+                    current.textTransform === formatting.textTransform)
+                    return current;
+                return { visible, position, ...formatting };
+            });
+        };
+        const observer = new ResizeObserver(update);
+        observer.observe(element);
+        document.addEventListener("selectionchange", update);
+        window.addEventListener("resize", update);
+        update();
+        return () => {
+            observer.disconnect();
+            document.removeEventListener("selectionchange", update);
+            window.removeEventListener("resize", update);
+        };
+    }, [canEdit, multiline, text]);
+    useEffect(() => () => {
+        if (textEditingFrame.current !== null) {
+            cancelAnimationFrame(textEditingFrame.current);
+            textEditingFrame.current = null;
+        }
+    }, []);
+    useEffect(() => {
+        if (!canEdit)
+            return;
+        const element = textRef.current;
+        if (!element)
+            return;
+        const openChipEditor = (event) => {
+            openBindingEditorFromDomEvent(event, element);
+        };
+        element.addEventListener("mousedown", openChipEditor, true);
+        element.addEventListener("click", openChipEditor, true);
+        return () => {
+            element.removeEventListener("mousedown", openChipEditor, true);
+            element.removeEventListener("click", openChipEditor, true);
+        };
+    }, [canEdit, runtime, blockId]);
+    useEffect(() => {
+        if (!canEdit)
+            return;
+        const suppressClick = (event) => {
+            if (!suppressNextDocumentClick.current)
+                return;
+            const suppressTarget = suppressNextDocumentClickTarget.current;
+            const target = editableEventTarget(event.target);
+            suppressNextDocumentClick.current = false;
+            suppressNextDocumentClickTarget.current = null;
+            if (suppressTarget && target && !suppressTarget.contains(target))
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+        };
+        document.addEventListener("click", suppressClick, true);
+        return () => document.removeEventListener("click", suppressClick, true);
+    }, [canEdit]);
+    useEffect(() => {
+        if (!bindingPicker.visible)
+            return;
+        const closeOnViewportChange = () => closeBindingPicker();
+        window.addEventListener("resize", closeOnViewportChange);
+        window.addEventListener("scroll", closeOnViewportChange, true);
+        return () => {
+            window.removeEventListener("resize", closeOnViewportChange);
+            window.removeEventListener("scroll", closeOnViewportChange, true);
+        };
+    }, [bindingPicker.visible]);
+    useLayoutEffect(() => {
+        if (!bindingEditor)
+            return;
+        const input = bindingEditorInputRef.current;
+        if (!input)
+            return;
+        input.focus({ preventScroll: true });
+        input.select();
+        runtime.onTextFocusChange(true);
+    }, [bindingEditor?.token, runtime]);
+    function startTextEditingSoon() {
+        if (textEditingFrame.current !== null)
+            return;
+        textEditingFrame.current = requestAnimationFrame(() => {
+            textEditingFrame.current = null;
+            runtime.onTextFocusChange(true);
+        });
+    }
+    function stopTextEditing() {
+        if (textEditingFrame.current !== null) {
+            cancelAnimationFrame(textEditingFrame.current);
+            textEditingFrame.current = null;
+        }
+        runtime.onTextFocusChange(false);
+        closeBindingPicker();
+    }
+    function closeBindingPicker() {
+        bindingRangeRef.current = null;
+        setBindingPicker((current) => current.visible
+            ? { visible: false, query: "", selected: 0, position: null, entries: [] }
+            : current);
+    }
+    function closeBindingEditor() {
+        suppressNextDocumentClick.current = false;
+        suppressNextDocumentClickTarget.current = null;
+        setBindingEditor(null);
+        skipNextCommit.current = false;
+        runtime.onTextFocusChange(false);
+    }
+    function openBindingEditor(chip, token) {
+        const rect = chip.getBoundingClientRect();
+        closeBindingPicker();
+        setBindingEditor({
+            token,
+            label: bindingLabelForRuntime(runtime, blockId, token),
+            value: runtime.resolveBinding(blockId, token) ?? "",
+            position: bindingInlineEditorPosition(rect, {
+                width: window.innerWidth,
+                height: window.innerHeight,
+            }),
+        });
+    }
+    function commitBindingEditor() {
+        if (!bindingEditor)
+            return;
+        const nextValue = (bindingEditorInputRef.current?.value ?? bindingEditor.value).trim();
+        if (nextValue !== (runtime.resolveBinding(blockId, bindingEditor.token)?.trim() ?? "")) {
+            runtime.onEditBinding(blockId, bindingEditor.token, nextValue);
+        }
+        closeBindingEditor();
+    }
+    function cancelBindingEditor() {
+        closeBindingEditor();
+    }
+    function changeBindingEditorValue(value) {
+        setBindingEditor((current) => (current ? { ...current, value } : current));
+    }
+    function refreshBindingPicker(element) {
+        if (!runtime.contentBindingMode) {
+            closeBindingPicker();
+            return;
+        }
+        const entries = runtime.bindingEntriesFor(blockId);
+        if (entries.length === 0) {
+            closeBindingPicker();
+            return;
+        }
+        const query = bindingQueryAtSelection(element);
+        if (!query) {
+            closeBindingPicker();
+            return;
+        }
+        const needle = query.query.toLowerCase();
+        const filtered = entries.filter((entry) => entry.label.toLowerCase().includes(needle) ||
+            entry.field.toLowerCase().includes(needle));
+        bindingRangeRef.current = query.range;
+        setBindingPicker((current) => ({
+            visible: true,
+            query: query.query,
+            selected: Math.min(current.selected, Math.max(0, filtered.length - 1)),
+            position: bindingPickerPosition(query.anchor, filtered.length, {
+                width: window.innerWidth,
+                height: window.innerHeight,
+            }),
+            entries: filtered,
+        }));
+    }
+    function insertBinding(entry) {
+        const range = bindingRangeRef.current ?? selectedRangeInside(textRef.current);
+        if (!range)
+            return;
+        range.deleteContents();
+        const chip = createBindingChip(entry, runtime.resolveBinding(blockId, entry.token), runtime.contentBindingMode && !runtime.globalEditMode ? "template" : "resolved");
+        const space = document.createTextNode(" ");
+        range.insertNode(space);
+        range.insertNode(chip);
+        const selection = window.getSelection();
+        const nextRange = document.createRange();
+        nextRange.setStartAfter(space);
+        nextRange.collapse(true);
+        selection?.removeAllRanges();
+        selection?.addRange(nextRange);
+        closeBindingPicker();
+        startTextEditingSoon();
+    }
+    function handleFocus(event) {
+        focusStartText.current = readEditableText(event.currentTarget, multiline);
+        skipNextCommit.current = false;
+        startTextEditingSoon();
+    }
+    function handleInput(event) {
+        if (event.currentTarget.textContent === null)
+            return;
+        startTextEditingSoon();
+        refreshBindingPicker(event.currentTarget);
+        if (!commitOnInput)
+            return;
+        const nextText = readEditableText(event.currentTarget, multiline).trim();
+        if (nextText !== focusStartText.current) {
+            runtime.onEditText(blockId, field, nextText);
+            focusStartText.current = nextText;
+        }
+    }
+    function handleClick(event) {
+        openBindingEditorFromDomEvent(event, event.currentTarget);
+    }
+    function handleMouseDown(event) {
+        openBindingEditorFromDomEvent(event, event.currentTarget);
+    }
+    function openBindingEditorFromDomEvent(event, currentTarget) {
+        if (!runtime.globalEditMode)
+            return;
+        const target = editableEventTarget(event.target);
+        if (!target)
+            return;
+        const chip = target.closest(`[${BINDING_CHIP_ATTR}]`);
+        if (!chip || !currentTarget.contains(chip))
+            return;
+        const token = decodeBindingToken(chip.getAttribute(BINDING_CHIP_ATTR));
+        if (!token)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        suppressNextDocumentClick.current = true;
+        suppressNextDocumentClickTarget.current =
+            currentTarget.closest("[data-block-id]") ?? currentTarget;
+        openBindingEditor(chip, token);
+    }
+    function commit(event) {
+        const bindingEdits = runtime.globalEditMode
+            ? bindingEditsFromElement(event.currentTarget, runtime, blockId)
+            : [];
+        const nextText = readEditableText(event.currentTarget, multiline).trim();
+        const textChanged = nextText !== focusStartText.current;
+        if (!skipNextCommit.current) {
+            if (bindingEdits.length > 0 && textChanged) {
+                runtime.onEditTextWithBindings(blockId, field, nextText, bindingEdits);
+            }
+            else {
+                bindingEdits.forEach((edit) => runtime.onEditBinding(blockId, edit.token, edit.value));
+                if (textChanged)
+                    runtime.onEditText(blockId, field, nextText);
+            }
+        }
+        skipNextCommit.current = false;
+        stopTextEditing();
+    }
+    function handleKeyDown(event) {
+        if (bindingPicker.visible) {
+            if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+                event.preventDefault();
+                const delta = event.key === "ArrowDown" ? 1 : -1;
+                setBindingPicker((current) => ({
+                    ...current,
+                    selected: current.entries.length === 0
+                        ? 0
+                        : (current.selected + delta + current.entries.length) % current.entries.length,
+                }));
+                return;
+            }
+            if (event.key === "Enter") {
+                const entry = bindingPicker.entries[bindingPicker.selected];
+                if (entry) {
+                    event.preventDefault();
+                    insertBinding(entry);
+                    return;
+                }
+            }
+            if (event.key === "Escape") {
+                event.preventDefault();
+                closeBindingPicker();
+                return;
+            }
+        }
+        if ((event.key === "Enter" || event.key === " ") && event.target instanceof HTMLElement) {
+            const chip = event.target.closest(`[${BINDING_CHIP_ATTR}]`);
+            if (chip && event.currentTarget.contains(chip)) {
+                const token = decodeBindingToken(chip.getAttribute(BINDING_CHIP_ATTR));
+                if (token) {
+                    event.preventDefault();
+                    openBindingEditor(chip, token);
+                    return;
+                }
+            }
+        }
+        if (event.key === "Escape") {
+            stopTextEditing();
+            event.currentTarget.blur();
+            event.currentTarget.dispatchEvent(new CustomEvent("battery:escape-to-block", { bubbles: true }));
+            return;
+        }
+        if (event.key === "Enter" && !multiline) {
+            event.preventDefault();
+            stopTextEditing();
+            event.currentTarget.blur();
+        }
+    }
+    function applyRichCommand(command, value, savedRange = selectedRangeInside(textRef.current)) {
+        runRichCommand(textRef, startTextEditingSoon, command, value, savedRange);
+    }
+    function onLinkCommand() {
+        promptCreateLink(textRef, startTextEditingSoon);
+    }
+    return {
+        textRef,
+        bindingEditorInputRef,
+        richTools,
+        bindingPicker,
+        bindingEditor,
+        commit,
+        handleFocus,
+        handleInput,
+        handleClick,
+        handleMouseDown,
+        handleKeyDown,
+        insertBinding,
+        commitBindingEditor,
+        cancelBindingEditor,
+        changeBindingEditorValue,
+        applyRichCommand,
+        onLinkCommand,
+    };
+}
+//# sourceMappingURL=useEditableText.js.map

package/dist/components/editable-text/useEditableText.js.map

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

package/dist/components/image-editor/ImageEditorDialog.d.ts

@@ -0,0 +1,16 @@
+import type { EditorMediaHostServices } from "../../host-services";
+import type { BlockField, CmsContent, MediaAsset } from "../../types";
+import type { ImageStage } from "./types";
+export declare function ImageEditorDialog({ bound, content, field, mediaServices, onCancel, onSave, onStage, onUploadMediaAsset, selected, stage, }: {
+    bound: boolean;
+    content: CmsContent;
+    field: BlockField;
+    mediaServices: EditorMediaHostServices<MediaAsset>;
+    onCancel: () => void;
+    onSave: () => void;
+    onStage: (next: ImageStage | ((current: ImageStage) => ImageStage)) => void;
+    onUploadMediaAsset: (asset: MediaAsset) => void;
+    selected: MediaAsset | null;
+    stage: ImageStage;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ImageEditorDialog.d.ts.map

package/dist/components/image-editor/ImageEditorDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageEditorDialog.d.ts","sourceRoot":"","sources":["../../../src/components/image-editor/ImageEditorDialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEtE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAc1C,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,OAAO,EACP,KAAK,EACL,aAAa,EACb,QAAQ,EACR,MAAM,EACN,OAAO,EACP,kBAAkB,EAClB,QAAQ,EACR,KAAK,GACN,EAAE;IACD,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,UAAU,CAAC;IAClB,aAAa,EAAE,uBAAuB,CAAC,UAAU,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,CAAC,CAAC,OAAO,EAAE,UAAU,KAAK,UAAU,CAAC,KAAK,IAAI,CAAC;IAC5E,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,UAAU,CAAC;CACnB,+BA0MA"}

package/dist/components/image-editor/ImageEditorDialog.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { isCssLength } from "@batterai/contract";
+import { X } from "lucide-react";
+import { ALLOWED_MIME_TYPES, MAX_EDITOR_UPLOAD_BYTES } from "./types.js";
+import { clamp01, errorMessage, hrefForStage, safeExternalHref, validateUsageDraft, } from "./usage-conversion.js";
+import { previewImageFrameStyle, previewImageStyleForUsage } from "./preview-style.js";
+import { maxCountForField, minCountForField, primaryUsage, updatePrimaryUsage } from "./stage.js";
+import { ImagePreview } from "./ImagePreview.js";
+import { MediaBrowser } from "./MediaBrowser.js";
+import { UsageSettingsForm } from "./UsageSettingsForm.js";
+export function ImageEditorDialog({ bound, content, field, mediaServices, onCancel, onSave, onStage, onUploadMediaAsset, selected, stage, }) {
+    const [items, setItems] = useState([]);
+    const [nextCursor, setNextCursor] = useState();
+    const [loading, setLoading] = useState(false);
+    const [uploading, setUploading] = useState(false);
+    const [uploadAlt, setUploadAlt] = useState("");
+    const [uploadFile, setUploadFile] = useState(null);
+    const [error, setError] = useState(null);
+    const usage = primaryUsage(stage);
+    const previewTitle = usage.titleOverride.trim() || selected?.title || "";
+    const previewAlt = usage.altOverride.trim() || selected?.alt || "";
+    const previewHref = useMemo(() => hrefForStage(usage.link, content), [content, usage.link]);
+    const previewFrameStyle = previewImageFrameStyle(usage);
+    const previewImageStyle = previewImageStyleForUsage(usage);
+    const widthInvalid = Boolean(usage.sizing.width.trim() && !isCssLength(usage.sizing.width));
+    const heightInvalid = Boolean(usage.sizing.height.trim() && !isCssLength(usage.sizing.height));
+    const maxCount = maxCountForField(field);
+    const minCount = minCountForField(field);
+    const multi = maxCount > 1;
+    const selectedUsageCount = stage.usages.filter((candidate) => candidate.asset).length;
+    useEffect(() => {
+        void load();
+        // The dialog owns its first page load. Further loads are explicit via "More".
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    async function load(cursor) {
+        if (bound)
+            return;
+        setLoading(true);
+        setError(null);
+        try {
+            const page = await mediaServices.listMediaAssets({
+                allowedMimeTypes: ALLOWED_MIME_TYPES,
+                cursor,
+                pageSize: 12,
+                selectedIds: stage.usages.map((candidate) => candidate.asset).filter(Boolean),
+            });
+            setItems((current) => (cursor ? [...current, ...page.items] : page.items));
+            setNextCursor(page.nextCursor);
+        }
+        catch (err) {
+            setError(errorMessage(err));
+        }
+        finally {
+            setLoading(false);
+        }
+    }
+    async function upload() {
+        if (bound || uploading)
+            return;
+        if (!uploadFile) {
+            setError("Choose a file first.");
+            return;
+        }
+        const alt = uploadAlt.trim();
+        if (!alt) {
+            setError("Alt text is required.");
+            return;
+        }
+        if (uploadFile.size > MAX_EDITOR_UPLOAD_BYTES) {
+            setError("File is too large for upload.");
+            return;
+        }
+        if (uploadFile.type && !ALLOWED_MIME_TYPES.includes(uploadFile.type)) {
+            setError(`File type ${uploadFile.type} is not allowed.`);
+            return;
+        }
+        setUploading(true);
+        setError(null);
+        try {
+            const { asset } = await mediaServices.uploadMediaAsset({
+                alt,
+                allowedMimeTypes: ALLOWED_MIME_TYPES,
+                file: uploadFile,
+            });
+            onUploadMediaAsset(asset);
+            setItems((current) => [asset, ...current.filter((item) => item.id !== asset.id)]);
+            setUploadAlt("");
+            setUploadFile(null);
+            onStage((current) => updatePrimaryUsage(current, { asset: asset.id }));
+        }
+        catch (err) {
+            setError(errorMessage(err));
+        }
+        finally {
+            setUploading(false);
+        }
+    }
+    function save() {
+        if (!multi && !usage.asset && !bound) {
+            setError("Choose an image first.");
+            return;
+        }
+        const completeUsages = stage.usages.filter((candidate) => candidate.asset);
+        if (completeUsages.length < minCount) {
+            setError(`Choose at least ${minCount} image${minCount === 1 ? "" : "s"}.`);
+            return;
+        }
+        if (completeUsages.length > maxCount) {
+            setError(`Choose at most ${maxCount} image${maxCount === 1 ? "" : "s"}.`);
+            return;
+        }
+        for (const candidate of completeUsages) {
+            if (candidate.link.kind === "external" && candidate.link.href.trim() && !safeExternalHref(candidate.link.href)) {
+                setError("Use a safe external link with http(s).");
+                return;
+            }
+            const usageError = validateUsageDraft(candidate);
+            if (usageError) {
+                setError(usageError);
+                return;
+            }
+        }
+        onSave();
+    }
+    function setFocalFromPointer(event) {
+        if (!selected)
+            return;
+        const rect = event.currentTarget.getBoundingClientRect();
+        const x = clamp01((event.clientX - rect.left) / rect.width);
+        const y = clamp01((event.clientY - rect.top) / rect.height);
+        onStage((current) => updatePrimaryUsage(current, { focalOverride: { x, y } }));
+    }
+    return (_jsx("div", { className: "modal-backdrop image-editor-backdrop", role: "presentation", children: _jsxs("div", { className: "image-editor-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": "image-editor-title", children: [_jsxs("header", { className: "image-editor-modal__header", children: [_jsxs("div", { children: [_jsx("h2", { id: "image-editor-title", children: "Edit image" }), _jsx("p", { children: field.label })] }), _jsx("button", { type: "button", "aria-label": "Close", onClick: onCancel, children: _jsx(X, { size: 16 }) })] }), error ? (_jsx("p", { className: "be-media-picker__error", role: "alert", "data-image-editor-error": "", children: error })) : null, _jsxs("div", { className: "image-editor-modal__body", children: [_jsx(ImagePreview, { bound: bound, previewAlt: previewAlt, previewFrameStyle: previewFrameStyle, previewHref: previewHref, previewImageStyle: previewImageStyle, previewTitle: previewTitle, selected: selected, setFocalFromPointer: setFocalFromPointer, usage: usage }), _jsxs("section", { className: "image-editor-panel", "aria-label": "Image settings", children: [bound ? (_jsx("p", { className: "image-editor-note", children: "The image itself comes from a binding. Usage text and presentation remain editable here." })) : (_jsx(MediaBrowser, { content: content, items: items, load: load, loading: loading, maxCount: maxCount, minCount: minCount, multi: multi, nextCursor: nextCursor, onStage: onStage, selectedUsageCount: selectedUsageCount, setUploadAlt: setUploadAlt, setUploadFile: setUploadFile, stage: stage, upload: upload, uploadAlt: uploadAlt, uploading: uploading, usage: usage })), _jsx(UsageSettingsForm, { content: content, heightInvalid: heightInvalid, onStage: onStage, usage: usage, widthInvalid: widthInvalid })] })] }), _jsxs("footer", { className: "modal-actions image-editor-actions", children: [_jsx("button", { type: "button", onClick: onCancel, children: "Cancel" }), _jsx("button", { type: "button", className: "primary-action", onClick: save, children: "Save" })] })] }) }));
+}
+//# sourceMappingURL=ImageEditorDialog.js.map

package/dist/components/image-editor/ImageEditorDialog.js.map

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

package/dist/components/image-editor/ImagePreview.d.ts

@@ -0,0 +1,15 @@
+import type { CSSProperties, PointerEvent as ReactPointerEvent } from "react";
+import type { MediaAsset } from "../../types";
+import type { ImageUsageDraft } from "./types";
+export declare function ImagePreview({ bound, previewAlt, previewFrameStyle, previewHref, previewImageStyle, previewTitle, selected, setFocalFromPointer, usage, }: {
+    bound: boolean;
+    previewAlt: string;
+    previewFrameStyle: CSSProperties;
+    previewHref: string;
+    previewImageStyle: CSSProperties;
+    previewTitle: string;
+    selected: MediaAsset | null;
+    setFocalFromPointer: (event: ReactPointerEvent<HTMLDivElement>) => void;
+    usage: ImageUsageDraft;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ImagePreview.d.ts.map

package/dist/components/image-editor/ImagePreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePreview.d.ts","sourceRoot":"","sources":["../../../src/components/image-editor/ImagePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC9E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,mBAAmB,EACnB,KAAK,GACN,EAAE;IACD,KAAK,EAAE,OAAO,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,aAAa,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,aAAa,CAAC;IACjC,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAC;IAC5B,mBAAmB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxE,KAAK,EAAE,eAAe,CAAC;CACxB,+BAsDA"}

package/dist/components/image-editor/ImagePreview.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ImagePreview({ bound, previewAlt, previewFrameStyle, previewHref, previewImageStyle, previewTitle, selected, setFocalFromPointer, usage, }) {
+    return (_jsx("section", { className: "image-editor-preview", "aria-label": "Preview", children: selected ? (_jsxs("figure", { children: [_jsxs("div", { className: "image-editor-preview__frame", style: previewFrameStyle, children: [_jsx("div", { className: "image-editor-focal-surface", onPointerDown: (event) => {
+                                event.currentTarget.setPointerCapture(event.pointerId);
+                                setFocalFromPointer(event);
+                            }, onPointerMove: (event) => {
+                                if (event.buttons === 1)
+                                    setFocalFromPointer(event);
+                            } }), usage.focalOverride ? (_jsx("span", { className: "image-editor-focal-dot", style: {
+                                left: `${usage.focalOverride.x * 100}%`,
+                                top: `${usage.focalOverride.y * 100}%`,
+                            } })) : null, previewHref ? (_jsx("a", { href: previewHref, onClick: (event) => event.preventDefault(), children: _jsx("img", { src: selected.url, alt: previewAlt, title: previewTitle || undefined, style: previewImageStyle }) })) : (_jsx("img", { src: selected.url, alt: previewAlt, title: previewTitle || undefined, style: previewImageStyle }))] }), usage.caption.trim() ? _jsx("figcaption", { children: usage.caption.trim() }) : null] })) : (_jsx("div", { className: "image-editor-preview__empty", children: bound
+                ? "Preview comes from the binding. Usage text remains editable here."
+                : "No image selected" })) }));
+}
+//# sourceMappingURL=ImagePreview.js.map

package/dist/components/image-editor/ImagePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../src/components/image-editor/ImagePreview.tsx"],"names":[],"mappings":";AAIA,MAAM,UAAU,YAAY,CAAC,EAC3B,KAAK,EACL,UAAU,EACV,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,mBAAmB,EACnB,KAAK,GAWN;IACC,OAAO,CACL,kBAAS,SAAS,EAAC,sBAAsB,gBAAY,SAAS,YAC3D,QAAQ,CAAC,CAAC,CAAC,CACV,6BACE,eAAK,SAAS,EAAC,6BAA6B,EAAC,KAAK,EAAE,iBAAiB,aACnE,cACE,SAAS,EAAC,4BAA4B,EACtC,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gCACvB,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;gCACvD,mBAAmB,CAAC,KAAK,CAAC,CAAC;4BAC7B,CAAC,EACD,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;gCACvB,IAAI,KAAK,CAAC,OAAO,KAAK,CAAC;oCAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;4BACtD,CAAC,GACD,EACD,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CACrB,eACE,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE;gCACL,IAAI,EAAE,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,GAAG,GAAG;gCACvC,GAAG,EAAE,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,GAAG,GAAG,GAAG;6BACvC,GACD,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,YAAG,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,YAC9D,cACE,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,YAAY,IAAI,SAAS,EAChC,KAAK,EAAE,iBAAiB,GACxB,GACA,CACL,CAAC,CAAC,CAAC,CACF,cACE,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,GAAG,EAAE,UAAU,EACf,KAAK,EAAE,YAAY,IAAI,SAAS,EAChC,KAAK,EAAE,iBAAiB,GACxB,CACH,IACG,EACL,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,+BAAa,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAc,CAAC,CAAC,CAAC,IAAI,IACvE,CACV,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,6BAA6B,YACzC,KAAK;gBACJ,CAAC,CAAC,mEAAmE;gBACrE,CAAC,CAAC,mBAAmB,GACnB,CACP,GACO,CACX,CAAC;AACJ,CAAC"}