@omegagrid/core 0.10.0 → 0.10.2

package/dist/ui/menu.js

@@ -1,154 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,50 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,37 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,175 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,29 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,17 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,87 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

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

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

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