@omegagrid/core 0.10.2 → 0.10.4

package/dist/ui/list.js

@@ -0,0 +1,427 @@
+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 * as dom from "../common/dom";
+import { isString } from "../common/utils";
+import constants from "../constants";
+import { LitElement, html, css, render, unsafeCSS } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import { createRef, ref } from 'lit/directives/ref.js';
+import { map } from 'lit/directives/map.js';
+import { ComponentEvent } from "./baseElement";
+import { style } from "./list.style";
+export var ListSelectTrigger;
+(function (ListSelectTrigger) {
+    ListSelectTrigger["Enter"] = "enter";
+    ListSelectTrigger["Click"] = "click";
+    ListSelectTrigger["Arrow"] = "arrow";
+})(ListSelectTrigger || (ListSelectTrigger = {}));
+export class ListSelectEvent extends Event {
+    constructor(type, trigger, index, elm) {
+        super(type, { bubbles: true, composed: true });
+        this.trigger = trigger;
+        this.index = index;
+        this.elm = elm;
+    }
+}
+export class ListPointerEvent extends PointerEvent {
+    constructor(type, e, args) {
+        super(`list.${type}`, e);
+        Object.assign(this, args);
+    }
+}
+let List = class List extends LitElement {
+    get selectedIndex() { return this._selectedIndex; }
+    set selectedIndex(value) { this._selectedIndex = value; } // TODO - probably should be reactive
+    get container() { return this.containerRef?.value; }
+    get scrollContainer() { return this.scrollContainerRef?.value; }
+    get itemContainer() { return this.itemContainerRef?.value; }
+    get offset() { return this._offset; }
+    set offset(value) {
+        this._offset = value;
+        this.requestRender();
+    }
+    constructor() {
+        super();
+        this._selectedIndex = -1;
+        this.itemHeight = constants.LIST_ITEM_HEIGHT;
+        this.dynamicItemHeight = false;
+        this.lineHeight = null;
+        this.nativeHeight = false;
+        this.arrowEvents = false;
+        this.disabledSelect = false;
+        this.disabledFocus = false;
+        this.maxHeight = null;
+        this.scrollbarPadding = false;
+        this.sliderSize = 0;
+        this.items = new Map();
+        this.containerRef = createRef();
+        this.scrollContainerRef = createRef();
+        this.itemContainerRef = createRef();
+        this.scrolling = false;
+        this.renderEvent = new ComponentEvent('render', { bubbles: true, composed: true });
+        this.itemHeights = new Map();
+        this.measuredWidths = new Map();
+        this._offset = 0;
+        this.keyActions = {
+            'ArrowUp': () => this.moveUp(),
+            'PageUp': () => this.moveUp(this.pageSize),
+            'ArrowDown': () => this.moveDown(),
+            'PageDown': () => this.moveDown(this.pageSize),
+            'Enter': () => this._selectedIndex > -1 ? this.select(this._selectedIndex, ListSelectTrigger.Enter) : null,
+        };
+        this.render = () => {
+            const styles = this.normalizedItemStyle;
+            return html `
+			<og-container ${ref(this.containerRef)} ?scrollbarPadding="${this.scrollbarPadding}" .sliderSize="${this.sliderSize}">
+				<div slot="content" style="position: relative; height: ${this.scrollHeight}px" ${ref(this.scrollContainerRef)}>
+					<style>${Object.getPrototypeOf(this).constructor.contentStyles}</style>
+					${styles.length ? html `<style>${map(styles, s => s)}</style>` : ``}
+					<div class="item-container" ${ref(this.itemContainerRef)}></div>
+				</div>
+			</og-container>
+		`;
+        };
+    }
+    get pageSize() {
+        return Math.floor(this.containerRef.value.offsetHeight / this.itemHeight);
+    }
+    get calculatedHeight() {
+        return Math.min(this.maxHeight ?? (this.parentElement?.clientHeight ?? 0), this.itemHeight * this.size);
+    }
+    reset() {
+        this.items.clear();
+        // this.scrollToOffset(0);
+        this.itemHeights.clear();
+    }
+    scrollToOffset(offset) {
+        this.containerRef?.value?.scrollVerticalTo(offset);
+        this.offset = offset;
+    }
+    scrollToIndex(index) {
+        this.scrollToOffset(this.calculateItemContainerOffset(index));
+    }
+    scrollToView(item) {
+        if (!item || dom.getElementOffset(item, this.containerRef.value).top < 0) {
+            const scrollTo = this._selectedIndex == this.size - 1
+                ? (this.calculateItemContainerOffset(this._selectedIndex + 1) - this.containerRef.value.clientHeight)
+                : this.calculateItemContainerOffset(this._selectedIndex);
+            this.containerRef.value.scrollVerticalTo(scrollTo);
+            this.offset = scrollTo;
+        }
+        else if (dom.getElementOffset(item, this.containerRef.value).top + this.itemHeight > this.containerRef.value.offsetHeight) {
+            const scrollTo = this._selectedIndex > 0
+                ? this.calculateItemContainerOffset(this._selectedIndex + 1) - this.containerRef.value.clientHeight
+                : 0;
+            this.containerRef.value.scrollVerticalTo(scrollTo);
+            this.offset = scrollTo;
+        }
+    }
+    moveUp(count = 1) {
+        if (this.size == 0)
+            return;
+        this._selectedIndex = this._selectedIndex ?? 0;
+        this.select(this._selectedIndex - count, ListSelectTrigger.Arrow);
+        this.scrollToView(this.items.get(this._selectedIndex));
+    }
+    moveDown(count = 1) {
+        if (this.size == 0)
+            return;
+        this._selectedIndex = this._selectedIndex ?? 0;
+        this.select(this._selectedIndex + count, ListSelectTrigger.Arrow);
+        this.scrollToView(this.items.get(this._selectedIndex));
+    }
+    deselect() {
+        if (this._selectedIndex >= 0) {
+            if (this.items.has(this._selectedIndex)) {
+                this.items.get(this._selectedIndex).classList.remove('selected');
+            }
+        }
+        this._selectedIndex = -1;
+    }
+    select(index, trigger = null, elm = null) {
+        this.deselect();
+        index = index >= this.size ? 0 : index;
+        index = index < 0 ? this.size - 1 : index;
+        if (this.items.has(index)) {
+            this.getItem(index).classList.add('selected');
+        }
+        this._selectedIndex = index;
+        if (trigger && (trigger != ListSelectTrigger.Arrow || this.arrowEvents)) {
+            this.dispatchEvent(new ListSelectEvent('select', trigger, index, elm)); // TODO - remove
+            this.dispatchEvent(new ListSelectEvent('list.select', trigger, index, elm));
+        }
+    }
+    getItem(index) {
+        if (!this.items.has(index)) {
+            const div = dom.createElement('div');
+            div.index = index;
+            dom.setClasses(div, ['item', index == this._selectedIndex ? 'selected' : null]);
+            if (!this.dynamicItemHeight) {
+                dom.setSize(div, { h: this.itemHeight });
+                div.style.lineHeight = dom.numToPixels(this.lineHeight ?? this.itemHeight);
+            }
+            if (this.itemRenderer) {
+                const result = this.itemRenderer(div, index);
+                if (isString(result)) {
+                    div.innerHTML = result;
+                }
+                else if (result) {
+                    dom.empty(div);
+                    render(result, div);
+                }
+            }
+            else {
+                div.innerHTML = `item-${index}`;
+            }
+            if (this.dynamicItemHeight) {
+                if (this.itemHeights.get(index) != div.offsetHeight) {
+                    this.itemHeights.set(index, null);
+                }
+            }
+            this.items.set(index, div);
+        }
+        return this.items.get(index);
+    }
+    firstUpdated() {
+        if (!this.container)
+            return;
+        this.addEventListener('keydown', e => {
+            if (this.disabledSelect)
+                return;
+            const action = this.keyActions[e.key];
+            if (action)
+                action();
+        });
+        this.container.addEventListener('verticalscroll', (e) => {
+            this.offset = e.value;
+        });
+        dom.on(this.container, 'mousedown', '.item', (e, elm) => {
+            if (this.disabledSelect)
+                return;
+            if (!this.container.isScrolling && e.button == 0 && elm.parentElement == this.itemContainerRef.value) {
+                const tabIndex = e.target.tabIndex;
+                if (tabIndex == null || tabIndex < 0) {
+                    e.preventDefault(); // prevents from stealing focus from another element in select event
+                    this.focus(); // default focus is on list
+                }
+                this.select(elm.index, ListSelectTrigger.Click, e.target);
+            }
+        });
+        dom.on(this.container, 'contextmenu', '.item', (e, elm) => {
+            this.dispatchEvent(new ListPointerEvent('menu', e, { list: this, index: elm.index }));
+        });
+    }
+    willUpdate(changedProps) {
+        if (changedProps.has('size') && this.offset >= this.scrollHeight) {
+            this._offset = 0;
+            this.container?.scrollVerticalTo(0);
+        }
+        if (!this.nativeHeight) {
+            dom.setSize(this, { h: this.calculatedHeight });
+        }
+        if (this.disabledFocus) {
+            this.removeAttribute('tabindex');
+        }
+        else {
+            this.tabIndex = 0;
+        }
+    }
+    updated() {
+        this.items.clear();
+        this.renderItems(true);
+    }
+    requestRender() {
+        if (!this.scrolling) {
+            window.requestAnimationFrame(() => {
+                this.renderItems();
+                this.scrolling = false;
+            });
+            this.scrolling = true;
+        }
+    }
+    renderItems(all = false) {
+        if (all)
+            this.items.clear();
+        const itemContainer = this.itemContainer;
+        if (!itemContainer)
+            return;
+        // min visible index
+        const minIndex1 = Math.floor(this.offset / this.itemHeight);
+        // min rendered index
+        const minIndex2 = Math.max(0, minIndex1 - constants.LIST_RENDERING_TRESHOLD);
+        // max visible index
+        const maxIndex1 = minIndex1 + Math.ceil(this.clientHeight / this.itemHeight);
+        // max rendered index
+        const maxIndex2 = Math.min(this.size - 1, maxIndex1 + constants.LIST_RENDERING_TRESHOLD);
+        dom.empty(itemContainer);
+        dom.hideElement(itemContainer);
+        // delete
+        for (const [i, item] of this.items) {
+            if (i < minIndex2 || i > maxIndex2) {
+                item.remove();
+                this.items.delete(i);
+            }
+        }
+        // insert
+        for (let i = minIndex2; i <= maxIndex2; i++) {
+            itemContainer.appendChild(this.getItem(i));
+        }
+        dom.setPosition(itemContainer, { t: this.calculateItemContainerOffset(minIndex2) });
+        dom.showElement(itemContainer);
+        this.layout();
+        this.dispatchEvent(this.renderEvent);
+    }
+    calculateItemContainerOffset(index) {
+        if (!this.dynamicItemHeight)
+            return index * this.itemHeight;
+        let offset = 0;
+        for (let i = 0; i < index; i++) {
+            let itemHeight = this.itemHeights.get(i);
+            if (itemHeight) {
+                offset += itemHeight;
+                continue;
+            }
+            itemHeight = this.getItem(i).offsetHeight;
+            if (itemHeight)
+                this.itemHeights.set(i, itemHeight);
+            else
+                itemHeight = this.itemHeight;
+            offset += itemHeight;
+        }
+        return offset;
+    }
+    calculateViewportMaxItemWidth() {
+        const minIndex = Math.floor(this.offset / this.itemHeight);
+        const maxIndex = Math.min(this.size - 1, minIndex + Math.ceil(this.clientHeight / this.itemHeight));
+        let maxWidth = 0;
+        for (let i = minIndex; i <= maxIndex; i++) {
+            maxWidth = Math.max(maxWidth, this.measureItemWidth(i) + 20);
+        }
+        return maxWidth;
+    }
+    measureItemWidth(index) {
+        let width = this.measuredWidths.get(index);
+        if (width != null)
+            return width;
+        if (!this.itemRenderer || !this.itemContainer)
+            return 0;
+        const measureDiv = dom.createElement('div');
+        measureDiv.style.overflow = 'hidden';
+        dom.setPosition(measureDiv, { t: 0, l: 0 });
+        this.itemContainer.appendChild(measureDiv);
+        const div = dom.createElement('div');
+        div.className = 'item';
+        measureDiv.appendChild(div);
+        const result = this.itemRenderer(div, index, { measure: true });
+        if (isString(result))
+            div.innerHTML = result;
+        else if (result)
+            render(result, div);
+        width = div.offsetWidth;
+        measureDiv.remove();
+        if (width > 0)
+            this.measuredWidths.set(index, width);
+        return width + 10;
+    }
+    updateSliders() {
+        this.container?.updateSliders();
+    }
+    async layout() {
+        if (!this.scrollContainer)
+            return;
+        if (this.dynamicItemHeight) {
+            // wait for all items to be rendered
+            let isLit = false;
+            for (const div of this.items.values()) {
+                if (div.firstElementChild instanceof LitElement) {
+                    isLit = true;
+                    await div.firstElementChild.updateComplete;
+                }
+            }
+            // if item is not LitElement, deffer execution to be sure that all items are rendered
+            if (!isLit)
+                await new Promise(resolve => setTimeout(resolve, 0));
+        }
+        dom.setSize(this.scrollContainer, { h: this.scrollHeight });
+        this.updateSliders();
+    }
+    get scrollHeight() {
+        if (!this.dynamicItemHeight)
+            return this.size * this.itemHeight;
+        let h = 0;
+        for (const index of this.itemHeights.keys()) {
+            let itemHeight = this.itemHeights.get(index);
+            if (!itemHeight) {
+                itemHeight = this.getItem(index).offsetHeight;
+                if (itemHeight)
+                    this.itemHeights.set(index, itemHeight);
+                else
+                    itemHeight = this.itemHeight;
+            }
+            h += itemHeight;
+        }
+        return h + (this.size - this.itemHeights.size) * this.itemHeight;
+    }
+    get normalizedItemStyle() {
+        if (!this.customStyle)
+            return [];
+        return (Array.isArray(this.customStyle) ? this.customStyle : [this.customStyle]).map(style => {
+            return isString(style) ? unsafeCSS(style) : style;
+        });
+    }
+};
+List.styles = [style];
+List.contentStyles = [css `
+		:host {
+			font-family: var(--og-font-family);
+			font-size: var(--og-font-size);
+		}
+	`];
+__decorate([
+    property({ type: Number })
+], List.prototype, "itemHeight", void 0);
+__decorate([
+    property({ type: Boolean })
+], List.prototype, "dynamicItemHeight", void 0);
+__decorate([
+    property({ type: Number })
+], List.prototype, "lineHeight", void 0);
+__decorate([
+    property({ type: Number })
+], List.prototype, "size", void 0);
+__decorate([
+    property({ type: Object })
+], List.prototype, "customStyle", void 0);
+__decorate([
+    property({ type: Boolean })
+], List.prototype, "nativeHeight", void 0);
+__decorate([
+    property({ type: Boolean })
+], List.prototype, "arrowEvents", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], List.prototype, "disabledSelect", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], List.prototype, "disabledFocus", void 0);
+__decorate([
+    property({ type: Number })
+], List.prototype, "maxHeight", void 0);
+__decorate([
+    property({ type: Boolean })
+], List.prototype, "scrollbarPadding", void 0);
+__decorate([
+    property({ type: Number })
+], List.prototype, "sliderSize", void 0);
+__decorate([
+    property()
+], List.prototype, "itemRenderer", void 0);
+List = __decorate([
+    customElement('og-list')
+], List);
+export { List };
+//# sourceMappingURL=list.js.map

package/dist/ui/list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sourceRoot":"","sources":["../../src/ui/list.ts"],"names":[],"mappings":"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","sourcesContent":["import * as dom from \"../common/dom\";\nimport { isString } from \"../common/utils\";\nimport constants from \"../constants\";\nimport { LitElement, html, css, TemplateResult, render, CSSResultOrNative, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { createRef, Ref, ref } from 'lit/directives/ref.js';\nimport { map } from 'lit/directives/map.js';\nimport { SlideEvent } from './slider';\nimport { Container } from \"./container\";\nimport { ComponentEvent } from \"./baseElement\";\nimport { style } from \"./list.style\";\nimport { Layout } from \"../types\";\n\nexport type ListItemRendererOptions = {\n\tmeasure?: boolean;\n}\n\nexport type ListItemRenderer = (div: HTMLDivElement, index: number, opts?: ListItemRendererOptions) => string|TemplateResult<1>|void;\n\nexport type ListItemElement = HTMLDivElement & {index: number};\n\nexport enum ListSelectTrigger {\n\tEnter = \"enter\",\n\tClick = \"click\",\n\tArrow = \"arrow\",\n}\n\nexport class ListSelectEvent extends Event {\n\tconstructor(\n\t\ttype: string,\n\t\tpublic readonly trigger: ListSelectTrigger,\n\t\tpublic readonly index: number,\n\t\tpublic readonly elm: HTMLElement,\n\t) {\n\t\tsuper(type, {bubbles: true, composed: true});\n\t}\n}\n\nexport class ListPointerEvent extends PointerEvent {\n\n\tlist: List;\n\tindex: number;\n\n\tconstructor(type: string, e: PointerEvent, args?: Partial<ListPointerEvent>) {\n\t\tsuper(`list.${type}`, e);\n\t\tObject.assign(this, args);\n\t}\n}\n\n@customElement('og-list')\nexport class List extends LitElement implements Layout {\n\n\tstatic styles = [style];\n\n\tstatic contentStyles = [css`\n\t\t:host {\n\t\t\tfont-family: var(--og-font-family);\n\t\t\tfont-size: var(--og-font-size);\n\t\t}\n\t`];\n\n\tprivate _selectedIndex = -1;\n\n\tget selectedIndex() { return this._selectedIndex; }\n\tset selectedIndex(value: number) { this._selectedIndex = value; } // TODO - probably should be reactive\n\n\t@property({type: Number})\n\titemHeight: number = constants.LIST_ITEM_HEIGHT;\n\n\t@property({type: Boolean})\n\tdynamicItemHeight = false;\n\n\t@property({type: Number})\n\tlineHeight: number = null;\n\n\t@property({type: Number})\n\tsize: number;\n\n\t@property({type: Object})\n\tcustomStyle: CSSResultOrNative|string|(CSSResultOrNative|string)[];\n\n\t@property({type: Boolean})\n\tnativeHeight = false;\n\n\t@property({type: Boolean})\n\tarrowEvents = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisabledSelect = false;\n\n\t@property({type: Boolean, reflect: true})\n\tdisabledFocus = false;\n\n\t@property({type: Number})\n\tmaxHeight: number = null;\n\n\t@property({type: Boolean})\n\tscrollbarPadding = false;\n\n\t@property({type: Number})\n\tsliderSize = 0;\n\n\t@property()\n\titemRenderer: ListItemRenderer;\n\n\tpublic readonly items = new Map<number, HTMLDivElement>();\n\tprivate containerRef: Ref<Container> = createRef();\n\tget container() { return this.containerRef?.value }\n\tprivate scrollContainerRef: Ref<HTMLDivElement> = createRef();\n\tget scrollContainer() { return this.scrollContainerRef?.value }\n\n\tprivate itemContainerRef: Ref<HTMLDivElement> = createRef();\n\tget itemContainer() { return this.itemContainerRef?.value }\n\n\tprivate scrolling = false;\n\tprivate renderEvent = new ComponentEvent('render', {bubbles: true, composed: true});\n\tprivate itemHeights = new Map<number, number>();\n\tprivate measuredWidths = new Map<number, number>();\n\n\tprivate _offset = 0;\n\tget offset() { return this._offset }\n\tset offset(value: number) {\n\t\tthis._offset = value;\n\t\tthis.requestRender();\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t}\n\n\tget pageSize() {\n\t\treturn Math.floor(this.containerRef.value.offsetHeight / this.itemHeight);\n\t}\n\n\tget calculatedHeight() {\n\t\treturn Math.min(this.maxHeight ?? (this.parentElement?.clientHeight ?? 0), this.itemHeight * this.size);\n\t}\n\n\treset() {\n\t\tthis.items.clear();\n\t\t// this.scrollToOffset(0);\n\t\tthis.itemHeights.clear();\n\t}\n\n\tscrollToOffset(offset: number) {\n\t\tthis.containerRef?.value?.scrollVerticalTo(offset);\n\t\tthis.offset = offset;\n\t}\n\n\tscrollToIndex(index: number) {\n\t\tthis.scrollToOffset(this.calculateItemContainerOffset(index));\n\t}\n\n\tscrollToView(item: HTMLDivElement) {\n\t\tif (!item || dom.getElementOffset(item, this.containerRef.value).top < 0) {\n\t\t\tconst scrollTo = this._selectedIndex == this.size - 1\n\t\t\t\t? (this.calculateItemContainerOffset(this._selectedIndex + 1) - this.containerRef.value.clientHeight)\n\t\t\t\t: this.calculateItemContainerOffset(this._selectedIndex);\n\t\t\tthis.containerRef.value.scrollVerticalTo(scrollTo);\n\t\t\tthis.offset = scrollTo;\n\t\t} else if (dom.getElementOffset(item, this.containerRef.value).top + this.itemHeight > this.containerRef.value.offsetHeight) {\n\t\t\tconst scrollTo = this._selectedIndex > 0\n\t\t\t\t? this.calculateItemContainerOffset(this._selectedIndex + 1) - this.containerRef.value.clientHeight\n\t\t\t\t: 0;\n\n\t\t\tthis.containerRef.value.scrollVerticalTo(scrollTo);\n\t\t\tthis.offset = scrollTo;\n\t\t}\n\t}\n\n\tmoveUp(count = 1) {\n\t\tif (this.size == 0) return;\n\t\tthis._selectedIndex = this._selectedIndex ?? 0;\n\t\tthis.select(this._selectedIndex - count, ListSelectTrigger.Arrow);\n\t\tthis.scrollToView(this.items.get(this._selectedIndex));\n\t}\n\n\tmoveDown(count = 1) {\n\t\tif (this.size == 0) return;\n\t\tthis._selectedIndex = this._selectedIndex ?? 0;\n\t\tthis.select(this._selectedIndex + count, ListSelectTrigger.Arrow);\n\t\tthis.scrollToView(this.items.get(this._selectedIndex));\n\t}\n\n\tdeselect() {\n\t\tif (this._selectedIndex >= 0) {\n\t\t\tif (this.items.has(this._selectedIndex)) {\n\t\t\t\tthis.items.get(this._selectedIndex).classList.remove('selected');\n\t\t\t}\n\t\t}\n\t\tthis._selectedIndex = -1;\n\t}\n\n\tselect(index: number, trigger: ListSelectTrigger = null, elm: HTMLElement = null) {\n\t\tthis.deselect();\n\t\tindex = index >= this.size ? 0 : index;\n\t\tindex = index < 0 ? this.size - 1 : index;\n\t\tif (this.items.has(index)) {\n\t\t\tthis.getItem(index).classList.add('selected');\n\t\t}\n\t\tthis._selectedIndex = index;\n\n\t\tif (trigger && (trigger != ListSelectTrigger.Arrow || this.arrowEvents)) {\n\t\t\tthis.dispatchEvent(new ListSelectEvent('select', trigger, index, elm)); // TODO - remove\n\t\t\tthis.dispatchEvent(new ListSelectEvent('list.select', trigger, index, elm));\n\t\t}\n\t}\n\n\tgetItem(index: number) : HTMLDivElement {\n\t\tif (!this.items.has(index)) {\n\t\t\tconst div = dom.createElement<ListItemElement>('div');\n\t\t\tdiv.index = index;\n\t\t\tdom.setClasses(div, ['item', index == this._selectedIndex ? 'selected' : null]);\n\n\t\t\tif (!this.dynamicItemHeight) {\n\t\t\t\tdom.setSize(div, {h: this.itemHeight});\n\t\t\t\tdiv.style.lineHeight = dom.numToPixels(this.lineHeight ?? this.itemHeight);\n\t\t\t}\n\n\t\t\tif (this.itemRenderer) {\n\t\t\t\tconst result = this.itemRenderer(div, index);\n\t\t\t\tif (isString(result)) {\n\t\t\t\t\tdiv.innerHTML = result as string;\n\t\t\t\t} else if (result) {\n\t\t\t\t\tdom.empty(div);\n\t\t\t\t\trender(result, div);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tdiv.innerHTML = `item-${index}`;\n\t\t\t}\n\n\t\t\tif (this.dynamicItemHeight) {\n\t\t\t\tif (this.itemHeights.get(index) != div.offsetHeight) {\n\t\t\t\t\tthis.itemHeights.set(index, null);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.items.set(index, div);\n\t\t}\n\t\treturn this.items.get(index);\n\t}\n\n\tprivate keyActions = {\n\t\t'ArrowUp': () => this.moveUp(),\n\t\t'PageUp': () => this.moveUp(this.pageSize),\n\t\t'ArrowDown': () => this.moveDown(),\n\t\t'PageDown': () => this.moveDown(this.pageSize),\n\t\t'Enter': () => this._selectedIndex > -1 ? this.select(this._selectedIndex, ListSelectTrigger.Enter) : null,\n\t};\n\n  firstUpdated() {\n    if (!this.container) return;\n\n\t\tthis.addEventListener('keydown', e => {\n\t\t\tif (this.disabledSelect) return;\n\t\t\tconst action = this.keyActions[e.key as keyof typeof this.keyActions];\n\t\t\tif (action) action();\n\t\t});\n\n\t\tthis.container.addEventListener('verticalscroll', (e: SlideEvent) => {\n\t\t\tthis.offset = e.value;\n\t\t});\n\n\t\tdom.on(this.container, 'mousedown', '.item', (e: MouseEvent, elm: ListItemElement) => {\n\t\t\tif (this.disabledSelect) return;\n\t\t\tif (!this.container.isScrolling && e.button == 0 && elm.parentElement == this.itemContainerRef.value) {\n\t\t\t\tconst tabIndex = (e.target as HTMLElement).tabIndex;\n\t\t\t\tif (tabIndex == null || tabIndex < 0) {\n\t\t\t\t\te.preventDefault(); // prevents from stealing focus from another element in select event\n\t\t\t\t\tthis.focus(); // default focus is on list\n\t\t\t\t}\n\t\t\t\tthis.select(elm.index, ListSelectTrigger.Click, e.target as HTMLElement);\n\t\t\t}\n\t\t});\n\n\t\tdom.on(this.container, 'contextmenu', '.item', (e: PointerEvent, elm: ListItemElement) => {\n\t\t\tthis.dispatchEvent(new ListPointerEvent('menu', e, {list: this, index: elm.index}));\n\t\t});\n\t}\n\n\twillUpdate(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('size') && this.offset >= this.scrollHeight) {\n\t\t\tthis._offset = 0;\n\t\t\tthis.container?.scrollVerticalTo(0);\n\t\t}\n\n\t\tif (!this.nativeHeight) {\n\t\t\tdom.setSize(this, {h: this.calculatedHeight});\n\t\t}\n\n\t\tif (this.disabledFocus) {\n\t\t\tthis.removeAttribute('tabindex');\n\t\t} else {\n\t\t\tthis.tabIndex = 0;\n\t\t}\n\t}\n\n\tupdated() {\n\t\tthis.items.clear();\n\t\tthis.renderItems(true);\n\t}\n\n\trequestRender() {\n\t\tif (!this.scrolling) {\n\t\t\twindow.requestAnimationFrame(() => {\n\t\t\t\tthis.renderItems();\n\t\t\t\tthis.scrolling = false;\n\t\t\t});\n\t\t\tthis.scrolling = true;\n\t\t}\n\t}\n\n\trenderItems(all = false) {\n\t\tif (all) this.items.clear();\n\n\t\tconst itemContainer = this.itemContainer;\n\t\tif (!itemContainer) return;\n\n\t\t// min visible index\n\t\tconst minIndex1 = Math.floor(this.offset / this.itemHeight);\n\t\t// min rendered index\n\t\tconst minIndex2 = Math.max(0, minIndex1 - constants.LIST_RENDERING_TRESHOLD);\n\t\t// max visible index\n\t\tconst maxIndex1 = minIndex1 + Math.ceil(this.clientHeight / this.itemHeight);\n\t\t// max rendered index\n\t\tconst maxIndex2 = Math.min(this.size - 1, maxIndex1 + constants.LIST_RENDERING_TRESHOLD);\n\n\t\tdom.empty(itemContainer);\n\t\tdom.hideElement(itemContainer);\n\n\t\t// delete\n\t\tfor (const [i, item] of this.items) {\n\t\t\tif (i < minIndex2 || i > maxIndex2) {\n\t\t\t\titem.remove();\n\t\t\t\tthis.items.delete(i);\n\t\t\t}\n\t\t}\n\n\t\t// insert\n\t\tfor (let i = minIndex2; i <= maxIndex2; i++) {\n\t\t\titemContainer.appendChild(this.getItem(i));\n\t\t}\n\n\t\tdom.setPosition(itemContainer, {t: this.calculateItemContainerOffset(minIndex2)});\n\t\tdom.showElement(itemContainer);\n\n\t\tthis.layout();\n\t\tthis.dispatchEvent(this.renderEvent);\n\t}\n\n\tcalculateItemContainerOffset(index: number) {\n\t\tif (!this.dynamicItemHeight) return index * this.itemHeight;\n\t\tlet offset = 0;\n\t\tfor (let i = 0; i < index; i++) {\n\t\t\tlet itemHeight = this.itemHeights.get(i);\n\n\t\t\tif (itemHeight) {\n\t\t\t\toffset += itemHeight;\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\titemHeight = this.getItem(i).offsetHeight;\n\t\t\tif (itemHeight) this.itemHeights.set(i, itemHeight);\n\t\t\telse itemHeight = this.itemHeight;\n\n\t\t\toffset += itemHeight;\n\t\t}\n\t\treturn offset;\n\t}\n\n\tcalculateViewportMaxItemWidth() {\n\t\tconst minIndex = Math.floor(this.offset / this.itemHeight);\n\t\tconst maxIndex = Math.min(this.size - 1, minIndex + Math.ceil(this.clientHeight / this.itemHeight));\n\t\tlet maxWidth = 0;\n\t\tfor (let i = minIndex; i <= maxIndex; i++) {\n\t\t\tmaxWidth = Math.max(maxWidth, this.measureItemWidth(i) + 20);\n\t\t}\n\t\treturn maxWidth;\n\t}\n\n\tmeasureItemWidth(index: number) {\n\t\tlet width: number = this.measuredWidths.get(index);\n\t\tif (width != null) return width;\n\t\tif (!this.itemRenderer || !this.itemContainer) return 0;\n\t\tconst measureDiv = dom.createElement<HTMLDivElement>('div');\n\t\tmeasureDiv.style.overflow = 'hidden';\n\t\tdom.setPosition(measureDiv, {t: 0, l: 0});\n\t\tthis.itemContainer.appendChild(measureDiv);\n\t\tconst div = dom.createElement<HTMLDivElement>('div');\n\t\tdiv.className = 'item';\n\t\tmeasureDiv.appendChild(div);\n\t\tconst result = this.itemRenderer(div, index, {measure: true});\n\t\tif (isString(result)) div.innerHTML = result as string;\n\t\telse if (result) render(result, div);\n\t\twidth = div.offsetWidth;\n\t\tmeasureDiv.remove();\n\t\tif (width > 0) this.measuredWidths.set(index, width);\n\t\treturn width + 10;\n\t}\n\n\tupdateSliders() {\n\t\tthis.container?.updateSliders();\n\t}\n\n\tasync layout() {\n\t\tif (!this.scrollContainer) return;\n\t\tif (this.dynamicItemHeight) {\n\t\t\t// wait for all items to be rendered\n\t\t\tlet isLit = false;\n\t\t\tfor (const div of this.items.values()) {\n\t\t\t\tif (div.firstElementChild instanceof LitElement) {\n\t\t\t\t\tisLit = true;\n\t\t\t\t\tawait (div.firstElementChild as LitElement).updateComplete;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// if item is not LitElement, deffer execution to be sure that all items are rendered\n\t\t\tif (!isLit) await new Promise(resolve => setTimeout(resolve, 0));\n\t\t}\n\n\t\tdom.setSize(this.scrollContainer, {h: this.scrollHeight});\n\t\tthis.updateSliders();\n\t}\n\n\tget scrollHeight() {\n\t\tif (!this.dynamicItemHeight) return this.size * this.itemHeight;\n\n\t\tlet h = 0;\n\t\tfor (const index of this.itemHeights.keys()) {\n\t\t\tlet itemHeight = this.itemHeights.get(index);\n\t\t\tif (!itemHeight) {\n\t\t\t\titemHeight = this.getItem(index).offsetHeight;\n\t\t\t\tif (itemHeight) this.itemHeights.set(index, itemHeight);\n\t\t\t\telse itemHeight = this.itemHeight;\n\t\t\t}\n\t\t\th += itemHeight;\n\t\t}\n\t\treturn h + (this.size - this.itemHeights.size) * this.itemHeight;\n\t}\n\n\n\tget normalizedItemStyle(): CSSResultOrNative[] {\n\t\tif (!this.customStyle) return [];\n\t\treturn (Array.isArray(this.customStyle) ? this.customStyle : [this.customStyle]).map(style => {\n\t\t\treturn isString(style) ? unsafeCSS(style) : (style as CSSResultOrNative);\n\t\t});\n\t}\n\n\trender = () => {\n\t\tconst styles = this.normalizedItemStyle;\n\t\treturn html`\n\t\t\t<og-container ${ref(this.containerRef)} ?scrollbarPadding=\"${this.scrollbarPadding}\" .sliderSize=\"${this.sliderSize}\">\n\t\t\t\t<div slot=\"content\" style=\"position: relative; height: ${this.scrollHeight}px\" ${ref(this.scrollContainerRef)}>\n\t\t\t\t\t<style>${Object.getPrototypeOf(this).constructor.contentStyles}</style>\n\t\t\t\t\t${styles.length ? html`<style>${map(styles, s => s)}</style>` : ``}\n\t\t\t\t\t<div class=\"item-container\" ${ref(this.itemContainerRef)}></div>\n\t\t\t\t</div>\n\t\t\t</og-container>\n\t\t`;\n\t}\n\n}\n"]}

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

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

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

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

package/dist/ui/list.style.js

@@ -0,0 +1,35 @@
+import { css } from 'lit';
+export const style = css `
+	* {
+		box-sizing: border-box;
+	}
+
+	:host {
+		position: relative;
+		display: block;
+		outline: none;
+	}
+
+	og-container {
+		height: 100%;
+	}
+
+	:host(:not([disabledSelect])) .item {
+		cursor: pointer;
+	}
+
+	:host(:not([disabledSelect])) .item:hover {
+		background-color: var(--og-accent-color-alpha-15);
+	}
+
+	.item.selected {
+		background-color: var(--og-accent-color-alpha-30);
+	}
+
+	.item-container {
+		position: absolute;
+		left: 0;
+		width: 100%;
+	}
+`;
+//# sourceMappingURL=list.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.style.js","sourceRoot":"","sources":["../../src/ui/list.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: block;\n\t\toutline: none;\n\t}\n\n\tog-container {\n\t\theight: 100%;\n\t}\n\n\t:host(:not([disabledSelect])) .item {\n\t\tcursor: pointer;\n\t}\n\n\t:host(:not([disabledSelect])) .item:hover {\n\t\tbackground-color: var(--og-accent-color-alpha-15);\n\t}\n\n\t.item.selected {\n\t\tbackground-color: var(--og-accent-color-alpha-30);\n\t}\n\n\t.item-container {\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t}\n`;"]}

package/dist/ui/loader.d.ts

@@ -0,0 +1,6 @@
+import { Icon } from './icon';
+export declare class Loader extends Icon {
+    static styles: import("lit").CSSResult[];
+    willUpdate(): void;
+}
+//# sourceMappingURL=loader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../src/ui/loader.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,qBACa,MAAO,SAAQ,IAAI;IAE/B,MAAM,CAAC,MAAM,4BAIV;IAEH,UAAU;CAKV"}

package/dist/ui/loader.js

@@ -0,0 +1,25 @@
+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 { css } from 'lit';
+import { customElement } from 'lit/decorators.js';
+import { Icon } from './icon';
+let Loader = class Loader extends Icon {
+    willUpdate() {
+        this.spin = true;
+        this.icon = this.iconName || 'spinner';
+    }
+};
+Loader.styles = [...Icon.styles, css `
+		:host {
+			display: block;
+		}
+	`];
+Loader = __decorate([
+    customElement(`og-loader`)
+], Loader);
+export { Loader };
+//# sourceMappingURL=loader.js.map

package/dist/ui/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","sourceRoot":"","sources":["../../src/ui/loader.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAGvB,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,IAAI;IAQ/B,UAAU;QACT,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,IAAI,SAAS,CAAC;IACxC,CAAC;;AATM,aAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,CAAA;;;;EAInC,CAAC,AAJW,CAIV;AANS,MAAM;IADlB,aAAa,CAAC,WAAW,CAAC;GACd,MAAM,CAalB","sourcesContent":["import { css } from 'lit';\nimport { customElement } from 'lit/decorators.js';\nimport { Icon } from './icon';\n\n@customElement(`og-loader`)\nexport class Loader extends Icon {\n\n\tstatic styles = [...Icon.styles, css`\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t}\n\t`];\n\n\twillUpdate() {\n\t\tthis.spin = true;\n\t\tthis.icon = this.iconName || 'spinner';\n\t}\n\t\n}"]}

package/dist/ui/menu.d.ts

@@ -0,0 +1,41 @@
+import { LitElement, TemplateResult } from 'lit';
+import { List, ListSelectEvent } from './list';
+import { IconSpec } from './icon';
+export type MenuItem = {
+    k?: number | string;
+    v?: string;
+    key?: number | string;
+    value?: string;
+    icon?: IconSpec | string;
+    color?: string;
+    type?: 'normal' | 'label' | null;
+    divider?: boolean;
+    renderer?: (div: HTMLDivElement, index: number, item: MenuItem) => TemplateResult<1> | HTMLElement;
+    exec?: (item: MenuItem) => void;
+};
+export declare class MenuEvent extends Event {
+    readonly item: MenuItem;
+    constructor(type: string, item: MenuItem);
+}
+export type MenuPosition = 'right' | 'left';
+export declare class Menu extends LitElement {
+    static styles: import("lit").CSSResult[];
+    items: MenuItem[];
+    dynamicWidth: boolean;
+    disabledFocus: boolean;
+    list: List;
+    private _hasIcons;
+    private _autoHide;
+    willUpdate(changedProps: Map<PropertyKey, unknown>): void;
+    updated(changedProps: Map<PropertyKey, unknown>): void;
+    updateWidth(): Promise<void>;
+    constructor();
+    connectedCallback(): void;
+    itemRenderer: (div: HTMLDivElement, index: number) => TemplateResult<1>;
+    open(elm: HTMLElement, position?: MenuPosition): Promise<void>;
+    openAt(x: number, y: number): Promise<void>;
+    _onRender: () => void;
+    _onSelect: (e: ListSelectEvent) => void;
+    render: () => TemplateResult<1>;
+}
+//# 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,EAAE,UAAU,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIvD,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,MAAM,QAAQ,GAAG;IACtB,CAAC,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IAClB,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAC,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,GAAC,OAAO,GAAC,IAAI,CAAC;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,KAAK,cAAc,CAAC,CAAC,CAAC,GAAC,WAAW,CAAC;IACjG,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,qBAAa,SAAU,SAAQ,KAAK;aAGlB,IAAI,EAAE,QAAQ;gBAD9B,IAAI,EAAE,MAAM,EACI,IAAI,EAAE,QAAQ;CAI/B;AAED,MAAM,MAAM,YAAY,GAAG,OAAO,GAAC,MAAM,CAAC;AAE1C,qBACa,IAAK,SAAQ,UAAU;IAEnC,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAGlB,YAAY,UAAQ;IAGpB,aAAa,UAAS;IAGtB,IAAI,EAAE,IAAI,CAAC;IAEX,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAAS;IAE1B,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAMlD,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAOzC,WAAW;;IAqBjB,iBAAiB;IAKjB,YAAY,GAAI,KAAK,cAAc,EAAE,OAAO,MAAM,uBAsBjD;IAEK,IAAI,CAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,GAAE,YAAqB;IAmBtD,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;IAiBjC,SAAS,aAER;IAED,SAAS,GAAI,GAAG,eAAe,UAK9B;IAED,MAAM,0BAYJ;CAEF"}