@web-atoms/web-controls 2.5.64 → 2.6.3

package/dist-esm/basic/elements/AtomPopover.js

@@ -0,0 +1,279 @@
+import { AtomDisposableList } from "@web-atoms/core/dist/core/AtomDisposableList.js";
+import { CancelToken } from "@web-atoms/core/dist/core/types.js";
+import XNode, { xnodeSymbol } from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl, ElementValueSetters } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "./AtomPopover.css";
+import { relativeRect } from "./relativeRect.js";
+import getContainingBlock from "./getContainingBlock.js";
+ElementValueSetters["anchor-left"] = (c, e, v) => e.setAttribute("anchor-left", v);
+ElementValueSetters["anchor-right"] = (c, e, v) => e.setAttribute("anchor-right", v);
+ElementValueSetters["anchor-top"] = (c, e, v) => e.setAttribute("anchor-top", v);
+ElementValueSetters["anchor-bottom"] = (c, e, v) => e.setAttribute("anchor-bottom", v);
+class AtomPopoverElement extends HTMLElement {
+    constructor() {
+        super(...arguments);
+        this.aborted = "cancel";
+        this.closePopover = (e) => {
+            const cancelOnBlur = /^(true|yes|1)$/i.test(this.getAttribute("cancel-on-blur") || "true");
+            if (!cancelOnBlur) {
+                return;
+            }
+            setTimeout(() => {
+                let target = e.target;
+                while (target) {
+                    if (target.hasAttribute("data-close-on-click")) {
+                        break;
+                    }
+                    if (target === this.parentElement) {
+                        return;
+                    }
+                    target = target.parentElement;
+                }
+                this.lastParent = null;
+                const ce = new CustomEvent("removing", {
+                    detail: { result: this.result, aborted: this.aborted },
+                    bubbles: true,
+                    cancelable: true
+                });
+                this.dispatchEvent(ce);
+                if (ce.defaultPrevented) {
+                    return;
+                }
+                this.dispatchEvent(new CustomEvent("removed", {
+                    detail: { result: this.result, aborted: this.aborted },
+                    bubbles: true,
+                }));
+                this.remove();
+            }, 250);
+        };
+        this.updatePosition = () => {
+            if (!this.parentElement) {
+                return;
+            }
+            const lastParent = this.lastParent = this.parentElement;
+            if (!lastParent) {
+                return;
+            }
+            const cb = getContainingBlock(lastParent);
+            if (!cb) {
+                return;
+            }
+            this.containingBlock = cb;
+            const cbr = cb.getBoundingClientRect();
+            const rrSelf = relativeRect(this, cb);
+            const rrParent = relativeRect(this.parentElement, cb);
+            let anchorBottom = this.getAttribute("anchor-bottom");
+            let anchorRight = this.getAttribute("anchor-right");
+            let anchorTop = this.getAttribute("anchor-top");
+            let anchorLeft = this.getAttribute("anchor-left");
+            const firstChild = this.firstElementChild.getBoundingClientRect();
+            let diffTop = Math.min(window.visualViewport.height, cbr.height) - (rrParent.top + firstChild.height);
+            if (diffTop > 0) {
+                diffTop = 0;
+            }
+            else {
+                diffTop -= 40;
+                if (!anchorBottom) {
+                    anchorBottom = "parent-top";
+                    anchorTop = void 0;
+                }
+            }
+            let diffBottom = rrParent.top - firstChild.height;
+            if (diffBottom > 0) {
+                diffBottom = 0;
+            }
+            const topLeft = {
+                "parent-left": `${rrParent.left}px`,
+                "parent-right": `${rrSelf.left}px`,
+                "parent-top": `${rrParent.top + diffTop}px`,
+                "parent-bottom": `${rrParent.top + rrParent.height + diffTop}px`
+            };
+            const bottomRight = {
+                "parent-left": `${rrParent.right}px`,
+                "parent-right": `${rrSelf.right}px`,
+                "parent-top": `${rrParent.bottom + rrSelf.height + diffBottom}px`,
+                "parent-bottom": `${rrParent.bottom + rrParent.height + diffBottom}px`
+            };
+            const style = this.slotElement.style;
+            style.removeProperty("left");
+            style.removeProperty("top");
+            style.removeProperty("right");
+            style.removeProperty("bottom");
+            if (!anchorBottom) {
+                anchorTop ||= "parent-bottom";
+            }
+            if (!anchorRight) {
+                anchorLeft ||= "parent-right";
+            }
+            if (anchorTop) {
+                style.top = topLeft[anchorTop];
+            }
+            if (anchorLeft) {
+                style.left = topLeft[anchorLeft];
+            }
+            if (anchorBottom) {
+                style.bottom = bottomRight[anchorBottom];
+            }
+            if (anchorRight) {
+                style.right = bottomRight[anchorRight];
+            }
+        };
+    }
+    connectedCallback() {
+        if (!this.root) {
+            const root = this.root = this.attachShadow({ mode: "open" });
+            const slot = document.createElement("slot");
+            slot.setAttribute("part", "container");
+            this.slotElement = slot;
+            root.appendChild(slot);
+        }
+        setTimeout(() => this.updatePosition(), 100);
+        window.addEventListener("scroll", this.updatePosition, { passive: true, capture: true });
+        setTimeout(() => {
+            document.body.addEventListener("click", this.closePopover);
+        }, 100);
+    }
+    disconnectedCallback() {
+        if (this.lastParent?.isConnected) {
+            this.dispatchEvent(new CustomEvent("removed", {
+                detail: { result: this.result, aborted: this.aborted },
+                bubbles: true
+            }));
+        }
+        document.body.removeEventListener("click", this.closePopover);
+        window.removeEventListener("scroll", this.updatePosition);
+        clearInterval(this.timer);
+    }
+}
+const existingPopup = Symbol("popup");
+export default class AtomPopover {
+    static create(parent, options = {}) {
+        return parent[existingPopup] ??= new this(parent, options);
+    }
+    static show(parent, options = {}) {
+        const p = (parent[existingPopup] ??= new this(parent, options));
+        return p.resultPromise;
+    }
+    static menu(parent, node, options = {}) {
+        const ct = new CancelToken();
+        options.nodeFactory = () => node;
+        const p = new this(parent, options);
+        p.result = 1;
+        p.disposables.add(p.owner.bindEvent(p.popover, "click", () => {
+            setTimeout(() => {
+                ct.cancel();
+            }, 10);
+        }));
+        return p;
+    }
+    set renderer(v) {
+        const owner = this.owner;
+        let first = this.popoverContainer.firstElementChild;
+        while (first) {
+            const next = first.nextElementSibling;
+            owner.dispose(first);
+            first.remove();
+            first = next;
+        }
+        if (!v) {
+            return;
+        }
+        if (v[xnodeSymbol]) {
+            this.owner.render(XNode.create("div", null,
+                " ",
+                v,
+                " "), this.popoverContainer, this.owner);
+        }
+        else {
+            this.popoverContainer.appendChild(v);
+        }
+        this.popoverContainer.updatePosition?.();
+    }
+    constructor(parent, options = {}) {
+        this.disposables = new AtomDisposableList();
+        this.removing = (ce) => {
+            if (this.cancel) {
+                ce?.preventDefault();
+                const c = this.cancel?.();
+                if (c?.then) {
+                    c.then(() => {
+                        this.renderer = void 0;
+                        this.remove();
+                    }, console.warn);
+                }
+            }
+        };
+        this.remove = () => {
+            const { result } = this.popover;
+            if (result === void 0) {
+                this.resultReject?.("canceled");
+            }
+            else {
+                this.resultResolve?.(result);
+            }
+            this.disposables.dispose();
+            this.popover.remove();
+        };
+        const p1 = parent;
+        this.disposables.add(() => p1[existingPopup] = null);
+        if (parent instanceof AtomControl) {
+            this.owner = parent;
+            parent = this.owner.element;
+        }
+        else {
+            this.owner = AtomControl.from(parent);
+        }
+        const popover = this.popover = document.createElement("atom-pop-over");
+        this.popoverContainer = popover;
+        parent.appendChild(popover);
+        const { cancelToken, nodeFactory, dataFactory, closeOnClick = true, "anchor-left": anchorLeft, "anchor-right": anchorRight, "anchor-top": anchorTop, "anchor-bottom": anchorBottom } = options;
+        cancelToken?.registerForCancel(this.removing);
+        if (anchorLeft) {
+            popover.setAttribute("anchor-left", anchorLeft);
+        }
+        if (anchorRight) {
+            popover.setAttribute("anchor-right", anchorRight);
+        }
+        if (anchorTop) {
+            popover.setAttribute("anchor-top", anchorTop);
+        }
+        if (anchorBottom) {
+            popover.setAttribute("anchor-bottom", anchorBottom);
+        }
+        if (closeOnClick) {
+            popover.setAttribute("data-close-on-click", "1");
+        }
+        popover.addEventListener("removing", this.removing);
+        popover.addEventListener("removed", this.remove);
+        this.disposables.add(() => {
+            popover.removeEventListener("removed", this.remove);
+            popover.removeEventListener("removing", this.removing);
+        });
+        this.init ??= (data) => {
+            if (nodeFactory) {
+                this.renderer = nodeFactory(data);
+            }
+        };
+        const p = this.init?.(dataFactory?.());
+        if (p?.then) {
+            p.then(() => void 0, console.warn);
+        }
+        this.resultPromise = new Promise((resolve, reject) => {
+            this.resultResolve = resolve;
+            this.resultReject = reject;
+        });
+        this.resultPromise.catch(() => void 0);
+    }
+    close(r) {
+        this.removed = true;
+        this.popover.result = r ?? null;
+        this.popover.remove();
+    }
+    async cancel() {
+        this.removed = true;
+        delete this.popover.result;
+        this.popover.remove();
+    }
+}
+customElements.define("atom-pop-over", AtomPopoverElement);
+//# sourceMappingURL=AtomPopover.js.map

package/dist-esm/basic/elements/AtomPopover.js.map

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

package/dist-esm/basic/elements/getContainingBlock.d.ts

@@ -0,0 +1,3 @@
+declare const getContainingBlock: (node: HTMLElement) => HTMLElement;
+export default getContainingBlock;
+//# sourceMappingURL=getContainingBlock.d.ts.map

package/dist-esm/basic/elements/getContainingBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getContainingBlock.d.ts","sourceRoot":"","sources":["../../../src/basic/elements/getContainingBlock.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,kBAAkB,GAAI,MAAM,WAAW,gBAwC5C,CAAA;AAED,eAAe,kBAAkB,CAAC"}

package/dist-esm/basic/elements/getContainingBlock.js

@@ -0,0 +1,37 @@
+const getContainingBlock = (node) => {
+    if (!node || !node.parentElement) {
+        return document.body;
+    }
+    let start = node.parentElement;
+    while (start) {
+        const cs = getComputedStyle(start);
+        if (cs.filter !== "none") {
+            return start;
+        }
+        if (cs.backdropFilter !== "none") {
+            return start;
+        }
+        if (cs.transform !== "none") {
+            return start;
+        }
+        if (cs.perspective !== "none") {
+            return start;
+        }
+        if (/layout|paint|strict|content/i.test(cs.contain)) {
+            return start;
+        }
+        if (cs.containerType && cs.containerType !== "normal") {
+            return start;
+        }
+        if (/filter|transform/i.test(cs.willChange)) {
+            return start;
+        }
+        if (/auto/i.test(cs.contentVisibility)) {
+            return start;
+        }
+        start = start.parentElement;
+    }
+    return document.body;
+};
+export default getContainingBlock;
+//# sourceMappingURL=getContainingBlock.js.map

package/dist-esm/basic/elements/getContainingBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getContainingBlock.js","sourceRoot":"","sources":["../../../src/basic/elements/getContainingBlock.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG,CAAC,IAAiB,EAAE,EAAE;IAE7C,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;QAC/B,OAAO,QAAQ,CAAC,IAAI,CAAC;IACzB,CAAC;IAED,IAAI,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;IAC/B,OAAO,KAAK,EAAE,CAAC;QAEX,MAAM,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACnC,IAAG,EAAE,CAAC,MAAM,KAAK,MAAM,EAAE,CAAC;YACtB,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,IAAI,EAAE,CAAC,cAAc,KAAK,MAAM,EAAE,CAAC;YAC/B,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,IAAI,EAAE,CAAC,SAAS,KAAK,MAAM,EAAE,CAAC;YAC1B,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,IAAI,EAAE,CAAC,WAAW,KAAK,MAAM,EAAG,CAAC;YAC7B,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,IAAI,8BAA8B,CAAC,IAAI,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC;YAClD,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,IAAI,EAAE,CAAC,aAAa,IAAI,EAAE,CAAC,aAAa,KAAK,QAAQ,EAAE,CAAC;YACpD,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,IAAI,mBAAmB,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC;YAC1C,OAAO,KAAK,CAAC;QACjB,CAAC;QACD,IAAI,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,EAAE,CAAC;YACrC,OAAO,KAAK,CAAC;QACjB,CAAC;QAED,KAAK,GAAG,KAAK,CAAC,aAAa,CAAC;IAChC,CAAC;IAED,OAAO,QAAQ,CAAC,IAAI,CAAC;AACzB,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAC"}

package/dist-esm/basic/elements/relativeRect.d.ts

@@ -0,0 +1,10 @@
+export declare function relativeRect(e: HTMLElement, cb: any): {
+    left: number;
+    top: number;
+    bottom: number;
+    right: number;
+    width: number;
+    height: number;
+    e: HTMLElement;
+};
+//# sourceMappingURL=relativeRect.d.ts.map

package/dist-esm/basic/elements/relativeRect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"relativeRect.d.ts","sourceRoot":"","sources":["../../../src/basic/elements/relativeRect.ts"],"names":[],"mappings":"AAOA,wBAAgB,YAAY,CAAC,CAAC,EAAE,WAAW,EAAE,EAAE,KAAA;;;;;;;;EAwB9C"}

package/dist-esm/basic/elements/relativeRect.js

@@ -0,0 +1,24 @@
+const getScreenRect = (e, cbr = e.getBoundingClientRect()) => {
+    const { left, top, height, width } = cbr;
+    const right = visualViewport.width - left - width;
+    const bottom = visualViewport.height - top - height;
+    return { left, top, right, bottom, height, width };
+};
+export function relativeRect(e, cb) {
+    const ebr = getScreenRect(e);
+    const cbr = getScreenRect(cb);
+    let left = ebr.left;
+    let top = ebr.top;
+    let bottom = ebr.bottom;
+    let right = ebr.right;
+    if (cb.offsetParent) {
+        left -= cbr.left;
+        top -= cbr.top;
+        bottom -= cbr.bottom;
+        right -= cbr.right;
+    }
+    const height = e.offsetHeight;
+    const width = e.offsetWidth;
+    return { left, top, bottom, right, width, height, e };
+}
+//# sourceMappingURL=relativeRect.js.map

package/dist-esm/basic/elements/relativeRect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"relativeRect.js","sourceRoot":"","sources":["../../../src/basic/elements/relativeRect.ts"],"names":[],"mappings":"AAAA,MAAM,aAAa,GAAG,CAAC,CAAc,EAAE,MAAe,CAAC,CAAC,qBAAqB,EAAE,EAAE,EAAE;IAC/E,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAC,GAAG,GAAG,CAAC;IACxC,MAAM,KAAK,GAAG,cAAc,CAAC,KAAK,GAAG,IAAI,GAAG,KAAK,CAAC;IAClD,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,GAAG,GAAG,GAAG,MAAM,CAAC;IACpD,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;AACvD,CAAC,CAAC;AAEF,MAAM,UAAU,YAAY,CAAC,CAAc,EAAE,EAAE;IAE3C,MAAM,GAAG,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IAC7B,MAAM,GAAG,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;IAE9B,IAAI,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IACpB,IAAI,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC;IAGlB,IAAI,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;IACxB,IAAI,KAAK,GAAG,GAAG,CAAC,KAAK,CAAC;IAEtB,IAAI,EAAE,CAAC,YAAY,EAAE,CAAC;QAClB,IAAI,IAAI,GAAG,CAAC,IAAI,CAAC;QACjB,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC;QACf,MAAM,IAAI,GAAG,CAAC,MAAM,CAAC;QACrB,KAAK,IAAI,GAAG,CAAC,KAAK,CAAC;IACvB,CAAC;IAED,MAAM,MAAM,GAAG,CAAC,CAAC,YAAY,CAAC;IAC9B,MAAM,KAAK,GAAG,CAAC,CAAC,WAAW,CAAC;IAE5B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;AAE1D,CAAC"}

package/dist-esm/desktop-app/DesktopApp.d.ts

@@ -0,0 +1,16 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "../styles/desktop-app.global.css";
+export default class DesktopApp extends AtomControl {
+    menuRenderer: () => XNode;
+    sideBarRenderer: () => XNode;
+    statusBarRenderer: () => XNode;
+    private initialized;
+    onPropertyChanged(name: any): void;
+    protected init(): any;
+    protected recreate(renderer: any, name: any, remove?: boolean): HTMLElement;
+    protected create(): void;
+    onIconClick(): void;
+    onHideDrawer(): void;
+}
+//# sourceMappingURL=DesktopApp.d.ts.map

package/dist-esm/desktop-app/DesktopApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopApp.d.ts","sourceRoot":"","sources":["../../src/desktop-app/DesktopApp.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAI/E,OAAO,kCAAkC,CAAC;AAG1C,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IAGxC,YAAY,EAAE,MAAM,KAAK,CAAC;IAG1B,eAAe,EAAE,MAAM,KAAK,CAAC;IAG7B,iBAAiB,EAAE,MAAM,KAAK,CAAC;IAEtC,OAAO,CAAC,WAAW,CAAU;IAEtB,iBAAiB,CAAC,IAAI,KAAA;IAmB7B,SAAS,CAAC,IAAI,IAAI,GAAG;IAIrB,SAAS,CAAC,QAAQ,CAAC,QAAQ,KAAA,EAAE,IAAI,KAAA,EAAE,MAAM,UAAO,GAAG,WAAW;IAoB9D,SAAS,CAAC,MAAM;IAmBhB,WAAW;IASX,YAAY;CAIf"}

package/dist-esm/desktop-app/DesktopApp.js

@@ -0,0 +1,95 @@
+import { __decorate, __metadata } from "tslib";
+import { BindableProperty } from "@web-atoms/core/dist/core/BindableProperty.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { ChildEnumerator } from "@web-atoms/core/dist/web/core/AtomUI.js";
+import MobileApp from "../mobile-app/MobileApp.js";
+import "../styles/desktop-app.global.css";
+import Action from "@web-atoms/core/dist/view-model/Action.js";
+export default class DesktopApp extends AtomControl {
+    onPropertyChanged(name) {
+        super.onPropertyChanged(name);
+        if (!this.initialized) {
+            return;
+        }
+        switch (name) {
+            case "statusBarRenderer":
+                this.recreate(name, "status-bar");
+                break;
+            case "menuRenderer":
+                this.recreate(name, "menu-renderer");
+                break;
+            case "sideBarRenderer":
+                this.recreate(name, "side-bar");
+                break;
+        }
+    }
+    init() {
+    }
+    recreate(renderer, name, remove = true) {
+        const node = this[renderer]?.() ?? undefined;
+        if (remove) {
+            for (const e of ChildEnumerator.enumerate(this.element)) {
+                if (e.dataset.pageElement === name) {
+                    this.dispose(e);
+                    e.remove();
+                    break;
+                }
+            }
+        }
+        if (node) {
+            const na = node.attributes ??= {};
+            na["data-page-element"] = name;
+            this.render(XNode.create("div", null, node));
+            return this.element.querySelector(`[data-page-element="${name}"]`);
+        }
+        return null;
+    }
+    create() {
+        this.render(XNode.create("div", { "data-desktop-app": "desktop-app" },
+            XNode.create(MobileApp, { "data-page-element": "app" })));
+        this.recreate("menuRenderer", "menu-renderer", false);
+        this.recreate("sideBarRenderer", "side-bar", false);
+        this.recreate("statusBarRenderer", "status-bar", false);
+        this.initialized = true;
+        this.runAfterInit(() => {
+            this.app.runAsync(() => this.init());
+        });
+    }
+    onIconClick() {
+        if (this.element.hasAttribute("drawer-hidden")) {
+            this.element.removeAttribute("drawer-hidden");
+        }
+        else {
+            this.element.setAttribute("drawer-hidden", "1");
+        }
+    }
+    onHideDrawer() {
+        this.element.setAttribute("drawer-hidden", "1");
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Function)
+], DesktopApp.prototype, "menuRenderer", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Function)
+], DesktopApp.prototype, "sideBarRenderer", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Function)
+], DesktopApp.prototype, "statusBarRenderer", void 0);
+__decorate([
+    Action({ onEvent: "iconClick" }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], DesktopApp.prototype, "onIconClick", null);
+__decorate([
+    Action({ onEvent: "hideDrawer" }),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], DesktopApp.prototype, "onHideDrawer", null);
+//# sourceMappingURL=DesktopApp.js.map

package/dist-esm/desktop-app/DesktopApp.js.map

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

package/dist-esm/desktop-app/MobileDesktopApp.d.ts

@@ -0,0 +1,16 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import MobileApp, { Drawer } from "../mobile-app/MobileApp.js";
+import DesktopApp from "./DesktopApp.js";
+declare const MobileDesktopApp_base: typeof AtomControl;
+export default abstract class MobileDesktopApp extends MobileDesktopApp_base {
+    static current: MobileDesktopApp;
+    mobileApp: MobileApp;
+    desktopApp: DesktopApp;
+    get drawerMenu(): typeof Drawer;
+    set drawerMenu(v: typeof Drawer);
+    abstract init(): Promise<any>;
+    private menu;
+    protected preCreate(): void;
+}
+export {};
+//# sourceMappingURL=MobileDesktopApp.d.ts.map

package/dist-esm/desktop-app/MobileDesktopApp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileDesktopApp.d.ts","sourceRoot":"","sources":["../../src/desktop-app/MobileDesktopApp.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAC/E,OAAO,SAAS,EAAE,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,UAAU,MAAM,iBAAiB,CAAC;qCAM2B,OAAO,WAAW;AAAtF,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,gBAAiB,SAAQ,qBAAgC;IAEnF,OAAc,OAAO,EAAE,gBAAgB,CAAC;IAEjC,SAAS,EAAE,SAAS,CAAC;IAErB,UAAU,EAAE,UAAU,CAAC;IAE9B,IAAW,UAAU,IAGI,OAAO,MAAM,CADrC;IACD,IAAW,UAAU,CAAC,CAAC,EAAE,OAAO,MAAM,EAOrC;aAEe,IAAI,IAAI,OAAO,CAAC,GAAG,CAAC;IAEpC,OAAO,CAAC,IAAI,CAAgB;IAE5B,SAAS,CAAC,SAAS,IAAI,IAAI;CAe9B"}

package/dist-esm/desktop-app/MobileDesktopApp.js

@@ -0,0 +1,32 @@
+import MobileApp from "../mobile-app/MobileApp.js";
+import { isMobileView } from "../mobile-app/MobileApp.js";
+import DesktopApp from "./DesktopApp.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import PopupService from "@web-atoms/core/dist/web/services/PopupService.js";
+const T = isMobileView ? MobileApp : DesktopApp;
+export default class MobileDesktopApp extends T {
+    get drawerMenu() {
+        return this.menu;
+    }
+    set drawerMenu(v) {
+        this.menu = v;
+        if (this.mobileApp) {
+            this.mobileApp.drawer = v;
+        }
+        else {
+            this.desktopApp.menuRenderer = () => XNode.create(v, {});
+        }
+    }
+    preCreate() {
+        MobileDesktopApp.current = this;
+        super.preCreate();
+        if (isMobileView) {
+            this.mobileApp = this;
+        }
+        else {
+            this.desktopApp = this;
+        }
+        this.runAfterInit(() => PopupService.lastTarget = this.element);
+    }
+}
+//# sourceMappingURL=MobileDesktopApp.js.map

package/dist-esm/desktop-app/MobileDesktopApp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MobileDesktopApp.js","sourceRoot":"","sources":["../../src/desktop-app/MobileDesktopApp.tsx"],"names":[],"mappings":"AACA,OAAO,SAAqB,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,YAAY,MAAM,mDAAmD,CAAC;AAE7E,MAAM,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAgB,gBAAiB,SAAS,CAA+B;IAQnF,IAAW,UAAU;QACjB,OAAO,IAAI,CAAC,IAAI,CAAC;IACrB,CAAC;IACD,IAAW,UAAU,CAAC,CAAgB;QAClC,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC;QACd,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjB,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,UAAU,CAAC,YAAY,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC7D,CAAC;IACL,CAAC;IAMS,SAAS;QAEf,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;QAEhC,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,IAAI,YAAY,EAAE,CAAC;YACf,IAAI,CAAC,SAAS,GAAG,IAAwB,CAAC;QAC9C,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,UAAU,GAAG,IAAyB,CAAC;QAChD,CAAC;QAED,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE,CACnB,YAAY,CAAC,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC;CAEJ"}

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

@@ -0,0 +1,47 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+export { default as Toolbar } from "./commands/Toolbar.js";
+import "../styles/atom-html-editor.global.css";
+export interface IEditorCommand {
+    target: HTMLElement;
+    command: string;
+    commandParameter: string;
+}
+export interface ITagCommand<T = any> {
+    name: string;
+    style: any;
+    handler: (ce: CustomEvent<{
+        target: HTMLElement;
+        data: T;
+    }>) => any;
+}
+export default class AtomHtmlEditor extends AtomControl {
+    content: string;
+    header: any[];
+    version: number;
+    files: File[];
+    editor: HTMLDivElement;
+    tags: ITagCommand[];
+    eventDocumentCreated: (e: CustomEvent<HTMLDivElement>) => void;
+    eventDocumentUpdated: (e: CustomEvent<HTMLDivElement>) => void;
+    eventCommand: (e: CustomEvent<IEditorCommand>) => void;
+    get htmlContent(): string;
+    set htmlContent(v: string);
+    private editorWindow;
+    private editorDocument;
+    private initialContent;
+    insertImage(s: AtomHtmlEditor, e: Event): string | Promise<string>;
+    executeCommand(cmd: any, showUI?: boolean, value?: string): boolean;
+    queryCommandState(cmd: string, ...a: any[]): boolean;
+    getStyle(name: string, v: any): string;
+    onPropertyChanged(name: any): void;
+    protected setupTags(): void;
+    protected preCreate(): void;
+    protected onPasteEvent(e: ClipboardEvent): void;
+    protected onInputEvent(e: InputEvent): void;
+    protected setup(): void;
+    protected documentCreated(e: HTMLDivElement): void;
+    protected documentUpdated(e: HTMLDivElement): void;
+    protected render(node: XNode, e?: any, creator?: any): void;
+}
+//# sourceMappingURL=AtomHtmlEditor.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomHtmlEditor.d.ts","sourceRoot":"","sources":["../../src/html-editor/AtomHtmlEditor.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAwB/E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAC,MAAM,uBAAuB,CAAC;AAE1D,OAAO,uCAAuC,CAAC;AAiI/C,MAAM,WAAW,cAAc;IAC3B,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,EAAE,MAAM,CAAC;CAC5B;AAED,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,GAAG,CAAC;IACX,OAAO,EAAE,CAAC,EAAE,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,WAAW,CAAC;QAAC,IAAI,EAAE,CAAC,CAAA;KAAC,CAAC,KAAK,GAAG,CAAA;CACrE;AAED,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,WAAW;IAG5C,OAAO,EAAE,MAAM,CAAC;IAGhB,MAAM,EAAE,GAAG,EAAE,CAAC;IAGd,OAAO,EAAE,MAAM,CAAC;IAGhB,KAAK,EAAE,IAAI,EAAE,CAAC;IAEd,MAAM,EAAE,cAAc,CAAC;IAGvB,IAAI,EAAE,WAAW,EAAE,CAAC;IAEpB,oBAAoB,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAE/D,oBAAoB,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAE/D,YAAY,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAE9D,IAAW,WAAW,IAAI,MAAM,CAO/B;IAED,IAAW,WAAW,CAAC,CAAC,EAAE,MAAM,EAO/B;IAED,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAO,CAAC,cAAc,CAAW;IAEjC,OAAO,CAAC,cAAc,CAAS;IAExB,WAAW,CAAC,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,KAAK;IAIvC,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;IAUtC,iBAAiB,CAAC,IAAI,KAAA;IAO7B,SAAS,CAAC,SAAS;IAkBnB,SAAS,CAAC,SAAS;IAUnB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,cAAc;IA8BxC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAKpC,SAAS,CAAC,KAAK;IA4Ff,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,cAAc;IAI3C,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,cAAc;IAI3C,SAAS,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,OAAO,CAAC,EAAE,GAAG,GAAG,IAAI;CAmD9D"}