@progress/kendo-angular-pager 17.0.0-develop.9 → 17.0.0

package/index.d.ts

@@ -19,4 +19,7 @@ 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 * from './directives';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-pager",
-  "version": "17.0.0-develop.9",
+  "version": "17.0.0",
   "description": "Kendo UI Angular Pager",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -16,28 +16,24 @@
     "friendlyName": "Pager"
   },
   "peerDependencies": {
-    "@angular/animations": "15 - 18",
-    "@angular/common": "15 - 18",
-    "@angular/core": "15 - 18",
-    "@angular/platform-browser": "15 - 18",
+    "@angular/animations": "16 - 18",
+    "@angular/common": "16 - 18",
+    "@angular/core": "16 - 18",
+    "@angular/platform-browser": "16 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "17.0.0-develop.9",
-    "@progress/kendo-angular-dropdowns": "17.0.0-develop.9",
-    "@progress/kendo-angular-inputs": "17.0.0-develop.9",
-    "@progress/kendo-angular-icons": "17.0.0-develop.9",
-    "@progress/kendo-angular-l10n": "17.0.0-develop.9",
+    "@progress/kendo-angular-common": "17.0.0",
+    "@progress/kendo-angular-dropdowns": "17.0.0",
+    "@progress/kendo-angular-inputs": "17.0.0",
+    "@progress/kendo-angular-icons": "17.0.0",
+    "@progress/kendo-angular-l10n": "17.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "17.0.0-develop.9"
+    "@progress/kendo-angular-schematics": "17.0.0"
   },
   "schematics": "./schematics/collection.json",
-  "module": "fesm2015/progress-kendo-angular-pager.mjs",
-  "es2020": "fesm2020/progress-kendo-angular-pager.mjs",
-  "esm2020": "esm2020/progress-kendo-angular-pager.mjs",
-  "fesm2020": "fesm2020/progress-kendo-angular-pager.mjs",
-  "fesm2015": "fesm2015/progress-kendo-angular-pager.mjs",
+  "module": "fesm2022/progress-kendo-angular-pager.mjs",
   "typings": "index.d.ts",
   "exports": {
     "./package.json": {
@@ -45,11 +41,9 @@
     },
     ".": {
       "types": "./index.d.ts",
-      "esm2020": "./esm2020/progress-kendo-angular-pager.mjs",
-      "es2020": "./fesm2020/progress-kendo-angular-pager.mjs",
-      "es2015": "./fesm2015/progress-kendo-angular-pager.mjs",
-      "node": "./fesm2015/progress-kendo-angular-pager.mjs",
-      "default": "./fesm2020/progress-kendo-angular-pager.mjs"
+      "esm2022": "./esm2022/progress-kendo-angular-pager.mjs",
+      "esm": "./esm2022/progress-kendo-angular-pager.mjs",
+      "default": "./fesm2022/progress-kendo-angular-pager.mjs"
     }
   },
   "sideEffects": false

package/pager/common/pager-size.d.ts

@@ -6,4 +6,4 @@
  * Represents the possible size options of the Pager.
  * @default `medium`
  */
-export declare type PagerSize = 'small' | 'medium' | 'large' | 'none';
+export type PagerSize = 'small' | 'medium' | 'large' | 'none';

package/pager/common/pager-type.d.ts

@@ -12,9 +12,9 @@
  * @example
  * ```html-no-run
  *
- * <kendo-datapager
+ * <kendo-pager
  *    type="input">
- * </kendo-datapager>
+ * </kendo-pager>
  * ```
  */
-export declare type PagerType = 'numeric' | 'input';
+export type PagerType = 'numeric' | 'input';

package/pager/focusable.directive.d.ts

@@ -6,7 +6,7 @@ import { ElementRef, OnDestroy, OnInit, Renderer2 } from '@angular/core';
 import { PagerNavigationService } from './navigation.service';
 import * as i0 from "@angular/core";
 /**
- * Place the directive on custom focusable elements in the [`kendoDataPagerTemplate`]({% slug api_pager_pagertemplatedirective %}) to include them in the built-in Pager keyboard navigation.
+ * Place the directive on custom focusable elements in the [`kendoPagerTemplate`]({% slug api_pager_pagertemplatedirective %}) to include them in the built-in Pager keyboard navigation.
  */
 export declare class PagerFocusableDirective implements OnInit, OnDestroy {
     private navigationService;

package/pager/localization/custom-messages.component.d.ts

@@ -14,5 +14,5 @@ export declare class CustomMessagesComponent extends Messages {
     constructor(service: LocalizationService);
     protected get override(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-datapager-messages", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-datapager-messages, kendo-pager-messages", never, {}, {}, never, never, true, never>;
 }

package/pager/localization/localized-messages.directive.d.ts

@@ -12,5 +12,5 @@ export declare class LocalizedMessagesDirective extends Messages {
     protected service: LocalizationService;
     constructor(service: LocalizationService);
     static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoDataPagerLocalizedMessages]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoPagerLocalizedMessages]", never, {}, {}, never, never, true, never>;
 }

package/pager/localization/messages.d.ts

@@ -8,6 +8,17 @@ import * as i0 from "@angular/core";
  * @hidden
  */
 export 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.
      */
@@ -53,5 +64,5 @@ export declare class Messages extends ComponentMessages {
      */
     inputLabel: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, "kendoPagerMessages", never, { "firstPage": "firstPage"; "lastPage": "lastPage"; "previousPage": "previousPage"; "nextPage": "nextPage"; "page": "page"; "pageNumberInputTitle": "pageNumberInputTitle"; "itemsPerPage": "itemsPerPage"; "of": "of"; "items": "items"; "selectPage": "selectPage"; "inputLabel": "inputLabel"; }, {}, never, never, false, 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, false, never>;
 }

package/pager/pager-context.service.d.ts

@@ -5,10 +5,11 @@
 import { Subject } from "rxjs";
 import { PageChangeEvent } from "./change-event-args.interface";
 import { PageSizeChangeEvent } from './pagesizechange-event';
+import { LocalizationService } from "@progress/kendo-angular-l10n";
 /**
  * @hidden
  */
-export declare type PagerContextChanges = {
+export type PagerContextChanges = {
     total: number;
     skip: number;
     pageSize: number;
@@ -20,6 +21,7 @@ export declare class PagerContextService {
     total: number;
     skip: number;
     pageSize: number;
+    localization: LocalizationService;
     changes: Subject<PagerContextChanges>;
     pageChange: Subject<PageChangeEvent>;
     pageSizeChange: Subject<PageSizeChangeEvent>;

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

@@ -11,7 +11,6 @@ import * as i0 from "@angular/core";
  * Displays information about the current page and the total number of records ([see example]({% slug pager_settings %})).
  */
 export declare class PagerInfoComponent extends PagerElementComponent {
-    protected pagerContext: PagerContextService;
     /**
      * @hidden
      *
@@ -35,9 +34,9 @@ export declare class PagerInfoComponent extends PagerElementComponent {
      * @type {boolean}
      * @memberOf PagerInfoComponent
      */
-    get classes(): boolean;
+    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", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PagerInfoComponent, "kendo-datapager-info, kendo-pager-info", never, {}, {}, never, never, true, never>;
 }

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

@@ -54,5 +54,5 @@ export declare class PagerInputComponent extends PagerElementComponent {
      */
     get hasPages(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<PagerInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PagerInputComponent, "kendo-datapager-input", never, { "size": "size"; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PagerInputComponent, "kendo-datapager-input, kendo-pager-input", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -33,5 +33,5 @@ export declare class PagerNextButtonsComponent extends PagerElementComponent {
     constructor(localization: LocalizationService, pagerContext: PagerContextService, cd: ChangeDetectorRef);
     protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PagerNextButtonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PagerNextButtonsComponent, "kendo-datapager-next-buttons", never, { "size": "size"; }, {}, never, never, true, 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-numeric-buttons.component.d.ts

@@ -65,5 +65,5 @@ export declare class PagerNumericButtonsComponent extends PagerElementComponent
     get pageChooserLabel(): string;
     private handleClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<PagerNumericButtonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PagerNumericButtonsComponent, "kendo-datapager-numeric-buttons", never, { "buttonCount": "buttonCount"; "size": "size"; }, {}, never, never, true, 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>;
 }

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

@@ -31,15 +31,15 @@ export declare class PagerPageSizesComponent extends PagerElementComponent imple
      *            <span>{{item.ProductID}}. </span>
      *            <span>{{item.ProductName}}</span>
      *        </div>
-     *        <kendo-datapager
+     *        <kendo-pager
      *             [skip]="skip"
      *             [pageSize]="pageSize"
      *             [total]="total"
      *             (pageChange)="onPageChange($event)">
-     *           <ng-template kendoDataPagerTemplate>
-     *               <kendo-datapager-page-sizes [pageSizes]="pagesizes"></kendo-datapager-page-sizes>
+     *           <ng-template kendoPagerTemplate>
+     *               <kendo-pager-page-sizes [pageSizes]="pagesizes"></kendo-pager-page-sizes>
      *           </ng-template>
-     *        </kendo-datapager>
+     *        </kendo-pager>
      *    `
      * })
      * class AppComponent {
@@ -165,5 +165,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", never, { "pageSizes": "pageSizes"; "size": "size"; }, {}, never, never, true, 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>;
 }

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

@@ -33,5 +33,5 @@ export declare class PagerPrevButtonsComponent extends PagerElementComponent {
     get disabled(): boolean;
     protected onChanges({ total, skip, pageSize }: PagerContextChanges): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PagerPrevButtonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PagerPrevButtonsComponent, "kendo-datapager-prev-buttons", never, { "size": "size"; }, {}, never, never, true, 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-template.directive.d.ts

@@ -6,7 +6,7 @@ import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Represents the pager template which helps to customize the pager appearance. To define a pager
- * template, nest an `<ng-template>` tag with the `kendoDataPagerTemplate` directive inside `<kendo-datapager>`.
+ * 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.
@@ -21,15 +21,15 @@ import * as i0 from "@angular/core";
  * _@Component({
  *     selector: 'my-app',
  *     template: `
- *       <kendo-datapager [total]="total" [pageSize]="pageSize" [skip]="skip" (pageChange)="onPageChange($event)">
- *           <ng-template kendoDataPagerTemplate let-totalPages="totalPages" let-currentPage="currentPage">
- *               <kendo-datapager-prev-buttons></kendo-datapager-prev-buttons>
- *               <kendo-datapager-numeric-buttons [buttonCount]="10"></kendo-datapager-numeric-buttons>
- *               <kendo-datapager-next-buttons></kendo-datapager-next-buttons>
- *               <kendo-datapager-info></kendo-datapager-info>
+ *       <kendo-pager [total]="total" [pageSize]="pageSize" [skip]="skip" (pageChange)="onPageChange($event)">
+ *           <ng-template kendoPagerTemplate let-totalPages="totalPages" let-currentPage="currentPage">
+ *               <kendo-pager-prev-buttons></kendo-pager-prev-buttons>
+ *               <kendo-pager-numeric-buttons [buttonCount]="10"></kendo-pager-numeric-buttons>
+ *               <kendo-pager-next-buttons></kendo-pager-next-buttons>
+ *               <kendo-pager-info></kendo-pager-info>
  *               Current page: {{currentPage}}
  *           </ng-template>
- *        </kendo-datapager>
+ *        </kendo-pager>
  *     `
  * })
  *
@@ -50,5 +50,5 @@ export declare class PagerTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
     static ɵfac: i0.ɵɵFactoryDeclaration<PagerTemplateDirective, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PagerTemplateDirective, "[kendoDataPagerTemplate]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PagerTemplateDirective, "[kendoDataPagerTemplate], [kendoPagerTemplate]", never, {}, {}, never, never, true, never>;
 }

package/pager/pager.component.d.ts

@@ -5,7 +5,6 @@
 import { EventEmitter, OnChanges, SimpleChanges, OnInit, OnDestroy, ElementRef, Renderer2, NgZone, AfterViewInit, QueryList } from '@angular/core';
 import { PageChangeEvent } from './change-event-args.interface';
 import { PagerTemplateDirective } from "./pager-template.directive";
-import { ResizeSensorComponent } from "@progress/kendo-angular-common";
 import { PagerContextService } from "./pager-context.service";
 import { PageSizeChangeEvent } from './pagesizechange-event';
 import { PageSizeItem } from './pagesize-item.interface';
@@ -13,7 +12,6 @@ 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 { PagerNumericButtonsComponent } from './pager-numeric-buttons.component';
 import * as i0 from "@angular/core";
 export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit, OnDestroy {
     private pagerContext;
@@ -22,17 +20,21 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
     private renderer;
     private ngZone;
     private navigationService;
-    resizeSensor: ResizeSensorComponent;
-    pagerInfo: ElementRef;
-    pagerPageSizes: ElementRef;
-    numericButtons: PagerNumericButtonsComponent;
     template: QueryList<PagerTemplateDirective>;
+    /**
+     * @hidden
+     */
+    externalTemplate: any;
     /**
      * Represents the total number of data items in the collection.
+     *
+     * @default 0
      */
     total: number;
     /**
      * Defines the number of data items to be skipped.
+     *
+     * @default 0
      */
     skip: number;
     /**
@@ -41,14 +43,20 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
     pageSize: number;
     /**
      * Sets the maximum numeric buttons count before the buttons are collapsed.
+     *
+     * @default 10
      */
     buttonCount: number;
     /**
      * Toggles the information about the current page and the total number of records.
+     *
+     * @default true
      */
     info: boolean;
     /**
      * Defines the type of the pager.
+     *
+     * @default 'numeric'
      */
     type: PagerType;
     /**
@@ -61,6 +69,8 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
     get pageSizeValues(): boolean | Array<number | PageSizeItem>;
     /**
      * Toggles the **Previous** and **Next** buttons.
+     *
+     * @default true
      */
     previousNext: boolean;
     /**
@@ -81,6 +91,13 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
      */
     set size(size: PagerSize);
     get size(): PagerSize;
+    /**
+     * @hidden
+     * Toggles the Pager responsive functionality.
+     *
+     * @default true
+     */
+    responsive: boolean;
     /**
      * 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.
@@ -96,7 +113,7 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
     widgetRole: string;
     roleDescription: string;
     keyShortcuts: string;
-    hostTabindex: string;
+    get hostTabindex(): string;
     get dir(): string;
     /**
      * @hidden
@@ -129,12 +146,14 @@ export declare class PagerComponent implements OnChanges, AfterViewInit, OnInit,
      * @hidden
      */
     onPageSizeChange(event: PageSizeChangeEvent): void;
-    private resizeHandler;
-    private textFor;
+    /**
+     * @hidden
+     */
+    resizeHandler: () => void;
     private get ariaLabel();
     private keyDownHandler;
     private innerNavigationChange;
     private handleClasses;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PagerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PagerComponent, "kendo-datapager", ["kendoDataPager"], { "total": "total"; "skip": "skip"; "pageSize": "pageSize"; "buttonCount": "buttonCount"; "info": "info"; "type": "type"; "pageSizeValues": "pageSizeValues"; "previousNext": "previousNext"; "navigable": "navigable"; "size": "size"; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, ["template"], never, true, never>;
+    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>;
 }

package/pager/pager.module.d.ts

@@ -13,11 +13,31 @@ import * as i7 from "./pager-page-sizes.component";
 import * as i8 from "./pager-prev-buttons.component";
 import * as i9 from "./pager-template.directive";
 import * as i10 from "./pager.component";
+import * as i11 from "./spacer.component";
 /**
- * @hidden
+ * 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 {
+ * }
+ * ```
  */
 export declare class PagerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<PagerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PagerModule, never, [typeof i1.CustomMessagesComponent, typeof i2.PagerFocusableDirective, typeof i3.PagerInfoComponent, typeof i4.PagerInputComponent, typeof i5.PagerNextButtonsComponent, typeof i6.PagerNumericButtonsComponent, typeof i7.PagerPageSizesComponent, typeof i8.PagerPrevButtonsComponent, typeof i9.PagerTemplateDirective, typeof i10.PagerComponent], [typeof i1.CustomMessagesComponent, typeof i2.PagerFocusableDirective, typeof i3.PagerInfoComponent, typeof i4.PagerInputComponent, typeof i5.PagerNextButtonsComponent, typeof i6.PagerNumericButtonsComponent, typeof i7.PagerPageSizesComponent, typeof i8.PagerPrevButtonsComponent, typeof i9.PagerTemplateDirective, typeof i10.PagerComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PagerModule, never, [typeof i1.CustomMessagesComponent, typeof i2.PagerFocusableDirective, typeof i3.PagerInfoComponent, typeof i4.PagerInputComponent, typeof i5.PagerNextButtonsComponent, typeof i6.PagerNumericButtonsComponent, typeof i7.PagerPageSizesComponent, typeof i8.PagerPrevButtonsComponent, typeof i9.PagerTemplateDirective, typeof i10.PagerComponent, typeof i11.PagerSpacerComponent], [typeof i1.CustomMessagesComponent, typeof i2.PagerFocusableDirective, typeof i3.PagerInfoComponent, typeof i4.PagerInputComponent, typeof i5.PagerNextButtonsComponent, typeof i6.PagerNumericButtonsComponent, typeof i7.PagerPageSizesComponent, typeof i8.PagerPrevButtonsComponent, typeof i9.PagerTemplateDirective, typeof i10.PagerComponent, typeof i11.PagerSpacerComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PagerModule>;
 }

package/pager/spacer.component.d.ts

@@ -0,0 +1,24 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+/**
+ * Represents the Kendo UI PagerSpacer component for Angular.
+ * Used to give additional white space between the Pager inner elements,
+ * and provides a way for customizing the spacer width.
+ */
+export declare class PagerSpacerComponent {
+    hostClass: boolean;
+    get sizedClass(): boolean;
+    get flexBasisStyle(): string;
+    /**
+     * Specifies the width of the PagerSpacer.
+     * Accepts the [string values of the CSS `flex-basis` property](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis).
+     *
+     * If not set, the PagerSpacer will take 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>;
+}

package/schematics/ngAdd/index.js

@@ -4,16 +4,16 @@ 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': '17.0.0-develop.9',
-            '@progress/kendo-angular-intl': '17.0.0-develop.9',
-            '@progress/kendo-angular-navigation': '17.0.0-develop.9',
-            '@progress/kendo-angular-popup': '17.0.0-develop.9',
+            '@progress/kendo-angular-treeview': '17.0.0',
+            '@progress/kendo-angular-intl': '17.0.0',
+            '@progress/kendo-angular-navigation': '17.0.0',
+            '@progress/kendo-angular-popup': '17.0.0',
             '@progress/kendo-drawing': '^1.5.12',
             // peer dependency of kendo-angular-inputs
-            '@progress/kendo-angular-buttons': '17.0.0-develop.9',
-            '@progress/kendo-angular-dialog': '17.0.0-develop.9',
+            '@progress/kendo-angular-buttons': '17.0.0',
+            '@progress/kendo-angular-dialog': '17.0.0',
             // Peer dependency of icons
-            '@progress/kendo-svg-icons': '^3.0.0'
+            '@progress/kendo-svg-icons': '^4.0.0'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }

package/util.d.ts

@@ -26,3 +26,7 @@ export declare const DEFAULT_SIZE: PagerSize;
  * Returns the styling classes to be added and removed
  */
 export declare const getStylingClasses: (componentType: any, stylingOption: string, previousValue: any, newValue: any) => PagerStylingClasses;
+/**
+ * @hidden
+ */
+export declare const replaceMessagePlaceholder: (message: string, name: string, value: string) => string;

package/esm2020/pager/localization/messages.mjs

@@ -1,43 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 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 {
-}
-Messages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: Messages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-Messages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: Messages, selector: "kendoPagerMessages", inputs: { 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: "15.2.10", ngImport: i0, type: Messages, decorators: [{
-            type: Directive,
-            args: [{
-                    // eslint-disable-next-line @angular-eslint/directive-selector
-                    selector: 'kendoPagerMessages'
-                }]
-        }], propDecorators: { 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/esm2020/pager/pager.module.mjs

@@ -1,45 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from '@angular/core';
-import { ResizeBatchService } from '@progress/kendo-angular-common';
-import { KENDO_PAGER } from '../directives';
-import { IconsService } from '@progress/kendo-angular-icons';
-import { PopupService } from '@progress/kendo-angular-popup';
-import * as i0 from "@angular/core";
-import * as i1 from "./localization/custom-messages.component";
-import * as i2 from "./focusable.directive";
-import * as i3 from "./pager-info.component";
-import * as i4 from "./pager-input.component";
-import * as i5 from "./pager-next-buttons.component";
-import * as i6 from "./pager-numeric-buttons.component";
-import * as i7 from "./pager-page-sizes.component";
-import * as i8 from "./pager-prev-buttons.component";
-import * as i9 from "./pager-template.directive";
-import * as i10 from "./pager.component";
-// IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * @hidden
- */
-export class PagerModule {
-}
-PagerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-PagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: PagerModule, imports: [i1.CustomMessagesComponent, i2.PagerFocusableDirective, i3.PagerInfoComponent, i4.PagerInputComponent, i5.PagerNextButtonsComponent, i6.PagerNumericButtonsComponent, i7.PagerPageSizesComponent, i8.PagerPrevButtonsComponent, i9.PagerTemplateDirective, i10.PagerComponent], exports: [i1.CustomMessagesComponent, i2.PagerFocusableDirective, i3.PagerInfoComponent, i4.PagerInputComponent, i5.PagerNextButtonsComponent, i6.PagerNumericButtonsComponent, i7.PagerPageSizesComponent, i8.PagerPrevButtonsComponent, i9.PagerTemplateDirective, i10.PagerComponent] });
-PagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerModule, providers: [
-        IconsService,
-        PopupService,
-        ResizeBatchService
-    ], imports: [i1.CustomMessagesComponent, i3.PagerInfoComponent, i4.PagerInputComponent, i5.PagerNextButtonsComponent, i6.PagerNumericButtonsComponent, i7.PagerPageSizesComponent, i8.PagerPrevButtonsComponent, i10.PagerComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_PAGER],
-                    imports: [...KENDO_PAGER],
-                    providers: [
-                        IconsService,
-                        PopupService,
-                        ResizeBatchService
-                    ]
-                }]
-        }] });