@ux-aspects/ux-aspects
Version:
Open source user interface framework for building modern, responsive, mobile big data applications
23 lines • 3.94 kB
JavaScript
import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
let uniqueId = 0;
export class TimelineEventComponent {
constructor() {
/** Define the id for the event */
this.id = `ux-timeline-event-${uniqueId++}`;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TimelineEventComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: TimelineEventComponent, selector: "ux-timeline-event", inputs: { id: "id", badgeColor: "badgeColor", badgeTitle: "badgeTitle" }, ngImport: i0, template: "<div class=\"timeline-badge\" [ngClass]=\"badgeColor\" [attr.aria-describedby]=\"id\">\r\n <span>{{ badgeTitle }}</span>\r\n</div>\r\n\r\n<div class=\"timeline-panel\" [id]=\"id\">\r\n <ng-content></ng-content>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: TimelineEventComponent, decorators: [{
type: Component,
args: [{ selector: 'ux-timeline-event', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"timeline-badge\" [ngClass]=\"badgeColor\" [attr.aria-describedby]=\"id\">\r\n <span>{{ badgeTitle }}</span>\r\n</div>\r\n\r\n<div class=\"timeline-panel\" [id]=\"id\">\r\n <ng-content></ng-content>\r\n</div>\r\n" }]
}], propDecorators: { id: [{
type: Input
}], badgeColor: [{
type: Input
}], badgeTitle: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZWxpbmUtZXZlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdGltZWxpbmUvdGltZWxpbmUtZXZlbnQvdGltZWxpbmUtZXZlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvdGltZWxpbmUvdGltZWxpbmUtZXZlbnQvdGltZWxpbmUtZXZlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUUxRSxJQUFJLFFBQVEsR0FBVyxDQUFDLENBQUM7QUFPekIsTUFBTSxPQUFPLHNCQUFzQjtJQUxuQztRQU9JLGtDQUFrQztRQUN6QixPQUFFLEdBQVcscUJBQXFCLFFBQVEsRUFBRSxFQUFFLENBQUM7S0FPM0Q7K0dBVlksc0JBQXNCO21HQUF0QixzQkFBc0IsbUlDVG5DLHdPQU9BOzs0RkRFYSxzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0ksbUJBQW1CLG1CQUVaLHVCQUF1QixDQUFDLE1BQU07OEJBS3RDLEVBQUU7c0JBQVYsS0FBSztnQkFHRyxVQUFVO3NCQUFsQixLQUFLO2dCQUdHLFVBQVU7c0JBQWxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5cclxubGV0IHVuaXF1ZUlkOiBudW1iZXIgPSAwO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ3V4LXRpbWVsaW5lLWV2ZW50JyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi90aW1lbGluZS1ldmVudC5jb21wb25lbnQuaHRtbCcsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGltZWxpbmVFdmVudENvbXBvbmVudCB7XHJcblxyXG4gICAgLyoqIERlZmluZSB0aGUgaWQgZm9yIHRoZSBldmVudCAqL1xyXG4gICAgQElucHV0KCkgaWQ6IHN0cmluZyA9IGB1eC10aW1lbGluZS1ldmVudC0ke3VuaXF1ZUlkKyt9YDtcclxuXHJcbiAgICAvKiogRGVmaW5lIHRoZSBiYWRnZSBjb2xvciAqL1xyXG4gICAgQElucHV0KCkgYmFkZ2VDb2xvcjogc3RyaW5nO1xyXG5cclxuICAgIC8qKiBEZWZpbmUgdGhlIHRpdGxlIHRvIGRpc3BsYXkgaW4gdGhlIGJhZGdlICovXHJcbiAgICBASW5wdXQoKSBiYWRnZVRpdGxlOiBzdHJpbmc7XHJcbn0iLCI8ZGl2IGNsYXNzPVwidGltZWxpbmUtYmFkZ2VcIiBbbmdDbGFzc109XCJiYWRnZUNvbG9yXCIgW2F0dHIuYXJpYS1kZXNjcmliZWRieV09XCJpZFwiPlxyXG4gICAgPHNwYW4+e3sgYmFkZ2VUaXRsZSB9fTwvc3Bhbj5cclxuPC9kaXY+XHJcblxyXG48ZGl2IGNsYXNzPVwidGltZWxpbmUtcGFuZWxcIiBbaWRdPVwiaWRcIj5cclxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cclxuPC9kaXY+XHJcbiJdfQ==