@angular/material 22.0.5 → 22.0.7

package/fesm2022/list.mjs

@@ -10,7 +10,7 @@ import { _StructuralStylesLoader } from './_structural-styles-chunk.mjs';
 import { CdkObserveContent, ObserversModule } from '@angular/cdk/observers';
 import { FocusKeyManager } from '@angular/cdk/a11y';
 import { SelectionModel } from '@angular/cdk/collections';
-import { ENTER, SPACE, A, hasModifierKey } from '@angular/cdk/keycodes';
+import { DOWN_ARROW, UP_ARROW, ENTER, SPACE, A, hasModifierKey } from '@angular/cdk/keycodes';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { takeUntil } from 'rxjs/operators';
 import { NgTemplateOutlet } from '@angular/common';
@@ -28,7 +28,7 @@ class MatListItemTitle {
   _elementRef = inject(ElementRef);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatListItemTitle,
     deps: [],
@@ -36,7 +36,7 @@ class MatListItemTitle {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatListItemTitle,
     isStandalone: true,
     selector: "[matListItemTitle]",
@@ -48,7 +48,7 @@ class MatListItemTitle {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatListItemTitle,
   decorators: [{
@@ -65,7 +65,7 @@ class MatListItemLine {
   _elementRef = inject(ElementRef);
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatListItemLine,
     deps: [],
@@ -73,7 +73,7 @@ class MatListItemLine {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatListItemLine,
     isStandalone: true,
     selector: "[matListItemLine]",
@@ -85,7 +85,7 @@ class MatListItemLine {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatListItemLine,
   decorators: [{
@@ -101,7 +101,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatListItemMeta {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatListItemMeta,
     deps: [],
@@ -109,7 +109,7 @@ class MatListItemMeta {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatListItemMeta,
     isStandalone: true,
     selector: "[matListItemMeta]",
@@ -121,7 +121,7 @@ class MatListItemMeta {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatListItemMeta,
   decorators: [{
@@ -143,7 +143,7 @@ class _MatListItemGraphicBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: _MatListItemGraphicBase,
     deps: [],
@@ -151,7 +151,7 @@ class _MatListItemGraphicBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: _MatListItemGraphicBase,
     isStandalone: true,
     host: {
@@ -165,7 +165,7 @@ class _MatListItemGraphicBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: _MatListItemGraphicBase,
   decorators: [{
@@ -181,7 +181,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatListItemAvatar extends _MatListItemGraphicBase {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatListItemAvatar,
     deps: null,
@@ -189,7 +189,7 @@ class MatListItemAvatar extends _MatListItemGraphicBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatListItemAvatar,
     isStandalone: true,
     selector: "[matListItemAvatar]",
@@ -202,7 +202,7 @@ class MatListItemAvatar extends _MatListItemGraphicBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatListItemAvatar,
   decorators: [{
@@ -218,7 +218,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatListItemIcon extends _MatListItemGraphicBase {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatListItemIcon,
     deps: null,
@@ -226,7 +226,7 @@ class MatListItemIcon extends _MatListItemGraphicBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatListItemIcon,
     isStandalone: true,
     selector: "[matListItemIcon]",
@@ -239,7 +239,7 @@ class MatListItemIcon extends _MatListItemGraphicBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatListItemIcon,
   decorators: [{
@@ -278,7 +278,7 @@ class MatListBase {
   });
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatListBase,
     deps: [],
@@ -286,7 +286,7 @@ class MatListBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatListBase,
     isStandalone: true,
     inputs: {
@@ -303,7 +303,7 @@ class MatListBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatListBase,
   decorators: [{
@@ -438,7 +438,7 @@ class MatListItemBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatListItemBase,
     deps: [],
@@ -446,7 +446,7 @@ class MatListItemBase {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatListItemBase,
     isStandalone: true,
     inputs: {
@@ -473,7 +473,7 @@ class MatListItemBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatListItemBase,
   decorators: [{
@@ -532,7 +532,7 @@ class MatActionList extends MatListBase {
   _isNonInteractive = false;
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatActionList,
     deps: null,
@@ -540,7 +540,7 @@ class MatActionList extends MatListBase {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatActionList,
     isStandalone: true,
     selector: "mat-action-list",
@@ -565,7 +565,7 @@ class MatActionList extends MatListBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatActionList,
   decorators: [{
@@ -592,7 +592,7 @@ const MAT_LIST = new InjectionToken('MatList');
 class MatList extends MatListBase {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatList,
     deps: null,
@@ -600,7 +600,7 @@ class MatList extends MatListBase {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatList,
     isStandalone: true,
     selector: "mat-list",
@@ -622,7 +622,7 @@ class MatList extends MatListBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatList,
   decorators: [{
@@ -664,7 +664,7 @@ class MatListItem extends MatListItemBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatListItem,
     deps: null,
@@ -672,7 +672,7 @@ class MatListItem extends MatListItemBase {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatListItem,
     isStandalone: true,
     selector: "mat-list-item, a[mat-list-item], button[mat-list-item]",
@@ -732,7 +732,7 @@ class MatListItem extends MatListItemBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatListItem,
   decorators: [{
@@ -917,7 +917,7 @@ class MatListOption extends MatListItemBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatListOption,
     deps: null,
@@ -925,7 +925,7 @@ class MatListOption extends MatListItemBase {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "17.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatListOption,
     isStandalone: true,
     selector: "mat-list-option",
@@ -1009,7 +1009,7 @@ class MatListOption extends MatListItemBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatListOption,
   decorators: [{
@@ -1088,7 +1088,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatListSubheaderCssMatStyler {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatListSubheaderCssMatStyler,
     deps: [],
@@ -1096,7 +1096,7 @@ class MatListSubheaderCssMatStyler {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatListSubheaderCssMatStyler,
     isStandalone: true,
     selector: "[mat-subheader], [matSubheader]",
@@ -1108,7 +1108,7 @@ class MatListSubheaderCssMatStyler {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatListSubheaderCssMatStyler,
   decorators: [{
@@ -1127,7 +1127,7 @@ class MatNavList extends MatListBase {
   _isNonInteractive = false;
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatNavList,
     deps: null,
@@ -1135,7 +1135,7 @@ class MatNavList extends MatListBase {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatNavList,
     isStandalone: true,
     selector: "mat-nav-list",
@@ -1160,7 +1160,7 @@ class MatNavList extends MatListBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatNavList,
   decorators: [{
@@ -1362,6 +1362,15 @@ class MatSelectionList extends MatListBase {
   }
   _handleKeydown(event) {
     const activeItem = this._keyManager.activeItem;
+    if (activeItem && (event.keyCode === DOWN_ARROW || event.keyCode === UP_ARROW)) {
+      const focusedElement = _getFocusedElementPierceShadowDom();
+      const isOptionFocused = this._items.toArray().some(item => item._elementRef.nativeElement === focusedElement);
+      if (!isOptionFocused) {
+        event.preventDefault();
+        activeItem.focus();
+        return;
+      }
+    }
     if ((event.keyCode === ENTER || event.keyCode === SPACE) && !this._keyManager.isTyping() && activeItem && !activeItem.disabled) {
       event.preventDefault();
       activeItem._toggleOnInteraction();
@@ -1381,9 +1390,6 @@ class MatSelectionList extends MatListBase {
     });
   };
   _handleFocusin = event => {
-    if (this.disabled) {
-      return;
-    }
     const activeIndex = this._items.toArray().findIndex(item => item._elementRef.nativeElement.contains(event.target));
     if (activeIndex > -1) {
       this._setActiveOption(activeIndex);
@@ -1392,7 +1398,7 @@ class MatSelectionList extends MatListBase {
     }
   };
   _setupRovingTabindex() {
-    this._keyManager = new FocusKeyManager(this._items).withHomeAndEnd().withTypeAhead().withWrap().skipPredicate(() => this.disabled);
+    this._keyManager = new FocusKeyManager(this._items).withHomeAndEnd().withTypeAhead().withWrap().skipPredicate(() => false);
     this._resetActiveOption();
     this._keyManager.change.subscribe(activeItemIndex => this._setActiveOption(activeItemIndex));
     this._items.changes.pipe(takeUntil(this._destroyed)).subscribe(() => {
@@ -1403,12 +1409,20 @@ class MatSelectionList extends MatListBase {
     });
   }
   _setActiveOption(index) {
-    this._items.forEach((item, itemIndex) => item._setTabindex(itemIndex === index ? 0 : -1));
+    this._items.forEach((item, itemIndex) => {
+      let tabindex = -1;
+      if (!this.disabled && itemIndex === index) {
+        tabindex = 0;
+      }
+      item._setTabindex(tabindex);
+    });
     this._keyManager.updateActiveItem(index);
   }
   _resetActiveOption() {
     if (this.disabled) {
-      this._setActiveOption(-1);
+      const activeItem = this._items.find(item => item.selected) || this._items.first;
+      const index = activeItem ? this._items.toArray().indexOf(activeItem) : -1;
+      this._setActiveOption(index);
       return;
     }
     const activeItem = this._items.find(item => item.selected && !item.disabled) || this._items.first;
@@ -1420,7 +1434,7 @@ class MatSelectionList extends MatListBase {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatSelectionList,
     deps: [],
@@ -1428,7 +1442,7 @@ class MatSelectionList extends MatListBase {
   });
   static ɵcmp = i0.ɵɵngDeclareComponent({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     type: MatSelectionList,
     isStandalone: true,
     selector: "mat-selection-list",
@@ -1478,7 +1492,7 @@ class MatSelectionList extends MatListBase {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatSelectionList,
   decorators: [{
@@ -1536,7 +1550,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MatListModule {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatListModule,
     deps: [],
@@ -1544,7 +1558,7 @@ class MatListModule {
   });
   static ɵmod = i0.ɵɵngDeclareNgModule({
     minVersion: "14.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatListModule,
     imports: [ObserversModule, MatRippleModule, MatPseudoCheckboxModule, MatList, MatActionList, MatNavList, MatSelectionList, MatListItem, MatListOption, MatListSubheaderCssMatStyler, MatListItemAvatar, MatListItemIcon, MatListItemLine, MatListItemTitle, MatListItemMeta],
@@ -1552,7 +1566,7 @@ class MatListModule {
   });
   static ɵinj = i0.ɵɵngDeclareInjector({
     minVersion: "12.0.0",
-    version: "22.0.6",
+    version: "22.0.7",
     ngImport: i0,
     type: MatListModule,
     imports: [ObserversModule, MatRippleModule, MatPseudoCheckboxModule, BidiModule, MatDividerModule]
@@ -1560,7 +1574,7 @@ class MatListModule {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.6",
+  version: "22.0.7",
   ngImport: i0,
   type: MatListModule,
   decorators: [{