ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
39 lines • 6.5 kB
JavaScript
import { Component, Input, Optional } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "../o-card.component";
import * as i2 from "@angular/common";
import * as i3 from "@angular/router";
export class OCardTitleComponent {
constructor(oCard) {
this.oCard = oCard;
this.isTruncate = false;
this.customClasses = '';
}
getClassesCardTitle() {
let classes = this.isTruncate ? ' ellipsis-3' : '';
if (this.oCard?.isBordered) {
classes += ' card-title-link';
}
if (this.oCard?.isTitleTruncate) {
classes += ' ellipsis-3';
}
return classes;
}
}
OCardTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCardTitleComponent, deps: [{ token: i1.OCardComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
OCardTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OCardTitleComponent, selector: "o-card-title", inputs: { isTruncate: "isTruncate", link: "link", route: "route", customClasses: "customClasses" }, ngImport: i0, template: "<ng-template #content><ng-content></ng-content></ng-template>\r\n<h3 class=\"card-title\" [ngClass]=\"customClasses\">\r\n <a *ngIf=\"route\" [routerLink]=\"route\" [ngClass]=\"getClassesCardTitle()\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n <a *ngIf=\"!route\" [attr.href]=\"link\" [ngClass]=\"getClassesCardTitle()\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n</h3>\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"] }, { kind: "directive", type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OCardTitleComponent, decorators: [{
type: Component,
args: [{ selector: 'o-card-title', template: "<ng-template #content><ng-content></ng-content></ng-template>\r\n<h3 class=\"card-title\" [ngClass]=\"customClasses\">\r\n <a *ngIf=\"route\" [routerLink]=\"route\" [ngClass]=\"getClassesCardTitle()\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n <a *ngIf=\"!route\" [attr.href]=\"link\" [ngClass]=\"getClassesCardTitle()\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>\r\n </a>\r\n</h3>\r\n" }]
}], ctorParameters: function () { return [{ type: i1.OCardComponent, decorators: [{
type: Optional
}] }]; }, propDecorators: { isTruncate: [{
type: Input
}], link: [{
type: Input
}], route: [{
type: Input
}], customClasses: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1jYXJkLXRpdGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vYmVsaXNjby9jYXJkL28tY2FyZC9vLWNhcmQtdGl0bGUvby1jYXJkLXRpdGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1vYmVsaXNjby9jYXJkL28tY2FyZC9vLWNhcmQtdGl0bGUvby1jYXJkLXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFRM0QsTUFBTSxPQUFPLG1CQUFtQjtJQUM5QixZQUFnQyxLQUFxQjtRQUFyQixVQUFLLEdBQUwsS0FBSyxDQUFnQjtRQUVyQyxlQUFVLEdBQWEsS0FBSyxDQUFDO1FBRzdCLGtCQUFhLEdBQVcsRUFBRSxDQUFDO0lBTGEsQ0FBQztJQU96RCxtQkFBbUI7UUFDakIsSUFBSSxPQUFPLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDbkQsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFLFVBQVUsRUFBRTtZQUMxQixPQUFPLElBQUksa0JBQWtCLENBQUM7U0FDL0I7UUFDRCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsZUFBZSxFQUFFO1lBQy9CLE9BQU8sSUFBSSxhQUFhLENBQUM7U0FDMUI7UUFDRCxPQUFPLE9BQU8sQ0FBQztJQUNqQixDQUFDOztnSEFqQlUsbUJBQW1CO29HQUFuQixtQkFBbUIsd0pDUmhDLHNjQVNBOzJGRERhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDRSxjQUFjOzswQkFLWCxRQUFROzRDQUVMLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLGFBQWE7c0JBQTVCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBPQ2FyZENvbXBvbmVudCB9IGZyb20gJy4uL28tY2FyZC5jb21wb25lbnQnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdvLWNhcmQtdGl0bGUnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9vLWNhcmQtdGl0bGUuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL28tY2FyZC10aXRsZS5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBPQ2FyZFRpdGxlQ29tcG9uZW50IHtcclxuICBjb25zdHJ1Y3RvcihAT3B0aW9uYWwoKSBwcml2YXRlIG9DYXJkOiBPQ2FyZENvbXBvbmVudCkge31cclxuXHJcbiAgQElucHV0KCkgcHVibGljIGlzVHJ1bmNhdGU/OiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcHVibGljIGxpbms/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcHVibGljIHJvdXRlITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21DbGFzc2VzOiBzdHJpbmcgPSAnJztcclxuXHJcbiAgZ2V0Q2xhc3Nlc0NhcmRUaXRsZSgpOiBzdHJpbmcge1xyXG4gICAgbGV0IGNsYXNzZXMgPSB0aGlzLmlzVHJ1bmNhdGUgPyAnIGVsbGlwc2lzLTMnIDogJyc7XHJcbiAgICBpZiAodGhpcy5vQ2FyZD8uaXNCb3JkZXJlZCkge1xyXG4gICAgICBjbGFzc2VzICs9ICcgY2FyZC10aXRsZS1saW5rJztcclxuICAgIH1cclxuICAgIGlmICh0aGlzLm9DYXJkPy5pc1RpdGxlVHJ1bmNhdGUpIHtcclxuICAgICAgY2xhc3NlcyArPSAnIGVsbGlwc2lzLTMnO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIGNsYXNzZXM7XHJcbiAgfVxyXG59XHJcbiIsIjxuZy10ZW1wbGF0ZSAjY29udGVudD48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9uZy10ZW1wbGF0ZT5cclxuPGgzIGNsYXNzPVwiY2FyZC10aXRsZVwiIFtuZ0NsYXNzXT1cImN1c3RvbUNsYXNzZXNcIj5cclxuICA8YSAqbmdJZj1cInJvdXRlXCIgW3JvdXRlckxpbmtdPVwicm91dGVcIiBbbmdDbGFzc109XCJnZXRDbGFzc2VzQ2FyZFRpdGxlKClcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XHJcbiAgPC9hPlxyXG4gIDxhICpuZ0lmPVwiIXJvdXRlXCIgW2F0dHIuaHJlZl09XCJsaW5rXCIgW25nQ2xhc3NdPVwiZ2V0Q2xhc3Nlc0NhcmRUaXRsZSgpXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxyXG4gIDwvYT5cclxuPC9oMz5cclxuIl19