@angular/material 17.0.0-next.7 → 17.0.0-rc.1

package/schematics/ng-update/index_bundled.js

@@ -454,9 +454,9 @@ var require_tslib = __commonJS({
   }
 });
 
-// bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/attribute-selectors.js
+// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/attribute-selectors.js
 var require_attribute_selectors = __commonJS({
-  "bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/attribute-selectors.js"(exports) {
+  "bazel-out/darwin-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 +464,9 @@ var require_attribute_selectors = __commonJS({
   }
 });
 
-// bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/class-names.js
+// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/class-names.js
 var require_class_names = __commonJS({
-  "bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/class-names.js"(exports) {
+  "bazel-out/darwin-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 +474,9 @@ var require_class_names = __commonJS({
   }
 });
 
-// bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/constructor-checks.js
+// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/constructor-checks.js
 var require_constructor_checks = __commonJS({
-  "bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/constructor-checks.js"(exports) {
+  "bazel-out/darwin-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 +484,9 @@ var require_constructor_checks = __commonJS({
   }
 });
 
-// bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/css-selectors.js
+// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/css-selectors.js
 var require_css_selectors = __commonJS({
-  "bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/css-selectors.js"(exports) {
+  "bazel-out/darwin-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 +494,9 @@ var require_css_selectors = __commonJS({
   }
 });
 
-// bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/element-selectors.js
+// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/element-selectors.js
 var require_element_selectors = __commonJS({
-  "bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/element-selectors.js"(exports) {
+  "bazel-out/darwin-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 +504,9 @@ var require_element_selectors = __commonJS({
   }
 });
 
-// bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/input-names.js
+// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/input-names.js
 var require_input_names = __commonJS({
-  "bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/input-names.js"(exports) {
+  "bazel-out/darwin-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 +514,9 @@ var require_input_names = __commonJS({
   }
 });
 
-// bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/method-call-checks.js
+// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/method-call-checks.js
 var require_method_call_checks = __commonJS({
-  "bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/method-call-checks.js"(exports) {
+  "bazel-out/darwin-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 +524,9 @@ var require_method_call_checks = __commonJS({
   }
 });
 
-// bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/output-names.js
+// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/output-names.js
 var require_output_names = __commonJS({
-  "bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/output-names.js"(exports) {
+  "bazel-out/darwin-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 +534,9 @@ var require_output_names = __commonJS({
   }
 });
 
-// bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/property-names.js
+// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/property-names.js
 var require_property_names = __commonJS({
-  "bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/property-names.js"(exports) {
+  "bazel-out/darwin-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 +544,9 @@ var require_property_names = __commonJS({
   }
 });
 
-// bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/symbol-removal.js
+// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/symbol-removal.js
 var require_symbol_removal = __commonJS({
-  "bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/symbol-removal.js"(exports) {
+  "bazel-out/darwin-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 +554,9 @@ var require_symbol_removal = __commonJS({
   }
 });
 
-// bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/index.js
+// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/data/index.js
 var require_data = __commonJS({
-  "bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/data/index.js"(exports) {
+  "bazel-out/darwin-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 +573,9 @@ var require_data = __commonJS({
   }
 });
 
-// bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/upgrade-data.js
+// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/upgrade-data.js
 var require_upgrade_data = __commonJS({
-  "bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/upgrade-data.js"(exports) {
+  "bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/upgrade-data.js"(exports) {
     "use strict";
     Object.defineProperty(exports, "__esModule", { value: true });
     exports.materialUpgradeData = void 0;
@@ -595,7 +595,308 @@ var require_upgrade_data = __commonJS({
   }
 });
 
-// bazel-out/darwin_arm64-fastbuild/bin/src/material/schematics/ng-update/index.mjs
+// bazel-out/darwin-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) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.addThemeBaseMixins = exports.checkThemeBaseMixins = void 0;
+    var MISSING_MIXIN_PREAMBLE_LINES = `
+// The following mixins include base theme styles that are only needed once per application. These
+// theme styles do not depend on the color, typography, or density settings in your theme. However,
+// these styles may differ depending on the theme's design system. Currently all themes use the
+// Material 2 design system, but in the future it may be possible to create theme based on other
+// design systems, such as Material 3.
+//
+// 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.
+//
+// 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 = [
+      {
+        theme: "all-component-themes",
+        color: "all-component-colors",
+        typography: "all-component-typographies",
+        density: "all-component-densities",
+        base: "all-component-bases"
+      },
+      ...[
+        "core",
+        "card",
+        "progress-bar",
+        "tooltip",
+        "form-field",
+        "input",
+        "select",
+        "autocomplete",
+        "dialog",
+        "chips",
+        "slide-toggle",
+        "radio",
+        "slider",
+        "menu",
+        "list",
+        "paginator",
+        "tabs",
+        "checkbox",
+        "button",
+        "icon-button",
+        "fab",
+        "snack-bar",
+        "table",
+        "progress-spinner",
+        "badge",
+        "bottom-sheet",
+        "button-toggle",
+        "datepicker",
+        "divider",
+        "expansion",
+        "grid-list",
+        "icon",
+        "sidenav",
+        "stepper",
+        "sort",
+        "toolbar",
+        "tree"
+      ].map((comp) => ({
+        theme: `${comp}-theme`,
+        color: `${comp}-color`,
+        typography: `${comp}-typography`,
+        density: `${comp}-density`,
+        base: `${comp}-base`
+      }))
+    ];
+    var COMMENT_PAIRS = /* @__PURE__ */ new Map([
+      ["/*", "*/"],
+      ["//", "\n"]
+    ]);
+    var COMMENT_PLACEHOLDER_START = "__<<ngThemingMigrationEscapedComment";
+    var COMMENT_PLACEHOLDER_END = ">>__";
+    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 escapeRegExp(str) {
+      return str.replace(/([.*+?^=!:${}()|[\]\/\\])/g, "\\$1");
+    }
+    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 getAtUseNamespaces(content, path) {
+      const namespaces = /* @__PURE__ */ new Set();
+      const pattern = new RegExp(`@use +['"]~?${escapeRegExp(path)}['"].*;?
+`, "g");
+      let match = null;
+      while (match = pattern.exec(content)) {
+        namespaces.add(extractNamespaceFromUseStatement(match[0]));
+      }
+      return namespaces;
+    }
+    function getAtIncludes(content, namespace, mixin) {
+      const ending = "([^\\n\\w-][^\\n]*)?($|\\n)";
+      const pattern = new RegExp(`@include\\s+${escapeRegExp(namespace)}\\.${escapeRegExp(mixin)}${ending}`, "g");
+      return [...content.matchAll(pattern)];
+    }
+    function isMixinAtIncluded(content, namespace, mixin) {
+      return !!getAtIncludes(content, namespace, mixin).length;
+    }
+    function insertLinesAfterMatch(content, match, lines) {
+      const insertionPoint = match.index + match[0].length;
+      return content.substring(0, insertionPoint) + lines.join("\n") + "\n" + content.substring(insertionPoint);
+    }
+    function getIndentation(content, index) {
+      let indentationStart = 0;
+      let indentationEnd = index;
+      for (let i = index; i >= 0; i--) {
+        if (content[i] === "\n") {
+          indentationStart = i + 1;
+          break;
+        }
+        if (!/\s/.exec(content[i])) {
+          indentationEnd = i;
+        }
+      }
+      return content.slice(indentationStart, indentationEnd);
+    }
+    function getMissingMixinLines(namespace, mixins, indentation) {
+      return [
+        ...MISSING_MIXIN_PREAMBLE_LINES,
+        ...[...mixins].sort().map((mixin) => `@include ${namespace}.${mixin}(/* TODO(v17): pass $your-theme here */);`),
+        ""
+      ].map((line) => (indentation + line).trimRight());
+    }
+    function checkThemeBaseMixins(fileContent) {
+      const found = /* @__PURE__ */ new Set();
+      const missing = /* @__PURE__ */ new Set();
+      const { content } = escapeComments(fileContent);
+      const materialNamespaces = getAtUseNamespaces(content, "@angular/material");
+      for (const namespace of materialNamespaces) {
+        for (const mixins of THEME_MIXIN_SETS) {
+          if (isMixinAtIncluded(content, namespace, mixins.theme)) {
+            found.add(mixins.base);
+            missing.delete(mixins.base);
+            continue;
+          }
+          if (!found.has(mixins.base)) {
+            if (isMixinAtIncluded(content, namespace, mixins.color) || isMixinAtIncluded(content, namespace, mixins.typography) || isMixinAtIncluded(content, namespace, mixins.density)) {
+              missing.add(mixins.base);
+            }
+          }
+        }
+      }
+      return { found, missing };
+    }
+    exports.checkThemeBaseMixins = checkThemeBaseMixins;
+    function addThemeBaseMixins(fileContent, mixins) {
+      let { content, placeholders } = escapeComments(fileContent);
+      const materialNamespaces = getAtUseNamespaces(content, "@angular/material");
+      for (const namespace of materialNamespaces) {
+        const coreIncludes = getAtIncludes(content, namespace, "core").reverse();
+        for (const coreInclude of coreIncludes) {
+          if (coreInclude.index === void 0) {
+            throw Error(`Cannot find location of mat.core() match: ${coreInclude}`);
+          }
+          const indentation = getIndentation(content, coreInclude.index);
+          const lines = getMissingMixinLines(namespace, mixins, indentation);
+          content = insertLinesAfterMatch(content, coreInclude, lines);
+        }
+      }
+      return restoreComments(content, placeholders);
+    }
+    exports.addThemeBaseMixins = addThemeBaseMixins;
+  }
+});
+
+// bazel-out/darwin-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) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.ThemeBaseMigration = void 0;
+    var core_1 = require("@angular-devkit/core");
+    var schematics_1 = require("@angular/cdk/schematics");
+    var migration_1 = require_migration();
+    var _ThemeBaseMigration = class extends schematics_1.DevkitMigration {
+      constructor() {
+        super(...arguments);
+        this.enabled = this.targetVersion === schematics_1.TargetVersion.V17;
+        this.visitedSassStylesheets = [];
+      }
+      visitStylesheet(stylesheet) {
+        if ((0, core_1.extname)(stylesheet.filePath) === ".scss") {
+          this.visitedSassStylesheets.push(stylesheet);
+          const content = stylesheet.content;
+          const { found, missing } = (0, migration_1.checkThemeBaseMixins)(content);
+          for (const mixin of found) {
+            _ThemeBaseMigration.foundBaseMixins.add(mixin);
+            _ThemeBaseMigration.missingBaseMixins.delete(mixin);
+          }
+          for (const mixin of missing) {
+            if (!_ThemeBaseMigration.foundBaseMixins.has(mixin)) {
+              _ThemeBaseMigration.missingBaseMixins.add(mixin);
+            }
+          }
+        }
+      }
+      postAnalysis() {
+        if (_ThemeBaseMigration.missingBaseMixins.size === 0) {
+          return;
+        }
+        if (_ThemeBaseMigration.foundBaseMixins.has("all-component-bases")) {
+          return;
+        }
+        if (_ThemeBaseMigration.missingBaseMixins.has("all-component-bases")) {
+          _ThemeBaseMigration.missingBaseMixins = /* @__PURE__ */ new Set(["all-component-bases"]);
+        }
+        for (const stylesheet of this.visitedSassStylesheets) {
+          const content = stylesheet.content;
+          const migratedContent = content ? (0, migration_1.addThemeBaseMixins)(content, _ThemeBaseMigration.missingBaseMixins) : content;
+          if (migratedContent && migratedContent !== content) {
+            this.fileSystem.edit(stylesheet.filePath).remove(0, stylesheet.content.length).insertLeft(0, migratedContent);
+            _ThemeBaseMigration.migratedFileCount++;
+          }
+        }
+        if (_ThemeBaseMigration.migratedFileCount === 0) {
+          const mixinsText = [..._ThemeBaseMigration.missingBaseMixins].sort().map((m) => `mat.${m}($theme)`).join("\n");
+          this.failures.push({
+            filePath: this.context.tree.root.path,
+            message: `The following mixins could not be automatically added, please add them manually if needed:
+${mixinsText}`
+          });
+        }
+      }
+      static globalPostMigration(_tree, _targetVersion, context) {
+        const fileCount = _ThemeBaseMigration.migratedFileCount;
+        const mixinCount = _ThemeBaseMigration.missingBaseMixins.size;
+        if (fileCount > 0 && mixinCount > 0) {
+          const fileCountText = fileCount === 1 ? "1 file" : `${fileCount} files`;
+          const mixinCountText = mixinCount === 1 ? "1 theme base mixin" : `${mixinCount} theme base mixins`;
+          context.logger.info(`Added ${mixinCountText} to ${fileCountText}. Please search for, and address, any "TODO(v17)" comments.`);
+        }
+        _ThemeBaseMigration.migratedFileCount = 0;
+        _ThemeBaseMigration.missingBaseMixins = /* @__PURE__ */ new Set();
+        _ThemeBaseMigration.foundBaseMixins = /* @__PURE__ */ new Set();
+      }
+    };
+    var ThemeBaseMigration2 = _ThemeBaseMigration;
+    (() => {
+      _ThemeBaseMigration.migratedFileCount = 0;
+    })();
+    (() => {
+      _ThemeBaseMigration.foundBaseMixins = /* @__PURE__ */ new Set();
+    })();
+    (() => {
+      _ThemeBaseMigration.missingBaseMixins = /* @__PURE__ */ new Set();
+    })();
+    exports.ThemeBaseMigration = ThemeBaseMigration2;
+  }
+});
+
+// bazel-out/darwin-fastbuild/bin/src/material/schematics/ng-update/index.mjs
 var ng_update_exports = {};
 __export(ng_update_exports, {
   updateToV17: () => updateToV17
@@ -603,7 +904,8 @@ __export(ng_update_exports, {
 module.exports = __toCommonJS(ng_update_exports);
 var import_schematics = require("@angular/cdk/schematics");
 var import_upgrade_data = __toESM(require_upgrade_data(), 1);
-var materialMigrations = [];
+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);
 }