feat(settings): add noImplicitAny to compiler options

- update typescript configuration
- eliminate noImplicitAny violations

addresses #536

projects/angular-ngrx-material-starter/src/app/app/app.component.ts

@@ -1,5 +1,6 @@
 import browser from 'browser-detect';
 import { Component, OnInit } from '@angular/core';
+import { MatSelectChange } from '@angular/material/select';
 import { Store, select } from '@ngrx/store';
 import { Observable } from 'rxjs';
 
@@ -81,7 +82,7 @@ export class AppComponent implements OnInit {
     this.store.dispatch(authLogout());
   }
 
-  onLanguageSelect({ value: language }) {
-    this.store.dispatch(actionSettingsChangeLanguage({ language }));
+  onLanguageSelect(event: MatSelectChange) {
+    this.store.dispatch(actionSettingsChangeLanguage({ language: event.value }));
   }
 }

projects/angular-ngrx-material-starter/src/app/core/animations/route.animations.ts

@@ -59,7 +59,7 @@ const STEPS_ALL: any[] = [
     { optional: true }
   )
 ];
-const STEPS_NONE = [];
+const STEPS_NONE: any[] = [];
 const STEPS_PAGE = [STEPS_ALL[0], STEPS_ALL[2]];
 const STEPS_ELEMENTS = [STEPS_ALL[1], STEPS_ALL[3]];
 

projects/angular-ngrx-material-starter/src/app/features/examples/todos/todos.selectors.ts

@@ -1,6 +1,7 @@
 import { createSelector } from '@ngrx/store';
 
 import { ExamplesState, selectExamples } from '../examples.state';
+import { Todo } from './todos.model';
 
 export const selectTodosState = createSelector(
   selectExamples,
@@ -24,7 +25,7 @@ export const selectTodos = createSelector(
     if (filter === 'ALL') {
       return items;
     } else {
-      const predicate = filter === 'DONE' ? (t) => t.done : (t) => !t.done;
+      const predicate = filter === 'DONE' ? (t: Todo) => t.done : (t: Todo) => !t.done;
       return items.filter(predicate);
     }
   }

projects/angular-ngrx-material-starter/src/app/features/settings/settings/settings-container.component.ts

@@ -1,5 +1,6 @@
 import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';
 import { MatSelectChange } from '@angular/material/select';
+import { MatSlideToggleChange } from '@angular/material/slide-toggle';
 import { Store, select } from '@ngrx/store';
 import { Observable } from 'rxjs';
 
@@ -54,25 +55,25 @@ export class SettingsContainerComponent implements OnInit {
     this.store.dispatch(actionSettingsChangeLanguage({ language: change.value }));
   }
 
-  onThemeSelect({ value: theme }) {
-    this.store.dispatch(actionSettingsChangeTheme({ theme }));
+  onThemeSelect(event: MatSelectChange) {
+    this.store.dispatch(actionSettingsChangeTheme({ theme: event.value }));
   }
 
-  onAutoNightModeToggle({ checked: autoNightMode }) {
-    this.store.dispatch(actionSettingsChangeAutoNightMode({ autoNightMode }));
+  onAutoNightModeToggle(event: MatSlideToggleChange) {
+    this.store.dispatch(actionSettingsChangeAutoNightMode({ autoNightMode: event.checked }));
   }
 
-  onStickyHeaderToggle({ checked: stickyHeader }) {
-    this.store.dispatch(actionSettingsChangeStickyHeader({ stickyHeader }));
+  onStickyHeaderToggle(event: MatSlideToggleChange) {
+    this.store.dispatch(actionSettingsChangeStickyHeader({ stickyHeader: event.checked }));
   }
 
-  onPageAnimationsToggle({ checked: pageAnimations }) {
-    this.store.dispatch(actionSettingsChangeAnimationsPage({ pageAnimations }));
+  onPageAnimationsToggle(event: MatSlideToggleChange) {
+    this.store.dispatch(actionSettingsChangeAnimationsPage({ pageAnimations: event.checked }));
   }
 
-  onElementsAnimationsToggle({ checked: elementsAnimations }) {
+  onElementsAnimationsToggle(event: MatSlideToggleChange) {
     this.store.dispatch(
-      actionSettingsChangeAnimationsElements({ elementsAnimations })
+      actionSettingsChangeAnimationsElements({ elementsAnimations: event.checked })
     );
   }
 }

tsconfig.json

@@ -10,6 +10,7 @@
     "experimentalDecorators": true,
     "importHelpers": true,
     "strictNullChecks": true,
+    "noImplicitAny": true,
     "module": "esnext",
     "target": "es2015",
     "typeRoots": ["node_modules/@types"],