@progress/kendo-angular-pager 19.3.0-develop.4 → 19.3.0-develop.40

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1752065425,
-    version: '19.3.0-develop.4',
+    publishDate: 1754990745,
+    version: '19.3.0-develop.40',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2022/pager/pager-input.component.mjs

@@ -65,7 +65,7 @@ export class PagerInputComponent extends PagerElementComponent {
     handleKeyDown = (event) => {
         const incomingValue = this.numericInput.value || this.current;
         // eslint-disable import/no-deprecated
-        if (event.keyCode === Keys.Enter) {
+        if (event.code === Keys.Enter || event.code === Keys.NumpadEnter) {
             event.preventDefault();
             if (incomingValue !== this.current) {
                 this.zone.run(() => {

package/esm2022/pager/pager-page-sizes.component.mjs

@@ -131,7 +131,7 @@ export class PagerPageSizesComponent extends PagerElementComponent {
         this.cd.markForCheck();
     }
     keyDownHandler(ev) {
-        if (ev.keyCode === Keys.Escape && this.dropDownList.isOpen) {
+        if (ev.code === Keys.Escape && this.dropDownList.isOpen) {
             ev.stopPropagation();
             this.dropDownList.toggle(false);
         }

package/esm2022/pager/pager.component.mjs

@@ -4,10 +4,10 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, EventEmitter, Output, HostBinding, ElementRef, Renderer2, NgZone, HostListener, ContentChildren, QueryList, Optional, SkipSelf, inject, ViewChild, ChangeDetectorRef } from '@angular/core';
 import { PagerTemplateDirective } from "./pager-template.directive";
-import { anyChanged, isChanged, isDocumentAvailable, Keys, ResizeSensorComponent } from "@progress/kendo-angular-common";
+import { anyChanged, isChanged, isDocumentAvailable, Keys, normalizeNumpadKeys, replaceMessagePlaceholder, ResizeSensorComponent } from "@progress/kendo-angular-common";
 import { PagerContextService } from "./pager-context.service";
 import { Subscription } from "rxjs";
-import { DEFAULT_PAGE_SIZE_VALUES, getStylingClasses, DEFAULT_SIZE, replaceMessagePlaceholder, calculatePadding, createMeasurementSpan, copyComputedStyles, positionOffScreen } from '../util';
+import { DEFAULT_PAGE_SIZE_VALUES, getStylingClasses, DEFAULT_SIZE, calculatePadding, createMeasurementSpan, copyComputedStyles, positionOffScreen, getAllFocusableChildren } from '../util';
 import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
@@ -501,13 +501,15 @@ export class PagerComponent {
     keyDownHandler(e) {
         const target = e.target;
         const wrapper = this.element.nativeElement;
-        const isArrowLeftOrPageUp = e.keyCode === Keys.ArrowLeft || e.keyCode === Keys.PageUp;
-        const isArrowRightOrPageDown = e.keyCode === Keys.ArrowRight || e.keyCode === Keys.PageDown;
-        const isEnter = e.keyCode === Keys.Enter;
-        const isHome = e.keyCode === Keys.Home;
-        const isEnd = e.keyCode === Keys.End;
-        const isEsc = e.keyCode === Keys.Escape;
-        const isTab = e.keyCode === Keys.Tab;
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(e);
+        const isArrowLeftOrPageUp = code === Keys.ArrowLeft || code === Keys.PageUp;
+        const isArrowRightOrPageDown = code === Keys.ArrowRight || code === Keys.PageDown;
+        const isEnter = code === Keys.Enter || code === Keys.NumpadEnter;
+        const isHome = code === Keys.Home;
+        const isEnd = code === Keys.End;
+        const isEsc = code === Keys.Escape;
+        const isTab = code === Keys.Tab;
         const isFirstPage = this.currentPage === 1;
         const isLastPage = this.currentPage === this.totalPages;
         this.ngZone.run(() => {
@@ -548,7 +550,14 @@ export class PagerComponent {
                 }
                 else if (isEnter) {
                     e.preventDefault();
-                    const [firstFocusable] = this.navigationService.getFirstAndLastFocusable(wrapper);
+                    let [firstFocusable] = this.navigationService.getFirstAndLastFocusable(wrapper);
+                    if (firstFocusable.getAttribute('aria-disabled') === 'true') {
+                        firstFocusable = Array.from(getAllFocusableChildren(wrapper)).find((el) => !el.getAttribute('aria-disabled'));
+                        const input = firstFocusable.querySelector('input');
+                        if (input) {
+                            firstFocusable = input;
+                        }
+                    }
                     this.navigationService.toggleInnerNavigation(true);
                     firstFocusable?.focus();
                 }

package/esm2022/util.mjs

@@ -61,10 +61,6 @@ export const getStylingClasses = (componentType, stylingOption, previousValue, n
             break;
     }
 };
-/**
- * @hidden
- */
-export const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
 /**
  * @hidden
  */

package/fesm2022/progress-kendo-angular-pager.mjs

@@ -8,7 +8,7 @@ import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { Subject, Subscription } from 'rxjs';
 import { caretAltLeftIcon, caretAltToLeftIcon, caretAltRightIcon, caretAltToRightIcon } from '@progress/kendo-svg-icons';
-import { isDocumentAvailable, isFocusable, Keys, EventsOutsideAngularDirective, anyChanged, isChanged, ResizeSensorComponent, isPresent, ResizeBatchService } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, isFocusable, Keys, EventsOutsideAngularDirective, anyChanged, isChanged, replaceMessagePlaceholder, normalizeNumpadKeys, ResizeSensorComponent, isPresent, ResizeBatchService } from '@progress/kendo-angular-common';
 import { ButtonComponent } from '@progress/kendo-angular-buttons';
 import { DropDownListComponent } from '@progress/kendo-angular-dropdowns';
 import { NgIf, NgFor, NgTemplateOutlet, NgStyle } from '@angular/common';
@@ -433,10 +433,6 @@ const getStylingClasses = (componentType, stylingOption, previousValue, newValue
             break;
     }
 };
-/**
- * @hidden
- */
-const replaceMessagePlaceholder = (message, name, value) => message.replace(new RegExp(`{\\s*${name}\\s*}`, 'g'), value);
 /**
  * @hidden
  */
@@ -824,7 +820,7 @@ class PagerPageSizesComponent extends PagerElementComponent {
         this.cd.markForCheck();
     }
     keyDownHandler(ev) {
-        if (ev.keyCode === Keys.Escape && this.dropDownList.isOpen) {
+        if (ev.code === Keys.Escape && this.dropDownList.isOpen) {
             ev.stopPropagation();
             this.dropDownList.toggle(false);
         }
@@ -1328,7 +1324,7 @@ class PagerInputComponent extends PagerElementComponent {
     handleKeyDown = (event) => {
         const incomingValue = this.numericInput.value || this.current;
         // eslint-disable import/no-deprecated
-        if (event.keyCode === Keys.Enter) {
+        if (event.code === Keys.Enter || event.code === Keys.NumpadEnter) {
             event.preventDefault();
             if (incomingValue !== this.current) {
                 this.zone.run(() => {
@@ -1513,8 +1509,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1752065425,
-    version: '19.3.0-develop.4',
+    publishDate: 1754990745,
+    version: '19.3.0-develop.40',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1994,13 +1990,15 @@ class PagerComponent {
     keyDownHandler(e) {
         const target = e.target;
         const wrapper = this.element.nativeElement;
-        const isArrowLeftOrPageUp = e.keyCode === Keys.ArrowLeft || e.keyCode === Keys.PageUp;
-        const isArrowRightOrPageDown = e.keyCode === Keys.ArrowRight || e.keyCode === Keys.PageDown;
-        const isEnter = e.keyCode === Keys.Enter;
-        const isHome = e.keyCode === Keys.Home;
-        const isEnd = e.keyCode === Keys.End;
-        const isEsc = e.keyCode === Keys.Escape;
-        const isTab = e.keyCode === Keys.Tab;
+        // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
+        const code = normalizeNumpadKeys(e);
+        const isArrowLeftOrPageUp = code === Keys.ArrowLeft || code === Keys.PageUp;
+        const isArrowRightOrPageDown = code === Keys.ArrowRight || code === Keys.PageDown;
+        const isEnter = code === Keys.Enter || code === Keys.NumpadEnter;
+        const isHome = code === Keys.Home;
+        const isEnd = code === Keys.End;
+        const isEsc = code === Keys.Escape;
+        const isTab = code === Keys.Tab;
         const isFirstPage = this.currentPage === 1;
         const isLastPage = this.currentPage === this.totalPages;
         this.ngZone.run(() => {
@@ -2041,7 +2039,14 @@ class PagerComponent {
                 }
                 else if (isEnter) {
                     e.preventDefault();
-                    const [firstFocusable] = this.navigationService.getFirstAndLastFocusable(wrapper);
+                    let [firstFocusable] = this.navigationService.getFirstAndLastFocusable(wrapper);
+                    if (firstFocusable.getAttribute('aria-disabled') === 'true') {
+                        firstFocusable = Array.from(getAllFocusableChildren(wrapper)).find((el) => !el.getAttribute('aria-disabled'));
+                        const input = firstFocusable.querySelector('input');
+                        if (input) {
+                            firstFocusable = input;
+                        }
+                    }
                     this.navigationService.toggleInnerNavigation(true);
                     firstFocusable?.focus();
                 }

package/package.json

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

package/schematics/ngAdd/index.js

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

package/util.d.ts

@@ -28,10 +28,6 @@ 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;
 /**
  * Specifies the adaptive rendering of the component.
  *