chore: code cleanup

Author: ghiscoding

src/app/examples/grid-additem.component.ts

@@ -20,7 +20,7 @@ export class GridAddItemComponent implements OnInit {
     <ul>
       <li>"$row-highlight-background-color" or "$row-highlight-fade-animation"</li>
     </ul>
-    <li>You can also add CSS class(es) on the fly (or on page load) on rows with certain criteria, (e.g. click on last button)
+    <li>You can also add CSS class(es) on the fly (or on page load) on rows with certain criteria, (e.g. click on last button)</li>
     <ul>
       <li>Example, click on button "Highlight Rows with Duration over 50" to see row styling changing. <a href="https://ghiscoding.gitbook.io/angular-slickgrid/grid-functionalities/dynamic-item-metadata" target="_blank">Wiki doc</a></li>
     </ul>

src/app/examples/grid-autoheight.component.html

@@ -16,7 +16,7 @@ <h2>
       <label for="columnSelect">Single Search:</label>
     </div>
     <div class="col">
-      <select class="form-select" class="form-select" data-test="search-column-list" name="selectedColumn"
+      <select class="form-select" data-test="search-column-list" name="selectedColumn"
               [(ngModel)]="selectedColumn"
               (ngModelChange)="updateFilter()">
         <option [ngValue]="field" *ngFor="let field of columnDefinitions">{{field.name}}</option>

src/app/examples/grid-contextmenu.component.ts

@@ -66,7 +66,7 @@ export class GridContextMenuComponent implements OnInit, OnDestroy {
   title = 'Example 26: Cell Menu & Context Menu Plugins';
   subTitle = `Add Cell Menu and Context Menu
     <ul>
-      <li>This example demonstrates 2 SlickGrid plugins
+      <li>This example demonstrates 2 SlickGrid plugins</li>
       <ol>
       <li>Using the <b>Slick.Plugins.CellMenu</b> plugin, often used for an Action Menu(s), 1 or more per grid
       (<a href="https://ghiscoding.gitbook.io/angular-slickgrid/grid-functionalities/cell-menu" target="_blank">Wiki docs</a>).

src/app/examples/grid-graphql.component.ts

@@ -35,7 +35,7 @@ export class GridGraphqlComponent implements OnInit, OnDestroy {
     <ul class="small">
       <li><span class="red">(*) NO DATA SHOWING</span> - just change Filters &amp; Pages and look at the "GraphQL Query" changing :)</li>
       <li>This example also demos the Grid State feature, open the console log to see the changes</li>
-      <li>String column also support operator (>, >=, <, <=, <>, !=, =, ==, *)
+      <li>String column also support operator (>, >=, <, <=, <>, !=, =, ==, *)</li>
       <ul>
         <li>The (*) can be used as startsWith (ex.: "abc*" => startsWith "abc") / endsWith (ex.: "*xyz" => endsWith "xyz")</li>
         <li>The other operators can be used on column type number for example: ">=100" (bigger or equal than 100)</li>

src/app/examples/grid-headermenu.component.html

@@ -22,7 +22,6 @@ <h2>
 
   <div class="col-sm-12">
     <angular-slickgrid gridId="grid8"
-                       (onAngularGridCreated)="angularGridReady($event.detail)"
                        [columnDefinitions]="columnDefinitions"
                        [gridOptions]="gridOptions"
                        [dataset]="dataset">

src/app/examples/grid-headermenu.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
-import { AngularGridInstance, Column, GridOption, unsubscribeAllObservables } from './../modules/angular-slickgrid';
+import { Column, GridOption, unsubscribeAllObservables } from './../modules/angular-slickgrid';
 import { TranslateService } from '@ngx-translate/core';
 import { Subscription } from 'rxjs';
 
@@ -31,7 +31,6 @@ export class GridHeaderMenuComponent implements OnInit, OnDestroy {
   `;
 
   private subscriptions: Subscription[] = [];
-  angularGrid!: AngularGridInstance;
   columnDefinitions!: Column[];
   gridOptions!: GridOption;
   dataset!: any[];
@@ -188,10 +187,6 @@ export class GridHeaderMenuComponent implements OnInit, OnDestroy {
     this.dataset = mockDataset;
   }
 
-  angularGridReady(angularGrid: AngularGridInstance) {
-    this.angularGrid = angularGrid;
-  }
-
   switchLanguage() {
     const nextLanguage = (this.selectedLanguage === 'en') ? 'fr' : 'en';
     this.subscriptions.push(

src/app/examples/grid-infinite-graphql.component.ts

@@ -30,7 +30,6 @@ function unescapeAndLowerCase(val: string) {
   templateUrl: './grid-infinite-graphql.component.html'
 })
 export class GridInfiniteGraphqlComponent implements OnInit, OnDestroy {
-  private _darkMode = false;
   private subscriptions: Subscription[] = [];
   angularGrid!: AngularGridInstance;
   backendService!: GraphqlService;
@@ -338,20 +337,4 @@ export class GridInfiniteGraphqlComponent implements OnInit, OnDestroy {
     // we could also force a query since we provide a Locale and it changed
     this.getCustomerApiCall(this.backendService.buildQuery() || '');
   }
-
-  toggleDarkMode() {
-    this._darkMode = !this._darkMode;
-    this.toggleBodyBackground();
-    this.angularGrid.slickGrid?.setOptions({ darkMode: this._darkMode });
-  }
-
-  toggleBodyBackground() {
-    if (this._darkMode) {
-      document.querySelector<HTMLDivElement>('.panel-wm-content')!.classList.add('dark-mode');
-      document.querySelector<HTMLDivElement>('#demo-container')!.dataset.bsTheme = 'dark';
-    } else {
-      document.querySelector('.panel-wm-content')!.classList.remove('dark-mode');
-      document.querySelector<HTMLDivElement>('#demo-container')!.dataset.bsTheme = 'light';
-    }
-  }
 }

src/app/examples/grid-localization.component.ts

@@ -53,7 +53,7 @@ export class GridLocalizationComponent implements OnInit, OnDestroy {
       <ul>
         <li>What if your select options have totally different value/label pair? In this case, you can use the <b>customStructure: { label: 'customLabel', value: 'customValue'}</b> to change the property name(s) to use.'</li>
         <li>What if you want to use "customStructure" and translation? Simply pass this flag <b>enableTranslateLabel: true</b></li>
-        <li>More info on the Select Filter <a href="https://ghiscoding.gitbook.io/angular-slickgrid/column-functionalities/filters/select-filter" target="_blank">Wiki page</a>
+        <li>More info on the Select Filter <a href="https://ghiscoding.gitbook.io/angular-slickgrid/column-functionalities/filters/select-filter" target="_blank">Wiki page</a></li>
       </ul>
     <li>For more info about "Download to File", read the <a href="https://ghiscoding.gitbook.io/angular-slickgrid/grid-functionalities/export-to-text-file" target="_blank">Wiki page</a></li>
     </ol>

src/app/examples/grid-odata.component.ts

@@ -29,7 +29,7 @@ export class GridOdataComponent implements OnInit {
     <ul class="small">
       <li>Only "Name" field is sortable for the demo (because we use JSON files), however "multiColumnSort: true" is also supported</li>
       <li>This example also demos the Grid State feature, open the console log to see the changes</li>
-      <li>String column also support operator (>, >=, <, <=, <>, !=, =, ==, *)
+      <li>String column also support operator (>, >=, <, <=, <>, !=, =, ==, *)</li>
       <ul>
         <li>The (*) can be used as startsWith (ex.: "abc*" => startsWith "abc") / endsWith (ex.: "*xyz" => endsWith "xyz")</li>
         <li>The other operators can be used on column type number for example: ">=100" (bigger or equal than 100)</li>

src/app/examples/grid-trading.component.ts

@@ -89,7 +89,7 @@ export class GridTradingComponent implements OnDestroy, OnInit {
       <li>optionally change random numbers, between 0 and 10 symbols, per cycle (higher numbers means more changes)</li>
       <li>optionally change the simulation changes refresh rate in ms (lower number means more changes).</li>
       <li>you can Group by 1 of these columns: Currency, Market or Type</li>
-      <li>to show SlickGrid HUGE PERF., do the following: (1) lower Changes Rate (2) increase both Changes per Cycle and (3) lower Highlight Duration
+      <li>to show SlickGrid HUGE PERF., do the following: (1) lower Changes Rate (2) increase both Changes per Cycle and (3) lower Highlight Duration</li>
     </ul>`;
   angularGrid!: AngularGridInstance;
   gridOptions!: GridOption;