fix(ref: no-ref): update ng 19

Author: andriikamaldinov1

eslint.config.js

@@ -35,13 +35,10 @@ module.exports = tseslint.config(
         // Everything in this config object targets our TypeScript files (Components, Directives, Pipes etc)
         files: ['**/*.ts'],
         extends: [
-            // Apply the recommended core rules
             eslint.configs.recommended,
-            // Apply the recommended TypeScript rules
-            ...tseslint.configs.recommended,
-            // Optionally apply stylistic rules from typescript-eslint that improve code consistency
-            ...tseslint.configs.stylistic,
-            // Apply the recommended Angular rules
+            ...tseslint.configs.recommendedTypeChecked,
+            ...tseslint.configs.strictTypeChecked,
+            ...tseslint.configs.stylisticTypeChecked,
             ...angular.configs.tsRecommended,
         ],
         // Set the custom processor which will allow us to have our inline Component templates extracted
@@ -104,7 +101,6 @@ module.exports = tseslint.config(
             'no-unused-private-class-members': 'error',
             'no-invalid-regexp': 'error',
             curly: ['error', 'all'],
-            '@typescript-eslint/restrict-template-expressions': 'error',
             '@typescript-eslint/no-explicit-any': 'off',
             '@typescript-eslint/adjacent-overload-signatures': 'error',
             'no-console': ['warn'],
@@ -157,6 +153,14 @@ module.exports = tseslint.config(
             '@typescript-eslint/unbound-method': 'off',
             'import/no-cycle': 'off',
             'import/extensions': 'off',
+            '@typescript-eslint/no-unsafe-call': 'off',
+            '@typescript-eslint/restrict-template-expressions': [
+                'error',
+                {
+                    allowNullish: true,
+                    allowNumber: true,
+                },
+            ],
         },
     },
     {

projects/ngx-loader-indicator-lib/src/lib/ngx-loader-indicator.directive.spec.ts

@@ -1,5 +1,5 @@
 describe('First test group', () => {
     it('First test', () => {
-        expect(1).toEqual(1);
+        void expect(1).toEqual(1);
     });
 });

projects/ngx-loader-indicator-lib/src/lib/ngx-loader-indicator.directive.ts

@@ -21,22 +21,22 @@ export class NgxLoaderIndicatorDirective {
     }
     private processValue(value: boolean) {
         if (!value) {
-            if (this.loaderEl) {
+            if (this.loaderEl instanceof HTMLDivElement) {
                 this._setStyles(this.loaderEl, { display: 'none' });
             }
             return;
         }
         const { rotate, hostStyles, loaderStyles, imgStyles, img } = this._config;
 
-        this.loaderEl = this._renderer.createElement('div');
-        const imgEl = this._renderer.createElement('img');
+        this.loaderEl = this._renderer.createElement('div') as HTMLDivElement;
+        const imgEl = this._renderer.createElement('img') as HTMLImageElement;
 
         imgEl.animate([{ transform: 'rotate(360deg)' }, { transform: 'rotate(0deg)' }], rotate);
 
         this._renderer.appendChild(this._el.nativeElement, this.loaderEl);
         this._renderer.appendChild(this.loaderEl, imgEl);
 
-        this._setStyles(this._el.nativeElement, hostStyles);
+        this._setStyles(this._el.nativeElement as HTMLElement, hostStyles);
         this._setStyles(this.loaderEl, loaderStyles);
         this._setStyles(imgEl, imgStyles);
 

projects/ngx-loader-indicator-lib/src/lib/ngx-loader-indicator.providers.ts

@@ -12,11 +12,9 @@ export function _configFactory(
     initConfig: optionsConfig,
     configValue: optionsConfig
 ): optionsConfig {
-    const loaderStyles: Config['loaderStyles'] | null = configValue
-        ? configValue.loaderStyles
-        : null;
-    const imgStyles: Config['imgStyles'] | null = configValue ? configValue.imgStyles : null;
-    const rotate: Config['rotate'] | null = configValue ? configValue.rotate : null;
+    const loaderStyles: Config['loaderStyles'] | null = configValue.loaderStyles ?? null;
+    const imgStyles: Config['imgStyles'] | null = configValue.imgStyles ?? null;
+    const rotate: Config['rotate'] | null = configValue.rotate ?? null;
 
     return {
         ...initConfig,

src/app/app.component.spec.ts

@@ -1,5 +1,5 @@
 describe('App component', () => {
     it('First test', () => {
-        expect(1).toEqual(1);
+        void expect(1).toEqual(1);
     });
 });

src/app/cards/cards.component.ts

@@ -4,7 +4,6 @@ import { HighlightModule } from 'ngx-highlightjs';
 import { NgxLoaderIndicatorDirective } from 'ngx-loader-indicator';
 import { CardItem } from './cards.type';
 import { ScrollService } from '@open-source/scroll/scroll.service';
-import { ColorPipe } from '@open-source/color/color.pipe';
 import { AssetPipe } from '@libraries/asset/asset.pipe';
 import { CustomLoaderComponent } from '../custom-loader/custom-loader.component';
 import { FormComponent } from '../shared/form/form.component';
@@ -19,7 +18,6 @@ import { toSignal } from '@angular/core/rxjs-interop';
         NgOptimizedImage,
         HighlightModule,
         NgxLoaderIndicatorDirective,
-        ColorPipe,
         AssetPipe,
         CustomLoaderComponent,
         FormComponent,

src/app/custom-loader/custom-loader.component.ts

@@ -25,4 +25,5 @@ import { NgxLoaderIndicatorDirective, provideNgxLoaderIndicator } from 'ngx-load
         }),
     ],
 })
+// eslint-disable-next-line @typescript-eslint/no-extraneous-class
 export class CustomLoaderComponent {}

src/libraries

@@ -30,5 +30,7 @@ bootstrapApplication(AppComponent, {
             },
         },
     ],
+}).catch((err: unknown) => {
     // eslint-disable-next-line no-console
-}).catch((err) => console.error(err));
+    console.error(err);
+});