@syncfusion/ej2-navigations 32.1.24 → 32.2.6

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

@@ -11055,7 +11055,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         };
         if (!this.isRefreshed) {
             this.trigger('drawNode', eventArgs);
-            if (e.curData[this.fields.selectable] === false && !this.showCheckBox) {
+            if (e.curData[this.fields.selectable] === false) {
                 e.item.classList.add(PREVENTSELECT);
                 const firstChild = e.item.firstElementChild;
                 firstChild.style.cursor = 'not-allowed';
@@ -11859,7 +11859,8 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             }
             else {
                 for (let i = 0; i < eUids.length; i++) {
-                    const eNode = select('[data-uid="' + eUids[parseInt(i.toString(), 10)] + '"]', this.element);
+                    const uid = this.escapeHashInUid(eUids[parseInt(i.toString(), 10)]);
+                    const eNode = select('[data-uid="' + uid + '"]', this.element);
                     if (!isNullOrUndefined(eNode)) {
                         const icon = select('.' + EXPANDABLE, select('.' + TEXTWRAP, eNode));
                         if (!isNullOrUndefined(icon)) {
@@ -11895,7 +11896,8 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         }
     }
     expandCallback(eUid, callback) {
-        const eNode = select('[data-uid="' + eUid + '"]', this.element);
+        const uid = this.escapeHashInUid(eUid);
+        const eNode = select('[data-uid="' + uid + '"]', this.element);
         if (!isNullOrUndefined(eNode)) {
             const icon = select('.' + EXPANDABLE, select('.' + TEXTWRAP, eNode));
             if (!isNullOrUndefined(icon)) {
@@ -11925,7 +11927,8 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         if (sUids.length > 0) {
             this.setProperties({ selectedNodes: [] }, true);
             for (let i = 0; i < sUids.length; i++) {
-                const sNode = select('[data-uid="' + sUids[parseInt(i.toString(), 10)] + '"]', this.element);
+                const uid = this.escapeHashInUid(sUids[parseInt(i.toString(), 10)]);
+                const sNode = select('[data-uid="' + uid + '"]', this.element);
                 if (sNode && !(sNode.classList.contains('e-active'))) {
                     this.selectNode(sNode, null, true);
                 }
@@ -12876,6 +12879,12 @@ let TreeView = TreeView_1 = class TreeView extends Component {
     }
     validateCheckNode(checkWrap, isCheck, li, e) {
         const currLi = closest(checkWrap, '.' + LISTITEM);
+        if (currLi && currLi.classList.contains(PREVENTSELECT) && this.showCheckBox) {
+            if (e && e.preventDefault) {
+                e.preventDefault();
+            }
+            return;
+        }
         this.checkActionNodes = [];
         const ariaState = !isCheck ? 'true' : 'false';
         if (!isNullOrUndefined(ariaState)) {
@@ -15928,6 +15937,15 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             this.updateIdAttr(null, firstNode);
         }
     }
+    escapeHashInUid(uid) {
+        if (isNullOrUndefined(uid)) {
+            return uid;
+        }
+        if (typeof uid === 'string' && uid.indexOf(' #') !== -1) {
+            return uid.split(' #').join(' \\#');
+        }
+        return uid;
+    }
 };
 __decorate$8([
     Property(false)