matcha-components 19.138.0 → 19.140.0

package/fesm2022/matcha-components.mjs

@@ -694,12 +694,6 @@ class MatchaLazyloadDataComponent {
          * Threshold para o Intersection Observer (padrão: 0.1 = 10% do elemento visível).
          */
         this.threshold = 0.1;
-        /**
-         * Root margin para o Intersection Observer (padrão: '0px').
-         * Use valores como '100px' para acionar 100px antes do elemento aparecer.
-         * Aceita valores como: '10px', '10px 20px', '10% 5% 0px 5%'
-         */
-        this.rootMargin = '0px';
         /**
          * Emite a lista acumulada de itens.
          */
@@ -722,7 +716,7 @@ class MatchaLazyloadDataComponent {
         // Configura o Intersection Observer para carregamento via scroll
         const options = {
             root: null,
-            rootMargin: this.rootMargin,
+            rootMargin: '0px',
             threshold: this.threshold
         };
         this.observer = new IntersectionObserver(entries => {
@@ -801,7 +795,7 @@ class MatchaLazyloadDataComponent {
         this.searchSubscription.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatchaLazyloadDataComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: MatchaLazyloadDataComponent, isStandalone: false, selector: "matcha-lazyload-data", inputs: { loadData: "loadData", initialList: "initialList", threshold: "threshold", rootMargin: "rootMargin", resetKey: "resetKey", searchTerm: "searchTerm" }, outputs: { aggregatedData: "aggregatedData", exactMatch: "exactMatch" }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["", ":host{height:1px;opacity:0}\n"] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: MatchaLazyloadDataComponent, isStandalone: false, selector: "matcha-lazyload-data", inputs: { loadData: "loadData", initialList: "initialList", threshold: "threshold", resetKey: "resetKey", searchTerm: "searchTerm" }, outputs: { aggregatedData: "aggregatedData", exactMatch: "exactMatch" }, usesOnChanges: true, ngImport: i0, template: "<ng-content></ng-content>\n", styles: ["", ":host{height:1px;opacity:0}\n"] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatchaLazyloadDataComponent, decorators: [{
             type: Component,
@@ -812,8 +806,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                 type: Input
             }], threshold: [{
                 type: Input
-            }], rootMargin: [{
-                type: Input
             }], resetKey: [{
                 type: Input
             }], searchTerm: [{
@@ -2811,26 +2803,42 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
 
 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: "20.1.7", ngImport: i0, type: MatchaStepperStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
@@ -2841,8 +2849,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
         }] });
 
 class MatchaStepperComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: MatchaStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", 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: "20.1.7", ngImport: i0, type: MatchaStepperComponent, deps: [{ token: MatchaStepperStateService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", 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: "20.1.7", ngImport: i0, type: MatchaStepperComponent, decorators: [{
             type: Component,
@@ -2852,7 +2869,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                     providers: [MatchaStepperStateService],
                     standalone: false
                 }]
-        }] });
+        }], ctorParameters: () => [{ type: MatchaStepperStateService }], propDecorators: { active: [{
+                type: Input
+            }] } });
 
 class MatchaStepperContentComponent {
     constructor(stepperState) {
@@ -2905,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) {