Sort mat-angular-table is prioritizing uppercase letters

Question

I’m using the mat Sort to sort a mat-table at the angle, the problem is that when I sort upwards the algorithm is taking uppercase letters as a priority, so if I have a table with the following names:

"Marcos"
"antonio"

Mark appears first in ordination.

This is the algorithm you use to sort:

sortData(sort: Sort) {
    const data = this.descricoesProdutos.slice();
    if (!sort.active || sort.direction === '') {
      this.sortedData = data;
      return;
    }

    this.sortedData = data.sort((a, b) => {
      const isAsc = sort.direction === 'asc';
      switch (sort.active) {
        case 'nome': return this.compare(a.nome, b.nome, isAsc);
        case 'descricao': return this.compare(a.descricao, b.descricao, isAsc);
        default: return 0;
      }
    });
  }


  compare(a: number | string, b: number | string, isAsc: boolean) {
  return (a < b ? -1 : 1) * (isAsc ? 1 : -1);
  }

My html:

<table matSort (matSortChange)="sortData($event)">

Answer 1

I was able to settle it by capitalizing before comparing:

 return this.compare(a.nome.toUpperCase(), b.nome.toUpperCase(), isAsc);