@web-atoms/web-controls 2.1.8 → 2.1.12

package/dist/basic/PopupButton.d.ts

@@ -1,3 +1,4 @@
+import XNode from "@web-atoms/core/dist/core/XNode";
 export interface IMenuItem {
     label?: string;
     icon?: string;
@@ -9,8 +10,9 @@ export interface IMenuItem {
 export interface IPopupButton {
     icon?: string;
     label?: string;
+    showAsDialog?: boolean;
     [key: string]: any;
 }
 export declare function MenuItem({ label, icon, eventClick, href, target, ...others }: IMenuItem): any;
-export default function PopupButton({ icon, label, ...others }: IPopupButton, ...menus: 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":"AAkBA,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,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,GAAI,MAAM,EACb,EAAE,YAAY,EACf,GAAI,KAAK,EAAE,SAAS,EAAE,OA8CrB"}
+{"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,OAuDlC"}

package/dist/basic/PopupButton.js

@@ -50,12 +50,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         .child((0, StyleRule_1.default)("span")
         .flexStretch()));
     function PopupButton(_a, ...menus) {
-        var { icon, label } = _a, others = __rest(_a, ["icon", "label"]);
+        var { icon, label, showAsDialog } = _a, others = __rest(_a, ["icon", "label", "showAsDialog"]);
         let popup = null;
         function openPopup(s, e) {
             const button = e.currentTarget;
+            button.classList.add("pressed");
             if (popup) {
-                button.classList.remove("pressed");
                 popup.dispose();
                 popup = null;
                 return;
@@ -63,13 +63,22 @@ var __rest = (this && this.__rest) || function (s, e) {
             const menu = document.createElement("div");
             s.render(XNode_1.default.create("div", { class: menuCss }, ...menus), menu);
             const ps = s.resolve(PopupService_1.default);
-            popup = ps.show(button, menu);
+            const options = showAsDialog
+                ? {
+                    alignment: "centerOfScreen"
+                }
+                : 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.registerDisposable(() => {
+                button.classList.remove("pressed");
+                menu.removeEventListener("click", dispose);
+                popup = null;
+            });
         }
         if (label) {
             return XNode_1.default.create("button", Object.assign({}, others, { eventClick: Bind_1.default.event((s, e) => openPopup(s, e)) }),

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;AAkD5E,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,OAqCrB"}

package/dist/html-editor/HtmlEditor.js

@@ -0,0 +1,208 @@
+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/AddLink", "./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 AddLink_1 = require("./commands/AddLink");
+    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(AddLink_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,4 @@
+export default function AddLink({ insertCommand }: {
+    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":"AAwEA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC5B,aAA4B,EAC/B;;CAAA,OAOA"}

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

@@ -0,0 +1,86 @@
+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);
+};
+(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/BindableProperty", "@web-atoms/core/dist/core/XNode", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/controls/AtomToggleButtonBar", "@web-atoms/core/dist/web/services/PopupService", "@web-atoms/core/dist/web/styles/CSS", "./CommandButton"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const Bind_1 = require("@web-atoms/core/dist/core/Bind");
+    const BindableProperty_1 = require("@web-atoms/core/dist/core/BindableProperty");
+    const XNode_1 = require("@web-atoms/core/dist/core/XNode");
+    const StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
+    const AtomToggleButtonBar_1 = require("@web-atoms/core/dist/web/controls/AtomToggleButtonBar");
+    const PopupService_1 = require("@web-atoms/core/dist/web/services/PopupService");
+    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
+    const CommandButton_1 = require("./CommandButton");
+    const linkTypes = [
+        {
+            label: "Web Page",
+            value: "web-page"
+        },
+        {
+            label: "Email",
+            value: "email"
+        },
+        {
+            label: "Anchor",
+            value: "anchor"
+        },
+        {
+            label: "Phone",
+            value: "phone"
+        }
+    ];
+    const linkDialogCss = (0, CSS_1.default)((0, StyleRule_1.default)()
+        .display("flex")
+        .flexDirection("column")
+        .gap(5));
+    class LinkDialog extends PopupService_1.PopupWindow {
+        create() {
+            this.type = "web-page";
+            this.title = "Create Link";
+            this.render(XNode_1.default.create("div", { class: linkDialogCss },
+                XNode_1.default.create(AtomToggleButtonBar_1.AtomToggleButtonBar, { items: linkTypes, value: Bind_1.default.twoWays(() => this.type) }),
+                XNode_1.default.create("input", { placeholder: "https://...", value: Bind_1.default.twoWaysImmediate(() => this.link) }),
+                XNode_1.default.create("div", { class: "command-bar" },
+                    XNode_1.default.create("button", { text: "Add", eventClick: Bind_1.default.event((x) => setTimeout(() => {
+                            this.viewModel.close(this.link);
+                        }, 1)) }))));
+        }
+    }
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", String)
+    ], LinkDialog.prototype, "link", void 0);
+    __decorate([
+        BindableProperty_1.BindableProperty,
+        __metadata("design:type", String)
+    ], LinkDialog.prototype, "type", void 0);
+    function showDialog(s, e) {
+        const popupService = s.app.resolve(PopupService_1.default);
+        return popupService.showWindow(s.element, LinkDialog);
+    }
+    function AddLink({ insertCommand = "createLink" }) {
+        return (0, CommandButton_1.default)({
+            icon: "ri-link-m",
+            insertCommand,
+            eventInsertHtml: showDialog,
+            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,yDAAkD;IAClD,iFAA8E;IAE9E,2DAAoD;IACpD,oEAA6D;IAC7D,+FAA4F;IAC5F,iFAA2F;IAC3F,6DAAsD;IAEtD,mDAAwD;IAExD,MAAM,SAAS,GAAG;QACd;YACI,KAAK,EAAE,UAAU;YACjB,KAAK,EAAE,UAAU;SACpB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;SACjB;QACD;YACI,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;SAClB;QACD;YACI,KAAK,EAAE,OAAO;YACd,KAAK,EAAE,OAAO;SACjB;KACJ,CAAC;IAEF,MAAM,aAAa,GAAG,IAAA,aAAG,EAAC,IAAA,mBAAS,GAAE;SAChC,OAAO,CAAC,MAAM,CAAC;SACf,aAAa,CAAC,QAAQ,CAAC;SACvB,GAAG,CAAC,CAAC,CAAC,CACV,CAAC;IAEF,MAAM,UAAW,SAAQ,0BAAW;QAQtB,MAAM;YACZ,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC;YACvB,IAAI,CAAC,KAAK,GAAG,aAAa,CAAC;YAC3B,IAAI,CAAC,MAAM,CAAC,gCAAK,KAAK,EAAE,aAAa;gBACjC,uBAAC,yCAAmB,IAChB,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,cAAI,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;gBAC3C,kCACI,WAAW,EAAC,aAAa,EACzB,KAAK,EAAE,cAAI,CAAC,gBAAgB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG;gBACpD,gCAAK,KAAK,EAAC,aAAa;oBACpB,mCACI,IAAI,EAAC,KAAK,EACV,UAAU,EAAE,cAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAC7B,UAAU,CAAC,GAAG,EAAE;4BACZ,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBACpC,CAAC,EAAE,CAAC,CAAC,CACR,GAAI,CACH,CACJ,CAAC,CAAC;QACZ,CAAC;KACJ;IA1BG;QADC,mCAAgB;;4CACG;IAGpB;QADC,mCAAgB;;4CACG;IAyBxB,SAAS,UAAU,CAAC,CAAoB,EAAE,CAAQ;QAC9C,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,OAAO,CAAC,sBAAY,CAAC,CAAC;QACjD,OAAO,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAC1D,CAAC;IAED,SAAwB,OAAO,CAAC,EAC5B,aAAa,GAAG,YAAY,EAC/B;QACG,OAAO,IAAA,uBAAa,EAAC;YACjB,IAAI,EAAE,WAAW;YACjB,aAAa;YACb,eAAe,EAAE,UAAU;YAC3B,KAAK,EAAE,mBAAmB;SAC7B,CAAC,CAAC;IACP,CAAC;IATD,0BASC"}

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

package/dist/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":"AAgIA,MAAM,CAAC,OAAO,UAAU,WAAW,QAiDlC"}