<app-root _nghost-sc0="" ng-version="7.2.5">
    <mat-toolbar _ngcontent-sc0="" class="mat-toolbar mat-primary mat-toolbar-single-row" color="primary">
        <span _ngcontent-sc0="">Tour of Heroes</span>
        <button _ngcontent-sc0="" color="primary" mat-flat-button="" routerlink="/dashboard" tabindex="0" class="mat-flat-button mat-primary _mat-animation-noopable">
            <span class="mat-button-wrapper">Dashboard</span>
            <div class="mat-button-ripple mat-ripple" matripple=""></div>
            <div class="mat-button-focus-overlay"></div>
        </button>
        <button _ngcontent-sc0="" color="primary" mat-flat-button="" routerlink="/heroes" tabindex="0" class="mat-flat-button mat-primary _mat-animation-noopable">
            <span class="mat-button-wrapper">Heroes</span>
            <div class="mat-button-ripple mat-ripple" matripple=""></div>
            <div class="mat-button-focus-overlay"></div>
        </button>
    </mat-toolbar>
    <nav _ngcontent-sc0=""></nav>
    <div _ngcontent-sc0="" class="contentWrapper">
        <router-outlet _ngcontent-sc0=""></router-outlet>
        <app-app-shell _nghost-sc3="">
            <div _ngcontent-sc3="" class="fullpage">
                <mat-spinner _ngcontent-sc3="" class="mat-spinner mat-progress-spinner mat-primary mat-progress-spinner-indeterminate-animation _mat-animation-noopable" mode="indeterminate" role="progressbar" style="width:100px;height:100px;">
                    <svg focusable="false" preserveAspectRatio="xMidYMid meet" style="width:100px;height:100px;" viewBox="0 0 100 100">                        <!---->
                        <circle cx="50%" cy="50%" r="45" style="animation-name:mat-progress-spinner-stroke-rotate-100;stroke-dasharray:282.7433388230814px;stroke-width:10%;"></circle>                        <!----></svg>
                </mat-spinner>
            </div>
        </app-app-shell>
    </div>
</app-root>