xui
Version:
xUI Components for Angular
55 lines • 6.71 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { ChangeDetectionStrategy, Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
import { InputBoolean } from '../utils';
import { BANNER_MODULE, WithConfig, XuiConfigService } from '../config';
import * as i0 from "@angular/core";
import * as i1 from "../config";
import * as i2 from "@angular/common";
import * as i3 from "../icon/icon.component";
export class BannerComponent {
get styles() {
const ret = {
'x-banner': true,
'x-banner-dismissible': this.dismissible
};
ret[`x-banner-${this.type}`] = true;
return ret;
}
constructor(configService) {
this.configService = configService;
this._moduleName = BANNER_MODULE;
this.type = 'info';
this.dismissible = false;
this.bannerClose = new EventEmitter();
}
dismiss() {
this.bannerClose.emit();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: BannerComponent, deps: [{ token: i1.XuiConfigService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: BannerComponent, selector: "xui-banner", inputs: { type: "type", stamp: "stamp", dismissible: "dismissible" }, outputs: { bannerClose: "bannerClose" }, host: { listeners: { "click": "dismiss()" } }, ngImport: i0, template: "<div [ngClass]=\"styles\">\n <div *ngIf=\"stamp\" class=\"x-banner-stamp\">\n {{ stamp }}\n </div>\n <ng-content></ng-content>\n <xui-icon *ngIf=\"dismissible\" class=\"x-banner-close\">close-thick</xui-icon>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.IconComponent, selector: "xui-icon" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
__decorate([
WithConfig(),
__metadata("design:type", String)
], BannerComponent.prototype, "type", void 0);
__decorate([
InputBoolean(),
WithConfig(),
__metadata("design:type", Object)
], BannerComponent.prototype, "dismissible", void 0);
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: BannerComponent, decorators: [{
type: Component,
args: [{ selector: 'xui-banner', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [ngClass]=\"styles\">\n <div *ngIf=\"stamp\" class=\"x-banner-stamp\">\n {{ stamp }}\n </div>\n <ng-content></ng-content>\n <xui-icon *ngIf=\"dismissible\" class=\"x-banner-close\">close-thick</xui-icon>\n</div>\n" }]
}], ctorParameters: function () { return [{ type: i1.XuiConfigService }]; }, propDecorators: { type: [{
type: Input
}], stamp: [{
type: Input
}], dismissible: [{
type: Input
}], bannerClose: [{
type: Output
}], dismiss: [{
type: HostListener,
args: ['click']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMveHVpL3NyYy9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnMveHVpL3NyYy9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sVUFBVSxDQUFDO0FBRXhDLE9BQU8sRUFBRSxhQUFhLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sV0FBVyxDQUFDOzs7OztBQU94RSxNQUFNLE9BQU8sZUFBZTtJQVMxQixJQUFJLE1BQU07UUFDUixNQUFNLEdBQUcsR0FBaUM7WUFDeEMsVUFBVSxFQUFFLElBQUk7WUFDaEIsc0JBQXNCLEVBQUUsSUFBSSxDQUFDLFdBQVc7U0FDekMsQ0FBQztRQUNGLEdBQUcsQ0FBQyxZQUFZLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQztRQUVwQyxPQUFPLEdBQUcsQ0FBQztJQUNiLENBQUM7SUFFRCxZQUFvQixhQUErQjtRQUEvQixrQkFBYSxHQUFiLGFBQWEsQ0FBa0I7UUFqQmxDLGdCQUFXLEdBQUcsYUFBYSxDQUFDO1FBRXRCLFNBQUksR0FBZSxNQUFNLENBQUM7UUFFVixnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNqRCxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFZVyxDQUFDO0lBR3ZELE9BQU87UUFDTCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7OEdBeEJVLGVBQWU7a0dBQWYsZUFBZSxnTkNYNUIsbU9BT0E7O0FEUXlCO0lBQWIsVUFBVSxFQUFFOzs2Q0FBMkI7QUFFVjtJQUE3QixZQUFZLEVBQUU7SUFBRSxVQUFVLEVBQUU7O29EQUFxQjsyRkFOaEQsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxZQUFZLG1CQUNMLHVCQUF1QixDQUFDLE1BQU07dUdBT3hCLElBQUk7c0JBQTFCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNpQyxXQUFXO3NCQUFqRCxLQUFLO2dCQUNJLFdBQVc7c0JBQXBCLE1BQU07Z0JBZVAsT0FBTztzQkFETixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElucHV0Qm9vbGVhbiB9IGZyb20gJy4uL3V0aWxzJztcbmltcG9ydCB7IEJhbm5lclR5cGUgfSBmcm9tICcuL2Jhbm5lci50eXBlcyc7XG5pbXBvcnQgeyBCQU5ORVJfTU9EVUxFLCBXaXRoQ29uZmlnLCBYdWlDb25maWdTZXJ2aWNlIH0gZnJvbSAnLi4vY29uZmlnJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAneHVpLWJhbm5lcicsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFubmVyLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBCYW5uZXJDb21wb25lbnQge1xuICBzdGF0aWMgbmdBY2NlcHRJbnB1dFR5cGVfZGlzbWlzc2libGU6IEJvb2xlYW5JbnB1dDtcbiAgcHJpdmF0ZSByZWFkb25seSBfbW9kdWxlTmFtZSA9IEJBTk5FUl9NT0RVTEU7XG5cbiAgQElucHV0KCkgQFdpdGhDb25maWcoKSB0eXBlOiBCYW5uZXJUeXBlID0gJ2luZm8nO1xuICBASW5wdXQoKSBzdGFtcCE6IHN0cmluZztcbiAgQElucHV0KCkgQElucHV0Qm9vbGVhbigpIEBXaXRoQ29uZmlnKCkgZGlzbWlzc2libGUgPSBmYWxzZTtcbiAgQE91dHB1dCgpIGJhbm5lckNsb3NlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIGdldCBzdHlsZXMoKSB7XG4gICAgY29uc3QgcmV0OiB7IFtrbGFzczogc3RyaW5nXTogYm9vbGVhbiB9ID0ge1xuICAgICAgJ3gtYmFubmVyJzogdHJ1ZSxcbiAgICAgICd4LWJhbm5lci1kaXNtaXNzaWJsZSc6IHRoaXMuZGlzbWlzc2libGVcbiAgICB9O1xuICAgIHJldFtgeC1iYW5uZXItJHt0aGlzLnR5cGV9YF0gPSB0cnVlO1xuXG4gICAgcmV0dXJuIHJldDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY29uZmlnU2VydmljZTogWHVpQ29uZmlnU2VydmljZSkge31cblxuICBASG9zdExpc3RlbmVyKCdjbGljaycpXG4gIGRpc21pc3MoKSB7XG4gICAgdGhpcy5iYW5uZXJDbG9zZS5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXYgW25nQ2xhc3NdPVwic3R5bGVzXCI+XG4gIDxkaXYgKm5nSWY9XCJzdGFtcFwiIGNsYXNzPVwieC1iYW5uZXItc3RhbXBcIj5cbiAgICB7eyBzdGFtcCB9fVxuICA8L2Rpdj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8eHVpLWljb24gKm5nSWY9XCJkaXNtaXNzaWJsZVwiIGNsYXNzPVwieC1iYW5uZXItY2xvc2VcIj5jbG9zZS10aGljazwveHVpLWljb24+XG48L2Rpdj5cbiJdfQ==