ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
40 lines • 8 kB
JavaScript
import { Component, ContentChild, Input } from '@angular/core';
import { OCustomContentDirective } from 'ngx-obelisco-example/directives';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export 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 }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1zdGF0dXMtbWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2JlbGlzY28vc3RhdHVzLW1lc3NhZ2Uvby1zdGF0dXMtbWVzc2FnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2JlbGlzY28vc3RhdHVzLW1lc3NhZ2Uvby1zdGF0dXMtbWVzc2FnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0QsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0saUNBQWlDLENBQUM7OztBQU8xRSxNQUFNLE9BQU8sdUJBQXVCO0lBTHBDO1FBTWtCLFNBQUksR0FBdUIsU0FBUyxDQUFDO1FBR3JDLGdCQUFXLEdBQWEsRUFBRSxDQUFDO1FBQzNCLGtCQUFhLEdBQVcsRUFBRSxDQUFDO0tBZTVDO0lBWEMsSUFBSSxXQUFXO1FBQ2IsT0FBTyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ3pELENBQUM7SUFFRCxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztJQUNyQyxDQUFDOztvSEFuQlUsdUJBQXVCO3dHQUF2Qix1QkFBdUIsOE5BT3BCLHVCQUF1Qiw4RENoQnZDLHN1QkFlQTsyRkROYSx1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0Usa0JBQWtCOzhCQUtaLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxPQUFPO3NCQUF0QixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsYUFBYTtzQkFBNUIsS0FBSztnQkFFbUQsY0FBYztzQkFBdEUsWUFBWTt1QkFBQyx1QkFBdUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgU3RhdHVzTWVzc2FnZVR5cGVzIH0gZnJvbSAnbmd4LW9iZWxpc2NvLWV4YW1wbGUvY29yZS9tb2RlbHMnO1xyXG5pbXBvcnQgeyBPQ3VzdG9tQ29udGVudERpcmVjdGl2ZSB9IGZyb20gJ25neC1vYmVsaXNjby1leGFtcGxlL2RpcmVjdGl2ZXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdvLXN0YXR1cy1tZXNzYWdlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vby1zdGF0dXMtbWVzc2FnZS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vby1zdGF0dXMtbWVzc2FnZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBPU3RhdHVzTWVzc2FnZUNvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgcHVibGljIHR5cGU6IFN0YXR1c01lc3NhZ2VUeXBlcyA9ICdzdWNjZXNzJztcclxuICBASW5wdXQoKSBwdWJsaWMgdGl0bGUhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcHVibGljIGNvbnRlbnQhOiBzdHJpbmcgfCBzdHJpbmdbXTtcclxuICBASW5wdXQoKSBwdWJsaWMgbGlzdENvbnRlbnQ6IHN0cmluZ1tdID0gW107XHJcbiAgQElucHV0KCkgcHVibGljIGN1c3RvbUNsYXNzZXM6IHN0cmluZyA9ICcnO1xyXG5cclxuICBAQ29udGVudENoaWxkKE9DdXN0b21Db250ZW50RGlyZWN0aXZlLCB7IHN0YXRpYzogdHJ1ZSB9KSBvQ3VzdG9tQ29udGVudD86IE9DdXN0b21Db250ZW50RGlyZWN0aXZlO1xyXG5cclxuICBnZXQgaXNUZXh0QXJyYXkoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gQXJyYXkuaXNBcnJheSh0aGlzLmNvbnRlbnQpO1xyXG4gIH1cclxuXHJcbiAgZ2V0IHRleHRBcnJheSgpOiBzdHJpbmdbXSB7XHJcbiAgICByZXR1cm4gQXJyYXkuaXNBcnJheSh0aGlzLmNvbnRlbnQpID8gdGhpcy5jb250ZW50IDogW107XHJcbiAgfVxyXG5cclxuICBnZXQgaXNMaXN0KCk6IGJvb2xlYW4ge1xyXG4gICAgcmV0dXJuIHRoaXMubGlzdENvbnRlbnQubGVuZ3RoID4gMDtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInN0YXR1c1wiIFtuZ0NsYXNzXT1cIidzdGF0dXMtJyArIHR5cGVcIiBbY2xhc3NdPVwiY3VzdG9tQ2xhc3Nlc1wiPlxyXG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCIhb0N1c3RvbUNvbnRlbnRcIj5cclxuICAgIDxoMiBjbGFzcz1cInN0YXR1cy10aXRsZVwiPnt7IHRpdGxlIH19PC9oMj5cclxuICAgIDxwIGNsYXNzPVwic3RhdHVzLXRleHRcIiAqbmdJZj1cIiFpc1RleHRBcnJheTsgZWxzZSBpc0FhcnJheVwiIFtpbm5lckhUTUxdPVwiY29udGVudFwiPjwvcD5cclxuICAgIDxuZy10ZW1wbGF0ZSAjaXNBYXJyYXk+XHJcbiAgICAgIDxwIGNsYXNzPVwic3RhdHVzLXRleHRcIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiB0ZXh0QXJyYXlcIiBbaW5uZXJIVE1MXT1cIml0ZW1cIj48L3A+XHJcbiAgICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICAgIDx1bCBjbGFzcz1cInN0YXR1cy1saXN0XCIgKm5nSWY9XCJpc0xpc3RcIj5cclxuICAgICAgPGxpICpuZ0Zvcj1cImxldCBpdGVtIG9mIGxpc3RDb250ZW50XCIgW2lubmVySFRNTF09XCJpdGVtXCI+PC9saT5cclxuICAgIDwvdWw+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9uZy1jb250YWluZXI+XHJcbiAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIm9DdXN0b21Db250ZW50XCIgW25nVGVtcGxhdGVPdXRsZXRdPVwib0N1c3RvbUNvbnRlbnQudGVtcGxhdGVcIj4gPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PlxyXG4iXX0=