@omegagrid/core 0.9.29 → 0.9.30

package/dist/ui/tooltip.d.ts

@@ -2,7 +2,7 @@ import { LitElement, TemplateResult } from 'lit';
 import { ColorTypes } from "../types";
 export type TooltipPosition = 'top' | 'right' | 'bottom' | 'left' | 'mouse';
 export declare class Tooltip extends LitElement {
-    static styles: import("lit").CSSResult[][];
+    static styles: import("lit").CSSResult[];
     color: ColorTypes;
     arrow: boolean;
     position: string;

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/ui/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,eAAe,GAAG,KAAK,GAAC,OAAO,GAAC,QAAQ,GAAC,MAAM,GAAC,OAAO,CAAC;AAEpE,qBAEa,OAAQ,SAAQ,UAAU;IAEtC,MAAM,CAAC,MAAM,8BAAY;IAGzB,KAAK,EAAE,UAAU,CAAmB;IAGpC,KAAK,UAAQ;IAGb,QAAQ,SAAW;IAGnB,OAAO,EAAE,MAAM,GAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAGlC,QAAQ,EAAE,cAAc,CAAC;IAEzB,OAAO,CAAC,WAAW,CAAuB;IAE1C,OAAO,CAAC,mBAAmB,CAA0B;IAErD,IAAI,UAAU,2BAA8B;IAE5C,IAAI,oBAA+B;IAEnC,IAAI,oBAA+B;IAEnC,OAAO;IAOP,MAAM,0BAYJ;IAEF,OAAO;IAQP,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,GAAE,eAAyB;IA4CrE,IAAI,MAAM,gBAIT;IAED,cAAc;IAcR,QAAQ,CAAC,GAAG,EAAE,WAAW,GAAC,QAAQ,EAAE,QAAQ,GAAE,eAAyB;CAW7E"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/ui/tooltip.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAKtC,MAAM,MAAM,eAAe,GAAG,KAAK,GAAC,OAAO,GAAC,QAAQ,GAAC,MAAM,GAAC,OAAO,CAAC;AAEpE,qBAEa,OAAQ,SAAQ,UAAU;IAEtC,MAAM,CAAC,MAAM,4BAAe;IAG5B,KAAK,EAAE,UAAU,CAAmB;IAGpC,KAAK,UAAQ;IAGb,QAAQ,SAAW;IAGnB,OAAO,EAAE,MAAM,GAAC,cAAc,CAAC,CAAC,CAAC,CAAC;IAGlC,QAAQ,EAAE,cAAc,CAAC;IAEzB,OAAO,CAAC,WAAW,CAAuB;IAE1C,OAAO,CAAC,mBAAmB,CAA0B;IAErD,IAAI,UAAU,2BAA8B;IAE5C,IAAI,oBAA+B;IAEnC,IAAI,oBAA+B;IAEnC,OAAO;IAOP,MAAM,0BAYJ;IAEF,OAAO;IAQP,eAAe,CAAC,GAAG,EAAE,WAAW,EAAE,QAAQ,GAAE,eAAyB;IA4CrE,IAAI,MAAM,gBAIT;IAED,cAAc;IAcR,QAAQ,CAAC,GAAG,EAAE,WAAW,GAAC,QAAQ,EAAE,QAAQ,GAAE,eAAyB;CAW7E"}

package/dist/ui/tooltip.js

@@ -119,7 +119,7 @@ let Tooltip = class Tooltip extends LitElement {
         }
     }
 };
-Tooltip.styles = [styles];
+Tooltip.styles = [...styles];
 __decorate([
     property({ type: String, reflect: true })
 ], Tooltip.prototype, "color", void 0);

package/dist/ui/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/ui/tooltip.ts"],"names":[],"mappings":"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","sourcesContent":["import * as dom from \"../common/dom\";\nimport { LitElement, html, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { colorable } from '../themes';\nimport { ColorTypes } from \"../types\";\nimport constants from \"../constants\";\nimport { styles } from \"./tooltip.style\";\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\nexport type TooltipPosition = 'top'|'right'|'bottom'|'left'|'mouse';\n\n@customElement('og-tooltip')\n@colorable({props: ['color', 'border', 'background'], selector: '#inner'})\nexport class Tooltip extends LitElement {\n\n\tstatic styles = [styles];\n\n\t@property({type: String, reflect: true})\n\tcolor: ColorTypes = ColorTypes.Blue;\n\n\t@property({type: Boolean})\n\tarrow = true;\n\n\t@property({type: String})\n\tposition = 'right';\n\n\t@property({type: Object})\n\tcontent: string|TemplateResult<1>;\n\n\t@query('#triangle')\n\ttriangle: HTMLDivElement;\n\n\tprivate _attachedTo: HTMLElement|'cursor';\n\t// private _position: TooltipPosition;\n\tprivate _mouseEventListener: (e: MouseEvent) => void;\n\n\tget attachedTo() { return this._attachedTo }\n\n\thide = () => dom.hideElement(this);\n\t\n\tshow = () => dom.showElement(this);\n\n\tdestroy() {\n\t\tthis.deatach();\n\t\tif (this.parentNode) {\n\t\t\tthis.parentNode.removeChild(this);\n\t\t}\n\t}\n\n\trender = () => html`\n\t\t${this.arrow ? html`<div id=\"triangle\"><div id=\"triangle-inner\"></div></div>` : ``}\n\t\t<div id=\"inner\">\n\t\t\t${this.querySelector('[slot=\"head\"]') ? html`\n\t\t\t\t<div class=\"head\">\n\t\t\t\t\t<slot name=\"head\"></slot>\n\t\t\t\t</div>\n\t\t\t` : ``}\n\t\t\t<div class=\"body\">\n\t\t\t\t${this.content ? (typeof this.content === 'string' ? unsafeHTML(this.content) : this.content) : html`<slot name=\"body\"></slot>` }\n\t\t\t</div>\n\t\t</div>\n\t`;\n\n\tdeatach() {\n\t\tthis._attachedTo = null;\n\t\tthis.hide();\n\t\tif (this._mouseEventListener) {\n\t\t\tthis.parent.removeEventListener('mousemove', this._mouseEventListener);\n\t\t}\n\t}\n\n\tattachToElement(elm: HTMLElement, position: TooltipPosition = 'right') {\n\t\tthis.show();\n\t\tthis._attachedTo = elm;\n\t\tconst elmOffset = dom.getElementOffset(elm, this.parent);\n\t\t\n\t\tif (position == 'left') {\n\t\t\tdom.setPosition(this, {l: elmOffset.left - this.offsetWidth - constants.TOOLTIP_MARGIN, t: elmOffset.top + elm.offsetHeight / 2 - this.offsetHeight / 2});\n\t\t\tdom.setPadding(this, {r: constants.TOOLTIP_MARGIN, l: 0, t: 0, b: 0});\n\n\t\t\tif (this.arrow) {\n\t\t\t\tthis.triangle.className = 'right';\n\t\t\t\tdom.setPosition(this.triangle, {r: 0});\n\t\t\t\tdom.setCenterPosition(this.triangle, this, {vertical: true, horizontal: false});\n\t\t\t}\n\t\t} else if (position == 'right') {\n\t\t\tdom.setPosition(this, {l: elmOffset.left + elm.offsetWidth, t: elmOffset.top + elm.offsetHeight / 2 - this.offsetHeight / 2});\n\t\t\tdom.setPadding(this, {l: constants.TOOLTIP_MARGIN, r: 0, t: 0, b: 0});\n\n\t\t\tif (this.arrow) {\n\t\t\t\tthis.triangle.className = 'left';\n\t\t\t\tdom.setPosition(this.triangle, {l: 0});\n\t\t\t\tdom.setCenterPosition(this.triangle, this, {vertical: true, horizontal: false});\n\t\t\t}\n\t\t} else if (position == 'top') {\n\t\t\tdom.setPosition(this, {l: elmOffset.left + elm.offsetWidth / 2 - this.offsetWidth / 2, t: elmOffset.top - this.offsetHeight - constants.TOOLTIP_MARGIN});\n\t\t\tdom.setPadding(this, {b: constants.TOOLTIP_MARGIN, r: 0, t: 0, l: 0});\n\t\t\t\n\t\t\tif (this.arrow) {\n\t\t\t\tthis.triangle.className = 'bottom';\n\t\t\t\tdom.setPosition(this.triangle, {b: 0});\n\t\t\t\tdom.setCenterPosition(this.triangle, this, {vertical: false, horizontal: true});\n\t\t\t}\n\t\t} else {\n\t\t\tdom.setPosition(this, {l: elmOffset.left + elm.offsetWidth / 2 - this.offsetWidth / 2, t: elmOffset.top + elm.offsetHeight});\n\t\t\tdom.setPadding(this, {t: constants.TOOLTIP_MARGIN, r: 0, b: 0, l: 0});\n\n\t\t\tif (this.arrow) {\n\t\t\t\tthis.triangle.className = 'top';\n\t\t\t\tdom.setPosition(this.triangle, {t: 0});\n\t\t\t\tdom.setCenterPosition(this.triangle, this, {vertical: false, horizontal: true});\n\t\t\t}\n\t\t}\n\t}\n\n\tget parent() {\n\t\tif (this.parentElement) return this.parentElement;\n\t\tif (this.parentNode instanceof ShadowRoot) return (this.parentNode as ShadowRoot).host as HTMLElement;\n\t\treturn null;\n\t}\n\n\tattachToCursor() {\n\t\tif (this._attachedTo == 'cursor') return;\n\t\tthis._attachedTo = 'cursor';\n\n\t\tthis._mouseEventListener = e => {\n\t\t\tthis.show();\n\t\t\tconst offset =  dom.getElementOffset(this.parent, document.body);\n\t\t\tdom.setPosition(this, {l: e.pageX - offset.left + 20, t: e.pageY - offset.top + 20});\n\t\t}\n\n\t\tthis.parent.addEventListener('mousemove', this._mouseEventListener);\n\t\tthis.parent.addEventListener('mouseout', () => this.hide());\n\t}\n\n\tasync attachTo(elm: HTMLElement|'cursor', position: TooltipPosition = 'right') {\n\t\tthis.deatach();\n\t\tawait this.updateComplete;\n\n\t\tif (elm instanceof HTMLElement) {\n\t\t\tthis.attachToElement(elm, position);\n\t\t} else {\n\t\t\tthis.attachToCursor();\n\t\t}\n\t}\n\n}"]}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/ui/tooltip.ts"],"names":[],"mappings":"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","sourcesContent":["import * as dom from \"../common/dom\";\nimport { LitElement, html, TemplateResult } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { colorable } from '../themes';\nimport { ColorTypes } from \"../types\";\nimport constants from \"../constants\";\nimport { styles } from \"./tooltip.style\";\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\nexport type TooltipPosition = 'top'|'right'|'bottom'|'left'|'mouse';\n\n@customElement('og-tooltip')\n@colorable({props: ['color', 'border', 'background'], selector: '#inner'})\nexport class Tooltip extends LitElement {\n\n\tstatic styles = [...styles];\n\n\t@property({type: String, reflect: true})\n\tcolor: ColorTypes = ColorTypes.Blue;\n\n\t@property({type: Boolean})\n\tarrow = true;\n\n\t@property({type: String})\n\tposition = 'right';\n\n\t@property({type: Object})\n\tcontent: string|TemplateResult<1>;\n\n\t@query('#triangle')\n\ttriangle: HTMLDivElement;\n\n\tprivate _attachedTo: HTMLElement|'cursor';\n\t// private _position: TooltipPosition;\n\tprivate _mouseEventListener: (e: MouseEvent) => void;\n\n\tget attachedTo() { return this._attachedTo }\n\n\thide = () => dom.hideElement(this);\n\t\n\tshow = () => dom.showElement(this);\n\n\tdestroy() {\n\t\tthis.deatach();\n\t\tif (this.parentNode) {\n\t\t\tthis.parentNode.removeChild(this);\n\t\t}\n\t}\n\n\trender = () => html`\n\t\t${this.arrow ? html`<div id=\"triangle\"><div id=\"triangle-inner\"></div></div>` : ``}\n\t\t<div id=\"inner\">\n\t\t\t${this.querySelector('[slot=\"head\"]') ? html`\n\t\t\t\t<div class=\"head\">\n\t\t\t\t\t<slot name=\"head\"></slot>\n\t\t\t\t</div>\n\t\t\t` : ``}\n\t\t\t<div class=\"body\">\n\t\t\t\t${this.content ? (typeof this.content === 'string' ? unsafeHTML(this.content) : this.content) : html`<slot name=\"body\"></slot>` }\n\t\t\t</div>\n\t\t</div>\n\t`;\n\n\tdeatach() {\n\t\tthis._attachedTo = null;\n\t\tthis.hide();\n\t\tif (this._mouseEventListener) {\n\t\t\tthis.parent.removeEventListener('mousemove', this._mouseEventListener);\n\t\t}\n\t}\n\n\tattachToElement(elm: HTMLElement, position: TooltipPosition = 'right') {\n\t\tthis.show();\n\t\tthis._attachedTo = elm;\n\t\tconst elmOffset = dom.getElementOffset(elm, this.parent);\n\t\t\n\t\tif (position == 'left') {\n\t\t\tdom.setPosition(this, {l: elmOffset.left - this.offsetWidth - constants.TOOLTIP_MARGIN, t: elmOffset.top + elm.offsetHeight / 2 - this.offsetHeight / 2});\n\t\t\tdom.setPadding(this, {r: constants.TOOLTIP_MARGIN, l: 0, t: 0, b: 0});\n\n\t\t\tif (this.arrow) {\n\t\t\t\tthis.triangle.className = 'right';\n\t\t\t\tdom.setPosition(this.triangle, {r: 0});\n\t\t\t\tdom.setCenterPosition(this.triangle, this, {vertical: true, horizontal: false});\n\t\t\t}\n\t\t} else if (position == 'right') {\n\t\t\tdom.setPosition(this, {l: elmOffset.left + elm.offsetWidth, t: elmOffset.top + elm.offsetHeight / 2 - this.offsetHeight / 2});\n\t\t\tdom.setPadding(this, {l: constants.TOOLTIP_MARGIN, r: 0, t: 0, b: 0});\n\n\t\t\tif (this.arrow) {\n\t\t\t\tthis.triangle.className = 'left';\n\t\t\t\tdom.setPosition(this.triangle, {l: 0});\n\t\t\t\tdom.setCenterPosition(this.triangle, this, {vertical: true, horizontal: false});\n\t\t\t}\n\t\t} else if (position == 'top') {\n\t\t\tdom.setPosition(this, {l: elmOffset.left + elm.offsetWidth / 2 - this.offsetWidth / 2, t: elmOffset.top - this.offsetHeight - constants.TOOLTIP_MARGIN});\n\t\t\tdom.setPadding(this, {b: constants.TOOLTIP_MARGIN, r: 0, t: 0, l: 0});\n\t\t\t\n\t\t\tif (this.arrow) {\n\t\t\t\tthis.triangle.className = 'bottom';\n\t\t\t\tdom.setPosition(this.triangle, {b: 0});\n\t\t\t\tdom.setCenterPosition(this.triangle, this, {vertical: false, horizontal: true});\n\t\t\t}\n\t\t} else {\n\t\t\tdom.setPosition(this, {l: elmOffset.left + elm.offsetWidth / 2 - this.offsetWidth / 2, t: elmOffset.top + elm.offsetHeight});\n\t\t\tdom.setPadding(this, {t: constants.TOOLTIP_MARGIN, r: 0, b: 0, l: 0});\n\n\t\t\tif (this.arrow) {\n\t\t\t\tthis.triangle.className = 'top';\n\t\t\t\tdom.setPosition(this.triangle, {t: 0});\n\t\t\t\tdom.setCenterPosition(this.triangle, this, {vertical: false, horizontal: true});\n\t\t\t}\n\t\t}\n\t}\n\n\tget parent() {\n\t\tif (this.parentElement) return this.parentElement;\n\t\tif (this.parentNode instanceof ShadowRoot) return (this.parentNode as ShadowRoot).host as HTMLElement;\n\t\treturn null;\n\t}\n\n\tattachToCursor() {\n\t\tif (this._attachedTo == 'cursor') return;\n\t\tthis._attachedTo = 'cursor';\n\n\t\tthis._mouseEventListener = e => {\n\t\t\tthis.show();\n\t\t\tconst offset =  dom.getElementOffset(this.parent, document.body);\n\t\t\tdom.setPosition(this, {l: e.pageX - offset.left + 20, t: e.pageY - offset.top + 20});\n\t\t}\n\n\t\tthis.parent.addEventListener('mousemove', this._mouseEventListener);\n\t\tthis.parent.addEventListener('mouseout', () => this.hide());\n\t}\n\n\tasync attachTo(elm: HTMLElement|'cursor', position: TooltipPosition = 'right') {\n\t\tthis.deatach();\n\t\tawait this.updateComplete;\n\n\t\tif (elm instanceof HTMLElement) {\n\t\t\tthis.attachToElement(elm, position);\n\t\t} else {\n\t\t\tthis.attachToCursor();\n\t\t}\n\t}\n\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omegagrid/core",
-  "version": "0.9.29",
+  "version": "0.9.30",
   "license": "UNLICENSED",
   "description": "Core components",
   "main": "./dist/index.js",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^7.0.1",
-    "@omegagrid/localize": "^0.9.29",
+    "@omegagrid/localize": "^0.9.30",
     "color": "^4.2.3",
     "date-fns": "^3.2.0",
     "lit": "^3.1.1",