@angular/material 18.2.0 → 19.0.0-next.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/material",
-  "version": "18.2.0",
+  "version": "19.0.0-next.0",
   "description": "Angular Material",
   "repository": {
     "type": "git",
@@ -489,12 +489,12 @@
     }
   },
   "peerDependencies": {
-    "@angular/animations": "^18.0.0 || ^19.0.0",
-    "@angular/cdk": "18.2.0",
-    "@angular/core": "^18.0.0 || ^19.0.0",
-    "@angular/common": "^18.0.0 || ^19.0.0",
-    "@angular/forms": "^18.0.0 || ^19.0.0",
-    "@angular/platform-browser": "^18.0.0 || ^19.0.0",
+    "@angular/animations": "^19.0.0-0 || ^19.1.0-0 || ^19.2.0-0 || ^19.3.0-0 || ^20.0.0-0",
+    "@angular/cdk": "19.0.0-next.0",
+    "@angular/core": "^19.0.0-0 || ^19.1.0-0 || ^19.2.0-0 || ^19.3.0-0 || ^20.0.0-0",
+    "@angular/common": "^19.0.0-0 || ^19.1.0-0 || ^19.2.0-0 || ^19.3.0-0 || ^20.0.0-0",
+    "@angular/forms": "^19.0.0-0 || ^19.1.0-0 || ^19.2.0-0 || ^19.3.0-0 || ^20.0.0-0",
+    "@angular/platform-browser": "^19.0.0-0 || ^19.1.0-0 || ^19.2.0-0 || ^19.3.0-0 || ^20.0.0-0",
     "rxjs": "^6.5.3 || ^7.4.0"
   },
   "dependencies": {

package/schematics/migration.json

@@ -1,10 +1,10 @@
 {
   "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
   "schematics": {
-    "migration-v18": {
-      "version": "18.0.0-0",
-      "description": "Updates Angular Material to v18",
-      "factory": "./ng-update/index_bundled#updateToV18"
+    "migration-v19": {
+      "version": "19.0.0-0",
+      "description": "Updates Angular Material to v19",
+      "factory": "./ng-update/index_bundled#updateToV19"
     }
   }
 }

package/schematics/ng-add/index.js

@@ -19,7 +19,7 @@ const package_config_1 = require("./package-config");
  * Note that the fallback version range does not use caret, but tilde because that is
  * the default for Angular framework dependencies in CLI projects.
  */
-const fallbackMaterialVersionRange = `~18.2.0`;
+const fallbackMaterialVersionRange = `~19.0.0-next.0`;
 /**
  * Schematic factory entry-point for the `ng-add` schematic. The ng-add schematic will be
  * automatically executed if developers run `ng add @angular/material`.
@@ -34,7 +34,7 @@ function default_1(options) {
         // have the same version tag if possible.
         const ngCoreVersionTag = (0, package_config_1.getPackageVersionFromPackageJson)(host, '@angular/core');
         const materialVersionRange = (0, package_config_1.getPackageVersionFromPackageJson)(host, '@angular/material');
-        const angularDependencyVersion = ngCoreVersionTag || `^18.0.0 || ^19.0.0`;
+        const angularDependencyVersion = ngCoreVersionTag || `^19.0.0-0 || ^19.1.0-0 || ^19.2.0-0 || ^19.3.0-0 || ^20.0.0-0`;
         // The CLI inserts `@angular/material` into the `package.json` before this schematic runs.
         // This means that we do not need to insert Angular Material into `package.json` files again.
         // In some cases though, it could happen that this schematic runs outside of the CLI `ng add`

package/schematics/ng-add/index.mjs

@@ -19,7 +19,7 @@ const package_config_1 = require("./package-config");
  * Note that the fallback version range does not use caret, but tilde because that is
  * the default for Angular framework dependencies in CLI projects.
  */
-const fallbackMaterialVersionRange = `~18.2.0`;
+const fallbackMaterialVersionRange = `~19.0.0-next.0`;
 /**
  * Schematic factory entry-point for the `ng-add` schematic. The ng-add schematic will be
  * automatically executed if developers run `ng add @angular/material`.
@@ -34,7 +34,7 @@ function default_1(options) {
         // have the same version tag if possible.
         const ngCoreVersionTag = (0, package_config_1.getPackageVersionFromPackageJson)(host, '@angular/core');
         const materialVersionRange = (0, package_config_1.getPackageVersionFromPackageJson)(host, '@angular/material');
-        const angularDependencyVersion = ngCoreVersionTag || `^18.0.0 || ^19.0.0`;
+        const angularDependencyVersion = ngCoreVersionTag || `^19.0.0-0 || ^19.1.0-0 || ^19.2.0-0 || ^19.3.0-0 || ^20.0.0-0`;
         // The CLI inserts `@angular/material` into the `package.json` before this schematic runs.
         // This means that we do not need to insert Angular Material into `package.json` files again.
         // In some cases though, it could happen that this schematic runs outside of the CLI `ng add`

package/schematics/ng-update/index_bundled.js

@@ -651,40 +651,7 @@ var require_css_tokens = __commonJS({
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.cssTokens = void 0;
-    var schematics_1 = require("@angular/cdk/schematics");
-    exports.cssTokens = {
-      [schematics_1.TargetVersion.V18]: [
-        {
-          pr: "https://github.com/angular/components/pull/29026",
-          changes: [
-            {
-              replace: "--mdc-form-field-label-text-color",
-              replaceWith: "--mat-checkbox-label-text-color"
-            },
-            {
-              replace: "--mdc-form-field-label-text-font",
-              replaceWith: "--mat-checkbox-label-text-font"
-            },
-            {
-              replace: "--mdc-form-field-label-text-line-height",
-              replaceWith: "--mat-checkbox-label-text-line-height"
-            },
-            {
-              replace: "--mdc-form-field-label-text-size",
-              replaceWith: "--mat-checkbox-label-text-size"
-            },
-            {
-              replace: "--mdc-form-field-label-text-tracking",
-              replaceWith: "--mat-checkbox-label-text-tracking"
-            },
-            {
-              replace: "--mdc-form-field-label-text-weight",
-              replaceWith: "--mat-checkbox-label-text-weight"
-            }
-          ]
-        }
-      ]
-    };
+    exports.cssTokens = {};
   }
 });
 
@@ -791,229 +758,17 @@ var require_upgrade_data = __commonJS({
   }
 });
 
-// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/migrations/m2-theming-v18/migration.js
-var require_migration = __commonJS({
-  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/migrations/m2-theming-v18/migration.js"(exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.migrateM2ThemingApiUsages = migrateM2ThemingApiUsages;
-    var RENAMED_FUNCTIONS = [
-      "define-light-theme",
-      "define-dark-theme",
-      "define-palette",
-      "get-contrast-color-from-palette",
-      "get-color-from-palette",
-      "get-color-config",
-      "get-typography-config",
-      "get-density-config",
-      "define-typography-level",
-      "define-rem-typography-config",
-      "define-typography-config",
-      "define-legacy-typography-config",
-      "typography-level",
-      "font-size",
-      "line-height",
-      "font-weight",
-      "letter-spacing",
-      "font-family"
-    ];
-    var RENAMED_VARIABLES = [
-      "red-palette",
-      "pink-palette",
-      "indigo-palette",
-      "purple-palette",
-      "deep-purple-palette",
-      "blue-palette",
-      "light-blue-palette",
-      "cyan-palette",
-      "teal-palette",
-      "green-palette",
-      "light-green-palette",
-      "lime-palette",
-      "yellow-palette",
-      "amber-palette",
-      "orange-palette",
-      "deep-orange-palette",
-      "brown-palette",
-      "grey-palette",
-      "gray-palette",
-      "blue-grey-palette",
-      "blue-gray-palette",
-      "light-theme-background-palette",
-      "dark-theme-background-palette",
-      "light-theme-foreground-palette",
-      "dark-theme-foreground-palette"
-    ];
-    var M3_FUNCTIONS = ["define-theme", "define-colors", "define-typography", "define-density"];
-    var M3_VARIABLES = [
-      "red-palette",
-      "green-palette",
-      "blue-palette",
-      "yellow-palette",
-      "cyan-palette",
-      "magenta-palette",
-      "orange-palette",
-      "chartreuse-palette",
-      "azure-palette",
-      "violet-palette",
-      "rose-palette"
-    ];
-    var COMMENT_PAIRS = /* @__PURE__ */ new Map([
-      ["/*", "*/"],
-      ["//", "\n"]
-    ]);
-    var COMMENT_PLACEHOLDER_START = "__<<ngM2ThemingMigrationEscapedComment";
-    var COMMENT_PLACEHOLDER_END = ">>__";
-    function migrateM2ThemingApiUsages(fileContent) {
-      let { content, placeholders } = escapeComments(fileContent);
-      const materialNamespaces = getNamespaces("@angular/material", content);
-      const experimentalNamespaces = getNamespaces("@angular/material-experimental", content);
-      for (const namespace of materialNamespaces) {
-        for (const name of RENAMED_FUNCTIONS) {
-          content = migrateFunction(content, namespace, name, namespace, "m2-" + name);
-        }
-        for (const name of RENAMED_VARIABLES) {
-          content = migrateVariable(content, namespace, name, namespace, "m2-" + name);
-        }
-      }
-      if (experimentalNamespaces.length > 0) {
-        const preExperimentalContent = content;
-        const stableNamespace = materialNamespaces.length === 0 ? "mat" : materialNamespaces[0];
-        for (const namespace of experimentalNamespaces) {
-          content = migrateMixin(content, namespace, "color-variants-back-compat", stableNamespace, "color-variants-backwards-compatibility");
-          for (const name of M3_FUNCTIONS) {
-            content = migrateFunction(content, namespace, name, stableNamespace, name);
-          }
-          for (const name of M3_VARIABLES) {
-            content = migrateVariable(content, namespace, "m3-" + name, stableNamespace, name);
-          }
-        }
-        if (materialNamespaces.length === 0 && content !== preExperimentalContent) {
-          content = `@use '@angular/material' as ${stableNamespace};
-` + content;
-        }
-      }
-      return restoreComments(content, placeholders);
-    }
-    function migrateFunction(fileContent, oldNamespace, oldName, newNamespace, newName) {
-      return fileContent.replace(new RegExp(`${oldNamespace}\\.${oldName}\\(`, "g"), `${newNamespace}.${newName}(`);
-    }
-    function migrateVariable(fileContent, oldNamespace, oldName, newNamespace, newName) {
-      return fileContent.replace(new RegExp(`${oldNamespace}\\.\\$${oldName}(?!\\s+:|[-_a-zA-Z0-9:])`, "g"), `${newNamespace}.$${newName}`);
-    }
-    function migrateMixin(fileContent, oldNamespace, oldName, newNamespace, newName) {
-      const pattern = new RegExp(`@include +${oldNamespace}\\.${oldName}`, "g");
-      return fileContent.replace(pattern, `@include ${newNamespace}.${newName}`);
-    }
-    function escapeComments(content) {
-      const placeholders = {};
-      let commentCounter = 0;
-      let [openIndex, closeIndex] = findComment(content);
-      while (openIndex > -1 && closeIndex > -1) {
-        const placeholder = COMMENT_PLACEHOLDER_START + commentCounter++ + COMMENT_PLACEHOLDER_END;
-        placeholders[placeholder] = content.slice(openIndex, closeIndex);
-        content = content.slice(0, openIndex) + placeholder + content.slice(closeIndex);
-        [openIndex, closeIndex] = findComment(content);
-      }
-      return { content, placeholders };
-    }
-    function findComment(content) {
-      content += "\n";
-      for (const [open, close] of COMMENT_PAIRS.entries()) {
-        const openIndex = content.indexOf(open);
-        if (openIndex > -1) {
-          const closeIndex = content.indexOf(close, openIndex + 1);
-          return closeIndex > -1 ? [openIndex, closeIndex + close.length] : [-1, -1];
-        }
-      }
-      return [-1, -1];
-    }
-    function restoreComments(content, placeholders) {
-      Object.keys(placeholders).forEach((key) => content = content.replace(key, placeholders[key]));
-      return content;
-    }
-    function extractNamespaceFromUseStatement(fullImport) {
-      const closeQuoteIndex = Math.max(fullImport.lastIndexOf(`"`), fullImport.lastIndexOf(`'`));
-      if (closeQuoteIndex > -1) {
-        const asExpression = "as ";
-        const asIndex = fullImport.indexOf(asExpression, closeQuoteIndex);
-        if (asIndex > -1) {
-          return fullImport.slice(asIndex + asExpression.length).split(";")[0].trim();
-        }
-        const lastSlashIndex = fullImport.lastIndexOf("/", closeQuoteIndex);
-        if (lastSlashIndex > -1) {
-          const fileName = fullImport.slice(lastSlashIndex + 1, closeQuoteIndex).replace(/^_|(\.import)?\.scss$|\.import$/g, "");
-          if (fileName === "index") {
-            const nextSlashIndex = fullImport.lastIndexOf("/", lastSlashIndex - 1);
-            if (nextSlashIndex > -1) {
-              return fullImport.slice(nextSlashIndex + 1, lastSlashIndex);
-            }
-          } else {
-            return fileName;
-          }
-        }
-      }
-      throw Error(`Could not extract namespace from import "${fullImport}".`);
-    }
-    function getNamespaces(moduleName, content) {
-      const namespaces = /* @__PURE__ */ new Set();
-      const escapedName = moduleName.replace(/([.*+?^=!:${}()|[\]\/\\])/g, "\\$1");
-      const pattern = new RegExp(`@use +['"]${escapedName}['"].*;?\\r?\\n`, "g");
-      let match = null;
-      while (match = pattern.exec(content)) {
-        namespaces.add(extractNamespaceFromUseStatement(match[0]));
-      }
-      return Array.from(namespaces);
-    }
-  }
-});
-
-// bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/migrations/m2-theming-v18/index.js
-var require_m2_theming_v18 = __commonJS({
-  "bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/migrations/m2-theming-v18/index.js"(exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    exports.M2ThemingMigration = void 0;
-    var core_1 = require("@angular-devkit/core");
-    var schematics_1 = require("@angular/cdk/schematics");
-    var migration_1 = require_migration();
-    var M2ThemingMigration2 = class extends schematics_1.DevkitMigration {
-      constructor() {
-        super(...arguments);
-        this._potentialThemes = [];
-        this.enabled = this.targetVersion === schematics_1.TargetVersion.V18;
-      }
-      visitStylesheet(stylesheet) {
-        if ((0, core_1.extname)(stylesheet.filePath) === ".scss" && stylesheet.content.includes("@angular/material")) {
-          this._potentialThemes.push(stylesheet);
-        }
-      }
-      postAnalysis() {
-        for (const theme of this._potentialThemes) {
-          const migrated = (0, migration_1.migrateM2ThemingApiUsages)(theme.content);
-          if (migrated !== theme.content) {
-            this.fileSystem.edit(theme.filePath).remove(0, theme.content.length).insertLeft(0, migrated);
-            this.fileSystem.commitEdits();
-          }
-        }
-      }
-    };
-    exports.M2ThemingMigration = M2ThemingMigration2;
-  }
-});
-
 // bazel-out/k8-fastbuild/bin/src/material/schematics/ng-update/index.mjs
 var ng_update_exports = {};
 __export(ng_update_exports, {
-  updateToV18: () => updateToV18
+  updateToV19: () => updateToV19
 });
 module.exports = __toCommonJS(ng_update_exports);
 var import_schematics = require("@angular/cdk/schematics");
 var import_upgrade_data = __toESM(require_upgrade_data(), 1);
-var import_m2_theming_v18 = __toESM(require_m2_theming_v18(), 1);
-var materialMigrations = [import_m2_theming_v18.M2ThemingMigration];
-function updateToV18() {
-  return (0, import_schematics.createMigrationSchematicRule)(import_schematics.TargetVersion.V18, materialMigrations, import_upgrade_data.materialUpgradeData, onMigrationComplete);
+var materialMigrations = [];
+function updateToV19() {
+  return (0, import_schematics.createMigrationSchematicRule)(import_schematics.TargetVersion.V19, materialMigrations, import_upgrade_data.materialUpgradeData, onMigrationComplete);
 }
 function onMigrationComplete(context, targetVersion, hasFailures) {
   context.logger.info("");
@@ -1025,7 +780,7 @@ function onMigrationComplete(context, targetVersion, hasFailures) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  updateToV18
+  updateToV19
 });
 /**
  * @license