ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
63 lines (58 loc) • 5.34 kB
JavaScript
import * as i0 from '@angular/core';
import { Component, Input, ContentChild, NgModule } from '@angular/core';
import { OCustomContentDirective } from 'ngx-obelisco-example/directives';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
class OStatusMessageComponent {
constructor() {
this.type = 'success';
this.listContent = [];
this.customClasses = '';
}
get isTextArray() {
return Array.isArray(this.content);
}
get textArray() {
return Array.isArray(this.content) ? this.content : [];
}
get isList() {
return this.listContent.length > 0;
}
}
OStatusMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OStatusMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OStatusMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OStatusMessageComponent, selector: "o-status-message", inputs: { type: "type", title: "title", content: "content", listContent: "listContent", customClasses: "customClasses" }, queries: [{ propertyName: "oCustomContent", first: true, predicate: OCustomContentDirective, descendants: true, static: true }], ngImport: i0, template: "<div class=\"status\" [ngClass]=\"'status-' + type\" [class]=\"customClasses\">\r\n <ng-container *ngIf=\"!oCustomContent\">\r\n <h2 class=\"status-title\">{{ title }}</h2>\r\n <p class=\"status-text\" *ngIf=\"!isTextArray; else isAarray\" [innerHTML]=\"content\"></p>\r\n <ng-template #isAarray>\r\n <p class=\"status-text\" *ngFor=\"let item of textArray\" [innerHTML]=\"item\"></p>\r\n </ng-template>\r\n\r\n <ul class=\"status-list\" *ngIf=\"isList\">\r\n <li *ngFor=\"let item of listContent\" [innerHTML]=\"item\"></li>\r\n </ul>\r\n <ng-content></ng-content>\r\n </ng-container>\r\n <ng-container *ngIf=\"oCustomContent\" [ngTemplateOutlet]=\"oCustomContent.template\"> </ng-container>\r\n</div>\r\n", styles: ["::ng-deep .status>o-button+o-button{margin-left:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OStatusMessageComponent, decorators: [{
type: Component,
args: [{ selector: 'o-status-message', template: "<div class=\"status\" [ngClass]=\"'status-' + type\" [class]=\"customClasses\">\r\n <ng-container *ngIf=\"!oCustomContent\">\r\n <h2 class=\"status-title\">{{ title }}</h2>\r\n <p class=\"status-text\" *ngIf=\"!isTextArray; else isAarray\" [innerHTML]=\"content\"></p>\r\n <ng-template #isAarray>\r\n <p class=\"status-text\" *ngFor=\"let item of textArray\" [innerHTML]=\"item\"></p>\r\n </ng-template>\r\n\r\n <ul class=\"status-list\" *ngIf=\"isList\">\r\n <li *ngFor=\"let item of listContent\" [innerHTML]=\"item\"></li>\r\n </ul>\r\n <ng-content></ng-content>\r\n </ng-container>\r\n <ng-container *ngIf=\"oCustomContent\" [ngTemplateOutlet]=\"oCustomContent.template\"> </ng-container>\r\n</div>\r\n", styles: ["::ng-deep .status>o-button+o-button{margin-left:1rem}\n"] }]
}], propDecorators: { type: [{
type: Input
}], title: [{
type: Input
}], content: [{
type: Input
}], listContent: [{
type: Input
}], customClasses: [{
type: Input
}], oCustomContent: [{
type: ContentChild,
args: [OCustomContentDirective, { static: true }]
}] } });
class OStatusMessageModule {
}
OStatusMessageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OStatusMessageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
OStatusMessageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OStatusMessageModule, declarations: [OStatusMessageComponent], imports: [CommonModule], exports: [OStatusMessageComponent] });
OStatusMessageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OStatusMessageModule, imports: [CommonModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OStatusMessageModule, decorators: [{
type: NgModule,
args: [{
declarations: [OStatusMessageComponent],
imports: [CommonModule],
exports: [OStatusMessageComponent]
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { OStatusMessageComponent, OStatusMessageModule };
//# sourceMappingURL=ngx-obelisco-example-status-message.mjs.map