@web-atoms/core 2.5.9 → 2.5.13

package/dist-esm/web/controls/AtomGridView.js

@@ -0,0 +1,266 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AtomGridView = void 0;
+const Hacks_js_1 = require("../../core/Hacks.js");
+const AtomControl_js_1 = require("./AtomControl.js");
+/**
+ * GridView columns or rows can accept comma separated strings with
+ * absolute pixel value, percent value and star (*).
+ *
+ * For example, 20% of total width for first column, 200 pixel for last column
+ * and rest of the space is for middle = "20%, *, 200"
+ *
+ * You can have only one star specification.
+ * @example
+ *  <AtomGridView
+ *     rows="50,*"
+ *     columns="20%, 5, *, 200">
+ *
+ *      <!-- Header spans for three columns in first row -->
+ *      <header row="0" column="0:3"></header>
+ *
+ *      <!-- menu is on first column -->
+ *      <menu row="1" column="0"></menu>
+ *
+ *      <!-- Grid splitter splits 1st and 3rd column and itself lies in 2nd column -->
+ *      <AtomGridSplitter row="1" column="1" direction="vertical" />
+ *
+ *      <!-- Section fills remaining area -->
+ *      <section row="1" column="2"></section>
+ *
+ *      <!-- Help sits on last column -->
+ *      <Help row="1" column="3"></Help>
+ *  </AtomGridView>
+ */
+class AtomGridView extends AtomControl_js_1.AtomControl {
+    constructor() {
+        super(...arguments);
+        this.attempt = 0;
+        this.availableRect = null;
+        this.childrenReady = false;
+    }
+    static getCellInfo(e) {
+        let row = 0;
+        let column = 0;
+        let rowSpan = 1;
+        let colSpan = 1;
+        const cell = e.cell;
+        if (cell) {
+            // tslint:disable-next-line:no-console
+            console.warn("Attribute `cell` is obsolete, please use row and column attributes separately");
+            const tokens = cell.split(",")
+                .map((s) => s.trim().split(":").map((st) => parseInt(st.trim(), 10)));
+            column = tokens[0][0];
+            row = tokens[1][0];
+            colSpan = tokens[0][1] || 1;
+            rowSpan = tokens[1][1] || 1;
+        }
+        else {
+            let c = ((e.row) || "0");
+            let tokens = c.split(":").map((st) => parseInt(st.trim(), 10));
+            row = tokens[0];
+            rowSpan = tokens[1] || 1;
+            c = ((e.column) || "0");
+            tokens = c.split(":").map((st) => parseInt(st.trim(), 10));
+            column = tokens[0];
+            colSpan = tokens[1] || 1;
+        }
+        return {
+            row,
+            rowSpan,
+            column,
+            colSpan,
+        };
+    }
+    append(e) {
+        const ee = e instanceof AtomControl_js_1.AtomControl ? e.element : e;
+        ee._logicalParent = this.element;
+        this.children = this.children || [];
+        this.children.push(e instanceof AtomControl_js_1.AtomControl ? e.element : e);
+        return this;
+    }
+    onUpdateUI() {
+        this.attempt++;
+        // this.removeAllChildren(this.element);
+        const c1 = this.children ?? (this.children = []);
+        c1.length = 0;
+        let child = this.element.firstElementChild;
+        while (child) {
+            const c = child;
+            c1.push(c);
+            child = child.nextElementSibling;
+            c.remove();
+        }
+        const width = this.element.offsetWidth ||
+            this.element.clientWidth ||
+            parseFloat(this.element.style.width) ||
+            0;
+        const height = this.element.offsetHeight ||
+            this.element.clientHeight ||
+            parseFloat(this.element.style.height) ||
+            0;
+        if (!(width && height)) {
+            if (this.childrenReady) {
+                // this is the time parent is hidden
+                setTimeout(() => {
+                    this.invalidate();
+                }, 5000);
+                return;
+            }
+            if (this.attempt > 100) {
+                // tslint:disable-next-line:no-console
+                console.error(`AtomDockPanel (${width}, ${height}) must both have non zero width and height`);
+                return;
+            }
+            // AtomDispatcher.instance.callLater(() => this.invalidate());
+            setTimeout(() => {
+                this.invalidate();
+            }, 100);
+            return;
+        }
+        if (!this.children) {
+            return;
+        }
+        this.attempt = 0;
+        this.availableRect = { width, height, x: 0, y: 0 };
+        this.columnSizes = (this.columns || "*").split(",")
+            .map((s) => this.toSize(s.trim(), this.availableRect.width));
+        this.rowSizes = (this.rows || "*").split(",")
+            .map((s) => this.toSize(s.trim(), this.availableRect.height));
+        this.assignOffsets(this.columnSizes, this.availableRect.width);
+        this.assignOffsets(this.rowSizes, this.availableRect.height);
+        for (const iterator of this.children) {
+            const host = document.createElement("section");
+            host.appendChild(iterator);
+            this.element.appendChild(host);
+        }
+        super.onUpdateUI();
+        this.updateSize();
+        this.childrenReady = true;
+    }
+    resize(item, index, delta) {
+        const a = item === "column" ? this.columnSizes : this.rowSizes;
+        const prev = a[index - 1];
+        const next = a[index + 1];
+        if ((!prev) || (!next)) {
+            throw new Error("Grid Splitter cannot be start or end element in GridView");
+        }
+        const current = a[index];
+        prev.size += delta;
+        current.offset += delta;
+        next.offset += delta;
+        next.size -= delta;
+        this.updateSize();
+    }
+    onPropertyChanged(name) {
+        switch (name) {
+            case "rows":
+            case "columns":
+                if (this.childrenReady) {
+                    this.invalidate();
+                }
+                break;
+        }
+    }
+    onUpdateSize() {
+        if (!this.children) {
+            return;
+        }
+        for (const iterator of this.children) {
+            this.updateStyle(iterator);
+        }
+    }
+    preCreate() {
+        this.columns = null;
+        this.rows = null;
+        const style = this.element.style;
+        style.position = "absolute";
+        style.left = style.right = style.top = style.bottom = "0";
+        style.overflow = "hidden";
+        this.bindEvent(window, "resize", () => {
+            this.updateSize();
+        });
+        this.bindEvent(document.body, "resize", () => {
+            this.updateSize();
+        });
+    }
+    updateStyle(e) {
+        const { colSpan, column, row, rowSpan } = AtomGridView.getCellInfo(e);
+        const host = e.parentElement;
+        if (!host) {
+            return;
+        }
+        host.style.position = "absolute";
+        host.style.overflow = "hidden";
+        host.style.padding = "0";
+        host.style.margin = "0";
+        if (this.rowSizes.length <= row || this.columnSizes.length <= column) {
+            return;
+        }
+        const rowStart = this.rowSizes[row].offset;
+        let rowSize = 0;
+        for (let i = row; i < row + rowSpan; i++) {
+            rowSize += this.rowSizes[i].size;
+        }
+        host.style.top = `${rowStart}px`;
+        host.style.height = `${rowSize}px`;
+        const colStart = this.columnSizes[column].offset;
+        let colSize = 0;
+        for (let i = column; i < column + colSpan; i++) {
+            colSize += this.columnSizes[i].size;
+        }
+        host.style.left = `${colStart}px`;
+        host.style.width = `${colSize}px`;
+        (0, Hacks_js_1.visitDescendents)(host, (el, ac) => {
+            if (ac) {
+                ac.invalidate();
+                return false;
+            }
+            return true;
+        });
+    }
+    toSize(s, total) {
+        if (!s || s === "*") {
+            return { offset: -1, size: NaN };
+        }
+        let n = 0;
+        if (s.endsWith("%")) {
+            s = s.substr(0, s.length - 1);
+            n = parseFloat(s);
+            return { offset: -1, size: total * n / 100 };
+        }
+        return { offset: -1, size: parseFloat(s) };
+    }
+    assignOffsets(a, end) {
+        let start = 0;
+        let fill = null;
+        for (const item of a) {
+            item.offset = start;
+            if (isNaN(item.size)) {
+                fill = item;
+                break;
+            }
+            start += item.size;
+        }
+        if (!fill) {
+            return;
+        }
+        const lastStart = start;
+        start = end;
+        const r = a.map((x) => x).reverse();
+        for (const item of r) {
+            if (isNaN(item.size)) {
+                if (fill !== item) {
+                    throw new Error("Multiple * cannot be defined");
+                }
+                break;
+            }
+            start -= item.size;
+            item.offset = start;
+        }
+        fill.offset = lastStart;
+        fill.size = start - lastStart;
+    }
+}
+exports.AtomGridView = AtomGridView;
+//# sourceMappingURL=AtomGridView.js.map

package/dist-esm/web/controls/AtomGridView.js.map

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

package/dist-esm/web/controls/AtomItemsControl.d.ts

@@ -0,0 +1,84 @@
+import "../../core/AtomList";
+import { IClassOf } from "../../core/types.js";
+import XNode from "../../core/XNode.js";
+import { AtomControl } from "./AtomControl.js";
+export declare class AtomItemsControl extends AtomControl {
+    /** Item Template for displaying individual items */
+    static itemTemplate: (attributes: Partial<unknown>, ...nodes: XNode[]) => XNode;
+    mAllowSelectFirst: boolean;
+    allowMultipleSelection: boolean;
+    valuePath: string;
+    labelPath: string;
+    itemTemplate: IClassOf<AtomControl>;
+    version: number;
+    autoScrollToSelection: any;
+    sort: string | ((a: any, b: any) => number);
+    valueSeparator: string;
+    uiVirtualize: any;
+    private mValue;
+    private mSelectedItems;
+    private mSelectedItemsWatcher;
+    private itemsInvalidated;
+    private mFilter;
+    private mSelectAll;
+    private mItemsPresenter;
+    private mFirstChild;
+    private mLastChild;
+    private mScrollerSetup;
+    private mScopes;
+    private mVirtualContainer;
+    private mChildItemType;
+    private scrollTimeout;
+    private mTraining;
+    private mAvgHeight;
+    private mAvgWidth;
+    private mAllRows;
+    private mColumns;
+    private mVisibleRows;
+    private mVisibleHeight;
+    private mReady;
+    private mIsChanging;
+    private mOnUIChanged;
+    private lastScrollTop;
+    private mPromises;
+    private mItems;
+    private mItemsDisposable;
+    private isUpdating;
+    get itemsPresenter(): HTMLElement;
+    set itemsPresenter(v: HTMLElement);
+    get value(): any;
+    set value(v: any);
+    get items(): any[];
+    set items(v: any[]);
+    get selectedItem(): any;
+    set selectedItem(value: any);
+    get selectedItems(): any[];
+    set selectedItems(v: any[]);
+    get selectedIndex(): number;
+    set selectedIndex(n: number);
+    hasProperty(name: string): boolean;
+    dispose(e?: HTMLElement): void;
+    onPropertyChanged(name: string): void;
+    set selectAll(v: any);
+    resetVirtualContainer(): void;
+    postVirtualCollectionChanged(): void;
+    onVirtualCollectionChanged(): void;
+    isSelected(item: any): boolean;
+    bringIntoView(data: any): void;
+    bringSelectionIntoView(): void;
+    updateSelectionBindings(): void;
+    onSelectedItemsChanged(type: any, index: any, item: any): void;
+    hasItems(): boolean;
+    invalidateItems(): void;
+    onCollectionChanged(key: string, index: number, item: any): any;
+    protected preCreate(): void;
+    protected onCollectionChangedInternal(key: string, index: number, item: any): void;
+    set allowSelectFirst(b: any);
+    set filter(f: any);
+    protected onScroll(): void;
+    protected toggleSelection(data: any): void;
+    protected validateScroller(): void;
+    protected createChild(df: DocumentFragment, data: any): AtomControl;
+    protected disposeChildren(e: HTMLElement): void;
+}
+//# sourceMappingURL=AtomItemsControl.d.ts.map

package/dist-esm/web/controls/AtomItemsControl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AtomItemsControl.d.ts","sourceRoot":"","sources":["../../../src/web/controls/AtomItemsControl.ts"],"names":[],"mappings":"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"}