@omegagrid/toolbar 0.2.5

package/dist/ui/controls/toolbarDropdownButton.js

@@ -0,0 +1,112 @@
+"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.ToolbarDropdownButton = 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-html/directives/ref.js");
+const core_2 = require("@omegagrid/core");
+let ToolbarDropdownButton = class ToolbarDropdownButton extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.gridRef = (0, ref_js_1.createRef)();
+        this.dropdownRef = (0, ref_js_1.createRef)();
+        this.render = () => (0, lit_1.html) `
+		<og-toolbar-button
+			mode="toggle"
+			style="min-width: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px; flex: 0"
+			color="gray"
+			.item="${this.currentItem}">
+		</og-toolbar-button>
+		<og-dropdown ${(0, ref_js_1.ref)(this.dropdownRef)}
+			style="min-width: 14px; flex: 0"
+			color="gray"
+			alignment="left"
+			positionOffset="${-constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}">
+			<og-toolbar-grid ${(0, ref_js_1.ref)(this.gridRef)}
+				slot="content"
+				.items="${this.item.items}">
+			</og-toolbar-grid>
+		</og-dropdown>
+	`;
+    }
+    get grid() { return this.gridRef.value; }
+    get dropdown() { return this.dropdownRef.value; }
+    willUpdate() {
+        var _a;
+        if (!this.currentItem && ((_a = this.item) === null || _a === void 0 ? void 0 : _a.items)) {
+            const items = this.item.items;
+            this.currentItem = items.flatMap(row => row).find(item => item.default);
+            if (!this.currentItem)
+                this.currentItem = items[0][0];
+        }
+    }
+    firstUpdated() {
+        core_1.dom.on(this.grid, 'click', 'og-toolbar-button', (e, elm) => {
+            this.currentItem = elm.item;
+            this.dropdown.close();
+        });
+        let previewId = null;
+        core_1.dom.on(this.grid, 'mousemove', 'og-toolbar-button', (_e, elm) => {
+            if (previewId != elm.item.id) {
+                previewId = elm.item.id;
+                core_2.actions.dispatchActionEvent(this, 'toolbar', { type: 'preview', key: elm.item.id, value: elm.item.value });
+            }
+        });
+        this.grid.addEventListener('mouseleave', () => {
+            core_2.actions.dispatchActionEvent(this, 'toolbar', { type: 'previewEnd', key: previewId, value: null });
+            previewId = null;
+        });
+        this.grid.addEventListener('toolbar.action', (e) => {
+            core_2.actions.dispatchActionEvent(this, 'toolbar', e.action);
+        });
+        this.button.addEventListener('click', () => {
+            core_2.actions.dispatchActionEvent(this, 'toolbar', { type: 'select', key: this.currentItem.id, value: this.currentItem.value });
+        });
+        this.dropdown.addEventListener('mousedown', e => {
+            e.stopPropagation();
+        });
+    }
+};
+exports.ToolbarDropdownButton = ToolbarDropdownButton;
+ToolbarDropdownButton.styles = [(0, lit_1.css) `
+		:host {
+			display: flex;
+			flex-direction: row;
+			max-height: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+		}
+
+		og-button {
+			box-sizing: border-box;
+			display: block;
+			width: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+			height: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+			max-height: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+			line-height: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+			padding: 0;
+		}
+	`];
+__decorate([
+    (0, decorators_js_1.query)('og-toolbar-button')
+], ToolbarDropdownButton.prototype, "button", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], ToolbarDropdownButton.prototype, "item", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], ToolbarDropdownButton.prototype, "currentItem", void 0);
+exports.ToolbarDropdownButton = ToolbarDropdownButton = __decorate([
+    (0, decorators_js_1.customElement)('og-toolbar-dropdownbutton'),
+    (0, core_1.stylable)({ vars: ['background-color-2'] })
+], ToolbarDropdownButton);
+//# sourceMappingURL=toolbarDropdownButton.js.map

package/dist/ui/controls/toolbarDropdownButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarDropdownButton.js","sourceRoot":"","sources":["../../../src/ui/controls/toolbarDropdownButton.ts"],"names":[],"mappings":"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"}

package/dist/ui/controls/toolbarGrid.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+import { ToolbarItem } from '../../types';
+export declare class ToolbarGrid extends LitElement {
+    static styles: import("lit").CSSResult[];
+    items: ToolbarItem[][];
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=toolbarGrid.d.ts.map

package/dist/ui/controls/toolbarGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarGrid.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/toolbarGrid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK1C,qBACa,WAAY,SAAQ,UAAU;IAE1C,MAAM,CAAC,MAAM,4BAMV;IAGH,KAAK,EAAE,WAAW,EAAE,EAAE,CAAC;IAEvB,MAAM,6CAQJ;CAEF"}

package/dist/ui/controls/toolbarGrid.js

@@ -0,0 +1,43 @@
+"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.ToolbarGrid = void 0;
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const map_js_1 = require("lit/directives/map.js");
+const renderers_1 = require("./renderers");
+const if_defined_js_1 = require("lit/directives/if-defined.js");
+let ToolbarGrid = class ToolbarGrid extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.render = () => (0, lit_1.html) `
+		<table>
+			${(0, map_js_1.map)(this.items, row => (0, lit_1.html) `
+				<tr>
+					${(0, map_js_1.map)(row, item => (0, lit_1.html) `<td colspan=${(0, if_defined_js_1.ifDefined)(item.colspan)}>${renderers_1.renderers.get(item.type)(item)}</td>`)}
+				</tr>
+			`)}
+		</table>
+	`;
+    }
+};
+exports.ToolbarGrid = ToolbarGrid;
+ToolbarGrid.styles = [(0, lit_1.css) `
+		:host {
+			box-sizing: border-box;
+			display: block;
+			background-color: var(--background-color);
+		}
+	`];
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], ToolbarGrid.prototype, "items", void 0);
+exports.ToolbarGrid = ToolbarGrid = __decorate([
+    (0, decorators_js_1.customElement)('og-toolbar-grid')
+], ToolbarGrid);
+//# sourceMappingURL=toolbarGrid.js.map

package/dist/ui/controls/toolbarGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarGrid.js","sourceRoot":"","sources":["../../../src/ui/controls/toolbarGrid.ts"],"names":[],"mappings":";;;;;;;;;AAAA,6BAA4C;AAC5C,qDAA4D;AAE5D,kDAA4C;AAC5C,2CAAwC;AACxC,gEAAyD;AAGlD,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,gBAAU;IAApC;;QAaN,WAAM,GAAG,GAAG,EAAE,CAAC,IAAA,UAAI,EAAA;;KAEf,IAAA,YAAG,EAAC,IAAI,CAAC,KAAwB,EAAE,GAAG,CAAC,EAAE,CAAC,IAAA,UAAI,EAAA;;OAE5C,IAAA,YAAG,EAAC,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,IAAA,UAAI,EAAA,eAAe,IAAA,yBAAS,EAAC,IAAI,CAAC,OAAO,CAAC,IAAI,qBAAS,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC;;IAExG,CAAC;;EAEH,CAAC;IAEH,CAAC;;AAvBY,kCAAW;AAEhB,kBAAM,GAAG,CAAC,IAAA,SAAG,EAAA;;;;;;EAMnB,CAAC,AANW,CAMV;AAGH;IADC,IAAA,wBAAQ,EAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC;0CACD;sBAXX,WAAW;IADvB,IAAA,6BAAa,EAAC,iBAAiB,CAAC;GACpB,WAAW,CAuBvB"}

package/dist/ui/controls/toolbarText.d.ts

@@ -0,0 +1,19 @@
+import { Dropdown, List, ListSelectEvent } from '@omegagrid/core';
+import { LitElement } from 'lit';
+import { ToolbarItem } from '../../types';
+export declare class ToolbarText extends LitElement {
+    static styles: import("lit").CSSResult[];
+    color: string;
+    item: ToolbarItem;
+    value: string;
+    input: HTMLInputElement;
+    dropdownRef: import("lit-html/directives/ref.js").Ref<Dropdown>;
+    get dropdown(): Dropdown;
+    listRef: import("lit-html/directives/ref.js").Ref<List>;
+    get list(): List;
+    updated(): void;
+    _onSelect: (e: ListSelectEvent) => void;
+    _onKeyUp: () => void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=toolbarText.d.ts.map

package/dist/ui/controls/toolbarText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarText.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/toolbarText.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAE,IAAI,EAAE,eAAe,EAAY,MAAM,iBAAiB,CAAC;AAEjF,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAK1C,qBAEa,WAAY,SAAQ,UAAU;IAE1C,MAAM,CAAC,MAAM,4BAaV;IAGH,KAAK,SAAU;IAGf,IAAI,EAAE,WAAW,CAAC;IAGlB,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,gBAAgB,CAAC;IAExB,WAAW,qDAAyB;IACpC,IAAI,QAAQ,aAAoC;IAEhD,OAAO,iDAAqB;IAC5B,IAAI,IAAI,SAAgC;IAExC,OAAO;IAUP,SAAS,MAAO,eAAe,UAQ9B;IAED,QAAQ,aAUP;IAED,MAAM,6CAmBJ;CAEF"}

package/dist/ui/controls/toolbarText.js

@@ -0,0 +1,112 @@
+"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.ToolbarText = void 0;
+const core_1 = require("@omegagrid/core");
+const constants_1 = __importDefault(require("../../constants"));
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const core_2 = require("@omegagrid/core");
+const ref_js_1 = require("lit-html/directives/ref.js");
+let ToolbarText = class ToolbarText extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.color = 'gray';
+        this.dropdownRef = (0, ref_js_1.createRef)();
+        this.listRef = (0, ref_js_1.createRef)();
+        this._onSelect = (e) => {
+            this.dropdown.close();
+            this.value = this.item.items[e.index].k;
+            core_2.actions.dispatchActionEvent(this, 'toolbar', {
+                type: 'change',
+                key: this.item.id,
+                value: this.value
+            });
+        };
+        this._onKeyUp = () => {
+            if (this.value != this.input.value) {
+                this.value = this.input.value;
+                core_2.actions.dispatchActionEvent(this, 'toolbar', {
+                    type: 'change',
+                    key: this.item.id,
+                    value: this.value
+                });
+                this.input.focus();
+            }
+        };
+        this.render = () => {
+            var _a;
+            return (0, lit_1.html) `
+		<input
+			type="text"
+			.value="${(_a = this.value) !== null && _a !== void 0 ? _a : ''}"
+			placeholder="${this.item.placeholder}"
+			@keyup="${this._onKeyUp}">
+		${this.item.items && this.item.items.length > 0 ? (0, lit_1.html) `
+			<og-dropdown ${(0, ref_js_1.ref)(this.dropdownRef)}
+				style="min-width: 14px; flex: 0"
+				color="gray"
+				alignment="right">
+				<og-list ${(0, ref_js_1.ref)(this.listRef)}
+					slot="content"
+					size="${this.item.items.length}"
+					maxHeight="220"
+					@select="${this._onSelect}">
+				</og-list>
+			</og-dropdown>
+		` : ``}
+	`;
+        };
+    }
+    get dropdown() { return this.dropdownRef.value; }
+    get list() { return this.listRef.value; }
+    updated() {
+        if (this.list) {
+            this.list.itemRenderer = (div, index) => {
+                div.style.paddingLeft = core_1.dom.numToPixels(5);
+                return this.item.items[index].v;
+            };
+            core_1.dom.setSize(this.list, { w: this.clientWidth });
+        }
+    }
+};
+exports.ToolbarText = ToolbarText;
+ToolbarText.styles = [(0, lit_1.css) `
+		:host {
+			display: flex;
+			flex-direction: row;
+			height: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+			font-size: var(--font-size);
+		}
+
+		input {
+			flex: 1;
+			min-width: 40px;
+			outline: none;
+		}
+	`];
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], ToolbarText.prototype, "color", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], ToolbarText.prototype, "item", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], ToolbarText.prototype, "value", void 0);
+__decorate([
+    (0, decorators_js_1.query)('input')
+], ToolbarText.prototype, "input", void 0);
+exports.ToolbarText = ToolbarText = __decorate([
+    (0, decorators_js_1.customElement)('og-toolbar-text'),
+    (0, core_1.stylable)({ vars: ['background-color-2', 'font-'], colorType: ['color', 'background', 'border'], colorTypeSelector: 'input' })
+], ToolbarText);
+//# sourceMappingURL=toolbarText.js.map

package/dist/ui/controls/toolbarText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbarText.js","sourceRoot":"","sources":["../../../src/ui/controls/toolbarText.ts"],"names":[],"mappings":"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"}

package/dist/ui/index.d.ts

@@ -0,0 +1,3 @@
+export * from './toolbar';
+export * from './controls';
+//# 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,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}

package/dist/ui/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("./toolbar"), exports);
+__exportStar(require("./controls"), 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,4CAA0B;AAC1B,6CAA2B"}

package/dist/ui/toolbar.d.ts

@@ -0,0 +1,19 @@
+import { Layout, Tooltip } from '@omegagrid/core';
+import { LitElement } from 'lit';
+import { ToolbarItem } from '../types';
+export declare class Toolbar extends LitElement implements Layout {
+    static styles: import("lit").CSSResult[];
+    items: ToolbarItem[];
+    values: Record<string, unknown>;
+    readonly controls: Map<string, HTMLElement>;
+    tooltipRef: import("lit-html/directives/ref").Ref<Tooltip>;
+    get tooltip(): Tooltip;
+    _tooltipTimeout: number;
+    constructor();
+    layout(): void;
+    _onItemMouseEnter: (e: MouseEvent) => void;
+    _onItemMouseLeave: () => void;
+    updated(): void;
+    render: () => import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/ui/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,MAAM,EAAY,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,qBAEa,OAAQ,SAAQ,UAAW,YAAW,MAAM;IAExD,MAAM,CAAC,MAAM,4BAAW;IAGxB,KAAK,EAAE,WAAW,EAAE,CAAC;IAGrB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAM;IAErC,QAAQ,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAa;IAExD,UAAU,iDAAwB;IAClC,IAAI,OAAO,YAAmC;IAE9C,eAAe,EAAE,MAAM,CAAC;;IAYxB,MAAM;IAIN,iBAAiB,MAAO,UAAU,UAMjC;IAED,iBAAiB,aAGhB;IAED,OAAO;IAOP,MAAM,6CAeJ;CAEF"}

package/dist/ui/toolbar.js

@@ -0,0 +1,85 @@
+"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.Toolbar = 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 renderers_1 = require("./controls/renderers");
+const toolbar_style_1 = require("./toolbar.style");
+const ref_js_1 = require("lit/directives/ref.js");
+const constants_1 = __importDefault(require("../constants"));
+let Toolbar = class Toolbar extends lit_1.LitElement {
+    get tooltip() { return this.tooltipRef.value; }
+    constructor() {
+        super();
+        this.values = {};
+        this.controls = new Map();
+        this.tooltipRef = (0, ref_js_1.createRef)();
+        this._onItemMouseEnter = (e) => {
+            const target = e.target;
+            if (target.dataset.tooltip) {
+                this.tooltip.content = target.dataset.tooltip;
+                this._tooltipTimeout = window.setTimeout(() => this.tooltip.attachTo(target, 'bottom'), constants_1.default.TOOLBAR_TOOLTIP_DELAY);
+            }
+        };
+        this._onItemMouseLeave = () => {
+            this.tooltip.hide();
+            window.clearTimeout(this._tooltipTimeout);
+        };
+        this.render = () => (0, lit_1.html) `
+		<div class="inner">
+			${(0, map_js_1.map)(this.items, item => {
+            var _a;
+            return (0, lit_1.html) `
+				<div
+					class="item"
+					data-tooltip="${item.title}"
+					@mouseenter="${this._onItemMouseEnter}"
+					@mouseleave="${this._onItemMouseLeave}">
+					${renderers_1.renderers.get(item.type)(item, (_a = (this.values ? this.values[item.id] : undefined)) !== null && _a !== void 0 ? _a : item.value)}
+				</div>
+			`;
+        })}
+			
+			<og-tooltip id="tooltip" style="display: none" color="accent" ${(0, ref_js_1.ref)(this.tooltipRef)}></og-tooltip>
+		</div>
+		<div class="empty">&nbsp;</div>
+	`;
+        this.addEventListener('toolbar.action', (e) => {
+            if (e.action.type == 'change') {
+                this.values = this.values || {};
+                this.values[e.action.key] = e.action.value;
+            }
+        });
+    }
+    layout() {
+        //empty
+    }
+    updated() {
+        this.controls.clear();
+        this.shadowRoot.querySelectorAll('.control').forEach((control) => this.controls.set(control.dataset.id, control));
+    }
+};
+exports.Toolbar = Toolbar;
+Toolbar.styles = [toolbar_style_1.style];
+__decorate([
+    (0, decorators_js_1.property)({ type: Array })
+], Toolbar.prototype, "items", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], Toolbar.prototype, "values", void 0);
+exports.Toolbar = Toolbar = __decorate([
+    (0, decorators_js_1.customElement)('og-toolbar'),
+    (0, core_1.stylable)({ vars: ['background-color-2', 'font-*'] })
+], Toolbar);
+//# sourceMappingURL=toolbar.js.map

package/dist/ui/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../src/ui/toolbar.ts"],"names":[],"mappings":"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"}

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

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

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

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

package/dist/ui/toolbar.style.js

@@ -0,0 +1,71 @@
+"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"));
+const gap = (constants_1.default.TOOLBAR_HEIGHT - constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE) / 2;
+exports.style = (0, lit_1.css) `
+	* {
+		box-sizing: border-box;
+	}
+
+	:host {
+		display: block;
+		height: ${constants_1.default.TOOLBAR_HEIGHT}px;
+		background-color: var(--background-color-2);
+		display: flex;
+		font-size: var(--font-size);
+		font-family: var(--font-family);
+	}
+
+	.inner {
+		height: 100%;
+		position: relative;
+		flex: 0;
+		display: flex;
+		flex-direction: row;
+		align-items: center;
+		gap: ${gap}px;
+		padding-left: ${gap}px;
+	}
+
+	.inner>* {
+		flex: 0;	
+	}
+
+	.empty {
+		flex: 1;
+	}
+
+	og-button {
+		box-sizing: border-box;
+		display: block;
+		width: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+		height: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+		max-height: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+		line-height: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+		min-width: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+		padding: 0;
+	}
+
+	og-toolbar-dropdownbutton, og-toolbar-colorpicker {
+		min-width: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE + 14}px;
+		height: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+		max-height: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+	}
+
+	og-dropdown {
+		min-width: 100px;
+		height: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+		max-height: ${constants_1.default.TOOLBAR_COMPONENT_SIZE_BASE}px;
+	}
+	
+	label {
+		white-space: nowrap;
+	}
+	
+`;
+//# sourceMappingURL=toolbar.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.style.js","sourceRoot":"","sources":["../../src/ui/toolbar.style.ts"],"names":[],"mappings":";;;;;;AAAA,6BAA0B;AAC1B,6DAAqC;AAErC,MAAM,GAAG,GAAG,CAAC,mBAAS,CAAC,cAAc,GAAG,mBAAS,CAAC,2BAA2B,CAAC,GAAG,CAAC,CAAC;AAEtE,QAAA,KAAK,GAAG,IAAA,SAAG,EAAA;;;;;;;YAOZ,mBAAS,CAAC,cAAc;;;;;;;;;;;;;;SAc3B,GAAG;kBACM,GAAG;;;;;;;;;;;;;;WAcV,mBAAS,CAAC,2BAA2B;YACpC,mBAAS,CAAC,2BAA2B;gBACjC,mBAAS,CAAC,2BAA2B;iBACpC,mBAAS,CAAC,2BAA2B;eACvC,mBAAS,CAAC,2BAA2B;;;;;eAKrC,mBAAS,CAAC,2BAA2B,GAAG,EAAE;YAC7C,mBAAS,CAAC,2BAA2B;gBACjC,mBAAS,CAAC,2BAA2B;;;;;YAKzC,mBAAS,CAAC,2BAA2B;gBACjC,mBAAS,CAAC,2BAA2B;;;;;;;CAOpD,CAAC"}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@omegagrid/toolbar",
+  "version": "0.2.5",
+  "license": "UNLICENSED",
+  "description": "Toolbar 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"
+  }
+}