@progress/kendo-angular-pager 3.0.1 → 4.0.0-next.202203010907

package/{dist/es2015 → esm2015}/pager/pager-numeric-buttons.component.js

@@ -2,15 +2,16 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, HostBinding } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { PagerContextService } from './pager-context.service';
+import { ChangeDetectionStrategy, Component, Input, HostBinding } from '@angular/core';
 import { PagerElementComponent } from './pager-element.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./pager-context.service";
+import * as i3 from "@angular/common";
 /**
  * Displays numeric buttons to enable navigation between the pages.
  */
-let PagerNumericButtonsComponent = class PagerNumericButtonsComponent extends PagerElementComponent {
+export class PagerNumericButtonsComponent extends PagerElementComponent {
     constructor(localization, cd, pagerContext) {
         super(localization, pagerContext, cd);
         this.pagerContext = pagerContext;
@@ -85,20 +86,66 @@ let PagerNumericButtonsComponent = class PagerNumericButtonsComponent extends Pa
     get pageChooserLabel() {
         return this.textFor('selectPage');
     }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-pager-numbers-wrap'),
-    tslib_1.__metadata("design:type", Boolean)
-], PagerNumericButtonsComponent.prototype, "numbersWrapClass", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], PagerNumericButtonsComponent.prototype, "buttonCount", void 0);
-PagerNumericButtonsComponent = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        selector: 'kendo-datapager-numeric-buttons',
-        template: `
+}
+PagerNumericButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerNumericButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
+PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons", inputs: { buttonCount: "buttonCount" }, host: { properties: { "class.k-pager-numbers-wrap": "this.numbersWrapClass" } }, usesInheritance: true, ngImport: i0, template: `
+        <select
+            class="k-dropdown-list k-picker k-picker-md k-rounded-md k-picker-solid"
+            [attr.title]="pageChooserLabel"
+            [attr.aria-label]="pageChooserLabel"
+            [value]="(currentPage).toString()"
+            (change)="onSelectChange($event)">
+            <option *ngIf="start > 1"
+                class="k-link"
+                value="previousButtons"
+                [attr.aria-label]="pageLabel(start - 1)">...
+            </option>
+            <option *ngFor="let num of buttons"
+                [value]="num.toString()"
+                [attr.aria-label]="pageLabel(num)"
+                [attr.aria-current]="currentPage == num ? 'page' : undefined"
+                [ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}">
+                {{num}}
+            </option>
+            <option *ngIf="end < totalPages"
+                value="nextButtons"
+                class="k-link"
+                [attr.aria-label]="pageLabel(end + 1)">...
+            </option>
+        </select>
+        <ul [ngClass]="{'k-pager-numbers': true, 'k-reset': true}">
+            <li *ngIf="start > 1">
+                <button
+                    type="button"
+                    class="k-link"
+                    [attr.aria-label]="pageLabel(start - 1)"
+                    (click)="changePage(start - 2)">...</button>
+            </li>
+            <li *ngFor="let num of buttons">
+                <button
+                    type="button"
+                    [attr.aria-label]="pageLabel(num)"
+                    [attr.aria-current]="currentPage == num ? 'page' : undefined"
+                    [ngClass]="{'k-link': true, 'k-state-selected':currentPage == num}"
+                    (click)="changePage(num - 1)">
+                    {{num}}
+                </button>
+            </li>
+            <li *ngIf="end < totalPages">
+                <button
+                    type="button"
+                    class="k-link"
+                    [attr.aria-label]="pageLabel(end + 1)"
+                    (click)="changePage(end)">...</button>
+            </li>
+        </ul>
+    `, isInline: true, directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-datapager-numeric-buttons',
+                    template: `
         <select
             class="k-dropdown-list k-picker k-picker-md k-rounded-md k-picker-solid"
             [attr.title]="pageChooserLabel"
@@ -150,9 +197,10 @@ PagerNumericButtonsComponent = tslib_1.__decorate([
             </li>
         </ul>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        ChangeDetectorRef,
-        PagerContextService])
-], PagerNumericButtonsComponent);
-export { PagerNumericButtonsComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.PagerContextService }]; }, propDecorators: { numbersWrapClass: [{
+                type: HostBinding,
+                args: ['class.k-pager-numbers-wrap']
+            }], buttonCount: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/pager/pager-page-sizes.component.js

@@ -2,17 +2,17 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, ChangeDetectorRef, ChangeDetectionStrategy, HostBinding, Input, ViewChild } from '@angular/core';
+import { Component, ChangeDetectionStrategy, HostBinding, Input, ViewChild } from '@angular/core';
 import { PagerElementComponent } from './pager-element.component';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { PagerContextService } from "./pager-context.service";
 import { PageSizeChangeEvent } from './pagesizechange-event';
-import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./pager-context.service";
+import * as i3 from "@progress/kendo-angular-dropdowns";
 /**
  * Displays a drop-down list for the page size selection ([see example]({% slug pager_settings %})).
  */
-let PagerPageSizesComponent = class PagerPageSizesComponent extends PagerElementComponent {
+export class PagerPageSizesComponent extends PagerElementComponent {
     constructor(localization, cd, pagerContext) {
         super(localization, pagerContext, cd);
         this.pagerContext = pagerContext;
@@ -141,17 +141,19 @@ let PagerPageSizesComponent = class PagerPageSizesComponent extends PagerElement
      */
     set pageSizes(pageSizes) {
         let normalizedItems = [];
-        pageSizes.forEach(item => {
-            if (typeof item === 'number') {
-                normalizedItems.push({
-                    text: item.toString(),
-                    value: item
-                });
-            }
-            else {
-                normalizedItems.push(item);
-            }
-        });
+        if (Array.isArray(pageSizes)) {
+            pageSizes.forEach(item => {
+                if (typeof item === 'number') {
+                    normalizedItems.push({
+                        text: item.toString(),
+                        value: item
+                    });
+                }
+                else {
+                    normalizedItems.push(item);
+                }
+            });
+        }
         if (this.pageSize && !normalizedItems.some(item => item.value === this.pageSize)) {
             normalizedItems = [{ text: this.pageSize.toString(), value: this.pageSize }, ...normalizedItems];
         }
@@ -184,27 +186,25 @@ let PagerPageSizesComponent = class PagerPageSizesComponent extends PagerElement
         this.pageSize = typeof pageSize === 'number' ? pageSize : this.total;
         this.cd.markForCheck();
     }
-};
-tslib_1.__decorate([
-    ViewChild('dropdownlist', { static: true }),
-    tslib_1.__metadata("design:type", DropDownListComponent)
-], PagerPageSizesComponent.prototype, "dropDownList", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], PagerPageSizesComponent.prototype, "pageSizes", null);
-tslib_1.__decorate([
-    HostBinding("class.k-pager-sizes"),
-    HostBinding("class.k-label"),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], PagerPageSizesComponent.prototype, "classes", null);
-PagerPageSizesComponent = tslib_1.__decorate([
-    Component({
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        selector: 'kendo-datapager-page-sizes',
-        template: `
+}
+PagerPageSizesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerPageSizesComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
+PagerPageSizesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerPageSizesComponent, selector: "kendo-datapager-page-sizes", inputs: { pageSizes: "pageSizes" }, host: { properties: { "class.k-pager-sizes": "this.classes", "class.k-label": "this.classes" } }, viewQueries: [{ propertyName: "dropDownList", first: true, predicate: ["dropdownlist"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+        <kendo-dropdownlist
+            #dropdownlist
+            [data]="pageSizes"
+            textField="text"
+            valueField="value"
+            [valuePrimitive]="true"
+            [value]="pageSize"
+            (valueChange)="pageSizeChange($event, dropdownlist)"></kendo-dropdownlist>
+        {{ textFor('itemsPerPage') }}
+    `, isInline: true, components: [{ type: i3.DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["listHeight", "disabled", "readonly", "filterable", "ignoreCase", "delay", "tabindex", "id", "data", "value", "popupSettings", "itemDisabled", "virtual", "valuePrimitive", "tabIndex", "size", "rounded", "fillMode", "iconClass", "loading", "textField", "valueField", "defaultItem"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerPageSizesComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-datapager-page-sizes',
+                    template: `
         <kendo-dropdownlist
             #dropdownlist
             [data]="pageSizes"
@@ -215,9 +215,16 @@ PagerPageSizesComponent = tslib_1.__decorate([
             (valueChange)="pageSizeChange($event, dropdownlist)"></kendo-dropdownlist>
         {{ textFor('itemsPerPage') }}
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        ChangeDetectorRef,
-        PagerContextService])
-], PagerPageSizesComponent);
-export { PagerPageSizesComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i2.PagerContextService }]; }, propDecorators: { dropDownList: [{
+                type: ViewChild,
+                args: ['dropdownlist', { static: true }]
+            }], pageSizes: [{
+                type: Input
+            }], classes: [{
+                type: HostBinding,
+                args: ["class.k-pager-sizes"]
+            }, {
+                type: HostBinding,
+                args: ["class.k-label"]
+            }] } });

package/esm2015/pager/pager-prev-buttons.component.js

@@ -0,0 +1,86 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 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, ChangeDetectionStrategy } from '@angular/core';
+import { PagerElementComponent } from './pager-element.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./pager-context.service";
+/**
+ * Displays buttons for navigating to the first and to the previous page ([see example]({% slug pager_settings %})).
+ */
+export class PagerPrevButtonsComponent extends PagerElementComponent {
+    constructor(localization, pagerContext, cd) {
+        super(localization, pagerContext, cd);
+    }
+    /**
+     * @hidden
+     *
+     * @readonly
+     * @type {boolean}
+     * @memberOf PagerPrevButtonsComponent
+     */
+    get disabled() {
+        return this.currentPage === 1 || !this.total;
+    }
+    onChanges({ total, skip, pageSize }) {
+        this.total = total;
+        this.skip = skip;
+        this.pageSize = pageSize;
+        this.cd.markForCheck();
+    }
+}
+PagerPrevButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerPrevButtonsComponent, deps: [{ token: i1.LocalizationService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons", usesInheritance: true, ngImport: i0, template: `
+        <button
+            type="button"
+            class="k-link k-pager-nav k-pager-first"
+            [class.k-disabled]="disabled"
+            [title]="textFor('firstPage')"
+            [attr.aria-label]="textFor('firstPage')"
+            [attr.aria-disabled]="disabled ? true : undefined"
+            (click)="currentPage !== 1 ? changePage(0) : false">
+            <span class="k-icon k-i-seek-w" role="note" [attr.aria-label]="textFor('firstPage')"></span>
+        </button>
+        <button
+            type="button"
+            class="k-link k-pager-nav"
+            [class.k-disabled]="disabled"
+            [title]="textFor('previousPage')"
+            [attr.aria-label]="textFor('previousPage')"
+            [attr.aria-disabled]="disabled ? true : undefined"
+            (click)="currentPage !== 1 ? changePage(currentPage-2) : false">
+            <span class="k-icon k-i-arrow-w" role="note" [attr.aria-label]="textFor('previousPage')"></span>
+        </button>
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerPrevButtonsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    selector: 'kendo-datapager-prev-buttons',
+                    template: `
+        <button
+            type="button"
+            class="k-link k-pager-nav k-pager-first"
+            [class.k-disabled]="disabled"
+            [title]="textFor('firstPage')"
+            [attr.aria-label]="textFor('firstPage')"
+            [attr.aria-disabled]="disabled ? true : undefined"
+            (click)="currentPage !== 1 ? changePage(0) : false">
+            <span class="k-icon k-i-seek-w" role="note" [attr.aria-label]="textFor('firstPage')"></span>
+        </button>
+        <button
+            type="button"
+            class="k-link k-pager-nav"
+            [class.k-disabled]="disabled"
+            [title]="textFor('previousPage')"
+            [attr.aria-label]="textFor('previousPage')"
+            [attr.aria-disabled]="disabled ? true : undefined"
+            (click)="currentPage !== 1 ? changePage(currentPage-2) : false">
+            <span class="k-icon k-i-arrow-w" role="note" [attr.aria-label]="textFor('previousPage')"></span>
+        </button>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.PagerContextService }, { type: i0.ChangeDetectorRef }]; } });

package/{dist/es2015 → esm2015}/pager/pager-template.directive.js

@@ -2,8 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef, Optional } from '@angular/core';
+import { Directive, Optional } 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>`.
@@ -46,16 +46,18 @@ import { Directive, TemplateRef, Optional } from '@angular/core';
  *
  * ```
  */
-let PagerTemplateDirective = class PagerTemplateDirective {
+export class PagerTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-};
-PagerTemplateDirective = tslib_1.__decorate([
-    Directive({
-        selector: '[kendoDataPagerTemplate]'
-    }),
-    tslib_1.__param(0, Optional()),
-    tslib_1.__metadata("design:paramtypes", [TemplateRef])
-], PagerTemplateDirective);
-export { PagerTemplateDirective };
+}
+PagerTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+PagerTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: PagerTemplateDirective, selector: "[kendoDataPagerTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoDataPagerTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/{dist/es2015 → esm2015}/pager/pager.component.js

@@ -2,9 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
 import { RESPONSIVE_BREAKPOINT_MEDIUM, RESPONSIVE_BREAKPOINT_LARGE } from './common/constants';
-import { Component, Input, EventEmitter, Output, HostBinding, ViewChild, ElementRef, ContentChild } from '@angular/core';
+import { Component, Input, EventEmitter, Output, HostBinding, ViewChild, ContentChild } from '@angular/core';
 import { PagerTemplateDirective } from "./pager-template.directive";
 import { anyChanged, ResizeSensorComponent } from "@progress/kendo-angular-common";
 import { PagerContextService } from "./pager-context.service";
@@ -13,7 +12,19 @@ import { DEFAULT_PAGE_SIZE_VALUES } from '../util';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
-let PagerComponent = class PagerComponent {
+import * as i0 from "@angular/core";
+import * as i1 from "./pager-context.service";
+import * as i2 from "@progress/kendo-angular-l10n";
+import * as i3 from "./pager-prev-buttons.component";
+import * as i4 from "./pager-numeric-buttons.component";
+import * as i5 from "./pager-input.component";
+import * as i6 from "./pager-next-buttons.component";
+import * as i7 from "./pager-info.component";
+import * as i8 from "./pager-page-sizes.component";
+import * as i9 from "@progress/kendo-angular-common";
+import * as i10 from "./localization/localized-messages.directive";
+import * as i11 from "@angular/common";
+export class PagerComponent {
     constructor(pagerContext, element, localization) {
         this.pagerContext = pagerContext;
         this.element = element;
@@ -163,82 +174,72 @@ let PagerComponent = class PagerComponent {
             this.pageChange.emit({ skip: this.skip, take: event.newPageSize });
         }
     }
-};
-tslib_1.__decorate([
-    ViewChild(ResizeSensorComponent, { static: true }),
-    tslib_1.__metadata("design:type", ResizeSensorComponent)
-], PagerComponent.prototype, "resizeSensor", void 0);
-tslib_1.__decorate([
-    ContentChild(PagerTemplateDirective, { static: true }),
-    tslib_1.__metadata("design:type", PagerTemplateDirective)
-], PagerComponent.prototype, "template", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], PagerComponent.prototype, "total", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], PagerComponent.prototype, "skip", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], PagerComponent.prototype, "pageSize", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Number)
-], PagerComponent.prototype, "buttonCount", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], PagerComponent.prototype, "info", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], PagerComponent.prototype, "type", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Object),
-    tslib_1.__metadata("design:paramtypes", [Object])
-], PagerComponent.prototype, "pageSizeValues", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], PagerComponent.prototype, "previousNext", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], PagerComponent.prototype, "pageChange", void 0);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], PagerComponent.prototype, "pageSizeChange", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-pager-wrap'),
-    tslib_1.__metadata("design:type", Boolean)
-], PagerComponent.prototype, "pagerWrapClass", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-pager'),
-    tslib_1.__metadata("design:type", Boolean)
-], PagerComponent.prototype, "pagerClass", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.role'),
-    tslib_1.__metadata("design:type", String)
-], PagerComponent.prototype, "widgetRole", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], PagerComponent.prototype, "dir", null);
-PagerComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-datapager',
-        exportAs: 'kendoDataPager',
-        providers: [
-            LocalizationService,
-            PagerContextService
-        ],
-        template: `
+}
+PagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerComponent, deps: [{ token: i1.PagerContextService }, { token: i0.ElementRef }, { token: i2.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: PagerComponent, selector: "kendo-datapager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", buttonCount: "buttonCount", info: "info", type: "type", pageSizeValues: "pageSizeValues", previousNext: "previousNext" }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, host: { properties: { "class.k-pager-wrap": "this.pagerWrapClass", "class.k-pager": "this.pagerClass", "attr.role": "this.widgetRole", "attr.dir": "this.dir" } }, providers: [
+        LocalizationService,
+        PagerContextService
+    ], queries: [{ propertyName: "template", first: true, predicate: PagerTemplateDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "resizeSensor", first: true, predicate: ResizeSensorComponent, descendants: true, static: true }], exportAs: ["kendoDataPager"], usesOnChanges: true, ngImport: i0, template: `
+        <ng-container kendoDataPagerLocalizedMessages
+            i18n-firstPage="kendo.pager.firstPage|The label for the first page button in the Pager"
+            firstPage="Go to the first page"
+
+            i18n-previousPage="kendo.pager.previousPage|The label for the previous page button in the Pager"
+            previousPage="Go to the previous page"
+
+            i18n-nextPage="kendo.pager.nextPage|The label for the next page button in the Pager"
+            nextPage="Go to the next page"
+
+            i18n-lastPage="kendo.pager.lastPage|The label for the last page button in the Pager"
+            lastPage="Go to the last page"
+
+            i18n-page="kendo.pager.page|The label before the current page number in the Pager"
+            page="Page"
+
+            i18n-of="kendo.pager.of|The label before the total pages number in the Pager"
+            of="of"
+
+            i18n-pageNumberInputTitle="kendo.pager.pageNumberInputTitle|The label for the pager input in the Pager"
+            pageNumberInputTitle="Page Number"
+
+            i18n-items="kendo.pager.items|The label after the total pages number in the Pager"
+            items="items"
+
+            i18n-itemsPerPage="kendo.pager.itemsPerPage|The label for the page size chooser in the Pager"
+            itemsPerPage="items per page"
+
+            i18n-selectPage="kendo.pager.selectPage|The text of the title and aria-label attributes applied to the page chooser in the Pager"
+            selectPage="Select page"
+         >
+        </ng-container>
+        <ng-container
+            *ngIf="template?.templateRef"
+            [ngTemplateOutlet]="template.templateRef"
+            [ngTemplateOutletContext]="templateContext">
+        </ng-container>
+        <ng-container *ngIf="!template?.templateRef">
+            <kendo-datapager-prev-buttons *ngIf="previousNext"></kendo-datapager-prev-buttons>
+            <kendo-datapager-numeric-buttons
+                *ngIf="type === 'numeric' && buttonCount > 0"
+                [buttonCount]="buttonCount">
+            </kendo-datapager-numeric-buttons>
+            <kendo-datapager-input *ngIf="type === 'input'"></kendo-datapager-input>
+            <kendo-datapager-next-buttons *ngIf="previousNext"></kendo-datapager-next-buttons>
+            <kendo-datapager-info *ngIf='info'></kendo-datapager-info>
+            <kendo-datapager-page-sizes *ngIf="pageSizeValues" [pageSizes]="pageSizeValues"></kendo-datapager-page-sizes>
+        </ng-container>
+        <kendo-resize-sensor></kendo-resize-sensor>
+  `, isInline: true, components: [{ type: i3.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons" }, { type: i4.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons", inputs: ["buttonCount"] }, { type: i5.PagerInputComponent, selector: "kendo-datapager-input" }, { type: i6.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons" }, { type: i7.PagerInfoComponent, selector: "kendo-datapager-info" }, { type: i8.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes", inputs: ["pageSizes"] }, { type: i9.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i10.LocalizedMessagesDirective, selector: "[kendoDataPagerLocalizedMessages]" }, { type: i11.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PagerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-datapager',
+                    exportAs: 'kendoDataPager',
+                    providers: [
+                        LocalizationService,
+                        PagerContextService
+                    ],
+                    template: `
         <ng-container kendoDataPagerLocalizedMessages
             i18n-firstPage="kendo.pager.firstPage|The label for the first page button in the Pager"
             firstPage="Go to the first page"
@@ -289,9 +290,43 @@ PagerComponent = tslib_1.__decorate([
         </ng-container>
         <kendo-resize-sensor></kendo-resize-sensor>
   `
-    }),
-    tslib_1.__metadata("design:paramtypes", [PagerContextService,
-        ElementRef,
-        LocalizationService])
-], PagerComponent);
-export { PagerComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.PagerContextService }, { type: i0.ElementRef }, { type: i2.LocalizationService }]; }, propDecorators: { resizeSensor: [{
+                type: ViewChild,
+                args: [ResizeSensorComponent, { static: true }]
+            }], template: [{
+                type: ContentChild,
+                args: [PagerTemplateDirective, { static: true }]
+            }], total: [{
+                type: Input
+            }], skip: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], buttonCount: [{
+                type: Input
+            }], info: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], pageSizeValues: [{
+                type: Input
+            }], previousNext: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }], pageSizeChange: [{
+                type: Output
+            }], pagerWrapClass: [{
+                type: HostBinding,
+                args: ['class.k-pager-wrap']
+            }], pagerClass: [{
+                type: HostBinding,
+                args: ['class.k-pager']
+            }], widgetRole: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], dir: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }] } });