@angular/material 17.0.0-rc.1 → 17.0.0-rc.3

package/schematics/ng-generate/navigation/files/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.ts.template

@@ -7,6 +7,7 @@ import { MatListModule } from '@angular/material/list';
 import { MatIconModule } from '@angular/material/icon';<% } %>
 import { Observable } from 'rxjs';
 import { map, shareReplay } from 'rxjs/operators';
+import { AsyncPipe, NgIf } from '@angular/common';
 
 @Component({
   selector: '<%= selector %>',<% if(inlineTemplate) { %>
@@ -26,7 +27,9 @@ import { map, shareReplay } from 'rxjs/operators';
     MatButtonModule,
     MatSidenavModule,
     MatListModule,
-    MatIconModule
+    MatIconModule,
+    AsyncPipe,
+    NgIf
   ]<% } %>
 })
 export class <%= classify(name) %>Component {

package/schematics/ng-update/index_bundled.js

@@ -24,6 +24,26 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
 
 // node_modules/tslib/tslib.js
 var require_tslib = __commonJS({
@@ -454,9 +474,78 @@ var require_tslib = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/attribute-selectors.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/migrations/legacy-imports-error.js
+var require_legacy_imports_error = __commonJS({
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/migrations/legacy-imports-error.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.legacyImportsError = void 0;
+    var tslib_1 = require_tslib();
+    var tasks_1 = require("@angular-devkit/schematics/tasks");
+    var ts = tslib_1.__importStar(require("typescript"));
+    var LEGACY_IMPORTS_START = "@angular/material/legacy-";
+    var MAX_FILES_TO_PRINT = 50;
+    function legacyImportsError2(onSuccess) {
+      return (tree, context) => __async(this, null, function* () {
+        const filesUsingLegacyImports = /* @__PURE__ */ new Set();
+        tree.visit((path) => {
+          if (!path.endsWith(".ts")) {
+            return;
+          }
+          const content = tree.readText(path);
+          const sourceFile = ts.createSourceFile(path, content, ts.ScriptTarget.Latest);
+          sourceFile.forEachChild(function walk(node) {
+            const isImportOrExport = ts.isImportDeclaration(node) || ts.isExportDeclaration(node);
+            if (isImportOrExport && node.moduleSpecifier && ts.isStringLiteralLike(node.moduleSpecifier) && node.moduleSpecifier.text.startsWith(LEGACY_IMPORTS_START)) {
+              filesUsingLegacyImports.add(path);
+            }
+            node.forEachChild(walk);
+          });
+        });
+        if (filesUsingLegacyImports.size === 0) {
+          return onSuccess;
+        }
+        if (tree.exists("package.json")) {
+          let packageJson = null;
+          try {
+            packageJson = JSON.parse(tree.readText("package.json"));
+          } catch (e) {
+          }
+          if (packageJson !== null && packageJson["dependencies"]) {
+            packageJson["dependencies"]["@angular/material"] = "^16.2.0";
+            tree.overwrite("package.json", JSON.stringify(packageJson, null, 2));
+            context.addTask(new tasks_1.NodePackageInstallTask());
+          }
+        }
+        context.logger.fatal(formatErrorMessage(filesUsingLegacyImports));
+        return;
+      });
+    }
+    exports.legacyImportsError = legacyImportsError2;
+    function formatErrorMessage(filesUsingLegacyImports) {
+      const files = Array.from(filesUsingLegacyImports, (path) => " - " + path);
+      const filesMessage = files.length > MAX_FILES_TO_PRINT ? [
+        ...files.slice(0, MAX_FILES_TO_PRINT),
+        `${files.length - MAX_FILES_TO_PRINT} more...`,
+        `Search your project for "${LEGACY_IMPORTS_START}" to view all usages.`
+      ].join("\n") : files.join("\n");
+      return `Cannot update to Angular Material v17 because the project is using the legacy Material components
+that have been deleted. While Angular Material v16 is compatible with Angular v17, it is recommended
+to switch away from the legacy components as soon as possible because they no longer receive bug fixes,
+accessibility improvements and new features.
+
+Read more about migrating away from legacy components: https://material.angular.io/guide/mdc-migration
+
+Files in the project using legacy Material components:
+${filesMessage}
+`;
+    }
+  }
+});
+
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/attribute-selectors.js
 var require_attribute_selectors = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/attribute-selectors.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/attribute-selectors.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.attributeSelectors = void 0;
@@ -464,9 +553,9 @@ var require_attribute_selectors = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/class-names.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/class-names.js
 var require_class_names = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/class-names.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/class-names.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.classNames = void 0;
@@ -474,9 +563,9 @@ var require_class_names = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/constructor-checks.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/constructor-checks.js
 var require_constructor_checks = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/constructor-checks.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/constructor-checks.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.constructorChecks = void 0;
@@ -484,9 +573,9 @@ var require_constructor_checks = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/css-selectors.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/css-selectors.js
 var require_css_selectors = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/css-selectors.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/css-selectors.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.cssSelectors = void 0;
@@ -494,9 +583,9 @@ var require_css_selectors = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/element-selectors.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/element-selectors.js
 var require_element_selectors = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/element-selectors.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/element-selectors.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.elementSelectors = void 0;
@@ -504,9 +593,9 @@ var require_element_selectors = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/input-names.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/input-names.js
 var require_input_names = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/input-names.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/input-names.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.inputNames = void 0;
@@ -514,9 +603,9 @@ var require_input_names = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/method-call-checks.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/method-call-checks.js
 var require_method_call_checks = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/method-call-checks.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/method-call-checks.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.methodCallChecks = void 0;
@@ -524,9 +613,9 @@ var require_method_call_checks = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/output-names.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/output-names.js
 var require_output_names = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/output-names.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/output-names.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.outputNames = void 0;
@@ -534,9 +623,9 @@ var require_output_names = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/property-names.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/property-names.js
 var require_property_names = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/property-names.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/property-names.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.propertyNames = void 0;
@@ -544,9 +633,9 @@ var require_property_names = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/symbol-removal.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/symbol-removal.js
 var require_symbol_removal = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/symbol-removal.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/symbol-removal.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.symbolRemoval = void 0;
@@ -554,9 +643,9 @@ var require_symbol_removal = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/index.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/index.js
 var require_data = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/index.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/data/index.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     var tslib_1 = require_tslib();
@@ -573,9 +662,9 @@ var require_data = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/upgrade-data.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/upgrade-data.js
 var require_upgrade_data = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/upgrade-data.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/upgrade-data.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.materialUpgradeData = void 0;
@@ -595,9 +684,9 @@ var require_upgrade_data = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/migrations/theme-base-v17/migration.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/migrations/theme-base-v17/migration.js
 var require_migration = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/migrations/theme-base-v17/migration.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/migrations/theme-base-v17/migration.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.addThemeBaseMixins = exports.checkThemeBaseMixins = void 0;
@@ -611,6 +700,9 @@ var require_migration = __commonJS({
 // Please note: you do not need to include the 'base' mixins, if you include the corresponding
 // 'theme' mixin elsewhere in your Sass. The full 'theme' mixins already include the base styles.
 //
+// To learn more about "base" theme styles visit our theming guide:
+// https://material.angular.io/guide/theming#theming-dimensions
+//
 // TODO(v17): Please move these @include statements to the preferred place in your Sass, and pass
 // your theme to them. This will ensure the correct values for your app are included.`.split("\n");
     var THEME_MIXIN_SETS = [
@@ -811,9 +903,9 @@ var require_migration = __commonJS({
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/migrations/theme-base-v17/index.js
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/migrations/theme-base-v17/index.js
 var require_theme_base_v17 = __commonJS({
-  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/migrations/theme-base-v17/index.js"(exports) {
+  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/migrations/theme-base-v17/index.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.ThemeBaseMigration = void 0;
@@ -896,18 +988,19 @@ ${mixinsText}`
   }
 });
 
-// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/index.mjs
+// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/index.mjs
 var ng_update_exports = {};
 __export(ng_update_exports, {
   updateToV17: () => updateToV17
 });
 module.exports = __toCommonJS(ng_update_exports);
 var import_schematics = require("@angular/cdk/schematics");
+var import_legacy_imports_error = __toESM(require_legacy_imports_error(), 1);
 var import_upgrade_data = __toESM(require_upgrade_data(), 1);
 var import_theme_base_v17 = __toESM(require_theme_base_v17(), 1);
 var materialMigrations = [import_theme_base_v17.ThemeBaseMigration];
 function updateToV17() {
-  return (0, import_schematics.createMigrationSchematicRule)(import_schematics.TargetVersion.V17, materialMigrations, import_upgrade_data.materialUpgradeData, onMigrationComplete);
+  return (0, import_legacy_imports_error.legacyImportsError)((0, import_schematics.createMigrationSchematicRule)(import_schematics.TargetVersion.V17, materialMigrations, import_upgrade_data.materialUpgradeData, onMigrationComplete));
 }
 function onMigrationComplete(context, targetVersion, hasFailures) {
   context.logger.info("");