cu-ng-design-library
Version:
This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.3.0.
72 lines • 6.77 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/icon";
import * as i2 from "@angular/material/button";
import * as i3 from "@angular/material/toolbar";
import * as i4 from "@angular/common";
export class AnnouncementComponent {
constructor() {
this.isClosable = true;
}
ngOnInit() {
console.log(this.announcement);
}
handleCloseClick() {
this.announcement = undefined;
}
}
AnnouncementComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AnnouncementComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
AnnouncementComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: AnnouncementComponent, selector: "lib-announcement", inputs: { announcement: "announcement", isClosable: "isClosable" }, ngImport: i0, template: `
<mat-toolbar *ngIf="announcement">
<div class="container-fluid" style="width:100%;">
<div class="flex">
<mat-icon class="mr-2">{{
announcement.icon || 'notifications'
}}</mat-icon>
<div *ngIf="announcement.title">{{ announcement.title }}</div>
<ng-content></ng-content>
<div class="grow"></div>
<div *ngIf="isClosable">
<button
mat-icon-button
aria-label="close"
(click)="handleCloseClick()"
>
<mat-icon>close</mat-icon>
</button>
</div>
</div>
</div>
</mat-toolbar>
`, isInline: true, styles: [".flex{display:flex;align-items:center;flex-wrap:wrap}.grow{flex:1}.mat-toolbar{background-color:#2d668e;color:#fff;white-space:normal;height:auto;padding:16px}.mr-2{margin-right:16px}\n"], dependencies: [{ kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: AnnouncementComponent, decorators: [{
type: Component,
args: [{ selector: 'lib-announcement', template: `
<mat-toolbar *ngIf="announcement">
<div class="container-fluid" style="width:100%;">
<div class="flex">
<mat-icon class="mr-2">{{
announcement.icon || 'notifications'
}}</mat-icon>
<div *ngIf="announcement.title">{{ announcement.title }}</div>
<ng-content></ng-content>
<div class="grow"></div>
<div *ngIf="isClosable">
<button
mat-icon-button
aria-label="close"
(click)="handleCloseClick()"
>
<mat-icon>close</mat-icon>
</button>
</div>
</div>
</div>
</mat-toolbar>
`, styles: [".flex{display:flex;align-items:center;flex-wrap:wrap}.grow{flex:1}.mat-toolbar{background-color:#2d668e;color:#fff;white-space:normal;height:auto;padding:16px}.mr-2{margin-right:16px}\n"] }]
}], propDecorators: { announcement: [{
type: Input
}], isClosable: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5ub3VuY2VtZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2N1LW5nLWRlc2lnbi1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9hbm5vdW5jZW1lbnQvYW5ub3VuY2VtZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBZ0MsTUFBTSxlQUFlLENBQUM7Ozs7OztBQXdEL0UsTUFBTSxPQUFPLHFCQUFxQjtJQWpEbEM7UUFtRFcsZUFBVSxHQUFHLElBQUksQ0FBQztLQVM1QjtJQVBDLFFBQVE7UUFDTixPQUFPLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLFlBQVksR0FBRyxTQUFTLENBQUM7SUFDaEMsQ0FBQzs7a0hBVlUscUJBQXFCO3NHQUFyQixxQkFBcUIsNEhBL0N0Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXNCVDsyRkF5QlUscUJBQXFCO2tCQWpEakMsU0FBUzsrQkFDRSxrQkFBa0IsWUFDbEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FzQlQ7OEJBMEJRLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IGludGVyZmFjZSBBbm5vdW5jZW1lbnQge1xuICB0aXRsZT86IHN0cmluZztcbiAgaWNvbj86ICdub3RpZmljYXRpb25zJyB8ICdlcnJvcicgfCAnaW5mbycgfCAnc3VjY2Vzcyc7XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi1hbm5vdW5jZW1lbnQnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtdG9vbGJhciAqbmdJZj1cImFubm91bmNlbWVudFwiPlxuICAgICAgPGRpdiBjbGFzcz1cImNvbnRhaW5lci1mbHVpZFwiIHN0eWxlPVwid2lkdGg6MTAwJTtcIj5cbiAgICAgICAgPGRpdiBjbGFzcz1cImZsZXhcIj5cbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJtci0yXCI+e3tcbiAgICAgICAgICAgIGFubm91bmNlbWVudC5pY29uIHx8ICdub3RpZmljYXRpb25zJ1xuICAgICAgICAgIH19PC9tYXQtaWNvbj5cbiAgICAgICAgICA8ZGl2ICpuZ0lmPVwiYW5ub3VuY2VtZW50LnRpdGxlXCI+e3sgYW5ub3VuY2VtZW50LnRpdGxlIH19PC9kaXY+XG4gICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJncm93XCI+PC9kaXY+XG4gICAgICAgICAgPGRpdiAqbmdJZj1cImlzQ2xvc2FibGVcIj5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgbWF0LWljb24tYnV0dG9uXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJjbG9zZVwiXG4gICAgICAgICAgICAgIChjbGljayk9XCJoYW5kbGVDbG9zZUNsaWNrKClcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8bWF0LWljb24+Y2xvc2U8L21hdC1pY29uPlxuICAgICAgICAgICAgPC9idXR0b24+XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9tYXQtdG9vbGJhcj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLmZsZXgge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBmbGV4LXdyYXA6IHdyYXA7XG4gICAgICB9XG4gICAgICAuZ3JvdyB7XG4gICAgICAgIGZsZXg6IDE7XG4gICAgICB9XG4gICAgICAubWF0LXRvb2xiYXIge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjMmQ2NjhlO1xuICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7XG4gICAgICAgIGhlaWdodDogYXV0bztcbiAgICAgICAgcGFkZGluZzogMTZweDtcbiAgICAgIH1cblxuICAgICAgLm1yLTIge1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDE2cHg7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQW5ub3VuY2VtZW50Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgYW5ub3VuY2VtZW50PzogQW5ub3VuY2VtZW50O1xuICBASW5wdXQoKSBpc0Nsb3NhYmxlID0gdHJ1ZTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICBjb25zb2xlLmxvZyh0aGlzLmFubm91bmNlbWVudCk7XG4gIH1cblxuICBoYW5kbGVDbG9zZUNsaWNrKCkge1xuICAgIHRoaXMuYW5ub3VuY2VtZW50ID0gdW5kZWZpbmVkO1xuICB9XG59XG4iXX0=