@omegagrid/core 0.10.2 → 0.10.4

package/dist/ui/menu.js

@@ -0,0 +1,154 @@
+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 { LitElement, html } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import constants from '../constants';
+import { getElementOffset, hideElement, setPosition, setSize, showElement, fixPosition } from '../common/dom';
+import { msg } from "@omegagrid/localize";
+import { itemStyle, style } from './menu.style';
+export class MenuEvent extends Event {
+    constructor(type, item) {
+        super(`menu.${type}`, { bubbles: true, composed: true });
+        this.item = item;
+    }
+}
+let Menu = class Menu extends 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();
+            this.list.renderItems(true);
+        }
+    }
+    async updateWidth() {
+        await this.list.updateComplete;
+        let maxWidth = 0;
+        if (this.dynamicWidth) {
+            this.list.items.forEach(item => {
+                let w = 0;
+                for (const ch of item.children)
+                    w += ch.offsetWidth;
+                maxWidth = Math.max(maxWidth, w);
+            });
+            setSize(this, { w: maxWidth > 0 ? maxWidth : 100 });
+        }
+    }
+    constructor() {
+        super();
+        this.dynamicWidth = true;
+        this.disabledFocus = false;
+        this._hasIcons = false;
+        this._autoHide = false;
+        this.itemRenderer = (div, index) => {
+            const item = this.items[index];
+            div.classList.toggle('divider', !!item.divider);
+            div.classList.toggle('label', item.type == 'label');
+            if (item.divider) {
+                setSize(div, { h: constants.MENU_ITEM_HEIGHT - 1 });
+            }
+            div.style.color = item.color ? item.color : 'inherit';
+            item.type = item.type || 'normal';
+            return html `
+			${this._hasIcons && (item.icon || item.type != 'label') ? html `
+				<div class="icon">
+					${item.icon ? html `<og-icon .icon="${item.icon}"></og-icon>` : ``}
+				</div>
+			` : ``}
+			${item.renderer ? item.renderer(div, index, item) : html `
+				<div class="text">${msg(item.value ?? item.v)}</div>
+			`}
+		`;
+        };
+        this._onRender = () => {
+            this.updateWidth();
+        };
+        this._onSelect = (e) => {
+            if (this._autoHide)
+                hideElement(this);
+            const item = this.items[e.index];
+            if (item.exec)
+                item.exec(item);
+            this.dispatchEvent(new MenuEvent('select', item));
+        };
+        this.render = () => html `
+		<og-list
+			?dynamicWidth="${this.dynamicWidth}"
+			?disabledFocus="${this.disabledFocus}"
+			maxHeight="200"
+			itemHeight="${constants.MENU_ITEM_HEIGHT}"
+			size="${this.items?.length ?? 0}"
+			.itemRenderer="${this.itemRenderer}"
+			.customStyle=${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);
+        showElement(this);
+        await this.updateWidth();
+        const offset = getElementOffset(elm, this.parentElement);
+        const pos = 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);
+        setPosition(this, { t: pos.y, l: pos.x });
+        this.list.select(0);
+        this.list.focus();
+        document.body.addEventListener('mousedown', () => hideElement(this), { once: true });
+    }
+    async openAt(x, y) {
+        this._autoHide = true;
+        if (this.parentElement != document.body)
+            document.body.appendChild(this);
+        showElement(this);
+        await this.updateWidth();
+        const pos = fixPosition({
+            x: x,
+            y: y,
+            w: this.offsetWidth,
+            h: this.offsetHeight
+        }, document.body);
+        setPosition(this, { t: pos.y, l: pos.x });
+        this.list.select(0);
+        this.list.focus();
+        document.body.addEventListener('mousedown', () => hideElement(this), { once: true });
+    }
+};
+Menu.styles = [style];
+__decorate([
+    property({ type: Array })
+], Menu.prototype, "items", void 0);
+__decorate([
+    property({ type: Boolean })
+], Menu.prototype, "dynamicWidth", void 0);
+__decorate([
+    property({ type: Boolean })
+], Menu.prototype, "disabledFocus", void 0);
+__decorate([
+    query('og-list')
+], Menu.prototype, "list", void 0);
+Menu = __decorate([
+    customElement(`og-menu`)
+], Menu);
+export { 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":"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","sourcesContent":["import { LitElement, TemplateResult, html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport constants from '../constants';\nimport { getElementOffset, hideElement, setPosition, setSize, showElement, fixPosition } from '../common/dom';\nimport { List, ListSelectEvent } from './list';\nimport { msg } from \"@omegagrid/localize\";\nimport { itemStyle, style } from './menu.style';\nimport { IconSpec } from './icon';\n\nexport type MenuItem = {\n\tk?: number|string,\n\tv?: string,\n\tkey?: number|string,\n\tvalue?: string,\n\ticon?: IconSpec|string,\n\tcolor?: string,\n\ttype?: 'normal'|'label'|null,\n\tdivider?: boolean,\n\trenderer?: (div: HTMLDivElement, index: number, item: MenuItem) => TemplateResult<1>|HTMLElement,\n\texec?: (item: MenuItem) => void,\n};\n\nexport class MenuEvent extends Event {\n\tconstructor(\n\t\ttype: string,\n\t\tpublic readonly item: MenuItem,\n\t) {\n\t\tsuper(`menu.${type}`, {bubbles: true, composed: true});\n\t}\n}\n\nexport type MenuPosition = 'right'|'left';\n\n@customElement(`og-menu`)\nexport class Menu extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: Array})\n\titems: MenuItem[];\n\t\n\t@property({type: Boolean})\n\tdynamicWidth = true;\n\n\t@property({type: Boolean})\n\tdisabledFocus = false;\n\n\t@query('og-list')\n\tlist: List;\n\n\tprivate _hasIcons = false;\n\tprivate _autoHide = false;\n\n\twillUpdate(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('items')) {\n\t\t\tthis._hasIcons = this.items.findIndex(item => !!item.icon) > -1;\n\t\t}\n\t}\n\n\tupdated(changedProps: Map<PropertyKey, unknown>) {\n\t\tif (changedProps.has('items')) {\n\t\t\tthis.list.reset();\n\t\t\tthis.list.renderItems(true);\n\t\t}\n\t}\n\n\tasync updateWidth() {\n\t\tawait this.list.updateComplete;\n\n\t\tlet maxWidth = 0;\n\n\t\tif (this.dynamicWidth) {\n\t\t\tthis.list.items.forEach(item => {\n\t\t\t\tlet w = 0;\n\t\t\t\tfor (const ch of item.children) w += (ch as HTMLElement).offsetWidth;\n\t\t\t\tmaxWidth = Math.max(maxWidth, w)\n\t\t\t});\n\t\t\tsetSize(this, {w: maxWidth > 0 ? maxWidth : 100});\n\t\t}\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('contextmenu', e => e.preventDefault());\n\t\tthis.addEventListener('focus', () => setTimeout(() => this.list.focus(), 100));\n\t}\n\n\tconnectedCallback() {\t\t\n\t\tsuper.connectedCallback();\n\t\tthis.tabIndex = 0;\n\t}\n\n\titemRenderer = (div: HTMLDivElement, index: number) => {\n\t\tconst item = this.items[index];\n\t\tdiv.classList.toggle('divider', !!item.divider);\n\t\tdiv.classList.toggle('label', item.type == 'label');\n\n\t\tif (item.divider) {\n\t\t\tsetSize(div, {h: constants.MENU_ITEM_HEIGHT - 1});\n\t\t}\n\n\t\tdiv.style.color = item.color ? item.color : 'inherit';\n\t\titem.type = item.type || 'normal';\n\n\t\treturn html`\n\t\t\t${this._hasIcons && (item.icon || item.type != 'label') ? html`\n\t\t\t\t<div class=\"icon\">\n\t\t\t\t\t${item.icon ? html`<og-icon .icon=\"${item.icon}\"></og-icon>` : ``}\n\t\t\t\t</div>\n\t\t\t`: ``}\n\t\t\t${item.renderer ? item.renderer(div, index, item) : html`\n\t\t\t\t<div class=\"text\">${msg(item.value ?? item.v)}</div>\n\t\t\t`}\n\t\t`;\n\t}\n\n\tasync open(elm: HTMLElement, position: MenuPosition = 'left') {\n\t\tthis._autoHide = true;\n\t\tif (this.parentElement != document.body) document.body.appendChild(this);\n\t\tshowElement(this);\n\t\tawait this.updateWidth();\n\t\tconst offset = getElementOffset(elm, this.parentElement);\n\t\tconst pos = fixPosition({\n\t\t\tx: position == 'left' ? offset.left : (offset.left + elm.offsetWidth - this.offsetWidth),\n\t\t\ty: offset.top + elm.offsetHeight,\n\t\t\tw: this.offsetWidth,\n\t\t\th: this.offsetHeight\n\t\t}, document.body);\n\n\t\tsetPosition(this, {t: pos.y, l: pos.x});\n\t\tthis.list.select(0);\n\t\tthis.list.focus();\n\t\tdocument.body.addEventListener('mousedown', () => hideElement(this), {once: true});\n\t}\n\n\tasync openAt(x: number, y: number) {\n\t\tthis._autoHide = true;\n\t\tif (this.parentElement != document.body) document.body.appendChild(this);\n\t\tshowElement(this);\n\t\tawait this.updateWidth();\n\t\tconst pos = fixPosition({\n\t\t\tx: x,\n\t\t\ty: y,\n\t\t\tw: this.offsetWidth,\n\t\t\th: this.offsetHeight\n\t\t}, document.body);\n\t\tsetPosition(this, {t: pos.y, l: pos.x});\n\t\tthis.list.select(0);\n\t\tthis.list.focus();\n\t\tdocument.body.addEventListener('mousedown', () => hideElement(this), {once: true});\n\t}\n\n\t_onRender = () => {\n\t\tthis.updateWidth();\n\t}\n\n\t_onSelect = (e: ListSelectEvent) => {\n\t\tif (this._autoHide) hideElement(this);\n\t\tconst item = this.items[e.index];\n\t\tif (item.exec) item.exec(item);\n\t\tthis.dispatchEvent(new MenuEvent('select', item));\n\t}\n\n\trender = () => html`\n\t\t<og-list\n\t\t\t?dynamicWidth=\"${this.dynamicWidth}\"\n\t\t\t?disabledFocus=\"${this.disabledFocus}\"\n\t\t\tmaxHeight=\"200\"\n\t\t\titemHeight=\"${constants.MENU_ITEM_HEIGHT}\"\n\t\t\tsize=\"${this.items?.length ?? 0}\"\n\t\t\t.itemRenderer=\"${this.itemRenderer}\"\n\t\t\t.customStyle=${itemStyle},\n\t\t\t@render=${this._onRender}\n\t\t\t@select=${this._onSelect}>\n\t\t</og-list>\n\t`;\n\t\n}"]}

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,yBAoCrB,CAAC;AAEF,eAAO,MAAM,KAAK,yBASjB,CAAC"}

package/dist/ui/menu.style.js

@@ -0,0 +1,50 @@
+import { css } from 'lit';
+import constants from '../constants';
+export const itemStyle = css `
+	.item {
+		font-size: var(--og-font-size);
+		font-family: var(--og-font-family);
+		display: flex;
+		position: relative;
+	}
+
+	.item.label, .item.label:hover {
+		background-color: transparent !important;
+		cursor: default !important;
+		font-weight: bold;
+		color: var(--og-accent-color) !important;
+	}
+
+	.item .text {
+		padding-left: 5px;
+		padding-right: 5px;
+		white-space: nowrap;
+	}
+
+	.item .icon+.text {
+		padding-left: 0px;
+	}
+
+	.item .icon {
+		min-width: ${constants.MENU_ITEM_HEIGHT}px;
+		text-align: center;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.item.divider {
+		border-bottom: 1px solid var(--og-accent-color);
+	}
+`;
+export const style = css `
+	:host {
+		font-size: var(--og-font-size);
+		display: block;
+		border: 1px solid var(--og-accent-color);
+		background: var(--og-background-color);
+		color: var(--og-text-color);
+		border-radius: var(--og-base-radius);
+	}
+`;
+//# sourceMappingURL=menu.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"menu.style.js","sourceRoot":"","sources":["../../src/ui/menu.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;eA0Bb,SAAS,CAAC,gBAAgB;;;;;;;;;;CAUxC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;CASvB,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nexport const itemStyle = css`\n\t.item {\n\t\tfont-size: var(--og-font-size);\n\t\tfont-family: var(--og-font-family);\n\t\tdisplay: flex;\n\t\tposition: relative;\n\t}\n\n\t.item.label, .item.label:hover {\n\t\tbackground-color: transparent !important;\n\t\tcursor: default !important;\n\t\tfont-weight: bold;\n\t\tcolor: var(--og-accent-color) !important;\n\t}\n\n\t.item .text {\n\t\tpadding-left: 5px;\n\t\tpadding-right: 5px;\n\t\twhite-space: nowrap;\n\t}\n\n\t.item .icon+.text {\n\t\tpadding-left: 0px;\n\t}\n\n\t.item .icon {\n\t\tmin-width: ${constants.MENU_ITEM_HEIGHT}px;\n\t\ttext-align: center;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n\n\t.item.divider {\n\t\tborder-bottom: 1px solid var(--og-accent-color);\n\t}\n`;\n\nexport const style = css`\n\t:host {\n\t\tfont-size: var(--og-font-size);\n\t\tdisplay: block;\n\t\tborder: 1px solid var(--og-accent-color);\n\t\tbackground: var(--og-background-color);\n\t\tcolor: var(--og-text-color);\n\t\tborder-radius: var(--og-base-radius);\n\t}\n`;"]}

package/dist/ui/numericInput.d.ts

@@ -0,0 +1,37 @@
+import { LitElement } from 'lit';
+import { numbers } from '../common';
+export declare class NumericInput extends LitElement {
+    static styles: import("lit").CSSResult[];
+    format: string;
+    value: number;
+    min: number;
+    max: number;
+    locale: string;
+    disabled: boolean;
+    buttons: boolean;
+    increment: number;
+    input: HTMLInputElement;
+    editing: boolean;
+    private _lastInputValue;
+    private _lastValue;
+    private _formatter;
+    get formatter(): numbers.NumberFormatterFunction;
+    private _editingFormatter;
+    get editingFormatter(): numbers.NumberFormatterFunction;
+    get formattedValue(): string;
+    get hasButtons(): boolean;
+    resetFormatters(): void;
+    willUpdate(props: Map<PropertyKey, unknown>): void;
+    constructor();
+    focus(): void;
+    inc(value?: number): void;
+    private _dispatchChangeEvent;
+    private isValidNumber;
+    _onKeyDown: (e: KeyboardEvent) => void;
+    _onInput: (e: InputEvent) => void;
+    _onFocus: () => void;
+    _onBlur: () => void;
+    _onButtonClick: (e: MouseEvent) => void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=numericInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"numericInput.d.ts","sourceRoot":"","sources":["../../src/ui/numericInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,qBACa,YAAa,SAAQ,UAAU;IAE3C,MAAM,CAAC,MAAM,4BAAS;IAGtB,MAAM,SAAmC;IAGzC,KAAK,EAAE,MAAM,CAAC;IAGd,GAAG,EAAE,MAAM,CAAC;IAGZ,GAAG,EAAE,MAAM,CAAC;IAGZ,MAAM,SAAe;IAGrB,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,SAAS,SAAK;IAGd,KAAK,EAAE,gBAAgB,CAAC;IAGxB,OAAO,UAAS;IAEhB,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,UAAU,CAAkC;IACpD,IAAI,SAAS,oCAGZ;IAED,OAAO,CAAC,iBAAiB,CAAkC;IAC3D,IAAI,gBAAgB,oCAKnB;IAED,IAAI,cAAc,WAKjB;IAED,IAAI,UAAU,YAA4C;IAE1D,eAAe;IAKf,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;;IAiB3C,KAAK;IAIL,GAAG,CAAC,KAAK,GAAE,MAAuB;IAKlC,OAAO,CAAC,oBAAoB;IAO5B,OAAO,CAAC,aAAa;IAIrB,UAAU,GAAI,GAAG,aAAa,UAM7B;IAED,QAAQ,GAAI,GAAG,UAAU,UAexB;IAED,QAAQ,aAGN;IAEF,OAAO,aAGL;IAEF,cAAc,GAAI,GAAG,UAAU,UAI9B;IAED,MAAM,6CA6BJ;CAEF"}

package/dist/ui/numericInput.js

@@ -0,0 +1,175 @@
+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 { LitElement, html } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { getLocale } from '@omegagrid/localize';
+import constants from '../constants';
+import { numbers } from '../common';
+import { style } from './numericInput.style';
+let NumericInput = class NumericInput extends LitElement {
+    get formatter() {
+        if (!this._formatter)
+            this._formatter = numbers.getNumberFormatter(this.locale, this.format);
+        return this._formatter;
+    }
+    get editingFormatter() {
+        if (!this._editingFormatter) {
+            this._editingFormatter = Intl.NumberFormat(this.locale, { useGrouping: false, maximumFractionDigits: 20 }).format;
+        }
+        return this._editingFormatter;
+    }
+    get formattedValue() {
+        return this.value == null ? '' : (this.editing
+            ? this.editingFormatter(this.value)
+            : this.formatter(this.value));
+    }
+    get hasButtons() { return this.buttons && !this.disabled; }
+    resetFormatters() {
+        this._formatter = null;
+        this._editingFormatter = null;
+    }
+    willUpdate(props) {
+        if (props.has('locale') || props.has('format')) {
+            this.resetFormatters();
+        }
+        if (props.has('value')) {
+            if (!this.isValidNumber(this.value)) {
+                this.value = props.get('value');
+            }
+        }
+    }
+    constructor() {
+        super();
+        this.format = constants.DEFAULT_NUMBER_FORMAT;
+        this.locale = getLocale();
+        this.disabled = false;
+        this.buttons = false;
+        this.increment = 1;
+        this.editing = false;
+        this._onKeyDown = (e) => {
+            if (['ArrowUp', 'ArrowDown'].includes(e.key)) {
+                e.preventDefault();
+                this.inc(e.key == 'ArrowUp' ? this.increment : -this.increment);
+                this._dispatchChangeEvent();
+            }
+        };
+        this._onInput = (e) => {
+            if (/^-?(0|[1-9]\d*)([,.]\d*)?$/.test(this.input.value)) {
+                this.value = parseFloat(this.input.value.replace(',', '.'));
+            }
+            else if (this.input.value == '') {
+                this.value = null;
+            }
+            else {
+                const s = this.input.selectionStart - (e.data?.length || 0);
+                this.input.value = this.formattedValue;
+                this.input.selectionStart = this.input.selectionEnd = s;
+            }
+            if (this.input.value != this._lastInputValue) {
+                this._lastInputValue = this.input.value;
+                this.dispatchEvent(new InputEvent('input', e));
+            }
+        };
+        this._onFocus = () => {
+            this._lastValue = this.value;
+            this.editing = true;
+        };
+        this._onBlur = () => {
+            this.editing = false;
+            this._dispatchChangeEvent();
+        };
+        this._onButtonClick = (e) => {
+            e.stopPropagation();
+            this.inc(parseFloat(e.target.dataset.increment));
+            this._dispatchChangeEvent();
+        };
+        this.render = () => html `
+		<div>
+			${this.hasButtons ? html `
+				<og-button
+					icon="minus"
+					data-increment="${-this.increment}"
+					@click="${this._onButtonClick}"
+					@focus="${(e) => e.stopPropagation()}">
+				</og-button>
+			` : null}
+
+			<input
+				type="text"
+				?disabled="${this.disabled}"
+				.value="${this.formattedValue}"
+				@focus="${this._onFocus}"
+				@blur="${this._onBlur}"
+				@input="${this._onInput}"
+				@keydown="${this._onKeyDown}">
+
+			${this.hasButtons ? html `
+				<og-button
+					icon="plus"
+					data-increment="${this.increment}"
+					@click="${this._onButtonClick}"
+					@focus="${(e) => e.stopPropagation()}">
+				</og-button>
+			` : null}
+		</div>
+	`;
+        this.tabIndex = 1;
+    }
+    focus() {
+        this.input?.focus();
+    }
+    inc(value = this.increment) {
+        const v = (this.value || 0) + value;
+        if (this.isValidNumber(v))
+            this.value = v;
+    }
+    _dispatchChangeEvent() {
+        if (this.value != this._lastValue) {
+            this._lastValue = this.value;
+            this.dispatchEvent(new Event('change'));
+        }
+    }
+    isValidNumber(value) {
+        return (this.min == null || value >= this.min) && (this.max == null || value <= this.max);
+    }
+};
+NumericInput.styles = style;
+__decorate([
+    property({ type: String })
+], NumericInput.prototype, "format", void 0);
+__decorate([
+    property({ type: Number })
+], NumericInput.prototype, "value", void 0);
+__decorate([
+    property({ type: Number })
+], NumericInput.prototype, "min", void 0);
+__decorate([
+    property({ type: Number })
+], NumericInput.prototype, "max", void 0);
+__decorate([
+    property({ type: String })
+], NumericInput.prototype, "locale", void 0);
+__decorate([
+    property({ type: Boolean })
+], NumericInput.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], NumericInput.prototype, "buttons", void 0);
+__decorate([
+    property({ type: Number })
+], NumericInput.prototype, "increment", void 0);
+__decorate([
+    query('input')
+], NumericInput.prototype, "input", void 0);
+__decorate([
+    state()
+], NumericInput.prototype, "editing", void 0);
+NumericInput = __decorate([
+    customElement(`og-numericinput`)
+], NumericInput);
+export { NumericInput };
+//# sourceMappingURL=numericInput.js.map

package/dist/ui/numericInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"numericInput.js","sourceRoot":"","sources":["../../src/ui/numericInput.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { getLocale } from '@omegagrid/localize';\nimport constants from '../constants';\nimport { numbers } from '../common';\nimport { style } from './numericInput.style';\n\n@customElement(`og-numericinput`)\nexport class NumericInput extends LitElement {\n\n\tstatic styles = style;\n\n\t@property({type: String})\n\tformat = constants.DEFAULT_NUMBER_FORMAT;\n\n\t@property({type: Number})\n\tvalue: number;\n\n\t@property({type: Number})\n\tmin: number;\n\n\t@property({type: Number})\n\tmax: number;\n\n\t@property({type: String})\n\tlocale = getLocale();\n\n\t@property({type: Boolean})\n\tdisabled = false;\n\n\t@property({type: Boolean})\n\tbuttons = false;\n\n\t@property({type: Number})\n\tincrement = 1;\n\n\t@query('input')\n\tinput: HTMLInputElement;\n\n\t@state()\n\tediting = false;\n\n\tprivate _lastInputValue: string;\n\tprivate _lastValue: number;\n\n\tprivate _formatter: numbers.NumberFormatterFunction;\n\tget formatter() {\n\t\tif (!this._formatter) this._formatter = numbers.getNumberFormatter(this.locale, this.format);\n\t\treturn this._formatter;\n\t}\n\n\tprivate _editingFormatter: numbers.NumberFormatterFunction;\n\tget editingFormatter() {\n\t\tif (!this._editingFormatter) {\n\t\t\tthis._editingFormatter = Intl.NumberFormat(this.locale, {useGrouping: false, maximumFractionDigits: 20}).format;\n\t\t}\n\t\treturn this._editingFormatter;\n\t}\n\n\tget formattedValue() {\n\t\treturn this.value == null ? '' : (this.editing\n\t\t\t? this.editingFormatter(this.value)\n\t\t\t: this.formatter(this.value)\n\t\t);\n\t}\n\n\tget hasButtons() { return this.buttons && !this.disabled }\n\n\tresetFormatters() {\n\t\tthis._formatter = null;\n\t\tthis._editingFormatter = null;\n\t}\n\t\n\twillUpdate(props: Map<PropertyKey, unknown>) {\n\t\tif (props.has('locale') || props.has('format')) {\n\t\t\tthis.resetFormatters();\n\t\t}\n\n\t\tif (props.has('value')) {\n\t\t\tif (!this.isValidNumber(this.value)) {\n\t\t\t\tthis.value = props.get('value') as number;\n\t\t\t}\n\t\t}\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.tabIndex = 1;\n\t}\n\n\tfocus() {\n\t\tthis.input?.focus();\n\t}\n\n\tinc(value: number = this.increment) {\n\t\tconst v = (this.value || 0) + value;\n\t\tif (this.isValidNumber(v)) this.value = v;\n\t}\n\n\tprivate _dispatchChangeEvent() {\n\t\tif (this.value != this._lastValue) {\n\t\t\tthis._lastValue = this.value;\n\t\t\tthis.dispatchEvent(new Event('change'));\n\t\t}\n\t}\n\n\tprivate isValidNumber(value: number) {\n\t\treturn (this.min == null || value >= this.min) && (this.max == null || value <= this.max);\n\t}\n\n\t_onKeyDown = (e: KeyboardEvent) => {\n\t\tif (['ArrowUp', 'ArrowDown'].includes(e.key)) {\n\t\t\te.preventDefault();\n\t\t\tthis.inc(e.key == 'ArrowUp' ? this.increment : -this.increment);\n\t\t\tthis._dispatchChangeEvent();\n\t\t}\n\t}\n\n\t_onInput = (e: InputEvent) => {\n\t\tif (/^-?(0|[1-9]\\d*)([,.]\\d*)?$/.test(this.input.value)) {\n\t\t\tthis.value = parseFloat(this.input.value.replace(',', '.'));\n\t\t} else if (this.input.value == '') {\n\t\t\tthis.value = null;\n\t\t} else {\n\t\t\tconst s = this.input.selectionStart - (e.data?.length || 0);\n\t\t\tthis.input.value = this.formattedValue;\n\t\t\tthis.input.selectionStart = this.input.selectionEnd = s;\n\t\t}\n\n\t\tif (this.input.value != this._lastInputValue) {\n\t\t\tthis._lastInputValue = this.input.value;\n\t\t\tthis.dispatchEvent(new InputEvent('input', e));\n\t\t}\n\t}\n\n\t_onFocus = () => {\n\t\tthis._lastValue = this.value;\n\t\tthis.editing = true;\n\t};\n\n\t_onBlur = () => {\n\t\tthis.editing = false;\n\t\tthis._dispatchChangeEvent();\n\t};\n\n\t_onButtonClick = (e: MouseEvent) => {\n\t\te.stopPropagation();\n\t\tthis.inc(parseFloat((e.target as HTMLElement).dataset.increment));\n\t\tthis._dispatchChangeEvent();\n\t}\n\n\trender = () => html`\n\t\t<div>\n\t\t\t${this.hasButtons ? html`\n\t\t\t\t<og-button\n\t\t\t\t\ticon=\"minus\"\n\t\t\t\t\tdata-increment=\"${-this.increment}\"\n\t\t\t\t\t@click=\"${this._onButtonClick}\"\n\t\t\t\t\t@focus=\"${(e: Event) => e.stopPropagation()}\">\n\t\t\t\t</og-button>\n\t\t\t` : null}\n\n\t\t\t<input\n\t\t\t\ttype=\"text\"\n\t\t\t\t?disabled=\"${this.disabled}\"\n\t\t\t\t.value=\"${this.formattedValue}\"\n\t\t\t\t@focus=\"${this._onFocus}\"\n\t\t\t\t@blur=\"${this._onBlur}\"\n\t\t\t\t@input=\"${this._onInput}\"\n\t\t\t\t@keydown=\"${this._onKeyDown}\">\n\n\t\t\t${this.hasButtons ? html`\n\t\t\t\t<og-button\n\t\t\t\t\ticon=\"plus\"\n\t\t\t\t\tdata-increment=\"${this.increment}\"\n\t\t\t\t\t@click=\"${this._onButtonClick}\"\n\t\t\t\t\t@focus=\"${(e: Event) => e.stopPropagation()}\">\n\t\t\t\t</og-button>\n\t\t\t` : null}\n\t\t</div>\n\t`;\n\t\n}"]}

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

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

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

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

package/dist/ui/numericInput.style.js

@@ -0,0 +1,29 @@
+import { css } from 'lit';
+import { style as inputStyle } from './input.style';
+export const style = [inputStyle, css `
+	:host {
+		text-align: right;
+		overflow: hidden;
+	}
+
+	:host > div {
+		display: flex;
+		flex-direction: row;
+		width: 100%;
+		height: 100%;
+		text-align: inherit;
+	}
+
+	og-button {
+		border: none;
+		text-align: center;
+		width: 16px;
+		padding-left: 0;
+		padding-right: 0;
+		border-radius: 0;
+		user-select: none;
+		height: 100%;
+		font-size: 10px;
+	}
+`];
+//# sourceMappingURL=numericInput.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"numericInput.style.js","sourceRoot":"","sources":["../../src/ui/numericInput.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,KAAK,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAEpD,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,UAAU,EAAE,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBpC,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\nimport { style as inputStyle } from './input.style';\n\nexport const style = [inputStyle, css`\n\t:host {\n\t\ttext-align: right;\n\t\toverflow: hidden;\n\t}\n\n\t:host > div {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttext-align: inherit;\n\t}\n\n\tog-button {\n\t\tborder: none;\n\t\ttext-align: center;\n\t\twidth: 16px;\n\t\tpadding-left: 0;\n\t\tpadding-right: 0;\n\t\tborder-radius: 0;\n\t\tuser-select: none;\n\t\theight: 100%;\n\t\tfont-size: 10px;\n\t}\n`];\n"]}

package/dist/ui/overlay.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+import { DirectionalPosition } from '../types';
+export declare class Overlay extends LitElement {
+    static defaultLoaderImage: string;
+    static defaultLoaderIcon: string;
+    static styles: import("lit").CSSResult[];
+    text: string;
+    striped: boolean;
+    loaderImage: string;
+    loaderIcon: string;
+    defaultLoader: boolean;
+    willUpdate(): void;
+    show(parent: HTMLElement, position?: DirectionalPosition, size?: number): void;
+    hide: () => HTMLElement;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=overlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../src/ui/overlay.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAG/C,qBACa,OAAQ,SAAQ,UAAU;IAEtC,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAAC;IAClC,MAAM,CAAC,iBAAiB,SAAa;IAErC,MAAM,CAAC,MAAM,4BAAW;IAGxB,IAAI,EAAE,MAAM,CAAC;IAGb,OAAO,UAAS;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,UAAU,EAAE,MAAM,CAAC;IAGnB,aAAa,UAAS;IAEtB,UAAU;IAOV,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,QAAQ,CAAC,EAAE,mBAAmB,EAAE,IAAI,CAAC,EAAE,MAAM;IAsBvE,IAAI,oBAA+B;IAEnC,MAAM,6CAaJ;CAEF"}

package/dist/ui/overlay.js

@@ -0,0 +1,87 @@
+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 Overlay_1;
+import { dom } from '../common';
+import { LitElement, html } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+import constants from '../constants';
+import { style } from './overlay.style';
+let Overlay = Overlay_1 = class Overlay extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.striped = false;
+        this.defaultLoader = false;
+        this.hide = () => dom.hideElement(this);
+        this.render = () => html `
+		<div id="inner">
+			${this.loaderIcon ? html `
+				<div id="loader">
+					<og-loader .icon="${this.loaderIcon}" size="2x"></og-loader>
+				</div>
+			` : (this.loaderImage ? html `
+				<div id="loader">
+					<img src="${this.loaderImage}" />
+				</div>
+			` : ``)}
+			${this.text ? html `<div id="text"><span>${this.text}</span></div>` : ``}
+		</div>
+	`;
+    }
+    willUpdate() {
+        if (this.defaultLoader && !this.loaderImage && !this.loaderIcon) {
+            if (Overlay_1.defaultLoaderImage)
+                this.loaderImage = Overlay_1.defaultLoaderImage;
+            else
+                this.loaderIcon = Overlay_1.defaultLoaderIcon;
+        }
+    }
+    show(parent, position, size) {
+        dom.showElement(this);
+        const offset = dom.getElementOffset(this, parent);
+        if (position && size) {
+            dom.setPosition(this, {
+                t: position == 'bottom' ? null : offset.top,
+                b: position == 'top' ? null : (offset.top + parent.clientHeight),
+                l: position == 'right' ? null : offset.left,
+                r: position == 'left' ? null : (offset.left + parent.clientWidth)
+            });
+            dom.setSize(this, {
+                w: ['left', 'right'].includes(position) ? size : parent.clientWidth,
+                h: ['top', 'bottom'].includes(position) ? size : parent.clientHeight
+            });
+        }
+        else if (offset.top == 0 && offset.left == 0) {
+            dom.setPosition(this, { t: 0, l: 0, r: 0, b: 0 });
+        }
+        else {
+            dom.setPosition(this, { t: offset.top, l: offset.left });
+            dom.setSize(this, { w: parent.clientWidth, h: parent.clientHeight });
+        }
+    }
+};
+Overlay.defaultLoaderIcon = 'spinner';
+Overlay.styles = [style];
+__decorate([
+    property({ type: String })
+], Overlay.prototype, "text", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Overlay.prototype, "striped", void 0);
+__decorate([
+    property({ type: String })
+], Overlay.prototype, "loaderImage", void 0);
+__decorate([
+    property({ type: String })
+], Overlay.prototype, "loaderIcon", void 0);
+__decorate([
+    property({ type: Boolean })
+], Overlay.prototype, "defaultLoader", void 0);
+Overlay = Overlay_1 = __decorate([
+    customElement(`${constants.PREFIX}-overlay`)
+], Overlay);
+export { Overlay };
+//# sourceMappingURL=overlay.js.map

package/dist/ui/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","sourceRoot":"","sources":["../../src/ui/overlay.ts"],"names":[],"mappings":"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","sourcesContent":["import { dom } from '../common';\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport constants from '../constants';\nimport { DirectionalPosition } from '../types';\nimport { style } from './overlay.style';\n\n@customElement(`${constants.PREFIX}-overlay`)\nexport class Overlay extends LitElement {\n\n\tstatic defaultLoaderImage: string;\n\tstatic defaultLoaderIcon = 'spinner';\n\n\tstatic styles = [style];\n\n\t@property({type: String})\n\ttext: string;\n\n\t@property({type: Boolean, reflect: true})\n\tstriped = false;\n\n\t@property({type: String})\n\tloaderImage: string;\n\n\t@property({type: String})\n\tloaderIcon: string;\n\n\t@property({type: Boolean})\n\tdefaultLoader = false;\n\n\twillUpdate() {\n\t\tif (this.defaultLoader && !this.loaderImage && !this.loaderIcon) {\n\t\t\tif (Overlay.defaultLoaderImage) this.loaderImage = Overlay.defaultLoaderImage;\n\t\t\telse this.loaderIcon = Overlay.defaultLoaderIcon;\n\t\t}\n\t}\n\n\tshow(parent: HTMLElement, position?: DirectionalPosition, size?: number) {\n\t\tdom.showElement(this)\n\t\tconst offset = dom.getElementOffset(this, parent);\n\t\tif (position && size) {\n\t\t\tdom.setPosition(this, {\n\t\t\t\tt: position == 'bottom' ? null : offset.top,\n\t\t\t\tb: position == 'top' ? null : (offset.top + parent.clientHeight),\n\t\t\t\tl: position == 'right' ? null : offset.left,\n\t\t\t\tr: position == 'left' ? null : (offset.left + parent.clientWidth)\n\t\t\t});\n\t\t\tdom.setSize(this, {\n\t\t\t\tw: ['left', 'right'].includes(position) ? size : parent.clientWidth,\n\t\t\t\th: ['top', 'bottom'].includes(position) ? size : parent.clientHeight\n\t\t\t});\n\t\t} else if (offset.top == 0 && offset.left == 0) {\n\t\t\tdom.setPosition(this, {t: 0, l: 0, r: 0, b: 0});\n\t\t} else {\n\t\t\tdom.setPosition(this, {t: offset.top, l: offset.left});\n\t\t\tdom.setSize(this, {w: parent.clientWidth, h: parent.clientHeight});\n\t\t}\n\t}\n\n\thide = () => dom.hideElement(this);\n\n\trender = () => html`\n\t\t<div id=\"inner\">\n\t\t\t${this.loaderIcon ? html`\n\t\t\t\t<div id=\"loader\">\n\t\t\t\t\t<og-loader .icon=\"${this.loaderIcon}\" size=\"2x\"></og-loader>\n\t\t\t\t</div>\n\t\t\t` : (this.loaderImage ? html`\n\t\t\t\t<div id=\"loader\">\n\t\t\t\t\t<img src=\"${this.loaderImage}\" />\n\t\t\t\t</div>\n\t\t\t` : ``)}\n\t\t\t${this.text ? html`<div id=\"text\"><span>${this.text}</span></div>` : ``}\n\t\t</div>\n\t`;\n\t\n}"]}

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

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

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

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