gentics-ui-core
Version:
This is the common core framework for the Gentics CMS and Mesh UI, and other Angular applications.
33 lines • 4.23 kB
JavaScript
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
/**
* A wrapper around items that appear in the list pane of the SplitViewComponent.
*
* Two component-specific classes can be used:
*
* * `.item-avatar`: The content of this element will be styled in a circular container.
* * `.item-primary`: The primary content of the item, which will take up all the remaining space via `flex: 1`.
* * `.show-on-hover`: Any element with this class will appear faded out until the user hovers the list item.
*
*
* ```html
* <gtx-contents-list-item *ngFor="let item of listItems">
* <!-- this will be styled as a circular icon -->
* <div class="item-avatar"><i class="material-icons">{{ item.icon }}</i></div>
* <!-- this will stretch to use all available space -->
* <div class="item-primary"><a [routerLink]="[item.route]">{{ item.title }}</a></div>
* <!-- these will use remaining space to the right -->
* <i class="material-icons show-on-hover">edit</i>
* <i class="material-icons show-on-hover">star</i>
* </gtx-contents-list-item>
* ```
*/
export class ContentsListItem {
}
/** @nocollapse */ ContentsListItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ContentsListItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ ContentsListItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: ContentsListItem, selector: "gtx-contents-list-item", ngImport: i0, template: "<ng-content></ng-content>\n" });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: ContentsListItem, decorators: [{
type: Component,
args: [{ selector: 'gtx-contents-list-item', template: "<ng-content></ng-content>\n" }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudHMtbGlzdC1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2NvbnRlbnRzLWxpc3QtaXRlbS9jb250ZW50cy1saXN0LWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvY29udGVudHMtbGlzdC1pdGVtL2NvbnRlbnRzLWxpc3QtaXRlbS50cGwuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDOztBQUV4Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBS0gsTUFBTSxPQUFPLGdCQUFnQjs7Z0lBQWhCLGdCQUFnQjtvSEFBaEIsZ0JBQWdCLDhEQzVCN0IsNkJBQ0E7MkZEMkJhLGdCQUFnQjtrQkFKNUIsU0FBUzsrQkFDSSx3QkFBd0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQSB3cmFwcGVyIGFyb3VuZCBpdGVtcyB0aGF0IGFwcGVhciBpbiB0aGUgbGlzdCBwYW5lIG9mIHRoZSBTcGxpdFZpZXdDb21wb25lbnQuXG4gKlxuICogVHdvIGNvbXBvbmVudC1zcGVjaWZpYyBjbGFzc2VzIGNhbiBiZSB1c2VkOlxuICpcbiAqICogYC5pdGVtLWF2YXRhcmA6IFRoZSBjb250ZW50IG9mIHRoaXMgZWxlbWVudCB3aWxsIGJlIHN0eWxlZCBpbiBhIGNpcmN1bGFyIGNvbnRhaW5lci5cbiAqICogYC5pdGVtLXByaW1hcnlgOiBUaGUgcHJpbWFyeSBjb250ZW50IG9mIHRoZSBpdGVtLCB3aGljaCB3aWxsIHRha2UgdXAgYWxsIHRoZSByZW1haW5pbmcgc3BhY2UgdmlhIGBmbGV4OiAxYC5cbiAqICogYC5zaG93LW9uLWhvdmVyYDogQW55IGVsZW1lbnQgd2l0aCB0aGlzIGNsYXNzIHdpbGwgYXBwZWFyIGZhZGVkIG91dCB1bnRpbCB0aGUgdXNlciBob3ZlcnMgdGhlIGxpc3QgaXRlbS5cbiAqXG4gKlxuICogYGBgaHRtbFxuICogPGd0eC1jb250ZW50cy1saXN0LWl0ZW0gKm5nRm9yPVwibGV0IGl0ZW0gb2YgbGlzdEl0ZW1zXCI+XG4gKiAgICAgPCEtLSB0aGlzIHdpbGwgYmUgc3R5bGVkIGFzIGEgY2lyY3VsYXIgaWNvbiAtLT5cbiAqICAgICA8ZGl2IGNsYXNzPVwiaXRlbS1hdmF0YXJcIj48aSBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+e3sgaXRlbS5pY29uIH19PC9pPjwvZGl2PlxuICogICAgIDwhLS0gdGhpcyB3aWxsIHN0cmV0Y2ggdG8gdXNlIGFsbCBhdmFpbGFibGUgc3BhY2UgLS0+XG4gKiAgICAgPGRpdiBjbGFzcz1cIml0ZW0tcHJpbWFyeVwiPjxhIFtyb3V0ZXJMaW5rXT1cIltpdGVtLnJvdXRlXVwiPnt7IGl0ZW0udGl0bGUgfX08L2E+PC9kaXY+XG4gKiAgICAgPCEtLSB0aGVzZSB3aWxsIHVzZSByZW1haW5pbmcgc3BhY2UgdG8gdGhlIHJpZ2h0IC0tPlxuICogICAgIDxpIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMgc2hvdy1vbi1ob3ZlclwiPmVkaXQ8L2k+XG4gKiAgICAgPGkgY2xhc3M9XCJtYXRlcmlhbC1pY29ucyBzaG93LW9uLWhvdmVyXCI+c3RhcjwvaT5cbiAqIDwvZ3R4LWNvbnRlbnRzLWxpc3QtaXRlbT5cbiAqIGBgYFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2d0eC1jb250ZW50cy1saXN0LWl0ZW0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9jb250ZW50cy1saXN0LWl0ZW0udHBsLmh0bWwnXG59KVxuZXhwb3J0IGNsYXNzIENvbnRlbnRzTGlzdEl0ZW0ge31cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==