build: reuse tslint rules for docs site and fix failures

Expands the tslint check to cover the docs site and fixes all of the failures.

Author: crisbeto

docs/e2e/src/app.e2e-spec.ts

@@ -1,3 +1,11 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
 import {MaterialDocsAppPage} from './app.po';
 import {browser, logging} from 'protractor';
 

docs/e2e/src/app.po.ts

@@ -1,3 +1,11 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
 import {browser, by, element} from 'protractor';
 
 export class MaterialDocsAppPage {

docs/scenes/e2e/screenshot.ts

@@ -1,3 +1,11 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
 import * as fs from 'fs';
 import * as path from 'path';
 import {by, element} from 'protractor';

docs/scenes/e2e/src/app.e2e-spec.ts

@@ -1,3 +1,11 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
 import {AppPage} from './app.po';
 import {screenshot} from '../screenshot';
 

docs/scenes/e2e/src/app.po.ts

@@ -1,3 +1,11 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
 import {browser} from 'protractor';
 
 export class AppPage {

docs/scenes/src/app/app-routes.ts

@@ -1,3 +1,11 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
 import {ComponentType} from '@angular/cdk/overlay';
 import {SceneViewer} from './scene-viewer/scene-viewer';
 import {AutocompleteScene} from './scenes/autocomplete/autocomplete-scene';
@@ -93,5 +101,10 @@ export const routes: SceneViewerRoute[] = [
   {path: 'tooltip', component: SceneViewer, data: {scene: TooltipScene}},
   {path: 'tree', component: SceneViewer, data: {scene: TreeScene}},
 ]
-  .sort((a, b) => (a.path > b.path ? 1 : b.path > a.path ? -1 : 0))
+  .sort((a, b) => {
+    if (a.path > b.path) {
+      return 1;
+    }
+    return b.path > a.path ? -1 : 0;
+  })
   .map((route: SceneViewerRoute) => ({...route, data: {...route.data, hueRotate: 15 * hue++}}));

docs/scenes/src/app/app.component.ts

@@ -1,3 +1,11 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
 import {Component} from '@angular/core';
 import {RouterOutlet} from '@angular/router';
 

docs/scenes/src/app/scene-overlay-container.ts

@@ -1,3 +1,11 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
 import {Injectable} from '@angular/core';
 import {OverlayContainer} from '@angular/cdk/overlay';
 

docs/scenes/src/app/scene-viewer/scene-viewer.ts

@@ -1,6 +1,13 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
 import {
   Component,
-  HostBinding,
   Input,
   OnInit,
   ViewContainerRef,
@@ -16,12 +23,14 @@ import {DomSanitizer, SafeStyle} from '@angular/platform-browser';
   selector: 'app-scene-viewer',
   templateUrl: './scene-viewer.html',
   styleUrls: ['./scene-viewer.scss'],
+  host: {
+    '[style.filter]': 'filter',
+  },
 })
 export class SceneViewer implements OnInit {
-  private route = inject(ActivatedRoute);
-  private sanitizer = inject(DomSanitizer);
-
-  @HostBinding('style.filter') filter: SafeStyle | undefined;
+  private _route = inject(ActivatedRoute);
+  private _sanitizer = inject(DomSanitizer);
+  protected filter: SafeStyle | undefined;
 
   /**
    * Degree to change hue of scene by. All scenes default to a reddish hue.
@@ -36,7 +45,7 @@ export class SceneViewer implements OnInit {
     this._hueRotation = deg;
     // Modern browsers have security built in so this is just bypassing Angular's redundant checks.
     // Furthermore these checks will soon be removed.
-    this.filter = this.sanitizer.bypassSecurityTrustStyle(`hue-rotate(${this.hueRotation}deg)`);
+    this.filter = this._sanitizer.bypassSecurityTrustStyle(`hue-rotate(${this.hueRotation}deg)`);
   }
   private _hueRotation = 0;
 
@@ -49,9 +58,9 @@ export class SceneViewer implements OnInit {
   readonly scene = viewChild.required('scene', {read: ViewContainerRef});
 
   constructor() {
-    this.hueRotation = this.route.snapshot.data['hueRotate'];
-    this.component = this.route.snapshot.data['scene'];
-    this.scale = this.route.snapshot.data['scale'];
+    this.hueRotation = this._route.snapshot.data['hueRotate'];
+    this.component = this._route.snapshot.data['scene'];
+    this.scale = this._route.snapshot.data['scale'];
   }
 
   ngOnInit() {

docs/scenes/src/app/scenes/autocomplete/autocomplete-scene.ts

@@ -1,3 +1,11 @@
+/**
+ * @license
+ * Copyright Google LLC All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.dev/license
+ */
+
 import {AfterViewInit, Component, ViewEncapsulation, viewChild} from '@angular/core';
 import {FormControl, FormsModule, ReactiveFormsModule} from '@angular/forms';
 import {MatFormFieldModule} from '@angular/material/form-field';