@angular/material 17.0.0 → 17.1.0-next.0

package/grid-list/_grid-list-theme.scss

@@ -1,3 +1,4 @@
+@use 'sass:map';
 @use '../core/theming/theming';
 @use '../core/theming/inspection';
 @use '../core/typography/typography';
@@ -5,31 +6,63 @@
 @use '../core/style/sass-utils';
 @use '../core/tokens/token-utils';
 
-@mixin base($theme) {}
+@mixin base($theme) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
+  }
+  @else {}
+}
 
 // Include this empty mixin for consistency with the other components.
-@mixin color($theme) {}
+@mixin color($theme) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
+  }
+  @else {}
+}
 
 @mixin typography($theme) {
-  @include sass-utils.current-selector-or-root() {
-    @include token-utils.create-token-values(tokens-mat-grid-list.$prefix,
-      tokens-mat-grid-list.get-typography-tokens($theme));
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
+  }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include token-utils.create-token-values(tokens-mat-grid-list.$prefix,
+        tokens-mat-grid-list.get-typography-tokens($theme));
+    }
   }
 }
 
-@mixin density($theme) {}
+@mixin density($theme) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
+  }
+  @else {}
+}
 
 @mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-grid-list') {
-    @include base($theme);
-    @if inspection.theme-has($theme, color) {
-      @include color($theme);
-    }
-    @if inspection.theme-has($theme, density) {
-      @include density($theme);
+    @if inspection.get-theme-version($theme) == 1 {
+      @include _theme-from-tokens(inspection.get-theme-tokens($theme));
     }
-    @if inspection.theme-has($theme, typography) {
-      @include typography($theme);
+    @else {
+      @include base($theme);
+      @if inspection.theme-has($theme, color) {
+        @include color($theme);
+      }
+      @if inspection.theme-has($theme, density) {
+        @include density($theme);
+      }
+      @if inspection.theme-has($theme, typography) {
+        @include typography($theme);
+      }
     }
   }
 }
+
+@mixin _theme-from-tokens($tokens) {
+  @if ($tokens != ()) {
+    @include token-utils.create-token-values(
+        tokens-mat-grid-list.$prefix, map.get($tokens, tokens-mat-grid-list.$prefix));
+  }
+}

package/grid-list/testing/index.d.ts

@@ -78,7 +78,7 @@ export declare class MatGridTileHarness extends ContentContainerComponentHarness
 }
 
 /** Selectors for the various `mat-grid-tile` sections that may contain user content. */
-export declare const enum MatGridTileSection {
+export declare enum MatGridTileSection {
     HEADER = ".mat-grid-tile-header",
     FOOTER = ".mat-grid-tile-footer"
 }

package/icon/index.d.ts

@@ -1,8 +1,4 @@
-import { _AbstractConstructor } from '@angular/material/core';
 import { AfterViewChecked } from '@angular/core';
-import { BooleanInput } from '@angular/cdk/coercion';
-import { CanColor } from '@angular/material/core';
-import { _Constructor } from '@angular/material/core';
 import { DomSanitizer } from '@angular/platform-browser';
 import { ElementRef } from '@angular/core';
 import { ErrorHandler } from '@angular/core';
@@ -126,17 +122,21 @@ export declare function MAT_ICON_LOCATION_FACTORY(): MatIconLocation;
  *   Example:
  *     `<mat-icon fontSet="fa" fontIcon="alarm"></mat-icon>`
  */
-export declare class MatIcon extends _MatIconBase implements OnInit, AfterViewChecked, CanColor, OnDestroy {
+export declare class MatIcon implements OnInit, AfterViewChecked, OnDestroy {
+    readonly _elementRef: ElementRef<HTMLElement>;
     private _iconRegistry;
     private _location;
     private readonly _errorHandler;
+    private _defaultColor;
+    /** Theme palette color of the icon. */
+    get color(): string | null | undefined;
+    set color(value: string | null | undefined);
+    private _color;
     /**
      * Whether the icon should be inlined, automatically sizing the icon to match the font size of
      * the element the icon is contained in.
      */
-    get inline(): boolean;
-    set inline(inline: BooleanInput);
-    private _inline;
+    inline: boolean;
     /** Name of the icon in the SVG icon set. */
     get svgIcon(): string;
     set svgIcon(value: string);
@@ -159,7 +159,7 @@ export declare class MatIcon extends _MatIconBase implements OnInit, AfterViewCh
     private _elementsWithExternalReferences?;
     /** Subscription to the current in-progress SVG icon request. */
     private _currentIconFetch;
-    constructor(elementRef: ElementRef<HTMLElement>, _iconRegistry: MatIconRegistry, ariaHidden: string, _location: MatIconLocation, _errorHandler: ErrorHandler, defaults?: MatIconDefaultOptions);
+    constructor(_elementRef: ElementRef<HTMLElement>, _iconRegistry: MatIconRegistry, ariaHidden: string, _location: MatIconLocation, _errorHandler: ErrorHandler, defaults?: MatIconDefaultOptions);
     /**
      * Splits an svgIcon binding value into its icon set and icon name components.
      * Returns a 2-element array of [(icon set), (icon name)].
@@ -202,15 +202,9 @@ export declare class MatIcon extends _MatIconBase implements OnInit, AfterViewCh
     private _updateSvgIcon;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatIcon, [null, null, { attribute: "aria-hidden"; }, null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatIcon, "mat-icon", ["matIcon"], { "color": { "alias": "color"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "fontSet": { "alias": "fontSet"; "required": false; }; "fontIcon": { "alias": "fontIcon"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ngAcceptInputType_inline: unknown;
 }
 
-/** @docs-private */
-declare const _MatIconBase: _Constructor<CanColor> & _AbstractConstructor<CanColor> & {
-    new (_elementRef: ElementRef): {
-        _elementRef: ElementRef;
-    };
-};
-
 /** Default options for `mat-icon`.  */
 export declare interface MatIconDefaultOptions {
     /** Default color of the icon. */

package/icon/testing/index.d.ts

@@ -43,7 +43,7 @@ export declare interface IconHarnessFilters extends BaseHarnessFilters {
 }
 
 /** Possible types of icons. */
-export declare const enum IconType {
+export declare enum IconType {
     SVG = 0,
     FONT = 1
 }

package/input/_input-theme.scss

@@ -2,25 +2,52 @@
 @use '../core/theming/inspection';
 @use '../core/typography/typography';
 
-@mixin base($theme) {}
+@mixin base($theme) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
+  }
+  @else {}
+}
 
-@mixin color($theme) {}
+@mixin color($theme) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
+  }
+  @else {}
+}
 
-@mixin typography($theme) {}
+@mixin typography($theme) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
+  }
+  @else {}
+}
 
-@mixin density($theme) {}
+@mixin density($theme) {
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
+  }
+  @else {}
+}
 
 @mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-input') {
-    @include base($theme);
-    @if inspection.theme-has($theme, color) {
-      @include color($theme);
+    @if inspection.get-theme-version($theme) == 1 {
+      @include _theme-from-tokens(inspection.get-theme-tokens($theme));
     }
-    @if inspection.theme-has($theme, density) {
-      @include density($theme);
-    }
-    @if inspection.theme-has($theme, typography) {
-      @include typography($theme);
+    @else {
+      @include base($theme);
+      @if inspection.theme-has($theme, color) {
+        @include color($theme);
+      }
+      @if inspection.theme-has($theme, density) {
+        @include density($theme);
+      }
+      @if inspection.theme-has($theme, typography) {
+        @include typography($theme);
+      }
     }
   }
 }
+
+@mixin _theme-from-tokens($tokens) {}

package/list/_list-theme.scss

@@ -14,139 +14,171 @@
 
 @mixin base($theme) {
   // Add default values for tokens not related to color, typography, or density.
-  @include sass-utils.current-selector-or-root() {
-    @include mdc-list-theme.theme(tokens-mdc-list.get-unthemable-tokens());
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, base));
+  }
+  @else {
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-list-theme.theme(tokens-mdc-list.get-unthemable-tokens());
+    }
   }
 }
 
 @mixin color($theme) {
-  $mdc-list-color-tokens: tokens-mdc-list.get-color-tokens($theme);
-
-  // Add values for MDC list tokens.
-  @include sass-utils.current-selector-or-root() {
-    @include mdc-list-theme.theme($mdc-list-color-tokens);
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
   }
+  @else {
+    $mdc-list-color-tokens: tokens-mdc-list.get-color-tokens($theme);
 
-  .mdc-list-item__start,
-  .mdc-list-item__end {
-    @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($theme, primary));
-  }
+    // Add values for MDC list tokens.
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-list-theme.theme($mdc-list-color-tokens);
+    }
 
-  .mat-accent {
     .mdc-list-item__start,
     .mdc-list-item__end {
-      @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($theme, accent));
+      @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($theme, primary));
     }
-  }
 
-  .mat-warn {
-    .mdc-list-item__start,
-    .mdc-list-item__end {
-      @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($theme, warn));
+    .mat-accent {
+      .mdc-list-item__start,
+      .mdc-list-item__end {
+        @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($theme, accent));
+      }
     }
-  }
 
-  .mat-mdc-list-option {
-    @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($theme, primary));
-  }
-  .mat-mdc-list-option.mat-accent {
-    @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($theme, accent));
-  }
-  .mat-mdc-list-option.mat-warn {
-    @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($theme, warn));
-  }
+    .mat-warn {
+      .mdc-list-item__start,
+      .mdc-list-item__end {
+        @include mdc-radio-theme.theme(tokens-mdc-radio.get-color-tokens($theme, warn));
+      }
+    }
 
-  // There is no token for activated color on nav list.
-  // TODO(mmalerba): Add a token to MDC or make a custom one.
-  .mat-mdc-list-base.mat-mdc-list-base {
-    @include evolution-mixins.list-selected-ink-color(inspection.get-theme-color($theme, primary));
-  }
+    .mat-mdc-list-option {
+      @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($theme, primary));
+    }
+    .mat-mdc-list-option.mat-accent {
+      @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($theme, accent));
+    }
+    .mat-mdc-list-option.mat-warn {
+      @include mdc-checkbox-theme.theme(tokens-mdc-checkbox.get-color-tokens($theme, warn));
+    }
 
-  // TODO(mmalerba): Leaking styles from the old MDC list mixins used in other components can cause
-  //  opacity issues, so we need this override for now. We can remove it when all Angular Material
-  //  components stop using the old MDC mixins.
-  .mat-mdc-list-base .mdc-list-item--disabled {
-    .mdc-list-item__start,
-    .mdc-list-item__content,
-    .mdc-list-item__end {
-      opacity: 1;
+    // There is no token for activated color on nav list.
+    // TODO(mmalerba): Add a token to MDC or make a custom one.
+    .mat-mdc-list-base.mat-mdc-list-base {
+      @include evolution-mixins.list-selected-ink-color(
+          inspection.get-theme-color($theme, primary));
+    }
+
+    // TODO(mmalerba): Leaking styles from the old MDC list mixins used in other components can
+    //  cause opacity issues, so we need this override for now. We can remove it when all
+    //  Angular Material components stop using the old MDC mixins.
+    .mat-mdc-list-base .mdc-list-item--disabled {
+      .mdc-list-item__start,
+      .mdc-list-item__content,
+      .mdc-list-item__end {
+        opacity: 1;
+      }
     }
   }
 }
 
 @mixin density($theme) {
-  $density-scale: inspection.get-theme-density($theme);
-  $mdc-list-density-tokens: tokens-mdc-list.get-density-tokens($theme);
-
-  // Add values for MDC list tokens.
-  @include sass-utils.current-selector-or-root() {
-    @include mdc-list-theme.theme($mdc-list-density-tokens);
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
   }
+  @else {
+    $density-scale: inspection.get-theme-density($theme);
+    $mdc-list-density-tokens: tokens-mdc-list.get-density-tokens($theme);
 
-  .mdc-list-item__start,
-  .mdc-list-item__end {
-    @include mdc-radio-theme.theme(tokens-mdc-radio.get-density-tokens($theme));
-  }
+    // Add values for MDC list tokens.
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-list-theme.theme($mdc-list-density-tokens);
+    }
 
-  // TODO(mmalerba): This is added to maintain the same style MDC used prior to the token-based API,
-  //  to avoid screenshot diffs. We should remove it in favor of following MDC's current style, or
-  //  add custom tokens for it.
-  .mat-mdc-list-item {
-    &.mdc-list-item--with-leading-avatar,
-    &.mdc-list-item--with-leading-checkbox,
-    &.mdc-list-item--with-leading-icon {
-      &.mdc-list-item--with-one-line {
-        height: map.get((
+    .mdc-list-item__start,
+    .mdc-list-item__end {
+      @include mdc-radio-theme.theme(tokens-mdc-radio.get-density-tokens($theme));
+    }
+
+    // TODO(mmalerba): This is added to maintain the same style MDC used prior to the token-based
+    //  API, to avoid screenshot diffs. We should remove it in favor of following MDC's current
+    //  style, or add custom tokens for it.
+    .mat-mdc-list-item {
+      &.mdc-list-item--with-leading-avatar,
+      &.mdc-list-item--with-leading-checkbox,
+      &.mdc-list-item--with-leading-icon {
+        &.mdc-list-item--with-one-line {
+          height: map.get((
             0: 56px,
             -1: 52px,
             -2: 48px,
             -3: 44px,
             -4: 40px,
             -5: 40px,
-        ), $density-scale);
-      }
+          ), $density-scale);
+        }
 
-      &.mdc-list-item--with-two-lines {
-        height: map.get((
+        &.mdc-list-item--with-two-lines {
+          height: map.get((
             0: 72px,
             -1: 68px,
             -2: 64px,
             -3: 60px,
             -4: 56px,
             -5: 56px,
-        ), $density-scale);
+          ), $density-scale);
+        }
       }
     }
   }
 }
 
 @mixin typography($theme) {
-  $mdc-list-typography-tokens: tokens-mdc-list.get-typography-tokens($theme);
-
-  // Add values for MDC list tokens.
-  @include sass-utils.current-selector-or-root() {
-    @include mdc-list-theme.theme($mdc-list-typography-tokens);
+  @if inspection.get-theme-version($theme) == 1 {
+    @include _theme-from-tokens(inspection.get-theme-tokens($theme, typography));
   }
+  @else {
+    $mdc-list-typography-tokens: tokens-mdc-list.get-typography-tokens($theme);
 
-  // MDC does not have tokens for the subheader.
-  // TODO(mmalerba): Discuss with MDC about adding them, or create custom tokens.
-  .mdc-list-group__subheader {
-    font: inspection.get-theme-typography($theme, subtitle-1, font);
-    letter-spacing: inspection.get-theme-typography($theme, subtitle-1, letter-spacing);
+    // Add values for MDC list tokens.
+    @include sass-utils.current-selector-or-root() {
+      @include mdc-list-theme.theme($mdc-list-typography-tokens);
+    }
+
+    // MDC does not have tokens for the subheader.
+    // TODO(mmalerba): Discuss with MDC about adding them, or create custom tokens.
+    .mdc-list-group__subheader {
+      font: inspection.get-theme-typography($theme, subtitle-1, font);
+      letter-spacing: inspection.get-theme-typography($theme, subtitle-1, letter-spacing);
+    }
   }
 }
 
 @mixin theme($theme) {
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-list') {
-    @include base($theme);
-    @if inspection.theme-has($theme, color) {
-      @include color($theme);
+    @if inspection.get-theme-version($theme) == 1 {
+      @include _theme-from-tokens(inspection.get-theme-tokens($theme));
     }
-    @if inspection.theme-has($theme, density) {
-      @include density($theme);
-    }
-    @if inspection.theme-has($theme, typography) {
-      @include typography($theme);
+    @else {
+      @include base($theme);
+      @if inspection.theme-has($theme, color) {
+        @include color($theme);
+      }
+      @if inspection.theme-has($theme, density) {
+        @include density($theme);
+      }
+      @if inspection.theme-has($theme, typography) {
+        @include typography($theme);
+      }
     }
   }
 }
+
+@mixin _theme-from-tokens($tokens) {
+  @if ($tokens != ()) {
+    @include mdc-list-theme.theme(map.get($tokens, tokens-mdc-list.$prefix));
+  }
+}

package/list/testing/index.d.ts

@@ -232,12 +232,12 @@ declare abstract class MatListItemHarnessBase extends ContentContainerComponentH
 }
 
 /** Selectors for the various list item sections that may contain user content. */
-export declare const enum MatListItemSection {
+export declare enum MatListItemSection {
     CONTENT = ".mdc-list-item__content"
 }
 
 /** Enum describing the possible variants of a list item. */
-export declare const enum MatListItemType {
+export declare enum MatListItemType {
     ONE_LINE_ITEM = 0,
     TWO_LINE_ITEM = 1,
     THREE_LINE_ITEM = 2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/material",
-  "version": "17.0.0",
+  "version": "17.1.0-next.0",
   "description": "Angular Material",
   "repository": {
     "type": "git",
@@ -477,12 +477,12 @@
     }
   },
   "peerDependencies": {
-    "@angular/animations": "^17.0.0 || ^18.0.0",
-    "@angular/cdk": "17.0.0",
-    "@angular/core": "^17.0.0 || ^18.0.0",
-    "@angular/common": "^17.0.0 || ^18.0.0",
-    "@angular/forms": "^17.0.0 || ^18.0.0",
-    "@angular/platform-browser": "^17.0.0 || ^18.0.0",
+    "@angular/animations": "^17.0.0-0 || ^17.1.0-0 || ^17.2.0-0 || ^17.3.0-0 || ^18.0.0-0",
+    "@angular/cdk": "17.1.0-next.0",
+    "@angular/core": "^17.0.0-0 || ^17.1.0-0 || ^17.2.0-0 || ^17.3.0-0 || ^18.0.0-0",
+    "@angular/common": "^17.0.0-0 || ^17.1.0-0 || ^17.2.0-0 || ^17.3.0-0 || ^18.0.0-0",
+    "@angular/forms": "^17.0.0-0 || ^17.1.0-0 || ^17.2.0-0 || ^17.3.0-0 || ^18.0.0-0",
+    "@angular/platform-browser": "^17.0.0-0 || ^17.1.0-0 || ^17.2.0-0 || ^17.3.0-0 || ^18.0.0-0",
     "rxjs": "^6.5.3 || ^7.4.0"
   },
   "dependencies": {

package/paginator/index.d.ts

@@ -1,8 +1,4 @@
-import { _AbstractConstructor } from '@angular/material/core';
-import { BooleanInput } from '@angular/cdk/coercion';
-import { CanDisable } from '@angular/material/core';
 import { ChangeDetectorRef } from '@angular/core';
-import { _Constructor } from '@angular/material/core';
 import { EventEmitter } from '@angular/core';
 import { HasInitialized } from '@angular/material/core';
 import * as i0 from '@angular/core';
@@ -11,7 +7,6 @@ import * as i3 from '@angular/material/select';
 import * as i4 from '@angular/material/tooltip';
 import { InjectionToken } from '@angular/core';
 import { MatFormFieldAppearance } from '@angular/material/form-field';
-import { NumberInput } from '@angular/cdk/coercion';
 import { OnDestroy } from '@angular/core';
 import { OnInit } from '@angular/core';
 import { Optional } from '@angular/core';
@@ -46,7 +41,7 @@ export declare function MAT_PAGINATOR_INTL_PROVIDER_FACTORY(parentIntl: MatPagin
  * page, user-selectable options to change that size, what items are being shown, and
  * navigational button to go to the previous or next page.
  */
-export declare class MatPaginator extends _MatPaginatorMixinBase implements OnInit, OnDestroy, CanDisable, HasInitialized {
+export declare class MatPaginator extends _MatPaginatorMixinBase implements OnInit, OnDestroy, HasInitialized {
     _intl: MatPaginatorIntl;
     private _changeDetectorRef;
     /** If set, styles the "page size" form field with the designated style. */
@@ -59,30 +54,28 @@ export declare class MatPaginator extends _MatPaginatorMixinBase implements OnIn
     color: ThemePalette;
     /** The zero-based page index of the displayed list of items. Defaulted to 0. */
     get pageIndex(): number;
-    set pageIndex(value: NumberInput);
+    set pageIndex(value: number);
     private _pageIndex;
     /** The length of the total number of items that are being paginated. Defaulted to 0. */
     get length(): number;
-    set length(value: NumberInput);
+    set length(value: number);
     private _length;
     /** Number of items to display on a page. By default set to 50. */
     get pageSize(): number;
-    set pageSize(value: NumberInput);
+    set pageSize(value: number);
     private _pageSize;
     /** The set of provided page size options to display to the user. */
     get pageSizeOptions(): number[];
     set pageSizeOptions(value: number[] | readonly number[]);
     private _pageSizeOptions;
     /** Whether to hide the page size selection UI from the user. */
-    get hidePageSize(): boolean;
-    set hidePageSize(value: BooleanInput);
-    private _hidePageSize;
+    hidePageSize: boolean;
     /** Whether to show the first/last buttons UI to the user. */
-    get showFirstLastButtons(): boolean;
-    set showFirstLastButtons(value: BooleanInput);
-    private _showFirstLastButtons;
+    showFirstLastButtons: boolean;
     /** Used to configure the underlying `MatSelect` inside the paginator. */
     selectConfig: MatPaginatorSelectConfig;
+    /** Whether the paginator is disabled. */
+    disabled: boolean;
     /** Event emitted when the paginator changes the page size or page index. */
     readonly page: EventEmitter<PageEvent>;
     /** Displayed set of page size options. Will be sorted and include current page size. */
@@ -125,7 +118,13 @@ export declare class MatPaginator extends _MatPaginatorMixinBase implements OnIn
     /** Emits an event notifying that a change of the paginator's properties has been triggered. */
     private _emitPageEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatPaginator, [null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatPaginator, "mat-paginator", ["matPaginator"], { "disabled": { "alias": "disabled"; "required": false; }; "color": { "alias": "color"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; "selectConfig": { "alias": "selectConfig"; "required": false; }; }, { "page": "page"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatPaginator, "mat-paginator", ["matPaginator"], { "color": { "alias": "color"; "required": false; }; "pageIndex": { "alias": "pageIndex"; "required": false; }; "length": { "alias": "length"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; }; "selectConfig": { "alias": "selectConfig"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "page": "page"; }, never, never, false, never>;
+    static ngAcceptInputType_pageIndex: unknown;
+    static ngAcceptInputType_length: unknown;
+    static ngAcceptInputType_pageSize: unknown;
+    static ngAcceptInputType_hidePageSize: unknown;
+    static ngAcceptInputType_showFirstLastButtons: unknown;
+    static ngAcceptInputType_disabled: unknown;
 }
 
 /** Object that can be used to configure the default options for the paginator module. */
@@ -169,7 +168,7 @@ export declare class MatPaginatorIntl {
 }
 
 /** @docs-private */
-declare const _MatPaginatorMixinBase: _Constructor<CanDisable> & _AbstractConstructor<CanDisable> & (new (...args: any[]) => HasInitialized) & {
+declare const _MatPaginatorMixinBase: (new (...args: any[]) => HasInitialized) & {
     new (): {};
 };