@vaadin/tooltip 24.5.3 → 24.5.4
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/package.json +10 -10
- package/src/vaadin-tooltip-mixin.js +15 -6
- package/web-types.json +2 -2
- package/web-types.lit.json +2 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/tooltip",
|
|
3
|
-
"version": "24.5.
|
|
3
|
+
"version": "24.5.4",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -36,17 +36,17 @@
|
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
38
38
|
"@polymer/polymer": "^3.0.0",
|
|
39
|
-
"@vaadin/a11y-base": "~24.5.
|
|
40
|
-
"@vaadin/component-base": "~24.5.
|
|
41
|
-
"@vaadin/overlay": "~24.5.
|
|
42
|
-
"@vaadin/popover": "~24.5.
|
|
43
|
-
"@vaadin/vaadin-lumo-styles": "~24.5.
|
|
44
|
-
"@vaadin/vaadin-material-styles": "~24.5.
|
|
45
|
-
"@vaadin/vaadin-themable-mixin": "~24.5.
|
|
39
|
+
"@vaadin/a11y-base": "~24.5.4",
|
|
40
|
+
"@vaadin/component-base": "~24.5.4",
|
|
41
|
+
"@vaadin/overlay": "~24.5.4",
|
|
42
|
+
"@vaadin/popover": "~24.5.4",
|
|
43
|
+
"@vaadin/vaadin-lumo-styles": "~24.5.4",
|
|
44
|
+
"@vaadin/vaadin-material-styles": "~24.5.4",
|
|
45
|
+
"@vaadin/vaadin-themable-mixin": "~24.5.4",
|
|
46
46
|
"lit": "^3.0.0"
|
|
47
47
|
},
|
|
48
48
|
"devDependencies": {
|
|
49
|
-
"@vaadin/chai-plugins": "~24.5.
|
|
49
|
+
"@vaadin/chai-plugins": "~24.5.4",
|
|
50
50
|
"@vaadin/testing-helpers": "^1.0.0",
|
|
51
51
|
"sinon": "^18.0.0"
|
|
52
52
|
},
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"web-types.json",
|
|
55
55
|
"web-types.lit.json"
|
|
56
56
|
],
|
|
57
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "0993b6e95bd5826642065356b8f5854a65a6b677"
|
|
58
58
|
}
|
|
@@ -32,6 +32,8 @@ export function resetGlobalTooltipState() {
|
|
|
32
32
|
warmedUp = false;
|
|
33
33
|
clearTimeout(warmUpTimeout);
|
|
34
34
|
clearTimeout(cooldownTimeout);
|
|
35
|
+
warmUpTimeout = null;
|
|
36
|
+
cooldownTimeout = null;
|
|
35
37
|
closing.clear();
|
|
36
38
|
}
|
|
37
39
|
|
|
@@ -145,12 +147,12 @@ class TooltipStateController {
|
|
|
145
147
|
/** @private */
|
|
146
148
|
__warmupTooltip(isFocus) {
|
|
147
149
|
if (!this._isOpened()) {
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
this.__scheduleWarmUp(isFocus);
|
|
151
|
-
} else {
|
|
152
|
-
// Warmed up, show another tooltip.
|
|
150
|
+
if (warmedUp) {
|
|
151
|
+
// Warmed up, show the tooltip.
|
|
153
152
|
this.__showTooltip();
|
|
153
|
+
} else if (warmUpTimeout == null) {
|
|
154
|
+
// Ensure there is no duplicate warm up.
|
|
155
|
+
this.__scheduleWarmUp(isFocus);
|
|
154
156
|
}
|
|
155
157
|
}
|
|
156
158
|
}
|
|
@@ -161,6 +163,11 @@ class TooltipStateController {
|
|
|
161
163
|
clearTimeout(this.__closeTimeout);
|
|
162
164
|
this.__closeTimeout = null;
|
|
163
165
|
}
|
|
166
|
+
|
|
167
|
+
// Remove the tooltip from the closing queue.
|
|
168
|
+
if (this.isClosing) {
|
|
169
|
+
closing.delete(this.host);
|
|
170
|
+
}
|
|
164
171
|
}
|
|
165
172
|
|
|
166
173
|
/** @private */
|
|
@@ -181,7 +188,9 @@ class TooltipStateController {
|
|
|
181
188
|
|
|
182
189
|
/** @private */
|
|
183
190
|
__scheduleClose() {
|
|
184
|
-
if
|
|
191
|
+
// Do not schedule closing if it was already scheduled
|
|
192
|
+
// to avoid overriding reference to the close timeout.
|
|
193
|
+
if (this._isOpened() && !this.isClosing) {
|
|
185
194
|
closing.add(this.host);
|
|
186
195
|
|
|
187
196
|
this.__closeTimeout = setTimeout(() => {
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/tooltip",
|
|
4
|
-
"version": "24.5.
|
|
4
|
+
"version": "24.5.4",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "vaadin-tooltip",
|
|
11
|
-
"description": "`<vaadin-tooltip>` is a Web Component for creating tooltips.\n\n```html\n<button id=\"confirm\">Confirm</button>\n<vaadin-tooltip text=\"Click to save changes\" for=\"confirm\"></vaadin-tooltip>\n```\n\n### Styling\n\n`<vaadin-tooltip>` uses `<vaadin-tooltip-overlay>` internal\nthemable component as the actual visible overlay.\n\nSee [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.5.
|
|
11
|
+
"description": "`<vaadin-tooltip>` is a Web Component for creating tooltips.\n\n```html\n<button id=\"confirm\">Confirm</button>\n<vaadin-tooltip text=\"Click to save changes\" for=\"confirm\"></vaadin-tooltip>\n```\n\n### Styling\n\n`<vaadin-tooltip>` uses `<vaadin-tooltip-overlay>` internal\nthemable component as the actual visible overlay.\n\nSee [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.5.4/#/elements/vaadin-overlay) documentation\nfor `<vaadin-tooltip-overlay>` parts.\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|----------------------------------------\n`position` | Reflects the `position` property value.\n\nNote: the `theme` attribute value set on `<vaadin-tooltip>` is\npropagated to the internal `<vaadin-tooltip-overlay>` component.\n\n### Custom CSS Properties\n\nThe following custom CSS properties are available on the `<vaadin-tooltip>` element:\n\nCustom CSS property | Description\n---------------------------------|-------------\n`--vaadin-tooltip-offset-top` | Used as an offset when the tooltip is aligned vertically below the target\n`--vaadin-tooltip-offset-bottom` | Used as an offset when the tooltip is aligned vertically above the target\n`--vaadin-tooltip-offset-start` | Used as an offset when the tooltip is aligned horizontally after the target\n`--vaadin-tooltip-offset-end` | Used as an offset when the tooltip is aligned horizontally before the target\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "overlay-class",
|
package/web-types.lit.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/tooltip",
|
|
4
|
-
"version": "24.5.
|
|
4
|
+
"version": "24.5.4",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"framework": "lit",
|
|
7
7
|
"framework-config": {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"elements": [
|
|
17
17
|
{
|
|
18
18
|
"name": "vaadin-tooltip",
|
|
19
|
-
"description": "`<vaadin-tooltip>` is a Web Component for creating tooltips.\n\n```html\n<button id=\"confirm\">Confirm</button>\n<vaadin-tooltip text=\"Click to save changes\" for=\"confirm\"></vaadin-tooltip>\n```\n\n### Styling\n\n`<vaadin-tooltip>` uses `<vaadin-tooltip-overlay>` internal\nthemable component as the actual visible overlay.\n\nSee [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.5.
|
|
19
|
+
"description": "`<vaadin-tooltip>` is a Web Component for creating tooltips.\n\n```html\n<button id=\"confirm\">Confirm</button>\n<vaadin-tooltip text=\"Click to save changes\" for=\"confirm\"></vaadin-tooltip>\n```\n\n### Styling\n\n`<vaadin-tooltip>` uses `<vaadin-tooltip-overlay>` internal\nthemable component as the actual visible overlay.\n\nSee [`<vaadin-overlay>`](https://cdn.vaadin.com/vaadin-web-components/24.5.4/#/elements/vaadin-overlay) documentation\nfor `<vaadin-tooltip-overlay>` parts.\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|----------------------------------------\n`position` | Reflects the `position` property value.\n\nNote: the `theme` attribute value set on `<vaadin-tooltip>` is\npropagated to the internal `<vaadin-tooltip-overlay>` component.\n\n### Custom CSS Properties\n\nThe following custom CSS properties are available on the `<vaadin-tooltip>` element:\n\nCustom CSS property | Description\n---------------------------------|-------------\n`--vaadin-tooltip-offset-top` | Used as an offset when the tooltip is aligned vertically below the target\n`--vaadin-tooltip-offset-bottom` | Used as an offset when the tooltip is aligned vertically above the target\n`--vaadin-tooltip-offset-start` | Used as an offset when the tooltip is aligned horizontally after the target\n`--vaadin-tooltip-offset-end` | Used as an offset when the tooltip is aligned horizontally before the target\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|