@omegagrid/statusbar 0.2.5

package/dist/constants.d.ts

@@ -0,0 +1,43 @@
+declare const _default: {
+    LOCALE: string;
+    PREFIX: string;
+    DEFAULT_ACCENT_COLOR: string;
+    DEFAULT_ACCENT_COLOR_2: import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<string | number | ArrayLike<number> | import("color")<any> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }> | {
+        [key: string]: any;
+    }>;
+    SIZER_SIZE: number;
+    SLIDER_SIZE: number;
+    SLIDER_MIN_LENGTH: number;
+    EXPANDER_SIZE: number;
+    LIST_ITEM_HEIGHT: number;
+    LIST_RENDERING_TRESHOLD: number;
+    LIST_AUTOSCROLL_TRESHOLD: number;
+    LIST_AUTOSCROLL_DELAY: number;
+    DEFAULT_TEXT_HIGHLIGHT_COLOR: string;
+    TOOLTIP_MARGIN: number;
+    MENU_ITEM_HEIGHT: number;
+    COLORPICKER_COLOR_SIZE: number;
+    STATUSBAR_HEIGHT: number;
+};
+export default _default;
+//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

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

package/dist/constants.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@omegagrid/core");
+exports.default = {
+    STATUSBAR_HEIGHT: 22,
+    ...core_1.constants
+};
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":";;AAAA,0CAA6D;AAE7D,kBAAe;IACd,gBAAgB,EAAE,EAAE;IACpB,GAAG,gBAAa;CAChB,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ui';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC"}

package/dist/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./ui"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uCAAqB;AACrB,0CAAwB"}

package/dist/types.d.ts

@@ -0,0 +1,9 @@
+import { ComponentId } from "@omegagrid/core";
+export type StatusbarItemType = 'button' | 'custom';
+export type StatusbarItem = {
+    id?: ComponentId;
+    type: StatusbarItemType;
+    icon?: string;
+    text?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAC,QAAQ,CAAC;AAElD,MAAM,MAAM,aAAa,GAAG;IAC3B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,IAAI,EAAE,iBAAiB,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAA"}

package/dist/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/dist/ui/index.d.ts

@@ -0,0 +1,2 @@
+export * from './statusbar';
+//# 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,aAAa,CAAC"}

package/dist/ui/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./statusbar"), exports);
+//# 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,8CAA4B"}

package/dist/ui/statusbar.d.ts

@@ -0,0 +1,14 @@
+import { ComponentFactory, Layout } from '@omegagrid/core';
+import { LitElement } from 'lit';
+import { StatusbarItem } from '../types';
+export declare class Statusbar extends LitElement implements Layout {
+    static styles: import("lit").CSSResult[];
+    leftItems: StatusbarItem[];
+    rightItems: StatusbarItem[];
+    createComponent: ComponentFactory;
+    customComponents: HTMLDivElement;
+    private components;
+    layout(): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=statusbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"statusbar.d.ts","sourceRoot":"","sources":["../../src/ui/statusbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAY,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,qBAEa,SAAU,SAAQ,UAAW,YAAW,MAAM;IAE1D,MAAM,CAAC,MAAM,4BAAW;IAGxB,SAAS,EAAE,aAAa,EAAE,CAAC;IAG3B,UAAU,EAAE,aAAa,EAAE,CAAC;IAG5B,eAAe,EAAE,gBAAgB,CAAC;IAGlC,gBAAgB,EAAE,cAAc,CAAC;IAEjC,OAAO,CAAC,UAAU,CAAkC;IAEpD,MAAM;IAIN,MAAM,6CAgBJ;CAEF"}

package/dist/ui/statusbar.js

@@ -0,0 +1,57 @@
+"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.Statusbar = void 0;
+const core_1 = require("@omegagrid/core");
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const map_js_1 = require("lit/directives/map.js");
+const statusbar_style_1 = require("./statusbar.style");
+let Statusbar = class Statusbar extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.components = new Map();
+        this.render = () => (0, lit_1.html) `
+		<div id="left">
+			${(0, map_js_1.map)(this.leftItems, item => item.type == 'button'
+            ? (0, lit_1.html) `<div class="item"><og-button icon="${item.icon}" text="${item.text}" color="transparent"></og-button></div>`
+            : (0, lit_1.html) `<div class="item custom">${this.createComponent(item.id)}</div>`)}
+		</div>
+
+		<div id="center"></div>
+
+		<div id="right">
+			${(0, map_js_1.map)(this.rightItems, item => item.type == 'button'
+            ? (0, lit_1.html) `<div class="item"><og-button icon="${item.icon}" text="${item.text}" color="transparent"></og-button></div>`
+            : (0, lit_1.html) `<div class="item custom">${this.createComponent(item.id)}</div>`)}
+		</div>
+	`;
+    }
+    layout() {
+        //empty
+    }
+};
+exports.Statusbar = Statusbar;
+Statusbar.styles = [statusbar_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], Statusbar.prototype, "leftItems", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], Statusbar.prototype, "rightItems", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], Statusbar.prototype, "createComponent", void 0);
+__decorate([
+    (0, decorators_js_1.queryAll)('.itemcustom')
+], Statusbar.prototype, "customComponents", void 0);
+exports.Statusbar = Statusbar = __decorate([
+    (0, decorators_js_1.customElement)('og-statusbar'),
+    (0, core_1.stylable)({ vars: ['accent-*', 'colortype-'] })
+], Statusbar);
+//# sourceMappingURL=statusbar.js.map

package/dist/ui/statusbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"statusbar.js","sourceRoot":"","sources":["../../src/ui/statusbar.ts"],"names":[],"mappings":";;;;;;;;;AAAA,0CAAqE;AACrE,6BAAuC;AACvC,qDAAsE;AACtE,kDAA4C;AAE5C,uDAA0C;AAInC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,gBAAU;IAAlC;;QAgBE,eAAU,GAAG,IAAI,GAAG,EAAuB,CAAC;QAMpD,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;;KAEf,IAAA,YAAG,EAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ;YAClD,CAAC,CAAC,IAAA,UAAI,EAAA,sCAAsC,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,IAAI,0CAA0C;YACnH,CAAC,CAAC,IAAA,UAAI,EAAA,4BAA4B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CACvE;;;;;;KAMC,IAAA,YAAG,EAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ;YACnD,CAAC,CAAC,IAAA,UAAI,EAAA,sCAAsC,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,IAAI,0CAA0C;YACnH,CAAC,CAAC,IAAA,UAAI,EAAA,4BAA4B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CACvE;;EAEF,CAAC;IAEH,CAAC;IAtBA,MAAM;QACL,OAAO;IACR,CAAC;;AApBW,8BAAS;AAEd,gBAAM,GAAG,CAAC,uBAAK,CAAC,AAAV,CAAW;AAGxB;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;4CACG;AAG3B;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;6CACI;AAG5B;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;kDACS;AAGlC;IADC,IAAA,wBAAQ,EAAC,aAAa,CAAC;mDACS;oBAdrB,SAAS;IAFrB,IAAA,6BAAa,EAAC,cAAc,CAAC;IAC7B,IAAA,eAAQ,EAAC,EAAC,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC,EAAC,CAAC;GAChC,SAAS,CAwCrB"}

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

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

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

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

package/dist/ui/statusbar.style.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.style = void 0;
+const lit_1 = require("lit");
+const constants_1 = __importDefault(require("../constants"));
+exports.style = (0, lit_1.css) `
+	* {
+		box-sizing: border-box;
+	}
+
+	:host {
+		display: block;
+		height: ${constants_1.default.STATUSBAR_HEIGHT}px;
+		line-height: ${constants_1.default.STATUSBAR_HEIGHT}px;
+		background-color: var(--accent-color-alpha-70);
+		display: flex;
+		flex-direction: row;
+	}
+
+	#right, #left {
+		display: flex;
+		flex-direction: row;
+	}
+
+	#left {
+		justify-content: flex-start;
+		flex: 0;
+	}
+
+	#center {
+		flex: 1;
+	}
+
+	#right {
+		flex: 0;
+		justify-content: flex-end;
+	}
+
+	.item {
+		height: 100%;
+	}
+
+	.item > * {
+		box-sizing: border-box;
+		height: 100%;
+		color: #ffffff;
+		padding: 0 4px;
+	}
+
+`;
+//# sourceMappingURL=statusbar.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"statusbar.style.js","sourceRoot":"","sources":["../../src/ui/statusbar.style.ts"],"names":[],"mappings":";;;;;;AAAA,6BAA0B;AAC1B,6DAAqC;AAExB,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;YAOZ,mBAAS,CAAC,gBAAgB;iBACrB,mBAAS,CAAC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC1C,CAAC"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@omegagrid/statusbar",
+  "version": "0.2.5",
+  "license": "UNLICENSED",
+  "description": "Statusbar 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 --project tsconfig.json",
+    "test": "jest --passWithNoTests",
+    "lint": "eslint **/src/**/*.ts",
+    "_prepack": "yarn build",
+    "_prepublish": "yarn test && yarn lint"
+  },
+  "dependencies": {
+    "@lit/localize": "^0.12.1",
+    "@omegagrid/core": "^0.2.5",
+    "@omegagrid/tree": "^0.2.5",
+    "lit": "^3.1.1",
+    "lit-html": "^3.1.1",
+    "ts-debounce": "^4.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.18.13",
+    "@types/jest": "^29.5.11",
+    "@types/node": "^20.11.5",
+    "@types/webpack": "^5.28.0",
+    "@typescript-eslint/eslint-plugin": "^6.19.0",
+    "@typescript-eslint/parser": "^6.19.0",
+    "astroturf": "^1.2.0",
+    "babel-jest": "^29.7.0",
+    "babel-loader": "^9.1.3",
+    "eslint": "^8.56.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "ts-jest": "^29.1.1",
+    "ts-loader": "^9.5.1",
+    "ts-node": "^10.9.2",
+    "typescript": "5.3.2",
+    "webpack": "^5.89.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1",
+    "webpack-merge": "^5.10.0"
+  }
+}