@c8y/ngx-components
Version:
Angular modules for Cumulocity IoT applications
34 lines • 3.32 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
/**
* Display collapsed content on a list item. Can be
* used for more detailed information. Use it with
* content projection.
*
* ```html
* <c8y-li>
* <c8y-collapsed>
* <strong>I am only visible if extended</strong>
* </c8y-collapsed>
* </c8y-li>
* ```
*/
export class ListItemCollapseComponent {
constructor() {
/**
* The way how to toggle collapse state.
* button (default) - additional button for toggle collapse state
* row - toggling collapse state by clicking to entire row.
*/
this.collapseWay = 'button';
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListItemCollapseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ListItemCollapseComponent, selector: "c8y-list-item-collapse, c8y-li-collapse", inputs: { collapseWay: "collapseWay" }, ngImport: i0, template: "<ng-content></ng-content>\n" }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ListItemCollapseComponent, decorators: [{
type: Component,
args: [{ selector: 'c8y-list-item-collapse, c8y-li-collapse', template: "<ng-content></ng-content>\n" }]
}], propDecorators: { collapseWay: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1pdGVtLWNvbGxhcHNlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvcmUvbGlzdC1ncm91cC9saXN0LWl0ZW0tY29sbGFwc2UuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vY29yZS9saXN0LWdyb3VwL2xpc3QtaXRlbS1jb2xsYXBzZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFakQ7Ozs7Ozs7Ozs7OztHQVlHO0FBS0gsTUFBTSxPQUFPLHlCQUF5QjtJQUp0QztRQUtFOzs7O1dBSUc7UUFFSCxnQkFBVyxHQUFxQixRQUFRLENBQUM7S0FDMUM7K0dBUlkseUJBQXlCO21HQUF6Qix5QkFBeUIsdUhDbkJ0Qyw2QkFDQTs7NEZEa0JhLHlCQUF5QjtrQkFKckMsU0FBUzsrQkFDRSx5Q0FBeUM7OEJBVW5ELFdBQVc7c0JBRFYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuLyoqXG4gKiBEaXNwbGF5IGNvbGxhcHNlZCBjb250ZW50IG9uIGEgbGlzdCBpdGVtLiBDYW4gYmVcbiAqIHVzZWQgZm9yIG1vcmUgZGV0YWlsZWQgaW5mb3JtYXRpb24uIFVzZSBpdCB3aXRoXG4gKiBjb250ZW50IHByb2plY3Rpb24uXG4gKlxuICogYGBgaHRtbFxuICogPGM4eS1saT5cbiAqICAgPGM4eS1jb2xsYXBzZWQ+XG4gKiAgICAgPHN0cm9uZz5JIGFtIG9ubHkgdmlzaWJsZSBpZiBleHRlbmRlZDwvc3Ryb25nPlxuICogICA8L2M4eS1jb2xsYXBzZWQ+XG4gKiA8L2M4eS1saT5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjOHktbGlzdC1pdGVtLWNvbGxhcHNlLCBjOHktbGktY29sbGFwc2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vbGlzdC1pdGVtLWNvbGxhcHNlLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBMaXN0SXRlbUNvbGxhcHNlQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIFRoZSB3YXkgaG93IHRvIHRvZ2dsZSBjb2xsYXBzZSBzdGF0ZS5cbiAgICogYnV0dG9uIChkZWZhdWx0KSAtIGFkZGl0aW9uYWwgYnV0dG9uIGZvciB0b2dnbGUgY29sbGFwc2Ugc3RhdGVcbiAgICogcm93IC0gdG9nZ2xpbmcgY29sbGFwc2Ugc3RhdGUgYnkgY2xpY2tpbmcgdG8gZW50aXJlIHJvdy5cbiAgICovXG4gIEBJbnB1dCgpXG4gIGNvbGxhcHNlV2F5OiAnYnV0dG9uJyB8ICdyb3cnID0gJ2J1dHRvbic7XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4iXX0=