aw-wizard-forms 4.9.0 → 4.9.2

package/dist/wizard-form.min.js

@@ -16,8 +16,8 @@
   --wf-color-badge-bg: #fcfcfc;
   --wf-color-badge-border: #d4d4d4;
   --wf-color-badge-text: #5f5f5f;
-  --wf-color-progress-active: rgba(0, 0, 0, 0.1);
-  --wf-color-progress-inactive: rgba(0, 0, 0, 0.05);
+  --wf-color-progress-active: rgba(136, 66, 240, 0.6);
+  --wf-color-progress-inactive: rgba(255, 255, 255, 0.6);
 
   /* Focus ring */
   --wf-focus-ring-width: 3px;
@@ -1017,15 +1017,15 @@
     .wf-progress-segment {
       width: 32px;
       height: 8px;
-      background-color: rgba(255, 255, 255, 0.6);
-      
+      background-color: var(--wf-color-progress-inactive);
+
       border-radius: 100vw;
       transition: background-color 300ms ease;
     }
 
     .wf-progress-segment.completed,
     .wf-progress-segment.active {
-      background-color: rgba(136, 66, 240, 0.6);
+      background-color: var(--wf-color-progress-active);
     }
   `];var ye=Object.defineProperty,Se=Object.getOwnPropertyDescriptor,xe=(t,e,s,r)=>{for(var i,o=r>1?void 0:r?Se(e,s):e,a=t.length-1;a>=0;a--)(i=t[a])&&(o=(r?i(e,s,o):i(o))||o);return r&&o&&ye(e,s,o),o};t.WfProgress=class extends ct{constructor(){super(...arguments),this.for="",this._currentStep=1,this._totalSteps=1,this._isComplete=!1,this._wizard=null,this._boundHandleStepChange=this._handleStepChange.bind(this),this._boundHandleSuccess=this._handleSuccess.bind(this),this._boundHandleStepsDiscovered=this._handleStepsDiscovered.bind(this)}connectedCallback(){super.connectedCallback(),document.addEventListener("wf:steps-discovered",this._boundHandleStepsDiscovered),requestAnimationFrame(()=>{this._connectToWizard()})}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("wf:steps-discovered",this._boundHandleStepsDiscovered),this._disconnectFromWizard()}_connectToWizard(){this.for?this._wizard=document.getElementById(this.for):this._wizard=this.closest("wizard-form"),this._wizard&&(this._currentStep=this._wizard.currentStep||1,this._totalSteps=this._wizard.totalSteps||1,this._isComplete=this._wizard.isSubmitted||!1,this._wizard.addEventListener("wf:step-change",this._boundHandleStepChange),this._wizard.addEventListener("wf:success",this._boundHandleSuccess))}_disconnectFromWizard(){this._wizard&&(this._wizard.removeEventListener("wf:step-change",this._boundHandleStepChange),this._wizard.removeEventListener("wf:success",this._boundHandleSuccess),this._wizard=null)}_handleStepChange(t){this._currentStep=t.detail.to,this._wizard&&(this._totalSteps=this._wizard.totalSteps)}_handleStepsDiscovered(t){const{wizard:e,wizardId:s,totalSteps:r,currentStep:i}=t.detail;if(this.for){if(s!==this.for)return}else{const t=this.closest("wizard-form");if(!t||t!==e)return}!this._wizard&&e&&(this._wizard=e,e.addEventListener("wf:step-change",this._boundHandleStepChange),e.addEventListener("wf:success",this._boundHandleSuccess)),this._totalSteps=r,this._currentStep=i}_handleSuccess(){this._isComplete=!0}render(){if(this._isComplete)return null;const t=[];for(let e=1;e<=this._totalSteps;e++){const s=e<this._currentStep,r=e===this._currentStep;t.push(K`
         <div