@angelmontes/mef-ui
Version:
Librería pública de componentes Angular reutilizables
37 lines • 6.62 kB
JavaScript
import { Component, Input, Output, EventEmitter } from '@angular/core';
import { CommonModule } from '@angular/common';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class AlertComponent {
type = 'default';
title;
message;
dismissible = false;
icon = 'check_circle';
closed = new EventEmitter();
get typeClass() {
return this.type;
}
onClose() {
this.closed.emit();
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AlertComponent, isStandalone: true, selector: "mef-alert", inputs: { type: "type", title: "title", message: "message", dismissible: "dismissible", icon: "icon" }, outputs: { closed: "closed" }, ngImport: i0, template: "<div class=\"alert\" [ngClass]=\"typeClass\">\r\n <span *ngIf=\"icon\" class=\"icon material-symbols-outlined\">{{ icon }}</span>\r\n\r\n <div class=\"content\">\r\n <strong class=\"title\" *ngIf=\"title\">\r\n {{ title }}\r\n </strong>\r\n <p class=\"message\">\r\n {{ message }}\r\n </p>\r\n </div>\r\n</div>\r\n", styles: [".alert{display:flex;align-items:center;width:868px;height:68px;min-width:360px;opacity:1;padding:16px;border-radius:8px;gap:8px}.alert.default{background-color:#c7c7c8;color:#353537}.alert.success{background-color:#c2e8e5;color:#20635e}.alert.info{background-color:#b0defd;color:#005188}.alert.warning{background-color:#fceac6;color:#876727}.alert.danger{background-color:#f9bfc1;color:#821c1e}.alert .title{font-family:Inter,sans-serif;font-weight:700;font-size:14px;line-height:100%;letter-spacing:-.02px;vertical-align:middle}.alert .message{font-family:Inter,sans-serif;font-weight:400;font-size:12px;vertical-align:middle}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AlertComponent, decorators: [{
type: Component,
args: [{ selector: 'mef-alert', standalone: true, imports: [CommonModule], template: "<div class=\"alert\" [ngClass]=\"typeClass\">\r\n <span *ngIf=\"icon\" class=\"icon material-symbols-outlined\">{{ icon }}</span>\r\n\r\n <div class=\"content\">\r\n <strong class=\"title\" *ngIf=\"title\">\r\n {{ title }}\r\n </strong>\r\n <p class=\"message\">\r\n {{ message }}\r\n </p>\r\n </div>\r\n</div>\r\n", styles: [".alert{display:flex;align-items:center;width:868px;height:68px;min-width:360px;opacity:1;padding:16px;border-radius:8px;gap:8px}.alert.default{background-color:#c7c7c8;color:#353537}.alert.success{background-color:#c2e8e5;color:#20635e}.alert.info{background-color:#b0defd;color:#005188}.alert.warning{background-color:#fceac6;color:#876727}.alert.danger{background-color:#f9bfc1;color:#821c1e}.alert .title{font-family:Inter,sans-serif;font-weight:700;font-size:14px;line-height:100%;letter-spacing:-.02px;vertical-align:middle}.alert .message{font-family:Inter,sans-serif;font-weight:400;font-size:12px;vertical-align:middle}\n"] }]
}], propDecorators: { type: [{
type: Input
}], title: [{
type: Input
}], message: [{
type: Input
}], dismissible: [{
type: Input
}], icon: [{
type: Input
}], closed: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbWVmLXVpL3NyYy9saWIvY29tcG9uZXRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL21lZi11aS9zcmMvbGliL2NvbXBvbmV0cy9hbGVydC9hbGVydC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBUy9DLE1BQU0sT0FBTyxjQUFjO0lBQ2hCLElBQUksR0FBMEQsU0FBUyxDQUFDO0lBQ3hFLEtBQUssQ0FBVTtJQUNmLE9BQU8sQ0FBVTtJQUNqQixXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQ3BCLElBQUksR0FBbUQsY0FBYyxDQUFDO0lBRXJFLE1BQU0sR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRTVDLElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQztJQUNuQixDQUFDO0lBRUQsT0FBTztRQUNMLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDckIsQ0FBQzt3R0FmVSxjQUFjOzRGQUFkLGNBQWMsNE1DVjNCLHNWQVlBLDhxQkROWSxZQUFZOzs0RkFJWCxjQUFjO2tCQVAxQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBS2QsSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnbWVmLWFsZXJ0JyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYWxlcnQuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEFsZXJ0Q29tcG9uZW50IHtcclxuICBASW5wdXQoKSB0eXBlOiAnZGVmYXVsdCcgfCAnc3VjY2VzcycgfCAnaW5mbycgfCAnd2FybmluZycgfCAnZGFuZ2VyJyA9ICdkZWZhdWx0JztcclxuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcclxuICBASW5wdXQoKSBtZXNzYWdlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGRpc21pc3NpYmxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaWNvbj86ICdjaGVja19jaXJjbGUnIHwgJ2luZm8nIHwgJ3dhcm5pbmcnIHwgJ2Vycm9yJyA9ICdjaGVja19jaXJjbGUnO1xyXG5cclxuICBAT3V0cHV0KCkgY2xvc2VkID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBnZXQgdHlwZUNsYXNzKCk6IHN0cmluZyB7XHJcbiAgICByZXR1cm4gdGhpcy50eXBlO1xyXG4gIH1cclxuXHJcbiAgb25DbG9zZSgpIHtcclxuICAgIHRoaXMuY2xvc2VkLmVtaXQoKTtcclxuICB9XHJcbn1cclxuXHJcblxyXG4iLCI8ZGl2IGNsYXNzPVwiYWxlcnRcIiBbbmdDbGFzc109XCJ0eXBlQ2xhc3NcIj5cclxuICA8c3BhbiAqbmdJZj1cImljb25cIiBjbGFzcz1cImljb24gbWF0ZXJpYWwtc3ltYm9scy1vdXRsaW5lZFwiPnt7IGljb24gfX08L3NwYW4+XHJcblxyXG4gIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XHJcbiAgICA8c3Ryb25nICBjbGFzcz1cInRpdGxlXCIgKm5nSWY9XCJ0aXRsZVwiPlxyXG4gICAgICB7eyB0aXRsZSB9fVxyXG4gICAgPC9zdHJvbmc+XHJcbiAgICA8cCBjbGFzcz1cIm1lc3NhZ2VcIj5cclxuICAgICAge3sgbWVzc2FnZSB9fVxyXG4gICAgPC9wPlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19