@web-atoms/web-controls 2.5.39 → 2.5.41

package/dist-esm/basic/PinchZoomView.js

@@ -0,0 +1,222 @@
+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/pinch-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);
+};
+export default class PinchZoomView extends AtomControl {
+    zoom;
+    source;
+    loading;
+    image;
+    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.dataset.pinchZoom = "true";
+        this.element.draggable = false;
+        this.render(XNode.create("div", null,
+            XNode.create("div", { class: "image-container" },
+                XNode.create("img", { 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.imageContainer = this.element.firstElementChild;
+        this.image = this.imageContainer.firstElementChild;
+        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 === 2) {
+                    ev.preventDefault();
+                    ev.stopImmediatePropagation();
+                    const rect = this.element.getBoundingClientRect();
+                    const first = ev.touches[0];
+                    const second = ev.touches[1];
+                    anchorX = ((first.clientX + second.clientX) / 2) - rect.left;
+                    anchorY = ((first.clientY + second.clientY) / 2) - rect.top;
+                    const newScale = distance(first, second);
+                    if (previousDistance === void 0) {
+                        previousDistance = newScale;
+                        return;
+                    }
+                    if (previousDistance === newScale) {
+                        return;
+                    }
+                    scale += newScale - previousDistance;
+                    previousDistance = newScale;
+                    this.updateZoom({
+                        anchorX,
+                        anchorY,
+                        x,
+                        y,
+                        scale
+                    });
+                    return;
+                }
+                if (!previous) {
+                    return;
+                }
+                const cp = center(ev);
+                x += (cp.x - previous.x);
+                y += (cp.y - previous.y);
+                previous = cp;
+                this.updateZoom({
+                    anchorX,
+                    anchorY,
+                    x,
+                    y,
+                    scale
+                });
+            });
+            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 { anchorX, anchorY, scale } = this.zoom;
+                let { x, y } = this.zoom;
+                const cp = { x: e.clientX, y: e.clientY };
+                x += (cp.x - previous.x);
+                y += (cp.y - previous.y);
+                previous = cp;
+                this.updateZoom({
+                    anchorX,
+                    anchorY,
+                    x,
+                    y,
+                    scale
+                });
+            });
+            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) => {
+            const target = ev.currentTarget;
+            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 newWidth = (this.element.clientWidth + scale) + "px";
+        const newHeight = (this.element.clientHeight + scale) + "px";
+        this.image.style.maxWidth = this.element.clientWidth + "px";
+        this.image.style.maxHeight = this.element.clientHeight + "px";
+        if (scale <= 0) {
+            this.imageContainer.style.transform = "";
+            return;
+        }
+        const clientWidth = this.element.clientWidth;
+        const scaleFactor = (clientWidth + scale) / clientWidth;
+        this.imageContainer.style.transformOrigin = `${anchorX}px ${anchorY}`;
+        this.imageContainer.style.transform = `translate(${x}px, ${y}px) scale(${scaleFactor})`;
+    }
+}
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Object)
+], PinchZoomView.prototype, "zoom", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", String)
+], PinchZoomView.prototype, "source", void 0);
+__decorate([
+    BindableProperty,
+    __metadata("design:type", Boolean)
+], PinchZoomView.prototype, "loading", void 0);
+//# sourceMappingURL=PinchZoomView.js.map

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

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

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

@@ -0,0 +1,15 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "./styles/popup-button.global.css";
+import InlinePopupButton, { IPopupButton } from "./InlinePopupButton.js";
+export interface IMenuItem {
+    label?: string;
+    icon?: string;
+    eventClick?: any;
+    href?: string;
+    target?: string;
+    [key: string]: any;
+}
+export declare function MenuItem({ label, icon, eventClick, href, target, ...others }: IMenuItem): any;
+export default InlinePopupButton;
+export declare function PopupActionButton(a: IPopupButton, ...nodes: XNode[]): any;
+//# sourceMappingURL=PopupButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopupButton.d.ts","sourceRoot":"","sources":["../../src/basic/PopupButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAEvD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iBAAiB,EAAE,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEzE,MAAM,WAAW,SAAS;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AASD,wBAAgB,QAAQ,CAAC,EACrB,KAAK,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,GAAI,MAAM,EACb,EAAE,SAAS,OAaX;AAKD,eAAe,iBAAiB,CAAC;AAEjC,wBAAgB,iBAAiB,CAAC,CAAC,EAAE,YAAY,EAAE,GAAI,KAAK,EAAE,KAAK,EAAE,OAKpE"}

package/dist-esm/basic/PopupButton.js

@@ -0,0 +1,21 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "./styles/popup-button.global.css";
+import InlinePopupButton from "./InlinePopupButton.js";
+export function MenuItem({ label, icon, eventClick, href, target, ...others }) {
+    if (href) {
+        return XNode.create("a", { "data-menu-item": "menu-item", href: href, target: target, ...others },
+            icon && XNode.create("i", { "data-element": "icon", class: icon }),
+            label && XNode.create("span", { "data-element": "label", text: label }));
+    }
+    return XNode.create("div", { "data-menu-item": "menu-item", eventClick: eventClick, ...others },
+        icon && XNode.create("i", { "data-element": "icon", class: icon }),
+        label && XNode.create("span", { "data-element": "label", text: label }));
+}
+export default InlinePopupButton;
+export function PopupActionButton(a, ...nodes) {
+    a.closeOnClick ??= true;
+    a["anchor-top"] = "parent-bottom";
+    a["anchor-right"] = "parent-left";
+    return InlinePopupButton(a, ...nodes);
+}
+//# sourceMappingURL=PopupButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopupButton.js","sourceRoot":"","sources":["../../src/basic/PopupButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAEvD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,iBAAmC,MAAM,wBAAwB,CAAC;AAkBzE,MAAM,UAAU,QAAQ,CAAC,EACrB,KAAK,EACL,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,MAAM,EACN,GAAI,MAAM,EACF;IAER,IAAI,IAAI,EAAE,CAAC;QACP,OAAO,sCAAkB,WAAW,EAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,KAAQ,MAAM;YACvE,IAAI,IAAI,oCAAgB,MAAM,EAAC,KAAK,EAAE,IAAI,GAAG;YAC7C,KAAK,IAAI,uCAAmB,OAAO,EAAC,IAAI,EAAE,KAAK,GAAG,CACpD,CAAC;IACT,CAAC;IAED,OAAO,wCAAoB,WAAW,EAAC,UAAU,EAAE,UAAU,KAAQ,MAAM;QACrE,IAAI,IAAI,oCAAgB,MAAM,EAAC,KAAK,EAAE,IAAI,GAAG;QAC7C,KAAK,IAAI,uCAAmB,OAAO,EAAC,IAAI,EAAE,KAAK,GAAG,CAClD,CAAC;AACX,CAAC;AAKD,eAAe,iBAAiB,CAAC;AAEjC,MAAM,UAAU,iBAAiB,CAAC,CAAe,EAAE,GAAI,KAAc;IACjE,CAAC,CAAC,YAAY,KAAK,IAAI,CAAC;IACxB,CAAC,CAAC,YAAY,CAAC,GAAG,eAAe,CAAC;IAClC,CAAC,CAAC,cAAc,CAAC,GAAG,aAAa,CAAC;IAClC,OAAO,iBAAiB,CAAC,CAAC,EAAE,GAAI,KAAK,CAAC,CAAC;AAC3C,CAAC"}

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

@@ -0,0 +1,4 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { IPopupButton } from "./InlinePopupButton.js";
+export default function PopupMenu(a: IPopupButton, ...nodes: XNode[]): any;
+//# sourceMappingURL=PopupMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopupMenu.d.ts","sourceRoot":"","sources":["../../src/basic/PopupMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAA0B,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEzE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAC,EAAE,YAAY,EAAE,GAAI,KAAK,EAAE,KAAK,EAAE,OAGpE"}

package/dist-esm/basic/PopupMenu.js

@@ -0,0 +1,6 @@
+import InlinePopupButton from "./InlinePopupButton.js";
+export default function PopupMenu(a, ...nodes) {
+    a.closeOnClick ??= true;
+    return InlinePopupButton(a, ...nodes);
+}
+//# sourceMappingURL=PopupMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopupMenu.js","sourceRoot":"","sources":["../../src/basic/PopupMenu.tsx"],"names":[],"mappings":"AACA,OAAO,iBAAmC,MAAM,wBAAwB,CAAC;AAEzE,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,CAAe,EAAE,GAAI,KAAc;IACjE,CAAC,CAAC,YAAY,KAAK,IAAI,CAAC;IACxB,OAAO,iBAAiB,CAAC,CAAC,EAAE,GAAI,KAAK,CAAC,CAAC;AAC3C,CAAC"}

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

@@ -0,0 +1,6 @@
+import AtomRepeater from "./AtomRepeater.js";
+import "./styles/radio-button-list.global.css";
+export default class RadioButtonList extends AtomRepeater {
+    protected preCreate(): void;
+}
+//# sourceMappingURL=RadioButtonList.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonList.d.ts","sourceRoot":"","sources":["../../src/basic/RadioButtonList.tsx"],"names":[],"mappings":"AACA,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,OAAO,uCAAuC,CAAC;AAE/C,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,YAAY;IAErD,SAAS,CAAC,SAAS,IAAI,IAAI;CA0B9B"}

package/dist-esm/basic/RadioButtonList.js

@@ -0,0 +1,28 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import AtomRepeater from "./AtomRepeater.js";
+import "./styles/radio-button-list.global.css";
+export default class RadioButtonList extends AtomRepeater {
+    preCreate() {
+        super.preCreate();
+        this.valuePath = (item) => item?.value ?? item;
+        this.bindEvent(this.element, "itemClick", (e) => {
+            const s = this.selectedItems;
+            if (!s) {
+                return;
+            }
+            const item = e.detail;
+            const old = this.selectedItem;
+            if (old) {
+                this.element.dispatchEvent(new CustomEvent("itemDeselect", { detail: old, bubbles: false }));
+            }
+            this.selectedItem = item;
+            this.element.dispatchEvent(new CustomEvent("itemSelect", { detail: item, bubbles: false }));
+        });
+        this.element.dataset.radioButtonList = "radio-button-list";
+        this.itemRenderer = (item) => XNode.create("div", { "data-item-type": "radio" },
+            XNode.create("i", { class: "far fa-dot-circle" }),
+            XNode.create("i", { class: "far fa-circle" }),
+            XNode.create("span", { text: item.label }));
+    }
+}
+//# sourceMappingURL=RadioButtonList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButtonList.js","sourceRoot":"","sources":["../../src/basic/RadioButtonList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,OAAO,uCAAuC,CAAC;AAE/C,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,YAAY;IAE3C,SAAS;QACf,KAAK,CAAC,SAAS,EAAE,CAAC;QAClB,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC;QAC/C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,EAAE,CAAC,CAAc,EAAE,EAAE;YACzD,MAAM,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC;YAC7B,IAAI,CAAC,CAAC,EAAE,CAAC;gBACL,OAAO;YACX,CAAC;YACD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC;YACtB,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC;YAC9B,IAAI,GAAG,EAAE,CAAC;gBACN,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,cAAc,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YACjG,CAAC;YACD,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,YAAY,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;QAChG,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,GAAG,mBAAmB,CAAC;QAC3D,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,EAAE,EAAE,CAAC,wCACX,OAAO;YACtB,oBAAG,KAAK,EAAC,mBAAmB,GAAE;YAC9B,oBAAG,KAAK,EAAC,eAAe,GAAE;YAC1B,uBAAM,IAAI,EAAE,IAAI,CAAC,KAAK,GAAG,CACvB,CAAC;IAEX,CAAC;CAEJ"}

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

@@ -0,0 +1,14 @@
+import { App } from "@web-atoms/core/dist/App.js";
+import { IDisposable } from "@web-atoms/core/dist/core/types.js";
+export default class RefreshLock implements IDisposable {
+    private app;
+    dispose: any;
+    private promise;
+    private map;
+    constructor(app: App, e: HTMLElement);
+    queue(fx: (...a: any) => any): void;
+    private begin;
+    private end;
+    private setupNew;
+}
+//# sourceMappingURL=RefreshLock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshLock.d.ts","sourceRoot":"","sources":["../../src/basic/RefreshLock.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,6BAA6B,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,MAAM,CAAC,OAAO,OAAO,WAAY,YAAW,WAAW;IAQvC,OAAO,CAAC,GAAG;IANhB,OAAO,MAAC;IAEf,OAAO,CAAC,OAAO,CAAC;IAEhB,OAAO,CAAC,GAAG,CAA0B;gBAEjB,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,WAAW;IAWrC,KAAK,CAAC,EAAE,EAAE,CAAC,GAAI,CAAC,EAAE,GAAG,KAAK,GAAG;IAQpC,OAAO,CAAC,KAAK,CAOZ;IAED,OAAO,CAAC,GAAG,CAMV;YAEa,QAAQ;CAUzB"}

package/dist-esm/basic/RefreshLock.js

@@ -0,0 +1,48 @@
+export default class RefreshLock {
+    app;
+    dispose;
+    promise;
+    map = new Map();
+    constructor(app, e) {
+        this.app = app;
+        e.addEventListener("refreshLockBegin", this.begin);
+        e.addEventListener("refreshLockEnd", this.end);
+        this.dispose = () => {
+            e.removeEventListener("refreshLockBegin", this.begin);
+            e.removeEventListener("refreshLockEnd", this.begin);
+        };
+    }
+    queue(fx) {
+        if (this.promise) {
+            this.promise.then(fx);
+            return;
+        }
+        fx();
+    }
+    begin = (ce) => {
+        if (ce.target === ce.currentTarget) {
+            return;
+        }
+        const previous = this.promise;
+        this.promise = this.setupNew(previous, ce.detail.id);
+        this.app.runAsync(() => this.promise);
+    };
+    end = (ce) => {
+        if (ce.target === ce.currentTarget) {
+            return;
+        }
+        const resolver = this.map.get(ce.detail.id);
+        resolver?.();
+    };
+    async setupNew(previous, id) {
+        if (previous) {
+            await previous;
+        }
+        await new Promise((resolve, reject) => {
+            this.map.set(id, resolve);
+        });
+        this.map.delete(id);
+        this.promise = null;
+    }
+}
+//# sourceMappingURL=RefreshLock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshLock.js","sourceRoot":"","sources":["../../src/basic/RefreshLock.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,OAAO,WAAW;IAQR;IANb,OAAO,CAAC;IAEP,OAAO,CAAC;IAER,GAAG,GAAG,IAAI,GAAG,EAAe,CAAC;IAErC,YAAoB,GAAQ,EAAE,CAAc;QAAxB,QAAG,GAAH,GAAG,CAAK;QAExB,CAAC,CAAC,gBAAgB,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACnD,CAAC,CAAC,gBAAgB,CAAC,gBAAgB,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAE/C,IAAI,CAAC,OAAO,GAAG,GAAG,EAAE;YAChB,CAAC,CAAC,mBAAmB,CAAC,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACtD,CAAC,CAAC,mBAAmB,CAAC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACxD,CAAC,CAAC;IACN,CAAC;IAEM,KAAK,CAAC,EAAuB;QAChC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACtB,OAAO;QACX,CAAC;QACD,EAAE,EAAE,CAAC;IACT,CAAC;IAEO,KAAK,GAAG,CAAC,EAAe,EAAE,EAAE;QAChC,IAAI,EAAE,CAAC,MAAM,KAAK,EAAE,CAAC,aAAa,EAAE,CAAC;YACjC,OAAO;QACX,CAAC;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACrD,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC1C,CAAC,CAAA;IAEO,GAAG,GAAG,CAAC,EAAe,EAAE,EAAE;QAC9B,IAAI,EAAE,CAAC,MAAM,KAAK,EAAE,CAAC,aAAa,EAAE,CAAC;YACjC,OAAO;QACX,CAAC;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QAC5C,QAAQ,EAAE,EAAE,CAAC;IACjB,CAAC,CAAA;IAEO,KAAK,CAAC,QAAQ,CAAC,QAAa,EAAE,EAAO;QACzC,IAAI,QAAQ,EAAE,CAAC;YACX,MAAM,QAAQ,CAAC;QACnB,CAAC;QACD,MAAM,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;YAClC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACxB,CAAC;CACJ"}

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

@@ -0,0 +1,7 @@
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "../styles/resizable.global.css";
+export default function resizable({ direction, ...a }: {
+    [x: string]: any;
+    direction?: "horizontal" | "vertical";
+}, child: XNode): any;
+//# sourceMappingURL=Resizable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../src/basic/Resizable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAIvD,OAAO,gCAAgC,CAAC;AAoCxC,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAC9B,SAAqD,EACrD,GAAI,CAAC,EACR;;;CAAA,EAAE,KAAK,EAAE,KAAK,OAkBd"}

package/dist-esm/basic/Resizable.js

@@ -0,0 +1,38 @@
+import { AtomDisposableList } from "@web-atoms/core/dist/core/AtomDisposableList.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import { isMobileView } from "../mobile-app/MobileApp.js";
+import "../styles/resizable.global.css";
+const pointerDown = (e) => {
+    const target = e.currentTarget;
+    const direction = target.getAttribute("data-direction");
+    const previous = target.parentElement;
+    const disposables = new AtomDisposableList();
+    const { x, y } = e;
+    const width = previous.clientWidth;
+    const control = AtomControl.from(target);
+    target.setPointerCapture(e.pointerId);
+    target.setAttribute("data-resizing", "1");
+    disposables.add(() => {
+        target.removeAttribute("data-resizing");
+        target.releasePointerCapture(e.pointerId);
+    });
+    disposables.add(control.bindEvent(target, "pointermove", (ep) => {
+        const diff = ep.x - x;
+        previous.style.width = (width + diff) + "px";
+    }));
+    disposables.add(control.bindEvent(target, "pointerup", (ep) => {
+        const diff = ep.x - x;
+        previous.style.width = (width + diff) + "px";
+        disposables.dispose();
+    }));
+};
+export default function resizable({ direction = "horizontal", ...a }, child) {
+    if (isMobileView) {
+        return child;
+    }
+    return XNode.create("div", { ...a, "data-resizable": "resizable", "data-direction": direction },
+        child,
+        XNode.create("div", { "data-element": "resizer", "event-pointerdown": pointerDown }));
+}
+//# sourceMappingURL=Resizable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Resizable.js","sourceRoot":"","sources":["../../src/basic/Resizable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AACrF,OAAO,KAAK,MAAM,oCAAoC,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,kDAAkD,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,OAAO,gCAAgC,CAAC;AAExC,MAAM,WAAW,GAAG,CAAC,CAAe,EAAE,EAAE;IAEpC,MAAM,MAAM,GAAG,CAAC,CAAC,aAA+B,CAAC;IACjD,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;IAExD,MAAM,QAAQ,GAAG,MAAM,CAAC,aAA4B,CAAC;IAErD,MAAM,WAAW,GAAG,IAAI,kBAAkB,EAAE,CAAC;IAC7C,MAAM,EAAE,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;IAEnB,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC;IAEnC,MAAM,OAAO,GAAG,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAEzC,MAAM,CAAC,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACtC,MAAM,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,CAAC,CAAC;IAE1C,WAAW,CAAC,GAAG,CAAC,GAAG,EAAE;QACjB,MAAM,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;QACxC,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,aAAa,EAAE,CAAC,EAAgB,EAAE,EAAE;QAC1E,MAAM,IAAI,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QACtB,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;IACjD,CAAC,CAAC,CAAC,CAAC;IAEJ,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,EAAE,WAAW,EAAE,CAAC,EAAgB,EAAE,EAAE;QACxE,MAAM,IAAI,GAAG,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;QACtB,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC;QAC7C,WAAW,CAAC,OAAO,EAAE,CAAC;IAC1B,CAAC,CAAC,CAAC,CAAC;AACR,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAC9B,SAAS,GAAG,YAAyC,EACrD,GAAI,CAAC,EACR,EAAE,KAAY;IAEX,IAAI,YAAY,EAAE,CAAC;QACf,OAAO,KAAK,CAAC;IACjB,CAAC;IAED,OAAO,yBACG,CAAC,oBACQ,WAAW,oBACV,SAAS;QAEvB,KAAK;QACP,sCACiB,SAAS,uBACH,WAAW,GAC5B,CACJ,CAAC;AAEX,CAAC"}

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

@@ -0,0 +1,9 @@
+import IElement from "./IElement.js";
+export interface ISelect extends IElement {
+    items: any[];
+    labelPath?: (item: any) => any;
+    valuePath?: (item: any) => any;
+    value?: any;
+}
+export default function Select({ items, labelPath, valuePath, value, ...a }: ISelect): any;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/basic/Select.tsx"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,eAAe,CAAC;AAmFrC,MAAM,WAAW,OAAQ,SAAQ,QAAQ;IACrC,KAAK,EAAE,GAAG,EAAE,CAAC;IACb,SAAS,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IAC1B,SAAS,CAAC,EAAE,CAAC,IAAI,KAAA,KAAK,GAAG,CAAC;IAC1B,KAAK,CAAC,EAAE,GAAG,CAAC;CACf;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EACvB,KAAK,EACL,SAAS,EACT,SAAS,EACT,KAAK,EACL,GAAI,CAAC,EACR,EAAE,OAAO,OAQb"}

package/dist-esm/basic/Select.js

@@ -0,0 +1,80 @@
+import { AtomControl } from "@web-atoms/core/dist/web/controls/AtomControl.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+const labelPathSetter = AtomControl.registerProperty("data-items", "value", (ctrl, element, value) => {
+    element["labelPath"] = value;
+});
+const valuePathSetter = AtomControl.registerProperty("data-items", "value", (ctrl, element, value) => {
+    element["valuePath"] = value;
+});
+const valueSetter = AtomControl.registerProperty("data-items", "value", (ctrl, element, value) => {
+    element["initialValue"] = value;
+    element["value"] = value;
+    const select = element;
+    let length = select.options.length;
+    if (!length) {
+        setTimeout(refreshItems, 1, element);
+        return;
+    }
+    const items = element["items"];
+    if (!items) {
+        setTimeout(refreshItems, 1, element);
+        return;
+    }
+    const vp = element["valuePath"] ?? ((item) => item?.value ?? item);
+    let index = 0;
+    for (const item of items) {
+        const v = vp(item);
+        if (v == value) {
+            select.selectedIndex = index;
+            return;
+        }
+        index++;
+    }
+    setTimeout(refreshItems, 1, element);
+});
+const refreshItems = (element, items) => {
+    items ??= element["items"];
+    element.update = true;
+    const old = element.selectedIndex;
+    let cv = element["initialValue"];
+    if (old !== -1) {
+        cv = element["value"];
+    }
+    element.options.length = 0;
+    const lp = element["labelPath"] ?? ((item) => item?.label ?? item);
+    const vp = element["valuePath"] ?? ((item) => item?.value ?? item);
+    let i = 0;
+    let si = -1;
+    if (items?.length) {
+        for (const iterator of items) {
+            const option = document.createElement("option");
+            const label = lp(iterator);
+            const value = vp(iterator);
+            option.text = label;
+            option.value = value;
+            element.options.add(option);
+            if (cv !== void 0) {
+                if (cv == value) {
+                    si = i;
+                }
+            }
+            i++;
+        }
+    }
+    if (si != -1) {
+        element.selectedIndex = si;
+    }
+    element.update = false;
+};
+const itemsSetter = AtomControl.registerProperty("data-items", "value", (ctrl, element, value) => {
+    element["items"] = value;
+    setTimeout(refreshItems, 1, element, value);
+});
+export default function Select({ items, labelPath, valuePath, value, ...a }) {
+    a[labelPathSetter.property] = labelPath;
+    a[valuePathSetter.property] = valuePath;
+    a[valueSetter.property] = value;
+    a[itemsSetter.property] = items;
+    return XNode.create("select", { ...a });
+}
+//# sourceMappingURL=Select.js.map

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

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

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

@@ -0,0 +1,9 @@
+import "./SortByButton.global.css";
+export default function SortByButton({ header, icon, orderBy, orderByDesc, defaultOrder }: {
+    header: any;
+    icon?: any;
+    orderBy: any;
+    orderByDesc: any;
+    defaultOrder?: "desc" | "asc";
+}): any;
+//# sourceMappingURL=SortByButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortByButton.d.ts","sourceRoot":"","sources":["../../src/basic/SortByButton.tsx"],"names":[],"mappings":"AAGA,OAAO,2BAA2B,CAAC;AAKnC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACjC,MAAM,EACN,IAAa,EACb,OAAO,EACP,WAAW,EACX,YAAsC,EACzC;;;;;;CAAA,OA8BA"}

package/dist-esm/basic/SortByButton.js

@@ -0,0 +1,34 @@
+import Bind from "@web-atoms/core/dist/core/Bind.js";
+import XNode from "@web-atoms/core/dist/core/XNode.js";
+import "./SortByButton.global.css";
+const BindRepeater = Bind.forControl();
+export default function SortByButton({ header, icon = void 0, orderBy, orderByDesc, defaultOrder = "asc" }) {
+    const css = (a) => {
+        if (a === orderBy) {
+            return "fad fa-sort";
+        }
+        if (a === orderByDesc) {
+            return "fad fa-sort fa-flip-vertical";
+        }
+        return "";
+    };
+    return XNode.create("sort-by-button", { "event-click": BindRepeater.event((s) => {
+            if (s.orderBy === orderBy) {
+                s.orderBy = orderByDesc;
+                return;
+            }
+            if (s.orderBy === orderByDesc) {
+                s.orderBy = orderBy;
+                return;
+            }
+            if (defaultOrder === "desc") {
+                s.orderBy = orderByDesc;
+                return;
+            }
+            s.orderBy = orderBy;
+        }) },
+        icon && XNode.create("i", { class: "icon" }),
+        XNode.create("label", { text: header }),
+        XNode.create("i", { class: BindRepeater.oneWay((x) => css(x.orderBy)) }));
+}
+//# sourceMappingURL=SortByButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SortByButton.js","sourceRoot":"","sources":["../../src/basic/SortByButton.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,mCAAmC,CAAC;AACrD,OAAO,KAAK,MAAM,oCAAoC,CAAC;AAEvD,OAAO,2BAA2B,CAAC;AAGnC,MAAM,YAAY,GAAG,IAAI,CAAC,UAAU,EAAgB,CAAC;AAErD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACjC,MAAM,EACN,IAAI,GAAG,KAAK,CAAC,EACb,OAAO,EACP,WAAW,EACX,YAAY,GAAG,KAAuB,EACzC;IACG,MAAM,GAAG,GAAG,CAAC,CAAC,EAAE,EAAE;QACd,IAAI,CAAC,KAAK,OAAO,EAAE,CAAC;YAChB,OAAO,aAAa,CAAC;QACzB,CAAC;QACD,IAAI,CAAC,KAAK,WAAW,EAAE,CAAC;YACpB,OAAO,8BAA8B,CAAC;QAC1C,CAAC;QACD,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IACF,OAAO,gDAA6B,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE;YACzD,IAAI,CAAC,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;gBACxB,CAAC,CAAC,OAAO,GAAG,WAAW,CAAC;gBACxB,OAAO;YACX,CAAC;YACD,IAAI,CAAC,CAAC,OAAO,KAAK,WAAW,EAAE,CAAC;gBAC5B,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC;gBACpB,OAAO;YACX,CAAC;YACD,IAAI,YAAY,KAAK,MAAM,EAAE,CAAC;gBAC1B,CAAC,CAAC,OAAO,GAAG,WAAW,CAAC;gBACxB,OAAO;YACX,CAAC;YACD,CAAC,CAAC,OAAO,GAAG,OAAO,CAAC;QACxB,CAAC,CACI;QACA,IAAI,IAAI,oBAAG,KAAK,EAAC,MAAM,GAAE;QAC1B,wBAAO,IAAI,EAAE,MAAM,GAAG;QACtB,oBAAG,KAAK,EAAE,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAC1C,CAAC;AACtB,CAAC"}