@angelmontes/mef-ui/fesm2022/angelmontes-mef-ui.mjs

Librería pública de componentes Angular reutilizables

import * as i0 from '@angular/core';
import { Injectable, Component, EventEmitter, Input, Output } from '@angular/core';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';

class MefUiService {
    constructor() { }
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MefUiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MefUiService, providedIn: 'root' });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MefUiService, decorators: [{
            type: Injectable,
            args: [{
                    providedIn: 'root'
                }]
        }], ctorParameters: () => [] });

class MefUiComponent {
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MefUiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MefUiComponent, isStandalone: true, selector: "mef-mef-ui", ngImport: i0, template: `
    <p>
      mef-ui works!
    </p>
  `, isInline: true, styles: [""] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MefUiComponent, decorators: [{
            type: Component,
            args: [{ selector: 'mef-mef-ui', standalone: true, imports: [], template: `
    <p>
      mef-ui works!
    </p>
  ` }]
        }] });

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
            }] } });

/*
 * Public API Surface of mef-ui
 */

/**
 * Generated bundle index. Do not edit.
 */

export { AlertComponent, MefUiComponent, MefUiService };
//# sourceMappingURL=angelmontes-mef-ui.mjs.map