matcha-components 19.137.0 → 19.139.0

package/fesm2022/matcha-components.mjs

@@ -2803,26 +2803,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
 
 class MatchaStepperStateService {
     constructor() {
-        this.steps$ = new BehaviorSubject([]);
-        this.activeStep$ = new BehaviorSubject(0);
+        this.steps = [];
+        this._steps$ = new BehaviorSubject([]);
+        this.steps$ = this._steps$.asObservable();
+        this._activeStep$ = new BehaviorSubject(0);
+        this.activeStep$ = this._activeStep$.asObservable();
+        this.pendingActiveStep = null;
     }
     setSteps(steps) {
-        this.steps$.next(steps);
+        this.steps = steps;
+        this._steps$.next(steps);
+        // Se havia um índice pendente, aplica agora
+        if (this.pendingActiveStep !== null) {
+            this.setActiveStep(this.pendingActiveStep);
+            this.pendingActiveStep = null;
+        }
     }
     setActiveStep(index) {
-        this.activeStep$.next(index);
+        if (this.steps.length === 0) {
+            // Steps ainda não definidos, guarda para depois
+            this.pendingActiveStep = index;
+            return;
+        }
+        if (index >= 0 && index < this.steps.length) {
+            this._activeStep$.next(index);
+        }
     }
     nextStep() {
-        const steps = this.steps$.value;
-        const current = this.activeStep$.value;
-        if (current < steps.length - 1) {
-            this.activeStep$.next(current + 1);
+        const current = this._activeStep$.value;
+        if (current < this.steps.length - 1) {
+            this._activeStep$.next(current + 1);
         }
     }
     prevStep() {
-        const current = this.activeStep$.value;
+        const current = this._activeStep$.value;
         if (current > 0) {
-            this.activeStep$.next(current - 1);
+            this._activeStep$.next(current - 1);
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -2833,8 +2849,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
         }] });
 
 class MatchaStepperComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaStepperComponent, isStandalone: false, selector: "matcha-stepper", providers: [MatchaStepperStateService], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
+    constructor(stepperState) {
+        this.stepperState = stepperState;
+        this.active = 0;
+    }
+    ngOnChanges(changes) {
+        if (changes['active'] && typeof changes['active'].currentValue === 'number') {
+            this.stepperState.setActiveStep(this.active);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperComponent, deps: [{ token: MatchaStepperStateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: MatchaStepperComponent, isStandalone: false, selector: "matcha-stepper", inputs: { active: "active" }, providers: [MatchaStepperStateService], usesOnChanges: true, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: MatchaStepperComponent, decorators: [{
             type: Component,
@@ -2844,7 +2869,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                     providers: [MatchaStepperStateService],
                     standalone: false
                 }]
-        }] });
+        }], ctorParameters: () => [{ type: MatchaStepperStateService }], propDecorators: { active: [{
+                type: Input
+            }] } });
 
 class MatchaStepperContentComponent {
     constructor(stepperState) {
@@ -2897,7 +2924,7 @@ class MatchaStepperControllerComponent {
         this.activeStep = 0;
     }
     ngOnInit() {
-        this.stepperState.steps$.subscribe(steps => this.steps = steps);
+        this.stepperState.steps$.subscribe((steps) => this.steps = steps);
         this.stepperState.activeStep$.subscribe(step => this.activeStep = step);
     }
     goToStep(index) {