@progress/kendo-angular-treeview 16.4.0-develop.7 → 16.4.0

package/esm2020/navigation/navigation.service.mjs

@@ -24,6 +24,7 @@ export class NavigationService {
         this.loadMore = new Subject();
         this.navigable = true;
         this.selection = 'single';
+        this.isTreeViewActive = false;
         this.actions = {
             [Keys.ArrowUp]: () => this.activate(this.model.findVisiblePrev(this.focusableItem), true),
             [Keys.ArrowDown]: () => this.activate(this.model.findVisibleNext(this.focusableItem), true),

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1720507346,
-    version: '16.4.0-develop.7',
+    publishDate: 1720607899,
+    version: '16.4.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/treeview-item.directive.mjs

@@ -164,7 +164,7 @@ export class TreeViewItemDirective {
     }
     updateNodeAvailability() {
         const service = this.navigationService;
-        if (this.isDisabled || !this.isVisible) {
+        if (this.isDisabled || !this.isVisible && this.navigationService.isTreeViewActive) {
             service.activateClosest(this.index); // activate before updating the item
         }
         else {

package/esm2020/treeview.component.mjs

@@ -253,7 +253,6 @@ export class TreeViewComponent {
         this.expandIcons = false;
         this.selectable = false;
         this.touchActions = true;
-        this.isActive = false;
         this.data = new BehaviorSubject([]);
         this._animate = true;
         this._size = 'medium';
@@ -374,6 +373,9 @@ export class TreeViewComponent {
     get size() {
         return this._size;
     }
+    get isActive() {
+        return this.navigationService.isTreeViewActive;
+    }
     /**
      * @hidden
      */
@@ -560,14 +562,14 @@ export class TreeViewComponent {
                     this.onFocus.emit();
                 });
             }
-            this.isActive = true;
+            this.navigationService.isTreeViewActive = true;
         }
     }
     blurHandler(e) {
         if (this.isActive && match(e.target, '.k-treeview-item') &&
             (!e.relatedTarget || !match(e.relatedTarget, '.k-treeview-item') || !hasParent(e.relatedTarget, this.element.nativeElement))) {
             this.navigationService.deactivate();
-            this.isActive = false;
+            this.navigationService.isTreeViewActive = false;
             if (hasObservers(this.onBlur)) {
                 this.ngZone.run(() => {
                     this.onBlur.emit();

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

@@ -28,8 +28,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1720507346,
-    version: '16.4.0-develop.7',
+    publishDate: 1720607899,
+    version: '16.4.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -604,6 +604,7 @@ class NavigationService {
         this.loadMore = new Subject();
         this.navigable = true;
         this.selection = 'single';
+        this.isTreeViewActive = false;
         this.actions = {
             [Keys.ArrowUp]: () => this.activate(this.model.findVisiblePrev(this.focusableItem), true),
             [Keys.ArrowDown]: () => this.activate(this.model.findVisibleNext(this.focusableItem), true),
@@ -1226,7 +1227,7 @@ class TreeViewItemDirective {
     }
     updateNodeAvailability() {
         const service = this.navigationService;
-        if (this.isDisabled || !this.isVisible) {
+        if (this.isDisabled || !this.isVisible && this.navigationService.isTreeViewActive) {
             service.activateClosest(this.index); // activate before updating the item
         }
         else {
@@ -2334,7 +2335,6 @@ class TreeViewComponent {
         this.expandIcons = false;
         this.selectable = false;
         this.touchActions = true;
-        this.isActive = false;
         this.data = new BehaviorSubject([]);
         this._animate = true;
         this._size = 'medium';
@@ -2455,6 +2455,9 @@ class TreeViewComponent {
     get size() {
         return this._size;
     }
+    get isActive() {
+        return this.navigationService.isTreeViewActive;
+    }
     /**
      * @hidden
      */
@@ -2641,14 +2644,14 @@ class TreeViewComponent {
                     this.onFocus.emit();
                 });
             }
-            this.isActive = true;
+            this.navigationService.isTreeViewActive = true;
         }
     }
     blurHandler(e) {
         if (this.isActive && match(e.target, '.k-treeview-item') &&
             (!e.relatedTarget || !match(e.relatedTarget, '.k-treeview-item') || !hasParent(e.relatedTarget, this.element.nativeElement))) {
             this.navigationService.deactivate();
-            this.isActive = false;
+            this.navigationService.isTreeViewActive = false;
             if (hasObservers(this.onBlur)) {
                 this.ngZone.run(() => {
                     this.onBlur.emit();

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

@@ -28,8 +28,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1720507346,
-    version: '16.4.0-develop.7',
+    publishDate: 1720607899,
+    version: '16.4.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -604,6 +604,7 @@ class NavigationService {
         this.loadMore = new Subject();
         this.navigable = true;
         this.selection = 'single';
+        this.isTreeViewActive = false;
         this.actions = {
             [Keys.ArrowUp]: () => this.activate(this.model.findVisiblePrev(this.focusableItem), true),
             [Keys.ArrowDown]: () => this.activate(this.model.findVisibleNext(this.focusableItem), true),
@@ -1222,7 +1223,7 @@ class TreeViewItemDirective {
     }
     updateNodeAvailability() {
         const service = this.navigationService;
-        if (this.isDisabled || !this.isVisible) {
+        if (this.isDisabled || !this.isVisible && this.navigationService.isTreeViewActive) {
             service.activateClosest(this.index); // activate before updating the item
         }
         else {
@@ -2330,7 +2331,6 @@ class TreeViewComponent {
         this.expandIcons = false;
         this.selectable = false;
         this.touchActions = true;
-        this.isActive = false;
         this.data = new BehaviorSubject([]);
         this._animate = true;
         this._size = 'medium';
@@ -2451,6 +2451,9 @@ class TreeViewComponent {
     get size() {
         return this._size;
     }
+    get isActive() {
+        return this.navigationService.isTreeViewActive;
+    }
     /**
      * @hidden
      */
@@ -2637,14 +2640,14 @@ class TreeViewComponent {
                     this.onFocus.emit();
                 });
             }
-            this.isActive = true;
+            this.navigationService.isTreeViewActive = true;
         }
     }
     blurHandler(e) {
         if (this.isActive && match(e.target, '.k-treeview-item') &&
             (!e.relatedTarget || !match(e.relatedTarget, '.k-treeview-item') || !hasParent(e.relatedTarget, this.element.nativeElement))) {
             this.navigationService.deactivate();
-            this.isActive = false;
+            this.navigationService.isTreeViewActive = false;
             if (hasObservers(this.onBlur)) {
                 this.ngZone.run(() => {
                     this.onBlur.emit();

package/navigation/navigation.service.d.ts

@@ -22,6 +22,7 @@ export declare class NavigationService {
     readonly loadMore: Subject<string>;
     navigable: boolean;
     selection: SelectionMode;
+    isTreeViewActive: boolean;
     get model(): NavigationModel;
     set model(model: NavigationModel);
     actions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-treeview",
-  "version": "16.4.0-develop.7",
+  "version": "16.4.0",
   "description": "Kendo UI TreeView for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,15 +23,15 @@
     "@angular/core": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "16.4.0-develop.7",
-    "@progress/kendo-angular-inputs": "16.4.0-develop.7",
-    "@progress/kendo-angular-icons": "16.4.0-develop.7",
-    "@progress/kendo-angular-l10n": "16.4.0-develop.7",
+    "@progress/kendo-angular-common": "16.4.0",
+    "@progress/kendo-angular-inputs": "16.4.0",
+    "@progress/kendo-angular-icons": "16.4.0",
+    "@progress/kendo-angular-l10n": "16.4.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.4.0-develop.7",
+    "@progress/kendo-angular-schematics": "16.4.0",
     "@progress/kendo-common": "^0.2.0",
     "@progress/kendo-draggable": "^3.0.2"
   },

package/schematics/ngAdd/index.js

@@ -4,10 +4,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': '16.4.0-develop.7',
-            '@progress/kendo-angular-dialog': '16.4.0-develop.7',
-            '@progress/kendo-angular-intl': '16.4.0-develop.7',
-            '@progress/kendo-angular-popup': '16.4.0-develop.7',
+            '@progress/kendo-angular-buttons': '16.4.0',
+            '@progress/kendo-angular-dialog': '16.4.0',
+            '@progress/kendo-angular-intl': '16.4.0',
+            '@progress/kendo-angular-popup': '16.4.0',
             '@progress/kendo-drawing': '^1.9.3',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^3.0.0'

package/treeview.component.d.ts

@@ -306,6 +306,7 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
      */
     set size(size: TreeViewSize);
     get size(): TreeViewSize;
+    get isActive(): boolean;
     /**
      * @hidden
      */
@@ -327,7 +328,6 @@ export declare class TreeViewComponent implements OnChanges, OnInit, AfterViewIn
     expandIcons: boolean;
     selectable: boolean;
     touchActions: boolean;
-    isActive: boolean;
     data: BehaviorSubject<any[]>;
     private _animate;
     private _isChecked;