@lowcodeunit/applications-flow-common 1.36.108-merge → 1.36.111-integration

package/esm2020/lib/elements/page-header/page-header.component.mjs

@@ -0,0 +1,33 @@
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/layout";
+import * as i2 from "@angular/material/toolbar";
+import * as i3 from "@angular/material/button";
+import * as i4 from "@angular/material/icon";
+import * as i5 from "@angular/material/menu";
+import * as i6 from "@angular/flex-layout/flex";
+import * as i7 from "@angular/common";
+export class PageHeaderComponent {
+    constructor(breakpointObserver) {
+        this.breakpointObserver = breakpointObserver;
+    }
+    ngOnInit() {
+        this.breakpointObserver
+            .observe(['(max-width: 959px)'])
+            .subscribe((state) => {
+            if (state.matches) {
+                this.IsSmScreen = true;
+            }
+            else {
+                this.IsSmScreen = false;
+            }
+        });
+    }
+}
+PageHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PageHeaderComponent, deps: [{ token: i1.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
+PageHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: PageHeaderComponent, selector: "lcu-page-header", 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=\"/docs\" target=\"_blank\"\n            >Docs</a\n        >\n        <a mat-button class=\"toolbar-action\" href=\"/blog/\" target=\"_blank\"\n            >Blog</a\n        >\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=\"/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            <!-- <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}\n"], components: [{ type: i2.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: 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.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i5.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }], directives: [{ type: i6.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: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: PageHeaderComponent, decorators: [{
+            type: Component,
+            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=\"/docs\" target=\"_blank\"\n            >Docs</a\n        >\n        <a mat-button class=\"toolbar-action\" href=\"/blog/\" target=\"_blank\"\n            >Blog</a\n        >\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=\"/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            <!-- <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}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.BreakpointObserver }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tbW9uL3NyYy9saWIvZWxlbWVudHMvcGFnZS1oZWFkZXIvcGFnZS1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBT2xELE1BQU0sT0FBTyxtQkFBbUI7SUFHNUIsWUFBbUIsa0JBQXNDO1FBQXRDLHVCQUFrQixHQUFsQixrQkFBa0IsQ0FBb0I7SUFBRyxDQUFDO0lBRXRELFFBQVE7UUFDWCxJQUFJLENBQUMsa0JBQWtCO2FBQ2xCLE9BQU8sQ0FBQyxDQUFDLG9CQUFvQixDQUFDLENBQUM7YUFDL0IsU0FBUyxDQUFDLENBQUMsS0FBc0IsRUFBRSxFQUFFO1lBQ2xDLElBQUksS0FBSyxDQUFDLE9BQU8sRUFBRTtnQkFDZixJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQzthQUMxQjtpQkFBTTtnQkFDSCxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQzthQUMzQjtRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1gsQ0FBQzs7Z0hBZlEsbUJBQW1CO29HQUFuQixtQkFBbUIsdURDUmhDLHN6Q0F3Q0E7MkZEaENhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDSSxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXIsIEJyZWFrcG9pbnRTdGF0ZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9sYXlvdXQnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdsY3UtcGFnZS1oZWFkZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9wYWdlLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vcGFnZS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUGFnZUhlYWRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgcHVibGljIElzU21TY3JlZW46IGJvb2xlYW47XG5cbiAgICBjb25zdHJ1Y3RvcihwdWJsaWMgYnJlYWtwb2ludE9ic2VydmVyOiBCcmVha3BvaW50T2JzZXJ2ZXIpIHt9XG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuYnJlYWtwb2ludE9ic2VydmVyXG4gICAgICAgICAgICAub2JzZXJ2ZShbJyhtYXgtd2lkdGg6IDk1OXB4KSddKVxuICAgICAgICAgICAgLnN1YnNjcmliZSgoc3RhdGU6IEJyZWFrcG9pbnRTdGF0ZSkgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChzdGF0ZS5tYXRjaGVzKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuSXNTbVNjcmVlbiA9IHRydWU7XG4gICAgICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5Jc1NtU2NyZWVuID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSk7XG4gICAgfVxufVxuIiwiPG1hdC10b29sYmFyIGNsYXNzPVwic29jaWFsLXRvb2xiYXJcIiBjb2xvcj1cInByaW1hcnlcIj5cbiAgICA8aW1nIGNsYXNzPVwibG9nb1wiIHNyYz1cIi4vYXNzZXRzL3N2Z3MvbG9nby5zdmdcIiAvPlxuXG4gICAgPGRpdiBmeEZsZXg+PC9kaXY+XG5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIUlzU21TY3JlZW5cIj5cbiAgICAgICAgPGEgbWF0LWJ1dHRvbiBjbGFzcz1cInRvb2xiYXItYWN0aW9uXCIgaHJlZj1cIi9kb2NzXCIgdGFyZ2V0PVwiX2JsYW5rXCJcbiAgICAgICAgICAgID5Eb2NzPC9hXG4gICAgICAgID5cbiAgICAgICAgPGEgbWF0LWJ1dHRvbiBjbGFzcz1cInRvb2xiYXItYWN0aW9uXCIgaHJlZj1cIi9ibG9nL1wiIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgICAgICA+QmxvZzwvYVxuICAgICAgICA+XG4gICAgICAgIDwhLS0gPGEgbWF0LWJ1dHRvbiBjbGFzcz1cInRvb2xiYXItYWN0aW9uXCIgaHJlZj1cIi8ub2F1dGgvbG9nb3V0XCI+TG9nb3V0PC9hPiAtLT5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJJc1NtU2NyZWVuXCI+XG4gICAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIFttYXRNZW51VHJpZ2dlckZvcl09XCJtZW51XCIgYXJpYS1sYWJlbD1cIm1lbnVcIj5cbiAgICAgICAgICAgIDxtYXQtaWNvbj5tZW51PC9tYXQtaWNvbj5cbiAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDxtYXQtbWVudSAjbWVudT1cIm1hdE1lbnVcIj5cbiAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJ0b29sYmFyLW1lbnUtYWN0aW9uXCJcbiAgICAgICAgICAgICAgICBtYXQtbWVudS1pdGVtXG4gICAgICAgICAgICAgICAgaHJlZj1cIi9kb2NzXCJcbiAgICAgICAgICAgICAgICB0YXJnZXQ9XCJfYmxhbmtcIlxuICAgICAgICAgICAgICAgID5Eb2NzPC9hXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICA8YVxuICAgICAgICAgICAgICAgIGNsYXNzPVwidG9vbGJhci1tZW51LWFjdGlvblwiXG4gICAgICAgICAgICAgICAgbWF0LW1lbnUtaXRlbVxuICAgICAgICAgICAgICAgIGhyZWY9XCIvYmxvZy9cIlxuICAgICAgICAgICAgICAgIHRhcmdldD1cIl9ibGFua1wiXG4gICAgICAgICAgICAgICAgPkJsb2c8L2FcbiAgICAgICAgICAgID5cbiAgICAgICAgICAgIDwhLS0gPGEgY2xhc3M9XCJ0b29sYmFyLW1lbnUtYWN0aW9uXCIgbWF0LW1lbnUtaXRlbSBocmVmPVwiLy5vYXV0aC9sb2dvdXRcIlxuICAgICAgPkxvZ291dDwvYVxuICAgID4gLS0+XG4gICAgICAgIDwvbWF0LW1lbnU+XG4gICAgPC9uZy1jb250YWluZXI+XG48L21hdC10b29sYmFyPlxuIl19