ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
30 lines • 6.85 kB
JavaScript
import { Component, ContentChild, Input, Optional } from '@angular/core';
import { OCollapseInputComponent } from '../o-collapse-input/o-collapse-input.component';
import * as i0 from "@angular/core";
import * as i1 from "../o-collapse.component";
import * as i2 from "@angular/common";
export class OCollapseContentComponent {
constructor(oCollapse) {
this.oCollapse = oCollapse;
}
ngAfterContentInit() {
if (this.oCollapse) {
this.identifierContent = this.oCollapse.identifier;
this.dataParentContent = this.oCollapse.dataParent;
}
}
}
OCollapseContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseContentComponent, deps: [{ token: i1.OCollapseComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
OCollapseContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCollapseContentComponent, selector: "o-collapse-content", inputs: { customClasses: "customClasses" }, queries: [{ propertyName: "inputComponent", first: true, predicate: OCollapseInputComponent, descendants: true, static: true }], ngImport: i0, template: "<ng-template #content><ng-content></ng-content></ng-template>\r\n\r\n<div [id]=\"identifierContent\" class=\"collapse\" [attr.data-parent]=\"dataParentContent ? '#' + dataParentContent : null\">\r\n <div class=\"card-body\" [ngClass]=\"customClasses\" *ngIf=\"!inputComponent; else inputContent\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </div>\r\n <ng-template #inputContent>\r\n <form class=\"card-body\" [ngClass]=\"customClasses\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </form>\r\n </ng-template>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseContentComponent, decorators: [{
type: Component,
args: [{ selector: 'o-collapse-content', template: "<ng-template #content><ng-content></ng-content></ng-template>\r\n\r\n<div [id]=\"identifierContent\" class=\"collapse\" [attr.data-parent]=\"dataParentContent ? '#' + dataParentContent : null\">\r\n <div class=\"card-body\" [ngClass]=\"customClasses\" *ngIf=\"!inputComponent; else inputContent\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </div>\r\n <ng-template #inputContent>\r\n <form class=\"card-body\" [ngClass]=\"customClasses\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </form>\r\n </ng-template>\r\n</div>\r\n" }]
}], ctorParameters: function () { return [{ type: i1.OCollapseComponent, decorators: [{
type: Optional
}] }]; }, propDecorators: { customClasses: [{
type: Input
}], inputComponent: [{
type: ContentChild,
args: [OCollapseInputComponent, { static: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1jb2xsYXBzZS1jb250ZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vYmVsaXNjby9jb2xsYXBzZS9vLWNvbGxhcHNlLWNvbnRlbnQvby1jb2xsYXBzZS1jb250ZW50LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vYmVsaXNjby9jb2xsYXBzZS9vLWNvbGxhcHNlLWNvbnRlbnQvby1jb2xsYXBzZS1jb250ZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTNGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDOzs7O0FBT3pGLE1BQU0sT0FBTyx5QkFBeUI7SUFDcEMsWUFBZ0MsU0FBNkI7UUFBN0IsY0FBUyxHQUFULFNBQVMsQ0FBb0I7SUFBRyxDQUFDO0lBUWpFLGtCQUFrQjtRQUNoQixJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUU7WUFDbEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsVUFBVSxDQUFDO1lBQ25ELElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQztTQUNwRDtJQUNILENBQUM7O3NIQWRVLHlCQUF5QjswR0FBekIseUJBQXlCLGtKQUl0Qix1QkFBdUIsOERDYnZDLGdsQkFZQTsyRkRIYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0Usb0JBQW9COzswQkFLakIsUUFBUTs0Q0FDTCxhQUFhO3NCQUE1QixLQUFLO2dCQUVtRCxjQUFjO3NCQUF0RSxZQUFZO3VCQUFDLHVCQUF1QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFmdGVyQ29udGVudEluaXQsIENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT0NvbGxhcHNlQ29tcG9uZW50IH0gZnJvbSAnLi4vby1jb2xsYXBzZS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBPQ29sbGFwc2VJbnB1dENvbXBvbmVudCB9IGZyb20gJy4uL28tY29sbGFwc2UtaW5wdXQvby1jb2xsYXBzZS1pbnB1dC5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdvLWNvbGxhcHNlLWNvbnRlbnQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9vLWNvbGxhcHNlLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL28tY29sbGFwc2UtY29udGVudC5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBPQ29sbGFwc2VDb250ZW50Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XHJcbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgcHJpdmF0ZSBvQ29sbGFwc2U6IE9Db2xsYXBzZUNvbXBvbmVudCkge31cclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tQ2xhc3Nlcz86IHN0cmluZztcclxuXHJcbiAgQENvbnRlbnRDaGlsZChPQ29sbGFwc2VJbnB1dENvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSkgaW5wdXRDb21wb25lbnQ/OiBPQ29sbGFwc2VJbnB1dENvbXBvbmVudDtcclxuXHJcbiAgcHVibGljIGlkZW50aWZpZXJDb250ZW50OiBzdHJpbmcgfCB1bmRlZmluZWQ7XHJcbiAgcHVibGljIGRhdGFQYXJlbnRDb250ZW50OiBzdHJpbmcgfCB1bmRlZmluZWQ7XHJcblxyXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcclxuICAgIGlmICh0aGlzLm9Db2xsYXBzZSkge1xyXG4gICAgICB0aGlzLmlkZW50aWZpZXJDb250ZW50ID0gdGhpcy5vQ29sbGFwc2UuaWRlbnRpZmllcjtcclxuICAgICAgdGhpcy5kYXRhUGFyZW50Q29udGVudCA9IHRoaXMub0NvbGxhcHNlLmRhdGFQYXJlbnQ7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxuZy10ZW1wbGF0ZSAjY29udGVudD48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9uZy10ZW1wbGF0ZT5cclxuXHJcbjxkaXYgW2lkXT1cImlkZW50aWZpZXJDb250ZW50XCIgY2xhc3M9XCJjb2xsYXBzZVwiIFthdHRyLmRhdGEtcGFyZW50XT1cImRhdGFQYXJlbnRDb250ZW50ID8gJyMnICsgZGF0YVBhcmVudENvbnRlbnQgOiBudWxsXCI+XHJcbiAgPGRpdiBjbGFzcz1cImNhcmQtYm9keVwiIFtuZ0NsYXNzXT1cImN1c3RvbUNsYXNzZXNcIiAqbmdJZj1cIiFpbnB1dENvbXBvbmVudDsgZWxzZSBpbnB1dENvbnRlbnRcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9kaXY+XHJcbiAgPG5nLXRlbXBsYXRlICNpbnB1dENvbnRlbnQ+XHJcbiAgICA8Zm9ybSBjbGFzcz1cImNhcmQtYm9keVwiIFtuZ0NsYXNzXT1cImN1c3RvbUNsYXNzZXNcIj5cclxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImNvbnRlbnRcIj48L25nLWNvbnRhaW5lcj5cclxuICAgIDwvZm9ybT5cclxuICA8L25nLXRlbXBsYXRlPlxyXG48L2Rpdj5cclxuIl19