@syncfusion/ej2-navigations 20.3.56 → 20.3.58

package/dist/es6/ej2-navigations.es5.js

@@ -9825,7 +9825,7 @@ var CHILD = 'e-has-child';
 var ITEM_ANIMATION_ACTIVE = 'e-animation-active';
 var DISABLED$1 = 'e-disabled';
 var treeAriaAttr = {
-    treeRole: 'tree',
+    treeRole: 'group',
     itemRole: 'treeitem',
     listRole: 'group',
     itemText: '',
@@ -10482,6 +10482,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         if (this.showCheckBox) {
             var checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
             checkboxEle.setAttribute('role', 'checkbox');
+            checkboxEle.setAttribute('aria-label', 'checkbox');
             var icon = select('div.' + ICON, e.item);
             var id = e.item.getAttribute('data-uid');
             e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
@@ -13406,6 +13407,19 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             this.updateMapper(level);
         }
         var li = ListBase.createListItemFromJson(this.createElement, sNodes, this.listBaseOption, level);
+        var id = this.getId(dropLi);
+        var refNode;
+        var dropIcon1;
+        if (!isNullOrUndefined(dropLi)) {
+            dropIcon1 = select('div.' + ICON, dropLi);
+        }
+        if (this.dataType === 1 && dropIcon1 && dropIcon1.classList.contains(EXPANDABLE)) {
+            this.preventExpand = true;
+        }
+        if (this.dataType !== 1) {
+            this.addChildData(this.treeData, this.fields, id, nodes, index);
+            this.isFirstRender = false;
+        }
         var dropUl;
         if (!dropEle) {
             dropUl = dropLi ? this.expandParent(dropLi) : select('.' + PARENTITEM, this.element);
@@ -13413,26 +13427,34 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         else {
             dropUl = dropEle;
         }
-        var refNode = dropUl.childNodes[index];
-        if (refNode || this.sortOrder === 'None') {
-            for (var i = 0; i < li.length; i++) {
-                dropUl.insertBefore(li[i], refNode);
+        refNode = dropUl.childNodes[index];
+        if (!this.isFirstRender || (this.dataType === 1)) {
+            if (refNode || this.sortOrder === 'None') {
+                for (var i = 0; i < li.length; i++) {
+                    dropUl.insertBefore(li[i], refNode);
+                }
+                if (this.dataType === 1 && !isNullOrUndefined(dropLi)) {
+                    this.preventExpand = false;
+                    var dropIcon = select('div.' + ICON, dropLi);
+                    if (dropIcon && dropIcon.classList.contains(EXPANDABLE)) {
+                        this.expandAction(dropLi, dropIcon, null);
+                    }
+                }
             }
-        }
-        if (!refNode && ((this.sortOrder === 'Ascending') || (this.sortOrder === 'Descending'))) {
-            var cNodes = dropUl.childNodes;
-            for (var i = 0; i < li.length; i++) {
-                for (var j = 0; j < cNodes.length; j++) {
-                    var returnValue = (this.sortOrder === 'Ascending') ? cNodes[j].textContent.toUpperCase() > li[i].innerText.toUpperCase() : cNodes[j].textContent.toUpperCase() < li[i].innerText.toUpperCase();
-                    if (returnValue) {
-                        dropUl.insertBefore(li[i], cNodes[j]);
-                        break;
+            if (!refNode && ((this.sortOrder === 'Ascending') || (this.sortOrder === 'Descending'))) {
+                var cNodes = dropUl.childNodes;
+                for (var i = 0; i < li.length; i++) {
+                    for (var j = 0; j < cNodes.length; j++) {
+                        var returnValue = (this.sortOrder === 'Ascending') ? cNodes[j].textContent.toUpperCase() > li[i].innerText.toUpperCase() : cNodes[j].textContent.toUpperCase() < li[i].innerText.toUpperCase();
+                        if (returnValue) {
+                            dropUl.insertBefore(li[i], cNodes[j]);
+                            break;
+                        }
+                        dropUl.insertBefore(li[i], cNodes[cNodes.length]);
                     }
-                    dropUl.insertBefore(li[i], cNodes[cNodes.length]);
                 }
             }
         }
-        var id = this.getId(dropLi);
         if (this.dataType === 1) {
             this.updateField(this.treeData, this.fields, id, 'hasChildren', true);
             var refId = this.getId(refNode);
@@ -13446,9 +13468,6 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 pos++;
             }
         }
-        else {
-            this.addChildData(this.treeData, this.fields, id, nodes, index);
-        }
         this.finalizeNode(dropUl);
     };
     TreeView.prototype.updateMapper = function (level) {
@@ -16625,8 +16644,10 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
         var navigators = this.createElement('div', { className: CLS_NAVIGATORS });
         var itemsContainer = this.element.querySelector("." + CLS_SLIDE_CONTAINER);
         itemsContainer.insertAdjacentElement('afterend', navigators);
-        this.renderNavigatorButton('Previous');
-        this.renderNavigatorButton('Next');
+        if (!isNullOrUndefined(this.slideItems) && this.slideItems.length > 1) {
+            this.renderNavigatorButton('Previous');
+            this.renderNavigatorButton('Next');
+        }
         this.renderTemplates();
     };
     Carousel.prototype.renderNavigatorButton = function (direction) {
@@ -16662,7 +16683,7 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
         EventHandler.add(buttonContainer, 'click', this.navigatorClickHandler, this);
     };
     Carousel.prototype.renderPlayButton = function () {
-        if (this.buttonsVisibility === 'Hidden' || !this.showPlayButton) {
+        if (isNullOrUndefined(this.slideItems) || this.buttonsVisibility === 'Hidden' || !this.showPlayButton || this.slideItems.length <= 1) {
             return;
         }
         var playPauseWrap = this.createElement('div', {
@@ -16763,6 +16784,9 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
         }
     };
     Carousel.prototype.autoSlide = function () {
+        if (isNullOrUndefined(this.slideItems) || this.slideItems.length <= 1) {
+            return;
+        }
         this.resetSlideInterval();
         this.applySlideInterval();
     };