import { Component , Input } from '@angular/core' ; import { GetUsers } from '../../../../graphql' ; import { SelectableListDirective } from 'ngx-selectable-list' ; @ Component ( { selector : 'app-users-list' , template : `
    <mat-list>
      <mat-list-item *ngFor="let user of users">
        <app-user-item [item]="user"
                       [selected]="selectableListDirective.selectedItemIds.includes(user.id)"
                       libSelectableItem></app-user-item>
      </mat-list-item>
    </mat-list>
    <ng-content *ngIf="selectableListDirective.selecting"></ng-content>
  ` , styleUrls : [ 'users-list.component.scss' ] , } ) export class UsersListComponent { @ Input ( 'items' ) users : GetUsers . Users [ ] ; constructor ( public selectableListDirective ) { } }