@syncfusion/ej2-navigations 29.2.4 → 29.2.7

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

@@ -2291,7 +2291,8 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
             }
         }
     };
-    MenuBase.prototype.setPosition = function (li, ul, top, left) {
+    MenuBase.prototype.setPosition = function (li, ul, top, left, isOpen) {
+        if (isOpen === void 0) { isOpen = false; }
         var px = 'px';
         this.toggleVisiblity(ul);
         if (ul === this.element || (left > -1 && top > -1)) {
@@ -2350,6 +2351,10 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
         this.toggleVisiblity(ul, false);
         if (this.isCMenu && this.enableScrolling && ul) {
             ul.style.height = '';
+            ul.style.top = '';
+            ul.style.left = '';
+            ul.style.width = '';
+            ul.style.position = '';
         }
         var wrapper = closest(this.element, '.e-' + this.getModuleName() + '-wrapper');
         if (!this.isMenu && this.enableScrolling && ul && wrapper && wrapper.offsetHeight > 0) {
@@ -2367,7 +2372,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                 left: left + "px",
                 width: cmenuWidth + "px",
                 position: 'absolute',
-                display: 'none'
+                display: !isOpen ? 'none' : 'block'
             });
         }
         else {
@@ -2456,7 +2461,7 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                     args.item.setAttribute('aria-expanded', 'false');
                     args.item.classList.add('e-menu-caret-icon');
                 }
-                if (_this.isMenu && _this.template) {
+                if (_this.template) {
                     args.item.setAttribute('id', args.curData[args.fields.id].toString());
                     args.item.removeAttribute('data-uid');
                     if (args.item.classList.contains('e-level-1')) {
@@ -2967,6 +2972,11 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
                                 addScrolling(this_1.createElement, wrapper, this_1.element, 'hscroll', this_1.enableRtl);
                             }
                         }
+                        if (this_1.enableScrolling && this_1.element.classList.contains('e-contextmenu')) {
+                            this_1.isCMenu = true;
+                            this_1.setPosition(this_1.lItem, this_1.uList, this_1.top, this_1.left, true);
+                            this_1.isCMenu = false;
+                        }
                         if (!this_1.hamburgerMode) {
                             for (var i = 1, count = wrapper.childElementCount; i < count; i++) {
                                 detach(wrapper.lastElementChild);
@@ -9894,7 +9904,11 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
      */
     Tab.prototype.hideTab = function (index, value) {
         var items;
-        var item = selectAll('.' + CLS_TB_ITEM, this.element)[index];
+        var tabId;
+        if (index >= 0 && index < this.tbItem.length) {
+            tabId = this.tbItem[index].getAttribute('id');
+        }
+        var item = this.element.querySelector("[id=\"" + tabId + "\"]");
         if (isNullOrUndefined(item)) {
             return;
         }
@@ -12127,8 +12141,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
                 var rippleIcons = select('.' + ICON, li);
                 this.removeHover();
                 this.setFocusElement(li);
-                if (this.showCheckBox && !li.classList.contains('e-disable')) {
-                    var checkWrapper = closest(target, '.' + CHECKBOXWRAP);
+                var isExpandCollapseIcon = classList.contains(EXPANDABLE) || classList.contains(COLLAPSIBLE);
+                if (this.showCheckBox && !li.classList.contains('e-disable') && !isExpandCollapseIcon) {
+                    var checkWrapper = this.checkOnClick ? select('.' + CHECKBOXWRAP, li) : closest(target, '.' + CHECKBOXWRAP);
                     if (!isNullOrUndefined(checkWrapper)) {
                         var checkElement = select('.' + CHECKBOXFRAME, checkWrapper);
                         this.validateCheckNode(checkWrapper, checkElement.classList.contains(CHECK), li, event.originalEvent);
@@ -12690,6 +12705,15 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
     TreeView.prototype.selectNode = function (li, e, multiSelect) {
         var _this = this;
         if (isNullOrUndefined(li) || (!this.allowMultiSelection && this.isActive(li) && !isNullOrUndefined(e))) {
+            if (this.checkOnClick) {
+                var checkboxElement = select(' .' + CHECKBOXFRAME, li);
+                if (!isNullOrUndefined(checkboxElement) && checkboxElement.classList.contains(CHECK)) {
+                    addClass([li], ACTIVE);
+                }
+                else {
+                    removeClass([li], ACTIVE);
+                }
+            }
             this.setFocusElement(li);
             return;
         }
@@ -13063,6 +13087,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
             }
         }
         this.changeState(checkWrap, isCheck ? 'uncheck' : 'check', e, true);
+        this.updateActiveClass(li, isCheck);
         if (this.autoCheck) {
             this.ensureChildCheckState(li);
             this.updateOldCheckedData([this.getNodeData(li)]);
@@ -13078,6 +13103,17 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
         }
         this.nodeCheckedEvent(checkWrap, isCheck, e);
     };
+    TreeView.prototype.updateActiveClass = function (liElement, checkStatus) {
+        if (this.showCheckBox && this.checkOnClick) {
+            if (checkStatus === 'check' || checkStatus === false) {
+                this.removeSelectAll();
+                addClass([liElement], ACTIVE);
+            }
+            else if (checkStatus === 'uncheck' || checkStatus === 'indeterminate' || checkStatus === true) {
+                removeClass([liElement], ACTIVE);
+            }
+        }
+    };
     /**
      * Update checkedNodes when UI interaction happens before the child node renders in DOM
      *
@@ -16139,6 +16175,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
     __decorate$8([
         Property(false)
     ], TreeView.prototype, "showCheckBox", void 0);
+    __decorate$8([
+        Property(false)
+    ], TreeView.prototype, "checkOnClick", void 0);
     __decorate$8([
         Property(true)
     ], TreeView.prototype, "autoCheck", void 0);