@omegagrid/core 0.10.2 → 0.10.4

package/dist/ui/expander.js

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -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;
+};
+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

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

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

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