@alauda-fe/common/esm2022/page-scaffold/page-header/component.mjs

Alauda frontend team common codes.

import { ChangeDetectionStrategy, Component, Inject, Input, } from '@angular/core';
import { TOKEN_LOGO_URL } from '../../core/constants/tokens';
import { TranslateService } from '../../translate/public-api';
import { ProductEntryName } from './common-layout/public-api';
import * as i0 from "@angular/core";
import * as i1 from "../../translate/public-api";
const _c0 = ["*", [["", "aclAccountMenuContent", ""]], [["", "customActions", ""]], [["", "aclHelpMenuContent", ""]]];
const _c1 = ["*", "[aclAccountMenuContent]", "[customActions]", "[aclHelpMenuContent]"];
function PageHeaderComponent_a_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "a", 10);
    i0.ɵɵelement(1, "img", 11);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵproperty("href", ctx_r0.logoUrl, i0.ɵɵsanitizeUrl);
    i0.ɵɵadvance();
    i0.ɵɵproperty("src", ctx_r0.logoSrc, i0.ɵɵsanitizeUrl);
} }
function PageHeaderComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "a", 12);
    i0.ɵɵelement(1, "img", 11);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("src", ctx_r0.logoSrc, i0.ɵɵsanitizeUrl);
} }
function PageHeaderComponent_ng_container_10_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵelement(1, "acl-enterprise-support-status", 13);
    i0.ɵɵprojection(2, 2);
    i0.ɵɵelementStart(3, "acl-help-menu", 14);
    i0.ɵɵprojection(4, 3);
    i0.ɵɵelementEnd();
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵadvance();
    i0.ɵɵproperty("product", ctx_r0.currentProduct);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("helpDocPath", ctx_r0.helpDocPath || "container_platform");
} }
function PageHeaderComponent_div_11_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "div", 4);
} }
export class PageHeaderComponent {
    constructor(logoUrl, translate) {
        this.logoUrl = logoUrl;
        this.translate = translate;
        this.logoSrc = '/console/api/v1/cm/ui-logos/logo';
        this.locale$ = this.translate.locale$;
        this.menuActions = true;
        this.menuSeparator = true;
    }
    static { this.ɵfac = function PageHeaderComponent_Factory(t) { return new (t || PageHeaderComponent)(i0.ɵɵdirectiveInject(TOKEN_LOGO_URL), i0.ɵɵdirectiveInject(i1.TranslateService)); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PageHeaderComponent, selectors: [["acl-page-header"]], inputs: { title: "title", currentProduct: "currentProduct", helpDocPath: "helpDocPath", menuActions: "menuActions", menuSeparator: "menuSeparator" }, ngContentSelectors: _c1, decls: 14, vars: 6, consts: [["plainPictureRef", ""], [1, "page-header__left"], [1, "page-header__logo"], [3, "href", 4, "ngIf", "ngIfElse"], [1, "page-header__separator"], [3, "current", "title"], [1, "page-header__center"], [1, "page-header__right"], [4, "ngIf"], ["class", "page-header__separator", 4, "ngIf"], [3, "href"], ["alt", "logo", 3, "src"], ["href", "/"], [3, "product"], [3, "helpDocPath"]], template: function PageHeaderComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵprojectionDef(_c0);
            i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
            i0.ɵɵtemplate(2, PageHeaderComponent_a_2_Template, 2, 2, "a", 3)(3, PageHeaderComponent_ng_template_3_Template, 2, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
            i0.ɵɵelementEnd();
            i0.ɵɵelement(5, "div", 4)(6, "acl-product-select", 5);
            i0.ɵɵelementEnd();
            i0.ɵɵelementStart(7, "div", 6);
            i0.ɵɵprojection(8);
            i0.ɵɵelementEnd();
            i0.ɵɵelementStart(9, "div", 7);
            i0.ɵɵtemplate(10, PageHeaderComponent_ng_container_10_Template, 5, 2, "ng-container", 8)(11, PageHeaderComponent_div_11_Template, 1, 0, "div", 9);
            i0.ɵɵelementStart(12, "acl-account-menu");
            i0.ɵɵprojection(13, 1);
            i0.ɵɵelementEnd()();
        } if (rf & 2) {
            const plainPictureRef_r2 = i0.ɵɵreference(4);
            i0.ɵɵadvance(2);
            i0.ɵɵproperty("ngIf", ctx.logoUrl)("ngIfElse", plainPictureRef_r2);
            i0.ɵɵadvance(4);
            i0.ɵɵproperty("current", ctx.currentProduct)("title", ctx.title);
            i0.ɵɵadvance(4);
            i0.ɵɵproperty("ngIf", ctx.menuActions);
            i0.ɵɵadvance();
            i0.ɵɵproperty("ngIf", ctx.menuSeparator);
        } }, styles: ["[_nghost-%COMP%]{display:flex;flex:1;align-items:center;height:60px}[_nghost-%COMP%] > div[_ngcontent-%COMP%]{display:flex;align-items:center}[_nghost-%COMP%]   acl-product-select[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis}[_nghost-%COMP%]   .page-header__left[_ngcontent-%COMP%]{min-width:256px;max-width:400px}[_nghost-%COMP%]   .page-header__center[_ngcontent-%COMP%]{flex:1}[_nghost-%COMP%]   .page-header__logo[_ngcontent-%COMP%]{display:flex;align-items:center;min-width:32px;max-width:160px}[_nghost-%COMP%]   .page-header__logo[_ngcontent-%COMP%]   img[_ngcontent-%COMP%]{height:32px}[_nghost-%COMP%]   .page-header__separator[_ngcontent-%COMP%]{height:32px;width:1px;background-color:rgb(var(--aui-color-n-2));margin:0 8px 0 16px;opacity:.1}[_nghost-%COMP%]   .page-header__title[_ngcontent-%COMP%]{height:24px;line-height:24px;font-size:18px;font-weight:500;color:rgb(var(--aui-color-n-1));white-space:nowrap;word-break:keep-all}[_nghost-%COMP%]     acl-header-notify{display:block;margin-right:8px}[_nghost-%COMP%]   acl-account-menu[_ngcontent-%COMP%]{margin-left:24px}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PageHeaderComponent, [{
        type: Component,
        args: [{ selector: 'acl-page-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"page-header__left\">\n  <div class=\"page-header__logo\">\n    <a\n      *ngIf=\"logoUrl; else plainPictureRef\"\n      [href]=\"logoUrl\"\n    >\n      <img\n        [src]=\"logoSrc\"\n        alt=\"logo\"\n      />\n    </a>\n    <ng-template #plainPictureRef>\n      <a href=\"/\">\n        <img\n          [src]=\"logoSrc\"\n          alt=\"logo\"\n        />\n      </a>\n    </ng-template>\n  </div>\n  <div class=\"page-header__separator\"></div>\n  <acl-product-select\n    [current]=\"currentProduct\"\n    [title]=\"title\"\n  ></acl-product-select>\n</div>\n<div class=\"page-header__center\">\n  <ng-content></ng-content>\n</div>\n<div class=\"page-header__right\">\n  <ng-container *ngIf=\"menuActions\">\n    <acl-enterprise-support-status\n      [product]=\"currentProduct\"\n    ></acl-enterprise-support-status>\n    <ng-content select=\"[customActions]\"></ng-content>\n    <acl-help-menu [helpDocPath]=\"helpDocPath || 'container_platform'\">\n      <ng-content select=\"[aclHelpMenuContent]\"></ng-content>\n    </acl-help-menu>\n  </ng-container>\n  <div\n    *ngIf=\"menuSeparator\"\n    class=\"page-header__separator\"\n  ></div>\n  <acl-account-menu>\n    <ng-content select=\"[aclAccountMenuContent]\"></ng-content>\n  </acl-account-menu>\n</div>\n", styles: [":host{display:flex;flex:1;align-items:center;height:60px}:host>div{display:flex;align-items:center}:host acl-product-select{overflow:hidden;text-overflow:ellipsis}:host .page-header__left{min-width:256px;max-width:400px}:host .page-header__center{flex:1}:host .page-header__logo{display:flex;align-items:center;min-width:32px;max-width:160px}:host .page-header__logo img{height:32px}:host .page-header__separator{height:32px;width:1px;background-color:rgb(var(--aui-color-n-2));margin:0 8px 0 16px;opacity:.1}:host .page-header__title{height:24px;line-height:24px;font-size:18px;font-weight:500;color:rgb(var(--aui-color-n-1));white-space:nowrap;word-break:keep-all}:host ::ng-deep acl-header-notify{display:block;margin-right:8px}:host acl-account-menu{margin-left:24px}\n"] }]
    }], () => [{ type: undefined, decorators: [{
                type: Inject,
                args: [TOKEN_LOGO_URL]
            }] }, { type: i1.TranslateService }], { title: [{
            type: Input
        }], currentProduct: [{
            type: Input
        }], helpDocPath: [{
            type: Input
        }], menuActions: [{
            type: Input
        }], menuSeparator: [{
            type: Input
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PageHeaderComponent, { className: "PageHeaderComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3BhZ2Utc2NhZmZvbGQvcGFnZS1oZWFkZXIvY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21tb24vc3JjL3BhZ2Utc2NhZmZvbGQvcGFnZS1oZWFkZXIvdGVtcGxhdGUuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxNQUFNLEVBQ04sS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUU5RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7Ozs7O0lDUjFELDZCQUdDO0lBQ0MsMEJBR0U7SUFDSixpQkFBSTs7O0lBTkYsdURBQWdCO0lBR2QsY0FBZTtJQUFmLHNEQUFlOzs7SUFLakIsNkJBQVk7SUFDViwwQkFHRTtJQUNKLGlCQUFJOzs7SUFIQSxjQUFlO0lBQWYsc0RBQWU7OztJQWdCdkIsNkJBQWtDO0lBQ2hDLG9EQUVpQztJQUNqQyxxQkFBa0Q7SUFDbEQseUNBQW1FO0lBQ2pFLHFCQUF1RDtJQUN6RCxpQkFBZ0I7Ozs7SUFMZCxjQUEwQjtJQUExQiwrQ0FBMEI7SUFHYixlQUFtRDtJQUFuRCx3RUFBbUQ7OztJQUlwRSx5QkFHTzs7QUR4QlQsTUFBTSxPQUFPLG1CQUFtQjtJQVM5QixZQUNpQyxPQUFlLEVBQzdCLFNBQTJCO1FBRGIsWUFBTyxHQUFQLE9BQU8sQ0FBUTtRQUM3QixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQVY5QyxZQUFPLEdBQUcsa0NBQWtDLENBQUM7UUFDN0MsWUFBTyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDO1FBSXhCLGdCQUFXLEdBQUcsSUFBSSxDQUFDO1FBQ25CLGtCQUFhLEdBQUcsSUFBSSxDQUFDO0lBSzNCLENBQUM7b0ZBWk8sbUJBQW1CLHVCQVVwQixjQUFjO29FQVZiLG1CQUFtQjs7WUNqQjlCLEFBREYsOEJBQStCLGFBQ0U7WUFVN0IsQUFUQSxnRUFHQyx3R0FNNkI7WUFRaEMsaUJBQU07WUFFTixBQURBLHlCQUEwQyw0QkFJcEI7WUFDeEIsaUJBQU07WUFDTiw4QkFBaUM7WUFDL0Isa0JBQXlCO1lBQzNCLGlCQUFNO1lBQ04sOEJBQWdDO1lBVTlCLEFBVEEsd0ZBQWtDLHlEQVlqQztZQUNELHlDQUFrQjtZQUNoQixzQkFBMEQ7WUFFOUQsQUFERSxpQkFBbUIsRUFDZjs7O1lBM0NDLGVBQWU7WUFBQSxBQUFmLGtDQUFlLGdDQUFvQjtZQW1CdEMsZUFBMEI7WUFDMUIsQUFEQSw0Q0FBMEIsb0JBQ1g7WUFPRixlQUFpQjtZQUFqQixzQ0FBaUI7WUFVN0IsY0FBbUI7WUFBbkIsd0NBQW1COzs7aUZEdEJYLG1CQUFtQjtjQU4vQixTQUFTOzJCQUNFLGlCQUFpQixtQkFHVix1QkFBdUIsQ0FBQyxNQUFNOztzQkFZNUMsTUFBTTt1QkFBQyxjQUFjO29EQVBmLEtBQUs7a0JBQWIsS0FBSztZQUNHLGNBQWM7a0JBQXRCLEtBQUs7WUFDRyxXQUFXO2tCQUFuQixLQUFLO1lBQ0csV0FBVztrQkFBbkIsS0FBSztZQUNHLGFBQWE7a0JBQXJCLEtBQUs7O2tGQVBLLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEluamVjdCxcbiAgSW5wdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBUT0tFTl9MT0dPX1VSTCB9IGZyb20gJy4uLy4uL2NvcmUvY29uc3RhbnRzL3Rva2Vucyc7XG5pbXBvcnQgeyBUcmFuc2xhdGVTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vdHJhbnNsYXRlL3B1YmxpYy1hcGknO1xuXG5pbXBvcnQgeyBQcm9kdWN0RW50cnlOYW1lIH0gZnJvbSAnLi9jb21tb24tbGF5b3V0L3B1YmxpYy1hcGknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhY2wtcGFnZS1oZWFkZXInLFxuICB0ZW1wbGF0ZVVybDogJ3RlbXBsYXRlLmh0bWwnLFxuICBzdHlsZVVybHM6IFsnc3R5bGVzLnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2VIZWFkZXJDb21wb25lbnQge1xuICBsb2dvU3JjID0gJy9jb25zb2xlL2FwaS92MS9jbS91aS1sb2dvcy9sb2dvJztcbiAgbG9jYWxlJCA9IHRoaXMudHJhbnNsYXRlLmxvY2FsZSQ7XG4gIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGN1cnJlbnRQcm9kdWN0OiBQcm9kdWN0RW50cnlOYW1lO1xuICBASW5wdXQoKSBoZWxwRG9jUGF0aDogc3RyaW5nO1xuICBASW5wdXQoKSBtZW51QWN0aW9ucyA9IHRydWU7XG4gIEBJbnB1dCgpIG1lbnVTZXBhcmF0b3IgPSB0cnVlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoVE9LRU5fTE9HT19VUkwpIHB1YmxpYyBsb2dvVXJsOiBzdHJpbmcsXG4gICAgcHJpdmF0ZSByZWFkb25seSB0cmFuc2xhdGU6IFRyYW5zbGF0ZVNlcnZpY2UsXG4gICkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJwYWdlLWhlYWRlcl9fbGVmdFwiPlxuICA8ZGl2IGNsYXNzPVwicGFnZS1oZWFkZXJfX2xvZ29cIj5cbiAgICA8YVxuICAgICAgKm5nSWY9XCJsb2dvVXJsOyBlbHNlIHBsYWluUGljdHVyZVJlZlwiXG4gICAgICBbaHJlZl09XCJsb2dvVXJsXCJcbiAgICA+XG4gICAgICA8aW1nXG4gICAgICAgIFtzcmNdPVwibG9nb1NyY1wiXG4gICAgICAgIGFsdD1cImxvZ29cIlxuICAgICAgLz5cbiAgICA8L2E+XG4gICAgPG5nLXRlbXBsYXRlICNwbGFpblBpY3R1cmVSZWY+XG4gICAgICA8YSBocmVmPVwiL1wiPlxuICAgICAgICA8aW1nXG4gICAgICAgICAgW3NyY109XCJsb2dvU3JjXCJcbiAgICAgICAgICBhbHQ9XCJsb2dvXCJcbiAgICAgICAgLz5cbiAgICAgIDwvYT5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInBhZ2UtaGVhZGVyX19zZXBhcmF0b3JcIj48L2Rpdj5cbiAgPGFjbC1wcm9kdWN0LXNlbGVjdFxuICAgIFtjdXJyZW50XT1cImN1cnJlbnRQcm9kdWN0XCJcbiAgICBbdGl0bGVdPVwidGl0bGVcIlxuICA+PC9hY2wtcHJvZHVjdC1zZWxlY3Q+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJwYWdlLWhlYWRlcl9fY2VudGVyXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cInBhZ2UtaGVhZGVyX19yaWdodFwiPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwibWVudUFjdGlvbnNcIj5cbiAgICA8YWNsLWVudGVycHJpc2Utc3VwcG9ydC1zdGF0dXNcbiAgICAgIFtwcm9kdWN0XT1cImN1cnJlbnRQcm9kdWN0XCJcbiAgICA+PC9hY2wtZW50ZXJwcmlzZS1zdXBwb3J0LXN0YXR1cz5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbY3VzdG9tQWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XG4gICAgPGFjbC1oZWxwLW1lbnUgW2hlbHBEb2NQYXRoXT1cImhlbHBEb2NQYXRoIHx8ICdjb250YWluZXJfcGxhdGZvcm0nXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYWNsSGVscE1lbnVDb250ZW50XVwiPjwvbmctY29udGVudD5cbiAgICA8L2FjbC1oZWxwLW1lbnU+XG4gIDwvbmctY29udGFpbmVyPlxuICA8ZGl2XG4gICAgKm5nSWY9XCJtZW51U2VwYXJhdG9yXCJcbiAgICBjbGFzcz1cInBhZ2UtaGVhZGVyX19zZXBhcmF0b3JcIlxuICA+PC9kaXY+XG4gIDxhY2wtYWNjb3VudC1tZW51PlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthY2xBY2NvdW50TWVudUNvbnRlbnRdXCI+PC9uZy1jb250ZW50PlxuICA8L2FjbC1hY2NvdW50LW1lbnU+XG48L2Rpdj5cbiJdfQ==