How to use the @clr/angular.ClrDatagridSortOrder.UNSORTED function in @clr/angular

import { Event } from '../../../shared/model/v1/event';
import { ClrDatagridSortOrder } from '@clr/angular';

@Component({
  selector: 'list-event',
  providers: [Inventory],
  templateUrl: 'list-event.component.html',
  styleUrls: ['list-event.scss']
})

export class ListEventComponent implements OnInit {
  checkOnGoing = false;
  isSubmitOnGoing = false;
  modalOpened: boolean;
  warnings: Event[];
  sortOrder: ClrDatagridSortOrder = ClrDatagridSortOrder.UNSORTED;
  sorted = false;

  timeComparator = new TimeComparator();

  constructor(private inventory: Inventory) {
  }

  openModal(warnings: Event[]) {
    this.modalOpened = true;
    this.inventory.size = warnings.length;
    this.inventory.reset(warnings);
    this.warnings = this.inventory.all;
  }


  ngOnInit(): void {

@Component({ templateUrl: './datagrid.component.html', styleUrls: ['./datagrid.component.scss'] })
export class KSDatagrid {
  currentPageSize: number = 10;
  detail: string = 'default';
  users: User[];
  nameFilter = 'd';
  nonPaginatedUsers: User[];
  pokemonComparator = new PokemonComparator();
  pokemonFilter = new PokemonFilter();
  replace: boolean = false;
  isCompact: boolean = false;
  selected: User[] = [];
  showDate = true;
  showId = true;
  singleSelected: User;
  sortOrder: ClrDatagridSortOrder = ClrDatagridSortOrder.UNSORTED;
  toAdd: User[] = [];
  toDelete: User[] = [];
  toEdit: User;
  variableLengthUsers: User[];

  /**
   * @description
   * These exist so that the exported API from Clarity is tested when ks-app is compiled with --prod.
   */
  private aClrDatagrid: ClrDatagrid;
  private aClrDatagridActionBar: ClrDatagridActionBar;
  private aClrDatagridActionOverflow: ClrDatagridActionOverflow;
  private aClrDatagridColumn: ClrDatagridColumn;
  private aClrDatagridColumnToggle: ClrDatagridColumnToggle;
  private aClrDatagridHideableColumnDirective: ClrDatagridHideableColumn;
  private aClrDatagridFilter: ClrDatagridFilter;

import { ClrDatagridSortOrder } from '@clr/angular';
import { Inventory } from '../inventory/inventory';
import { User } from '../inventory/user';
import { PokemonComparator } from '../utils/pokemon-comparator';

@Component({
  selector: 'clr-datagrid-sorting-demo',
  providers: [Inventory],
  templateUrl: './sorting.html',
  styleUrls: ['../datagrid.demo.scss'],
})
export class DatagridSortingDemo {
  users: User[];
  usersDeprecated: User[];
  sortOrder: ClrDatagridSortOrder = ClrDatagridSortOrder.UNSORTED;
  sorted: boolean = false;

  pokemonComparator = new PokemonComparator();

  constructor(inventory: Inventory) {
    inventory.size = 10;
    inventory.reset();
    this.users = inventory.all;
    this.usersDeprecated = inventory.all;
  }
}

import { PokemonFilter } from '../utils/pokemon-filter';
import { DatagridKitchenSinkData } from './kitchen-sink-data';

@Component({
  selector: 'clr-datagrid-kitchen-sink-demo',
  templateUrl: './kitchen-sink.html',
  styleUrls: ['../datagrid.demo.scss'],
})
export class DatagridKitchenSinkDemo {
  nameFilter = '';
  currentPageSize = 1;
  selectedUser: User;
  nonPaginatedUsers: User[];
  users: User[];
  variableLengthUsers: User[];
  sortOrder: ClrDatagridSortOrder = ClrDatagridSortOrder.UNSORTED;
  pokemonComparator = new PokemonComparator();
  pokemonFilter = new PokemonFilter();
  singleSelected: User;
  _selected: User[] = [];
  selected2: User[];
  toAdd: User[] = [];
  toDelete: User[] = [];
  toEdit: User;
  toExport: User[] = [];
  detail = 'default';
  replace = false;
  fixedHeight = false;
  slowLoad = false;
  showDate = true;
  showId = true;
  date = new Date();

selector: 'list-nodes',
  templateUrl: 'list-nodes.component.html'
})

export class ListNodesComponent implements OnInit {

  @ViewChild(CreateEditLabelComponent, {static: false})
  editLabelModal: CreateEditLabelComponent;

  @ViewChild(CreateEditTaintComponent, {static: false})
  editTaintModal: CreateEditTaintComponent;

  @Input() nodes: Node[];
  @Input() cluster: string;
  @Input() showState: object;
  sortOrder: ClrDatagridSortOrder = ClrDatagridSortOrder.UNSORTED;
  sorted = false;
  currentPage = 1;
  _pageSize = 10;
  nameComparator = new NameComparator();
  readyComparator = new ReadyComparator();
  osImageComparator = new OsImageComparator();
  kernelComparator = new KernelComparator();
  criComparator = new CriComparator();
  schedulerComparator = new SchedulerComparator();
  nameFilter = new NameFilter();
  labelFilter = new LabelFilter();
  @Output() delete = new EventEmitter();
  @Output() edit = new EventEmitter();
  @Output() refresh = new EventEmitter();
  pageSizes: number[] = new Array(10, 20, 50);

import { ClusterService } from '../../../shared/client/v1/cluster.service';
import { Cluster } from '../../../shared/model/v1/cluster';

@Component({
  selector: 'list-pod',
  providers: [Inventory],
  templateUrl: 'list-pod.component.html',
  styleUrls: ['list-pod.scss']
})

export class ListPodComponent implements OnInit, OnDestroy {
  checkOnGoing = false;
  isSubmitOnGoing = false;
  modalOpened: boolean;
  pods: Pod[];
  sortOrder: ClrDatagridSortOrder = ClrDatagridSortOrder.UNSORTED;
  sorted = false;
  timeComparator = new TimeComparator();
  stateComparator = new StateComparator();
  currentCluster: string;
  daemonSet: string;
  logSource: string;
  timer: any;
  whetherHotReflash = true;

  subscription: Subscription;

  get appId(): number {
    return parseInt(this.route.parent.snapshot.params['id'], 10);
  }

  constructor(private inventory: Inventory,

import { ClrDatagridSortOrder } from '@clr/angular';

import { User } from '../inventory/user';
import { DatagridKitchenSinkData } from '../kitchen-sink/kitchen-sink-data';
import { PokemonComparator } from '../utils/pokemon-comparator';
import { PokemonFilter } from '../utils/pokemon-filter';

@Component({
  selector: 'clr-datagrid-compact-demo',
  templateUrl: './compact.html',
  styleUrls: ['../datagrid.demo.scss'],
})
export class DatagridCompactDemo {
  nonPaginatedUsers: User[];
  users: User[];
  sortOrder: ClrDatagridSortOrder = ClrDatagridSortOrder.UNSORTED;
  pokemonComparator = new PokemonComparator();
  pokemonFilter = new PokemonFilter();
  singleSelected: User;
  _selected: User[] = [];
  selected2: User[];
  toAdd: User[] = [];
  toDelete: User[] = [];
  toEdit: User;
  detail = 'default';
  replace = false;
  fixedHeight = false;
  slowLoad = false;
  showDate = true;
  showId = true;
  nameFilter = '';
  currentPageSize = 1;

import { Cluster } from '../../../shared/model/v1/cluster';
import { AuthService } from '../../../shared/auth/auth.service';

@Component({
  selector: 'list-pod',
  providers: [Inventory],
  templateUrl: 'list-pod.component.html',
  styleUrls: ['list-pod.scss']
})

export class ListPodComponent implements OnInit, OnDestroy {
  checkOnGoing = false;
  isSubmitOnGoing = false;
  modalOpened: boolean;
  pods: Pod[];
  sortOrder: ClrDatagridSortOrder = ClrDatagridSortOrder.UNSORTED;
  sorted = false;
  timeComparator = new TimeComparator();
  stateComparator = new StateComparator();
  currentCluster: string;
  statefulset: string;
  logSource: string;
  timer: any;
  whetherHotReflash = true;

  subscription: Subscription;

  get appId(): number {
    return parseInt(this.route.parent.snapshot.params['id'], 10);
  }

  constructor(private inventory: Inventory,