@syncfusion/ej2-navigations 22.1.38 → 22.2.5

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

@@ -1359,10 +1359,10 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             }
             this.targetElement = target;
             if (!this.isMenu) {
-                EventHandler.add(this.targetElement, 'mousewheel DOMMouseScroll', this.scrollHandler, this);
+                EventHandler.add(this.targetElement, 'scroll', this.scrollHandler, this);
                 for (var _i = 0, _a = getScrollableParent(this.targetElement); _i < _a.length; _i++) {
                     var parent_1 = _a[_i];
-                    EventHandler.add(parent_1, 'mousewheel DOMMouseScroll', this.scrollHandler, this);
+                    EventHandler.add(parent_1, 'scroll', this.scrollHandler, this);
                 }
             }
         }
@@ -1540,7 +1540,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             var popups_1 = [];
             var allPopup = selectAll('.' + POPUP);
             allPopup.forEach(function (elem) {
-                if (_this.element.id === elem.id.split('-')[2]) {
+                if (_this.element.id === elem.id.split('-')[2] || elem.id.split('-')[2] + "-" + elem.id.split('-')[3]) {
                     popups_1.push(elem);
                 }
             });
@@ -2264,7 +2264,13 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                 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];
@@ -2879,10 +2885,10 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                 }
             }
             if (!this.isMenu) {
-                EventHandler.remove(this.targetElement, 'mousewheel DOMMouseScroll', this.scrollHandler);
+                EventHandler.remove(this.targetElement, 'scroll', this.scrollHandler);
                 for (var _i = 0, _a = getScrollableParent(this.targetElement); _i < _a.length; _i++) {
                     var parent_2 = _a[_i];
-                    EventHandler.remove(parent_2, 'mousewheel DOMMouseScroll', this.scrollHandler);
+                    EventHandler.remove(parent_2, 'scroll', this.scrollHandler);
                 }
             }
         }
@@ -7968,7 +7974,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
     };
     Tab.prototype.parseObject = function (items, index) {
         var _this = this;
-        var tbItems = selectAll('.e-tab-header .' + CLS_TB_ITEM, this.element);
+        var tbItems = Array.prototype.slice.call(selectAll('.e-tab-header .' + CLS_TB_ITEM, this.element));
         var maxId = this.lastIndex;
         if (!this.isReplace && tbItems.length > 0) {
             var idList_1 = [];
@@ -8698,7 +8704,7 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
         if (this.allowDragAndDrop) {
             var tabHeader = this.element.querySelector('.' + CLS_HEADER$1);
             if (tabHeader) {
-                var items = tabHeader.querySelectorAll('.' + CLS_TB_ITEM);
+                var items = Array.prototype.slice.call(tabHeader.querySelectorAll('.' + CLS_TB_ITEM));
                 items.forEach(function (element) {
                     _this.initializeDrag(element);
                 });
@@ -11818,14 +11824,14 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         }
         else {
             if (typeof this.fields.child === 'string') {
-                var index = obj.findIndex(function (data) { return data[_this.fields.id] && data[_this.fields.id].toString() === parentId; });
+                var index = obj.findIndex(function (data) { return 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 (var i = 0, objlen = obj.length; i < objlen; i++) {
                         var tempArray = getValue(this.fields.child, obj[i]);
-                        var childIndex = !isNullOrUndefined(tempArray) ? tempArray.findIndex(function (data) { return data[_this.fields.id] && data[_this.fields.id].toString() === parentId; }) : -1;
+                        var childIndex = !isNullOrUndefined(tempArray) ? tempArray.findIndex(function (data) { return getValue(_this.fields.id, data) && getValue(_this.fields.id, data).toString() === parentId; }) : -1;
                         if (childIndex !== -1) {
                             return getValue(this.fields.child, tempArray[childIndex]);
                         }
@@ -12791,7 +12797,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             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);
@@ -14599,6 +14605,20 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         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.prototype.destroy.call(this);
     };
     /**
@@ -16894,7 +16914,13 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
                     break;
                 case 'items':
                 case 'dataSource':
+                    var 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) {
@@ -16923,6 +16949,14 @@ var Carousel = /** @__PURE__ @class */ (function (_super) {
         }
         this.renderSlides();
     };
+    Carousel.prototype.reRenderIndicators = function () {
+        var target = this.element.querySelector("." + CLS_INDICATORS);
+        if (target) {
+            this.resetTemplates(['indicatorsTemplate']);
+            remove(target);
+        }
+        this.renderIndicators();
+    };
     Carousel.prototype.initialize = function () {
         var carouselClasses = [];
         if (this.cssClass) {