@omegagrid/statusbar 0.10.0 → 0.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/statusbar",
-  "version": "0.10.0",
+  "version": "0.10.2",
   "license": "UNLICENSED",
   "description": "Statusbar component",
   "main": "./dist/index.js",
@@ -27,8 +27,8 @@
     "_prepublish": "yarn test && yarn lint"
   },
   "dependencies": {
-    "@omegagrid/core": "^0.10.0",
-    "@omegagrid/tree": "^0.10.0",
+    "@omegagrid/core": "^0.10.2",
+    "@omegagrid/tree": "^0.10.2",
     "lit": "^3.1.1",
     "lit-html": "^3.1.1",
     "ts-debounce": "^4.0.0"

package/dist/constants.d.ts

@@ -1,48 +0,0 @@
-declare const _default: {
-    PREFIX: string;
-    DEFAULT_ACCENT_COLOR: string;
-    DEFAULT_ACCENT_COLOR_2: import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | import("color")<string | number | any | ArrayLike<number> | {
-        [key: string]: any;
-    }> | ArrayLike<number> | {
-        [key: string]: any;
-    }> | ArrayLike<number> | {
-        [key: string]: any;
-    }> | ArrayLike<number> | {
-        [key: string]: any;
-    }> | ArrayLike<number> | {
-        [key: string]: any;
-    }> | ArrayLike<number> | {
-        [key: string]: any;
-    }> | ArrayLike<number> | {
-        [key: string]: any;
-    }> | ArrayLike<number> | {
-        [key: string]: any;
-    }> | ArrayLike<number> | {
-        [key: string]: any;
-    }> | ArrayLike<number> | {
-        [key: string]: any;
-    }> | ArrayLike<number> | {
-        [key: string]: any;
-    }> | ArrayLike<number> | {
-        [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;
-    DEFAULT_NUMBER_FORMAT: string;
-    BUTTON_HEIGHT: number;
-    FONT_SIZE: number;
-    FLOATING_WINDOW_MAX_WIDTH: number;
-    STATUSBAR_HEIGHT: number;
-};
-export default _default;
-//# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

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

package/dist/constants.js

@@ -1,6 +0,0 @@
-import { constants as coreConstants } from '@omegagrid/core';
-export default {
-    STATUSBAR_HEIGHT: 22,
-    ...coreConstants
-};
-//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAE7D,eAAe;IACd,gBAAgB,EAAE,EAAE;IACpB,GAAG,aAAa;CAChB,CAAA","sourcesContent":["import { constants as coreConstants } from '@omegagrid/core';\n\nexport default {\n\tSTATUSBAR_HEIGHT: 22,\n\t...coreConstants\n}"]}

package/dist/index.d.ts

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

package/dist/index.d.ts.map

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

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

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,MAAM,CAAC;AACrB,cAAc,SAAS,CAAC","sourcesContent":["export * from './ui';\nexport * from './types';"]}

package/dist/types.d.ts

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

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"","sourcesContent":["import { ComponentId } from \"@omegagrid/core\";\n\nexport type StatusbarItemType = 'button'|'custom';\n\nexport type StatusbarItem = {\n\tid?: ComponentId,\n\ttype: StatusbarItemType,\n\ticon?: string,\n\ttext?: string,\n}"]}

package/dist/ui/index.d.ts

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

package/dist/ui/index.js

@@ -1,2 +0,0 @@
-export * from './statusbar';
-//# sourceMappingURL=index.js.map

package/dist/ui/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC","sourcesContent":["export * from './statusbar';"]}

package/dist/ui/statusbar.d.ts

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

@@ -1 +0,0 @@
-{"version":3,"file":"statusbar.d.ts","sourceRoot":"","sources":["../../src/ui/statusbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,qBACa,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

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

package/dist/ui/statusbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"statusbar.js","sourceRoot":"","sources":["../../src/ui/statusbar.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAGnC,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAgBE,eAAU,GAAG,IAAI,GAAG,EAAuB,CAAC;QAMpD,WAAM,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;;KAEf,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ;YAClD,CAAC,CAAC,IAAI,CAAA,sCAAsC,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,IAAI,0CAA0C;YACnH,CAAC,CAAC,IAAI,CAAA,4BAA4B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CACvE;;;;;;KAMC,GAAG,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,IAAI,QAAQ;YACnD,CAAC,CAAC,IAAI,CAAA,sCAAsC,IAAI,CAAC,IAAI,WAAW,IAAI,CAAC,IAAI,0CAA0C;YACnH,CAAC,CAAC,IAAI,CAAA,4BAA4B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CACvE;;EAEF,CAAC;IAEH,CAAC;IAtBA,MAAM;QACL,OAAO;IACR,CAAC;;AAlBM,gBAAM,GAAG,CAAC,KAAK,CAAC,AAAV,CAAW;AAGxB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;4CACG;AAG3B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;6CACI;AAG5B;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;kDACS;AAGlC;IADC,QAAQ,CAAC,aAAa,CAAC;mDACS;AAdrB,SAAS;IADrB,aAAa,CAAC,cAAc,CAAC;GACjB,SAAS,CAwCrB","sourcesContent":["import { ComponentFactory, Layout } from '@omegagrid/core';\nimport { LitElement, html } from 'lit';\nimport { customElement, property, queryAll } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { StatusbarItem } from '../types';\nimport { style } from './statusbar.style';\n\n@customElement('og-statusbar')\nexport class Statusbar extends LitElement implements Layout {\n\n\tstatic styles = [style];\n\n\t@property({type: Array})\n\tleftItems: StatusbarItem[];\n\n\t@property({type: Array})\n\trightItems: StatusbarItem[];\n\n\t@property({type: Object})\n\tcreateComponent: ComponentFactory;\n\n\t@queryAll('.itemcustom')\n\tcustomComponents: HTMLDivElement;\n\n\tprivate components = new Map<string, HTMLElement>();\n\n\tlayout() {\n\t\t//empty\n\t}\n\t\n\trender = () => html`\n\t\t<div id=\"left\">\n\t\t\t${map(this.leftItems, item => item.type == 'button'\n\t\t\t\t? html`<div class=\"item\"><og-button icon=\"${item.icon}\" text=\"${item.text}\" color=\"transparent\"></og-button></div>`\n\t\t\t\t: html`<div class=\"item custom\">${this.createComponent(item.id)}</div>`\n\t\t\t)}\n\t\t</div>\n\n\t\t<div id=\"center\"></div>\n\n\t\t<div id=\"right\">\n\t\t\t${map(this.rightItems, item => item.type == 'button'\n\t\t\t\t? html`<div class=\"item\"><og-button icon=\"${item.icon}\" text=\"${item.text}\" color=\"transparent\"></og-button></div>`\n\t\t\t\t: html`<div class=\"item custom\">${this.createComponent(item.id)}</div>`\n\t\t\t)}\n\t\t</div>\n\t`;\n\n}"]}

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

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

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

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

@@ -1,48 +0,0 @@
-import { css } from 'lit';
-import constants from '../constants';
-export const style = css `
-	* {
-		box-sizing: border-box;
-	}
-
-	:host {
-		display: block;
-		height: ${constants.STATUSBAR_HEIGHT}px;
-		line-height: ${constants.STATUSBAR_HEIGHT}px;
-		background-color: var(--og-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

@@ -1 +0,0 @@
-{"version":3,"file":"statusbar.style.js","sourceRoot":"","sources":["../../src/ui/statusbar.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;;;;;;;YAOZ,SAAS,CAAC,gBAAgB;iBACrB,SAAS,CAAC,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC1C,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\n\t:host {\n\t\tdisplay: block;\n\t\theight: ${constants.STATUSBAR_HEIGHT}px;\n\t\tline-height: ${constants.STATUSBAR_HEIGHT}px;\n\t\tbackground-color: var(--og-accent-color-alpha-70);\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\t#right, #left {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t}\n\n\t#left {\n\t\tjustify-content: flex-start;\n\t\tflex: 0;\n\t}\n\n\t#center {\n\t\tflex: 1;\n\t}\n\n\t#right {\n\t\tflex: 0;\n\t\tjustify-content: flex-end;\n\t}\n\n\t.item {\n\t\theight: 100%;\n\t}\n\n\t.item > * {\n\t\tbox-sizing: border-box;\n\t\theight: 100%;\n\t\tcolor: #ffffff;\n\t\tpadding: 0 4px;\n\t}\n\n`;"]}