@omegagrid/bucket 0.10.0 → 0.10.2

package/dist/ui/top.js

@@ -1,64 +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 { html } from 'lit';
-import { customElement, query, queryAll } from 'lit/decorators.js';
-import style from './top.style';
-import { dom, OmegaComponent } from '@omegagrid/core';
-let BucketTop = class BucketTop extends OmegaComponent {
-    constructor() {
-        super(...arguments);
-        this.leftItemWidth = 250;
-        this.render = () => html `
-		<div class="item" id="logo" data-component="bucket-logo"></div>
-		${this.bucket?.compact ? '' : html `
-			<div class="item" id="left" data-component="bucket-topLeft"></div>
-		`}
-		<div class="item" id="center" data-component="bucket-topCenter"></div>
-		<div class="item" id="right" data-component="bucket-topRight"></div>
-	`;
-    }
-    get bucket() { return this.parentComponent; }
-    async updated() {
-        if (!this.bucket)
-            return;
-        let visible = false;
-        for (const item of this.items) {
-            const component = await this.bucket.components.get(item.dataset.component);
-            dom.empty(item);
-            if (component) {
-                item.appendChild(component);
-                visible = true;
-            }
-        }
-        if (!visible)
-            dom.hideElement(this);
-    }
-    firstUpdated() {
-        this.layout();
-    }
-    layout() {
-        if (this.bucket?.compact)
-            return;
-        if (!this.bucket?.container?.containers[0])
-            return;
-        if (!this.bucket.container.items[0].collapsed && this.leftItem) {
-            dom.setMinSize(this.leftItem, { w: this.bucket.container.containers[0].offsetWidth });
-        }
-    }
-};
-BucketTop.styles = [style];
-__decorate([
-    queryAll('.item')
-], BucketTop.prototype, "items", void 0);
-__decorate([
-    query('#left')
-], BucketTop.prototype, "leftItem", void 0);
-BucketTop = __decorate([
-    customElement('og-bucket-top')
-], BucketTop);
-export { BucketTop };
-//# sourceMappingURL=top.js.map

package/dist/ui/top.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"top.js","sourceRoot":"","sources":["../../src/ui/top.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,EAAE,GAAG,EAAU,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGvD,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,cAAc;IAAtC;;QAYN,kBAAa,GAAG,GAAG,CAAC;QAsBpB,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;IAEhB,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;;GAEjC;;;EAGD,CAAC;IAUH,CAAC;IA/CA,IAAI,MAAM,KAAK,OAAO,IAAI,CAAC,eAAyB,CAAA,CAAC,CAAC;IAUtD,KAAK,CAAC,OAAO;QACZ,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEzB,IAAI,OAAO,GAAG,KAAK,CAAC;QACpB,KAAK,MAAM,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YAC/B,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YAC3E,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;YAChB,IAAI,SAAS,EAAE,CAAC;gBACf,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;gBAC5B,OAAO,GAAG,IAAI,CAAC;YAChB,CAAC;QACF,CAAC;QAED,IAAI,CAAC,OAAO;YAAE,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;IAED,YAAY;QACX,IAAI,CAAC,MAAM,EAAE,CAAC;IACf,CAAC;IAWD,MAAM;QACL,IAAI,IAAI,CAAC,MAAM,EAAE,OAAO;YAAE,OAAO;QACjC,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;YAAE,OAAO;QACnD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAChE,GAAG,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,EAAC,CAAC,CAAC;QACrF,CAAC;IACF,CAAC;;AA/CM,gBAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;AAKxB;IADC,QAAQ,CAAC,OAAO,CAAC;wCACgB;AAGlC;IADC,KAAK,CAAC,OAAO,CAAC;2CACU;AAVb,SAAS;IADrB,aAAa,CAAC,eAAe,CAAC;GAClB,SAAS,CAmDrB","sourcesContent":["import { html } from 'lit';\nimport { customElement, query, queryAll } from 'lit/decorators.js';\nimport style from './top.style';\nimport { Bucket } from './bucket';\nimport { dom, Layout, OmegaComponent } from '@omegagrid/core';\n\n@customElement('og-bucket-top')\nexport class BucketTop extends OmegaComponent implements Layout {\n\n\tstatic styles = [style];\n\n\tget bucket() { return this.parentComponent as Bucket }\n\n\t@queryAll('.item')\n\titems: NodeListOf<HTMLDivElement>;\n\n\t@query('#left')\n\tleftItem: HTMLDivElement;\n\n\tleftItemWidth = 250;\n\n\tasync updated() {\n\t\tif (!this.bucket) return;\n\n\t\tlet visible = false;\n\t\tfor (const item of this.items) {\n\t\t\tconst component = await this.bucket.components.get(item.dataset.component);\n\t\t\tdom.empty(item);\n\t\t\tif (component) {\n\t\t\t\titem.appendChild(component);\n\t\t\t\tvisible = true;\n\t\t\t}\n\t\t}\n\n\t\tif (!visible) dom.hideElement(this);\n\t}\n\n\tfirstUpdated() {\n\t\tthis.layout();\n\t}\n\n\trender = () => html`\n\t\t<div class=\"item\" id=\"logo\" data-component=\"bucket-logo\"></div>\n\t\t${this.bucket?.compact ? '' : html`\n\t\t\t<div class=\"item\" id=\"left\" data-component=\"bucket-topLeft\"></div>\n\t\t`}\n\t\t<div class=\"item\" id=\"center\" data-component=\"bucket-topCenter\"></div>\n\t\t<div class=\"item\" id=\"right\" data-component=\"bucket-topRight\"></div>\n\t`;\n\n\tlayout() {\n\t\tif (this.bucket?.compact) return;\n\t\tif (!this.bucket?.container?.containers[0]) return;\n\t\tif (!this.bucket.container.items[0].collapsed && this.leftItem) {\n\t\t\tdom.setMinSize(this.leftItem, {w: this.bucket.container.containers[0].offsetWidth});\n\t\t}\n\t}\n\n}"]}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"top.style.d.ts","sourceRoot":"","sources":["../../src/ui/top.style.ts"],"names":[],"mappings":";AAEA,wBAgCE"}

package/dist/ui/top.style.js

@@ -1,35 +0,0 @@
-import { css } from 'lit';
-export default css `
-	:host {
-		display: flex;
-		flex-direction: row;
-		color: var(--og-text-color);
-		background-color: var(--og-background-color);
-	}
-
-	* {
-		box-sizing: border-box;
-	}
-
-	#left {
-		/* background-image: repeating-linear-gradient(45deg, blue 0, red 2px, transparent 0, transparent 50%);
-		background-size: 10px 10px;
-		background-color: transparent; */
-		height: 100%;
-		flex: 0;
-	}
-	
-	#center {
-		/* background-image: repeating-linear-gradient(45deg, green 0, red 2px, transparent 0, transparent 50%);
-		background-size: 10px 10px;
-		background-color: transparent; */
-		height: 100%;
-		flex: 1;
-	}
-
-	#right {
-		height: 100%;
-		flex: 0;
-	}
-`;
-//# sourceMappingURL=top.style.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"top.style.js","sourceRoot":"","sources":["../../src/ui/top.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n\t:host {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tcolor: var(--og-text-color);\n\t\tbackground-color: var(--og-background-color);\n\t}\n\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t#left {\n\t\t/* background-image: repeating-linear-gradient(45deg, blue 0, red 2px, transparent 0, transparent 50%);\n\t\tbackground-size: 10px 10px;\n\t\tbackground-color: transparent; */\n\t\theight: 100%;\n\t\tflex: 0;\n\t}\n\t\n\t#center {\n\t\t/* background-image: repeating-linear-gradient(45deg, green 0, red 2px, transparent 0, transparent 50%);\n\t\tbackground-size: 10px 10px;\n\t\tbackground-color: transparent; */\n\t\theight: 100%;\n\t\tflex: 1;\n\t}\n\n\t#right {\n\t\theight: 100%;\n\t\tflex: 0;\n\t}\n`;"]}