@progress/kendo-angular-grid 17.0.0-develop.3 → 17.0.0-develop.30

package/{esm2020 → esm2022}/pager/pager-input.component.mjs

@@ -19,49 +19,53 @@ import * as i3 from "./../navigation/navigation.service";
  * Displays an input element which allows the typing and rendering of page numbers ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
  */
 export class PagerInputComponent extends PagerElementComponent {
+    pagerContext;
+    zone;
+    navigationService;
+    numericInput;
     constructor(ctx, pagerContext, zone, navigationService, cd) {
         super(ctx, pagerContext, cd);
         this.pagerContext = pagerContext;
         this.zone = zone;
         this.navigationService = navigationService;
-        /**
-         * @hidden
-         *
-         * @param {string} value
-         *
-         * @memberOf PagerInputComponent
-         */
-        this.handleKeyDown = (event) => {
-            const incomingValue = this.numericInput.value || this.current;
-            if (event.keyCode === Keys.Enter) {
-                event.preventDefault();
-                if (incomingValue !== this.current) {
-                    this.zone.run(() => {
-                        this.changePage(incomingValue - 1);
-                    });
-                }
-            }
-        };
-        /**
-         * @hidden
-         *
-         * @param {string} value
-         *
-         * @memberOf PagerInputComponent
-         */
-        this.handleBlur = () => {
-            const inputValue = this.numericInput.value;
-            if (!inputValue) {
-                this.numericInput.writeValue(this.current);
-                return;
-            }
-            if (inputValue !== this.current) {
+    }
+    /**
+     * @hidden
+     *
+     * @param {string} value
+     *
+     * @memberOf PagerInputComponent
+     */
+    handleKeyDown = (event) => {
+        const incomingValue = this.numericInput.value || this.current;
+        if (event.keyCode === Keys.Enter) {
+            event.preventDefault();
+            if (incomingValue !== this.current) {
                 this.zone.run(() => {
-                    this.changePage(inputValue - 1);
+                    this.changePage(incomingValue - 1);
                 });
             }
-        };
-    }
+        }
+    };
+    /**
+     * @hidden
+     *
+     * @param {string} value
+     *
+     * @memberOf PagerInputComponent
+     */
+    handleBlur = () => {
+        const inputValue = this.numericInput.value;
+        if (!inputValue) {
+            this.numericInput.writeValue(this.current);
+            return;
+        }
+        if (inputValue !== this.current) {
+            this.zone.run(() => {
+                this.changePage(inputValue - 1);
+            });
+        }
+    };
     /**
      * @hidden
      */
@@ -77,9 +81,8 @@ export class PagerInputComponent extends PagerElementComponent {
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
-}
-PagerInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerInputComponent, deps: [{ token: i1.ContextService }, { token: i2.PagerContextService }, { token: i0.NgZone }, { token: i3.NavigationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-PagerInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PagerInputComponent, isStandalone: true, selector: "kendo-pager-input", viewQueries: [{ propertyName: "numericInput", first: true, predicate: NumericTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerInputComponent, deps: [{ token: i1.ContextService }, { token: i2.PagerContextService }, { token: i0.NgZone }, { token: i3.NavigationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerInputComponent, isStandalone: true, selector: "kendo-pager-input", viewQueries: [{ propertyName: "numericInput", first: true, predicate: NumericTextBoxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
      <span class="k-pager-input k-label">
         {{textFor('pagerPage')}}
         <kendo-numerictextbox
@@ -104,7 +107,8 @@ PagerInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
         {{textFor('pagerOf')}} {{totalPages}}
      </span>
     `, isInline: true, dependencies: [{ kind: "component", type: NumericTextBoxComponent, selector: "kendo-numerictextbox", inputs: ["focusableId", "disabled", "readonly", "title", "autoCorrect", "format", "max", "min", "decimals", "placeholder", "step", "spinners", "rangeValidation", "tabindex", "tabIndex", "changeValueOnScroll", "selectOnFocus", "value", "maxlength", "size", "rounded", "fillMode", "inputAttributes"], outputs: ["valueChange", "focus", "blur", "inputFocus", "inputBlur"], exportAs: ["kendoNumericTextBox"] }, { kind: "directive", type: PagerInputDirective, selector: "[kendoGridPagerInput]" }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerInputComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerInputComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-pager-input',

package/{esm2020 → esm2022}/pager/pager-input.directive.mjs

@@ -10,6 +10,8 @@ import * as i1 from "@progress/kendo-angular-inputs";
  * @hidden
  */
 export class PagerInputDirective {
+    host;
+    renderer;
     constructor(host, renderer) {
         this.host = host;
         this.renderer = renderer;
@@ -18,10 +20,10 @@ export class PagerInputDirective {
         const inputElement = this.host.numericInput.nativeElement;
         this.renderer.addClass(inputElement, 'k-pager-nav');
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerInputDirective, deps: [{ token: i1.NumericTextBoxComponent }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PagerInputDirective, isStandalone: true, selector: "[kendoGridPagerInput]", ngImport: i0 });
 }
-PagerInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerInputDirective, deps: [{ token: i1.NumericTextBoxComponent }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-PagerInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PagerInputDirective, isStandalone: true, selector: "[kendoGridPagerInput]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerInputDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerInputDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoGridPagerInput]',

package/{esm2020 → esm2022}/pager/pager-next-buttons.component.mjs

@@ -17,10 +17,7 @@ import * as i3 from "./../navigation/navigation.service";
  * Displays buttons for navigating to the next and to the last page ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
  */
 export class PagerNextButtonsComponent extends PagerElementComponent {
-    constructor(ctx, pagerContext, cd, navigationService) {
-        super(ctx, pagerContext, cd);
-        this.navigationService = navigationService;
-    }
+    navigationService;
     /**
      * @hidden
      *
@@ -31,15 +28,18 @@ export class PagerNextButtonsComponent extends PagerElementComponent {
     get disabled() {
         return this.currentPage === this.totalPages || !this.total;
     }
+    constructor(ctx, pagerContext, cd, navigationService) {
+        super(ctx, pagerContext, cd);
+        this.navigationService = navigationService;
+    }
     onChanges({ total, skip, pageSize }) {
         this.total = total;
         this.skip = skip;
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
-}
-PagerNextButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNextButtonsComponent, deps: [{ token: i1.ContextService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PagerNextButtonsComponent, isStandalone: true, selector: "kendo-pager-next-buttons", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerNextButtonsComponent, deps: [{ token: i1.ContextService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerNextButtonsComponent, isStandalone: true, selector: "kendo-pager-next-buttons", usesInheritance: true, ngImport: i0, template: `
         <button
             kendoButton
             [kendoGridFocusable]="!disabled"
@@ -70,8 +70,9 @@ PagerNextButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             [attr.aria-label]="textFor('pagerLastPage')"
             (click)="currentPage !== totalPages ? changePage(totalPages-1) : false">
         </button>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNextButtonsComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerNextButtonsComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/pager/pager-numeric-buttons.component.mjs

@@ -16,10 +16,16 @@ import * as i2 from "./pager-context.service";
  * Displays numeric buttons to enable navigation between the pages ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
  */
 export class PagerNumericButtonsComponent extends PagerElementComponent {
-    constructor(ctx, cd, pagerContext) {
-        super(ctx, pagerContext, cd);
-        this.pagerContext = pagerContext;
-    }
+    pagerContext;
+    selectElement;
+    numbersElement;
+    /**
+     * The count of the displayed buttons.
+     *
+     * @type {number}
+     * @memberOf PagerNumericButtonsComponent
+     */
+    buttonCount;
     /**
      * @hidden
      *
@@ -52,6 +58,10 @@ export class PagerNumericButtonsComponent extends PagerElementComponent {
         }
         return 1;
     }
+    constructor(ctx, cd, pagerContext) {
+        super(ctx, pagerContext, cd);
+        this.pagerContext = pagerContext;
+    }
     /**
      * @hidden
      */
@@ -86,9 +96,8 @@ export class PagerNumericButtonsComponent extends PagerElementComponent {
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
-}
-PagerNumericButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNumericButtonsComponent, deps: [{ token: i1.ContextService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
-PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PagerNumericButtonsComponent, isStandalone: true, selector: "kendo-pager-numeric-buttons", inputs: { buttonCount: "buttonCount" }, viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["select"], descendants: true, read: ElementRef }, { propertyName: "numbersElement", first: true, predicate: ["numbers"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerNumericButtonsComponent, deps: [{ token: i1.ContextService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerNumericButtonsComponent, isStandalone: true, selector: "kendo-pager-numeric-buttons", inputs: { buttonCount: "buttonCount" }, viewQueries: [{ propertyName: "selectElement", first: true, predicate: ["select"], descendants: true, read: ElementRef }, { propertyName: "numbersElement", first: true, predicate: ["numbers"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: `
         <select
             #select
             class="k-dropdown-list k-dropdown k-picker k-picker-solid k-rounded-md"
@@ -162,8 +171,9 @@ PagerNumericButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
                 [attr.title]="pageLabel(end + 1)"
                 (click)="changePage(end)">...</button>
         </div>
-    `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerNumericButtonsComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/pager/pager-page-sizes.component.mjs

@@ -19,12 +19,8 @@ import * as i3 from "./../navigation/navigation.service";
  * Displays a drop-down list for the page size selection ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
  */
 export class PagerPageSizesComponent extends PagerElementComponent {
-    constructor(ctx, cd, pagerContext, navigationService) {
-        super(ctx, pagerContext, cd);
-        this.pagerContext = pagerContext;
-        this.navigationService = navigationService;
-        this._pageSizes = [];
-    }
+    pagerContext;
+    navigationService;
     /**
      * The page sizes collection. Can be an Array of numbers and/or [`PageSizeItem`](slug:api_grid_pagesizeitem) objects
      * ([see example](slug:pager_template_grid))
@@ -73,6 +69,12 @@ export class PagerPageSizesComponent extends PagerElementComponent {
         })
             .length === 0;
     }
+    _pageSizes = [];
+    constructor(ctx, cd, pagerContext, navigationService) {
+        super(ctx, pagerContext, cd);
+        this.pagerContext = pagerContext;
+        this.navigationService = navigationService;
+    }
     /**
      * @hidden
      */
@@ -92,9 +94,8 @@ export class PagerPageSizesComponent extends PagerElementComponent {
         this.pageSize = typeof pageSize === 'number' ? pageSize : this.total;
         this.cd.markForCheck();
     }
-}
-PagerPageSizesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerPageSizesComponent, deps: [{ token: i1.ContextService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-PagerPageSizesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PagerPageSizesComponent, isStandalone: true, selector: "kendo-pager-page-sizes", inputs: { pageSizes: "pageSizes" }, host: { properties: { "class.k-pager-sizes": "this.classes", "class.k-label": "this.classes" } }, usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerPageSizesComponent, deps: [{ token: i1.ContextService }, { token: i0.ChangeDetectorRef }, { token: i2.PagerContextService }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerPageSizesComponent, isStandalone: true, selector: "kendo-pager-page-sizes", inputs: { pageSizes: "pageSizes" }, host: { properties: { "class.k-pager-sizes": "this.classes", "class.k-label": "this.classes" } }, usesInheritance: true, ngImport: i0, template: `
         <kendo-dropdownlist
             class="k-dropdown"
             #dropdownlist
@@ -110,7 +111,8 @@ PagerPageSizesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0"
             (valueChange)="pageSizeChange($event)"></kendo-dropdownlist>
         <kendo-label [for]="dropdownlist" [text]="textFor('pagerItemsPerPage')"></kendo-label>
     `, isInline: true, dependencies: [{ kind: "component", type: DropDownListComponent, selector: "kendo-dropdownlist", inputs: ["customIconClass", "showStickyHeader", "icon", "svgIcon", "loading", "data", "value", "textField", "valueField", "adaptiveMode", "title", "subtitle", "popupSettings", "listHeight", "defaultItem", "disabled", "itemDisabled", "readonly", "filterable", "virtual", "ignoreCase", "delay", "valuePrimitive", "tabindex", "tabIndex", "size", "rounded", "fillMode", "leftRightArrowsNavigation", "id"], outputs: ["valueChange", "filterChange", "selectionChange", "open", "opened", "close", "closed", "focus", "blur"], exportAs: ["kendoDropDownList"] }, { kind: "directive", type: PagerDropDownListDirective, selector: "[kendoGridPagerDropDown]" }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }, { kind: "component", type: LabelComponent, selector: "kendo-label", inputs: ["text", "for", "optional", "labelCssStyle", "labelCssClass"], exportAs: ["kendoLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerPageSizesComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerPageSizesComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/pager/pager-prev-buttons.component.mjs

@@ -17,6 +17,7 @@ import * as i3 from "./../navigation/navigation.service";
  * Displays buttons for navigating to the first and to the previous page ([see example](slug:pager_template_grid#toc-using-built-in-pager-components)).
  */
 export class PagerPrevButtonsComponent extends PagerElementComponent {
+    navigationService;
     constructor(ctx, pagerContext, cd, navigationService) {
         super(ctx, pagerContext, cd);
         this.navigationService = navigationService;
@@ -37,9 +38,8 @@ export class PagerPrevButtonsComponent extends PagerElementComponent {
         this.pageSize = pageSize;
         this.cd.markForCheck();
     }
-}
-PagerPrevButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerPrevButtonsComponent, deps: [{ token: i1.ContextService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
-PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PagerPrevButtonsComponent, isStandalone: true, selector: "kendo-pager-prev-buttons", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerPrevButtonsComponent, deps: [{ token: i1.ContextService }, { token: i2.PagerContextService }, { token: i0.ChangeDetectorRef }, { token: i3.NavigationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerPrevButtonsComponent, isStandalone: true, selector: "kendo-pager-prev-buttons", usesInheritance: true, ngImport: i0, template: `
         <button
             [kendoGridFocusable]="!disabled"
             kendoButton
@@ -71,8 +71,9 @@ PagerPrevButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             [attr.aria-label]="textFor('pagerPreviousPage')"
             (click)="currentPage !== 1 ? changePage(currentPage-2) : false">
         </button>
-    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerPrevButtonsComponent, decorators: [{
+    `, isInline: true, dependencies: [{ kind: "component", type: ButtonComponent, selector: "button[kendoButton]", inputs: ["arrowIcon", "toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { kind: "directive", type: FocusableDirective, selector: "[kendoGridFocusable],\n        [kendoGridEditCommand],\n        [kendoGridRemoveCommand],\n        [kendoGridSaveCommand],\n        [kendoGridCancelCommand],\n        [kendoGridSelectionCheckbox]\n    ", inputs: ["kendoGridFocusable"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerPrevButtonsComponent, decorators: [{
             type: Component,
             args: [{
                     changeDetection: ChangeDetectionStrategy.OnPush,

package/{esm2020 → esm2022}/pager/pager-template.directive.mjs

@@ -31,13 +31,14 @@ import * as i0 from "@angular/core";
  * ```
  */
 export class PagerTemplateDirective {
+    templateRef;
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PagerTemplateDirective, isStandalone: true, selector: "[kendoPagerTemplate]", ngImport: i0 });
 }
-PagerTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-PagerTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PagerTemplateDirective, isStandalone: true, selector: "[kendoPagerTemplate]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPagerTemplate]',

package/{esm2020 → esm2022}/pager/pager.component.mjs

@@ -34,59 +34,21 @@ import * as i5 from "../navigation/focus-group";
  * @hidden
  */
 export class PagerComponent {
-    constructor(pagerContext, navigationService, element, renderer, zone, ctx, cellContext, focusRoot, focusGroup) {
-        this.pagerContext = pagerContext;
-        this.navigationService = navigationService;
-        this.element = element;
-        this.renderer = renderer;
-        this.zone = zone;
-        this.ctx = ctx;
-        this.cellContext = cellContext;
-        this.focusRoot = focusRoot;
-        this.focusGroup = focusGroup;
-        this.total = 0;
-        this.skip = 1;
-        this.pageChange = new EventEmitter();
-        this.gridPagerClass = true;
-        this.settings = normalize({});
-        this.subscriptions = new Subscription();
-        this._templateContext = {};
-        this._isFocused = false;
-        this._size = 'medium';
-        this.resizeHandler = () => {
-            const element = this.element.nativeElement;
-            if (this.template || !element) {
-                return;
-            }
-            this.zone.runOutsideAngular(() => {
-                setTimeout(() => {
-                    const width = element.offsetWidth;
-                    if (this.numericButtons) {
-                        const selectElement = this.numericButtons.selectElement.nativeElement;
-                        const numbersElement = this.numericButtons.numbersElement.nativeElement;
-                        this.renderer.removeStyle(numbersElement, 'display');
-                        this.renderer.setStyle(selectElement, 'display', 'none');
-                        if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {
-                            this.renderer.removeStyle(selectElement, 'display');
-                            this.renderer.setStyle(numbersElement, 'display', 'none');
-                        }
-                    }
-                    if (this.pagerInfo) {
-                        this.renderer.removeStyle(this.pagerInfo.nativeElement, 'display');
-                        if (width < RESPONSIVE_BREAKPOINT_LARGE) {
-                            this.renderer.setStyle(this.pagerInfo.nativeElement, 'display', 'none');
-                        }
-                    }
-                    if (this.pagerPageSizes) {
-                        this.renderer.removeStyle(this.pagerPageSizes.nativeElement, 'display');
-                        if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {
-                            this.renderer.setStyle(this.pagerPageSizes.nativeElement, 'display', 'none');
-                        }
-                    }
-                });
-            });
-        };
-    }
+    pagerContext;
+    navigationService;
+    element;
+    renderer;
+    zone;
+    ctx;
+    cellContext;
+    focusRoot;
+    focusGroup;
+    pagerInfo;
+    pagerPageSizes;
+    numericButtons;
+    total = 0;
+    skip = 1;
+    pageSize;
     set options(value) {
         this.settings = normalize(value);
     }
@@ -99,12 +61,20 @@ export class PagerComponent {
     get size() {
         return this._size;
     }
+    template;
+    pageChange = new EventEmitter();
+    gridPagerClass = true;
     get sizeSmallClass() {
         return this.size === 'small';
     }
     get sizeMediumClass() {
         return this.size === 'medium' || !this.size;
     }
+    settings = normalize({});
+    subscriptions = new Subscription();
+    _templateContext = {};
+    _isFocused = false;
+    _size = 'medium';
     get isFocused() {
         return this._isFocused;
     }
@@ -187,6 +157,17 @@ export class PagerComponent {
         context.currentPage = this.currentPage;
         return context;
     }
+    constructor(pagerContext, navigationService, element, renderer, zone, ctx, cellContext, focusRoot, focusGroup) {
+        this.pagerContext = pagerContext;
+        this.navigationService = navigationService;
+        this.element = element;
+        this.renderer = renderer;
+        this.zone = zone;
+        this.ctx = ctx;
+        this.cellContext = cellContext;
+        this.focusRoot = focusRoot;
+        this.focusGroup = focusGroup;
+    }
     ngOnInit() {
         this.subscriptions.add(this.pagerContext.pageChange.subscribe(this.changePage.bind(this)));
         if (this.navigationService.pagerEnabled) {
@@ -220,6 +201,39 @@ export class PagerComponent {
     changePage(event) {
         this.pageChange.emit(event);
     }
+    resizeHandler = () => {
+        const element = this.element.nativeElement;
+        if (this.template || !element) {
+            return;
+        }
+        this.zone.runOutsideAngular(() => {
+            setTimeout(() => {
+                const width = element.offsetWidth;
+                if (this.numericButtons) {
+                    const selectElement = this.numericButtons.selectElement.nativeElement;
+                    const numbersElement = this.numericButtons.numbersElement.nativeElement;
+                    this.renderer.removeStyle(numbersElement, 'display');
+                    this.renderer.setStyle(selectElement, 'display', 'none');
+                    if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {
+                        this.renderer.removeStyle(selectElement, 'display');
+                        this.renderer.setStyle(numbersElement, 'display', 'none');
+                    }
+                }
+                if (this.pagerInfo) {
+                    this.renderer.removeStyle(this.pagerInfo.nativeElement, 'display');
+                    if (width < RESPONSIVE_BREAKPOINT_LARGE) {
+                        this.renderer.setStyle(this.pagerInfo.nativeElement, 'display', 'none');
+                    }
+                }
+                if (this.pagerPageSizes) {
+                    this.renderer.removeStyle(this.pagerPageSizes.nativeElement, 'display');
+                    if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {
+                        this.renderer.setStyle(this.pagerPageSizes.nativeElement, 'display', 'none');
+                    }
+                }
+            });
+        });
+    };
     onInnerFocusIn(event, position) {
         this.zone.onStable.pipe(take(1)).subscribe(() => {
             if (position === 'start') {
@@ -269,20 +283,19 @@ export class PagerComponent {
             });
         });
     }
-}
-PagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerComponent, deps: [{ token: i1.PagerContextService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i3.ContextService }, { token: CELL_CONTEXT, optional: true }, { token: i4.FocusRoot }, { token: i5.FocusGroup }], target: i0.ɵɵFactoryTarget.Component });
-PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: PagerComponent, isStandalone: true, selector: "kendo-pager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", options: "options", size: "size", template: "template" }, outputs: { pageChange: "pageChange" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut()", "keydown.escape": "onEscape()", "keydown.enter": "onEnter($event)", "keydown.arrowleft": "navigateToPreviousPage($event)", "keydown.pageup": "navigateToPreviousPage($event)", "keydown.arrowright": "navigateToNextPage($event)", "keydown.pagedown": "navigateToNextPage($event)", "keydown.home": "navigateToFirstPage($event)", "keydown.end": "navigateToLastPage($event)" }, properties: { "class.k-grid-pager": "this.gridPagerClass", "class.k-pager-sm": "this.sizeSmallClass", "class.k-pager-md": "this.sizeMediumClass", "class.k-focus": "this.isFocused", "attr.aria-label": "this.pagerAriaLabel" } }, providers: [{
-            provide: FOCUS_ROOT_ACTIVE,
-            useValue: true
-        }, {
-            provide: FocusRoot,
-            deps: [FOCUS_ROOT_ACTIVE],
-            useClass: FocusRoot
-        }, {
-            provide: FocusGroup,
-            deps: [FocusRoot],
-            useClass: FocusGroup
-        }], viewQueries: [{ propertyName: "pagerInfo", first: true, predicate: PagerInfoComponent, descendants: true, read: ElementRef }, { propertyName: "pagerPageSizes", first: true, predicate: PagerPageSizesComponent, descendants: true, read: ElementRef }, { propertyName: "numericButtons", first: true, predicate: PagerNumericButtonsComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerComponent, deps: [{ token: i1.PagerContextService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i3.ContextService }, { token: CELL_CONTEXT, optional: true }, { token: i4.FocusRoot }, { token: i5.FocusGroup }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PagerComponent, isStandalone: true, selector: "kendo-pager", inputs: { total: "total", skip: "skip", pageSize: "pageSize", options: "options", size: "size", template: "template" }, outputs: { pageChange: "pageChange" }, host: { listeners: { "focusin": "onFocusIn($event)", "focusout": "onFocusOut()", "keydown.escape": "onEscape()", "keydown.enter": "onEnter($event)", "keydown.arrowleft": "navigateToPreviousPage($event)", "keydown.pageup": "navigateToPreviousPage($event)", "keydown.arrowright": "navigateToNextPage($event)", "keydown.pagedown": "navigateToNextPage($event)", "keydown.home": "navigateToFirstPage($event)", "keydown.end": "navigateToLastPage($event)" }, properties: { "class.k-grid-pager": "this.gridPagerClass", "class.k-pager-sm": "this.sizeSmallClass", "class.k-pager-md": "this.sizeMediumClass", "class.k-focus": "this.isFocused", "attr.aria-label": "this.pagerAriaLabel" } }, providers: [{
+                provide: FOCUS_ROOT_ACTIVE,
+                useValue: true
+            }, {
+                provide: FocusRoot,
+                deps: [FOCUS_ROOT_ACTIVE],
+                useClass: FocusRoot
+            }, {
+                provide: FocusGroup,
+                deps: [FocusRoot],
+                useClass: FocusGroup
+            }], viewQueries: [{ propertyName: "pagerInfo", first: true, predicate: PagerInfoComponent, descendants: true, read: ElementRef }, { propertyName: "pagerPageSizes", first: true, predicate: PagerPageSizesComponent, descendants: true, read: ElementRef }, { propertyName: "numericButtons", first: true, predicate: PagerNumericButtonsComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
         <div
             *ngIf="navigationService.pagerEnabled"
             class="k-sr-only"
@@ -322,7 +335,8 @@ PagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version
         </div>
         <kendo-resize-sensor *ngIf="settings.responsive" (resize)="resizeHandler()"></kendo-resize-sensor>
   `, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: PagerPrevButtonsComponent, selector: "kendo-pager-prev-buttons" }, { kind: "component", type: PagerNumericButtonsComponent, selector: "kendo-pager-numeric-buttons", inputs: ["buttonCount"] }, { kind: "component", type: PagerInputComponent, selector: "kendo-pager-input" }, { kind: "component", type: PagerNextButtonsComponent, selector: "kendo-pager-next-buttons" }, { kind: "component", type: PagerInfoComponent, selector: "kendo-pager-info" }, { kind: "component", type: PagerPageSizesComponent, selector: "kendo-pager-page-sizes", inputs: ["pageSizes"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerComponent, decorators: [{
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-pager',

package/{esm2020 → esm2022}/pager/pager.module.mjs

@@ -37,11 +37,11 @@ import * as i24 from "./pager-input.directive";
  * @hidden
  */
 export class PagerModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: PagerModule, imports: [i1.ColumnComponent, i2.ColumnGroupComponent, i3.LogicalCellDirective, i4.LogicalRowDirective, i5.FocusableDirective, i6.FooterTemplateDirective, i7.ColGroupComponent, i8.ResizableContainerDirective, i9.TemplateContextDirective, i10.FieldAccessorPipe, i11.DetailTemplateDirective, i12.SpanColumnComponent, i13.LoadingComponent, i14.GridTableDirective, i15.PagerComponent, i16.PagerPrevButtonsComponent, i17.PagerNextButtonsComponent, i18.PagerNumericButtonsComponent, i19.PagerInputComponent, i20.PagerInfoComponent, i21.PagerPageSizesComponent, i22.PagerTemplateDirective, i23.PagerDropDownListDirective, i24.PagerInputDirective], exports: [i15.PagerComponent, i16.PagerPrevButtonsComponent, i17.PagerNextButtonsComponent, i18.PagerNumericButtonsComponent, i19.PagerInputComponent, i20.PagerInfoComponent, i21.PagerPageSizesComponent, i22.PagerTemplateDirective, i23.PagerDropDownListDirective, i24.PagerInputDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [i15.PagerComponent, i16.PagerPrevButtonsComponent, i17.PagerNextButtonsComponent, i18.PagerNumericButtonsComponent, i19.PagerInputComponent, i21.PagerPageSizesComponent] });
 }
-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.ColumnComponent, i2.ColumnGroupComponent, i3.LogicalCellDirective, i4.LogicalRowDirective, i5.FocusableDirective, i6.FooterTemplateDirective, i7.ColGroupComponent, i8.ResizableContainerDirective, i9.TemplateContextDirective, i10.FieldAccessorPipe, i11.DetailTemplateDirective, i12.SpanColumnComponent, i13.LoadingComponent, i14.GridTableDirective, i15.PagerComponent, i16.PagerPrevButtonsComponent, i17.PagerNextButtonsComponent, i18.PagerNumericButtonsComponent, i19.PagerInputComponent, i20.PagerInfoComponent, i21.PagerPageSizesComponent, i22.PagerTemplateDirective, i23.PagerDropDownListDirective, i24.PagerInputDirective], exports: [i15.PagerComponent, i16.PagerPrevButtonsComponent, i17.PagerNextButtonsComponent, i18.PagerNumericButtonsComponent, i19.PagerInputComponent, i20.PagerInfoComponent, i21.PagerPageSizesComponent, i22.PagerTemplateDirective, i23.PagerDropDownListDirective, i24.PagerInputDirective] });
-PagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerModule, providers: [IconsService, PopupService, ResizeBatchService, DialogContainerService, DialogService, WindowService, WindowContainerService], imports: [i1.ColumnComponent, i2.ColumnGroupComponent, i7.ColGroupComponent, i12.SpanColumnComponent, i13.LoadingComponent, i15.PagerComponent, i16.PagerPrevButtonsComponent, i17.PagerNextButtonsComponent, i18.PagerNumericButtonsComponent, i19.PagerInputComponent, i20.PagerInfoComponent, i21.PagerPageSizesComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PagerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PagerModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [...KENDO_GRID_PAGER_EXPORTS],

package/{esm2020 → esm2022}/pdf/grid-query.mjs

@@ -20,6 +20,10 @@ const suffix = (locked) => locked ? 'locked' : 'wrap';
  * @hidden
  */
 export class GridQuery {
+    element;
+    headerWrap;
+    list;
+    footerWrap;
     constructor(element) {
         this.element = element;
         this.list = findElement(element, matchesList);