@progress/kendo-angular-layout 21.2.0-develop.9 → 21.3.0-develop.1

package/esm2022/drawer/list.component.mjs

@@ -7,7 +7,7 @@ import { Component, ElementRef, Input, NgZone, Renderer2, TemplateRef, Output, E
 import { closestItem, itemIndex } from '../common/dom-queries';
 import { DRAWER_ITEM_INDEX } from './models/constants';
 import { DrawerService } from './drawer.service';
-import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
+import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
 import { ACTIVE_NESTED_LINK_SELECTOR, nestedLink } from './util';
 import { DrawerListSelectEvent } from './events/drawer-list-select.event';
 import { DrawerItemComponent } from './item.component';
@@ -52,7 +52,7 @@ export class DrawerListComponent {
             const nativeElement = this.element.nativeElement;
             this.subscriptions.add(this.renderer.listen(nativeElement, 'click', this.clickHandler.bind(this)));
             this.subscriptions.add(this.renderer.listen(nativeElement, 'keydown', (e) => {
-                const code = normalizeNumpadKeys(e);
+                const code = normalizeKeys(e);
                 const isEnterOrSpace = code === Keys.Enter || code === Keys.Space;
                 const isArrowUpOrDown = code === Keys.ArrowUp || code === Keys.ArrowDown;
                 if (isEnterOrSpace) {

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1764346534,
-    version: '21.2.0-develop.9',
+    publishDate: 1764778665,
+    version: '21.3.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2022/panelbar/panelbar.component.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, ContentChild, ContentChildren, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, QueryList, ViewChildren, isDevMode } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { Keys, shouldShowValidationUI, getLicenseMessage, WatermarkOverlayComponent, normalizeNumpadKeys } from '@progress/kendo-angular-common';
+import { Keys, shouldShowValidationUI, getLicenseMessage, WatermarkOverlayComponent, normalizeKeys } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { PanelBarExpandMode } from './panelbar-expand-mode';
@@ -268,7 +268,7 @@ export class PanelBarComponent {
     onComponentKeyDown(event) {
         if (event.target === this.elementRef.nativeElement) {
             // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
-            const code = normalizeNumpadKeys(event);
+            const code = normalizeKeys(event);
             if (code === Keys.Space || code === Keys.ArrowUp || code === Keys.ArrowDown ||
                 code === Keys.ArrowLeft || code === Keys.ArrowRight || code === Keys.Home ||
                 code === Keys.End || code === Keys.PageUp || code === Keys.PageDown) {

package/esm2022/splitter/splitter-bar.component.mjs

@@ -5,7 +5,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { ChangeDetectorRef, Component, ElementRef, Host, HostBinding, Input, Renderer2 } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { DraggableDirective, Keys, isObjectPresent, normalizeNumpadKeys, parseAttributes, removeHTMLAttributes, setHTMLAttributes } from '@progress/kendo-angular-common';
+import { DraggableDirective, Keys, isObjectPresent, normalizeKeys, parseAttributes, removeHTMLAttributes, setHTMLAttributes } from '@progress/kendo-angular-common';
 import { SplitterService } from './splitter.service';
 import { Subscription, of } from 'rxjs';
 import { delay, filter, map, switchMap, takeUntil, tap } from 'rxjs/operators';
@@ -225,7 +225,7 @@ export class SplitterBarComponent {
         return panes.length === 2 && panes[1].collapsed;
     }
     onKeyDown(event) {
-        const keyCode = normalizeNumpadKeys(event);
+        const keyCode = normalizeKeys(event);
         const shouldToggle = event.ctrlKey || event.metaKey;
         if (keyCode === Keys.Enter || keyCode === Keys.NumpadEnter) {
             event.preventDefault();

package/esm2022/stepper/stepper.service.mjs

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Injectable, NgZone, ChangeDetectorRef, EventEmitter } from '@angular/core';
-import { hasObservers, Keys, normalizeNumpadKeys, PreventableEvent } from '@progress/kendo-angular-common';
+import { hasObservers, Keys, normalizeKeys, PreventableEvent } from '@progress/kendo-angular-common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { isPresent } from '../common/util';
 import * as i0 from "@angular/core";
@@ -100,7 +100,7 @@ export class StepperService {
     keydown(e) {
         const current = this.focusedStep || this.currentStep;
         // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
-        const code = normalizeNumpadKeys(e);
+        const code = normalizeKeys(e);
         const handler = this.handlers[code];
         if (!isPresent(current)) {
             return;

package/esm2022/tabstrip/tabstrip.service.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Injectable, NgZone } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
+import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
 import { isArrowKey, isHorizontalArrowKey, isNavigationKey, isVerticalArrowKey } from '../common/util';
 import { SelectEvent } from './events';
 import { isTabClosable, getActiveTab, isTabElement, isTablistHorizontal, getTabByIndex, getTabHeaderByIndex, resetTabSelection } from './util';
@@ -26,7 +26,7 @@ export class TabStripService {
             return;
         }
         // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
-        const code = normalizeNumpadKeys(event);
+        const code = normalizeKeys(event);
         if (this.shouldHandleKey(code)) {
             event.preventDefault();
         }

package/esm2022/tilelayout/keyboard-navigation.service.mjs

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 /* eslint-disable no-unused-expressions */
 import { Injectable, NgZone, Renderer2 } from '@angular/core';
-import { Keys, normalizeNumpadKeys } from '@progress/kendo-angular-common';
+import { Keys, normalizeKeys } from '@progress/kendo-angular-common';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { BehaviorSubject } from 'rxjs';
 import { focusableSelector } from '@progress/kendo-angular-common';
@@ -36,7 +36,7 @@ export class TileLayoutKeyboardNavigationService {
         this.localizationSubscription.unsubscribe();
     }
     onKeyDown(event, elem, focusableItems, settings) {
-        const keyCode = normalizeNumpadKeys(event);
+        const keyCode = normalizeKeys(event);
         const isTileFocused = document.activeElement === elem;
         const focusedTile = settings.items.find(item => item.elem.nativeElement === elem);
         const col = getCurrentCol(focusedTile, settings, this.rtl);

package/esm2022/timeline/timeline-horizontal.component.mjs

@@ -6,7 +6,7 @@ import { ChangeDetectorRef, Component, ElementRef, Input, NgZone, QueryList, Ren
 import { caretAltLeftIcon, caretAltRightIcon } from '@progress/kendo-svg-icons';
 import { Subscription } from 'rxjs';
 import { TimelineCardComponent } from './timeline-card.component';
-import { Keys, ResizeSensorComponent, guid, isChanged, isDocumentAvailable, isPresent, normalizeNumpadKeys } from '@progress/kendo-angular-common';
+import { Keys, ResizeSensorComponent, guid, isChanged, isDocumentAvailable, isPresent, normalizeKeys } from '@progress/kendo-angular-common';
 import { animate, state, style, transition, trigger } from '@angular/animations';
 import { TimelineService } from './timeline.service';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
@@ -300,7 +300,7 @@ export class TimelineHorizontalComponent {
         if (!this.navigable) {
             return;
         }
-        const code = normalizeNumpadKeys(event);
+        const code = normalizeKeys(event);
         event.preventDefault();
         if (code === Keys.Home) {
             this.onHomeKey();

package/esm2022/timeline/timeline.component.mjs

@@ -39,19 +39,7 @@ export class TimelineComponent {
         }
         this.originalData = events;
         this._events = processItems(this.originalData, this.modelFields);
-        this._events.sort((a, b) => {
-            const order = this.eventsOrder === 'asc' ? 1 : -1;
-            return order * (a.date.getTime() - b.date.getTime());
-        });
-        if (this._events.length > 0) {
-            let flag = this._events[0].date.getFullYear() - 1;
-            this._events.forEach((event) => {
-                if (event.date.getFullYear() !== flag) {
-                    flag = event.date.getFullYear();
-                    event.flag = flag;
-                }
-            });
-        }
+        this.updateEvents();
     }
     get events() {
         return this._events;
@@ -118,10 +106,7 @@ export class TimelineComponent {
             return;
         }
         this._eventsOrder = order;
-        this._events = [...this._events].sort((a, b) => {
-            const sortOrder = order === 'asc' ? 1 : -1;
-            return sortOrder * (a.date.getTime() - b.date.getTime());
-        });
+        this.updateEvents();
     }
     get eventsOrder() {
         return this._eventsOrder;
@@ -300,6 +285,24 @@ export class TimelineComponent {
     collapse(index) {
         this.timelineVertical?.collapse(index);
     }
+    updateEvents() {
+        const sortOrder = this._eventsOrder === 'asc' ? 1 : -1;
+        this._events = [...this._events].sort((a, b) => {
+            return sortOrder * (a.date.getTime() - b.date.getTime());
+        });
+        if (this._events.length > 0) {
+            let flag = this._events[0].date.getFullYear() - sortOrder;
+            this._events.forEach((event) => {
+                if (event.date.getFullYear() === flag) {
+                    event.flag = null;
+                }
+                else {
+                    flag = event.date.getFullYear();
+                    event.flag = flag;
+                }
+            });
+        }
+    }
     initTemplates() {
         this.headerTemplate = this.cardHeaderTemplate?.first;
         this.bodyTemplate = this.cardBodyTemplate?.first;

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

@@ -7,7 +7,7 @@ import { Injectable, Directive, Optional, isDevMode, Component, SkipSelf, Host,
 import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
 import * as i1$1 from '@progress/kendo-angular-common';
-import { Keys, getLicenseMessage, shouldShowValidationUI, normalizeNumpadKeys, WatermarkOverlayComponent, isDocumentAvailable, anyChanged, isObjectPresent, removeHTMLAttributes, parseAttributes, setHTMLAttributes, DraggableDirective, PreventableEvent as PreventableEvent$1, guid, ResizeSensorComponent, hasObservers, isPresent as isPresent$1, focusableSelector, isChanged } from '@progress/kendo-angular-common';
+import { Keys, getLicenseMessage, shouldShowValidationUI, normalizeKeys, WatermarkOverlayComponent, isDocumentAvailable, anyChanged, isObjectPresent, removeHTMLAttributes, parseAttributes, setHTMLAttributes, DraggableDirective, PreventableEvent as PreventableEvent$1, guid, ResizeSensorComponent, hasObservers, isPresent as isPresent$1, focusableSelector, isChanged } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i1$2 from '@angular/animations';
 import { trigger, state, style, transition, animate, AUTO_STYLE } from '@angular/animations';
@@ -29,8 +29,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1764346534,
-    version: '21.2.0-develop.9',
+    publishDate: 1764778665,
+    version: '21.3.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
@@ -1363,7 +1363,7 @@ class PanelBarComponent {
     onComponentKeyDown(event) {
         if (event.target === this.elementRef.nativeElement) {
             // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
-            const code = normalizeNumpadKeys(event);
+            const code = normalizeKeys(event);
             if (code === Keys.Space || code === Keys.ArrowUp || code === Keys.ArrowDown ||
                 code === Keys.ArrowLeft || code === Keys.ArrowRight || code === Keys.Home ||
                 code === Keys.End || code === Keys.PageUp || code === Keys.PageDown) {
@@ -2546,7 +2546,7 @@ class SplitterBarComponent {
         return panes.length === 2 && panes[1].collapsed;
     }
     onKeyDown(event) {
-        const keyCode = normalizeNumpadKeys(event);
+        const keyCode = normalizeKeys(event);
         const shouldToggle = event.ctrlKey || event.metaKey;
         if (keyCode === Keys.Enter || keyCode === Keys.NumpadEnter) {
             event.preventDefault();
@@ -3340,7 +3340,7 @@ class TabStripService {
             return;
         }
         // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
-        const code = normalizeNumpadKeys(event);
+        const code = normalizeKeys(event);
         if (this.shouldHandleKey(code)) {
             event.preventDefault();
         }
@@ -5703,7 +5703,7 @@ class DrawerListComponent {
             const nativeElement = this.element.nativeElement;
             this.subscriptions.add(this.renderer.listen(nativeElement, 'click', this.clickHandler.bind(this)));
             this.subscriptions.add(this.renderer.listen(nativeElement, 'keydown', (e) => {
-                const code = normalizeNumpadKeys(e);
+                const code = normalizeKeys(e);
                 const isEnterOrSpace = code === Keys.Enter || code === Keys.Space;
                 const isArrowUpOrDown = code === Keys.ArrowUp || code === Keys.ArrowDown;
                 if (isEnterOrSpace) {
@@ -6645,7 +6645,7 @@ class StepperService {
     keydown(e) {
         const current = this.focusedStep || this.currentStep;
         // on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
-        const code = normalizeNumpadKeys(e);
+        const code = normalizeKeys(e);
         const handler = this.handlers[code];
         if (!isPresent(current)) {
             return;
@@ -10110,7 +10110,7 @@ class TileLayoutKeyboardNavigationService {
         this.localizationSubscription.unsubscribe();
     }
     onKeyDown(event, elem, focusableItems, settings) {
-        const keyCode = normalizeNumpadKeys(event);
+        const keyCode = normalizeKeys(event);
         const isTileFocused = document.activeElement === elem;
         const focusedTile = settings.items.find(item => item.elem.nativeElement === elem);
         const col = getCurrentCol(focusedTile, settings, this.rtl);
@@ -12502,7 +12502,7 @@ class TimelineHorizontalComponent {
         if (!this.navigable) {
             return;
         }
-        const code = normalizeNumpadKeys(event);
+        const code = normalizeKeys(event);
         event.preventDefault();
         if (code === Keys.Home) {
             this.onHomeKey();
@@ -13225,19 +13225,7 @@ class TimelineComponent {
         }
         this.originalData = events;
         this._events = processItems(this.originalData, this.modelFields);
-        this._events.sort((a, b) => {
-            const order = this.eventsOrder === 'asc' ? 1 : -1;
-            return order * (a.date.getTime() - b.date.getTime());
-        });
-        if (this._events.length > 0) {
-            let flag = this._events[0].date.getFullYear() - 1;
-            this._events.forEach((event) => {
-                if (event.date.getFullYear() !== flag) {
-                    flag = event.date.getFullYear();
-                    event.flag = flag;
-                }
-            });
-        }
+        this.updateEvents();
     }
     get events() {
         return this._events;
@@ -13304,10 +13292,7 @@ class TimelineComponent {
             return;
         }
         this._eventsOrder = order;
-        this._events = [...this._events].sort((a, b) => {
-            const sortOrder = order === 'asc' ? 1 : -1;
-            return sortOrder * (a.date.getTime() - b.date.getTime());
-        });
+        this.updateEvents();
     }
     get eventsOrder() {
         return this._eventsOrder;
@@ -13486,6 +13471,24 @@ class TimelineComponent {
     collapse(index) {
         this.timelineVertical?.collapse(index);
     }
+    updateEvents() {
+        const sortOrder = this._eventsOrder === 'asc' ? 1 : -1;
+        this._events = [...this._events].sort((a, b) => {
+            return sortOrder * (a.date.getTime() - b.date.getTime());
+        });
+        if (this._events.length > 0) {
+            let flag = this._events[0].date.getFullYear() - sortOrder;
+            this._events.forEach((event) => {
+                if (event.date.getFullYear() === flag) {
+                    event.flag = null;
+                }
+                else {
+                    flag = event.date.getFullYear();
+                    event.flag = flag;
+                }
+            });
+        }
+    }
     initTemplates() {
         this.headerTemplate = this.cardHeaderTemplate?.first;
         this.bodyTemplate = this.cardBodyTemplate?.first;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "21.2.0-develop.9",
+  "version": "21.3.0-develop.1",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -50,7 +50,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1764346534,
+      "publishDate": 1764778665,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
     }
   },
@@ -60,17 +60,17 @@
     "@angular/core": "18 - 21",
     "@angular/platform-browser": "18 - 21",
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-angular-common": "21.2.0-develop.9",
-    "@progress/kendo-angular-l10n": "21.2.0-develop.9",
-    "@progress/kendo-angular-progressbar": "21.2.0-develop.9",
-    "@progress/kendo-angular-icons": "21.2.0-develop.9",
-    "@progress/kendo-angular-buttons": "21.2.0-develop.9",
-    "@progress/kendo-angular-intl": "21.2.0-develop.9",
+    "@progress/kendo-angular-common": "21.3.0-develop.1",
+    "@progress/kendo-angular-l10n": "21.3.0-develop.1",
+    "@progress/kendo-angular-progressbar": "21.3.0-develop.1",
+    "@progress/kendo-angular-icons": "21.3.0-develop.1",
+    "@progress/kendo-angular-buttons": "21.3.0-develop.1",
+    "@progress/kendo-angular-intl": "21.3.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "21.2.0-develop.9",
+    "@progress/kendo-angular-schematics": "21.3.0-develop.1",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",

package/timeline/timeline.component.d.ts

@@ -193,6 +193,7 @@ export declare class TimelineComponent implements AfterContentInit, OnDestroy {
      * This method is supported only in `vertical` mode.
      */
     collapse(index: number): void;
+    private updateEvents;
     private initTemplates;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "kendo-timeline", ["kendoTimeline"], { "events": { "alias": "events"; "required": false; }; "modelFields": { "alias": "modelFields"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "alterMode": { "alias": "alterMode"; "required": false; }; "collapsibleEvents": { "alias": "collapsibleEvents"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "showDateLabels": { "alias": "showDateLabels"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "eventsOrder": { "alias": "eventsOrder"; "required": false; }; "eventWidth": { "alias": "eventWidth"; "required": false; }; "eventHeight": { "alias": "eventHeight"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; }, { "onToggle": "onToggle"; "onActionClick": "onActionClick"; "onNavigate": "onNavigate"; }, ["cardHeaderTemplate", "cardBodyTemplate", "cardActionsTemplate"], never, true, never>;