@omegagrid/toolbar 0.10.9 → 0.10.10

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.
@@ -41,10 +41,10 @@ let Toolbar = class Toolbar extends LitElement {
41
41
  ${renderers.get(item.type)(item, (this.values ? this.values[item.id] : undefined) ?? item.value)}
42
42
  </div>
43
43
  `)}
44
-
44
+
45
45
  <og-tooltip id="tooltip" style="display: none" color="accent" ${ref(this.tooltipRef)}></og-tooltip>
46
46
  </div>
47
- <div class="empty">&nbsp;</div>
47
+ <div class="empty"></div>
48
48
  `;
49
49
  this.addEventListener('toolbar.action', (e) => {
50
50
  if (e.action.type == 'change') {
@@ -1 +1 @@
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\t\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(() => this.tooltip.attachTo(target, 'bottom'), 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\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\t\t\t\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\">&nbsp;</div>\n\t`;\n\n}"]}
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(() => this.tooltip.attachTo(target, 'bottom'), 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\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"]}
@@ -1 +1 @@
1
- {"version":3,"file":"toolbar.style.d.ts","sourceRoot":"","sources":["../../src/ui/toolbar.style.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,yBA4DjB,CAAC"}
1
+ {"version":3,"file":"toolbar.style.d.ts","sourceRoot":"","sources":["../../src/ui/toolbar.style.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,KAAK,yBA6DjB,CAAC"}
@@ -24,10 +24,11 @@ export const style = css `
24
24
  align-items: center;
25
25
  gap: ${gap}px;
26
26
  padding-left: ${gap}px;
27
+ padding-right: ${gap}px;
27
28
  }
28
29
 
29
30
  .inner>* {
30
- flex: 0;
31
+ flex: 0;
31
32
  }
32
33
 
33
34
  .empty {
@@ -56,10 +57,10 @@ export const style = css `
56
57
  height: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;
57
58
  max-height: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;
58
59
  }
59
-
60
+
60
61
  label {
61
62
  white-space: nowrap;
62
63
  }
63
-
64
+
64
65
  `;
65
66
  //# sourceMappingURL=toolbar.style.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"toolbar.style.js","sourceRoot":"","sources":["../../src/ui/toolbar.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,GAAG,GAAG,CAAC,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC,2BAA2B,CAAC,GAAG,CAAC,CAAC;AAEnF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;YAOZ,SAAS,CAAC,cAAc;;;;;;;;;;;;;;SAc3B,GAAG;kBACM,GAAG;;;;;;;;;;;;;;WAcV,SAAS,CAAC,2BAA2B;YACpC,SAAS,CAAC,2BAA2B;gBACjC,SAAS,CAAC,2BAA2B;iBACpC,SAAS,CAAC,2BAA2B;eACvC,SAAS,CAAC,2BAA2B;;;;;eAKrC,SAAS,CAAC,2BAA2B,GAAG,EAAE;YAC7C,SAAS,CAAC,2BAA2B;gBACjC,SAAS,CAAC,2BAA2B;;;;;YAKzC,SAAS,CAAC,2BAA2B;gBACjC,SAAS,CAAC,2BAA2B;;;;;;;CAOpD,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nconst gap = (constants.TOOLBAR_HEIGHT - constants.TOOLBAR_COMPONENT_SIZE_BASE) / 2;\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.TOOLBAR_HEIGHT}px;\n\t\tbackground-color: var(--og-background-color-2);\n\t\tdisplay: flex;\n\t\tfont-size: var(--og-font-size);\n\t\tfont-family: var(--og-font-family);\n\t}\n\n\t.inner {\n\t\theight: 100%;\n\t\tposition: relative;\n\t\tflex: 0;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tgap: ${gap}px;\n\t\tpadding-left: ${gap}px;\n\t}\n\n\t.inner>* {\n\t\tflex: 0;\t\n\t}\n\n\t.empty {\n\t\tflex: 1;\n\t}\n\n\tog-button {\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\twidth: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\theight: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\tmax-height: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\tline-height: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\tmin-width: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\tpadding: 0;\n\t}\n\n\tog-toolbar-dropdownbutton, og-toolbar-colorpicker {\n\t\tmin-width: ${constants.TOOLBAR_COMPONENT_SIZE_BASE + 14}px;\n\t\theight: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\tmax-height: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t}\n\n\tog-dropdown {\n\t\tmin-width: 100px;\n\t\theight: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\tmax-height: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t}\n\t\n\tlabel {\n\t\twhite-space: nowrap;\n\t}\n\t\n`;"]}
1
+ {"version":3,"file":"toolbar.style.js","sourceRoot":"","sources":["../../src/ui/toolbar.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,GAAG,GAAG,CAAC,SAAS,CAAC,cAAc,GAAG,SAAS,CAAC,2BAA2B,CAAC,GAAG,CAAC,CAAC;AAEnF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,CAAA;;;;;;;YAOZ,SAAS,CAAC,cAAc;;;;;;;;;;;;;;SAc3B,GAAG;kBACM,GAAG;mBACF,GAAG;;;;;;;;;;;;;;WAcX,SAAS,CAAC,2BAA2B;YACpC,SAAS,CAAC,2BAA2B;gBACjC,SAAS,CAAC,2BAA2B;iBACpC,SAAS,CAAC,2BAA2B;eACvC,SAAS,CAAC,2BAA2B;;;;;eAKrC,SAAS,CAAC,2BAA2B,GAAG,EAAE;YAC7C,SAAS,CAAC,2BAA2B;gBACjC,SAAS,CAAC,2BAA2B;;;;;YAKzC,SAAS,CAAC,2BAA2B;gBACjC,SAAS,CAAC,2BAA2B;;;;;;;CAOpD,CAAC","sourcesContent":["import { css } from 'lit';\nimport constants from '../constants';\n\nconst gap = (constants.TOOLBAR_HEIGHT - constants.TOOLBAR_COMPONENT_SIZE_BASE) / 2;\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.TOOLBAR_HEIGHT}px;\n\t\tbackground-color: var(--og-background-color-2);\n\t\tdisplay: flex;\n\t\tfont-size: var(--og-font-size);\n\t\tfont-family: var(--og-font-family);\n\t}\n\n\t.inner {\n\t\theight: 100%;\n\t\tposition: relative;\n\t\tflex: 0;\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\talign-items: center;\n\t\tgap: ${gap}px;\n\t\tpadding-left: ${gap}px;\n\t\tpadding-right: ${gap}px;\n\t}\n\n\t.inner>* {\n\t\tflex: 0;\n\t}\n\n\t.empty {\n\t\tflex: 1;\n\t}\n\n\tog-button {\n\t\tbox-sizing: border-box;\n\t\tdisplay: block;\n\t\twidth: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\theight: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\tmax-height: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\tline-height: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\tmin-width: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\tpadding: 0;\n\t}\n\n\tog-toolbar-dropdownbutton, og-toolbar-colorpicker {\n\t\tmin-width: ${constants.TOOLBAR_COMPONENT_SIZE_BASE + 14}px;\n\t\theight: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\tmax-height: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t}\n\n\tog-dropdown {\n\t\tmin-width: 100px;\n\t\theight: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t\tmax-height: ${constants.TOOLBAR_COMPONENT_SIZE_BASE}px;\n\t}\n\n\tlabel {\n\t\twhite-space: nowrap;\n\t}\n\n`;\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@omegagrid/toolbar",
3
- "version": "0.10.9",
3
+ "version": "0.10.10",
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.9",
31
- "@omegagrid/localize": "^0.10.9",
32
- "@omegagrid/tree": "^0.10.9",
30
+ "@omegagrid/core": "^0.10.10",
31
+ "@omegagrid/localize": "^0.10.10",
32
+ "@omegagrid/tree": "^0.10.10",
33
33
  "lit": "^3.1.1",
34
34
  "lit-html": "^3.1.1",
35
35
  "ts-debounce": "^4.0.0"