@omegagrid/grid 0.10.2 → 0.10.5

package/dist/ui/grid.menu.js

@@ -0,0 +1,168 @@
+import { RowModel } from "@omegagrid/grid-core";
+import { msg } from "@omegagrid/localize";
+import { GridEvent } from "./grid.events";
+import { html } from "lit";
+export class GridMenuEvent extends GridEvent {
+    constructor(type, args) {
+        super(`menu.${type}`, args);
+    }
+}
+export class GridMenus {
+    get model() { return this.grid.model; }
+    get selection() { return this.grid.selection; }
+    get selector() { return this.grid.selector; }
+    get events() { return this.grid.events; }
+    get table() { return this.grid.table; }
+    get contextMenu() { return this.grid.contextMenu; }
+    constructor(grid) {
+        this.grid = grid;
+        this._onContextMenuClick = (e) => {
+            const grid = this.grid;
+            switch (this.currentMenuItems[e.index].key) {
+                case 'insertColumn':
+                    grid.editing.insertColumns({ index: this.currentColumn.index, count: 1 });
+                    break;
+                case 'insertColumnAfter':
+                    grid.editing.insertColumns({ index: this.currentColumn.index, count: 1, after: true });
+                    break;
+                case 'deleteColumn':
+                    grid.editing.deleteColumns({ index: this.currentColumn.index, count: 1 });
+                    break;
+                case 'insertRow':
+                    grid.editing.insertRows({ index: this.currentRow.index, count: 1 });
+                    break;
+                case 'insertRowAfter':
+                    grid.editing.insertRows({ index: this.currentRow.index, count: 1, after: true });
+                    break;
+                case 'deleteRow':
+                    grid.editing.deleteRows({ index: this.currentRow.index, count: 1 });
+                    break;
+                case 'comment':
+                    this.grid.editing.openComments(this.currentCell);
+                    break;
+            }
+            this.grid.dispatchEvent(new GridMenuEvent('click', {
+                grid: this.grid,
+                cell: this.currentCell,
+                row: this.currentRow,
+                column: this.currentColumn,
+                item: this.currentMenuItems[e.index]
+            }));
+        };
+        this._onOutlineLevelChange = (e, element) => {
+            const level = e.target.value;
+            if (element instanceof RowModel) {
+                this.model.getRowIterator(this.grid.selection.range).forEach(row => row.level = level);
+                this.model.rebuildRowTree();
+            }
+            else {
+                this.model.getColumnIterator(this.grid.selection.range).forEach(col => col.level = level);
+                this.model.rebuildColumnTree();
+            }
+            this.grid.rendering.render(true);
+        };
+        this.renderOutlineMenuItem = (element) => {
+            return html `
+			<div
+				style="display: flex; flex-direction: row; align-items: center;"
+				@mousedown="${(e) => e.stopPropagation()}"
+				@mouseup="${(e) => e.stopPropagation()}">
+				<og-numericinput buttons
+					min="0"
+					max="9"
+					value="${element.level}"
+					style="margin-right: 2px; text-align: center"
+					@change="${(e) => this._onOutlineLevelChange(e, element)}">
+				</og-numericinput>
+			</div>
+		`;
+        };
+    }
+    init() {
+        this.contextMenu.addEventListener('select', this._onContextMenuClick);
+    }
+    openMenu(position) {
+        if (this.currentMenuItems.length > 0) {
+            this.contextMenu.items = this.currentMenuItems;
+            this.contextMenu.openAt(position.x, position.y);
+        }
+    }
+    openColumnMenu(column, position) {
+        const opts = this.grid.options;
+        const customMenu = opts.menus?.column;
+        let items = [];
+        this.currentColumn = column;
+        if (!customMenu?.replace) {
+            if (opts.editable && opts.editing.colInsertion) {
+                items.push({ key: 'insertColumn', value: 'Insert column', icon: 'plus' });
+                items.push({ key: 'insertColumnAfter', value: 'Insert column (after)', icon: 'plus' });
+            }
+            if (opts.editable && opts.editing.colDeletion) {
+                items.push({ key: 'deleteColumn', value: 'Delete column', icon: 'minus' });
+            }
+            if (opts.editable && opts.editing.colOutline) {
+                items.push({ key: 'colLevel', icon: 'list-tree', renderer: () => this.renderOutlineMenuItem(column) });
+            }
+        }
+        if (customMenu) {
+            if (items.length > 0)
+                items[items.length - 1].divider = true;
+            items = [
+                ...items,
+                ...customMenu.items.filter(item => !item.hidden || !item.hidden(column))
+            ];
+        }
+        this.currentMenuItems = items;
+        this.openMenu(position);
+    }
+    openRowMenu(row, position) {
+        const opts = this.grid.options;
+        const customMenu = opts.menus?.row;
+        let items = [];
+        this.currentRow = row;
+        if (!customMenu?.replace) {
+            if (opts.editable && opts.editing.rowInsertion) {
+                items.push({ key: 'insertRow', value: 'Insert row', icon: 'plus' });
+                items.push({ key: 'insertRowAfter', value: 'Insert row (after)', icon: 'plus' });
+            }
+            if (opts.editable && opts.editing.rowDeletion) {
+                items.push({ key: 'deleteRow', value: 'Delete row', icon: 'minus' });
+            }
+            if (opts.editable && opts.editing.rowOutline) {
+                items.push({ key: 'rowLevel', icon: 'list-tree', renderer: () => this.renderOutlineMenuItem(row) });
+            }
+        }
+        if (customMenu) {
+            if (items.length > 0)
+                items[items.length - 1].divider = true;
+            items = [
+                ...items,
+                ...customMenu.items.filter(item => !item.hidden || !item.hidden(row))
+            ];
+        }
+        this.currentMenuItems = items;
+        this.openMenu(position);
+    }
+    openCellMenu(cell, position) {
+        const opts = this.grid.options;
+        const customMenu = opts.menus?.cell;
+        let items = [];
+        this.currentCell = cell;
+        if (!customMenu?.replace) {
+            if (cell.commentable) {
+                items.push({ key: 'comment', value: msg('Comment'), icon: 'comment' });
+            }
+        }
+        if (customMenu) {
+            if (items.length > 0)
+                items[items.length - 1].divider = true;
+            items = [
+                ...items,
+                ...customMenu.items.filter(item => !item.hidden || !item.hidden(cell))
+            ];
+        }
+        this.currentMenuItems = items;
+        this.openMenu(position);
+    }
+}
+//# sourceMappingURL=grid.menu.js.map

package/dist/ui/grid.menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.menu.js","sourceRoot":"","sources":["../../src/ui/grid.menu.ts"],"names":[],"mappings":"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","sourcesContent":["import { ListSelectEvent, MenuItem, NumericInput } from \"@omegagrid/core\";\nimport { CellModel, ColumnModel, RowModel } from \"@omegagrid/grid-core\";\nimport { Grid } from \"./grid\";\nimport { msg } from \"@omegagrid/localize\";\nimport { GridEvent } from \"./grid.events\";\nimport { html } from \"lit\";\n\nexport class GridMenuEvent extends GridEvent {\n\n\treadonly item: MenuItem;\n\n\tconstructor(type: string, args?: Partial<GridMenuEvent>) {\n\t\tsuper(`menu.${type}`, args);\n\t}\n\n}\n\nexport class GridMenus {\n\n\tget model() { return this.grid.model }\n\tget selection() { return this.grid.selection }\n\tget selector() { return this.grid.selector }\n\tget events() { return this.grid.events }\n\tget table() { return this.grid.table }\n\tget contextMenu() { return this.grid.contextMenu }\n\n\tprivate currentMenuItems: MenuItem[];\n\tprivate currentColumn: ColumnModel;\n\tprivate currentRow: RowModel;\n\tprivate currentCell: CellModel;\n\n\tconstructor(readonly grid: Grid) { }\n\n\t_onContextMenuClick = (e: ListSelectEvent) => {\n\t\tconst grid = this.grid;\n\t\tswitch (this.currentMenuItems[e.index].key) {\n\t\t\tcase 'insertColumn':\n\t\t\t\tgrid.editing.insertColumns({index: this.currentColumn.index, count: 1});\n\t\t\t\tbreak;\n\t\t\tcase 'insertColumnAfter':\n\t\t\t\tgrid.editing.insertColumns({index: this.currentColumn.index, count: 1, after: true});\n\t\t\t\tbreak;\n\t\t\tcase 'deleteColumn':\n\t\t\t\tgrid.editing.deleteColumns({index: this.currentColumn.index, count: 1});\n\t\t\t\tbreak;\n\t\t\tcase 'insertRow':\n\t\t\t\tgrid.editing.insertRows({index: this.currentRow.index, count: 1});\n\t\t\t\tbreak;\n\t\t\tcase 'insertRowAfter':\n\t\t\t\tgrid.editing.insertRows({index: this.currentRow.index, count: 1, after: true});\n\t\t\t\tbreak;\n\t\t\tcase 'deleteRow':\n\t\t\t\tgrid.editing.deleteRows({index: this.currentRow.index, count: 1});\n\t\t\t\tbreak;\n\t\t\tcase 'comment':\n\t\t\t\tthis.grid.editing.openComments(this.currentCell);\n\t\t\t\tbreak;\n\t\t}\n\n\t\tthis.grid.dispatchEvent(new GridMenuEvent('click', {\n\t\t\tgrid: this.grid,\n\t\t\tcell: this.currentCell,\n\t\t\trow: this.currentRow,\n\t\t\tcolumn: this.currentColumn,\n\t\t\titem: this.currentMenuItems[e.index]\n\t\t}));\n\t}\n\n\tinit() {\n\t\tthis.contextMenu.addEventListener('select', this._onContextMenuClick);\n\t}\n\n\t_onOutlineLevelChange = (e: Event, element: RowModel|ColumnModel) => {\n\t\tconst level = (e.target as NumericInput).value;\n\n\t\tif (element instanceof RowModel) {\n\t\t\tthis.model.getRowIterator(this.grid.selection.range).forEach(row => row.level = level);\n\t\t\tthis.model.rebuildRowTree();\n\t\t} else {\n\t\t\tthis.model.getColumnIterator(this.grid.selection.range).forEach(col => col.level = level);\n\t\t\tthis.model.rebuildColumnTree();\n\t\t}\n\t\t\n\t\tthis.grid.rendering.render(true);\n\t}\n\n\trenderOutlineMenuItem = (element: RowModel|ColumnModel) => {\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tstyle=\"display: flex; flex-direction: row; align-items: center;\"\n\t\t\t\t@mousedown=\"${(e: Event) => e.stopPropagation()}\"\n\t\t\t\t@mouseup=\"${(e: Event) => e.stopPropagation()}\">\n\t\t\t\t<og-numericinput buttons\n\t\t\t\t\tmin=\"0\"\n\t\t\t\t\tmax=\"9\"\n\t\t\t\t\tvalue=\"${element.level}\"\n\t\t\t\t\tstyle=\"margin-right: 2px; text-align: center\"\n\t\t\t\t\t@change=\"${(e: Event) => this._onOutlineLevelChange(e, element)}\">\n\t\t\t\t</og-numericinput>\n\t\t\t</div>\n\t\t`;\n\t}\n\n\topenMenu(position: {x: number, y: number}) {\n\t\tif (this.currentMenuItems.length > 0) {\n\t\t\tthis.contextMenu.items = this.currentMenuItems;\n\t\t\tthis.contextMenu.openAt(position.x, position.y);\n\t\t}\n\t}\n\n\topenColumnMenu(column: ColumnModel, position: {x: number, y: number}) {\n\t\tconst opts = this.grid.options;\n\t\tconst customMenu = opts.menus?.column;\n\t\tlet items: MenuItem[] = [];\n\n\t\tthis.currentColumn = column;\n\n\t\tif (!customMenu?.replace) {\n\t\t\tif (opts.editable && opts.editing.colInsertion) {\n\t\t\t\titems.push({key: 'insertColumn', value: 'Insert column', icon: 'plus'});\n\t\t\t\titems.push({key: 'insertColumnAfter', value: 'Insert column (after)', icon: 'plus'});\n\t\t\t}\n\t\t\t\n\t\t\tif (opts.editable && opts.editing.colDeletion) {\n\t\t\t\titems.push({key: 'deleteColumn', value: 'Delete column', icon: 'minus'});\n\t\t\t}\n\n\t\t\tif (opts.editable && opts.editing.colOutline) {\n\t\t\t\titems.push({key: 'colLevel', icon: 'list-tree', renderer: () => this.renderOutlineMenuItem(column)});\n\t\t\t}\n\t\t}\n\n\t\tif (customMenu) {\n\t\t\tif (items.length > 0) items[items.length - 1].divider = true;\n\t\t\titems = [\n\t\t\t\t...items,\n\t\t\t\t...customMenu.items.filter(item => !item.hidden || !item.hidden(column))\n\t\t\t];\n\t\t}\n\n\t\tthis.currentMenuItems = items;\n\t\tthis.openMenu(position);\n\t}\n\n\topenRowMenu(row: RowModel, position: {x: number, y: number}) {\n\t\tconst opts = this.grid.options;\n\t\tconst customMenu = opts.menus?.row;\n\t\tlet items: MenuItem[] = [];\n\n\t\tthis.currentRow = row;\n\t\t\n\t\tif (!customMenu?.replace) {\n\t\t\tif (opts.editable && opts.editing.rowInsertion) {\n\t\t\t\titems.push({key: 'insertRow', value: 'Insert row', icon: 'plus'});\n\t\t\t\titems.push({key: 'insertRowAfter', value: 'Insert row (after)', icon: 'plus'});\n\t\t\t}\n\t\t\t\n\t\t\tif (opts.editable && opts.editing.rowDeletion) {\n\t\t\t\titems.push({key: 'deleteRow', value: 'Delete row', icon: 'minus'});\n\t\t\t}\n\n\t\t\tif (opts.editable && opts.editing.rowOutline) {\n\t\t\t\titems.push({key: 'rowLevel', icon: 'list-tree', renderer: () => this.renderOutlineMenuItem(row)});\n\t\t\t}\n\t\t}\n\n\t\tif (customMenu) {\n\t\t\tif (items.length > 0) items[items.length - 1].divider = true;\n\t\t\titems = [\n\t\t\t\t...items,\n\t\t\t\t...customMenu.items.filter(item => !item.hidden || !item.hidden(row))\n\t\t\t];\n\t\t}\n\n\t\tthis.currentMenuItems = items;\n\t\tthis.openMenu(position);\n\t}\n\n\topenCellMenu(cell: CellModel, position: {x: number, y: number}) {\n\t\tconst opts = this.grid.options;\n\t\tconst customMenu = opts.menus?.cell;\n\t\tlet items: MenuItem[] = [];\n\n\t\tthis.currentCell = cell;\n\n\t\tif (!customMenu?.replace) {\n\t\t\tif (cell.commentable) {\n\t\t\t\titems.push({key: 'comment', value: msg('Comment'), icon: 'comment'});\n\t\t\t}\n\t\t}\n\t\t\n\t\tif (customMenu) {\n\t\t\tif (items.length > 0) items[items.length - 1].divider = true;\n\t\t\titems = [\n\t\t\t\t...items,\n\t\t\t\t...customMenu.items.filter(item => !item.hidden || !item.hidden(cell))\n\t\t\t];\n\t\t}\n\n\t\tthis.currentMenuItems = items;\n\t\tthis.openMenu(position);\n\t}\n\n}"]}

package/dist/ui/grid.objects.d.ts

@@ -0,0 +1,24 @@
+import { ComponentFactory } from "@omegagrid/core";
+import { Grid } from "./grid";
+import { ObjectHost } from "./objectHost";
+import { ObjectModel } from "@omegagrid/grid-core";
+export type CreateObjectOptions = {
+    model: ObjectModel;
+    createComponent: ComponentFactory;
+};
+export declare class GridObjects {
+    readonly grid: Grid;
+    get model(): import("@omegagrid/grid-core").GridModel;
+    private _maxZIndex;
+    private _hosts;
+    get hosts(): Set<ObjectHost>;
+    private _activeObject;
+    get activeObject(): ObjectHost;
+    constructor(grid: Grid);
+    bringToFront(host: ObjectHost): void;
+    _onHostMouseDown: (host: ObjectHost, e: MouseEvent) => void;
+    add(options: CreateObjectOptions): ObjectHost;
+    delete(_host?: ObjectHost): void;
+    updatePostions(): void;
+}
+//# sourceMappingURL=grid.objects.d.ts.map

package/dist/ui/grid.objects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.objects.d.ts","sourceRoot":"","sources":["../../src/ui/grid.objects.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAO,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAe,UAAU,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,WAAW,CAAC;IACnB,eAAe,EAAE,gBAAgB,CAAC;CAClC,CAAA;AAID,qBAAa,WAAW;IAUX,QAAQ,CAAC,IAAI,EAAE,IAAI;IAR/B,IAAI,KAAK,6CAA6B;IAEtC,OAAO,CAAC,UAAU,CAAmB;IACrC,OAAO,CAAC,MAAM,CAAyB;IACvC,IAAI,KAAK,oBAAyB;IAClC,OAAO,CAAC,aAAa,CAAa;IAClC,IAAI,YAAY,eAAgC;gBAE3B,IAAI,EAAE,IAAI;IAM/B,YAAY,CAAC,IAAI,EAAE,UAAU;IAQ7B,gBAAgB,GAAI,MAAM,UAAU,EAAE,GAAG,UAAU,UAkBlD;IAED,GAAG,CAAC,OAAO,EAAE,mBAAmB;IAehC,MAAM,CAAC,KAAK,CAAC,EAAE,UAAU;IAKzB,cAAc;CAId"}

package/dist/ui/grid.objects.js

@@ -0,0 +1,69 @@
+import { dom } from "@omegagrid/core";
+import { ObjectEvent } from "./objectHost";
+const MIN_Z_INDEX = 1000;
+export class GridObjects {
+    get model() { return this.grid.model; }
+    get hosts() { return this._hosts; }
+    get activeObject() { return this._activeObject; }
+    constructor(grid) {
+        this.grid = grid;
+        this._maxZIndex = MIN_Z_INDEX - 1;
+        this._hosts = new Set();
+        this._onHostMouseDown = (host, e) => {
+            if (host.active)
+                return e.stopImmediatePropagation();
+            this.hosts.forEach((_, h) => {
+                if (h == host) {
+                    h.active = true;
+                    this._activeObject = h;
+                    this.bringToFront(h);
+                    setTimeout(() => document.addEventListener('mousedown', () => {
+                        if (!host.active)
+                            return;
+                        host.active = false;
+                        host.dispatchEvent(new ObjectEvent('deactivate', { host: host, object: host.model, grid: this.grid }));
+                    }, { once: true }), 100);
+                }
+                else if (h.active) {
+                    h.active = false;
+                    h.dispatchEvent(new ObjectEvent('deactivate', { host: h, object: h.model, grid: this.grid }));
+                }
+            });
+            host.dispatchEvent(new ObjectEvent('activate', { host: host, object: host.model, grid: this.grid }));
+        };
+        grid.addEventListener('grid.object.deactivate', (e) => {
+            if (e.host == this._activeObject)
+                this._activeObject = null;
+        });
+    }
+    bringToFront(host) {
+        const zIndex = host.model.zIndex;
+        if (zIndex == this._maxZIndex)
+            return;
+        this._maxZIndex++;
+        this.hosts.add(host);
+        dom.setZIndex(host, this._maxZIndex);
+    }
+    add(options) {
+        const host = dom.createElement('og-object-host');
+        host.grid = this.grid;
+        host.model = options.model;
+        host.createComponent = options.createComponent;
+        host.addEventListener('mousedown', (e) => this._onHostMouseDown(host, e));
+        const zIndex = options.model.zIndex || (this._maxZIndex + 1);
+        this._maxZIndex = Math.max(this._maxZIndex, zIndex);
+        dom.setZIndex(host, zIndex);
+        this.hosts.add(host);
+        host.updatePosition();
+        this.grid.shadowRoot.appendChild(host);
+        return host;
+    }
+    delete(_host) {
+        // host = host || this.activeObject;
+        // console.log('delete', host);
+    }
+    updatePostions() {
+        this.hosts.forEach((_, host) => host.updatePosition());
+    }
+}
+//# sourceMappingURL=grid.objects.js.map

package/dist/ui/grid.objects.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.objects.js","sourceRoot":"","sources":["../../src/ui/grid.objects.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentFactory, dom } from \"@omegagrid/core\";\nimport { Grid } from \"./grid\";\nimport { ObjectEvent, ObjectHost } from \"./objectHost\";\nimport { ObjectModel } from \"@omegagrid/grid-core\";\n\nexport type CreateObjectOptions = {\n\tmodel: ObjectModel;\n\tcreateComponent: ComponentFactory;\n}\n\nconst MIN_Z_INDEX = 1000;\n\nexport class GridObjects {\n\n\tget model() { return this.grid.model }\n\n\tprivate _maxZIndex = MIN_Z_INDEX - 1;\n\tprivate _hosts = new Set<ObjectHost>();\n\tget hosts() { return this._hosts }\n\tprivate _activeObject: ObjectHost;\n\tget activeObject() { return this._activeObject }\n\n\tconstructor(readonly grid: Grid) {\n\t\tgrid.addEventListener('grid.object.deactivate', (e: ObjectEvent) => {\n\t\t\tif (e.host == this._activeObject) this._activeObject = null;\n\t\t});\n\t}\n\n\tbringToFront(host: ObjectHost) {\n\t\tconst zIndex = host.model.zIndex;\n\t\tif (zIndex == this._maxZIndex) return;\n\t\tthis._maxZIndex++;\n\t\tthis.hosts.add(host);\n\t\tdom.setZIndex(host, this._maxZIndex);\n\t}\n\n\t_onHostMouseDown = (host: ObjectHost, e: MouseEvent) => {\n\t\tif (host.active) return e.stopImmediatePropagation();\n\t\tthis.hosts.forEach((_, h) => {\n\t\t\tif (h == host) {\n\t\t\t\th.active = true;\n\t\t\t\tthis._activeObject = h;\n\t\t\t\tthis.bringToFront(h);\n\t\t\t\tsetTimeout(() => document.addEventListener('mousedown', () => {\n\t\t\t\t\tif (!host.active) return;\n\t\t\t\t\thost.active = false;\n\t\t\t\t\thost.dispatchEvent(new ObjectEvent('deactivate', {host: host, object: host.model, grid: this.grid}));\n\t\t\t\t}, {once: true}), 100);\n\t\t\t} else if (h.active) {\n\t\t\t\th.active = false;\n\t\t\t\th.dispatchEvent(new ObjectEvent('deactivate', {host: h, object: h.model, grid: this.grid}));\n\t\t\t}\n\t\t});\n\t\thost.dispatchEvent(new ObjectEvent('activate', {host: host, object: host.model, grid: this.grid}));\n\t}\n\n\tadd(options: CreateObjectOptions) {\n\t\tconst host = dom.createElement<ObjectHost>('og-object-host');\n\t\thost.grid = this.grid;\n\t\thost.model = options.model;\n\t\thost.createComponent = options.createComponent;\n\t\thost.addEventListener('mousedown', (e: MouseEvent) => this._onHostMouseDown(host, e));\n\t\tconst zIndex = options.model.zIndex || (this._maxZIndex + 1);\n\t\tthis._maxZIndex = Math.max(this._maxZIndex, zIndex);\n\t\tdom.setZIndex(host, zIndex);\n\t\tthis.hosts.add(host);\n\t\thost.updatePosition();\n\t\tthis.grid.shadowRoot.appendChild(host);\n\t\treturn host;\n\t}\n\n\tdelete(_host?: ObjectHost) {\n\t\t// host = host || this.activeObject;\n\t\t// console.log('delete', host);\n\t}\n\n\tupdatePostions() {\n\t\tthis.hosts.forEach((_, host) => host.updatePosition());\n\t}\n\n}"]}

package/dist/ui/grid.rendering.d.ts

@@ -0,0 +1,84 @@
+import { Direction } from "@omegagrid/core";
+import { CellModel, ColumnModel, RowModel, CellRange, RangeAddress } from "@omegagrid/grid-core";
+import { Grid } from "./grid";
+import { Table, TableRenderOptions } from "./table";
+import { RequestFilters } from "../gridAdapter";
+export type RefreshOptions = {
+    vertical?: boolean;
+    horizontal?: boolean;
+    rerenderTable?: boolean;
+};
+export declare class GridRendering {
+    readonly grid: Grid;
+    requireVerticalUpdate: boolean;
+    requireHorizontalUpdate: boolean;
+    touchStartX: Touch;
+    touchStartY: Touch;
+    resizing: boolean;
+    currentResizedColumn: ColumnModel;
+    currentResizedColumnWidth: number;
+    currentResizedRow: RowModel;
+    currentResizedRowHeight: number;
+    private _vScrolling;
+    get vScrolling(): boolean;
+    private _hScrolling;
+    get hScrolling(): boolean;
+    get model(): import("@omegagrid/grid-core").GridModel;
+    get selection(): import("@omegagrid/grid-core").SelectionModel;
+    get table(): Table;
+    constructor(grid: Grid);
+    readonly debounceRenderCells: {
+        (this: unknown, ...args: [update?: TableRenderOptions] & any[]): Promise<void>;
+        cancel: (reason?: any) => void;
+    };
+    readonly debounceCalculateViewport: {
+        (this: unknown, ...args: [recalculate?: boolean] & any[]): Promise<void>;
+        cancel: (reason?: any) => void;
+    };
+    isLastRowInViewport(): boolean;
+    renderCells(update?: TableRenderOptions): void;
+    renderAll(rerenderTable?: boolean): void;
+    render(rerenderTable?: boolean): Promise<void>;
+    updateRange(range: CellRange, recalculate?: boolean): void;
+    updateCell(cell: CellModel, recalculate?: boolean): void;
+    updateSpilledCells(cell: CellModel): void;
+    updateCells(cells: Iterable<CellModel>, recalculate?: boolean): void;
+    updateHeaders(): void;
+    calculateViewport(recalculate?: boolean): void;
+    updateSliders(): void;
+    isVerticalScrollingEnabled(): boolean;
+    isHorizontalScrollingEnabled(): boolean;
+    updateSliderVisibility(): void;
+    hideSliders(): void;
+    scrollVerticalByPixels(pixels: number): void;
+    scrollHorizontalByPixels(pixels: number): void;
+    updateCellSelectionRange(): void;
+    getAdapterRequestFilters(): RequestFilters;
+    toggleRow(index: number, dispatchEvent?: boolean): Promise<void>;
+    toggleColumn(index: number, dispatchEvent?: boolean): void;
+    setRowExpandLevel(level: number): void;
+    setColumnExpandLevel(level: number): void;
+    exportHTML(): Promise<string>;
+    autoscrollDirection: Direction;
+    autoscrollTimer: number;
+    autoscrollValue: number;
+    stopAutoscroll(): void;
+    startAutoscroll(): void;
+    autoscroll(moousePosition: {
+        x: number;
+        y: number;
+    }): void;
+    load(requestFilters?: RequestFilters): Promise<void>;
+    loadNextPage(parentIndex?: number, forceLoad?: boolean): Promise<void>;
+    get totalSize(): {
+        width: number;
+        height: number;
+    };
+    private autofitDiv;
+    autofitColumn(c: number | ColumnModel, visibleValuesOnly?: boolean, rerender?: boolean): void;
+    autofitColumns(visibleValuesOnly?: boolean): void;
+    autofitRow(r: number | RowModel, visibleValuesOnly?: boolean, rerender?: boolean): void;
+    autofitRows(visibleValuesOnly?: boolean): void;
+    scrollTo(r: number | RangeAddress, c?: number): void;
+}
+//# sourceMappingURL=grid.rendering.d.ts.map

package/dist/ui/grid.rendering.d.ts.map

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