@web-atoms/web-controls 2.1.10 → 2.1.11

package/dist/basic/PopupButton.d.ts

@@ -10,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: Array<IMenuItem | XNode>): 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":"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,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,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,OAiDlC"}
+{"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

@@ -50,7 +50,7 @@ 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;
@@ -63,7 +63,12 @@ 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;

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

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"}

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

@@ -0,0 +1,146 @@
+(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", "@web-atoms/core/dist/style/StyleRule", "@web-atoms/core/dist/web/styles/CSS", "../../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 StyleRule_1 = require("@web-atoms/core/dist/style/StyleRule");
+    const CSS_1 = require("@web-atoms/core/dist/web/styles/CSS");
+    const PopupButton_1 = require("../../basic/PopupButton");
+    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 = (0, CSS_1.default)((0, StyleRule_1.default)("color-selector")
+        .width(400)
+        .display("flex")
+        .justifyContent("space-evenly")
+        .child((0, StyleRule_1.default)("table")
+        .display("inline-table"))
+        .nested((0, StyleRule_1.default)(".color-button")
+        .display("inline-block")
+        .width(20)
+        .height(20)
+        .borderWidth(1)
+        .margin(1)
+        .cursor("pointer")
+        .borderStyle("solid")
+        .borderColor("transparent")
+        .hover((0, StyleRule_1.default)()
+        .borderColor("black"))));
+    function TextColor(color) {
+        return XNode_1.default.create("div", { class: "color-button", eventClick: Bind_1.default.event((e) => e.executeCommand("foreColor", false, color)), styleBackgroundColor: color.toLowerCase(), title: color });
+    }
+    function BackgroundColor(color) {
+        return XNode_1.default.create("div", { class: "color-button", eventClick: Bind_1.default.event((e) => e.executeCommand("hiliteColor", false, color)), styleBackgroundColor: color.toLowerCase(), title: color });
+    }
+    function ChangeColor() {
+        return XNode_1.default.create(PopupButton_1.default, { title: "Change Color", class: "command", icon: "ri-font-color" },
+            XNode_1.default.create("div", { class: colorSelectorCss },
+                XNode_1.default.create("table", null,
+                    XNode_1.default.create("thead", null,
+                        XNode_1.default.create("tr", null,
+                            XNode_1.default.create("th", { colSpan: 8 }, "Text Color"))),
+                    XNode_1.default.create("thead", null,
+                        XNode_1.default.create("tr", null, ...gray.map(TextColor))),
+                    XNode_1.default.create("thead", null,
+                        XNode_1.default.create("tr", null, ...primary.map(TextColor))),
+                    XNode_1.default.create("tbody", null, ...all.map((row) => XNode_1.default.create("tr", null, ...row.map(TextColor))))),
+                XNode_1.default.create("table", { class: "background-color" },
+                    XNode_1.default.create("thead", null,
+                        XNode_1.default.create("tr", null,
+                            XNode_1.default.create("th", { colSpan: 8 }, "Background Color"))),
+                    XNode_1.default.create("thead", null,
+                        XNode_1.default.create("tr", null, ...gray.map(BackgroundColor))),
+                    XNode_1.default.create("thead", null,
+                        XNode_1.default.create("tr", null, ...primary.map(BackgroundColor))),
+                    XNode_1.default.create("tbody", null, ...all.map((row) => XNode_1.default.create("tr", null, ...row.map(BackgroundColor)))))));
+    }
+    exports.default = ChangeColor;
+});
+//# sourceMappingURL=ChangeColor.js.map

package/dist/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/html-editor/commands/ChangeFont.d.ts

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

package/dist/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":"AAoCA,wBAAgB,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;;;CAAA,OAavC;AAgBD,MAAM,CAAC,OAAO,UAAU,UAAU,QASjC"}