@web-atoms/web-controls 2.5.38 → 2.5.40

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

@@ -0,0 +1,290 @@
+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 {
+    timer;
+    lastParent;
+    result;
+    aborted = "cancel";
+    root;
+    slotElement;
+    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);
+    }
+    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);
+    };
+    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];
+        }
+    };
+}
+const existingPopup = Symbol("popup");
+export default class AtomPopover {
+    owner;
+    popover;
+    result;
+    disposables = new AtomDisposableList();
+    resultPromise;
+    resultResolve;
+    resultReject;
+    parent;
+    popoverContainer;
+    removed;
+    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 = {}) {
+        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();
+    }
+    removing = (ce) => {
+        if (this.cancel) {
+            ce?.preventDefault();
+            const c = this.cancel?.();
+            if (c?.then) {
+                c.then(() => {
+                    this.renderer = void 0;
+                    this.remove();
+                }, console.warn);
+            }
+        }
+    };
+    remove = () => {
+        const { result } = this.popover;
+        if (result === void 0) {
+            this.resultReject?.("canceled");
+        }
+        else {
+            this.resultResolve?.(result);
+        }
+        this.disposables.dispose();
+        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/button-bar/AtomButtonBar.d.ts

@@ -0,0 +1,8 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { AtomItemsControl } from "@web-atoms/core/dist/web/controls/AtomItemsControl.js";
+import "../styles/button-bar.global.css";
+export default class AtomButtonBar extends AtomItemsControl {
+    protected preCreate(): void;
+    protected createChild(df: DocumentFragment, data: any): AtomControl;
+}
+//# sourceMappingURL=AtomButtonBar.d.ts.map

package/dist-esm/button-bar/AtomButtonBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomButtonBar.d.ts","sourceRoot":"","sources":["../../src/button-bar/AtomButtonBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uDAAuD,CAAC;AAEzF,OAAO,iCAAiC,CAAC;AAEzC,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,gBAAgB;IAEvD,SAAS,CAAC,SAAS,IAAI,IAAI;IAW3B,SAAS,CAAC,WAAW,CAAC,EAAE,EAAE,gBAAgB,EAAE,IAAI,EAAE,GAAG,GAAG,WAAW;CAatE"}

package/dist-esm/button-bar/AtomButtonBar.js

@@ -0,0 +1,24 @@
+import { AtomItemsControl } from "@web-atoms/core/dist/web/controls/AtomItemsControl.js";
+import "../styles/button-bar.global.css";
+export default class AtomButtonBar extends AtomItemsControl {
+    preCreate() {
+        this.allowSelectFirst = true;
+        super.preCreate();
+        this.element.dataset.buttonBar = "button-bar";
+        this.runAfterInit(() => {
+            if (!this.selectedItem) {
+                this.selectedItem = this.items[0] ?? null;
+            }
+        });
+    }
+    createChild(df, data) {
+        const child = super.createChild(df, data);
+        child.element.dataset.buttonBarItem = "item";
+        child.bindEvent(child.element, "click", () => {
+            this.selectedItem = child.data;
+        });
+        child.bind(child.element, "data-item", [["data"], ["this", "selectedItem"]], false, (v1, v2) => v1 === v2 ? "selected-item" : "item", this);
+        return child;
+    }
+}
+//# sourceMappingURL=AtomButtonBar.js.map

package/dist-esm/button-bar/AtomButtonBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomButtonBar.js","sourceRoot":"","sources":["../../src/button-bar/AtomButtonBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uDAAuD,CAAC;AAEzF,OAAO,iCAAiC,CAAC;AAEzC,MAAM,CAAC,OAAO,OAAO,aAAc,SAAQ,gBAAgB;IAE7C,SAAS;QACf,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,GAAG,YAAY,CAAC;QAC9C,IAAI,CAAC,YAAY,CAAC,GAAG,EAAE;YACnB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC;gBACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;YAC9C,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAES,WAAW,CAAC,EAAoB,EAAE,IAAS;QACjD,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QAC1C,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,aAAa,GAAG,MAAM,CAAC;QAC7C,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE;YACzC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC;QACnC,CAAC,CAAC,CAAC;QACH,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EACpB,WAAW,EACX,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC,EACpC,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,EAAG,IAAI,CAAE,CAAC;QACrE,OAAO,KAAK,CAAC;IACjB,CAAC;CAEJ"}

package/dist-esm/buttons/AtomPopupButton.d.ts

@@ -0,0 +1,5 @@
+import { AtomPageLink } from "@web-atoms/core/dist/web/controls/AtomPageLink.js";
+export default class AtomPopupButton extends AtomPageLink {
+    preCreate(): void;
+}
+//# sourceMappingURL=AtomPopupButton.d.ts.map

package/dist-esm/buttons/AtomPopupButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomPopupButton.d.ts","sourceRoot":"","sources":["../../src/buttons/AtomPopupButton.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAGjF,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,YAAY;IAE9C,SAAS,IAAI,IAAI;CAO3B"}

package/dist-esm/buttons/AtomPopupButton.js

@@ -0,0 +1,9 @@
+import { AtomPageLink } from "@web-atoms/core/dist/web/controls/AtomPageLink.js";
+import { AtomPopupButtonStyle } from "./AtomPopupButtonStyle.js";
+export default class AtomPopupButton extends AtomPageLink {
+    preCreate() {
+        super.preCreate();
+        this.defaultControlStyle = AtomPopupButtonStyle;
+    }
+}
+//# sourceMappingURL=AtomPopupButton.js.map

package/dist-esm/buttons/AtomPopupButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomPopupButton.js","sourceRoot":"","sources":["../../src/buttons/AtomPopupButton.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAEjE,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,YAAY;IAE9C,SAAS;QAEZ,KAAK,CAAC,SAAS,EAAE,CAAC;QAElB,IAAI,CAAC,mBAAmB,GAAG,oBAAoB,CAAC;IACpD,CAAC;CAEJ"}

package/dist-esm/buttons/AtomPopupButtonStyle.d.ts

@@ -0,0 +1,6 @@
+import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle.js";
+import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration.js";
+export declare class AtomPopupButtonStyle extends AtomStyle {
+    get root(): IStyleDeclaration;
+}
+//# sourceMappingURL=AtomPopupButtonStyle.d.ts.map

package/dist-esm/buttons/AtomPopupButtonStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomPopupButtonStyle.d.ts","sourceRoot":"","sources":["../../src/buttons/AtomPopupButtonStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AAEzF,qBAAa,oBAAqB,SAAQ,SAAS;IAE/C,IAAW,IAAI,IAAI,iBAAiB,CAanC;CAEJ"}

package/dist-esm/buttons/AtomPopupButtonStyle.js

@@ -0,0 +1,19 @@
+import Colors from "@web-atoms/core/dist/core/Colors.js";
+import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle.js";
+export class AtomPopupButtonStyle extends AtomStyle {
+    get root() {
+        return {
+            padding: "5px",
+            margin: "0 5px",
+            background: "transparent",
+            subclasses: {
+                ".is-open": {
+                    border: "1px solid gray",
+                    padding: "4px",
+                    backgroundColor: Colors.gray.withAlphaPercent(0.6)
+                }
+            }
+        };
+    }
+}
+//# sourceMappingURL=AtomPopupButtonStyle.js.map

package/dist-esm/buttons/AtomPopupButtonStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomPopupButtonStyle.js","sourceRoot":"","sources":["../../src/buttons/AtomPopupButtonStyle.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,qCAAqC,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAC;AAGzE,MAAM,OAAO,oBAAqB,SAAQ,SAAS;IAE/C,IAAW,IAAI;QACX,OAAO;YACH,OAAO,EAAE,KAAK;YACd,MAAM,EAAE,OAAO;YACf,UAAU,EAAE,aAAa;YACzB,UAAU,EAAE;gBACR,UAAU,EAAE;oBACR,MAAM,EAAE,gBAAgB;oBACxB,OAAO,EAAE,KAAK;oBACd,eAAe,EAAE,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC;iBACrD;aACJ;SACJ,CAAC;IACN,CAAC;CAEJ"}

package/dist-esm/calendar/AtomCalendar.d.ts

@@ -0,0 +1,18 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import CalendarViewModel from "./CalendarViewModel.js";
+import SRCalendar from "./res/SRCalendar.js";
+export default class AtomCalendar extends AtomControl {
+    static itemTemplate: (attributes: Partial<unknown>, ...nodes: XNode[]) => XNode;
+    selectedDate: Date;
+    yearStart: any;
+    yearEnd: any;
+    enableFunc: any;
+    currentDate: any;
+    itemTemplate: any;
+    localViewModel: CalendarViewModel;
+    protected srCalendar: SRCalendar;
+    create(): void;
+    protected preCreate(): void;
+}
+//# sourceMappingURL=AtomCalendar.d.ts.map

package/dist-esm/calendar/AtomCalendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomCalendar.d.ts","sourceRoot":"","sources":["../../src/calendar/AtomCalendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAEvD,OAAO,EAAC,WAAW,EAAC,MAAM,kDAAkD,CAAC;AAG7E,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,UAAU,MAAM,qBAAqB,CAAC;AAK7C,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,WAAW;IAEpD,OAAc,YAAY,6DAA6C;IAEhE,YAAY,EAAE,IAAI,CAAE;IAEpB,SAAS,EAAE,GAAG,CAAE;IAEhB,OAAO,EAAE,GAAG,CAAE;IAEd,UAAU,EAAE,GAAG,CAAE;IAEjB,WAAW,EAAE,GAAG,CAAE;IAElB,YAAY,EAAE,GAAG,CAAE;IAEX,cAAc,EAAE,iBAAiB,CAAC;IAEjD,SAAS,CAAC,UAAU,EAAE,UAAU,CAAC;IAE1B,MAAM,IAAI,IAAI;IAkFrB,SAAS,CAAC,SAAS;CAQnB"}

package/dist-esm/calendar/AtomCalendar.js

@@ -0,0 +1,60 @@
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomComboBox } from "@web-atoms/core/dist/web/controls/AtomComboBox.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { AtomItemsControl } from "@web-atoms/core/dist/web/controls/AtomItemsControl.js";
+import AtomCalendarStyle from "./AtomCalendarStyle.js";
+import CalendarViewModel from "./CalendarViewModel.js";
+import SRCalendar from "./res/SRCalendar.js";
+const BindCalendar = Bind
+    .forLocalViewModel();
+export default class AtomCalendar extends AtomControl {
+    static itemTemplate = XNode.prepare("itemTemplate", true, true);
+    selectedDate;
+    yearStart;
+    yearEnd;
+    enableFunc;
+    currentDate;
+    itemTemplate;
+    srCalendar;
+    create() {
+        this.srCalendar = this.app.resolve(SRCalendar);
+        this.localViewModel = this.resolve(CalendarViewModel, "owner");
+        this.defaultControlStyle = AtomCalendarStyle;
+        this.selectedDate = null;
+        this.yearStart = -10;
+        this.yearEnd = 10;
+        this.enableFunc = null;
+        this.render(XNode.create(AtomCalendar, { styleClass: Bind.oneWay(() => this.controlStyle.name) },
+            XNode.create(AtomCalendar.itemTemplate, null,
+                XNode.create("div", { eventClick: BindCalendar.event((x) => x.localViewModel.dateClicked((x.data))) },
+                    XNode.create("div", { text: BindCalendar.oneTime((x) => x.data.label), class: BindCalendar.oneWay((x) => ({
+                            "date-css": 1,
+                            "is-other-month": x.data.isOtherMonth,
+                            "is-today": x.data.isToday,
+                            "is-weekend": x.data.isWeekend,
+                            "is-selected": x.localViewModel.selectedDate == x.data.value,
+                            "is-disabled": x.localViewModel.enableFunc ? x.localViewModel.enableFunc(x.data) : 0
+                        })) }))),
+            XNode.create("div", { class: "header" },
+                XNode.create("i", { eventClick: Bind.event(() => this.localViewModel.changeMonth(-1)), class: "fas fa-caret-left", title: "Previous Month", style: "margin-right: 15px; font-size: 120%; cursor: pointer; padding:0 10px 0 10px;" }),
+                XNode.create(AtomComboBox, { valuePath: "value", value: Bind.twoWays(() => this.localViewModel.year), items: Bind.oneWay(() => this.localViewModel.yearList), for: "select" },
+                    XNode.create(AtomComboBox.itemTemplate, null,
+                        XNode.create("option", { text: Bind.oneTime((x) => x.data.label) }))),
+                XNode.create(AtomComboBox, { valuePath: "value", value: Bind.twoWays(() => this.localViewModel.month), items: Bind.oneTime(() => this.srCalendar.monthList), for: "select" },
+                    XNode.create(AtomComboBox.itemTemplate, null,
+                        XNode.create("option", { text: Bind.oneTime((x) => x.data.label) }))),
+                XNode.create("i", { eventClick: Bind.event(() => this.localViewModel.changeMonth(1)), class: "fas fa-caret-right", title: "Next Month", style: "margin-left: 15px; font-size: 120%; cursor: pointer; padding:0 10px 0 10px;" })),
+            XNode.create(AtomItemsControl, { items: Bind.oneTime(() => this.srCalendar.weekDays), class: "week-days", for: "div" }),
+            XNode.create(AtomItemsControl, { class: "month-days", itemTemplate: Bind.oneWay(() => this.itemTemplate), items: Bind.oneWay(() => this.localViewModel.items), for: "div" })));
+    }
+    preCreate() {
+        this.selectedDate = null;
+        this.yearStart = null;
+        this.yearStart = null;
+        this.enableFunc = null;
+        this.currentDate = null;
+        this.itemTemplate = null;
+    }
+}
+//# sourceMappingURL=AtomCalendar.js.map

package/dist-esm/calendar/AtomCalendar.js.map

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

package/dist-esm/calendar/AtomCalendarStyle.d.ts

@@ -0,0 +1,10 @@
+import { AtomStyle } from "@web-atoms/core/dist/web/styles/AtomStyle.js";
+import { AtomTheme } from "@web-atoms/core/dist/web/styles/AtomTheme.js";
+import { IStyleDeclaration } from "@web-atoms/core/dist/web/styles/IStyleDeclaration.js";
+export default class AtomCalendarStyle extends AtomStyle {
+    get theme(): AtomTheme;
+    get root(): IStyleDeclaration;
+    get typeStyle(): IStyleDeclaration;
+    get calendarContainer(): IStyleDeclaration;
+}
+//# sourceMappingURL=AtomCalendarStyle.d.ts.map

package/dist-esm/calendar/AtomCalendarStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomCalendarStyle.d.ts","sourceRoot":"","sources":["../../src/calendar/AtomCalendarStyle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,8CAA8C,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AAEzF,MAAM,CAAC,OAAO,OAAO,iBAAkB,SAAQ,SAAS;IAEpD,IAAW,KAAK,IAAI,SAAS,CAE5B;IAED,IAAW,IAAI,IAAI,iBAAiB,CA4HvC;IAEG,IAAW,SAAS,IAAI,iBAAiB,CAOpC;IACL,IAAW,iBAAiB,IAAI,iBAAiB,CAwChD;CACJ"}