@progress/kendo-angular-pager 24.2.2 → 25.0.0-develop.1

package/index.d.ts

@@ -2,25 +2,1011 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export { PageChangeEvent } from './pager/change-event-args.interface';
-export { PageSizeChangeEvent } from './pager/pagesizechange-event';
-export { CustomMessagesComponent } from './pager/localization/custom-messages.component';
-export { LocalizedMessagesDirective } from './pager/localization/localized-messages.directive';
-export { PagerPrevButtonsComponent } from './pager/pager-prev-buttons.component';
-export { PageSizeItem } from './pager/pagesize-item.interface';
-export { PagerPageSizesComponent } from './pager/pager-page-sizes.component';
-export { PagerType } from './pager/common/pager-type';
-export { PagerSize } from './pager/common/pager-size';
-export { PagerTemplateDirective } from './pager/pager-template.directive';
-export { PagerNumericButtonsComponent } from './pager/pager-numeric-buttons.component';
-export { PagerNextButtonsComponent } from './pager/pager-next-buttons.component';
-export { PagerInputComponent } from './pager/pager-input.component';
-export { PagerInfoComponent } from './pager/pager-info.component';
-export { PagerFocusableDirective } from './pager/focusable.directive';
-export { PagerComponent } from './pager/pager.component';
-export { PagerModule } from './pager/pager.module';
-export { PagerNavigationService } from './pager/navigation.service';
-export { PagerContextService } from './pager/pager-context.service';
-export { PagerSpacerComponent } from './pager/spacer.component';
-export { AdaptiveMode } from './util';
-export * from './directives';
+import { ComponentMessages, LocalizationService } from '@progress/kendo-angular-l10n';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, ChangeDetectorRef, AfterViewInit, ElementRef, NgZone, TemplateRef, Renderer2, OnChanges, QueryList, EventEmitter, SimpleChanges } from '@angular/core';
+import { Subject } from 'rxjs';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
+import { NumericTextBoxComponent } from '@progress/kendo-angular-inputs';
+
+/**
+ * Represents the event arguments for the `pageChange` event of the Pager.
+ */
+interface PageChangeEvent {
+    /**
+     * The number of records to skip.
+     */
+    skip: number;
+    /**
+     * The number of records to take.
+     */
+    take: number;
+}
+
+/**
+ * @hidden
+ */
+declare class PreventableEvent {
+    private prevented;
+    /**
+     * Prevents the default action for a specified event.
+     * In this way, the source component suppresses the built-in behavior that follows the event.
+     */
+    preventDefault(): void;
+    /**
+     * If the event is prevented by any of its subscribers, returns `true`.
+     *
+     * @returns `true` if the default action was prevented. Otherwise, returns `false`.
+     */
+    isDefaultPrevented(): boolean;
+}
+
+/**
+ * Represents the arguments for the `pageSizeChange` event. The `pageSizeChange` event fires when you change the page size
+ * from the UI. If you cancel the event, the change does not occur.
+ */
+declare class PageSizeChangeEvent extends PreventableEvent {
+    /**
+     * Gets the newly selected page size.
+     */
+    newPageSize: number | string;
+    /**
+     * Constructs the event arguments for the `pageSizeChange` event.
+     * @param newPageSize - The newly selected page size.
+     * @hidden
+     */
+    constructor(newPageSize: number | string);
+}
+
+/**
+ * @hidden
+ */
+declare class Messages extends ComponentMessages {
+    /**
+     * The label of the pager. Follows the pattern **Page navigation, page {currentPage} of {totalPages}** by default.
+     * Тhe default label text when the current page is 1, and the total number of pages is 10 will be
+     * **Page navigation, page 1 of 10**.
+     *
+     * The message consists of several parts - the current page number, the total number of pages, and a localizable string.
+     * To allow for reordering its parts, the `ariaLabel` input accepts a string with placeholders for the current page
+     * and total number of pages. The `{currentPage}` and `{totalPages}` placeholders will be replaced
+     * internally with the respective actual values.
+     */
+    ariaLabel: string;
+    /**
+     * The label for the **First page** button.
+     */
+    firstPage: string;
+    /**
+     * The label for the **Last page** button.
+     */
+    lastPage: string;
+    /**
+     * The label for the **Previous page** button.
+     */
+    previousPage: string;
+    /**
+     * The label for the **Next page** button.
+     */
+    nextPage: string;
+    /**
+     * The label displayed before the pager input.
+     */
+    page: string;
+    /**
+     * The title attribute of the page number input element.
+     */
+    pageNumberInputTitle: string;
+    /**
+     * The label displayed after the page-size selector.
+     */
+    itemsPerPage: string;
+    /**
+     * The label before the total-page number.
+     */
+    of: string;
+    /**
+     * The label after the total-page number.
+     */
+    items: string;
+    /**
+     * The text of the title and aria-label attributes applied to the page chooser.
+     */
+    selectPage: string;
+    /**
+     * The text of the aria-label attribute applied to the input element for entering the page number."
+     */
+    inputLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendoPagerMessages", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "firstPage": { "alias": "firstPage"; "required": false; }; "lastPage": { "alias": "lastPage"; "required": false; }; "previousPage": { "alias": "previousPage"; "required": false; }; "nextPage": { "alias": "nextPage"; "required": false; }; "page": { "alias": "page"; "required": false; }; "pageNumberInputTitle": { "alias": "pageNumberInputTitle"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "of": { "alias": "of"; "required": false; }; "items": { "alias": "items"; "required": false; }; "selectPage": { "alias": "selectPage"; "required": false; }; "inputLabel": { "alias": "inputLabel"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the Kendo UI Pager custom messages component for Angular. Use this component to override default component messages
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/globalization#messages)).
+ *
+ * @example
+ * ```html
+ * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
+ *   <kendo-pager-messages
+ *     previousNext="Previous/Next"
+ *     page="Page"
+ *     of="of">
+ *   </kendo-pager-messages>
+ * </kendo-pager>
+ * ```
+ */
+declare class CustomMessagesComponent extends Messages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected get override(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-datapager-messages, kendo-pager-messages", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class LocalizedMessagesDirective extends Messages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoPagerLocalizedMessages]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+type PagerContextChanges = {
+    total: number;
+    skip: number;
+    pageSize: number;
+    isAllSelected?: boolean;
+};
+/**
+ * @hidden
+ */
+declare class PagerContextService {
+    total: number;
+    skip: number;
+    pageSize: number;
+    isAllSelected: boolean;
+    localization: LocalizationService;
+    changes: Subject<PagerContextChanges>;
+    pageChange: Subject<PageChangeEvent>;
+    pageSizeChange: Subject<PageSizeChangeEvent>;
+    private get currentPage();
+    notifyChanges(changes: PagerContextChanges): void;
+    changePage(page: number): void;
+    changePageSize(event: PageSizeChangeEvent): void;
+    nextPage(): void;
+    prevPage(): void;
+}
+
+/**
+ * @hidden
+ */
+declare abstract class PagerElementComponent implements OnInit, OnDestroy {
+    private localization;
+    protected pagerContext: PagerContextService;
+    protected cd: ChangeDetectorRef;
+    total: number;
+    skip: number;
+    pageSize: number;
+    chevronLeftIcon: SVGIcon;
+    caretAltToLeftIcon: SVGIcon;
+    chevronRightIcon: SVGIcon;
+    caretAltToRightIcon: SVGIcon;
+    /**
+     * @hidden
+     *
+     * @readonly
+     * @type {number}
+     * @memberOf PagerElementComponent
+     */
+    get currentPage(): number;
+    /**
+     * @hidden
+     *
+     * @readonly
+     * @type {number}
+     * @memberOf PagerElementComponent
+     */
+    get totalPages(): number;
+    private subscriptions;
+    constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);
+    /**
+     * @hidden
+     *
+     * @param {string} key
+     * @returns {string}
+     *
+     * @memberOf PagerElementComponent
+     */
+    textFor(key: string): string;
+    /**
+     * @hidden
+     *
+     * @param {number} page
+     *
+     * @memberOf PagerElementComponent
+     */
+    changePage(page: number): boolean;
+    /**
+     * @hidden
+     *
+     * @memberOf PagerElementComponent
+     */
+    ngOnInit(): void;
+    protected abstract onChanges(changes: PagerContextChanges): void;
+    ngOnDestroy(): void;
+    get prevArrowIcons(): string[];
+    get prevArrowSVGIcons(): SVGIcon[];
+    get nextArrowIcons(): string[];
+    get nextArrowSVGIcons(): SVGIcon[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerElementComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PagerElementComponent, "kendo-pager-element", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the possible size options of the Pager.
+ */
+type PagerSize = 'small' | 'medium' | 'large';
+
+/**
+ * Represents the Kendo UI Pager Previous Buttons component for Angular. Displays buttons for navigating to the first and to the previous page ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/settings-and-types)).
+ *
+ * @example
+ * ```html
+ * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
+ *   <ng-template kendoPagerTemplate>
+ *     <kendo-pager-prev-buttons></kendo-pager-prev-buttons>
+ *   </ng-template>
+ * </kendo-pager>
+ * ```
+ */
+declare class PagerPrevButtonsComponent extends PagerElementComponent {
+    constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);
+    /**
+     * Specifies the padding of the navigation buttons. The default value is set by the Kendo theme.
+     */
+    size: PagerSize;
+    /**
+     * @hidden
+     *
+     * @readonly
+     * @type {boolean}
+     * @memberOf PagerPrevButtonsComponent
+     */
+    get disabled(): boolean;
+    /**
+     * @hidden
+     */
+    onClick(isFirst?: boolean): boolean;
+    protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerPrevButtonsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PagerPrevButtonsComponent, "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface PageSizeItem {
+    /**
+     * Specifies the text that represents each available option in the page sizes dropdown list.
+     */
+    text: string;
+    /**
+     * Specifies the numeric value that you use as page size.
+     * When you set the value to `all`, the page size becomes the total number of items.
+     */
+    value: number | 'all';
+}
+
+/**
+ * Specifies the adaptive rendering of the component.
+ *
+ * The supported values are:
+ * * `none`
+ * * `auto`&mdash;(default)
+ */
+type AdaptiveMode = 'none' | 'auto';
+
+/**
+ * Represents the Kendo UI Pager Page Sizes component for Angular. Displays a drop-down list for the page size selection ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/template)).
+ *
+ * @example
+ * ```html
+ * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
+ *   <ng-template kendoPagerTemplate>
+ *     <kendo-pager-page-sizes [pageSizes]="[10, 20, 50]"></kendo-pager-page-sizes>
+ *   </ng-template>
+ * </kendo-pager>
+ * ```
+ */
+declare class PagerPageSizesComponent extends PagerElementComponent implements AfterViewInit, OnDestroy {
+    protected pagerContext: PagerContextService;
+    private element;
+    private ngZone;
+    private dropDownList;
+    private _showItemsText;
+    /**
+     * Controls the visibility of the page text label.
+     * @hidden
+     */
+    get showItemsText(): boolean;
+    set showItemsText(value: boolean);
+    /**
+     * Specifies the page sizes collection. You can include numbers and [`PageSizeItem`](https://www.telerik.com/kendo-angular-ui/components/pager/api/pagesizeitem) objects.
+     *
+     * @example
+     * ```html
+     * <kendo-pager [skip]="0" [pageSize]="10" [total]="100">
+     *   <ng-template kendoPagerTemplate>
+     *     <kendo-pager-page-sizes [pageSizes]="[5, 10, 20, { text: 'All', value: 'all' }]"></kendo-pager-page-sizes>
+     *   </ng-template>
+     * </kendo-pager>
+     * ```
+     */
+    set pageSizes(pageSizes: PageSizeItem[] | number[]);
+    /**
+     * Specifies the padding of the DropDownList component. The default value is set by the Kendo theme.
+     */
+    size: PagerSize;
+    /**
+     * Specifies the adaptive mode of the internal `DropDownList` component.
+     *
+     * @default 'none'
+     */
+    adaptiveMode: AdaptiveMode;
+    /**
+     * @hidden
+     *
+     * @readonly
+     */
+    get classes(): boolean;
+    _pageSizes: Array<PageSizeItem>;
+    constructor(localization: LocalizationService, cd: ChangeDetectorRef, pagerContext: PagerContextService, element: ElementRef, ngZone: NgZone);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    pageSizeChange(value: any, dropdownlist: DropDownListComponent): void;
+    protected onChanges({ total, skip, pageSize, isAllSelected }: PagerContextChanges): void;
+    private keyDownHandler;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerPageSizesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PagerPageSizesComponent, "kendo-datapager-page-sizes, kendo-pager-page-sizes", never, { "showItemsText": { "alias": "showItemsText"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; "size": { "alias": "size"; "required": false; }; "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Specifies the type of the `Pager`.
+ *
+ * The available values are:
+ * * `numeric`&mdash;Displays buttons with numbers.
+ * * `input`&mdash;Displays an input field for typing the page number.
+ *
+ * @example
+ * ```html
+ * <kendo-pager type="input">
+ * </kendo-pager>
+ * ```
+ */
+type PagerType = 'numeric' | 'input';
+
+/**
+ * Represents the Kendo UI Pager template directive for Angular.
+ * Use this directive to customize the Pager appearance. To define a Pager template, nest an `<ng-template>` tag with the `kendoPagerTemplate` directive inside `<kendo-pager>`.
+ *
+ * The template context provides the following fields:
+ *
+ * * `currentPage`&mdash;The index of the displayed page.
+ * * `pageSize`&mdash;The value of the current `pageSize`.
+ * * `skip`&mdash;The current skip value.
+ * * `total`&mdash;The total number of records.
+ * * `totalPages`&mdash;The total number of available pages.
+ *
+ * @example
+ * ```html
+ * <kendo-pager [skip]="0" [pageSize]="10" [total]="100">
+ *   <ng-template kendoPagerTemplate let-currentPage="currentPage" let-pageSize="pageSize" let-skip="skip" let-total="total" let-totalPages="totalPages">
+ *     <span>Page {{currentPage}} of {{totalPages}}</span>
+ *     <span>Items per page: {{pageSize}}</span>
+ *   </ng-template>
+ * </kendo-pager>
+ * ```
+ */
+declare class PagerTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PagerTemplateDirective, "[kendoDataPagerTemplate], [kendoPagerTemplate]", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the Kendo UI Pager Numeric Buttons component for Angular. Displays numeric buttons to enable navigation between the pages.
+ *
+ * @example
+ * ```html
+ * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
+ *   <ng-template kendoPagerTemplate>
+ *     <kendo-pager-numeric-buttons [buttonCount]="5"></kendo-pager-numeric-buttons>
+ *   </ng-template>
+ * </kendo-pager>
+ * ```
+ */
+declare class PagerNumericButtonsComponent extends PagerElementComponent {
+    protected pagerContext: PagerContextService;
+    private renderer;
+    selectElement: any;
+    numbersElement: any;
+    /**
+     * Specifies the count of the displayed buttons.
+     *
+     * @type {number}
+     * @memberOf PagerNumericButtonsComponent
+     */
+    buttonCount: number;
+    /**
+     * Specifies the padding of the numeric buttons. The default value is set by the Kendo theme.
+     */
+    set size(size: PagerSize);
+    get size(): PagerSize;
+    /**
+     * @hidden
+     *
+     * @readonly
+     * @type {number[]}
+     * @memberOf PagerNumericButtonsComponent
+     */
+    get buttons(): number[];
+    /**
+     * @hidden
+     */
+    get end(): number;
+    /**
+     * @hidden
+     */
+    get start(): number;
+    constructor(localization: LocalizationService, cd: ChangeDetectorRef, pagerContext: PagerContextService, renderer: Renderer2);
+    private _size;
+    ngAfterViewInit(): void;
+    /**
+     * @hidden
+     */
+    pageLabel(num: number): string;
+    /**
+     * @hidden
+     */
+    onSelectChange(e: Event): void;
+    protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
+    get pageChooserLabel(): string;
+    private handleClasses;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerNumericButtonsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PagerNumericButtonsComponent, "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", never, { "buttonCount": { "alias": "buttonCount"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the Kendo UI Pager Next Buttons component for Angular. Displays buttons for navigating to the next and to the last page ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/settings-and-types)).
+ *
+ * @example
+ * ```html
+ * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
+ *   <ng-template kendoPagerTemplate>
+ *     <kendo-pager-next-buttons></kendo-pager-next-buttons>
+ *   </ng-template>
+ * </kendo-pager>
+ * ```
+ */
+declare class PagerNextButtonsComponent extends PagerElementComponent {
+    /**
+     * @hidden
+     *
+     * @readonly
+     * @type {boolean}
+     * @memberOf PagerNextButtonsComponent
+     */
+    get disabled(): boolean;
+    /**
+     * Specifies the padding of the navigation buttons. The default value is set by the Kendo theme.
+     */
+    size: PagerSize;
+    constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);
+    /**
+     * @hidden
+     */
+    onClick(isLast?: boolean): boolean;
+    protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerNextButtonsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PagerNextButtonsComponent, "kendo-datapager-next-buttons, kendo-pager-next-buttons", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the Kendo UI Pager Input component for Angular. Displays an input element which allows you to type and render page numbers.
+ *
+ * @example
+ * ```html
+ * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
+ *   <ng-template kendoPagerTemplate>
+ *     <kendo-pager-input></kendo-pager-input>
+ *   </ng-template>
+ * </kendo-pager>
+ * ```
+ */
+declare class PagerInputComponent extends PagerElementComponent {
+    protected pagerContext: PagerContextService;
+    private zone;
+    private renderer;
+    numericInput: NumericTextBoxComponent;
+    /**
+     * Controls the visibility of the page text label.
+     * @hidden
+     */
+    showPageText: boolean;
+    /**
+     * Specifies the padding of the internal `NumericTextBox` component. The default value is set by the Kendo theme.
+     */
+    size: PagerSize;
+    constructor(localization: LocalizationService, pagerContext: PagerContextService, zone: NgZone, cd: ChangeDetectorRef, renderer: Renderer2);
+    protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
+    /**
+     * @hidden
+     *
+     * @param {string} value
+     *
+     * @memberOf PagerInputComponent
+     */
+    handleKeyDown: (event: KeyboardEvent) => void;
+    /**
+     * @hidden
+     *
+     * @param {string} value
+     *
+     * @memberOf PagerInputComponent
+     */
+    handleBlur: () => void;
+    /**
+     * @hidden
+     */
+    get current(): number;
+    /**
+     * @hidden
+     */
+    get hasPages(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PagerInputComponent, "kendo-datapager-input, kendo-pager-input", never, { "showPageText": { "alias": "showPageText"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the Kendo UI Pager Info component for Angular. Displays information about the current page and the total number of records ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/settings-and-types)).
+ *
+ * @example
+ * ```html
+ * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
+ *   <ng-template kendoPagerTemplate>
+ *     <kendo-pager-info></kendo-pager-info>
+ *   </ng-template>
+ * </kendo-pager>
+ * ```
+ */
+declare class PagerInfoComponent extends PagerElementComponent {
+    /**
+     * @hidden
+     *
+     * @readonly
+     * @type {number}
+     * @memberOf PagerInfoComponent
+     */
+    get maxItems(): number;
+    /**
+     * @hidden
+     *
+     * @readonly
+     * @type {number}
+     * @memberOf PagerInfoComponent
+     */
+    get currentPageText(): number;
+    /**
+     * @hidden
+     *
+     * @readonly
+     * @type {boolean}
+     * @memberOf PagerInfoComponent
+     */
+    hostClass: boolean;
+    constructor(localization: LocalizationService, cd: ChangeDetectorRef, pagerContext: PagerContextService);
+    protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerInfoComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PagerInfoComponent, "kendo-datapager-info, kendo-pager-info", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class PagerNavigationService {
+    isNavigable: boolean;
+    innerNavigationChange: Subject<boolean>;
+    toggleInnerNavigation(value: boolean): void;
+    keepFocusWithinComponent(wrapper: HTMLElement, target: HTMLElement, event: KeyboardEvent): void;
+    getFirstAndLastFocusable(wrapper: HTMLElement): Array<HTMLElement>;
+}
+
+/**
+ * Represents the Kendo UI Pager focusable directive for Angular. Apply this directive to custom focusable elements in the [`kendoPagerTemplate`](https://www.telerik.com/kendo-angular-ui/components/pager/api/pagertemplatedirective) to include them in the built-in Pager keyboard navigation.
+ *
+ * @example
+ * ```html
+ * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
+ *   <ng-template kendoPagerTemplate>
+ *     <button kendoPagerFocusable type="button">Custom Button</button>
+ *   </ng-template>
+ * </kendo-pager>
+ * ```
+ */
+declare class PagerFocusableDirective implements OnInit, OnDestroy {
+    private navigationService;
+    private element;
+    private renderer;
+    private subscriptions;
+    constructor(navigationService: PagerNavigationService, element: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private get nativeElement();
+    private innerNavigationChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerFocusableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PagerFocusableDirective, "[kendoPagerFocusable]", ["kendoPagerFocusable"], {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the Kendo UI Pager component for Angular.
+ * Enables you to split a set of data into pages, providing a flexible and intuitive UI.
+ *
+ * @example
+ * ```ts
+ * @Component({
+ *   selector: 'my-app',
+ *   template: `
+ *     <kendo-pager
+ *       [total]="total"
+ *       [skip]="skip"
+ *       [pageSize]="pageSize"
+ *       (pageChange)="onPageChange($event)">
+ *     </kendo-pager>
+ *   `
+ * })
+ * export class AppComponent {
+ *   public total = 200;
+ *   public skip = 0;
+ *   public pageSize = 10;
+ *
+ *   public onPageChange(event: PageChangeEvent) {
+ *     this.skip = event.skip;
+ *   }
+ * }
+ * ```
+ *
+ * @remarks
+ * Supported children components are:
+ * {@link PagerNumericButtonsComponent},
+ * {@link PagerInputComponent},
+ * {@link PagerPageSizesComponent},
+ * {@link PagerSpacerComponent},
+ * {@link PagerPrevButtonsComponent},
+ * {@link PagerNextButtonsComponent},
+ * {@link PagerInfoComponent},
+ * {@link CustomMessagesComponent}
+ */
+declare class PagerComponent implements OnChanges, AfterViewInit, OnInit, OnDestroy {
+    private pagerContext;
+    private element;
+    private localization;
+    private renderer;
+    private ngZone;
+    private cdr;
+    private navigationService;
+    /**
+     * Represents the collection of pager template directives.
+     */
+    template: QueryList<PagerTemplateDirective>;
+    set numericButtons(buttons: ElementRef);
+    set pagerInput(input: ElementRef);
+    pagerInputComponent: PagerInputComponent;
+    set pageSizes(sizes: ElementRef);
+    pageSizesComponent: PagerPageSizesComponent;
+    /**
+     * @hidden
+     */
+    externalTemplate: any;
+    /**
+     * Specifies the total number of data items in the collection.
+     *
+     * @default 0
+     */
+    total: number;
+    /**
+     * Specifies the number of data items to skip.
+     *
+     * @default 0
+     */
+    skip: number;
+    /**
+     * Specifies the number of data items per page.
+     */
+    pageSize: number;
+    /**
+     * Specifies the maximum number of numeric buttons before the buttons are collapsed.
+     *
+     * @default 10
+     */
+    buttonCount: number;
+    /**
+     * Determines whether to display information about the current page and the total number of records.
+     *
+     * @default true
+     */
+    info: boolean;
+    /**
+     * Specifies the type of the Pager.
+     *
+     * @default 'numeric'
+     */
+    type: PagerType;
+    /**
+     * Displays a dropdown for selecting the page size.
+     * When set to `true`, the dropdown contains the default list of options - 5, 10, 20.
+     * To customize the list of options, set `pageSizeValues` to an array of the desired values.
+     * The array can contain numbers and [PageSizeItem](https://www.telerik.com/kendo-angular-ui/components/pager/api/pagesizeitem) objects.
+     */
+    set pageSizeValues(value: boolean | number[] | PageSizeItem[]);
+    get pageSizeValues(): boolean | number[] | PageSizeItem[];
+    /**
+     * Determines whether to display the **Previous** and **Next** buttons.
+     *
+     * @default true
+     */
+    previousNext: boolean;
+    /**
+     * Determines whether users can use dedicated shortcuts to interact with the Pager ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/keyboard-navigation)).
+     * By default, navigation is enabled. To disable it and make the Pager content accessible in the normal tab sequence, set the property to `false`.
+     * @default true
+     *
+     * @remarks
+     * This property is related to accessibility.
+     */
+    set navigable(value: boolean);
+    get navigable(): boolean;
+    /**
+     * Specifies the padding of all Pager elements. The default value is set by the Kendo theme.
+     */
+    set size(size: PagerSize);
+    get size(): PagerSize;
+    /**
+     * Determines whether the Pager responsive functionality is enabled ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/responsive-design)).
+     *
+     * @default true
+     */
+    responsive: boolean;
+    /**
+     * Determines whether the Pager adaptiveness functionality is enabled ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/adaptiveness)).
+     *
+     * @default 'none'
+     */
+    adaptiveMode: AdaptiveMode;
+    /**
+     * Fires when the current page of the Pager changes ([see example](https://www.telerik.com/kendo-angular-ui/components/pager)).
+     * You have to handle the event and page the data.
+     */
+    pageChange: EventEmitter<PageChangeEvent>;
+    /**
+     * Fires when the page size of the Pager changes.
+     * You have to handle the event and page the data.
+     * If the event is prevented, the page size remains unchanged ([see example](https://www.telerik.com/kendo-angular-ui/components/pager/events)).
+     */
+    pageSizeChange: EventEmitter<PageSizeChangeEvent>;
+    /**
+     * @hidden
+     */
+    pagerInputVisibilityChange: EventEmitter<boolean>;
+    /**
+     * @hidden
+     */
+    pageTextVisibilityChange: EventEmitter<boolean>;
+    /**
+     * @hidden
+     */
+    itemsTextVisibilityChange: EventEmitter<boolean>;
+    pagerClass: boolean;
+    get responsiveClass(): boolean;
+    widgetRole: string;
+    roleDescription: string;
+    keyShortcuts: string;
+    get hostTabindex(): string;
+    get dir(): string;
+    /**
+     * @hidden
+     */
+    focusHandler(ev: any): void;
+    get totalPages(): number;
+    get currentPage(): number;
+    get templateContext(): any;
+    /**
+     * @hidden
+     */
+    get showPageText(): boolean;
+    set showPageText(value: boolean);
+    /**
+     * @hidden
+     */
+    get showItemsText(): boolean;
+    set showItemsText(value: boolean);
+    /**
+     * @hidden
+     */
+    get showInput(): boolean;
+    set showInput(value: boolean);
+    /**
+     * @hidden
+     */
+    initialized: boolean;
+    private subscriptions;
+    private _templateContext;
+    _pageSizeValues: number[] | PageSizeItem[];
+    private direction;
+    private isInnerNavigationEnabled;
+    private _navigable;
+    private _size;
+    private _showInput;
+    private _showPageText;
+    private _showItemsText;
+    private _isAllSelected;
+    /**
+     * Stores the measurements of various Pager elements.
+     * These dimensions are used for responsive layout calculations.
+     * @hidden
+     */
+    private pagerDimensions;
+    constructor(pagerContext: PagerContextService, element: ElementRef, localization: LocalizationService, renderer: Renderer2, ngZone: NgZone, cdr: ChangeDetectorRef, navigationService: PagerNavigationService);
+    ngOnInit(): void;
+    /**
+     * Gets the maximum number of items displayed on the current page.
+     */
+    get maxItems(): number;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    changePage(event: PageChangeEvent): void;
+    /**
+     * @hidden
+     */
+    changePageSize(event: PageSizeChangeEvent): void;
+    /**
+     * @hidden
+     */
+    onPageSizeChange(event: PageSizeChangeEvent): void;
+    /**
+     * @hidden
+     */
+    resizeHandler: (compareWidth?: boolean) => void;
+    private sizesDropDownElement;
+    private pagerInputElement;
+    private pagerInfoElement;
+    private numericButtonsElement;
+    private responsiveDropDownElement;
+    private responsiveDropDownTextElement;
+    private responsivePageTextElement;
+    private responsiveInfoTextElement;
+    private responsiveNumericButtonsElement;
+    /**
+     * Contains all elements that are subject to responsive toggling.
+     * These elements will be shown or hidden based on the available space.
+     * The order of elements in the array defines the priority of visibility.
+     * This array allows us to work with the elements without performing element-specific logic in other methods.
+     */
+    private responsiveElements;
+    private get ariaLabel();
+    private keyDownHandler;
+    private innerNavigationChange;
+    private handleClasses;
+    private showElements;
+    private isElementVisible;
+    private hideElement;
+    private showElement;
+    private measureAllTextWidths;
+    private showNumericButtonsResponsive;
+    private get showPageSizes();
+    private setPagerDimensions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerComponent, [{ optional: true; skipSelf: true; }, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PagerComponent, "kendo-datapager, kendo-pager", ["kendoDataPager", "kendoPager"], { "externalTemplate": { "alias": "externalTemplate"; "required": false; }; "total": { "alias": "total"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "buttonCount": { "alias": "buttonCount"; "required": false; }; "info": { "alias": "info"; "required": false; }; "type": { "alias": "type"; "required": false; }; "pageSizeValues": { "alias": "pageSizeValues"; "required": false; }; "previousNext": { "alias": "previousNext"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "size": { "alias": "size"; "required": false; }; "responsive": { "alias": "responsive"; "required": false; }; "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "pagerInputVisibilityChange": "pagerInputVisibilityChange"; "pageTextVisibilityChange": "pageTextVisibilityChange"; "itemsTextVisibilityChange": "itemsTextVisibilityChange"; }, ["template"], never, true, never>;
+}
+
+/**
+ * Represents the Kendo UI Pager Spacer component for Angular.
+ * Gives you additional white space between the Pager inner elements,
+ * and provides a way for customizing the spacer width.
+ *
+ * @example
+ * ```html
+ * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
+ *   <ng-template kendoPagerTemplate>
+ *     <kendo-pager-prev-buttons></kendo-pager-prev-buttons>
+ *     <kendo-pager-info></kendo-pager-info>
+ *     <kendo-pager-spacer></kendo-pager-spacer>
+ *     <kendo-pager-next-buttons></kendo-pager-next-buttons>
+ *   </ng-template>
+ * </kendo-pager>
+ * ```
+ */
+declare class PagerSpacerComponent {
+    /**
+     * Gets the CSS class for the spacer.
+     */
+    hostClass: boolean;
+    /**
+     * Gets the CSS class for sized spacers.
+     */
+    get sizedClass(): boolean;
+    /**
+     * Gets the flex-basis style for the spacer width.
+     */
+    get flexBasisStyle(): string;
+    /**
+     * Specifies the width of the `PagerSpacer` component.
+     * Accepts the [string values of the CSS `flex-basis` property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis).
+     *
+     * If you do not set this property, the `PagerSpacer` takes all the available space.
+     */
+    width: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerSpacerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PagerSpacerComponent, "kendo-pager-spacer", never, { "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the Pager component. Imports `PagerModule` into the
+ * [root module](link:site.data.urls.angular['ngmodules']#angular-modularity)
+ * of your application or into any other sub-module that will use the Pager component.
+ *
+ * @example
+ * ```ts-no-run
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { PagerModule } from '@progress/kendo-angular-pager';
+ * import { AppComponent } from './app.component';
+ *
+ * _@NgModule({
+ *     bootstrap:    [AppComponent],
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, PagerModule]
+ * })
+ * export class AppModule {
+ * }
+ * ```
+ */
+declare class PagerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PagerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PagerModule, never, [typeof CustomMessagesComponent, typeof PagerFocusableDirective, typeof PagerInfoComponent, typeof PagerInputComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerPageSizesComponent, typeof PagerPrevButtonsComponent, typeof PagerTemplateDirective, typeof PagerComponent, typeof PagerSpacerComponent], [typeof CustomMessagesComponent, typeof PagerFocusableDirective, typeof PagerInfoComponent, typeof PagerInputComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerPageSizesComponent, typeof PagerPrevButtonsComponent, typeof PagerTemplateDirective, typeof PagerComponent, typeof PagerSpacerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PagerModule>;
+}
+
+/**
+ * Use this utility array to access all `@progress/kendo-angular-pager`-related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_PAGER } from '@progress/kendo-angular-pager';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_PAGER],
+ *   template: `<kendo-pager></kendo-pager>`
+ * })
+ * export class AppComponent {}
+ * ```
+ */
+declare const KENDO_PAGER: readonly [typeof CustomMessagesComponent, typeof PagerFocusableDirective, typeof PagerInfoComponent, typeof PagerInputComponent, typeof PagerNextButtonsComponent, typeof PagerNumericButtonsComponent, typeof PagerPageSizesComponent, typeof PagerPrevButtonsComponent, typeof PagerTemplateDirective, typeof PagerComponent, typeof PagerSpacerComponent];
+
+export { CustomMessagesComponent, KENDO_PAGER, LocalizedMessagesDirective, PageSizeChangeEvent, PagerComponent, PagerContextService, PagerFocusableDirective, PagerInfoComponent, PagerInputComponent, PagerModule, PagerNavigationService, PagerNextButtonsComponent, PagerNumericButtonsComponent, PagerPageSizesComponent, PagerPrevButtonsComponent, PagerSpacerComponent, PagerTemplateDirective };
+export type { AdaptiveMode, PageChangeEvent, PageSizeItem, PagerSize, PagerType };