@syncfusion/ej2-navigations 22.1.39 → 22.2.7

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

@@ -1284,9 +1284,9 @@ let MenuBase = class MenuBase extends Component {
             }
             this.targetElement = target;
             if (!this.isMenu) {
-                EventHandler.add(this.targetElement, 'mousewheel DOMMouseScroll', this.scrollHandler, this);
+                EventHandler.add(this.targetElement, 'scroll', this.scrollHandler, this);
                 for (const parent of getScrollableParent(this.targetElement)) {
-                    EventHandler.add(parent, 'mousewheel DOMMouseScroll', this.scrollHandler, this);
+                    EventHandler.add(parent, 'scroll', this.scrollHandler, this);
                 }
             }
         }
@@ -2172,7 +2172,13 @@ let MenuBase = class MenuBase extends Component {
                 if (isNullOrUndefined(args.curData.htmlAttributes)) {
                     args.curData.htmlAttributes = {};
                 }
-                Object.assign(args.curData.htmlAttributes, { role: 'menuitem', tabindex: '-1' });
+                if (Browser.isIE) {
+                    args.curData.htmlAttributes.role = 'menuitem';
+                    args.curData.htmlAttributes.tabindex = '-1';
+                }
+                else {
+                    Object.assign(args.curData.htmlAttributes, { role: 'menuitem', tabindex: '-1' });
+                }
                 if (this.isMenu && !args.curData[this.getField('separator', level)]) {
                     args.curData.htmlAttributes['aria-label'] = args.curData[args.fields.text] ?
                         args.curData[args.fields.text] : args.curData[args.fields.id];
@@ -2445,6 +2451,9 @@ let MenuBase = class MenuBase extends Component {
         }
     }
     afterCloseMenu(e) {
+        if (isNullOrUndefined(e)) {
+            return;
+        }
         let isHeader;
         if (this.showSubMenu) {
             if (this.showItemOnClick && this.navIdx.length === 0) {
@@ -2774,9 +2783,9 @@ let MenuBase = class MenuBase extends Component {
                 }
             }
             if (!this.isMenu) {
-                EventHandler.remove(this.targetElement, 'mousewheel DOMMouseScroll', this.scrollHandler);
+                EventHandler.remove(this.targetElement, 'scroll', this.scrollHandler);
                 for (const parent of getScrollableParent(this.targetElement)) {
-                    EventHandler.remove(parent, 'mousewheel DOMMouseScroll', this.scrollHandler);
+                    EventHandler.remove(parent, 'scroll', this.scrollHandler);
                 }
             }
         }
@@ -7698,7 +7707,7 @@ let Tab = class Tab extends Component {
         }
     }
     parseObject(items, index) {
-        const tbItems = selectAll('.e-tab-header .' + CLS_TB_ITEM, this.element);
+        const tbItems = Array.prototype.slice.call(selectAll('.e-tab-header .' + CLS_TB_ITEM, this.element));
         let maxId = this.lastIndex;
         if (!this.isReplace && tbItems.length > 0) {
             const idList = [];
@@ -8422,7 +8431,7 @@ let Tab = class Tab extends Component {
         if (this.allowDragAndDrop) {
             const tabHeader = this.element.querySelector('.' + CLS_HEADER$1);
             if (tabHeader) {
-                const items = tabHeader.querySelectorAll('.' + CLS_TB_ITEM);
+                const items = Array.prototype.slice.call(tabHeader.querySelectorAll('.' + CLS_TB_ITEM));
                 items.forEach((element) => {
                     this.initializeDrag(element);
                 });
@@ -9198,7 +9207,9 @@ let Tab = class Tab extends Component {
             }
         }
         this.setActiveBorder();
-        item.setAttribute('aria-hidden', '' + value);
+        if (!isNullOrUndefined(item.firstElementChild)) {
+            item.firstElementChild.setAttribute('aria-hidden', '' + value);
+        }
         if (this.overflowMode === 'Popup' && this.tbObj) {
             this.tbObj.refreshOverflow();
         }
@@ -11489,14 +11500,14 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         }
         else {
             if (typeof this.fields.child === 'string') {
-                let index = obj.findIndex((data) => data[this.fields.id] && data[this.fields.id].toString() === parentId);
+                let index = obj.findIndex((data) => getValue(this.fields.id, data) && getValue(this.fields.id, data).toString() === parentId);
                 if (index !== -1) {
                     return getValue(this.fields.child, obj[index]);
                 }
                 if (index === -1) {
                     for (let i = 0, objlen = obj.length; i < objlen; i++) {
                         let tempArray = getValue(this.fields.child, obj[i]);
-                        let childIndex = !isNullOrUndefined(tempArray) ? tempArray.findIndex((data) => data[this.fields.id] && data[this.fields.id].toString() === parentId) : -1;
+                        let childIndex = !isNullOrUndefined(tempArray) ? tempArray.findIndex((data) => getValue(this.fields.id, data) && getValue(this.fields.id, data).toString() === parentId) : -1;
                         if (childIndex !== -1) {
                             return getValue(this.fields.child, tempArray[childIndex]);
                         }
@@ -12454,7 +12465,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
             this.renderReactTemplates();
         }
         else {
-            this.enableHtmlSanitizer ? txtEle.innerText = newText : txtEle.innerHTML = newText;
+            this.enableHtmlSanitizer ? txtEle.innerText = SanitizeHtmlHelper.sanitize(newText) : txtEle.innerHTML = newText;
         }
         if (isInput) {
             removeClass([liEle], EDITING);
@@ -14253,6 +14264,20 @@ let TreeView = TreeView_1 = class TreeView extends Component {
         if (this.ulElement && this.ulElement.parentElement) {
             this.ulElement.parentElement.removeChild(this.ulElement);
         }
+        this.ulElement = null;
+        this.liList = null;
+        this.startNode = null;
+        this.firstTap = null;
+        this.expandArgs = null;
+        this.dragLi = null;
+        this.dragTarget = null;
+        this.dragParent = null;
+        this.dragObj = null;
+        this.dropObj = null;
+        this.inputObj = null;
+        this.touchEditObj = null;
+        this.touchExpandObj = null;
+        this.touchClickObj = null;
         super.destroy();
     }
     /**
@@ -16481,7 +16506,13 @@ let Carousel = class Carousel extends Component {
                     break;
                 case 'items':
                 case 'dataSource':
+                    const selectedData = prop === 'dataSource' ? this.dataSource : this.items;
+                    if (selectedData.length > 0 && this.selectedIndex >= selectedData.length) {
+                        this.setActiveSlide(selectedData.length - 1, 'Previous');
+                        this.autoSlide();
+                    }
                     this.reRenderSlides();
+                    this.reRenderIndicators();
                     break;
                 case 'partialVisible':
                     if (this.partialVisible) {
@@ -16510,6 +16541,14 @@ let Carousel = class Carousel extends Component {
         }
         this.renderSlides();
     }
+    reRenderIndicators() {
+        const target = this.element.querySelector(`.${CLS_INDICATORS}`);
+        if (target) {
+            this.resetTemplates(['indicatorsTemplate']);
+            remove(target);
+        }
+        this.renderIndicators();
+    }
     initialize() {
         const carouselClasses = [];
         if (this.cssClass) {