@syncfusion/ej2-navigations 20.3.56 → 20.3.58

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

@@ -9526,7 +9526,7 @@ const CHILD = 'e-has-child';
 const ITEM_ANIMATION_ACTIVE = 'e-animation-active';
 const DISABLED$1 = 'e-disabled';
 const treeAriaAttr = {
-    treeRole: 'tree',
+    treeRole: 'group',
     itemRole: 'treeitem',
     listRole: 'group',
     itemText: '',
@@ -10161,6 +10161,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         if (this.showCheckBox) {
             let checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
             checkboxEle.setAttribute('role', 'checkbox');
+            checkboxEle.setAttribute('aria-label', 'checkbox');
             let icon = select('div.' + ICON, e.item);
             let id = e.item.getAttribute('data-uid');
             e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
@@ -13068,6 +13069,19 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             this.updateMapper(level);
         }
         let li = ListBase.createListItemFromJson(this.createElement, sNodes, this.listBaseOption, level);
+        let id = this.getId(dropLi);
+        let refNode;
+        let 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;
+        }
         let dropUl;
         if (!dropEle) {
             dropUl = dropLi ? this.expandParent(dropLi) : select('.' + PARENTITEM, this.element);
@@ -13075,26 +13089,34 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         else {
             dropUl = dropEle;
         }
-        let refNode = dropUl.childNodes[index];
-        if (refNode || this.sortOrder === 'None') {
-            for (let 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 (let i = 0; i < li.length; i++) {
+                    dropUl.insertBefore(li[i], refNode);
+                }
+                if (this.dataType === 1 && !isNullOrUndefined(dropLi)) {
+                    this.preventExpand = false;
+                    let dropIcon = select('div.' + ICON, dropLi);
+                    if (dropIcon && dropIcon.classList.contains(EXPANDABLE)) {
+                        this.expandAction(dropLi, dropIcon, null);
+                    }
+                }
             }
-        }
-        if (!refNode && ((this.sortOrder === 'Ascending') || (this.sortOrder === 'Descending'))) {
-            let cNodes = dropUl.childNodes;
-            for (let i = 0; i < li.length; i++) {
-                for (let j = 0; j < cNodes.length; j++) {
-                    let 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'))) {
+                let cNodes = dropUl.childNodes;
+                for (let i = 0; i < li.length; i++) {
+                    for (let j = 0; j < cNodes.length; j++) {
+                        let 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]);
                 }
             }
         }
-        let id = this.getId(dropLi);
         if (this.dataType === 1) {
             this.updateField(this.treeData, this.fields, id, 'hasChildren', true);
             let refId = this.getId(refNode);
@@ -13108,9 +13130,6 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                 pos++;
             }
         }
-        else {
-            this.addChildData(this.treeData, this.fields, id, nodes, index);
-        }
         this.finalizeNode(dropUl);
     }
     updateMapper(level) {
@@ -16214,8 +16233,10 @@ let Carousel = class Carousel extends Component {
         const navigators = this.createElement('div', { className: CLS_NAVIGATORS });
         const 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();
     }
     renderNavigatorButton(direction) {
@@ -16251,7 +16272,7 @@ let Carousel = class Carousel extends Component {
         EventHandler.add(buttonContainer, 'click', this.navigatorClickHandler, this);
     }
     renderPlayButton() {
-        if (this.buttonsVisibility === 'Hidden' || !this.showPlayButton) {
+        if (isNullOrUndefined(this.slideItems) || this.buttonsVisibility === 'Hidden' || !this.showPlayButton || this.slideItems.length <= 1) {
             return;
         }
         const playPauseWrap = this.createElement('div', {
@@ -16351,6 +16372,9 @@ let Carousel = class Carousel extends Component {
         }
     }
     autoSlide() {
+        if (isNullOrUndefined(this.slideItems) || this.slideItems.length <= 1) {
+            return;
+        }
         this.resetSlideInterval();
         this.applySlideInterval();
     }