@angular/material 20.0.0-next.0 → 20.0.0-next.10

package/paginator/_paginator-theme.scss

@@ -1,6 +1,7 @@
 @use 'sass:map';
 @use 'sass:meta';
-@use '../core/tokens/m2/mat/paginator' as tokens-mat-paginator;
+@use './m2-paginator';
+@use './m3-paginator';
 @use '../core/style/sass-utils';
 @use '../core/typography/typography';
 @use '../core/theming/theming';
@@ -20,10 +21,8 @@
     @include _theme-from-tokens(inspection.get-theme-tokens($theme, color));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
-        tokens-mat-paginator.$prefix,
-        tokens-mat-paginator.get-color-tokens($theme)
-      );
+      @include token-utils.create-token-values-mixed(
+        m2-paginator.$prefix, m2-paginator.get-color-tokens($theme));
     }
   }
 }
@@ -33,10 +32,8 @@
     @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-paginator.$prefix,
-        tokens-mat-paginator.get-typography-tokens($theme)
-      );
+      @include token-utils.create-token-values-mixed(
+        m2-paginator.$prefix, m2-paginator.get-typography-tokens($theme));
     }
   }
 }
@@ -51,13 +48,12 @@
   );
 
   @if inspection.get-theme-version($theme) == 1 {
-    @include _theme-from-tokens(inspection.get-theme-tokens($theme, density));
+    @include token-utils.create-token-values(
+        m3-paginator.$prefix, m3-paginator.get-density-tokens($theme));
   } @else {
     @include sass-utils.current-selector-or-root() {
-      @include token-utils.create-token-values(
-        tokens-mat-paginator.$prefix,
-        tokens-mat-paginator.get-density-tokens($theme)
-      );
+      @include token-utils.create-token-values-mixed(
+        m2-paginator.$prefix, m2-paginator.get-density-tokens($theme));
     }
   }
 }
@@ -66,8 +62,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(),
     ),
   );
 }
@@ -80,6 +76,9 @@
   @include theming.private-check-duplicate-theme-styles($theme, 'mat-paginator') {
     @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);
+      }
     } @else {
       @include base($theme);
       @if inspection.theme-has($theme, color) {
@@ -101,8 +100,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,221 +1,36 @@
-import { EventEmitter } from '@angular/core';
 import * as i0 from '@angular/core';
-import * as i1 from '@angular/material/button';
-import * as i2 from '@angular/material/select';
-import * as i3 from '@angular/material/tooltip';
-import { InjectionToken } from '@angular/core';
-import { MatFormFieldAppearance } from '@angular/material/form-field';
-import { Observable } from 'rxjs';
-import { OnDestroy } from '@angular/core';
-import { OnInit } from '@angular/core';
-import { Optional } from '@angular/core';
-import { Subject } from 'rxjs';
-import { ThemePalette } from '@angular/material/core';
-
-declare namespace i4 {
-    export {
-        MatPaginatorSelectConfig,
-        PageEvent,
-        MatPaginatorDefaultOptions,
-        MAT_PAGINATOR_DEFAULT_OPTIONS,
-        MatPaginator
-    }
-}
-
-/** Injection token that can be used to provide the default options for the paginator module. */
-export declare const MAT_PAGINATOR_DEFAULT_OPTIONS: InjectionToken<MatPaginatorDefaultOptions>;
-
-/** @docs-private */
-export declare const MAT_PAGINATOR_INTL_PROVIDER: {
-    provide: typeof MatPaginatorIntl;
-    deps: Optional[][];
-    useFactory: typeof MAT_PAGINATOR_INTL_PROVIDER_FACTORY;
-};
-
-/** @docs-private */
-export declare function MAT_PAGINATOR_INTL_PROVIDER_FACTORY(parentIntl: MatPaginatorIntl): MatPaginatorIntl;
-
-/**
- * Component to provide navigation between paged information. Displays the size of the current
- * 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 implements OnInit, OnDestroy {
-    _intl: MatPaginatorIntl;
-    private _changeDetectorRef;
-    /** If set, styles the "page size" form field with the designated style. */
-    _formFieldAppearance?: MatFormFieldAppearance;
-    /** ID for the DOM node containing the paginator's items per page label. */
-    readonly _pageSizeLabelId: string;
-    private _intlChanges;
-    private _isInitialized;
-    private _initializedStream;
-    /**
-     * Theme color of the underlying form controls. This API is supported in M2
-     * themes only,it has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/paginator/styling.
-     *
-     * For information on applying color variants in M3, see
-     * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
-     */
-    color: ThemePalette;
-    /** The zero-based page index of the displayed list of items. Defaulted to 0. */
-    get pageIndex(): number;
-    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: number);
-    private _length;
-    /** Number of items to display on a page. By default set to 50. */
-    get pageSize(): number;
-    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. */
-    hidePageSize: boolean;
-    /** Whether to show the first/last buttons UI to the user. */
-    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. */
-    _displayedPageSizeOptions: number[];
-    /** Emits when the paginator is initialized. */
-    initialized: Observable<void>;
-    /** Inserted by Angular inject() migration for backwards compatibility */
-    constructor(...args: unknown[]);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    /** Advances to the next page if it exists. */
-    nextPage(): void;
-    /** Move back to the previous page if it exists. */
-    previousPage(): void;
-    /** Move to the first page if not already there. */
-    firstPage(): void;
-    /** Move to the last page if not already there. */
-    lastPage(): void;
-    /** Whether there is a previous page. */
-    hasPreviousPage(): boolean;
-    /** Whether there is a next page. */
-    hasNextPage(): boolean;
-    /** Calculate the number of pages */
-    getNumberOfPages(): number;
-    /**
-     * Changes the page size so that the first item displayed on the page will still be
-     * displayed using the new page size.
-     *
-     * For example, if the page size is 10 and on the second page (items indexed 10-19) then
-     * switching so that the page size is 5 will set the third page as the current page so
-     * that the 10th item will still be displayed.
-     */
-    _changePageSize(pageSize: number): void;
-    /** Checks whether the buttons for going forwards should be disabled. */
-    _nextButtonsDisabled(): boolean;
-    /** Checks whether the buttons for going backwards should be disabled. */
-    _previousButtonsDisabled(): boolean;
-    /**
-     * Updates the list of page size options to display to the user. Includes making sure that
-     * the page size is an option and that the list is sorted.
-     */
-    private _updateDisplayedPageSizeOptions;
-    /** Emits an event notifying that a change of the paginator's properties has been triggered. */
-    private _emitPageEvent;
-    /** Navigates to a specific page index. */
-    private _navigate;
-    /**
-     * Callback invoked when one of the navigation buttons is called.
-     * @param targetIndex Index to which the paginator should navigate.
-     * @param isDisabled Whether the button is disabled.
-     */
-    protected _buttonClicked(targetIndex: number, isDisabled: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatPaginator, 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, true, 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. */
-export declare interface MatPaginatorDefaultOptions {
-    /** Number of items to display on a page. By default set to 50. */
-    pageSize?: number;
-    /** The set of provided page size options to display to the user. */
-    pageSizeOptions?: number[];
-    /** Whether to hide the page size selection UI from the user. */
-    hidePageSize?: boolean;
-    /** Whether to show the first/last buttons UI to the user. */
-    showFirstLastButtons?: boolean;
-    /** The default form-field appearance to apply to the page size options selector. */
-    formFieldAppearance?: MatFormFieldAppearance;
-}
-
-/**
- * To modify the labels and text displayed, create a new instance of MatPaginatorIntl and
- * include it in a custom provider
- */
-export declare class MatPaginatorIntl {
-    /**
-     * Stream to emit from when labels are changed. Use this to notify components when the labels have
-     * changed after initialization.
-     */
-    readonly changes: Subject<void>;
-    /** A label for the page size selector. */
-    itemsPerPageLabel: string;
-    /** A label for the button that increments the current page. */
-    nextPageLabel: string;
-    /** A label for the button that decrements the current page. */
-    previousPageLabel: string;
-    /** A label for the button that moves to the first page. */
-    firstPageLabel: string;
-    /** A label for the button that moves to the last page. */
-    lastPageLabel: string;
-    /** A label for the range of items within the current page and the length of the whole list. */
-    getRangeLabel: (page: number, pageSize: number, length: number) => string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatPaginatorIntl, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MatPaginatorIntl>;
-}
-
-export declare class MatPaginatorModule {
+import { MatButtonModule } from '../button/index.js';
+import { M as MatSelectModule } from '../module.d-CH_8jCsD.js';
+import { M as MatTooltipModule } from '../module.d-m-qXd3m8.js';
+import { M as MatPaginator } from '../paginator.d-3kymf0wo.js';
+export { c as MAT_PAGINATOR_DEFAULT_OPTIONS, f as MAT_PAGINATOR_INTL_PROVIDER, e as MAT_PAGINATOR_INTL_PROVIDER_FACTORY, b as MatPaginatorDefaultOptions, d as MatPaginatorIntl, a as MatPaginatorSelectConfig, P as PageEvent } from '../paginator.d-3kymf0wo.js';
+import '@angular/cdk/a11y';
+import '../palette.d-BSSFKjO6.js';
+import '../ripple-loader.d-9me-KFSi.js';
+import '../common-module.d-C8xzHJDr.js';
+import '@angular/cdk/bidi';
+import '../index.d-C5neTPvr.js';
+import '../ripple.d-BT30YVLB.js';
+import '@angular/cdk/platform';
+import '@angular/cdk/overlay';
+import '../index.d-CikM2bbf.js';
+import '../pseudo-checkbox-module.d-BHmTZ10P.js';
+import '../option.d-BVGX3edu.js';
+import 'rxjs';
+import '@angular/cdk/collections';
+import '@angular/cdk/scrolling';
+import '@angular/forms';
+import '../error-options.d-CGdTZUYk.js';
+import '../form-field.d-b9aHrR4I.js';
+import '@angular/cdk/coercion';
+import '../form-field-control.d-DvB4ZVlf.js';
+import '../module.d-BGzxQfCs.js';
+import '@angular/cdk/observers';
+
+declare class MatPaginatorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<MatPaginatorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatPaginatorModule, never, [typeof i1.MatButtonModule, typeof i2.MatSelectModule, typeof i3.MatTooltipModule, typeof i4.MatPaginator], [typeof i4.MatPaginator]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatPaginatorModule, never, [typeof MatButtonModule, typeof MatSelectModule, typeof MatTooltipModule, typeof MatPaginator], [typeof MatPaginator]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<MatPaginatorModule>;
 }
 
-/** Object that can used to configure the underlying `MatSelect` inside a `MatPaginator`. */
-export declare interface MatPaginatorSelectConfig {
-    /** Whether to center the active option over the trigger. */
-    disableOptionCentering?: boolean;
-    /** Classes to be passed to the select panel. */
-    panelClass?: string | string[] | Set<string> | {
-        [key: string]: any;
-    };
-}
-
-/**
- * Change event object that is emitted when the user selects a
- * different page size or navigates to another page.
- */
-export declare class PageEvent {
-    /** The current page index. */
-    pageIndex: number;
-    /**
-     * Index of the page that was selected previously.
-     * @breaking-change 8.0.0 To be made into a required property.
-     */
-    previousPageIndex?: number;
-    /** The current page size. */
-    pageSize: number;
-    /** The current total number of items being paged. */
-    length: number;
-}
-
-export { }
+export { MatPaginator, MatPaginatorModule };

package/paginator/testing/index.d.ts

@@ -1,22 +1,25 @@
-import { AsyncFactoryFn } from '@angular/cdk/testing';
-import { BaseHarnessFilters } from '@angular/cdk/testing';
-import { ComponentHarness } from '@angular/cdk/testing';
-import { ComponentHarnessConstructor } from '@angular/cdk/testing';
-import { HarnessPredicate } from '@angular/cdk/testing';
-import { MatSelectHarness } from '@angular/material/select/testing';
-import { TestElement } from '@angular/cdk/testing';
+import * as _angular_cdk_testing from '@angular/cdk/testing';
+import { BaseHarnessFilters, ComponentHarness, ComponentHarnessConstructor, HarnessPredicate } from '@angular/cdk/testing';
+import { MatSelectHarness } from '../../select/testing/index.js';
+import '../../option-harness.d-IqsW95GR.js';
+import '../../core/testing/index.js';
+import '../../form-field/testing/control/index.js';
+
+/** A set of criteria that can be used to filter a list of `MatPaginatorHarness` instances. */
+interface PaginatorHarnessFilters extends BaseHarnessFilters {
+}
 
 /** Harness for interacting with a mat-paginator in tests. */
-export declare class MatPaginatorHarness extends ComponentHarness {
+declare class MatPaginatorHarness extends ComponentHarness {
     /** Selector used to find paginator instances. */
     static hostSelector: string;
     private _nextButton;
     private _previousButton;
     private _firstPageButton;
     private _lastPageButton;
-    _select: AsyncFactoryFn<MatSelectHarness | null>;
+    _select: _angular_cdk_testing.AsyncFactoryFn<MatSelectHarness | null>;
     private _pageSizeFallback;
-    _rangeLabel: AsyncFactoryFn<TestElement>;
+    _rangeLabel: _angular_cdk_testing.AsyncFactoryFn<_angular_cdk_testing.TestElement>;
     /**
      * Gets a `HarnessPredicate` that can be used to search for a paginator with specific attributes.
      * @param options Options for filtering which paginator instances are considered a match.
@@ -45,8 +48,5 @@ export declare class MatPaginatorHarness extends ComponentHarness {
     getRangeLabel(): Promise<string>;
 }
 
-/** A set of criteria that can be used to filter a list of `MatPaginatorHarness` instances. */
-export declare interface PaginatorHarnessFilters extends BaseHarnessFilters {
-}
-
-export { }
+export { MatPaginatorHarness };
+export type { PaginatorHarnessFilters };

package/paginator.d-3kymf0wo.d.ts

@@ -0,0 +1,200 @@
+import * as i0 from '@angular/core';
+import { Optional, InjectionToken, OnInit, OnDestroy, EventEmitter } from '@angular/core';
+import { T as ThemePalette } from './palette.d-BSSFKjO6.js';
+import { Subject, Observable } from 'rxjs';
+import { h as MatFormFieldAppearance } from './form-field.d-b9aHrR4I.js';
+
+/**
+ * To modify the labels and text displayed, create a new instance of MatPaginatorIntl and
+ * include it in a custom provider
+ */
+declare class MatPaginatorIntl {
+    /**
+     * Stream to emit from when labels are changed. Use this to notify components when the labels have
+     * changed after initialization.
+     */
+    readonly changes: Subject<void>;
+    /** A label for the page size selector. */
+    itemsPerPageLabel: string;
+    /** A label for the button that increments the current page. */
+    nextPageLabel: string;
+    /** A label for the button that decrements the current page. */
+    previousPageLabel: string;
+    /** A label for the button that moves to the first page. */
+    firstPageLabel: string;
+    /** A label for the button that moves to the last page. */
+    lastPageLabel: string;
+    /** A label for the range of items within the current page and the length of the whole list. */
+    getRangeLabel: (page: number, pageSize: number, length: number) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatPaginatorIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MatPaginatorIntl>;
+}
+/**
+ * @docs-private
+ * @deprecated No longer used, will be removed.
+ * @breaking-change 21.0.0
+ */
+declare function MAT_PAGINATOR_INTL_PROVIDER_FACTORY(parentIntl: MatPaginatorIntl): MatPaginatorIntl;
+/**
+ * @docs-private
+ * @deprecated No longer used, will be removed.
+ * @breaking-change 21.0.0
+ */
+declare const MAT_PAGINATOR_INTL_PROVIDER: {
+    provide: typeof MatPaginatorIntl;
+    deps: Optional[][];
+    useFactory: typeof MAT_PAGINATOR_INTL_PROVIDER_FACTORY;
+};
+
+/** Object that can used to configure the underlying `MatSelect` inside a `MatPaginator`. */
+interface MatPaginatorSelectConfig {
+    /** Whether to center the active option over the trigger. */
+    disableOptionCentering?: boolean;
+    /** Classes to be passed to the select panel. */
+    panelClass?: string | string[] | Set<string> | {
+        [key: string]: any;
+    };
+}
+/**
+ * Change event object that is emitted when the user selects a
+ * different page size or navigates to another page.
+ */
+declare class PageEvent {
+    /** The current page index. */
+    pageIndex: number;
+    /**
+     * Index of the page that was selected previously.
+     * @breaking-change 8.0.0 To be made into a required property.
+     */
+    previousPageIndex?: number;
+    /** The current page size. */
+    pageSize: number;
+    /** The current total number of items being paged. */
+    length: number;
+}
+/** Object that can be used to configure the default options for the paginator module. */
+interface MatPaginatorDefaultOptions {
+    /** Number of items to display on a page. By default set to 50. */
+    pageSize?: number;
+    /** The set of provided page size options to display to the user. */
+    pageSizeOptions?: number[];
+    /** Whether to hide the page size selection UI from the user. */
+    hidePageSize?: boolean;
+    /** Whether to show the first/last buttons UI to the user. */
+    showFirstLastButtons?: boolean;
+    /** The default form-field appearance to apply to the page size options selector. */
+    formFieldAppearance?: MatFormFieldAppearance;
+}
+/** Injection token that can be used to provide the default options for the paginator module. */
+declare const MAT_PAGINATOR_DEFAULT_OPTIONS: InjectionToken<MatPaginatorDefaultOptions>;
+/**
+ * Component to provide navigation between paged information. Displays the size of the current
+ * page, user-selectable options to change that size, what items are being shown, and
+ * navigational button to go to the previous or next page.
+ */
+declare class MatPaginator implements OnInit, OnDestroy {
+    _intl: MatPaginatorIntl;
+    private _changeDetectorRef;
+    /** If set, styles the "page size" form field with the designated style. */
+    _formFieldAppearance?: MatFormFieldAppearance;
+    /** ID for the DOM node containing the paginator's items per page label. */
+    readonly _pageSizeLabelId: string;
+    private _intlChanges;
+    private _isInitialized;
+    private _initializedStream;
+    /**
+     * Theme color of the underlying form controls. This API is supported in M2
+     * themes only,it has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/paginator/styling.
+     *
+     * For information on applying color variants in M3, see
+     * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
+     */
+    color: ThemePalette;
+    /** The zero-based page index of the displayed list of items. Defaulted to 0. */
+    get pageIndex(): number;
+    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: number);
+    private _length;
+    /** Number of items to display on a page. By default set to 50. */
+    get pageSize(): number;
+    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. */
+    hidePageSize: boolean;
+    /** Whether to show the first/last buttons UI to the user. */
+    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. */
+    _displayedPageSizeOptions: number[];
+    /** Emits when the paginator is initialized. */
+    initialized: Observable<void>;
+    /** Inserted by Angular inject() migration for backwards compatibility */
+    constructor(...args: unknown[]);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** Advances to the next page if it exists. */
+    nextPage(): void;
+    /** Move back to the previous page if it exists. */
+    previousPage(): void;
+    /** Move to the first page if not already there. */
+    firstPage(): void;
+    /** Move to the last page if not already there. */
+    lastPage(): void;
+    /** Whether there is a previous page. */
+    hasPreviousPage(): boolean;
+    /** Whether there is a next page. */
+    hasNextPage(): boolean;
+    /** Calculate the number of pages */
+    getNumberOfPages(): number;
+    /**
+     * Changes the page size so that the first item displayed on the page will still be
+     * displayed using the new page size.
+     *
+     * For example, if the page size is 10 and on the second page (items indexed 10-19) then
+     * switching so that the page size is 5 will set the third page as the current page so
+     * that the 10th item will still be displayed.
+     */
+    _changePageSize(pageSize: number): void;
+    /** Checks whether the buttons for going forwards should be disabled. */
+    _nextButtonsDisabled(): boolean;
+    /** Checks whether the buttons for going backwards should be disabled. */
+    _previousButtonsDisabled(): boolean;
+    /**
+     * Updates the list of page size options to display to the user. Includes making sure that
+     * the page size is an option and that the list is sorted.
+     */
+    private _updateDisplayedPageSizeOptions;
+    /** Emits an event notifying that a change of the paginator's properties has been triggered. */
+    private _emitPageEvent;
+    /** Navigates to a specific page index. */
+    private _navigate;
+    /**
+     * Callback invoked when one of the navigation buttons is called.
+     * @param targetIndex Index to which the paginator should navigate.
+     * @param isDisabled Whether the button is disabled.
+     */
+    protected _buttonClicked(targetIndex: number, isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatPaginator, 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, true, 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;
+}
+
+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 };

package/palette.d-BSSFKjO6.d.ts

@@ -0,0 +1,4 @@
+/** Possible color palette values. */
+type ThemePalette = 'primary' | 'accent' | 'warn' | undefined;
+
+export type { ThemePalette as T };

package/prebuilt-themes/azure-blue.css

@@ -1 +1 @@
-html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: 0.031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: 0.875rem;--mat-sys-body-medium-tracking: 0.016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 0.75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: 0.75rem;--mat-sys-body-small-tracking: 0.025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -0.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: 0.875rem;--mat-sys-label-large-tracking: 0.006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 0.75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: 0.75rem;--mat-sys-label-medium-tracking: 0.031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 0.688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: 0.688rem;--mat-sys-label-small-tracking: 0.031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: 0.009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: 0.875rem;--mat-sys-title-small-tracking: 0.006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: 0.16;--mat-sys-focus-state-layer-opacity: 0.12;--mat-sys-hover-state-layer-opacity: 0.08;--mat-sys-pressed-state-layer-opacity: 0.12}
+html{--mat-sys-background: #faf9fd;--mat-sys-error: #ba1a1a;--mat-sys-error-container: #ffdad6;--mat-sys-inverse-on-surface: #f2f0f4;--mat-sys-inverse-primary: #abc7ff;--mat-sys-inverse-surface: #2f3033;--mat-sys-on-background: #1a1b1f;--mat-sys-on-error: #ffffff;--mat-sys-on-error-container: #93000a;--mat-sys-on-primary: #ffffff;--mat-sys-on-primary-container: #00458f;--mat-sys-on-primary-fixed: #001b3f;--mat-sys-on-primary-fixed-variant: #00458f;--mat-sys-on-secondary: #ffffff;--mat-sys-on-secondary-container: #3e4759;--mat-sys-on-secondary-fixed: #131c2b;--mat-sys-on-secondary-fixed-variant: #3e4759;--mat-sys-on-surface: #1a1b1f;--mat-sys-on-surface-variant: #44474e;--mat-sys-on-tertiary: #ffffff;--mat-sys-on-tertiary-container: #0000ef;--mat-sys-on-tertiary-fixed: #00006e;--mat-sys-on-tertiary-fixed-variant: #0000ef;--mat-sys-outline: #74777f;--mat-sys-outline-variant: #c4c6d0;--mat-sys-primary: #005cbb;--mat-sys-primary-container: #d7e3ff;--mat-sys-primary-fixed: #d7e3ff;--mat-sys-primary-fixed-dim: #abc7ff;--mat-sys-scrim: #000000;--mat-sys-secondary: #565e71;--mat-sys-secondary-container: #dae2f9;--mat-sys-secondary-fixed: #dae2f9;--mat-sys-secondary-fixed-dim: #bec6dc;--mat-sys-shadow: #000000;--mat-sys-surface: #faf9fd;--mat-sys-surface-bright: #faf9fd;--mat-sys-surface-container: #efedf0;--mat-sys-surface-container-high: #e9e7eb;--mat-sys-surface-container-highest: #e3e2e6;--mat-sys-surface-container-low: #f4f3f6;--mat-sys-surface-container-lowest: #ffffff;--mat-sys-surface-dim: #dbd9dd;--mat-sys-surface-tint: #005cbb;--mat-sys-surface-variant: #e0e2ec;--mat-sys-tertiary: #343dff;--mat-sys-tertiary-container: #e0e0ff;--mat-sys-tertiary-fixed: #e0e0ff;--mat-sys-tertiary-fixed-dim: #bec2ff;--mat-sys-neutral-variant20: #2d3038;--mat-sys-neutral10: #1a1b1f}html{--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)}html{--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12)}html{--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12)}html{--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: 0.031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: 0.875rem;--mat-sys-body-medium-tracking: 0.016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 0.75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: 0.75rem;--mat-sys-body-small-tracking: 0.025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -0.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: 0.875rem;--mat-sys-label-large-tracking: 0.006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 0.75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: 0.75rem;--mat-sys-label-medium-tracking: 0.031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 0.688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: 0.688rem;--mat-sys-label-small-tracking: 0.031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: 0.009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: 0.875rem;--mat-sys-title-small-tracking: 0.006rem;--mat-sys-title-small-weight: 500}html{--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px}html{--mat-sys-dragged-state-layer-opacity: 0.16;--mat-sys-focus-state-layer-opacity: 0.12;--mat-sys-hover-state-layer-opacity: 0.08;--mat-sys-pressed-state-layer-opacity: 0.12}