@progress/kendo-angular-pager 21.4.1-develop.1 → 22.0.0-develop.1

package/esm2022/pager/localization/custom-messages.component.mjs

@@ -1,55 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Messages } from './messages';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * Represents the Kendo UI Pager custom messages component for Angular. Use this component to override default component messages
- * ([see example]({% slug pager_globalization %}#toc-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>
- * ```
- */
-export class CustomMessagesComponent extends Messages {
-    service;
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    get override() {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-datapager-messages, kendo-pager-messages", providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => CustomMessagesComponent)
-            }
-        ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomMessagesComponent, decorators: [{
-            type: Component,
-            args: [{
-                    providers: [
-                        {
-                            provide: Messages,
-                            useExisting: forwardRef(() => CustomMessagesComponent)
-                        }
-                    ],
-                    selector: 'kendo-datapager-messages, kendo-pager-messages',
-                    template: ``,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });

package/esm2022/pager/localization/localized-messages.directive.mjs

@@ -1,39 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, forwardRef } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Messages } from './messages';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class LocalizedMessagesDirective extends Messages {
-    service;
-    constructor(service) {
-        super();
-        this.service = service;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoPagerLocalizedMessages]", providers: [
-            {
-                provide: Messages,
-                useExisting: forwardRef(() => LocalizedMessagesDirective)
-            }
-        ], usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    providers: [
-                        {
-                            provide: Messages,
-                            useExisting: forwardRef(() => LocalizedMessagesDirective)
-                        }
-                    ],
-                    selector: '[kendoPagerLocalizedMessages]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }] });

package/esm2022/pager/localization/messages.mjs

@@ -1,100 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Input } from '@angular/core';
-import { ComponentMessages } from '@progress/kendo-angular-l10n';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export 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;
-    /**
-     * The label for the **First page** button.
-     */
-    firstPage;
-    /**
-     * The label for the **Last page** button.
-     */
-    lastPage;
-    /**
-     * The label for the **Previous page** button.
-     */
-    previousPage;
-    /**
-     * The label for the **Next page** button.
-     */
-    nextPage;
-    /**
-     * The label displayed before the pager input.
-     */
-    page;
-    /**
-     * The title attribute of the page number input element.
-     */
-    pageNumberInputTitle;
-    /**
-     * The label displayed after the page-size selector.
-     */
-    itemsPerPage;
-    /**
-     * The label before the total-page number.
-     */
-    of;
-    /**
-     * The label after the total-page number.
-     */
-    items;
-    /**
-     * The text of the title and aria-label attributes applied to the page chooser.
-     */
-    selectPage;
-    /**
-     * The text of the aria-label attribute applied to the input element for entering the page number."
-     */
-    inputLabel;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: Messages, selector: "kendoPagerMessages", inputs: { ariaLabel: "ariaLabel", firstPage: "firstPage", lastPage: "lastPage", previousPage: "previousPage", nextPage: "nextPage", page: "page", pageNumberInputTitle: "pageNumberInputTitle", itemsPerPage: "itemsPerPage", of: "of", items: "items", selectPage: "selectPage", inputLabel: "inputLabel" }, usesInheritance: true, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: Messages, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'kendoPagerMessages'
-                }]
-        }], propDecorators: { ariaLabel: [{
-                type: Input
-            }], firstPage: [{
-                type: Input
-            }], lastPage: [{
-                type: Input
-            }], previousPage: [{
-                type: Input
-            }], nextPage: [{
-                type: Input
-            }], page: [{
-                type: Input
-            }], pageNumberInputTitle: [{
-                type: Input
-            }], itemsPerPage: [{
-                type: Input
-            }], of: [{
-                type: Input
-            }], items: [{
-                type: Input
-            }], selectPage: [{
-                type: Input
-            }], inputLabel: [{
-                type: Input
-            }] } });

package/esm2022/pager/navigation.service.mjs

@@ -1,39 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Subject } from "rxjs";
-import { focusableSelector, getAllFocusableChildren } from "../util";
-import { isFocusable } from "@progress/kendo-angular-common";
-/**
- * @hidden
- */
-export class PagerNavigationService {
-    isNavigable = true;
-    innerNavigationChange = new Subject();
-    toggleInnerNavigation(value) {
-        this.innerNavigationChange.next(value);
-    }
-    keepFocusWithinComponent(wrapper, target, event) {
-        const [firstFocusable, lastFocusable] = this.getFirstAndLastFocusable(wrapper);
-        const tabAfterLastFocusable = !event.shiftKey && target === lastFocusable;
-        const shiftTabAfterFirstFocusable = event.shiftKey && target === firstFocusable;
-        if (tabAfterLastFocusable) {
-            event.preventDefault();
-            firstFocusable.focus();
-        }
-        if (shiftTabAfterFirstFocusable) {
-            event.preventDefault();
-            lastFocusable.focus();
-        }
-    }
-    getFirstAndLastFocusable(wrapper) {
-        const all = getAllFocusableChildren(wrapper);
-        const firstFocusable = all.length > 0 ? all[0] : wrapper;
-        const lastFocusable = all.length > 0 ? all[all.length - 1] : wrapper;
-        return [
-            isFocusable(firstFocusable) ? firstFocusable : firstFocusable.querySelector(focusableSelector),
-            isFocusable(lastFocusable) ? lastFocusable : lastFocusable.querySelector(focusableSelector)
-        ];
-    }
-}

package/esm2022/pager/pager-context.service.mjs

@@ -1,46 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Subject } from "rxjs";
-/**
- * @hidden
- */
-export class PagerContextService {
-    total;
-    skip;
-    pageSize;
-    isAllSelected = false;
-    localization;
-    changes = new Subject();
-    pageChange = new Subject();
-    pageSizeChange = new Subject();
-    get currentPage() {
-        return this.skip / this.pageSize;
-    }
-    notifyChanges(changes) {
-        this.total = changes.total;
-        this.skip = changes.skip;
-        this.pageSize = changes.pageSize;
-        this.isAllSelected = changes.isAllSelected || false;
-        this.changes.next(changes);
-    }
-    changePage(page) {
-        this.pageChange.next({ skip: page * this.pageSize, take: this.pageSize });
-    }
-    changePageSize(event) {
-        this.pageSizeChange.next(event);
-    }
-    nextPage() {
-        const nextPage = this.currentPage + 1;
-        if (nextPage * this.pageSize < this.total) {
-            this.changePage(nextPage);
-        }
-    }
-    prevPage() {
-        const prevPage = this.currentPage - 1;
-        if (prevPage * this.pageSize >= 0) {
-            this.changePage(prevPage);
-        }
-    }
-}

package/esm2022/pager/pager-element.component.mjs

@@ -1,113 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, ChangeDetectorRef } from '@angular/core';
-import { PagerContextService } from "./pager-context.service";
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { caretAltLeftIcon, caretAltRightIcon, caretAltToLeftIcon, caretAltToRightIcon } from '@progress/kendo-svg-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "./pager-context.service";
-/**
- * @hidden
- */
-export class PagerElementComponent {
-    localization;
-    pagerContext;
-    cd;
-    total;
-    skip;
-    pageSize;
-    caretAltLeftIcon = caretAltLeftIcon;
-    caretAltToLeftIcon = caretAltToLeftIcon;
-    caretAltRightIcon = caretAltRightIcon;
-    caretAltToRightIcon = caretAltToRightIcon;
-    /**
-     * @hidden
-     *
-     * @readonly
-     * @type {number}
-     * @memberOf PagerElementComponent
-     */
-    get currentPage() {
-        return Math.floor((this.skip || 0) / this.pageSize) + 1;
-    }
-    /**
-     * @hidden
-     *
-     * @readonly
-     * @type {number}
-     * @memberOf PagerElementComponent
-     */
-    get totalPages() {
-        return Math.ceil((this.total || 0) / this.pageSize);
-    }
-    subscriptions;
-    constructor(localization, pagerContext, cd) {
-        this.localization = localization;
-        this.pagerContext = pagerContext;
-        this.cd = cd;
-        this.total = pagerContext.total;
-        this.skip = pagerContext.skip;
-        this.pageSize = pagerContext.pageSize;
-    }
-    /**
-     * @hidden
-     *
-     * @param {string} key
-     * @returns {string}
-     *
-     * @memberOf PagerElementComponent
-     */
-    textFor(key) {
-        const isPagerLocalization = this.localization.prefix === 'kendo.pager';
-        return this.localization.get(isPagerLocalization ? key : `pager${key[0].toLocaleUpperCase()}${key.slice(1)}`);
-    }
-    /**
-     * @hidden
-     *
-     * @param {number} page
-     *
-     * @memberOf PagerElementComponent
-     */
-    changePage(page) {
-        this.pagerContext.changePage(page);
-        return false;
-    }
-    /**
-     * @hidden
-     *
-     * @memberOf PagerElementComponent
-     */
-    ngOnInit() {
-        this.subscriptions = this.pagerContext.changes.subscribe(this.onChanges.bind(this));
-        this.subscriptions.add(this.localization.changes.subscribe(() => this.cd.markForCheck()));
-    }
-    ngOnDestroy() {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
-    }
-    get prevArrowIcons() {
-        return !this.localization.rtl ? ['caret-alt-to-left', 'caret-alt-left'] : ['caret-alt-to-right', 'caret-alt-right'];
-    }
-    get prevArrowSVGIcons() {
-        return !this.localization.rtl ? [this.caretAltToLeftIcon, this.caretAltLeftIcon] : [this.caretAltToRightIcon, this.caretAltRightIcon];
-    }
-    get nextArrowIcons() {
-        return !this.localization.rtl ? ['caret-alt-right', 'caret-alt-to-right'] : ['caret-alt-left', 'caret-alt-to-left'];
-    }
-    get nextArrowSVGIcons() {
-        return !this.localization.rtl ? [this.caretAltRightIcon, this.caretAltToRightIcon] : [this.caretAltLeftIcon, this.caretAltToLeftIcon];
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerElementComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PagerElementComponent, selector: "kendo-pager-element", ngImport: i0, template: ``, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerElementComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-pager-element',
-                    template: ``
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }] });

package/esm2022/pager/pager-info.component.mjs

@@ -1,79 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-// eslint-disable no-access-missing-member
-import { Component, ChangeDetectorRef, ChangeDetectionStrategy, HostBinding } from '@angular/core';
-import { PagerElementComponent } from './pager-element.component';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { PagerContextService } from "./pager-context.service";
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "./pager-context.service";
-/**
- * Represents the Kendo UI Pager Info component for Angular. Displays information about the current page and the total number of records ([see example]({% slug pager_settings %})).
- *
- * @example
- * ```html
- * <kendo-pager [skip]="skip" [pageSize]="pageSize" [total]="total">
- *   <ng-template kendoPagerTemplate>
- *     <kendo-pager-info></kendo-pager-info>
- *   </ng-template>
- * </kendo-pager>
- * ```
- */
-export class PagerInfoComponent extends PagerElementComponent {
-    /**
-     * @hidden
-     *
-     * @readonly
-     * @type {number}
-     * @memberOf PagerInfoComponent
-     */
-    get maxItems() {
-        return Math.min(this.currentPage * this.pageSize, this.total);
-    }
-    /**
-     * @hidden
-     *
-     * @readonly
-     * @type {number}
-     * @memberOf PagerInfoComponent
-     */
-    get currentPageText() {
-        return this.total ?
-            (this.currentPage - 1) * this.pageSize + 1 :
-            0;
-    }
-    /**
-     * @hidden
-     *
-     * @readonly
-     * @type {boolean}
-     * @memberOf PagerInfoComponent
-     */
-    hostClass = true;
-    constructor(localization, cd, pagerContext) {
-        super(localization, pagerContext, cd);
-    }
-    onChanges({ total, skip, pageSize }) {
-        this.total = total;
-        this.skip = skip;
-        this.pageSize = pageSize;
-        this.cd.markForCheck();
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerInfoComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: PagerInfoComponent, isStandalone: true, selector: "kendo-datapager-info, kendo-pager-info", host: { properties: { "class.k-pager-info": "this.hostClass" } }, usesInheritance: true, ngImport: i0, template: `{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerInfoComponent, decorators: [{
-            type: Component,
-            args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    selector: 'kendo-datapager-info, kendo-pager-info',
-                    template: `{{currentPageText}} - {{maxItems}} {{textFor('of')}} {{total}} {{textFor('items')}}`,
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.PagerContextService }], propDecorators: { hostClass: [{
-                type: HostBinding,
-                args: ['class.k-pager-info']
-            }] } });

package/esm2022/pager/pager-input.component.mjs

@@ -1,177 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NumericTextBoxComponent } from '@progress/kendo-angular-inputs';
-// eslint-disable no-access-missing-member
-import { Component, ChangeDetectorRef, ViewChild, NgZone, Renderer2, Input } from '@angular/core';
-import { PagerElementComponent } from './pager-element.component';
-import { LocalizationService } from "@progress/kendo-angular-l10n";
-import { PagerContextService } from "./pager-context.service";
-import { Keys, EventsOutsideAngularDirective } from '@progress/kendo-angular-common';
-import { DEFAULT_SIZE } from '../util';
-import { PagerFocusableDirective } from './focusable.directive';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-import * as i2 from "./pager-context.service";
-/**
- * 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>
- * ```
- */
-export class PagerInputComponent extends PagerElementComponent {
-    pagerContext;
-    zone;
-    renderer;
-    numericInput;
-    /**
-     * Controls the visibility of the page text label.
-     * @hidden
-     */
-    showPageText = true;
-    /**
-     * Specifies the padding of the internal `NumericTextBox` component.
-     *
-     * @default 'medium'
-     */
-    size = DEFAULT_SIZE;
-    constructor(localization, pagerContext, zone, cd, renderer) {
-        super(localization, pagerContext, cd);
-        this.pagerContext = pagerContext;
-        this.zone = zone;
-        this.renderer = renderer;
-    }
-    onChanges({ total, skip, pageSize }) {
-        this.total = total;
-        this.skip = skip;
-        this.pageSize = pageSize;
-        this.cd.markForCheck();
-    }
-    /**
-     * @hidden
-     *
-     * @param {string} value
-     *
-     * @memberOf PagerInputComponent
-     */
-    handleKeyDown = (event) => {
-        const incomingValue = this.numericInput.value || this.current;
-        // eslint-disable import/no-deprecated
-        if (event.code === Keys.Enter || event.code === Keys.NumpadEnter) {
-            event.preventDefault();
-            if (incomingValue !== this.current) {
-                this.zone.run(() => {
-                    this.changePage(incomingValue - 1);
-                });
-            }
-        }
-    };
-    /**
-     * @hidden
-     *
-     * @param {string} value
-     *
-     * @memberOf PagerInputComponent
-     */
-    handleBlur = () => {
-        const inputValue = this.numericInput.value;
-        if (!inputValue) {
-            this.numericInput.writeValue(this.current);
-            return;
-        }
-        if (inputValue !== this.current) {
-            this.zone.run(() => {
-                this.changePage(inputValue - 1);
-            });
-        }
-    };
-    /**
-     * @hidden
-     */
-    get current() {
-        return this.hasPages ? this.currentPage : 0;
-    }
-    /**
-     * @hidden
-     */
-    get hasPages() {
-        return this.totalPages !== 0;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerInputComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PagerInputComponent, isStandalone: true, selector: "kendo-datapager-input, kendo-pager-input", inputs: { showPageText: "showPageText", size: "size" }, viewQueries: [{ propertyName: "numericInput", first: true, predicate: NumericTextBoxComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
-     <span class="k-pager-input">
-       @if (showPageText) {
-         {{textFor('page')}}
-       }
-       <kendo-numerictextbox kendoPagerFocusable
-         [spinners]="false"
-         [decimals]="0"
-         format="n0"
-         [size]="size"
-         [disabled]="!hasPages"
-         [value]="current"
-         [min]="hasPages ? 1 : 0"
-         [max]="totalPages"
-         [autoCorrect]="true"
-            [inputAttributes]="{
-                'aria-label': textFor('inputLabel')
-            }"
-         [title]="textFor('pageNumberInputTitle')"
-            [kendoEventsOutsideAngular]="{
-                keydown: handleKeyDown,
-                focusout: handleBlur
-            }">
-       </kendo-numerictextbox>
-       {{textFor('of')}} {{totalPages}}
-     </span>
-     `, isInline: true, dependencies: [{ kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: PagerFocusableDirective, selector: "[kendoPagerFocusable]", exportAs: ["kendoPagerFocusable"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PagerInputComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-datapager-input, kendo-pager-input',
-                    template: `
-     <span class="k-pager-input">
-       @if (showPageText) {
-         {{textFor('page')}}
-       }
-       <kendo-numerictextbox kendoPagerFocusable
-         [spinners]="false"
-         [decimals]="0"
-         format="n0"
-         [size]="size"
-         [disabled]="!hasPages"
-         [value]="current"
-         [min]="hasPages ? 1 : 0"
-         [max]="totalPages"
-         [autoCorrect]="true"
-            [inputAttributes]="{
-                'aria-label': textFor('inputLabel')
-            }"
-         [title]="textFor('pageNumberInputTitle')"
-            [kendoEventsOutsideAngular]="{
-                keydown: handleKeyDown,
-                focusout: handleBlur
-            }">
-       </kendo-numerictextbox>
-       {{textFor('of')}} {{totalPages}}
-     </span>
-     `,
-                    standalone: true,
-                    imports: [NumericTextBoxComponent, PagerFocusableDirective, EventsOutsideAngularDirective]
-                }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }], propDecorators: { numericInput: [{
-                type: ViewChild,
-                args: [NumericTextBoxComponent, { static: true }]
-            }], showPageText: [{
-                type: Input
-            }], size: [{
-                type: Input
-            }] } });