@omegagrid/bucket 0.10.1 → 0.10.2

package/dist/ui/bucket.style.js

@@ -1,90 +0,0 @@
-import { css } from "lit";
-import constants from "../constants";
-export default css `
-	:host {
-		display: flex;
-		flex-direction: column;
-		position: relative;
-		user-select: none;
-		height: 100%;
-		color: var(--og-text-color);
-		background-color: var(--og-background-color);
-		font-family: var(--og-font-family);
-	}
-
-	* {
-		box-sizing: border-box;
-	}
-
-	og-bucket-top {
-		flex: 0 0;
-		min-height: ${constants.TOP_HEIGHT}px;
-		background-color: red;
-		background: var(--og-bucket-top-background-color);
-		border-bottom: 1px solid var(--og-bucket-border-color);
-	}
-
-	.body {
-		flex: 1;
-		height: 100%;
-		display: flex;
-		overflow: hidden;
-		flex-direction: row;
-		position: relative;
-	}
-
-	og-bucket-sidemenu {
-		min-width: ${constants.SIDEMENU_WIDTH}px;
-		flex: 0;
-		background: var(--og-bucket-left-background-color);
-		border-right: 1px solid var(--og-bucket-border-color);
-	}
-
-	og-bucket-sidebar {
-		height: 100%;
-	}
-
-	.main {
-		flex: 1;
-		height: 100%;
-		overflow: hidden;
-		position: relative;
-	}
-
-	.main > og-splitcontainer, .main > og-tabsplitcontainer {
-		height: 100%;
-	}
-
-	/*
-	og-bucket-sidebar {
-		position: absolute;
-		width: ${constants.SIDEBAR_WIDTH}px;
-		top: 0;
-		bottom: 0;
-		background: var(--og-bucket-center-background-color);
-	}
-
-	og-bucket-sidebar.sidebar-1 {
-		left: ${constants.SIDEMENU_WIDTH}px;
-	}
-
-	og-bucket-sidebar.sidebar-2 {
-		display: none;
-		left: ${constants.SIDEBAR_WIDTH + constants.SIDEMENU_WIDTH}px;
-	}
-
-	og-bucket-editorlayout {
-		position: absolute;
-		left: ${constants.SIDEMENU_WIDTH + constants.SIDEBAR_WIDTH}px;
-		right: 0;
-		top: 0;
-		bottom: 0;
-	}
-
-	og-sizer {
-		z-index: 1000;
-	}
-	*/
-	
-`;
-//# sourceMappingURL=bucket.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"bucket.style.js","sourceRoot":"","sources":["../../src/ui/bucket.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;gBAkBF,SAAS,CAAC,UAAU;;;;;;;;;;;;;;;;eAgBrB,SAAS,CAAC,cAAc;;;;;;;;;;;;;;;;;;;;;;;;WAwB5B,SAAS,CAAC,aAAa;;;;;;;UAOxB,SAAS,CAAC,cAAc;;;;;UAKxB,SAAS,CAAC,aAAa,GAAG,SAAS,CAAC,cAAc;;;;;UAKlD,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC,aAAa;;;;;;;;;;;CAW3D,CAAC","sourcesContent":["import { css } from \"lit\";\nimport constants from \"../constants\";\n\nexport default css`\n\t:host {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tposition: relative;\n\t\tuser-select: none;\n\t\theight: 100%;\n\t\tcolor: var(--og-text-color);\n\t\tbackground-color: var(--og-background-color);\n\t\tfont-family: var(--og-font-family);\n\t}\n\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\tog-bucket-top {\n\t\tflex: 0 0;\n\t\tmin-height: ${constants.TOP_HEIGHT}px;\n\t\tbackground-color: red;\n\t\tbackground: var(--og-bucket-top-background-color);\n\t\tborder-bottom: 1px solid var(--og-bucket-border-color);\n\t}\n\n\t.body {\n\t\tflex: 1;\n\t\theight: 100%;\n\t\tdisplay: flex;\n\t\toverflow: hidden;\n\t\tflex-direction: row;\n\t\tposition: relative;\n\t}\n\n\tog-bucket-sidemenu {\n\t\tmin-width: ${constants.SIDEMENU_WIDTH}px;\n\t\tflex: 0;\n\t\tbackground: var(--og-bucket-left-background-color);\n\t\tborder-right: 1px solid var(--og-bucket-border-color);\n\t}\n\n\tog-bucket-sidebar {\n\t\theight: 100%;\n\t}\n\n\t.main {\n\t\tflex: 1;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t\tposition: relative;\n\t}\n\n\t.main > og-splitcontainer, .main > og-tabsplitcontainer {\n\t\theight: 100%;\n\t}\n\n\t/*\n\tog-bucket-sidebar {\n\t\tposition: absolute;\n\t\twidth: ${constants.SIDEBAR_WIDTH}px;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tbackground: var(--og-bucket-center-background-color);\n\t}\n\n\tog-bucket-sidebar.sidebar-1 {\n\t\tleft: ${constants.SIDEMENU_WIDTH}px;\n\t}\n\n\tog-bucket-sidebar.sidebar-2 {\n\t\tdisplay: none;\n\t\tleft: ${constants.SIDEBAR_WIDTH + constants.SIDEMENU_WIDTH}px;\n\t}\n\n\tog-bucket-editorlayout {\n\t\tposition: absolute;\n\t\tleft: ${constants.SIDEMENU_WIDTH + constants.SIDEBAR_WIDTH}px;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t}\n\n\tog-sizer {\n\t\tz-index: 1000;\n\t}\n\t*/\n\t\n`;"]}

package/dist/ui/bucketAlert.d.ts

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/ui/commonMenus.js.map

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

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

@@ -1 +0,0 @@
-{"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,iCAgBV;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,6CAKJ;CAEF"}

package/dist/ui/componentHost.js

@@ -1,113 +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 { 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="head" style="display: none">
-			<og-bucket-path></og-bucket-path>
-		</div>
-		<div class="body"></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: flex;
-			flex-direction: column;
-			height: 100%;
-		}
-
-		.head {
-			flex: 0 0 15px;
-			line-height: 15px;
-		}
-
-		.body {
-			height: 100%;
-			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

@@ -1 +0,0 @@
-{"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: 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\theight: 100%;\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=\"head\" style=\"display: none\">\n\t\t\t<og-bucket-path></og-bucket-path>\n\t\t</div>\n\t\t<div class=\"body\"></div>\n\t`;\n\n}\n"]}

package/dist/ui/index.d.ts

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

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

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