@vaadin/tooltip 25.4.0-alpha2 → 25.4.0-alpha4

package/custom-elements.json

@@ -43,8 +43,7 @@
               "type": {
                 "text": "object"
               },
-              "description": "Element used to link with the ARIA attribute controlled by the\n`ariaLinkMode` property. Supports array of multiple elements.\nWhen not set, defaults to `target`.",
-              "attribute": "aria-target"
+              "description": "Element used to link with the ARIA attribute controlled by the\n`ariaLinkMode` property. Supports array of multiple elements.\nWhen not set, defaults to `target`."
             }
           ],
           "attributes": [
@@ -106,7 +105,6 @@
                 "text": "object"
               },
               "description": "Element used to link with the ARIA attribute controlled by the\n`ariaLinkMode` property. Supports array of multiple elements.\nWhen not set, defaults to `target`.",
-              "attribute": "aria-target",
               "inheritedFrom": {
                 "name": "TooltipAriaMixin",
                 "module": "src/vaadin-tooltip-aria-mixin.js"
@@ -119,8 +117,7 @@
               "type": {
                 "text": "object"
               },
-              "description": "Object with properties passed to `generator` and\n`shouldShow` functions for generating tooltip text\nor detecting whether to show the tooltip or not.",
-              "attribute": "context"
+              "description": "Object with properties passed to `generator` and\n`shouldShow` functions for generating tooltip text\nor detecting whether to show the tooltip or not."
             },
             {
               "kind": "field",
@@ -153,8 +150,7 @@
               "type": {
                 "text": "object"
               },
-              "description": "Function used to generate the tooltip content.\nWhen provided, it overrides the `text` property.\nUse the `context` property to provide argument\nthat can be passed to the generator function.",
-              "attribute": "generator"
+              "description": "Function used to generate the tooltip content.\nWhen provided, it overrides the `text` property.\nUse the `context` property to provide argument\nthat can be passed to the generator function."
             },
             {
               "kind": "field",
@@ -269,8 +265,7 @@
               "type": {
                 "text": "object"
               },
-              "description": "Function used to detect whether to show the tooltip based on a condition,\ncalled every time the tooltip is about to be shown on hover and focus.\nThe function takes two parameters: `target` and `context`, which contain\nvalues of the corresponding tooltip properties at the time of calling.\nThe tooltip is only shown when the function invocation returns `true`.",
-              "attribute": "should-show"
+              "description": "Function used to detect whether to show the tooltip based on a condition,\ncalled every time the tooltip is about to be shown on hover and focus.\nThe function takes two parameters: `target` and `context`, which contain\nvalues of the corresponding tooltip properties at the time of calling.\nThe tooltip is only shown when the function invocation returns `true`."
             },
             {
               "kind": "field",
@@ -280,7 +275,6 @@
                 "text": "object"
               },
               "description": "Reference to the DOM element used both to trigger the overlay\nby user interaction and to visually position it on the screen.\n\nDefaults to an element referenced with `for` attribute, in\nwhich case it must be located in the same shadow scope.",
-              "attribute": "target",
               "inheritedFrom": {
                 "name": "PopoverTargetMixin",
                 "package": "@vaadin/popover/src/vaadin-popover-target-mixin.js"
@@ -462,7 +456,6 @@
                 "text": "object"
               },
               "description": "Element used to link with the ARIA attribute controlled by the\n`ariaLinkMode` property. Supports array of multiple elements.\nWhen not set, defaults to `target`.",
-              "attribute": "aria-target",
               "inheritedFrom": {
                 "name": "TooltipAriaMixin",
                 "module": "src/vaadin-tooltip-aria-mixin.js"
@@ -476,7 +469,6 @@
                 "text": "object"
               },
               "description": "Object with properties passed to `generator` and\n`shouldShow` functions for generating tooltip text\nor detecting whether to show the tooltip or not.",
-              "attribute": "context",
               "inheritedFrom": {
                 "name": "TooltipMixin",
                 "module": "src/vaadin-tooltip-mixin.js"
@@ -518,7 +510,6 @@
                 "text": "object"
               },
               "description": "Function used to generate the tooltip content.\nWhen provided, it overrides the `text` property.\nUse the `context` property to provide argument\nthat can be passed to the generator function.",
-              "attribute": "generator",
               "inheritedFrom": {
                 "name": "TooltipMixin",
                 "module": "src/vaadin-tooltip-mixin.js"
@@ -670,7 +661,6 @@
                 "text": "object"
               },
               "description": "Function used to detect whether to show the tooltip based on a condition,\ncalled every time the tooltip is about to be shown on hover and focus.\nThe function takes two parameters: `target` and `context`, which contain\nvalues of the corresponding tooltip properties at the time of calling.\nThe tooltip is only shown when the function invocation returns `true`.",
-              "attribute": "should-show",
               "inheritedFrom": {
                 "name": "TooltipMixin",
                 "module": "src/vaadin-tooltip-mixin.js"
@@ -684,7 +674,6 @@
                 "text": "object"
               },
               "description": "Reference to the DOM element used both to trigger the overlay\nby user interaction and to visually position it on the screen.\n\nDefaults to an element referenced with `for` attribute, in\nwhich case it must be located in the same shadow scope.",
-              "attribute": "target",
               "inheritedFrom": {
                 "name": "PopoverTargetMixin",
                 "package": "@vaadin/popover/src/vaadin-popover-target-mixin.js"
@@ -707,15 +696,11 @@
           ],
           "events": [
             {
-              "name": "content-changed",
               "type": {
                 "text": "CustomEvent"
               },
               "description": "Fired when the tooltip text content is changed.",
-              "inheritedFrom": {
-                "name": "TooltipMixin",
-                "module": "src/vaadin-tooltip-mixin.js"
-              }
+              "name": "content-changed"
             }
           ],
           "attributes": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/tooltip",
-  "version": "25.4.0-alpha2",
+  "version": "25.4.0-alpha4",
   "publishConfig": {
     "access": "public"
   },
@@ -35,20 +35,20 @@
   ],
   "dependencies": {
     "@open-wc/dedupe-mixin": "^1.3.0",
-    "@vaadin/a11y-base": "25.4.0-alpha2",
-    "@vaadin/component-base": "25.4.0-alpha2",
-    "@vaadin/markdown": "25.4.0-alpha2",
-    "@vaadin/overlay": "25.4.0-alpha2",
-    "@vaadin/popover": "25.4.0-alpha2",
-    "@vaadin/vaadin-themable-mixin": "25.4.0-alpha2",
+    "@vaadin/a11y-base": "25.4.0-alpha4",
+    "@vaadin/component-base": "25.4.0-alpha4",
+    "@vaadin/markdown": "25.4.0-alpha4",
+    "@vaadin/overlay": "25.4.0-alpha4",
+    "@vaadin/popover": "25.4.0-alpha4",
+    "@vaadin/vaadin-themable-mixin": "25.4.0-alpha4",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/aura": "25.4.0-alpha2",
-    "@vaadin/chai-plugins": "25.4.0-alpha2",
-    "@vaadin/test-runner-commands": "25.4.0-alpha2",
+    "@vaadin/aura": "25.4.0-alpha4",
+    "@vaadin/chai-plugins": "25.4.0-alpha4",
+    "@vaadin/test-runner-commands": "25.4.0-alpha4",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/vaadin-lumo-styles": "25.4.0-alpha2",
+    "@vaadin/vaadin-lumo-styles": "25.4.0-alpha4",
     "sinon": "^22.0.0"
   },
   "customElements": "custom-elements.json",
@@ -56,5 +56,5 @@
     "web-types.json",
     "web-types.lit.json"
   ],
-  "gitHead": "213f8b55112558d2f976d8730fe44370ca868333"
+  "gitHead": "7809e4c099538333a6dbd11d8da18a0c6ec30dad"
 }

package/src/vaadin-tooltip-mixin.js

@@ -20,6 +20,8 @@ const closing = new Set();
 
 let warmedUp = false;
 let warmUpTimeout = null;
+/** The tooltip that opens when the warm up timeout ends. */
+let warmUpTooltip = null;
 let cooldownTimeout = null;
 
 /**
@@ -32,6 +34,7 @@ export function resetGlobalTooltipState() {
   clearTimeout(warmUpTimeout);
   clearTimeout(cooldownTimeout);
   warmUpTimeout = null;
+  warmUpTooltip = null;
   cooldownTimeout = null;
   closing.clear();
 }
@@ -144,8 +147,9 @@ class TooltipStateController {
       if (warmedUp) {
         // Warmed up, show the tooltip.
         this.__showTooltip();
-      } else if (warmUpTimeout == null) {
-        // Ensure there is no duplicate warm up.
+      } else if (warmUpTimeout == null || !warmUpTooltip.isConnected) {
+        // Ensure there is no duplicate warm up, unless its tooltip was removed.
+        this.__abortWarmUp();
         this.__scheduleWarmUp(isFocus);
       }
     }
@@ -177,6 +181,7 @@ class TooltipStateController {
     if (warmUpTimeout) {
       clearTimeout(warmUpTimeout);
       warmUpTimeout = null;
+      warmUpTooltip = null;
     }
   }
 
@@ -206,10 +211,14 @@ class TooltipStateController {
   /** @private */
   __scheduleWarmUp(isFocus) {
     const delay = isFocus ? this.focusDelay : this.hoverDelay;
+    warmUpTooltip = this.host;
     warmUpTimeout = setTimeout(() => {
       warmUpTimeout = null;
-      warmedUp = true;
-      this.__showTooltip();
+      warmUpTooltip = null;
+      // Do not open a tooltip that was removed while waiting.
+      if (this.host.isConnected) {
+        this.__showTooltip();
+      }
     }, delay);
   }
 }

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/tooltip",
-  "version": "25.4.0-alpha2",
+  "version": "25.4.0-alpha4",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/web-types.lit.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/tooltip",
-  "version": "25.4.0-alpha2",
+  "version": "25.4.0-alpha4",
   "description-markup": "markdown",
   "framework": "lit",
   "framework-config": {