@omegagrid/toolbar 0.6.28 → 0.6.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/types.d.ts +3 -2
- package/dist/types.d.ts.map +1 -1
- package/dist/ui/controls/index.d.ts +1 -0
- package/dist/ui/controls/index.d.ts.map +1 -1
- package/dist/ui/controls/index.js +1 -0
- package/dist/ui/controls/index.js.map +1 -1
- package/dist/ui/controls/renderers.d.ts.map +1 -1
- package/dist/ui/controls/renderers.js +9 -0
- package/dist/ui/controls/renderers.js.map +1 -1
- package/dist/ui/controls/toolbarColorPicker.d.ts +2 -2
- package/dist/ui/controls/toolbarColorPicker.d.ts.map +1 -1
- package/dist/ui/controls/toolbarColorPicker.js +4 -4
- package/dist/ui/controls/toolbarColorPicker.js.map +1 -1
- package/dist/ui/controls/toolbarCustomDropdown.d.ts +11 -0
- package/dist/ui/controls/toolbarCustomDropdown.d.ts.map +1 -0
- package/dist/ui/controls/toolbarCustomDropdown.js +58 -0
- package/dist/ui/controls/toolbarCustomDropdown.js.map +1 -0
- package/dist/ui/controls/toolbarText.js +2 -2
- package/package.json +4 -4
package/dist/types.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { ColorTypes, IconSpec } from "@omegagrid/core";
|
|
1
|
+
import { ColorTypes, ComponentId, IconSpec } from "@omegagrid/core";
|
|
2
2
|
import { NodeSource } from "@omegagrid/tree";
|
|
3
3
|
import { TemplateResult } from "lit-html";
|
|
4
|
-
export type ToolbarItemType = 'divider' | 'button' | 'togglebutton' | 'dropdown' | 'dropdown-button' | 'color' | 'text' | 'label';
|
|
4
|
+
export type ToolbarItemType = 'divider' | 'button' | 'togglebutton' | 'dropdown' | 'dropdown-button' | 'dropdown-custom' | 'color' | 'text' | 'label';
|
|
5
5
|
export type ToolbarItem = {
|
|
6
6
|
type: ToolbarItemType;
|
|
7
7
|
id: string;
|
|
@@ -22,5 +22,6 @@ export type ToolbarItem = {
|
|
|
22
22
|
hidden?: boolean;
|
|
23
23
|
gap?: number;
|
|
24
24
|
options?: Record<string, unknown>;
|
|
25
|
+
createComponent?: (id: ComponentId, value?: unknown) => Promise<HTMLElement> | HTMLElement;
|
|
25
26
|
};
|
|
26
27
|
//# sourceMappingURL=types.d.ts.map
|
package/dist/types.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG,SAAS,GAAC,QAAQ,GAAC,cAAc,GAAC,UAAU,GAAC,iBAAiB,GAAC,iBAAiB,GAAC,OAAO,GAAC,MAAM,GAAC,OAAO,CAAC;AAEtI,MAAM,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE,eAAe,CAAC;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;IAC5B,KAAK,CAAC,EAAE,WAAW,EAAE,EAAE,GAAC,UAAU,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAClC,eAAe,CAAC,EAAE,CAAC,EAAE,EAAE,WAAW,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,WAAW,CAAC,GAAC,WAAW,CAAC;CACzF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC;AAC9B,cAAc,sBAAsB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderers.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/renderers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAmB3D,eAAO,MAAM,SAAS,8BAAmC,WAAW,UAAU,OAAO,KAAK,cAAc,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"renderers.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/renderers.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAmB3D,eAAO,MAAM,SAAS,8BAAmC,WAAW,UAAU,OAAO,KAAK,cAAc,CAAC,CAAC,CAAC,CAmEzG,CAAC"}
|
|
@@ -47,6 +47,15 @@ export const renderers = new Map([
|
|
|
47
47
|
style="${styleMap(getItemStyle(item))}">
|
|
48
48
|
</og-toolbar-dropdown>
|
|
49
49
|
`],
|
|
50
|
+
['dropdown-custom', (item, value) => html `
|
|
51
|
+
<og-toolbar-customdropdown
|
|
52
|
+
data-id="${item.id}"
|
|
53
|
+
class="control"
|
|
54
|
+
.item="${item}"
|
|
55
|
+
.value="${value}"
|
|
56
|
+
style="${styleMap(getItemStyle(item))}">
|
|
57
|
+
</og-toolbar-customdropdown>
|
|
58
|
+
`],
|
|
50
59
|
['dropdown-button', (item) => html `
|
|
51
60
|
<og-toolbar-dropdownbutton
|
|
52
61
|
data-id="${item.id}"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderers.js","sourceRoot":"","sources":["../../../src/ui/controls/renderers.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"renderers.js","sourceRoot":"","sources":["../../../src/ui/controls/renderers.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
2
|
import { ToolbarItem } from '../../types';
|
|
3
|
-
import { ColorPickerEvent, Dropdown } from '@omegagrid/core';
|
|
3
|
+
import { ColorPickerEvent, Dropdown, events } from '@omegagrid/core';
|
|
4
4
|
export declare class ToolbarColorPicker extends LitElement {
|
|
5
5
|
static styles: import("lit").CSSResult[];
|
|
6
6
|
item: ToolbarItem;
|
|
7
7
|
value: string;
|
|
8
8
|
dropdown: Dropdown;
|
|
9
9
|
btnContent: HTMLDivElement;
|
|
10
|
-
|
|
10
|
+
_onChange: (e: events.ChangeEvent<string>) => void;
|
|
11
11
|
_onPreview: (e: ColorPickerEvent) => void;
|
|
12
12
|
_onPreviewEnd: (e: ColorPickerEvent) => void;
|
|
13
13
|
render: () => import("lit-html").TemplateResult<1>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbarColorPicker.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/toolbarColorPicker.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,UAAU,EAAQ,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"toolbarColorPicker.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/toolbarColorPicker.ts"],"names":[],"mappings":"AACA,OAAO,EAAO,UAAU,EAAQ,MAAM,KAAK,CAAC;AAG5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAGrE,qBACa,kBAAmB,SAAQ,UAAU;IAEjD,MAAM,CAAC,MAAM,4BA0BV;IAGH,IAAI,EAAE,WAAW,CAAC;IAGlB,KAAK,EAAE,MAAM,CAAC;IAGd,QAAQ,EAAE,QAAQ,CAAC;IAGnB,UAAU,EAAE,cAAc,CAAC;IAE3B,SAAS,MAAO,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC,UAIzC;IAED,UAAU,MAAO,gBAAgB,UAGhC;IAED,aAAa,MAAO,gBAAgB,UAGnC;IAED,MAAM,6CAmBJ;CAEF"}
|
|
@@ -12,9 +12,9 @@ import { actions } from '@omegagrid/core';
|
|
|
12
12
|
let ToolbarColorPicker = class ToolbarColorPicker extends LitElement {
|
|
13
13
|
constructor() {
|
|
14
14
|
super(...arguments);
|
|
15
|
-
this.
|
|
16
|
-
this.btnContent.style.backgroundColor = e.
|
|
17
|
-
actions.dispatchActionEvent(this, 'toolbar', { type: 'select', key: this.item.id, value: e.
|
|
15
|
+
this._onChange = (e) => {
|
|
16
|
+
this.btnContent.style.backgroundColor = e.value;
|
|
17
|
+
actions.dispatchActionEvent(this, 'toolbar', { type: 'select', key: this.item.id, value: e.value });
|
|
18
18
|
this.dropdown.close();
|
|
19
19
|
};
|
|
20
20
|
this._onPreview = (e) => {
|
|
@@ -38,7 +38,7 @@ let ToolbarColorPicker = class ToolbarColorPicker extends LitElement {
|
|
|
38
38
|
positionOffset="${-constants.TOOLBAR_COMPONENT_SIZE_BASE}">
|
|
39
39
|
<og-colorpicker
|
|
40
40
|
slot="content"
|
|
41
|
-
@
|
|
41
|
+
@change="${this._onChange}"
|
|
42
42
|
@preview="${this._onPreview}"
|
|
43
43
|
@previewEnd="${this._onPreviewEnd}"
|
|
44
44
|
@mousedown="${(e) => e.stopPropagation()}">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbarColorPicker.js","sourceRoot":"","sources":["../../../src/ui/controls/toolbarColorPicker.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAGnC,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,UAAU;IAA3C;;QA0CN,cAAS,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"toolbarColorPicker.js","sourceRoot":"","sources":["../../../src/ui/controls/toolbarColorPicker.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Dropdown } from '@omegagrid/core';
|
|
2
|
+
import { ToolbarItem } from '../../types';
|
|
3
|
+
export declare class ToolbarCustomDropdown extends Dropdown {
|
|
4
|
+
static styles: import("lit").CSSResult[];
|
|
5
|
+
item: ToolbarItem;
|
|
6
|
+
value: string;
|
|
7
|
+
willUpdate(props: Map<string, unknown>): void;
|
|
8
|
+
getComponent(): Promise<HTMLElement>;
|
|
9
|
+
open(): Promise<void>;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=toolbarCustomDropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toolbarCustomDropdown.d.ts","sourceRoot":"","sources":["../../../src/ui/controls/toolbarCustomDropdown.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,QAAQ,EAAU,MAAM,iBAAiB,CAAC;AAIpE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,qBACa,qBAAsB,SAAQ,QAAQ;IAElD,MAAM,CAAC,MAAM,4BAMV;IAGH,IAAI,EAAE,WAAW,CAAC;IAGlB,KAAK,EAAE,MAAM,CAAC;IAEd,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAShC,YAAY;IAaZ,IAAI;CASV"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
2
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
3
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
4
|
+
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;
|
|
5
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
|
+
};
|
|
7
|
+
import { ColorTypes, dom, Dropdown } from '@omegagrid/core';
|
|
8
|
+
import constants from '../../constants';
|
|
9
|
+
import { css } from 'lit';
|
|
10
|
+
import { customElement, property } from 'lit/decorators.js';
|
|
11
|
+
import { actions } from '@omegagrid/core';
|
|
12
|
+
let ToolbarCustomDropdown = class ToolbarCustomDropdown extends Dropdown {
|
|
13
|
+
willUpdate(props) {
|
|
14
|
+
super.willUpdate(props);
|
|
15
|
+
this.style.width = dom.numToPixels(this.item.width || (this.item.text ? null : 23));
|
|
16
|
+
this.style.textAlign = this.item.text ? 'left' : 'center';
|
|
17
|
+
this.icon = this.item.icon;
|
|
18
|
+
this.color = ColorTypes.Gray;
|
|
19
|
+
this.noCaret = true;
|
|
20
|
+
}
|
|
21
|
+
async getComponent() {
|
|
22
|
+
if (!this.item.createComponent)
|
|
23
|
+
return null;
|
|
24
|
+
const component = await this.item.createComponent(this.item.id, this.value);
|
|
25
|
+
component.slot = 'inner-content';
|
|
26
|
+
component.addEventListener('change', (e) => {
|
|
27
|
+
this.close();
|
|
28
|
+
actions.dispatchActionEvent(this, 'toolbar', { type: 'select', key: this.item.id, value: e.value });
|
|
29
|
+
});
|
|
30
|
+
return component;
|
|
31
|
+
}
|
|
32
|
+
async open() {
|
|
33
|
+
const component = await this.getComponent();
|
|
34
|
+
if (component.parentElement != this.dropdown) {
|
|
35
|
+
dom.empty(this.dropdown);
|
|
36
|
+
this.dropdown.appendChild(component);
|
|
37
|
+
}
|
|
38
|
+
await super.open();
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
ToolbarCustomDropdown.styles = [...Dropdown.styles, css `
|
|
42
|
+
:host {
|
|
43
|
+
display: flex;
|
|
44
|
+
flex-direction: row;
|
|
45
|
+
height: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;
|
|
46
|
+
}
|
|
47
|
+
`];
|
|
48
|
+
__decorate([
|
|
49
|
+
property({ type: Object })
|
|
50
|
+
], ToolbarCustomDropdown.prototype, "item", void 0);
|
|
51
|
+
__decorate([
|
|
52
|
+
property({ type: String })
|
|
53
|
+
], ToolbarCustomDropdown.prototype, "value", void 0);
|
|
54
|
+
ToolbarCustomDropdown = __decorate([
|
|
55
|
+
customElement('og-toolbar-customdropdown')
|
|
56
|
+
], ToolbarCustomDropdown);
|
|
57
|
+
export { ToolbarCustomDropdown };
|
|
58
|
+
//# sourceMappingURL=toolbarCustomDropdown.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"toolbarCustomDropdown.js","sourceRoot":"","sources":["../../../src/ui/controls/toolbarCustomDropdown.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,QAAQ,EAAU,MAAM,iBAAiB,CAAC;AACpE,OAAO,SAAS,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAGnC,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,QAAQ;IAgBlD,UAAU,CAAC,KAA2B;QACrC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACxB,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACpF,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC1D,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;QAC3B,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC;QAC7B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACrB,CAAC;IAED,KAAK,CAAC,YAAY;QACjB,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe;YAAE,OAAO,IAAI,CAAC;QAC5C,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5E,SAAS,CAAC,IAAI,GAAG,eAAe,CAAC;QAEjC,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAqB,EAAE,EAAE;YAC9D,IAAI,CAAC,KAAK,EAAE,CAAC;YACb,OAAO,CAAC,mBAAmB,CAAC,IAAI,EAAE,SAAS,EAAE,EAAC,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAC,CAAC,CAAC;QACnG,CAAC,CAAC,CAAC;QAEH,OAAO,SAAS,CAAC;IAClB,CAAC;IAED,KAAK,CAAC,IAAI;QACT,MAAM,SAAS,GAAG,MAAM,IAAI,CAAC,YAAY,EAAE,CAAC;QAC5C,IAAI,SAAS,CAAC,aAAa,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC9C,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACzB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACtC,CAAC;QACD,MAAM,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;;AA3CM,4BAAM,GAAG,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAA;;;;aAI5B,SAAS,CAAC,2BAA2B;;EAEhD,CAAC,AANW,CAMV;AAGH;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;mDACP;AAGlB;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;oDACX;AAdF,qBAAqB;IADjC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,qBAAqB,CA+CjC"}
|
|
@@ -74,12 +74,12 @@ ToolbarText.styles = [css `
|
|
|
74
74
|
display: flex;
|
|
75
75
|
flex-direction: row;
|
|
76
76
|
height: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;
|
|
77
|
-
font-size: var(--og-font-size);
|
|
78
77
|
}
|
|
79
78
|
|
|
80
79
|
input {
|
|
80
|
+
font-size: var(--og-font-size);
|
|
81
81
|
flex: 1;
|
|
82
|
-
min-width:
|
|
82
|
+
min-width: 10px;
|
|
83
83
|
outline: none;
|
|
84
84
|
}
|
|
85
85
|
`];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omegagrid/toolbar",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.30",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"description": "Toolbar component",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
"_prepublish": "yarn test && yarn lint"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
|
-
"@omegagrid/core": "^0.6.
|
|
31
|
-
"@omegagrid/localize": "^0.6.
|
|
32
|
-
"@omegagrid/tree": "^0.6.
|
|
30
|
+
"@omegagrid/core": "^0.6.30",
|
|
31
|
+
"@omegagrid/localize": "^0.6.30",
|
|
32
|
+
"@omegagrid/tree": "^0.6.30",
|
|
33
33
|
"lit": "^3.1.1",
|
|
34
34
|
"lit-html": "^3.1.1",
|
|
35
35
|
"ts-debounce": "^4.0.0"
|