matcha-components 19.129.0 → 19.131.0

package/fesm2022/matcha-components.mjs

@@ -2527,7 +2527,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
 
 class StepComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: StepComponent, isStandalone: false, selector: "step", inputs: { step: "step" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: StepComponent, isStandalone: false, selector: "step", inputs: { step: ["stepTitle", "step"] }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true, static: true }], ngImport: i0, template: `<ng-template><ng-content></ng-content></ng-template>`, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: StepComponent, decorators: [{
             type: Component,
@@ -2537,7 +2537,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                     standalone: false
                 }]
         }], propDecorators: { step: [{
-                type: Input
+                type: Input,
+                args: ['stepTitle']
             }], template: [{
                 type: ViewChild,
                 args: [TemplateRef, { static: true }]
@@ -2595,7 +2596,11 @@ class MatchaStepperContentComponent {
         this.activeStep = 0;
     }
     ngAfterContentInit() {
-        this.stepsArray = this.steps.toArray().sort((a, b) => Number(a.step) - Number(b.step));
+        this.stepsArray = this.steps.toArray().sort((a, b) => {
+            const stepA = a.step !== undefined && a.step !== null && a.step !== '' ? Number(a.step) : a.step;
+            const stepB = b.step !== undefined && b.step !== null && b.step !== '' ? Number(b.step) : b.step;
+            return stepA - stepB;
+        });
         this.stepperState.setSteps(this.stepsArray.map(s => s.step));
         this.stepperState.activeStep$.subscribe(step => this.activeStep = step);
     }