ngx-obelisco-example
Version:
Componentes funcionales y reutilizables para Angular.
52 lines (47 loc) • 4.95 kB
JavaScript
import * as i0 from '@angular/core';
import { Component, Input, NgModule } from '@angular/core';
import * as i1 from '@angular/common';
import { CommonModule } from '@angular/common';
import * as i2 from '@angular/router';
import { RouterModule } from '@angular/router';
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
}] } });
class OBadgeModule {
}
OBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
OBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: OBadgeModule, declarations: [OBadgeComponent], imports: [CommonModule, RouterModule], exports: [OBadgeComponent] });
OBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBadgeModule, imports: [CommonModule, RouterModule] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: OBadgeModule, decorators: [{
type: NgModule,
args: [{
declarations: [OBadgeComponent],
imports: [CommonModule, RouterModule],
exports: [OBadgeComponent]
}]
}] });
/**
* Generated bundle index. Do not edit.
*/
export { OBadgeComponent, OBadgeModule };
//# sourceMappingURL=ngx-obelisco-example-badge.mjs.map