ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
41 lines • 9.05 kB
JavaScript
import { Component, ContentChild, Input, Optional } from '@angular/core';
import { OCollapseTitleComponent } from '../o-collapse-title/o-collapse-title.component';
import { OCollapseSubtitleComponent } from '../o-collapse-subtitle/o-collapse-subtitle.component';
import { OCollapseLabelComponent } from '../o-collapse-label/o-collapse-label.component';
import { OCollapseIconComponent } from '../o-collapse-icon/o-collapse-icon.component';
import * as i0 from "@angular/core";
import * as i1 from "../o-collapse.component";
import * as i2 from "@angular/common";
export class OCollapseHeaderComponent {
constructor(oCollapse) {
this.oCollapse = oCollapse;
}
ngAfterContentInit() {
if (this.oCollapse) {
this.identifierHeader = this.oCollapse.identifier;
}
}
}
OCollapseHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseHeaderComponent, deps: [{ token: i1.OCollapseComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
OCollapseHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCollapseHeaderComponent, selector: "o-collapse-header", inputs: { customClasses: "customClasses" }, queries: [{ propertyName: "titleComponent", first: true, predicate: OCollapseTitleComponent, descendants: true, static: true }, { propertyName: "subtitleComponent", first: true, predicate: OCollapseSubtitleComponent, descendants: true, static: true }, { propertyName: "labelComponent", first: true, predicate: OCollapseLabelComponent, descendants: true, static: true }, { propertyName: "iconComponent", first: true, predicate: OCollapseIconComponent, descendants: true, static: true }], ngImport: i0, template: "<ng-container *ngIf=\"titleComponent || subtitleComponent || labelComponent || iconComponent; else customHeader\">\r\n <button\r\n class=\"card-header collapsed\"\r\n data-toggle=\"collapse\"\r\n [attr.data-target]=\"'#' + identifierHeader\"\r\n aria-expanded=\"false\"\r\n [ngClass]=\"customClasses\"\r\n >\r\n <ng-content select=\"o-collapse-icon\"></ng-content>\r\n <ng-content select=\"o-collapse-label\"></ng-content>\r\n <ng-content select=\"o-collapse-title\"></ng-content>\r\n <ng-content select=\"o-collapse-subtitle\"></ng-content>\r\n </button>\r\n</ng-container>\r\n<ng-template #customHeader><ng-content></ng-content></ng-template>\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"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCollapseHeaderComponent, decorators: [{
type: Component,
args: [{ selector: 'o-collapse-header', template: "<ng-container *ngIf=\"titleComponent || subtitleComponent || labelComponent || iconComponent; else customHeader\">\r\n <button\r\n class=\"card-header collapsed\"\r\n data-toggle=\"collapse\"\r\n [attr.data-target]=\"'#' + identifierHeader\"\r\n aria-expanded=\"false\"\r\n [ngClass]=\"customClasses\"\r\n >\r\n <ng-content select=\"o-collapse-icon\"></ng-content>\r\n <ng-content select=\"o-collapse-label\"></ng-content>\r\n <ng-content select=\"o-collapse-title\"></ng-content>\r\n <ng-content select=\"o-collapse-subtitle\"></ng-content>\r\n </button>\r\n</ng-container>\r\n<ng-template #customHeader><ng-content></ng-content></ng-template>\r\n" }]
}], ctorParameters: function () { return [{ type: i1.OCollapseComponent, decorators: [{
type: Optional
}] }]; }, propDecorators: { customClasses: [{
type: Input
}], titleComponent: [{
type: ContentChild,
args: [OCollapseTitleComponent, { static: true }]
}], subtitleComponent: [{
type: ContentChild,
args: [OCollapseSubtitleComponent, { static: true }]
}], labelComponent: [{
type: ContentChild,
args: [OCollapseLabelComponent, { static: true }]
}], iconComponent: [{
type: ContentChild,
args: [OCollapseIconComponent, { static: true }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1jb2xsYXBzZS1oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW9iZWxpc2NvL2NvbGxhcHNlL28tY29sbGFwc2UtaGVhZGVyL28tY29sbGFwc2UtaGVhZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vYmVsaXNjby9jb2xsYXBzZS9vLWNvbGxhcHNlLWhlYWRlci9vLWNvbGxhcHNlLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxZQUFZLEVBQWMsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUV6RixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUNsRyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxnREFBZ0QsQ0FBQztBQUN6RixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSw4Q0FBOEMsQ0FBQzs7OztBQU90RixNQUFNLE9BQU8sd0JBQXdCO0lBVW5DLFlBQWdDLFNBQTZCO1FBQTdCLGNBQVMsR0FBVCxTQUFTLENBQW9CO0lBQUcsQ0FBQztJQUVqRSxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQ2xCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLFVBQVUsQ0FBQztTQUNuRDtJQUNILENBQUM7O3FIQWhCVSx3QkFBd0I7eUdBQXhCLHdCQUF3QixpSkFHckIsdUJBQXVCLGtHQUN2QiwwQkFBMEIsK0ZBQzFCLHVCQUF1Qiw4RkFDdkIsc0JBQXNCLDhEQ2xCdEMsd3FCQWVBOzJGREhhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxtQkFBbUI7OzBCQWNoQixRQUFROzRDQVRMLGFBQWE7c0JBQTVCLEtBQUs7Z0JBRW1ELGNBQWM7c0JBQXRFLFlBQVk7dUJBQUMsdUJBQXVCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFO2dCQUNLLGlCQUFpQjtzQkFBNUUsWUFBWTt1QkFBQywwQkFBMEIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBQ0QsY0FBYztzQkFBdEUsWUFBWTt1QkFBQyx1QkFBdUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBQ0MsYUFBYTtzQkFBcEUsWUFBWTt1QkFBQyxzQkFBc0IsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRWxlbWVudFJlZiwgSW5wdXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE9Db2xsYXBzZVRpdGxlQ29tcG9uZW50IH0gZnJvbSAnLi4vby1jb2xsYXBzZS10aXRsZS9vLWNvbGxhcHNlLXRpdGxlLmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IE9Db2xsYXBzZUNvbXBvbmVudCB9IGZyb20gJy4uL28tY29sbGFwc2UuY29tcG9uZW50JztcclxuaW1wb3J0IHsgT0NvbGxhcHNlU3VidGl0bGVDb21wb25lbnQgfSBmcm9tICcuLi9vLWNvbGxhcHNlLXN1YnRpdGxlL28tY29sbGFwc2Utc3VidGl0bGUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgT0NvbGxhcHNlTGFiZWxDb21wb25lbnQgfSBmcm9tICcuLi9vLWNvbGxhcHNlLWxhYmVsL28tY29sbGFwc2UtbGFiZWwuY29tcG9uZW50JztcclxuaW1wb3J0IHsgT0NvbGxhcHNlSWNvbkNvbXBvbmVudCB9IGZyb20gJy4uL28tY29sbGFwc2UtaWNvbi9vLWNvbGxhcHNlLWljb24uY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnby1jb2xsYXBzZS1oZWFkZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9vLWNvbGxhcHNlLWhlYWRlci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vby1jb2xsYXBzZS1oZWFkZXIuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgT0NvbGxhcHNlSGVhZGVyQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XHJcbiAgQElucHV0KCkgcHVibGljIGN1c3RvbUNsYXNzZXM/OiBzdHJpbmc7XHJcblxyXG4gIEBDb250ZW50Q2hpbGQoT0NvbGxhcHNlVGl0bGVDb21wb25lbnQsIHsgc3RhdGljOiB0cnVlIH0pIHRpdGxlQ29tcG9uZW50PzogT0NvbGxhcHNlVGl0bGVDb21wb25lbnQ7XHJcbiAgQENvbnRlbnRDaGlsZChPQ29sbGFwc2VTdWJ0aXRsZUNvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSkgc3VidGl0bGVDb21wb25lbnQ/OiBPQ29sbGFwc2VUaXRsZUNvbXBvbmVudDtcclxuICBAQ29udGVudENoaWxkKE9Db2xsYXBzZUxhYmVsQ29tcG9uZW50LCB7IHN0YXRpYzogdHJ1ZSB9KSBsYWJlbENvbXBvbmVudD86IE9Db2xsYXBzZVRpdGxlQ29tcG9uZW50O1xyXG4gIEBDb250ZW50Q2hpbGQoT0NvbGxhcHNlSWNvbkNvbXBvbmVudCwgeyBzdGF0aWM6IHRydWUgfSkgaWNvbkNvbXBvbmVudD86IE9Db2xsYXBzZVRpdGxlQ29tcG9uZW50O1xyXG5cclxuICBwdWJsaWMgaWRlbnRpZmllckhlYWRlcjogc3RyaW5nIHwgdW5kZWZpbmVkO1xyXG5cclxuICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBwcml2YXRlIG9Db2xsYXBzZTogT0NvbGxhcHNlQ29tcG9uZW50KSB7fVxyXG5cclxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XHJcbiAgICBpZiAodGhpcy5vQ29sbGFwc2UpIHtcclxuICAgICAgdGhpcy5pZGVudGlmaWVySGVhZGVyID0gdGhpcy5vQ29sbGFwc2UuaWRlbnRpZmllcjtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cInRpdGxlQ29tcG9uZW50IHx8IHN1YnRpdGxlQ29tcG9uZW50IHx8IGxhYmVsQ29tcG9uZW50IHx8IGljb25Db21wb25lbnQ7IGVsc2UgY3VzdG9tSGVhZGVyXCI+XHJcbiAgPGJ1dHRvblxyXG4gICAgY2xhc3M9XCJjYXJkLWhlYWRlciBjb2xsYXBzZWRcIlxyXG4gICAgZGF0YS10b2dnbGU9XCJjb2xsYXBzZVwiXHJcbiAgICBbYXR0ci5kYXRhLXRhcmdldF09XCInIycgKyBpZGVudGlmaWVySGVhZGVyXCJcclxuICAgIGFyaWEtZXhwYW5kZWQ9XCJmYWxzZVwiXHJcbiAgICBbbmdDbGFzc109XCJjdXN0b21DbGFzc2VzXCJcclxuICA+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJvLWNvbGxhcHNlLWljb25cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJvLWNvbGxhcHNlLWxhYmVsXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiby1jb2xsYXBzZS10aXRsZVwiPjwvbmctY29udGVudD5cclxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm8tY29sbGFwc2Utc3VidGl0bGVcIj48L25nLWNvbnRlbnQ+XHJcbiAgPC9idXR0b24+XHJcbjwvbmctY29udGFpbmVyPlxyXG48bmctdGVtcGxhdGUgI2N1c3RvbUhlYWRlcj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9uZy10ZW1wbGF0ZT5cclxuIl19