@angular/material 20.0.0-next.5 → 20.0.0-next.6

package/menu/index.d.ts

@@ -5,10 +5,10 @@ import { Direction } from '@angular/cdk/bidi';
 import { Subject, Observable } from 'rxjs';
 import * as i2 from '@angular/cdk/overlay';
 import { ScrollStrategy, Overlay } from '@angular/cdk/overlay';
-import { M as MatRippleModule } from '../index.d-609609fc.js';
-import { M as MatCommonModule } from '../common-module.d-1b789e68.js';
+import { M as MatRippleModule } from '../index.d-511f9e6c.js';
+import { M as MatCommonModule } from '../common-module.d-421e3498.js';
 import * as i5 from '@angular/cdk/scrolling';
-import '../ripple.d-838c5cd6.js';
+import '../ripple.d-305c30f3.js';
 import '@angular/cdk/platform';
 
 type MenuPositionX = 'before' | 'after';
@@ -493,4 +493,5 @@ declare const fadeInItems: any;
  */
 declare const transformMenu: any;
 
-export { MAT_MENU_CONTENT, MAT_MENU_DEFAULT_OPTIONS, MAT_MENU_PANEL, MAT_MENU_SCROLL_STRATEGY, MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER, MENU_PANEL_TOP_PADDING, MatMenu, MatMenuContent, type MatMenuDefaultOptions, MatMenuItem, MatMenuModule, type MatMenuPanel, MatMenuTrigger, type MenuCloseReason, type MenuPositionX, type MenuPositionY, fadeInItems, matMenuAnimations, transformMenu };
+export { MAT_MENU_CONTENT, MAT_MENU_DEFAULT_OPTIONS, MAT_MENU_PANEL, MAT_MENU_SCROLL_STRATEGY, MAT_MENU_SCROLL_STRATEGY_FACTORY_PROVIDER, MENU_PANEL_TOP_PADDING, MatMenu, MatMenuContent, MatMenuItem, MatMenuModule, MatMenuTrigger, fadeInItems, matMenuAnimations, transformMenu };
+export type { MatMenuDefaultOptions, MatMenuPanel, MenuCloseReason, MenuPositionX, MenuPositionY };

package/menu/testing/index.d.ts

@@ -87,4 +87,5 @@ declare class MatMenuItemHarness extends ContentContainerComponentHarness<string
     getSubmenu(): Promise<MatMenuHarness | null>;
 }
 
-export { MatMenuHarness, MatMenuItemHarness, type MenuHarnessFilters, type MenuItemHarnessFilters };
+export { MatMenuHarness, MatMenuItemHarness };
+export type { MenuHarnessFilters, MenuItemHarnessFilters };

package/{module.d-a335a842.d.ts → module.d-683b2a19.d.ts}

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
-import { M as MatCommonModule } from './common-module.d-1b789e68.js';
+import { M as MatCommonModule } from './common-module.d-421e3498.js';
 import * as i2 from '@angular/cdk/observers';
-import { k as MatFormField, a as MatError, b as MatHint, d as MatPrefix, f as MatSuffix } from './form-field.d-e2081e20.js';
+import { k as MatFormField, a as MatError, b as MatHint, d as MatPrefix, f as MatSuffix } from './form-field.d-486f4e86.js';
 
 /** The floating label for a `mat-form-field`. */
 declare class MatLabel {

package/{module.d-916841df.d.ts → module.d-8839a0c2.d.ts}

@@ -2,19 +2,19 @@ import * as i0 from '@angular/core';
 import { InjectionToken, AfterContentInit, OnChanges, OnDestroy, OnInit, DoCheck, ChangeDetectorRef, ElementRef, QueryList, EventEmitter, SimpleChanges } from '@angular/core';
 import * as i2 from '@angular/cdk/overlay';
 import { ScrollStrategy, Overlay, ConnectedPosition, CdkOverlayOrigin, CdkConnectedOverlay } from '@angular/cdk/overlay';
-import { M as MatOptionModule } from './index.d-6e895711.js';
-import { M as MatCommonModule } from './common-module.d-1b789e68.js';
+import { M as MatOptionModule } from './index.d-73f24bb1.js';
+import { M as MatCommonModule } from './common-module.d-421e3498.js';
 import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
 import { SelectionModel } from '@angular/cdk/collections';
 import * as i5 from '@angular/cdk/scrolling';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { Subject, Observable } from 'rxjs';
-import { E as ErrorStateMatcher } from './error-options.d-bd1801bf.js';
-import { M as MatOption, a as MatOptgroup, b as MatOptionSelectionChange } from './option.d-be9de0a8.js';
-import { k as MatFormField } from './form-field.d-e2081e20.js';
-import { M as MatFormFieldControl } from './form-field-control.d-d7b3a431.js';
-import { a as MatFormFieldModule } from './module.d-a335a842.js';
+import { E as ErrorStateMatcher } from './error-options.d-059d9639.js';
+import { M as MatOption, a as MatOptgroup, b as MatOptionSelectionChange } from './option.d-4fb11594.js';
+import { k as MatFormField } from './form-field.d-486f4e86.js';
+import { M as MatFormFieldControl } from './form-field-control.d-9ed49092.js';
+import { a as MatFormFieldModule } from './module.d-683b2a19.js';
 
 /** Injection token that determines the scroll handling while a select is open. */
 declare const MAT_SELECT_SCROLL_STRATEGY: InjectionToken<() => ScrollStrategy>;
@@ -445,4 +445,5 @@ declare class MatSelectModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatSelectModule>;
 }
 
-export { MatSelectModule as M, MAT_SELECT_SCROLL_STRATEGY as a, MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY as b, type MatSelectConfig as c, MAT_SELECT_CONFIG as d, MAT_SELECT_SCROLL_STRATEGY_PROVIDER as e, MAT_SELECT_TRIGGER as f, MatSelectChange as g, MatSelect as h, MatSelectTrigger as i };
+export { MatSelectModule as M, MAT_SELECT_SCROLL_STRATEGY as a, MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY as b, MAT_SELECT_CONFIG as d, MAT_SELECT_SCROLL_STRATEGY_PROVIDER as e, MAT_SELECT_TRIGGER as f, MatSelectChange as g, MatSelect as h, MatSelectTrigger as i };
+export type { MatSelectConfig as c };

package/{module.d-1b393e15.d.ts → module.d-9a1d1c76.d.ts}

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, AfterViewInit, OnDestroy, ElementRef, NgZone } from '@angular/core';
-import { M as MatCommonModule } from './common-module.d-1b789e68.js';
-import { M as MatRippleModule } from './index.d-609609fc.js';
+import { M as MatCommonModule } from './common-module.d-421e3498.js';
+import { M as MatRippleModule } from './index.d-511f9e6c.js';
 import { FocusOrigin } from '@angular/cdk/a11y';
-import { T as ThemePalette } from './palette.d-f5ca9a2b.js';
-import { M as MatRippleLoader } from './ripple-loader.d-ef3a5132.js';
+import { T as ThemePalette } from './palette.d-1d8ebc0d.js';
+import { M as MatRippleLoader } from './ripple-loader.d-f51e5eb6.js';
 
 /**
  * Possible appearances for a `MatButton`.
@@ -210,4 +210,5 @@ declare class MatButtonModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatButtonModule>;
 }
 
-export { MAT_BUTTON_CONFIG as M, type MatButtonAppearance as a, type MatButtonConfig as b, MatButton as c, MatAnchor as d, type MatFabDefaultOptions as e, MAT_FAB_DEFAULT_OPTIONS as f, MAT_FAB_DEFAULT_OPTIONS_FACTORY as g, MatFabButton as h, MatMiniFabButton as i, MatFabAnchor as j, MatMiniFabAnchor as k, MatIconButton as l, MatIconAnchor as m, MatButtonModule as n };
+export { MAT_BUTTON_CONFIG as M, MatButton as c, MatAnchor as d, MAT_FAB_DEFAULT_OPTIONS as f, MAT_FAB_DEFAULT_OPTIONS_FACTORY as g, MatFabButton as h, MatMiniFabButton as i, MatFabAnchor as j, MatMiniFabAnchor as k, MatIconButton as l, MatIconAnchor as m, MatButtonModule as n };
+export type { MatButtonAppearance as a, MatButtonConfig as b, MatFabDefaultOptions as e };

package/{module.d-984cabd6.d.ts → module.d-f55544a0.d.ts}

@@ -3,7 +3,7 @@ import { InjectionToken, OnDestroy, AfterViewInit, ElementRef } from '@angular/c
 import * as i1 from '@angular/cdk/a11y';
 import * as i2 from '@angular/cdk/overlay';
 import { ScrollStrategy, Overlay, OverlayRef, ConnectedPosition, OriginConnectionPosition, OverlayConnectionPosition } from '@angular/cdk/overlay';
-import { M as MatCommonModule } from './common-module.d-1b789e68.js';
+import { M as MatCommonModule } from './common-module.d-421e3498.js';
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
 import { Directionality } from '@angular/cdk/bidi';
 import { Observable } from 'rxjs';
@@ -324,4 +324,5 @@ declare class MatTooltipModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<MatTooltipModule>;
 }
 
-export { MatTooltipModule as M, SCROLL_THROTTLE_MS as S, type TooltipPosition as T, type TooltipTouchGestures as a, type TooltipVisibility as b, MAT_TOOLTIP_SCROLL_STRATEGY as c, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY as d, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER as e, MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY as f, getMatTooltipInvalidPositionError as g, MAT_TOOLTIP_DEFAULT_OPTIONS as h, type MatTooltipDefaultOptions as i, TOOLTIP_PANEL_CLASS as j, MatTooltip as k, TooltipComponent as l };
+export { MatTooltipModule as M, SCROLL_THROTTLE_MS as S, MAT_TOOLTIP_SCROLL_STRATEGY as c, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY as d, MAT_TOOLTIP_SCROLL_STRATEGY_FACTORY_PROVIDER as e, MAT_TOOLTIP_DEFAULT_OPTIONS_FACTORY as f, getMatTooltipInvalidPositionError as g, MAT_TOOLTIP_DEFAULT_OPTIONS as h, TOOLTIP_PANEL_CLASS as j, MatTooltip as k, TooltipComponent as l };
+export type { TooltipPosition as T, TooltipTouchGestures as a, TooltipVisibility as b, MatTooltipDefaultOptions as i };

package/{optgroup-harness.d-fc22ca1c.d.ts → optgroup-harness.d-c52f5a8b.d.ts}

@@ -1,5 +1,5 @@
 import { BaseHarnessFilters, ComponentHarness, ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
-import { O as OptionHarnessFilters, M as MatOptionHarness } from './option-harness.d-047df5c5.js';
+import { O as OptionHarnessFilters, M as MatOptionHarness } from './option-harness.d-4f143bc0.js';
 
 interface OptgroupHarnessFilters extends BaseHarnessFilters {
     labelText?: string | RegExp;
@@ -28,4 +28,5 @@ declare class MatOptgroupHarness extends ComponentHarness {
     getOptions(filter?: OptionHarnessFilters): Promise<MatOptionHarness[]>;
 }
 
-export { MatOptgroupHarness as M, type OptgroupHarnessFilters as O };
+export { MatOptgroupHarness as M };
+export type { OptgroupHarnessFilters as O };

package/{option-harness.d-047df5c5.d.ts → option-harness.d-4f143bc0.d.ts}

@@ -31,4 +31,5 @@ declare class MatOptionHarness extends ContentContainerComponentHarness {
     isMultiple(): Promise<boolean>;
 }
 
-export { MatOptionHarness as M, type OptionHarnessFilters as O };
+export { MatOptionHarness as M };
+export type { OptionHarnessFilters as O };

package/{option-parent.d-f2c0c7de.d.ts → option-parent.d-d4243d2f.d.ts}

@@ -16,4 +16,5 @@ interface MatOptionParentComponent {
  */
 declare const MAT_OPTION_PARENT_COMPONENT: InjectionToken<MatOptionParentComponent>;
 
-export { type MatOptionParentComponent as M, MAT_OPTION_PARENT_COMPONENT as a };
+export { MAT_OPTION_PARENT_COMPONENT as a };
+export type { MatOptionParentComponent as M };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/material",
-  "version": "20.0.0-next.5",
+  "version": "20.0.0-next.6",
   "description": "Angular Material",
   "repository": {
     "type": "git",
@@ -353,7 +353,7 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "20.0.0-next.5",
+    "@angular/cdk": "20.0.0-next.6",
     "@angular/core": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
     "@angular/common": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
     "@angular/forms": "^20.0.0-0 || ^20.1.0-0 || ^20.2.0-0 || ^20.3.0-0 || ^21.0.0-0",
@@ -363,6 +363,9 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
+  "devDependencies": {
+    "@angular/cdk": "workspace:*"
+  },
   "schematics": "./schematics/collection.json",
   "ng-update": {
     "migrations": "./schematics/migration.json",

package/{core/tokens/m2/mat/_paginator.scss → paginator/_m2-paginator.scss}

@@ -1,9 +1,9 @@
 @use 'sass:math';
 @use 'sass:map';
-@use '../../token-definition';
-@use '../../../theming/theming';
-@use '../../../theming/inspection';
-@use '../../../style/sass-utils';
+@use '../core/tokens/m2-utils';
+@use '../core/theming/theming';
+@use '../core/theming/inspection';
+@use '../core/style/sass-utils';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, paginator);
@@ -81,8 +81,8 @@ $prefix: (mat, paginator);
 @function get-token-slots() {
   @return sass-utils.deep-merge-all(
       get-unthemable-tokens(),
-      get-color-tokens(token-definition.$placeholder-color-config),
-      get-typography-tokens(token-definition.$placeholder-typography-config),
-      get-density-tokens(token-definition.$placeholder-density-config)
+      get-color-tokens(m2-utils.$placeholder-color-config),
+      get-typography-tokens(m2-utils.$placeholder-typography-config),
+      get-density-tokens(m2-utils.$placeholder-density-config)
   );
 }

package/{core/tokens/m3/mat/_paginator.scss → paginator/_m3-paginator.scss}

@@ -1,6 +1,6 @@
 @use 'sass:map';
-@use '../../../style/sass-utils';
-@use '../../token-definition';
+@use '../core/style/sass-utils';
+@use '../core/tokens/m3-utils';
 
 // The prefix used to generate the fully qualified name for tokens in this file.
 $prefix: (mat, paginator);
@@ -12,7 +12,7 @@ $prefix: (mat, paginator);
 /// @return {Map} A set of custom tokens for the mat-paginator
 @function get-tokens($systems, $exclude-hardcoded, $token-slots) {
   $tokens: sass-utils.merge-all(
-    token-definition.generate-typography-tokens($systems, container-text, body-small),
+    m3-utils.generate-typography-tokens($systems, container-text, body-small),
     (
       container-text-color: map.get($systems, md-sys-color, on-surface),
       container-background-color: map.get($systems, md-sys-color, surface),
@@ -23,5 +23,5 @@ $prefix: (mat, paginator);
     )
   );
 
-  @return token-definition.namespace-tokens($prefix, $tokens, $token-slots);
+  @return m3-utils.namespace($prefix, $tokens, $token-slots);
 }

package/paginator/_paginator-theme.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use 'sass:meta';
-@use '../core/tokens/m2/mat/paginator' as tokens-mat-paginator;
+@use './m2-paginator';
 @use '../core/style/sass-utils';
 @use '../core/typography/typography';
 @use '../core/theming/theming';
@@ -21,9 +21,7 @@
   } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values-mixed(
-        tokens-mat-paginator.$prefix,
-        tokens-mat-paginator.get-color-tokens($theme)
-      );
+        m2-paginator.$prefix, m2-paginator.get-color-tokens($theme));
     }
   }
 }
@@ -34,9 +32,7 @@
   } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values-mixed(
-        tokens-mat-paginator.$prefix,
-        tokens-mat-paginator.get-typography-tokens($theme)
-      );
+        m2-paginator.$prefix, m2-paginator.get-typography-tokens($theme));
     }
   }
 }
@@ -55,9 +51,7 @@
   } @else {
     @include sass-utils.current-selector-or-root() {
       @include token-utils.create-token-values-mixed(
-        tokens-mat-paginator.$prefix,
-        tokens-mat-paginator.get-density-tokens($theme)
-      );
+        m2-paginator.$prefix, m2-paginator.get-density-tokens($theme));
     }
   }
 }
@@ -66,8 +60,8 @@
 @function _define-overrides() {
   @return (
     (
-      namespace: tokens-mat-paginator.$prefix,
-      tokens: tokens-mat-paginator.get-token-slots(),
+      namespace: m2-paginator.$prefix,
+      tokens: m2-paginator.get-token-slots(),
     ),
   );
 }
@@ -101,8 +95,8 @@
   );
   @if ($tokens != ()) {
     @include token-utils.create-token-values(
-      tokens-mat-paginator.$prefix,
-      map.get($tokens, tokens-mat-paginator.$prefix)
+      m2-paginator.$prefix,
+      map.get($tokens, m2-paginator.$prefix)
     );
   }
 }

package/paginator/index.d.ts

@@ -1,30 +1,30 @@
 import * as i0 from '@angular/core';
-import { n as MatButtonModule } from '../module.d-1b393e15.js';
-import { M as MatSelectModule } from '../module.d-916841df.js';
-import { M as MatTooltipModule } from '../module.d-984cabd6.js';
-import { M as MatPaginator } from '../paginator.d-82b71ef4.js';
-export { c as MAT_PAGINATOR_DEFAULT_OPTIONS, f as MAT_PAGINATOR_INTL_PROVIDER, e as MAT_PAGINATOR_INTL_PROVIDER_FACTORY, M as MatPaginator, b as MatPaginatorDefaultOptions, d as MatPaginatorIntl, a as MatPaginatorSelectConfig, P as PageEvent } from '../paginator.d-82b71ef4.js';
-import '../common-module.d-1b789e68.js';
+import { n as MatButtonModule } from '../module.d-9a1d1c76.js';
+import { M as MatSelectModule } from '../module.d-8839a0c2.js';
+import { M as MatTooltipModule } from '../module.d-f55544a0.js';
+import { M as MatPaginator } from '../paginator.d-181ff014.js';
+export { c as MAT_PAGINATOR_DEFAULT_OPTIONS, f as MAT_PAGINATOR_INTL_PROVIDER, e as MAT_PAGINATOR_INTL_PROVIDER_FACTORY, M as MatPaginator, b as MatPaginatorDefaultOptions, d as MatPaginatorIntl, a as MatPaginatorSelectConfig, P as PageEvent } from '../paginator.d-181ff014.js';
+import '../common-module.d-421e3498.js';
 import '@angular/cdk/bidi';
-import '../index.d-609609fc.js';
-import '../ripple.d-838c5cd6.js';
+import '../index.d-511f9e6c.js';
+import '../ripple.d-305c30f3.js';
 import '@angular/cdk/platform';
 import '@angular/cdk/a11y';
-import '../palette.d-f5ca9a2b.js';
-import '../ripple-loader.d-ef3a5132.js';
+import '../palette.d-1d8ebc0d.js';
+import '../ripple-loader.d-f51e5eb6.js';
 import '@angular/cdk/overlay';
-import '../index.d-6e895711.js';
-import '../pseudo-checkbox-module.d-efa6959b.js';
-import '../option.d-be9de0a8.js';
+import '../index.d-73f24bb1.js';
+import '../pseudo-checkbox-module.d-42351ab6.js';
+import '../option.d-4fb11594.js';
 import 'rxjs';
 import '@angular/cdk/collections';
 import '@angular/cdk/scrolling';
 import '@angular/forms';
-import '../error-options.d-bd1801bf.js';
-import '../form-field.d-e2081e20.js';
+import '../error-options.d-059d9639.js';
+import '../form-field.d-486f4e86.js';
 import '@angular/cdk/coercion';
-import '../form-field-control.d-d7b3a431.js';
-import '../module.d-a335a842.js';
+import '../form-field-control.d-9ed49092.js';
+import '../module.d-683b2a19.js';
 import '@angular/cdk/observers';
 
 declare class MatPaginatorModule {

package/paginator/testing/index.d.ts

@@ -1,9 +1,9 @@
 import * as _angular_cdk_testing from '@angular/cdk/testing';
 import { BaseHarnessFilters, ComponentHarness, ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
-import { M as MatSelectHarness } from '../../select-harness.d-03127681.js';
-import '../../option-harness.d-047df5c5.js';
-import '../../optgroup-harness.d-fc22ca1c.js';
-import '../../form-field-control-harness.d-8ec51e17.js';
+import { M as MatSelectHarness } from '../../select-harness.d-485a3cf8.js';
+import '../../option-harness.d-4f143bc0.js';
+import '../../optgroup-harness.d-c52f5a8b.js';
+import '../../form-field-control-harness.d-e3cf007b.js';
 
 /** A set of criteria that can be used to filter a list of `MatPaginatorHarness` instances. */
 interface PaginatorHarnessFilters extends BaseHarnessFilters {
@@ -48,4 +48,5 @@ declare class MatPaginatorHarness extends ComponentHarness {
     getRangeLabel(): Promise<string>;
 }
 
-export { MatPaginatorHarness, type PaginatorHarnessFilters };
+export { MatPaginatorHarness };
+export type { PaginatorHarnessFilters };

package/{paginator.d-82b71ef4.d.ts → paginator.d-181ff014.d.ts}

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
 import { Optional, InjectionToken, OnInit, OnDestroy, EventEmitter } from '@angular/core';
-import { T as ThemePalette } from './palette.d-f5ca9a2b.js';
+import { T as ThemePalette } from './palette.d-1d8ebc0d.js';
 import { Subject, Observable } from 'rxjs';
-import { g as MatFormFieldAppearance } from './form-field.d-e2081e20.js';
+import { g as MatFormFieldAppearance } from './form-field.d-486f4e86.js';
 
 /**
  * To modify the labels and text displayed, create a new instance of MatPaginatorIntl and
@@ -196,4 +196,5 @@ declare class MatPaginator implements OnInit, OnDestroy {
     static ngAcceptInputType_disabled: unknown;
 }
 
-export { MatPaginator as M, PageEvent as P, type MatPaginatorSelectConfig as a, type MatPaginatorDefaultOptions as b, MAT_PAGINATOR_DEFAULT_OPTIONS as c, MatPaginatorIntl as d, MAT_PAGINATOR_INTL_PROVIDER_FACTORY as e, MAT_PAGINATOR_INTL_PROVIDER as f };
+export { MatPaginator as M, PageEvent as P, MAT_PAGINATOR_DEFAULT_OPTIONS as c, MatPaginatorIntl as d, MAT_PAGINATOR_INTL_PROVIDER_FACTORY as e, MAT_PAGINATOR_INTL_PROVIDER as f };
+export type { MatPaginatorSelectConfig as a, MatPaginatorDefaultOptions as b };