@web-atoms/web-controls 2.5.38 → 2.5.40

package/dist-esm/basic/FormField.d.ts

@@ -0,0 +1,17 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "./styles/form-field.global.css";
+export interface IFormField {
+    label: string | XNode;
+    required?: boolean;
+    error?: string;
+    class?: string;
+    helpIcon?: string | boolean;
+    help?: string | object;
+    helpEventClick?: any;
+    border?: boolean;
+    helpTitle?: string;
+    [key: string]: any;
+}
+export default function FormField({ label, required, error, helpIcon, help, helpEventClick, helpTitle, border, ...others }: IFormField, node: XNode): any;
+export declare function HorizontalFormField({ label, required, error, helpIcon, help, helpEventClick, helpTitle, border, ...others }: IFormField, node: XNode): any;
+//# sourceMappingURL=FormField.d.ts.map

package/dist-esm/basic/FormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../src/basic/FormField.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAGvD,OAAO,gCAAgC,CAAC;AAExC,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,GAAG,CAAC;IAMrB,MAAM,CAAC,EAAE,OAAO,CAAC;IAIjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AA0FD,MAAM,CAAC,OAAO,UAAU,SAAS,CAC7B,EACI,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAmC,EACnC,IAAI,EACJ,cAAc,EACd,SAAS,EACT,MAAc,EACd,GAAI,MAAM,EACb,EAAE,UAAU,EACb,IAAI,EAAE,KAAK,OA+Dd;AAED,wBAAgB,mBAAmB,CAC/B,EACI,KAAK,EACL,QAAQ,EACR,KAAK,EACL,QAAmC,EACnC,IAAI,EACJ,cAAc,EACd,SAAS,EACT,MAAc,EACd,GAAI,MAAM,EACb,EAAE,UAAU,EACb,IAAI,EAAE,KAAK,OAsDd"}

package/dist-esm/basic/FormField.js

@@ -0,0 +1,126 @@
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import FormattedString from "@web-atoms/core/dist/core/FormattedString.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { NavigationService } from "@web-atoms/core/dist/services/NavigationService.js";
+import { PopupWindow } from "@web-atoms/core/dist/web/services/PopupService.js";
+import "./styles/form-field.global.css";
+document.body.addEventListener("click", (e) => {
+    let label = e.target;
+    while (label && label.tagName !== "LABEL") {
+        if (label.getAttribute("data-element") === "label") {
+            break;
+        }
+        label = label.parentElement;
+        if (label === document.body) {
+            return;
+        }
+    }
+    if (!label) {
+        return;
+    }
+    const formField = label.parentElement;
+    if (!formField.hasAttribute("data-wa-form-field")) {
+        return;
+    }
+    const selectable = formField.querySelector("select,input,textarea");
+    selectable?.focus?.();
+});
+document.addEventListener("focusin", (e) => {
+    let target = e.target;
+    while (target) {
+        if (target.getAttribute("data-wa-form-field") === "wa-form-field") {
+            target.setAttribute("data-focused", "true");
+            break;
+        }
+        target = target.parentElement;
+    }
+});
+document.addEventListener("focusout", (e) => {
+    let target = e.target;
+    while (target) {
+        if (target.getAttribute("data-wa-form-field") === "wa-form-field") {
+            target.removeAttribute("data-focused");
+            break;
+        }
+        target = target.parentElement;
+    }
+});
+export default function FormField({ label, required, error, helpIcon = "fas fa-question-circle", help, helpEventClick, helpTitle, border = false, ...others }, node) {
+    if (node) {
+        const na = node.attributes ??= {};
+        na["data-element"] = "content";
+    }
+    if (!helpEventClick && help) {
+        helpEventClick = Bind.event((s, e) => {
+            const app = s.app;
+            if (typeof help === "string" || help instanceof FormattedString) {
+                const ns = app.resolve(NavigationService);
+                ns.notify(help);
+                return;
+            }
+            class HelpPopup extends PopupWindow {
+                create() {
+                    this.render(XNode.create("div", { "data-form-field-help": "help-window" }, help));
+                }
+            }
+            HelpPopup.showWindow({ title: helpTitle ?? "Help", modal: true });
+        });
+    }
+    let labelIsNode = false;
+    if (label) {
+        if (label instanceof XNode) {
+            const la = label.attributes ??= {};
+            la["data-element"] = "label";
+            labelIsNode = true;
+        }
+        else {
+            if (node) {
+                if (!(node.attributes?.ariaLabel || node.attributes?.["aria-label"])) {
+                    (node.attributes ??= {})["aria-label"] = label;
+                }
+            }
+        }
+    }
+    return XNode.create("div", { "data-wa-form-field": "wa-form-field", "data-border": border, ...others },
+        label && (labelIsNode ? label : XNode.create("label", { "data-element": "label", text: label })),
+        required && XNode.create("span", { "data-required": "required", class: required, text: "*" }),
+        border && XNode.create("i", { "data-border": "border" }),
+        node,
+        help && XNode.create("i", { "data-help": "help", class: helpIcon, title: helpTitle, eventClick: helpEventClick }),
+        XNode.create("div", { class: "field-error", text: error }));
+}
+export function HorizontalFormField({ label, required, error, helpIcon = "fas fa-question-circle", help, helpEventClick, helpTitle, border = false, ...others }, node) {
+    if (node) {
+        const na = node.attributes ??= {};
+        na["data-content"] = "content";
+    }
+    if (!helpEventClick && help) {
+        helpEventClick = Bind.event((s, e) => {
+            const app = s.app;
+            if (typeof help === "string" || help instanceof FormattedString) {
+                const ns = app.resolve(NavigationService);
+                ns.notify(help);
+                return;
+            }
+            class HelpPopup extends PopupWindow {
+                create() {
+                    this.render(XNode.create("div", { "data-form-field-help": "help-window" }, help));
+                }
+            }
+            HelpPopup.showWindow({ title: helpTitle ?? "Help" });
+        });
+    }
+    if (node) {
+        if (!(node.attributes?.ariaLabel || node.attributes?.["aria-label"])) {
+            (node.attributes ??= {})["aria-label"] = label;
+        }
+    }
+    return XNode.create("div", { "data-wa-form-field": "wa-form-field", "data-layout": "horizontal", "data-border": border, ...others },
+        label && XNode.create("label", { class: "label", text: label }),
+        required && XNode.create("span", { "data-required": "required", class: required, text: "*" }),
+        border && XNode.create("i", { "data-border": "border" }),
+        node,
+        help && XNode.create("i", { "data-help": "help", class: helpIcon, title: helpTitle, eventClick: helpEventClick }),
+        XNode.create("div", { class: "field-error", text: error }));
+}
+//# sourceMappingURL=FormField.js.map

package/dist-esm/basic/FormField.js.map

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

package/dist-esm/basic/IElement.d.ts

@@ -0,0 +1,14 @@
+export default interface IElement {
+    subClass?: string;
+    icon?: string;
+    class?: string;
+    title?: string;
+    eventClick?: string;
+    href?: string;
+    text?: string;
+    styleDisplay?: any;
+    "data-click-event"?: string;
+    "event-click"?: (me: MouseEvent) => any;
+    [key: string]: any;
+}
+//# sourceMappingURL=IElement.d.ts.map

package/dist-esm/basic/IElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IElement.d.ts","sourceRoot":"","sources":["../../src/basic/IElement.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,WAAW,QAAQ;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,KAAK,GAAG,CAAC;IACxC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB"}

package/dist-esm/basic/IElement.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IElement.js.map

package/dist-esm/basic/IElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IElement.js","sourceRoot":"","sources":["../../src/basic/IElement.ts"],"names":[],"mappings":""}

package/dist-esm/basic/InlinePopup.d.ts

@@ -0,0 +1,29 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { IPopupOptions } from "@web-atoms/core/dist/web/services/PopupService.js";
+import IElement from "./IElement.js";
+import "./styles/inline-popup.global.css";
+export interface IInlinePopupOptions extends IPopupOptions {
+    defaultOnClick?: "close" | "cancel" | null | undefined;
+}
+export default class InlinePopup extends AtomControl {
+    static show<T = void>(target: HTMLElement | AtomControl, node: XNode, options?: IInlinePopupOptions): Promise<T>;
+    static showControl<T>(target: HTMLElement | AtomControl, options?: IPopupOptions): Promise<T>;
+    close: (r?: any) => void;
+    cancel: (r?: any) => void;
+    protected dispatchClickEvent(e: MouseEvent, data: any): void;
+}
+export interface IInlinePopupButtonOptions extends IElement {
+    text?: any;
+    label?: any;
+    icon?: any;
+    hasBorder?: boolean;
+    nodes?: XNode[];
+    defaultOnClick?: "close" | "cancel";
+    anchorRight?: boolean;
+    alignment?: IPopupOptions["alignment"];
+    popup?: PopupFactory;
+}
+export type PopupFactory = (data: any) => XNode;
+export declare function InlinePopupButton({ text, label, icon, hasBorder, nodes, defaultOnClick, anchorRight, alignment, popup, ...a }: IInlinePopupButtonOptions, ...popupNodes: XNode[]): any;
+//# sourceMappingURL=InlinePopup.d.ts.map

package/dist-esm/basic/InlinePopup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlinePopup.d.ts","sourceRoot":"","sources":["../../src/basic/InlinePopup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,EAAE,WAAW,EAAuB,MAAM,kDAAkD,CAAC;AACpG,OAAO,EAAU,aAAa,EAAE,MAAM,mDAAmD,CAAC;AAC1F,OAAO,QAAQ,MAAM,eAAe,CAAC;AAErC,OAAO,kCAAkC,CAAC;AAkD1C,MAAM,WAAW,mBAAoB,SAAQ,aAAa;IACtD,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,IAAI,GAAG,SAAS,CAAC;CAC1D;AAED,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,WAAW;WAE5B,IAAI,CAAC,CAAC,GAAG,IAAI,EAC7B,MAAM,EAAE,WAAW,GAAG,WAAW,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,GAAE,mBAAwB;WA+GvE,WAAW,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,GAAG,WAAW,EAAE,OAAO,GAAE,aAAkB;IAKpF,KAAK,EAAE,CAAC,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;IAEpB,MAAM,EAAE,CAAC,CAAC,CAAC,KAAA,KAAK,IAAI,CAAC;IAE5B,SAAS,CAAC,kBAAkB,CAAC,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG;CAYxD;AAED,MAAM,WAAW,yBAA0B,SAAQ,QAAQ;IACvD,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IACpC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,KAAA,KAAK,KAAK,CAAC;AAsE3C,wBAAgB,iBAAiB,CAC7B,EACI,IAAI,EACJ,KAAK,EACL,IAAI,EACJ,SAAiB,EACjB,KAAU,EACV,cAAwB,EACxB,WAAmB,EACnB,SAAS,EACT,KAAK,EACL,GAAI,CAAC,EACR,EAAE,yBAAyB,EAC5B,GAAI,UAAU,EAAE,KAAK,EAAE,OA2D1B"}

package/dist-esm/basic/InlinePopup.js

@@ -0,0 +1,258 @@
+import { AtomDisposableList } from "@web-atoms/core/dist/core/AtomDisposableList.js";
+import sleep from "@web-atoms/core/dist/core/sleep.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl, ElementValueSetters } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "./styles/inline-popup.global.css";
+import { StringHelper } from "@web-atoms/core/dist/core/StringHelper.js";
+function closeHandler(opener, container, close) {
+    let handler = null;
+    const body = document.body;
+    handler = (e) => {
+        let start = e.target;
+        if (e.defaultPrevented) {
+            return;
+        }
+        while (start) {
+            if (start === body) {
+                break;
+            }
+            if (start === opener) {
+                return;
+            }
+            if (start === container) {
+                return;
+            }
+            start = start.parentElement;
+        }
+        close();
+        e.preventDefault();
+        e.stopImmediatePropagation?.();
+    };
+    document.body.addEventListener("click", handler, true);
+    let ce = container;
+    const containNoneList = [];
+    while (ce) {
+        const isNotNone = window.getComputedStyle(ce).contain !== "none";
+        if (isNotNone) {
+            ce.setAttribute("data-force-contain", "none");
+            containNoneList.push(ce);
+        }
+        ce = ce.parentElement;
+    }
+    return () => {
+        document.body.removeEventListener("click", handler, true);
+        for (const iterator of containNoneList) {
+            iterator.removeAttribute("data-force-contain");
+        }
+    };
+}
+export default class InlinePopup extends AtomControl {
+    static async show(target, node, options = {}) {
+        const targetElement = (target.element ?? target);
+        const control = target.element ? target : AtomControl.from(target);
+        const targetStyle = window.getComputedStyle(targetElement);
+        if (!/fixed|absolute|relative/i.test(targetStyle.position)) {
+            targetElement.style.position = "relative";
+        }
+        await sleep(10);
+        const container = document.createElement("div");
+        container.setAttribute("data-inline-popup", "inline-popup");
+        const alignment = StringHelper.fromHyphenToCamel(options.alignment || "none");
+        switch (alignment) {
+            case "bottomLeft":
+                container.style.top = `${5 + targetElement.offsetHeight}px`;
+                container.style.left = "5px";
+                break;
+            case "bottomRight":
+                container.style.top = `${5 + targetElement.offsetHeight}px`;
+                container.style.right = "5px";
+                break;
+            case "topRight":
+                container.style.top = "5px";
+                container.style.left = `${targetElement.offsetWidth}px`;
+                break;
+            case "above":
+                container.style.bottom = `${targetElement.offsetHeight}px`;
+                container.style.left = "5px";
+                break;
+            default:
+                container.style.top = `${5 + targetElement.offsetHeight}px`;
+                container.style.left = "5px";
+                break;
+        }
+        container._logicalParent = targetElement;
+        control.render(XNode.create("div", null,
+            " ",
+            XNode.create("atom-popup-container", null, node),
+            " "), container, control);
+        targetElement.insertAdjacentElement("beforeend", container);
+        return await new Promise((resolve, reject) => {
+            const disposables = new AtomDisposableList();
+            disposables.add(() => targetElement.removeAttribute("data-popup-open"));
+            let resolved = false;
+            const close = (r) => {
+                if (resolved) {
+                    return;
+                }
+                resolved = true;
+                resolve(r);
+                disposables.dispose();
+            };
+            const cancel = (r = "cancelled") => {
+                if (resolved) {
+                    return;
+                }
+                resolved = true;
+                reject(r);
+                disposables.dispose();
+            };
+            const firstChild = container.firstElementChild.atomControl;
+            if (firstChild instanceof InlinePopup) {
+                firstChild.cancel = cancel;
+                firstChild.close = close;
+            }
+            else {
+                if (options.onClick === void 0) {
+                    options.onClick = options.defaultOnClick;
+                }
+            }
+            const defaultClose = options.onClick === "close" ? close : cancel;
+            const observer = new MutationObserver(() => {
+                if (!container.isConnected) {
+                    defaultClose();
+                }
+            });
+            observer.observe(targetElement, { childList: true });
+            disposables.add(() => {
+                observer.disconnect();
+                control.dispose(container);
+                container.remove();
+            });
+            if (options.onClick) {
+                disposables.add(control.bindEvent(container, "click", async () => {
+                    await sleep(200);
+                    defaultClose();
+                }));
+            }
+            options.cancelToken?.registerForCancel(cancel);
+            disposables.add(closeHandler(targetElement, container, defaultClose));
+        });
+    }
+    static showControl(target, options = {}) {
+        const node = XNode.create(this, {});
+        return this.show(target, node, options);
+    }
+    close;
+    cancel;
+    dispatchClickEvent(e, data) {
+        let start = this.element.parentElement;
+        while (start) {
+            const atomControl = AtomControl.from(start);
+            if (atomControl) {
+                atomControl.dispatchClickEvent(e, data);
+                return;
+            }
+            start = start.parentElement;
+        }
+        super.dispatchClickEvent(e, data);
+    }
+}
+document.body.addEventListener("click", (e) => {
+    let start = e.target;
+    let popupFactory;
+    let alignment;
+    while (start) {
+        popupFactory = start.popupFactory;
+        if (popupFactory) {
+            alignment = start.dataset.alignment;
+            break;
+        }
+        start = start.parentElement;
+    }
+    if (!start) {
+        return;
+    }
+    if (start.getAttribute("data-popup-open")) {
+        return;
+    }
+    start.setAttribute("data-popup-open", "true");
+    const control = AtomControl.from(start);
+    const app = control.app;
+    const target = start;
+    const element = control.element;
+    let itemIndex;
+    let data;
+    if (control.items && control.itemRenderer) {
+        while (start && start !== element) {
+            itemIndex ??= start.getAttribute("data-item-index");
+            if (itemIndex) {
+                data = control.items[~~itemIndex];
+                break;
+            }
+            start = start.parentElement;
+        }
+    }
+    if (!data) {
+        data = new Proxy(target, {
+            get(t, p, receiver) {
+                let s = target;
+                while (s) {
+                    const v = s.dataset[p];
+                    if (v !== void 0) {
+                        return v;
+                    }
+                    s = s.parentElement;
+                }
+            },
+        });
+    }
+    const node = popupFactory(data);
+    const defaultOnClick = target.getAttribute("data-default-on-click");
+    app.runAsync(() => InlinePopup.show(target, node, { alignment, defaultOnClick }));
+});
+ElementValueSetters["data-popup-class"] = (c, e, v) => {
+    e.popupFactory = v;
+};
+export function InlinePopupButton({ text, label, icon, hasBorder = false, nodes = [], defaultOnClick = "close", anchorRight = false, alignment, popup, ...a }, ...popupNodes) {
+    alignment ||= anchorRight ? "bottomRight" : "bottomLeft";
+    console.warn(`Deprecated, use AtomPopover instead`);
+    if (!a["data-layout"]) {
+        if (icon && text) {
+            a["data-layout"] = "icon-button";
+        }
+        else {
+            a["data-layout"] = "button";
+        }
+    }
+    if (popup) {
+        return XNode.create("button", { "data-popup-class": popup, "data-has-border": !!hasBorder, "data-inline-popup-button": "inline-popup-button", "data-default-on-click": defaultOnClick, "data-alignment": alignment, ...a },
+            icon && XNode.create("i", { class: icon }),
+            text && XNode.create("span", { text: text }),
+            label && XNode.create("label", { text: text }),
+            ...nodes);
+    }
+    let isOpen = false;
+    const done = () => isOpen = false;
+    const click = async (e) => {
+        if (isOpen || e.defaultPrevented) {
+            return;
+        }
+        const currentTarget = e.currentTarget;
+        currentTarget.setAttribute("data-popup-open", "true");
+        const popupNode = popupNodes.length > 1 ? XNode.create("div", null, ...popupNodes) : popupNodes[0];
+        try {
+            isOpen = true;
+            await InlinePopup.show(e.currentTarget, popupNode, { defaultOnClick, alignment });
+        }
+        finally {
+            done();
+            currentTarget.removeAttribute("data-popup-open");
+        }
+    };
+    return XNode.create("button", { "event-click": click, "data-has-border": !!hasBorder, "data-alignment": alignment, "data-inline-popup-button": "inline-popup-button", ...a },
+        icon && XNode.create("i", { class: icon }),
+        text && XNode.create("span", { text: text }),
+        label && XNode.create("label", { text: text }),
+        ...nodes);
+}
+//# sourceMappingURL=InlinePopup.js.map

package/dist-esm/basic/InlinePopup.js.map

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

package/dist-esm/basic/InlinePopupButton.d.ts

@@ -0,0 +1,13 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import type { IAnchorPopover } from "./elements/AtomPopover.js";
+export type PopupFactory = (data: any) => XNode;
+export interface IPopupButton extends IAnchorPopover {
+    icon?: string;
+    text?: string;
+    label?: string;
+    popup?: PopupFactory;
+    closeOnClick?: boolean;
+    [k: string]: any;
+}
+export default function InlinePopupButton({ icon, text, label, closeOnClick, popup, ...a }: IPopupButton, ...nodes: XNode[]): any;
+//# sourceMappingURL=InlinePopupButton.d.ts.map

package/dist-esm/basic/InlinePopupButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlinePopupButton.d.ts","sourceRoot":"","sources":["../../src/basic/InlinePopupButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAKhE,MAAM,MAAM,YAAY,GAAG,CAAC,IAAI,KAAA,KAAK,KAAK,CAAC;AAE3C,MAAM,WAAW,YAAa,SAAQ,cAAc;IAChD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAID,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAE,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,YAAmB,EAAE,KAAK,EAAE,GAAI,CAAC,EAAE,EAAE,YAAY,EAAE,GAAI,KAAK,EAAE,KAAK,EAAE,OAkCpI"}

package/dist-esm/basic/InlinePopupButton.js

@@ -0,0 +1,99 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import AtomPopover from "./elements/AtomPopover.js";
+export default function InlinePopupButton({ icon, text, label, closeOnClick = true, popup, ...a }, ...nodes) {
+    if (!a["anchor-right"]) {
+        a["anchor-left"] ??= "parent-right";
+    }
+    if (!a["anchor-bottom"]) {
+        a["anchor-top"] ??= "parent-top";
+    }
+    a["data-atom-popup-button"] = "popup-button";
+    if (!popup) {
+        const copy = nodes;
+        const div = XNode.create("div", null, ...copy);
+        popup = () => div;
+        nodes = [];
+    }
+    a["popupFactory"] = popup;
+    if (closeOnClick) {
+        a["data-close-on-click"] = true;
+    }
+    if (!a["data-layout"]) {
+        if (icon && text) {
+            a["data-layout"] = "icon-button";
+        }
+        else {
+            a["data-layout"] = "button";
+        }
+    }
+    return XNode.create("button", { "data-inline-popup-button": "inline-popup-button", "data-atom-popup-button": "1", ...a },
+        icon && XNode.create("i", { class: icon }),
+        text && XNode.create("span", { text: text }),
+        label && XNode.create("label", { text: text }),
+        ...nodes);
+}
+document.body.addEventListener("click", (e) => {
+    let start = e.target;
+    while (start) {
+        if (start.hasAttribute("data-atom-popup-button")) {
+            break;
+        }
+        start = start.parentElement;
+    }
+    if (!start) {
+        return;
+    }
+    const pf = start["popupFactory"];
+    if (!pf) {
+        return;
+    }
+    const control = AtomControl.from(start);
+    const app = control.app;
+    const target = start;
+    const element = control.element;
+    const dataFactory = () => {
+        let itemIndex;
+        let data;
+        if (control.items && control.itemRenderer) {
+            while (start && start !== element) {
+                itemIndex ??= start.getAttribute("data-item-index");
+                if (itemIndex) {
+                    data = control.items[~~itemIndex];
+                    break;
+                }
+                start = start.parentElement;
+            }
+        }
+        if (!data) {
+            data = new Proxy(target, {
+                get(t, p, receiver) {
+                    let s = target;
+                    while (s) {
+                        const v = s.dataset[p];
+                        if (v !== void 0) {
+                            return v;
+                        }
+                        s = s.parentElement;
+                    }
+                },
+            });
+        }
+        return data;
+    };
+    let closeOnClick = void 0;
+    const dataCloseOnClick = target.getAttribute("data-close-on-click");
+    if (dataCloseOnClick) {
+        closeOnClick = /^(true|yes|1)$/i.test(dataCloseOnClick);
+    }
+    AtomPopover.create(target, {
+        nodeFactory: (data) => pf(data),
+        dataFactory,
+        closeOnClick,
+        "anchor-bottom": target.getAttribute("anchor-bottom"),
+        "anchor-top": target.getAttribute("anchor-top"),
+        "anchor-left": target.getAttribute("anchor-left"),
+        "anchor-right": target.getAttribute("anchor-right"),
+    });
+});
+//# sourceMappingURL=InlinePopupButton.js.map

package/dist-esm/basic/InlinePopupButton.js.map

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

package/dist-esm/basic/InlinePopupControl.d.ts

@@ -0,0 +1,7 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { IPopupOptions, PopupControl } from "@web-atoms/core/dist/web/services/PopupService.js";
+export default class InlinePopupControl extends PopupControl {
+    static showPopup<T>(opener: HTMLElement | AtomControl, popup: XNode, options?: IPopupOptions): Promise<unknown>;
+}
+//# sourceMappingURL=InlinePopupControl.d.ts.map

package/dist-esm/basic/InlinePopupControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlinePopupControl.d.ts","sourceRoot":"","sources":["../../src/basic/InlinePopupControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAC/E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AAEhG,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,YAAY;WAE1C,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,WAAW,GAAG,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,GAAE,aAAkB;CAuB1G"}