@lowcodeunit/applications-flow-common 1.37.45-integration → 1.37.46-new-ent-page

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5658,7 +5658,7 @@ class BreadcrumbComponent {
5658
5658
  this.handleStateChange().then((eac) => { });
5659
5659
  }
5660
5660
  ngOnChanges() {
5661
- console.log('ent path bc: ', this.EnterprisePath);
5661
+ // console.log('ent path bc: ', this.EnterprisePath);
5662
5662
  }
5663
5663
  SetActiveEnterprise(entLookup) {
5664
5664
  this.eacSvc.SetActiveEnterprise(entLookup).then(() => { });
@@ -5666,14 +5666,11 @@ class BreadcrumbComponent {
5666
5666
  async handleStateChange() { }
5667
5667
  }
5668
5668
  BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: EaCService }], target: i0.ɵɵFactoryTarget.Component });
5669
- BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BreadcrumbComponent, selector: "lcu-breadcrumb", inputs: { EnterprisePath: ["enterprise-path", "EnterprisePath"], ApplicationLookup: ["application-lookup", "ApplicationLookup"], ProjectLookup: ["project-lookup", "ProjectLookup"], SelectedRoute: ["selected-route", "SelectedRoute"] }, usesOnChanges: true, ngImport: i0, template: "<div class=\"breadcrumb-container\" fxLayout=\"row wrap\">\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <ng-container *ngIf=\"State.Loading || 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=\"!State.Loading && Enterprise && !Loading\">\n <div class=\"crumb-name\" [routerLink]=\"['/' + EnterprisePath]\">\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 State.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=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Project Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.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=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Route Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.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=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Application Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.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", 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: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: i4$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i8.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: i8.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: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8$2.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i2$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
5669
+ BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BreadcrumbComponent, selector: "lcu-breadcrumb", inputs: { ApplicationLookup: ["application-lookup", "ApplicationLookup"], ProjectLookup: ["project-lookup", "ProjectLookup"], SelectedRoute: ["selected-route", "SelectedRoute"] }, usesOnChanges: true, ngImport: i0, template: "<div class=\"breadcrumb-container\" fxLayout=\"row wrap\">\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <ng-container *ngIf=\"State.Loading || 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=\"!State.Loading && Enterprise && !Loading\">\n <div class=\"crumb-name\" [routerLink]=\"['/']\">\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 State.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=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Project Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.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=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Route Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.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=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Application Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.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", 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: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: i4$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i8.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: i8.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: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8$2.SkeletonTextDirective, selector: "[skeleton-text]", inputs: ["effect"] }, { type: i2$1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
5670
5670
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BreadcrumbComponent, decorators: [{
5671
5671
  type: Component,
5672
- args: [{ selector: 'lcu-breadcrumb', template: "<div class=\"breadcrumb-container\" fxLayout=\"row wrap\">\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <ng-container *ngIf=\"State.Loading || 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=\"!State.Loading && Enterprise && !Loading\">\n <div class=\"crumb-name\" [routerLink]=\"['/' + EnterprisePath]\">\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 State.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=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Project Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.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=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Route Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.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=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Application Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.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", 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"] }]
5673
- }], ctorParameters: function () { return [{ type: EaCService }]; }, propDecorators: { EnterprisePath: [{
5674
- type: Input,
5675
- args: ['enterprise-path']
5676
- }], ApplicationLookup: [{
5672
+ args: [{ selector: 'lcu-breadcrumb', template: "<div class=\"breadcrumb-container\" fxLayout=\"row wrap\">\n <div fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <ng-container *ngIf=\"State.Loading || 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=\"!State.Loading && Enterprise && !Loading\">\n <div class=\"crumb-name\" [routerLink]=\"['/']\">\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 State.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=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Project Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.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=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Route Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.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=\"State?.Loading\">\n <div skeleton-text [effect]=\"SkeletonEffect\">Application Name</div>\n </ng-container>\n\n <ng-container *ngIf=\"!State?.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", 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"] }]
5673
+ }], ctorParameters: function () { return [{ type: EaCService }]; }, propDecorators: { ApplicationLookup: [{
5677
5674
  type: Input,
5678
5675
  args: ['application-lookup']
5679
5676
  }], ProjectLookup: [{
@@ -7406,10 +7403,10 @@ class PageHeaderComponent {
7406
7403
  }
7407
7404
  }
7408
7405
  PageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PageHeaderComponent, deps: [{ token: i1$4.BreakpointObserver }, { token: i2$3.MatDialog }, { token: i2$3.MatDialog }, { token: ProjectService }], target: i0.ɵɵFactoryTarget.Component });
7409
- PageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: PageHeaderComponent, selector: "lcu-page-header", inputs: { State: ["state", "State"], EntPath: ["ent-path", "EntPath"] }, ngImport: i0, template: "<mat-toolbar class=\"social-toolbar\" color=\"primary\">\n <img class=\"logo\" src=\"./assets/svgs/logo.svg\" />\n\n <div fxFlex></div>\n\n <ng-container *ngIf=\"!IsSmScreen\">\n <!-- <a mat-button class=\"toolbar-action\" href=\"/dashboard\">\n <mat-icon>home</mat-icon>\n\n Home\n </a> -->\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/{{ EntPath }}\">\n <mat-icon>view_compact</mat-icon>\n\n Dashboard\n </a>\n\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/krakyn\">\n <mat-icon>account_tree</mat-icon>\n\n Krakyn\n </a>\n\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/discover\">\n <mat-icon> travel_explore </mat-icon>\n\n Discover\n </a>\n\n <button mat-button [matMenuTriggerFor]=\"menu\">\n <mat-icon>help</mat-icon>\n\n Support\n </button>\n <mat-menu #menu=\"matMenu\">\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"/docs\"\n target=\"_blank\"\n >\n Docs\n </a>\n\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"/blog/\"\n target=\"_blank\"\n >\n Blog\n </a>\n\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"https://discord.com/channels/786363505862901760/786363629242155039\"\n target=\"_blank\"\n >\n Discord\n </a>\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"mailto:support@fathym.com\"\n target=\"_blank\"\n >\n Email\n </a>\n </mat-menu>\n\n <button\n mat-icon-button\n matTooltip=\"My Account\"\n disableRipple\n (click)=\"OpenMyAccount()\"\n >\n <mat-icon class=\"user-account\" [inline]=\"true\" disableRipple\n >account_circle</mat-icon\n >\n </button>\n <!-- <a mat-button class=\"toolbar-action\" href=\"/.oauth/logout\">Logout</a> -->\n </ng-container>\n\n <ng-container *ngIf=\"IsSmScreen\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" aria-label=\"menu\">\n <mat-icon>menu</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/{{ EntPath }}\"\n >\n Dashboard\n </a>\n\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/krakyn\"\n >\n Krakyn\n </a>\n\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/discover\"\n >\n Discover\n </a>\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/docs\"\n target=\"_blank\"\n >Docs</a\n >\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/blog/\"\n target=\"_blank\"\n >Blog</a\n >\n <button mat-menu-item disableRipple (click)=\"OpenMyAccount()\">\n My Account\n </button>\n <!-- <a class=\"toolbar-menu-action\" mat-menu-item href=\"/.oauth/logout\"\n >Logout</a\n > -->\n </mat-menu>\n </ng-container>\n</mat-toolbar>\n", styles: [".mat-toolbar{background-color:#4a918e;height:65px}.mat-toolbar .logo{height:60px;width:160px}.mat-toolbar .logo.mobile{width:75px}.mat-toolbar .user-account{font-size:40px;height:40px;width:40px}\n"], components: [{ type: i4$3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab], a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: i4$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i8.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
7406
+ PageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: PageHeaderComponent, selector: "lcu-page-header", inputs: { State: ["state", "State"], EntPath: ["ent-path", "EntPath"] }, ngImport: i0, template: "<mat-toolbar class=\"social-toolbar\" color=\"primary\">\n <img class=\"logo\" src=\"./assets/svgs/logo.svg\" />\n\n <div fxFlex></div>\n\n <ng-container *ngIf=\"!IsSmScreen\">\n <a mat-button class=\"toolbar-action\" href=\"/dashboard\">\n <mat-icon>home</mat-icon>\n\n Home\n </a>\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/enterprise\">\n <mat-icon>view_compact</mat-icon>\n\n Dashboard\n </a>\n\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/krakyn\">\n <mat-icon>account_tree</mat-icon>\n\n Krakyn\n </a>\n\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/discover\">\n <mat-icon> travel_explore </mat-icon>\n\n Discover\n </a>\n\n <button mat-button [matMenuTriggerFor]=\"menu\">\n <mat-icon>help</mat-icon>\n\n Support\n </button>\n <mat-menu #menu=\"matMenu\">\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"/docs\"\n target=\"_blank\"\n >\n Docs\n </a>\n\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"/blog/\"\n target=\"_blank\"\n >\n Blog\n </a>\n\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"https://discord.com/channels/786363505862901760/786363629242155039\"\n target=\"_blank\"\n >\n Discord\n </a>\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"mailto:support@fathym.com\"\n target=\"_blank\"\n >\n Email\n </a>\n </mat-menu>\n\n <button\n mat-icon-button\n matTooltip=\"My Account\"\n disableRipple\n (click)=\"OpenMyAccount()\"\n >\n <mat-icon class=\"user-account\" [inline]=\"true\" disableRipple\n >account_circle</mat-icon\n >\n </button>\n <!-- <a mat-button class=\"toolbar-action\" href=\"/.oauth/logout\">Logout</a> -->\n </ng-container>\n\n <ng-container *ngIf=\"IsSmScreen\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" aria-label=\"menu\">\n <mat-icon>menu</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <a class=\"toolbar-menu-action\" mat-menu-item href=\"/home\"> Home </a>\n <a class=\"toolbar-menu-action\" mat-menu-item href=\"/dashboard\">\n Dashboard\n </a>\n\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/krakyn\"\n >\n Krakyn\n </a>\n\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/discover\"\n >\n Discover\n </a>\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/docs\"\n target=\"_blank\"\n >Docs</a\n >\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/blog/\"\n target=\"_blank\"\n >Blog</a\n >\n <button mat-menu-item disableRipple (click)=\"OpenMyAccount()\">\n My Account\n </button>\n <!-- <a class=\"toolbar-menu-action\" mat-menu-item href=\"/.oauth/logout\"\n >Logout</a\n > -->\n </mat-menu>\n </ng-container>\n</mat-toolbar>\n", styles: [".mat-toolbar{background-color:#4a918e;height:65px}.mat-toolbar .logo{height:60px;width:160px}.mat-toolbar .logo.mobile{width:75px}.mat-toolbar .user-account{font-size:40px;height:40px;width:40px}\n"], components: [{ type: i4$3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i3.MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-icon-button], a[mat-fab], a[mat-mini-fab], a[mat-stroked-button], a[mat-flat-button]", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matButton", "matAnchor"] }, { type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { 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: i4$2.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i4$2.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i8.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4$2.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i12.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
7410
7407
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PageHeaderComponent, decorators: [{
7411
7408
  type: Component,
7412
- args: [{ selector: 'lcu-page-header', template: "<mat-toolbar class=\"social-toolbar\" color=\"primary\">\n <img class=\"logo\" src=\"./assets/svgs/logo.svg\" />\n\n <div fxFlex></div>\n\n <ng-container *ngIf=\"!IsSmScreen\">\n <!-- <a mat-button class=\"toolbar-action\" href=\"/dashboard\">\n <mat-icon>home</mat-icon>\n\n Home\n </a> -->\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/{{ EntPath }}\">\n <mat-icon>view_compact</mat-icon>\n\n Dashboard\n </a>\n\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/krakyn\">\n <mat-icon>account_tree</mat-icon>\n\n Krakyn\n </a>\n\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/discover\">\n <mat-icon> travel_explore </mat-icon>\n\n Discover\n </a>\n\n <button mat-button [matMenuTriggerFor]=\"menu\">\n <mat-icon>help</mat-icon>\n\n Support\n </button>\n <mat-menu #menu=\"matMenu\">\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"/docs\"\n target=\"_blank\"\n >\n Docs\n </a>\n\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"/blog/\"\n target=\"_blank\"\n >\n Blog\n </a>\n\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"https://discord.com/channels/786363505862901760/786363629242155039\"\n target=\"_blank\"\n >\n Discord\n </a>\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"mailto:support@fathym.com\"\n target=\"_blank\"\n >\n Email\n </a>\n </mat-menu>\n\n <button\n mat-icon-button\n matTooltip=\"My Account\"\n disableRipple\n (click)=\"OpenMyAccount()\"\n >\n <mat-icon class=\"user-account\" [inline]=\"true\" disableRipple\n >account_circle</mat-icon\n >\n </button>\n <!-- <a mat-button class=\"toolbar-action\" href=\"/.oauth/logout\">Logout</a> -->\n </ng-container>\n\n <ng-container *ngIf=\"IsSmScreen\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" aria-label=\"menu\">\n <mat-icon>menu</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/{{ EntPath }}\"\n >\n Dashboard\n </a>\n\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/krakyn\"\n >\n Krakyn\n </a>\n\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/discover\"\n >\n Discover\n </a>\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/docs\"\n target=\"_blank\"\n >Docs</a\n >\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/blog/\"\n target=\"_blank\"\n >Blog</a\n >\n <button mat-menu-item disableRipple (click)=\"OpenMyAccount()\">\n My Account\n </button>\n <!-- <a class=\"toolbar-menu-action\" mat-menu-item href=\"/.oauth/logout\"\n >Logout</a\n > -->\n </mat-menu>\n </ng-container>\n</mat-toolbar>\n", styles: [".mat-toolbar{background-color:#4a918e;height:65px}.mat-toolbar .logo{height:60px;width:160px}.mat-toolbar .logo.mobile{width:75px}.mat-toolbar .user-account{font-size:40px;height:40px;width:40px}\n"] }]
7409
+ args: [{ selector: 'lcu-page-header', template: "<mat-toolbar class=\"social-toolbar\" color=\"primary\">\n <img class=\"logo\" src=\"./assets/svgs/logo.svg\" />\n\n <div fxFlex></div>\n\n <ng-container *ngIf=\"!IsSmScreen\">\n <a mat-button class=\"toolbar-action\" href=\"/dashboard\">\n <mat-icon>home</mat-icon>\n\n Home\n </a>\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/enterprise\">\n <mat-icon>view_compact</mat-icon>\n\n Dashboard\n </a>\n\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/krakyn\">\n <mat-icon>account_tree</mat-icon>\n\n Krakyn\n </a>\n\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/discover\">\n <mat-icon> travel_explore </mat-icon>\n\n Discover\n </a>\n\n <button mat-button [matMenuTriggerFor]=\"menu\">\n <mat-icon>help</mat-icon>\n\n Support\n </button>\n <mat-menu #menu=\"matMenu\">\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"/docs\"\n target=\"_blank\"\n >\n Docs\n </a>\n\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"/blog/\"\n target=\"_blank\"\n >\n Blog\n </a>\n\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"https://discord.com/channels/786363505862901760/786363629242155039\"\n target=\"_blank\"\n >\n Discord\n </a>\n <a\n mat-menu-item\n class=\"toolbar-action\"\n href=\"mailto:support@fathym.com\"\n target=\"_blank\"\n >\n Email\n </a>\n </mat-menu>\n\n <button\n mat-icon-button\n matTooltip=\"My Account\"\n disableRipple\n (click)=\"OpenMyAccount()\"\n >\n <mat-icon class=\"user-account\" [inline]=\"true\" disableRipple\n >account_circle</mat-icon\n >\n </button>\n <!-- <a mat-button class=\"toolbar-action\" href=\"/.oauth/logout\">Logout</a> -->\n </ng-container>\n\n <ng-container *ngIf=\"IsSmScreen\">\n <button mat-icon-button [matMenuTriggerFor]=\"menu\" aria-label=\"menu\">\n <mat-icon>menu</mat-icon>\n </button>\n <mat-menu #menu=\"matMenu\">\n <a class=\"toolbar-menu-action\" mat-menu-item href=\"/home\"> Home </a>\n <a class=\"toolbar-menu-action\" mat-menu-item href=\"/dashboard\">\n Dashboard\n </a>\n\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/krakyn\"\n >\n Krakyn\n </a>\n\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/discover\"\n >\n Discover\n </a>\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/docs\"\n target=\"_blank\"\n >Docs</a\n >\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/blog/\"\n target=\"_blank\"\n >Blog</a\n >\n <button mat-menu-item disableRipple (click)=\"OpenMyAccount()\">\n My Account\n </button>\n <!-- <a class=\"toolbar-menu-action\" mat-menu-item href=\"/.oauth/logout\"\n >Logout</a\n > -->\n </mat-menu>\n </ng-container>\n</mat-toolbar>\n", styles: [".mat-toolbar{background-color:#4a918e;height:65px}.mat-toolbar .logo{height:60px;width:160px}.mat-toolbar .logo.mobile{width:75px}.mat-toolbar .user-account{font-size:40px;height:40px;width:40px}\n"] }]
7413
7410
  }], ctorParameters: function () { return [{ type: i1$4.BreakpointObserver }, { type: i2$3.MatDialog }, { type: i2$3.MatDialog }, { type: ProjectService }]; }, propDecorators: { State: [{
7414
7411
  type: Input,
7415
7412
  args: ['state']