@angular/material 15.1.0-next.0 → 15.1.0-next.2

package/progress-bar/_progress-bar-theme.scss

@@ -3,9 +3,12 @@
 @use '@material/theme/theme-color' as mdc-theme-color;
 @use '@material/linear-progress/linear-progress-theme' as mdc-linear-progress-theme;
 @use 'sass:color';
+@use 'sass:meta';
 
 
 @mixin _palette-styles($color) {
+  $color-value: mdc-theme-color.prop-value($color);
+
   // We can't set the `track-color` using `theme`, because it isn't possible for it to use a CSS
   // variable since MDC's buffer animation works by constructing an SVG string from this color.
   @include mdc-linear-progress-theme.theme-styles((
@@ -13,11 +16,15 @@
     // writing, their buffer color is hardcoded to #e6e6e6 which both doesn't account for theming
     // and doesn't match the Material design spec. For now we approximate the buffer background by
     // applying an opacity to the color of the bar.
-    track-color: color.adjust(mdc-theme-color.prop-value($color), $alpha: -0.75),
+    track-color: if(
+      meta.type-of($color-value) == color,
+      color.adjust($color-value, $alpha: -0.75),
+      $color-value
+    ),
   ));
 
   @include mdc-linear-progress-theme.theme((
-    active-indicator-color: mdc-theme-color.prop-value($color),
+    active-indicator-color: $color-value,
   ));
 }
 

package/progress-spinner/index.d.ts

@@ -94,10 +94,9 @@ export declare class MatProgressSpinnerModule {
 }
 
 /**
- * `<mat-spinner>` component.
- *
- * This is a component definition to be used as a convenience reference to create an
- * indeterminate `<mat-progress-spinner>` instance.
+ * @deprecated Import Progress Spinner instead. Note that the
+ *    `mat-spinner` selector isn't deprecated.
+ * @breaking-change 16.0.0
  */
 export declare const MatSpinner: typeof MatProgressSpinner;
 

package/schematics/ng-add/index.js

@@ -18,7 +18,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 = `~15.0.1`;
+const fallbackMaterialVersionRange = `~15.0.3`;
 /**
  * Schematic factory entry-point for the `ng-add` schematic. The ng-add schematic will be
  * automatically executed if developers run `ng add @angular/material`.

package/schematics/ng-add/index.mjs

@@ -18,7 +18,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 = `~15.0.1`;
+const fallbackMaterialVersionRange = `~15.0.3`;
 /**
  * Schematic factory entry-point for the `ng-add` schematic. The ng-add schematic will be
  * automatically executed if developers run `ng add @angular/material`.

package/schematics/ng-generate/mdc-migration/index_bundled.js

@@ -6398,7 +6398,7 @@ var ButtonStylesMigrator = class extends StyleMigrator {
       { old: ".mat-fab", new: ".mat-mdc-fab" },
       { old: ".mat-mini-fab", new: ".mat-mdc-mini-fab" },
       { old: ".mat-stroked-button", new: ".mat-mdc-outlined-button" },
-      { old: ".mat-flat-button", new: ".mat-mdc-flat-button" }
+      { old: ".mat-flat-button", new: ".mat-mdc-unelevated-button" }
     ];
   }
 };
@@ -21461,16 +21461,19 @@ function updateAttribute(html, node, name, update) {
   const prefix = html.slice(0, index2);
   const suffix = html.slice(index2);
   const attrText = newValue ? `${name}="${newValue}"` : `${name}`;
-  if (node.startSourceSpan.start.line === node.startSourceSpan.end.line) {
-    return `${prefix} ${attrText}${suffix}`;
-  }
-  const attr = node.attributes[0];
-  if (attr) {
-    const ctx = attr.sourceSpan.start.getContext(attr.sourceSpan.start.col + 1, 1);
-    const indentation = ctx.before;
-    return prefix + indentation + attrText + suffix;
+  const indentation = parseIndentation(html, node);
+  return prefix + indentation + attrText + suffix;
+}
+function parseIndentation(html, node) {
+  let whitespace = "";
+  let startOffset = node.startSourceSpan.start.offset + node.name.length + 1;
+  for (let i = startOffset; i < node.startSourceSpan.end.offset - 1; i++) {
+    if (!/\s/.test(html.charAt(i))) {
+      break;
+    }
+    whitespace += html.charAt(i);
   }
-  return prefix + attrText + suffix;
+  return whitespace || " ";
 }
 function replaceAt(str, offset, oldSubstr, newSubstr) {
   const index2 = offset;
@@ -22035,7 +22038,9 @@ var SnackBarMigrator = class extends StyleMigrator {
     this.classChanges = [
       { old: ".mat-snack-bar-container", new: ".mat-mdc-snack-bar-container" },
       { old: ".mat-snack-bar-handset", new: ".mat-mdc-snack-bar-handset" },
-      { old: ".mat-simple-snackbar", new: ".mat-mdc-simple-snack-bar" }
+      { old: ".mat-simple-snackbar", new: ".mat-mdc-simple-snack-bar" },
+      { old: ".mat-simple-snack-bar-content", new: ".mat-mdc-snack-bar-label" },
+      { old: ".mat-simple-snackbar-action", new: ".mat-mdc-snack-bar-action" }
     ];
   }
 };