@web-atoms/web-controls 2.5.38 → 2.5.40

package/dist-esm/html-editor/AtomHtmlEditor.js

@@ -0,0 +1,349 @@
+import { __decorate, __metadata } from "tslib";
+import { AtomBinder } from "@web-atoms/core/dist/core/AtomBinder.js";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import AtomRepeater from "../basic/AtomRepeater.js";
+import AddImage, { showImageDialog } from "./commands/AddImage.js";
+import AddLink from "./commands/AddLink.js";
+import Align from "./commands/Align.js";
+import AttachFile from "./commands/AttachFile.js";
+import Bold from "./commands/Bold.js";
+import ChangeColor from "./commands/ChangeColor.js";
+import ChangeFont from "./commands/ChangeFont.js";
+import ChangeFontSize from "./commands/ChangeFontSize.js";
+import Headings from "./commands/Headings.js";
+import HorizontalRule from "./commands/HorizontalRule.js";
+import IndentLess from "./commands/IndentLess.js";
+import IndentMore from "./commands/IndentMore.js";
+import Italic from "./commands/Italic.js";
+import NumberedList from "./commands/NumberedList.js";
+import RemoveFormat from "./commands/RemoveFormat.js";
+import Separator from "./commands/Separator.js";
+import Source from "./commands/Source.js";
+import StrikeThrough from "./commands/StrikeThrough.js";
+import Underline from "./commands/Underline.js";
+import Unlink from "./commands/Unlink.js";
+import UnorderedList from "./commands/UnorderedList.js";
+import Toolbar from "./commands/Toolbar.js";
+export { default as Toolbar } from "./commands/Toolbar.js";
+import "../styles/atom-html-editor.global.css";
+const link = document.createElement("link");
+link.href = "https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css";
+link.rel = "preload";
+link.as = "style";
+link.onload = () => {
+    link.onload = null;
+    link.rel = "stylesheet";
+};
+document.head.appendChild(link);
+function preventLinkClick(e, editor, doc) {
+    let target = e.target;
+    const body = doc.body;
+    while (target) {
+        if (target.getAttribute("data-prompt")) {
+            break;
+        }
+        if (target === body) {
+            break;
+        }
+        if (target.isContentEditable) {
+            editor.dispatchEvent(new MouseEvent("click", {
+                bubbles: true,
+                cancelable: true
+            }));
+            return;
+        }
+        if (target.tagName === "A") {
+            e.preventDefault();
+        }
+        target = target.parentElement;
+    }
+    target = e.target;
+    const originalTarget = target;
+    const data = new Proxy(originalTarget, {
+        get(target, p) {
+            if (typeof p !== "string") {
+                return;
+            }
+            while (target) {
+                const value = target.dataset[p];
+                if (value !== void 0) {
+                    return value;
+                }
+                target = target.parentElement;
+            }
+        }
+    });
+    editor.dispatchEvent(new CustomEvent("editorClick", {
+        detail: {
+            target,
+            data
+        },
+        bubbles: true,
+        cancelable: true
+    }));
+    editor.dispatchEvent(new MouseEvent("click", {
+        bubbles: true,
+        cancelable: true
+    }));
+}
+export default class AtomHtmlEditor extends AtomControl {
+    content;
+    header;
+    version;
+    files;
+    editor;
+    tags;
+    eventDocumentCreated;
+    eventDocumentUpdated;
+    eventCommand;
+    get htmlContent() {
+        try {
+            return this.editor?.innerHTML ?? this.initialContent;
+        }
+        catch (ex) {
+            console.warn(ex);
+        }
+    }
+    set htmlContent(v) {
+        if (this.editor) {
+            this.editor.innerHTML = v;
+        }
+        else {
+            this.initialContent = v;
+        }
+        AtomBinder.refreshValue(this, "htmlContent");
+    }
+    editorWindow;
+    editorDocument;
+    initialContent;
+    insertImage(s, e) {
+        return showImageDialog(s, e);
+    }
+    executeCommand(cmd, showUI, value) {
+        const r = this.editorDocument.execCommand(cmd, showUI, value);
+        setTimeout(() => this.version++, 1);
+        return r;
+    }
+    queryCommandState(cmd, ...a) {
+        return this.editorDocument.queryCommandState(cmd);
+    }
+    getStyle(name, v) {
+        try {
+            const node = this.editorWindow.getSelection().getRangeAt(0);
+            const e = node.startContainer.parentElement;
+            return this.editorWindow.getComputedStyle(e)[name];
+        }
+        catch (ex) {
+            return null;
+        }
+    }
+    onPropertyChanged(name) {
+        super.onPropertyChanged(name);
+        if (name === "tags") {
+            this.setupTags();
+        }
+    }
+    setupTags() {
+        const doc = this.editorDocument;
+        if (!doc) {
+            return;
+        }
+        if (Array.isArray(this.tags)) {
+            for (const { name, style } of this.tags) {
+                if (style) {
+                    const styleElement = doc.createElement("style");
+                    styleElement.textContent = `*[data-command=${name}] {
+                        ${style.toStyleSheet()}
+                    }`;
+                    doc.head.appendChild(styleElement);
+                }
+            }
+        }
+    }
+    preCreate() {
+        this.version = 1;
+        this.files = [];
+        this.runAfterInit(() => {
+            this.setup();
+        });
+        this.element.classList.add("atom-control-html-editor");
+        this.element.classList.add("html-editor");
+    }
+    onPasteEvent(e) {
+        if (!e.clipboardData.types.find((x) => x === "text/html")) {
+            return;
+        }
+        const d = e.clipboardData.getData("text/plain");
+        if (d) {
+            const s = window.getSelection();
+            const r = s.getRangeAt(0);
+            let last;
+            const tags = [];
+            for (const iterator of d.split("\n")) {
+                const text = iterator.trim();
+                if (!text) {
+                    continue;
+                }
+                last = document.createElement("p");
+                last.innerText = iterator;
+                tags.push(last);
+            }
+            while (tags.length) {
+                r.insertNode(tags.pop());
+            }
+            r.setStartAfter(last);
+        }
+        e.preventDefault();
+    }
+    onInputEvent(e) {
+        console.log(e);
+    }
+    setup() {
+        const frame = this.element.getElementsByTagName("iframe")[0];
+        const doc = frame.contentWindow.document;
+        doc.open();
+        const baseUrl = `${location.protocol}//${location.host}`;
+        doc.writeln(`<base href="${baseUrl}"></base><div id="editor"><p>&nbsp;</p></div>`);
+        doc.close();
+        const style = doc.createElement("style");
+        style.textContent = `body {
+            font-family: arial,sans-serif
+        }
+        #editor {
+            min-height: 500px;
+        }
+        *[data-prompt] {
+            background: yellow
+        }
+        `;
+        doc.head.appendChild(style);
+        doc.body.addEventListener("click", (e) => preventLinkClick(e, this.element, doc));
+        this.editor = doc.getElementById("editor");
+        this.editor.contentEditable = "true";
+        this.editor.innerHTML = this.initialContent ?? "";
+        doc.execCommand("styleWithCSS");
+        doc.execCommand("insertBrOnReturn");
+        const updateVersion = () => setTimeout(() => {
+            this.version++;
+            AtomBinder.refreshValue(this, "htmlContent");
+            this.element.dispatchEvent(new CustomEvent("documentUpdated", {
+                detail: this.editor
+            }));
+            this.documentUpdated(this.editor);
+        }, 1);
+        this.editor.addEventListener("click", updateVersion);
+        this.editor.addEventListener("keydown", updateVersion);
+        this.editor.addEventListener("keypress", updateVersion);
+        this.editor.addEventListener("input", updateVersion);
+        this.editorWindow = frame.contentWindow;
+        this.editorDocument = doc;
+        updateVersion();
+        this.documentCreated(this.editor);
+        this.element.dispatchEvent(new CustomEvent("documentCreated", {
+            detail: this.editor
+        }));
+        this.registerDisposable({
+            dispose: () => {
+                this.editor.removeEventListener("click", updateVersion);
+                this.editor.removeEventListener("keydown", updateVersion);
+                this.editor.removeEventListener("keypress", updateVersion);
+                this.editor.removeEventListener("input", updateVersion);
+            }
+        });
+        this.bindEvent(this.element, "editorClick", (ce) => {
+            const { detail: { data, target } } = ce;
+            if (data.prompt) {
+                const element = target;
+                const result = prompt("Enter " + (data.promptTitle ?? data.prompt), data.promptDefault);
+                if (result) {
+                    const replace = (data.replace ?? "textContent").split(",").map((x) => x.trim());
+                    for (const iterator of replace) {
+                        const template = element.getAttribute("data-" + iterator + "-template") || element.getAttribute("data-template");
+                        if (template) {
+                            element[iterator] = template.replace(data.prompt, result);
+                        }
+                        else {
+                            element[iterator] = result;
+                        }
+                    }
+                }
+                return;
+            }
+            if (this.tags) {
+                for (const { name, handler } of this.tags) {
+                    if (name === data.command || name === data.clickEvent) {
+                        handler(ce);
+                    }
+                }
+            }
+        });
+        this.setupTags();
+    }
+    documentCreated(e) {
+    }
+    documentUpdated(e) {
+    }
+    render(node, e, creator) {
+        this.render = super.render;
+        if (!node.children || node.children.length === 0) {
+            node.children[0] = XNode.create(Toolbar, null,
+                XNode.create(Bold, null),
+                XNode.create(Italic, null),
+                XNode.create(Underline, null),
+                XNode.create(StrikeThrough, null),
+                XNode.create(Align, null),
+                XNode.create(Separator, null),
+                XNode.create(Headings, null),
+                XNode.create(ChangeColor, null),
+                XNode.create(HorizontalRule, null),
+                XNode.create(Separator, null),
+                XNode.create(ChangeFont, null),
+                XNode.create(ChangeFontSize, null),
+                XNode.create(Separator, null),
+                XNode.create(NumberedList, null),
+                XNode.create(UnorderedList, null),
+                XNode.create(IndentLess, null),
+                XNode.create(IndentMore, null),
+                XNode.create(Separator, null),
+                XNode.create(AddImage, null),
+                XNode.create(AttachFile, null),
+                XNode.create(Separator, null),
+                XNode.create(AddLink, null),
+                XNode.create(Unlink, null),
+                XNode.create(RemoveFormat, null),
+                XNode.create(Separator, null),
+                XNode.create(Source, null));
+        }
+        super.render(XNode.create("div", { ...node.attributes },
+            ...node.children,
+            XNode.create(AtomRepeater, { class: "files", "event-item-delete": (ce) => this.files.remove(ce.detail), items: Bind.oneWay(() => this.files), itemRenderer: (file) => XNode.create("div", { class: "file" },
+                    XNode.create("i", { class: "ri-attachment-2" }),
+                    XNode.create("label", { text: file.name }),
+                    XNode.create("i", { "data-click-event": "item-delete", class: "ri-close-circle-fill" })) }),
+            XNode.create("iframe", { class: "editor-frame" })));
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], AtomHtmlEditor.prototype, "content", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Array)
+], AtomHtmlEditor.prototype, "header", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Number)
+], AtomHtmlEditor.prototype, "version", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Array)
+], AtomHtmlEditor.prototype, "files", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Array)
+], AtomHtmlEditor.prototype, "tags", void 0);
+//# sourceMappingURL=AtomHtmlEditor.js.map

package/dist-esm/html-editor/AtomHtmlEditor.js.map

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

package/dist-esm/html-editor/HtmlEditorCommands.d.ts

@@ -0,0 +1,7 @@
+import { IRangeUpdate } from "./RangeEditor.js";
+export interface IHtmlEditorCommand {
+    [key: string]: (e: IRangeUpdate) => void;
+}
+declare const HtmlEditorCommands: IHtmlEditorCommand;
+export default HtmlEditorCommands;
+//# sourceMappingURL=HtmlEditorCommands.d.ts.map

package/dist-esm/html-editor/HtmlEditorCommands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlEditorCommands.d.ts","sourceRoot":"","sources":["../../src/html-editor/HtmlEditorCommands.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,MAAM,WAAW,kBAAkB;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CAC5C;AAGD,QAAA,MAAM,kBAAkB,EAMnB,kBAAkB,CAAC;AAExB,eAAe,kBAAkB,CAAC"}

package/dist-esm/html-editor/HtmlEditorCommands.js

@@ -0,0 +1,6 @@
+const HtmlEditorCommands = {
+    bold({ range, check, update }) {
+    }
+};
+export default HtmlEditorCommands;
+//# sourceMappingURL=HtmlEditorCommands.js.map

package/dist-esm/html-editor/HtmlEditorCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlEditorCommands.js","sourceRoot":"","sources":["../../src/html-editor/HtmlEditorCommands.tsx"],"names":[],"mappings":"AAOA,MAAM,kBAAkB,GAAG;IAEvB,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAC;IAE5B,CAAC;CAEkB,CAAC;AAExB,eAAe,kBAAkB,CAAC"}

package/dist-esm/html-editor/InlineHtmlEditor.d.ts

@@ -0,0 +1,41 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "@web-atoms/data-styles/data-styles";
+import { FilesAvailableEventArgs } from "../basic/UploadEvent.js";
+import "../styles/inline-html-editor.global.css";
+export default class InlineHtmlEditor extends AtomControl {
+    undoLimit: number;
+    "event-content-changed"?: (ce: CustomEvent<string>) => any;
+    "event-content-ready"?: (ce: CustomEvent<HTMLElement>) => any;
+    "event-load-suggestions"?: (ce: CustomEvent<string>) => any;
+    "event-files-available"?: (ce: FilesAvailableEventArgs) => any;
+    editableSelector: string;
+    sanitizeHtml: (node: HTMLElement) => void;
+    get htmlContent(): string;
+    set htmlContent(v: string);
+    get htmlTextContent(): {
+        html: string;
+        text: string;
+    };
+    get content(): string;
+    set content(value: string);
+    set toolbar(v: () => XNode);
+    editor: HTMLElement;
+    private version;
+    private selection;
+    private toolbarElement;
+    private token;
+    protected executeCommand(command: string, showUI?: boolean, value?: string): boolean;
+    protected getStyle(name: string): any;
+    protected queryCommandState(command: string): boolean;
+    protected onContentSet(): void;
+    protected saveSelection(): void;
+    insertImage(s: any, e: Event): string | Promise<string>;
+    protected preCreate(): void;
+    protected updateQueryCommand(e?: Event): void;
+    protected onDrop(e: DragEvent): void;
+    protected onPasteEvent(e: ClipboardEvent): void;
+    protected contentModified(): void;
+    private onContentInput;
+}
+//# sourceMappingURL=InlineHtmlEditor.d.ts.map

package/dist-esm/html-editor/InlineHtmlEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineHtmlEditor.d.ts","sourceRoot":"","sources":["../../src/html-editor/InlineHtmlEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAGvD,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAG/E,OAAO,oCAAoC,CAAC;AAE5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAElE,OAAO,yCAAyC,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,gBAAiB,SAAQ,WAAW;IAK9C,SAAS,SAAO;IAEhB,uBAAuB,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC;IAC3D,qBAAqB,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC,WAAW,CAAC,KAAK,GAAG,CAAC;IAC9D,wBAAwB,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC,MAAM,CAAC,KAAK,GAAG,CAAC;IAC5D,uBAAuB,CAAC,EAAE,CAAC,EAAE,EAAE,uBAAuB,KAAK,GAAG,CAAC;IAE/D,gBAAgB,EAAE,MAAM,CAAe;IAEvC,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAOjD,IAAW,WAAW,IAII,MAAM,CAF/B;IAED,IAAW,WAAW,CAAC,CAAC,EAAE,MAAM,EAE/B;IAED,IAAW,eAAe;;;MAczB;IAED,IAAW,OAAO,IAIQ,MAAM,CAF/B;IAED,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,EAG/B;IAED,IAAW,OAAO,CAAC,CAAC,EAAE,MAAM,KAAK,EAIhC;IAEM,MAAM,EAAE,WAAW,CAAC;IAE3B,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,SAAS,CAAQ;IAGzB,OAAO,CAAC,cAAc,CAAc;IAEpC,OAAO,CAAC,KAAK,CAAc;IAE3B,SAAS,CAAC,cAAc,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM;IAgC1E,SAAS,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM;IAgB/B,SAAS,CAAC,iBAAiB,CAAC,OAAO,EAAE,MAAM;IAgB3C,SAAS,CAAC,YAAY;IAStB,SAAS,CAAC,aAAa;IAKhB,WAAW,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK;IAInC,SAAS,CAAC,SAAS,IAAI,IAAI;IAoB3B,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,KAAK;IA0BtC,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,SAAS;IAkB7B,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,cAAc;IAgCxC,SAAS,CAAC,eAAe;IAIzB,OAAO,CAAC,cAAc;CAYzB"}

package/dist-esm/html-editor/InlineHtmlEditor.js

@@ -0,0 +1,184 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import sleep from "@web-atoms/core/dist/core/sleep.js";
+import { CancelToken } from "@web-atoms/core/dist/core/types.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { ChildEnumerator, descendentElementIterator } from "@web-atoms/core/dist/web/core/AtomUI.js";
+import "@web-atoms/data-styles/data-styles";
+import { showImageDialog } from "./commands/AddImage.js";
+import "../styles/inline-html-editor.global.css";
+export default class InlineHtmlEditor extends AtomControl {
+    undoLimit = 100;
+    "event-content-changed";
+    "event-content-ready";
+    "event-load-suggestions";
+    "event-files-available";
+    editableSelector = ".editable";
+    sanitizeHtml;
+    get htmlContent() {
+        return this.htmlTextContent.html;
+    }
+    set htmlContent(v) {
+        this.content = v;
+    }
+    get htmlTextContent() {
+        const copy = document.createElement("div");
+        copy.innerHTML = this.editor.innerHTML;
+        for (const node of descendentElementIterator(copy)) {
+            node.removeAttribute("contenteditable");
+        }
+        this.sanitizeHtml?.(copy);
+        return { html: copy.innerHTML, text: copy.innerText };
+    }
+    get content() {
+        return this.editor.innerHTML;
+    }
+    set content(value) {
+        this.editor.innerHTML = value;
+        setTimeout(() => this.onContentSet(), 100);
+    }
+    set toolbar(v) {
+        this.dispose(this.toolbarElement);
+        this.toolbarElement.innerHTML = "";
+        this.render(v(), this.toolbarElement, this);
+    }
+    editor;
+    version;
+    selection;
+    toolbarElement;
+    token;
+    executeCommand(command, showUI, value) {
+        const selection = window.getSelection();
+        selection.removeAllRanges();
+        if (!this.selection) {
+            const range = document.createRange();
+            const start = ChildEnumerator.find(this.editor, (x) => x.isContentEditable) ?? this.editor.firstElementChild;
+            range.setEndAfter(start.lastChild);
+            range.setStartAfter(start.lastChild);
+            selection.addRange(range);
+        }
+        else {
+            selection.addRange(this.selection);
+        }
+        return document.execCommand(command, showUI, value);
+    }
+    getStyle(name) {
+        const selection = this.selection;
+        if (!selection) {
+            return void 0;
+        }
+        const node = selection;
+        const e = node.startContainer.parentElement;
+        return window.getComputedStyle(e)[name];
+    }
+    queryCommandState(command) {
+        return document.queryCommandState(command);
+    }
+    onContentSet() {
+        const start = Array.from(this.editor.querySelectorAll(this.editableSelector))[0] ?? this.editor.firstElementChild;
+        if (start) {
+            start.contentEditable = "true";
+        }
+        this.editor.dispatchEvent(new CustomEvent("contentReady", { detail: this.editor.innerHTML, bubbles: true }));
+    }
+    saveSelection() {
+        const selection = window.getSelection();
+        this.selection = selection.rangeCount === 0 ? null : selection.getRangeAt(0);
+    }
+    insertImage(s, e) {
+        return showImageDialog(s, e);
+    }
+    preCreate() {
+        this.version = 1;
+        this.element.setAttribute("data-inline-editor", "inline-editor");
+        this.render(XNode.create("div", null,
+            XNode.create("div", { "data-element": "toolbar" }),
+            XNode.create("div", { "data-element": "editor" })));
+        this.editor = this.element.querySelector(`[data-element=editor]`);
+        this.toolbarElement = this.element.querySelector(`[data-element=toolbar]`);
+        this.bindEvent(this.editor, "blur", () => this.saveSelection(), void 0, true);
+        this.bindEvent(this.editor, "input", (e) => this.onContentInput(e));
+        this.bindEvent(this.editor, "keydown", (e) => this.updateQueryCommand());
+        this.bindEvent(this.editor, "click", (e) => this.updateQueryCommand(e));
+        this.bindEvent(this.editor, "paste", (e) => this.onPasteEvent(e));
+        this.bindEvent(this.editor, "cut", () => this.onContentInput());
+        this.bindEvent(this.editor, "drop", (e) => this.onDrop(e));
+    }
+    updateQueryCommand(e) {
+        if (e?.type === "click") {
+            if (!this.editor.textContent) {
+                let first = this.editor.firstElementChild;
+                if (!first) {
+                    first = document.createElement("div");
+                    first.innerHTML = "<p><br/></p>";
+                    this.editor.appendChild(first);
+                }
+                else {
+                    if (!first.lastChild) {
+                        first.innerHTML = "<p></br></b>";
+                    }
+                }
+            }
+        }
+        this.version++;
+    }
+    onDrop(e) {
+        e.preventDefault();
+        const text = e.dataTransfer.getData("text/plain");
+        if (!text) {
+            return;
+        }
+        let last = null;
+        for (const node of descendentElementIterator(this.element)) {
+            if (node.isContentEditable) {
+                last = node;
+                continue;
+            }
+        }
+        if (last) {
+            last.appendChild(document.createTextNode(text));
+        }
+    }
+    onPasteEvent(e) {
+        if (!e.clipboardData.types.find((x) => x === "text/html")) {
+            this.onContentInput();
+            return;
+        }
+        const d = e.clipboardData.getData("text/plain");
+        if (d) {
+            const s = window.getSelection();
+            const r = s.getRangeAt(0);
+            let last;
+            const tags = [];
+            for (const iterator of d.split("\n")) {
+                const text = iterator.trim();
+                if (!text) {
+                    continue;
+                }
+                last = document.createElement("p");
+                last.innerText = iterator;
+                tags.push(last);
+            }
+            while (tags.length) {
+                r.insertNode(tags.pop());
+            }
+            r.setStartAfter(last);
+            this.onContentInput();
+        }
+        e.preventDefault();
+    }
+    contentModified() {
+        this.element.dispatchEvent(new CustomEvent("contentChanged", { detail: this.editor.innerHTML, bubbles: true }));
+    }
+    onContentInput(e) {
+        this.token?.cancel();
+        const token = this.token = new CancelToken();
+        this.app.runAsync(async () => {
+            await sleep(500, token, false);
+            if (token.cancelled) {
+                return;
+            }
+            this.contentModified();
+        });
+    }
+}
+//# sourceMappingURL=InlineHtmlEditor.js.map

package/dist-esm/html-editor/InlineHtmlEditor.js.map

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

package/dist-esm/html-editor/RangeEditor.d.ts

@@ -0,0 +1,19 @@
+export declare const checkAnyParent: (check: (e: HTMLElement) => boolean) => (e: HTMLElement) => boolean;
+export interface IRangeUpdate {
+    range: Range;
+    check: (e: HTMLElement) => boolean;
+    update: (e: HTMLElement, v?: any) => HTMLElement;
+    value?: any;
+}
+export interface IRangeCommand {
+    check: (e: HTMLElement) => boolean;
+    update: (e: HTMLElement, v?: any) => HTMLElement;
+    value?: any;
+}
+export default class RangeEditor {
+    static updateAttribute(range: Range, name: string, value: string, anyParent?: boolean): void;
+    static checkRange({ range, check, }: IRangeUpdate): boolean;
+    static updateRange({ range, check, update, value }: IRangeUpdate): void;
+}
+export declare const RangeEditorCommands: Record<string, IRangeCommand>;
+//# sourceMappingURL=RangeEditor.d.ts.map

package/dist-esm/html-editor/RangeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeEditor.d.ts","sourceRoot":"","sources":["../../src/html-editor/RangeEditor.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,GAAI,OAAO,CAAC,CAAC,EAAE,WAAW,KAAK,OAAO,MAAM,GAAG,WAAW,YAQpF,CAAC;AAEF,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,KAAK,CAAC;IACb,KAAK,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC;IACnC,MAAM,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,WAAW,CAAC;IACjD,KAAK,CAAC,EAAE,GAAG,CAAC;CACf;AAED,MAAM,WAAW,aAAa;IAC1B,KAAK,EAAE,CAAC,CAAC,EAAE,WAAW,KAAK,OAAO,CAAC;IACnC,MAAM,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,WAAW,CAAC;IACjD,KAAK,CAAC,EAAE,GAAG,CAAC;CACf;AAED,MAAM,CAAC,OAAO,OAAO,WAAW;WAEd,eAAe,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,GAAE,OAAc;WAUpF,UAAU,CACpB,EACI,KAAK,EACL,KAAK,GACR,EAAE,YAAY;WASL,WAAW,CACrB,EACI,KAAK,EACL,KAAK,EACL,MAAM,EACN,KAAK,EACR,EAAE,YAAY;CAKtB;AAkBD,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAmB7D,CAAC"}