@descope/web-components-ui 3.9.0 → 3.9.1

package/dist/index.esm.js

@@ -25430,6 +25430,15 @@ class RawTooltip extends createBaseClass$1({
 
     this.defaultSlot = this.shadowRoot.querySelector('slot:not([name])');
     this.tooltip = this.shadowRoot.querySelector('vaadin-tooltip');
+
+    this.anchored = this.shadowRoot.querySelector('descope-anchored');
+  }
+
+  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.
+  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.
+  #syncComponentState() {
+    const hasHidden = this.anchored?.classList?.contains('hidden');
+    this.classList.toggle('hidden', hasHidden);
   }
 
   static get observedAttributes() {
@@ -25524,6 +25533,8 @@ class RawTooltip extends createBaseClass$1({
     );
     this.#setTooltipTarget();
 
+    this.#syncComponentState();
+
     setTimeout(() => this.#onOverlayReady());
   }
 
@@ -26832,6 +26843,8 @@ class RawAttachment extends createBaseClass$1({
     this.attachmentSlot = this.shadowRoot.querySelector(
       'slot[name="attachment"]',
     );
+
+    this.anchored = this.shadowRoot.querySelector('descope-anchored');
   }
 
   get #attachment() {
@@ -26852,6 +26865,8 @@ class RawAttachment extends createBaseClass$1({
   init() {
     super.init?.();
 
+    this.#syncComponentState();
+
     injectStyle(
       `
       :host {
@@ -26895,6 +26910,13 @@ class RawAttachment extends createBaseClass$1({
     window.requestAnimationFrame(() => this.#setVisibility());
   }
 
+  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.
+  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.
+  #syncComponentState() {
+    const hasHidden = this.anchored?.classList?.contains('hidden');
+    this.classList.toggle('hidden', hasHidden);
+  }
+
   #syncAvailableSizeAttr() {
     const anchor = this.defaultSlot?.assignedElements()?.[0];
 
@@ -29263,6 +29285,8 @@ class RawAnchored extends createBaseClass$1({
     `;
 
     this.defaultSlot = this.shadowRoot.querySelector('slot:not([name])');
+
+    this.#syncComponentState();
   }
 
   init() {
@@ -29317,6 +29341,13 @@ class RawAnchored extends createBaseClass$1({
     this.#syncAnchor();
   }
 
+  // To support conditional components in flow, we need to sync the 'hidden' className to the root of the component.
+  // Ideally, this would happen in the SDK, but we resolved to this patch to fix the issue without forcing users to update SDKs.
+  #syncComponentState() {
+    const hasHidden = this.#anchor.classList.contains('hidden');
+    this.classList.toggle('hidden', hasHidden);
+  }
+
   #syncAnchor() {
     this.#onAnchorChanged();