@descope/web-components-ui 3.9.0 → 3.9.2

package/dist/cjs/index.cjs.js

@@ -10456,6 +10456,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() {
@@ -10550,6 +10559,8 @@ class RawTooltip extends createBaseClass$1({
     );
     this.#setTooltipTarget();
 
+    this.#syncComponentState();
+
     setTimeout(() => this.#onOverlayReady());
   }
 
@@ -11858,6 +11869,8 @@ class RawAttachment extends createBaseClass$1({
     this.attachmentSlot = this.shadowRoot.querySelector(
       'slot[name="attachment"]',
     );
+
+    this.anchored = this.shadowRoot.querySelector('descope-anchored');
   }
 
   get #attachment() {
@@ -11878,6 +11891,8 @@ class RawAttachment extends createBaseClass$1({
   init() {
     super.init?.();
 
+    this.#syncComponentState();
+
     injectStyle(
       `
       :host {
@@ -11921,6 +11936,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];
 
@@ -26884,6 +26906,8 @@ class RawAnchored extends createBaseClass$1({
     `;
 
     this.defaultSlot = this.shadowRoot.querySelector('slot:not([name])');
+
+    this.#syncComponentState();
   }
 
   init() {
@@ -26938,6 +26962,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();