@omegagrid/bucket 0.2.5

package/dist/ui/top.js

@@ -0,0 +1,70 @@
+"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 {
+    constructor() {
+        super(...arguments);
+        this.leftItemWidth = 250;
+        this.render = () => (0, lit_1.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>
+		<div class="item" id="center" data-component="bucket-topCenter"></div>
+		<div class="item" id="right" data-component="bucket-topRight"></div>
+	`;
+    }
+    async updated() {
+        if (!this.bucket)
+            return;
+        let visible = false;
+        for (const item of this.items) {
+            const component = await this.bucket.createComponent(item.dataset.component);
+            core_1.dom.empty(item);
+            if (component) {
+                item.appendChild(component);
+                visible = true;
+            }
+        }
+        if (!visible)
+            core_1.dom.hideElement(this);
+    }
+    firstUpdated() {
+        this.layout();
+    }
+    layout() {
+        if (this.bucket.container && this.bucket.container.containers[0]) {
+            if (!this.bucket.container.items[0].collapsed) {
+                this.leftItemWidth = this.bucket.container.containers[0].offsetWidth;
+            }
+        }
+    }
+};
+exports.BucketTop = BucketTop;
+BucketTop.styles = [top_style_1.default];
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], BucketTop.prototype, "bucket", void 0);
+__decorate([
+    (0, decorators_js_1.queryAll)('.item')
+], BucketTop.prototype, "items", void 0);
+__decorate([
+    (0, decorators_js_1.state)()
+], BucketTop.prototype, "leftItemWidth", void 0);
+exports.BucketTop = BucketTop = __decorate([
+    (0, decorators_js_1.customElement)('og-bucket-top')
+], BucketTop);
+//# sourceMappingURL=top.js.map

package/dist/ui/top.js.map

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

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

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

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

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

package/dist/ui/top.style.js

@@ -0,0 +1,40 @@
+"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) `
+	:host {
+		display: flex;
+		flex-direction: row;
+		line-height: ${constants_1.default.TOP_HEIGHT}px;
+	}
+
+	* {
+		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

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

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@omegagrid/bucket",
+  "version": "0.2.5",
+  "license": "UNLICENSED",
+  "description": "Application layout component",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "./dist/**/*"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/cechi/omegagrid.git"
+  },
+  "bugs": "https://github.com/cechi/omegagrid/issues",
+  "author": {
+    "name": "Petr Čechura",
+    "email": "p.cechura@gmail.com",
+    "url": "https://cechura.eu"
+  },
+  "scripts": {
+    "watch": "tsc --watch",
+    "build": "tsc",
+    "test": "jest --passWithNoTests",
+    "lint": "eslint **/src/**/*.ts",
+    "_prepack": "yarn build",
+    "_prepublish": "yarn test && yarn lint"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "6.4.2",
+    "@lit/localize": "^0.12.1",
+    "@omegagrid/commands": "^0.2.5",
+    "@omegagrid/core": "^0.2.5",
+    "@omegagrid/dialog": "^0.2.5",
+    "@omegagrid/tabs": "^0.2.5",
+    "@riovir/wc-fontawesome": "^0.1.9",
+    "lit": "^3.1.1",
+    "ts-debounce": "^4.0.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.11",
+    "@types/node": "^20.11.5",
+    "@typescript-eslint/eslint-plugin": "^6.19.0",
+    "@typescript-eslint/parser": "^6.19.0",
+    "eslint": "^8.56.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "ts-jest": "^29.1.1",
+    "ts-node": "^10.9.2",
+    "typescript": "5.3.2"
+  }
+}