Skip to content

Commit dc79e24

Browse files
committed
fix(stepper): ensure step state is not minified
1 parent e661317 commit dc79e24

File tree

2 files changed

+11
-34
lines changed

2 files changed

+11
-34
lines changed

src/lib/stepper/step-header.html

Lines changed: 1 addition & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -3,45 +3,12 @@
33
[ngSwitch]="state">
44

55
<div class="mat-step-icon-content">
6-
<ng-container *ngSwitchCase="'number'" [ngSwitch]="!!(iconOverrides && iconOverrides.number)">
7-
<ng-container
8-
*ngSwitchCase="true"
9-
[ngTemplateOutlet]="iconOverrides.number"
10-
[ngTemplateOutletContext]="_getIconContext()"></ng-container>
11-
<span *ngSwitchDefault>{{index + 1}}</span>
12-
</ng-container>
13-
14-
<ng-container *ngSwitchCase="'edit'" [ngSwitch]="!!(iconOverrides && iconOverrides.edit)">
15-
<ng-container
16-
*ngSwitchCase="true"
17-
[ngTemplateOutlet]="iconOverrides.edit"
18-
[ngTemplateOutletContext]="_getIconContext()"></ng-container>
19-
<mat-icon *ngSwitchDefault>create</mat-icon>
20-
</ng-container>
21-
22-
<ng-container *ngSwitchCase="'done'" [ngSwitch]="!!(iconOverrides && iconOverrides.done)">
23-
<ng-container
24-
*ngSwitchCase="true"
25-
[ngTemplateOutlet]="iconOverrides.done"
26-
[ngTemplateOutletContext]="_getIconContext()"></ng-container>
27-
<mat-icon *ngSwitchDefault>done</mat-icon>
28-
</ng-container>
29-
30-
<ng-container *ngSwitchCase="'error'" [ngSwitch]="!!(iconOverrides && iconOverrides.error)">
31-
<ng-container
32-
*ngSwitchCase="true"
33-
[ngTemplateOutlet]="iconOverrides.error"
34-
[ngTemplateOutletContext]="_getIconContext()"></ng-container>
35-
<mat-icon *ngSwitchDefault>warning</mat-icon>
36-
</ng-container>
37-
38-
<!-- Custom state. -->
396
<ng-container *ngSwitchDefault [ngSwitch]="!!(iconOverrides && iconOverrides[state])">
407
<ng-container
418
*ngSwitchCase="true"
429
[ngTemplateOutlet]="iconOverrides[state]"
4310
[ngTemplateOutletContext]="_getIconContext()"></ng-container>
44-
<mat-icon *ngSwitchDefault>{{state}}</mat-icon>
11+
<mat-icon *ngSwitchDefault>{{_getDefaultIconForState(state)}}</mat-icon>
4512
</ng-container>
4613
</div>
4714
</div>

src/lib/stepper/step-header.ts

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -101,4 +101,14 @@ export class MatStepHeader extends CdkStepHeader implements OnDestroy {
101101
optional: this.optional
102102
};
103103
}
104+
105+
_getDefaultIconForState(state: string): string {
106+
if (state == 'number') {
107+
return `${this.index + 1}`;
108+
}
109+
return ({
110+
'edit': 'create',
111+
'error': 'warning',
112+
} as {[key: string]: string})[state] || state;
113+
}
104114
}

0 commit comments

Comments
 (0)