@web-atoms/web-controls 2.5.39 → 2.5.40

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

@@ -0,0 +1,61 @@
+export const checkAnyParent = (check) => (e) => {
+    while (e) {
+        if (check(e)) {
+            return true;
+        }
+        e = e.parentElement;
+    }
+    return false;
+};
+export default class RangeEditor {
+    static updateAttribute(range, name, value, anyParent = true) {
+        return this.updateRange({
+            range,
+            check: anyParent
+                ? checkAnyParent((e) => e.getAttribute(name) === value)
+                : (e) => e.getAttribute(name) === value,
+            update: (e) => (e.setAttribute(name, value), e)
+        });
+    }
+    static checkRange({ range, check, }) {
+        const root = range.startContainer.nodeType !== Node.ELEMENT_NODE
+            ? range.startContainer.parentElement
+            : range.startContainer;
+        return check(root);
+    }
+    static updateRange({ range, check, update, value }) {
+    }
+}
+const updateAttribute = (name, value, anyParent = true) => ({
+    update: (e, v = value) => (e.setAttribute(name, v), e),
+    check: anyParent
+        ? checkAnyParent((e) => e.getAttribute(name) === value)
+        : (e) => e.getAttribute(name) === value
+});
+const updateStyle = (name, value, anyParent = true) => ({
+    update: (e, v = value) => (e.style[name] = v, e),
+    check: anyParent
+        ? checkAnyParent((e) => e.style[name] === value)
+        : (e) => e.style[name] === value
+});
+export const RangeEditorCommands = {
+    bold: updateStyle("fontWeight", "bold"),
+    italic: updateStyle("fontStyle", "italic"),
+    underline: updateStyle("textDecoration", "underline"),
+    strikeThrough: updateStyle("textDecoration", "line-through"),
+    foreColor: {
+        check: () => false,
+        update: (e, value) => {
+            e.style.color = value;
+            return e;
+        }
+    },
+    removeFormat: {
+        check: () => false,
+        update: (e) => {
+            e.removeAttribute("style");
+            return e;
+        }
+    }
+};
+//# sourceMappingURL=RangeEditor.js.map

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

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

package/dist-esm/html-editor/commands/AddImage.d.ts

@@ -0,0 +1,7 @@
+import type AtomHtmlEditor from "../AtomHtmlEditor.js";
+export declare function showImageDialog(s: AtomHtmlEditor, e: Event): Promise<string> | string;
+export default function AddImage({ eventInsertHtml, insertCommand }: {
+    eventInsertHtml?: (s: AtomHtmlEditor, e: Event) => string | Promise<string>;
+    insertCommand?: import("./HtmlCommands.js").IHtmlCommand;
+}): any;
+//# sourceMappingURL=AddImage.d.ts.map

package/dist-esm/html-editor/commands/AddImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddImage.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/AddImage.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAC;AAsCvD,wBAAgB,eAAe,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAErF;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,eAAsE,EACtE,aAAwC,EAC3C;0BAFyB,cAAc,KAAK,KAAK;;CAEjD,OAQA"}

package/dist-esm/html-editor/commands/AddImage.js

@@ -0,0 +1,50 @@
+import { __decorate, __metadata } from "tslib";
+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 PopupService, { PopupWindow } from "@web-atoms/core/dist/web/services/PopupService.js";
+import FormField from "../../basic/FormField.js";
+import CommandButton from "./CommandButton.js";
+import HtmlCommands from "./HtmlCommands.js";
+class ImageDialog extends PopupWindow {
+    link;
+    alt;
+    create() {
+        this.link = "";
+        this.alt = "";
+        this.render(XNode.create("div", null,
+            XNode.create(FormField, { label: "Url" },
+                XNode.create("input", { value: Bind.twoWaysImmediate(() => this.link) })),
+            XNode.create(FormField, { label: "Alt" },
+                XNode.create("input", { value: Bind.twoWaysImmediate(() => this.alt) })),
+            XNode.create("div", { class: "command-bar" },
+                XNode.create("button", { eventClick: () => this.close(this.createImage()), text: "Add" }))));
+    }
+    createImage() {
+        if (this.alt) {
+            return `<img src="${this.link}" alt="${this.alt}" />`;
+        }
+        return `<img src="${this.link}"/>`;
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], ImageDialog.prototype, "link", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], ImageDialog.prototype, "alt", void 0);
+export function showImageDialog(s, e) {
+    return PopupService.showWindow(e.currentTarget, ImageDialog, { title: "Add Image" });
+}
+export default function AddImage({ eventInsertHtml = (s, e) => s.insertImage(s, e), insertCommand = HtmlCommands.insertImage }) {
+    return CommandButton({
+        icon: "ri-image-add-fill",
+        insertCommand,
+        disabled: false,
+        title: "Insert Image",
+        eventInsertHtml
+    });
+}
+//# sourceMappingURL=AddImage.js.map

package/dist-esm/html-editor/commands/AddImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddImage.js","sourceRoot":"","sources":["../../../src/html-editor/commands/AddImage.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,mCAAmC,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,YAAY,EAAE,EAAE,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAC9F,OAAO,SAAS,MAAM,0BAA0B,CAAC;AAEjD,OAAO,aAAyB,MAAM,oBAAoB,CAAC;AAC3D,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,MAAM,WAAY,SAAQ,WAAW;IAG1B,IAAI,CAAS;IAGb,GAAG,CAAS;IAET,MAAM;QACZ,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;QACd,IAAI,CAAC,MAAM,CAAC;YACR,aAAC,SAAS,IAAC,KAAK,EAAC,KAAK;gBAClB,wBAAO,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAC/C;YACZ,aAAC,SAAS,IAAC,KAAK,EAAC,KAAK;gBAClB,wBAAO,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAC9C;YACZ,sBAAK,KAAK,EAAC,aAAa;gBACpB,yBACI,UAAU,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,EAChD,IAAI,EAAC,KAAK,GAAE,CACd,CACJ,CAAC,CAAC;IACZ,CAAC;IAEO,WAAW;QACf,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACX,OAAO,aAAa,IAAI,CAAC,IAAI,UAAU,IAAI,CAAC,GAAG,MAAM,CAAC;QAC1D,CAAC;QACD,OAAO,aAAa,IAAI,CAAC,IAAI,KAAK,CAAC;IACvC,CAAC;CACJ;AA7BU;IADN,gBAAgB;;yCACG;AAGb;IADN,gBAAgB;;wCACE;AA4BvB,MAAM,UAAU,eAAe,CAAC,CAAiB,EAAE,CAAQ;IACvD,OAAO,YAAY,CAAC,UAAU,CAAS,CAAC,CAAC,aAA4B,EAAE,WAAW,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,CAAC;AAChH,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,eAAe,GAAG,CAAC,CAAiB,EAAE,CAAQ,EAAE,EAAE,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EACtE,aAAa,GAAG,YAAY,CAAC,WAAW,EAC3C;IACG,OAAO,aAAa,CAAC;QACjB,IAAI,EAAE,mBAAmB;QACzB,aAAa;QACb,QAAQ,EAAE,KAAK;QACf,KAAK,EAAE,cAAc;QACrB,eAAe;KAClB,CAAC,CAAC;AACP,CAAC"}

package/dist-esm/html-editor/commands/AddLink.d.ts

@@ -0,0 +1,5 @@
+import "./AddLink.local.css";
+export default function AddLink({ insertCommand }: {
+    insertCommand?: import("./HtmlCommands.js").IHtmlCommand;
+}): any;
+//# sourceMappingURL=AddLink.d.ts.map

package/dist-esm/html-editor/commands/AddLink.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddLink.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/AddLink.tsx"],"names":[],"mappings":"AASA,OAAO,qBAAqB,CAAC;AAiE7B,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC5B,aAAuC,EAC1C;;CAAA,OAQA"}

package/dist-esm/html-editor/commands/AddLink.js

@@ -0,0 +1,71 @@
+import { __decorate, __metadata } from "tslib";
+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 { AtomToggleButtonBar } from "@web-atoms/core/dist/web/controls/AtomToggleButtonBar.js";
+import PopupService, { PopupWindow } from "@web-atoms/core/dist/web/services/PopupService.js";
+import FormField from "../../basic/FormField.js";
+import CommandButton from "./CommandButton.js";
+import HtmlCommands from "./HtmlCommands.js";
+import "./AddLink.local.css";
+const linkTypes = [
+    {
+        label: "Web Page",
+        value: "web-page"
+    },
+    {
+        label: "Email",
+        value: "email"
+    },
+    {
+        label: "Anchor",
+        value: "anchor"
+    },
+    {
+        label: "Phone",
+        value: "phone"
+    }
+];
+const linkDialogCss = "html-editor-commands-add-link";
+class LinkDialog extends PopupWindow {
+    link;
+    type;
+    create() {
+        this.type = "web-page";
+        this.title = "Create Link";
+        this.render(XNode.create("div", { class: linkDialogCss },
+            XNode.create(FormField, { label: "Type" },
+                XNode.create(AtomToggleButtonBar, { items: linkTypes, value: Bind.twoWays(() => this.type) })),
+            XNode.create(FormField, { label: "Link", required: true },
+                XNode.create("input", { placeholder: "https://...", value: Bind.twoWaysImmediate(() => this.link) })),
+            XNode.create("div", { class: "command-bar" },
+                XNode.create("button", { text: "Add", eventClick: Bind.event(() => this.close(this.toLink(this.link))) }))));
+    }
+    toLink(link) {
+        switch (this.type) {
+            case "web-page":
+                return /^(http|https)\:\/\//.test(link) ? link : `http://${link}`;
+        }
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], LinkDialog.prototype, "link", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], LinkDialog.prototype, "type", void 0);
+function showDialog(s, e) {
+    return PopupService.showWindow(s.element, LinkDialog);
+}
+export default function AddLink({ insertCommand = HtmlCommands.createLink }) {
+    return CommandButton({
+        icon: "ri-link-m",
+        insertCommand,
+        disabled: false,
+        eventInsertHtml: showDialog,
+        title: "Create Hyper Link"
+    });
+}
+//# sourceMappingURL=AddLink.js.map

package/dist-esm/html-editor/commands/AddLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddLink.js","sourceRoot":"","sources":["../../../src/html-editor/commands/AddLink.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,mCAAmC,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AACjF,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0DAA0D,CAAC;AAC/F,OAAO,YAAY,EAAE,EAAE,WAAW,EAAE,MAAM,mDAAmD,CAAC;AAC9F,OAAO,SAAS,MAAM,0BAA0B,CAAC;AAEjD,OAAO,aAAyB,MAAM,oBAAoB,CAAC;AAC3D,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,qBAAqB,CAAC;AAE7B,MAAM,SAAS,GAAG;IACd;QACI,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KACpB;IACD;QACI,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;KACjB;IACD;QACI,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAClB;IACD;QACI,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;KACjB;CACJ,CAAC;AAEF,MAAM,aAAa,GAAG,+BAA+B,CAAC;AAEtD,MAAM,UAAW,SAAQ,WAAW;IAGzB,IAAI,CAAS;IAGb,IAAI,CAAS;IAEV,MAAM;QACZ,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC;QAC3B,IAAI,CAAC,MAAM,CAAC,sBAAK,KAAK,EAAE,aAAa;YACjC,aAAC,SAAS,IAAC,KAAK,EAAC,MAAM;gBACnB,aAAC,mBAAmB,IAChB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CACnC;YACZ,aAAC,SAAS,IAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI;gBAClC,wBACI,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,IAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAC5C;YACZ,sBAAK,KAAK,EAAC,aAAa;gBACpB,yBACI,IAAI,EAAC,KAAK,EACV,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAI,CACtE,CACJ,CAAC,CAAC;IACZ,CAAC;IAEO,MAAM,CAAC,IAAY;QACvB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAChB,KAAK,UAAU;gBACX,OAAO,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,IAAI,EAAE,CAAC;QAC1E,CAAC;IACL,CAAC;CACJ;AAjCU;IADN,gBAAgB;;wCACG;AAGb;IADN,gBAAgB;;wCACG;AAgCxB,SAAS,UAAU,CAAC,CAAiB,EAAE,CAAQ;IAC3C,OAAO,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AAC1D,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC5B,aAAa,GAAG,YAAY,CAAC,UAAU,EAC1C;IACG,OAAO,aAAa,CAAC;QACjB,IAAI,EAAE,WAAW;QACjB,aAAa;QACb,QAAQ,EAAE,KAAK;QACf,eAAe,EAAE,UAAU;QAC3B,KAAK,EAAE,mBAAmB;KAC7B,CAAC,CAAC;AACP,CAAC"}

package/dist-esm/html-editor/commands/Align.d.ts

@@ -0,0 +1,3 @@
+import { IPopupButton } from "../../basic/InlinePopupButton.js";
+export default function Align(a: IPopupButton): any;
+//# sourceMappingURL=Align.d.ts.map

package/dist-esm/html-editor/commands/Align.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Align.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/Align.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,CAAC,EAAE,YAAY,OA2B5C"}

package/dist-esm/html-editor/commands/Align.js

@@ -0,0 +1,11 @@
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupButton, { MenuItem } from "../../basic/PopupButton.js";
+export default function Align(a) {
+    return XNode.create(PopupButton, { class: "command", "data-layout": "toolbar-button", icon: "ri-align-left", title: "Change Alignment", ...a },
+        XNode.create(MenuItem, { icon: "ri-align-left", title: "Align Left", eventClick: Bind.event((e) => e.executeCommand("justifyLeft")) }),
+        XNode.create(MenuItem, { icon: "ri-align-center", title: "Align Center", eventClick: Bind.event((e) => e.executeCommand("justifyCenter")) }),
+        XNode.create(MenuItem, { icon: "ri-align-right", title: "Align Right", eventClick: Bind.event((e) => e.executeCommand("justifyRight")) }),
+        XNode.create(MenuItem, { icon: "ri-align-justify", title: "Justify", eventClick: Bind.event((e) => e.executeCommand("justifyFull")) }));
+}
+//# sourceMappingURL=Align.js.map

package/dist-esm/html-editor/commands/Align.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Align.js","sourceRoot":"","sources":["../../../src/html-editor/commands/Align.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,mCAAmC,CAAC;AACrD,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,WAAW,EAAE,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAKnE,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,CAAe;IACzC,OAAO,aAAC,WAAW,IACf,KAAK,EAAC,SAAS,iBACH,gBAAgB,EAC5B,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,kBAAkB,KAAO,CAAC;QAChC,aAAC,QAAQ,IACL,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAiB,EAAE,EAAE,CACzC,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,GAAG;QAC3C,aAAC,QAAQ,IACL,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAiB,EAAE,EAAE,CACzC,CAAC,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,GAAG;QAC7C,aAAC,QAAQ,IACL,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,aAAa,EACnB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAiB,EAAE,EAAE,CACzC,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,GAAG;QAC5C,aAAC,QAAQ,IACL,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAC,SAAS,EACf,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAiB,EAAE,EAAE,CACzC,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,GAAG,CACjC,CAAC;AACnB,CAAC"}

package/dist-esm/html-editor/commands/AttachFile.d.ts

@@ -0,0 +1,8 @@
+export default function AttachFile({ accept, maxSize, authorize, capture, ariaLabel }: {
+    accept?: string;
+    maxSize?: number;
+    authorize?: boolean;
+    capture?: string;
+    ariaLabel?: string;
+}): any;
+//# sourceMappingURL=AttachFile.d.ts.map

package/dist-esm/html-editor/commands/AttachFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachFile.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/AttachFile.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,MAAkB,EAClB,OAAqB,EACrB,SAAgB,EAChB,OAAwB,EACxB,SAAoB,EACvB;;;;;;CAAA,OAuBA"}

package/dist-esm/html-editor/commands/AttachFile.js

@@ -0,0 +1,15 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import UploadEvent from "../../basic/UploadEvent.js";
+export default function AttachFile({ accept = "image/*", maxSize = 1024 * 1024 * 5, authorize = true, capture = null, ariaLabel = "upload" }) {
+    return XNode.create("button", { title: "Insert Image", class: "command", ...UploadEvent.AttachUploadAction({
+            accept,
+            forceType: true,
+            maxSize,
+            authorize,
+            capture,
+            multiple: false,
+            ariaLabel
+        }) },
+        XNode.create("i", { class: "ri-attachment-2" }));
+}
+//# sourceMappingURL=AttachFile.js.map

package/dist-esm/html-editor/commands/AttachFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachFile.js","sourceRoot":"","sources":["../../../src/html-editor/commands/AttachFile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAIvD,OAAO,WAAW,MAAM,4BAA4B,CAAC;AAGrD,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAC/B,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,IAAI,GAAC,IAAI,GAAC,CAAC,EACrB,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,IAAc,EACxB,SAAS,GAAG,QAAQ,EACvB;IAQG,OAAO,yBACH,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,SAAS,KACT,WAAW,CAAC,kBAAkB,CAAC;YACjC,MAAM;YACN,SAAS,EAAE,IAAI;YACf,OAAO;YACP,SAAS;YACT,OAAO;YACP,QAAQ,EAAE,KAAK;YACf,SAAS;SACZ,CAAC;QAEF,oBAAG,KAAK,EAAC,iBAAiB,GAAG,CACxB,CAAC;AACd,CAAC"}

package/dist-esm/html-editor/commands/AttachImage.d.ts

@@ -0,0 +1,8 @@
+export default function AttachImage({ accept, maxSize, authorize, capture, ariaLabel }: {
+    accept?: string;
+    maxSize?: number;
+    authorize?: boolean;
+    capture?: string;
+    ariaLabel?: string;
+}): any;
+//# sourceMappingURL=AttachImage.d.ts.map

package/dist-esm/html-editor/commands/AttachImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachImage.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/AttachImage.tsx"],"names":[],"mappings":"AAmBA,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,MAAkB,EAClB,OAAqB,EACrB,SAAgB,EAChB,OAAwB,EACxB,SAAoB,EACvB;;;;;;CAAA,OAiBA"}

package/dist-esm/html-editor/commands/AttachImage.js

@@ -0,0 +1,29 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import UploadEvent from "../../basic/UploadEvent.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+const onAttachImage = async (ce) => {
+    const c = AtomControl.from(ce.target);
+    if (!ce.detail?.files?.length) {
+        return;
+    }
+    const file = ce.detail.files[0];
+    const fr = new FileReader();
+    fr.onload = () => {
+        c.executeCommand("insertHTML", void 0, `<div><img data-content="data-url" src="${fr.result}" style='max-height: 700px;'/></div>`);
+    };
+    fr.readAsDataURL(file);
+};
+export default function AttachImage({ accept = "image/*", maxSize = 1024 * 1024 * 5, authorize = true, capture = null, ariaLabel = "upload" }) {
+    return XNode.create("button", { title: "Insert Image", class: "command", ...UploadEvent.AttachUploadAction({
+            accept,
+            forceType: true,
+            maxSize,
+            authorize,
+            capture,
+            multiple: false,
+            ariaLabel,
+            "event-files-available": onAttachImage
+        }) },
+        XNode.create("i", { class: "ri-image-add-fill" }));
+}
+//# sourceMappingURL=AttachImage.js.map

package/dist-esm/html-editor/commands/AttachImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachImage.js","sourceRoot":"","sources":["../../../src/html-editor/commands/AttachImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,WAAwC,MAAM,4BAA4B,CAAC;AAClF,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAE/E,MAAM,aAAa,GAAG,KAAK,EAAE,EAA2B,EAAE,EAAE;IACxD,MAAM,CAAC,GAAG,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAQ,CAAC;IAE7C,IAAG,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;QAC3B,OAAO;IACX,CAAC;IACD,MAAM,IAAI,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAEhC,MAAM,EAAE,GAAG,IAAI,UAAU,EAAE,CAAC;IAC5B,EAAE,CAAC,MAAM,GAAG,GAAG,EAAE;QACb,CAAC,CAAC,cAAc,CAAC,YAAY,EAAE,KAAK,CAAC,EAAE,0CAA0C,EAAE,CAAC,MAAM,sCAAsC,CAAC,CAAC;IACtI,CAAC,CAAA;IACD,EAAE,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;AAC3B,CAAC,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAChC,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,IAAI,GAAC,IAAI,GAAC,CAAC,EACrB,SAAS,GAAG,IAAI,EAChB,OAAO,GAAG,IAAc,EACxB,SAAS,GAAG,QAAQ,EACvB;IACG,OAAO,yBACH,KAAK,EAAC,cAAc,EACpB,KAAK,EAAC,SAAS,KACT,WAAW,CAAC,kBAAkB,CAAC;YACjC,MAAM;YACN,SAAS,EAAE,IAAI;YACf,OAAO;YACP,SAAS;YACT,OAAO;YACP,QAAQ,EAAE,KAAK;YACf,SAAS;YACT,uBAAuB,EAAE,aAAa;SACzC,CAAC;QAEF,oBAAG,KAAK,EAAC,mBAAmB,GAAG,CAC1B,CAAC;AACd,CAAC"}

package/dist-esm/html-editor/commands/Bold.d.ts

@@ -0,0 +1,3 @@
+import { ICommand } from "./Command.js";
+export default function Bold(cmd: ICommand): any;
+//# sourceMappingURL=Bold.d.ts.map

package/dist-esm/html-editor/commands/Bold.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bold.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/Bold.ts"],"names":[],"mappings":"AAAA,OAAgB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,GAAG,EAAE,QAAQ,OAUzC"}

package/dist-esm/html-editor/commands/Bold.js

@@ -0,0 +1,13 @@
+import Command from "./Command.js";
+export default function Bold(cmd) {
+    return Command({
+        icon: "ri-bold",
+        queryState: "bold",
+        title: "Bold",
+        ...cmd,
+        command(editor) {
+            editor.executeCommand("bold");
+        }
+    });
+}
+//# sourceMappingURL=Bold.js.map

package/dist-esm/html-editor/commands/Bold.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Bold.js","sourceRoot":"","sources":["../../../src/html-editor/commands/Bold.ts"],"names":[],"mappings":"AAAA,OAAO,OAAqB,MAAM,cAAc,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,GAAa;IACtC,OAAO,OAAO,CAAC;QACX,IAAI,EAAE,SAAS;QACf,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE,MAAM;QACb,GAAI,GAAG;QACP,OAAO,CAAC,MAAM;YACV,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QAClC,CAAC;KACJ,CAAC,CAAC;AACP,CAAC"}

package/dist-esm/html-editor/commands/ChangeColor.d.ts

@@ -0,0 +1,3 @@
+import "./ChangeColor.local.css";
+export default function ChangeColor(): any;
+//# sourceMappingURL=ChangeColor.d.ts.map

package/dist-esm/html-editor/commands/ChangeColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeColor.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeColor.tsx"],"names":[],"mappings":"AAIA,OAAO,yBAAyB,CAAC;AAsGjC,MAAM,CAAC,OAAO,UAAU,WAAW,QAkDlC"}

package/dist-esm/html-editor/commands/ChangeColor.js

@@ -0,0 +1,116 @@
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupButton from "../../basic/PopupButton.js";
+import "./ChangeColor.local.css";
+const gray = [
+    "rgb(0,0,0)",
+    "rgb(68,68,68)",
+    "rgb(102,102,102)",
+    "rgb(153,153,153)",
+    "rgb(204,204,204)",
+    "rgb(238,238,238)",
+    "rgb(243,243,243)",
+    "rgb(255,255,255)"
+];
+const primary = [
+    "rgb(255,0,0)",
+    "rgb(255,153,0)",
+    "rgb(255,255,0)",
+    "rgb(0,255,0)",
+    "rgb(0,255,255)",
+    "rgb(0,0,255)",
+    "rgb(153,0,255)",
+    "rgb(255,0,255)"
+];
+const all = [
+    [
+        "rgb(244,204,204)",
+        "rgb(252,229,205)",
+        "rgb(255,242,204)",
+        "rgb(217,234,211)",
+        "rgb(208,224,227)",
+        "rgb(207,226,243)",
+        "rgb(217,210,233)",
+        "rgb(234,209,220)"
+    ],
+    [
+        "rgb(234,153,153)",
+        "rgb(249,203,156)",
+        "rgb(255,229,153)",
+        "rgb(182,215,168)",
+        "rgb(162,196,201)",
+        "rgb(159,197,232)",
+        "rgb(180,167,214)",
+        "rgb(213,166,189)"
+    ],
+    [
+        "rgb(224,102,102)",
+        "rgb(246,178,107)",
+        "rgb(255,217,102)",
+        "rgb(147,196,125)",
+        "rgb(118,165,175)",
+        "rgb(111,168,220)",
+        "rgb(142,124,195)",
+        "rgb(194,123,160)"
+    ],
+    [
+        "rgb(204,0,0)",
+        "rgb(230,145,56)",
+        "rgb(241,194,50)",
+        "rgb(106,168,79)",
+        "rgb(69,129,142)",
+        "rgb(61,133,198)",
+        "rgb(103,78,167)",
+        "rgb(166,77,121)"
+    ],
+    [
+        "rgb(153,0,0)",
+        "rgb(180,95,6)",
+        "rgb(191,144,0)",
+        "rgb(56,118,29)",
+        "rgb(19,79,92)",
+        "rgb(11,83,148)",
+        "rgb(53,28,117)",
+        "rgb(116,27,71)"
+    ],
+    [
+        "rgb(102,0,0)",
+        "rgb(120,63,4)",
+        "rgb(127,96,0)",
+        "rgb(39,78,19)",
+        "rgb(12,52,61)",
+        "rgb(7,55,99)",
+        "rgb(32,18,77)",
+        "rgb(76,17,48)"
+    ]
+];
+const colorSelectorCss = "web-controls-html-editor-change-color";
+function TextColor(color) {
+    return XNode.create("div", { class: "color-button", eventClick: Bind.event((e) => e.executeCommand("foreColor", false, color)), styleBackgroundColor: color.toLowerCase(), title: color });
+}
+function BackgroundColor(color) {
+    return XNode.create("div", { class: "color-button", eventClick: Bind.event((e) => e.executeCommand("hiliteColor", false, color)), styleBackgroundColor: color.toLowerCase(), title: color });
+}
+export default function ChangeColor() {
+    return XNode.create(PopupButton, { title: "Change Color", class: "command", icon: "ri-font-color", "data-layout": "toolbar-button" },
+        XNode.create("div", { class: colorSelectorCss },
+            XNode.create("table", null,
+                XNode.create("thead", null,
+                    XNode.create("tr", null,
+                        XNode.create("th", { colSpan: 8 }, "Text Color"))),
+                XNode.create("thead", null,
+                    XNode.create("tr", null, ...gray.map(TextColor))),
+                XNode.create("thead", null,
+                    XNode.create("tr", null, ...primary.map(TextColor))),
+                XNode.create("tbody", null, ...all.map((row) => XNode.create("tr", null, ...row.map(TextColor))))),
+            XNode.create("table", { class: "background-color" },
+                XNode.create("thead", null,
+                    XNode.create("tr", null,
+                        XNode.create("th", { colSpan: 8 }, "Background Color"))),
+                XNode.create("thead", null,
+                    XNode.create("tr", null, ...gray.map(BackgroundColor))),
+                XNode.create("thead", null,
+                    XNode.create("tr", null, ...primary.map(BackgroundColor))),
+                XNode.create("tbody", null, ...all.map((row) => XNode.create("tr", null, ...row.map(BackgroundColor)))))));
+}
+//# sourceMappingURL=ChangeColor.js.map

package/dist-esm/html-editor/commands/ChangeColor.js.map

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

package/dist-esm/html-editor/commands/ChangeFont.d.ts

@@ -0,0 +1,7 @@
+import "./ChangeFont.local.css";
+export declare function FontMenu({ name, value }: {
+    name: any;
+    value: any;
+}): any;
+export default function ChangeFont(): any;
+//# sourceMappingURL=ChangeFont.d.ts.map

package/dist-esm/html-editor/commands/ChangeFont.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeFont.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeFont.tsx"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAC;AAkBhC,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;;;CAAA,OAavC;AAgBD,MAAM,CAAC,OAAO,UAAU,UAAU,QAqBjC"}

package/dist-esm/html-editor/commands/ChangeFont.js

@@ -0,0 +1,51 @@
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupButton, { MenuItem } from "../../basic/PopupButton.js";
+import "./ChangeFont.local.css";
+const fontMenuCSS = "web-controls-html-editor-change-font";
+const fonts = [
+    ["Sans Serif", ["arial", "sans-serif"]],
+    ["Serif", [`"times new roman"`, "serif"]],
+    ["Fixed Width", ["monospace"]],
+    ["Wide", [`"arial black"`, "sans-serif"]],
+    ["Narrow", [`"arial narrow"`, "sans-serif"]],
+    ["Comic Sans MS", [`"comic sans ms"`, "sans-serif"]],
+    ["Garamond", ["garamond", `"times new roman"`, "serif"]],
+    ["Georgia", ["georgia"]],
+    ["Tahoma", ["tahoma"]],
+    ["Trebuchet MS", [`"trebuchet ms"`]],
+    ["Verdana", ["verdana"]]
+];
+export function FontMenu({ name, value }) {
+    const cssName = value.join(" ");
+    return XNode.create("div", { class: "menu", eventClick: Bind.event((e) => e.executeCommand("fontName", false, cssName)) },
+        XNode.create("i", { class: Bind.oneWay((e) => ({
+                "ri-check-line": 1,
+                "selected": e.getStyle("fontFamily", e.version)
+                    .toLowerCase()
+                    .indexOf(value[0].toLowerCase()) !== -1
+            })) }),
+        XNode.create("label", { styleFontFamily: name }, name));
+}
+function selectFont(name) {
+    if (name === null || name === void 0) {
+        return "Font";
+    }
+    for (const [display, value] of fonts) {
+        for (const iterator of value) {
+            if (name.indexOf(iterator) !== -1) {
+                return display;
+            }
+        }
+    }
+    return "Font";
+}
+export default function ChangeFont() {
+    return XNode.create(PopupButton, { class: "command", "data-layout": "toolbar-button", text: Bind.oneWay((e) => selectFont(e.getStyle("fontFamily", e.version))), title: "Change Font" },
+        XNode.create("div", { class: fontMenuCSS }, ...fonts.map(([name, value]) => XNode.create(MenuItem, { "style-font-family": name, icon: Bind.oneWay((e) => selectFont(e.getStyle("fontFamily", e.version))
+                .toLowerCase()
+                .indexOf(value[0].toLowerCase()) !== -1
+                ? "ri-check-line selected"
+                : ""), label: name, eventClick: Bind.event((e) => e.executeCommand("fontName", false, value.join(" "))) }))));
+}
+//# sourceMappingURL=ChangeFont.js.map

package/dist-esm/html-editor/commands/ChangeFont.js.map

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

package/dist-esm/html-editor/commands/ChangeFontSize.d.ts

@@ -0,0 +1,3 @@
+import { ICommand } from "./Command.js";
+export default function ChangeFontSize(cmd: ICommand): any;
+//# sourceMappingURL=ChangeFontSize.d.ts.map

package/dist-esm/html-editor/commands/ChangeFontSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeFontSize.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeFontSize.tsx"],"names":[],"mappings":"AAIA,OAAgB,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,GAAG,EAAE,QAAQ,OAYnD"}

package/dist-esm/html-editor/commands/ChangeFontSize.js

@@ -0,0 +1,9 @@
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupButton, { MenuItem } from "../../basic/PopupButton.js";
+export default function ChangeFontSize(cmd) {
+    return XNode.create(PopupButton, { class: "command", "data-layout": "toolbar-button", icon: "ri-font-size-2", title: "Change Font Size" },
+        XNode.create(MenuItem, { icon: "ri-add-line", label: "Increase", eventClick: Bind.event((e) => e.executeCommand("increaseFontSize")) }),
+        XNode.create(MenuItem, { icon: "ri-subtract-line", label: "Decrease", eventClick: Bind.event((e) => e.executeCommand("decreaseFontSize")) }));
+}
+//# sourceMappingURL=ChangeFontSize.js.map

package/dist-esm/html-editor/commands/ChangeFontSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChangeFontSize.js","sourceRoot":"","sources":["../../../src/html-editor/commands/ChangeFontSize.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,mCAAmC,CAAC;AACrD,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,WAAW,EAAE,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AAInE,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,GAAa;IAChD,OAAO,aAAC,WAAW,IACf,KAAK,EAAC,SAAS,iBACH,gBAAgB,EAC5B,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,kBAAkB;QACxB,aAAC,QAAQ,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAiB,EAAE,EAAE,CACvF,CAAC,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,GAAG;QAC5C,aAAC,QAAQ,IAAC,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAC,UAAU,EAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAiB,EAAE,EAAE,CAC5F,CAAC,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC,GAAG,CAClC,CAAC;AAEnB,CAAC"}

package/dist-esm/html-editor/commands/Command.d.ts

@@ -0,0 +1,12 @@
+import type AtomHtmlEditor from "../AtomHtmlEditor.js";
+export interface ICommand {
+    label?: string;
+    icon?: string;
+    queryState?: string;
+    enabled?: boolean;
+    title?: string;
+    command?: (editor: AtomHtmlEditor) => void;
+    query?: (editor: AtomHtmlEditor) => boolean;
+}
+export default function Command({ icon, label, command, queryState, query, ...others }: ICommand): any;
+//# sourceMappingURL=Command.d.ts.map

package/dist-esm/html-editor/commands/Command.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.d.ts","sourceRoot":"","sources":["../../../src/html-editor/commands/Command.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,sBAAsB,CAAC;AAEvD,MAAM,WAAW,QAAQ;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC;CAC/C;AAED,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC5B,IAAI,EACJ,KAAK,EACL,OAAO,EACP,UAAmB,EACnB,KAAK,EACL,GAAI,MAAM,EACb,EAAE,QAAQ,OAsBV"}