@lowcodeunit/applications-flow-common 1.37.75-integration → 1.37.78-integration

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.
@@ -3695,19 +3695,21 @@ class ThreeColumnComponent {
3695
3695
  // console.log("Breakpoint: ", state.matches)
3696
3696
  if (state.matches) {
3697
3697
  this.SmallScreen = true;
3698
+ this.Layout = 'column';
3698
3699
  }
3699
3700
  else {
3701
+ this.Layout = 'row';
3700
3702
  this.SmallScreen = false;
3701
3703
  }
3702
- // console.log("SmallScrren = " ,this.SmallScreen);
3704
+ // console.log("SmallScreen = " ,this.SmallScreen);
3703
3705
  });
3704
3706
  }
3705
3707
  }
3706
3708
  ThreeColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ThreeColumnComponent, deps: [{ token: i1$4.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
3707
- ThreeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ThreeColumnComponent, selector: "lcu-three-column", ngImport: i0, template: "<div\n class=\"col-container\"\n fxLayout.gt-md=\"row\"\n fxLayout.lt-md=\"column\"\n fxLayoutAlign.lt-md=\"space-evenly center\"\n>\n <!-- LEFT COL -->\n\n <div class=\"col-left\" fxFlex.gt-md=\"25%\" fxFlexOrder.lt-md=\"1\">\n <ng-content select=\"[left]\"></ng-content>\n </div>\n\n <!-- CENTER COL -->\n\n <div class=\"col-center\" fxFlex.gt-md=\"50%\" fxFlexOrder.lt-md=\"3\">\n <ng-content></ng-content>\n </div>\n\n <!-- RIGHT COL -->\n\n <div class=\"col-right\" fxFlex.gt-md=\"25%\" fxFlexOrder.lt-md=\"2\">\n <ng-content select=\"[right]\"></ng-content>\n </div>\n</div>\n", styles: [".col-container{height:100%;background-color:#ebecf0}@media only screen and (max-width: 959px){.col-left,.col-center,.col-right{width:100%}}\n"], 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: 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: i8.DefaultFlexOrderDirective, selector: " [fxFlexOrder], [fxFlexOrder.xs], [fxFlexOrder.sm], [fxFlexOrder.md], [fxFlexOrder.lg], [fxFlexOrder.xl], [fxFlexOrder.lt-sm], [fxFlexOrder.lt-md], [fxFlexOrder.lt-lg], [fxFlexOrder.lt-xl], [fxFlexOrder.gt-xs], [fxFlexOrder.gt-sm], [fxFlexOrder.gt-md], [fxFlexOrder.gt-lg]", inputs: ["fxFlexOrder", "fxFlexOrder.xs", "fxFlexOrder.sm", "fxFlexOrder.md", "fxFlexOrder.lg", "fxFlexOrder.xl", "fxFlexOrder.lt-sm", "fxFlexOrder.lt-md", "fxFlexOrder.lt-lg", "fxFlexOrder.lt-xl", "fxFlexOrder.gt-xs", "fxFlexOrder.gt-sm", "fxFlexOrder.gt-md", "fxFlexOrder.gt-lg"] }] });
3709
+ ThreeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ThreeColumnComponent, selector: "lcu-three-column", ngImport: i0, template: "<!-- fxLayout.gt-md=\"row\"\n fxLayout.lt-md=\"column\" -->\n<div\n class=\"col-container\"\n [fxLayout]=\"Layout\"\n fxLayoutAlign.lt-md=\"space-evenly center\"\n>\n <!-- LEFT COL -->\n\n <div class=\"col-left\" fxFlex.gt-md=\"25%\" fxFlexOrder.lt-md=\"1\">\n <ng-content select=\"[left]\"></ng-content>\n </div>\n\n <!-- CENTER COL -->\n\n <div class=\"col-center\" fxFlex.gt-md=\"50%\" fxFlexOrder.lt-md=\"3\">\n <ng-content></ng-content>\n </div>\n\n <!-- RIGHT COL -->\n\n <div class=\"col-right\" fxFlex.gt-md=\"25%\" fxFlexOrder.lt-md=\"2\">\n <ng-content select=\"[right]\"></ng-content>\n </div>\n</div>\n", styles: [".col-container{height:100%;background-color:#ebecf0}@media only screen and (max-width: 959px){.col-left,.col-center,.col-right{width:100%}}\n"], directives: [{ 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: 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.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: i8.DefaultFlexOrderDirective, selector: " [fxFlexOrder], [fxFlexOrder.xs], [fxFlexOrder.sm], [fxFlexOrder.md], [fxFlexOrder.lg], [fxFlexOrder.xl], [fxFlexOrder.lt-sm], [fxFlexOrder.lt-md], [fxFlexOrder.lt-lg], [fxFlexOrder.lt-xl], [fxFlexOrder.gt-xs], [fxFlexOrder.gt-sm], [fxFlexOrder.gt-md], [fxFlexOrder.gt-lg]", inputs: ["fxFlexOrder", "fxFlexOrder.xs", "fxFlexOrder.sm", "fxFlexOrder.md", "fxFlexOrder.lg", "fxFlexOrder.xl", "fxFlexOrder.lt-sm", "fxFlexOrder.lt-md", "fxFlexOrder.lt-lg", "fxFlexOrder.lt-xl", "fxFlexOrder.gt-xs", "fxFlexOrder.gt-sm", "fxFlexOrder.gt-md", "fxFlexOrder.gt-lg"] }] });
3708
3710
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ThreeColumnComponent, decorators: [{
3709
3711
  type: Component,
3710
- args: [{ selector: 'lcu-three-column', template: "<div\n class=\"col-container\"\n fxLayout.gt-md=\"row\"\n fxLayout.lt-md=\"column\"\n fxLayoutAlign.lt-md=\"space-evenly center\"\n>\n <!-- LEFT COL -->\n\n <div class=\"col-left\" fxFlex.gt-md=\"25%\" fxFlexOrder.lt-md=\"1\">\n <ng-content select=\"[left]\"></ng-content>\n </div>\n\n <!-- CENTER COL -->\n\n <div class=\"col-center\" fxFlex.gt-md=\"50%\" fxFlexOrder.lt-md=\"3\">\n <ng-content></ng-content>\n </div>\n\n <!-- RIGHT COL -->\n\n <div class=\"col-right\" fxFlex.gt-md=\"25%\" fxFlexOrder.lt-md=\"2\">\n <ng-content select=\"[right]\"></ng-content>\n </div>\n</div>\n", styles: [".col-container{height:100%;background-color:#ebecf0}@media only screen and (max-width: 959px){.col-left,.col-center,.col-right{width:100%}}\n"] }]
3712
+ args: [{ selector: 'lcu-three-column', template: "<!-- fxLayout.gt-md=\"row\"\n fxLayout.lt-md=\"column\" -->\n<div\n class=\"col-container\"\n [fxLayout]=\"Layout\"\n fxLayoutAlign.lt-md=\"space-evenly center\"\n>\n <!-- LEFT COL -->\n\n <div class=\"col-left\" fxFlex.gt-md=\"25%\" fxFlexOrder.lt-md=\"1\">\n <ng-content select=\"[left]\"></ng-content>\n </div>\n\n <!-- CENTER COL -->\n\n <div class=\"col-center\" fxFlex.gt-md=\"50%\" fxFlexOrder.lt-md=\"3\">\n <ng-content></ng-content>\n </div>\n\n <!-- RIGHT COL -->\n\n <div class=\"col-right\" fxFlex.gt-md=\"25%\" fxFlexOrder.lt-md=\"2\">\n <ng-content select=\"[right]\"></ng-content>\n </div>\n</div>\n", styles: [".col-container{height:100%;background-color:#ebecf0}@media only screen and (max-width: 959px){.col-left,.col-center,.col-right{width:100%}}\n"] }]
3711
3713
  }], ctorParameters: function () { return [{ type: i1$4.BreakpointObserver }]; } });
3712
3714
 
3713
3715
  class SlottedCardComponent {
@@ -7404,10 +7406,10 @@ class PageHeaderComponent {
7404
7406
  }
7405
7407
  }
7406
7408
  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 });
7407
- PageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: PageHeaderComponent, selector: "lcu-page-header", inputs: { State: ["state", "State"] }, 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\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/activity\">\n <mat-icon>dynamic_feed</mat-icon>\n\n Activity\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\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"] }] });
7409
+ PageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: PageHeaderComponent, selector: "lcu-page-header", inputs: { State: ["state", "State"] }, 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\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/activity\">\n <mat-icon>dynamic_feed</mat-icon>\n\n Activity\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\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=\"/dashboard\">\n Home\n </a>\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/activity\"\n >\n Activity\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"] }] });
7408
7410
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PageHeaderComponent, decorators: [{
7409
7411
  type: Component,
7410
- 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\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/activity\">\n <mat-icon>dynamic_feed</mat-icon>\n\n Activity\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\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"] }]
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\n <a mat-button class=\"toolbar-action\" href=\"/dashboard/activity\">\n <mat-icon>dynamic_feed</mat-icon>\n\n Activity\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\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=\"/dashboard\">\n Home\n </a>\n <a\n class=\"toolbar-menu-action\"\n mat-menu-item\n href=\"/dashboard/activity\"\n >\n Activity\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"] }]
7411
7413
  }], ctorParameters: function () { return [{ type: i1$4.BreakpointObserver }, { type: i2$3.MatDialog }, { type: i2$3.MatDialog }, { type: ProjectService }]; }, propDecorators: { State: [{
7412
7414
  type: Input,
7413
7415
  args: ['state']