@syncfusion/ej2-navigations 20.3.47 → 20.3.49

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 20.3.47
+*  version : 20.3.49
 *  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@19.60.1",
+  "_id": "@syncfusion/ej2-navigations@20.3.48",
   "_inBundle": false,
-  "_integrity": "sha512-mnO+XJ2JF8kvnesSRv932kfHNge3XVO4kjdbgSyez+ipbe4yCjoghRDv0/+okKmmdQjArN9yLMZkyqdT5pZV3w==",
+  "_integrity": "sha512-Q2g0BP2zJb+C4pecEmgaBUuEYq3B3ITJefvx+s7bg0G8tB4OAHpr74x/AxghpQABAmLccQ5ie6zoVtO4QYR2mw==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -38,8 +38,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-navigations/-/ej2-navigations-19.60.1.tgz",
-  "_shasum": "b484d37710ff0871e9082d7ef103487ec7fcc99c",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-20.3.48.tgz",
+  "_shasum": "874054b33a192fabfd69aba5edfaf2b724d2adce",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -50,12 +50,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~20.3.47",
-    "@syncfusion/ej2-buttons": "~20.3.47",
+    "@syncfusion/ej2-base": "~20.3.49",
+    "@syncfusion/ej2-buttons": "~20.3.49",
     "@syncfusion/ej2-data": "~20.3.47",
-    "@syncfusion/ej2-inputs": "~20.3.47",
+    "@syncfusion/ej2-inputs": "~20.3.49",
     "@syncfusion/ej2-lists": "~20.3.47",
-    "@syncfusion/ej2-popups": "~20.3.47"
+    "@syncfusion/ej2-popups": "~20.3.49"
   },
   "deprecated": false,
   "description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
@@ -160,6 +160,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "20.3.47",
+  "version": "20.3.49",
   "sideEffects": false
 }

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

@@ -1,4 +1,4 @@
-import { Component, EventHandler, Property, Event, EmitType, AnimationModel, KeyboardEvents, rippleEffect } from '@syncfusion/ej2-base';import { KeyboardEventArgs, BaseEventArgs, Effect, getUniqueID, compile as templateCompiler } from '@syncfusion/ej2-base';import { isVisible, closest, attributes, detach, select, addClass, append } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, NotifyPropertyChanges, ChildProperty, Collection, Animation } from '@syncfusion/ej2-base';import { setStyleAttribute as setStyle, Complex } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, formatUnit, selectAll, SanitizeHtmlHelper, isRippleEnabled } from '@syncfusion/ej2-base';
+import { Component, EventHandler, Property, Event, EmitType, AnimationModel, KeyboardEvents, rippleEffect } from '@syncfusion/ej2-base';import { KeyboardEventArgs, BaseEventArgs, Effect, getUniqueID, compile as templateCompiler } from '@syncfusion/ej2-base';import { isVisible, closest, attributes, detach, select, addClass, removeClass, append } from '@syncfusion/ej2-base';import { INotifyPropertyChanged, NotifyPropertyChanges, ChildProperty, Collection, Animation } from '@syncfusion/ej2-base';import { setStyleAttribute as setStyle, Complex } from '@syncfusion/ej2-base';import { isNullOrUndefined as isNOU, formatUnit, selectAll, SanitizeHtmlHelper, isRippleEnabled } from '@syncfusion/ej2-base';
 import {ExpandMode,AccordionClickArgs,ExpandEventArgs,ExpandedEventArgs} from "./accordion";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

package/src/accordion/accordion.d.ts

@@ -368,7 +368,6 @@ export declare class Accordion extends Component<HTMLElement> implements INotify
      * @private
      */
     protected getModuleName(): string;
-    private itemAttribUpdate;
     private getItems;
     /**
      * Adds new item to the Accordion with the specified index of the Accordion.

package/src/accordion/accordion.js

@@ -20,7 +20,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Component, EventHandler, Property, Event, KeyboardEvents, rippleEffect } from '@syncfusion/ej2-base';
 import { getUniqueID, compile as templateCompiler } from '@syncfusion/ej2-base';
-import { isVisible, closest, attributes, detach, select, addClass, append } from '@syncfusion/ej2-base';
+import { isVisible, closest, attributes, detach, select, addClass, removeClass, append } from '@syncfusion/ej2-base';
 import { NotifyPropertyChanges, ChildProperty, Collection, Animation } from '@syncfusion/ej2-base';
 import { setStyleAttribute as setStyle, Complex } from '@syncfusion/ej2-base';
 import { isNullOrUndefined as isNOU, formatUnit, selectAll, SanitizeHtmlHelper, isRippleEnabled } from '@syncfusion/ej2-base';
@@ -159,7 +159,6 @@ var Accordion = /** @class */ (function (_super) {
      * @returns {void}
      */
     Accordion.prototype.destroy = function () {
-        var _this = this;
         if (this.isReact || this.isAngular || this.isVue) {
             this.clearTemplate();
         }
@@ -180,9 +179,7 @@ var Accordion = /** @class */ (function (_super) {
         }
         ele.classList.remove(CLS_ACRDN_ROOT);
         ele.removeAttribute('style');
-        ['aria-disabled', 'aria-multiselectable', 'role', 'data-ripple'].forEach(function (attrb) {
-            _this.element.removeAttribute(attrb);
-        });
+        this.element.removeAttribute('data-ripple');
         if (!this.isNested && isRippleEnabled) {
             this.removeRippleEffect();
         }
@@ -231,19 +228,12 @@ var Accordion = /** @class */ (function (_super) {
         var width = formatUnit(this.width);
         var height = formatUnit(this.height);
         setStyle(this.element, { 'width': width, 'height': height });
-        var ariaAttr = {
-            'aria-disabled': 'false', 'role': 'presentation', 'aria-multiselectable': 'true'
-        };
         if (isNOU(this.initExpand)) {
             this.initExpand = [];
         }
         if (this.expandedIndices.length > 0) {
             this.initExpand = this.expandedIndices;
         }
-        attributes(this.element, ariaAttr);
-        if (this.expandMode === 'Single') {
-            this.element.setAttribute('aria-multiselectable', 'false');
-        }
     };
     Accordion.prototype.renderControl = function () {
         this.trgtEle = (this.element.children.length > 0) ? select('div', this.element) : null;
@@ -554,18 +544,15 @@ var Accordion = /** @class */ (function (_super) {
     };
     Accordion.prototype.headerEleGenerate = function () {
         var header = this.createElement('div', { className: CLS_HEADER, id: getUniqueID('acrdn_header') });
-        var items = this.getItems();
         var ariaAttr = {
-            'tabindex': '0', 'role': 'heading', 'aria-label': 'collapsed',
-            'aria-disabled': 'false', 'aria-level': items.length.toString()
+            'tabindex': '0', 'role': 'button', 'aria-disabled': 'false', 'aria-expanded': 'false'
         };
         attributes(header, ariaAttr);
         return header;
     };
     Accordion.prototype.renderInnerItem = function (item, index) {
         var innerEle = this.createElement('div', {
-            className: CLS_ITEM, id: item.id || getUniqueID('acrdn_item'),
-            attrs: { 'aria-expanded': 'false', 'role': 'row' }
+            className: CLS_ITEM, id: item.id || getUniqueID('acrdn_item')
         });
         if (this.headerTemplate) {
             var ctnEle = this.headerEleGenerate();
@@ -713,7 +700,7 @@ var Accordion = /** @class */ (function (_super) {
         var content = select('.' + CLS_CONTENT, itemEle);
         header.setAttribute('aria-controls', content.id);
         content.setAttribute('aria-labelledby', header.id);
-        content.setAttribute('role', 'definition');
+        content.setAttribute('role', 'region');
     };
     Accordion.prototype.contentRendering = function (index) {
         var itemcnt = this.createElement('div', { className: CLS_CONTENT + ' ' + CLS_CTNHIDE, id: getUniqueID('acrdn_panel') });
@@ -812,8 +799,7 @@ var Accordion = /** @class */ (function (_super) {
         if (progress === 'end') {
             this.add(trgtItemEle, CLS_ACTIVE);
             trgt.setAttribute('aria-hidden', 'false');
-            attributes(trgtItemEle, { 'aria-expanded': 'true' });
-            attributes(trgt.previousElementSibling, { 'aria-label': 'expanded' });
+            attributes(trgt.previousElementSibling, { 'aria-expanded': 'true' });
             icon.classList.remove(CLS_TOGANIMATE);
             this.trigger('expanded', eventArgs);
         }
@@ -929,8 +915,7 @@ var Accordion = /** @class */ (function (_super) {
             icon.classList.remove(CLS_TOGANIMATE);
             this.remove(trgtItemEle, CLS_ACTIVE);
             trgt.setAttribute('aria-hidden', 'true');
-            attributes(trgtItemEle, { 'aria-expanded': 'false' });
-            attributes(trgt.previousElementSibling, { 'aria-label': 'collapsed' });
+            attributes(trgt.previousElementSibling, { 'aria-expanded': 'false' });
             this.trigger('expanded', eventArgs);
         }
     };
@@ -943,14 +928,6 @@ var Accordion = /** @class */ (function (_super) {
     Accordion.prototype.getModuleName = function () {
         return 'accordion';
     };
-    Accordion.prototype.itemAttribUpdate = function () {
-        var items = this.getItems();
-        var itemEle = this.getItemElements();
-        var itemLen = items.length;
-        itemEle.forEach(function (ele) {
-            select('.' + CLS_HEADER, ele).setAttribute('aria-level', '' + itemLen);
-        });
-    };
     Accordion.prototype.getItems = function () {
         var items;
         if (this.itemTemplate && this.headerTemplate) {
@@ -991,7 +968,6 @@ var Accordion = /** @class */ (function (_super) {
                 }
                 EventHandler.add(innerItemEle.querySelector('.' + CLS_HEADER), 'focus', _this.focusIn, _this);
                 EventHandler.add(innerItemEle.querySelector('.' + CLS_HEADER), 'blur', _this.focusOut, _this);
-                _this.itemAttribUpdate();
                 _this.expandedIndices = [];
                 _this.expandedItemRefresh(ele);
                 if (addItem && addItem.expanded) {
@@ -1032,7 +1008,6 @@ var Accordion = /** @class */ (function (_super) {
         this.restoreContent(index);
         detach(ele);
         items.splice(index, 1);
-        this.itemAttribUpdate();
         this.expandedIndices = [];
         this.expandedItemRefresh(this.element);
     };
@@ -1252,8 +1227,12 @@ var Accordion = /** @class */ (function (_super) {
                                 this.updateItem(item, index);
                             }
                             if (property === 'cssClass' && !isNOU(item)) {
-                                item.classList.remove(oldVal);
-                                item.classList.add(newVal);
+                                if (oldVal) {
+                                    removeClass([item], oldVal.split(' '));
+                                }
+                                if (newVal) {
+                                    addClass([item], newVal.split(' '));
+                                }
                             }
                             if (property === 'visible' && !isNOU(item)) {
                                 if (Object(newProp.items[index])[property] === false) {
@@ -1315,14 +1294,8 @@ var Accordion = /** @class */ (function (_super) {
                     setStyle(this.element, { 'width': formatUnit(newProp.width) });
                     break;
                 case 'expandMode':
-                    if (newProp.expandMode === 'Single') {
-                        this.element.setAttribute('aria-multiselectable', 'false');
-                        if (this.expandedIndices.length > 1) {
-                            this.expandItem(false);
-                        }
-                    }
-                    else {
-                        this.element.setAttribute('aria-multiselectable', 'true');
+                    if (newProp.expandMode === 'Single' && this.expandedIndices.length > 1) {
+                        this.expandItem(false);
                     }
                     break;
             }

package/src/common/menu-base.js

@@ -2096,7 +2096,7 @@ var MenuBase = /** @class */ (function (_super) {
             menuitem = new MenuItem(iitems[0], 'items', items[i], true);
             iitems.splice(isAfter ? idx + 1 : idx, 0, menuitem);
             var uls = this.isMenu ? [this.getWrapper()].concat(this.getPopups()) : [].slice.call(this.getWrapper().children);
-            if (navIdx.length < uls.length) {
+            if (!isNullOrUndefined(idx) && navIdx.length < uls.length) {
                 idx = isAfter ? idx + 1 : idx;
                 li = this.createItems(iitems).children[idx];
                 var ul = this.isMenu ? select('.e-menu-parent', uls[navIdx.length]) : uls[navIdx.length];

package/src/sidebar/sidebar.js

@@ -158,7 +158,7 @@ var Sidebar = /** @class */ (function (_super) {
         if (!isNullOrUndefined(classELement || this.targetEle)) {
             addClass([classELement || this.targetEle], [MAINCONTENTANIMATION]);
         }
-        this.tabIndex = this.element.hasAttribute('tabindex') ? this.element.getAttribute('tabindex') : '0';
+        this.tabIndex = this.element.hasAttribute('tabindex') ? this.element.getAttribute('tabindex') : null;
         if (!this.enableDock && this.type !== 'Auto') {
             addClass([this.element], [VISIBILITY]);
         }
@@ -168,7 +168,9 @@ var Sidebar = /** @class */ (function (_super) {
         if (this.enableDock) {
             addClass([this.element], DOCKER);
         }
-        this.element.setAttribute('tabindex', this.tabIndex);
+        if (!isNullOrUndefined(this.tabIndex)) {
+            this.element.setAttribute('tabindex', this.tabIndex);
+        }
         if (this.type === 'Auto' && !Browser.isDevice) {
             this.show();
         }

package/src/treeview/treeview.d.ts

@@ -516,6 +516,7 @@ export declare class TreeView extends Component<HTMLElement> implements INotifyP
     private firstTap;
     private hasTemplate;
     private isFirstRender;
+    private isNodeDropped;
     /**
      * Indicates whether the TreeView allows drag and drop of nodes. To drag and drop a node in
      * desktop, hold the mouse on the node, drag it to the target node and drop the node by releasing

package/src/treeview/treeview.js

@@ -210,6 +210,8 @@ var TreeView = /** @class */ (function (_super) {
         _this.changeDataSource = false;
         _this.hasTemplate = false;
         _this.isFirstRender = false;
+        // Specifies whether the node is dropped or not 
+        _this.isNodeDropped = false;
         _this.mouseDownStatus = false;
         return _this;
     }
@@ -1423,11 +1425,12 @@ var TreeView = /** @class */ (function (_super) {
         this.updateCheckedProp();
         this.isAnimate = true;
         this.isInitalExpand = false;
-        if (!this.isLoaded || this.isFieldChange) {
+        if ((!this.isLoaded || this.isFieldChange) && !this.isNodeDropped) {
             var eventArgs = { data: this.treeData };
             this.trigger('dataBound', eventArgs);
         }
         this.isLoaded = true;
+        this.isNodeDropped = false;
     };
     TreeView.prototype.doSelectionAction = function () {
         var sNodes = selectAll('.' + SELECTED, this.element);
@@ -2652,8 +2655,9 @@ var TreeView = /** @class */ (function (_super) {
             var expanded = (currLi.getAttribute('aria-expanded') === 'true') ? true : false;
             var hasChildren = currLi.getAttribute('aria-expanded') !== null ? true : (select('.' + EXPANDABLE, currLi) || select('.' + COLLAPSIBLE, currLi)) != null ? true : false;
             var checked = null;
-            if (this.showCheckBox) {
-                checked = select('.' + CHECKBOXWRAP, currLi).getAttribute('aria-checked');
+            var checkboxElement = select('.' + CHECKBOXWRAP, currLi);
+            if (this.showCheckBox && checkboxElement) {
+                checked = checkboxElement.getAttribute('aria-checked');
             }
             return {
                 id: id, text: text, parentID: pid, selected: selected, expanded: expanded,
@@ -3165,6 +3169,8 @@ var TreeView = /** @class */ (function (_super) {
         this.trigger('nodeDropped', this.getDragEvent(e.event, dragObj, dropTarget, e.target, e.dragData.draggedElement, null, level, drop));
         if (dragObj.element.id !== this.element.id) {
             dragObj.triggerEvent();
+            this.isNodeDropped = true;
+            this.fields.dataSource = this.treeData;
         }
         this.triggerEvent();
     };