@syncfusion/ej2-navigations 21.2.5 → 21.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 21.2.5
+*  version : 21.2.8
 *  Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
 *  Use of this code is subject to the terms of our license.
 *  A copy of the current license can be obtained at any time by e-mailing

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@21.2.4",
+  "_id": "@syncfusion/ej2-navigations@21.2.6",
   "_inBundle": false,
-  "_integrity": "sha512-tNqo7fwXnp6YNAF+gVKLJwXJK2dL+l1taEvIzEwjIvBLxKDnPcIXQkPD/mA5L+/Dm2dVRrLm8B0EB4n43UyPiQ==",
+  "_integrity": "sha512-pyhOQw4GjorMXvHt+hK9qA24MrOYHAJGU0FmvnPHGDDXDCev4MreS1SqgPi3lV9nuneLyW8nxjTf6D4U6IcS2w==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -39,8 +39,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-21.2.4.tgz",
-  "_shasum": "f4bd273deb7fef77a35df8828162db349c176394",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-21.2.6.tgz",
+  "_shasum": "5ef68d99faab4ab5ba20497384c31c8ccbd216b1",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -52,10 +52,10 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-base": "~21.2.3",
-    "@syncfusion/ej2-buttons": "~21.2.5",
-    "@syncfusion/ej2-data": "~21.2.4",
-    "@syncfusion/ej2-inputs": "~21.2.4",
-    "@syncfusion/ej2-lists": "~21.2.3",
+    "@syncfusion/ej2-buttons": "~21.2.6",
+    "@syncfusion/ej2-data": "~21.2.8",
+    "@syncfusion/ej2-inputs": "~21.2.8",
+    "@syncfusion/ej2-lists": "~21.2.6",
     "@syncfusion/ej2-popups": "~21.2.4"
   },
   "deprecated": false,
@@ -161,6 +161,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "21.2.5",
+  "version": "21.2.8",
   "sideEffects": false
 }

package/src/accordion/accordion.d.ts

@@ -430,6 +430,7 @@ export declare class Accordion extends Component<HTMLElement> implements INotify
     private updateItem;
     private setTemplate;
     private templateCompile;
+    private clearAccordionTemplate;
     protected getPersistData(): string;
     /**
      * Gets called when the model property changes.The data that describes the old and new values of the property that changed.

package/src/accordion/accordion.js

@@ -1176,6 +1176,12 @@ var Accordion = /** @class */ (function (_super) {
             var itemObj = items[parseInt(index.toString(), 10)];
             items.splice(index, 1);
             this.restoreContent(index);
+            var header = select('.' + CLS_HEADERCTN, item);
+            var content = select('.' + CLS_CTENT, item);
+            if (this.isReact || this.isAngular) {
+                this.clearAccordionTemplate(header, 'header', CLS_HEADERCTN);
+                this.clearAccordionTemplate(content, 'content', CLS_CTENT);
+            }
             detach(item);
             this.addItem(itemObj, index);
         }
@@ -1196,6 +1202,30 @@ var Accordion = /** @class */ (function (_super) {
             });
         }
     };
+    Accordion.prototype.clearAccordionTemplate = function (templateEle, templateName, className) {
+        if (this.registeredTemplate && this.registeredTemplate["" + templateName]) {
+            var registeredTemplates = this.registeredTemplate;
+            for (var index = 0; index < registeredTemplates["" + templateName].length; index++) {
+                var registeredItem = registeredTemplates["" + templateName][parseInt(index.toString(), 10)].rootNodes[0];
+                var closestItem = closest(registeredItem.containerInfo, '.' + className);
+                if (!isNOU(closestItem) && closestItem === templateEle) {
+                    this.clearTemplate([templateName], [registeredTemplates["" + templateName][parseInt(index.toString(), 10)]]);
+                    break;
+                }
+            }
+        }
+        else if (this.portals && this.portals.length > 0) {
+            var portals = this.portals;
+            for (var index = 0; index < portals.length; index++) {
+                var portalItem = portals[parseInt(index.toString(), 10)];
+                var closestItem = closest(portalItem.containerInfo, '.' + className);
+                if (!isNOU(closestItem) && closestItem === templateEle) {
+                    this.clearTemplate([templateName], index);
+                    break;
+                }
+            }
+        }
+    };
     Accordion.prototype.getPersistData = function () {
         var keyEntity = ['expandedIndices'];
         return this.addOnPersist(keyEntity);
@@ -1219,44 +1249,50 @@ var Accordion = /** @class */ (function (_super) {
                         var changedProp = Object.keys(newProp.items);
                         for (var j = 0; j < changedProp.length; j++) {
                             var index = parseInt(Object.keys(newProp.items)[parseInt(j.toString(), 10)], 10);
-                            var property = Object.keys(newProp.items[parseInt(index.toString(), 10)])[0];
-                            var item = selectAll('.' + CLS_ITEM, this.element)[parseInt(index.toString(), 10)];
-                            var oldVal = Object(oldProp.items[parseInt(index.toString(), 10)])["" + property];
-                            var newVal = Object(newProp.items[parseInt(index.toString(), 10)])["" + property];
-                            var temp = property;
-                            if (temp === 'header' || temp === 'iconCss' || temp === 'expanded' || ((temp === 'content') && (oldVal === ''))) {
-                                this.updateItem(item, index);
-                            }
-                            if (property === 'cssClass' && !isNOU(item)) {
-                                if (oldVal) {
-                                    removeClass([item], oldVal.split(' '));
-                                }
-                                if (newVal) {
-                                    addClass([item], newVal.split(' '));
+                            var property = Object.keys(newProp.items[parseInt(index.toString(), 10)]);
+                            for (var k = 0; k < property.length; k++) {
+                                var item = selectAll('.' + CLS_ITEM, this.element)[parseInt(index.toString(), 10)];
+                                var oldVal = Object(oldProp.items[parseInt(index.toString(), 10)])["" + property[parseInt(k.toString(), 10)]];
+                                var newVal = Object(newProp.items[parseInt(index.toString(), 10)])["" + property[parseInt(k.toString(), 10)]];
+                                var temp = property[parseInt(k.toString(), 10)];
+                                var content = select('.' + CLS_CTENT, item);
+                                if (temp === 'header' || temp === 'iconCss' || temp === 'expanded' || ((temp === 'content') && (oldVal === ''))) {
+                                    this.updateItem(item, index);
                                 }
-                            }
-                            if (property === 'visible' && !isNOU(item)) {
-                                if (Object(newProp.items[parseInt(index.toString(), 10)])["" + property] === false) {
-                                    item.classList.add(CLS_ITEMHIDE);
+                                if (property[parseInt(k.toString(), 10)] === 'cssClass' && !isNOU(item)) {
+                                    if (oldVal) {
+                                        removeClass([item], oldVal.split(' '));
+                                    }
+                                    if (newVal) {
+                                        addClass([item], newVal.split(' '));
+                                    }
                                 }
-                                else {
-                                    item.classList.remove(CLS_ITEMHIDE);
+                                if (property[parseInt(k.toString(), 10)] === 'visible' && !isNOU(item)) {
+                                    if (Object(newProp.items[parseInt(index.toString(), 10)])["" + property[parseInt(k.toString(), 10)]] === false) {
+                                        item.classList.add(CLS_ITEMHIDE);
+                                    }
+                                    else {
+                                        item.classList.remove(CLS_ITEMHIDE);
+                                    }
                                 }
-                            }
-                            if (property === 'disabled' && !isNOU(item)) {
-                                this.enableItem(index, !newVal);
-                            }
-                            if (property === 'content' && !isNOU(item) && item.children.length === 2) {
-                                if (typeof newVal === 'function') {
-                                    var activeContent = item.querySelector('.' + CLS_CTENT);
-                                    activeContent.innerHTML = '';
-                                    this.setTemplate(newVal, activeContent, index);
+                                if (property[parseInt(k.toString(), 10)] === 'disabled' && !isNOU(item)) {
+                                    this.enableItem(index, !newVal);
                                 }
-                                else {
-                                    if (item.classList.contains(CLS_SLCTED)) {
-                                        this.expandItem(false, index);
+                                if (property[parseInt(k.toString(), 10)] === 'content' && !isNOU(item) && item.children.length === 2) {
+                                    if (typeof newVal === 'function') {
+                                        if (this.isAngular || this.isReact) {
+                                            this.clearAccordionTemplate(content, property[parseInt(k.toString(), 10)], CLS_CTENT);
+                                        }
+                                        var activeContent = item.querySelector('.' + CLS_CTENT);
+                                        activeContent.innerHTML = '';
+                                        this.setTemplate(newVal, activeContent, index);
+                                    }
+                                    else {
+                                        if (item.classList.contains(CLS_SLCTED)) {
+                                            this.expandItem(false, index);
+                                        }
+                                        detach(item.querySelector('.' + CLS_CONTENT));
                                     }
-                                    detach(item.querySelector('.' + CLS_CONTENT));
                                 }
                             }
                         }

package/src/common/menu-base.js

@@ -2089,7 +2089,8 @@ var MenuBase = /** @class */ (function (_super) {
             index = navIdx.pop();
             ul = this.getUlByNavIdx(navIdx.length);
             if (ul) {
-                if (ishide) {
+                var validUl = isUniqueId ? ul.children[index].id : ul.children[index].textContent;
+                if (ishide && validUl === items[i]) {
                     ul.children[index].classList.add(HIDE);
                 }
                 else {