@progress/kendo-angular-layout 19.0.0-develop.20 → 19.0.0-develop.21

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1747410117,
-    version: '19.0.0-develop.20',
+    publishDate: 1747411735,
+    version: '19.0.0-develop.21',
     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/tabstrip/tabstrip.service.mjs

@@ -63,7 +63,7 @@ export class TabStripService {
         if (!NgZone.isInAngularZone()) {
             this.ngZone.run(() => {
                 if (activeIndex < 0) {
-                    this.owner.selectTab(this.firstNavigatableIndex());
+                    this.owner.selectTab(this.firstNavigableIndex());
                     return;
                 }
                 activeTab.focused = false;
@@ -113,14 +113,14 @@ export class TabStripService {
         switch (keyCode) {
             case this.invertKeys(Keys.ArrowLeft, Keys.ArrowRight):
             case this.invertKeys(Keys.ArrowUp, Keys.ArrowDown):
-                return this.prevNavigatableIndex(activeIndex);
+                return this.prevNavigableIndex(activeIndex);
             case this.invertKeys(Keys.ArrowRight, Keys.ArrowLeft):
             case this.invertKeys(Keys.ArrowDown, Keys.ArrowUp):
-                return this.nextNavigatableIndex(activeIndex);
+                return this.nextNavigableIndex(activeIndex);
             case Keys.Home:
-                return this.firstNavigatableIndex();
+                return this.firstNavigableIndex();
             case Keys.End:
-                return this.lastNavigatableIndex();
+                return this.lastNavigableIndex();
             default:
                 return;
         }
@@ -128,21 +128,21 @@ export class TabStripService {
     invertKeys(original, inverted) {
         return this.localization.rtl ? inverted : original;
     }
-    firstNavigatableIndex() {
+    firstNavigableIndex() {
         return 0;
     }
-    lastNavigatableIndex() {
+    lastNavigableIndex() {
         return this.owner.tabs.length - 1;
     }
-    prevNavigatableIndex(selectedIndex) {
+    prevNavigableIndex(selectedIndex) {
         if (selectedIndex - 1 < 0) {
-            return this.lastNavigatableIndex();
+            return this.lastNavigableIndex();
         }
         return selectedIndex - 1;
     }
-    nextNavigatableIndex(selectedIndex) {
+    nextNavigableIndex(selectedIndex) {
         if (selectedIndex + 1 >= this.owner.tabs.length) {
-            return this.firstNavigatableIndex();
+            return this.firstNavigableIndex();
         }
         return selectedIndex + 1;
     }

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

@@ -20,7 +20,7 @@ export class TileLayoutKeyboardNavigationService {
     zone;
     renderer;
     localization;
-    navigable = new BehaviorSubject(false);
+    navigable = new BehaviorSubject(true);
     owner;
     mousedown;
     localizationSubscription;

package/esm2022/tilelayout/tilelayout.component.mjs

@@ -87,12 +87,12 @@ export class TileLayoutComponent {
      */
     autoFlow = 'column';
     /**
-     * If set to true, the user can use dedicated shortcuts to interact with the TileLayout.
-     * By default, navigation is disabled and focusable TileLayout content is a part of the natural tab sequence of the page.
+     * When the keyboard navigation is enabled, the user can use dedicated shortcuts to interact with the TileLayout.
+     * By default, navigation is enabled. To disable it and include focusable TileLayout content as a part of the natural tab sequence of the page, set the property to `false`.
      *
-     * @default false
+     * @default true
      */
-    navigable = false;
+    navigable = true;
     /**
      * Fires when the user completes the reordering of the item ([see example]({% slug reordering_tilelayout %})).
      * This event is preventable. If you cancel it, the item will not be reordered.

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

@@ -29,8 +29,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1747410117,
-    version: '19.0.0-develop.20',
+    publishDate: 1747411735,
+    version: '19.0.0-develop.21',
     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'
 };
 
@@ -3209,7 +3209,7 @@ class TabStripService {
         if (!NgZone.isInAngularZone()) {
             this.ngZone.run(() => {
                 if (activeIndex < 0) {
-                    this.owner.selectTab(this.firstNavigatableIndex());
+                    this.owner.selectTab(this.firstNavigableIndex());
                     return;
                 }
                 activeTab.focused = false;
@@ -3259,14 +3259,14 @@ class TabStripService {
         switch (keyCode) {
             case this.invertKeys(Keys.ArrowLeft, Keys.ArrowRight):
             case this.invertKeys(Keys.ArrowUp, Keys.ArrowDown):
-                return this.prevNavigatableIndex(activeIndex);
+                return this.prevNavigableIndex(activeIndex);
             case this.invertKeys(Keys.ArrowRight, Keys.ArrowLeft):
             case this.invertKeys(Keys.ArrowDown, Keys.ArrowUp):
-                return this.nextNavigatableIndex(activeIndex);
+                return this.nextNavigableIndex(activeIndex);
             case Keys.Home:
-                return this.firstNavigatableIndex();
+                return this.firstNavigableIndex();
             case Keys.End:
-                return this.lastNavigatableIndex();
+                return this.lastNavigableIndex();
             default:
                 return;
         }
@@ -3274,21 +3274,21 @@ class TabStripService {
     invertKeys(original, inverted) {
         return this.localization.rtl ? inverted : original;
     }
-    firstNavigatableIndex() {
+    firstNavigableIndex() {
         return 0;
     }
-    lastNavigatableIndex() {
+    lastNavigableIndex() {
         return this.owner.tabs.length - 1;
     }
-    prevNavigatableIndex(selectedIndex) {
+    prevNavigableIndex(selectedIndex) {
         if (selectedIndex - 1 < 0) {
-            return this.lastNavigatableIndex();
+            return this.lastNavigableIndex();
         }
         return selectedIndex - 1;
     }
-    nextNavigatableIndex(selectedIndex) {
+    nextNavigableIndex(selectedIndex) {
         if (selectedIndex + 1 >= this.owner.tabs.length) {
-            return this.firstNavigatableIndex();
+            return this.firstNavigableIndex();
         }
         return selectedIndex + 1;
     }
@@ -9621,7 +9621,7 @@ class TileLayoutKeyboardNavigationService {
     zone;
     renderer;
     localization;
-    navigable = new BehaviorSubject(false);
+    navigable = new BehaviorSubject(true);
     owner;
     mousedown;
     localizationSubscription;
@@ -10230,12 +10230,12 @@ class TileLayoutComponent {
      */
     autoFlow = 'column';
     /**
-     * If set to true, the user can use dedicated shortcuts to interact with the TileLayout.
-     * By default, navigation is disabled and focusable TileLayout content is a part of the natural tab sequence of the page.
+     * When the keyboard navigation is enabled, the user can use dedicated shortcuts to interact with the TileLayout.
+     * By default, navigation is enabled. To disable it and include focusable TileLayout content as a part of the natural tab sequence of the page, set the property to `false`.
      *
-     * @default false
+     * @default true
      */
-    navigable = false;
+    navigable = true;
     /**
      * Fires when the user completes the reordering of the item ([see example]({% slug reordering_tilelayout %})).
      * This event is preventable. If you cancel it, the item will not be reordered.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-layout",
-  "version": "19.0.0-develop.20",
+  "version": "19.0.0-develop.21",
   "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -35,7 +35,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1747410117,
+      "publishDate": 1747411735,
       "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"
     }
   },
@@ -45,17 +45,17 @@
     "@angular/core": "16 - 19",
     "@angular/platform-browser": "16 - 19",
     "@progress/kendo-licensing": "^1.5.0",
-    "@progress/kendo-angular-common": "19.0.0-develop.20",
-    "@progress/kendo-angular-l10n": "19.0.0-develop.20",
-    "@progress/kendo-angular-progressbar": "19.0.0-develop.20",
-    "@progress/kendo-angular-icons": "19.0.0-develop.20",
-    "@progress/kendo-angular-buttons": "19.0.0-develop.20",
-    "@progress/kendo-angular-intl": "19.0.0-develop.20",
+    "@progress/kendo-angular-common": "19.0.0-develop.21",
+    "@progress/kendo-angular-l10n": "19.0.0-develop.21",
+    "@progress/kendo-angular-progressbar": "19.0.0-develop.21",
+    "@progress/kendo-angular-icons": "19.0.0-develop.21",
+    "@progress/kendo-angular-buttons": "19.0.0-develop.21",
+    "@progress/kendo-angular-intl": "19.0.0-develop.21",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "19.0.0-develop.20",
+    "@progress/kendo-angular-schematics": "19.0.0-develop.21",
     "@progress/kendo-draggable": "^3.0.2"
   },
   "schematics": "./schematics/collection.json",

package/tabstrip/tabstrip.service.d.ts

@@ -25,10 +25,10 @@ export declare class TabStripService {
     private shouldHandleKey;
     private computeNextIndex;
     private invertKeys;
-    private firstNavigatableIndex;
-    private lastNavigatableIndex;
-    private prevNavigatableIndex;
-    private nextNavigatableIndex;
+    private firstNavigableIndex;
+    private lastNavigableIndex;
+    private prevNavigableIndex;
+    private nextNavigableIndex;
     static ɵfac: i0.ɵɵFactoryDeclaration<TabStripService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<TabStripService>;
 }

package/tilelayout/tilelayout.component.d.ts

@@ -71,10 +71,10 @@ export declare class TileLayoutComponent implements OnInit, AfterViewInit, After
      */
     autoFlow: TileLayoutFlowMode;
     /**
-     * If set to true, the user can use dedicated shortcuts to interact with the TileLayout.
-     * By default, navigation is disabled and focusable TileLayout content is a part of the natural tab sequence of the page.
+     * When the keyboard navigation is enabled, the user can use dedicated shortcuts to interact with the TileLayout.
+     * By default, navigation is enabled. To disable it and include focusable TileLayout content as a part of the natural tab sequence of the page, set the property to `false`.
      *
-     * @default false
+     * @default true
      */
     navigable: boolean;
     /**