chore: replace alert() with showToast() for error notifications

Author: ghiscoding

src/examples/example03.ts

@@ -21,6 +21,7 @@ import { PdfExportService } from '@slickgrid-universal/pdf-export';
 import { TextExportService } from '@slickgrid-universal/text-export';
 import { Slicker, type SlickVanillaGridBundle } from '@slickgrid-universal/vanilla-bundle';
 import { ExampleGridOptions } from './example-grid-options';
+import { showToast } from './utilities';
 
 const NB_ITEMS = 10_000;
 
@@ -580,7 +581,7 @@ export default class Example03 {
     console.log('handleValidationError', event.detail);
     const args = event?.detail?.args;
     if (args.validationResults) {
-      alert(args.validationResults.msg);
+      showToast(args.validationResults.msg, 'danger');
     }
   }
 

src/examples/example04.ts

@@ -16,6 +16,7 @@ import { ExcelExportService } from '@slickgrid-universal/excel-export';
 import { Slicker, type SlickVanillaGridBundle } from '@slickgrid-universal/vanilla-bundle';
 import { ExampleGridOptions } from './example-grid-options';
 import fetchJsonp from './jsonp';
+import { showToast } from './utilities';
 import './example04.scss';
 
 // you can create custom validator to pass to an inline editor
@@ -569,7 +570,7 @@ export default class Example04 {
     console.log('handleOnValidationError', event.detail);
     const args = event?.detail?.args;
     if (args.validationResults) {
-      alert(args.validationResults.msg);
+      showToast(args.validationResults.msg, 'danger');
       return false;
     }
   }

src/examples/example07.ts

@@ -5,6 +5,7 @@ import { Slicker, type SlickVanillaGridBundle } from '@slickgrid-universal/vanil
 import DOMPurify from 'dompurify';
 import type { TranslateService } from '../translate.service';
 import { ExampleGridOptions } from './example-grid-options';
+import { showToast } from './utilities';
 import './example07.scss';
 import '../material-styles.scss';
 
@@ -631,7 +632,7 @@ export default class Example07 {
     console.log('handleValidationError', event.detail);
     const args = event.detail && event.detail.args;
     if (args.validationResults) {
-      alert(args.validationResults.msg);
+      showToast(args.validationResults.msg, 'danger');
     }
   }
 

src/examples/example11-modal.ts

@@ -2,6 +2,7 @@ import { BindingEventService } from '@slickgrid-universal/binding';
 import { Formatters, type Column, type DOMEvent, type Formatter, type GridOption } from '@slickgrid-universal/common';
 import { Slicker, type SlickVanillaGridBundle } from '@slickgrid-universal/vanilla-bundle';
 import { ExampleGridOptions } from './example-grid-options';
+import { showToast } from './utilities';
 import './example11-modal.scss';
 
 export default class Example11Modal {
@@ -72,7 +73,7 @@ export default class Example11Modal {
     console.log('handleValidationError', event.detail);
     const args = event.detail && event.detail.args;
     if (args.validationResults) {
-      alert(args.validationResults.msg);
+      showToast(args.validationResults.msg, 'danger');
     }
     return false;
   }

src/examples/example11.ts

@@ -28,7 +28,7 @@ import { type MultipleSelectOption } from 'multiple-select-vanilla';
 
 import { ExampleGridOptions } from './example-grid-options';
 import Example11Modal from './example11-modal';
-import { loadComponent } from './utilities';
+import { loadComponent, showToast } from './utilities';
 import './example11.scss';
 
 const LOCAL_STORAGE_KEY = 'gridViewPreset';
@@ -518,7 +518,7 @@ export default class Example11 {
     console.log('handleValidationError', event.detail);
     const args = event?.detail?.args;
     if (args.validationResults) {
-      alert(args.validationResults.msg);
+      showToast(args.validationResults.msg, 'danger');
     }
     return false;
   }

src/examples/example12.ts

@@ -24,6 +24,7 @@ import { Slicker, type VanillaForceGridBundle } from '@slickgrid-universal/vanil
 import { type MultipleSelectOption } from 'multiple-select-vanilla';
 
 import { ExampleGridOptions } from './example-grid-options';
+import { showToast } from './utilities';
 import './example12.scss';
 
 // you can create custom validator to pass to an inline editor
@@ -647,7 +648,7 @@ export default class Example12 {
         console.log(errorMsg);
       }
     } else {
-      alert(args.validationResults.msg);
+      showToast(args.validationResults.msg, 'danger');
     }
     return false;
   }

src/examples/example14.ts

@@ -24,6 +24,7 @@ import { ExcelExportService } from '@slickgrid-universal/excel-export';
 import { Slicker, type SlickVanillaGridBundle } from '@slickgrid-universal/vanilla-bundle';
 
 import { ExampleGridOptions } from './example-grid-options';
+import { showToast } from './utilities';
 import './example14.scss';
 
 const NB_ITEMS = 400;
@@ -724,7 +725,7 @@ export default class Example14 {
         console.log(errorMsg);
       }
     } else {
-      alert(args.validationResults.msg);
+      showToast(args.validationResults.msg, 'danger');
     }
     return false;
   }