@angular/material 22.2.0-next.2 → 22.2.0-next.3

package/fesm2022/progress-bar.mjs

@@ -100,7 +100,7 @@ class MatProgressBar {
   };
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatProgressBar,
     deps: [],
@@ -108,7 +108,7 @@ class MatProgressBar {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "17.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     type: MatProgressBar,
     isStandalone: true,
     selector: "mat-progress-bar",
@@ -147,7 +147,7 @@ class MatProgressBar {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatProgressBar,
   decorators: [{
@@ -205,7 +205,7 @@ function clamp(v, min = 0, max = 100) {
 class MatProgressBarModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatProgressBarModule,
     deps: [],
@@ -213,7 +213,7 @@ class MatProgressBarModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatProgressBarModule,
     imports: [MatProgressBar],
@@ -221,7 +221,7 @@ class MatProgressBarModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatProgressBarModule,
     imports: [BidiModule]
@@ -229,7 +229,7 @@ class MatProgressBarModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatProgressBarModule,
   decorators: [{

package/fesm2022/progress-spinner.mjs

@@ -89,7 +89,7 @@ class MatProgressSpinner {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatProgressSpinner,
     deps: [],
@@ -97,7 +97,7 @@ class MatProgressSpinner {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "16.1.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     type: MatProgressSpinner,
     isStandalone: true,
     selector: "mat-progress-spinner, mat-spinner",
@@ -149,7 +149,7 @@ class MatProgressSpinner {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatProgressSpinner,
   decorators: [{
@@ -216,7 +216,7 @@ const MatSpinner = MatProgressSpinner;
 class MatProgressSpinnerModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatProgressSpinnerModule,
     deps: [],
@@ -224,7 +224,7 @@ class MatProgressSpinnerModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatProgressSpinnerModule,
     imports: [MatProgressSpinner, MatSpinner],
@@ -232,7 +232,7 @@ class MatProgressSpinnerModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatProgressSpinnerModule,
     imports: [BidiModule]
@@ -240,7 +240,7 @@ class MatProgressSpinnerModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatProgressSpinnerModule,
   decorators: [{

package/fesm2022/radio.mjs

@@ -171,7 +171,7 @@ class MatRadioGroup {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatRadioGroup,
     deps: [],
@@ -179,7 +179,7 @@ class MatRadioGroup {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "16.1.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     type: MatRadioGroup,
     isStandalone: true,
     selector: "mat-radio-group",
@@ -217,7 +217,7 @@ class MatRadioGroup {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatRadioGroup,
   decorators: [{
@@ -501,7 +501,7 @@ class MatRadioButton {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatRadioButton,
     deps: [],
@@ -509,7 +509,7 @@ class MatRadioButton {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "16.1.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     type: MatRadioButton,
     isStandalone: true,
     selector: "mat-radio-button",
@@ -586,7 +586,7 @@ class MatRadioButton {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatRadioButton,
   decorators: [{
@@ -701,7 +701,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatRadioModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatRadioModule,
     deps: [],
@@ -709,7 +709,7 @@ class MatRadioModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatRadioModule,
     imports: [MatRippleModule, MatRadioGroup, MatRadioButton],
@@ -717,7 +717,7 @@ class MatRadioModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatRadioModule,
     imports: [MatRippleModule, MatRadioButton, BidiModule]
@@ -725,7 +725,7 @@ class MatRadioModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatRadioModule,
   decorators: [{

package/fesm2022/select.mjs

@@ -766,7 +766,7 @@ class MatSelect {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatSelect,
     deps: [],
@@ -774,7 +774,7 @@ class MatSelect {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "17.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     type: MatSelect,
     isStandalone: true,
     selector: "mat-select",
@@ -896,7 +896,7 @@ class MatSelect {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatSelect,
   decorators: [{
@@ -1082,7 +1082,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatSelectTrigger {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatSelectTrigger,
     deps: [],
@@ -1090,7 +1090,7 @@ class MatSelectTrigger {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     type: MatSelectTrigger,
     isStandalone: true,
     selector: "mat-select-trigger",
@@ -1103,7 +1103,7 @@ class MatSelectTrigger {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatSelectTrigger,
   decorators: [{
@@ -1121,7 +1121,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatSelectModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatSelectModule,
     deps: [],
@@ -1129,7 +1129,7 @@ class MatSelectModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatSelectModule,
     imports: [OverlayModule, MatOptionModule, MatSelect, MatSelectTrigger],
@@ -1137,7 +1137,7 @@ class MatSelectModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatSelectModule,
     imports: [OverlayModule, MatOptionModule, BidiModule, CdkScrollableModule, MatFormFieldModule, MatOptionModule]
@@ -1145,7 +1145,7 @@ class MatSelectModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatSelectModule,
   decorators: [{

package/fesm2022/sidenav.mjs

@@ -65,7 +65,7 @@ class MatDrawerContent extends CdkScrollable {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatDrawerContent,
     deps: null,
@@ -73,7 +73,7 @@ class MatDrawerContent extends CdkScrollable {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     type: MatDrawerContent,
     isStandalone: true,
     selector: "mat-drawer-content",
@@ -98,7 +98,7 @@ class MatDrawerContent extends CdkScrollable {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatDrawerContent,
   decorators: [{
@@ -129,6 +129,7 @@ class MatDrawer {
   _renderer = inject(Renderer2);
   _interactivityChecker = inject(InteractivityChecker);
   _doc = inject(DOCUMENT);
+  _isAnimating = false;
   _container = inject(MAT_DRAWER_CONTAINER, {
     optional: true
   });
@@ -266,9 +267,12 @@ class MatDrawer {
       case true:
       case 'first-tabbable':
         afterNextRender(() => {
-          const hasMovedFocus = this._focusTrap.focusInitialElement();
+          const focusOptions = this._isAnimating ? {
+            preventScroll: true
+          } : undefined;
+          const hasMovedFocus = this._focusTrap.focusInitialElement(focusOptions);
           if (!hasMovedFocus && typeof element.focus === 'function') {
-            element.focus();
+            element.focus(focusOptions);
           }
         }, {
           injector: this._injector
@@ -344,13 +348,15 @@ class MatDrawer {
     this._opened.set(isOpen);
     this._getContent()?._drawerToggled(this);
     if (this._container?._transitionsEnabled) {
-      this._setIsAnimating(true);
-      setTimeout(() => this._animationStarted.next());
+      if (this._isAnimating) {
+        this._setIsAnimating(false);
+        this._simulateAnimation();
+      } else {
+        this._setIsAnimating(true);
+        setTimeout(() => this._animationStarted.next());
+      }
     } else {
-      setTimeout(() => {
-        this._animationStarted.next();
-        this._animationEnd.next();
-      });
+      this._simulateAnimation();
     }
     this._elementRef.nativeElement.classList.toggle('mat-drawer-opened', isOpen);
     if (!isOpen && restoreFocus) {
@@ -366,7 +372,16 @@ class MatDrawer {
     return this._container?._content || this._container?._userContent;
   }
   _setIsAnimating(isAnimating) {
-    this._elementRef.nativeElement.classList.toggle('mat-drawer-animating', isAnimating);
+    if (isAnimating !== this._isAnimating) {
+      this._isAnimating = isAnimating;
+      this._elementRef.nativeElement.classList.toggle('mat-drawer-animating', isAnimating);
+    }
+  }
+  _simulateAnimation() {
+    setTimeout(() => {
+      this._animationStarted.next();
+      this._animationEnd.next();
+    });
   }
   _getWidth() {
     return this._elementRef.nativeElement.offsetWidth || 0;
@@ -405,7 +420,7 @@ class MatDrawer {
   };
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatDrawer,
     deps: [],
@@ -413,7 +428,7 @@ class MatDrawer {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     type: MatDrawer,
     isStandalone: true,
     selector: "mat-drawer",
@@ -463,7 +478,7 @@ class MatDrawer {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatDrawer,
   decorators: [{
@@ -747,7 +762,7 @@ class MatDrawerContainer {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatDrawerContainer,
     deps: [],
@@ -755,7 +770,7 @@ class MatDrawerContainer {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "17.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     type: MatDrawerContainer,
     isStandalone: true,
     selector: "mat-drawer-container",
@@ -806,7 +821,7 @@ class MatDrawerContainer {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatDrawerContainer,
   decorators: [{
@@ -859,7 +874,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatSidenavContent extends MatDrawerContent {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatSidenavContent,
     deps: null,
@@ -867,7 +882,7 @@ class MatSidenavContent extends MatDrawerContent {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     type: MatSidenavContent,
     isStandalone: true,
     selector: "mat-sidenav-content",
@@ -890,7 +905,7 @@ class MatSidenavContent extends MatDrawerContent {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatSidenavContent,
   decorators: [{
@@ -936,7 +951,7 @@ class MatSidenav extends MatDrawer {
   _fixedBottomGap = 0;
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatSidenav,
     deps: null,
@@ -944,7 +959,7 @@ class MatSidenav extends MatDrawer {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     type: MatSidenav,
     isStandalone: true,
     selector: "mat-sidenav",
@@ -985,7 +1000,7 @@ class MatSidenav extends MatDrawer {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatSidenav,
   decorators: [{
@@ -1031,7 +1046,7 @@ class MatSidenavContainer extends MatDrawerContainer {
   _content = undefined;
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatSidenavContainer,
     deps: null,
@@ -1039,7 +1054,7 @@ class MatSidenavContainer extends MatDrawerContainer {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "17.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     type: MatSidenavContainer,
     isStandalone: true,
     selector: "mat-sidenav-container",
@@ -1081,7 +1096,7 @@ class MatSidenavContainer extends MatDrawerContainer {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatSidenavContainer,
   decorators: [{
@@ -1123,7 +1138,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatSidenavModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatSidenavModule,
     deps: [],
@@ -1131,7 +1146,7 @@ class MatSidenavModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatSidenavModule,
     imports: [CdkScrollableModule, MatDrawer, MatDrawerContainer, MatDrawerContent, MatSidenav, MatSidenavContainer, MatSidenavContent],
@@ -1139,7 +1154,7 @@ class MatSidenavModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "22.2.0-next.2",
+    version: "22.2.0-next.3",
     ngImport: i0,
     type: MatSidenavModule,
     imports: [CdkScrollableModule, BidiModule, CdkScrollableModule]
@@ -1147,7 +1162,7 @@ class MatSidenavModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.2.0-next.2",
+  version: "22.2.0-next.3",
   ngImport: i0,
   type: MatSidenavModule,
   decorators: [{