@batterai/editor-shell 0.1.0

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { Bold, CaseLower, CaseUpper, Eraser, Heading1, Heading2, Heading3, Italic, Link, Pilcrow } from "lucide-react";
+import { RICH_COLOR_OPTIONS } from "./formatting.js";
+export function RichTextToolbar({ richTools, onBold, onItalic, onLink, onCommand, onRemoveFormat, portalRoot, }) {
+    if (!richTools.visible)
+        return null;
+    const toolbarStyle = richTools.position
+        ? { left: richTools.position.left, top: richTools.position.top }
+        : undefined;
+    const headingButton = (heading, label, icon) => {
+        const active = richTools.heading === heading;
+        return (_jsx("button", { type: "button", className: active ? "is-active" : undefined, "aria-label": label, "aria-pressed": active, title: label, onClick: () => onCommand("heading", heading), children: icon }));
+    };
+    const toolbar = (_jsxs("span", { className: `rich-text-toolbar ${richTools.position ? "is-floating" : ""}`, style: toolbarStyle, onClick: (event) => event.stopPropagation(), onMouseDown: (event) => {
+            event.preventDefault();
+            event.stopPropagation();
+        }, children: [_jsx("button", { type: "button", "aria-label": "Bold", title: "Bold", onClick: onBold, children: _jsx(Bold, { size: 13 }) }), _jsx("button", { type: "button", "aria-label": "Italic", title: "Italic", onClick: onItalic, children: _jsx(Italic, { size: 13 }) }), _jsx("button", { type: "button", "aria-label": "Link", title: "Link", onClick: onLink, children: _jsx(Link, { size: 13 }) }), _jsx("span", { className: "rich-text-toolbar__divider", "aria-hidden": "true" }), headingButton("div", "Paragraph", _jsx(Pilcrow, { size: 13 })), headingButton("h1", "Heading 1", _jsx(Heading1, { size: 13 })), headingButton("h2", "Heading 2", _jsx(Heading2, { size: 13 })), headingButton("h3", "Heading 3", _jsx(Heading3, { size: 13 })), _jsx("span", { className: "rich-text-toolbar__divider", "aria-hidden": "true" }), _jsx("button", { type: "button", "aria-label": "Uppercase", title: "Uppercase", onClick: () => onCommand("textTransform", "uppercase"), children: _jsx(CaseUpper, { size: 13 }) }), _jsx("button", { type: "button", "aria-label": "Lowercase", title: "Lowercase", onClick: () => onCommand("textTransform", "lowercase"), children: _jsx(CaseLower, { size: 13 }) }), _jsx("button", { type: "button", "aria-label": "Title case", title: "Title case", className: "rich-text-toolbar__text-button", onClick: () => onCommand("textTransform", "capitalize"), children: "Aa" }), _jsx("span", { className: "rich-text-toolbar__divider", "aria-hidden": "true" }), RICH_COLOR_OPTIONS.map(({ label, token, cssVar }) => {
+                const active = richTools.color === token;
+                return (_jsx("button", { type: "button", className: `rich-text-toolbar__swatch ${active ? "is-active" : ""}`, "aria-label": `${label} text`, "aria-pressed": active, title: `${label} text`, onClick: () => onCommand("color", token), children: _jsx("span", { style: { backgroundColor: `var(--${cssVar})` } }) }, token));
+            }), _jsx("button", { type: "button", "aria-label": "Clear formatting", title: "Clear formatting", onClick: onRemoveFormat, children: _jsx(Eraser, { size: 13 }) })] }));
+    return portalRoot ? createPortal(toolbar, portalRoot) : toolbar;
+}
+//# sourceMappingURL=RichTextToolbar.js.map

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

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

package/dist/components/editable-text/bindingHtml.d.ts

@@ -0,0 +1,19 @@
+import { decodeBindingToken, type BindingEntry } from "../../bindingChips";
+import type { EditorRuntime } from "../../translation";
+export declare function renderBindingHtml(value: string, runtime: EditorRuntime, blockId: string, mode: "display" | "edit"): string;
+export declare function bindingLabelForRuntime(runtime: EditorRuntime, blockId: string, token: NonNullable<ReturnType<typeof decodeBindingToken>>): string;
+export declare function bindingEditsFromElement(element: HTMLElement, runtime: EditorRuntime, blockId: string): {
+    token: import("../..").BindingToken;
+    value: string;
+}[];
+export declare function bindingQueryAtSelection(element: HTMLElement): {
+    query: string;
+    range: Range;
+    anchor: {
+        left: number;
+        top: number;
+        bottom: number;
+    };
+} | null;
+export declare function createBindingChip(entry: BindingEntry, value: string | null, representation?: "resolved" | "template"): HTMLSpanElement;
+//# sourceMappingURL=bindingHtml.d.ts.map

package/dist/components/editable-text/bindingHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bindingHtml.d.ts","sourceRoot":"","sources":["../../../src/components/editable-text/bindingHtml.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,kBAAkB,EAElB,KAAK,YAAY,EAClB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAGvD,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,SAAS,GAAG,MAAM,UAsCzB;AAMD,wBAAgB,sBAAsB,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,UAOxI;AAED,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM;;;IAUpG;AAED,wBAAgB,uBAAuB,CAAC,OAAO,EAAE,WAAW;;;;;;;;SA8B3D;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,cAAc,GAAE,UAAU,GAAG,UAAuB,mBAarD"}

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

@@ -0,0 +1,106 @@
+import { BINDING_CHIP_ATTR, bindingChipLabel, bindingNotation, decodeBindingToken, encodeBindingToken, } from "../../bindingChips.js";
+import { sanitizeRichHtml } from "./richHtml.js";
+export function renderBindingHtml(value, runtime, blockId, mode) {
+    if (typeof document === "undefined") {
+        return sanitizeRichHtml(value).replace(new RegExp(`<span[^>]*${BINDING_CHIP_ATTR}="([^"]+)"[^>]*>[\\s\\S]*?<\\/span>`, "gi"), (_match, encoded) => {
+            const token = decodeBindingToken(encoded);
+            return token ? escapeServerHtml(runtime.resolveBinding(blockId, token) ?? "") : "";
+        });
+    }
+    const template = document.createElement("template");
+    template.innerHTML = sanitizeRichHtml(value);
+    const templateMode = mode === "edit" && runtime.contentBindingMode && !runtime.globalEditMode;
+    template.content.querySelectorAll(`[${BINDING_CHIP_ATTR}]`).forEach((element) => {
+        const token = decodeBindingToken(element.getAttribute(BINDING_CHIP_ATTR));
+        if (!token) {
+            element.replaceWith(document.createTextNode(element.textContent ?? ""));
+            return;
+        }
+        if (mode === "display") {
+            element.replaceWith(document.createTextNode(runtime.resolveBinding(blockId, token) ?? ""));
+            return;
+        }
+        element.setAttribute("contenteditable", "false");
+        element.setAttribute("class", `be-binding-chip${templateMode ? " is-template-token" : ""}`);
+        element.setAttribute("title", bindingLabelForRuntime(runtime, blockId, token));
+        if (templateMode) {
+            element.removeAttribute("role");
+            element.removeAttribute("tabindex");
+            element.textContent = bindingNotation(token);
+        }
+        else {
+            element.setAttribute("role", "button");
+            element.setAttribute("tabindex", "0");
+            element.textContent = runtime.resolveBinding(blockId, token) ?? "";
+        }
+    });
+    return template.innerHTML;
+}
+function escapeServerHtml(value) {
+    return value.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+export function bindingLabelForRuntime(runtime, blockId, token) {
+    return (runtime.bindingEntriesFor(blockId).find((entry) => entry.field === token.field && entry.token.scope === token.scope)?.label ??
+        bindingChipLabel(token));
+}
+export function bindingEditsFromElement(element, runtime, blockId) {
+    return Array.from(element.querySelectorAll(`[${BINDING_CHIP_ATTR}]`))
+        .map((candidate) => {
+        const token = decodeBindingToken(candidate.getAttribute(BINDING_CHIP_ATTR));
+        if (!token)
+            return null;
+        const nextValue = candidate.textContent?.trim() ?? "";
+        const currentValue = runtime.resolveBinding(blockId, token)?.trim() ?? "";
+        return nextValue !== currentValue ? { token, value: nextValue } : null;
+    })
+        .filter((edit) => Boolean(edit));
+}
+export function bindingQueryAtSelection(element) {
+    const selection = window.getSelection();
+    if (!selection || selection.rangeCount === 0 || !selection.isCollapsed)
+        return null;
+    const range = selection.getRangeAt(0);
+    if (!element.contains(range.startContainer))
+        return null;
+    if (range.startContainer.nodeType !== Node.TEXT_NODE)
+        return null;
+    const node = range.startContainer;
+    const offset = range.startOffset;
+    const before = node.data.slice(0, offset);
+    const match = /@([^\s@]*)$/.exec(before);
+    if (!match)
+        return null;
+    const replaceRange = document.createRange();
+    replaceRange.setStart(node, offset - match[0].length);
+    replaceRange.setEnd(node, offset);
+    const replaceRect = replaceRange.getBoundingClientRect();
+    const caretRange = replaceRange.cloneRange();
+    caretRange.collapse(false);
+    const caretRect = caretRange.getBoundingClientRect();
+    const fallback = element.getBoundingClientRect();
+    const textRect = replaceRect.width > 0 || replaceRect.height > 0 ? replaceRect : fallback;
+    const caretHasGeometry = caretRect.height > 0;
+    return {
+        query: match[1] ?? "",
+        range: replaceRange,
+        anchor: {
+            left: caretHasGeometry ? caretRect.left : textRect.right,
+            top: caretHasGeometry ? caretRect.top : textRect.top,
+            bottom: caretHasGeometry ? caretRect.bottom : textRect.bottom,
+        },
+    };
+}
+export function createBindingChip(entry, value, representation = "resolved") {
+    const chip = document.createElement("span");
+    chip.setAttribute(BINDING_CHIP_ATTR, encodeBindingToken(entry.token));
+    chip.setAttribute("contenteditable", "false");
+    if (representation === "resolved") {
+        chip.setAttribute("role", "button");
+        chip.setAttribute("tabindex", "0");
+    }
+    chip.className = `be-binding-chip${representation === "template" ? " is-template-token" : ""}`;
+    chip.setAttribute("title", entry.label);
+    chip.textContent = representation === "template" ? bindingNotation(entry.token) : value ?? "";
+    return chip;
+}
+//# sourceMappingURL=bindingHtml.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bindingHtml.js","sourceRoot":"","sources":["../../../src/components/editable-text/bindingHtml.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,eAAe,EACf,kBAAkB,EAClB,kBAAkB,GAEnB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAE9C,MAAM,UAAU,iBAAiB,CAC/B,KAAa,EACb,OAAsB,EACtB,OAAe,EACf,IAAwB;IAExB,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACpC,OAAO,gBAAgB,CAAC,KAAK,CAAC,CAAC,OAAO,CACpC,IAAI,MAAM,CAAC,aAAa,iBAAiB,qCAAqC,EAAE,IAAI,CAAC,EACrF,CAAC,MAAM,EAAE,OAAe,EAAE,EAAE;YAC1B,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;YAC1C,OAAO,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACrF,CAAC,CACF,CAAC;IACJ,CAAC;IACD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IACpD,QAAQ,CAAC,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,YAAY,GAAG,IAAI,KAAK,MAAM,IAAI,OAAO,CAAC,kBAAkB,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;IAC9F,QAAQ,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,iBAAiB,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;QAC9E,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;QAC1E,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,CAAC;YACxE,OAAO;QACT,CAAC;QACD,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;YACvB,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC;YAC3F,OAAO;QACT,CAAC;QACD,OAAO,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;QACjD,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,kBAAkB,YAAY,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC5F,OAAO,CAAC,YAAY,CAAC,OAAO,EAAE,sBAAsB,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;QAC/E,IAAI,YAAY,EAAE,CAAC;YACjB,OAAO,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;YAChC,OAAO,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;YACpC,OAAO,CAAC,WAAW,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;QAC/C,CAAC;aAAM,CAAC;YACN,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;YACvC,OAAO,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;YACtC,OAAO,CAAC,WAAW,GAAG,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC;QACrE,CAAC;IACH,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,CAAC,SAAS,CAAC;AAC5B,CAAC;AAED,SAAS,gBAAgB,CAAC,KAAa;IACrC,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;AAC1G,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,OAAsB,EAAE,OAAe,EAAE,KAAyD;IACvI,OAAO,CACL,OAAO,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAChD,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CACjE,EAAE,KAAK;QACR,gBAAgB,CAAC,KAAK,CAAC,CACxB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,OAAoB,EAAE,OAAsB,EAAE,OAAe;IACnG,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,iBAAiB,GAAG,CAAC,CAAC;SAClE,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;QACjB,MAAM,KAAK,GAAG,kBAAkB,CAAC,SAAS,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;QAC5E,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAC;QACxB,MAAM,SAAS,GAAG,SAAS,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QACtD,MAAM,YAAY,GAAG,OAAO,CAAC,cAAc,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;QAC1E,OAAO,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACzE,CAAC,CAAC;SACD,MAAM,CAAC,CAAC,IAAI,EAAoC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;AACvE,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAC,OAAoB;IAC1D,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;IACxC,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,UAAU,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW;QAAE,OAAO,IAAI,CAAC;IACpF,MAAM,KAAK,GAAG,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;IACtC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC;QAAE,OAAO,IAAI,CAAC;IACzD,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,KAAK,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAClE,MAAM,IAAI,GAAG,KAAK,CAAC,cAAsB,CAAC;IAC1C,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC;IACjC,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC1C,MAAM,KAAK,GAAG,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IACxB,MAAM,YAAY,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;IAC5C,YAAY,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IACtD,YAAY,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAClC,MAAM,WAAW,GAAG,YAAY,CAAC,qBAAqB,EAAE,CAAC;IACzD,MAAM,UAAU,GAAG,YAAY,CAAC,UAAU,EAAE,CAAC;IAC7C,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,MAAM,SAAS,GAAG,UAAU,CAAC,qBAAqB,EAAE,CAAC;IACrD,MAAM,QAAQ,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IACjD,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,GAAG,CAAC,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC1F,MAAM,gBAAgB,GAAG,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;IAC9C,OAAO;QACL,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,EAAE;QACrB,KAAK,EAAE,YAAY;QACnB,MAAM,EAAE;YACN,IAAI,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK;YACxD,GAAG,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG;YACpD,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM;SAC9D;KACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,KAAmB,EACnB,KAAoB,EACpB,iBAA0C,UAAU;IAEpD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5C,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,kBAAkB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IACtE,IAAI,CAAC,YAAY,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;IAC9C,IAAI,cAAc,KAAK,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;QACpC,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC;IACrC,CAAC;IACD,IAAI,CAAC,SAAS,GAAG,kBAAkB,cAAc,KAAK,UAAU,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAC/F,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;IACxC,IAAI,CAAC,WAAW,GAAG,cAAc,KAAK,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;IAC9F,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/components/editable-text/editableTextDom.d.ts

@@ -0,0 +1,5 @@
+import type { EditorRuntime } from "../../translation";
+export declare function readEditableText(element: HTMLElement, multiline: boolean): string;
+export declare function writeEditableText(element: HTMLElement, value: string, runtime: EditorRuntime, blockId: string): void;
+export declare function editableEventTarget(target: EventTarget | null): HTMLElement | null;
+//# sourceMappingURL=editableTextDom.d.ts.map

package/dist/components/editable-text/editableTextDom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"editableTextDom.d.ts","sourceRoot":"","sources":["../../../src/components/editable-text/editableTextDom.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAIvD,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,GAAG,MAAM,CAIjF;AAED,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,MAAM,GACd,IAAI,CAMN;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,WAAW,GAAG,IAAI,CAIlF"}

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

@@ -0,0 +1,24 @@
+import { BINDING_CHIP_ATTR } from "../../bindingChips.js";
+import { renderBindingHtml } from "./bindingHtml.js";
+import { hasBindingChip, looksLikeHtml, richValueFromElement } from "./richHtml.js";
+export function readEditableText(element, multiline) {
+    return multiline || element.querySelector(`[${BINDING_CHIP_ATTR}]`)
+        ? richValueFromElement(element)
+        : element.textContent ?? "";
+}
+export function writeEditableText(element, value, runtime, blockId) {
+    if (looksLikeHtml(value) || hasBindingChip(value)) {
+        element.innerHTML = renderBindingHtml(value, runtime, blockId, "edit");
+    }
+    else {
+        element.textContent = value;
+    }
+}
+export function editableEventTarget(target) {
+    if (target instanceof HTMLElement)
+        return target;
+    if (target instanceof Text)
+        return target.parentElement;
+    return null;
+}
+//# sourceMappingURL=editableTextDom.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editableTextDom.js","sourceRoot":"","sources":["../../../src/components/editable-text/editableTextDom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEjF,MAAM,UAAU,gBAAgB,CAAC,OAAoB,EAAE,SAAkB;IACvE,OAAO,SAAS,IAAI,OAAO,CAAC,aAAa,CAAC,IAAI,iBAAiB,GAAG,CAAC;QACjE,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC;QAC/B,CAAC,CAAC,OAAO,CAAC,WAAW,IAAI,EAAE,CAAC;AAChC,CAAC;AAED,MAAM,UAAU,iBAAiB,CAC/B,OAAoB,EACpB,KAAa,EACb,OAAsB,EACtB,OAAe;IAEf,IAAI,aAAa,CAAC,KAAK,CAAC,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAClD,OAAO,CAAC,SAAS,GAAG,iBAAiB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;IACzE,CAAC;SAAM,CAAC;QACN,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC;IAC9B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,mBAAmB,CAAC,MAA0B;IAC5D,IAAI,MAAM,YAAY,WAAW;QAAE,OAAO,MAAM,CAAC;IACjD,IAAI,MAAM,YAAY,IAAI;QAAE,OAAO,MAAM,CAAC,aAAa,CAAC;IACxD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/components/editable-text/floatingPosition.d.ts

@@ -0,0 +1,25 @@
+export type ViewportSize = {
+    width: number;
+    height: number;
+};
+export type CaretAnchor = {
+    left: number;
+    top: number;
+    bottom: number;
+};
+export declare function bindingPickerPosition(anchor: CaretAnchor, entryCount: number, viewport: ViewportSize): {
+    left: number;
+    top: number;
+    maxHeight: number;
+    width: number;
+};
+export declare function bindingInlineEditorPosition(rect: {
+    left: number;
+    top: number;
+    width: number;
+}, viewport: ViewportSize): {
+    left: number;
+    top: number;
+    width: number;
+};
+//# sourceMappingURL=floatingPosition.d.ts.map

package/dist/components/editable-text/floatingPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"floatingPosition.d.ts","sourceRoot":"","sources":["../../../src/components/editable-text/floatingPosition.ts"],"names":[],"mappings":"AASA,MAAM,MAAM,YAAY,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC;AAExE,wBAAgB,qBAAqB,CACnC,MAAM,EAAE,WAAW,EACnB,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,YAAY;;;;;EAsBvB;AAED,wBAAgB,2BAA2B,CACzC,IAAI,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAClD,QAAQ,EAAE,YAAY;;;;EAiBvB"}

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

@@ -0,0 +1,35 @@
+const VIEWPORT_MARGIN = 8;
+const PICKER_GAP = 5;
+const PICKER_MAX_WIDTH = 320;
+const PICKER_MAX_HEIGHT = 260;
+const PICKER_ROW_HEIGHT = 36;
+const PICKER_MIN_HEIGHT = 48;
+const INLINE_EDITOR_MIN_WIDTH = 96;
+const INLINE_EDITOR_HEIGHT = 36;
+export function bindingPickerPosition(anchor, entryCount, viewport) {
+    const availableWidth = Math.max(0, viewport.width - VIEWPORT_MARGIN * 2);
+    const width = Math.min(PICKER_MAX_WIDTH, Math.max(0, availableWidth));
+    const desiredHeight = Math.min(PICKER_MAX_HEIGHT, Math.max(PICKER_MIN_HEIGHT, entryCount * PICKER_ROW_HEIGHT + VIEWPORT_MARGIN));
+    const left = clamp(anchor.left, VIEWPORT_MARGIN, Math.max(VIEWPORT_MARGIN, viewport.width - width - VIEWPORT_MARGIN));
+    const roomBelow = Math.max(0, viewport.height - anchor.bottom - PICKER_GAP - VIEWPORT_MARGIN);
+    const roomAbove = Math.max(0, anchor.top - PICKER_GAP - VIEWPORT_MARGIN);
+    const placeBelow = roomBelow >= Math.min(desiredHeight, PICKER_MIN_HEIGHT) || roomBelow >= roomAbove;
+    const maxHeight = Math.max(0, Math.min(PICKER_MAX_HEIGHT, placeBelow ? roomBelow : roomAbove));
+    const top = placeBelow
+        ? anchor.bottom + PICKER_GAP
+        : Math.max(VIEWPORT_MARGIN, anchor.top - PICKER_GAP - Math.min(desiredHeight, maxHeight));
+    return { left, top, maxHeight, width };
+}
+export function bindingInlineEditorPosition(rect, viewport) {
+    const availableWidth = Math.max(0, viewport.width - VIEWPORT_MARGIN * 2);
+    const width = Math.min(Math.max(INLINE_EDITOR_MIN_WIDTH, rect.width), availableWidth);
+    return {
+        left: clamp(rect.left, VIEWPORT_MARGIN, Math.max(VIEWPORT_MARGIN, viewport.width - width - VIEWPORT_MARGIN)),
+        top: clamp(rect.top, VIEWPORT_MARGIN, Math.max(VIEWPORT_MARGIN, viewport.height - INLINE_EDITOR_HEIGHT - VIEWPORT_MARGIN)),
+        width,
+    };
+}
+function clamp(value, minimum, maximum) {
+    return Math.min(maximum, Math.max(minimum, value));
+}
+//# sourceMappingURL=floatingPosition.js.map

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

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

package/dist/components/editable-text/formatting.d.ts

@@ -0,0 +1,15 @@
+import type { BatteryThemeTokenName } from "@batterai/contract";
+export type RichHeading = "div" | "h1" | "h2" | "h3";
+export type RichColorToken = Extract<BatteryThemeTokenName, "accent" | "accentStrong" | "ink" | "muted" | "panel">;
+export declare const RICH_COLOR_OPTIONS: readonly {
+    token: RichColorToken;
+    cssVar: string;
+    label: string;
+}[];
+export type SelectionFormatting = {
+    heading: RichHeading | null;
+    color: RichColorToken | null;
+    textTransform: "capitalize" | "lowercase" | "uppercase" | null;
+};
+export declare function selectionFormatting(root: HTMLElement): SelectionFormatting;
+//# sourceMappingURL=formatting.d.ts.map

package/dist/components/editable-text/formatting.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatting.d.ts","sourceRoot":"","sources":["../../../src/components/editable-text/formatting.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACrD,MAAM,MAAM,cAAc,GAAG,OAAO,CAClC,qBAAqB,EACrB,QAAQ,GAAG,cAAc,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CACtD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,SAAS;IACxC,KAAK,EAAE,cAAc,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,EAMA,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC;IAC7B,aAAa,EAAE,YAAY,GAAG,WAAW,GAAG,WAAW,GAAG,IAAI,CAAC;CAChE,CAAC;AAyDF,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG,mBAAmB,CAkB1E"}

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

@@ -0,0 +1,82 @@
+export const RICH_COLOR_OPTIONS = [
+    { token: "ink", cssVar: "canvas-theme-ink", label: "Ink" },
+    { token: "accentStrong", cssVar: "canvas-theme-accent-strong", label: "Strong accent" },
+    { token: "accent", cssVar: "canvas-theme-accent", label: "Accent" },
+    { token: "muted", cssVar: "canvas-theme-muted", label: "Muted" },
+    { token: "panel", cssVar: "canvas-theme-panel", label: "Panel" },
+];
+function elementFor(node) {
+    return node.nodeType === Node.ELEMENT_NODE ? node : node.parentElement;
+}
+function headingFor(element, root) {
+    const block = element?.closest("h1, h2, h3, p, div");
+    if (!block || !root.contains(block))
+        return null;
+    if (block.tagName === "H1")
+        return "h1";
+    if (block.tagName === "H2")
+        return "h2";
+    if (block.tagName === "H3")
+        return "h3";
+    return "div";
+}
+function inlineTokenFor(element, root) {
+    let current = element;
+    while (current && root.contains(current)) {
+        const match = current.getAttribute("style")?.match(/color\s*:\s*var\(--(canvas-theme-(?:ink|accent|accent-strong|muted|panel))\)/i);
+        if (match?.[1])
+            return RICH_COLOR_OPTIONS.find(({ cssVar }) => cssVar.toLowerCase() === match[1].toLowerCase())?.token ?? null;
+        if (current === root)
+            break;
+        current = current.parentElement;
+    }
+    return null;
+}
+function rgbForHex(value) {
+    const match = value.trim().match(/^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i);
+    return match ? `rgb(${parseInt(match[1], 16)}, ${parseInt(match[2], 16)}, ${parseInt(match[3], 16)})` : value.trim();
+}
+function normalizedColor(value) {
+    return rgbForHex(value)
+        .toLowerCase()
+        .replace(/\s+/g, "")
+        .replace(/^rgba\((\d+),(\d+),(\d+),1(?:\.0+)?\)$/, "rgb($1,$2,$3)");
+}
+function computedTokenFor(element) {
+    if (!element)
+        return null;
+    const style = getComputedStyle(element);
+    const color = normalizedColor(style.color);
+    return RICH_COLOR_OPTIONS.find(({ cssVar }) => normalizedColor(style.getPropertyValue(`--${cssVar}`)) === color)?.token ?? null;
+}
+function colorFor(element, root) {
+    return inlineTokenFor(element, root) ?? computedTokenFor(element);
+}
+function transformFor(element, root) {
+    if (!element || !root.contains(element))
+        return null;
+    const value = getComputedStyle(element).textTransform;
+    return value === "uppercase" || value === "lowercase" || value === "capitalize" ? value : null;
+}
+export function selectionFormatting(root) {
+    const selection = window.getSelection();
+    if (!selection || selection.rangeCount === 0)
+        return { heading: null, color: null, textTransform: null };
+    const range = selection.getRangeAt(0);
+    if (!root.contains(range.commonAncestorContainer))
+        return { heading: null, color: null, textTransform: null };
+    const start = elementFor(range.startContainer);
+    const end = elementFor(range.endContainer);
+    const startHeading = headingFor(start, root);
+    const endHeading = headingFor(end, root);
+    const startColor = colorFor(start, root);
+    const endColor = colorFor(end, root);
+    const startTransform = transformFor(start, root);
+    const endTransform = transformFor(end, root);
+    return {
+        heading: startHeading === endHeading ? startHeading : null,
+        color: startColor === endColor ? startColor : null,
+        textTransform: startTransform === endTransform ? startTransform : null,
+    };
+}
+//# sourceMappingURL=formatting.js.map

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

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

package/dist/components/editable-text/richCommands.d.ts

@@ -0,0 +1,9 @@
+import type { RefObject } from "react";
+export type RichCommand = "bold" | "color" | "createLink" | "heading" | "italic" | "removeFormat" | "textTransform";
+/** Applies a formatting command to the current selection inside `textRef`,
+ * restoring `savedRange` first so a toolbar click (which blurs the field)
+ * still targets the text the user had selected. */
+export declare function applyRichCommand(textRef: RefObject<HTMLElement | null>, onEditing: () => void, command: RichCommand, value?: string, savedRange?: Range | null): void;
+/** Prompts for a link URL and wraps the (pre-blur) selection in an anchor. */
+export declare function promptCreateLink(textRef: RefObject<HTMLElement | null>, onEditing: () => void): void;
+//# sourceMappingURL=richCommands.d.ts.map

package/dist/components/editable-text/richCommands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"richCommands.d.ts","sourceRoot":"","sources":["../../../src/components/editable-text/richCommands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,OAAO,GACP,YAAY,GACZ,SAAS,GACT,QAAQ,GACR,cAAc,GACd,eAAe,CAAC;AAEpB;;mDAEmD;AACnD,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACtC,SAAS,EAAE,MAAM,IAAI,EACrB,OAAO,EAAE,WAAW,EACpB,KAAK,CAAC,EAAE,MAAM,EACd,UAAU,eAAuC,QAsBlD;AAED,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACtC,SAAS,EAAE,MAAM,IAAI,QAKtB"}

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

@@ -0,0 +1,41 @@
+import { formatSelectionBlock, removeSelectionFormatting, restoreSelection, selectedRangeInside, wrapSelection, } from "./selection.js";
+/** Applies a formatting command to the current selection inside `textRef`,
+ * restoring `savedRange` first so a toolbar click (which blurs the field)
+ * still targets the text the user had selected. */
+export function applyRichCommand(textRef, onEditing, command, value, savedRange = selectedRangeInside(textRef.current)) {
+    const element = textRef.current;
+    if (!element)
+        return;
+    element.focus({ preventScroll: true });
+    restoreSelection(savedRange);
+    if (command === "bold") {
+        wrapSelection("strong");
+    }
+    else if (command === "italic") {
+        wrapSelection("em");
+    }
+    else if (command === "createLink" && value) {
+        wrapSelection("a", { href: value, rel: "noopener noreferrer", target: "_blank" });
+    }
+    else if (command === "removeFormat") {
+        removeSelectionFormatting();
+    }
+    else if (command === "heading" && /^(div|h1|h2|h3)$/.test(value ?? "")) {
+        formatSelectionBlock(value);
+    }
+    else if (command === "color" && /^(ink|accent|accentStrong|muted|panel)$/.test(value ?? "")) {
+        wrapSelection("span", { style: `color: var(--${value === "accentStrong" ? "accent-strong" : value})` });
+    }
+    else if (command === "textTransform" && /^(none|uppercase|lowercase|capitalize)$/.test(value ?? "")) {
+        wrapSelection("span", { style: `text-transform: ${value}` });
+    }
+    onEditing();
+}
+/** Prompts for a link URL and wraps the (pre-blur) selection in an anchor. */
+export function promptCreateLink(textRef, onEditing) {
+    const savedRange = selectedRangeInside(textRef.current)?.cloneRange() ?? null;
+    const href = window.prompt("Link URL");
+    if (href)
+        applyRichCommand(textRef, onEditing, "createLink", href, savedRange);
+}
+//# sourceMappingURL=richCommands.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"richCommands.js","sourceRoot":"","sources":["../../../src/components/editable-text/richCommands.ts"],"names":[],"mappings":"AACA,OAAO,EACL,oBAAoB,EACpB,yBAAyB,EACzB,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,GACd,MAAM,aAAa,CAAC;AAWrB;;mDAEmD;AACnD,MAAM,UAAU,gBAAgB,CAC9B,OAAsC,EACtC,SAAqB,EACrB,OAAoB,EACpB,KAAc,EACd,UAAU,GAAG,mBAAmB,CAAC,OAAO,CAAC,OAAO,CAAC;IAEjD,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC;IAChC,IAAI,CAAC,OAAO;QAAE,OAAO;IACrB,OAAO,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;IACvC,gBAAgB,CAAC,UAAU,CAAC,CAAC;IAC7B,IAAI,OAAO,KAAK,MAAM,EAAE,CAAC;QACvB,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC;SAAM,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;QAChC,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;SAAM,IAAI,OAAO,KAAK,YAAY,IAAI,KAAK,EAAE,CAAC;QAC7C,aAAa,CAAC,GAAG,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,qBAAqB,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;IACpF,CAAC;SAAM,IAAI,OAAO,KAAK,cAAc,EAAE,CAAC;QACtC,yBAAyB,EAAE,CAAC;IAC9B,CAAC;SAAM,IAAI,OAAO,KAAK,SAAS,IAAI,kBAAkB,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC;QACzE,oBAAoB,CAAC,KAAmC,CAAC,CAAC;IAC5D,CAAC;SAAM,IAAI,OAAO,KAAK,OAAO,IAAI,yCAAyC,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC;QAC9F,aAAa,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,gBAAgB,KAAK,KAAK,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC,CAAC;IAC1G,CAAC;SAAM,IAAI,OAAO,KAAK,eAAe,IAAI,yCAAyC,CAAC,IAAI,CAAC,KAAK,IAAI,EAAE,CAAC,EAAE,CAAC;QACtG,aAAa,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,mBAAmB,KAAK,EAAE,EAAE,CAAC,CAAC;IAC/D,CAAC;IACD,SAAS,EAAE,CAAC;AACd,CAAC;AAED,8EAA8E;AAC9E,MAAM,UAAU,gBAAgB,CAC9B,OAAsC,EACtC,SAAqB;IAErB,MAAM,UAAU,GAAG,mBAAmB,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,UAAU,EAAE,IAAI,IAAI,CAAC;IAC9E,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IACvC,IAAI,IAAI;QAAE,gBAAgB,CAAC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC;AACjF,CAAC"}

package/dist/components/editable-text/richHtml.d.ts

@@ -0,0 +1,5 @@
+export declare function looksLikeHtml(value: string): boolean;
+export declare function sanitizeRichHtml(value: string): string;
+export declare function hasBindingChip(value: string): boolean;
+export declare function richValueFromElement(element: HTMLElement): string;
+//# sourceMappingURL=richHtml.d.ts.map

package/dist/components/editable-text/richHtml.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"richHtml.d.ts","sourceRoot":"","sources":["../../../src/components/editable-text/richHtml.ts"],"names":[],"mappings":"AAgDA,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,WAE1C;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,UAkD7C;AAsCD,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,WAE3C;AAED,wBAAgB,oBAAoB,CAAC,OAAO,EAAE,WAAW,UAExD"}