@omegagrid/toolbar 0.10.80 → 0.10.82
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/ui/toolbar.d.ts +1 -0
- package/dist/ui/toolbar.d.ts.map +1 -1
- package/dist/ui/toolbar.js +13 -1
- package/dist/ui/toolbar.js.map +1 -1
- package/package.json +4 -4
package/dist/ui/toolbar.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ export declare class Toolbar extends LitElement implements Layout {
|
|
|
13
13
|
layout(): void;
|
|
14
14
|
_onItemMouseEnter: (e: MouseEvent) => void;
|
|
15
15
|
_onItemMouseLeave: () => void;
|
|
16
|
+
disconnectedCallback(): void;
|
|
16
17
|
updated(): void;
|
|
17
18
|
render: () => import("lit-html").TemplateResult<1>;
|
|
18
19
|
}
|
package/dist/ui/toolbar.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/ui/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAOvC,qBACa,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,GAAI,GAAG,UAAU,
|
|
1
|
+
{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../src/ui/toolbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,MAAM,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAGvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAOvC,qBACa,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,GAAI,GAAG,UAAU,UASjC;IAED,iBAAiB,aAGhB;IAED,oBAAoB;IASpB,OAAO;IAOP,MAAM,6CAeJ;CAEF"}
|
package/dist/ui/toolbar.js
CHANGED
|
@@ -23,7 +23,11 @@ let Toolbar = class Toolbar extends LitElement {
|
|
|
23
23
|
const target = e.target;
|
|
24
24
|
if (target.dataset.tooltip) {
|
|
25
25
|
this.tooltip.content = target.dataset.tooltip;
|
|
26
|
-
this._tooltipTimeout = window.setTimeout(() =>
|
|
26
|
+
this._tooltipTimeout = window.setTimeout(() => {
|
|
27
|
+
if (this.tooltip.parentElement != document.body)
|
|
28
|
+
document.body.appendChild(this.tooltip);
|
|
29
|
+
this.tooltip.attachTo(target, 'bottom');
|
|
30
|
+
}, constants.TOOLBAR_TOOLTIP_DELAY);
|
|
27
31
|
}
|
|
28
32
|
};
|
|
29
33
|
this._onItemMouseLeave = () => {
|
|
@@ -56,6 +60,14 @@ let Toolbar = class Toolbar extends LitElement {
|
|
|
56
60
|
layout() {
|
|
57
61
|
//empty
|
|
58
62
|
}
|
|
63
|
+
disconnectedCallback() {
|
|
64
|
+
window.clearTimeout(this._tooltipTimeout);
|
|
65
|
+
if (this.tooltip && this.tooltip.parentElement == document.body) {
|
|
66
|
+
this.tooltip.deatach();
|
|
67
|
+
this.shadowRoot.querySelector('.inner').appendChild(this.tooltip);
|
|
68
|
+
}
|
|
69
|
+
super.disconnectedCallback();
|
|
70
|
+
}
|
|
59
71
|
updated() {
|
|
60
72
|
this.controls.clear();
|
|
61
73
|
this.shadowRoot.querySelectorAll('.control').forEach((control) => this.controls.set(control.dataset.id, control));
|
package/dist/ui/toolbar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../src/ui/toolbar.ts"],"names":[],"mappings":";;;;;;AACA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAGnC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAatC,IAAI,OAAO,KAAK,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK,CAAA,CAAC,CAAC;IAI9C;QACC,KAAK,EAAE,CAAC;QAVT,WAAM,GAA4B,EAAE,CAAC;QAE5B,aAAQ,GAA6B,IAAI,GAAG,EAAE,CAAC;QAExD,eAAU,GAAG,SAAS,EAAW,CAAC;QAmBlC,sBAAiB,GAAG,CAAC,CAAa,EAAE,EAAE;YACrC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;YACvC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;gBAC5B,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC;gBAC9C,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,SAAS,CAAC,qBAAqB,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"toolbar.js","sourceRoot":"","sources":["../../src/ui/toolbar.ts"],"names":[],"mappings":"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","sourcesContent":["import { actions, Layout, Tooltip } from '@omegagrid/core';\nimport { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { map } from 'lit/directives/map.js';\nimport { ToolbarItem } from '../types';\nimport { renderers } from './controls/renderers';\nimport { style } from './toolbar.style';\nimport { ref, createRef } from \"lit/directives/ref.js\";\nimport constants from '../constants';\nimport { msg } from '@omegagrid/localize';\n\n@customElement('og-toolbar')\nexport class Toolbar extends LitElement implements Layout {\n\n\tstatic styles = [style];\n\n\t@property({type: Array})\n\titems: ToolbarItem[];\n\n\t@property({type: Object})\n\tvalues: Record<string, unknown> = {};\n\n\treadonly controls: Map<string, HTMLElement> = new Map();\n\n\ttooltipRef = createRef<Tooltip>();\n\tget tooltip() { return this.tooltipRef.value }\n\n\t_tooltipTimeout: number;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis.addEventListener('toolbar.action', (e: actions.ActionEvent) => {\n\t\t\tif (e.action.type == 'change') {\n\t\t\t\tthis.values = this.values || {};\n\t\t\t\tthis.values[e.action.key] = e.action.value;\n\t\t\t}\n\t\t});\n\t}\n\n\tlayout() {\n\t\t//empty\n\t}\n\n\t_onItemMouseEnter = (e: MouseEvent) => {\n\t\tconst target = e.target as HTMLElement;\n\t\tif (target.dataset.tooltip) {\n\t\t\tthis.tooltip.content = target.dataset.tooltip;\n\t\t\tthis._tooltipTimeout = window.setTimeout(() => {\n\t\t\t\tif (this.tooltip.parentElement != document.body) document.body.appendChild(this.tooltip);\n\t\t\t\tthis.tooltip.attachTo(target, 'bottom');\n\t\t\t}, constants.TOOLBAR_TOOLTIP_DELAY);\n\t\t}\n\t}\n\n\t_onItemMouseLeave = () => {\n\t\tthis.tooltip.hide();\n\t\twindow.clearTimeout(this._tooltipTimeout);\n\t}\n\n\tdisconnectedCallback() {\n\t\twindow.clearTimeout(this._tooltipTimeout);\n\t\tif (this.tooltip && this.tooltip.parentElement == document.body) {\n\t\t\tthis.tooltip.deatach();\n\t\t\tthis.shadowRoot.querySelector('.inner').appendChild(this.tooltip);\n\t\t}\n\t\tsuper.disconnectedCallback();\n\t}\n\n\tupdated() {\n\t\tthis.controls.clear();\n\t\tthis.shadowRoot.querySelectorAll('.control').forEach((control: HTMLElement) =>\n\t\t\tthis.controls.set(control.dataset.id, control)\n\t\t);\n\t}\n\n\trender = () => html`\n\t\t<div class=\"inner\">\n\t\t\t${map(this.items, item => html`\n\t\t\t\t<div\n\t\t\t\t\tclass=\"item\"\n\t\t\t\t\tdata-tooltip=\"${msg(item.title)}\"\n\t\t\t\t\t@mouseenter=\"${this._onItemMouseEnter}\"\n\t\t\t\t\t@mouseleave=\"${this._onItemMouseLeave}\">\n\t\t\t\t\t${renderers.get(item.type)(item, (this.values ? this.values[item.id] : undefined) ?? item.value)}\n\t\t\t\t</div>\n\t\t\t`)}\n\n\t\t\t<og-tooltip id=\"tooltip\" style=\"display: none\" color=\"accent\" ${ref(this.tooltipRef)}></og-tooltip>\n\t\t</div>\n\t\t<div class=\"empty\"></div>\n\t`;\n\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omegagrid/toolbar",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.82",
|
|
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.10.
|
|
31
|
-
"@omegagrid/localize": "^0.10.
|
|
32
|
-
"@omegagrid/tree": "^0.10.
|
|
30
|
+
"@omegagrid/core": "^0.10.82",
|
|
31
|
+
"@omegagrid/localize": "^0.10.82",
|
|
32
|
+
"@omegagrid/tree": "^0.10.82",
|
|
33
33
|
"lit": "^3.1.1",
|
|
34
34
|
"lit-html": "^3.1.1",
|
|
35
35
|
"ts-debounce": "^4.0.0"
|