@progress/kendo-angular-pager 25.1.0-develop.3 → 25.1.0-develop.4

package/index.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 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 { OnInit, OnDestroy, ChangeDetectorRef, AfterViewInit, ElementRef, NgZone, TemplateRef, Renderer2, QueryList, EventEmitter, Injector } from '@angular/core';
 import { Subject } from 'rxjs';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
@@ -73,51 +73,75 @@ declare class Messages extends ComponentMessages {
      * and total number of pages. The `{currentPage}` and `{totalPages}` placeholders will be replaced
      * internally with the respective actual values.
      */
-    ariaLabel: string;
+    set ariaLabel(value: string);
+    get ariaLabel(): string;
     /**
      * The label for the **First page** button.
      */
-    firstPage: string;
+    set firstPage(value: string);
+    get firstPage(): string;
     /**
      * The label for the **Last page** button.
      */
-    lastPage: string;
+    set lastPage(value: string);
+    get lastPage(): string;
     /**
      * The label for the **Previous page** button.
      */
-    previousPage: string;
+    set previousPage(value: string);
+    get previousPage(): string;
     /**
      * The label for the **Next page** button.
      */
-    nextPage: string;
+    set nextPage(value: string);
+    get nextPage(): string;
     /**
      * The label displayed before the pager input.
      */
-    page: string;
+    set page(value: string);
+    get page(): string;
     /**
      * The title attribute of the page number input element.
      */
-    pageNumberInputTitle: string;
+    set pageNumberInputTitle(value: string);
+    get pageNumberInputTitle(): string;
     /**
      * The label displayed after the page-size selector.
      */
-    itemsPerPage: string;
+    set itemsPerPage(value: string);
+    get itemsPerPage(): string;
     /**
      * The label before the total-page number.
      */
-    of: string;
+    set of(value: string);
+    get of(): string;
     /**
      * The label after the total-page number.
      */
-    items: string;
+    set items(value: string);
+    get items(): string;
     /**
      * The text of the title and aria-label attributes applied to the page chooser.
      */
-    selectPage: string;
+    set selectPage(value: string);
+    get selectPage(): string;
     /**
      * The text of the aria-label attribute applied to the input element for entering the page number."
      */
-    inputLabel: string;
+    set inputLabel(value: string);
+    get inputLabel(): string;
+    private _ariaLabel;
+    private _firstPage;
+    private _lastPage;
+    private _previousPage;
+    private _nextPage;
+    private _page;
+    private _pageNumberInputTitle;
+    private _itemsPerPage;
+    private _of;
+    private _items;
+    private _selectPage;
+    private _inputLabel;
     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>;
 }
@@ -191,9 +215,12 @@ declare abstract class PagerElementComponent implements OnInit, OnDestroy {
     private localization;
     protected pagerContext: PagerContextService;
     protected cd: ChangeDetectorRef;
-    total: number;
-    skip: number;
-    pageSize: number;
+    set total(v: number);
+    get total(): number;
+    set skip(v: number);
+    get skip(): number;
+    set pageSize(v: number);
+    get pageSize(): number;
     caretAltLeftIcon: SVGIcon;
     caretAltToLeftIcon: SVGIcon;
     caretAltRightIcon: SVGIcon;
@@ -215,6 +242,9 @@ declare abstract class PagerElementComponent implements OnInit, OnDestroy {
      */
     get totalPages(): number;
     private subscriptions;
+    protected _total: i0.WritableSignal<number>;
+    protected _skip: i0.WritableSignal<number>;
+    protected _pageSize: i0.WritableSignal<number>;
     constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);
     /**
      * @hidden
@@ -271,7 +301,9 @@ declare class PagerPrevButtonsComponent extends PagerElementComponent {
     /**
      * Specifies the padding of the navigation buttons. The default value is set by the Kendo theme.
      */
-    size: PagerSize;
+    set size(value: PagerSize);
+    get size(): PagerSize;
+    private _size;
     /**
      * @hidden
      *
@@ -327,7 +359,6 @@ declare class PagerPageSizesComponent extends PagerElementComponent implements A
     private element;
     private ngZone;
     private dropDownList;
-    private _showItemsText;
     /**
      * Controls the visibility of the page text label.
      * @hidden
@@ -350,13 +381,15 @@ declare class PagerPageSizesComponent extends PagerElementComponent implements A
     /**
      * Specifies the padding of the DropDownList component. The default value is set by the Kendo theme.
      */
-    size: PagerSize;
+    set size(value: PagerSize);
+    get size(): PagerSize;
     /**
      * Specifies the adaptive mode of the internal `DropDownList` component.
      *
      * @default 'none'
      */
-    adaptiveMode: AdaptiveMode;
+    set adaptiveMode(value: AdaptiveMode);
+    get adaptiveMode(): AdaptiveMode;
     /**
      * @hidden
      *
@@ -364,6 +397,9 @@ declare class PagerPageSizesComponent extends PagerElementComponent implements A
      */
     get classes(): boolean;
     _pageSizes: Array<PageSizeItem>;
+    private _showItemsText;
+    private _size;
+    private _adaptiveMode;
     constructor(localization: LocalizationService, cd: ChangeDetectorRef, pagerContext: PagerContextService, element: ElementRef, ngZone: NgZone);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -444,7 +480,8 @@ declare class PagerNumericButtonsComponent extends PagerElementComponent {
      * @type {number}
      * @memberOf PagerNumericButtonsComponent
      */
-    buttonCount: number;
+    set buttonCount(value: number);
+    get buttonCount(): number;
     /**
      * Specifies the padding of the numeric buttons. The default value is set by the Kendo theme.
      */
@@ -468,6 +505,7 @@ declare class PagerNumericButtonsComponent extends PagerElementComponent {
     get start(): number;
     constructor(localization: LocalizationService, cd: ChangeDetectorRef, pagerContext: PagerContextService, renderer: Renderer2);
     private _size;
+    private _buttonCount;
     ngAfterViewInit(): void;
     /**
      * @hidden
@@ -508,7 +546,9 @@ declare class PagerNextButtonsComponent extends PagerElementComponent {
     /**
      * Specifies the padding of the navigation buttons. The default value is set by the Kendo theme.
      */
-    size: PagerSize;
+    set size(value: PagerSize);
+    get size(): PagerSize;
+    private _size;
     constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);
     /**
      * @hidden
@@ -534,18 +574,21 @@ declare class PagerNextButtonsComponent extends PagerElementComponent {
 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;
+    set showPageText(value: boolean);
+    get 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);
+    set size(value: PagerSize);
+    get size(): PagerSize;
+    private _showPageText;
+    private _size;
+    constructor(localization: LocalizationService, pagerContext: PagerContextService, zone: NgZone, cd: ChangeDetectorRef);
     protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
     /**
      * @hidden
@@ -694,13 +737,14 @@ declare class PagerFocusableDirective implements OnInit, OnDestroy {
  * {@link PagerInfoComponent},
  * {@link CustomMessagesComponent}
  */
-declare class PagerComponent implements OnChanges, AfterViewInit, OnInit, OnDestroy {
+declare class PagerComponent implements AfterViewInit, OnInit, OnDestroy {
     private pagerContext;
     private element;
     private localization;
     private renderer;
     private ngZone;
-    private cdr;
+    private injector;
+    private cd;
     private navigationService;
     /**
      * Represents the collection of pager template directives.
@@ -714,41 +758,48 @@ declare class PagerComponent implements OnChanges, AfterViewInit, OnInit, OnDest
     /**
      * @hidden
      */
-    externalTemplate: any;
+    set externalTemplate(value: any);
+    get externalTemplate(): any;
     /**
      * Specifies the total number of data items in the collection.
      *
      * @default 0
      */
-    total: number;
+    set total(value: number);
+    get total(): number;
     /**
      * Specifies the number of data items to skip.
      *
      * @default 0
      */
-    skip: number;
+    set skip(value: number);
+    get skip(): number;
     /**
      * Specifies the number of data items per page.
      */
-    pageSize: number;
+    set pageSize(value: number);
+    get pageSize(): number;
     /**
      * Specifies the maximum number of numeric buttons before the buttons are collapsed.
      *
      * @default 10
      */
-    buttonCount: number;
+    set buttonCount(value: number);
+    get buttonCount(): number;
     /**
      * Determines whether to display information about the current page and the total number of records.
      *
      * @default true
      */
-    info: boolean;
+    set info(value: boolean);
+    get info(): boolean;
     /**
      * Specifies the type of the Pager.
      *
      * @default 'numeric'
      */
-    type: PagerType;
+    set type(value: PagerType);
+    get 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.
@@ -762,7 +813,8 @@ declare class PagerComponent implements OnChanges, AfterViewInit, OnInit, OnDest
      *
      * @default true
      */
-    previousNext: boolean;
+    set previousNext(value: boolean);
+    get 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`.
@@ -783,13 +835,15 @@ declare class PagerComponent implements OnChanges, AfterViewInit, OnInit, OnDest
      *
      * @default true
      */
-    responsive: boolean;
+    set responsive(value: boolean);
+    get 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;
+    set adaptiveMode(value: AdaptiveMode);
+    get 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.
@@ -845,32 +899,52 @@ declare class PagerComponent implements OnChanges, AfterViewInit, OnInit, OnDest
     /**
      * @hidden
      */
-    initialized: boolean;
+    get initialized(): boolean;
     private subscriptions;
-    private _templateContext;
-    _pageSizeValues: number[] | PageSizeItem[];
+    _pageSizeValues: i0.WritableSignal<PageSizeItem[] | number[]>;
     private direction;
     private isInnerNavigationEnabled;
     private _navigable;
     private _size;
+    private _previousSize;
     private _showInput;
     private _showPageText;
     private _showItemsText;
     private _isAllSelected;
+    private _initialized;
+    private _externalTemplate;
+    private _total;
+    private _skip;
+    private _pageSize;
+    private _buttonCount;
+    private _info;
+    private _type;
+    private _previousNext;
+    private _responsive;
+    private _adaptiveMode;
+    private _previousTotal;
+    private _previousPageSize;
+    private _previousResponsive;
+    private _layoutEffectInitialized;
+    private _typeEffectInitialized;
+    private sizeClassEffect;
+    private pageStateEffect;
+    private layoutParamsEffect;
+    private responsiveEffect;
+    private typeEffect;
     /**
      * 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);
+    constructor(pagerContext: PagerContextService, element: ElementRef, localization: LocalizationService, renderer: Renderer2, ngZone: NgZone, injector: Injector, cd: 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
@@ -916,7 +990,7 @@ declare class PagerComponent implements OnChanges, AfterViewInit, OnInit, OnDest
     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 ɵfac: i0.ɵɵFactoryDeclaration<PagerComponent, [{ optional: true; skipSelf: true; }, null, 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>;
 }
 

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1787036955,
-  "version": "25.1.0-develop.3",
+  "publishDate": 1787052715,
+  "version": "25.1.0-develop.4",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-pager",
-  "version": "25.1.0-develop.3",
+  "version": "25.1.0-develop.4",
   "description": "Kendo UI Angular Pager",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -39,7 +39,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1787036955,
+      "publishDate": 1787052715,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -49,16 +49,16 @@
     "@angular/core": "20 - 22",
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "25.1.0-develop.3",
-    "@progress/kendo-angular-dropdowns": "25.1.0-develop.3",
-    "@progress/kendo-angular-inputs": "25.1.0-develop.3",
-    "@progress/kendo-angular-icons": "25.1.0-develop.3",
-    "@progress/kendo-angular-l10n": "25.1.0-develop.3",
+    "@progress/kendo-angular-common": "25.1.0-develop.4",
+    "@progress/kendo-angular-dropdowns": "25.1.0-develop.4",
+    "@progress/kendo-angular-inputs": "25.1.0-develop.4",
+    "@progress/kendo-angular-icons": "25.1.0-develop.4",
+    "@progress/kendo-angular-l10n": "25.1.0-develop.4",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.1.0-develop.3"
+    "@progress/kendo-angular-schematics": "25.1.0-develop.4"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-pager.mjs",

package/schematics/ngAdd/index.js

@@ -9,14 +9,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': '25.1.0-develop.3',
-            '@progress/kendo-angular-intl': '25.1.0-develop.3',
-            '@progress/kendo-angular-navigation': '25.1.0-develop.3',
-            '@progress/kendo-angular-popup': '25.1.0-develop.3',
+            '@progress/kendo-angular-treeview': '25.1.0-develop.4',
+            '@progress/kendo-angular-intl': '25.1.0-develop.4',
+            '@progress/kendo-angular-navigation': '25.1.0-develop.4',
+            '@progress/kendo-angular-popup': '25.1.0-develop.4',
             '@progress/kendo-drawing': '^1.5.12',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-buttons': '25.1.0-develop.3',
-            '@progress/kendo-angular-dialog': '25.1.0-develop.3',
+            '@progress/kendo-angular-buttons': '25.1.0-develop.4',
+            '@progress/kendo-angular-dialog': '25.1.0-develop.4',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'
         } });