@c8y/ngx-components
Version:
Angular modules for Cumulocity IoT applications
74 lines • 6.24 kB
JavaScript
import { Component, HostBinding, ContentChild } from '@angular/core';
import { ListItemTimelineComponent } from './list-item-timeline.component';
import * as i0 from "@angular/core";
/**
* List groups are flexible and powerful components for displaying
* both simple lists of elements and complex ones with custom content.
*
* ```html
* <c8y-list-group>
* <c8y-li>
* Plain <strong>Text</strong>
* </c8y-li>
* <c8y-li>
* <c8y-li-icon [icon]="'rocket'"></c8y-li-icon>
* Icon
* </c8y-li>
* <c8y-li>
* <c8y-li-radio></c8y-li-radio>
* Radio
* </c8y-li>
* <c8y-li>
* <c8y-li-checkbox></c8y-li-checkbox>
* Checkbox
* </c8y-li>
* <c8y-li>
* Content
* <c8y-li-footer>
* Footer
* </c8y-li-footer>
* </c8y-li>
* <c8y-li>
* Content
* <c8y-li-action icon="rocket">
* Launch
* </c8y-li-action>
* </c8y-li>
* <c8y-li>
* Content
* <c8y-li-collapse>
* Collapsed content
* </c8y-li-collapse>
* </c8y-li>
* </c8y-list-group>
* ```
*/
export class ListGroupComponent {
constructor() {
/**
* @ignore
*/
this.timeline = false;
}
/**
* @ignore
*/
ngAfterContentChecked() {
this.timeline = !!this.timelineComponent;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ListGroupComponent, selector: "c8y-list-group", host: { properties: { "class.c8y-list--timeline": "this.timeline" }, classAttribute: "c8y-list__group" }, queries: [{ propertyName: "timelineComponent", first: true, predicate: ListItemTimelineComponent, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>\n" }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListGroupComponent, decorators: [{
type: Component,
args: [{ selector: 'c8y-list-group', host: {
class: 'c8y-list__group'
}, template: "<ng-content></ng-content>\n" }]
}], propDecorators: { timeline: [{
type: HostBinding,
args: ['class.c8y-list--timeline']
}], timelineComponent: [{
type: ContentChild,
args: [ListItemTimelineComponent, { static: false }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb3JlL2xpc3QtZ3JvdXAvbGlzdC1ncm91cC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9jb3JlL2xpc3QtZ3JvdXAvbGlzdC1ncm91cC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBRTNFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXlDRztBQVFILE1BQU0sT0FBTyxrQkFBa0I7SUFQL0I7UUFRRTs7V0FFRztRQUVILGFBQVEsR0FBRyxLQUFLLENBQUM7S0EwQmxCO0lBTkM7O09BRUc7SUFDSCxxQkFBcUI7UUFDbkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQzNDLENBQUM7K0dBOUJVLGtCQUFrQjttR0FBbEIsa0JBQWtCLCtNQXNCZix5QkFBeUIsZ0RDMUV6Qyw2QkFDQTs7NEZEbURhLGtCQUFrQjtrQkFQOUIsU0FBUzsrQkFDRSxnQkFBZ0IsUUFFcEI7d0JBQ0osS0FBSyxFQUFFLGlCQUFpQjtxQkFDekI7OEJBT0QsUUFBUTtzQkFEUCxXQUFXO3VCQUFDLDBCQUEwQjtnQkFtQnZDLGlCQUFpQjtzQkFEaEIsWUFBWTt1QkFBQyx5QkFBeUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBDb250ZW50Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IExpc3RJdGVtVGltZWxpbmVDb21wb25lbnQgfSBmcm9tICcuL2xpc3QtaXRlbS10aW1lbGluZS5jb21wb25lbnQnO1xuXG4vKipcbiAqIExpc3QgZ3JvdXBzIGFyZSBmbGV4aWJsZSBhbmQgcG93ZXJmdWwgY29tcG9uZW50cyBmb3IgZGlzcGxheWluZ1xuICogYm90aCBzaW1wbGUgbGlzdHMgb2YgZWxlbWVudHMgYW5kIGNvbXBsZXggb25lcyB3aXRoIGN1c3RvbSBjb250ZW50LlxuICpcbiAqIGBgYGh0bWxcbiAqIDxjOHktbGlzdC1ncm91cD5cbiAqICAgPGM4eS1saT5cbiAqICAgICBQbGFpbiA8c3Ryb25nPlRleHQ8L3N0cm9uZz5cbiAqICAgPC9jOHktbGk+XG4gKiAgIDxjOHktbGk+XG4gKiAgICAgPGM4eS1saS1pY29uIFtpY29uXT1cIidyb2NrZXQnXCI+PC9jOHktbGktaWNvbj5cbiAqICAgICBJY29uXG4gKiAgIDwvYzh5LWxpPlxuICogICA8Yzh5LWxpPlxuICogICAgIDxjOHktbGktcmFkaW8+PC9jOHktbGktcmFkaW8+XG4gKiAgICAgUmFkaW9cbiAqICAgPC9jOHktbGk+XG4gKiAgIDxjOHktbGk+XG4gKiAgICAgPGM4eS1saS1jaGVja2JveD48L2M4eS1saS1jaGVja2JveD5cbiAqICAgICBDaGVja2JveFxuICogICA8L2M4eS1saT5cbiAqICAgPGM4eS1saT5cbiAqICAgICBDb250ZW50XG4gKiAgICAgPGM4eS1saS1mb290ZXI+XG4gKiAgICAgICBGb290ZXJcbiAqICAgICA8L2M4eS1saS1mb290ZXI+XG4gKiAgIDwvYzh5LWxpPlxuICogICA8Yzh5LWxpPlxuICogICAgIENvbnRlbnRcbiAqICAgICA8Yzh5LWxpLWFjdGlvbiBpY29uPVwicm9ja2V0XCI+XG4gKiAgICAgICBMYXVuY2hcbiAqICAgICA8L2M4eS1saS1hY3Rpb24+XG4gKiAgIDwvYzh5LWxpPlxuICogICA8Yzh5LWxpPlxuICogICAgIENvbnRlbnRcbiAqICAgICA8Yzh5LWxpLWNvbGxhcHNlPlxuICogICAgICAgQ29sbGFwc2VkIGNvbnRlbnRcbiAqICAgICA8L2M4eS1saS1jb2xsYXBzZT5cbiAqICAgPC9jOHktbGk+XG4gKiA8L2M4eS1saXN0LWdyb3VwPlxuICogYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2M4eS1saXN0LWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpc3QtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdjOHktbGlzdF9fZ3JvdXAnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgTGlzdEdyb3VwQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuYzh5LWxpc3QtLXRpbWVsaW5lJylcbiAgdGltZWxpbmUgPSBmYWxzZTtcblxuICAvKipcbiAgICogRGlzcGxheXMgdGhlIGN1cnJlbnQgbGlzdCBhcyBhIHRpbWVsaW5lLiBCZXN0IHVzZWRcbiAgICogd2l0aCBjb250ZW50IHByb2plY3Rpb24uXG4gICAqXG4gICAqIGBgYGh0bWxcbiAgICogPGM4eS1saXN0LWdyb3VwPlxuICAgKiAgIDxjOHktbGktdGltZWxpbmU+XG4gICAqICAgICAyNC5BcHJpbCAyMDIwXG4gICAqICAgICA8Yzh5LWxpPlxuICAgKiAgICAgICBIZWxsb1xuICAgKiAgICAgPC9jOHktbGk+XG4gICAqICAgPC9jOHktbGktdGltZWxpbmU+XG4gICAqIDwvYzh5LWxpc3QtZ3JvdXA+XG4gICAqIGBgYFxuICAgKi9cbiAgQENvbnRlbnRDaGlsZChMaXN0SXRlbVRpbWVsaW5lQ29tcG9uZW50LCB7IHN0YXRpYzogZmFsc2UgfSlcbiAgdGltZWxpbmVDb21wb25lbnQ6IExpc3RJdGVtVGltZWxpbmVDb21wb25lbnQ7XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG5nQWZ0ZXJDb250ZW50Q2hlY2tlZCgpOiB2b2lkIHtcbiAgICB0aGlzLnRpbWVsaW5lID0gISF0aGlzLnRpbWVsaW5lQ29tcG9uZW50O1xuICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=