@omegagrid/core 0.5.20 → 0.6.0
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/common/actions.js +2 -7
- package/dist/common/actions.js.map +1 -1
- package/dist/common/colors.js +15 -29
- package/dist/common/colors.js.map +1 -1
- package/dist/common/csv.js +9 -15
- package/dist/common/csv.js.map +1 -1
- package/dist/common/dates.js +45 -63
- package/dist/common/dates.js.map +1 -1
- package/dist/common/dom.d.ts +1 -0
- package/dist/common/dom.d.ts.map +1 -1
- package/dist/common/dom.js +62 -88
- package/dist/common/dom.js.map +1 -1
- package/dist/common/events.js +7 -14
- package/dist/common/events.js.map +1 -1
- package/dist/common/html.js +3 -11
- package/dist/common/html.js.map +1 -1
- package/dist/common/index.js +14 -43
- package/dist/common/index.js.map +1 -1
- package/dist/common/linkedList.js +2 -7
- package/dist/common/linkedList.js.map +1 -1
- package/dist/common/loaders.js +4 -9
- package/dist/common/loaders.js.map +1 -1
- package/dist/common/logger.js +4 -9
- package/dist/common/logger.js.map +1 -1
- package/dist/common/matrix.js +4 -11
- package/dist/common/matrix.js.map +1 -1
- package/dist/common/numbers.d.ts.map +1 -1
- package/dist/common/numbers.js +17 -29
- package/dist/common/numbers.js.map +1 -1
- package/dist/common/options.d.ts.map +1 -1
- package/dist/common/options.js +13 -21
- package/dist/common/options.js.map +1 -1
- package/dist/common/tree.d.ts.map +1 -1
- package/dist/common/tree.js +7 -14
- package/dist/common/tree.js.map +1 -1
- package/dist/common/utils.d.ts +3 -3
- package/dist/common/utils.d.ts.map +1 -1
- package/dist/common/utils.js +19 -41
- package/dist/common/utils.js.map +1 -1
- package/dist/constants.js +3 -8
- package/dist/constants.js.map +1 -1
- package/dist/index.js +10 -33
- package/dist/index.js.map +1 -1
- package/dist/model/adapter.js +1 -5
- package/dist/model/adapter.js.map +1 -1
- package/dist/model/component.js +4 -8
- package/dist/model/component.js.map +1 -1
- package/dist/model/componentSlice.js +1 -5
- package/dist/model/componentSlice.js.map +1 -1
- package/dist/model/componentStore.js +1 -5
- package/dist/model/componentStore.js.map +1 -1
- package/dist/model/index.js +5 -21
- package/dist/model/index.js.map +1 -1
- package/dist/model/plugins.js +4 -9
- package/dist/model/plugins.js.map +1 -1
- package/dist/themes/definitions/tmDark.d.ts.map +1 -1
- package/dist/themes/definitions/tmDark.js +4 -9
- package/dist/themes/definitions/tmDark.js.map +1 -1
- package/dist/themes/definitions/tmLight.d.ts.map +1 -1
- package/dist/themes/definitions/tmLight.js +4 -9
- package/dist/themes/definitions/tmLight.js.map +1 -1
- package/dist/themes/helpers.js +13 -23
- package/dist/themes/helpers.js.map +1 -1
- package/dist/themes/index.d.ts +1 -0
- package/dist/themes/index.d.ts.map +1 -1
- package/dist/themes/index.js +16 -39
- package/dist/themes/index.js.map +1 -1
- package/dist/themes/mixins.d.ts.map +1 -1
- package/dist/themes/mixins.js +9 -14
- package/dist/themes/mixins.js.map +1 -1
- package/dist/themes/transformations.js +7 -9
- package/dist/themes/transformations.js.map +1 -1
- package/dist/types.js +2 -5
- package/dist/types.js.map +1 -1
- package/dist/ui/accordion.d.ts +6 -2
- package/dist/ui/accordion.d.ts.map +1 -1
- package/dist/ui/accordion.js +146 -52
- package/dist/ui/accordion.js.map +1 -1
- package/dist/ui/alert.js +28 -32
- package/dist/ui/alert.js.map +1 -1
- package/dist/ui/baseElement.js +3 -8
- package/dist/ui/baseElement.js.map +1 -1
- package/dist/ui/button.js +33 -36
- package/dist/ui/button.js.map +1 -1
- package/dist/ui/button.style.js +2 -5
- package/dist/ui/button.style.js.map +1 -1
- package/dist/ui/checkbox.js +15 -18
- package/dist/ui/checkbox.js.map +1 -1
- package/dist/ui/colorpicker.js +33 -40
- package/dist/ui/colorpicker.js.map +1 -1
- package/dist/ui/container.js +31 -63
- package/dist/ui/container.js.map +1 -1
- package/dist/ui/dropdown.js +38 -65
- package/dist/ui/dropdown.js.map +1 -1
- package/dist/ui/dropdownColorPicker.js +16 -19
- package/dist/ui/dropdownColorPicker.js.map +1 -1
- package/dist/ui/dropdownList.js +9 -12
- package/dist/ui/dropdownList.js.map +1 -1
- package/dist/ui/dropdownMenu.js +12 -15
- package/dist/ui/dropdownMenu.js.map +1 -1
- package/dist/ui/expander.js +31 -39
- package/dist/ui/expander.js.map +1 -1
- package/dist/ui/fileInput.js +24 -27
- package/dist/ui/fileInput.js.map +1 -1
- package/dist/ui/fileInput.style.js +2 -5
- package/dist/ui/fileInput.style.js.map +1 -1
- package/dist/ui/icon.js +24 -33
- package/dist/ui/icon.js.map +1 -1
- package/dist/ui/images.js +1 -4
- package/dist/ui/images.js.map +1 -1
- package/dist/ui/index.js +28 -44
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/input.js +14 -19
- package/dist/ui/input.js.map +1 -1
- package/dist/ui/list.js +56 -93
- package/dist/ui/list.js.map +1 -1
- package/dist/ui/list.style.js +2 -5
- package/dist/ui/list.style.js.map +1 -1
- package/dist/ui/loader.js +11 -14
- package/dist/ui/loader.js.map +1 -1
- package/dist/ui/menu.js +37 -47
- package/dist/ui/menu.js.map +1 -1
- package/dist/ui/menu.style.js +5 -11
- package/dist/ui/menu.style.js.map +1 -1
- package/dist/ui/numericInput.js +29 -37
- package/dist/ui/numericInput.js.map +1 -1
- package/dist/ui/numericInput.style.js +2 -5
- package/dist/ui/numericInput.style.js.map +1 -1
- package/dist/ui/overlay.js +27 -33
- package/dist/ui/overlay.js.map +1 -1
- package/dist/ui/overlay.style.js +2 -5
- package/dist/ui/overlay.style.js.map +1 -1
- package/dist/ui/panel.d.ts +1 -0
- package/dist/ui/panel.d.ts.map +1 -1
- package/dist/ui/panel.js +50 -36
- package/dist/ui/panel.js.map +1 -1
- package/dist/ui/panel.style.js +2 -5
- package/dist/ui/panel.style.js.map +1 -1
- package/dist/ui/sizer.js +18 -48
- package/dist/ui/sizer.js.map +1 -1
- package/dist/ui/slider.js +29 -59
- package/dist/ui/slider.js.map +1 -1
- package/dist/ui/slider.style.js +5 -11
- package/dist/ui/slider.style.js.map +1 -1
- package/dist/ui/sortableList.js +17 -26
- package/dist/ui/sortableList.js.map +1 -1
- package/dist/ui/splitContainer.d.ts +15 -4
- package/dist/ui/splitContainer.d.ts.map +1 -1
- package/dist/ui/splitContainer.js +97 -86
- package/dist/ui/splitContainer.js.map +1 -1
- package/dist/ui/splitContainer.style.d.ts.map +1 -1
- package/dist/ui/splitContainer.style.js +10 -5
- package/dist/ui/splitContainer.style.js.map +1 -1
- package/dist/ui/switch.js +23 -27
- package/dist/ui/switch.js.map +1 -1
- package/dist/ui/switch.style.js +13 -16
- package/dist/ui/switch.style.js.map +1 -1
- package/dist/ui/tooltip.js +30 -59
- package/dist/ui/tooltip.js.map +1 -1
- package/dist/ui/tooltip.style.js +35 -41
- package/dist/ui/tooltip.style.js.map +1 -1
- package/package.json +3 -3
package/dist/ui/tooltip.js
CHANGED
|
@@ -1,64 +1,35 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
1
|
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
19
2
|
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
20
3
|
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
21
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;
|
|
22
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
23
6
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
};
|
|
34
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
35
|
-
exports.Tooltip = void 0;
|
|
36
|
-
const dom = __importStar(require("../common/dom"));
|
|
37
|
-
const lit_1 = require("lit");
|
|
38
|
-
const decorators_js_1 = require("lit/decorators.js");
|
|
39
|
-
const themes_1 = require("../themes");
|
|
40
|
-
const types_1 = require("../types");
|
|
41
|
-
const constants_1 = __importDefault(require("../constants"));
|
|
42
|
-
const tooltip_style_1 = require("./tooltip.style");
|
|
43
|
-
const unsafe_html_js_1 = require("lit/directives/unsafe-html.js");
|
|
44
|
-
let Tooltip = class Tooltip extends lit_1.LitElement {
|
|
7
|
+
import * as dom from "../common/dom";
|
|
8
|
+
import { LitElement, html } from 'lit';
|
|
9
|
+
import { customElement, property, query } from 'lit/decorators.js';
|
|
10
|
+
import { colorable } from '../themes';
|
|
11
|
+
import { ColorTypes } from "../types";
|
|
12
|
+
import constants from "../constants";
|
|
13
|
+
import { styles } from "./tooltip.style";
|
|
14
|
+
import { unsafeHTML } from 'lit/directives/unsafe-html.js';
|
|
15
|
+
let Tooltip = class Tooltip extends LitElement {
|
|
45
16
|
constructor() {
|
|
46
17
|
super(...arguments);
|
|
47
|
-
this.color =
|
|
18
|
+
this.color = ColorTypes.Blue;
|
|
48
19
|
this.arrow = true;
|
|
49
20
|
this.position = 'right';
|
|
50
21
|
this.hide = () => dom.hideElement(this);
|
|
51
22
|
this.show = () => dom.showElement(this);
|
|
52
|
-
this.render = () =>
|
|
53
|
-
${this.arrow ?
|
|
23
|
+
this.render = () => html `
|
|
24
|
+
${this.arrow ? html `<div id="triangle"><div id="triangle-inner"></div></div>` : ``}
|
|
54
25
|
<div id="inner">
|
|
55
|
-
${this.querySelector('[slot="head"]') ?
|
|
26
|
+
${this.querySelector('[slot="head"]') ? html `
|
|
56
27
|
<div class="head">
|
|
57
28
|
<slot name="head"></slot>
|
|
58
29
|
</div>
|
|
59
30
|
` : ``}
|
|
60
31
|
<div class="body">
|
|
61
|
-
${this.content ? (typeof this.content === 'string' ?
|
|
32
|
+
${this.content ? (typeof this.content === 'string' ? unsafeHTML(this.content) : this.content) : html `<slot name="body"></slot>`}
|
|
62
33
|
</div>
|
|
63
34
|
</div>
|
|
64
35
|
`;
|
|
@@ -82,8 +53,8 @@ let Tooltip = class Tooltip extends lit_1.LitElement {
|
|
|
82
53
|
this._attachedTo = elm;
|
|
83
54
|
const elmOffset = dom.getElementOffset(elm, this.parent);
|
|
84
55
|
if (position == 'left') {
|
|
85
|
-
dom.setPosition(this, { l: elmOffset.left - this.offsetWidth -
|
|
86
|
-
dom.setPadding(this, { r:
|
|
56
|
+
dom.setPosition(this, { l: elmOffset.left - this.offsetWidth - constants.TOOLTIP_MARGIN, t: elmOffset.top + elm.offsetHeight / 2 - this.offsetHeight / 2 });
|
|
57
|
+
dom.setPadding(this, { r: constants.TOOLTIP_MARGIN, l: 0, t: 0, b: 0 });
|
|
87
58
|
if (this.arrow) {
|
|
88
59
|
this.triangle.className = 'right';
|
|
89
60
|
dom.setPosition(this.triangle, { r: 0 });
|
|
@@ -92,7 +63,7 @@ let Tooltip = class Tooltip extends lit_1.LitElement {
|
|
|
92
63
|
}
|
|
93
64
|
else if (position == 'right') {
|
|
94
65
|
dom.setPosition(this, { l: elmOffset.left + elm.offsetWidth, t: elmOffset.top + elm.offsetHeight / 2 - this.offsetHeight / 2 });
|
|
95
|
-
dom.setPadding(this, { l:
|
|
66
|
+
dom.setPadding(this, { l: constants.TOOLTIP_MARGIN, r: 0, t: 0, b: 0 });
|
|
96
67
|
if (this.arrow) {
|
|
97
68
|
this.triangle.className = 'left';
|
|
98
69
|
dom.setPosition(this.triangle, { l: 0 });
|
|
@@ -100,8 +71,8 @@ let Tooltip = class Tooltip extends lit_1.LitElement {
|
|
|
100
71
|
}
|
|
101
72
|
}
|
|
102
73
|
else if (position == 'top') {
|
|
103
|
-
dom.setPosition(this, { l: elmOffset.left + elm.offsetWidth / 2 - this.offsetWidth / 2, t: elmOffset.top - this.offsetHeight -
|
|
104
|
-
dom.setPadding(this, { b:
|
|
74
|
+
dom.setPosition(this, { l: elmOffset.left + elm.offsetWidth / 2 - this.offsetWidth / 2, t: elmOffset.top - this.offsetHeight - constants.TOOLTIP_MARGIN });
|
|
75
|
+
dom.setPadding(this, { b: constants.TOOLTIP_MARGIN, r: 0, t: 0, l: 0 });
|
|
105
76
|
if (this.arrow) {
|
|
106
77
|
this.triangle.className = 'bottom';
|
|
107
78
|
dom.setPosition(this.triangle, { b: 0 });
|
|
@@ -110,7 +81,7 @@ let Tooltip = class Tooltip extends lit_1.LitElement {
|
|
|
110
81
|
}
|
|
111
82
|
else {
|
|
112
83
|
dom.setPosition(this, { l: elmOffset.left + elm.offsetWidth / 2 - this.offsetWidth / 2, t: elmOffset.top + elm.offsetHeight });
|
|
113
|
-
dom.setPadding(this, { t:
|
|
84
|
+
dom.setPadding(this, { t: constants.TOOLTIP_MARGIN, r: 0, b: 0, l: 0 });
|
|
114
85
|
if (this.arrow) {
|
|
115
86
|
this.triangle.className = 'top';
|
|
116
87
|
dom.setPosition(this.triangle, { t: 0 });
|
|
@@ -148,25 +119,25 @@ let Tooltip = class Tooltip extends lit_1.LitElement {
|
|
|
148
119
|
}
|
|
149
120
|
}
|
|
150
121
|
};
|
|
151
|
-
|
|
152
|
-
Tooltip.styles = [tooltip_style_1.styles];
|
|
122
|
+
Tooltip.styles = [styles];
|
|
153
123
|
__decorate([
|
|
154
|
-
|
|
124
|
+
property({ type: String, reflect: true })
|
|
155
125
|
], Tooltip.prototype, "color", void 0);
|
|
156
126
|
__decorate([
|
|
157
|
-
|
|
127
|
+
property({ type: Boolean })
|
|
158
128
|
], Tooltip.prototype, "arrow", void 0);
|
|
159
129
|
__decorate([
|
|
160
|
-
|
|
130
|
+
property({ type: String })
|
|
161
131
|
], Tooltip.prototype, "position", void 0);
|
|
162
132
|
__decorate([
|
|
163
|
-
|
|
133
|
+
property({ type: Object })
|
|
164
134
|
], Tooltip.prototype, "content", void 0);
|
|
165
135
|
__decorate([
|
|
166
|
-
|
|
136
|
+
query('#triangle')
|
|
167
137
|
], Tooltip.prototype, "triangle", void 0);
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
138
|
+
Tooltip = __decorate([
|
|
139
|
+
customElement('og-tooltip'),
|
|
140
|
+
colorable({ props: ['color', 'border', 'background'], selector: '#inner' })
|
|
171
141
|
], Tooltip);
|
|
142
|
+
export { Tooltip };
|
|
172
143
|
//# sourceMappingURL=tooltip.js.map
|
package/dist/ui/tooltip.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/ui/tooltip.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/ui/tooltip.ts"],"names":[],"mappings":"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"}
|
package/dist/ui/tooltip.style.js
CHANGED
|
@@ -1,13 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.styles = void 0;
|
|
7
|
-
const lit_1 = require("lit");
|
|
8
|
-
const types_1 = require("../types");
|
|
9
|
-
const constants_1 = __importDefault(require("../constants"));
|
|
10
|
-
exports.styles = [(0, lit_1.css) `
|
|
1
|
+
import { css, unsafeCSS } from 'lit';
|
|
2
|
+
import { ColorTypes } from "../types";
|
|
3
|
+
import constants from "../constants";
|
|
4
|
+
export const styles = [css `
|
|
11
5
|
:host {
|
|
12
6
|
display: block;
|
|
13
7
|
position: absolute;
|
|
@@ -39,76 +33,76 @@ exports.styles = [(0, lit_1.css) `
|
|
|
39
33
|
}
|
|
40
34
|
|
|
41
35
|
#triangle.left, #triangle.right {
|
|
42
|
-
border-top: ${
|
|
43
|
-
border-bottom: ${
|
|
36
|
+
border-top: ${constants.TOOLTIP_MARGIN}px solid transparent;
|
|
37
|
+
border-bottom: ${constants.TOOLTIP_MARGIN}px solid transparent;
|
|
44
38
|
}
|
|
45
39
|
|
|
46
40
|
#triangle.top, #triangle.bottom {
|
|
47
|
-
border-left: ${
|
|
48
|
-
border-right: ${
|
|
41
|
+
border-left: ${constants.TOOLTIP_MARGIN}px solid transparent;
|
|
42
|
+
border-right: ${constants.TOOLTIP_MARGIN}px solid transparent;
|
|
49
43
|
}
|
|
50
44
|
|
|
51
45
|
#triangle.left #triangle-inner, #triangle.right #triangle-inner {
|
|
52
|
-
border-top: ${
|
|
53
|
-
border-bottom: ${
|
|
46
|
+
border-top: ${constants.TOOLTIP_MARGIN}px solid transparent;
|
|
47
|
+
border-bottom: ${constants.TOOLTIP_MARGIN}px solid transparent;
|
|
54
48
|
}
|
|
55
49
|
|
|
56
50
|
#triangle.top #triangle-inner, #triangle.bottom #triangle-inner {
|
|
57
|
-
border-left: ${
|
|
58
|
-
border-right: ${
|
|
51
|
+
border-left: ${constants.TOOLTIP_MARGIN}px solid transparent;
|
|
52
|
+
border-right: ${constants.TOOLTIP_MARGIN}px solid transparent;
|
|
59
53
|
}
|
|
60
54
|
|
|
61
55
|
#triangle.left #triangle-inner {
|
|
62
|
-
top: -${
|
|
56
|
+
top: -${constants.TOOLTIP_MARGIN}px;
|
|
63
57
|
left: 2px;
|
|
64
58
|
}
|
|
65
59
|
|
|
66
60
|
#triangle.right #triangle-inner {
|
|
67
|
-
top: -${
|
|
68
|
-
right: ${
|
|
61
|
+
top: -${constants.TOOLTIP_MARGIN}px;
|
|
62
|
+
right: ${constants.TOOLTIP_MARGIN + 2}px;
|
|
69
63
|
}
|
|
70
64
|
|
|
71
65
|
#triangle.top #triangle-inner {
|
|
72
66
|
top: 2px;
|
|
73
|
-
left: -${
|
|
67
|
+
left: -${constants.TOOLTIP_MARGIN}px;
|
|
74
68
|
}
|
|
75
69
|
|
|
76
70
|
#triangle.bottom #triangle-inner {
|
|
77
|
-
top: -${
|
|
78
|
-
left: -${
|
|
71
|
+
top: -${constants.TOOLTIP_MARGIN + 2}px;
|
|
72
|
+
left: -${constants.TOOLTIP_MARGIN}px;
|
|
79
73
|
}
|
|
80
74
|
|
|
81
|
-
`, ...Object.values(
|
|
82
|
-
:host([color="${
|
|
83
|
-
border-right: ${
|
|
75
|
+
`, ...Object.values(ColorTypes).map(type => css `
|
|
76
|
+
:host([color="${unsafeCSS(type)}"]) #triangle.left {
|
|
77
|
+
border-right: ${constants.TOOLTIP_MARGIN}px solid var(--og-colortype-${unsafeCSS(type)}-border-color);
|
|
84
78
|
}
|
|
85
79
|
|
|
86
|
-
:host([color="${
|
|
87
|
-
border-left: ${
|
|
80
|
+
:host([color="${unsafeCSS(type)}"]) #triangle.right {
|
|
81
|
+
border-left: ${constants.TOOLTIP_MARGIN}px solid var(--og-colortype-${unsafeCSS(type)}-border-color);
|
|
88
82
|
}
|
|
89
83
|
|
|
90
|
-
:host([color="${
|
|
91
|
-
border-bottom: ${
|
|
84
|
+
:host([color="${unsafeCSS(type)}"]) #triangle.top {
|
|
85
|
+
border-bottom: ${constants.TOOLTIP_MARGIN}px solid var(--og-colortype-${unsafeCSS(type)}-border-color);
|
|
92
86
|
}
|
|
93
87
|
|
|
94
|
-
:host([color="${
|
|
95
|
-
border-top: ${
|
|
88
|
+
:host([color="${unsafeCSS(type)}"]) #triangle.bottom {
|
|
89
|
+
border-top: ${constants.TOOLTIP_MARGIN}px solid var(--og-colortype-${unsafeCSS(type)}-border-color);
|
|
96
90
|
}
|
|
97
91
|
|
|
98
|
-
:host([color="${
|
|
99
|
-
border-right: ${
|
|
92
|
+
:host([color="${unsafeCSS(type)}"]) #triangle.left #triangle-inner {
|
|
93
|
+
border-right: ${constants.TOOLTIP_MARGIN}px solid var(--og-colortype-${unsafeCSS(type)}-background-color);
|
|
100
94
|
}
|
|
101
95
|
|
|
102
|
-
:host([color="${
|
|
103
|
-
border-left: ${
|
|
96
|
+
:host([color="${unsafeCSS(type)}"]) #triangle.right #triangle-inner {
|
|
97
|
+
border-left: ${constants.TOOLTIP_MARGIN}px solid var(--og-colortype-${unsafeCSS(type)}-background-color);
|
|
104
98
|
}
|
|
105
99
|
|
|
106
|
-
:host([color="${
|
|
107
|
-
border-bottom: ${
|
|
100
|
+
:host([color="${unsafeCSS(type)}"]) #triangle.top #triangle-inner {
|
|
101
|
+
border-bottom: ${constants.TOOLTIP_MARGIN}px solid var(--og-colortype-${unsafeCSS(type)}-background-color);
|
|
108
102
|
}
|
|
109
103
|
|
|
110
|
-
:host([color="${
|
|
111
|
-
border-top: ${
|
|
104
|
+
:host([color="${unsafeCSS(type)}"]) #triangle.bottom #triangle-inner {
|
|
105
|
+
border-top: ${constants.TOOLTIP_MARGIN}px solid var(--og-colortype-${unsafeCSS(type)}-background-color);
|
|
112
106
|
}
|
|
113
107
|
`)];
|
|
114
108
|
//# sourceMappingURL=tooltip.style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.style.js","sourceRoot":"","sources":["../../src/ui/tooltip.style.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tooltip.style.js","sourceRoot":"","sources":["../../src/ui/tooltip.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,SAAS,MAAM,cAAc,CAAC;AAErC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAgCV,SAAS,CAAC,cAAc;mBACrB,SAAS,CAAC,cAAc;;;;iBAI1B,SAAS,CAAC,cAAc;kBACvB,SAAS,CAAC,cAAc;;;;gBAI1B,SAAS,CAAC,cAAc;mBACrB,SAAS,CAAC,cAAc;;;;iBAI1B,SAAS,CAAC,cAAc;kBACvB,SAAS,CAAC,cAAc;;;;UAIhC,SAAS,CAAC,cAAc;;;;;UAKxB,SAAS,CAAC,cAAc;WACvB,SAAS,CAAC,cAAc,GAAG,CAAC;;;;;WAK5B,SAAS,CAAC,cAAc;;;;UAIzB,SAAS,CAAC,cAAc,GAAG,CAAC;WAC3B,SAAS,CAAC,cAAc;;;CAGlC,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAA;iBAC9B,SAAS,CAAC,IAAI,CAAC;kBACd,SAAS,CAAC,cAAc,+BAA+B,SAAS,CAAC,IAAI,CAAC;;;iBAGvE,SAAS,CAAC,IAAI,CAAC;iBACf,SAAS,CAAC,cAAc,+BAA+B,SAAS,CAAC,IAAI,CAAC;;;iBAGtE,SAAS,CAAC,IAAI,CAAC;mBACb,SAAS,CAAC,cAAc,+BAA+B,SAAS,CAAC,IAAI,CAAC;;;iBAGxE,SAAS,CAAC,IAAI,CAAC;gBAChB,SAAS,CAAC,cAAc,+BAA+B,SAAS,CAAC,IAAI,CAAC;;;iBAGrE,SAAS,CAAC,IAAI,CAAC;kBACd,SAAS,CAAC,cAAc,+BAA+B,SAAS,CAAC,IAAI,CAAC;;;iBAGvE,SAAS,CAAC,IAAI,CAAC;iBACf,SAAS,CAAC,cAAc,+BAA+B,SAAS,CAAC,IAAI,CAAC;;;iBAGtE,SAAS,CAAC,IAAI,CAAC;mBACb,SAAS,CAAC,cAAc,+BAA+B,SAAS,CAAC,IAAI,CAAC;;;iBAGxE,SAAS,CAAC,IAAI,CAAC;gBAChB,SAAS,CAAC,cAAc,+BAA+B,SAAS,CAAC,IAAI,CAAC;;CAErF,CAAC,CAAC,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@omegagrid/core",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.6.0",
|
|
4
4
|
"license": "UNLICENSED",
|
|
5
5
|
"description": "Core components",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@fortawesome/fontawesome-svg-core": "6.4.2",
|
|
39
|
-
"@omegagrid/localize": "^0.
|
|
39
|
+
"@omegagrid/localize": "^0.6.0",
|
|
40
40
|
"@riovir/wc-fontawesome": "^0.1.9",
|
|
41
41
|
"color": "^4.2.3",
|
|
42
42
|
"date-fns": "^3.2.0",
|
|
@@ -55,6 +55,6 @@
|
|
|
55
55
|
"jest-environment-jsdom": "^29.7.0",
|
|
56
56
|
"ts-jest": "^29.1.1",
|
|
57
57
|
"ts-node": "^10.9.2",
|
|
58
|
-
"typescript": "5.3
|
|
58
|
+
"typescript": "5.6.3"
|
|
59
59
|
}
|
|
60
60
|
}
|