@omegagrid/bucket 0.5.19 → 0.6.0

package/dist/ui/modalSidebar.style.js

@@ -1,11 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const lit_1 = require("lit");
-const constants_1 = __importDefault(require("../constants"));
-exports.default = (0, lit_1.css) `
+import { css } from 'lit';
+import constants from '../constants';
+export default css `
 	:host {
 		display: flex;
 		flex-direction: column;
@@ -23,8 +18,8 @@ exports.default = (0, lit_1.css) `
 
 	#header {
 		display: flex;
-		min-height: ${constants_1.default.SIDEBAR_HEADER_HEIGHT}px;
-		line-height: ${constants_1.default.SIDEBAR_HEADER_HEIGHT}px;
+		min-height: ${constants.SIDEBAR_HEADER_HEIGHT}px;
+		line-height: ${constants.SIDEBAR_HEADER_HEIGHT}px;
 		padding: 0 10px;
 		flex: 0;
 	}
@@ -35,10 +30,10 @@ exports.default = (0, lit_1.css) `
 
 	#close {
 		flex: 0;
-		margin-top: ${constants_1.default.SIDEBAR_HEADER_HEIGHT / 4}px;
-		min-width: ${constants_1.default.SIDEBAR_HEADER_HEIGHT / 2}px;
-		height: ${constants_1.default.SIDEBAR_HEADER_HEIGHT / 2}px;
-		line-height: ${constants_1.default.SIDEBAR_HEADER_HEIGHT / 2}px;
+		margin-top: ${constants.SIDEBAR_HEADER_HEIGHT / 4}px;
+		min-width: ${constants.SIDEBAR_HEADER_HEIGHT / 2}px;
+		height: ${constants.SIDEBAR_HEADER_HEIGHT / 2}px;
+		line-height: ${constants.SIDEBAR_HEADER_HEIGHT / 2}px;
 		border-radius: 50%;
 		cursor: pointer;
 		text-align: center;

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

@@ -1 +1 @@
-{"version":3,"file":"modalSidebar.style.js","sourceRoot":"","sources":["../../src/ui/modalSidebar.style.ts"],"names":[],"mappings":";;;;;AAAA,6BAA0B;AAC1B,6DAAqC;AAErC,kBAAe,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;gBAkBF,mBAAS,CAAC,qBAAqB;iBAC9B,mBAAS,CAAC,qBAAqB;;;;;;;;;;;gBAWhC,mBAAS,CAAC,qBAAqB,GAAG,CAAC;eACpC,mBAAS,CAAC,qBAAqB,GAAG,CAAC;YACtC,mBAAS,CAAC,qBAAqB,GAAG,CAAC;iBAC9B,mBAAS,CAAC,qBAAqB,GAAG,CAAC;;;;;;;;;;;;;;;CAenD,CAAC"}
+{"version":3,"file":"modalSidebar.style.js","sourceRoot":"","sources":["../../src/ui/modalSidebar.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,qBAAqB;iBAC9B,SAAS,CAAC,qBAAqB;;;;;;;;;;;gBAWhC,SAAS,CAAC,qBAAqB,GAAG,CAAC;eACpC,SAAS,CAAC,qBAAqB,GAAG,CAAC;YACtC,SAAS,CAAC,qBAAqB,GAAG,CAAC;iBAC9B,SAAS,CAAC,qBAAqB,GAAG,CAAC;;;;;;;;;;;;;;;CAenD,CAAC"}

package/dist/ui/sidebar.js

@@ -1,28 +1,24 @@
-"use strict";
 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;
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sidebar = void 0;
-const core_1 = require("@omegagrid/core");
-const lit_1 = require("lit");
-const decorators_js_1 = require("lit/decorators.js");
-let Sidebar = class Sidebar extends lit_1.LitElement {
+import { dom } from '@omegagrid/core';
+import { LitElement, html, css } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+let Sidebar = class Sidebar extends LitElement {
     constructor() {
         super(...arguments);
-        this.render = () => (0, lit_1.html) `<div></div>`;
+        this.render = () => html `<div></div>`;
     }
     async loadComponent(id) {
-        var _a, _b;
-        if (!((_a = this.bucket) === null || _a === void 0 ? void 0 : _a.createComponent)) {
+        if (!this.bucket?.createComponent) {
             console.error('mising componentFactory');
             return;
         }
-        core_1.dom.empty(this.container);
-        this._component = await ((_b = this.bucket) === null || _b === void 0 ? void 0 : _b.createComponent(id));
+        dom.empty(this.container);
+        this._component = await this.bucket?.createComponent(id);
         if (this._component)
             this.container.appendChild(this._component);
     }
@@ -34,14 +30,12 @@ let Sidebar = class Sidebar extends lit_1.LitElement {
         }
     }
     layout() {
-        var _a;
-        if ((_a = this._component) === null || _a === void 0 ? void 0 : _a.layout) {
+        if (this._component?.layout) {
             this._component.layout();
         }
     }
 };
-exports.Sidebar = Sidebar;
-Sidebar.styles = (0, lit_1.css) `
+Sidebar.styles = css `
 		:host {
 			display: block;
 			background-color: var(--og-sidebar-background-color, var(--og-background-color));
@@ -56,15 +50,16 @@ Sidebar.styles = (0, lit_1.css) `
 		}
 	`;
 __decorate([
-    (0, decorators_js_1.property)({ type: Object })
+    property({ type: Object })
 ], Sidebar.prototype, "bucket", void 0);
 __decorate([
-    (0, decorators_js_1.property)({ type: String })
+    property({ type: String })
 ], Sidebar.prototype, "componentId", void 0);
 __decorate([
-    (0, decorators_js_1.query)('div')
+    query('div')
 ], Sidebar.prototype, "container", void 0);
-exports.Sidebar = Sidebar = __decorate([
-    (0, decorators_js_1.customElement)('og-bucket-sidebar')
+Sidebar = __decorate([
+    customElement('og-bucket-sidebar')
 ], Sidebar);
+export { Sidebar };
 //# sourceMappingURL=sidebar.js.map

package/dist/ui/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../src/ui/sidebar.ts"],"names":[],"mappings":";;;;;;;;;AAAA,0CAA8C;AAC9C,6BAA4C;AAC5C,qDAAmE;AAI5D,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,gBAAU;IAAhC;;QAoDN,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA,aAAa,CAAC;IAElC,CAAC;IA1BA,KAAK,CAAC,aAAa,CAAC,EAAW;;QAC9B,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,eAAe,CAAA,EAAE,CAAC;YACnC,OAAO,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC;YACzC,OAAO;QACR,CAAC;QACD,UAAG,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC1B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAA,MAAA,IAAI,CAAC,MAAM,0CAAE,eAAe,CAAC,EAAE,CAAC,CAAA,CAAC;QACzD,IAAI,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,KAAgC;QAC7C,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEzB,IAAI,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;YAC9B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;IACF,CAAC;IAED,MAAM;;QACL,IAAI,MAAC,IAAI,CAAC,UAAqB,0CAAE,MAAM,EAAE,CAAC;YACxC,IAAI,CAAC,UAAqB,CAAC,MAAM,EAAE,CAAC;QACtC,CAAC;IACF,CAAC;;AAlDW,0BAAO;AAEZ,cAAM,GAAG,IAAA,SAAG,EAAA;;;;;;;;;;;;;EAalB,AAbY,CAaX;AAGF;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uCACV;AAGf;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;4CACL;AAGpB;IADC,IAAA,qBAAK,EAAC,KAAK,CAAC;0CACa;kBAxBd,OAAO;IADnB,IAAA,6BAAa,EAAC,mBAAmB,CAAC;GACtB,OAAO,CAsDnB"}
+{"version":3,"file":"sidebar.js","sourceRoot":"","sources":["../../src/ui/sidebar.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAU,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI5D,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAoDN,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA,aAAa,CAAC;IAElC,CAAC;IA1BA,KAAK,CAAC,aAAa,CAAC,EAAW;QAC9B,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,eAAe,EAAE,CAAC;YACnC,OAAO,CAAC,KAAK,CAAC,yBAAyB,CAAC,CAAC;YACzC,OAAO;QACR,CAAC;QACD,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC1B,IAAI,CAAC,UAAU,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,eAAe,CAAC,EAAE,CAAC,CAAC;QACzD,IAAI,IAAI,CAAC,UAAU;YAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAClE,CAAC;IAED,KAAK,CAAC,OAAO,CAAC,KAAgC;QAC7C,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QAEzB,IAAI,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,EAAE,CAAC;YAC9B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;IACF,CAAC;IAED,MAAM;QACL,IAAK,IAAI,CAAC,UAAqB,EAAE,MAAM,EAAE,CAAC;YACxC,IAAI,CAAC,UAAqB,CAAC,MAAM,EAAE,CAAC;QACtC,CAAC;IACF,CAAC;;AAhDM,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;EAalB,AAbY,CAaX;AAGF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;uCACV;AAGf;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;4CACL;AAGpB;IADC,KAAK,CAAC,KAAK,CAAC;0CACa;AAxBd,OAAO;IADnB,aAAa,CAAC,mBAAmB,CAAC;GACtB,OAAO,CAsDnB"}

package/dist/ui/sidemenu.js

@@ -1,33 +1,27 @@
-"use strict";
 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;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sidemenu = void 0;
-const constants_1 = __importDefault(require("../constants"));
-const core_1 = require("@omegagrid/core");
-const lit_1 = require("lit");
-const decorators_js_1 = require("lit/decorators.js");
-const ref_js_1 = require("lit/directives/ref.js");
-const itemStyle = (0, lit_1.css) `
+import constants from '../constants';
+import { dom } from '@omegagrid/core';
+import { LitElement, html, css } from 'lit';
+import { customElement, property, query } from 'lit/decorators.js';
+import { createRef, ref } from 'lit/directives/ref.js';
+const itemStyle = css `
 	.item {
 		vertical-align: middle;
 		text-align: center;
 		border-bottom: 1px solid var(--og-border-color);
 	}
 `;
-let Sidemenu = class Sidemenu extends lit_1.LitElement {
-    get tooltip() { var _a; return (_a = this.tooltipRef) === null || _a === void 0 ? void 0 : _a.value; }
-    get count() { var _a, _b, _c; return (_c = (_b = (_a = this.settings) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0; }
+let Sidemenu = class Sidemenu extends LitElement {
+    get tooltip() { return this.tooltipRef?.value; }
+    get count() { return this.settings?.items?.length ?? 0; }
     constructor() {
         super();
-        this.tooltipRef = (0, ref_js_1.createRef)();
+        this.tooltipRef = createRef();
         this._onMouseMove = (_e, elm) => {
             const tooltip = this.settings.items[elm.index].tooltip;
             if (tooltip) {
@@ -39,9 +33,8 @@ let Sidemenu = class Sidemenu extends lit_1.LitElement {
             }
         };
         this._itemRenderer = (_div, index) => {
-            var _a;
-            const item = (_a = this.settings) === null || _a === void 0 ? void 0 : _a.items[index];
-            return (0, lit_1.html) `
+            const item = this.settings?.items[index];
+            return html `
 			<og-bucket-button
 				.text="${item.text}"
 				.icon="${item.icon}"
@@ -50,23 +43,23 @@ let Sidemenu = class Sidemenu extends lit_1.LitElement {
 			</og-bucket-button>
 		`;
         };
-        this.render = () => (0, lit_1.html) `
+        this.render = () => html `
 		<og-list
 			size="${this.count}"
 			?nativeHeight="${true}"
 			.customStyle="${itemStyle}"
-			itemHeight="${constants_1.default.SIDEMENU_WIDTH}"
+			itemHeight="${constants.SIDEMENU_WIDTH}"
 			.itemRenderer="${this._itemRenderer}">
 		</og-list>
-		<og-tooltip ${(0, ref_js_1.ref)(this.tooltipRef)} style="max-width: 300px; display: none">
+		<og-tooltip ${ref(this.tooltipRef)} style="max-width: 300px; display: none">
 			<div style="padding: 5px" slot="body"></div>
 		</og-tooltip>
 	`;
-        core_1.dom.debounceOn(this, 'mousemove', '.item', this._onMouseMove, { wait: 10, noMatchCallback: () => {
+        dom.debounceOn(this, 'mousemove', '.item', this._onMouseMove, { wait: 10, noMatchCallback: () => {
                 this.tooltip.deatach();
             } });
-        core_1.dom.on(this, 'mouseout', '.item', () => this.requestHide());
-        core_1.dom.on(this, 'mouseleave', '.item', () => this.requestHide());
+        dom.on(this, 'mouseout', '.item', () => this.requestHide());
+        dom.on(this, 'mouseleave', '.item', () => this.requestHide());
     }
     requestHide() {
         if (this._hideTimer == null) {
@@ -77,17 +70,15 @@ let Sidemenu = class Sidemenu extends lit_1.LitElement {
         }
     }
     updated() {
-        var _a, _b;
-        if (((_a = this.settings) === null || _a === void 0 ? void 0 : _a.activeIndex) >= 0) {
-            this.list.select((_b = this.settings) === null || _b === void 0 ? void 0 : _b.activeIndex);
+        if (this.settings?.activeIndex >= 0) {
+            this.list.select(this.settings?.activeIndex);
         }
     }
     firstUpdated() {
         document.body.appendChild(this.tooltip);
     }
 };
-exports.Sidemenu = Sidemenu;
-Sidemenu.styles = (0, lit_1.css) `
+Sidemenu.styles = css `
 		:host {
 			display: block;
 		}
@@ -101,12 +92,13 @@ Sidemenu.styles = (0, lit_1.css) `
 		}
 	`;
 __decorate([
-    (0, decorators_js_1.property)({ type: Object })
+    property({ type: Object })
 ], Sidemenu.prototype, "settings", void 0);
 __decorate([
-    (0, decorators_js_1.query)('og-list')
+    query('og-list')
 ], Sidemenu.prototype, "list", void 0);
-exports.Sidemenu = Sidemenu = __decorate([
-    (0, decorators_js_1.customElement)('og-bucket-sidemenu')
+Sidemenu = __decorate([
+    customElement('og-bucket-sidemenu')
 ], Sidemenu);
+export { Sidemenu };
 //# sourceMappingURL=sidemenu.js.map

package/dist/ui/sidemenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenu.js","sourceRoot":"","sources":["../../src/ui/sidemenu.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidemenu.js","sourceRoot":"","sources":["../../src/ui/sidemenu.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,GAAG,EAAoD,MAAM,iBAAiB,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAGvD,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;CAMpB,CAAC;AAGK,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;IAuBvC,IAAI,OAAO,KAAK,OAAO,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhD,IAAI,KAAK,KAAK,OAAO,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,IAAI,CAAC,CAAA,CAAC,CAAC;IAIxD;QACC,KAAK,EAAE,CAAC;QARD,eAAU,GAAG,SAAS,EAAW,CAAC;QA0B1C,iBAAY,GAAG,CAAC,EAAc,EAAE,GAAoB,EAAE,EAAE;YACvD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;YACvD,IAAI,OAAO,EAAE,CAAC;gBACZ,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,eAAe,CAAoB,CAAC,SAAS,GAAG,OAAO,CAAC;gBACpF,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YACxB,CAAC;QACF,CAAC,CAAA;QAYD,kBAAa,GAAqB,CAAC,IAAoB,EAAE,KAAa,EAAE,EAAE;YACzE,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC;YACzC,OAAO,IAAI,CAAA;;aAEA,IAAI,CAAC,IAAI;aACT,IAAI,CAAC,IAAI;cACR,IAAI,CAAC,KAAK;mBACL,CAAC,KAAK,EAAE,IAAI,CAAC,UAAU,CAAqB;;GAE5D,CAAC;QACH,CAAC,CAAA;QAED,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;WAET,IAAI,CAAC,KAAK;oBACD,IAAI;mBACL,SAAS;iBACX,SAAS,CAAC,cAAc;oBACrB,IAAI,CAAC,aAAa;;gBAEtB,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;;;EAGlC,CAAC;QA5DD,GAAG,CAAC,UAAU,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,eAAe,EAAE,GAAG,EAAE;gBAC9F,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YACxB,CAAC,EAAC,CAAC,CAAC;QAEJ,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;QAC5D,GAAG,CAAC,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;IAC/D,CAAC;IAED,WAAW;QACV,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,EAAE,CAAC;YAC7B,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBACxC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBACvB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACxB,CAAC,EAAE,GAAG,CAAC,CAAA;QACR,CAAC;IACF,CAAC;IAYD,OAAO;QACN,IAAI,IAAI,CAAC,QAAQ,EAAE,WAAW,IAAI,CAAC,EAAE,CAAC;YACrC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;QAC9C,CAAC;IACF,CAAC;IAED,YAAY;QACX,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACzC,CAAC;;AA1DM,eAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;EAYlB,AAZY,CAYX;AAjBF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;0CACE;AAG3B;IADC,KAAK,CAAC,SAAS,CAAC;sCACN;AANC,QAAQ;IADpB,aAAa,CAAC,oBAAoB,CAAC;GACvB,QAAQ,CA6FpB"}

package/dist/ui/top.js

@@ -1,28 +1,22 @@
-"use strict";
 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;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BucketTop = void 0;
-const lit_1 = require("lit");
-const decorators_js_1 = require("lit/decorators.js");
-const top_style_1 = __importDefault(require("./top.style"));
-const core_1 = require("@omegagrid/core");
-const style_map_js_1 = require("lit/directives/style-map.js");
-let BucketTop = class BucketTop extends lit_1.LitElement {
+import { LitElement, html } from 'lit';
+import { customElement, property, queryAll, state } from 'lit/decorators.js';
+import style from './top.style';
+import { dom } from '@omegagrid/core';
+import { styleMap } from 'lit/directives/style-map.js';
+let BucketTop = class BucketTop extends LitElement {
     constructor() {
         super(...arguments);
         this.leftItemWidth = 250;
-        this.render = () => (0, lit_1.html) `
+        this.render = () => html `
 		<div class="item" id="logo" data-component="bucket-logo"></div>
 		<div class="item" id="left" data-component="bucket-topLeft" 
-			style="${(0, style_map_js_1.styleMap)({ minWidth: core_1.dom.numToPixels(this.leftItemWidth) })}"></div>
+			style="${styleMap({ minWidth: dom.numToPixels(this.leftItemWidth) })}"></div>
 		<div class="item" id="center" data-component="bucket-topCenter"></div>
 		<div class="item" id="right" data-component="bucket-topRight"></div>
 	`;
@@ -33,14 +27,14 @@ let BucketTop = class BucketTop extends lit_1.LitElement {
         let visible = false;
         for (const item of this.items) {
             const component = await this.bucket.createComponent(item.dataset.component);
-            core_1.dom.empty(item);
+            dom.empty(item);
             if (component) {
                 item.appendChild(component);
                 visible = true;
             }
         }
         if (!visible)
-            core_1.dom.hideElement(this);
+            dom.hideElement(this);
     }
     firstUpdated() {
         this.layout();
@@ -53,18 +47,18 @@ let BucketTop = class BucketTop extends lit_1.LitElement {
         }
     }
 };
-exports.BucketTop = BucketTop;
-BucketTop.styles = [top_style_1.default];
+BucketTop.styles = [style];
 __decorate([
-    (0, decorators_js_1.property)({ type: Object })
+    property({ type: Object })
 ], BucketTop.prototype, "bucket", void 0);
 __decorate([
-    (0, decorators_js_1.queryAll)('.item')
+    queryAll('.item')
 ], BucketTop.prototype, "items", void 0);
 __decorate([
-    (0, decorators_js_1.state)()
+    state()
 ], BucketTop.prototype, "leftItemWidth", void 0);
-exports.BucketTop = BucketTop = __decorate([
-    (0, decorators_js_1.customElement)('og-bucket-top')
+BucketTop = __decorate([
+    customElement('og-bucket-top')
 ], BucketTop);
+export { BucketTop };
 //# sourceMappingURL=top.js.map

package/dist/ui/top.js.map

@@ -1 +1 @@
-{"version":3,"file":"top.js","sourceRoot":"","sources":["../../src/ui/top.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6BAAuC;AACvC,qDAA6E;AAC7E,4DAAgC;AAEhC,0CAA8C;AAC9C,8DAAuD;AAGhD,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,gBAAU;IAAlC;;QAWN,kBAAa,GAAG,GAAG,CAAC;QAsBpB,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;;;YAGR,IAAA,uBAAQ,EAAC,EAAC,QAAQ,EAAE,UAAG,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,EAAC,CAAC;;;EAGnE,CAAC;IAUH,CAAC;IApCA,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,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YAC5E,UAAG,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,UAAG,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;IAED,YAAY;QACX,IAAI,CAAC,MAAM,EAAE,CAAC;IACf,CAAC;IAUD,MAAM;QACL,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;YAClE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;gBAC/C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;YACtE,CAAC;QACF,CAAC;IACF,CAAC;;AA/CW,8BAAS;AAEd,gBAAM,GAAG,CAAC,mBAAK,CAAC,AAAV,CAAW;AAGxB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCACV;AAGf;IADC,IAAA,wBAAQ,EAAC,OAAO,CAAC;wCACgB;AAGlC;IADC,IAAA,qBAAK,GAAE;gDACY;oBAXR,SAAS;IADrB,IAAA,6BAAa,EAAC,eAAe,CAAC;GAClB,SAAS,CAiDrB"}
+{"version":3,"file":"top.js","sourceRoot":"","sources":["../../src/ui/top.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,EAAE,GAAG,EAAU,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGhD,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAWN,kBAAa,GAAG,GAAG,CAAC;QAsBpB,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;;YAGR,QAAQ,CAAC,EAAC,QAAQ,EAAE,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,CAAC,EAAC,CAAC;;;EAGnE,CAAC;IAUH,CAAC;IApCA,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,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YAC5E,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;IAUD,MAAM;QACL,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;YAClE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC;gBAC/C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;YACtE,CAAC;QACF,CAAC;IACF,CAAC;;AA7CM,gBAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;AAGxB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;yCACV;AAGf;IADC,QAAQ,CAAC,OAAO,CAAC;wCACgB;AAGlC;IADC,KAAK,EAAE;gDACY;AAXR,SAAS;IADrB,aAAa,CAAC,eAAe,CAAC;GAClB,SAAS,CAiDrB"}

package/dist/ui/top.style.js

@@ -1,15 +1,10 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const lit_1 = require("lit");
-const constants_1 = __importDefault(require("../constants"));
-exports.default = (0, lit_1.css) `
+import { css } from 'lit';
+import constants from '../constants';
+export default css `
 	:host {
 		display: flex;
 		flex-direction: row;
-		line-height: ${constants_1.default.TOP_HEIGHT}px;
+		line-height: ${constants.TOP_HEIGHT}px;
 	}
 
 	* {

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

@@ -1 +1 @@
-{"version":3,"file":"top.style.js","sourceRoot":"","sources":["../../src/ui/top.style.ts"],"names":[],"mappings":";;;;;AAAA,6BAA0B;AAC1B,6DAAqC;AAErC,kBAAe,IAAA,SAAG,EAAA;;;;iBAID,mBAAS,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BpC,CAAC"}
+{"version":3,"file":"top.style.js","sourceRoot":"","sources":["../../src/ui/top.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,eAAe,GAAG,CAAA;;;;iBAID,SAAS,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BpC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/bucket",
-  "version": "0.5.19",
+  "version": "0.6.0",
   "license": "UNLICENSED",
   "description": "Application layout component",
   "main": "./dist/index.js",
@@ -28,10 +28,10 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "6.4.2",
-    "@omegagrid/commands": "^0.5.19",
-    "@omegagrid/core": "^0.5.19",
-    "@omegagrid/dialog": "^0.5.19",
-    "@omegagrid/tabs": "^0.5.19",
+    "@omegagrid/commands": "^0.6.0",
+    "@omegagrid/core": "^0.6.0",
+    "@omegagrid/dialog": "^0.6.0",
+    "@omegagrid/tabs": "^0.6.0",
     "@riovir/wc-fontawesome": "^0.1.9",
     "lit": "^3.1.1",
     "ts-debounce": "^4.0.0"
@@ -46,6 +46,6 @@
     "jest-environment-jsdom": "^29.7.0",
     "ts-jest": "^29.1.1",
     "ts-node": "^10.9.2",
-    "typescript": "5.3.2"
+    "typescript": "5.6.3"
   }
 }