@omegagrid/core 0.2.5

package/dist/ui/container.js

@@ -0,0 +1,240 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const dom = __importStar(require("../common/dom"));
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const slider_1 = require("./slider");
+const ref_js_1 = require("lit/directives/ref.js");
+let Container = class Container extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.overscroll = false;
+        this.verticalSliderRef = (0, ref_js_1.createRef)();
+        this.horizontalSliderRef = (0, ref_js_1.createRef)();
+        this._mouseIn = false;
+        this.render = () => (0, lit_1.html) `
+		<div class="inner"><slot name="content"></slot></div>
+		<og-slider direction="vertical" ${(0, ref_js_1.ref)(this.verticalSliderRef)}></og-slider>
+		<og-slider direction="horizontal" ${(0, ref_js_1.ref)(this.horizontalSliderRef)}></og-slider>
+	`;
+    }
+    get isScrolling() { return this.verticalSliderRef.value.sliding || this.horizontalSliderRef.value.sliding; }
+    fixScrollPosition() {
+        if (this.inner.offsetTop < 0) {
+            if (this.clientHeight - this.inner.offsetHeight - this.inner.offsetTop > 0) {
+                this.scrollVerticalTo(Math.max(0, this.inner.offsetHeight - this.clientHeight));
+            }
+        }
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.resizeObserver = new ResizeObserver(() => {
+            this.updateSliders();
+            this.fixScrollPosition();
+        });
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.inner) {
+            this.resizeObserver.unobserve(this.inner);
+        }
+    }
+    scrollVerticalByPixels(deltaY) {
+        var _a;
+        if (this.inner.offsetHeight <= this.clientHeight)
+            return false;
+        const top = this.scrollHeight > 0
+            ? ((_a = Math.max(-this.verticalSliderRef.value.maxValue, Math.min(0, this.inner.offsetTop - deltaY))) !== null && _a !== void 0 ? _a : 0)
+            : 0;
+        if (this.inner.offsetTop === top)
+            return false;
+        dom.setPosition(this.inner, { t: top });
+        this.verticalSliderRef.value.value = -top;
+        this.classList.toggle('scroll-top-0', top === 0);
+        this.dispatchEvent(new slider_1.SlideEvent('verticalscroll', -top));
+        return true;
+    }
+    scrollVerticalTo(top) {
+        if (this.inner) {
+            dom.setPosition(this.inner, { t: -top });
+            this.classList.toggle('scroll-top-0', top === 0);
+            this.verticalSliderRef.value.value = top;
+        }
+    }
+    scrollHorizontalByPixels(deltaX) {
+        var _a;
+        const left = (_a = Math.max(-this.horizontalSliderRef.value.maxValue, Math.min(0, this.inner.offsetLeft - deltaX))) !== null && _a !== void 0 ? _a : 0;
+        if (this.inner.offsetLeft == left)
+            return false;
+        dom.setPosition(this.inner, { l: left });
+        this.horizontalSliderRef.value.value = left;
+        return true;
+    }
+    scrollHorizontalTo(left) {
+        if (this.inner) {
+            dom.setPosition(this.inner, { l: -left });
+            this.horizontalSliderRef.value.value = left;
+        }
+    }
+    firstUpdated() {
+        this.classList.add('scroll-top-0');
+        this.verticalSliderRef.value.hide();
+        this.horizontalSliderRef.value.hide();
+        this.resizeObserver.observe(this);
+        this.verticalSliderRef.value.addEventListener('slide', (e) => {
+            this.scrollVerticalTo(e.value);
+            this.dispatchEvent(new slider_1.SlideEvent('verticalscroll', e.value));
+        });
+        this.horizontalSliderRef.value.addEventListener('slide', (e) => {
+            this.scrollHorizontalTo(e.value);
+            this.dispatchEvent(new slider_1.SlideEvent('horizontalscroll', e.value));
+        });
+        this.verticalSliderRef.value.addEventListener('slideEnd', () => {
+            this.updateSliders();
+        });
+        this.addEventListener('mouseenter', () => {
+            this._mouseIn = true;
+            this.updateSliders();
+        });
+        this.addEventListener('mouseleave', () => {
+            this._mouseIn = false;
+            this.updateSliders();
+        });
+        this.addEventListener('wheel', (e) => {
+            if (e.deltaY != 0) {
+                if (this.scrollVerticalByPixels(e.deltaY)) {
+                    e.stopPropagation();
+                }
+            }
+        }, { passive: true });
+        this.addEventListener('touchstart', e => {
+            this.touchStart = e.touches[0];
+            this._mouseIn = true;
+        }, { passive: true });
+        this.addEventListener('touchend', () => {
+            this.touchStart = null;
+            this._mouseIn = false;
+            this.updateSliders();
+        }, { passive: true });
+        this.addEventListener('touchmove', (e) => {
+            if (this.touchStart) {
+                const touch = e.touches[0];
+                this.scrollVerticalByPixels(this.touchStart.clientY - touch.clientY);
+                this.scrollVerticalByPixels(this.touchStart.clientX - touch.clientX);
+                this.updateSliders();
+                this.touchStart = touch;
+            }
+        }, { passive: true });
+    }
+    get scrollHeight() {
+        var _a;
+        return ((_a = this.inner) === null || _a === void 0 ? void 0 : _a.clientHeight) - (this.overscroll ? 0 : this.clientHeight);
+    }
+    get scrollWidth() {
+        var _a;
+        return ((_a = this.inner) === null || _a === void 0 ? void 0 : _a.clientWidth) - this.clientWidth;
+    }
+    updateSliders() {
+        if (this.verticalSliderRef.value) {
+            const containerHeight = this.clientHeight;
+            if (containerHeight < this.inner.clientHeight) {
+                this.verticalSliderRef.value.pageSize = containerHeight;
+                this.verticalSliderRef.value.maxValue = this.scrollHeight;
+                this.verticalSliderRef.value.requestUpdate();
+                if (this._mouseIn || this.verticalSliderRef.value.sliding) {
+                    this.verticalSliderRef.value.show();
+                }
+                else {
+                    this.verticalSliderRef.value.hide();
+                }
+            }
+            else {
+                this.verticalSliderRef.value.hide();
+            }
+        }
+        if (this.horizontalSliderRef.value) {
+            const containerWidth = this.clientWidth;
+            if (containerWidth < this.inner.clientWidth) {
+                this.horizontalSliderRef.value.pageSize = containerWidth;
+                this.horizontalSliderRef.value.maxValue = this.scrollWidth;
+                this.horizontalSliderRef.value.requestUpdate();
+                if (this._mouseIn || this.horizontalSliderRef.value.sliding) {
+                    this.horizontalSliderRef.value.show();
+                }
+                else {
+                    this.horizontalSliderRef.value.hide();
+                }
+            }
+            else {
+                this.horizontalSliderRef.value.hide();
+            }
+        }
+    }
+};
+exports.Container = Container;
+Container.styles = (0, lit_1.css) `
+		:host {
+			position: relative;
+			display: block;
+			overflow: hidden;
+			box-shadow: inset 0px 4px 3px -2px var(--frozen-border-color, black);
+		}
+
+		:host(.scroll-top-0) {
+			box-shadow: none;
+		}
+
+		og-slider[direction="vertical"] {
+			right: 0;
+			top: 0;
+			bottom: 0;
+		}
+
+		.inner {
+			width: 100%;
+			//height: 100%;
+		}
+	`;
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Container.prototype, "content", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Container.prototype, "overscroll", void 0);
+__decorate([
+    (0, decorators_js_1.query)('.inner')
+], Container.prototype, "inner", void 0);
+exports.Container = Container = __decorate([
+    (0, decorators_js_1.customElement)('og-container')
+], Container);
+//# sourceMappingURL=container.js.map

package/dist/ui/container.js.map

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

package/dist/ui/dropdown.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+import { ColorTypes, Layout } from '../types';
+export declare class DropdownEvent extends Event {
+    constructor(event: string);
+}
+export declare class DropdownContainer extends LitElement {
+    static styles: import("lit").CSSResult;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+export declare class Dropdown extends LitElement implements Layout {
+    static styles: import("lit").CSSResult[];
+    alignment: 'left' | 'right';
+    positionOffset: number;
+    dropdownParent: HTMLElement;
+    label: string;
+    color: ColorTypes;
+    noCaret: boolean;
+    private _contentElm;
+    protected dropdownRef: import("lit-html/directives/ref.js").Ref<DropdownContainer>;
+    get dropdown(): DropdownContainer;
+    get isOpen(): boolean;
+    constructor();
+    _onDocumentMouseDown: (e: MouseEvent) => void;
+    open(): Promise<void>;
+    close(): void;
+    _onMousedown: () => Promise<void>;
+    disconnectedCallback(): void;
+    renderDropdown: () => import("lit-html").TemplateResult<1>;
+    render: () => import("lit-html").TemplateResult<1>;
+    layout(): void;
+}
+//# 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,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAM9C,qBAAa,aAAc,SAAQ,KAAK;gBAE3B,KAAK,EAAE,MAAM;CAGzB;AAED,qBAEa,iBAAkB,SAAQ,UAAU;IAEhD,MAAM,CAAC,MAAM,0BAYX;IAEF,MAAM,6CAA6D;CACnE;AAED,qBAEa,QAAS,SAAQ,UAAW,YAAW,MAAM;IAEzD,MAAM,CAAC,MAAM,4BAoBV;IAGH,SAAS,EAAE,MAAM,GAAC,OAAO,CAAW;IAGpC,cAAc,SAAK;IAGnB,cAAc,EAAE,WAAW,CAAiB;IAG5C,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,aAAqB;IAG1B,OAAO,UAAS;IAEhB,OAAO,CAAC,WAAW,CAAc;IAEjC,SAAS,CAAC,WAAW,8DAAkC;IACvD,IAAI,QAAQ,sBAAoC;IAEhD,IAAI,MAAM,YAA2D;;IAOrE,oBAAoB,MAAO,UAAU,UAKpC;IAEK,IAAI;IAwBV,KAAK;IAKL,YAAY,sBAA2B;IAEvC,oBAAoB;IAKpB,cAAc,6CAIZ;IAEF,MAAM,6CAaJ;IAEF,MAAM;CAYN"}

package/dist/ui/dropdown.js

@@ -0,0 +1,197 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dropdown = exports.DropdownContainer = exports.DropdownEvent = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const types_1 = require("../types");
+const dom = __importStar(require("../common/dom"));
+const styling_1 = require("../styling");
+const unsafe_html_js_1 = require("lit/directives/unsafe-html.js");
+const ref_js_1 = require("lit-html/directives/ref.js");
+class DropdownEvent extends Event {
+    constructor(event) {
+        super(`dropdown.${event}`);
+    }
+}
+exports.DropdownEvent = DropdownEvent;
+let DropdownContainer = class DropdownContainer extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.render = () => (0, lit_1.html) `<div><slot name="inner-content"></slot></div>`;
+    }
+};
+exports.DropdownContainer = DropdownContainer;
+DropdownContainer.styles = (0, lit_1.css) `
+		:host {
+			border: 1px solid var(--accent-color);
+			background-color: var(--background-color);
+			position: absolute;
+			overflow: hidden;
+			box-sizing: border-box;
+			color: var(--text-color);
+			z-index: 600;
+			font-size: var(--font-size);
+			font-family: var(--font-family);
+		}
+	`;
+exports.DropdownContainer = DropdownContainer = __decorate([
+    (0, decorators_js_1.customElement)('og-dropdown-container'),
+    (0, styling_1.stylable)({ vars: ['accent-color', 'text-color', 'background-color', 'font-size', 'font-family'] })
+], DropdownContainer);
+let Dropdown = class Dropdown extends lit_1.LitElement {
+    get dropdown() { return this.dropdownRef.value; }
+    get isOpen() { return this.dropdown && !dom.isHidden(this.dropdown); }
+    constructor() {
+        super();
+        this.alignment = 'right';
+        this.positionOffset = 0;
+        this.dropdownParent = document.body;
+        this.color = types_1.ColorTypes.Accent;
+        this.noCaret = false;
+        this.dropdownRef = (0, ref_js_1.createRef)();
+        this._onDocumentMouseDown = (e) => {
+            for (const elm of e.composedPath()) {
+                if (elm == this.dropdown || elm == this)
+                    return;
+            }
+            this.close();
+        };
+        this._onMousedown = async () => this.open();
+        this.renderDropdown = () => (0, lit_1.html) `
+		<og-dropdown-container ${(0, ref_js_1.ref)(this.dropdownRef)}
+			style="display: none">
+		</og-dropdown-container>
+	`;
+        this.render = () => (0, lit_1.html) `
+		<og-button
+			@mousedown="${this._onMousedown}"
+			id="main"
+			color="${this.color}"
+			style="flex: 1" 
+			?caret="${!this.noCaret}">
+			<div slot="content">${this.label == null
+            ? (0, lit_1.html) `<slot name="label"></slot>`
+            : (0, lit_1.html) `${this.label === '' ? (0, unsafe_html_js_1.unsafeHTML)('&nbsp;') : this.label}`}
+			</div>
+		</og-button>
+		${this.renderDropdown()}
+	`;
+        this.tabIndex = 0;
+    }
+    async open() {
+        this.dispatchEvent(new DropdownEvent('beforeOpen'));
+        await this.updateComplete;
+        if (this.dropdown.parentElement !== this.dropdownParent) {
+            this.dropdownParent.appendChild(this.dropdown);
+        }
+        if (this.children.length > 0 && !this._contentElm) {
+            this._contentElm = [...this.children].find(elm => elm.slot == 'content');
+            if (this._contentElm) {
+                this._contentElm.slot = 'inner-content';
+                this.dropdown.appendChild(this._contentElm);
+            }
+        }
+        dom.showElement(this.dropdown);
+        this.requestUpdate();
+        await this.dropdown.updateComplete;
+        this.dispatchEvent(new DropdownEvent('open'));
+        this.layout();
+        document.body.addEventListener('mousedown', this._onDocumentMouseDown);
+    }
+    close() {
+        if (this.dropdown)
+            dom.hideElement(this.dropdown);
+        document.body.removeEventListener('mousedown', this._onDocumentMouseDown);
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        if (this.dropdown)
+            this.appendChild(this.dropdown);
+    }
+    layout() {
+        if (!this.dropdown)
+            return;
+        const offset = dom.getElementOffset(this, this.dropdownParent);
+        dom.setSize(this.dropdown, { w: this.offsetWidth }, true);
+        dom.setPosition(this.dropdown, {
+            t: offset.top + this.offsetHeight,
+            l: this.positionOffset + (this.alignment == 'left'
+                ? offset.left : (offset.left + this.offsetWidth - this.dropdown.offsetWidth))
+        });
+        dom.fixElementPosition(this.dropdown);
+    }
+};
+exports.Dropdown = Dropdown;
+Dropdown.styles = [(0, lit_1.css) `
+		:host {
+			box-sizing: border-box;
+			display: flex;
+			flex-direction: row;
+			font-size: var(--font-size);
+			font-family: var(--font-family);
+			cursor: pointer;
+			user-select: none;
+			outline: none;
+		}
+
+		div.text {
+			flex: 1;
+			color: var(--text-color-2);
+			padding: 2px;
+			white-space: nowrap;
+			text-overflow: ellipsis;
+			overflow: hidden;
+		}
+	`];
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Dropdown.prototype, "alignment", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Number })
+], Dropdown.prototype, "positionOffset", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], Dropdown.prototype, "dropdownParent", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Dropdown.prototype, "label", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Dropdown.prototype, "color", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Dropdown.prototype, "noCaret", void 0);
+exports.Dropdown = Dropdown = __decorate([
+    (0, decorators_js_1.customElement)('og-dropdown'),
+    (0, styling_1.stylable)({ vars: ['accent-color', 'accent-color-highlight', 'font-size', 'font-family', 'text-color-2'] })
+], Dropdown);
+//# 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/dropdownMenu.d.ts

@@ -0,0 +1,12 @@
+import { Dropdown } from './dropdown';
+import { Menu, MenuItem } from './menu';
+export declare class DropdownMenu extends Dropdown {
+    items: MenuItem[];
+    label: string;
+    dynamicWidth: boolean;
+    _menu: Menu;
+    get menu(): Menu;
+    constructor();
+    updated(): void;
+}
+//# sourceMappingURL=dropdownMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenu.d.ts","sourceRoot":"","sources":["../../src/ui/dropdownMenu.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,IAAI,EAAa,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAEnD,qBACa,YAAa,SAAQ,QAAQ;IAGzC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAGlB,KAAK,EAAE,MAAM,CAAC;IAGd,YAAY,UAAS;IAErB,KAAK,EAAE,IAAI,CAAC;IACZ,IAAI,IAAI,SAgBP;;IAQD,OAAO;CAOP"}

package/dist/ui/dropdownMenu.js

@@ -0,0 +1,58 @@
+"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.DropdownMenu = void 0;
+const common_1 = require("../common");
+const decorators_js_1 = require("lit/decorators.js");
+const dropdown_1 = require("./dropdown");
+const menu_1 = require("./menu");
+let DropdownMenu = class DropdownMenu extends dropdown_1.Dropdown {
+    get menu() {
+        if (!this._menu) {
+            this._menu = common_1.dom.createElement('og-menu');
+            this._menu.slot = 'inner-content';
+            this._menu.style.border = 'none';
+            this._menu.style.minWidth = '100%';
+            this._menu.dynamicWidth = this.dynamicWidth;
+            this._menu.items = this.items;
+            this._menu.addEventListener('menu.select', (e) => {
+                this.close();
+                this.dispatchEvent(new menu_1.MenuEvent('select', e.item));
+            });
+            this._menu.addEventListener('render', () => this.layout());
+            this.dropdown.appendChild(this._menu);
+        }
+        return this._menu;
+    }
+    constructor() {
+        super();
+        this.dynamicWidth = false;
+        this.addEventListener('dropdown.beforeOpen', () => this.menu);
+        this.addEventListener('dropdown.open', () => this.menu.focus());
+    }
+    updated() {
+        if (this._menu) {
+            this._menu.dynamicWidth = this.dynamicWidth;
+            this._menu.items = this.items;
+        }
+    }
+};
+exports.DropdownMenu = DropdownMenu;
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], DropdownMenu.prototype, "items", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], DropdownMenu.prototype, "label", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], DropdownMenu.prototype, "dynamicWidth", void 0);
+exports.DropdownMenu = DropdownMenu = __decorate([
+    (0, decorators_js_1.customElement)(`og-dropdown-menu`)
+], DropdownMenu);
+//# sourceMappingURL=dropdownMenu.js.map

package/dist/ui/dropdownMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdownMenu.js","sourceRoot":"","sources":["../../src/ui/dropdownMenu.ts"],"names":[],"mappings":";;;;;;;;;AAAA,sCAAgC;AAChC,qDAA4D;AAC5D,yCAAsC;AACtC,iCAAmD;AAG5C,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,mBAAQ;IAYzC,IAAI,IAAI;QACP,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC;YACjB,IAAI,CAAC,KAAK,GAAG,YAAG,CAAC,aAAa,CAAO,SAAS,CAAC,CAAC;YAChD,IAAI,CAAC,KAAK,CAAC,IAAI,GAAG,eAAe,CAAC;YAClC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YACjC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,MAAM,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;YAC5C,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;YAC9B,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,CAAC,CAAY,EAAE,EAAE;gBAC3D,IAAI,CAAC,KAAK,EAAE,CAAC;gBACb,IAAI,CAAC,aAAa,CAAC,IAAI,gBAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAC3D,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC;IACnB,CAAC;IAED;QACC,KAAK,EAAE,CAAC;QAtBT,iBAAY,GAAG,KAAK,CAAC;QAuBpB,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAE,CAAC;QAC/D,IAAI,CAAC,gBAAgB,CAAC,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;IACjE,CAAC;IAED,OAAO;QACN,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAChB,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC;YAC5C,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/B,CAAC;IACF,CAAC;CAED,CAAA;AA3CY,oCAAY;AAGxB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;2CACN;AAGlB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;2CACX;AAGd;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;kDACL;uBATT,YAAY;IADxB,IAAA,6BAAa,EAAC,kBAAkB,CAAC;GACrB,YAAY,CA2CxB"}

package/dist/ui/expander.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+export type ExpanderState = 'open' | 'closed' | 'waiting';
+export declare class ExpandEvent extends Event {
+    readonly state?: ExpanderState;
+    get collapsed(): boolean;
+    get closed(): boolean;
+    constructor(state?: ExpanderState);
+}
+export declare class LevelExpandEvent extends ExpandEvent {
+    readonly level: number;
+    constructor(level: number);
+}
+export declare class Expander extends LitElement {
+    static styles: import("lit").CSSResult[];
+    state: ExpanderState;
+    collapsedImage: string;
+    expandedImage: string;
+    toggle: () => "open" | "closed";
+    constructor();
+    render: () => import("lit-html").TemplateResult<1>;
+}
+export declare class LevelExpander extends LitElement {
+    static styles: import("lit").CSSResult[];
+    level: number;
+    render(): import("lit-html").TemplateResult<1>;
+    constructor();
+}
+//# sourceMappingURL=expander.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"expander.d.ts","sourceRoot":"","sources":["../../src/ui/expander.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwB,MAAM,KAAK,CAAC;AA2BvD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAC,QAAQ,GAAC,SAAS,CAAC;AAEtD,qBAAa,WAAY,SAAQ,KAAK;aAKT,KAAK,CAAC,EAAE,aAAa;IAHjD,IAAI,SAAS,YAAoC;IACjD,IAAI,MAAM,YAA6B;gBAEX,KAAK,CAAC,EAAE,aAAa;CAIjD;AAED,qBAAa,gBAAiB,SAAQ,WAAW;aACpB,KAAK,EAAE,MAAM;gBAAb,KAAK,EAAE,MAAM;CAGzC;AAED,qBAKa,QAAS,SAAQ,UAAU;IAEvC,MAAM,CAAC,MAAM,4BAoCX;IAGF,KAAK,EAAE,aAAa,CAAC;IAGrB,cAAc,EAAE,MAAM,CAAC;IAGvB,aAAa,EAAE,MAAM,CAAC;IAEtB,MAAM,0BAAiE;;IAYvE,MAAM,6CAEJ;CAEF;AAED,qBACa,aAAc,SAAQ,UAAU;IAE5C,MAAM,CAAC,MAAM,4BAUX;IAGF,KAAK,EAAE,MAAM,CAAC;IAEd,MAAM;;CAYN"}