@web-atoms/web-controls 2.5.39 → 2.5.41

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

@@ -0,0 +1,58 @@
+export declare const isFileType: (acceptType: string) => any;
+export type FilesAvailableEventArgs<T = any> = CustomEvent<{
+    files: File[];
+    extra: T;
+    maxSize: number;
+    convert: boolean;
+    uploadEvent: string;
+}>;
+export interface IUploadParams<T = any> {
+    "event-files-available"?: (ce: FilesAvailableEventArgs<T>) => any;
+    uploadEvent?: string;
+    accept?: string;
+    capture?: string;
+    multiple?: any;
+    forceType?: boolean;
+    maxSize?: number;
+    convert?: boolean;
+    stream?: boolean;
+    maxStreamSize?: number;
+    upload?: boolean;
+    extra?: T;
+    authorize?: boolean;
+    ariaLabel?: string;
+    folder?: boolean;
+}
+export default class UploadEvent {
+    static requestUpload: ({ element, multiple, authorize, extra, convert, upload, folder, stream, maxStreamSize, uploadEvent }: {
+        element: HTMLElement;
+        multiple?: boolean;
+        authorize?: boolean;
+        extra?: any;
+        convert?: boolean;
+        stream?: boolean;
+        maxStreamSize?: number;
+        upload?: boolean;
+        folder?: boolean;
+        uploadEvent?: string;
+    }) => void;
+    static AttachUploadAction({ uploadEvent, accept, capture, multiple, forceType, maxSize, maxStreamSize, stream, extra, convert, upload, authorize, ariaLabel, folder, ...others }: IUploadParams): {
+        "data-folder": string;
+        "data-click-command": string;
+        "data-upload-event": string;
+        "data-accept": string;
+        "data-multiple": string;
+        "data-capture": string;
+        "data-convert": boolean;
+        "data-stream": string;
+        "data-max-stream-size": string;
+        "data-upload": string;
+        "data-force-type": string;
+        "data-max-size": string;
+        "data-authorize": string;
+        "aria-label": string;
+        extra: any;
+        "event-files-available"?: (ce: FilesAvailableEventArgs<any>) => any;
+    };
+}
+//# sourceMappingURL=UploadEvent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UploadEvent.d.ts","sourceRoot":"","sources":["../../src/basic/UploadEvent.tsx"],"names":[],"mappings":"AAYA,eAAO,MAAM,UAAU,GAAI,YAAY,MAAM,QA6B5C,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,CAAC,GAAG,GAAG,IAAI,WAAW,CAAC;IAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAAC,KAAK,EAAE,CAAC,CAAC;IAAC,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,OAAO,CAAC;IAAC,WAAW,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAEhJ,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,GAAG;IAClC,uBAAuB,CAAC,EAAE,CAAC,EAAE,EAAE,uBAAuB,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC;IAEf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAyLD,MAAM,CAAC,OAAO,OAAO,WAAW;IAE5B,OAAc,aAAa,yGAxK5B;QACC,OAAO,EAAE,WAAW,CAAC;QACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,KAAK,CAAC,EAAE,GAAG,CAAC;QACZ,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,MAAM,CAAC,EAAE,OAAO,CAAC;QACjB,WAAW,CAAC,EAAE,MAAM,CAAA;KACvB,UA6J+C;WAE9B,kBAAkB,CAAC,EAC7B,WAA8B,EAC9B,MAAc,EACd,OAAO,EACP,QAAgB,EAChB,SAAgB,EAChB,OAAmB,EACnB,aAA6B,EAC7B,MAAc,EACd,KAAK,EACL,OAAe,EACf,MAAa,EACb,SAAgB,EAChB,SAAoB,EACpB,MAAc,EACd,GAAI,MAAM,EACb,EAAE,aAAa;;;;;;;;;;;;;;;;wEAjO8C,GAAG;;CAqPpE"}

package/dist-esm/basic/UploadEvent.js

@@ -0,0 +1,199 @@
+import { App } from "@web-atoms/core/dist/App.js";
+import Command from "@web-atoms/core/dist/core/Command.js";
+import { StringHelper } from "@web-atoms/core/dist/core/StringHelper.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import PopupService from "@web-atoms/core/dist/web/services/PopupService.js";
+import { toFileSize } from "../NumberFormats.js";
+const acceptCache = {};
+export const isFileType = (acceptType) => {
+    function isFileTypeFactory(accept) {
+        if (!accept || accept === "*/*") {
+            return () => true;
+        }
+        const types = accept.split(/\,/g).map((x) => {
+            x = x.trim();
+            if (x.startsWith(".")) {
+                return (file) => file.name.endsWith(x);
+            }
+            if (x.endsWith("/*")) {
+                const prefix = x.substring(0, x.length - 1);
+                return (file) => file.type.startsWith(prefix);
+            }
+            return (file) => file.type === x;
+        });
+        return (file) => {
+            for (const iterator of types) {
+                if (iterator(file)) {
+                    return true;
+                }
+            }
+            return false;
+        };
+    }
+    return acceptCache[acceptType] ??= isFileTypeFactory(acceptType);
+};
+let previousFile;
+const uploadCommand = Command.create({
+    name: "upload-command"
+});
+const requestUpload = ({ element, multiple, authorize, extra, convert, upload, folder, stream, maxStreamSize, uploadEvent }) => {
+    if (authorize) {
+        if (!App.authorize()) {
+            return;
+        }
+    }
+    const chain = [];
+    let start = element;
+    while (start) {
+        chain.push(start);
+        start = start.parentElement;
+    }
+    previousFile?.remove();
+    const file = document.createElement("input");
+    file.type = "file";
+    file.multiple = multiple;
+    if (folder) {
+        file.webkitdirectory = folder;
+    }
+    const accept = element.getAttribute("data-accept") || "*/*";
+    file.accept = accept;
+    const capture = element.getAttribute("data-capture");
+    if (capture) {
+        file.capture = capture;
+    }
+    file.style.position = "absolute";
+    file.style.left = "-1000px";
+    file.style.top = "-1000px";
+    document.body.append(file);
+    previousFile = file;
+    const maxSize = parseInt(element.getAttribute("data-max-size") || "0", 10);
+    stream ||= element.getAttribute("data-stream") === "true";
+    maxStreamSize ??= parseInt(element.getAttribute("data-max-stream-size") || "0", 10);
+    const forceType = element.getAttribute("data-force-type") === "true";
+    file.addEventListener("change", () => {
+        let files = Array.from(file.files);
+        let msgItems = [];
+        if (forceType || maxSize) {
+            const validated = [];
+            const checkFileType = isFileType(accept);
+            for (const iterator of files) {
+                if (forceType) {
+                    if (!checkFileType(iterator)) {
+                        msgItems.push(`${iterator.name} is invalid file.`, XNode.create("br", null));
+                        continue;
+                    }
+                }
+                if (stream) {
+                    if (iterator.size > maxStreamSize) {
+                        msgItems.push(`Size of ${iterator.name} is more than ${toFileSize(maxStreamSize)}.`, XNode.create("br", null));
+                        continue;
+                    }
+                    validated.push(iterator);
+                    continue;
+                }
+                if (!convert && maxSize && iterator.size > maxSize) {
+                    msgItems.push(`Size of ${iterator.name} is more than ${toFileSize(maxSize)}.`, XNode.create("br", null));
+                    continue;
+                }
+                validated.push(iterator);
+            }
+            files = validated;
+        }
+        file.remove();
+        previousFile = null;
+        chain.reverse();
+        while (chain.length) {
+            const root = chain.pop();
+            if (root.isConnected) {
+                const control = AtomControl.from(root);
+                if (msgItems.length) {
+                    const msg = XNode.create("p", null, ...msgItems);
+                    control.app.runAsync(() => PopupService.alert({ message: msg }));
+                    if (files.length === 0) {
+                        return;
+                    }
+                }
+                if (upload) {
+                    const doUploadEvent = new CustomEvent("uploadRequested", {
+                        detail: {
+                            files,
+                            extra,
+                            convert,
+                            stream,
+                            maxStreamSize,
+                            maxSize,
+                            uploadEvent
+                        },
+                        bubbles: true,
+                        cancelable: true
+                    });
+                    root.dispatchEvent(doUploadEvent);
+                    if (doUploadEvent.defaultPrevented) {
+                        return;
+                    }
+                }
+                root.dispatchEvent(new CustomEvent(uploadEvent, { detail: {
+                        files,
+                        extra
+                    }, bubbles: true }));
+                break;
+            }
+        }
+    });
+    setTimeout(() => {
+        file.dispatchEvent(new MouseEvent("click"));
+    });
+};
+window.addEventListener(uploadCommand.eventName, (ce) => {
+    if (ce.defaultPrevented) {
+        return;
+    }
+    const element = ce.target;
+    const authorize = element.getAttribute("data-authorize") === "true";
+    const multiple = element.getAttribute("data-multiple") === "true";
+    const extra = element.extra ?? element.getAttribute("data-extra");
+    const upload = element.getAttribute("data-upload") === "true";
+    const folder = element.hasAttribute("data-folder");
+    const convert = element.getAttribute("data-convert") === "true";
+    const stream = element.getAttribute("data-stream") === "true";
+    const maxStreamSize = parseInt(element.getAttribute("data-max-stream-size") ?? "0", 10);
+    const uploadEvent = StringHelper.fromHyphenToCamel(element.getAttribute("data-upload-event"));
+    requestUpload({
+        element,
+        authorize,
+        multiple,
+        extra,
+        convert,
+        upload,
+        folder,
+        stream,
+        maxStreamSize,
+        uploadEvent
+    });
+});
+let id = 1;
+export default class UploadEvent {
+    static requestUpload = requestUpload;
+    static AttachUploadAction({ uploadEvent = "filesAvailable", accept = "*/*", capture, multiple = false, forceType = true, maxSize = 524288000, maxStreamSize = 100 * 1024 * 1024, stream = false, extra, convert = false, upload = true, authorize = true, ariaLabel = "Upload", folder = false, ...others }) {
+        return {
+            ...others,
+            "data-folder": folder ? "true" : void 0,
+            "data-click-command": uploadCommand.name,
+            "data-upload-event": uploadEvent,
+            "data-accept": accept,
+            "data-multiple": multiple ? "true" : "false",
+            "data-capture": capture,
+            "data-convert": convert,
+            "data-stream": stream ? "true" : "false",
+            "data-max-stream-size": maxStreamSize ? maxStreamSize.toString() : undefined,
+            "data-upload": upload ? "true" : "false",
+            "data-force-type": forceType ? "true" : "false",
+            "data-max-size": maxSize ? maxSize.toString() : undefined,
+            "data-authorize": authorize.toString(),
+            "aria-label": ariaLabel,
+            extra,
+        };
+    }
+}
+//# sourceMappingURL=UploadEvent.js.map

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

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

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

@@ -0,0 +1,21 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "./styles/zoom-view.global.css";
+export interface IZoom {
+    anchorX: number;
+    anchorY: number;
+    x: number;
+    y: number;
+    scale: number;
+}
+export default class ZoomView extends AtomControl {
+    zoom: IZoom;
+    source: string;
+    private loading;
+    private image;
+    private scrollDiv;
+    private imageContainer;
+    protected preCreate(): void;
+    private getSource;
+    private updateZoom;
+}
+//# sourceMappingURL=ZoomView.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ZoomView.d.ts","sourceRoot":"","sources":["../../src/basic/ZoomView.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAE/E,OAAO,+BAA+B,CAAC;AA0CvC,MAAM,WAAW,KAAK;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,OAAO,QAAS,SAAQ,WAAW;IAGtC,IAAI,EAAE,KAAK,CAAC;IAGZ,MAAM,EAAE,MAAM,CAAC;IAGtB,OAAO,CAAC,OAAO,CAAU;IAEzB,OAAO,CAAC,KAAK,CAAmB;IAEhC,OAAO,CAAC,SAAS,CAAiB;IAElC,OAAO,CAAC,cAAc,CAAiB;IAEvC,SAAS,CAAC,SAAS;IAuKnB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;CAgDrB"}

package/dist-esm/basic/ZoomView.js

@@ -0,0 +1,223 @@
+import { __decorate, __metadata } from "tslib";
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+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 "./styles/zoom-view.global.css";
+const center = (ev) => {
+    const touch = ev.touches[0];
+    if (touch) {
+        return {
+            x: touch.clientX,
+            y: touch.clientY
+        };
+    }
+    return {
+        x: 0,
+        y: 0
+    };
+};
+const distance = (first, second) => {
+    return Math.hypot(first.pageX - second.pageX, first.pageY - second.pageY);
+};
+const findLargestDistance = (touches) => {
+    let pair = null;
+    for (let i = 0; i < touches.length; i++) {
+        const t1 = touches[i];
+        for (let j = i + 1; j < touches.length; j++) {
+            const t2 = touches[j];
+            const distance = Math.hypot(t1.pageX - t2.pageX, t1.pageY - t2.pageY);
+            if (pair === null) {
+                pair = { t1, t2, distance };
+                continue;
+            }
+            if (pair.distance < distance) {
+                pair = { t1, t2, distance };
+            }
+        }
+    }
+    return pair;
+};
+export default class ZoomView extends AtomControl {
+    zoom;
+    source;
+    loading;
+    image;
+    scrollDiv;
+    imageContainer;
+    preCreate() {
+        this.element.title = "Use mouse wheel to zoom";
+        this.loading = false;
+        this.zoom = {
+            scale: 0,
+            anchorX: 0,
+            anchorY: 0,
+            x: 0,
+            y: 0
+        };
+        this.element.setAttribute("data-zoom-view", "zoom-view");
+        this.element.draggable = false;
+        this.render(XNode.create("div", null,
+            XNode.create("div", { class: "scroll" },
+                XNode.create("img", { class: "image-container", src: Bind.oneWay(() => this.getSource(this.source)), "style-opacity": Bind.oneWay(() => this.loading ? "0.3" : "1"), "event-load": () => {
+                        this.loading = false;
+                        this.updateZoom(this.zoom);
+                    } })),
+            XNode.create("i", { class: Bind.oneWay(() => this.loading ? "spinner fa-duotone fa-spinner fa-spin" : "hide") }),
+            XNode.create("i", { "event-click": () => this.updateZoom(), class: Bind.oneWay(() => this.zoom.scale ? "scale" : "hide"), title: "Display entire image" })));
+        this.scrollDiv = this.element.firstElementChild;
+        this.imageContainer = this.scrollDiv.firstElementChild;
+        this.image = this.imageContainer;
+        const scrollView = this.element;
+        let previous;
+        let touchMoveDisposable;
+        let touchEndDisposable;
+        this.bindEvent(scrollView, "touchstart", (evs) => {
+            previous = center(evs);
+            let previousDistance = undefined;
+            touchMoveDisposable ??= this.bindEvent(scrollView, "touchmove", (ev) => {
+                let { x, y, anchorX, anchorY, scale } = this.zoom;
+                if (ev.touches.length > 1) {
+                    ev.preventDefault();
+                    ev.stopImmediatePropagation();
+                    const rect = this.element.getBoundingClientRect();
+                    const ld = findLargestDistance(ev.touches);
+                    const first = ld.t1;
+                    const second = ld.t2;
+                    const newScale = ld.distance;
+                    if (previousDistance === void 0) {
+                        previousDistance = newScale;
+                        return;
+                    }
+                    if (previousDistance === newScale) {
+                        return;
+                    }
+                    anchorX = ((first.clientX + second.clientX) / 2) - rect.left;
+                    anchorY = ((first.clientY + second.clientY) / 2) - rect.top;
+                    scale += newScale - previousDistance;
+                    previousDistance = newScale;
+                    this.updateZoom({
+                        anchorX,
+                        anchorY,
+                        x,
+                        y,
+                        scale
+                    });
+                    return;
+                }
+            });
+            touchEndDisposable ??= this.bindEvent(scrollView, "touchend", (ev) => {
+                touchMoveDisposable?.dispose();
+                touchEndDisposable?.dispose();
+                touchMoveDisposable = undefined;
+                touchEndDisposable = undefined;
+                previousDistance = undefined;
+            });
+        });
+        let mouseMoveDisposable;
+        let mouseUpDisposable;
+        this.bindEvent(scrollView, "dragstart", (ev) => {
+            ev.preventDefault();
+            ev.stopImmediatePropagation();
+        });
+        this.bindEvent(scrollView, "mousedown", (ev) => {
+            this.element.dataset.state = "grabbing";
+            previous = {
+                x: ev.clientX,
+                y: ev.clientY
+            };
+            mouseMoveDisposable ??= this.bindEvent(scrollView, "mousemove", (e) => {
+                e.preventDefault();
+                e.stopImmediatePropagation?.();
+                const cp = { x: e.clientX, y: e.clientY };
+                const diffX = previous.x - cp.x;
+                const diffY = previous.y - cp.y;
+                previous = cp;
+                this.scrollDiv.scrollBy(diffX, diffY);
+            });
+            mouseUpDisposable ??= this.bindEvent(scrollView, "mouseup", (e) => {
+                e.preventDefault();
+                e.stopImmediatePropagation?.();
+                this.element.dataset.state = "";
+                previous = null;
+                mouseMoveDisposable.dispose();
+                mouseUpDisposable.dispose();
+                mouseMoveDisposable = undefined;
+                mouseUpDisposable = undefined;
+            });
+        });
+        this.bindEvent(scrollView, "wheel", (ev) => {
+            ev.preventDefault();
+            ev.stopImmediatePropagation?.();
+            const newScale = this.zoom.scale - (ev.deltaY < 0 ? -50 : 50);
+            const anchorX = ev.offsetX;
+            const anchorY = ev.offsetY;
+            const { x, y } = this.zoom;
+            this.updateZoom({
+                anchorX,
+                anchorY,
+                x,
+                y,
+                scale: newScale < 0 ? 0 : newScale
+            });
+        }, undefined, {
+            passive: false
+        });
+    }
+    getSource(text) {
+        if (text) {
+            this.loading = true;
+        }
+        return text;
+    }
+    updateZoom(zoom = {
+        x: 0,
+        y: 0,
+        anchorX: 0,
+        anchorY: 0,
+        scale: 0
+    }) {
+        const { anchorX, anchorY, x, y } = zoom;
+        let { scale } = zoom;
+        this.zoom = zoom;
+        const image = this.image;
+        if (!image.naturalHeight) {
+            return;
+        }
+        const maxHeight = this.element.clientWidth > this.element.clientHeight;
+        const s = maxHeight
+            ? this.element.clientWidth / image.naturalWidth
+            : this.element.clientHeight / image.naturalHeight;
+        if (scale <= 0) {
+            scale = 0;
+        }
+        const { clientWidth, clientHeight } = this.element;
+        if (scale <= 0) {
+            this.element.scrollTo(0, 0);
+            this.imageContainer.style.transform = ``;
+            return;
+        }
+        const scaleFactor = (clientWidth + scale) / clientWidth;
+        this.imageContainer.style.transformOrigin = `${anchorX}px ${anchorY}px`;
+        this.imageContainer.style.transform = `scale(${scaleFactor})`;
+        const e = this.imageContainer.getBoundingClientRect();
+        const left = -e.left;
+        const top = -e.top;
+        this.imageContainer.style.transformOrigin = "0 0";
+        const de = this.imageContainer.getBoundingClientRect();
+        this.scrollDiv.scrollTo({ left: left + de.left, top: top + de.top, behavior: "instant" });
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Object)
+], ZoomView.prototype, "zoom", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], ZoomView.prototype, "source", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Boolean)
+], ZoomView.prototype, "loading", void 0);
+//# sourceMappingURL=ZoomView.js.map

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

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

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

@@ -0,0 +1,2 @@
+export default function combineClasses(...names: string[]): string;
+//# sourceMappingURL=combineClasses.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combineClasses.d.ts","sourceRoot":"","sources":["../../src/basic/combineClasses.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,GAAI,KAAK,EAAE,MAAM,EAAE,UAEzD"}

package/dist-esm/basic/combineClasses.js

@@ -0,0 +1,4 @@
+export default function combineClasses(...names) {
+    return names.filter((n) => n).join(" ");
+}
+//# sourceMappingURL=combineClasses.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combineClasses.js","sourceRoot":"","sources":["../../src/basic/combineClasses.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,GAAI,KAAe;IACtD,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC5C,CAAC"}

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

@@ -0,0 +1,51 @@
+import { AtomDisposableList } from "@web-atoms/core/dist/core/AtomDisposableList.js";
+import { CancelToken } from "@web-atoms/core/dist/core/types.js";
+import XNode, { IElementAttributes } from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import "./AtomPopover.css";
+export interface IAnchorPopover extends IElementAttributes {
+    "anchor-left"?: "parent-left" | "parent-right";
+    "anchor-right"?: "parent-left" | "parent-right";
+    "anchor-top"?: "parent-top" | "parent-bottom";
+    "anchor-bottom"?: "parent-top" | "parent-bottom";
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "atom-pop-over": IAnchorPopover;
+        }
+    }
+}
+export interface IAtomPopoverOptions {
+    nodeFactory?: (data: any) => XNode | HTMLElement;
+    dataFactory?: () => any;
+    "anchor-left"?: "parent-left" | "parent-right";
+    "anchor-right"?: "parent-left" | "parent-right";
+    "anchor-top"?: "parent-top" | "parent-bottom";
+    "anchor-bottom"?: "parent-top" | "parent-bottom";
+    closeOnClick?: boolean;
+    cancelToken?: CancelToken;
+}
+export default abstract class AtomPopover<T = any> {
+    owner: AtomControl;
+    popover: HTMLElement;
+    result: any;
+    disposables: AtomDisposableList;
+    resultPromise: Promise<T>;
+    resultResolve: (value: T | PromiseLike<T>) => void;
+    resultReject: (reason?: any) => void;
+    parent: HTMLElement;
+    popoverContainer: HTMLElement;
+    removed: boolean;
+    static create(parent: HTMLElement | AtomControl, options?: IAtomPopoverOptions): any;
+    static show<T1 = any>(parent: HTMLElement | AtomControl, options?: IAtomPopoverOptions): Promise<T1>;
+    static menu(parent: HTMLElement | AtomControl, node: HTMLElement | XNode, options?: IAtomPopoverOptions): AtomPopover<any>;
+    set renderer(v: XNode | HTMLElement);
+    constructor(parent: HTMLElement | AtomControl, options?: IAtomPopoverOptions);
+    abstract init(data?: any): any;
+    close(r: any): void;
+    cancel(): Promise<void>;
+    removing: (ce?: Event) => void;
+    remove: () => void;
+}
+//# sourceMappingURL=AtomPopover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AtomPopover.d.ts","sourceRoot":"","sources":["../../../src/basic/elements/AtomPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,KAAK,EAAE,EAAE,kBAAkB,EAAe,MAAM,oCAAoC,CAAC;AAC5F,OAAO,EAAE,WAAW,EAAuB,MAAM,kDAAkD,CAAC;AACpG,OAAO,mBAAmB,CAAC;AAS3B,MAAM,WAAW,cAAe,SAAQ,kBAAkB;IACtD,aAAa,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC/C,cAAc,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAChD,YAAY,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IAC9C,eAAe,CAAC,EAAE,YAAY,GAAG,eAAe,CAAA;CACnD;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,GAAG,CAAC;QACV,UAAU,iBAAiB;YACvB,eAAe,EAAE,cAAc,CAAC;SACnC;KACJ;CACJ;AAmMD,MAAM,WAAW,mBAAmB;IAChC,WAAW,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,KAAK,GAAG,WAAW,CAAC;IAC5C,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC;IACxB,aAAa,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAC/C,cAAc,CAAC,EAAE,aAAa,GAAG,cAAc,CAAC;IAChD,YAAY,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IAC9C,eAAe,CAAC,EAAE,YAAY,GAAG,eAAe,CAAC;IACjD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC7B;AAED,MAAM,CAAC,OAAO,CAAC,QAAQ,OAAO,WAAW,CAAC,CAAC,GAAG,GAAG;IAE7C,KAAK,EAAE,WAAW,CAAC;IAEnB,OAAO,EAAE,WAAW,CAAC;IAErB,MAAM,EAAE,GAAG,CAAC;IAEZ,WAAW,qBAA4B;IAEvC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;IAC1B,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACnD,YAAY,EAAE,CAAC,MAAM,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,WAAW,CAAC;IACpB,gBAAgB,EAAE,WAAW,CAAC;IAC9B,OAAO,EAAE,OAAO,CAAC;IAEjB,MAAM,CAAC,MAAM,CACT,MAAM,EAAE,WAAW,GAAG,WAAW,EACjC,OAAO,GAAE,mBAAwB;IAKrC,MAAM,CAAC,IAAI,CAAC,EAAE,GAAG,GAAG,EAChB,MAAM,EAAE,WAAW,GAAG,WAAW,EACjC,OAAO,GAAE,mBAAwB;IAMrC,MAAM,CAAC,IAAI,CACP,MAAM,EAAE,WAAW,GAAG,WAAW,EACjC,IAAI,EAAE,WAAW,GAAG,KAAK,EACzB,OAAO,GAAE,mBAAwB;IAcrC,IAAI,QAAQ,CAAC,CAAC,EAAE,KAAK,GAAG,WAAW,EAoBlC;gBAGG,MAAM,EAAE,WAAW,GAAG,WAAW,EACjC,OAAO,GAAE,mBAAwB;IAyErC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,GAAG;IAExB,KAAK,CAAC,CAAC,KAAA;IAMD,MAAM;IAMZ,QAAQ,GAAI,KAAK,KAAK,UAWpB;IAEF,MAAM,aAYL;CAEJ"}