@progress/kendo-angular-treeview 23.3.0 → 23.3.1-develop.2

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

@@ -28,8 +28,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1775133276,
-    version: '23.3.0',
+    publishDate: 1775563625,
+    version: '23.3.1-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -629,6 +629,7 @@ class NavigationService {
     activeItem;
     isFocused = false;
     shouldScroll = false;
+    shouldFocus = true;
     _model = new NavigationModel();
     get activeIndex() {
         return nodeIndex(this.activeItem) || null;
@@ -647,29 +648,31 @@ class NavigationService {
         this.moveToFirstVisibleChild = this.moveToFirstVisibleChild.bind(this);
         this.moveToParent = this.moveToParent.bind(this);
     }
-    activate(item, shouldScroll = false) {
+    activate(item, shouldScroll = false, shouldFocus = true) {
         if (!this.navigable || !item || this.isActive(nodeIndex(item))) {
             return;
         }
         this.isFocused = true;
         this.activeItem = item || this.activeItem;
         this.shouldScroll = shouldScroll;
+        this.shouldFocus = shouldFocus;
         this.notifyMove();
     }
-    activateParent(index) {
-        this.activate(this.model.findParent(index));
+    activateParent(index, shouldFocus = true) {
+        this.activate(this.model.findParent(index), false, shouldFocus);
     }
-    activateIndex(index) {
+    activateIndex(index, shouldFocus = true) {
         if (!index) {
             return;
         }
-        this.activate(this.model.findNode(index));
+        this.activate(this.model.findNode(index), false, shouldFocus);
     }
     activateClosest(index) {
         if (!index || nodeIndex(this.focusableItem) !== index) {
             return;
         }
         this.activeItem = this.model.closestNode(index);
+        this.shouldFocus = this.isTreeViewActive;
         this.notifyMove();
     }
     activateFocusable() {
@@ -677,6 +680,16 @@ class NavigationService {
             return;
         }
         this.activeItem = this.model.firstVisibleNode();
+        this.shouldFocus = this.isTreeViewActive;
+        this.notifyMove();
+    }
+    setFocusableItem(index) {
+        const item = this.model.findNode(index);
+        if (!item || item.disabled) {
+            return;
+        }
+        this.activeItem = item;
+        this.shouldFocus = this.isTreeViewActive;
         this.notifyMove();
     }
     deactivate() {
@@ -684,6 +697,7 @@ class NavigationService {
             return;
         }
         this.isFocused = false;
+        this.shouldFocus = false;
         this.notifyMove();
     }
     checkIndex(index) {
@@ -739,7 +753,7 @@ class NavigationService {
     }
     unregisterItem(id, index) {
         if (this.isActive(index)) {
-            this.activateParent(index);
+            this.activateParent(index, false);
         }
         this.model.unregisterItem(id, index);
     }
@@ -784,7 +798,7 @@ class NavigationService {
         this.moves.next(this.navigationState());
     }
     navigationState(expand = false) {
-        return ({ expand, index: this.activeIndex, isFocused: this.isFocused, shouldScroll: this.shouldScroll });
+        return ({ expand, index: this.activeIndex, isFocused: this.isFocused, shouldScroll: this.shouldScroll, shouldFocus: this.shouldFocus });
     }
     handleEnter(event) {
         if (!this.navigable) {
@@ -1294,7 +1308,7 @@ class TreeViewItemDirective {
             this.navigationService.moves
                 .subscribe((navState) => {
                 this.updateTabIndex();
-                this.focusItem(navState.shouldScroll);
+                this.focusItem(navState.shouldScroll, navState.shouldFocus);
             }),
             this.navigationService.expands
                 .pipe(filter(({ index }) => index === this.index && !this.isDisabled))
@@ -1314,7 +1328,7 @@ class TreeViewItemDirective {
         const index = this.index;
         selectionService.setFirstSelected(index, this.isSelected);
         if (!navigationService.isActive(index) && selectionService.isFirstSelected(index)) {
-            navigationService.activateIndex(index);
+            navigationService.activateIndex(index, false);
         }
     }
     expand(shouldExpand) {
@@ -1323,8 +1337,8 @@ class TreeViewItemDirective {
     isFocusable() {
         return !this.isDisabled && this.navigationService.isFocusable(this.index);
     }
-    focusItem(scrollIntoView = false) {
-        if (this.isInitialized && this.navigationService.isActive(this.index)) {
+    focusItem(scrollIntoView = false, shouldFocus = true) {
+        if (this.isInitialized && this.navigationService.isActive(this.index) && shouldFocus) {
             this.element.nativeElement.focus({ preventScroll: !scrollIntoView });
         }
     }
@@ -1346,9 +1360,12 @@ class TreeViewItemDirective {
     }
     updateNodeAvailability() {
         const service = this.navigationService;
-        if (this.isDisabled || !this.isVisible && this.navigationService.isTreeViewActive) {
+        if (this.isDisabled || !this.isVisible) {
             service.activateClosest(this.index); // activate before updating the item
         }
+        else if (this.isSelected) {
+            service.setFocusableItem(this.index);
+        }
         else {
             service.activateFocusable();
         }
@@ -5143,6 +5160,7 @@ class FilteringBase {
      */
     filterData;
     visibleNodes = new Set();
+    currentFilterTerm = '';
     /**
      * The settings which are applied when performing a filter on the component's data.
      */
@@ -5151,6 +5169,7 @@ class FilteringBase {
             ...DEFAULT_FILTER_SETTINGS,
             ...settings
         };
+        this.handleFilterChange(this.currentFilterTerm);
     }
     get filterSettings() {
         return this._filterSettings;
@@ -5172,6 +5191,7 @@ class FilteringBase {
         if (!this.filterData) {
             return;
         }
+        this.currentFilterTerm = term;
         this.resetNodesVisibility(this.filterData);
         if (term) {
             filterTree(this.filterData, term, this.filterSettings, this.component.textField);

package/filtering-base.d.ts

@@ -16,6 +16,7 @@ export declare abstract class FilteringBase {
      */
     protected filterData: TreeItemFilterState[];
     protected visibleNodes: Set<any>;
+    private currentFilterTerm;
     /**
      * The settings which are applied when performing a filter on the component's data.
      */

package/navigation/navigation-state.interface.d.ts

@@ -10,4 +10,5 @@ export interface NavigationState {
     isFocused: boolean;
     index: string;
     shouldScroll: boolean;
+    shouldFocus: boolean;
 }

package/navigation/navigation.service.d.ts

@@ -31,17 +31,19 @@ export declare class NavigationService {
     private activeItem;
     private isFocused;
     private shouldScroll;
+    private shouldFocus;
     private _model;
     private get activeIndex();
     private get isActiveExpanded();
     private get isLoadMoreButton();
     get focusableItem(): NavigationItem;
     constructor(localization: LocalizationService);
-    activate(item: NavigationItem, shouldScroll?: boolean): void;
-    activateParent(index: string): void;
-    activateIndex(index: string): void;
+    activate(item: NavigationItem, shouldScroll?: boolean, shouldFocus?: boolean): void;
+    activateParent(index: string, shouldFocus?: boolean): void;
+    activateIndex(index: string, shouldFocus?: boolean): void;
     activateClosest(index: string): void;
     activateFocusable(): void;
+    setFocusableItem(index: string): void;
     deactivate(): void;
     checkIndex(index: string): void;
     selectIndex(index: string): void;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1775133276,
-  "version": "23.3.0",
+  "publishDate": 1775563625,
+  "version": "23.3.1-develop.2",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treeview",
-  "version": "23.3.0",
+  "version": "23.3.1-develop.2",
   "description": "Kendo UI TreeView for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,7 +19,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1775133276,
+      "publishDate": 1775563625,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -29,15 +29,15 @@
     "@angular/core": "19 - 21",
     "@angular/platform-browser": "19 - 21",
     "@progress/kendo-licensing": "^1.10.0",
-    "@progress/kendo-angular-common": "23.3.0",
-    "@progress/kendo-angular-inputs": "23.3.0",
-    "@progress/kendo-angular-icons": "23.3.0",
-    "@progress/kendo-angular-l10n": "23.3.0",
+    "@progress/kendo-angular-common": "23.3.1-develop.2",
+    "@progress/kendo-angular-inputs": "23.3.1-develop.2",
+    "@progress/kendo-angular-icons": "23.3.1-develop.2",
+    "@progress/kendo-angular-l10n": "23.3.1-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "23.3.0",
+    "@progress/kendo-angular-schematics": "23.3.1-develop.2",
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.2"
   },

package/schematics/ngAdd/index.js

@@ -9,10 +9,10 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeViewModule', package: 'treeview', peerDependencies: {
             // Peers of kendo-angular-inputs
-            '@progress/kendo-angular-buttons': '23.3.0',
-            '@progress/kendo-angular-dialog': '23.3.0',
-            '@progress/kendo-angular-intl': '23.3.0',
-            '@progress/kendo-angular-popup': '23.3.0',
+            '@progress/kendo-angular-buttons': '23.3.1-develop.2',
+            '@progress/kendo-angular-dialog': '23.3.1-develop.2',
+            '@progress/kendo-angular-intl': '23.3.1-develop.2',
+            '@progress/kendo-angular-popup': '23.3.1-develop.2',
             '@progress/kendo-drawing': '^1.9.3',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'