@omegagrid/tree 0.10.2 → 0.10.4

package/dist/ui/tree.js

@@ -0,0 +1,482 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { dom, log, ListSelectTrigger, Expander } from '@omegagrid/core';
+import { initOptions } from '../options';
+import { TreeModel } from '../model/treeModel';
+import { LitElement, html } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { style, itemStyle } from "./tree.style";
+import { createItemRenderer } from './tree.renderer';
+import { TreeSelectionModel } from '../model/selectionModel';
+import constants from '../constants';
+import { NodeModel } from '../model/nodeModel';
+import { FilterModel } from '../model/filterModel';
+import { styleMap } from 'lit-html/directives/style-map.js';
+import { SelectMode } from '../types';
+import { join } from 'lit/directives/join.js';
+export class TreeEvent extends Event {
+    constructor(type, args) {
+        super(type, { bubbles: false, cancelable: true, composed: false });
+        Object.assign(this, args);
+    }
+}
+export class TreePointerEvent extends PointerEvent {
+    constructor(type, e, args) {
+        super(`tree.${type}`, e);
+        Object.assign(this, args);
+    }
+}
+export class TreeDropEvent extends DragEvent {
+    constructor(type, e, args) {
+        super(`tree.${type}`, e);
+        Object.assign(this, args);
+    }
+}
+let Tree = class Tree extends LitElement {
+    get size() {
+        return this.model?.visibleNodes.length ?? 0;
+    }
+    get hasGlobalLevels() {
+        return (this.options.selectMode == SelectMode.Multiple || this.options.selectMode == SelectMode.MultipleLevels)
+            && this.options.globalLevels && this.model.maxLevel > 0;
+    }
+    constructor() {
+        super();
+        this.options = initOptions();
+        this.selection = new TreeSelectionModel(this.options);
+        this.logger = new log.Logger('Ωtree');
+        this.maxHeight = null;
+        this.itemHeight = constants.LIST_ITEM_HEIGHT;
+        this.disableAutoload = false;
+        this.loading = false;
+        this.noMatches = false;
+        this.awaitFilter = false;
+        this.currentFilter = '';
+        this.loadingNodes = new Set();
+        this._onDragover = (e) => {
+            if (!this.options.fileDrop)
+                return;
+            e.preventDefault();
+            e.stopPropagation();
+            if (e.dataTransfer.types[0] == 'Files') {
+                e.dataTransfer.dropEffect = 'move';
+                const item = e.composedPath().find((elm) => elm.classList && elm.classList.contains('item'));
+                this._onDragLeave();
+                if (item)
+                    item.classList.add('drag');
+                this._lastDragItem = item;
+            }
+        };
+        this._onDrop = (e) => {
+            e.preventDefault();
+            this._onDragLeave();
+            const item = e.composedPath().find((elm) => elm.classList && elm.classList.contains('item'));
+            const node = this.model.nodes[parseInt(item.dataset.node)];
+            this.dispatchEvent(new TreeDropEvent('drop', e, { tree: this, node: node }));
+        };
+        this._onDragLeave = () => {
+            if (this._lastDragItem)
+                this._lastDragItem.classList.remove('drag');
+            this._lastDragItem = null;
+        };
+        this.keyActions = {
+            'ArrowRight': () => {
+                const node = this.model.visibleNodes[this.list.selectedIndex];
+                if (node.collapsed) {
+                    this.toggleNodeCollapse(node);
+                    this.model.indexVisibleNodes();
+                    this.list.size = this.size;
+                }
+            },
+            'ArrowLeft': () => {
+                const node = this.model.visibleNodes[this.list.selectedIndex];
+                if (!node.collapsed) {
+                    this.toggleNodeCollapse(node);
+                    this.model.indexVisibleNodes();
+                    this.list.size = this.size;
+                }
+            }
+        };
+        this._onGlobalLevelSelect = async (e) => {
+            this.toggleNode(this.model.root, e.level, true);
+            this.globalTreeLevels.requestUpdate();
+            this.requestUpdate();
+            await this.list.updateComplete;
+            this.list.renderItems(true);
+        };
+        this._onSearch = () => {
+            this.list.size = this.size;
+            this.list.select(0);
+            this.renderItems(true);
+            this.noMatches = this.size == 0;
+        };
+        this._onListRender = () => {
+            if (this.awaitFilter) {
+                this.filter(this.currentFilter);
+                this.awaitFilter = null;
+            }
+        };
+        this._onListMenu = (e) => {
+            this.dispatchEvent(new TreePointerEvent('menu', e, {
+                tree: this,
+                node: this.model.visibleNodes[e.index]
+            }));
+        };
+        this.addEventListener('dragover', this._onDragover);
+        this.addEventListener('dragleave', this._onDragLeave);
+        this.addEventListener('drop', this._onDrop);
+    }
+    destroy() {
+        this.logger.info('destroy');
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.logger.info('init');
+        this.tabIndex = 0;
+    }
+    setSourceData(sourceData, options = null) {
+        Object.assign(this.options, options ?? {});
+        this.model = new TreeModel(sourceData, this.options);
+        if (sourceData?.length > 0 && sourceData[0].s !== undefined) {
+            this.selection.setItems(sourceData.filter(i => i.s).map(i => [i.k, 0, 1]));
+        }
+        this.dispatchEvent(new TreeEvent('load', { component: this }));
+    }
+    setValue(values) {
+        this.selection.populate(values);
+    }
+    async loadData(params) {
+        this.loading = true;
+        if (this.list)
+            this.list.size = 0;
+        this.model = null;
+        params = params ?? {};
+        const [tree, options] = await Promise.all([this.adapter.getTree(params), this.adapter.getOptions()]);
+        this.setSourceData(tree, options);
+        if (options?.pageSize > 0) {
+            this.updateNodeLoadState(this.model.root, this.model.root.children.length);
+            this.model.indexVisibleNodes();
+        }
+        this.loading = false;
+        if (this.pendingHighlight) {
+            await this.updateComplete;
+            await this.highlightNode(this.pendingHighlight);
+            this.pendingHighlight = null;
+        }
+    }
+    async loadMore(parent) {
+        const offset = parent.children.length;
+        const sourceData = await this.adapter.getTree({ parent: parent, parentKey: parent.key, offset: offset });
+        const model = new TreeModel(sourceData, this.options);
+        parent.insertChildren(model.root.children, offset);
+        this.updateNodeLoadState(parent, model.root.children.length);
+        this.model.indexNodesByTree(true);
+        this.list.size = this.size;
+        this.list.requestUpdate();
+    }
+    async refresh() {
+        await this.loadData({ filter: this.currentFilter });
+    }
+    willUpdate(props) {
+        if (props.has('adapter') && this.adapter) {
+            this.model = null;
+            this.adapter.attach(this);
+            if (!this.disableAutoload)
+                this.loadData();
+        }
+        // if (props.has('value')) {
+        // 	this.setValue(this.value);
+        // }
+        this.model = this.model ?? new TreeModel([], null);
+        this.filtering = new FilterModel(this.model);
+        this.selection.model = this.model;
+        if (props.has('options')) {
+            this.options = initOptions(this.options);
+            this.model.options = this.options;
+            this.selection.options = this.options;
+        }
+    }
+    updated(changedProps) {
+        if (changedProps.has('model') && this.list) {
+            this.list.size = this.size;
+            this.noMatches = this.noMatches && this.size == 0;
+            this.list.requestUpdate();
+        }
+    }
+    async firstUpdated() {
+        if (this.value) {
+            this.selection.setItems(this.value ?? []);
+        }
+        this.list.itemRenderer = createItemRenderer(this);
+        dom.on(this.list, 'toggle', '.item', async (e, elm) => {
+            const node = this.model.nodes[parseInt(elm.dataset.node)];
+            this.toggleNodeCollapse(node);
+            this.model.indexVisibleNodes();
+            this.list.size = this.size;
+        });
+        dom.on(this.list, 'levelselect', '.item', (e, elm) => {
+            this.toggleNode(this.model.nodes[parseInt(elm.dataset.node)], e.level, true);
+        });
+        dom.on(this.list, 'contextmenu', '.item', (e, elm) => {
+            e.preventDefault();
+            const node = this.model.nodes[parseInt(elm.dataset.node)];
+            this.selection.select(node, 0, false);
+            this.list.renderItems(true);
+        });
+        this.list.addEventListener('select', (e) => {
+            e.stopPropagation();
+            if (e.trigger != ListSelectTrigger.Arrow && !(e.elm instanceof Expander)) {
+                const item = this.model.visibleNodes[e.index];
+                if (item instanceof NodeModel) {
+                    const node = item;
+                    if (node.checkbox ?? this.options.selectMode != SelectMode.None) {
+                        this.toggleNode(node, 0, true);
+                    }
+                    else {
+                        this.toggleNodeCollapse(node);
+                        this.model.indexVisibleNodes();
+                        this.list.size = this.size;
+                    }
+                    this.dispatchEvent(new TreeEvent('select', { component: this, node }));
+                }
+                else if (item) {
+                    const placeholder = item;
+                    if (placeholder.loading)
+                        return;
+                    placeholder.loading = true;
+                    placeholder.element.querySelector('og-icon').icon = 'hourglass-half';
+                    this.loadMore(placeholder.parent);
+                }
+            }
+        });
+        this.list.addEventListener('keydown', (e) => {
+            const action = this.keyActions[e.key];
+            if (action) {
+                action();
+            }
+            else if (!isNaN(parseInt(e.key))) {
+                const level = parseInt(e.key);
+                const node = this.model.visibleNodes[this.list.selectedIndex];
+                if (node.subLevels >= level) {
+                    this.toggleNode(node, level, true);
+                }
+            }
+        });
+    }
+    toggleNode(node, level, dispatchEvent = false) {
+        this.selection.toggle(node, level);
+        this.list.renderItems(true);
+        setTimeout(() => this.list.focus()); // TODO: list looses focus for unknown reason
+        if (dispatchEvent) {
+            this.dispatchEvent(new TreeEvent('change', { component: this, node }));
+        }
+    }
+    updateNodeLoadState(node, newNodeCount) {
+        if (this.options.pageSize > 0) {
+            if (newNodeCount < this.options.pageSize)
+                node.count = node.children.length;
+            else
+                node.count = node.children.length + 1;
+        }
+    }
+    async toggleNodeCollapse(node, dispatchEvent = true) {
+        node.toggleCollapse();
+        if (!node.isLoaded && !node.isPartialyLoaded && this.adapter && !this.loadingNodes.has(node.key)) {
+            this.loadingNodes.add(node.key);
+            this.list.requestUpdate();
+            const sourceData = await this.adapter.getTree({ parent: node, parentKey: node.key, offset: 0 });
+            const model = new TreeModel(sourceData, this.options);
+            node.insertChildren(model.root.children, 0);
+            this.updateNodeLoadState(node, node.children.length);
+            this.model.indexNodesByTree(true);
+            this.list.size = this.size;
+            this.list.requestUpdate();
+            this.loadingNodes.delete(node.key);
+            if (this.globalTreeLevels)
+                this.globalTreeLevels.count = this.model.maxLevel + 1;
+        }
+        if (dispatchEvent)
+            this.dispatchEvent(new TreeEvent('tree.collapse', { component: this, node }));
+    }
+    toggleTreeCollapse(node, dispatchEvent = true) {
+        if (this.model.nodes.length == 0)
+            return;
+        if (!node) {
+            node = this.model.root;
+            node.collapsed = this.model.nodes[0].collapsed;
+        }
+        node.toggleCollapse(true);
+        this.model.indexVisibleNodes();
+        this.list.size = this.size;
+        if (dispatchEvent)
+            this.dispatchEvent(new TreeEvent('tree.collapse', { component: this, node }));
+    }
+    get itemStyle() {
+        const customStyle = this.options?.customStyle;
+        return [itemStyle, ...(customStyle ? (Array.isArray(customStyle) ? customStyle : [customStyle]) : [])];
+    }
+    render() {
+        this.logger.info(`render ${this.model?.visibleNodes.length ?? 0}`);
+        const list = html `
+			<div class="main" style="${styleMap({ overflow: 'hidden', maxHeight: this.maxHeight ? dom.numToPixels(this.maxHeight) : null })}">
+				<og-list
+					size="${this.size}"
+					.customStyle=${this.itemStyle}
+					?nativeHeight="${!this.maxHeight}"
+					maxHeight="${this.maxHeight || null}"
+					@render="${this._onListRender}"
+					@list.menu="${this._onListMenu}">
+				</og-list>
+			</div>
+		`;
+        const loader = this.loading ? html `
+			<div style="padding: 10px; text-align: center">
+				<og-loader></og-loader>
+			</div>
+		` : null;
+        const search = this.options.search ? html `
+			<div class="toolbar toolbar-search">
+				<og-tree-search
+					.tree="${this}"
+					@search="${this._onSearch}">
+				</og-tree-search>
+			</div>
+		` : null;
+        const alert = this.noMatches ? html `
+			<og-alert text="No matches" type="warning"></og-alert>
+		` : null;
+        const levels = this.hasGlobalLevels && !this.noMatches ? html `
+			<div class="toolbar toolbar-levels">
+				<og-tree-levels
+					id="globalLevels"
+					.count="${(this.options.maxLevel ?? this.model.maxLevel) + 1}"
+					.selection="${this.selection.getLevelSelection(this.model.root)}"
+					@levelselect="${this._onGlobalLevelSelect}">
+				</og-tree-levels>
+			</div>
+		` : null;
+        return join([search, alert, levels, loader, list], () => ' ');
+    }
+    async highlightNode(key) {
+        const node = this.model?.nodeMap.get(key);
+        if (!node) {
+            this.pendingHighlight = key;
+            return;
+        }
+        node.walkUp((n) => n.expand(true));
+        this.model.indexVisibleNodes();
+        this.list.selectedIndex = node.visibleIndex;
+        this.list.requestUpdate();
+        await this.list.updateComplete;
+        const index = Math.max(0, node.visibleIndex - constants.MAX_HIGHLIGHT_ITEM_OFFSET);
+        this.list.scrollToIndex(index);
+    }
+    highlightFirstSelectedNode() {
+        if (!this.list)
+            return; // TODO - fix this
+        if (!this.selection?.count)
+            return;
+        const key = this.selection.items.keys().next().value;
+        const node = this.model.nodeMap.get(key);
+        if (!node || node.visibleIndex == null) {
+            this.list.selectedIndex = -1;
+            return;
+        }
+        this.list.selectedIndex = node.visibleIndex;
+        this.list.scrollToIndex(node.index);
+    }
+    renderItems(all = false) {
+        if (this.list) {
+            this.list.size = this.size;
+            this.list.renderItems(all);
+        }
+    }
+    clearSelection() {
+        this.selection.clear();
+        this.requestUpdate();
+    }
+    async filter(term) {
+        term = (term ?? '').trim();
+        if (term === this.currentFilter)
+            return;
+        this.currentFilter = term;
+        if (this.loading || !this.firstUpdated) {
+            this.awaitFilter = true;
+            return;
+        }
+        if (this.options.customSearch && this.adapter) {
+            await this.loadData({ filter: term });
+            return;
+        }
+        if (term == null) {
+            this.filtering?.clear();
+            this.noMatches = false;
+        }
+        else {
+            this.filtering?.filter(term);
+            this.noMatches = this.size == 0;
+        }
+        this.list.size = this.size;
+        this.list.select(0);
+        this.list.requestUpdate();
+    }
+    async clearFilter() {
+        if (this.searchBar?.searchInput)
+            this.searchBar.searchInput.value = '';
+        if (!this.firstUpdated)
+            return;
+        await this.filter();
+    }
+};
+Tree.styles = [style];
+__decorate([
+    property({ type: Object })
+], Tree.prototype, "model", void 0);
+__decorate([
+    property({ type: Object })
+], Tree.prototype, "adapter", void 0);
+__decorate([
+    property({ type: Object })
+], Tree.prototype, "options", void 0);
+__decorate([
+    property({ type: Object })
+], Tree.prototype, "selection", void 0);
+__decorate([
+    property({ type: Object })
+], Tree.prototype, "logger", void 0);
+__decorate([
+    property({ type: Number })
+], Tree.prototype, "maxHeight", void 0);
+__decorate([
+    property({ type: Number })
+], Tree.prototype, "itemHeight", void 0);
+__decorate([
+    property({ type: Array })
+], Tree.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean })
+], Tree.prototype, "disableAutoload", void 0);
+__decorate([
+    query('og-list')
+], Tree.prototype, "list", void 0);
+__decorate([
+    query('og-tree-search')
+], Tree.prototype, "searchBar", void 0);
+__decorate([
+    query('#globalLevels')
+], Tree.prototype, "globalTreeLevels", void 0);
+__decorate([
+    state()
+], Tree.prototype, "loading", void 0);
+__decorate([
+    state()
+], Tree.prototype, "noMatches", void 0);
+Tree = __decorate([
+    customElement('og-tree')
+], Tree);
+export { Tree };
+//# sourceMappingURL=tree.js.map

package/dist/ui/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../src/ui/tree.ts"],"names":[],"mappings":"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","sourcesContent":["import { \n\tdom, List, log, ListSelectTrigger, ListSelectEvent, Expander, \n\tLevelExpandEvent, ListPointerEvent, Icon \n} from '@omegagrid/core';\nimport { Options, initOptions } from '../options';\nimport { TreeModel, TreeSource } from '../model/treeModel';\nimport { LitElement, html } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { style, itemStyle } from \"./tree.style\";\nimport Levels, { LevelSelectEvent } from './levels';\nimport { createItemRenderer } from './tree.renderer';\nimport { TreeSelectionModel, SerializedValue } from '../model/selectionModel';\nimport constants from '../constants';\nimport { NodeModel } from '../model/nodeModel';\nimport { TreeAdapter } from '../model/treeAdapter';\nimport { FilterModel } from '../model/filterModel';\nimport Search from './search';\nimport { styleMap } from 'lit-html/directives/style-map.js';\nimport { NodePlaceholder, SelectMode, TreeAdapterParams } from '../types';\nimport { join } from 'lit/directives/join.js';\n\nexport class TreeEvent extends Event {\n\n\tcomponent: Tree;\n\tnode: NodeModel;\n\n\tconstructor(type: string, args?: Partial<TreeEvent>) {\n\t\tsuper(type, {bubbles: false, cancelable: true, composed: false});\n\t\tObject.assign(this, args);\n\t}\n}\n\nexport class TreePointerEvent extends PointerEvent {\n\n\ttree: Tree;\n\tnode: NodeModel;\n\n\tconstructor(type: string, e: PointerEvent, args?: Partial<TreePointerEvent>) {\n\t\tsuper(`tree.${type}`, e);\n\t\tObject.assign(this, args);\n\t}\n}\n\nexport class TreeDropEvent extends DragEvent {\n\n\ttree: Tree;\n\tnode: NodeModel;\n\n\tconstructor(type: string, e: DragEvent, args?: Partial<TreeDropEvent>) {\n\t\tsuper(`tree.${type}`, e);\n\t\tObject.assign(this, args);\n\t}\n}\n\n@customElement('og-tree')\nexport class Tree extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: Object})\n\tmodel: TreeModel;\n\n\t@property({type: Object})\n\tadapter: TreeAdapter;\n\n\t@property({type: Object})\n\toptions: Options = initOptions();\n\n\t@property({type: Object})\n\tselection: TreeSelectionModel = new TreeSelectionModel(this.options);\n\n\t@property({type: Object})\n\tlogger: log.Logger = new log.Logger('Ωtree');\n\n\t@property({type: Number})\n\tmaxHeight: number = null;\n\n\t@property({type: Number})\n\titemHeight: number = constants.LIST_ITEM_HEIGHT;\n\t\n\t@property({type: Array})\n\tvalue: SerializedValue[];\n\n\t@property({type: Boolean})\n\tdisableAutoload = false;\n\t\n\t@query('og-list')\n\tlist: List;\n\n\t@query('og-tree-search')\n\tsearchBar: Search;\n\n\t@query('#globalLevels')\n\tglobalTreeLevels: Levels;\n\n\t@state()\n\tloading = false;\n\n\t@state()\n\tnoMatches = false;\n\n\tfiltering: FilterModel;\n\tawaitFilter = false;\n\tcurrentFilter = '';\n\tloadingNodes: Set<string> = new Set();\n\tpendingHighlight: string;\n\n\tget size () {\n\t\treturn this.model?.visibleNodes.length ?? 0;\n\t}\n\n\tget hasGlobalLevels() {\n\t\treturn (this.options.selectMode == SelectMode.Multiple || this.options.selectMode == SelectMode.MultipleLevels)\n\t\t\t&& this.options.globalLevels && this.model.maxLevel > 0;\n\t}\n\n\t_lastDragItem: HTMLElement;\n\t_onDragover = (e: DragEvent) => {\n\t\tif (!this.options.fileDrop) return;\n\t\te.preventDefault();\n\t\te.stopPropagation();\n\t\tif (e.dataTransfer.types[0] == 'Files') {\n\t\t\te.dataTransfer.dropEffect = 'move';\n\t\t\tconst item = e.composedPath().find((elm: HTMLElement) => elm.classList && elm.classList.contains('item')) as HTMLElement;\n\t\t\tthis._onDragLeave();\n\t\t\tif (item) item.classList.add('drag');\n\t\t\tthis._lastDragItem = item;\n\t\t}\n\t}\n\n\t_onDrop = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\tthis._onDragLeave();\n\t\tconst item = e.composedPath().find((elm: HTMLElement) => elm.classList && elm.classList.contains('item')) as HTMLElement;\n\t\tconst node = this.model.nodes[parseInt(item.dataset.node)];\n\t\tthis.dispatchEvent(new TreeDropEvent('drop', e, {tree: this, node: node}));\n\t}\n\n\t_onDragLeave = () => {\n\t\tif (this._lastDragItem) this._lastDragItem.classList.remove('drag');\n\t\tthis._lastDragItem = null;\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('dragover', this._onDragover);\n\t\tthis.addEventListener('dragleave', this._onDragLeave);\n\t\tthis.addEventListener('drop', this._onDrop);\n\t}\n\n\tdestroy() {\n\t\tthis.logger.info('destroy');\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\tthis.logger.info('init');\n\t\tthis.tabIndex = 0;\n\t}\n\n\tsetSourceData(sourceData: TreeSource, options: Partial<Options> = null) {\n\t\tObject.assign(this.options, options ?? {});\n\t\tthis.model = new TreeModel(sourceData, this.options);\n\n\t\tif (sourceData?.length > 0 && sourceData[0].s !== undefined) {\n\t\t\tthis.selection.setItems(sourceData.filter(i => i.s).map(i => [i.k, 0, 1]));\n\t\t}\n\n\t\tthis.dispatchEvent(new TreeEvent('load', {component: this}));\n\t}\n\n\tsetValue(values: SerializedValue[]) {\n\t\tthis.selection.populate(values);\n\t}\n\n\tasync loadData(params?: TreeAdapterParams) {\n\t\tthis.loading = true;\n\t\tif (this.list) this.list.size = 0;\n\t\t\n\t\tthis.model = null;\n\t\tparams = params ?? {};\n\t\tconst [tree, options] = await Promise.all([this.adapter.getTree(params), this.adapter.getOptions()]);\n\t\tthis.setSourceData(tree, options);\n\t\tif (options?.pageSize > 0) {\n\t\t\tthis.updateNodeLoadState(this.model.root, this.model.root.children.length);\n\t\t\tthis.model.indexVisibleNodes();\n\t\t}\n\t\tthis.loading = false;\n\n\t\tif (this.pendingHighlight) {\n\t\t\tawait this.updateComplete;\n\t\t\tawait this.highlightNode(this.pendingHighlight);\n\t\t\tthis.pendingHighlight = null;\n\t\t}\n\t}\n\n\tasync loadMore(parent: NodeModel) {\n\t\tconst offset = parent.children.length;\n\t\tconst sourceData = await this.adapter.getTree({parent: parent, parentKey: parent.key, offset: offset});\n\t\tconst model = new TreeModel(sourceData, this.options);\n\t\tparent.insertChildren(model.root.children, offset);\n\t\tthis.updateNodeLoadState(parent, model.root.children.length);\n\t\tthis.model.indexNodesByTree(true);\n\t\tthis.list.size = this.size;\n\t\tthis.list.requestUpdate();\n\t}\n\n\tasync refresh() {\n\t\tawait this.loadData({filter: this.currentFilter});\n\t}\n\n\tkeyActions = {\n\t\t'ArrowRight': () => {\n\t\t\tconst node = this.model.visibleNodes[this.list.selectedIndex] as NodeModel;\n\t\t\tif (node.collapsed) {\n\t\t\t\tthis.toggleNodeCollapse(node);\n\t\t\t\tthis.model.indexVisibleNodes();\n\t\t\t\tthis.list.size = this.size;\n\t\t\t}\n\t\t},\n\t\t'ArrowLeft': () => {\n\t\t\tconst node = this.model.visibleNodes[this.list.selectedIndex] as NodeModel;\n\t\t\tif (!node.collapsed) {\n\t\t\t\tthis.toggleNodeCollapse(node);\n\t\t\t\tthis.model.indexVisibleNodes();\n\t\t\t\tthis.list.size = this.size;\n\t\t\t}\n\t\t}\n\t}\n\t\n\twillUpdate(props: Map<PropertyKey, unknown>) {\n\t\tif (props.has('adapter') && this.adapter) {\n\t\t\tthis.model = null;\n\t\t\tthis.adapter.attach(this);\n\t\t\tif (!this.disableAutoload) this.loadData();\n\t\t}\n\n\t\t// if (props.has('value')) {\n\t\t// \tthis.setValue(this.value);\n\t\t// }\n\n\t\tthis.model = this.model ?? new TreeModel([], null);\n\t\tthis.filtering = new FilterModel(this.model);\n\t\tthis.selection.model = this.model;\n\n\t\tif (props.has('options')) {\n\t\t\tthis.options = initOptions(this.options);\n\t\t\tthis.model.options = this.options;\n\t\t\tthis.selection.options = this.options;\n\t\t}\n\t}\n\n\tupdated(changedProps: Map<PropertyKey, unknown>): void {\n\t\tif (changedProps.has('model') && this.list) {\n\t\t\tthis.list.size = this.size;\n\t\t\tthis.noMatches = this.noMatches && this.size == 0;\n\t\t\tthis.list.requestUpdate();\n\t\t}\n\t}\n\n\tasync firstUpdated() {\n\t\tif (this.value) {\n\t\t\tthis.selection.setItems(this.value ?? []);\n\t\t}\n\n\t\tthis.list.itemRenderer = createItemRenderer(this);\n\n\t\tdom.on(this.list, 'toggle', '.item', async (e, elm) => {\n\t\t\tconst node = this.model.nodes[parseInt(elm.dataset.node)];\n\t\t\tthis.toggleNodeCollapse(node);\n\t\t\tthis.model.indexVisibleNodes();\n\t\t\tthis.list.size = this.size;\n\t\t});\n\n\t\tdom.on(this.list, 'levelselect', '.item', (e: LevelExpandEvent, elm) => {\n\t\t\tthis.toggleNode(this.model.nodes[parseInt(elm.dataset.node)], e.level, true);\n\t\t});\n\t\t\n\t\tdom.on(this.list, 'contextmenu', '.item', (e, elm) => {\n\t\t\te.preventDefault();\n\t\t\tconst node = this.model.nodes[parseInt(elm.dataset.node)];\n\t\t\tthis.selection.select(node, 0, false);\n\t\t\tthis.list.renderItems(true);\n\t\t});\n\n\t\tthis.list.addEventListener('select', (e: ListSelectEvent) => {\n\t\t\te.stopPropagation();\n\t\t\tif (e.trigger != ListSelectTrigger.Arrow && !(e.elm instanceof Expander)) {\n\t\t\t\tconst item = this.model.visibleNodes[e.index];\n\t\t\t\tif (item instanceof NodeModel) {\n\t\t\t\t\tconst node = item as NodeModel;\n\t\t\t\t\tif (node.checkbox ?? this.options.selectMode != SelectMode.None) {\n\t\t\t\t\t\tthis.toggleNode(node, 0, true);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.toggleNodeCollapse(node);\n\t\t\t\t\t\tthis.model.indexVisibleNodes();\n\t\t\t\t\t\tthis.list.size = this.size;\n\t\t\t\t\t}\n\t\t\t\t\tthis.dispatchEvent(new TreeEvent('select', {component: this, node}));\n\t\t\t\t} else if (item) {\n\t\t\t\t\tconst placeholder = item as NodePlaceholder;\n\t\t\t\t\tif (placeholder.loading) return;\n\t\t\t\t\tplaceholder.loading = true;\n\t\t\t\t\tplaceholder.element.querySelector<Icon>('og-icon').icon = 'hourglass-half';\n\t\t\t\t\tthis.loadMore(placeholder.parent);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\tthis.list.addEventListener('keydown', (e: KeyboardEvent) => {\n\t\t\tconst action = this.keyActions[e.key as keyof typeof this.keyActions];\n\t\t\tif (action) {\n\t\t\t\taction();\n\t\t\t} else if (!isNaN(parseInt(e.key))) {\n\t\t\t\tconst level = parseInt(e.key);\n\t\t\t\tconst node = this.model.visibleNodes[this.list.selectedIndex] as NodeModel;\n\t\t\t\tif (node.subLevels >= level) {\n\t\t\t\t\tthis.toggleNode(node, level, true);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\t_onGlobalLevelSelect = async (e: LevelSelectEvent) => {\n\t\tthis.toggleNode(this.model.root, e.level, true);\n\t\tthis.globalTreeLevels.requestUpdate();\n\t\tthis.requestUpdate();\n\t\tawait this.list.updateComplete;\n\t\tthis.list.renderItems(true);\n\t}\n\n\t_onSearch = () => {\n\t\tthis.list.size = this.size;\n\t\tthis.list.select(0);\n\t\tthis.renderItems(true);\n\t\tthis.noMatches = this.size == 0;\n\t}\n\n\ttoggleNode(node: NodeModel, level: number, dispatchEvent = false) {\n\t\tthis.selection.toggle(node, level);\n\t\tthis.list.renderItems(true);\n\t\tsetTimeout(() => this.list.focus()); // TODO: list looses focus for unknown reason\n\t\tif (dispatchEvent) {\n\t\t\tthis.dispatchEvent(new TreeEvent('change', {component: this, node}));\n\t\t}\n\t}\n\n\tupdateNodeLoadState(node: NodeModel, newNodeCount: number) {\n\t\tif (this.options.pageSize > 0) {\n\t\t\tif (newNodeCount < this.options.pageSize) node.count = node.children.length;\n\t\t\telse node.count = node.children.length + 1;\n\t\t}\n\t}\n\n\tasync toggleNodeCollapse(node: NodeModel, dispatchEvent = true) {\n\t\tnode.toggleCollapse();\n\t\tif (!node.isLoaded && !node.isPartialyLoaded && this.adapter && !this.loadingNodes.has(node.key)) {\n\t\t\tthis.loadingNodes.add(node.key);\n\t\t\tthis.list.requestUpdate();\n\t\t\tconst sourceData = await this.adapter.getTree({parent: node, parentKey: node.key, offset: 0});\n\t\t\tconst model = new TreeModel(sourceData, this.options);\n\t\t\tnode.insertChildren(model.root.children, 0);\n\t\t\tthis.updateNodeLoadState(node, node.children.length);\n\t\t\tthis.model.indexNodesByTree(true);\n\t\t\tthis.list.size = this.size;\n\t\t\tthis.list.requestUpdate();\n\t\t\tthis.loadingNodes.delete(node.key);\n\t\t\tif (this.globalTreeLevels) this.globalTreeLevels.count = this.model.maxLevel + 1;\n\t\t}\n\t\tif (dispatchEvent) this.dispatchEvent(new TreeEvent('tree.collapse', {component: this, node}));\n\t}\n\n\ttoggleTreeCollapse(node?: NodeModel, dispatchEvent = true) {\n\t\tif (this.model.nodes.length == 0) return;\n\t\tif (!node) {\n\t\t\tnode = this.model.root;\n\t\t\tnode.collapsed = this.model.nodes[0].collapsed;\n\t\t}\n\t\tnode.toggleCollapse(true);\n\t\tthis.model.indexVisibleNodes();\n\t\tthis.list.size = this.size;\n\t\tif (dispatchEvent) this.dispatchEvent(new TreeEvent('tree.collapse', {component: this, node}));\n\t}\n\n\t_onListRender = () => {\n\t\tif (this.awaitFilter) {\n\t\t\tthis.filter(this.currentFilter);\n\t\t\tthis.awaitFilter = null;\n\t\t}\n\t}\n\n\t_onListMenu = (e: ListPointerEvent) => {\n\t\tthis.dispatchEvent(new TreePointerEvent('menu', e, {\n\t\t\ttree: this,\n\t\t\tnode: this.model.visibleNodes[e.index] as NodeModel\n\t\t}));\n\t}\n\n\tget itemStyle() {\n\t\tconst customStyle = this.options?.customStyle;\n\t\treturn [itemStyle, ...(customStyle ? (Array.isArray(customStyle) ? customStyle : [customStyle]) : [])];\n\t}\n\t\n\trender() {\n\t\tthis.logger.info(`render ${this.model?.visibleNodes.length ?? 0}`);\n\n\t\tconst list = html`\n\t\t\t<div class=\"main\" style=\"${styleMap({overflow: 'hidden', maxHeight: this.maxHeight ? dom.numToPixels(this.maxHeight) : null})}\">\n\t\t\t\t<og-list\n\t\t\t\t\tsize=\"${this.size}\"\n\t\t\t\t\t.customStyle=${this.itemStyle}\n\t\t\t\t\t?nativeHeight=\"${!this.maxHeight}\"\n\t\t\t\t\tmaxHeight=\"${this.maxHeight || null}\"\n\t\t\t\t\t@render=\"${this._onListRender}\"\n\t\t\t\t\t@list.menu=\"${this._onListMenu}\">\n\t\t\t\t</og-list>\n\t\t\t</div>\n\t\t`;\n\n\t\tconst loader = this.loading ? html`\n\t\t\t<div style=\"padding: 10px; text-align: center\">\n\t\t\t\t<og-loader></og-loader>\n\t\t\t</div>\n\t\t` : null;\n\n\t\tconst search = this.options.search ? html`\n\t\t\t<div class=\"toolbar toolbar-search\">\n\t\t\t\t<og-tree-search\n\t\t\t\t\t.tree=\"${this}\"\n\t\t\t\t\t@search=\"${this._onSearch}\">\n\t\t\t\t</og-tree-search>\n\t\t\t</div>\n\t\t` : null;\n\n\t\tconst alert = this.noMatches ? html`\n\t\t\t<og-alert text=\"No matches\" type=\"warning\"></og-alert>\n\t\t` : null;\n\n\t\tconst levels = this.hasGlobalLevels && !this.noMatches ? html`\n\t\t\t<div class=\"toolbar toolbar-levels\">\n\t\t\t\t<og-tree-levels\n\t\t\t\t\tid=\"globalLevels\"\n\t\t\t\t\t.count=\"${(this.options.maxLevel ?? this.model.maxLevel) + 1}\"\n\t\t\t\t\t.selection=\"${this.selection.getLevelSelection(this.model.root)}\"\n\t\t\t\t\t@levelselect=\"${this._onGlobalLevelSelect}\">\n\t\t\t\t</og-tree-levels>\n\t\t\t</div>\n\t\t` : null;\n\n\t\treturn join([search, alert, levels, loader, list], () => ' ');\n\t}\n\n\tasync highlightNode(key: string) {\n\t\tconst node = this.model?.nodeMap.get(key);\n\t\tif (!node) {\n\t\t\tthis.pendingHighlight = key;\n\t\t\treturn;\n\t\t}\n\t\tnode.walkUp((n: NodeModel) => n.expand(true));\n\t\tthis.model.indexVisibleNodes();\n\t\tthis.list.selectedIndex = node.visibleIndex;\n\t\t\n\t\tthis.list.requestUpdate();\n\t\tawait this.list.updateComplete;\n\n\t\tconst index = Math.max(0, node.visibleIndex - constants.MAX_HIGHLIGHT_ITEM_OFFSET);\n\t\tthis.list.scrollToIndex(index);\n\t}\n\n\thighlightFirstSelectedNode() {\n\t\tif (!this.list) return; // TODO - fix this\n\t\tif (!this.selection?.count) return;\n\t\tconst key = this.selection.items.keys().next().value;\n\t\tconst node = this.model.nodeMap.get(key);\n\t\tif (!node || node.visibleIndex == null) {\n\t\t\tthis.list.selectedIndex = -1;\n\t\t\treturn;\n\t\t}\n\n\t\tthis.list.selectedIndex = node.visibleIndex;\n\t\tthis.list.scrollToIndex(node.index);\n\t}\n\n\trenderItems(all = false) {\n\t\tif (this.list) {\n\t\t\tthis.list.size = this.size;\n\t\t\tthis.list.renderItems(all);\n\t\t}\n\t}\n\n\tclearSelection() {\n\t\tthis.selection.clear();\n\t\tthis.requestUpdate();\n\t}\n\n\tasync filter(term?: string) {\n\t\tterm = (term ?? '').trim();\n\t\tif (term === this.currentFilter) return;\n\n\t\tthis.currentFilter = term;\n\t\t\n\t\tif (this.loading || !this.firstUpdated) {\n\t\t\tthis.awaitFilter = true;\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.options.customSearch && this.adapter) {\n\t\t\tawait this.loadData({filter: term});\n\t\t\treturn;\n\t\t}\n\n\t\tif (term == null) {\n\t\t\tthis.filtering?.clear();\n\t\t\tthis.noMatches = false;\n\t\t} else {\n\t\t\tthis.filtering?.filter(term);\n\t\t\tthis.noMatches = this.size == 0;\n\t\t}\n\n\t\tthis.list.size = this.size;\n\t\tthis.list.select(0);\n\t\tthis.list.requestUpdate();\n\t}\n\n\tasync clearFilter() {\n\t\tif (this.searchBar?.searchInput) this.searchBar.searchInput.value = '';\n\t\tif (!this.firstUpdated) return;\n\t\tawait this.filter();\n\t}\n\n\n}"]}

package/dist/ui/tree.renderer.d.ts

@@ -0,0 +1,7 @@
+import { TemplateResult } from "lit";
+import { NodePlaceholder } from "../types";
+import { Tree } from "./tree";
+import { ListItemRendererOptions } from "@omegagrid/core";
+export declare const createItemRenderer: (treeComponent: Tree) => (div: HTMLDivElement, index: number, opts?: ListItemRendererOptions) => TemplateResult<1>;
+export declare const renderPlaceholder: (div: HTMLDivElement, placeholder: NodePlaceholder) => TemplateResult<1>;
+//# sourceMappingURL=tree.renderer.d.ts.map

package/dist/ui/tree.renderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.renderer.d.ts","sourceRoot":"","sources":["../../src/ui/tree.renderer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAgB,MAAM,KAAK,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAc,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAuB,uBAAuB,EAAc,MAAM,iBAAiB,CAAC;AAmC3F,eAAO,MAAM,kBAAkB,GAAI,eAAe,IAAI,MAAM,KAAK,cAAc,EAAE,OAAO,MAAM,EAAE,OAAO,uBAAuB,sBAkE7H,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,KAAK,cAAc,EAAE,aAAa,eAAe,sBAWlF,CAAC"}