@engie-group/fluid-design-system-angular
Version:
Fluid Design System Angular
53 lines • 7.96 kB
JavaScript
import { CommonModule } from '@angular/common';
import { ChangeDetectionStrategy, Component, Input, ViewChild, ViewEncapsulation } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class ListGroupComponent {
constructor(element) {
this.element = element;
/**
* Whether group items have borders
*/
this.hasBorder = true;
/**
* Whether list is dense or not, i.e: smaller
*/
this.isDense = false;
/**
* Add role="listbox" and tabindex="-1" to the element.
*
* Used by `nj-select` for accessibility reasons.
*/
this.isCustomSelectList = false;
/**
* Whether list is multi-select or not, to add necessary accessible labels
*/
this.isMultiSelect = false;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListGroupComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListGroupComponent, isStandalone: true, selector: "nj-list-group", inputs: { listId: "listId", isClickable: "isClickable", isCheckboxList: "isCheckboxList", hasBorder: "hasBorder", isDense: "isDense", isCustomSelectList: "isCustomSelectList", ariaLabel: "ariaLabel", isMultiSelect: "isMultiSelect" }, viewQueries: [{ propertyName: "rootEl", first: true, predicate: ["root"], descendants: true }], ngImport: i0, template: "<ul\n #root\n class=\"nj-list-deprecated\"\n [ngClass]=\"{\n 'nj-list-deprecated--clickable': isClickable,\n 'nj-list-deprecated--sm': isDense,\n 'nj-list-deprecated--no-border': !hasBorder,\n 'nj-list-deprecated--checkbox': isCheckboxList\n }\"\n [attr.id]=\"listId\"\n [attr.role]=\"isCustomSelectList ? 'listbox' : null\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"isCustomSelectList ? -1 : null\"\n [attr.aria-multiselectable]=\"isMultiSelect\"\n>\n <ng-content></ng-content>\n</ul>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListGroupComponent, decorators: [{
type: Component,
args: [{ selector: 'nj-list-group', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<ul\n #root\n class=\"nj-list-deprecated\"\n [ngClass]=\"{\n 'nj-list-deprecated--clickable': isClickable,\n 'nj-list-deprecated--sm': isDense,\n 'nj-list-deprecated--no-border': !hasBorder,\n 'nj-list-deprecated--checkbox': isCheckboxList\n }\"\n [attr.id]=\"listId\"\n [attr.role]=\"isCustomSelectList ? 'listbox' : null\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.tabindex]=\"isCustomSelectList ? -1 : null\"\n [attr.aria-multiselectable]=\"isMultiSelect\"\n>\n <ng-content></ng-content>\n</ul>\n" }]
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { listId: [{
type: Input
}], isClickable: [{
type: Input
}], isCheckboxList: [{
type: Input
}], hasBorder: [{
type: Input
}], isDense: [{
type: Input
}], isCustomSelectList: [{
type: Input
}], ariaLabel: [{
type: Input
}], isMultiSelect: [{
type: Input
}], rootEl: [{
type: ViewChild,
args: ['root']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1ncm91cC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy9saXN0LWdyb3VwL2xpc3QtZ3JvdXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbGlzdC1ncm91cC9saXN0LWdyb3VwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFjLEtBQUssRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQVVwSCxNQUFNLE9BQU8sa0JBQWtCO0lBOEM3QixZQUE0QixPQUFnQztRQUFoQyxZQUFPLEdBQVAsT0FBTyxDQUF5QjtRQTlCNUQ7O1dBRUc7UUFDTSxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBRTFCOztXQUVHO1FBQ00sWUFBTyxHQUFHLEtBQUssQ0FBQztRQUV6Qjs7OztXQUlHO1FBQ00sdUJBQWtCLEdBQVksS0FBSyxDQUFDO1FBTzdDOztXQUVHO1FBQ00sa0JBQWEsR0FBWSxLQUFLLENBQUM7SUFLdUIsQ0FBQzsrR0E5Q3JELGtCQUFrQjttR0FBbEIsa0JBQWtCLG1aQ1gvQiwyZ0JBaUJBLDJDRFJZLFlBQVk7OzRGQUVYLGtCQUFrQjtrQkFSOUIsU0FBUzsrQkFDRSxlQUFlLG1CQUVSLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksY0FDekIsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDO2lHQU1kLE1BQU07c0JBQWQsS0FBSztnQkFLRyxXQUFXO3NCQUFuQixLQUFLO2dCQUtHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBS0csU0FBUztzQkFBakIsS0FBSztnQkFLRyxPQUFPO3NCQUFmLEtBQUs7Z0JBT0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUtHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBS0csYUFBYTtzQkFBckIsS0FBSztnQkFHQyxNQUFNO3NCQURaLFNBQVM7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduai1saXN0LWdyb3VwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xpc3QtZ3JvdXAuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgTGlzdEdyb3VwQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIExpc3QgaWQgYXR0cmlidXRlXG4gICAqL1xuICBASW5wdXQoKSBsaXN0SWQ/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgZ3JvdXAgaXRlbXMgYXJlIGNsaWNrYWJsZVxuICAgKi9cbiAgQElucHV0KCkgaXNDbGlja2FibGU6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgaXQgaXMgYSBjaGVja2JveCBsaXN0IG9yIG5vdFxuICAgKi9cbiAgQElucHV0KCkgaXNDaGVja2JveExpc3Q6IGJvb2xlYW47XG5cbiAgLyoqXG4gICAqIFdoZXRoZXIgZ3JvdXAgaXRlbXMgaGF2ZSBib3JkZXJzXG4gICAqL1xuICBASW5wdXQoKSBoYXNCb3JkZXIgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIGxpc3QgaXMgZGVuc2Ugb3Igbm90LCBpLmU6IHNtYWxsZXJcbiAgICovXG4gIEBJbnB1dCgpIGlzRGVuc2UgPSBmYWxzZTtcblxuICAvKipcbiAgICogQWRkIHJvbGU9XCJsaXN0Ym94XCIgYW5kIHRhYmluZGV4PVwiLTFcIiB0byB0aGUgZWxlbWVudC5cbiAgICpcbiAgICogVXNlZCBieSBgbmotc2VsZWN0YCBmb3IgYWNjZXNzaWJpbGl0eSByZWFzb25zLlxuICAgKi9cbiAgQElucHV0KCkgaXNDdXN0b21TZWxlY3RMaXN0OiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqXG4gICAqIEFjY2Vzc2libGUgbGFiZWwgZm9yIHRoZSBsaXN0IHdoZW4gdXNpbmcgXCJsaXN0Ym94XCIgcm9sZS5cbiAgICovXG4gIEBJbnB1dCgpIGFyaWFMYWJlbD86IHN0cmluZztcblxuICAvKipcbiAgICogV2hldGhlciBsaXN0IGlzIG11bHRpLXNlbGVjdCBvciBub3QsIHRvIGFkZCBuZWNlc3NhcnkgYWNjZXNzaWJsZSBsYWJlbHNcbiAgICovXG4gIEBJbnB1dCgpIGlzTXVsdGlTZWxlY3Q6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAVmlld0NoaWxkKCdyb290JylcbiAgcHVibGljIHJvb3RFbDogRWxlbWVudFJlZjxIVE1MVUxpc3RFbGVtZW50PjtcblxuICBjb25zdHJ1Y3RvcihwdWJsaWMgcmVhZG9ubHkgZWxlbWVudDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG59XG4iLCI8dWxcbiAgI3Jvb3RcbiAgY2xhc3M9XCJuai1saXN0LWRlcHJlY2F0ZWRcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ25qLWxpc3QtZGVwcmVjYXRlZC0tY2xpY2thYmxlJzogaXNDbGlja2FibGUsXG4gICAgJ25qLWxpc3QtZGVwcmVjYXRlZC0tc20nOiBpc0RlbnNlLFxuICAgICduai1saXN0LWRlcHJlY2F0ZWQtLW5vLWJvcmRlcic6ICFoYXNCb3JkZXIsXG4gICAgJ25qLWxpc3QtZGVwcmVjYXRlZC0tY2hlY2tib3gnOiBpc0NoZWNrYm94TGlzdFxuICB9XCJcbiAgW2F0dHIuaWRdPVwibGlzdElkXCJcbiAgW2F0dHIucm9sZV09XCJpc0N1c3RvbVNlbGVjdExpc3QgPyAnbGlzdGJveCcgOiBudWxsXCJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxcIlxuICBbYXR0ci50YWJpbmRleF09XCJpc0N1c3RvbVNlbGVjdExpc3QgPyAtMSA6IG51bGxcIlxuICBbYXR0ci5hcmlhLW11bHRpc2VsZWN0YWJsZV09XCJpc011bHRpU2VsZWN0XCJcbj5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC91bD5cbiJdfQ==