@syncfusion/ej2-navigations 19.3.46 → 19.3.57

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

@@ -1926,8 +1926,8 @@ let MenuBase = class MenuBase extends Component {
                             this.setBlankIconStyle(this.popupWrapper);
                             this.wireKeyboardEvent(this.popupWrapper);
                             rippleEffect(this.popupWrapper, { selector: '.' + ITEM });
-                            this.popupWrapper.style.left = this.left + pageXOffset + 'px';
-                            this.popupWrapper.style.top = this.top + pageYOffset + 'px';
+                            this.popupWrapper.style.left = this.left + 'px';
+                            this.popupWrapper.style.top = this.top + 'px';
                             const animationOptions = this.animationSettings.effect !== 'None' ? {
                                 name: this.animationSettings.effect, duration: this.animationSettings.duration,
                                 timingFunction: this.animationSettings.easing
@@ -7453,7 +7453,7 @@ let Tab = class Tab extends Component {
         }
     }
     parseObject(items, index) {
-        const tbCount = selectAll('.' + CLS_TB_ITEM, this.element).length;
+        const tbCount = selectAll('.e-tab-header .' + CLS_TB_ITEM, this.element).length;
         const tItems = [];
         let txtWrapEle;
         const spliceArray = [];
@@ -8356,7 +8356,7 @@ let Tab = class Tab extends Component {
                     const hdr = this.element.querySelectorAll('.' + CLS_TB_ITEM)[index];
                     let itemIndex;
                     if (hdr && !isNullOrUndefined(hdr.id) && hdr.id !== '') {
-                        const num = (hdr.id.indexOf('_'));
+                        const num = (hdr.id.lastIndexOf('_'));
                         itemIndex = parseInt(hdr.id.substring(num + 1), 10);
                     }
                     else {
@@ -8715,7 +8715,7 @@ let Tab = class Tab extends Component {
             this.reRenderItems();
         }
         else {
-            const itemsCount = selectAll('.' + CLS_TB_ITEM, this.element).length;
+            const itemsCount = selectAll('.e-tab-header .' + CLS_TB_ITEM, this.element).length;
             if (itemsCount !== 0) {
                 lastEleIndex = this.lastIndex + 1;
             }
@@ -10238,6 +10238,10 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                                 let id = childItems[i][this.fields.id] ? childItems[i][this.fields.id].toString() : null;
                                 if (this.checkedNodes.indexOf(id) !== -1) {
                                     this.checkedNodes.splice(this.checkedNodes.indexOf(id), 1);
+                                    let ele = this.element.querySelector('[data-uid="' + id + '"]');
+                                    if (ele) {
+                                        this.changeState(ele, 'uncheck', null);
+                                    }
                                 }
                             }
                             if (this.parentNodeCheck.indexOf(node) !== -1) {
@@ -10468,6 +10472,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
     changeState(wrapper, state, e, isPrevent, isAdd, doCheck) {
         let eventArgs;
         let currLi = closest(wrapper, '.' + LISTITEM);
+        if (wrapper === currLi) {
+            wrapper = select('.' + CHECKBOXWRAP, currLi);
+        }
         if (!isPrevent) {
             this.checkActionNodes = [];
             eventArgs = this.getCheckEvent(currLi, state, e);
@@ -11461,8 +11468,10 @@ let TreeView = TreeView_1 = class TreeView extends Component {
     nodeCheckingAction(checkWrap, isCheck, li, eventArgs, e) {
         if (this.checkedElement.indexOf(li.getAttribute('data-uid')) === -1) {
             this.checkedElement.push(li.getAttribute('data-uid'));
-            let child = this.getChildNodes(this.treeData, li.getAttribute('data-uid'));
-            (child !== null) ? this.allCheckNode(child, this.checkedElement, null, null, false) : child = null;
+            if (this.autoCheck) {
+                let child = this.getChildNodes(this.treeData, li.getAttribute('data-uid'));
+                (child !== null) ? this.allCheckNode(child, this.checkedElement, null, null, false) : child = null;
+            }
         }
         this.changeState(checkWrap, isCheck ? 'uncheck' : 'check', e, true);
         if (this.autoCheck) {
@@ -11628,11 +11637,17 @@ let TreeView = TreeView_1 = class TreeView extends Component {
                 if (newCheck.indexOf(childId.toString()) === -1 && isNullOrUndefined(checked)) {
                     newCheck.push(childId.toString());
                 }
+                let hierChildId = getValue(this.fields.child.toString(), child[length]);
                 //Gets if any next level children are available for child nodes
-                if (getValue(this.fields.hasChildren, child[length]) === true ||
-                    getValue(this.fields.child.toString(), child[length])) {
+                if (getValue(this.fields.hasChildren, child[length]) === true || hierChildId) {
                     let id = getValue(this.fields.id, child[length]);
-                    let childId = this.getChildNodes(this.treeData, id.toString());
+                    let childId;
+                    if (this.dataType === 1) {
+                        childId = this.getChildNodes(this.treeData, id.toString());
+                    }
+                    else {
+                        childId = hierChildId;
+                    }
                     if (childId) {
                         (isNullOrUndefined(validateCheck)) ? this.allCheckNode(childId, newCheck, checked, childCheck) :
                             this.allCheckNode(childId, newCheck, checked, childCheck, validateCheck);
@@ -14417,7 +14432,7 @@ let Sidebar = class Sidebar extends Component {
     setTimeOut() {
         const sibling = document.querySelector('.e-main-content') || this.targetEle;
         const elementWidth = this.element.getBoundingClientRect().width;
-        if (this.element.classList.contains(OPEN) && sibling) {
+        if (this.element.classList.contains(OPEN) && sibling && !(this.type === 'Over' && this.enableDock)) {
             if (this.position === 'Left') {
                 sibling.style.marginLeft = this.setDimension(this.width === 'auto' ? elementWidth : this.width);
             }
@@ -14724,7 +14739,7 @@ let Sidebar = class Sidebar extends Component {
         const sibling = document.querySelector('.e-main-content') || this.targetEle;
         if (sibling) {
             sibling.style.transform = 'translateX(' + 0 + 'px)';
-            if (!Browser.isDevice && this.type !== 'Auto') {
+            if (!Browser.isDevice && this.type !== 'Auto' && !(this.type === 'Over' && this.enableDock)) {
                 sibling.style[this.position === 'Left' ? 'marginLeft' : 'marginRight'] = '0px';
             }
         }
@@ -14746,9 +14761,9 @@ let Sidebar = class Sidebar extends Component {
                 break;
             case 'Over':
                 addClass([this.element], [OVER]);
-                if (this.enableDock && this.element.classList.contains(CLOSE)) {
+                if (this.enableDock && (this.element.classList.contains(CLOSE) || this.isOpen)) {
                     if (sibling) {
-                        sibling.style[this.position === 'Left' ? 'marginLeft' : 'marginRight'] = margin;
+                        sibling.style[this.position === 'Left' ? 'marginLeft' : 'marginRight'] = this.setDimension(this.dockSize);
                     }
                 }
                 break;
@@ -14948,6 +14963,9 @@ let Breadcrumb = class Breadcrumb extends Component {
         if (this.cssClass) {
             addClass([this.element], this.cssClass.split(' '));
         }
+        if (this.enableRtl) {
+            this.element.classList.add('e-rtl');
+        }
         this.setWidth();
         this.initItems();
         this.initPvtProps();
@@ -14979,8 +14997,10 @@ let Breadcrumb = class Breadcrumb extends Component {
             }
             items.push({ iconCss: 'e-icons e-home', url: baseUri });
             for (let i = 0; i < uri.length; i++) {
-                items.push({ text: uri[i], url: baseUri + uri[i] });
-                baseUri += uri[i] + '/';
+                if (uri[i]) {
+                    items.push({ text: uri[i], url: baseUri + uri[i] });
+                    baseUri += uri[i] + '/';
+                }
             }
             this.setProperties({ items: items }, true);
         }
@@ -15263,6 +15283,9 @@ let Breadcrumb = class Breadcrumb extends Component {
                         this.reRenderItems();
                     }
                     break;
+                case 'enableRtl':
+                    this.element.classList.toggle('e-rtl');
+                    break;
             }
         }
     }