@omegagrid/core 0.10.0 → 0.10.2

package/dist/ui/expander.js

@@ -1,144 +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, css, unsafeCSS } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import constants from '../constants';
-import { images } from './images';
-const commonStyle = css `
-	:host {
-		box-sizing: border-box;
-		width: ${constants.EXPANDER_SIZE}px;
-		height: ${constants.EXPANDER_SIZE}px;
-		border-radius: 50%;
-		position: relative;
-		cursor: pointer;
-		z-index: 104;
-		font-family: arial;
-		background-color: var(--og-expander-background-color);
-		border: 1px solid var(--og-expander-color);
-		color: var(--og-expander-color);
-		white-space: nowrap;
-	}
-
-	:host(:hover) {
-		border-color: var(--og-accent-color);
-		color: var(--og-accent-color);
-	}
-`;
-export class ExpandEvent extends Event {
-    get collapsed() { return this.state == 'closed'; }
-    get closed() { return !this.collapsed; }
-    constructor(state) {
-        super('toggle', { bubbles: false, cancelable: true, composed: true });
-        this.state = state;
-    }
-}
-export class LevelExpandEvent extends ExpandEvent {
-    constructor(level) {
-        super();
-        this.level = level;
-    }
-}
-let Expander = class Expander extends LitElement {
-    constructor() {
-        super();
-        this.toggle = () => this.state = this.state == 'closed' ? 'open' : 'closed';
-        this.render = () => html `
-		<div class="${this.state == 'closed' ? 'plus' : 'minus'}"></div>
-	`;
-        this.addEventListener('mousedown', (e) => e.stopPropagation());
-        this.addEventListener('pointerdown', (e) => e.stopPropagation());
-        this.addEventListener('dblclick', (e) => e.stopPropagation());
-        this.addEventListener('click', () => {
-            this.toggle();
-            this.dispatchEvent(new ExpandEvent(this.state));
-        });
-    }
-};
-Expander.styles = [
-    commonStyle,
-    css `
-			:host([state="closed"]) > div {
-				mask-image: url(data:image/svg+xml;base64,${unsafeCSS(images['plus'])});
-				-webkit-mask-image: url(data:image/svg+xml;base64,${unsafeCSS(images['plus'])});
-			}
-
-			:host([state="open"]) > div {
-				mask-image: url(data:image/svg+xml;base64,${unsafeCSS(images['minus'])});
-				-webkit-mask-image: url(data:image/svg+xml;base64,${unsafeCSS(images['minus'])});
-			}
-
-			:host([state="waiting"]) > div {
-				mask-image: url(data:image/svg+xml;base64,${unsafeCSS(images['hourglass'])});
-				-webkit-mask-image: url(data:image/svg+xml;base64,${unsafeCSS(images['hourglass'])});
-				-webkit-mask-size: 50%;
-  				mask-size: 50%;
-			}
-
-			:host(:hover) > div {
-				background-color: var(--og-accent-color);
-			}
-
-			div {
-				width: 100%;
-				height: 100%;
-				-webkit-mask-position: center center;
-				mask-position: center center;
-				-webkit-mask-repeat: no-repeat;
-				mask-repeat: no-repeat;
-				-webkit-mask-size: 70%;
-  				mask-size: 70%;
-				background-color: var(--og-expander-color);
-			}
-		`
-];
-__decorate([
-    property({ type: String, reflect: true })
-], Expander.prototype, "state", void 0);
-__decorate([
-    property({ type: String })
-], Expander.prototype, "collapsedImage", void 0);
-__decorate([
-    property({ type: String })
-], Expander.prototype, "expandedImage", void 0);
-Expander = __decorate([
-    customElement('og-expander')
-], Expander);
-export { Expander };
-let LevelExpander = class LevelExpander extends LitElement {
-    render() {
-        return html `<div>${this.level}</div>`;
-    }
-    constructor() {
-        super();
-        this.addEventListener('mousedown', (e) => e.stopPropagation());
-        this.addEventListener('pointerdown', (e) => e.stopPropagation());
-        this.addEventListener('dblclick', (e) => e.stopPropagation());
-        this.addEventListener('click', () => {
-            this.dispatchEvent(new LevelExpandEvent(this.level));
-        });
-    }
-};
-LevelExpander.styles = [
-    commonStyle,
-    css `
-			div {
-				width: 100%;
-				height: 100%;
-				font-size: 10px;
-				line-height: 12px;
-			}
-		`
-];
-__decorate([
-    property({ type: Number })
-], LevelExpander.prototype, "level", void 0);
-LevelExpander = __decorate([
-    customElement('og-levelexpander')
-], LevelExpander);
-export { LevelExpander };
-//# sourceMappingURL=expander.js.map

package/dist/ui/expander.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"expander.js","sourceRoot":"","sources":["../../src/ui/expander.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css, unsafeCSS } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport constants from '../constants';\nimport { images } from './images';\n\nconst commonStyle = css`\n\t:host {\n\t\tbox-sizing: border-box;\n\t\twidth: ${constants.EXPANDER_SIZE}px;\n\t\theight: ${constants.EXPANDER_SIZE}px;\n\t\tborder-radius: 50%;\n\t\tposition: relative;\n\t\tcursor: pointer;\n\t\tz-index: 104;\n\t\tfont-family: arial;\n\t\tbackground-color: var(--og-expander-background-color);\n\t\tborder: 1px solid var(--og-expander-color);\n\t\tcolor: var(--og-expander-color);\n\t\twhite-space: nowrap;\n\t}\n\n\t:host(:hover) {\n\t\tborder-color: var(--og-accent-color);\n\t\tcolor: var(--og-accent-color);\n\t}\n`;\n\nexport type ExpanderState = 'open'|'closed'|'waiting';\n\nexport class ExpandEvent extends Event {\n\t\n\tget collapsed() { return this.state == 'closed' }\n\tget closed() { return !this.collapsed }\n\n\tconstructor(public readonly state?: ExpanderState) {\n\t\tsuper('toggle', {bubbles: false, cancelable: true, composed: true});\n\t}\n\n}\n\nexport class LevelExpandEvent extends ExpandEvent {\n\tconstructor(public readonly level: number) {\n\t\tsuper();\n\t}\n}\n\n@customElement('og-expander')\nexport class Expander extends LitElement {\n\n\tstatic styles = [\n\t\tcommonStyle,\n\t\tcss`\n\t\t\t:host([state=\"closed\"]) > div {\n\t\t\t\tmask-image: url(data:image/svg+xml;base64,${unsafeCSS(images['plus'])});\n\t\t\t\t-webkit-mask-image: url(data:image/svg+xml;base64,${unsafeCSS(images['plus'])});\n\t\t\t}\n\n\t\t\t:host([state=\"open\"]) > div {\n\t\t\t\tmask-image: url(data:image/svg+xml;base64,${unsafeCSS(images['minus'])});\n\t\t\t\t-webkit-mask-image: url(data:image/svg+xml;base64,${unsafeCSS(images['minus'])});\n\t\t\t}\n\n\t\t\t:host([state=\"waiting\"]) > div {\n\t\t\t\tmask-image: url(data:image/svg+xml;base64,${unsafeCSS(images['hourglass'])});\n\t\t\t\t-webkit-mask-image: url(data:image/svg+xml;base64,${unsafeCSS(images['hourglass'])});\n\t\t\t\t-webkit-mask-size: 50%;\n  \t\t\t\tmask-size: 50%;\n\t\t\t}\n\n\t\t\t:host(:hover) > div {\n\t\t\t\tbackground-color: var(--og-accent-color);\n\t\t\t}\n\n\t\t\tdiv {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\t-webkit-mask-position: center center;\n\t\t\t\tmask-position: center center;\n\t\t\t\t-webkit-mask-repeat: no-repeat;\n\t\t\t\tmask-repeat: no-repeat;\n\t\t\t\t-webkit-mask-size: 70%;\n  \t\t\t\tmask-size: 70%;\n\t\t\t\tbackground-color: var(--og-expander-color);\n\t\t\t}\n\t\t`\n\t];\n\n\t@property({type: String, reflect: true})\n\tstate: ExpanderState;\n\n\t@property({type: String})\n\tcollapsedImage: string;\n\n\t@property({type: String})\n\texpandedImage: string;\n\n\ttoggle = () => this.state = this.state == 'closed' ? 'open' : 'closed';\n\t\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.addEventListener('mousedown', (e: MouseEvent) => e.stopPropagation());\n\t\tthis.addEventListener('pointerdown', (e: MouseEvent) => e.stopPropagation());\n\t\tthis.addEventListener('dblclick', (e: MouseEvent) => e.stopPropagation());\n\t\tthis.addEventListener('click', () => {\n\t\t\tthis.toggle();\n\t\t\tthis.dispatchEvent(new ExpandEvent(this.state));\n\t\t});\n\t}\n\n\trender = () => html`\n\t\t<div class=\"${this.state == 'closed' ? 'plus' : 'minus'}\"></div>\n\t`;\n\n}\n\n@customElement('og-levelexpander')\nexport class LevelExpander extends LitElement {\n\n\tstatic styles = [\n\t\tcommonStyle,\n\t\tcss`\n\t\t\tdiv {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tfont-size: 10px;\n\t\t\t\tline-height: 12px;\n\t\t\t}\n\t\t`\n\t];\n\n\t@property({type: Number})\n\tlevel: number;\n\n\trender() {\n\t\treturn html`<div>${this.level}</div>`;\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis.addEventListener('mousedown', (e: MouseEvent) => e.stopPropagation());\n\t\tthis.addEventListener('pointerdown', (e: MouseEvent) => e.stopPropagation());\n\t\tthis.addEventListener('dblclick', (e: MouseEvent) => e.stopPropagation());\n\t\tthis.addEventListener('click', () => {\n\t\t\tthis.dispatchEvent(new LevelExpandEvent(this.level));\n\t\t});\n\t}\n\n}"]}

package/dist/ui/fileInput.d.ts

@@ -1,24 +0,0 @@
-import { LitElement } from 'lit';
-export declare class FileInput extends LitElement {
-    static styles: import("lit").CSSResult[];
-    disabled: boolean;
-    value: File;
-    input: HTMLInputElement;
-    extensions: string[] | string;
-    dragging: boolean;
-    dropping: boolean;
-    constructor();
-    willUpdate(props: Map<PropertyKey, unknown>): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    _onWindowDragOver: (e: DragEvent) => void;
-    _onWindowDragLeave: (e: DragEvent) => void;
-    _onWindowDrop: (e: DragEvent) => void;
-    _onDragOver: (e: DragEvent) => void;
-    _onDragLeave: (e: DragEvent) => void;
-    _onDrop: (e: DragEvent) => void;
-    _onClick: () => void;
-    updateValue(file: File): void;
-    render: () => import("lit-html").TemplateResult<1>;
-}
-//# sourceMappingURL=fileInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fileInput.d.ts","sourceRoot":"","sources":["../../src/ui/fileInput.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,qBACa,SAAU,SAAQ,UAAU;IAExC,MAAM,CAAC,MAAM,4BAAW;IAGxB,QAAQ,UAAS;IAGjB,KAAK,EAAE,IAAI,CAAC;IAGZ,KAAK,EAAE,gBAAgB,CAAC;IAGxB,UAAU,EAAE,MAAM,EAAE,GAAC,MAAM,CAAQ;IAGnC,QAAQ,UAAS;IAGjB,QAAQ,UAAS;;IAWjB,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAM3C,iBAAiB;IAOjB,oBAAoB;IAMpB,iBAAiB,GAAI,GAAG,SAAS,UAGhC;IAED,kBAAkB,GAAI,GAAG,SAAS,UAGjC;IAED,aAAa,GAAI,GAAG,SAAS,UAG5B;IAED,WAAW,GAAI,GAAG,SAAS,UAG1B;IAED,YAAY,GAAI,GAAG,SAAS,UAG3B;IAED,OAAO,GAAI,GAAG,SAAS,UAMtB;IAED,QAAQ,aAGP;IAED,WAAW,CAAC,IAAI,EAAE,IAAI;IAStB,MAAM,6CAuBJ;CAEF"}

package/dist/ui/fileInput.js

@@ -1,130 +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 { msg } from '@omegagrid/localize';
-import { style } from './fileInput.style';
-import { ChangeEvent } from '../common/events';
-import { utils } from '../common';
-let FileInput = class FileInput extends LitElement {
-    constructor() {
-        super();
-        this.disabled = false;
-        this.extensions = null;
-        this.dragging = false;
-        this.dropping = false;
-        this._onWindowDragOver = (e) => {
-            e.preventDefault();
-            this.dragging = true;
-        };
-        this._onWindowDragLeave = (e) => {
-            e.preventDefault();
-            this.dragging = false;
-        };
-        this._onWindowDrop = (e) => {
-            e.preventDefault();
-            this.dragging = false;
-        };
-        this._onDragOver = (e) => {
-            e.preventDefault();
-            this.dropping = true;
-        };
-        this._onDragLeave = (e) => {
-            e.preventDefault();
-            this.dropping = false;
-        };
-        this._onDrop = (e) => {
-            e.preventDefault();
-            this.dropping = false;
-            if (e.dataTransfer.files.length) {
-                this.updateValue(e.dataTransfer.files[0]);
-            }
-        };
-        this._onClick = () => {
-            if (this.disabled)
-                return;
-            this.input.click();
-        };
-        this.render = () => html `
-		<input type="file" ?disabled="${this.disabled}" @change="${() => {
-            this.updateValue(this.input.files.length ? this.input.files[0] : null);
-        }}">
-		${this.dragging ? html `
-			<div class="drop ${this.dropping ? 'dropping' : ''}">${msg('Drop file here')}</div>
-		` : html `
-			<div class="inner">
-				<og-icon icon="upload"></og-icon>
-				<div class="name">${this.value ? this.value.name : ''}</div>
-				${this.value ? html `
-					<og-button
-						id="cross"
-						@click="${(e) => {
-            e.stopPropagation();
-            this.updateValue(null);
-        }}"
-						icon="xmark"
-						color="red">
-					</og-button>
-				` : ''}
-			</div>
-		`}
-	`;
-        this.tabIndex = 1;
-        this.addEventListener('click', this._onClick);
-        this.addEventListener('dragover', this._onDragOver);
-        this.addEventListener('dragleave', this._onDragLeave);
-        this.addEventListener('drop', this._onDrop);
-    }
-    willUpdate(props) {
-        if (props.has('extensions') && utils.isString(this.extensions)) {
-            this.extensions = this.extensions.split(',').map((ext) => ext.trim());
-        }
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        window.addEventListener('dragover', this._onWindowDragOver);
-        window.addEventListener('dragleave', this._onWindowDragLeave);
-        window.addEventListener('drop', this._onWindowDrop);
-    }
-    disconnectedCallback() {
-        window.removeEventListener('dragover', this._onWindowDragOver);
-        window.removeEventListener('dragleave', this._onWindowDragLeave);
-        window.removeEventListener('drop', this._onWindowDrop);
-    }
-    updateValue(file) {
-        if (this.extensions && file && !this.extensions.includes(file.name.split('.').pop())) {
-            return;
-        }
-        this.value = file;
-        this.input.value = '';
-        this.dispatchEvent(new ChangeEvent({ value: this.value }));
-    }
-};
-FileInput.styles = [style];
-__decorate([
-    property({ type: Boolean, reflect: true })
-], FileInput.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Object })
-], FileInput.prototype, "value", void 0);
-__decorate([
-    query('input')
-], FileInput.prototype, "input", void 0);
-__decorate([
-    property()
-], FileInput.prototype, "extensions", void 0);
-__decorate([
-    state()
-], FileInput.prototype, "dragging", void 0);
-__decorate([
-    state()
-], FileInput.prototype, "dropping", void 0);
-FileInput = __decorate([
-    customElement(`og-fileinput`)
-], FileInput);
-export { FileInput };
-//# sourceMappingURL=fileInput.js.map

package/dist/ui/fileInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fileInput.js","sourceRoot":"","sources":["../../src/ui/fileInput.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { msg } from '@omegagrid/localize';\nimport { style } from './fileInput.style';\nimport { ChangeEvent } from '../common/events';\nimport { utils } from '../common';\n\n@customElement(`og-fileinput`)\nexport class FileInput extends LitElement {\n\n\tstatic styles = [style];\n\n\t@property({type: Boolean, reflect: true})\n\tdisabled = false;\n\n\t@property({type: Object})\n\tvalue: File;\n\n\t@query('input')\n\tinput: HTMLInputElement;\n\n\t@property()\n\textensions: string[]|string = null;\n\n\t@state()\n\tdragging = false;\n\n\t@state()\n\tdropping = false;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.tabIndex = 1;\n\t\tthis.addEventListener('click', this._onClick);\n\t\tthis.addEventListener('dragover', this._onDragOver);\n\t\tthis.addEventListener('dragleave', this._onDragLeave);\n\t\tthis.addEventListener('drop', this._onDrop);\n\t}\n\n\twillUpdate(props: Map<PropertyKey, unknown>) {\n\t\tif (props.has('extensions') && utils.isString(this.extensions)) {\n\t\t\tthis.extensions = (this.extensions as string).split(',').map((ext: string) => ext.trim());\n\t\t}\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t\twindow.addEventListener('dragover', this._onWindowDragOver);\n\t\twindow.addEventListener('dragleave', this._onWindowDragLeave);\n\t\twindow.addEventListener('drop', this._onWindowDrop);\n\t}\n\n\tdisconnectedCallback() {\n\t\twindow.removeEventListener('dragover', this._onWindowDragOver);\n\t\twindow.removeEventListener('dragleave', this._onWindowDragLeave);\n\t\twindow.removeEventListener('drop', this._onWindowDrop);\n\t}\n\n\t_onWindowDragOver = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\tthis.dragging = true;\n\t}\n\n\t_onWindowDragLeave = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\tthis.dragging = false;\n\t}\n\n\t_onWindowDrop = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\tthis.dragging = false;\n\t}\n\n\t_onDragOver = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\tthis.dropping = true;\n\t}\n\n\t_onDragLeave = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\tthis.dropping = false;\n\t}\n\n\t_onDrop = (e: DragEvent) => {\n\t\te.preventDefault();\n\t\tthis.dropping = false;\n\t\tif (e.dataTransfer.files.length) {\n\t\t\tthis.updateValue(e.dataTransfer.files[0]);\n\t\t}\n\t}\n\n\t_onClick = () => {\n\t\tif (this.disabled) return;\n\t\tthis.input.click();\n\t}\n\n\tupdateValue(file: File) {\n\t\tif (this.extensions && file && !this.extensions.includes(file.name.split('.').pop())) {\n\t\t\treturn;\n\t\t}\n\t\tthis.value = file;\n\t\tthis.input.value = '';\n\t\tthis.dispatchEvent(new ChangeEvent<File>({value: this.value}));\n\t}\n\n\trender = () => html`\n\t\t<input type=\"file\" ?disabled=\"${this.disabled}\" @change=\"${() => {\n\t\t\tthis.updateValue(this.input.files.length ? this.input.files[0] : null);\n\t\t}}\">\n\t\t${this.dragging ? html`\n\t\t\t<div class=\"drop ${this.dropping ? 'dropping' : ''}\">${msg('Drop file here')}</div>\n\t\t` : html`\n\t\t\t<div class=\"inner\">\n\t\t\t\t<og-icon icon=\"upload\"></og-icon>\n\t\t\t\t<div class=\"name\">${this.value ? this.value.name : ''}</div>\n\t\t\t\t${this.value ? html`\n\t\t\t\t\t<og-button\n\t\t\t\t\t\tid=\"cross\"\n\t\t\t\t\t\t@click=\"${(e: MouseEvent) => {\n\t\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\tthis.updateValue(null);\n\t\t\t\t\t\t}}\"\n\t\t\t\t\t\ticon=\"xmark\"\n\t\t\t\t\t\tcolor=\"red\">\n\t\t\t\t\t</og-button>\n\t\t\t\t` : ''}\n\t\t\t</div>\n\t\t`}\n\t`;\n\t\n}"]}

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

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

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

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

package/dist/ui/fileInput.style.js

@@ -1,73 +0,0 @@
-import { css } from 'lit';
-export const style = css `
-	:host {
-		display: inline-block;
-		background-color: var(--og-colortype-gray-background-color);
-		border: 1px solid var(--og-colortype-gray-border-color);
-		height: 20px;
-		line-height: 20px;
-		width: 100px;
-		cursor: pointer;
-		font-size: var(--og-font-size);
-		position: relative;
-		border-radius: var(--og-base-radius);
-	}
-
-	:host([disabled]) {
-		cursor: not-allowed;
-	}
-	
-	* {
-		box-sizing: border-box;
-	}
-
-	.inner {
-		display: flex;
-		flex-direction: row;
-		height: 100%;
-	}
-	
-	input {
-		display: none;
-	}
-
-	og-icon {
-		flex: 0 20px;
-		text-align: center;
-	}
-
-	.drop {
-		position: absolute;
-		line-height: 20px;
-		inset: -1px;
-		border: 2px dotted var(--og-accent-color);
-		padding: 0 5px;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-	}
-
-	.drop.dropping {
-		background-color: var(--og-accent-color);
-		border-color: var(--og-text-color-2);
-		color: var(--og-text-color-2);
-	}
-
-	.name {
-		flex: 1;
-		overflow: hidden;
-		text-overflow: ellipsis;
-		white-space: nowrap;
-		padding-right: 5px;
-		color: var(--og-text-color-3);
-	}
-
-	#cross {
-		flex: 0;
-		max-width: 14px;
-		min-width: 14px;
-		border: none;
-	}
-	
-`;
-//# sourceMappingURL=fileInput.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"fileInput.style.js","sourceRoot":"","sources":["../../src/ui/fileInput.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsEvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const style = css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\tbackground-color: var(--og-colortype-gray-background-color);\n\t\tborder: 1px solid var(--og-colortype-gray-border-color);\n\t\theight: 20px;\n\t\tline-height: 20px;\n\t\twidth: 100px;\n\t\tcursor: pointer;\n\t\tfont-size: var(--og-font-size);\n\t\tposition: relative;\n\t\tborder-radius: var(--og-base-radius);\n\t}\n\n\t:host([disabled]) {\n\t\tcursor: not-allowed;\n\t}\n\t\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t.inner {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\theight: 100%;\n\t}\n\t\n\tinput {\n\t\tdisplay: none;\n\t}\n\n\tog-icon {\n\t\tflex: 0 20px;\n\t\ttext-align: center;\n\t}\n\n\t.drop {\n\t\tposition: absolute;\n\t\tline-height: 20px;\n\t\tinset: -1px;\n\t\tborder: 2px dotted var(--og-accent-color);\n\t\tpadding: 0 5px;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t}\n\n\t.drop.dropping {\n\t\tbackground-color: var(--og-accent-color);\n\t\tborder-color: var(--og-text-color-2);\n\t\tcolor: var(--og-text-color-2);\n\t}\n\n\t.name {\n\t\tflex: 1;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t\twhite-space: nowrap;\n\t\tpadding-right: 5px;\n\t\tcolor: var(--og-text-color-3);\n\t}\n\n\t#cross {\n\t\tflex: 0;\n\t\tmax-width: 14px;\n\t\tmin-width: 14px;\n\t\tborder: none;\n\t}\n\t\n`;\n"]}

package/dist/ui/floatingWindow.d.ts

@@ -1,19 +0,0 @@
-import { OmegaComponent } from "../model";
-export declare class FloatingWindow extends OmegaComponent {
-    static styles: import("lit").CSSResult;
-    noAutoHide: boolean;
-    hideKey: string;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    firstUpdated(): void;
-    updated(): Promise<void>;
-    render: () => import("lit-html").TemplateResult<1>;
-    _onDcoumentMouseDown: () => void;
-    _onKeyDown: (e: KeyboardEvent) => void;
-    registerHideEvents(): void;
-    unregisterHideEvents(): void;
-    show(dispatchEvent?: boolean): void;
-    hide(dispatchEvent?: boolean): void;
-}
-//# sourceMappingURL=floatingWindow.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"floatingWindow.d.ts","sourceRoot":"","sources":["../../src/ui/floatingWindow.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAG1C,qBACa,cAAe,SAAQ,cAAc;IAEjD,MAAM,CAAC,MAAM,0BAiBX;IAGF,UAAU,UAAS;IAGnB,OAAO,SAAY;;IAOnB,iBAAiB;IAIjB,oBAAoB;IAIpB,YAAY;IAIN,OAAO;IAIb,MAAM,6CAA4C;IAElD,oBAAoB,aAAyB;IAC7C,UAAU,GAAI,GAAG,aAAa,UAI7B;IAED,kBAAkB;IAOlB,oBAAoB;IAKpB,IAAI,CAAC,aAAa,UAAQ;IAM1B,IAAI,CAAC,aAAa,UAAQ;CAK1B"}

package/dist/ui/floatingWindow.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;
-};
-import * as dom from "../common/dom";
-import { html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { OmegaComponent } from "../model";
-import constants from "../constants";
-let FloatingWindow = class FloatingWindow extends OmegaComponent {
-    constructor() {
-        super();
-        this.noAutoHide = false;
-        this.hideKey = 'Escape';
-        this.render = () => html `<slot name="content"></slot>`;
-        this._onDcoumentMouseDown = () => this.hide(true);
-        this._onKeyDown = (e) => {
-            if (e.key === this.hideKey) {
-                this.hide(true);
-            }
-        };
-        this.addEventListener('mousedown', (e) => e.stopPropagation());
-    }
-    connectedCallback() {
-        super.connectedCallback();
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-    }
-    firstUpdated() {
-    }
-    async updated() {
-    }
-    registerHideEvents() {
-        if (!this.noAutoHide) {
-            setTimeout(() => document.addEventListener('mousedown', this._onDcoumentMouseDown, { once: true }), 10);
-        }
-        this.addEventListener('keydown', this._onKeyDown, { once: true });
-    }
-    unregisterHideEvents() {
-        document.removeEventListener('mousedown', this._onDcoumentMouseDown);
-        this.removeEventListener('keydown', this._onKeyDown);
-    }
-    show(dispatchEvent = false) {
-        dom.showElement(this);
-        this.registerHideEvents();
-        if (dispatchEvent)
-            this.dispatchEvent(new CustomEvent('show'));
-    }
-    hide(dispatchEvent = false) {
-        dom.hideElement(this);
-        this.unregisterHideEvents();
-        if (dispatchEvent)
-            this.dispatchEvent(new CustomEvent('hide'));
-    }
-};
-FloatingWindow.styles = css `
-		* {
-			box-sizing: border-box;
-		}
-
-		:host {
-			position: absolute;
-			display: block;
-			overflow: hidden;
-			box-shadow: inset 0px 4px 3px -2px var(--og-inset-shadow-color);
-			max-width: ${constants.FLOATING_WINDOW_MAX_WIDTH}px;
-			z-index: 50000;
-		}
-
-		slot[name="content"] {
-			border: 2px solid red;
-		}
-	`;
-__decorate([
-    property({ type: Boolean })
-], FloatingWindow.prototype, "noAutoHide", void 0);
-__decorate([
-    property({ type: String })
-], FloatingWindow.prototype, "hideKey", void 0);
-FloatingWindow = __decorate([
-    customElement('og-floating-window')
-], FloatingWindow);
-export { FloatingWindow };
-//# sourceMappingURL=floatingWindow.js.map

package/dist/ui/floatingWindow.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"floatingWindow.js","sourceRoot":"","sources":["../../src/ui/floatingWindow.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,KAAK,GAAG,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,SAAS,MAAM,cAAc,CAAC;AAG9B,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,cAAc;IA2BjD;QACC,KAAK,EAAE,CAAC;QANT,eAAU,GAAG,KAAK,CAAC;QAGnB,YAAO,GAAG,QAAQ,CAAC;QAuBnB,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA,8BAA8B,CAAC;QAElD,yBAAoB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC7C,eAAU,GAAG,CAAC,CAAgB,EAAE,EAAE;YACjC,IAAI,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;gBAC5B,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC;QACF,CAAC,CAAA;QA1BA,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC,CAAa,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC;IAC5E,CAAC;IAED,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC3B,CAAC;IAED,oBAAoB;QACnB,KAAK,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,YAAY;IAEZ,CAAC;IAED,KAAK,CAAC,OAAO;IAEb,CAAC;IAWD,kBAAkB;QACjB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YACtB,UAAU,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,oBAAoB,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACvG,CAAC;QACD,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;IACjE,CAAC;IAED,oBAAoB;QACnB,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACrE,IAAI,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACtD,CAAC;IAED,IAAI,CAAC,aAAa,GAAG,KAAK;QACzB,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,aAAa;YAAE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,CAAC;IAED,IAAI,CAAC,aAAa,GAAG,KAAK;QACzB,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACtB,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,aAAa;YAAE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;IAChE,CAAC;;AA7EM,qBAAM,GAAG,GAAG,CAAA;;;;;;;;;;gBAUJ,SAAS,CAAC,yBAAyB;;;;;;;EAOjD,AAjBY,CAiBX;AAGF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;kDACP;AAGnB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;+CACN;AAzBP,cAAc;IAD1B,aAAa,CAAC,oBAAoB,CAAC;GACvB,cAAc,CAgF1B","sourcesContent":["import * as dom from \"../common/dom\";\nimport { html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { OmegaComponent } from \"../model\";\nimport constants from \"../constants\";\n\n@customElement('og-floating-window')\nexport class FloatingWindow extends OmegaComponent {\n\n\tstatic styles = css`\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t:host {\n\t\t\tposition: absolute;\n\t\t\tdisplay: block;\n\t\t\toverflow: hidden;\n\t\t\tbox-shadow: inset 0px 4px 3px -2px var(--og-inset-shadow-color);\n\t\t\tmax-width: ${constants.FLOATING_WINDOW_MAX_WIDTH}px;\n\t\t\tz-index: 50000;\n\t\t}\n\n\t\tslot[name=\"content\"] {\n\t\t\tborder: 2px solid red;\n\t\t}\n\t`;\n\n\t@property({type: Boolean})\n\tnoAutoHide = false;\n\t\n\t@property({type: String})\n\thideKey = 'Escape';\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('mousedown', (e: MouseEvent) => e.stopPropagation());\n\t}\n\t\n\tconnectedCallback() {\n\t\tsuper.connectedCallback();\n\t}\n\n\tdisconnectedCallback() {\n\t\tsuper.disconnectedCallback();\n\t}\n\n\tfirstUpdated() {\n\t\t\n\t}\n\n\tasync updated() {\n\t\t\n\t}\n\n\trender = () => html`<slot name=\"content\"></slot>`;\n\n\t_onDcoumentMouseDown = () => this.hide(true);\n\t_onKeyDown = (e: KeyboardEvent) => {\n\t\tif (e.key === this.hideKey) {\n\t\t\tthis.hide(true);\n\t\t}\n\t}\n\n\tregisterHideEvents() {\n\t\tif (!this.noAutoHide) {\n\t\t\tsetTimeout(() => document.addEventListener('mousedown', this._onDcoumentMouseDown, {once: true}), 10);\n\t\t}\n\t\tthis.addEventListener('keydown', this._onKeyDown, {once: true});\n\t}\n\n\tunregisterHideEvents() {\n\t\tdocument.removeEventListener('mousedown', this._onDcoumentMouseDown);\n\t\tthis.removeEventListener('keydown', this._onKeyDown);\n\t}\n\n\tshow(dispatchEvent = false) {\n\t\tdom.showElement(this);\n\t\tthis.registerHideEvents();\n\t\tif (dispatchEvent) this.dispatchEvent(new CustomEvent('show'));\n\t}\n\n\thide(dispatchEvent = false) {\n\t\tdom.hideElement(this);\n\t\tthis.unregisterHideEvents();\n\t\tif (dispatchEvent) this.dispatchEvent(new CustomEvent('hide'));\n\t}\n}"]}

package/dist/ui/icon.d.ts

@@ -1,46 +0,0 @@
-import { LitElement } from 'lit';
-import { IconPrefix } from '@fortawesome/fontawesome-svg-core';
-export type IconSpec = {
-    icon: string | [string, string];
-    color?: string;
-    statusIcon?: string | [string, string];
-    statusColor?: string;
-    size?: '' | 'lg' | 'xs' | 'sm' | '1x' | '2x' | '3x' | '4x' | '5x' | '6x' | '7x' | '8x' | '9x' | '10x' | null;
-    rotation?: number;
-    fallback?: string;
-};
-export declare class Icon extends LitElement {
-    static defaultIconSet: string;
-    static defaultStatusIconSet: string;
-    static styles: import("lit").CSSResult[];
-    private _icon;
-    fixedWidth: boolean;
-    spin: boolean;
-    reverseSpin: boolean;
-    flip: boolean;
-    pulse: boolean;
-    spinPulse: boolean;
-    bounce: boolean;
-    shake: boolean;
-    beat: boolean;
-    fade: boolean;
-    beatFade: boolean;
-    pullLeft: boolean;
-    pullRight: boolean;
-    size: string;
-    color: string;
-    set icon(value: IconSpec | string);
-    get icon(): IconSpec | string;
-    get iconName(): string;
-    get prefix(): IconPrefix;
-    get iconSize(): string;
-    get iconColor(): string;
-    get fallback(): string;
-    get statusIconName(): string;
-    get statusIconPrefix(): string;
-    get statusIconColor(): string;
-    createMainIcon(): import("@fortawesome/fontawesome-svg-core").Icon;
-    createLayeredIcon(): import("@fortawesome/fontawesome-svg-core").Layer;
-    updated(): void;
-}
-//# sourceMappingURL=icon.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/ui/icon.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAO,MAAM,KAAK,CAAC;AAGtC,OAAO,EAAiC,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAG9F,MAAM,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE,MAAM,GAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,GAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,IAAI,CAAC;IAC7G,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;CACjB,CAAC;AAEF,qBACa,IAAK,SAAQ,UAAU;IAEnC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC;IAC9B,MAAM,CAAC,oBAAoB,EAAE,MAAM,CAAC;IAKpC,MAAM,CAAC,MAAM,4BAuBV;IAEH,OAAO,CAAC,KAAK,CAAW;IAGxB,UAAU,UAAS;IAGnB,IAAI,UAAS;IAGb,WAAW,UAAS;IAGpB,IAAI,UAAS;IAGb,KAAK,UAAS;IAGd,SAAS,UAAS;IAGlB,MAAM,UAAS;IAGf,KAAK,UAAS;IAGd,IAAI,UAAS;IAGb,IAAI,UAAS;IAGb,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,SAAS,UAAS;IAGlB,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,MAAM,CAAC;IAEd,IACI,IAAI,CAAC,KAAK,EAAE,QAAQ,GAAC,MAAM,EAG9B;IACD,IAAI,IAAI,IAAI,QAAQ,GAAC,MAAM,CAAsB;IAEjD,IAAI,QAAQ,WAGX;IAED,IAAI,MAAM,IACsG,UAAU,CACzH;IAED,IAAI,QAAQ,WAEX;IAED,IAAI,SAAS,WAEZ;IAED,IAAI,QAAQ,WAEX;IAED,IAAI,cAAc,WAGjB;IAED,IAAI,gBAAgB,WAGnB;IAED,IAAI,eAAe,WAElB;IAED,cAAc;IAmBd,iBAAiB;IA6BjB,OAAO;CASP"}