@omegagrid/bucket 0.10.2 → 0.10.5

package/dist/ui/bucketAlert.d.ts

@@ -0,0 +1,20 @@
+import { Button, ColorTypes, Container, OmegaComponent } from '@omegagrid/core';
+import { BucketAlertOptions } from '../types';
+export declare class AlertEvent extends Event {
+    constructor(type: string);
+}
+export declare class BucketAlert extends OmegaComponent {
+    static styles: import("lit").CSSResultGroup[];
+    options: BucketAlertOptions;
+    color: ColorTypes;
+    noCopy: boolean;
+    container: Container;
+    btnCopy: Button;
+    willUpdate(props: Map<PropertyKey, unknown>): void;
+    private get iconSpec();
+    close(dispatchEvent?: boolean): void;
+    updated(): Promise<void>;
+    copy: () => Promise<void>;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=bucketAlert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bucketAlert.d.ts","sourceRoot":"","sources":["../../src/ui/bucketAlert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAY,cAAc,EAAkB,MAAM,iBAAiB,CAAC;AAG1G,OAAO,EAAE,kBAAkB,EAAmB,MAAM,UAAU,CAAC;AAY/D,qBAAa,UAAW,SAAQ,KAAK;gBACxB,IAAI,EAAE,MAAM;CAGxB;AAED,qBAEa,WAAY,SAAQ,cAAc;IAE9C,MAAM,CAAC,MAAM,iCAAkC;IAG/C,OAAO,EAAE,kBAAkB,CAAC;IAG5B,KAAK,EAAE,UAAU,CAAC;IAGlB,MAAM,UAAS;IAGf,SAAS,EAAE,SAAS,CAAC;IAGrB,OAAO,EAAE,MAAM,CAAC;IAEhB,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAM3C,OAAO,KAAK,QAAQ,GAQnB;IAED,KAAK,CAAC,aAAa,UAAO;IAKpB,OAAO;IASb,IAAI,sBAYH;IAED,MAAM,6CAmBJ;CAEF"}

package/dist/ui/bucketAlert.js

@@ -0,0 +1,114 @@
+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 { ColorTypes, OmegaComponent, colorable, dom } from '@omegagrid/core';
+import { html } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { msg } from '@omegagrid/localize';
+import { style } from './bucketAlert.style';
+import constants from '../constants';
+const typeMap = {
+    'info': [ColorTypes.Accent, 'circle-info'],
+    'danger': [ColorTypes.Red, 'circle-exclamation'],
+    'warning': [ColorTypes.Yellow, 'circle-exclamation'],
+    'success': [ColorTypes.Green, 'circle-check']
+};
+export class AlertEvent extends Event {
+    constructor(type) {
+        super(`alert.${type}`, { bubbles: true, composed: true });
+    }
+}
+let BucketAlert = class BucketAlert extends OmegaComponent {
+    constructor() {
+        super(...arguments);
+        this.noCopy = false;
+        this.copy = async () => {
+            if (this.options?.content) {
+                try {
+                    await navigator.clipboard.writeText(this.options.content.toString());
+                    this.btnCopy.text = msg('copied');
+                }
+                catch (error) {
+                    console.error('Failed to copy to clipboard:', error);
+                    this.btnCopy.text = msg('failed');
+                }
+                finally {
+                    setTimeout(() => this.btnCopy.text = '', 2000);
+                }
+            }
+        };
+        this.render = () => html `
+		<div class="header">
+			<og-icon .icon="${this.iconSpec}"></og-icon>
+			<div class="title">${this.options?.title}</div>
+			${this.noCopy ? null : html `
+				<og-button
+					class="copy"
+					color="transparent"
+					icon="copy"
+					title="${msg('Copy to clipboard')}"
+					@click="${this.copy}">
+				</og-button>
+			`}
+			<div class="close" @click="${() => this.close()}">&times</div>
+		</div>
+
+		<og-container class="body">
+			<div class="content" slot="content">${this.options?.content}</div>
+		</og-container>
+	`;
+    }
+    willUpdate(props) {
+        if (props.has('options')) {
+            this.color = this.options?.type ? typeMap[this.options.type][0] : ColorTypes.Accent;
+        }
+    }
+    get iconSpec() {
+        if (this.options?.icon)
+            return this.options.icon;
+        const icon = { icon: 'info' };
+        if (this.options?.type) {
+            icon.color = typeMap[this.options.type][0];
+            icon.icon = typeMap[this.options.type][1];
+        }
+        return icon;
+    }
+    close(dispatchEvent = true) {
+        dom.hideElement(this);
+        if (dispatchEvent)
+            this.dispatchEvent(new Event('close'));
+    }
+    async updated() {
+        await this.container.updateComplete;
+        const h = this.container.scrollHeight;
+        if (h > constants.ALERT_DEFAULT_HEIGHT) {
+            this.container.style.height = dom.px(Math.min(h, constants.ALERT_MAX_HEIGHT));
+            this.container.updateSliders();
+        }
+    }
+};
+BucketAlert.styles = [OmegaComponent.styles, style];
+__decorate([
+    property({ type: Object })
+], BucketAlert.prototype, "options", void 0);
+__decorate([
+    property({ type: String, reflect: true })
+], BucketAlert.prototype, "color", void 0);
+__decorate([
+    property({ type: Boolean })
+], BucketAlert.prototype, "noCopy", void 0);
+__decorate([
+    query('.body')
+], BucketAlert.prototype, "container", void 0);
+__decorate([
+    query('.copy')
+], BucketAlert.prototype, "btnCopy", void 0);
+BucketAlert = __decorate([
+    customElement('og-bucket-alert'),
+    colorable({ props: ['border'] })
+], BucketAlert);
+export { BucketAlert };
+//# sourceMappingURL=bucketAlert.js.map

package/dist/ui/bucketAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bucketAlert.js","sourceRoot":"","sources":["../../src/ui/bucketAlert.ts"],"names":[],"mappings":"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","sourcesContent":["import { Button, ColorTypes, Container, IconSpec, OmegaComponent, colorable, dom } from '@omegagrid/core';\nimport { html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { BucketAlertOptions, BucketAlertType } from '../types';\nimport { msg } from '@omegagrid/localize';\nimport { style } from './bucketAlert.style';\nimport constants from '../constants';\n\nconst typeMap: Record<BucketAlertType, [ColorTypes, string]> = {\n\t'info': [ColorTypes.Accent, 'circle-info'],\n\t'danger': [ColorTypes.Red, 'circle-exclamation'],\n\t'warning': [ColorTypes.Yellow, 'circle-exclamation'],\n\t'success': [ColorTypes.Green, 'circle-check']\n};\n\nexport class AlertEvent extends Event {\n\tconstructor(type: string) {\n\t\tsuper(`alert.${type}`, {bubbles: true, composed: true});\n\t}\n}\n\n@customElement('og-bucket-alert')\n@colorable({props: ['border']})\nexport class BucketAlert extends OmegaComponent {\n\n\tstatic styles = [OmegaComponent.styles, style];\n\t\n\t@property({type: Object})\n\toptions: BucketAlertOptions;\n\n\t@property({type: String, reflect: true})\n\tcolor: ColorTypes;\n\n\t@property({type: Boolean})\n\tnoCopy = false;\n\n\t@query('.body')\n\tcontainer: Container;\n\n\t@query('.copy')\n\tbtnCopy: Button;\n\n\twillUpdate(props: Map<PropertyKey, unknown>) {\n\t\tif (props.has('options')) {\n\t\t\tthis.color = this.options?.type ? typeMap[this.options.type][0] : ColorTypes.Accent;\n\t\t}\n\t}\n\n\tprivate get iconSpec() {\n\t\tif (this.options?.icon) return this.options.icon;\n\t\tconst icon: IconSpec = {icon: 'info'};\n\t\tif (this.options?.type) {\n\t\t\ticon.color = typeMap[this.options.type][0];\n\t\t\ticon.icon = typeMap[this.options.type][1];\n\t\t}\n\t\treturn icon;\n\t}\n\n\tclose(dispatchEvent = true) {\n\t\tdom.hideElement(this);\n\t\tif (dispatchEvent) this.dispatchEvent(new Event('close'));\n\t}\n\n\tasync updated() {\n\t\tawait this.container.updateComplete;\n\t\tconst h = this.container.scrollHeight;\n\t\tif (h > constants.ALERT_DEFAULT_HEIGHT) {\n\t\t\tthis.container.style.height = dom.px(Math.min(h, constants.ALERT_MAX_HEIGHT));\n\t\t\tthis.container.updateSliders();\n\t\t}\n\t}\n\n\tcopy = async () => {\n\t\tif (this.options?.content) {\n\t\t\ttry {\n\t\t\t\tawait navigator.clipboard.writeText(this.options.content.toString());\n\t\t\t\tthis.btnCopy.text = msg('copied');\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Failed to copy to clipboard:', error);\n\t\t\t\tthis.btnCopy.text = msg('failed');\n\t\t\t} finally {\n\t\t\t\tsetTimeout(() => this.btnCopy.text = '', 2000);\n\t\t\t}\n\t\t}\n\t}\n\n\trender = () => html`\n\t\t<div class=\"header\">\n\t\t\t<og-icon .icon=\"${this.iconSpec}\"></og-icon>\n\t\t\t<div class=\"title\">${this.options?.title}</div>\n\t\t\t${this.noCopy ? null : html`\n\t\t\t\t<og-button\n\t\t\t\t\tclass=\"copy\"\n\t\t\t\t\tcolor=\"transparent\"\n\t\t\t\t\ticon=\"copy\"\n\t\t\t\t\ttitle=\"${msg('Copy to clipboard')}\"\n\t\t\t\t\t@click=\"${this.copy}\">\n\t\t\t\t</og-button>\n\t\t\t`}\n\t\t\t<div class=\"close\" @click=\"${() => this.close()}\">&times</div>\n\t\t</div>\n\n\t\t<og-container class=\"body\">\n\t\t\t<div class=\"content\" slot=\"content\">${this.options?.content}</div>\n\t\t</og-container>\n\t`;\n\n}"]}

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

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

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

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

package/dist/ui/bucketAlert.style.js

@@ -0,0 +1,58 @@
+import { css } from 'lit';
+import constants from '../constants';
+export const style = css `
+	* {
+		box-sizing: border-box;
+	}
+	
+	:host {
+		font-size: var(--og-font-size);
+		display: block;
+		background-color: var(--og-background-color);
+		border: 1px solid var(--og-accent-color);
+		min-width: 250px;
+		max-width: 300px;
+		transition: bottom 0.5s;
+		position: absolute;
+		bottom: -100px;
+		box-shadow: 8px 8px 4px -3px var(--og-dialog-shadow);
+		z-index: 1000;
+		border-radius: var(--og-base-radius);
+	}
+
+	.header {
+		height: 20px;
+		position: relative;
+		display: flex;
+		gap: 3px;
+		flex-direction: row;
+		align-items: center;
+		padding-left: 2px;
+	}
+
+	.header .title {
+		flex: 1;
+	}
+
+	.header .copy {
+		flex: 0 0 auto;
+	}
+
+	.header .close {
+		height: 100%;
+		flex: 0 0 20px;
+		line-height: 20px;
+		cursor: pointer;
+		text-align: center;
+	}
+
+	.body {
+		max-height: 120px;
+		min-height: ${constants.ALERT_DEFAULT_HEIGHT}px;
+	}
+
+	.content {
+		padding: 5px;
+	}
+`;
+//# sourceMappingURL=bucketAlert.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bucketAlert.style.js","sourceRoot":"","sources":["../../src/ui/bucketAlert.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAgDR,SAAS,CAAC,oBAAoB;;;;;;CAM7C,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nexport const style = css`\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\t\n\t:host {\n\t\tfont-size: var(--og-font-size);\n\t\tdisplay: block;\n\t\tbackground-color: var(--og-background-color);\n\t\tborder: 1px solid var(--og-accent-color);\n\t\tmin-width: 250px;\n\t\tmax-width: 300px;\n\t\ttransition: bottom 0.5s;\n\t\tposition: absolute;\n\t\tbottom: -100px;\n\t\tbox-shadow: 8px 8px 4px -3px var(--og-dialog-shadow);\n\t\tz-index: 1000;\n\t\tborder-radius: var(--og-base-radius);\n\t}\n\n\t.header {\n\t\theight: 20px;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tgap: 3px;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tpadding-left: 2px;\n\t}\n\n\t.header .title {\n\t\tflex: 1;\n\t}\n\n\t.header .copy {\n\t\tflex: 0 0 auto;\n\t}\n\n\t.header .close {\n\t\theight: 100%;\n\t\tflex: 0 0 20px;\n\t\tline-height: 20px;\n\t\tcursor: pointer;\n\t\ttext-align: center;\n\t}\n\n\t.body {\n\t\tmax-height: 120px;\n\t\tmin-height: ${constants.ALERT_DEFAULT_HEIGHT}px;\n\t}\n\n\t.content {\n\t\tpadding: 5px;\n\t}\n`;\n"]}

package/dist/ui/bucketButton.d.ts

@@ -0,0 +1,12 @@
+import { IconSpec } from '@omegagrid/core';
+import { LitElement } from 'lit';
+export declare class BucketButton extends LitElement {
+    text: string;
+    icon: IconSpec | string;
+    active: boolean;
+    statusIcon: string | [string, string];
+    static styles: import("lit").CSSResult;
+    private get iconSpec();
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=bucketButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"bucketButton.d.ts","sourceRoot":"","sources":["../../src/ui/bucketButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAS,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBACa,YAAa,SAAQ,UAAU;IAG3C,IAAI,EAAE,MAAM,CAAC;IAGb,IAAI,EAAE,QAAQ,GAAC,MAAM,CAAC;IAGtB,MAAM,UAAQ;IAGd,UAAU,EAAE,MAAM,GAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAEpC,MAAM,CAAC,MAAM,0BA2DX;IAEF,OAAO,KAAK,QAAQ,GAEnB;IAED,MAAM,6CASJ;CAEF"}

package/dist/ui/bucketButton.js

@@ -0,0 +1,105 @@
+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 { utils } from '@omegagrid/core';
+import { LitElement, html, css } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+let BucketButton = class BucketButton extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.active = false;
+        this.render = () => html `
+		<div class="inner">
+			<div class="icon">
+				<og-icon .icon="${this.iconSpec}"></og-icon>
+			</div>
+			${this.text == null ? '' : html `
+				<div class="text">${this.text}</div>
+			`}
+		</div>
+	`;
+    }
+    get iconSpec() {
+        return Object.assign(utils.isObject(this.icon) ? this.icon : { icon: this.icon }, { size: 'lg' });
+    }
+};
+BucketButton.styles = css `
+		:host {
+			display: block;
+			width: 40px;
+			height: 40px;
+			cursor: pointer;
+			padding: 4px;
+		}
+
+		:host(:hover) .inner {
+			background-color: var(--og-accent-color-alpha-30);
+		}
+		
+		:host([active]) .inner {
+			border-color: var(--og-accent-color);
+			background-color: var(--og-accent-color-alpha-30);
+			color: var(--og-text-color-3);
+		}
+
+		* {
+			box-sizing: border-box;
+		}
+
+		.inner {
+			width: 100%;
+			height: 100%;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
+			border-radius: var(--og-base-radius);
+			overflow: hidden;
+			transition: background-color 0.3s ease-in-out;
+			border: 1px solid transparent;
+		}
+
+		.icon {
+			flex: 1;
+			line-height: 22px;
+			display: flex;
+		}
+
+		.icon og-icon {
+			flex: 1;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+		}
+
+		.text {
+			flex: 0;
+			font-size: 8px;
+			height: 10px;
+			line-height: 10px;
+		}
+
+		.statusicon {
+			color: var(--og-accent-color);
+		}
+	`;
+__decorate([
+    property({ type: String })
+], BucketButton.prototype, "text", void 0);
+__decorate([
+    property()
+], BucketButton.prototype, "icon", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], BucketButton.prototype, "active", void 0);
+__decorate([
+    property({ type: String })
+], BucketButton.prototype, "statusIcon", void 0);
+BucketButton = __decorate([
+    customElement('og-bucket-button')
+], BucketButton);
+export { BucketButton };
+//# sourceMappingURL=bucketButton.js.map

package/dist/ui/bucketButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bucketButton.js","sourceRoot":"","sources":["../../src/ui/bucketButton.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAY,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGrD,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAArC;;QASN,WAAM,GAAG,KAAK,CAAA;QAsEd,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;;sBAGE,IAAI,CAAC,QAAQ;;KAE9B,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;wBACV,IAAI,CAAC,IAAI;IAC7B;;EAEF,CAAC;IAEH,CAAC;IAfA,IAAY,QAAQ;QACnB,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAa,CAAC;IAC3G,CAAC;;AA/DM,mBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2DlB,AA3DY,CA2DX;AAtEF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;0CACZ;AAGb;IADC,QAAQ,EAAE;0CACW;AAGtB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;4CAC3B;AAGd;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;gDACW;AAZxB,YAAY;IADxB,aAAa,CAAC,kBAAkB,CAAC;GACrB,YAAY,CA0FxB","sourcesContent":["import { IconSpec, utils } from '@omegagrid/core';\nimport { LitElement, html, css } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\n@customElement('og-bucket-button')\nexport class BucketButton extends LitElement {\n\n\t@property({type: String})\n\ttext: string;\n\n\t@property()\n\ticon: IconSpec|string;\n\n\t@property({type: Boolean, reflect: true})\n\tactive = false\n\n\t@property({type: String})\n\tstatusIcon: string|[string, string];\n\n\tstatic styles = css`\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t\twidth: 40px;\n\t\t\theight: 40px;\n\t\t\tcursor: pointer;\n\t\t\tpadding: 4px;\n\t\t}\n\n\t\t:host(:hover) .inner {\n\t\t\tbackground-color: var(--og-accent-color-alpha-30);\n\t\t}\n\t\t\n\t\t:host([active]) .inner {\n\t\t\tborder-color: var(--og-accent-color);\n\t\t\tbackground-color: var(--og-accent-color-alpha-30);\n\t\t\tcolor: var(--og-text-color-3);\n\t\t}\n\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t.inner {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tborder-radius: var(--og-base-radius);\n\t\t\toverflow: hidden;\n\t\t\ttransition: background-color 0.3s ease-in-out;\n\t\t\tborder: 1px solid transparent;\n\t\t}\n\n\t\t.icon {\n\t\t\tflex: 1;\n\t\t\tline-height: 22px;\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t.icon og-icon {\n\t\t\tflex: 1;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t}\n\n\t\t.text {\n\t\t\tflex: 0;\n\t\t\tfont-size: 8px;\n\t\t\theight: 10px;\n\t\t\tline-height: 10px;\n\t\t}\n\n\t\t.statusicon {\n\t\t\tcolor: var(--og-accent-color);\n\t\t}\n\t`;\n\n\tprivate get iconSpec() {\n\t\treturn Object.assign(utils.isObject(this.icon) ? this.icon : {icon: this.icon}, {size: 'lg'}) as IconSpec;\n\t}\n\n\trender = () => html`\n\t\t<div class=\"inner\">\n\t\t\t<div class=\"icon\">\n\t\t\t\t<og-icon .icon=\"${this.iconSpec}\"></og-icon>\n\t\t\t</div>\n\t\t\t${this.text == null ? '' : html`\n\t\t\t\t<div class=\"text\">${this.text}</div>\n\t\t\t`}\n\t\t</div>\n\t`;\n\n}"]}

package/dist/ui/commonMenus.d.ts

@@ -0,0 +1,4 @@
+import { CommandSource } from '@omegagrid/commands';
+export type CommonMenu = 'yes_no';
+export declare const commonMenus: Record<CommonMenu, CommandSource[]>;
+//# sourceMappingURL=commonMenus.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"commonMenus.d.ts","sourceRoot":"","sources":["../../src/ui/commonMenus.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,MAAM,MAAM,UAAU,GAAG,QAAQ,CAAC;AAElC,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE,aAAa,EAAE,CAK3D,CAAA"}

package/dist/ui/commonMenus.js

@@ -0,0 +1,7 @@
+export const commonMenus = {
+    'yes_no': [
+        { id: 'Y', name: 'Yes' },
+        { id: 'N', name: 'No' }
+    ]
+};
+//# sourceMappingURL=commonMenus.js.map

package/dist/ui/commonMenus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonMenus.js","sourceRoot":"","sources":["../../src/ui/commonMenus.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,WAAW,GAAwC;IAC/D,QAAQ,EAAE;QACT,EAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAC;QACtB,EAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAC;KACrB;CACD,CAAA","sourcesContent":["import { CommandSource } from '@omegagrid/commands';\n\nexport type CommonMenu = 'yes_no';\n\nexport const commonMenus: Record<CommonMenu, CommandSource[]> = {\n\t'yes_no': [\n\t\t{id: 'Y', name: 'Yes'},\n\t\t{id: 'N', name: 'No'}\n\t]\n}\n"]}

package/dist/ui/componentHost.d.ts

@@ -0,0 +1,19 @@
+import { ComponentId, Layout, OmegaComponent } from '@omegagrid/core';
+import { Bucket } from './bucket';
+import { BucketPath } from './path';
+export declare class ComponentHost extends OmegaComponent implements Layout {
+    static styles: import("lit").CSSResultGroup[];
+    bucket: Bucket;
+    componentId: ComponentId;
+    head: HTMLDivElement;
+    body: HTMLDivElement;
+    path: BucketPath;
+    private component;
+    private isEdited;
+    layout(): void;
+    _onEdit: () => void;
+    _onSave: () => void;
+    updated(props: Map<PropertyKey, unknown>): Promise<void>;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=componentHost.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"componentHost.d.ts","sourceRoot":"","sources":["../../src/ui/componentHost.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAO,MAAM,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAG3E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AAEpC,qBACa,aAAc,SAAQ,cAAe,YAAW,MAAM;IAElE,MAAM,CAAC,MAAM,iCAoBV;IAGH,MAAM,EAAE,MAAM,CAAC;IAGf,WAAW,EAAE,WAAW,CAAC;IAGzB,IAAI,EAAE,cAAc,CAAC;IAGrB,IAAI,EAAE,cAAc,CAAC;IAGrB,IAAI,EAAE,UAAU,CAAC;IAEjB,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,QAAQ,CAAS;IAEzB,MAAM;IAMN,OAAO,aAQN;IAED,OAAO,aAQN;IAEK,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IA8B9C,MAAM,6CAOJ;CAEF"}

package/dist/ui/componentHost.js

@@ -0,0 +1,119 @@
+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 { dom, OmegaComponent } from '@omegagrid/core';
+import { css, html } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+let ComponentHost = class ComponentHost extends OmegaComponent {
+    constructor() {
+        super(...arguments);
+        this.isEdited = false;
+        this._onEdit = () => {
+            if (this.isEdited)
+                return;
+            this.bucket.editorContainer.model.walk(tab => {
+                if (tab.id == this.componentId)
+                    tab.unsaved = true;
+            });
+            this.isEdited = true;
+            this.bucket.editorContainer.updateTabs();
+            this.bucket.components.unsavedComponents.add(this.componentId);
+        };
+        this._onSave = () => {
+            if (!this.isEdited)
+                return;
+            this.bucket.editorContainer.model.walk(tab => {
+                if (tab.id == this.componentId)
+                    tab.unsaved = false;
+            });
+            this.isEdited = false;
+            this.bucket.editorContainer.updateTabs();
+            this.bucket.components.unsavedComponents.delete(this.componentId);
+        };
+        this.render = () => html `
+		<div class="container">
+			<div class="head" style="display: none">
+				<og-bucket-path></og-bucket-path>
+			</div>
+			<div class="body"></div>
+		</div>
+	`;
+    }
+    layout() {
+        if (this.component?.layout) {
+            this.component.layout();
+        }
+    }
+    async updated(props) {
+        if (props.has('componentId') && this.componentId) {
+            this.component = await this.bucket.components.get(this.componentId);
+        }
+        if (this.component) {
+            dom.empty(this.body);
+            this.body.appendChild(this.component);
+            this.component.removeEventListener('edit', this._onEdit);
+            this.component.addEventListener('edit', this._onEdit);
+            this.component.removeEventListener('save', this._onSave);
+            this.component.addEventListener('save', this._onSave);
+        }
+        if (props.has('componentId') && this.componentId) {
+            let path = [];
+            path = await this.bucket.components.getPath(this.componentId);
+            this.path.path = path;
+            const show = path.length > 0;
+            if (!dom.isHidden(this.head) != show) {
+                if (show) {
+                    dom.showElement(this.head);
+                    setTimeout(() => this.layout(), 100);
+                }
+                else {
+                    dom.hideElement(this.head);
+                }
+            }
+        }
+    }
+};
+ComponentHost.styles = [OmegaComponent.styles, css `
+		:host {
+			display: block;
+			height: 100%;
+		}
+
+		.container {
+			display: flex;
+			flex-direction: column;
+			height: 100%;
+		}
+
+		.head {
+			flex: 0 0 15px;
+			line-height: 15px;
+		}
+
+		.body {
+			flex: 1;
+		}
+	`];
+__decorate([
+    property({ type: Object })
+], ComponentHost.prototype, "bucket", void 0);
+__decorate([
+    property({ type: String })
+], ComponentHost.prototype, "componentId", void 0);
+__decorate([
+    query('.head')
+], ComponentHost.prototype, "head", void 0);
+__decorate([
+    query('.body')
+], ComponentHost.prototype, "body", void 0);
+__decorate([
+    query('og-bucket-path')
+], ComponentHost.prototype, "path", void 0);
+ComponentHost = __decorate([
+    customElement('og-bucket-component-host')
+], ComponentHost);
+export { ComponentHost };
+//# sourceMappingURL=componentHost.js.map

package/dist/ui/componentHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentHost.js","sourceRoot":"","sources":["../../src/ui/componentHost.ts"],"names":[],"mappings":"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","sourcesContent":["import { ComponentId, dom, Layout, OmegaComponent } from '@omegagrid/core';\nimport { css, html } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { Bucket } from './bucket';\nimport { PathSegments } from '../types';\nimport { BucketPath } from './path';\n\n@customElement('og-bucket-component-host')\nexport class ComponentHost extends OmegaComponent implements Layout {\n\n\tstatic styles = [OmegaComponent.styles, css`\n\t\t:host {\n\t\t\tdisplay: block;\n\t\t\theight: 100%;\n\t\t}\n\n\t\t.container {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\theight: 100%;\n\t\t}\n\n\t\t.head {\n\t\t\tflex: 0 0 15px;\n\t\t\tline-height: 15px;\n\t\t}\n\n\t\t.body {\n\t\t\tflex: 1;\n\t\t}\n\t`];\n\n\t@property({type: Object})\n\tbucket: Bucket;\n\n\t@property({type: String})\n\tcomponentId: ComponentId;\n\n\t@query('.head')\n\thead: HTMLDivElement;\n\n\t@query('.body')\n\tbody: HTMLDivElement;\n\n\t@query('og-bucket-path')\n\tpath: BucketPath;\n\n\tprivate component: HTMLElement;\n\tprivate isEdited = false;\n\n\tlayout() {\n\t\tif ((this.component as Layout)?.layout) {\n\t\t\t(this.component as Layout).layout();\n\t\t}\n\t}\n\n\t_onEdit = () => {\n\t\tif (this.isEdited) return;\n\t\tthis.bucket.editorContainer.model.walk(tab => {\n\t\t\tif (tab.id == this.componentId) tab.unsaved = true;\n\t\t});\n\t\tthis.isEdited = true;\n\t\tthis.bucket.editorContainer.updateTabs();\n\t\tthis.bucket.components.unsavedComponents.add(this.componentId);\n\t}\n\n\t_onSave = () => {\n\t\tif (!this.isEdited) return;\n\t\tthis.bucket.editorContainer.model.walk(tab => {\n\t\t\tif (tab.id == this.componentId) tab.unsaved = false;\n\t\t});\n\t\tthis.isEdited = false;\n\t\tthis.bucket.editorContainer.updateTabs();\n\t\tthis.bucket.components.unsavedComponents.delete(this.componentId);\n\t}\n\n\tasync updated(props: Map<PropertyKey, unknown>) {\n\t\tif (props.has('componentId') && this.componentId) {\n\t\t\tthis.component = await this.bucket.components.get(this.componentId);\n\t\t}\n\n\t\tif (this.component) {\n\t\t\tdom.empty(this.body);\n\t\t\tthis.body.appendChild(this.component);\n\t\t\tthis.component.removeEventListener('edit', this._onEdit);\n\t\t\tthis.component.addEventListener('edit', this._onEdit);\n\t\t\tthis.component.removeEventListener('save', this._onSave);\n\t\t\tthis.component.addEventListener('save', this._onSave);\n\t\t}\n\n\t\tif (props.has('componentId') && this.componentId) {\n\t\t\tlet path: PathSegments = [];\n\t\t\tpath = await this.bucket.components.getPath(this.componentId);\n\t\t\tthis.path.path = path as PathSegments;\n\t\t\tconst show = path.length > 0;\n\t\t\tif (!dom.isHidden(this.head) != show) {\n\t\t\t\tif (show) {\n\t\t\t\t\tdom.showElement(this.head);\n\t\t\t\t\tsetTimeout(() => this.layout(), 100);\n\t\t\t\t} else {\n\t\t\t\t\tdom.hideElement(this.head);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\trender = () => html`\n\t\t<div class=\"container\">\n\t\t\t<div class=\"head\" style=\"display: none\">\n\t\t\t\t<og-bucket-path></og-bucket-path>\n\t\t\t</div>\n\t\t\t<div class=\"body\"></div>\n\t\t</div>\n\t`;\n\n}\n"]}

package/dist/ui/index.d.ts

@@ -0,0 +1,11 @@
+export * from './bucket';
+export * from './bucketAlert';
+export * from './sidebar';
+export * from './sidemenu';
+export * from './top';
+export * from './bucketButton';
+export * from './componentHost';
+export * from './modalSidebar';
+export * from './commonMenus';
+export * from './path';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,11 @@
+export * from './bucket';
+export * from './bucketAlert';
+export * from './sidebar';
+export * from './sidemenu';
+export * from './top';
+export * from './bucketButton';
+export * from './componentHost';
+export * from './modalSidebar';
+export * from './commonMenus';
+export * from './path';
+//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,OAAO,CAAC;AACtB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC","sourcesContent":["export * from './bucket';\nexport * from './bucketAlert';\nexport * from './sidebar';\nexport * from './sidemenu';\nexport * from './top';\nexport * from './bucketButton';\nexport * from './componentHost';\nexport * from './modalSidebar';\nexport * from './commonMenus';\nexport * from './path';\n"]}

package/dist/ui/modalSidebar.d.ts

@@ -0,0 +1,22 @@
+import { ComponentId, Layout, Overlay } from '@omegagrid/core';
+import { LitElement } from 'lit';
+import { Bucket } from './bucket';
+export declare class ModalSidebar extends LitElement implements Layout {
+    static styles: import("lit").CSSResult[];
+    caption: string;
+    closable: boolean;
+    bucket: Bucket;
+    componentId: ComponentId;
+    body: HTMLDivElement;
+    overlay: Overlay;
+    private component;
+    layout(): void;
+    showLoader: () => void;
+    hideLoader: () => HTMLElement;
+    _onClose: () => void;
+    disconnectedCallback(): void;
+    updated(props: Map<PropertyKey, unknown>): Promise<void>;
+    close(): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=modalSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"modalSidebar.d.ts","sourceRoot":"","sources":["../../src/ui/modalSidebar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAO,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,qBACa,YAAa,SAAQ,UAAW,YAAW,MAAM;IAE7D,MAAM,CAAC,MAAM,4BAAW;IAGxB,OAAO,EAAE,MAAM,CAAC;IAGhB,QAAQ,UAAS;IAGjB,MAAM,EAAE,MAAM,CAAC;IAGf,WAAW,EAAE,WAAW,CAAC;IAGzB,IAAI,EAAE,cAAc,CAAC;IAGrB,OAAO,EAAE,OAAO,CAAC;IAEjB,OAAO,CAAC,SAAS,CAAc;IAG/B,MAAM;IAaN,UAAU,aAAiC;IAC3C,UAAU,oBAA6B;IAEvC,QAAQ,aAEP;IAED,oBAAoB;IAId,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,WAAW,EAAE,OAAO,CAAC;IAe9C,KAAK;IAIL,MAAM,6CAOJ;CAEF"}