@omegagrid/core 0.2.5

package/dist/ui/tooltip.js

@@ -0,0 +1,163 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+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 __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = void 0;
+const dom = __importStar(require("../common/dom"));
+const lit_1 = require("lit");
+const decorators_js_1 = require("lit/decorators.js");
+const styling_1 = require("../styling");
+const types_1 = require("../types");
+const constants_1 = __importDefault(require("../constants"));
+const tooltip_style_1 = require("./tooltip.style");
+const unsafe_html_js_1 = require("lit/directives/unsafe-html.js");
+let Tooltip = class Tooltip extends lit_1.LitElement {
+    constructor() {
+        super(...arguments);
+        this.color = types_1.ColorTypes.Blue;
+        this.arrow = true;
+        this.position = 'right';
+        this.hide = () => dom.hideElement(this);
+        this.show = () => dom.showElement(this);
+        this.render = () => (0, lit_1.html) `
+		${this.arrow ? (0, lit_1.html) `<div id="triangle"><div id="triangle-inner"></div></div>` : ``}
+		<div id="inner">
+			${this.querySelector('[slot="head"]') ? (0, lit_1.html) `
+				<div class="head">
+					<slot name="head"></slot>
+				</div>
+			` : ``}
+			<div class="body">
+				${this.content ? (typeof this.content === 'string' ? (0, unsafe_html_js_1.unsafeHTML)(this.content) : this.content) : (0, lit_1.html) `<slot name="body"></slot>`}
+			</div>
+		</div>
+	`;
+    }
+    get attachedTo() { return this._attachedTo; }
+    destroy() {
+        if (this.parentElement) {
+            this.parentElement.removeChild(this);
+        }
+    }
+    deatach() {
+        this._attachedTo = null;
+        this.hide();
+        if (this._mouseEventListener) {
+            this.parentElement.removeEventListener('mousemove', this._mouseEventListener);
+        }
+    }
+    attachToElement(elm, position = 'right') {
+        this.show();
+        this._attachedTo = elm;
+        const parentElm = (this.parentNode instanceof HTMLElement ? this.parentNode : this.parentNode.host);
+        const elmOffset = dom.getElementOffset(elm, parentElm);
+        if (position == 'left') {
+            dom.setPosition(this, { l: elmOffset.left - this.offsetWidth - constants_1.default.TOOLTIP_MARGIN, t: elmOffset.top + elm.offsetHeight / 2 - this.offsetHeight / 2 });
+            dom.setPadding(this, { r: constants_1.default.TOOLTIP_MARGIN, l: 0, t: 0, b: 0 });
+            if (this.arrow) {
+                this.triangle.className = 'right';
+                dom.setPosition(this.triangle, { r: 0 });
+                dom.setCenterPosition(this.triangle, this, { vertical: true, horizontal: false });
+            }
+        }
+        else if (position == 'right') {
+            dom.setPosition(this, { l: elmOffset.left + elm.offsetWidth, t: elmOffset.top + elm.offsetHeight / 2 - this.offsetHeight / 2 });
+            dom.setPadding(this, { l: constants_1.default.TOOLTIP_MARGIN, r: 0, t: 0, b: 0 });
+            if (this.arrow) {
+                this.triangle.className = 'left';
+                dom.setPosition(this.triangle, { l: 0 });
+                dom.setCenterPosition(this.triangle, this, { vertical: true, horizontal: false });
+            }
+        }
+        else if (position == 'top') {
+            dom.setPosition(this, { l: elmOffset.left + elm.offsetWidth / 2 - this.offsetWidth / 2, t: elmOffset.top - this.offsetHeight - constants_1.default.TOOLTIP_MARGIN });
+            dom.setPadding(this, { b: constants_1.default.TOOLTIP_MARGIN, r: 0, t: 0, l: 0 });
+            if (this.arrow) {
+                this.triangle.className = 'bottom';
+                dom.setPosition(this.triangle, { b: 0 });
+                dom.setCenterPosition(this.triangle, this, { vertical: false, horizontal: true });
+            }
+        }
+        else {
+            dom.setPosition(this, { l: elmOffset.left + elm.offsetWidth / 2 - this.offsetWidth / 2, t: elmOffset.top + elm.offsetHeight });
+            dom.setPadding(this, { t: constants_1.default.TOOLTIP_MARGIN, r: 0, b: 0, l: 0 });
+            if (this.arrow) {
+                this.triangle.className = 'top';
+                dom.setPosition(this.triangle, { t: 0 });
+                dom.setCenterPosition(this.triangle, this, { vertical: false, horizontal: true });
+            }
+        }
+    }
+    attachToCursor() {
+        this._attachedTo = 'cursor';
+        this._mouseEventListener = e => {
+            this.show();
+            const offset = dom.getElementOffset(this.parentElement, document.body);
+            dom.setPosition(this, { l: e.pageX - offset.left + 20, t: e.pageY - offset.top + 20 });
+        };
+        this.parentElement.addEventListener('mousemove', this._mouseEventListener);
+        this.parentElement.addEventListener('mouseout', () => this.hide());
+    }
+    async attachTo(elm, position = 'right') {
+        this.deatach();
+        await this.updateComplete;
+        if (elm instanceof HTMLElement) {
+            this.attachToElement(elm, position);
+        }
+        else {
+            this.attachToCursor();
+        }
+    }
+};
+exports.Tooltip = Tooltip;
+Tooltip.styles = [tooltip_style_1.styles];
+__decorate([
+    (0, decorators_js_1.property)({ type: String, reflect: true })
+], Tooltip.prototype, "color", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Boolean })
+], Tooltip.prototype, "arrow", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: String })
+], Tooltip.prototype, "position", void 0);
+__decorate([
+    (0, decorators_js_1.property)({ type: Object })
+], Tooltip.prototype, "content", void 0);
+__decorate([
+    (0, decorators_js_1.query)('#triangle')
+], Tooltip.prototype, "triangle", void 0);
+exports.Tooltip = Tooltip = __decorate([
+    (0, decorators_js_1.customElement)('og-tooltip'),
+    (0, styling_1.stylable)({ vars: ['font-*'], colorType: ['color', 'border', 'background'], colorTypeSelector: '#inner' })
+], Tooltip);
+//# sourceMappingURL=tooltip.js.map

package/dist/ui/tooltip.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.style.d.ts","sourceRoot":"","sources":["../../src/ui/tooltip.style.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,2BAuGhB,CAAC"}

package/dist/ui/tooltip.style.js

@@ -0,0 +1,114 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.styles = void 0;
+const lit_1 = require("lit");
+const types_1 = require("../types");
+const constants_1 = __importDefault(require("../constants"));
+exports.styles = [(0, lit_1.css) `
+	:host {
+		display: block;
+		position: absolute;
+		z-index: 1000;
+		pointer-events: none;
+		box-sizing: border-box;
+		font-size: var(--font-size);
+		font-family: var(--font-family);
+	}
+
+	* {
+		box-sizing: border-box;
+	}
+
+	.head, .body {
+		padding: 2px;
+	}
+
+	#triangle {
+		position: absolute;
+		width: 0;
+		height: 0;
+	}
+
+	#triangle-inner {
+		position: relative;
+		width: 0;
+		height: 0;
+	}
+
+	#triangle.left, #triangle.right {
+		border-top: ${constants_1.default.TOOLTIP_MARGIN}px solid transparent;
+		border-bottom: ${constants_1.default.TOOLTIP_MARGIN}px solid transparent;
+	}
+
+	#triangle.top, #triangle.bottom {
+		border-left: ${constants_1.default.TOOLTIP_MARGIN}px solid transparent;
+		border-right: ${constants_1.default.TOOLTIP_MARGIN}px solid transparent;
+	}
+
+	#triangle.left #triangle-inner, #triangle.right #triangle-inner {
+		border-top: ${constants_1.default.TOOLTIP_MARGIN}px solid transparent;
+		border-bottom: ${constants_1.default.TOOLTIP_MARGIN}px solid transparent;
+	}
+
+	#triangle.top #triangle-inner, #triangle.bottom #triangle-inner {
+		border-left: ${constants_1.default.TOOLTIP_MARGIN}px solid transparent;
+		border-right: ${constants_1.default.TOOLTIP_MARGIN}px solid transparent;
+	}
+
+	#triangle.left #triangle-inner {
+		top: -${constants_1.default.TOOLTIP_MARGIN}px;
+		left: 2px;
+	}
+
+	#triangle.right #triangle-inner {
+		top: -${constants_1.default.TOOLTIP_MARGIN}px;
+		right: ${constants_1.default.TOOLTIP_MARGIN + 2}px;
+	}
+
+	#triangle.top #triangle-inner {
+		top: 2px;
+		left: -${constants_1.default.TOOLTIP_MARGIN}px;
+	}
+
+	#triangle.bottom #triangle-inner {
+		top: -${constants_1.default.TOOLTIP_MARGIN + 2}px;
+		left: -${constants_1.default.TOOLTIP_MARGIN}px;
+	}
+
+`, ...Object.values(types_1.ColorTypes).map(type => (0, lit_1.css) `
+	:host([color="${(0, lit_1.unsafeCSS)(type)}"]) #triangle.left {
+		border-right: ${constants_1.default.TOOLTIP_MARGIN}px solid var(--colortype-${(0, lit_1.unsafeCSS)(type)}-border-color);
+	}
+
+	:host([color="${(0, lit_1.unsafeCSS)(type)}"]) #triangle.right {
+		border-left: ${constants_1.default.TOOLTIP_MARGIN}px solid var(--colortype-${(0, lit_1.unsafeCSS)(type)}-border-color);
+	}
+
+	:host([color="${(0, lit_1.unsafeCSS)(type)}"]) #triangle.top {
+		border-bottom: ${constants_1.default.TOOLTIP_MARGIN}px solid var(--colortype-${(0, lit_1.unsafeCSS)(type)}-border-color);
+	}
+
+	:host([color="${(0, lit_1.unsafeCSS)(type)}"]) #triangle.bottom {
+		border-top: ${constants_1.default.TOOLTIP_MARGIN}px solid var(--colortype-${(0, lit_1.unsafeCSS)(type)}-border-color);
+	}
+
+	:host([color="${(0, lit_1.unsafeCSS)(type)}"]) #triangle.left #triangle-inner {
+		border-right: ${constants_1.default.TOOLTIP_MARGIN}px solid var(--colortype-${(0, lit_1.unsafeCSS)(type)}-background-color);
+	}
+
+	:host([color="${(0, lit_1.unsafeCSS)(type)}"]) #triangle.right #triangle-inner {
+		border-left: ${constants_1.default.TOOLTIP_MARGIN}px solid var(--colortype-${(0, lit_1.unsafeCSS)(type)}-background-color);
+	}
+
+	:host([color="${(0, lit_1.unsafeCSS)(type)}"]) #triangle.top #triangle-inner {
+		border-bottom: ${constants_1.default.TOOLTIP_MARGIN}px solid var(--colortype-${(0, lit_1.unsafeCSS)(type)}-background-color);
+	}
+
+	:host([color="${(0, lit_1.unsafeCSS)(type)}"]) #triangle.bottom #triangle-inner {
+		border-top: ${constants_1.default.TOOLTIP_MARGIN}px solid var(--colortype-${(0, lit_1.unsafeCSS)(type)}-background-color);
+	}
+`)];
+//# sourceMappingURL=tooltip.style.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.style.js","sourceRoot":"","sources":["../../src/ui/tooltip.style.ts"],"names":[],"mappings":";;;;;;AAAA,6BAAqC;AACrC,oCAAsC;AACtC,6DAAqC;AAExB,QAAA,MAAM,GAAG,CAAC,IAAA,SAAG,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAgCV,mBAAS,CAAC,cAAc;mBACrB,mBAAS,CAAC,cAAc;;;;iBAI1B,mBAAS,CAAC,cAAc;kBACvB,mBAAS,CAAC,cAAc;;;;gBAI1B,mBAAS,CAAC,cAAc;mBACrB,mBAAS,CAAC,cAAc;;;;iBAI1B,mBAAS,CAAC,cAAc;kBACvB,mBAAS,CAAC,cAAc;;;;UAIhC,mBAAS,CAAC,cAAc;;;;;UAKxB,mBAAS,CAAC,cAAc;WACvB,mBAAS,CAAC,cAAc,GAAG,CAAC;;;;;WAK5B,mBAAS,CAAC,cAAc;;;;UAIzB,mBAAS,CAAC,cAAc,GAAG,CAAC;WAC3B,mBAAS,CAAC,cAAc;;;CAGlC,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAU,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAA,SAAG,EAAA;iBAC9B,IAAA,eAAS,EAAC,IAAI,CAAC;kBACd,mBAAS,CAAC,cAAc,4BAA4B,IAAA,eAAS,EAAC,IAAI,CAAC;;;iBAGpE,IAAA,eAAS,EAAC,IAAI,CAAC;iBACf,mBAAS,CAAC,cAAc,4BAA4B,IAAA,eAAS,EAAC,IAAI,CAAC;;;iBAGnE,IAAA,eAAS,EAAC,IAAI,CAAC;mBACb,mBAAS,CAAC,cAAc,4BAA4B,IAAA,eAAS,EAAC,IAAI,CAAC;;;iBAGrE,IAAA,eAAS,EAAC,IAAI,CAAC;gBAChB,mBAAS,CAAC,cAAc,4BAA4B,IAAA,eAAS,EAAC,IAAI,CAAC;;;iBAGlE,IAAA,eAAS,EAAC,IAAI,CAAC;kBACd,mBAAS,CAAC,cAAc,4BAA4B,IAAA,eAAS,EAAC,IAAI,CAAC;;;iBAGpE,IAAA,eAAS,EAAC,IAAI,CAAC;iBACf,mBAAS,CAAC,cAAc,4BAA4B,IAAA,eAAS,EAAC,IAAI,CAAC;;;iBAGnE,IAAA,eAAS,EAAC,IAAI,CAAC;mBACb,mBAAS,CAAC,cAAc,4BAA4B,IAAA,eAAS,EAAC,IAAI,CAAC;;;iBAGrE,IAAA,eAAS,EAAC,IAAI,CAAC;gBAChB,mBAAS,CAAC,cAAc,4BAA4B,IAAA,eAAS,EAAC,IAAI,CAAC;;CAElF,CAAC,CAAC,CAAC"}

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@omegagrid/core",
+  "version": "0.2.5",
+  "license": "UNLICENSED",
+  "description": "Core components",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "./dist/**/*"
+  ],
+  "keywords": [
+    "grid",
+    "datagrid",
+    "table",
+    "datatable",
+    "spreadsheet",
+    "component"
+  ],
+  "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": "yarn tsc",
+    "test": "jest --passWithNoTests",
+    "lint": "eslint **/src/**/*.ts",
+    "_prepack": "yarn build",
+    "_prepublish": "yarn test && yarn lint"
+  },
+  "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "6.4.2",
+    "@lit/localize": "^0.12.1",
+    "@riovir/wc-fontawesome": "^0.1.9",
+    "color": "^4.2.3",
+    "date-fns": "^3.2.0",
+    "lit": "^3.1.1",
+    "lit-html": "^3.1.1",
+    "ts-debounce": "^4.0.0"
+  },
+  "devDependencies": {
+    "@types/color": "^3.0.3",
+    "@types/jest": "^29.5.11",
+    "@types/node": "^20.11.5",
+    "@typescript-eslint/eslint-plugin": "^6.19.0",
+    "@typescript-eslint/parser": "^6.19.0",
+    "eslint": "^8.56.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "ts-jest": "^29.1.1",
+    "ts-node": "^10.9.2",
+    "typescript": "5.3.2"
+  }
+}