@progress/kendo-angular-pager 19.0.0-develop.2 → 19.0.0-develop.21

package/index.d.ts

@@ -22,4 +22,5 @@ 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';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-pager",
-  "version": "19.0.0-develop.2",
+  "version": "19.0.0-develop.21",
   "description": "Kendo UI Angular Pager",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -17,7 +17,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1745321647,
+      "publishDate": 1747411817,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -27,16 +27,16 @@
     "@angular/core": "16 - 19",
     "@angular/platform-browser": "16 - 19",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-common": "19.0.0-develop.2",
-    "@progress/kendo-angular-dropdowns": "19.0.0-develop.2",
-    "@progress/kendo-angular-inputs": "19.0.0-develop.2",
-    "@progress/kendo-angular-icons": "19.0.0-develop.2",
-    "@progress/kendo-angular-l10n": "19.0.0-develop.2",
+    "@progress/kendo-angular-common": "19.0.0-develop.21",
+    "@progress/kendo-angular-dropdowns": "19.0.0-develop.21",
+    "@progress/kendo-angular-inputs": "19.0.0-develop.21",
+    "@progress/kendo-angular-icons": "19.0.0-develop.21",
+    "@progress/kendo-angular-l10n": "19.0.0-develop.21",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.0.0-develop.2"
+    "@progress/kendo-angular-schematics": "19.0.0-develop.21"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-pager.mjs",

package/pager/pager-input.component.d.ts

@@ -17,6 +17,11 @@ export declare class PagerInputComponent extends PagerElementComponent {
     private zone;
     private renderer;
     numericInput: NumericTextBoxComponent;
+    /**
+     * Controls the visibility of the page text label.
+     * @hidden
+     */
+    showPageText: boolean;
     /**
      * Specifies the padding of the internal numeric input element.
      *
@@ -54,5 +59,5 @@ export declare class PagerInputComponent extends PagerElementComponent {
      */
     get hasPages(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PagerInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PagerInputComponent, "kendo-datapager-input, kendo-pager-input", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, 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>;
 }

package/pager/pager-next-buttons.component.d.ts

@@ -31,6 +31,10 @@ export declare class PagerNextButtonsComponent extends PagerElementComponent {
      */
     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>;

package/pager/pager-page-sizes.component.d.ts

@@ -9,6 +9,7 @@ import { PagerContextService, PagerContextChanges } from "./pager-context.servic
 import { PageSizeItem } from './pagesize-item.interface';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
 import { PagerSize } from './common/pager-size';
+import { AdaptiveMode } from '../util';
 import * as i0 from "@angular/core";
 /**
  * Displays a drop-down list for the page size selection ([see example]({% slug pager_settings %})).
@@ -18,6 +19,13 @@ export declare class PagerPageSizesComponent extends PagerElementComponent imple
     private element;
     private ngZone;
     private dropDownList;
+    private _showItemsText;
+    /**
+     * Controls the visibility of the page text label.
+     * @hidden
+     */
+    get showItemsText(): boolean;
+    set showItemsText(value: boolean);
     /**
      * The page sizes collection. Can contain numbers and [PageSizeItem]({% slug api_pager_pagesizeitem %}) objects.
      *
@@ -147,6 +155,12 @@ export declare class PagerPageSizesComponent extends PagerElementComponent imple
      * * `none`
      */
     size: PagerSize;
+    /**
+     * Toggles the adaptiveness of the internal DropDownList.
+     *
+     * @default 'auto'
+     */
+    adaptiveMode: AdaptiveMode;
     /**
      * @hidden
      *
@@ -164,5 +178,5 @@ export declare class PagerPageSizesComponent extends PagerElementComponent imple
     protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
     private keyDownHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<PagerPageSizesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PagerPageSizesComponent, "kendo-datapager-page-sizes, kendo-pager-page-sizes", never, { "pageSizes": { "alias": "pageSizes"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, 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>;
 }

package/pager/pager-prev-buttons.component.d.ts

@@ -31,6 +31,10 @@ export declare class PagerPrevButtonsComponent extends PagerElementComponent {
      * @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>;

package/pager/pager.component.d.ts

@@ -2,16 +2,19 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { EventEmitter, OnChanges, SimpleChanges, OnInit, OnDestroy, ElementRef, Renderer2, NgZone, AfterViewInit, QueryList } from '@angular/core';
+import { EventEmitter, OnChanges, SimpleChanges, OnInit, OnDestroy, ElementRef, Renderer2, NgZone, AfterViewInit, QueryList, ChangeDetectorRef } from '@angular/core';
 import { PageChangeEvent } from './change-event-args.interface';
 import { PagerTemplateDirective } from "./pager-template.directive";
 import { PagerContextService } from "./pager-context.service";
 import { PageSizeChangeEvent } from './pagesizechange-event';
 import { PageSizeItem } from './pagesize-item.interface';
+import { AdaptiveMode } from '../util';
 import { PagerType } from './common/pager-type';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { PagerNavigationService } from './navigation.service';
 import { PagerSize } from './common/pager-size';
+import { PagerPageSizesComponent } from './pager-page-sizes.component';
+import { PagerInputComponent } from './pager-input.component';
 import * as i0 from "@angular/core";
 export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit, OnDestroy {
     private pagerContext;
@@ -19,8 +22,14 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
     private localization;
     private renderer;
     private ngZone;
+    private cdr;
     private navigationService;
     template: QueryList<PagerTemplateDirective>;
+    set numericButtons(buttons: ElementRef);
+    set pagerInput(input: ElementRef);
+    pagerInputComponent: PagerInputComponent;
+    set pageSizes(sizes: ElementRef);
+    pageSizesComponent: PagerPageSizesComponent;
     /**
      * @hidden
      */
@@ -74,8 +83,8 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
     previousNext: boolean;
     /**
      * If set to `true`, the user can use dedicated shortcuts to interact with the Pager ([see example]({% slug keyboard_navigation_pager %})).
-     * By default, navigation is disabled and the Pager content is accessible in the normal tab sequence.
-     * @default false
+     * 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
      */
     set navigable(value: boolean);
     get navigable(): boolean;
@@ -91,12 +100,17 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
     set size(size: PagerSize);
     get size(): PagerSize;
     /**
-     * @hidden
-     * Toggles the Pager responsive functionality.
+     * Toggles the Pager responsive functionality ([see example](slug:responsive_pager)).
      *
      * @default true
      */
     responsive: boolean;
+    /**
+     * Toggles the Pager adaptiveness functionality ([see example](slug:adaptive_mode_pager)).
+     *
+     * @default 'auto'
+     */
+    adaptiveMode: AdaptiveMode;
     /**
      * Fires when the current page of the Pager is changed ([see example](slug:overview_pager)).
      * You have to handle the event yourself and page the data.
@@ -121,6 +135,14 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
     get totalPages(): number;
     get currentPage(): number;
     get templateContext(): any;
+    /**
+     * @hidden
+     */
+    showInput: boolean;
+    /**
+     * @hidden
+     */
+    initialized: boolean;
     private subscriptions;
     private _templateContext;
     _pageSizeValues: number[] | PageSizeItem[];
@@ -128,8 +150,15 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
     private isInnerNavigationEnabled;
     private _navigable;
     private _size;
-    constructor(pagerContext: PagerContextService, element: ElementRef, localization: LocalizationService, renderer: Renderer2, ngZone: NgZone, navigationService: PagerNavigationService);
+    /**
+     * 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;
+    get maxItems(): number;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
@@ -153,6 +182,13 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
     private keyDownHandler;
     private innerNavigationChange;
     private handleClasses;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PagerComponent, [{ optional: true; skipSelf: true; }, 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; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, ["template"], never, true, never>;
+    private showElementsInOrder;
+    private hideElementsInOrder;
+    private isElementVisible;
+    private hideElement;
+    private showElement;
+    private measureAllTextWidths;
+    private showNumericButtonsResponsive;
+    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"; }, ["template"], never, true, never>;
 }

package/schematics/ngAdd/index.js

@@ -4,14 +4,14 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'PagerModule', package: 'pager', peerDependencies: {
             // Peers of inputs and dropdowns
-            '@progress/kendo-angular-treeview': '19.0.0-develop.2',
-            '@progress/kendo-angular-intl': '19.0.0-develop.2',
-            '@progress/kendo-angular-navigation': '19.0.0-develop.2',
-            '@progress/kendo-angular-popup': '19.0.0-develop.2',
+            '@progress/kendo-angular-treeview': '19.0.0-develop.21',
+            '@progress/kendo-angular-intl': '19.0.0-develop.21',
+            '@progress/kendo-angular-navigation': '19.0.0-develop.21',
+            '@progress/kendo-angular-popup': '19.0.0-develop.21',
             '@progress/kendo-drawing': '^1.5.12',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-buttons': '19.0.0-develop.2',
-            '@progress/kendo-angular-dialog': '19.0.0-develop.2',
+            '@progress/kendo-angular-buttons': '19.0.0-develop.21',
+            '@progress/kendo-angular-dialog': '19.0.0-develop.21',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });

package/util.d.ts

@@ -2,6 +2,7 @@
 * Copyright © 2025 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { Renderer2 } from "@angular/core";
 import { PagerStylingClasses } from "./pager/common/pager-classes";
 import { PagerSize } from "./pager/common/pager-size";
 import { PageSizeItem } from "./pager/pagesize-item.interface";
@@ -31,3 +32,32 @@ export declare const getStylingClasses: (componentType: any, stylingOption: stri
  * @hidden
  */
 export declare const replaceMessagePlaceholder: (message: string, name: string, value: string) => string;
+/**
+ * Specifies the adaptive rendering of the component.
+ *
+ * The supported values are:
+ * * `none`
+ * * `auto`—(default)
+ */
+export type AdaptiveMode = 'none' | 'auto';
+/**
+ * @hidden
+ */
+export declare const calculatePadding: (element: HTMLElement) => {
+    padding: number;
+    gapNumbersSizes: number;
+    gapSizesInfo: number;
+};
+/**
+ * @hidden
+ */
+export declare const createMeasurementSpan: (renderer: Renderer2, container: HTMLElement, className: string) => HTMLElement;
+/**
+ * @hidden
+ */
+export declare const copyComputedStyles: (renderer: Renderer2, source: HTMLElement, destination: HTMLElement) => void;
+/**
+ *
+ * @hidden
+ */
+export declare const positionOffScreen: (renderer: Renderer2, element: HTMLElement) => void;

package/esm2022/pager/common/constants.mjs

@@ -1,12 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2025 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export const RESPONSIVE_BREAKPOINT_MEDIUM = 600;
-/**
- * @hidden
- */
-export const RESPONSIVE_BREAKPOINT_LARGE = 768;

package/pager/common/constants.d.ts

@@ -1,12 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2025 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export declare const RESPONSIVE_BREAKPOINT_MEDIUM = 600;
-/**
- * @hidden
- */
-export declare const RESPONSIVE_BREAKPOINT_LARGE = 768;