@descope/flow-components 3.13.0 → 3.13.2

package/dist/fm/mf-manifest.json

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

package/dist/fm/mf-stats.json

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

package/dist/index.cjs.js

@@ -90125,6 +90125,11 @@ function requireIndex_cjs () {
 	  componentName: componentName$_,
 	  baseSelector: 'vaadin-tooltip',
 	}) {
+	  // Observes the inner descope-anchored's `class` attribute so runtime updates
+	  // (e.g. real-time conditional components toggling `.hidden`) keep this
+	  // tooltip's class in sync. Set up in connectedCallback so reconnects work.
+	  #anchoredClassObserver = null;
+
 	  constructor() {
 	    super();
 
@@ -90240,9 +90245,31 @@ function requireIndex_cjs () {
 	    );
 	    this.#setTooltipTarget();
 
+	    setTimeout(() => this.#onOverlayReady());
+	  }
+
+	  #observeAnchored() {
+	    this.#anchoredClassObserver?.disconnect();
+	    if (this.anchored) {
+	      this.#anchoredClassObserver = observeAttributes(
+	        this.anchored,
+	        () => this.#syncComponentState(),
+	        { includeAttrs: ['class'] },
+	      );
+	    }
+	  }
+
+	  // createBaseClass gates init() to first-connect, so observing here is
+	  // required for the detach/reattach cycle to keep working.
+	  connectedCallback() {
+	    super.connectedCallback?.();
 	    this.#syncComponentState();
+	    this.#observeAnchored();
+	  }
 
-	    setTimeout(() => this.#onOverlayReady());
+	  disconnectedCallback() {
+	    super.disconnectedCallback?.();
+	    this.#anchoredClassObserver?.disconnect();
 	  }
 
 	  #setTooltipTarget() {
@@ -91534,6 +91561,12 @@ function requireIndex_cjs () {
 	  componentName: componentName$X,
 	  baseSelector: 'descope-anchored',
 	}) {
+	  // Observes the inner descope-anchored's `class` attribute so runtime
+	  // updates (e.g. real-time conditional components toggling `.hidden`) keep
+	  // this attachment host's class in sync. Set up in connectedCallback so
+	  // reconnects work (createBaseClass gates init() to first connect only).
+	  #anchoredClassObserver = null;
+
 	  constructor() {
 	    super();
 
@@ -91572,8 +91605,6 @@ function requireIndex_cjs () {
 	  init() {
 	    super.init?.();
 
-	    this.#syncComponentState();
-
 	    injectStyle(
 	      `
       :host {
@@ -91624,6 +91655,30 @@ function requireIndex_cjs () {
 	    this.classList.toggle('hidden', hasHidden);
 	  }
 
+	  #observeAnchored() {
+	    this.#anchoredClassObserver?.disconnect();
+	    if (this.anchored) {
+	      this.#anchoredClassObserver = observeAttributes(
+	        this.anchored,
+	        () => this.#syncComponentState(),
+	        { includeAttrs: ['class'] },
+	      );
+	    }
+	  }
+
+	  // createBaseClass gates init() to first-connect, so observing here is
+	  // required for the detach/reattach cycle to keep working.
+	  connectedCallback() {
+	    super.connectedCallback?.();
+	    this.#syncComponentState();
+	    this.#observeAnchored();
+	  }
+
+	  disconnectedCallback() {
+	    super.disconnectedCallback?.();
+	    this.#anchoredClassObserver?.disconnect();
+	  }
+
 	  #syncAvailableSizeAttr() {
 	    const anchor = this.defaultSlot?.assignedElements()?.[0];
 
@@ -108971,6 +109026,11 @@ descope-enriched-text {
 
 	  #hostStretchSheet = null;
 
+	  // Observes the anchor's `class` attribute so runtime updates by the SDK
+	  // (e.g. real-time conditional components toggling `.hidden`) propagate to
+	  // this element. Without this, only the initial slotchange would sync.
+	  #anchorClassObserver = null;
+
 	  get #anchor() {
 	    return this.defaultSlot.assignedElements({ flatten: true })[0];
 	  }
@@ -109073,6 +109133,28 @@ descope-enriched-text {
 	      this.#anchored,
 	      'st-host-direction',
 	    );
+
+	    this.#observeAnchorClass();
+	  }
+
+	  #observeAnchorClass() {
+	    this.#anchorClassObserver?.disconnect();
+	    if (this.#anchor) {
+	      this.#anchorClassObserver = observeAttributes(
+	        this.#anchor,
+	        () => this.#syncComponentState(),
+	        { includeAttrs: ['class'] },
+	      );
+	    }
+	  }
+
+	  // createBaseClass gates init() to first-connect (#isInit). Without
+	  // re-observing here, runtime `.hidden` toggles stop syncing after a
+	  // detach/reattach cycle.
+	  connectedCallback() {
+	    super.connectedCallback?.();
+	    this.#observeAnchorClass();
+	    this.#syncComponentState();
 	  }
 
 	  // Injects [stretch] layout rules into the containing component's shadow root (e.g. descope-attachment)
@@ -109114,6 +109196,7 @@ descope-enriched-text {
 	    super.disconnectedCallback?.();
 	    this.#stretchObserver?.disconnect();
 	    this.#directionObserver?.disconnect();
+	    this.#anchorClassObserver?.disconnect();
 	  }
 
 	  // Track whether anything is slotted, so the host display rule can hide an

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/flow-components",
-  "version": "3.13.0",
+  "version": "3.13.2",
   "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.13.0"
+    "@descope/web-components-ui": "3.13.2"
   },
   "peerDependencies": {
     "react": ">= 18"