@c8y/ngx-components
Version:
Angular modules for Cumulocity IoT applications
38 lines • 4.42 kB
JavaScript
import { Component, ContentChild, HostBinding } from '@angular/core';
import { ListItemComponent } from './list-item.component';
import * as i0 from "@angular/core";
/**
* Allows to display a timeline. Should be used with
* content projection.
*
* ```html
* <c8y-list-group>
* <c8y-li-timeline>
* 24.April 2020
* <c8y-li>
* Hello
* </c8y-li>
* </c8y-li-timeline>
* </c8y-list-group>
* ```
*/
export class ListItemTimelineComponent {
get expanded() {
return !this.listItemComponent?.collapsed;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListItemTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ListItemTimelineComponent, selector: "c8y-list-item-timeline, c8y-li-timeline", host: { properties: { "class.expanded": "this.expanded" }, classAttribute: "c8y-list--timeline__item" }, queries: [{ propertyName: "listItemComponent", first: true, predicate: ListItemComponent, descendants: true }], ngImport: i0, template: "<small class=\"c8y-list--timeline__item__date\">\n <ng-content></ng-content>\n</small>\n<ng-content select=\"c8y-li, c8y-list-item\"></ng-content>\n" }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListItemTimelineComponent, decorators: [{
type: Component,
args: [{ selector: 'c8y-list-item-timeline, c8y-li-timeline', host: {
class: 'c8y-list--timeline__item'
}, template: "<small class=\"c8y-list--timeline__item__date\">\n <ng-content></ng-content>\n</small>\n<ng-content select=\"c8y-li, c8y-list-item\"></ng-content>\n" }]
}], propDecorators: { listItemComponent: [{
type: ContentChild,
args: [ListItemComponent, { static: false }]
}], expanded: [{
type: HostBinding,
args: ['class.expanded']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1pdGVtLXRpbWVsaW5lLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvcmUvbGlzdC1ncm91cC9saXN0LWl0ZW0tdGltZWxpbmUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vY29yZS9saXN0LWdyb3VwL2xpc3QtaXRlbS10aW1lbGluZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7O0FBRTFEOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBUUgsTUFBTSxPQUFPLHlCQUF5QjtJQUVwQyxJQUFtQyxRQUFRO1FBQ3pDLE9BQU8sQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsU0FBUyxDQUFDO0lBQzVDLENBQUM7K0dBSlUseUJBQXlCO21HQUF6Qix5QkFBeUIsdU9BQ3RCLGlCQUFpQixnREMxQmpDLHVKQUlBOzs0RkRxQmEseUJBQXlCO2tCQVByQyxTQUFTOytCQUNFLHlDQUF5QyxRQUU3Qzt3QkFDSixLQUFLLEVBQUUsMEJBQTBCO3FCQUNsQzs4QkFHbUQsaUJBQWlCO3NCQUFwRSxZQUFZO3VCQUFDLGlCQUFpQixFQUFFLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRTtnQkFDZixRQUFRO3NCQUExQyxXQUFXO3VCQUFDLGdCQUFnQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTGlzdEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2xpc3QtaXRlbS5jb21wb25lbnQnO1xuXG4vKipcbiAqIEFsbG93cyB0byBkaXNwbGF5IGEgdGltZWxpbmUuIFNob3VsZCBiZSB1c2VkIHdpdGhcbiAqIGNvbnRlbnQgcHJvamVjdGlvbi5cbiAqXG4gKiBgYGBodG1sXG4gKiA8Yzh5LWxpc3QtZ3JvdXA+XG4gKiAgIDxjOHktbGktdGltZWxpbmU+XG4gKiAgICAgMjQuQXByaWwgMjAyMFxuICogICAgIDxjOHktbGk+XG4gKiAgICAgICBIZWxsb1xuICogICAgIDwvYzh5LWxpPlxuICogICA8L2M4eS1saS10aW1lbGluZT5cbiAqIDwvYzh5LWxpc3QtZ3JvdXA+XG4gKiBgYGBcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYzh5LWxpc3QtaXRlbS10aW1lbGluZSwgYzh5LWxpLXRpbWVsaW5lJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpc3QtaXRlbS10aW1lbGluZS5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2M4eS1saXN0LS10aW1lbGluZV9faXRlbSdcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBMaXN0SXRlbVRpbWVsaW5lQ29tcG9uZW50IHtcbiAgQENvbnRlbnRDaGlsZChMaXN0SXRlbUNvbXBvbmVudCwgeyBzdGF0aWM6IGZhbHNlIH0pIGxpc3RJdGVtQ29tcG9uZW50OiBMaXN0SXRlbUNvbXBvbmVudDtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5leHBhbmRlZCcpIGdldCBleHBhbmRlZCgpIHtcbiAgICByZXR1cm4gIXRoaXMubGlzdEl0ZW1Db21wb25lbnQ/LmNvbGxhcHNlZDtcbiAgfVxufVxuIiwiPHNtYWxsIGNsYXNzPVwiYzh5LWxpc3QtLXRpbWVsaW5lX19pdGVtX19kYXRlXCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvc21hbGw+XG48bmctY29udGVudCBzZWxlY3Q9XCJjOHktbGksIGM4eS1saXN0LWl0ZW1cIj48L25nLWNvbnRlbnQ+XG4iXX0=