ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
28 lines • 6.76 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@angular/router";
export class OBadgeComponent {
getBadgesClassNames() {
const typeClass = this.type ? this.type : 'secondary';
const customClass = this.customClasses ? ' ' + this.customClasses : '';
return 'badge-' + typeClass + customClass;
}
}
OBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
OBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: OBadgeComponent, selector: "o-badge", inputs: { type: "type", link: "link", route: "route", customClasses: "customClasses", text: "text" }, ngImport: i0, template: "<ng-template #content><ng-content></ng-content></ng-template>\r\n\r\n<ng-container *ngIf=\"!link && !route; else badgeLink\">\r\n <span class=\"badge\" [ngClass]=\"getBadgesClassNames()\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{ text }}\r\n </span>\r\n</ng-container>\r\n\r\n<ng-template #badgeLink>\r\n <a *ngIf=\"route\" [routerLink]=\"[route]\" class=\"badge\" [ngClass]=\"getBadgesClassNames()\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{ text }}\r\n </a>\r\n <a *ngIf=\"link\" [attr.href]=\"[link]\" class=\"badge\" [ngClass]=\"getBadgesClassNames()\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{ text }}\r\n </a>\r\n</ng-template>\r\n", styles: ["::ng-deep o-badge{margin-right:.5rem}::ng-deep o-badge .badge{vertical-align:sub;margin-right:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.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: OBadgeComponent, decorators: [{
type: Component,
args: [{ selector: 'o-badge', template: "<ng-template #content><ng-content></ng-content></ng-template>\r\n\r\n<ng-container *ngIf=\"!link && !route; else badgeLink\">\r\n <span class=\"badge\" [ngClass]=\"getBadgesClassNames()\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{ text }}\r\n </span>\r\n</ng-container>\r\n\r\n<ng-template #badgeLink>\r\n <a *ngIf=\"route\" [routerLink]=\"[route]\" class=\"badge\" [ngClass]=\"getBadgesClassNames()\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{ text }}\r\n </a>\r\n <a *ngIf=\"link\" [attr.href]=\"[link]\" class=\"badge\" [ngClass]=\"getBadgesClassNames()\">\r\n <ng-container *ngTemplateOutlet=\"content\"></ng-container>{{ text }}\r\n </a>\r\n</ng-template>\r\n", styles: ["::ng-deep o-badge{margin-right:.5rem}::ng-deep o-badge .badge{vertical-align:sub;margin-right:0}\n"] }]
}], propDecorators: { type: [{
type: Input
}], link: [{
type: Input
}], route: [{
type: Input
}], customClasses: [{
type: Input
}], text: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiby1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2JlbGlzY28vYmFkZ2Uvby1iYWRnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtb2JlbGlzY28vYmFkZ2Uvby1iYWRnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVFqRCxNQUFNLE9BQU8sZUFBZTtJQU8xQixtQkFBbUI7UUFDakIsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDO1FBQ3RELE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDdkUsT0FBTyxRQUFRLEdBQUcsU0FBUyxHQUFHLFdBQVcsQ0FBQztJQUM1QyxDQUFDOzs0R0FYVSxlQUFlO2dHQUFmLGVBQWUscUpDUjVCLHl0QkFnQkE7MkZEUmEsZUFBZTtrQkFMM0IsU0FBUzsrQkFDRSxTQUFTOzhCQUtILElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxLQUFLO3NCQUFwQixLQUFLO2dCQUNVLGFBQWE7c0JBQTVCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQmFkZ2VUeXBlcyB9IGZyb20gJ25neC1vYmVsaXNjby1leGFtcGxlL2NvcmUvbW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnby1iYWRnZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL28tYmFkZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL28tYmFkZ2UuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgT0JhZGdlQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBwdWJsaWMgdHlwZT86IEJhZGdlVHlwZXM7XHJcbiAgQElucHV0KCkgcHVibGljIGxpbms/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcHVibGljIHJvdXRlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21DbGFzc2VzPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB0ZXh0Pzogc3RyaW5nO1xyXG5cclxuICBnZXRCYWRnZXNDbGFzc05hbWVzKCk6IHN0cmluZyB7XHJcbiAgICBjb25zdCB0eXBlQ2xhc3MgPSB0aGlzLnR5cGUgPyB0aGlzLnR5cGUgOiAnc2Vjb25kYXJ5JztcclxuICAgIGNvbnN0IGN1c3RvbUNsYXNzID0gdGhpcy5jdXN0b21DbGFzc2VzID8gJyAnICsgdGhpcy5jdXN0b21DbGFzc2VzIDogJyc7XHJcbiAgICByZXR1cm4gJ2JhZGdlLScgKyB0eXBlQ2xhc3MgKyBjdXN0b21DbGFzcztcclxuICB9XHJcbn1cclxuIiwiPG5nLXRlbXBsYXRlICNjb250ZW50PjxuZy1jb250ZW50PjwvbmctY29udGVudD48L25nLXRlbXBsYXRlPlxyXG5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cIiFsaW5rICYmICFyb3V0ZTsgZWxzZSBiYWRnZUxpbmtcIj5cclxuICA8c3BhbiBjbGFzcz1cImJhZGdlXCIgW25nQ2xhc3NdPVwiZ2V0QmFkZ2VzQ2xhc3NOYW1lcygpXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPnt7IHRleHQgfX1cclxuICA8L3NwYW4+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPG5nLXRlbXBsYXRlICNiYWRnZUxpbms+XHJcbiAgPGEgKm5nSWY9XCJyb3V0ZVwiIFtyb3V0ZXJMaW5rXT1cIltyb3V0ZV1cIiBjbGFzcz1cImJhZGdlXCIgW25nQ2xhc3NdPVwiZ2V0QmFkZ2VzQ2xhc3NOYW1lcygpXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPnt7IHRleHQgfX1cclxuICA8L2E+XHJcbiAgPGEgKm5nSWY9XCJsaW5rXCIgW2F0dHIuaHJlZl09XCJbbGlua11cIiBjbGFzcz1cImJhZGdlXCIgW25nQ2xhc3NdPVwiZ2V0QmFkZ2VzQ2xhc3NOYW1lcygpXCI+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPnt7IHRleHQgfX1cclxuICA8L2E+XHJcbjwvbmctdGVtcGxhdGU+XHJcbiJdfQ==