@omegagrid/tree 0.2.5

package/dist/ui/dropdown.d.ts

@@ -0,0 +1,55 @@
+import { Button, Dropdown, Tooltip, Input } from "@omegagrid/core";
+import { TreeModel, TreeSource } from "../model/treeModel";
+import { SelectedItemParams, TreeSelectionModel, SerializedValue } from "../model/selectionModel";
+import { Options } from "../options";
+import { TreeAdapter } from "../model/treeAdapter";
+import { Tree, TreeEvent } from "./tree";
+import { NodeModel } from "../model";
+export declare class TreeDropdown extends Dropdown {
+    static styles: import("lit").CSSResult[];
+    options: Options;
+    model: TreeModel;
+    adapter: TreeAdapter;
+    selection: TreeSelectionModel;
+    maxHeight: number;
+    value: SerializedValue[];
+    cross: boolean;
+    caption: string;
+    placeholder: string;
+    buttonInput: boolean;
+    selectedItems: Map<string, SelectedItemParams>;
+    button: Button;
+    input: Input;
+    contentDiv: HTMLDivElement;
+    _tree: Tree;
+    _renderDropdown: boolean;
+    _firstOpen: boolean;
+    _onTreeRender: () => void;
+    get hasCrossButton(): boolean;
+    get tree(): Tree;
+    tooltip: Tooltip;
+    _onChange(e: TreeEvent): void;
+    open(): Promise<void>;
+    willUpdate(changedProps: Map<PropertyKey, unknown>): Promise<void>;
+    filter(term: string): Promise<void>;
+    focus(): void;
+    constructor();
+    connectedCallback(): void;
+    setSourceData(sourceData: TreeSource, options?: Partial<Options>): void;
+    updateOptions(options: Partial<Options>): void;
+    clearSelection(dispatchEvent?: boolean): void;
+    _onMouseOver: () => void;
+    _onMouseOut: () => void;
+    getSelectionItems(): [NodeModel, [number, boolean][], boolean][];
+    getButtonContentHtml(): import("lit-html").TemplateResult<1>;
+    getSelectionText(): string;
+    _debounceFilter: {
+        (this: unknown, ...args: [term: string] & any[]): Promise<Promise<void>>;
+        cancel: (reason?: any) => void;
+    };
+    _onInput: (e: InputEvent) => Promise<void>;
+    _onInputKeyDown: (e: KeyboardEvent) => void;
+    _onInputBlur: () => string;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=dropdown.d.ts.map

package/dist/ui/dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAO,KAAK,EAAqB,MAAM,iBAAiB,CAAC;AAE3F,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAClG,OAAO,EAAe,OAAO,EAAE,MAAM,YAAY,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAIzC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAGrC,qBACa,YAAa,SAAQ,QAAQ;IAEzC,MAAM,CAAC,MAAM,4BAA+B;IAG5C,OAAO,EAAE,OAAO,CAAiB;IAGjC,KAAK,EAAE,SAAS,CAAC;IAGjB,OAAO,EAAE,WAAW,CAAC;IAGrB,SAAS,EAAE,kBAAkB,CAAwC;IAGrE,SAAS,SAAO;IAGhB,KAAK,EAAE,eAAe,EAAE,CAAC;IAGzB,KAAK,UAAS;IAGd,OAAO,EAAE,MAAM,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,WAAW,UAAS;IAGpB,aAAa,kCAAyC;IAGtD,MAAM,EAAE,MAAM,CAAC;IAGf,KAAK,EAAE,KAAK,CAAC;IAGb,UAAU,EAAE,cAAc,CAAC;IAE3B,KAAK,EAAE,IAAI,CAAC;IACZ,eAAe,UAAQ;IACvB,UAAU,UAAQ;IAElB,aAAa,aAEZ;IAED,IAAI,cAAc,YAA+E;IACjG,IAAI,IAAI,SAaP;IAED,OAAO,UAA4C;IAEnD,SAAS,CAAC,CAAC,EAAE,SAAS;IAWhB,IAAI;IAKJ,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAwBlD,MAAM,CAAC,IAAI,EAAE,MAAM;IAOzB,KAAK;;IAmBL,iBAAiB;IASjB,aAAa,CAAC,UAAU,EAAE,UAAU,EAAE,OAAO,GAAE,OAAO,CAAC,OAAO,CAAQ;IAMtE,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC;IAKvC,cAAc,CAAC,aAAa,UAAQ;IAOpC,YAAY,aASX;IAED,WAAW,aAEV;IAED,iBAAiB,IAAK,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,EAAE,OAAO,CAAC,EAAE;IAajE,oBAAoB;IAoBpB,gBAAgB;IAOhB,eAAe;;;MAAsD;IAErE,QAAQ,MAAa,UAAU,mBAG9B;IAED,eAAe,MAAO,aAAa,UAgBlC;IAED,YAAY,eAAoD;IAEhE,MAAM,6CAmCJ;CACF"}

package/dist/ui/dropdown.js

@@ -0,0 +1,295 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeDropdown = void 0;
+const core_1 = require("@omegagrid/core");
+const decorators_js_1 = require("lit/decorators.js");
+const treeModel_1 = require("../model/treeModel");
+const selectionModel_1 = require("../model/selectionModel");
+const options_1 = require("../options");
+const lit_1 = require("lit");
+const tree_1 = require("./tree");
+const map_js_1 = require("lit/directives/map.js");
+const join_js_1 = require("lit/directives/join.js");
+const ts_debounce_1 = require("ts-debounce");
+const model_1 = require("../model");
+const dropdown_style_1 = require("./dropdown.style");
+let TreeDropdown = class TreeDropdown extends core_1.Dropdown {
+    get hasCrossButton() { return this.cross && this.selection.count > 0 && this.options.allowEmpty; }
+    get tree() {
+        if (this._tree)
+            return this._tree;
+        this._tree = new tree_1.Tree();
+        this._tree.disableAutoload = true;
+        this._tree.model = this.adapter ? null : this.model;
+        this._tree.adapter = this.adapter;
+        this._tree.selection = this.selection;
+        this._tree.options = this.options;
+        this._tree.maxHeight = this.maxHeight;
+        this._tree.addEventListener('change', (e) => this._onChange(e));
+        this._tree.addEventListener('render', this._onTreeRender);
+        this._tree.slot = 'inner-content';
+        return this._tree;
+    }
+    _onChange(e) {
+        this.selectedItems = null;
+        this.selectedItems = e.component.selection.items;
+        this.value = e.component.selection.serialize();
+        if (this.options.autoClose)
+            this.close();
+        this.dispatchEvent(new tree_1.TreeEvent(e.type, { component: e.component, node: e.node }));
+        // if (this.input) {
+        // 	setTimeout(() => this.input.focus(), 1000);
+        // }
+    }
+    async open() {
+        if (this.tree.parentElement != this.dropdown)
+            this.dropdown.appendChild(this._tree);
+        await super.open();
+    }
+    async willUpdate(changedProps) {
+        if (this.buttonInput) {
+            this.options.search = false;
+        }
+        if (changedProps.has('value')) {
+            this.selection.setItems(this.value);
+            this.selectedItems = null;
+            this.selectedItems = this.selection.items;
+            this.tree.renderItems(true);
+        }
+        if (this._tree) {
+            if (changedProps.has('adapter'))
+                this._tree.adapter = this.adapter;
+            if (changedProps.has('model'))
+                this._tree.model = this.model;
+        }
+        if (changedProps.has('adapter') && this.adapter) {
+            this.options = (0, options_1.initOptions)(await this.adapter.getOptions(), this.options);
+        }
+        this._renderDropdown = true;
+    }
+    async filter(term) {
+        await this.updateComplete;
+        if (this.input)
+            this.input.value = term;
+        await this.tree.updateComplete;
+        this.tree.filter(term);
+    }
+    focus() {
+        var _a;
+        if (this.buttonInput)
+            (_a = this.input) === null || _a === void 0 ? void 0 : _a.focus();
+        else
+            super.focus();
+    }
+    constructor() {
+        super();
+        this.options = (0, options_1.initOptions)();
+        this.selection = new selectionModel_1.TreeSelectionModel(this.options);
+        this.maxHeight = 300;
+        this.cross = false;
+        this.buttonInput = false;
+        this.selectedItems = new Map();
+        this._renderDropdown = true;
+        this._firstOpen = true;
+        this._onTreeRender = () => {
+            if (this.dropdown)
+                core_1.dom.fixElementPosition(this.dropdown);
+        };
+        this.tooltip = core_1.dom.createElement('og-tooltip');
+        this._onMouseOver = () => {
+            if (this.contentDiv && this.contentDiv.scrollWidth > this.contentDiv.clientWidth) {
+                if (!this.tooltip.parentElement) {
+                    document.body.appendChild(this.tooltip);
+                    this.tooltip.style.maxWidth = "200px";
+                }
+                this.tooltip.content = this.getButtonContentHtml();
+                this.tooltip.attachTo(this.button, 'bottom');
+            }
+        };
+        this._onMouseOut = () => {
+            this.tooltip.deatach();
+        };
+        this._debounceFilter = (0, ts_debounce_1.debounce)((term) => this.tree.filter(term));
+        this._onInput = async (e) => {
+            if (!this.isOpen)
+                await this.open();
+            this._debounceFilter(e.target.value);
+        };
+        this._onInputKeyDown = (e) => {
+            switch (e.key) {
+                case 'ArrowDown':
+                    e.preventDefault();
+                    this.tree.list.moveDown();
+                    break;
+                case 'ArrowUp':
+                    e.preventDefault();
+                    this.tree.list.moveUp();
+                    break;
+                case 'Enter':
+                    e.preventDefault();
+                    this.tree.list.select(this.tree.list.selectedIndex, core_1.ListSelectTrigger.Enter);
+                    setTimeout(() => this.input.focus(), 100);
+                    break;
+            }
+        };
+        this._onInputBlur = () => this.input.value = this.getSelectionText();
+        this.render = () => (0, lit_1.html) `
+		${this.buttonInput ? (0, lit_1.html) `
+			<og-input
+				@input="${this._onInput}"
+				@keydown="${this._onInputKeyDown}"
+				@blur="${this._onInputBlur}"
+				.value="${this.getSelectionText()}">
+			</og-input>
+		` : ''}
+
+		<og-button
+			@mousedown="${this._onMousedown}"
+			@mouseenter="${this._onMouseOver}"
+			@mouseleave="${this._onMouseOut}"
+			color="${this.color}"
+			id="main"
+			style="flex: 1" 
+			caret>
+			${this.buttonInput ? '' : (0, lit_1.html) `
+				<div id="content" slot="content">
+					${this.getButtonContentHtml()}
+				</div>
+			`}
+		</og-button>
+
+		${this.hasCrossButton ? (0, lit_1.html) `
+			<og-button
+				id="cross"
+				@click="${() => this.clearSelection(true)}"
+				icon="xmark"
+				color="red">
+			</og-button>
+		` : ``}
+
+		${this.renderDropdown()}
+	`;
+        this.addEventListener('dropdown.open', async () => {
+            this.focus();
+            if (this.adapter && (this._firstOpen || this.options.alwaysRefresh)) {
+                await this.tree.loadData();
+            }
+            this._firstOpen = false;
+        });
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (!this.hasUpdated) {
+            if (this.value)
+                this.selection.setItems(this.value);
+            this.selectedItems = this.selection.items;
+        }
+    }
+    setSourceData(sourceData, options = null) {
+        if (options)
+            this.updateOptions(options);
+        this.model = new treeModel_1.TreeModel(sourceData, this.options);
+        if (this._tree)
+            this._tree.model = this.model;
+    }
+    updateOptions(options) {
+        Object.assign(this.options, options !== null && options !== void 0 ? options : {});
+        this.requestUpdate();
+    }
+    clearSelection(dispatchEvent = false) {
+        var _a;
+        this.selection.clear();
+        this.requestUpdate();
+        if (dispatchEvent)
+            this.dispatchEvent(new tree_1.TreeEvent('change', { component: this.tree }));
+        (_a = this.tree) === null || _a === void 0 ? void 0 : _a.renderItems(true);
+    }
+    getSelectionItems() {
+        var _a, _b;
+        const model = (_b = (_a = this.tree) === null || _a === void 0 ? void 0 : _a.model) !== null && _b !== void 0 ? _b : this.model;
+        return Array.from(this.selectedItems).map(([key, item]) => {
+            const red = item.levels.has(0) && item.levels.get(0) == false;
+            const levels = [...item.levels.entries()].filter(item2 => item2[0] > 0);
+            const node = (model === null || model === void 0 ? void 0 : model.nodeMap.has(key)) ? model.nodeMap.get(key) : new model_1.NodeModel(this.tree.model, { k: key, v: key });
+            if (levels.length < item.levels.size && levels.length > 0) {
+                levels.unshift([0, item.levels.get(0)]);
+            }
+            return [node, levels, red];
+        });
+    }
+    getButtonContentHtml() {
+        const items = this.getSelectionItems();
+        const caption = this.caption ? (0, lit_1.html) `<span id="caption">${this.caption}</span>` : null;
+        const placeholder = this.placeholder ? (0, lit_1.html) `<span id="placeholder">${this.placeholder}</span>` : null;
+        return items.length > 0 ? (0, lit_1.html) `${caption ? (0, lit_1.html) `${caption}:` : ``} ${(0, join_js_1.join)((0, map_js_1.map)(items, ([node, levels, red]) => (0, lit_1.html) `
+			${node && node.icon ? (0, lit_1.html) `<og-icon .icon="${node.icon}"></og-icon>&nbsp;` : null}
+			${red
+            ? (0, lit_1.html) `<span style="color:#ff0000">${node.value}</span>`
+            : (0, lit_1.html) `<span>${node.value}</span>`}
+			${levels.length > 0
+            ? (0, lit_1.html) `(${(0, join_js_1.join)((0, map_js_1.map)(levels, level => level[0]), (0, lit_1.html) `,&nbsp;`)})`
+            : ``}
+		`), (0, lit_1.html) `,&nbsp;`)}` : (caption
+            ? (0, lit_1.html) `${caption}${placeholder ? (0, lit_1.html) `: ${placeholder}` : ``}`
+            : (placeholder ? (0, lit_1.html) `${placeholder}` : (0, lit_1.html) `&nbsp;`));
+    }
+    getSelectionText() {
+        return this.getSelectionItems().map(([node, levels]) => node.value + (levels.length > 0
+            ? ` (${levels.map(level => level[0]).join(',')})`
+            : '')).join(',');
+    }
+};
+exports.TreeDropdown = TreeDropdown;
+TreeDropdown.styles = [...core_1.Dropdown.styles, dropdown_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], TreeDropdown.prototype, "options", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], TreeDropdown.prototype, "model", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], TreeDropdown.prototype, "adapter", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], TreeDropdown.prototype, "selection", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Number })
+], TreeDropdown.prototype, "maxHeight", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], TreeDropdown.prototype, "value", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], TreeDropdown.prototype, "cross", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], TreeDropdown.prototype, "caption", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], TreeDropdown.prototype, "placeholder", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], TreeDropdown.prototype, "buttonInput", void 0);
+__decorate([
+    (0, decorators_js_1.state)()
+], TreeDropdown.prototype, "selectedItems", void 0);
+__decorate([
+    (0, decorators_js_1.query)('og-button')
+], TreeDropdown.prototype, "button", void 0);
+__decorate([
+    (0, decorators_js_1.query)('og-input')
+], TreeDropdown.prototype, "input", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#content')
+], TreeDropdown.prototype, "contentDiv", void 0);
+exports.TreeDropdown = TreeDropdown = __decorate([
+    (0, decorators_js_1.customElement)('og-tree-dropdown')
+], TreeDropdown);
+//# sourceMappingURL=dropdown.js.map

package/dist/ui/dropdown.js.map

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

package/dist/ui/dropdown.style.d.ts

@@ -0,0 +1,2 @@
+export declare const style: import("lit").CSSResult;
+//# sourceMappingURL=dropdown.style.d.ts.map

package/dist/ui/dropdown.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.style.d.ts","sourceRoot":"","sources":["../../src/ui/dropdown.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,yBA8BjB,CAAC"}

package/dist/ui/dropdown.style.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+const lit_1 = require("lit");
+exports.style = (0, lit_1.css) `
+	og-input {
+		flex: 1;
+		border: 1px solid var(--accent-color);
+		outline: none;
+		background-color: var(--background-color);
+		border-right-width: 0;
+		color: var(--text-color);
+	}
+
+	og-input+og-button {
+		flex: 0;
+		max-width: 14px;
+	}
+
+	#cross {
+		flex: 0;
+		max-width: 14px;
+		min-width: 14px;
+		border: 1px solid var(--accent-color);
+	}
+
+	#caption, #placeholder {
+		color: var(--text-color-2);
+		opacity: 0.7;
+	}
+
+	#content {
+		display: flex;
+	}
+`;
+//# sourceMappingURL=dropdown.style.js.map

package/dist/ui/dropdown.style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.style.js","sourceRoot":"","sources":["../../src/ui/dropdown.style.ts"],"names":[],"mappings":";;;AAAA,6BAA0B;AAEb,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BvB,CAAC"}

package/dist/ui/index.d.ts

@@ -0,0 +1,6 @@
+export * from './dropdown';
+export * from './levels';
+export * from './search';
+export * from './tree';
+export * from './menu';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./dropdown"), exports);
+__exportStar(require("./levels"), exports);
+__exportStar(require("./search"), exports);
+__exportStar(require("./tree"), exports);
+__exportStar(require("./menu"), exports);
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,2CAAyB;AACzB,2CAAyB;AACzB,yCAAuB;AACvB,yCAAuB"}

package/dist/ui/levels.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from "lit";
+export declare class LevelSelectEvent extends Event {
+    readonly level: number;
+    constructor(level: number);
+}
+export default class Levels extends LitElement {
+    static styles: import("lit").CSSResult[];
+    count: number;
+    selection: Map<number, boolean>;
+    firstUpdated(): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=levels.d.ts.map

package/dist/ui/levels.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"levels.d.ts","sourceRoot":"","sources":["../../src/ui/levels.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAO5C,qBAAa,gBAAiB,SAAQ,KAAK;aACd,KAAK,EAAE,MAAM;gBAAb,KAAK,EAAE,MAAM;CAGzC;AAID,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,UAAU;IAE7C,MAAM,CAAC,MAAM,4BAgBV;IAGH,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,uBAA8B;IAEvC,YAAY;IAOZ,MAAM,6CAIJ;CACF"}

package/dist/ui/levels.js

@@ -0,0 +1,68 @@
+"use strict";
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LevelSelectEvent = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const range_js_1 = require("lit/directives/range.js");
+const map_js_1 = require("lit/directives/map.js");
+const core_1 = require("@omegagrid/core");
+const class_map_js_1 = require("lit/directives/class-map.js");
+class LevelSelectEvent extends Event {
+    constructor(level) {
+        super('levelselect', { bubbles: false, cancelable: true, composed: true });
+        this.level = level;
+    }
+}
+exports.LevelSelectEvent = LevelSelectEvent;
+let Levels = class Levels extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.selection = new Map();
+        this.render = () => (0, lit_1.html) `
+		${(0, map_js_1.map)((0, range_js_1.range)(1, this.count + 1), i => (0, lit_1.html) `
+			<div class="${(0, class_map_js_1.classMap)({ level: true, selected: this.selection.has(i) && this.selection.get(i) })}" data-level=${i}>${i}</div>
+		`)}
+	`;
+    }
+    firstUpdated() {
+        core_1.dom.on(this, 'mousedown', '.level', (e, elm) => {
+            e.stopPropagation();
+            this.dispatchEvent(new LevelSelectEvent(parseInt(elm.dataset.level)));
+        });
+    }
+};
+Levels.styles = [(0, lit_1.css) `
+		:host {
+			display: flex;
+			flex-direction: row;
+		}
+
+		div {
+			width: 15px;
+			border: 1px solid var(--accent-color);
+			text-align: center;
+			cursor: pointer;
+		}
+
+		div.selected {
+			background-color: var(--accent-color);
+		}
+	`];
+__decorate([
+    (0, decorators_js_1.property)({ type: Number })
+], Levels.prototype, "count", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], Levels.prototype, "selection", void 0);
+Levels = __decorate([
+    (0, decorators_js_1.customElement)('og-tree-levels'),
+    (0, core_1.stylable)({ vars: ['accent-color'] })
+], Levels);
+exports.default = Levels;
+//# sourceMappingURL=levels.js.map

package/dist/ui/levels.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"levels.js","sourceRoot":"","sources":["../../src/ui/levels.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA4C;AAC5C,qDAA4D;AAC5D,sDAAgD;AAChD,kDAA4C;AAC5C,0CAAgD;AAChD,8DAAuD;AAEvD,MAAa,gBAAiB,SAAQ,KAAK;IAC1C,YAA4B,KAAa;QACxC,KAAK,CAAC,aAAa,EAAE,EAAC,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;QAD9C,UAAK,GAAL,KAAK,CAAQ;IAEzC,CAAC;CACD;AAJD,4CAIC;AAIc,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,gBAAU;IAA/B;;QAwBd,cAAS,GAAG,IAAI,GAAG,EAAmB,CAAC;QASvC,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;IAChB,IAAA,YAAG,EAAC,IAAA,gBAAK,EAAC,CAAC,EAAE,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,IAAA,UAAI,EAAA;iBAC1B,IAAA,uBAAQ,EAAC,EAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC;GACrH,CAAC;EACF,CAAC;IACH,CAAC;IAZA,YAAY;QACX,UAAG,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;YAC9C,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,aAAa,CAAC,IAAI,gBAAgB,CAAC,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;IACJ,CAAC;;AA7BM,aAAM,GAAG,CAAC,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;EAgBnB,CAAC,AAhBW,CAgBV;AAGH;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;qCACX;AAGd;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCACc;AAxBnB,MAAM;IAF1B,IAAA,6BAAa,EAAC,gBAAgB,CAAC;IAC/B,IAAA,eAAQ,EAAC,EAAC,IAAI,EAAE,CAAC,cAAc,CAAC,EAAC,CAAC;GACd,MAAM,CAsC1B;kBAtCoB,MAAM"}

package/dist/ui/menu.d.ts

@@ -0,0 +1,14 @@
+import { MenuPosition } from "@omegagrid/core";
+import { Tree } from "./tree";
+export declare class TreeMenu extends Tree {
+    static styles: import("lit").CSSResult[];
+    private _autoHide;
+    constructor();
+    connectedCallback(): void;
+    firstUpdated(): Promise<void>;
+    updateWidth(): Promise<void>;
+    _hideEvent: () => void;
+    open(elm: HTMLElement, position?: MenuPosition): Promise<void>;
+    openAt(x: number, y: number): Promise<void>;
+}
+//# sourceMappingURL=menu.d.ts.map

package/dist/ui/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../src/ui/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAY,MAAM,iBAAiB,CAAC;AAG9D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,qBAEa,QAAS,SAAQ,IAAI;IAEjC,MAAM,CAAC,MAAM,4BASV;IAEH,OAAO,CAAC,SAAS,CAAS;;IAM1B,iBAAiB;IAIX,YAAY;IAWZ,WAAW;IAWjB,UAAU,aAKT;IAEK,IAAI,CAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,GAAE,YAAqB;IAgBtD,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;CAYjC"}