refactor: remove moduleId from all components (angular#17626)

Removes all `moduleId` properties from components. We no longer
need them since we inline resources when building the library.

Author: devversion

src/BUILD.bazel

@@ -3,7 +3,6 @@ package(default_visibility = ["//visibility:public"])
 load("@npm_bazel_typescript//:index.bzl", "ts_config")
 load("//src/cdk:config.bzl", "CDK_ENTRYPOINTS")
 load("//src/material:config.bzl", "MATERIAL_ENTRYPOINTS", "MATERIAL_TESTING_ENTRYPOINTS")
-load("//tools:defaults.bzl", "ts_library")
 load("//tools/dgeni:index.bzl", "dgeni_api_docs")
 
 cdkApiEntryPoints = CDK_ENTRYPOINTS
@@ -20,11 +19,6 @@ exports_files([
     "README.md",
 ])
 
-ts_library(
-    name = "module-typings",
-    srcs = [":module-typings.d.ts"],
-)
-
 ts_config(
     name = "tsconfig-test",
     src = "bazel-tsconfig-test.json",

src/a11y-demo/a11y-demo.ts

@@ -11,7 +11,6 @@ import {NavigationEnd, Router} from '@angular/router';
 import {Subscription} from 'rxjs';
 
 @Component({
-  moduleId: module.id,
   templateUrl: 'a11y-demo.html',
   styleUrls: ['a11y-demo.css'],
 })
@@ -82,7 +81,6 @@ export class AccessibilityDemoRoot implements OnDestroy {
 }
 
 @Component({
-  moduleId: module.id,
   selector: 'accessibility-home',
   template: `<p>Welcome to the accessibility examples for Angular Material!</p>`,
 })

src/a11y-demo/autocomplete/autocomplete-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'autocomplete-a11y',
   templateUrl: 'autocomplete-a11y.html',
   styleUrls: ['autocomplete-a11y.css'],

src/a11y-demo/button-toggle/button-toggle-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'button-toggle-a11y',
   templateUrl: 'button-toggle-a11y.html',
   styleUrls: ['button-toggle-a11y.css'],

src/a11y-demo/button/button-a11y.ts

@@ -11,7 +11,6 @@ import {MatSnackBar} from '@angular/material/snack-bar';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'button-a11y',
   templateUrl: 'button-a11y.html',
   styleUrls: ['button-a11y.css'],

src/a11y-demo/card/card-a11y.ts

@@ -11,7 +11,6 @@ import {MatSnackBar} from '@angular/material/snack-bar';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'card-a11y',
   templateUrl: 'card-a11y.html',
   styleUrls: ['card-a11y.css'],

src/a11y-demo/checkbox/checkbox-a11y.ts

@@ -16,7 +16,6 @@ export interface Task {
 }
 
 @Component({
-  moduleId: module.id,
   selector: 'checkbox-a11y',
   templateUrl: 'checkbox-a11y.html',
   styleUrls: ['checkbox-a11y.css'],

src/a11y-demo/chips/chips-a11y.ts

@@ -17,7 +17,6 @@ export interface Person {
 }
 
 @Component({
-  moduleId: module.id,
   selector: 'chips-a11y',
   templateUrl: 'chips-a11y.html',
   styleUrls: ['chips-a11y.css'],

src/a11y-demo/datepicker/datepicker-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'datepicker-a11y',
   templateUrl: 'datepicker-a11y.html',
   styleUrls: ['datepicker-a11y.css'],

src/a11y-demo/dialog/dialog-a11y.ts

@@ -11,7 +11,6 @@ import {MatDialog} from '@angular/material/dialog';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'dialog-a11y',
   templateUrl: 'dialog-a11y.html',
   styleUrls: ['dialog-a11y.css'],
@@ -42,21 +41,18 @@ export class DialogAccessibilityDemo {
 }
 
 @Component({
-  moduleId: module.id,
   selector: 'dialog-fruit-a11y',
   templateUrl: 'dialog-fruit-a11y.html',
 })
 export class DialogFruitExampleDialog {}
 
 @Component({
-  moduleId: module.id,
   selector: 'dialog-welcome-a11y',
   templateUrl: 'dialog-welcome-a11y.html',
 })
 export class DialogWelcomeExampleDialog {}
 
 @Component({
-  moduleId: module.id,
   selector: 'dialog-neptune-a11y-dialog',
   templateUrl: './dialog-neptune-a11y.html',
 })
@@ -69,7 +65,6 @@ export class DialogNeptuneExampleDialog {
 }
 
 @Component({
-  moduleId: module.id,
   selector: 'dialog-neptune-iframe-dialog',
   styles: [`
     iframe {
@@ -81,7 +76,6 @@ export class DialogNeptuneExampleDialog {
 export class DialogNeptuneIFrameDialog {}
 
 @Component({
-  moduleId: module.id,
   selector: 'dialog-address-form-a11y',
   styles: [`
     .demo-full-width {

src/a11y-demo/expansion/expansion-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'expansion-a11y',
   templateUrl: 'expansion-a11y.html',
   styleUrls: ['expansion-a11y.css']

src/a11y-demo/grid-list/grid-list-a11y.ts

@@ -15,7 +15,6 @@ export interface Dog {
 }
 
 @Component({
-  moduleId: module.id,
   selector: 'grid-list-a11y',
   templateUrl: 'grid-list-a11y.html',
   styleUrls: ['grid-list-a11y.css'],

src/a11y-demo/icon/icon-a11y.ts

@@ -11,7 +11,6 @@ import {MatSnackBar} from '@angular/material/snack-bar';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'icon-a11y',
   templateUrl: 'icon-a11y.html',
 })

src/a11y-demo/input/input-a11y.ts

@@ -12,7 +12,6 @@ import {Component} from '@angular/core';
 const USD_TO_JPY = 110.29;
 
 @Component({
-  moduleId: module.id,
   selector: 'input-a11y',
   templateUrl: 'input-a11y.html',
 })

src/a11y-demo/list/list-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'list-a11y',
   templateUrl: 'list-a11y.html',
   styleUrls: ['list-a11y.css']

src/a11y-demo/menu/menu-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'menu-a11y',
   templateUrl: 'menu-a11y.html',
   styleUrls: ['menu-a11y.css'],

src/a11y-demo/progress-bar/progress-bar-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'progress-bar-a11y',
   templateUrl: 'progress-bar-a11y.html',
 })

src/a11y-demo/progress-spinner/progress-spinner-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'progress-spinner-a11y',
   templateUrl: 'progress-spinner-a11y.html',
 })

src/a11y-demo/radio/radio-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'radio-a11y',
   templateUrl: 'radio-a11y.html',
   styleUrls: ['radio-a11y.css'],

src/a11y-demo/select/select-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'select-a11y',
   templateUrl: 'select-a11y.html',
   styleUrls: ['select-a11y.css'],

src/a11y-demo/sidenav/basic-sidenav-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'basic-sidenav-a11y',
   templateUrl: 'basic-sidenav-a11y.html',
   styleUrls: ['shared.css'],

src/a11y-demo/sidenav/dual-sidenav-a11y.ts

@@ -11,7 +11,6 @@ import {MatSnackBar} from '@angular/material/snack-bar';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'dual-sidenav-a11y',
   templateUrl: 'dual-sidenav-a11y.html',
   styleUrls: ['shared.css', 'dual-sidenav-a11y.css'],

src/a11y-demo/sidenav/mobile-sidenav-a11y.ts

@@ -11,7 +11,6 @@ import {ChangeDetectorRef, Component, OnDestroy} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'mobile-sidenav-a11y',
   templateUrl: 'mobile-sidenav-a11y.html',
   styleUrls: ['shared.css', 'mobile-sidenav-a11y.css'],

src/a11y-demo/sidenav/sidenav-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'sidenav-a11y',
   templateUrl: 'sidenav-a11y.html',
 })

src/a11y-demo/slide-toggle/slide-toggle-a11y.ts

@@ -11,7 +11,6 @@ import {MatSnackBar} from '@angular/material/snack-bar';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'slide-toggle-a11y',
   templateUrl: 'slide-toggle-a11y.html',
 })

src/a11y-demo/slider/slider-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'slider-a11y',
   templateUrl: 'slider-a11y.html',
   styleUrls: ['slider-a11y.css'],

src/a11y-demo/snack-bar/snack-bar-a11y.ts

@@ -11,7 +11,6 @@ import {MatSnackBar} from '@angular/material/snack-bar';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'snack-bar-a11y',
   templateUrl: 'snack-bar-a11y.html',
 })

src/a11y-demo/table/table-a11y.ts

@@ -30,7 +30,6 @@ const exampleData = [
 ];
 
 @Component({
-  moduleId: module.id,
   selector: 'table-a11y',
   templateUrl: 'table-a11y.html',
   styleUrls: ['table-a11y.css'],

src/a11y-demo/tabs/tabs-a11y.ts

@@ -9,7 +9,6 @@
 import {Component} from '@angular/core';
 
 @Component({
-  moduleId: module.id,
   selector: 'tabs-a11y',
   templateUrl: 'tabs-a11y.html',
   styleUrls: ['tabs-a11y.css'],
@@ -50,23 +49,20 @@ export class TabsAccessibilityDemo {
 
 
 @Component({
-  moduleId: module.id,
   selector: 'sunny-routed-content',
   template: 'Having a lot of light from the sun.',
 })
 export class SunnyTabContent {}
 
 
 @Component({
-  moduleId: module.id,
   selector: 'rainy-routed-content',
   template: 'A rainy period of time is one when it rains a lot',
 })
 export class RainyTabContent {}
 
 
 @Component({
-  moduleId: module.id,
   selector: 'foggy-routed-content',
   template: 'If the weather is foggy, there is fog',
 })

src/a11y-demo/toolbar/toolbar-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'toolbar-a11y',
   templateUrl: 'toolbar-a11y.html',
   styleUrls: ['toolbar-a11y.css'],

src/a11y-demo/tooltip/tooltip-a11y.ts

@@ -10,7 +10,6 @@ import {Component} from '@angular/core';
 
 
 @Component({
-  moduleId: module.id,
   selector: 'tooltip-a11y',
   templateUrl: 'tooltip-a11y.html',
 })

src/cdk-experimental/dialog/dialog-container.ts

@@ -44,7 +44,6 @@ export function throwDialogContentAlreadyAttachedError() {
  * @docs-private
  */
 @Component({
-  moduleId: module.id,
   selector: 'cdk-dialog-container',
   templateUrl: './dialog-container.html',
   styleUrls: ['dialog-container.css'],

src/cdk-experimental/dialog/tsconfig-build.json

@@ -1,8 +1,7 @@
 {
   "extends": "../tsconfig-build",
   "files": [
-    "public-api.ts",
-    "../typings.d.ts"
+    "public-api.ts"
   ],
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,

src/cdk-experimental/popover-edit/tsconfig-build.json

@@ -1,8 +1,7 @@
 {
   "extends": "../tsconfig-build",
   "files": [
-    "public-api.ts",
-    "../typings.d.ts"
+    "public-api.ts"
   ],
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,

src/cdk-experimental/tsconfig-build.json

@@ -18,8 +18,7 @@
     }
   },
   "files": [
-    "public-api.ts",
-    "typings.d.ts"
+    "public-api.ts"
   ],
   "angularCompilerOptions": {
     "enableIvy": false,

src/cdk-experimental/typings.d.ts

@@ -1,8 +1,7 @@
 {
   "extends": "../tsconfig-build",
   "files": [
-    "public-api.ts",
-    "../typings.d.ts"
+    "public-api.ts"
   ],
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,

src/cdk/clipboard/tsconfig-build.json

@@ -1,8 +1,7 @@
 {
   "extends": "../tsconfig-build",
   "files": [
-    "public-api.ts",
-    "../typings.d.ts"
+    "public-api.ts"
   ],
   "angularCompilerOptions": {
     "annotateForClosureCompiler": true,

src/cdk/scrolling/tsconfig-build.json

@@ -47,7 +47,6 @@ const SCROLL_SCHEDULER =
 
 /** A viewport that virtualizes its scrolling with the help of `CdkVirtualForOf`. */
 @Component({
-  moduleId: module.id,
   selector: 'cdk-virtual-scroll-viewport',
   templateUrl: 'virtual-scroll-viewport.html',
   styleUrls: ['virtual-scroll-viewport.css'],