@lowcodeunit/applications-flow-common 1.39.17-hardening-bugs → 1.39.18-hardening-bugs

package/fesm2020/lowcodeunit-applications-flow-common.mjs

@@ -5790,10 +5790,10 @@ class BreadcrumbComponent {
     }
 }
 BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: EaCService }, { token: i1$4.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
-BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BreadcrumbComponent, selector: "lcu-breadcrumb", inputs: { ApplicationLookup: ["application-lookup", "ApplicationLookup"], Enterprise: ["enterprise", "Enterprise"], Enterprises: ["enterprises", "Enterprises"], Loading: ["loading", "Loading"], Projects: ["projects", "Projects"], ProjectLookup: ["project-lookup", "ProjectLookup"], RoutedApplications: ["routed-application", "RoutedApplications"], SelectedRoute: ["selected-route", "SelectedRoute"], ApplicationsBank: ["applications-bank", "ApplicationsBank"] }, usesOnChanges: true, ngImport: i0, template: "<div class=\"breadcrumb-container\" *ngIf=\"!IsSmScreen\" fxLayout=\"row wrap\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <ng-container *ngIf=\"Loading\">\n            <!-- <mat-icon skeleton-text [effect]=\"SkeletonEffect\">home</mat-icon> -->\n\n            <div skeleton-text [effect]=\"SkeletonEffect\">Enterprise Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"Enterprise && !Loading\">\n            <div class=\"crumb-name\" [routerLink]=\"['/enterprise']\">\n                {{ Enterprise?.Name }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"enterpriseMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #enterpriseMenu=\"matMenu\" xPosition=\"before\">\n                <button\n                    mat-menu-item\n                    [routerLink]=\"['/enterprise']\"\n                    (click)=\"SetActiveEnterprise(ent.Lookup)\"\n                    *ngFor=\"let ent of Enterprises\"\n                >\n                    <span>{{ ent.Name }}</span>\n                </button>\n            </mat-menu>\n        </ng-container>\n    </div>\n\n    <div\n        *ngIf=\"ProjectLookup && SelectedProject\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"center center\"\n    >\n        <span class=\"seperator\">/</span>\n\n        <ng-container *ngIf=\"Loading\">\n            <div skeleton-text [effect]=\"SkeletonEffect\">Project Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"!Loading\">\n            <div class=\"crumb-name\" [routerLink]=\"['/project', ProjectLookup]\">\n                {{ SelectedProject?.Project?.Name }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"projectMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #projectMenu=\"matMenu\" xPosition=\"before\">\n                <button\n                    mat-menu-item\n                    *ngFor=\"let projectLookup of ProjectLookups\"\n                    [routerLink]=\"['/project', projectLookup]\"\n                >\n                    <span *ngIf=\"Projects[projectLookup]; let pro\">{{\n                        pro.Project?.Name\n                    }}</span>\n                </button>\n            </mat-menu>\n        </ng-container>\n    </div>\n\n    <div *ngIf=\"SelectedRoute\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <span class=\"seperator\">/</span>\n\n        <ng-container *ngIf=\"Loading\">\n            <div skeleton-text [effect]=\"SkeletonEffect\">Route Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"!Loading\">\n            <div\n                class=\"crumb-name\"\n                [routerLink]=\"['/route', SelectedRoute, ProjectLookup]\"\n            >\n                {{ SelectedRoute }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"routeMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #routeMenu=\"matMenu\" xPosition=\"before\">\n                <button\n                    mat-menu-item\n                    *ngFor=\"let appRoute of Routes\"\n                    [routerLink]=\"['/route', appRoute, ProjectLookup]\"\n                >\n                    <span *ngIf=\"appRoute\">{{ appRoute }}</span>\n                </button>\n            </mat-menu>\n        </ng-container>\n    </div>\n\n    <div\n        *ngIf=\"SelectedApplication && ApplicationLookup\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"center center\"\n    >\n        <span class=\"seperator\">/</span>\n\n        <ng-container *ngIf=\"Loading\">\n            <div skeleton-text [effect]=\"SkeletonEffect\">Application Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"!Loading\">\n            <div\n                class=\"crumb-name\"\n                [routerLink]=\"[\n                    '/application',\n                    ApplicationLookup,\n                    SelectedRoute,\n                    ProjectLookup\n                ]\"\n            >\n                {{ SelectedApplication?.Application?.Name }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"applicationMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #applicationMenu=\"matMenu\" xPosition=\"before\">\n                <button\n                    mat-menu-item\n                    *ngFor=\"let appLookup of CurrentRouteApplicationLookups\"\n                    [routerLink]=\"[\n                        '/application',\n                        appLookup,\n                        SelectedRoute,\n                        ProjectLookup\n                    ]\"\n                >\n                    <span\n                        *ngIf=\"\n                            RoutedApplications[SelectedRoute][appLookup];\n                            let app\n                        \"\n                        >{{ app.Application?.Name }}</span\n                    >\n                </button>\n            </mat-menu>\n        </ng-container>\n    </div>\n</div>\n\n<!-- MOBILE VIEW -->\n\n<div\n    class=\"breadcrumb-container\"\n    *ngIf=\"IsSmScreen\"\n    fxLayout=\"row\"\n    fxLayoutAlign=\"start center\"\n>\n    <ng-container *ngIf=\"Loading\">\n        <mat-icon skeleton-text [effect]=\"SkeletonEffect\"\n            >chevron_left</mat-icon\n        >\n\n        <div skeleton-text [effect]=\"SkeletonEffect\">Current Path</div>\n\n        <mat-icon skeleton-text [effect]=\"SkeletonEffect\">expand_more</mat-icon>\n    </ng-container>\n\n    <ng-container *ngIf=\"!Loading\">\n        <button\n            *ngIf=\"ReturnRouterLink\"\n            mat-icon-button\n            [routerLink]=\"ReturnRouterLink\"\n        >\n            <mat-icon>chevron_left</mat-icon>\n        </button>\n        <ng-container [ngSwitch]=\"CurrentLevel\">\n            <ng-container *ngSwitchCase=\"'ent'\">\n                <div class=\"crumb-name\" [routerLink]=\"['/enterprise']\">\n                    <!-- <mat-icon>home</mat-icon> -->\n\n                    {{ Enterprise?.Name }}\n                </div>\n\n                <button mat-icon-button [matMenuTriggerFor]=\"enterpriseMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #enterpriseMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        [routerLink]=\"['/enterprise']\"\n                        (click)=\"SetActiveEnterprise(ent.Lookup)\"\n                        *ngFor=\"let ent of Enterprises\"\n                    >\n                        <span>{{ ent.Name }}</span>\n                    </button>\n                </mat-menu>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'project'\">\n                <div\n                    class=\"crumb-name\"\n                    [routerLink]=\"['/project', ProjectLookup]\"\n                >\n                    {{ SelectedProject?.Project?.Name }}\n                </div>\n\n                <button mat-icon-button [matMenuTriggerFor]=\"projectMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #projectMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let projectLookup of ProjectLookups\"\n                        [routerLink]=\"['/project', projectLookup]\"\n                    >\n                        <span *ngIf=\"Projects[projectLookup]; let pro\">{{\n                            pro.Project?.Name\n                        }}</span>\n                    </button>\n                </mat-menu>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'route'\">\n                <div\n                    class=\"crumb-name\"\n                    [routerLink]=\"['/route', SelectedRoute, ProjectLookup]\"\n                >\n                    {{ SelectedRoute }}\n                </div>\n\n                <button mat-icon-button [matMenuTriggerFor]=\"routeMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #routeMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let appRoute of Routes\"\n                        [routerLink]=\"['/route', appRoute, ProjectLookup]\"\n                    >\n                        <span *ngIf=\"appRoute\">{{ appRoute }}</span>\n                    </button>\n                </mat-menu>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'app'\">\n                <div\n                    class=\"crumb-name\"\n                    [routerLink]=\"[\n                        '/application',\n                        ApplicationLookup,\n                        SelectedRoute,\n                        ProjectLookup\n                    ]\"\n                >\n                    {{ SelectedApplication?.Application?.Name }}\n                </div>\n                <button mat-icon-button [matMenuTriggerFor]=\"applicationMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #applicationMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let appLookup of CurrentRouteApplicationLookups\"\n                        [routerLink]=\"[\n                            '/application',\n                            appLookup,\n                            SelectedRoute,\n                            ProjectLookup\n                        ]\"\n                    >\n                        <span\n                            *ngIf=\"\n                                RoutedApplications[SelectedRoute][appLookup];\n                                let app\n                            \"\n                            >{{ app.Application?.Name }}</span\n                        >\n                    </button>\n                </mat-menu>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</div>\n", styles: [":host ::ng-deep .breadcrumb-container{background-color:#ebecf0;margin:20px 20px 0}:host ::ng-deep .seperator{font-size:25px;padding:10px}:host ::ng-deep .crumb-name{cursor:pointer}:host ::ng-deep .mat-icon{display:inline-flex;vertical-align:middle}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i5$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7$3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7$3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3$1.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i7.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i5$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i9.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i9.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
+BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BreadcrumbComponent, selector: "lcu-breadcrumb", inputs: { ApplicationLookup: ["application-lookup", "ApplicationLookup"], Enterprise: ["enterprise", "Enterprise"], Enterprises: ["enterprises", "Enterprises"], Loading: ["loading", "Loading"], Projects: ["projects", "Projects"], ProjectLookup: ["project-lookup", "ProjectLookup"], RoutedApplications: ["routed-application", "RoutedApplications"], SelectedRoute: ["selected-route", "SelectedRoute"], ApplicationsBank: ["applications-bank", "ApplicationsBank"] }, usesOnChanges: true, ngImport: i0, template: "<div class=\"breadcrumb-container\" *ngIf=\"!IsSmScreen\" fxLayout=\"row wrap\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <ng-container *ngIf=\"Loading\">\n            <!-- <mat-icon skeleton-text [effect]=\"SkeletonEffect\">home</mat-icon> -->\n\n            <div skeleton-text [effect]=\"SkeletonEffect\">Enterprise Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"Enterprise && !Loading\">\n            <div class=\"crumb-name\" [routerLink]=\"['/enterprise']\">\n                {{ Enterprise?.Name }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"enterpriseMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #enterpriseMenu=\"matMenu\" xPosition=\"before\">\n                <button\n                    mat-menu-item\n                    [routerLink]=\"['/enterprise']\"\n                    (click)=\"SetActiveEnterprise(ent.Lookup)\"\n                    *ngFor=\"let ent of Enterprises\"\n                    [matTooltip]=\"ent.Name\"\n                >\n                    <span>{{ ent.Name }}</span>\n                </button>\n            </mat-menu>\n        </ng-container>\n    </div>\n\n    <div\n        *ngIf=\"ProjectLookup && SelectedProject\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"center center\"\n    >\n        <span class=\"seperator\">/</span>\n\n        <ng-container *ngIf=\"Loading\">\n            <div skeleton-text [effect]=\"SkeletonEffect\">Project Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"!Loading\">\n            <div class=\"crumb-name\" [routerLink]=\"['/project', ProjectLookup]\">\n                {{ SelectedProject?.Project?.Name }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"projectMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #projectMenu=\"matMenu\" xPosition=\"before\">\n                <ng-container *ngFor=\"let projectLookup of ProjectLookups\">\n                    <button\n                        mat-menu-item\n                        *ngIf=\"Projects[projectLookup]; let pro\"\n                        [matTooltip]=\"pro.Project?.Name\"\n                        [routerLink]=\"['/project', projectLookup]\"\n                    >\n                        <span>{{ pro.Project?.Name }}</span>\n                    </button>\n                </ng-container>\n            </mat-menu>\n        </ng-container>\n    </div>\n\n    <div *ngIf=\"SelectedRoute\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <span class=\"seperator\">/</span>\n\n        <ng-container *ngIf=\"Loading\">\n            <div skeleton-text [effect]=\"SkeletonEffect\">Route Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"!Loading\">\n            <div\n                class=\"crumb-name\"\n                [routerLink]=\"['/route', SelectedRoute, ProjectLookup]\"\n            >\n                {{ SelectedRoute }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"routeMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #routeMenu=\"matMenu\" xPosition=\"before\">\n                <ng-container *ngFor=\"let appRoute of Routes\">\n                    <button\n                        mat-menu-item\n                        [routerLink]=\"['/route', appRoute, ProjectLookup]\"\n                        [matTooltip]=\"appRoute\"\n                    >\n                        <span *ngIf=\"appRoute\">{{ appRoute }}</span>\n                    </button>\n                </ng-container>\n            </mat-menu>\n        </ng-container>\n    </div>\n\n    <div\n        *ngIf=\"SelectedApplication && ApplicationLookup\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"center center\"\n    >\n        <span class=\"seperator\">/</span>\n\n        <ng-container *ngIf=\"Loading\">\n            <div skeleton-text [effect]=\"SkeletonEffect\">Application Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"!Loading\">\n            <div\n                class=\"crumb-name\"\n                [routerLink]=\"[\n                    '/application',\n                    ApplicationLookup,\n                    SelectedRoute,\n                    ProjectLookup\n                ]\"\n            >\n                {{ SelectedApplication?.Application?.Name }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"applicationMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #applicationMenu=\"matMenu\" xPosition=\"before\">\n                <ng-container\n                    *ngFor=\"let appLookup of CurrentRouteApplicationLookups\"\n                >\n                    <button\n                        mat-menu-item\n                        [routerLink]=\"[\n                            '/application',\n                            appLookup,\n                            SelectedRoute,\n                            ProjectLookup\n                        ]\"\n                        *ngIf=\"\n                            RoutedApplications[SelectedRoute][appLookup];\n                            let app\n                        \"\n                        [matTooltip]=\"app.Application?.Name\"\n                    >\n                        <span>{{ app.Application?.Name }}</span>\n                    </button>\n                </ng-container>\n            </mat-menu>\n        </ng-container>\n    </div>\n</div>\n\n<!-- MOBILE VIEW -->\n\n<div\n    class=\"breadcrumb-container\"\n    *ngIf=\"IsSmScreen\"\n    fxLayout=\"row\"\n    fxLayoutAlign=\"start center\"\n>\n    <ng-container *ngIf=\"Loading\">\n        <mat-icon skeleton-text [effect]=\"SkeletonEffect\"\n            >chevron_left</mat-icon\n        >\n\n        <div skeleton-text [effect]=\"SkeletonEffect\">Current Path</div>\n\n        <mat-icon skeleton-text [effect]=\"SkeletonEffect\">expand_more</mat-icon>\n    </ng-container>\n\n    <ng-container *ngIf=\"!Loading\">\n        <button\n            *ngIf=\"ReturnRouterLink\"\n            mat-icon-button\n            [routerLink]=\"ReturnRouterLink\"\n        >\n            <mat-icon>chevron_left</mat-icon>\n        </button>\n        <ng-container [ngSwitch]=\"CurrentLevel\">\n            <ng-container *ngSwitchCase=\"'ent'\">\n                <div class=\"crumb-name\" [routerLink]=\"['/enterprise']\">\n                    <!-- <mat-icon>home</mat-icon> -->\n\n                    {{ Enterprise?.Name }}\n                </div>\n\n                <button mat-icon-button [matMenuTriggerFor]=\"enterpriseMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #enterpriseMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        [routerLink]=\"['/enterprise']\"\n                        (click)=\"SetActiveEnterprise(ent.Lookup)\"\n                        *ngFor=\"let ent of Enterprises\"\n                    >\n                        <span>{{ ent.Name }}</span>\n                    </button>\n                </mat-menu>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'project'\">\n                <div\n                    class=\"crumb-name\"\n                    [routerLink]=\"['/project', ProjectLookup]\"\n                >\n                    {{ SelectedProject?.Project?.Name }}\n                </div>\n\n                <button mat-icon-button [matMenuTriggerFor]=\"projectMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #projectMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let projectLookup of ProjectLookups\"\n                        [routerLink]=\"['/project', projectLookup]\"\n                    >\n                        <span *ngIf=\"Projects[projectLookup]; let pro\">{{\n                            pro.Project?.Name\n                        }}</span>\n                    </button>\n                </mat-menu>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'route'\">\n                <div\n                    class=\"crumb-name\"\n                    [routerLink]=\"['/route', SelectedRoute, ProjectLookup]\"\n                >\n                    {{ SelectedRoute }}\n                </div>\n\n                <button mat-icon-button [matMenuTriggerFor]=\"routeMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #routeMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let appRoute of Routes\"\n                        [routerLink]=\"['/route', appRoute, ProjectLookup]\"\n                    >\n                        <span *ngIf=\"appRoute\">{{ appRoute }}</span>\n                    </button>\n                </mat-menu>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'app'\">\n                <div\n                    class=\"crumb-name\"\n                    [routerLink]=\"[\n                        '/application',\n                        ApplicationLookup,\n                        SelectedRoute,\n                        ProjectLookup\n                    ]\"\n                >\n                    {{ SelectedApplication?.Application?.Name }}\n                </div>\n                <button mat-icon-button [matMenuTriggerFor]=\"applicationMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #applicationMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let appLookup of CurrentRouteApplicationLookups\"\n                        [routerLink]=\"[\n                            '/application',\n                            appLookup,\n                            SelectedRoute,\n                            ProjectLookup\n                        ]\"\n                    >\n                        <span\n                            *ngIf=\"\n                                RoutedApplications[SelectedRoute][appLookup];\n                                let app\n                            \"\n                            >{{ app.Application?.Name }}</span\n                        >\n                    </button>\n                </mat-menu>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</div>\n", styles: [":host ::ng-deep .breadcrumb-container{background-color:#ebecf0;margin:20px 20px 0}:host ::ng-deep .seperator{font-size:25px;padding:10px}:host ::ng-deep .crumb-name{cursor:pointer}:host ::ng-deep .mat-icon{display:inline-flex;vertical-align:middle}\n"], components: [{ type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i5$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7$3.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i7$3.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3$1.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i7.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i5$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7$2.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i9.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i9.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lcu-breadcrumb', template: "<div class=\"breadcrumb-container\" *ngIf=\"!IsSmScreen\" fxLayout=\"row wrap\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <ng-container *ngIf=\"Loading\">\n            <!-- <mat-icon skeleton-text [effect]=\"SkeletonEffect\">home</mat-icon> -->\n\n            <div skeleton-text [effect]=\"SkeletonEffect\">Enterprise Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"Enterprise && !Loading\">\n            <div class=\"crumb-name\" [routerLink]=\"['/enterprise']\">\n                {{ Enterprise?.Name }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"enterpriseMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #enterpriseMenu=\"matMenu\" xPosition=\"before\">\n                <button\n                    mat-menu-item\n                    [routerLink]=\"['/enterprise']\"\n                    (click)=\"SetActiveEnterprise(ent.Lookup)\"\n                    *ngFor=\"let ent of Enterprises\"\n                >\n                    <span>{{ ent.Name }}</span>\n                </button>\n            </mat-menu>\n        </ng-container>\n    </div>\n\n    <div\n        *ngIf=\"ProjectLookup && SelectedProject\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"center center\"\n    >\n        <span class=\"seperator\">/</span>\n\n        <ng-container *ngIf=\"Loading\">\n            <div skeleton-text [effect]=\"SkeletonEffect\">Project Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"!Loading\">\n            <div class=\"crumb-name\" [routerLink]=\"['/project', ProjectLookup]\">\n                {{ SelectedProject?.Project?.Name }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"projectMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #projectMenu=\"matMenu\" xPosition=\"before\">\n                <button\n                    mat-menu-item\n                    *ngFor=\"let projectLookup of ProjectLookups\"\n                    [routerLink]=\"['/project', projectLookup]\"\n                >\n                    <span *ngIf=\"Projects[projectLookup]; let pro\">{{\n                        pro.Project?.Name\n                    }}</span>\n                </button>\n            </mat-menu>\n        </ng-container>\n    </div>\n\n    <div *ngIf=\"SelectedRoute\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <span class=\"seperator\">/</span>\n\n        <ng-container *ngIf=\"Loading\">\n            <div skeleton-text [effect]=\"SkeletonEffect\">Route Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"!Loading\">\n            <div\n                class=\"crumb-name\"\n                [routerLink]=\"['/route', SelectedRoute, ProjectLookup]\"\n            >\n                {{ SelectedRoute }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"routeMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #routeMenu=\"matMenu\" xPosition=\"before\">\n                <button\n                    mat-menu-item\n                    *ngFor=\"let appRoute of Routes\"\n                    [routerLink]=\"['/route', appRoute, ProjectLookup]\"\n                >\n                    <span *ngIf=\"appRoute\">{{ appRoute }}</span>\n                </button>\n            </mat-menu>\n        </ng-container>\n    </div>\n\n    <div\n        *ngIf=\"SelectedApplication && ApplicationLookup\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"center center\"\n    >\n        <span class=\"seperator\">/</span>\n\n        <ng-container *ngIf=\"Loading\">\n            <div skeleton-text [effect]=\"SkeletonEffect\">Application Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"!Loading\">\n            <div\n                class=\"crumb-name\"\n                [routerLink]=\"[\n                    '/application',\n                    ApplicationLookup,\n                    SelectedRoute,\n                    ProjectLookup\n                ]\"\n            >\n                {{ SelectedApplication?.Application?.Name }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"applicationMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #applicationMenu=\"matMenu\" xPosition=\"before\">\n                <button\n                    mat-menu-item\n                    *ngFor=\"let appLookup of CurrentRouteApplicationLookups\"\n                    [routerLink]=\"[\n                        '/application',\n                        appLookup,\n                        SelectedRoute,\n                        ProjectLookup\n                    ]\"\n                >\n                    <span\n                        *ngIf=\"\n                            RoutedApplications[SelectedRoute][appLookup];\n                            let app\n                        \"\n                        >{{ app.Application?.Name }}</span\n                    >\n                </button>\n            </mat-menu>\n        </ng-container>\n    </div>\n</div>\n\n<!-- MOBILE VIEW -->\n\n<div\n    class=\"breadcrumb-container\"\n    *ngIf=\"IsSmScreen\"\n    fxLayout=\"row\"\n    fxLayoutAlign=\"start center\"\n>\n    <ng-container *ngIf=\"Loading\">\n        <mat-icon skeleton-text [effect]=\"SkeletonEffect\"\n            >chevron_left</mat-icon\n        >\n\n        <div skeleton-text [effect]=\"SkeletonEffect\">Current Path</div>\n\n        <mat-icon skeleton-text [effect]=\"SkeletonEffect\">expand_more</mat-icon>\n    </ng-container>\n\n    <ng-container *ngIf=\"!Loading\">\n        <button\n            *ngIf=\"ReturnRouterLink\"\n            mat-icon-button\n            [routerLink]=\"ReturnRouterLink\"\n        >\n            <mat-icon>chevron_left</mat-icon>\n        </button>\n        <ng-container [ngSwitch]=\"CurrentLevel\">\n            <ng-container *ngSwitchCase=\"'ent'\">\n                <div class=\"crumb-name\" [routerLink]=\"['/enterprise']\">\n                    <!-- <mat-icon>home</mat-icon> -->\n\n                    {{ Enterprise?.Name }}\n                </div>\n\n                <button mat-icon-button [matMenuTriggerFor]=\"enterpriseMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #enterpriseMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        [routerLink]=\"['/enterprise']\"\n                        (click)=\"SetActiveEnterprise(ent.Lookup)\"\n                        *ngFor=\"let ent of Enterprises\"\n                    >\n                        <span>{{ ent.Name }}</span>\n                    </button>\n                </mat-menu>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'project'\">\n                <div\n                    class=\"crumb-name\"\n                    [routerLink]=\"['/project', ProjectLookup]\"\n                >\n                    {{ SelectedProject?.Project?.Name }}\n                </div>\n\n                <button mat-icon-button [matMenuTriggerFor]=\"projectMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #projectMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let projectLookup of ProjectLookups\"\n                        [routerLink]=\"['/project', projectLookup]\"\n                    >\n                        <span *ngIf=\"Projects[projectLookup]; let pro\">{{\n                            pro.Project?.Name\n                        }}</span>\n                    </button>\n                </mat-menu>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'route'\">\n                <div\n                    class=\"crumb-name\"\n                    [routerLink]=\"['/route', SelectedRoute, ProjectLookup]\"\n                >\n                    {{ SelectedRoute }}\n                </div>\n\n                <button mat-icon-button [matMenuTriggerFor]=\"routeMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #routeMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let appRoute of Routes\"\n                        [routerLink]=\"['/route', appRoute, ProjectLookup]\"\n                    >\n                        <span *ngIf=\"appRoute\">{{ appRoute }}</span>\n                    </button>\n                </mat-menu>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'app'\">\n                <div\n                    class=\"crumb-name\"\n                    [routerLink]=\"[\n                        '/application',\n                        ApplicationLookup,\n                        SelectedRoute,\n                        ProjectLookup\n                    ]\"\n                >\n                    {{ SelectedApplication?.Application?.Name }}\n                </div>\n                <button mat-icon-button [matMenuTriggerFor]=\"applicationMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #applicationMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let appLookup of CurrentRouteApplicationLookups\"\n                        [routerLink]=\"[\n                            '/application',\n                            appLookup,\n                            SelectedRoute,\n                            ProjectLookup\n                        ]\"\n                    >\n                        <span\n                            *ngIf=\"\n                                RoutedApplications[SelectedRoute][appLookup];\n                                let app\n                            \"\n                            >{{ app.Application?.Name }}</span\n                        >\n                    </button>\n                </mat-menu>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</div>\n", styles: [":host ::ng-deep .breadcrumb-container{background-color:#ebecf0;margin:20px 20px 0}:host ::ng-deep .seperator{font-size:25px;padding:10px}:host ::ng-deep .crumb-name{cursor:pointer}:host ::ng-deep .mat-icon{display:inline-flex;vertical-align:middle}\n"] }]
+            args: [{ selector: 'lcu-breadcrumb', template: "<div class=\"breadcrumb-container\" *ngIf=\"!IsSmScreen\" fxLayout=\"row wrap\">\n    <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <ng-container *ngIf=\"Loading\">\n            <!-- <mat-icon skeleton-text [effect]=\"SkeletonEffect\">home</mat-icon> -->\n\n            <div skeleton-text [effect]=\"SkeletonEffect\">Enterprise Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"Enterprise && !Loading\">\n            <div class=\"crumb-name\" [routerLink]=\"['/enterprise']\">\n                {{ Enterprise?.Name }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"enterpriseMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #enterpriseMenu=\"matMenu\" xPosition=\"before\">\n                <button\n                    mat-menu-item\n                    [routerLink]=\"['/enterprise']\"\n                    (click)=\"SetActiveEnterprise(ent.Lookup)\"\n                    *ngFor=\"let ent of Enterprises\"\n                    [matTooltip]=\"ent.Name\"\n                >\n                    <span>{{ ent.Name }}</span>\n                </button>\n            </mat-menu>\n        </ng-container>\n    </div>\n\n    <div\n        *ngIf=\"ProjectLookup && SelectedProject\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"center center\"\n    >\n        <span class=\"seperator\">/</span>\n\n        <ng-container *ngIf=\"Loading\">\n            <div skeleton-text [effect]=\"SkeletonEffect\">Project Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"!Loading\">\n            <div class=\"crumb-name\" [routerLink]=\"['/project', ProjectLookup]\">\n                {{ SelectedProject?.Project?.Name }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"projectMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #projectMenu=\"matMenu\" xPosition=\"before\">\n                <ng-container *ngFor=\"let projectLookup of ProjectLookups\">\n                    <button\n                        mat-menu-item\n                        *ngIf=\"Projects[projectLookup]; let pro\"\n                        [matTooltip]=\"pro.Project?.Name\"\n                        [routerLink]=\"['/project', projectLookup]\"\n                    >\n                        <span>{{ pro.Project?.Name }}</span>\n                    </button>\n                </ng-container>\n            </mat-menu>\n        </ng-container>\n    </div>\n\n    <div *ngIf=\"SelectedRoute\" fxLayout=\"row\" fxLayoutAlign=\"center center\">\n        <span class=\"seperator\">/</span>\n\n        <ng-container *ngIf=\"Loading\">\n            <div skeleton-text [effect]=\"SkeletonEffect\">Route Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"!Loading\">\n            <div\n                class=\"crumb-name\"\n                [routerLink]=\"['/route', SelectedRoute, ProjectLookup]\"\n            >\n                {{ SelectedRoute }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"routeMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #routeMenu=\"matMenu\" xPosition=\"before\">\n                <ng-container *ngFor=\"let appRoute of Routes\">\n                    <button\n                        mat-menu-item\n                        [routerLink]=\"['/route', appRoute, ProjectLookup]\"\n                        [matTooltip]=\"appRoute\"\n                    >\n                        <span *ngIf=\"appRoute\">{{ appRoute }}</span>\n                    </button>\n                </ng-container>\n            </mat-menu>\n        </ng-container>\n    </div>\n\n    <div\n        *ngIf=\"SelectedApplication && ApplicationLookup\"\n        fxLayout=\"row\"\n        fxLayoutAlign=\"center center\"\n    >\n        <span class=\"seperator\">/</span>\n\n        <ng-container *ngIf=\"Loading\">\n            <div skeleton-text [effect]=\"SkeletonEffect\">Application Name</div>\n        </ng-container>\n\n        <ng-container *ngIf=\"!Loading\">\n            <div\n                class=\"crumb-name\"\n                [routerLink]=\"[\n                    '/application',\n                    ApplicationLookup,\n                    SelectedRoute,\n                    ProjectLookup\n                ]\"\n            >\n                {{ SelectedApplication?.Application?.Name }}\n            </div>\n\n            <button mat-icon-button [matMenuTriggerFor]=\"applicationMenu\">\n                <mat-icon>expand_more</mat-icon>\n            </button>\n\n            <mat-menu #applicationMenu=\"matMenu\" xPosition=\"before\">\n                <ng-container\n                    *ngFor=\"let appLookup of CurrentRouteApplicationLookups\"\n                >\n                    <button\n                        mat-menu-item\n                        [routerLink]=\"[\n                            '/application',\n                            appLookup,\n                            SelectedRoute,\n                            ProjectLookup\n                        ]\"\n                        *ngIf=\"\n                            RoutedApplications[SelectedRoute][appLookup];\n                            let app\n                        \"\n                        [matTooltip]=\"app.Application?.Name\"\n                    >\n                        <span>{{ app.Application?.Name }}</span>\n                    </button>\n                </ng-container>\n            </mat-menu>\n        </ng-container>\n    </div>\n</div>\n\n<!-- MOBILE VIEW -->\n\n<div\n    class=\"breadcrumb-container\"\n    *ngIf=\"IsSmScreen\"\n    fxLayout=\"row\"\n    fxLayoutAlign=\"start center\"\n>\n    <ng-container *ngIf=\"Loading\">\n        <mat-icon skeleton-text [effect]=\"SkeletonEffect\"\n            >chevron_left</mat-icon\n        >\n\n        <div skeleton-text [effect]=\"SkeletonEffect\">Current Path</div>\n\n        <mat-icon skeleton-text [effect]=\"SkeletonEffect\">expand_more</mat-icon>\n    </ng-container>\n\n    <ng-container *ngIf=\"!Loading\">\n        <button\n            *ngIf=\"ReturnRouterLink\"\n            mat-icon-button\n            [routerLink]=\"ReturnRouterLink\"\n        >\n            <mat-icon>chevron_left</mat-icon>\n        </button>\n        <ng-container [ngSwitch]=\"CurrentLevel\">\n            <ng-container *ngSwitchCase=\"'ent'\">\n                <div class=\"crumb-name\" [routerLink]=\"['/enterprise']\">\n                    <!-- <mat-icon>home</mat-icon> -->\n\n                    {{ Enterprise?.Name }}\n                </div>\n\n                <button mat-icon-button [matMenuTriggerFor]=\"enterpriseMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #enterpriseMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        [routerLink]=\"['/enterprise']\"\n                        (click)=\"SetActiveEnterprise(ent.Lookup)\"\n                        *ngFor=\"let ent of Enterprises\"\n                    >\n                        <span>{{ ent.Name }}</span>\n                    </button>\n                </mat-menu>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'project'\">\n                <div\n                    class=\"crumb-name\"\n                    [routerLink]=\"['/project', ProjectLookup]\"\n                >\n                    {{ SelectedProject?.Project?.Name }}\n                </div>\n\n                <button mat-icon-button [matMenuTriggerFor]=\"projectMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #projectMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let projectLookup of ProjectLookups\"\n                        [routerLink]=\"['/project', projectLookup]\"\n                    >\n                        <span *ngIf=\"Projects[projectLookup]; let pro\">{{\n                            pro.Project?.Name\n                        }}</span>\n                    </button>\n                </mat-menu>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'route'\">\n                <div\n                    class=\"crumb-name\"\n                    [routerLink]=\"['/route', SelectedRoute, ProjectLookup]\"\n                >\n                    {{ SelectedRoute }}\n                </div>\n\n                <button mat-icon-button [matMenuTriggerFor]=\"routeMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #routeMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let appRoute of Routes\"\n                        [routerLink]=\"['/route', appRoute, ProjectLookup]\"\n                    >\n                        <span *ngIf=\"appRoute\">{{ appRoute }}</span>\n                    </button>\n                </mat-menu>\n            </ng-container>\n\n            <ng-container *ngSwitchCase=\"'app'\">\n                <div\n                    class=\"crumb-name\"\n                    [routerLink]=\"[\n                        '/application',\n                        ApplicationLookup,\n                        SelectedRoute,\n                        ProjectLookup\n                    ]\"\n                >\n                    {{ SelectedApplication?.Application?.Name }}\n                </div>\n                <button mat-icon-button [matMenuTriggerFor]=\"applicationMenu\">\n                    <mat-icon>expand_more</mat-icon>\n                </button>\n\n                <mat-menu #applicationMenu=\"matMenu\" xPosition=\"before\">\n                    <button\n                        mat-menu-item\n                        *ngFor=\"let appLookup of CurrentRouteApplicationLookups\"\n                        [routerLink]=\"[\n                            '/application',\n                            appLookup,\n                            SelectedRoute,\n                            ProjectLookup\n                        ]\"\n                    >\n                        <span\n                            *ngIf=\"\n                                RoutedApplications[SelectedRoute][appLookup];\n                                let app\n                            \"\n                            >{{ app.Application?.Name }}</span\n                        >\n                    </button>\n                </mat-menu>\n            </ng-container>\n        </ng-container>\n    </ng-container>\n</div>\n", styles: [":host ::ng-deep .breadcrumb-container{background-color:#ebecf0;margin:20px 20px 0}:host ::ng-deep .seperator{font-size:25px;padding:10px}:host ::ng-deep .crumb-name{cursor:pointer}:host ::ng-deep .mat-icon{display:inline-flex;vertical-align:middle}\n"] }]
         }], ctorParameters: function () { return [{ type: EaCService }, { type: i1$4.BreakpointObserver }]; }, propDecorators: { ApplicationLookup: [{
                 type: Input,
                 args: ['application-lookup']