@if (!rows) {
  <div>{{ 'ADF_CLOUD_TASK_LIST.FILTERS.MESSAGES.NONE' | translate }}</div>
}
@if (rows) {
  <adf-datatable
    [rows]="rows"
    [columns]="columns"
    [data]="dataAdapter"
    [loading]="isLoading$ | async"
    [sorting]="formattedSorting"
    [multiselect]="multiselect"
    [selectionMode]="selectionMode"
    [stickyHeader]="stickyHeader"
    [actions]="showActions"
    [actionsPosition]="actionsPosition"
    [contextMenu]="showContextMenu"
    [resolverFn]="boundReplacePriorityValues"
    [showProvidedActions]="showProvidedActions"
    [showMainDatatableActions]="showMainDatatableActions"
    [isResizingEnabled]="isResizingEnabled"
    (showRowActionsMenu)="onShowRowActionsMenu($event)"
    (showRowContextMenu)="onShowRowContextMenu($event)"
    (executeRowAction)="onExecuteRowAction($event)"
    (row-select)="onRowSelect($any($event))"
    (row-unselect)="onRowUnselect($any($event))"
    (rowClick)="onRowClick($any($event))"
    (row-keyup)="onRowKeyUp($any($event))"
    (sorting-changed)="onSortingChanged($any($event))"
    (columnOrderChanged)="onColumnOrderChanged($event)"
    (columnsWidthChanged)="onColumnsWidthChanged($event)"
    >
    <adf-loading-content-template>
      <ng-template>
        <mat-progress-spinner
          class="adf-cloud-task-list-loading-margin"
          [color]="'primary'"
          [mode]="'indeterminate'" />
      </ng-template>
    </adf-loading-content-template>
    <adf-no-content-template>
      <ng-template>
        @if (!emptyCustomContent) {
          <adf-empty-content
            icon="assignment"
            [title]="'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.TITLE' | translate"
            [subtitle]="'ADF_CLOUD_TASK_LIST.LIST.MESSAGES.SUBTITLE' | translate" />
        }
        <ng-content select="adf-custom-empty-content-template" />
      </ng-template>
    </adf-no-content-template>
    <adf-main-menu-datatable-template>
      <ng-template let-mainMenuTrigger>
        <adf-datatable-column-selector
          [columns]="columns"
          [mainMenuTrigger]="mainMenuTrigger"
          (submitColumnsVisibility)="onColumnsVisibilityChange($event)" />
      </ng-template>
    </adf-main-menu-datatable-template>
  </adf-datatable>
}