@omegagrid/core 0.2.5

package/dist/ui/list.js

@@ -0,0 +1,362 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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;
+};
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.List = exports.ListPointerEvent = exports.ListSelectEvent = exports.ListSelectTrigger = void 0;
+const dom = __importStar(require("../common/dom"));
+const utils_1 = require("../common/utils");
+const constants_1 = __importDefault(require("../constants"));
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const ref_js_1 = require("lit/directives/ref.js");
+const styling_1 = require("../styling");
+const baseElement_1 = require("./baseElement");
+var ListSelectTrigger;
+(function (ListSelectTrigger) {
+    ListSelectTrigger["Enter"] = "enter";
+    ListSelectTrigger["Click"] = "click";
+    ListSelectTrigger["Arrow"] = "arrow";
+})(ListSelectTrigger || (exports.ListSelectTrigger = ListSelectTrigger = {}));
+class ListSelectEvent extends Event {
+    constructor(type, trigger, index, elm) {
+        super(type, { bubbles: true, composed: true });
+        this.trigger = trigger;
+        this.index = index;
+        this.elm = elm;
+    }
+}
+exports.ListSelectEvent = ListSelectEvent;
+class ListPointerEvent extends PointerEvent {
+    constructor(type, e, args) {
+        super(`list.${type}`, e);
+        Object.assign(this, args);
+    }
+}
+exports.ListPointerEvent = ListPointerEvent;
+let List = class List extends lit_1.LitElement {
+    get selectedIndex() { return this._selectedIndex; }
+    set selectedIndex(value) { this._selectedIndex = value; }
+    get offset() { return this._offset; }
+    set offset(value) {
+        this._offset = value;
+        this.requestRender();
+    }
+    get container() { return this.containerRef.value; }
+    connectedCallback() {
+        super.connectedCallback();
+        this.tabIndex = 0;
+    }
+    constructor() {
+        super();
+        this._selectedIndex = -1;
+        this.itemHeight = constants_1.default.LIST_ITEM_HEIGHT;
+        this.lineHeight = null;
+        this.selectable = true;
+        this.nativeHeight = false;
+        this.arrowEvents = false;
+        this.disableSelect = false;
+        this.maxHeight = null;
+        this.items = new Map();
+        this.containerRef = (0, ref_js_1.createRef)();
+        this.scrollContainerRef = (0, ref_js_1.createRef)();
+        this.itemContainerRef = (0, ref_js_1.createRef)();
+        this.scrolling = false;
+        this.renderEvent = new baseElement_1.ComponentEvent('render', { bubbles: true, composed: true });
+        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 = () => (0, lit_1.html) `
+		<og-container ${(0, ref_js_1.ref)(this.containerRef)}>
+			<div slot="content" style="position: relative; height: ${this.size * this.itemHeight}px" ${(0, ref_js_1.ref)(this.scrollContainerRef)}>
+				<style>${Object.getPrototypeOf(this).constructor.contentStyles}</style>
+				${this.customStyle ? (0, lit_1.html) `<style>${this.customStyle}</style>` : ``}
+				<div class="item-container" ${(0, ref_js_1.ref)(this.itemContainerRef)}></div>
+			</div>
+		</og-container>
+	`;
+    }
+    get pageSize() {
+        return Math.floor(this.containerRef.value.offsetHeight / this.itemHeight);
+    }
+    get calculatedHeight() {
+        var _a, _b, _c;
+        return Math.min((_a = this.maxHeight) !== null && _a !== void 0 ? _a : ((_c = (_b = this.parentElement) === null || _b === void 0 ? void 0 : _b.clientHeight) !== null && _c !== void 0 ? _c : 0), this.itemHeight * this.size);
+    }
+    reset() {
+        this.items.clear();
+        this.offset = 0;
+    }
+    scrollToOffset(offset) {
+        this.containerRef.value.scrollVerticalTo(offset);
+        this.offset = offset;
+    }
+    scrollToView(item) {
+        if (!item || dom.getElementOffset(item, this.containerRef.value).top < 0) {
+            const scrollTo = this._selectedIndex == this.size - 1 ? (((this._selectedIndex + 1) * this.itemHeight) - this.containerRef.value.clientHeight) : (this._selectedIndex * this.itemHeight);
+            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 ? 0 : ((this._selectedIndex + 1) * this.itemHeight) - this.containerRef.value.clientHeight;
+            this.containerRef.value.scrollVerticalTo(scrollTo);
+            this.offset = scrollTo;
+        }
+    }
+    moveUp(count = 1) {
+        var _a;
+        if (this.size == 0)
+            return;
+        this._selectedIndex = (_a = this._selectedIndex) !== null && _a !== void 0 ? _a : 0;
+        this.select(this._selectedIndex - count, ListSelectTrigger.Arrow);
+        this.scrollToView(this.items.get(this._selectedIndex));
+    }
+    moveDown(count = 1) {
+        var _a;
+        if (this.size == 0)
+            return;
+        this._selectedIndex = (_a = this._selectedIndex) !== null && _a !== void 0 ? _a : 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) {
+        var _a;
+        if (!this.items.has(index)) {
+            const div = dom.createElement('div');
+            div.dataset.index = index.toString();
+            dom.setClasses(div, ['item', index == this._selectedIndex ? 'selected' : null]);
+            dom.setSize(div, { h: this.itemHeight });
+            div.style.lineHeight = dom.numToPixels((_a = this.lineHeight) !== null && _a !== void 0 ? _a : this.itemHeight);
+            if (this.itemRenderer) {
+                const result = this.itemRenderer(div, index);
+                if ((0, utils_1.isString)(result)) {
+                    div.innerHTML = result;
+                }
+                else if (result) {
+                    dom.empty(div);
+                    (0, lit_1.render)(result, div);
+                }
+            }
+            else {
+                div.innerHTML = `item-${index}`;
+            }
+            this.items.set(index, div);
+        }
+        return this.items.get(index);
+    }
+    firstUpdated() {
+        this.addEventListener('keydown', e => {
+            if (this.disableSelect)
+                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.disableSelect)
+                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(parseInt(elm.dataset.index), ListSelectTrigger.Click, e.target);
+            }
+        });
+        dom.on(this.container, 'contextmenu', '.item', (e, elm) => {
+            this.dispatchEvent(new ListPointerEvent('menu', e, { list: this, index: parseInt(elm.dataset.index) }));
+        });
+    }
+    willUpdate(changedProps) {
+        var _a;
+        if (changedProps.has('size') && this.offset >= this.size * this.itemHeight) {
+            this._offset = 0;
+            (_a = this.container) === null || _a === void 0 ? void 0 : _a.scrollVerticalTo(0);
+        }
+        if (!this.nativeHeight) {
+            dom.setSize(this, { h: this.calculatedHeight });
+        }
+    }
+    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.itemContainerRef.value;
+        if (!itemContainer)
+            return;
+        // min visible index
+        const minIndex1 = Math.floor(this.offset / this.itemHeight);
+        // min rendered index
+        const minIndex2 = Math.max(0, minIndex1 - constants_1.default.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_1.default.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: minIndex2 * this.itemHeight });
+        dom.showElement(itemContainer);
+        this.dispatchEvent(this.renderEvent);
+    }
+    updateSliders() {
+        var _a;
+        (_a = this.containerRef.value) === null || _a === void 0 ? void 0 : _a.updateSliders();
+    }
+};
+exports.List = List;
+List.styles = [(0, lit_1.css) `
+		* {
+			box-sizing: border-box;
+		}
+
+		:host {
+			position: relative;
+			display: block;
+			outline: none;
+		}
+
+		og-container {
+			height: 100%;
+		}
+
+		:host(:not([disableSelect])) .item {
+			cursor: pointer;
+		}
+
+		:host(:not([disableSelect])) .item:hover {
+			background-color: var(--accent-color-alpha-15);
+		}
+
+		.item.selected {
+			background-color: var(--accent-color-alpha-30);
+		}
+
+		.item-container {
+			position: absolute;
+			left: 0;
+			width: 100%;
+		}
+	`];
+List.contentStyles = [(0, lit_1.css) `
+		:host {
+			font-family: var(--font-family);
+			font-size: var(--font-size);
+		}
+	`];
+__decorate([
+    (0, decorators_js_1.property)({ type: Number })
+], List.prototype, "itemHeight", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Number })
+], List.prototype, "lineHeight", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], List.prototype, "selectable", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Number })
+], List.prototype, "size", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], List.prototype, "customStyle", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], List.prototype, "nativeHeight", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], List.prototype, "arrowEvents", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean, reflect: true })
+], List.prototype, "disableSelect", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Number })
+], List.prototype, "maxHeight", void 0);
+__decorate([
+    (0, decorators_js_1.property)()
+], List.prototype, "itemRenderer", void 0);
+exports.List = List = __decorate([
+    (0, decorators_js_1.customElement)('og-list'),
+    (0, styling_1.stylable)({ vars: ['font-*', 'accent-*'] })
+], 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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"}

package/dist/ui/loader.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+export declare class Loader extends LitElement {
+    static styles: import("lit").CSSResult;
+    icon: string;
+    color: string;
+    size: '' | 'lg' | 'xs' | 'sm' | '1x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x' | null;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# 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":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,MAAO,SAAQ,UAAU;IAErC,MAAM,CAAC,MAAM,0BAIX;IAGF,IAAI,SAAa;IAGjB,KAAK,EAAE,MAAM,CAAC;IAGd,IAAI,EAAE,EAAE,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,IAAI,GAAC,KAAK,GAAC,IAAI,CAAQ;IAEvF,MAAM,6CAEJ;CAEF"}

package/dist/ui/loader.js

@@ -0,0 +1,40 @@
+"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.Loader = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+let Loader = class Loader extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.icon = "spinner";
+        this.size = 'lg';
+        this.render = () => (0, lit_1.html) `
+		<og-fa-icon .icon="${this.icon}" .size="${this.size}" spin></og-fa-icon>
+	`;
+    }
+};
+exports.Loader = Loader;
+Loader.styles = (0, lit_1.css) `
+		:host {
+			display: block;
+		}
+	`;
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], Loader.prototype, "icon", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], Loader.prototype, "color", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], Loader.prototype, "size", void 0);
+exports.Loader = Loader = __decorate([
+    (0, decorators_js_1.customElement)(`og-loader`)
+], 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,6BAA4C;AAC5C,qDAA4D;AAGrD,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,gBAAU;IAA/B;;QASN,SAAI,GAAG,SAAS,CAAC;QAMjB,SAAI,GAA8E,IAAI,CAAC;QAEvF,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;uBACG,IAAI,CAAC,IAAI,YAAY,IAAI,CAAC,IAAI;EACnD,CAAC;IAEH,CAAC;;AArBY,wBAAM;AAEX,aAAM,GAAG,IAAA,SAAG,EAAA;;;;EAIlB,AAJY,CAIX;AAGF;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;oCACvB;AAGjB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;qCAC1B;AAGd;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;oCAC+C;iBAf3E,MAAM;IADlB,IAAA,6BAAa,EAAC,WAAW,CAAC;GACd,MAAM,CAqBlB"}

package/dist/ui/menu.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+import { List, ListSelectEvent } from './list';
+import { IconSpec } from './icon';
+export type MenuItem = {
+    key?: number | string;
+    value: string;
+    icon?: IconSpec | string;
+    color?: string;
+    divider?: boolean;
+    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;
+    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) => import("lit-html").TemplateResult<1>;
+    open(elm: HTMLElement, position?: MenuPosition): Promise<void>;
+    openAt(x: number, y: number): Promise<void>;
+    _onRender: () => void;
+    _onSelect: (e: ListSelectEvent) => void;
+    render: () => import("lit-html").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,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,MAAM,MAAM,QAAQ,GAAG;IACtB,GAAG,CAAC,EAAE,MAAM,GAAC,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAC,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,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,qBAEa,IAAK,SAAQ,UAAU;IAEnC,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAGlB,YAAY,UAAS;IAGrB,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;IAMzC,WAAW;;IAkBjB,iBAAiB;IAKjB,YAAY,QAAS,cAAc,SAAS,MAAM,0CAiBjD;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,MAAO,eAAe,UAK9B;IAED,MAAM,6CAWJ;CAEF"}

package/dist/ui/menu.js

@@ -0,0 +1,154 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Menu = exports.MenuEvent = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const styling_1 = require("../styling");
+const constants_1 = __importDefault(require("../constants"));
+const dom_1 = require("../common/dom");
+const localize_1 = require("@lit/localize");
+const menu_style_1 = require("./menu.style");
+class MenuEvent extends Event {
+    constructor(type, item) {
+        super(`menu.${type}`, { bubbles: true, composed: true });
+        this.item = item;
+    }
+}
+exports.MenuEvent = MenuEvent;
+let Menu = class Menu extends lit_1.LitElement {
+    willUpdate(changedProps) {
+        if (changedProps.has('items')) {
+            this._hasIcons = this.items.findIndex(item => !!item.icon) > -1;
+        }
+    }
+    updated(changedProps) {
+        if (changedProps.has('items')) {
+            this.list.reset();
+        }
+    }
+    async updateWidth() {
+        await this.list.updateComplete;
+        let maxWidth = 0;
+        this.list.items.forEach(item => {
+            let w = 0;
+            for (const ch of item.children)
+                w += ch.offsetWidth;
+            maxWidth = Math.max(maxWidth, w);
+        });
+        (0, dom_1.setSize)(this, { w: maxWidth > 0 ? maxWidth : 100 });
+    }
+    constructor() {
+        super();
+        this.dynamicWidth = false;
+        this._hasIcons = false;
+        this._autoHide = false;
+        this.itemRenderer = (div, index) => {
+            const item = this.items[index];
+            div.classList.toggle('divider', !!item.divider);
+            if (item.divider) {
+                (0, dom_1.setSize)(div, { h: constants_1.default.MENU_ITEM_HEIGHT - 1 });
+            }
+            div.style.color = item.color ? item.color : 'inherit';
+            return (0, lit_1.html) `
+			${this._hasIcons ? (0, lit_1.html) `
+				<div class="icon">
+					${item.icon ? (0, lit_1.html) `<og-icon .icon="${item.icon}"></og-icon>` : ``}
+				</div>
+			` : ``}
+			<div class="text">${(0, localize_1.msg)(item.value)}</div>
+		`;
+        };
+        this._onRender = () => {
+            this.updateWidth();
+        };
+        this._onSelect = (e) => {
+            if (this._autoHide)
+                (0, dom_1.hideElement)(this);
+            const item = this.items[e.index];
+            if (item.exec)
+                item.exec(item);
+            this.dispatchEvent(new MenuEvent('select', item));
+        };
+        this.render = () => {
+            var _a, _b;
+            return (0, lit_1.html) `
+		<og-list
+			?dynamicWidth="${true}"
+			maxHeight="200"
+			itemHeight="${constants_1.default.MENU_ITEM_HEIGHT}"
+			size="${(_b = (_a = this.items) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0}"
+			.itemRenderer="${this.itemRenderer}"
+			.customStyle=${menu_style_1.itemStyle},
+			@render=${this._onRender}
+			@select=${this._onSelect}>
+		</og-list>
+	`;
+        };
+        this.addEventListener('contextmenu', e => e.preventDefault());
+        this.addEventListener('focus', () => setTimeout(() => this.list.focus(), 100));
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.tabIndex = 0;
+    }
+    async open(elm, position = 'left') {
+        this._autoHide = true;
+        if (this.parentElement != document.body)
+            document.body.appendChild(this);
+        (0, dom_1.showElement)(this);
+        await this.updateWidth();
+        const offset = (0, dom_1.getElementOffset)(elm, this.parentElement);
+        const pos = (0, dom_1.fixPosition)({
+            x: position == 'left' ? offset.left : (offset.left + elm.offsetWidth - this.offsetWidth),
+            y: offset.top + elm.offsetHeight,
+            w: this.offsetWidth,
+            h: this.offsetHeight
+        }, document.body);
+        (0, dom_1.setPosition)(this, { t: pos.y, l: pos.x });
+        this.list.select(0);
+        this.list.focus();
+        document.body.addEventListener('mouseup', () => (0, dom_1.hideElement)(this), { once: true });
+    }
+    async openAt(x, y) {
+        this._autoHide = true;
+        if (this.parentElement != document.body)
+            document.body.appendChild(this);
+        (0, dom_1.showElement)(this);
+        await this.updateWidth();
+        const pos = (0, dom_1.fixPosition)({
+            x: x,
+            y: y,
+            w: this.offsetWidth,
+            h: this.offsetHeight
+        }, document.body);
+        (0, dom_1.setPosition)(this, { t: pos.y, l: pos.x });
+        this.list.select(0);
+        this.list.focus();
+        document.body.addEventListener('mouseup', () => (0, dom_1.hideElement)(this), { once: true });
+    }
+};
+exports.Menu = Menu;
+Menu.styles = [menu_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], Menu.prototype, "items", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Menu.prototype, "dynamicWidth", void 0);
+__decorate([
+    (0, decorators_js_1.query)('og-list')
+], Menu.prototype, "list", void 0);
+exports.Menu = Menu = __decorate([
+    (0, decorators_js_1.customElement)(`og-menu`),
+    (0, styling_1.stylable)({ vars: ['font-*', 'accent-color', 'background-color', 'text-color'] })
+], Menu);
+//# sourceMappingURL=menu.js.map

package/dist/ui/menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../src/ui/menu.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6BAAuC;AACvC,qDAAmE;AACnE,wCAAsC;AACtC,6DAAqC;AACrC,uCAA8G;AAE9G,4CAAoC;AACpC,6CAAgD;AAYhD,MAAa,SAAU,SAAQ,KAAK;IACnC,YACC,IAAY,EACI,IAAc;QAE9B,KAAK,CAAC,QAAQ,IAAI,EAAE,EAAE,EAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,CAAC,CAAC;QAFvC,SAAI,GAAJ,IAAI,CAAU;IAG/B,CAAC;CACD;AAPD,8BAOC;AAMM,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,gBAAU;IAgBnC,UAAU,CAAC,YAAuC;QACjD,IAAI,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;QACjE,CAAC;IACF,CAAC;IAED,OAAO,CAAC,YAAuC;QAC9C,IAAI,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YAC/B,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QACnB,CAAC;IACF,CAAC;IAED,KAAK,CAAC,WAAW;QAChB,MAAM,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;QAE/B,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC9B,IAAI,CAAC,GAAG,CAAC,CAAC;YACV,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,QAAQ;gBAAE,CAAC,IAAK,EAAkB,CAAC,WAAW,CAAC;YACrE,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAA;QACjC,CAAC,CAAC,CAAC;QACH,IAAA,aAAO,EAAC,IAAI,EAAE,EAAC,CAAC,EAAE,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,EAAC,CAAC,CAAC;IACnD,CAAC;IAED;QACC,KAAK,EAAE,CAAC;QAjCT,iBAAY,GAAG,KAAK,CAAC;QAKb,cAAS,GAAG,KAAK,CAAC;QAClB,cAAS,GAAG,KAAK,CAAC;QAqC1B,iBAAY,GAAG,CAAC,GAAmB,EAAE,KAAa,EAAE,EAAE;YACrD,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAC/B,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAChD,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBAClB,IAAA,aAAO,EAAC,GAAG,EAAE,EAAC,CAAC,EAAE,mBAAS,CAAC,gBAAgB,GAAG,CAAC,EAAC,CAAC,CAAC;YACnD,CAAC;YAED,GAAG,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;YAEtD,OAAO,IAAA,UAAI,EAAA;KACR,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA;;OAEnB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAA,UAAI,EAAA,mBAAmB,IAAI,CAAC,IAAI,cAAc,CAAC,CAAC,CAAC,EAAE;;IAElE,CAAA,CAAC,CAAC,EAAE;uBACe,IAAA,cAAG,EAAC,IAAI,CAAC,KAAK,CAAC;GACnC,CAAC;QACH,CAAC,CAAA;QAsCD,cAAS,GAAG,GAAG,EAAE;YAChB,IAAI,CAAC,WAAW,EAAE,CAAC;QACpB,CAAC,CAAA;QAED,cAAS,GAAG,CAAC,CAAkB,EAAE,EAAE;YAClC,IAAI,IAAI,CAAC,SAAS;gBAAE,IAAA,iBAAW,EAAC,IAAI,CAAC,CAAC;YACtC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACjC,IAAI,IAAI,CAAC,IAAI;gBAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAC/B,IAAI,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC;QACnD,CAAC,CAAA;QAED,WAAM,GAAG,GAAG,EAAE;;YAAC,OAAA,IAAA,UAAI,EAAA;;oBAEA,IAAI;;iBAEP,mBAAS,CAAC,gBAAgB;WAChC,MAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,MAAM,mCAAI,CAAC;oBACd,IAAI,CAAC,YAAY;kBACnB,sBAAS;aACd,IAAI,CAAC,SAAS;aACd,IAAI,CAAC,SAAS;;EAEzB,CAAA;SAAA,CAAC;QAtFD,IAAI,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC;QAC9D,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC;IAChF,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,CAAC;IACnB,CAAC;IAqBD,KAAK,CAAC,IAAI,CAAC,GAAgB,EAAE,WAAyB,MAAM;QAC3D,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,IAAI,CAAC,aAAa,IAAI,QAAQ,CAAC,IAAI;YAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzE,IAAA,iBAAW,EAAC,IAAI,CAAC,CAAC;QAClB,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,IAAA,sBAAgB,EAAC,GAAG,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACzD,MAAM,GAAG,GAAG,IAAA,iBAAW,EAAC;YACvB,CAAC,EAAE,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,GAAG,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;YACxF,CAAC,EAAE,MAAM,CAAC,GAAG,GAAG,GAAG,CAAC,YAAY;YAChC,CAAC,EAAE,IAAI,CAAC,WAAW;YACnB,CAAC,EAAE,IAAI,CAAC,YAAY;SACpB,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QAElB,IAAA,iBAAW,EAAC,IAAI,EAAE,EAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAC,CAAC,CAAC;QACxC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAClB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAA,iBAAW,EAAC,IAAI,CAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;IAClF,CAAC;IAED,KAAK,CAAC,MAAM,CAAC,CAAS,EAAE,CAAS;QAChC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,IAAI,CAAC,aAAa,IAAI,QAAQ,CAAC,IAAI;YAAE,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACzE,IAAA,iBAAW,EAAC,IAAI,CAAC,CAAC;QAClB,MAAM,IAAI,CAAC,WAAW,EAAE,CAAC;QACzB,MAAM,GAAG,GAAG,IAAA,iBAAW,EAAC;YACvB,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,IAAI,CAAC,WAAW;YACnB,CAAC,EAAE,IAAI,CAAC,YAAY;SACpB,EAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QAClB,IAAA,iBAAW,EAAC,IAAI,EAAE,EAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,EAAC,CAAC,CAAC;QACxC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;QACpB,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;QAClB,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAA,iBAAW,EAAC,IAAI,CAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;IAClF,CAAC;;AAxGW,oBAAI;AAET,WAAM,GAAG,CAAC,kBAAK,CAAC,AAAV,CAAW;AAGxB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;mCACN;AAGlB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;0CACL;AAGrB;IADC,IAAA,qBAAK,EAAC,SAAS,CAAC;kCACN;eAXC,IAAI;IAFhB,IAAA,6BAAa,EAAC,SAAS,CAAC;IACxB,IAAA,kBAAQ,EAAC,EAAC,IAAI,EAAE,CAAC,QAAQ,EAAE,cAAc,EAAE,kBAAkB,EAAE,YAAY,CAAC,EAAC,CAAC;GAClE,IAAI,CAkIhB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.style.d.ts","sourceRoot":"","sources":["../../src/ui/menu.style.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,yBA0BrB,CAAC;AAEF,eAAO,MAAM,KAAK,yBAQjB,CAAC"}