@syncfusion/ej2-navigations 33.1.44 → 33.1.46

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

@@ -9114,6 +9114,9 @@ let Tab = class Tab extends Component {
         }
         this.element.classList.add(CLS_FOCUS);
         const trg = e.target;
+        if (!trg || !trg.isConnected) {
+            return;
+        }
         const tabHeader = this.getTabHeader();
         const actEle = select('.' + CLS_ACTIVE$1, tabHeader);
         this.popEle = select('.' + CLS_TB_POP, tabHeader);
@@ -9125,7 +9128,7 @@ let Tab = class Tab extends Component {
         switch (e.action) {
             case 'space':
             case 'enter':
-                if (trg.parentElement.classList.contains(CLS_DISABLE$4)) {
+                if (trg.parentElement && trg.parentElement.classList.contains(CLS_DISABLE$4)) {
                     return;
                 }
                 if (e.action === 'enter' && trg.classList.contains('e-hor-nav')) {
@@ -9274,12 +9277,20 @@ let Tab = class Tab extends Component {
                     }
                     if (properties[j] === 'cssClass') {
                         if (!isNullOrUndefined(hdrItem)) {
-                            hdrItem.classList.remove(oldVal);
-                            hdrItem.classList.add(newVal);
+                            if (!isNullOrUndefined(oldVal) && oldVal !== '') {
+                                hdrItem.classList.remove(oldVal);
+                            }
+                            if (!isNullOrUndefined(newVal) && newVal !== '') {
+                                hdrItem.classList.add(newVal);
+                            }
                         }
                         if (!isNullOrUndefined(cntItem)) {
-                            cntItem.classList.remove(oldVal);
-                            cntItem.classList.add(newVal);
+                            if (!isNullOrUndefined(oldVal) && oldVal !== '') {
+                                cntItem.classList.remove(oldVal);
+                            }
+                            if (!isNullOrUndefined(newVal) && newVal !== '') {
+                                cntItem.classList.add(newVal);
+                            }
                         }
                     }
                     if (properties[j] === 'disabled') {
@@ -15995,8 +16006,8 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         if (isNullOrUndefined(uid)) {
             return uid;
         }
-        if (typeof uid === 'string' && uid.indexOf(' #') !== -1) {
-            return uid.split(' #').join(' \\#');
+        if (typeof uid === 'string') {
+            return uid.replace(/[#:.[\]!~^$*() ]/g, '\\$&');
         }
         return uid;
     }