@web-atoms/web-controls 2.1.7 → 2.1.11

package/dist/basic/PopupButton.d.ts

@@ -1,5 +1,4 @@
-import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
-import IElement from "./IElement";
+import XNode from "@web-atoms/core/dist/core/XNode";
 export interface IMenuItem {
     label?: string;
     icon?: string;
@@ -8,10 +7,12 @@ export interface IMenuItem {
     target?: string;
     [key: string]: any;
 }
-export declare function MenuItem({ label, icon, eventClick, href, target, ...others }: IMenuItem): any;
-export declare class MenuItemTemplate extends AtomControl {
-    data: IMenuItem;
-    create(): void;
+export interface IPopupButton {
+    icon?: string;
+    label?: string;
+    showAsDialog?: boolean;
+    [key: string]: any;
 }
-export default function PopupButton(props: IElement, ...menus: IMenuItem[]): any;
+export declare function MenuItem({ label, icon, eventClick, href, target, ...others }: IMenuItem): any;
+export default function PopupButton({ icon, label, showAsDialog, ...others }: IPopupButton, ...menus: Array<IMenuItem | XNode>): any;
 //# sourceMappingURL=PopupButton.d.ts.map

package/dist/basic/PopupButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PopupButton.d.ts","sourceRoot":"","sources":["../../src/basic/PopupButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAM5E,OAAO,QAAQ,MAAM,YAAY,CAAC;AAYlC,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,GAAI,MAAM,EACb,EAAE,SAAS,OAUX;AAED,qBAAa,gBAAiB,SAAQ,WAAW;IAEtC,IAAI,EAAE,SAAS,CAAC;IAEhB,MAAM;CAahB;AAuED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,KAAK,EAAE,QAAQ,EAAG,GAAI,KAAK,EAAE,SAAS,EAAE,OAK5E"}
+{"version":3,"file":"PopupButton.d.ts","sourceRoot":"","sources":["../../src/basic/PopupButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAgBpD,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,YAAY;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,GAAI,MAAM,EACb,EAAE,SAAS,OAWX;AAUD,MAAM,CAAC,OAAO,UAAU,WAAW,CACnC,EACI,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,GAAI,MAAM,EACb,EAAE,YAAY,EACf,GAAI,KAAK,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,OAsDlC"}

package/dist/basic/PopupButton.js

@@ -1,12 +1,3 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -24,22 +15,18 @@ var __rest = (this && this.__rest) || function (s, e) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS", "./combineClasses", "./Button"], factory);
+        define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS"], factory);
     }
 })(function (require, exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
-    exports.MenuItemTemplate = exports.MenuItem = void 0;
+    exports.MenuItem = void 0;
     const Bind_1 = require("@web-atoms/core/dist/core/Bind");
-    const BindableProperty_1 = require("@web-atoms/core/dist/core/BindableProperty");
     const Colors_1 = require("@web-atoms/core/dist/core/Colors");
     const XNode_1 = require("@web-atoms/core/dist/core/XNode");
     const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
-    const AtomControl_1 = require("@web-atoms/core/dist/web/controls/AtomControl");
     const PopupService_1 = require("@web-atoms/core/dist/web/services/PopupService");
     const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
-    const combineClasses_1 = require("./combineClasses");
-    const Button_1 = require("./Button");
     const menuCss = (0, CSS_1.default)((0, StyleRule_1.default)()
         .child((0, StyleRule_1.default)(".menu")
         .padding(5)
@@ -51,79 +38,55 @@ var __rest = (this && this.__rest) || function (s, e) {
         var { label, icon, eventClick, href, target } = _a, others = __rest(_a, ["label", "icon", "eventClick", "href", "target"]);
         if (label) {
             return XNode_1.default.create("div", Object.assign({ class: "menu", eventClick: eventClick }, others),
-                XNode_1.default.create("i", { class: icon }));
+                XNode_1.default.create("i", { class: icon }),
+                XNode_1.default.create("span", null, label));
         }
         return XNode_1.default.create("div", Object.assign({ class: "menu", eventClick: eventClick }, others),
             XNode_1.default.create("i", { class: icon }));
     }
     exports.MenuItem = MenuItem;
-    class MenuItemTemplate extends AtomControl_1.AtomControl {
-        create() {
-            this.render(XNode_1.default.create("div", { class: "menu", eventClick: Bind_1.default.event(() => this.app.runAsync(() => this.data.eventClick())) },
-                XNode_1.default.create("i", { styleDisplay: Bind_1.default.oneWay(() => this.data.icon ? "" : "none"), class: Bind_1.default.oneWay(() => this.data.icon) }),
-                XNode_1.default.create("span", { styleDisplay: Bind_1.default.oneWay(() => this.data.label ? "" : "none"), text: Bind_1.default.oneWay(() => this.data.label) })));
-        }
-    }
-    exports.MenuItemTemplate = MenuItemTemplate;
-    class PopupMenuButton extends AtomControl_1.AtomControl {
-        constructor(app, e) {
-            super(app, e !== null && e !== void 0 ? e : document.createElement("button"));
-        }
-        preCreate() {
-            super.preCreate();
-            this.popup = null;
-            this.text = null;
-            this.icon = null;
-            this.subClass = null;
-            this.render(XNode_1.default.create("button", { class: Bind_1.default.oneWay(() => (0, combineClasses_1.default)(Button_1.default.className, this.popup ? "pressed" : null, this.subClass)), eventClick: Bind_1.default.event(() => this.openPopup()) },
-                XNode_1.default.create("label", { class: "label" },
-                    XNode_1.default.create("i", { class: Bind_1.default.oneWay(() => this.icon) }),
-                    XNode_1.default.create("span", { styleDisplay: Bind_1.default.oneWay(() => this.text ? "" : "none"), text: Bind_1.default.oneWay(() => this.text) }))));
-        }
-        openPopup() {
-            if (this.popup) {
-                this.popup.dispose();
+    const iconLabelCss = (0, CSS_1.default)((0, StyleRule_1.default)(".label")
+        .display("inline-flex")
+        .child((0, StyleRule_1.default)("span")
+        .flexStretch()));
+    function PopupButton(_a, ...menus) {
+        var { icon, label, showAsDialog } = _a, others = __rest(_a, ["icon", "label", "showAsDialog"]);
+        let popup = null;
+        function openPopup(s, e) {
+            const button = e.currentTarget;
+            if (popup) {
+                button.classList.remove("pressed");
+                popup.dispose();
+                popup = null;
                 return;
             }
-            const menus = this.menus;
-            class Popup extends AtomControl_1.AtomControl {
-                create() {
-                    this.render(XNode_1.default.create("div", { class: menuCss }, ...menus));
+            const menu = document.createElement("div");
+            s.render(XNode_1.default.create("div", { class: menuCss }, ...menus), menu);
+            const ps = s.resolve(PopupService_1.default);
+            const options = showAsDialog
+                ? {
+                    alignment: "centerOfScreen"
                 }
-            }
-            const items = new Popup(this.app, document.createElement("div"));
-            items.registerDisposable({
-                dispose: () => {
-                    this.popup = null;
-                }
-            });
-            items.bindEvent(items.element, "click", () => {
-                setTimeout(() => {
-                    this.openPopup();
-                }, 100);
+                : null;
+            popup = ps.show(button, menu, options);
+            const dispose = () => {
+                popup === null || popup === void 0 ? void 0 : popup.dispose();
+                popup = null;
+            };
+            menu.addEventListener("click", dispose);
+            popup.registerDisposable(() => {
+                menu.removeEventListener("click", dispose);
+                popup = null;
             });
-            const popupService = this.app.resolve(PopupService_1.default);
-            this.popup = popupService.show(this.element, items);
         }
-    }
-    __decorate([
-        BindableProperty_1.BindableProperty,
-        __metadata("design:type", String)
-    ], PopupMenuButton.prototype, "subClass", void 0);
-    __decorate([
-        BindableProperty_1.BindableProperty,
-        __metadata("design:type", String)
-    ], PopupMenuButton.prototype, "icon", void 0);
-    __decorate([
-        BindableProperty_1.BindableProperty,
-        __metadata("design:type", String)
-    ], PopupMenuButton.prototype, "text", void 0);
-    __decorate([
-        BindableProperty_1.BindableProperty,
-        __metadata("design:type", Array)
-    ], PopupMenuButton.prototype, "menus", void 0);
-    function PopupButton(props, ...menus) {
-        return XNode_1.default.create(PopupMenuButton, Object.assign({}, props, { menus: menus }));
+        if (label) {
+            return XNode_1.default.create("button", Object.assign({}, others, { eventClick: Bind_1.default.event((s, e) => openPopup(s, e)) }),
+                XNode_1.default.create("label", { class: iconLabelCss },
+                    XNode_1.default.create("i", { class: icon }),
+                    XNode_1.default.create("span", null, label)));
+        }
+        return XNode_1.default.create("button", Object.assign({}, others, { eventClick: Bind_1.default.event((s, e) => openPopup(s, e)) }),
+            XNode_1.default.create("i", { class: icon }));
     }
     exports.default = PopupButton;
 });

package/dist/basic/PopupButton.js.map

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

package/dist/html-editor/HtmlEditor.d.ts

@@ -0,0 +1,23 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl";
+export declare function Toolbar(a: any, ...nodes: XNode[]): any;
+export declare class HtmlEditorControl extends AtomControl {
+    content: string;
+    header: any[];
+    version: number;
+    editor: HTMLDivElement;
+    private editorWindow;
+    private editorDocument;
+    executeCommand(cmd: any, showUI?: boolean, value?: string): boolean;
+    queryCommandState(cmd: string, ...a: any[]): boolean;
+    getStyle(name: string, v: any): string;
+    protected preCreate(): void;
+    protected onPasteEvent(e: ClipboardEvent): void;
+    protected onInputEvent(e: InputEvent): void;
+    protected setup(): void;
+}
+export interface IHtmlEditor {
+    insertImage?: (s: HtmlEditorControl, e: Event) => Promise<string> | string;
+}
+export default function HtmlEditor({ insertImage, ...attributes }: any, ...nodes: XNode[]): any;
+//# sourceMappingURL=HtmlEditor.d.ts.map

package/dist/html-editor/HtmlEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlEditor.d.ts","sourceRoot":"","sources":["../../src/html-editor/HtmlEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,iCAAiC,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAiD5E,wBAAgB,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,GAAI,KAAK,EAAE,KAAK,EAAE,OAIjD;AAED,qBAAa,iBAAkB,SAAQ,WAAW;IAGvC,OAAO,EAAE,MAAM,CAAC;IAGhB,MAAM,EAAE,GAAG,EAAE,CAAC;IAGd,OAAO,EAAE,MAAM,CAAC;IAEhB,MAAM,EAAE,cAAc,CAAC;IAE9B,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAO,CAAC,cAAc,CAAW;IAE1B,cAAc,CAAC,GAAG,KAAA,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO;IAM9D,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,GAAI,CAAC,EAAE,GAAG,EAAE,GAAG,OAAO;IAIrD,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM;IAU7C,SAAS,CAAC,SAAS;IAQnB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,cAAc;IAqBxC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAKpC,SAAS,CAAC,KAAK;CA2BlB;AAED,MAAM,WAAW,WAAW;IACxB,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,EAAE,CAAC,EAAE,KAAK,KAAK,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAC;CAC9E;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAC9B,EACI,WAAW,EACX,GAAI,UAAU,EACjB,EAAE,GAAG,EACN,GAAI,KAAK,EAAE,KAAK,EAAE,OAoCrB"}

package/dist/html-editor/HtmlEditor.js

@@ -0,0 +1,206 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@web-atoms/core/dist/core/BindableProperty", "@web-atoms/core/dist/core/Colors", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomControl", "@web-atoms/core/dist/web/styles/CSS", "./commands/AddImage", "./commands/Align", "./commands/Bold", "./commands/ChangeColor", "./commands/ChangeFont", "./commands/ChangeFontSize", "./commands/Headings", "./commands/HorizontalRule", "./commands/IndentLess", "./commands/IndentMore", "./commands/Italic", "./commands/NumberedList", "./commands/RemoveFormat", "./commands/Separator", "./commands/StrikeThrough", "./commands/Underline", "./commands/Unlink", "./commands/UnorderedList"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.HtmlEditorControl = exports.Toolbar = void 0;
+    const BindableProperty_1 = require("@web-atoms/core/dist/core/BindableProperty");
+    const Colors_1 = require("@web-atoms/core/dist/core/Colors");
+    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
+    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
+    const AtomControl_1 = require("@web-atoms/core/dist/web/controls/AtomControl");
+    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
+    const AddImage_1 = require("./commands/AddImage");
+    const Align_1 = require("./commands/Align");
+    const Bold_1 = require("./commands/Bold");
+    const ChangeColor_1 = require("./commands/ChangeColor");
+    const ChangeFont_1 = require("./commands/ChangeFont");
+    const ChangeFontSize_1 = require("./commands/ChangeFontSize");
+    const Headings_1 = require("./commands/Headings");
+    const HorizontalRule_1 = require("./commands/HorizontalRule");
+    const IndentLess_1 = require("./commands/IndentLess");
+    const IndentMore_1 = require("./commands/IndentMore");
+    const Italic_1 = require("./commands/Italic");
+    const NumberedList_1 = require("./commands/NumberedList");
+    const RemoveFormat_1 = require("./commands/RemoveFormat");
+    const Separator_1 = require("./commands/Separator");
+    const StrikeThrough_1 = require("./commands/StrikeThrough");
+    const Underline_1 = require("./commands/Underline");
+    const Unlink_1 = require("./commands/Unlink");
+    const UnorderedList_1 = require("./commands/UnorderedList");
+    const link = document.createElement("link");
+    link.href = "https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css";
+    link.rel = "stylesheet";
+    document.head.appendChild(link);
+    const css = (0, CSS_1.default)((0, StyleRule_1.default)()
+        .nested((0, StyleRule_1.default)(".toolbar")
+        .display("flex")
+        .child((0, StyleRule_1.default)(".command")
+        .display("inline-flex")
+        .justifyContent("space-evenly")
+        .border("none")
+        .cursor("pointer")
+        .backgroundColor(Colors_1.default.transparent)
+        .hoverBackgroundColor(Colors_1.default.lightGreen)
+        .minWidth(28)
+        .height(28)
+        .and((0, StyleRule_1.default)(".pressed")
+        .backgroundColor(Colors_1.default.lightGray)
+        .hoverBackgroundColor(Colors_1.default.lightGreen))
+        .nested((0, StyleRule_1.default)(".ri-bold")
+        .fontWeight("bold")))));
+    function Toolbar(a, ...nodes) {
+        return XNode_1.default.create("div", { class: "toolbar" }, ...nodes);
+    }
+    exports.Toolbar = Toolbar;
+    class HtmlEditorControl extends AtomControl_1.AtomControl {
+        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;
+            }
+        }
+        preCreate() {
+            this.version = 1;
+            this.runAfterInit(() => {
+                this.setup();
+            });
+            this.element.classList.add(css);
+        }
+        onPasteEvent(e) {
+            // tslint:disable-next-line: no-console
+            if (!e.clipboardData.types.find((x) => x === "text/html")) {
+                return;
+            }
+            const d = e.clipboardData.getData("text/plain");
+            if (d) {
+                // we need to sanitize this one...
+                const s = window.getSelection();
+                const r = s.getRangeAt(0);
+                const p = document.createElement("p");
+                const span = document.createElement("span");
+                span.textContent = d;
+                p.appendChild(span);
+                r.insertNode(p);
+                r.setStartAfter(p);
+            }
+            e.preventDefault();
+        }
+        onInputEvent(e) {
+            // tslint:disable-next-line: no-console
+            console.log(e);
+        }
+        setup() {
+            const frame = this.element.getElementsByTagName("iframe")[0];
+            const doc = frame.contentWindow.document;
+            doc.open();
+            doc.writeln(`<div id="editor"><p>&nbsp;</p></div>`);
+            doc.close();
+            const style = doc.createElement("style");
+            style.textContent = `body { font-family: arial,sans-serif}`;
+            doc.head.appendChild(style);
+            this.editor = doc.getElementById("editor");
+            this.editor.contentEditable = "true";
+            doc.execCommand("styleWithCSS");
+            const updateVersion = () => setTimeout(() => this.version++, 1);
+            this.editor.addEventListener("click", updateVersion);
+            this.editor.addEventListener("keydown", updateVersion);
+            this.editor.addEventListener("keypress", updateVersion);
+            this.editorWindow = frame.contentWindow;
+            this.editorDocument = doc;
+            this.registerDisposable({
+                dispose: () => {
+                    this.editor.removeEventListener("click", updateVersion);
+                    this.editor.removeEventListener("keydown", updateVersion);
+                    this.editor.removeEventListener("keypress", updateVersion);
+                }
+            });
+        }
+    }
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", String)
+    ], HtmlEditorControl.prototype, "content", void 0);
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", Array)
+    ], HtmlEditorControl.prototype, "header", void 0);
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", Number)
+    ], HtmlEditorControl.prototype, "version", void 0);
+    exports.HtmlEditorControl = HtmlEditorControl;
+    function HtmlEditor(_a, ...nodes) {
+        var { insertImage } = _a, attributes = __rest(_a, ["insertImage"]);
+        if (nodes.length === 0) {
+            return XNode_1.default.create(HtmlEditorControl, Object.assign({}, attributes),
+                XNode_1.default.create(Toolbar, null,
+                    XNode_1.default.create(Bold_1.default, null),
+                    XNode_1.default.create(Italic_1.default, null),
+                    XNode_1.default.create(Underline_1.default, null),
+                    XNode_1.default.create(StrikeThrough_1.default, null),
+                    XNode_1.default.create(Align_1.default, null),
+                    XNode_1.default.create(Separator_1.default, null),
+                    XNode_1.default.create(Headings_1.default, null),
+                    XNode_1.default.create(ChangeColor_1.default, null),
+                    XNode_1.default.create(HorizontalRule_1.default, null),
+                    XNode_1.default.create(Separator_1.default, null),
+                    XNode_1.default.create(ChangeFont_1.default, null),
+                    XNode_1.default.create(ChangeFontSize_1.default, null),
+                    XNode_1.default.create(Separator_1.default, null),
+                    XNode_1.default.create(NumberedList_1.default, null),
+                    XNode_1.default.create(UnorderedList_1.default, null),
+                    XNode_1.default.create(IndentLess_1.default, null),
+                    XNode_1.default.create(IndentMore_1.default, null),
+                    XNode_1.default.create(Separator_1.default, null),
+                    XNode_1.default.create(AddImage_1.default, { eventInsertHtml: insertImage }),
+                    XNode_1.default.create(Separator_1.default, null),
+                    XNode_1.default.create(Unlink_1.default, null),
+                    XNode_1.default.create(RemoveFormat_1.default, null)),
+                XNode_1.default.create("iframe", { class: "editor-frame" }));
+        }
+        return XNode_1.default.create(HtmlEditorControl, Object.assign({}, attributes),
+            ...nodes,
+            XNode_1.default.create("iframe", { class: "editor-frame" }));
+    }
+    exports.default = HtmlEditor;
+});
+//# sourceMappingURL=HtmlEditor.js.map

package/dist/html-editor/HtmlEditor.js.map

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

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

@@ -0,0 +1,5 @@
+export default function AddImage({ eventInsertHtml, insertCommand }: {
+    eventInsertHtml?: () => void;
+    insertCommand?: string;
+}): any;
+//# sourceMappingURL=AddImage.d.ts.map

package/dist/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":"AAEA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,eAAoC,EACpC,aAA4B,EAC/B;;;CAAA,OAOA"}

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

@@ -0,0 +1,23 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./CommandButton"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const CommandButton_1 = require("./CommandButton");
+    function AddImage({ eventInsertHtml = (0, CommandButton_1.notSet)("AddImage"), insertCommand = "insertHTML" }) {
+        return (0, CommandButton_1.default)({
+            icon: "ri-image-add-fill",
+            insertCommand,
+            title: "Insert Image",
+            eventInsertHtml
+        });
+    }
+    exports.default = AddImage;
+});
+//# sourceMappingURL=AddImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddImage.js","sourceRoot":"","sources":["../../../src/html-editor/commands/AddImage.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,mDAAwD;IAExD,SAAwB,QAAQ,CAAC,EAC7B,eAAe,GAAG,IAAA,sBAAM,EAAC,UAAU,CAAC,EACpC,aAAa,GAAG,YAAY,EAC/B;QACG,OAAO,IAAA,uBAAa,EAAC;YACjB,IAAI,EAAE,mBAAmB;YACzB,aAAa;YACb,KAAK,EAAE,cAAc;YACrB,eAAe;SAClB,CAAC,CAAC;IACP,CAAC;IAVD,2BAUC"}

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

@@ -0,0 +1,5 @@
+export default function AddLink({ eventInsertHtml, insertCommand }: {
+    eventInsertHtml?: () => void;
+    insertCommand?: string;
+}): any;
+//# sourceMappingURL=AddLink.d.ts.map

package/dist/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":"AAEA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC5B,eAAsC,EACtC,aAA4B,EAC/B;;;CAAA,OAOA"}

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

@@ -0,0 +1,23 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./CommandButton"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const CommandButton_1 = require("./CommandButton");
+    function AddLink({ eventInsertHtml = (0, CommandButton_1.notSet)("CreateLink"), insertCommand = "insertHTML" }) {
+        return (0, CommandButton_1.default)({
+            icon: "ri-link-m",
+            insertCommand,
+            eventInsertHtml,
+            title: "Create Hyper Link"
+        });
+    }
+    exports.default = AddLink;
+});
+//# sourceMappingURL=AddLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddLink.js","sourceRoot":"","sources":["../../../src/html-editor/commands/AddLink.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,mDAAwD;IAExD,SAAwB,OAAO,CAAC,EAC5B,eAAe,GAAG,IAAA,sBAAM,EAAC,YAAY,CAAC,EACtC,aAAa,GAAG,YAAY,EAC/B;QACG,OAAO,IAAA,uBAAa,EAAC;YACjB,IAAI,EAAE,WAAW;YACjB,aAAa;YACb,eAAe;YACf,KAAK,EAAE,mBAAmB;SAC7B,CAAC,CAAC;IACP,CAAC;IAVD,0BAUC"}

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

@@ -0,0 +1,2 @@
+export default function Align(): any;
+//# sourceMappingURL=Align.d.ts.map

package/dist/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,MAAM,CAAC,OAAO,UAAU,KAAK,QA0B5B"}

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

@@ -0,0 +1,24 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "@web-atoms/core/dist/core/Bind", "@web-atoms/core/dist/core/XNode", "../../basic/PopupButton"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const Bind_1 = require("@web-atoms/core/dist/core/Bind");
+    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
+    const PopupButton_1 = require("../../basic/PopupButton");
+    function Align() {
+        return XNode_1.default.create(PopupButton_1.default, { class: "command", icon: "ri-align-left", title: "Change Alignment" },
+            XNode_1.default.create(PopupButton_1.MenuItem, { icon: "ri-align-left", title: "Align Left", eventClick: Bind_1.default.event((e) => e.executeCommand("justifyLeft")) }),
+            XNode_1.default.create(PopupButton_1.MenuItem, { icon: "ri-align-center", title: "Align Center", eventClick: Bind_1.default.event((e) => e.executeCommand("justifyCenter")) }),
+            XNode_1.default.create(PopupButton_1.MenuItem, { icon: "ri-align-right", title: "Align Right", eventClick: Bind_1.default.event((e) => e.executeCommand("justifyRight")) }),
+            XNode_1.default.create(PopupButton_1.MenuItem, { icon: "ri-align-justify", title: "Justify", eventClick: Bind_1.default.event((e) => e.executeCommand("justifyFull")) }));
+    }
+    exports.default = Align;
+});
+//# sourceMappingURL=Align.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Align.js","sourceRoot":"","sources":["../../../src/html-editor/commands/Align.tsx"],"names":[],"mappings":";;;;;;;;;;;IAAA,yDAAkD;IAClD,2DAAoD;IACpD,yDAAgE;IAGhE,SAAwB,KAAK;QACzB,OAAO,uBAAC,qBAAW,IACf,KAAK,EAAC,SAAS,EACf,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,kBAAkB;YACxB,uBAAC,sBAAQ,IACL,IAAI,EAAC,eAAe,EACpB,KAAK,EAAC,YAAY,EAClB,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAoB,EAAE,EAAE,CAC5C,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,GAAG;YAC3C,uBAAC,sBAAQ,IACL,IAAI,EAAC,iBAAiB,EACtB,KAAK,EAAC,cAAc,EACpB,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAoB,EAAE,EAAE,CAC5C,CAAC,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,GAAG;YAC7C,uBAAC,sBAAQ,IACL,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAC,aAAa,EACnB,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAoB,EAAE,EAAE,CAC5C,CAAC,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,GAAG;YAC5C,uBAAC,sBAAQ,IACL,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAC,SAAS,EACf,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAoB,EAAE,EAAE,CAC5C,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,CAAC,GAAG,CACjC,CAAC;IACnB,CAAC;IA1BD,wBA0BC"}

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

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

package/dist/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,WAAW,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,GAAG,EAAE,QAAQ,OAUzC"}

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

@@ -0,0 +1,20 @@
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "./Command"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const Command_1 = require("./Command");
+    function Bold(cmd) {
+        return (0, Command_1.default)(Object.assign(Object.assign({ icon: "ri-bold", queryState: "bold", title: "Bold" }, cmd), { command(editor) {
+                editor.executeCommand("bold");
+            } }));
+    }
+    exports.default = Bold;
+});
+//# sourceMappingURL=Bold.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Bold.js","sourceRoot":"","sources":["../../../src/html-editor/commands/Bold.ts"],"names":[],"mappings":";;;;;;;;;;;IAAA,uCAA8C;IAE9C,SAAwB,IAAI,CAAC,GAAa;QACtC,OAAO,IAAA,iBAAO,gCACV,IAAI,EAAE,SAAS,EACf,UAAU,EAAE,MAAM,EAClB,KAAK,EAAE,MAAM,IACT,GAAG,KACP,OAAO,CAAC,MAAM;gBACV,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;YAClC,CAAC,IACH,CAAC;IACP,CAAC;IAVD,uBAUC"}

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

@@ -0,0 +1,2 @@
+export default function ChangeColor(): any;
+//# sourceMappingURL=ChangeColor.d.ts.map