@descope/flow-components 3.1.12 → 3.1.13

package/dist/fm/mf-manifest.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "3.1.12",
+      "buildVersion": "3.1.13",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {

package/dist/fm/mf-stats.json

@@ -5,7 +5,7 @@
     "name": "flowComponents",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "3.1.12",
+      "buildVersion": "3.1.13",
       "buildName": "@descope/flow-components"
     },
     "remoteEntry": {

package/dist/index.cjs.js

@@ -88214,7 +88214,7 @@ function requireIndex_cjs () {
 	    this.tooltip.style.overflow = 'hidden';
 	    this.tooltip.style.position = 'absolute';
 	  }
-	  
+
 	  #revealWrappedParts() {
 	    this.tooltip.style.width = '100%';
 	    this.tooltip.style.height = '100%';
@@ -88239,9 +88239,7 @@ function requireIndex_cjs () {
 	  #setTooltipTarget() {
 	    if (!this.children?.length) return;
 
-	    let ele = Array.from(this.children).find(
-	      (child) => child !== this.tooltip,
-	    );
+	    let ele = Array.from(this.children).find((child) => child !== this.tooltip);
 
 	    if (!ele) return;
 
@@ -88261,6 +88259,10 @@ function requireIndex_cjs () {
 	    return enrichedText;
 	  }
 
+	  get srLabel() {
+	    return this.tooltip?.querySelector('[slot="sr-label"]');
+	  }
+
 	  #initTooltipTextComponent() {
 	    if (!this.overlayContentNode) return;
 
@@ -88271,6 +88273,12 @@ function requireIndex_cjs () {
 
 	      this.overlayContentNode.appendChild(this.textComponent);
 
+	      // An empty sr-label with role="tooltip" fails accessibility checks.
+	      // Hide it when there's no tooltip text; vaadin handles populating it when text is present.
+	      if (this.srLabel && !this.tooltipText) {
+	        this.srLabel.setAttribute('aria-hidden', 'true');
+	      }
+
 	      forwardAttrs(this, this.textComponent, {
 	        includeAttrs: ['readonly'],
 	      });
@@ -88306,7 +88314,15 @@ function requireIndex_cjs () {
 
 	  #updateText(value) {
 	    if (!this.textComponent) return;
-	    this.textComponent.textContent = value?.trim();
+	    const trimmedValue = (value ?? '').trim();
+	    this.textComponent.textContent = trimmedValue;
+	    if (this.srLabel) {
+	      if (trimmedValue) {
+	        this.srLabel.removeAttribute('aria-hidden');
+	      } else {
+	        this.srLabel.setAttribute('aria-hidden', 'true');
+	      }
+	    }
 	  }
 
 	  attributeChangedCallback(attrName, oldValue, newValue) {
@@ -88318,7 +88334,7 @@ function requireIndex_cjs () {
 	      }
 
 	      if (attrName === 'opened') {
-	        this.#handleTooltipVisibility(attrName, newValue);
+	        this.#handleTooltipVisibility();
 	      }
 	    }
 	  }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/flow-components",
-  "version": "3.1.12",
+  "version": "3.1.13",
   "description": "",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",
@@ -97,7 +97,7 @@
     "webpack-subresource-integrity": "5.2.0-rc.1"
   },
   "dependencies": {
-    "@descope/web-components-ui": "3.1.12"
+    "@descope/web-components-ui": "3.1.13"
   },
   "peerDependencies": {
     "react": ">= 18"