@alauda-fe/common/esm2022/overview-banner/overview-banner.component.mjs

Alauda frontend team common codes.

import { IconComponent } from '@alauda/ui';
import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
import * as i0 from "@angular/core";
export class OverviewBannerComponent {
    constructor() {
        this.option = {};
    }
    static { this.ɵfac = function OverviewBannerComponent_Factory(t) { return new (t || OverviewBannerComponent)(); }; }
    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: OverviewBannerComponent, selectors: [["acl-overview-banner"]], inputs: { option: "option" }, standalone: true, features: [i0.ɵɵStandaloneFeature], decls: 9, vars: 3, consts: [[1, "overview-banner--wrapper"], [1, "overview-banner"], [1, "overview-banner__icon"], [1, "acl-colorful-icon", "highlight", 3, "icon"], [1, "overview-banner__content"], [1, "overview-banner__title"], [1, "overview-banner__description"]], template: function OverviewBannerComponent_Template(rf, ctx) { if (rf & 1) {
            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
            i0.ɵɵelement(3, "aui-icon", 3);
            i0.ɵɵelementEnd();
            i0.ɵɵelementStart(4, "div", 4)(5, "div", 5);
            i0.ɵɵtext(6);
            i0.ɵɵelementEnd();
            i0.ɵɵelementStart(7, "div", 6);
            i0.ɵɵtext(8);
            i0.ɵɵelementEnd()()()();
        } if (rf & 2) {
            i0.ɵɵadvance(3);
            i0.ɵɵproperty("icon", "bicolor:" + (ctx.option == null ? null : ctx.option.icon));
            i0.ɵɵadvance(3);
            i0.ɵɵtextInterpolate1(" ", ctx.option == null ? null : ctx.option.title, " ");
            i0.ɵɵadvance(2);
            i0.ɵɵtextInterpolate1(" ", ctx.option == null ? null : ctx.option.description, " ");
        } }, dependencies: [IconComponent], styles: [".overview-banner[_ngcontent-%COMP%]{display:flex;align-items:center;padding:24px}.overview-banner--wrapper[_ngcontent-%COMP%]{border-radius:var(--aui-border-radius-l);margin-bottom:var(--aui-spacing-xl);background-color:rgb(var(--aui-color-primary));background-image:url(^images/overview-banner.svg);background-size:cover;background-position:center}.overview-banner__icon[_ngcontent-%COMP%]{margin-right:20px}.overview-banner__icon[_ngcontent-%COMP%]   aui-icon[_ngcontent-%COMP%]{display:flex;font-size:56px;width:1em;height:1em}.overview-banner__content[_ngcontent-%COMP%]{color:#fff}.overview-banner__title[_ngcontent-%COMP%]{font-size:24px;line-height:36px;font-weight:var(--aui-font-weight-bolder)}.overview-banner__description[_ngcontent-%COMP%]{margin-top:4px;font-size:var(--aui-font-size-m)}"], changeDetection: 0 }); }
}
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OverviewBannerComponent, [{
        type: Component,
        args: [{ selector: 'acl-overview-banner', preserveWhitespaces: false, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [IconComponent], template: "<div class=\"overview-banner--wrapper\">\n  <div class=\"overview-banner\">\n    <div class=\"overview-banner__icon\">\n      <aui-icon\n        class=\"acl-colorful-icon highlight\"\n        [icon]=\"'bicolor:' + option?.icon\"\n      ></aui-icon>\n    </div>\n    <div class=\"overview-banner__content\">\n      <div class=\"overview-banner__title\">\n        {{ option?.title }}\n      </div>\n      <div class=\"overview-banner__description\">\n        {{ option?.description }}\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".overview-banner{display:flex;align-items:center;padding:24px}.overview-banner--wrapper{border-radius:var(--aui-border-radius-l);margin-bottom:var(--aui-spacing-xl);background-color:rgb(var(--aui-color-primary));background-image:url(^images/overview-banner.svg);background-size:cover;background-position:center}.overview-banner__icon{margin-right:20px}.overview-banner__icon aui-icon{display:flex;font-size:56px;width:1em;height:1em}.overview-banner__content{color:#fff}.overview-banner__title{font-size:24px;line-height:36px;font-weight:var(--aui-font-weight-bolder)}.overview-banner__description{margin-top:4px;font-size:var(--aui-font-size-m)}\n"] }]
    }], null, { option: [{
            type: Input
        }] }); })();
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(OverviewBannerComponent, { className: "OverviewBannerComponent" }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcnZpZXctYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy9vdmVydmlldy1iYW5uZXIvb3ZlcnZpZXctYmFubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMvY29tbW9uL3NyYy9vdmVydmlldy1iYW5uZXIvb3ZlcnZpZXctYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDM0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBYTFFLE1BQU0sT0FBTyx1QkFBdUI7SUFUcEM7UUFXRSxXQUFNLEdBQUcsRUFBMEIsQ0FBQztLQUNyQzt3RkFIWSx1QkFBdUI7b0VBQXZCLHVCQUF1QjtZQ1poQyxBQURGLEFBREYsOEJBQXNDLGFBQ1AsYUFDUTtZQUNqQyw4QkFHWTtZQUNkLGlCQUFNO1lBRUosQUFERiw4QkFBc0MsYUFDQTtZQUNsQyxZQUNGO1lBQUEsaUJBQU07WUFDTiw4QkFBMEM7WUFDeEMsWUFDRjtZQUdOLEFBREUsQUFERSxBQURFLGlCQUFNLEVBQ0YsRUFDRixFQUNGOztZQVpFLGVBQWtDO1lBQWxDLGlGQUFrQztZQUtsQyxlQUNGO1lBREUsNkVBQ0Y7WUFFRSxlQUNGO1lBREUsbUZBQ0Y7NEJERk0sYUFBYTs7aUZBRVosdUJBQXVCO2NBVG5DLFNBQVM7MkJBQ0UscUJBQXFCLHVCQUdWLEtBQUssbUJBQ1QsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxhQUFhLENBQUM7Z0JBSXhCLE1BQU07a0JBREwsS0FBSzs7a0ZBREssdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BhbGF1ZGEvdWknO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgT3ZlcnZpZXdCYW5uZXJPcHRpb24gfSBmcm9tICcuL3B1YmxpYy1hcGknO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhY2wtb3ZlcnZpZXctYmFubmVyJyxcbiAgdGVtcGxhdGVVcmw6ICdvdmVydmlldy1iYW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnb3ZlcnZpZXctYmFubmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0ljb25Db21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBPdmVydmlld0Jhbm5lckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIG9wdGlvbiA9IHt9IGFzIE92ZXJ2aWV3QmFubmVyT3B0aW9uO1xufVxuIiwiPGRpdiBjbGFzcz1cIm92ZXJ2aWV3LWJhbm5lci0td3JhcHBlclwiPlxuICA8ZGl2IGNsYXNzPVwib3ZlcnZpZXctYmFubmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cIm92ZXJ2aWV3LWJhbm5lcl9faWNvblwiPlxuICAgICAgPGF1aS1pY29uXG4gICAgICAgIGNsYXNzPVwiYWNsLWNvbG9yZnVsLWljb24gaGlnaGxpZ2h0XCJcbiAgICAgICAgW2ljb25dPVwiJ2JpY29sb3I6JyArIG9wdGlvbj8uaWNvblwiXG4gICAgICA+PC9hdWktaWNvbj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwib3ZlcnZpZXctYmFubmVyX19jb250ZW50XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwib3ZlcnZpZXctYmFubmVyX190aXRsZVwiPlxuICAgICAgICB7eyBvcHRpb24/LnRpdGxlIH19XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJvdmVydmlldy1iYW5uZXJfX2Rlc2NyaXB0aW9uXCI+XG4gICAgICAgIHt7IG9wdGlvbj8uZGVzY3JpcHRpb24gfX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19