@syncfusion/ej2-navigations 22.2.7 → 22.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 22.2.7
+*  version : 22.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@22.2.5",
+  "_id": "@syncfusion/ej2-navigations@22.2.7",
   "_inBundle": false,
-  "_integrity": "sha512-ROhN91xNpqtogxlvW9w3ku1Ho2bKlrMhnEXRn4Xy+sQPN5FjVRsgnTZ0Wbp1tH1XygcVFw1QagQufhFvXT1ERw==",
+  "_integrity": "sha512-7Uz9JOqY5jJxwhyzEm/75NlZPwU2FSgHGayMBKK7HD/fi4Xs7JZUrC51E6un9JZk8/QGRgqVtf5zSgLbBHAYHA==",
   "_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-22.2.5.tgz",
-  "_shasum": "aa9ae780330515fbfda83b0aa3c565b5b349a8d7",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-22.2.7.tgz",
+  "_shasum": "5fcaed69c7a93538c2bb9312dde3fe7375060919",
   "_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": "~22.2.5",
-    "@syncfusion/ej2-buttons": "~22.2.5",
+    "@syncfusion/ej2-buttons": "~22.2.8",
     "@syncfusion/ej2-data": "~22.2.5",
     "@syncfusion/ej2-inputs": "~22.2.7",
-    "@syncfusion/ej2-lists": "~22.2.5",
+    "@syncfusion/ej2-lists": "~22.2.8",
     "@syncfusion/ej2-popups": "~22.2.7"
   },
   "deprecated": false,
@@ -161,6 +161,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "22.2.7",
+  "version": "22.2.8",
   "sideEffects": false
 }

package/src/tab/tab-model.d.ts

@@ -315,6 +315,12 @@ export interface TabModel extends ComponentModel{
      */
     allowDragAndDrop?: boolean;
 
+    /**
+     * Specifies whether the templates need to be cleared or not while changing the Tab items dynamically.
+     * @default true
+     */
+    clearTemplates?: boolean;
+
     /**
      * Specifies the animation configuration settings while showing the content of the Tab.
      *

package/src/tab/tab.d.ts

@@ -430,6 +430,11 @@ export declare class Tab extends Component<HTMLElement> implements INotifyProper
      * @default false
      */
     allowDragAndDrop: boolean;
+    /**
+     * Specifies whether the templates need to be cleared or not while changing the Tab items dynamically.
+     * @default true
+     */
+    clearTemplates: boolean;
     /**
      * Specifies the animation configuration settings while showing the content of the Tab.
      *

package/src/tab/tab.js

@@ -1489,6 +1489,9 @@ var Tab = /** @class */ (function (_super) {
         }
     };
     Tab.prototype.clearTabTemplate = function (templateEle, templateName, className) {
+        if (!this.clearTemplates) {
+            return;
+        }
         if (this.registeredTemplate && this.registeredTemplate[templateName]) {
             var registeredTemplates = this.registeredTemplate;
             for (var index = 0; index < registeredTemplates[templateName].length; index++) {
@@ -2391,6 +2394,9 @@ var Tab = /** @class */ (function (_super) {
     __decorate([
         Property(false)
     ], Tab.prototype, "allowDragAndDrop", void 0);
+    __decorate([
+        Property(true)
+    ], Tab.prototype, "clearTemplates", void 0);
     __decorate([
         Complex({}, TabAnimationSettings)
     ], Tab.prototype, "animation", void 0);

package/src/toolbar/toolbar.d.ts

@@ -502,6 +502,7 @@ export declare class Toolbar extends Component<HTMLElement> implements INotifyPr
     private orientationChange;
     private extendedOpen;
     private updateHideEleTabIndex;
+    private clearToolbarTemplate;
     /**
      * Gets called when the model property changes.The data that describes the old and new values of the property that changed.
      *

package/src/toolbar/toolbar.js

@@ -1814,7 +1814,7 @@ var Toolbar = /** @class */ (function (_super) {
                 this.tbarAlgEle[(this.items[parseInt(eleIdx.toString(), 10)].align + 's').toLowerCase()].splice(parseInt(indexAgn.toString(), 10), 1);
             }
             if (this.isReact) {
-                this.clearTemplate();
+                this.clearToolbarTemplate(innerItems[parseInt(index.toString(), 10)]);
             }
             var btnItem = innerItems[parseInt(index.toString(), 10)].querySelector('.e-control.e-btn');
             if (!isNOU(btnItem) && !isNOU(btnItem.ej2_instances[0]) && !(btnItem.ej2_instances[0].isDestroyed)) {
@@ -2127,6 +2127,30 @@ var Toolbar = /** @class */ (function (_super) {
             nextEle = innerItems[++eleIndex];
         }
     };
+    Toolbar.prototype.clearToolbarTemplate = function (templateEle) {
+        if (this.registeredTemplate && this.registeredTemplate["" + 'template']) {
+            var registeredTemplates = this.registeredTemplate;
+            for (var index = 0; index < registeredTemplates["" + 'template'].length; index++) {
+                var registeredItem = registeredTemplates["" + 'template'][parseInt(index.toString(), 10)].rootNodes[0];
+                var closestItem = closest(registeredItem, '.' + CLS_ITEM);
+                if (!isNOU(closestItem) && closestItem === templateEle) {
+                    this.clearTemplate(['template'], [registeredTemplates["" + 'template'][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, '.' + CLS_ITEM);
+                if (!isNOU(closestItem) && closestItem === templateEle) {
+                    this.clearTemplate(['template'], index);
+                    break;
+                }
+            }
+        }
+    };
     /**
      * Gets called when the model property changes.The data that describes the old and new values of the property that changed.
      *
@@ -2149,31 +2173,29 @@ var Toolbar = /** @class */ (function (_super) {
                             var index = parseInt(Object.keys(newProp.items)[parseInt(i.toString(), 10)], 10);
                             var property = Object.keys(newProp.items[parseInt(index.toString(), 10)])[0];
                             var newProperty = Object(newProp.items[parseInt(index.toString(), 10)])["" + property];
-                            if (typeof newProperty !== 'function') {
-                                if (this.tbarAlign || property === 'align') {
-                                    this.refresh();
-                                    this.trigger('created');
-                                    break;
-                                }
-                                var popupPriCheck = property === 'showAlwaysInPopup' && !newProperty;
-                                var booleanCheck = property === 'overflow' && this.popupPriCount !== 0;
-                                if ((popupPriCheck) || (this.items[parseInt(index.toString(), 10)].showAlwaysInPopup) && booleanCheck) {
-                                    --this.popupPriCount;
-                                }
-                                if (isNOU(this.scrollModule)) {
-                                    this.destroyMode();
-                                }
-                                var itemCol = [].slice.call(selectAll('.' + CLS_ITEMS + ' .' + CLS_ITEM, tEle));
-                                if (this.isReact && this.items[parseInt(index.toString(), 10)].template) {
-                                    this.clearTemplate();
-                                }
-                                detach(itemCol[parseInt(index.toString(), 10)]);
-                                this.tbarEle.splice(index, 1);
-                                this.addItems([this.items[parseInt(index.toString(), 10)]], index);
-                                this.items.splice(index, 1);
-                                if (this.items[parseInt(index.toString(), 10)].template) {
-                                    this.tbarEle.splice(this.items.length, 1);
-                                }
+                            if (this.tbarAlign || property === 'align') {
+                                this.refresh();
+                                this.trigger('created');
+                                break;
+                            }
+                            var popupPriCheck = property === 'showAlwaysInPopup' && !newProperty;
+                            var booleanCheck = property === 'overflow' && this.popupPriCount !== 0;
+                            if ((popupPriCheck) || (this.items[parseInt(index.toString(), 10)].showAlwaysInPopup) && booleanCheck) {
+                                --this.popupPriCount;
+                            }
+                            if (isNOU(this.scrollModule)) {
+                                this.destroyMode();
+                            }
+                            var itemCol = [].slice.call(selectAll('.' + CLS_ITEMS + ' .' + CLS_ITEM, tEle));
+                            if (this.isReact && this.items[parseInt(index.toString(), 10)].template) {
+                                this.clearToolbarTemplate(itemCol[parseInt(index.toString(), 10)]);
+                            }
+                            detach(itemCol[parseInt(index.toString(), 10)]);
+                            this.tbarEle.splice(index, 1);
+                            this.addItems([this.items[parseInt(index.toString(), 10)]], index);
+                            this.items.splice(index, 1);
+                            if (this.items[parseInt(index.toString(), 10)].template) {
+                                this.tbarEle.splice(this.items.length, 1);
                             }
                         }
                     }