@lowcodeunit/applications-flow-common 1.37.73-new-routing → 1.37.76-ui-cleanup
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.
- package/esm2020/lib/elements/page-header/page-header.component.mjs +3 -3
- package/esm2020/lib/elements/three-column/three-column.component.mjs +6 -4
- package/fesm2015/lowcodeunit-applications-flow-common.mjs +7 -5
- package/fesm2015/lowcodeunit-applications-flow-common.mjs.map +1 -1
- package/fesm2020/lowcodeunit-applications-flow-common.mjs +7 -5
- package/fesm2020/lowcodeunit-applications-flow-common.mjs.map +1 -1
- package/lib/elements/three-column/three-column.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -45,12 +45,12 @@ export class PageHeaderComponent {
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
PageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PageHeaderComponent, deps: [{ token: i1.BreakpointObserver }, { token: i2.MatDialog }, { token: i2.MatDialog }, { token: i3.ProjectService }], target: i0.ɵɵFactoryTarget.Component });
|
|
48
|
-
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=\"/
|
|
48
|
+
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.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i5.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: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.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: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i7.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: i7.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { type: i10.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
|
|
49
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
50
50
|
type: Component,
|
|
51
|
-
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=\"/
|
|
51
|
+
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"] }]
|
|
52
52
|
}], ctorParameters: function () { return [{ type: i1.BreakpointObserver }, { type: i2.MatDialog }, { type: i2.MatDialog }, { type: i3.ProjectService }]; }, propDecorators: { State: [{
|
|
53
53
|
type: Input,
|
|
54
54
|
args: ['state']
|
|
55
55
|
}] } });
|
|
56
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFekQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0saUVBQWlFLENBQUM7Ozs7Ozs7Ozs7OztBQVM3RyxNQUFNLE9BQU8sbUJBQW1CO0lBUzVCLFlBQ1csa0JBQXNDLEVBQ25DLE1BQWlCLEVBQ2pCLGlCQUE0QixFQUM1QixVQUEwQjtRQUg3Qix1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBQ25DLFdBQU0sR0FBTixNQUFNLENBQVc7UUFDakIsc0JBQWlCLEdBQWpCLGlCQUFpQixDQUFXO1FBQzVCLGVBQVUsR0FBVixVQUFVLENBQWdCO0lBQ3JDLENBQUM7SUFFRyxRQUFRO1FBQ1gsSUFBSSxDQUFDLGtCQUFrQjthQUNsQixPQUFPLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDO2FBQy9CLFNBQVMsQ0FBQyxDQUFDLEtBQXNCLEVBQUUsRUFBRTtZQUNsQyxJQUFJLEtBQUssQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7YUFDMUI7aUJBQU07Z0JBQ0gsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7YUFDM0I7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7SUFFRDs7OztPQUlHO0lBQ0ksYUFBYTtRQUNoQixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLDBCQUEwQixFQUFFO1lBQ3BELFFBQVEsRUFBRSxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRTtZQUN4QyxLQUFLLEVBQUUsT0FBTztZQUNkLFVBQVUsRUFBRSwrQkFBK0I7WUFDM0MsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLO1NBQ25CLENBQUMsQ0FBQztJQUNQLENBQUM7O2dIQXhDUSxtQkFBbUI7b0dBQW5CLG1CQUFtQiw4RkNaaEMsODhIQTRJQTsyRkRoSWEsbUJBQW1CO2tCQUwvQixTQUFTOytCQUNJLGlCQUFpQjtzTEFNcEIsS0FBSztzQkFEWCxLQUFLO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXREaWFsb2cgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2cnO1xuaW1wb3J0IHsgVXNlckFjY291bnREaWFsb2dDb21wb25lbnQgfSBmcm9tICcuLi8uLi9kaWFsb2dzL3VzZXItYWNjb3VudC1kaWFsb2cvdXNlci1hY2NvdW50LWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgUHJvamVjdFNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9wcm9qZWN0LnNlcnZpY2UnO1xuaW1wb3J0IHsgQXBwbGljYXRpb25zRmxvd1N0YXRlIH0gZnJvbSAnLi4vLi4vc3RhdGUvYXBwbGljYXRpb25zLWZsb3cuc3RhdGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xjdS1wYWdlLWhlYWRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3BhZ2UtaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQYWdlSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoJ3N0YXRlJylcbiAgICBwdWJsaWMgU3RhdGU6IEFwcGxpY2F0aW9uc0Zsb3dTdGF0ZTtcblxuICAgIC8vIEBJbnB1dCgnZW50LXBhdGgnKVxuICAgIC8vIHB1YmxpYyBFbnRQYXRoOiBzdHJpbmc7XG5cbiAgICBwdWJsaWMgSXNTbVNjcmVlbjogYm9vbGVhbjtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwdWJsaWMgYnJlYWtwb2ludE9ic2VydmVyOiBCcmVha3BvaW50T2JzZXJ2ZXIsXG4gICAgICAgIHByb3RlY3RlZCBkaWFsb2c6IE1hdERpYWxvZyxcbiAgICAgICAgcHJvdGVjdGVkIHVzZXJBY2NvdW50RGlhbG9nOiBNYXREaWFsb2csXG4gICAgICAgIHByb3RlY3RlZCBwcm9qZWN0U3ZjOiBQcm9qZWN0U2VydmljZVxuICAgICkge31cblxuICAgIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5icmVha3BvaW50T2JzZXJ2ZXJcbiAgICAgICAgICAgIC5vYnNlcnZlKFsnKG1heC13aWR0aDogOTU5cHgpJ10pXG4gICAgICAgICAgICAuc3Vic2NyaWJlKChzdGF0ZTogQnJlYWtwb2ludFN0YXRlKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHN0YXRlLm1hdGNoZXMpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5Jc1NtU2NyZWVuID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLklzU21TY3JlZW4gPSBmYWxzZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBPcGVucyB0aGUgdXNlcnMgYWNjb3VudCBtb2RhbCBwYXNzaW5nIGluIHRoZSB1c2VycyBzdGF0ZSBzbyB0aGVyZSBpcyBubyBsYWcgaW5cbiAgICAgKlxuICAgICAqIGZpbGxpbmcgb3V0IHVzZXIgaW5mb1xuICAgICAqL1xuICAgIHB1YmxpYyBPcGVuTXlBY2NvdW50KCkge1xuICAgICAgICB0aGlzLnVzZXJBY2NvdW50RGlhbG9nLm9wZW4oVXNlckFjY291bnREaWFsb2dDb21wb25lbnQsIHtcbiAgICAgICAgICAgIHBvc2l0aW9uOiB7IHRvcDogJzc1cHgnLCByaWdodDogJzEwcHgnIH0sXG4gICAgICAgICAgICB3aWR0aDogJzM1MHB4JyxcbiAgICAgICAgICAgIHBhbmVsQ2xhc3M6ICd1c2VyLWFjY291bnQtZGlhbG9nLWNvbnRhaW5lcicsXG4gICAgICAgICAgICBkYXRhOiB0aGlzLlN0YXRlLFxuICAgICAgICB9KTtcbiAgICB9XG59XG4iLCI8bWF0LXRvb2xiYXIgY2xhc3M9XCJzb2NpYWwtdG9vbGJhclwiIGNvbG9yPVwicHJpbWFyeVwiPlxuICAgIDxpbWcgY2xhc3M9XCJsb2dvXCIgc3JjPVwiLi9hc3NldHMvc3Zncy9sb2dvLnN2Z1wiIC8+XG5cbiAgICA8ZGl2IGZ4RmxleD48L2Rpdj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhSXNTbVNjcmVlblwiPlxuICAgICAgICA8YSBtYXQtYnV0dG9uIGNsYXNzPVwidG9vbGJhci1hY3Rpb25cIiBocmVmPVwiL2Rhc2hib2FyZFwiPlxuICAgICAgICAgICAgPG1hdC1pY29uPmhvbWU8L21hdC1pY29uPlxuXG4gICAgICAgICAgICBIb21lXG4gICAgICAgIDwvYT5cblxuICAgICAgICA8YSBtYXQtYnV0dG9uIGNsYXNzPVwidG9vbGJhci1hY3Rpb25cIiBocmVmPVwiL2Rhc2hib2FyZC9hY3Rpdml0eVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uPmR5bmFtaWNfZmVlZDwvbWF0LWljb24+XG5cbiAgICAgICAgICAgIEFjdGl2aXR5XG4gICAgICAgIDwvYT5cblxuICAgICAgICA8YSBtYXQtYnV0dG9uIGNsYXNzPVwidG9vbGJhci1hY3Rpb25cIiBocmVmPVwiL2Rhc2hib2FyZC9rcmFreW5cIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbj5hY2NvdW50X3RyZWU8L21hdC1pY29uPlxuXG4gICAgICAgICAgICBLcmFreW5cbiAgICAgICAgPC9hPlxuXG4gICAgICAgIDxhIG1hdC1idXR0b24gY2xhc3M9XCJ0b29sYmFyLWFjdGlvblwiIGhyZWY9XCIvZGFzaGJvYXJkL2Rpc2NvdmVyXCI+XG4gICAgICAgICAgICA8bWF0LWljb24+IHRyYXZlbF9leHBsb3JlIDwvbWF0LWljb24+XG5cbiAgICAgICAgICAgIERpc2NvdmVyXG4gICAgICAgIDwvYT5cblxuICAgICAgICA8YnV0dG9uIG1hdC1idXR0b24gW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbj5oZWxwPC9tYXQtaWNvbj5cblxuICAgICAgICAgICAgU3VwcG9ydFxuICAgICAgICA8L2J1dHRvbj5cblxuICAgICAgICA8bWF0LW1lbnUgI21lbnU9XCJtYXRNZW51XCI+XG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIG1hdC1tZW51LWl0ZW1cbiAgICAgICAgICAgICAgICBjbGFzcz1cInRvb2xiYXItYWN0aW9uXCJcbiAgICAgICAgICAgICAgICBocmVmPVwiL2RvY3NcIlxuICAgICAgICAgICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgRG9jc1xuICAgICAgICAgICAgPC9hPlxuXG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIG1hdC1tZW51LWl0ZW1cbiAgICAgICAgICAgICAgICBjbGFzcz1cInRvb2xiYXItYWN0aW9uXCJcbiAgICAgICAgICAgICAgICBocmVmPVwiL2Jsb2cvXCJcbiAgICAgICAgICAgICAgICB0YXJnZXQ9XCJfYmxhbmtcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIEJsb2dcbiAgICAgICAgICAgIDwvYT5cblxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICBtYXQtbWVudS1pdGVtXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ0b29sYmFyLWFjdGlvblwiXG4gICAgICAgICAgICAgICAgaHJlZj1cImh0dHBzOi8vZGlzY29yZC5jb20vY2hhbm5lbHMvNzg2MzYzNTA1ODYyOTAxNzYwLzc4NjM2MzYyOTI0MjE1NTAzOVwiXG4gICAgICAgICAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICBEaXNjb3JkXG4gICAgICAgICAgICA8L2E+XG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIG1hdC1tZW51LWl0ZW1cbiAgICAgICAgICAgICAgICBjbGFzcz1cInRvb2xiYXItYWN0aW9uXCJcbiAgICAgICAgICAgICAgICBocmVmPVwibWFpbHRvOnN1cHBvcnRAZmF0aHltLmNvbVwiXG4gICAgICAgICAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICBFbWFpbFxuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L21hdC1tZW51PlxuXG4gICAgICAgIDxidXR0b25cbiAgICAgICAgICAgIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAgICAgbWF0VG9vbHRpcD1cIk15IEFjY291bnRcIlxuICAgICAgICAgICAgZGlzYWJsZVJpcHBsZVxuICAgICAgICAgICAgKGNsaWNrKT1cIk9wZW5NeUFjY291bnQoKVwiXG4gICAgICAgID5cbiAgICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cInVzZXItYWNjb3VudFwiIFtpbmxpbmVdPVwidHJ1ZVwiIGRpc2FibGVSaXBwbGVcbiAgICAgICAgICAgICAgICA+YWNjb3VudF9jaXJjbGU8L21hdC1pY29uXG4gICAgICAgICAgICA+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8IS0tIDxhIG1hdC1idXR0b24gY2xhc3M9XCJ0b29sYmFyLWFjdGlvblwiIGhyZWY9XCIvLm9hdXRoL2xvZ291dFwiPkxvZ291dDwvYT4gLS0+XG4gICAgPC9uZy1jb250YWluZXI+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiSXNTbVNjcmVlblwiPlxuICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBbbWF0TWVudVRyaWdnZXJGb3JdPVwibWVudVwiIGFyaWEtbGFiZWw9XCJtZW51XCI+XG4gICAgICAgICAgICA8bWF0LWljb24+bWVudTwvbWF0LWljb24+XG4gICAgICAgIDwvYnV0dG9uPlxuICAgICAgICA8bWF0LW1lbnUgI21lbnU9XCJtYXRNZW51XCI+XG4gICAgICAgICAgICA8YSBjbGFzcz1cInRvb2xiYXItbWVudS1hY3Rpb25cIiBtYXQtbWVudS1pdGVtIGhyZWY9XCIvZGFzaGJvYXJkXCI+XG4gICAgICAgICAgICAgICAgSG9tZVxuICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICBjbGFzcz1cInRvb2xiYXItbWVudS1hY3Rpb25cIlxuICAgICAgICAgICAgICAgIG1hdC1tZW51LWl0ZW1cbiAgICAgICAgICAgICAgICBocmVmPVwiL2Rhc2hib2FyZC9hY3Rpdml0eVwiXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgQWN0aXZpdHlcbiAgICAgICAgICAgIDwvYT5cblxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICBjbGFzcz1cInRvb2xiYXItbWVudS1hY3Rpb25cIlxuICAgICAgICAgICAgICAgIG1hdC1tZW51LWl0ZW1cbiAgICAgICAgICAgICAgICBocmVmPVwiL2Rhc2hib2FyZC9rcmFreW5cIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIEtyYWt5blxuICAgICAgICAgICAgPC9hPlxuXG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIGNsYXNzPVwidG9vbGJhci1tZW51LWFjdGlvblwiXG4gICAgICAgICAgICAgICAgbWF0LW1lbnUtaXRlbVxuICAgICAgICAgICAgICAgIGhyZWY9XCIvZGFzaGJvYXJkL2Rpc2NvdmVyXCJcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICBEaXNjb3ZlclxuICAgICAgICAgICAgPC9hPlxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICBjbGFzcz1cInRvb2xiYXItbWVudS1hY3Rpb25cIlxuICAgICAgICAgICAgICAgIG1hdC1tZW51LWl0ZW1cbiAgICAgICAgICAgICAgICBocmVmPVwiL2RvY3NcIlxuICAgICAgICAgICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgICAgICAgICAgPkRvY3M8L2FcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ0b29sYmFyLW1lbnUtYWN0aW9uXCJcbiAgICAgICAgICAgICAgICBtYXQtbWVudS1pdGVtXG4gICAgICAgICAgICAgICAgaHJlZj1cIi9ibG9nL1wiXG4gICAgICAgICAgICAgICAgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICAgICAgICA+QmxvZzwvYVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgPGJ1dHRvbiBtYXQtbWVudS1pdGVtIGRpc2FibGVSaXBwbGUgKGNsaWNrKT1cIk9wZW5NeUFjY291bnQoKVwiPlxuICAgICAgICAgICAgICAgIE15IEFjY291bnRcbiAgICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICAgICAgPCEtLSA8YSBjbGFzcz1cInRvb2xiYXItbWVudS1hY3Rpb25cIiBtYXQtbWVudS1pdGVtIGhyZWY9XCIvLm9hdXRoL2xvZ291dFwiXG4gICAgICA+TG9nb3V0PC9hXG4gICAgPiAtLT5cbiAgICAgICAgPC9tYXQtbWVudT5cbiAgICA8L25nLWNvbnRhaW5lcj5cbjwvbWF0LXRvb2xiYXI+XG4iXX0=
|
|
@@ -13,18 +13,20 @@ export class ThreeColumnComponent {
|
|
|
13
13
|
// console.log("Breakpoint: ", state.matches)
|
|
14
14
|
if (state.matches) {
|
|
15
15
|
this.SmallScreen = true;
|
|
16
|
+
this.Layout = 'column';
|
|
16
17
|
}
|
|
17
18
|
else {
|
|
19
|
+
this.Layout = 'row';
|
|
18
20
|
this.SmallScreen = false;
|
|
19
21
|
}
|
|
20
|
-
// console.log("
|
|
22
|
+
// console.log("SmallScreen = " ,this.SmallScreen);
|
|
21
23
|
});
|
|
22
24
|
}
|
|
23
25
|
}
|
|
24
26
|
ThreeColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ThreeColumnComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
ThreeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ThreeColumnComponent, selector: "lcu-three-column", ngImport: i0, template: "
|
|
27
|
+
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: i2.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: i2.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: i2.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: i2.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"] }] });
|
|
26
28
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ThreeColumnComponent, decorators: [{
|
|
27
29
|
type: Component,
|
|
28
|
-
args: [{ selector: 'lcu-three-column', template: "
|
|
30
|
+
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"] }]
|
|
29
31
|
}], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; } });
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhyZWUtY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbW1vbi9zcmMvbGliL2VsZW1lbnRzL3RocmVlLWNvbHVtbi90aHJlZS1jb2x1bW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvdGhyZWUtY29sdW1uL3RocmVlLWNvbHVtbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBT2xELE1BQU0sT0FBTyxvQkFBb0I7SUFLN0IsWUFBbUIsa0JBQXNDO1FBQXRDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7SUFBRyxDQUFDO0lBRTdELFFBQVE7UUFDSixJQUFJLENBQUMsa0JBQWtCO2FBQ2xCLE9BQU8sQ0FBQyxDQUFDLG9CQUFvQixDQUFDLENBQUM7YUFDL0IsU0FBUyxDQUFDLENBQUMsS0FBc0IsRUFBRSxFQUFFO1lBQ2xDLDZDQUE2QztZQUM3QyxJQUFJLEtBQUssQ0FBQyxPQUFPLEVBQUU7Z0JBQ2YsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUM7Z0JBQ3hCLElBQUksQ0FBQyxNQUFNLEdBQUcsUUFBUSxDQUFDO2FBQzFCO2lCQUFNO2dCQUNILElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDO2dCQUNwQixJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssQ0FBQzthQUM1QjtZQUNELG1EQUFtRDtRQUN2RCxDQUFDLENBQUMsQ0FBQztJQUNYLENBQUM7O2lIQXJCUSxvQkFBb0I7cUdBQXBCLG9CQUFvQix3RENSakMsb3FCQXlCQTsyRkRqQmEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNJLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJyZWFrcG9pbnRPYnNlcnZlciwgQnJlYWtwb2ludFN0YXRlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2xheW91dCc7XG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2xjdS10aHJlZS1jb2x1bW4nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi90aHJlZS1jb2x1bW4uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3RocmVlLWNvbHVtbi5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBUaHJlZUNvbHVtbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgcHVibGljIFNtYWxsU2NyZWVuOiBib29sZWFuO1xuXG4gICAgcHVibGljIExheW91dDogc3RyaW5nO1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIGJyZWFrcG9pbnRPYnNlcnZlcjogQnJlYWtwb2ludE9ic2VydmVyKSB7fVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYnJlYWtwb2ludE9ic2VydmVyXG4gICAgICAgICAgICAub2JzZXJ2ZShbJyhtYXgtd2lkdGg6IDg1MHB4KSddKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgoc3RhdGU6IEJyZWFrcG9pbnRTdGF0ZSkgPT4ge1xuICAgICAgICAgICAgICAgIC8vIGNvbnNvbGUubG9nKFwiQnJlYWtwb2ludDogXCIsIHN0YXRlLm1hdGNoZXMpXG4gICAgICAgICAgICAgICAgaWYgKHN0YXRlLm1hdGNoZXMpIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5TbWFsbFNjcmVlbiA9IHRydWU7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuTGF5b3V0ID0gJ2NvbHVtbic7XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5MYXlvdXQgPSAncm93JztcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5TbWFsbFNjcmVlbiA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAvLyBjb25zb2xlLmxvZyhcIlNtYWxsU2NyZWVuID0gXCIgLHRoaXMuU21hbGxTY3JlZW4pO1xuICAgICAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgLy8gcHVibGljIExheW91dCgpOiBzdHJpbmd7XG4gICAgLy8gICAgIGlmKHRoaXMuU21hbGxTY3JlZW4pe1xuICAgIC8vICAgICAgICAgLy8gY29uc29sZS5sb2coXCJyZXR1cm5pbmc6IGNvbFwiKVxuICAgIC8vICAgICAgICAgcmV0dXJuIFwiY29sdW1uXCI7XG4gICAgLy8gICAgIH1cbiAgICAvLyAgICAgZWxzZXtcbiAgICAvLyAgICAgICAgIC8vIGNvbnNvbGUubG9nKFwicmV0dXJuaW5nOiByb3dcIilcblxuICAgIC8vICAgICAgICAgcmV0dXJuIFwicm93XCI7XG4gICAgLy8gICAgIH1cbiAgICAvLyB9XG59XG4iLCI8IS0tIGZ4TGF5b3V0Lmd0LW1kPVwicm93XCJcbiAgICBmeExheW91dC5sdC1tZD1cImNvbHVtblwiIC0tPlxuPGRpdlxuICAgIGNsYXNzPVwiY29sLWNvbnRhaW5lclwiXG4gICAgW2Z4TGF5b3V0XT1cIkxheW91dFwiXG4gICAgZnhMYXlvdXRBbGlnbi5sdC1tZD1cInNwYWNlLWV2ZW5seSBjZW50ZXJcIlxuPlxuICAgIDwhLS0gTEVGVCBDT0wgLS0+XG5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLWxlZnRcIiBmeEZsZXguZ3QtbWQ9XCIyNSVcIiBmeEZsZXhPcmRlci5sdC1tZD1cIjFcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2xlZnRdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuXG4gICAgPCEtLSBDRU5URVIgQ09MIC0tPlxuXG4gICAgPGRpdiBjbGFzcz1cImNvbC1jZW50ZXJcIiBmeEZsZXguZ3QtbWQ9XCI1MCVcIiBmeEZsZXhPcmRlci5sdC1tZD1cIjNcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuXG4gICAgPCEtLSBSSUdIVCBDT0wgLS0+XG5cbiAgICA8ZGl2IGNsYXNzPVwiY29sLXJpZ2h0XCIgZnhGbGV4Lmd0LW1kPVwiMjUlXCIgZnhGbGV4T3JkZXIubHQtbWQ9XCIyXCI+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltyaWdodF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -3801,19 +3801,21 @@ class ThreeColumnComponent {
|
|
|
3801
3801
|
// console.log("Breakpoint: ", state.matches)
|
|
3802
3802
|
if (state.matches) {
|
|
3803
3803
|
this.SmallScreen = true;
|
|
3804
|
+
this.Layout = 'column';
|
|
3804
3805
|
}
|
|
3805
3806
|
else {
|
|
3807
|
+
this.Layout = 'row';
|
|
3806
3808
|
this.SmallScreen = false;
|
|
3807
3809
|
}
|
|
3808
|
-
// console.log("
|
|
3810
|
+
// console.log("SmallScreen = " ,this.SmallScreen);
|
|
3809
3811
|
});
|
|
3810
3812
|
}
|
|
3811
3813
|
}
|
|
3812
3814
|
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 });
|
|
3813
|
-
ThreeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: ThreeColumnComponent, selector: "lcu-three-column", ngImport: i0, template: "
|
|
3815
|
+
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"] }] });
|
|
3814
3816
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: ThreeColumnComponent, decorators: [{
|
|
3815
3817
|
type: Component,
|
|
3816
|
-
args: [{ selector: 'lcu-three-column', template: "
|
|
3818
|
+
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"] }]
|
|
3817
3819
|
}], ctorParameters: function () { return [{ type: i1$4.BreakpointObserver }]; } });
|
|
3818
3820
|
|
|
3819
3821
|
class SlottedCardComponent {
|
|
@@ -7621,10 +7623,10 @@ class PageHeaderComponent {
|
|
|
7621
7623
|
}
|
|
7622
7624
|
}
|
|
7623
7625
|
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 });
|
|
7624
|
-
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=\"/
|
|
7626
|
+
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"] }] });
|
|
7625
7627
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PageHeaderComponent, decorators: [{
|
|
7626
7628
|
type: Component,
|
|
7627
|
-
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=\"/
|
|
7629
|
+
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"] }]
|
|
7628
7630
|
}], ctorParameters: function () { return [{ type: i1$4.BreakpointObserver }, { type: i2$3.MatDialog }, { type: i2$3.MatDialog }, { type: ProjectService }]; }, propDecorators: { State: [{
|
|
7629
7631
|
type: Input,
|
|
7630
7632
|
args: ['state']
|