aw-wizard-forms 3.1.0 → 3.1.1

package/dist/wizard-form.esm.js

@@ -1292,14 +1292,14 @@ let WizardForm = class extends i {
     });
     this._totalSteps = this._steps.length;
     this._stateController.setTotalSteps(this._totalSteps);
-    this.dispatchEvent(
+    document.dispatchEvent(
       new CustomEvent("wf:steps-discovered", {
         detail: {
+          wizard: this,
+          wizardId: this.id,
           totalSteps: this._totalSteps,
           currentStep: this._currentStep
-        },
-        bubbles: true,
-        composed: true
+        }
       })
     );
   }
@@ -3895,6 +3895,7 @@ let WfProgress = class extends i {
     this._wizard = null;
     this._boundHandleStepChange = this._handleStepChange.bind(this);
     this._boundHandleSuccess = this._handleSuccess.bind(this);
+    this._boundHandleStepsDiscovered = this._handleStepsDiscovered.bind(this);
   }
   /**
    * Disable Shadow DOM - render to Light DOM for external styling
@@ -3904,20 +3905,14 @@ let WfProgress = class extends i {
   }
   connectedCallback() {
     super.connectedCallback();
+    document.addEventListener("wf:steps-discovered", this._boundHandleStepsDiscovered);
     requestAnimationFrame(() => {
       this._connectToWizard();
-      if (this._wizard && this._totalSteps <= 1) {
-        requestAnimationFrame(() => {
-          if (this._wizard) {
-            this._totalSteps = this._wizard.totalSteps || this._totalSteps;
-            this._currentStep = this._wizard.currentStep || this._currentStep;
-          }
-        });
-      }
     });
   }
   disconnectedCallback() {
     super.disconnectedCallback();
+    document.removeEventListener("wf:steps-discovered", this._boundHandleStepsDiscovered);
     this._disconnectFromWizard();
   }
   _connectToWizard() {
@@ -3932,7 +3927,6 @@ let WfProgress = class extends i {
       this._isComplete = this._wizard.isSubmitted || false;
       this._wizard.addEventListener("wf:step-change", this._boundHandleStepChange);
       this._wizard.addEventListener("wf:success", this._boundHandleSuccess);
-      this._wizard.addEventListener("wf:steps-discovered", this._handleStepsDiscovered.bind(this));
     }
   }
   _disconnectFromWizard() {
@@ -3948,11 +3942,25 @@ let WfProgress = class extends i {
       this._totalSteps = this._wizard.totalSteps;
     }
   }
-  _handleStepsDiscovered() {
-    if (this._wizard) {
-      this._totalSteps = this._wizard.totalSteps;
-      this._currentStep = this._wizard.currentStep;
+  _handleStepsDiscovered(e2) {
+    const { wizard, wizardId, totalSteps, currentStep } = e2.detail;
+    if (this.for) {
+      if (wizardId !== this.for) {
+        return;
+      }
+    } else {
+      const parentWizard = this.closest("wizard-form");
+      if (!parentWizard || parentWizard !== wizard) {
+        return;
+      }
+    }
+    if (!this._wizard && wizard) {
+      this._wizard = wizard;
+      wizard.addEventListener("wf:step-change", this._boundHandleStepChange);
+      wizard.addEventListener("wf:success", this._boundHandleSuccess);
     }
+    this._totalSteps = totalSteps;
+    this._currentStep = currentStep;
   }
   _handleSuccess() {
     this._isComplete = true;