@porscheinformatik/material-addons 10.2.3 → 10.2.4

package/bundles/porscheinformatik-material-addons.umd.js

@@ -2154,8 +2154,9 @@
         StepComponent.prototype.ngOnDestroy = function () {
             this._isSelected.unsubscribe();
         };
-        StepComponent.prototype.next = function () {
-            this.stepValidation();
+        StepComponent.prototype.next = function (markFormAsTouched) {
+            if (markFormAsTouched === void 0) { markFormAsTouched = true; }
+            this.stepValidation(markFormAsTouched);
             if (this.onNext.observers.length <= 0) {
                 this.stepper.next();
             }
@@ -2172,7 +2173,7 @@
             this.onHeaderClick.emit(index);
         };
         StepComponent.prototype.completeLast = function () {
-            this.stepValidation();
+            this.stepValidation(true);
             this.stepClosed = true;
             if (this.onDone.observers.length <= 0) {
                 this.stepper.next();
@@ -2184,9 +2185,11 @@
             this.completed = true;
             this.state = stepper.STEP_STATE.DONE;
         };
-        StepComponent.prototype.stepValidation = function () {
+        StepComponent.prototype.stepValidation = function (markFormAsTouched) {
             var _a, _b;
-            (_a = this.stepControl) === null || _a === void 0 ? void 0 : _a.markAllAsTouched();
+            if (markFormAsTouched) {
+                (_a = this.stepControl) === null || _a === void 0 ? void 0 : _a.markAllAsTouched();
+            }
             if ((_b = this.stepControl) === null || _b === void 0 ? void 0 : _b.valid) {
                 this.hasError = false;
                 this.completed = true;
@@ -2445,6 +2448,10 @@
         FlowbarComponent.prototype.ngAfterViewInit = function () {
             this.stepper._getIndicatorType = function () { return 'number'; };
         };
+        FlowbarComponent.prototype.getIndexForActiveStep = function () {
+            var selectedIndex = this._steps.indexOf(this._activeStep);
+            return selectedIndex === -1 ? 0 : selectedIndex;
+        };
         FlowbarComponent.prototype.changeActiveStep = function (step) {
             var previousIndex = this._steps.indexOf(this._activeStep);
             this._activeStep = step;
@@ -2597,8 +2604,8 @@
     FlowbarComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'mad-flowbar',
-                    template: "<div class=\"stepper-container\">\n    <mat-horizontal-stepper #stepper (click)=\"triggerClick()\">\n        <mat-step *ngFor=\"let step of _steps\" [aria-labelledby]=\"!step.enabled ? 'disabled' : null\">\n            <ng-template matStepLabel>\n                <div class=\"step-header-overlay\" *ngIf=\"this._headerClick.observers.length > 0\"  (click)=\"headerClick($event, step)\"></div>\n                <span>{{step.label}}</span>\n            </ng-template>\n        </mat-step>\n    </mat-horizontal-stepper>\n</div>\n",
-                    styles: [".stepper-container{display:flex;padding:0 1rem}::ng-deep .mat-stepper-horizontal .mat-horizontal-stepper-header{height:auto;padding:0}::ng-deep .mat-step-header[aria-labelledby=disabled]{cursor:not-allowed;pointer-events:none!important}::ng-deep .mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 10px}::ng-deep .mat-stepper-horizontal .mat-stepper-horizontal-line{border-top-width:4px;margin:0 5px}.step-header-overlay{height:100%;position:absolute;width:100%}"]
+                    template: "<div class=\"stepper-container\">\n    <mat-horizontal-stepper #stepper [selectedIndex]=\"this.getIndexForActiveStep()\" (click)=\"triggerClick()\">\n        <mat-step *ngFor=\"let step of _steps\" [aria-labelledby]=\"!step.enabled ? 'disabled' : null\">\n            <ng-template matStepLabel>\n                <div class=\"step-header-overlay\" *ngIf=\"this._headerClick.observers.length > 0\"  (click)=\"headerClick($event, step)\"></div>\n                <span>{{step.label}}</span>\n            </ng-template>\n        </mat-step>\n    </mat-horizontal-stepper>\n</div>\n",
+                    styles: [".stepper-container{display:flex;padding:0 1rem}::ng-deep .mat-stepper-horizontal .mat-horizontal-stepper-header{height:auto;padding:0}::ng-deep .mat-step-header[aria-labelledby=disabled]{cursor:not-allowed;pointer-events:none!important}::ng-deep .mat-stepper-horizontal .mat-horizontal-content-container{padding:0 0 10px}::ng-deep .mat-stepper-horizontal .mat-stepper-horizontal-line{border-top-width:4px;margin:0 5px}.step-header-overlay{height:100%;position:absolute;right:0;top:0;width:100%}"]
                 },] }
     ];
     FlowbarComponent.propDecorators = {