@progress/kendo-angular-treeview 6.0.0 → 6.0.2-dev.202202251428

package/dist/es/navigation/navigation.service.js

@@ -24,8 +24,8 @@ var NavigationService = /** @class */ (function () {
         this.loadMore = new Subject();
         this.navigable = true;
         this.actions = (_a = {},
-            _a[Keys.ArrowUp] = function () { return _this.activate(_this.model.findVisiblePrev(_this.focusableItem)); },
-            _a[Keys.ArrowDown] = function () { return _this.activate(_this.model.findVisibleNext(_this.focusableItem)); },
+            _a[Keys.ArrowUp] = function () { return _this.activate(_this.model.findVisiblePrev(_this.focusableItem), true); },
+            _a[Keys.ArrowDown] = function () { return _this.activate(_this.model.findVisibleNext(_this.focusableItem), true); },
             _a[Keys.ArrowLeft] = function () { return !_this.isLoadMoreButton && (_this.expand({
                 expand: _this.localization.rtl,
                 intercept: _this.localization.rtl ? _this.moveToFirstVisibleChild : _this.moveToParent
@@ -34,12 +34,13 @@ var NavigationService = /** @class */ (function () {
                 expand: !_this.localization.rtl,
                 intercept: _this.localization.rtl ? _this.moveToParent : _this.moveToFirstVisibleChild
             })); },
-            _a[Keys.Home] = function () { return _this.activate(_this.model.firstVisibleNode()); },
-            _a[Keys.End] = function () { return _this.activate(_this.model.lastVisibleNode()); },
+            _a[Keys.Home] = function () { return _this.activate(_this.model.firstVisibleNode(), true); },
+            _a[Keys.End] = function () { return _this.activate(_this.model.lastVisibleNode(), true); },
             _a[Keys.Enter] = function () { return _this.handleEnter(); },
             _a[Keys.Space] = function () { return _this.handleSpace(); },
             _a);
         this.isFocused = false;
+        this.shouldScroll = false;
         this._model = new NavigationModel();
         this.moveToFirstVisibleChild = this.moveToFirstVisibleChild.bind(this);
         this.moveToParent = this.moveToParent.bind(this);
@@ -82,12 +83,14 @@ var NavigationService = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
-    NavigationService.prototype.activate = function (item) {
+    NavigationService.prototype.activate = function (item, shouldScroll) {
+        if (shouldScroll === void 0) { shouldScroll = false; }
         if (!this.navigable || !item || this.isActive(nodeIndex(item))) {
             return;
         }
         this.isFocused = true;
         this.activeItem = item || this.activeItem;
+        this.shouldScroll = shouldScroll;
         this.notifyMove();
     };
     NavigationService.prototype.activateParent = function (index) {
@@ -207,7 +210,7 @@ var NavigationService = /** @class */ (function () {
     };
     NavigationService.prototype.navigationState = function (expand) {
         if (expand === void 0) { expand = false; }
-        return ({ expand: expand, index: this.activeIndex, isFocused: this.isFocused });
+        return ({ expand: expand, index: this.activeIndex, isFocused: this.isFocused, shouldScroll: this.shouldScroll });
     };
     NavigationService.prototype.handleEnter = function () {
         if (!this.navigable) {

package/dist/es/package-metadata.js

@@ -9,7 +9,7 @@ export var packageMetadata = {
     name: '@progress/kendo-angular-treeview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1642578286,
+    publishDate: 1645799161,
     version: '',
     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/dist/es/treeview-item.directive.js

@@ -135,9 +135,9 @@ var TreeViewItemDirective = /** @class */ (function () {
         var _this = this;
         this.subscriptions = [
             this.navigationService.moves
-                .subscribe(function () {
+                .subscribe(function (navState) {
                 _this.updateTabIndex();
-                _this.focusItem();
+                _this.focusItem(navState.shouldScroll);
             }),
             this.navigationService.expands
                 .pipe(filter(function (_a) {
@@ -172,9 +172,10 @@ var TreeViewItemDirective = /** @class */ (function () {
     TreeViewItemDirective.prototype.isFocusable = function () {
         return !this.isDisabled && this.navigationService.isFocusable(this.index);
     };
-    TreeViewItemDirective.prototype.focusItem = function () {
+    TreeViewItemDirective.prototype.focusItem = function (scrollIntoView) {
+        if (scrollIntoView === void 0) { scrollIntoView = false; }
         if (this.isInitialized && this.navigationService.isActive(this.index)) {
-            this.element.nativeElement.focus();
+            this.element.nativeElement.focus({ preventScroll: !scrollIntoView });
         }
     };
     TreeViewItemDirective.prototype.moveLookupItem = function (changes) {