ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
27 lines • 5.43 kB
JavaScript
import { Component, Input, Optional } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../o-map.component";
import * as i2 from "@angular/common";
export class OMapTitleComponent {
constructor(oMap) {
this.oMap = oMap;
this.customClasses = '';
this.isLateral = true;
}
ngAfterContentInit() {
if (this.oMap) {
this.oMap.type == 'lateral' ? (this.isLateral = true) : (this.isLateral = false);
}
}
}
OMapTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OMapTitleComponent, deps: [{ token: i1.OMapComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
OMapTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OMapTitleComponent, selector: "o-map-title", inputs: { customClasses: "customClasses" }, ngImport: i0, template: "<ng-template #content><ng-content></ng-content></ng-template>\r\n\r\n<ng-container *ngIf=\"isLateral; else institutionalTitle\">\r\n <h2 class=\"card-title\" [ngClass]=\"customClasses\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </h2>\r\n</ng-container>\r\n<ng-template #institutionalTitle>\r\n <h3 class=\"card-title\" [ngClass]=\"customClasses\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </h3>\r\n</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"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OMapTitleComponent, decorators: [{
type: Component,
args: [{ selector: 'o-map-title', template: "<ng-template #content><ng-content></ng-content></ng-template>\r\n\r\n<ng-container *ngIf=\"isLateral; else institutionalTitle\">\r\n <h2 class=\"card-title\" [ngClass]=\"customClasses\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </h2>\r\n</ng-container>\r\n<ng-template #institutionalTitle>\r\n <h3 class=\"card-title\" [ngClass]=\"customClasses\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </h3>\r\n</ng-template>\r\n" }]
}], ctorParameters: function () { return [{ type: i1.OMapComponent, decorators: [{
type: Optional
}] }]; }, propDecorators: { customClasses: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1tYXAtdGl0bGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LW9iZWxpc2NvL21hcC9vLW1hcC10aXRsZS9vLW1hcC10aXRsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2JlbGlzY28vbWFwL28tbWFwLXRpdGxlL28tbWFwLXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBb0IsU0FBUyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRN0UsTUFBTSxPQUFPLGtCQUFrQjtJQUM3QixZQUFnQyxJQUFtQjtRQUFuQixTQUFJLEdBQUosSUFBSSxDQUFlO1FBQ25DLGtCQUFhLEdBQVcsRUFBRSxDQUFDO1FBQ3BDLGNBQVMsR0FBWSxJQUFJLENBQUM7SUFGcUIsQ0FBQztJQUl2RCxrQkFBa0I7UUFDaEIsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsQ0FBQztTQUNsRjtJQUNILENBQUM7OytHQVRVLGtCQUFrQjttR0FBbEIsa0JBQWtCLCtGQ1IvQixrZUFZQTsyRkRKYSxrQkFBa0I7a0JBTDlCLFNBQVM7K0JBQ0UsYUFBYTs7MEJBS1YsUUFBUTs0Q0FDTCxhQUFhO3NCQUE1QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJDb250ZW50SW5pdCwgQ29tcG9uZW50LCBJbnB1dCwgT3B0aW9uYWwgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgT01hcENvbXBvbmVudCB9IGZyb20gJy4uL28tbWFwLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ28tbWFwLXRpdGxlJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vby1tYXAtdGl0bGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL28tbWFwLXRpdGxlLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE9NYXBUaXRsZUNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQge1xyXG4gIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIHByaXZhdGUgb01hcDogT01hcENvbXBvbmVudCkge31cclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tQ2xhc3Nlczogc3RyaW5nID0gJyc7XHJcbiAgcHVibGljIGlzTGF0ZXJhbDogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpIHtcclxuICAgIGlmICh0aGlzLm9NYXApIHtcclxuICAgICAgdGhpcy5vTWFwLnR5cGUgPT0gJ2xhdGVyYWwnID8gKHRoaXMuaXNMYXRlcmFsID0gdHJ1ZSkgOiAodGhpcy5pc0xhdGVyYWwgPSBmYWxzZSk7XHJcbiAgICB9XHJcbiAgfVxyXG59XHJcbiIsIjxuZy10ZW1wbGF0ZSAjY29udGVudD48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9uZy10ZW1wbGF0ZT5cclxuXHJcbjxuZy1jb250YWluZXIgKm5nSWY9XCJpc0xhdGVyYWw7IGVsc2UgaW5zdGl0dXRpb25hbFRpdGxlXCI+XHJcbiAgPGgyIGNsYXNzPVwiY2FyZC10aXRsZVwiIFtuZ0NsYXNzXT1cImN1c3RvbUNsYXNzZXNcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9oMj5cclxuPC9uZy1jb250YWluZXI+XHJcbjxuZy10ZW1wbGF0ZSAjaW5zdGl0dXRpb25hbFRpdGxlPlxyXG4gIDxoMyBjbGFzcz1cImNhcmQtdGl0bGVcIiBbbmdDbGFzc109XCJjdXN0b21DbGFzc2VzXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gIDwvaDM+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==