@angular/material 21.1.0 → 21.1.2

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 = `~21.1.0`;
+const fallbackMaterialVersionRange = `~21.1.2`;
 /**
  * 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/sidenav/_m2-sidenav.scss

@@ -15,7 +15,18 @@
   }
   $scrim-opacity: 0.6;
   $scrim-color: m3-utils.color-with-opacity(map.get($system, surface), 60%);
-  $fallback-scrim-color: if($is-dark, rgba(#fff, $scrim-opacity), rgba(#000, $scrim-opacity));
+
+  @if (meta.type-of($scrim-color) == color) {
+    // We use invert() here to have the darken the background color expected to be used.
+    // If the background is light, we use a dark backdrop. If the background is dark, we
+    // use a light backdrop. If the value isn't a color, Sass will throw an error so we
+    // fall back to something generic.
+    $scrim-color: color.invert($scrim-color);
+  } @else if ($is-dark) {
+    $scrim-color: rgba(#fff, $scrim-opacity);
+  } @else {
+    $scrim-color: rgba(#000, $scrim-opacity);
+  }
 
   @return (
     base: (
@@ -29,13 +40,7 @@
       sidenav-container-text-color: map.get($system, on-surface),
       sidenav-content-background-color: map.get($system, background),
       sidenav-content-text-color: map.get($system, on-surface),
-
-      // We use invert() here to have the darken the background color expected to be used.
-      // If the background is light, we use a dark backdrop. If the background is dark, we
-      // use a light backdrop. If the value isn't a color, Sass will throw an error so we
-      // fall back to something generic.
-      sidenav-scrim-color: if(meta.type-of($scrim-color) == color,
-        color.invert($scrim-color), $fallback-scrim-color),
+      sidenav-scrim-color: $scrim-color,
     ),
     typography: (),
     density: (),

package/slide-toggle/_m2-slide-toggle.scss

@@ -7,6 +7,11 @@
 @function get-tokens($theme) {
   $system: m2-utils.get-system($theme);
   $density-scale: theming.clamp-density(map.get($system, density-scale), -3);
+  $touch-target-display: block;
+
+  @if ($density-scale < -1) {
+    $touch-target-display: none;
+  }
 
   @return (
     base: (
@@ -101,7 +106,7 @@
         -2: 32px,
         -3: 28px,
       ), $density-scale),
-      slide-toggle-touch-target-display: if($density-scale < -1, none, block)
+      slide-toggle-touch-target-display: $touch-target-display
     ),
   );
 }

package/types/_tooltip-chunk.d.ts

@@ -89,6 +89,8 @@ declare class MatTooltip implements OnDestroy, AfterViewInit {
     private _injector;
     private _viewContainerRef;
     private _mediaMatcher;
+    private _document;
+    private _renderer;
     private _animationsDisabled;
     private _defaultOptions;
     _overlayRef: OverlayRef | null;
@@ -154,7 +156,7 @@ declare class MatTooltip implements OnDestroy, AfterViewInit {
         [key: string]: unknown;
     });
     /** Manually-bound passive event listeners. */
-    private readonly _passiveListeners;
+    private readonly _eventCleanups;
     /** Timer started at the last `touchstart` event. */
     private _touchstartTimeout;
     /** Emits when the component is destroyed. */
@@ -213,10 +215,8 @@ declare class MatTooltip implements OnDestroy, AfterViewInit {
     /** Binds the pointer events to the tooltip trigger. */
     private _setupPointerEnterEventsIfNeeded;
     private _setupPointerExitEventsIfNeeded;
-    private _addListeners;
+    private _addListener;
     private _isTouchPlatform;
-    /** Listener for the `wheel` event on the element. */
-    private _wheelListener;
     /** Disables the native browser gestures, based on how the tooltip has been configured. */
     private _disableNativeGesturesIfNecessary;
     /** Updates the tooltip's ARIA description based on it current state. */
@@ -234,8 +234,8 @@ declare class TooltipComponent implements OnDestroy {
     _isMultiline: boolean;
     /** Message to display in the tooltip */
     message: string;
-    /** Classes to be added to the tooltip. Supports the same syntax as `ngClass`. */
-    tooltipClass: string | string[] | Set<string> | {
+    /** Classes to be added to the tooltip. */
+    tooltipClass: string | string[] | {
         [key: string]: unknown;
     };
     /** The timeout ID of any current timer set to show the tooltip */

package/types/chips.d.ts

@@ -375,8 +375,10 @@ interface MatChipEditedEvent extends MatChipEvent {
  * An extension of the MatChip component used with MatChipGrid and
  * the matChipInputFor directive.
  */
-declare class MatChipRow extends MatChip implements AfterViewInit {
+declare class MatChipRow extends MatChip implements AfterViewInit, OnDestroy {
     protected basicChipAttrName: string;
+    private _renderer;
+    private _cleanupMousedown;
     /**
      * The editing action has to be triggered in a timeout. While we're waiting on it, a blur
      * event might occur which will interrupt the editing. This flag is used to avoid interruptions
@@ -401,6 +403,7 @@ declare class MatChipRow extends MatChip implements AfterViewInit {
     _isEditing: boolean;
     constructor(...args: unknown[]);
     ngAfterViewInit(): void;
+    ngOnDestroy(): void;
     protected _hasLeadingActionIcon(): boolean;
     _hasTrailingIcon(): boolean;
     /** Sends focus to the first gridcell when the user clicks anywhere inside the chip. */

package/types/timepicker.d.ts

@@ -113,6 +113,8 @@ declare class MatTimepicker<D> implements OnDestroy, MatOptionParentComponent {
     readonly ariaLabelledby: InputSignal<string | null>;
     /** Whether the timepicker is currently disabled. */
     readonly disabled: Signal<boolean>;
+    /** Classes to be passed to the timepicker panel. */
+    readonly panelClass: InputSignal<string | string[] | undefined>;
     constructor();
     /** Opens the timepicker. */
     open(): void;
@@ -148,7 +150,7 @@ declare class MatTimepicker<D> implements OnDestroy, MatOptionParentComponent {
      */
     private _handleInputStateChanges;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTimepicker<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatTimepicker<any>, "mat-timepicker", ["matTimepicker"], { "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatTimepicker<any>, "mat-timepicker", ["matTimepicker"], { "interval": { "alias": "interval"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "disableRipple": { "alias": "disableRipple"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 
 /**