chore: replace [ngClass] with [class]

Author: ghiscoding

frameworks/angular-slickgrid/src/demos/examples/example33.component.html

@@ -35,7 +35,7 @@ <h2>
       <label for="pinned-rows">Simulated Server Delay (ms): </label>
       <input type="number" id="server-delay" data-test="server-delay" style="width: 60px" [(ngModel)]="serverApiDelay" />
     </div>
-    <div class="alert alert-info is-narrow col" [ngClass]="!showLazyLoading() ? 'invisible' : ''" data-test="alert-lazy">
+    <div class="alert alert-info is-narrow col" [class]="!showLazyLoading() ? 'invisible' : ''" data-test="alert-lazy">
       Lazy loading collection...
     </div>
   </div>

frameworks/angular-slickgrid/src/demos/examples/example33.component.ts

@@ -1,4 +1,3 @@
-import { NgClass } from '@angular/common';
 import { Component, signal, ViewEncapsulation, type OnInit } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { SlickCustomTooltip } from '@slickgrid-universal/custom-tooltip-plugin';
@@ -25,7 +24,7 @@ const NB_ITEMS = 1000;
   templateUrl: './example33.component.html',
   styleUrls: ['./example33.component.scss'],
   encapsulation: ViewEncapsulation.None,
-  imports: [FormsModule, NgClass, AngularSlickgridComponent],
+  imports: [FormsModule, AngularSlickgridComponent],
 })
 export class Example33Component implements OnInit {
   angularGrid!: AngularGridInstance;

frameworks/angular-slickgrid/src/demos/examples/swt-common-grid-pagination.component.ts

@@ -1,4 +1,3 @@
-import { NgClass } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
 import { Component, Input, signal, type OnInit } from '@angular/core';
 import { TranslateDirective } from '@ngx-translate/core';
@@ -19,10 +18,10 @@ import { Logger } from './swt-logger.service';
       <div class="slick-pagination-nav">
         <nav aria-label="Page navigation">
           <ul class="pagination">
-            <li class="page-item" [ngClass]="pageNumber === 1 ? 'disabled' : ''">
+            <li class="page-item" [class]="pageNumber === 1 ? 'disabled' : ''">
               <a class="page-link icon-seek-first mdi mdi-page-first" aria-label="First" (click)="changeToFirstPage($event)"> </a>
             </li>
-            <li class="page-item" [ngClass]="pageNumber === 1 ? 'disabled' : ''">
+            <li class="page-item" [class]="pageNumber === 1 ? 'disabled' : ''">
               <a
                 class="page-link icon-seek-prev mdi mdi-chevron-down mdi-rotate-240"
                 aria-label="Previous"
@@ -41,10 +40,10 @@ import { Logger } from './swt-logger.service';
 
         <nav aria-label="Page navigation">
           <ul class="pagination">
-            <li class="page-item" [ngClass]="pageNumber === pageCount ? 'disabled' : ''">
+            <li class="page-item" [class]="pageNumber === pageCount ? 'disabled' : ''">
               <a class="page-link icon-seek-next text-center mdi-chevron-down" aria-label="Next" (click)="changeToNextPage($event)"> </a>
             </li>
-            <li class="page-item" [ngClass]="pageNumber === pageCount ? 'disabled' : ''">
+            <li class="page-item" [class]="pageNumber === pageCount ? 'disabled' : ''">
               <a class="page-link icon-seek-end mdi mdi-page-last" aria-label="Last" (click)="changeToLastPage($event)"> </a>
             </li>
           </ul>
@@ -75,7 +74,7 @@ import { Logger } from './swt-logger.service';
       }
     `,
   ],
-  imports: [NgClass, TranslateDirective],
+  imports: [TranslateDirective],
 })
 export class SwtCommonGridPaginationComponent implements OnInit {
   private logger: Logger;