clr-angular-static-fix/wizard/wizard.html

1. Install Clarity Icons package through npm:

<!--
  ~ Copyright (c) 2016-2018 VMware, Inc. All Rights Reserved.
  ~ This software is released under MIT license.
  ~ The full license information can be found in LICENSE in the root directory of this project.
  -->

<!--todo: deprecate clrModalGhostPageState after 0.12-->
<clr-modal
    [clrModalOpen]="_open"
    [clrModalSize]="size"
    [clrModalClosable]="closable"
    [clrModalStaticBackdrop]="true"
    [clrModalSkipAnimation]="stopModalAnimations"
    [clrModalGhostPageState]="ghostPageState"
    [clrModalOverrideScrollService]="isStatic"
    [clrModalPreventClose]="true"
    (clrModalAlternateClose)="modalCancel()">

    <nav class="modal-nav clr-wizard-stepnav-wrapper">
        <h3 class="clr-wizard-title"><ng-content select="clr-wizard-title"></ng-content></h3>
        <clr-wizard-stepnav></clr-wizard-stepnav>
    </nav>

    <h3 class="modal-title">
        <span class="modal-title-text">
            <ng-template [ngTemplateOutlet]="navService.currentPageTitle"></ng-template>
        </span>

        <div class="modal-header-actions-wrapper" *ngIf="headerActionService.displayHeaderActionsWrapper">
            <div *ngIf="headerActionService.showWizardHeaderActions">
                <ng-content select="clr-wizard-header-action"></ng-content>
            </div>
            <div *ngIf="headerActionService.currentPageHasHeaderActions">
                <ng-template [ngTemplateOutlet]="navService.currentPage.headerActions"></ng-template>
            </div>
        </div>
    </h3>

    <div class="modal-body">
        <main clr-wizard-pages-wrapper class="clr-wizard-content">
            <ng-content></ng-content>
        </main>
    </div>
    <div class="modal-footer clr-wizard-footer">
        <div class="clr-wizard-footer-buttons">
            <div *ngIf="navService.currentPage && !navService.currentPage.hasButtons"
                class="clr-wizard-footer-buttons-wrapper">
                <ng-content select="clr-wizard-button"></ng-content>
            </div>
            <div *ngIf="navService.currentPage && navService.currentPage.hasButtons"
                class="clr-wizard-footer-buttons-wrapper">
                <ng-template [ngTemplateOutlet]="navService.currentPage.buttons"></ng-template>
            </div>
        </div>
    </div>
</clr-modal>