@vismaux/ngx-nordic-cool
Version:
Common Nordic-Cool components for Angular.
33 lines • 6.44 kB
JavaScript
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
/**
* An alert is a short and attention-grabbing message providing feedback about some important aspect of the service which may need to be handled by the user.
* Read more about alerts in the [UX Guidelines](https://ux.visma.com/weblibrary/latest/development/documentation/docs/alerts.php).
*/
export class NcAlertComponent {
constructor() {
this.type = 'info';
this.size = 'md';
this.dismissable = false;
this.dismiss = new EventEmitter();
}
get isDismissable() {
return this.dismissable === '' || this.dismissable === true;
}
}
NcAlertComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NcAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
NcAlertComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.3", type: NcAlertComponent, selector: "nc-alert", inputs: { type: "type", size: "size", dismissable: "dismissable" }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: "<div\n class=\"alert\"\n [class.alert-sm]=\"size === 'sm'\"\n [class.alert-dismissable]=\"isDismissable\"\n [ngClass]=\"'alert-' + type\"\n role=\"alert\"\n>\n <button\n *ngIf=\"isDismissable\"\n type=\"button\"\n class=\"close\"\n i18n-aria-label=\"@@nc-alert-close\"\n aria-label=\"Close\"\n (click)=\"dismiss.emit()\"\n ></button>\n <div>\n <span\n class=\"vismaicon vismaicon vismaicon-filled\"\n [class.vismaicon-sm]=\"size === 'sm'\"\n [ngClass]=\"'vismaicon-' + type\"\n aria-hidden=\"true\"\n ></span>\n <ng-content></ng-content>\n </div>\n</div>\n", directives: [{ type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.3", ngImport: i0, type: NcAlertComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-alert', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n class=\"alert\"\n [class.alert-sm]=\"size === 'sm'\"\n [class.alert-dismissable]=\"isDismissable\"\n [ngClass]=\"'alert-' + type\"\n role=\"alert\"\n>\n <button\n *ngIf=\"isDismissable\"\n type=\"button\"\n class=\"close\"\n i18n-aria-label=\"@@nc-alert-close\"\n aria-label=\"Close\"\n (click)=\"dismiss.emit()\"\n ></button>\n <div>\n <span\n class=\"vismaicon vismaicon vismaicon-filled\"\n [class.vismaicon-sm]=\"size === 'sm'\"\n [ngClass]=\"'vismaicon-' + type\"\n aria-hidden=\"true\"\n ></span>\n <ng-content></ng-content>\n </div>\n</div>\n" }]
}], propDecorators: { type: [{
type: Input
}], size: [{
type: Input
}], dismissable: [{
type: Input
}], dismiss: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW5vcmRpYy1jb29sL3NyYy9saWIvYWxlcnQvYWxlcnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW5vcmRpYy1jb29sL3NyYy9saWIvYWxlcnQvYWxlcnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7OztBQUt2Qjs7O0dBR0c7QUFNSCxNQUFNLE9BQU8sZ0JBQWdCO0lBTDdCO1FBTVcsU0FBSSxHQUFnQixNQUFNLENBQUM7UUFDM0IsU0FBSSxHQUFnQixJQUFJLENBQUM7UUFDekIsZ0JBQVcsR0FBcUIsS0FBSyxDQUFDO1FBQ3JDLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO0tBS3hDO0lBSEMsSUFBSSxhQUFhO1FBQ2YsT0FBTyxJQUFJLENBQUMsV0FBVyxLQUFLLEVBQUUsSUFBSSxJQUFJLENBQUMsV0FBVyxLQUFLLElBQUksQ0FBQztJQUM5RCxDQUFDOzs2R0FSVSxnQkFBZ0I7aUdBQWhCLGdCQUFnQixxSkNwQjdCLHNtQkF5QkE7MkZETGEsZ0JBQWdCO2tCQUw1QixTQUFTOytCQUNFLFVBQVUsbUJBRUgsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgdHlwZSBOY0FsZXJ0VHlwZSA9ICdzdWNjZXNzJyB8ICd3YXJuaW5nJyB8ICdpbmZvJyB8ICdkYW5nZXInO1xuZXhwb3J0IHR5cGUgTmNBbGVydFNpemUgPSAnc20nIHwgJ21kJztcblxuLyoqXG4gKiBBbiBhbGVydCBpcyBhIHNob3J0IGFuZCBhdHRlbnRpb24tZ3JhYmJpbmcgbWVzc2FnZSBwcm92aWRpbmcgZmVlZGJhY2sgYWJvdXQgc29tZSBpbXBvcnRhbnQgYXNwZWN0IG9mIHRoZSBzZXJ2aWNlIHdoaWNoIG1heSBuZWVkIHRvIGJlIGhhbmRsZWQgYnkgdGhlIHVzZXIuXG4gKiBSZWFkIG1vcmUgYWJvdXQgYWxlcnRzIGluIHRoZSBbVVggR3VpZGVsaW5lc10oaHR0cHM6Ly91eC52aXNtYS5jb20vd2VibGlicmFyeS9sYXRlc3QvZGV2ZWxvcG1lbnQvZG9jdW1lbnRhdGlvbi9kb2NzL2FsZXJ0cy5waHApLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduYy1hbGVydCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBOY0FsZXJ0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgdHlwZTogTmNBbGVydFR5cGUgPSAnaW5mbyc7XG4gIEBJbnB1dCgpIHNpemU6IE5jQWxlcnRTaXplID0gJ21kJztcbiAgQElucHV0KCkgZGlzbWlzc2FibGU6IGJvb2xlYW4gfCBzdHJpbmcgPSBmYWxzZTtcbiAgQE91dHB1dCgpIGRpc21pc3MgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgZ2V0IGlzRGlzbWlzc2FibGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuZGlzbWlzc2FibGUgPT09ICcnIHx8IHRoaXMuZGlzbWlzc2FibGUgPT09IHRydWU7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJhbGVydFwiXG4gIFtjbGFzcy5hbGVydC1zbV09XCJzaXplID09PSAnc20nXCJcbiAgW2NsYXNzLmFsZXJ0LWRpc21pc3NhYmxlXT1cImlzRGlzbWlzc2FibGVcIlxuICBbbmdDbGFzc109XCInYWxlcnQtJyArIHR5cGVcIlxuICByb2xlPVwiYWxlcnRcIlxuPlxuICA8YnV0dG9uXG4gICAgKm5nSWY9XCJpc0Rpc21pc3NhYmxlXCJcbiAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICBjbGFzcz1cImNsb3NlXCJcbiAgICBpMThuLWFyaWEtbGFiZWw9XCJAQG5jLWFsZXJ0LWNsb3NlXCJcbiAgICBhcmlhLWxhYmVsPVwiQ2xvc2VcIlxuICAgIChjbGljayk9XCJkaXNtaXNzLmVtaXQoKVwiXG4gID48L2J1dHRvbj5cbiAgPGRpdj5cbiAgICA8c3BhblxuICAgICAgY2xhc3M9XCJ2aXNtYWljb24gdmlzbWFpY29uIHZpc21haWNvbi1maWxsZWRcIlxuICAgICAgW2NsYXNzLnZpc21haWNvbi1zbV09XCJzaXplID09PSAnc20nXCJcbiAgICAgIFtuZ0NsYXNzXT1cIid2aXNtYWljb24tJyArIHR5cGVcIlxuICAgICAgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICA+PC9zcGFuPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==