From 16c6f8f9dac8dfda4de51ce544700fd249bb618e Mon Sep 17 00:00:00 2001
From: Chintan Kavathia <chintankumar.kavathia@siemens.com>
Date: Fri, 8 Nov 2024 15:56:40 +0530
Subject: [PATCH] chore: fix ci errors

---
 .../src/lib/components/body/body.component.ts | 368 +++++++++---------
 1 file changed, 184 insertions(+), 184 deletions(-)

diff --git a/projects/ngx-datatable/src/lib/components/body/body.component.ts b/projects/ngx-datatable/src/lib/components/body/body.component.ts
index 011eb4436..89524b23e 100644
--- a/projects/ngx-datatable/src/lib/components/body/body.component.ts
+++ b/projects/ngx-datatable/src/lib/components/body/body.component.ts
@@ -61,192 +61,192 @@ import { ProgressBarComponent } from './progress-bar.component';
       >
       </ghost-loader>
     }
-      @if (rows?.length) {
-        <datatable-scroller
-          #selector="selector"
-          datatable-selection
-          [scrollbarV]="scrollbarV"
-          [scrollbarH]="scrollbarH"
-          [scrollHeight]="scrollHeight()"
-          [scrollWidth]="columnGroupWidths?.total"
-          [selected]="selected"
-          [rows]="rows"
-          [selectCheck]="selectCheck"
-          [disableCheck]="disableRowCheck"
-          [selectEnabled]="selectEnabled"
-          [selectionType]="selectionType"
-          [rowIdentity]="rowIdentity"
-          (select)="select.emit($event)"
-          (activate)="activate.emit($event)"
-          (scroll)="onBodyScroll($event)"
-        >
-          @if (summaryRow && summaryPosition === 'top') {
-            <datatable-summary-row
-              [rowHeight]="summaryHeight"
-              [offsetX]="offsetX"
-              [innerWidth]="innerWidth"
-              [rows]="rows"
-              [columns]="columns"
-            >
-            </datatable-summary-row>
-          }
-          @for (group of rowsToRender(); track rowTrackingFn(i, group); let i = $index) {
-            <datatable-row-wrapper
-              #rowWrapper
-              [attr.hidden]="
-                ghostLoadingIndicator && (!rowCount || !virtualization || !scrollbarV) ? true : null
-              "
-              [groupedRows]="groupedRows"
-              [innerWidth]="innerWidth"
-              [ngStyle]="rowsStyles()[i]"
-              [rowDetail]="rowDetail"
-              [groupHeader]="groupHeader"
-              [offsetX]="offsetX"
-              [detailRowHeight]="getDetailRowHeight(group && group[i], i)"
-              [groupHeaderRowHeight]="getGroupHeaderRowHeight(group && group[i], i)"
-              [row]="group"
-              [disableCheck]="disableRowCheck"
-              [expanded]="getRowExpanded(group)"
-              [rowIndex]="getRowIndex(group && group[i])"
-              [selected]="selected"
-              (rowContextmenu)="rowContextmenu.emit($event)"
-            >
-              @if (rowDefTemplate) {
-                <ng-container
-                  *rowDefInternal="{
-                    template: rowDefTemplate,
-                    rowTemplate: bodyRow,
-                    row: group,
-                    index: i
-                  }"
-                />
-              } @else {
-                @if (isRow(group)) {
-                  <datatable-body-row
-                    role="row"
-                    tabindex="-1"
-                    #rowElement
-                    [disable$]="rowWrapper.disable$"
-                    [isSelected]="selector.getRowSelected(group)"
-                    [innerWidth]="innerWidth"
-                    [offsetX]="offsetX"
-                    [columns]="columns"
-                    [rowHeight]="getRowHeight(group)"
-                    [row]="group"
-                    [rowIndex]="getRowIndex(group)"
-                    [expanded]="getRowExpanded(group)"
-                    [rowClass]="rowClass"
-                    [displayCheck]="displayCheck"
-                    [treeStatus]="group?.treeStatus"
-                    [ghostLoadingIndicator]="ghostLoadingIndicator"
-                    [draggable]="rowDraggable"
-                    [verticalScrollVisible]="verticalScrollVisible"
-                    (treeAction)="onTreeAction(group)"
-                    (activate)="selector.onActivate($event, indexes().first + i)"
-                    (drop)="drop($event, group, rowElement)"
-                    (dragover)="dragOver($event, group)"
-                    (dragenter)="dragEnter($event, group, rowElement)"
-                    (dragleave)="dragLeave($event, group, rowElement)"
-                    (dragstart)="drag($event, group, rowElement)"
-                    (dragend)="dragEnd($event, group)"
-                  >
-                  </datatable-body-row>
-                }
+    @if (rows?.length) {
+      <datatable-scroller
+        #selector="selector"
+        datatable-selection
+        [scrollbarV]="scrollbarV"
+        [scrollbarH]="scrollbarH"
+        [scrollHeight]="scrollHeight()"
+        [scrollWidth]="columnGroupWidths?.total"
+        [selected]="selected"
+        [rows]="rows"
+        [selectCheck]="selectCheck"
+        [disableCheck]="disableRowCheck"
+        [selectEnabled]="selectEnabled"
+        [selectionType]="selectionType"
+        [rowIdentity]="rowIdentity"
+        (select)="select.emit($event)"
+        (activate)="activate.emit($event)"
+        (scroll)="onBodyScroll($event)"
+      >
+        @if (summaryRow && summaryPosition === 'top') {
+          <datatable-summary-row
+            [rowHeight]="summaryHeight"
+            [offsetX]="offsetX"
+            [innerWidth]="innerWidth"
+            [rows]="rows"
+            [columns]="columns"
+          >
+          </datatable-summary-row>
+        }
+        @for (group of rowsToRender(); track rowTrackingFn(i, group); let i = $index) {
+          <datatable-row-wrapper
+            #rowWrapper
+            [attr.hidden]="
+              ghostLoadingIndicator && (!rowCount || !virtualization || !scrollbarV) ? true : null
+            "
+            [groupedRows]="groupedRows"
+            [innerWidth]="innerWidth"
+            [ngStyle]="rowsStyles()[i]"
+            [rowDetail]="rowDetail"
+            [groupHeader]="groupHeader"
+            [offsetX]="offsetX"
+            [detailRowHeight]="getDetailRowHeight(group && group[i], i)"
+            [groupHeaderRowHeight]="getGroupHeaderRowHeight(group && group[i], i)"
+            [row]="group"
+            [disableCheck]="disableRowCheck"
+            [expanded]="getRowExpanded(group)"
+            [rowIndex]="getRowIndex(group && group[i])"
+            [selected]="selected"
+            (rowContextmenu)="rowContextmenu.emit($event)"
+          >
+            @if (rowDefTemplate) {
+              <ng-container
+                *rowDefInternal="{
+                  template: rowDefTemplate,
+                  rowTemplate: bodyRow,
+                  row: group,
+                  index: i
+                }"
+              />
+            } @else {
+              @if (isRow(group)) {
+                <datatable-body-row
+                  role="row"
+                  tabindex="-1"
+                  #rowElement
+                  [disable$]="rowWrapper.disable$"
+                  [isSelected]="selector.getRowSelected(group)"
+                  [innerWidth]="innerWidth"
+                  [offsetX]="offsetX"
+                  [columns]="columns"
+                  [rowHeight]="getRowHeight(group)"
+                  [row]="group"
+                  [rowIndex]="getRowIndex(group)"
+                  [expanded]="getRowExpanded(group)"
+                  [rowClass]="rowClass"
+                  [displayCheck]="displayCheck"
+                  [treeStatus]="group?.treeStatus"
+                  [ghostLoadingIndicator]="ghostLoadingIndicator"
+                  [draggable]="rowDraggable"
+                  [verticalScrollVisible]="verticalScrollVisible"
+                  (treeAction)="onTreeAction(group)"
+                  (activate)="selector.onActivate($event, indexes().first + i)"
+                  (drop)="drop($event, group, rowElement)"
+                  (dragover)="dragOver($event, group)"
+                  (dragenter)="dragEnter($event, group, rowElement)"
+                  (dragleave)="dragLeave($event, group, rowElement)"
+                  (dragstart)="drag($event, group, rowElement)"
+                  (dragend)="dragEnd($event, group)"
+                >
+                </datatable-body-row>
               }
-
-              <ng-template #bodyRow>
-                @if (isRow(group)) {
-                  <datatable-body-row
-                    role="row"
-                    tabindex="-1"
-                    #rowElement
-                    [disable$]="rowWrapper.disable$"
-                    [isSelected]="selector.getRowSelected(group)"
-                    [innerWidth]="innerWidth"
-                    [offsetX]="offsetX"
-                    [columns]="columns"
-                    [rowHeight]="getRowHeight(group)"
-                    [row]="group"
-                    [rowIndex]="getRowIndex(group)"
-                    [expanded]="getRowExpanded(group)"
-                    [rowClass]="rowClass"
-                    [displayCheck]="displayCheck"
-                    [treeStatus]="group?.treeStatus"
-                    [ghostLoadingIndicator]="ghostLoadingIndicator"
-                    [draggable]="rowDraggable"
-                    [verticalScrollVisible]="verticalScrollVisible"
-                    (treeAction)="onTreeAction(group)"
-                    (activate)="selector.onActivate($event, indexes().first + i)"
-                    (drop)="drop($event, group, rowElement)"
-                    (dragover)="dragOver($event, group)"
-                    (dragenter)="dragEnter($event, group, rowElement)"
-                    (dragleave)="dragLeave($event, group, rowElement)"
-                    (dragstart)="drag($event, group, rowElement)"
-                    (dragend)="dragEnd($event, group)"
-                  >
-                  </datatable-body-row>
-                }
-              </ng-template>
-
-              @if (isGroup(group)) {
-                <!-- The row typecast is due to angular compiler acting weird. It is obvious that it is of type TRow, but the compiler does not understand. -->
-                @for (row of group.value; track rowTrackingFn(i, row); let i = $index) {
-                  <datatable-body-row
-                    role="row"
-                    [disable$]="rowWrapper.disable$"
-                    tabindex="-1"
-                    #rowElement
-                    [isSelected]="selector.getRowSelected(row)"
-                    [innerWidth]="innerWidth"
-                    [offsetX]="offsetX"
-                    [columns]="columns"
-                    [rowHeight]="getRowHeight(row)"
-                    [row]="row"
-                    [group]="group.value"
-                    [rowIndex]="getRowIndex(row)"
-                    [expanded]="getRowExpanded(row)"
-                    [rowClass]="rowClass"
-                    [ghostLoadingIndicator]="ghostLoadingIndicator"
-                    [draggable]="rowDraggable"
-                    [verticalScrollVisible]="verticalScrollVisible"
-                    (activate)="selector.onActivate($event, i)"
-                    (drop)="drop($event, row, rowElement)"
-                    (dragover)="dragOver($event, row)"
-                    (dragenter)="dragEnter($event, row, rowElement)"
-                    (dragleave)="dragLeave($event, row, rowElement)"
-                    (dragstart)="drag($event, row, rowElement)"
-                    (dragend)="dragEnd($event, row)"
-                  >
-                  </datatable-body-row>
-                }
+            }
+
+            <ng-template #bodyRow>
+              @if (isRow(group)) {
+                <datatable-body-row
+                  role="row"
+                  tabindex="-1"
+                  #rowElement
+                  [disable$]="rowWrapper.disable$"
+                  [isSelected]="selector.getRowSelected(group)"
+                  [innerWidth]="innerWidth"
+                  [offsetX]="offsetX"
+                  [columns]="columns"
+                  [rowHeight]="getRowHeight(group)"
+                  [row]="group"
+                  [rowIndex]="getRowIndex(group)"
+                  [expanded]="getRowExpanded(group)"
+                  [rowClass]="rowClass"
+                  [displayCheck]="displayCheck"
+                  [treeStatus]="group?.treeStatus"
+                  [ghostLoadingIndicator]="ghostLoadingIndicator"
+                  [draggable]="rowDraggable"
+                  [verticalScrollVisible]="verticalScrollVisible"
+                  (treeAction)="onTreeAction(group)"
+                  (activate)="selector.onActivate($event, indexes().first + i)"
+                  (drop)="drop($event, group, rowElement)"
+                  (dragover)="dragOver($event, group)"
+                  (dragenter)="dragEnter($event, group, rowElement)"
+                  (dragleave)="dragLeave($event, group, rowElement)"
+                  (dragstart)="drag($event, group, rowElement)"
+                  (dragend)="dragEnd($event, group)"
+                >
+                </datatable-body-row>
               }
-            </datatable-row-wrapper>
-          }
-          @if (summaryRow && summaryPosition === 'bottom') {
-            <datatable-summary-row
-              role="row"
-              [ngStyle]="bottomSummaryRowsStyles()"
-              [rowHeight]="summaryHeight"
-              [offsetX]="offsetX"
-              [innerWidth]="innerWidth"
-              [rows]="rows"
-              [columns]="columns"
-            >
-            </datatable-summary-row>
-          }
-        </datatable-scroller>
-      }
-      @if (!rows?.length && !loadingIndicator && !ghostLoadingIndicator) {
-        <datatable-scroller
-          [scrollbarV]="scrollbarV"
-          [scrollbarH]="scrollbarH"
-          [scrollHeight]="scrollHeight()"
-          [style.width]="scrollbarH ? columnGroupWidths?.total + 'px' : '100%'"
-          (scroll)="onBodyScroll($event)"
-        >
-          <ng-content select="[empty-content]"></ng-content
-        ></datatable-scroller>
-      }
+            </ng-template>
+
+            @if (isGroup(group)) {
+              <!-- The row typecast is due to angular compiler acting weird. It is obvious that it is of type TRow, but the compiler does not understand. -->
+              @for (row of group.value; track rowTrackingFn(i, row); let i = $index) {
+                <datatable-body-row
+                  role="row"
+                  [disable$]="rowWrapper.disable$"
+                  tabindex="-1"
+                  #rowElement
+                  [isSelected]="selector.getRowSelected(row)"
+                  [innerWidth]="innerWidth"
+                  [offsetX]="offsetX"
+                  [columns]="columns"
+                  [rowHeight]="getRowHeight(row)"
+                  [row]="row"
+                  [group]="group.value"
+                  [rowIndex]="getRowIndex(row)"
+                  [expanded]="getRowExpanded(row)"
+                  [rowClass]="rowClass"
+                  [ghostLoadingIndicator]="ghostLoadingIndicator"
+                  [draggable]="rowDraggable"
+                  [verticalScrollVisible]="verticalScrollVisible"
+                  (activate)="selector.onActivate($event, i)"
+                  (drop)="drop($event, row, rowElement)"
+                  (dragover)="dragOver($event, row)"
+                  (dragenter)="dragEnter($event, row, rowElement)"
+                  (dragleave)="dragLeave($event, row, rowElement)"
+                  (dragstart)="drag($event, row, rowElement)"
+                  (dragend)="dragEnd($event, row)"
+                >
+                </datatable-body-row>
+              }
+            }
+          </datatable-row-wrapper>
+        }
+        @if (summaryRow && summaryPosition === 'bottom') {
+          <datatable-summary-row
+            role="row"
+            [ngStyle]="bottomSummaryRowsStyles()"
+            [rowHeight]="summaryHeight"
+            [offsetX]="offsetX"
+            [innerWidth]="innerWidth"
+            [rows]="rows"
+            [columns]="columns"
+          >
+          </datatable-summary-row>
+        }
+      </datatable-scroller>
+    }
+    @if (!rows?.length && !loadingIndicator && !ghostLoadingIndicator) {
+      <datatable-scroller
+        [scrollbarV]="scrollbarV"
+        [scrollbarH]="scrollbarH"
+        [scrollHeight]="scrollHeight()"
+        [style.width]="scrollbarH ? columnGroupWidths?.total + 'px' : '100%'"
+        (scroll)="onBodyScroll($event)"
+      >
+        <ng-content select="[empty-content]"></ng-content
+      ></datatable-scroller>
+    }
   `,
   changeDetection: ChangeDetectionStrategy.OnPush,
   host: {