@syncfusion/ej2-navigations 29.1.34 → 29.1.38

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 29.1.33
+*  version : 29.1.38
 *  Copyright Syncfusion Inc. 2001 - 2024. 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,30 +1,37 @@
 {
-  "_from": "@syncfusion/ej2-navigations@~29.1.33",
-  "_id": "@syncfusion/ej2-navigations@29.1.33",
+  "_from": "@syncfusion/ej2-navigations@*",
+  "_id": "@syncfusion/ej2-navigations@29.1.37",
   "_inBundle": false,
-  "_integrity": "sha512-3ujYZua76QtlrDMElMUb0V4xrKOQV3yH4SIbUnl7tRdS03nqyWdvdAo6oUkN6md1jH8Sc8PMCWnI4g8lCxSL0w==",
+  "_integrity": "sha512-HxYgu7qoNaDNQV6R/D5ApVuT0IQiM08jyZBctuHEZCSJkvnOEpctLNZmpjfP4/gGzOpszK12iiDkp6RbeIC4fA==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
     "type": "range",
     "registry": true,
-    "raw": "@syncfusion/ej2-navigations@~29.1.33",
+    "raw": "@syncfusion/ej2-navigations@*",
     "name": "@syncfusion/ej2-navigations",
     "escapedName": "@syncfusion%2fej2-navigations",
     "scope": "@syncfusion",
-    "rawSpec": "~29.1.33",
+    "rawSpec": "*",
     "saveSpec": null,
-    "fetchSpec": "~29.1.33"
+    "fetchSpec": "*"
   },
   "_requiredBy": [
+    "/",
+    "/@syncfusion/ej2",
     "/@syncfusion/ej2-angular-navigations",
     "/@syncfusion/ej2-charts",
     "/@syncfusion/ej2-diagrams",
+    "/@syncfusion/ej2-documenteditor",
     "/@syncfusion/ej2-dropdowns",
     "/@syncfusion/ej2-filemanager",
     "/@syncfusion/ej2-gantt",
     "/@syncfusion/ej2-grids",
+    "/@syncfusion/ej2-image-editor",
+    "/@syncfusion/ej2-inplace-editor",
     "/@syncfusion/ej2-interactive-chat",
+    "/@syncfusion/ej2-kanban",
+    "/@syncfusion/ej2-pdfviewer",
     "/@syncfusion/ej2-pivotview",
     "/@syncfusion/ej2-react-navigations",
     "/@syncfusion/ej2-ribbon",
@@ -33,10 +40,10 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "https://registry.npmjs.org/@syncfusion/ej2-navigations/-/ej2-navigations-29.1.33.tgz",
-  "_shasum": "4e297154e0b4622393521a01a9ab9487bb9daa66",
-  "_spec": "@syncfusion/ej2-navigations@~29.1.33",
-  "_where": "E:\\march2025\\memory-leaks\\node_modules\\@syncfusion\\ej2-diagrams",
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-29.1.37.tgz",
+  "_shasum": "4154853be60d95a8f0a5ff83e1b6b46d7144abb8",
+  "_spec": "@syncfusion/ej2-navigations@*",
+  "_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
   "author": {
     "name": "Syncfusion Inc."
   },
@@ -45,12 +52,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~29.1.33",
-    "@syncfusion/ej2-buttons": "~29.1.33",
+    "@syncfusion/ej2-base": "~29.1.36",
+    "@syncfusion/ej2-buttons": "~29.1.34",
     "@syncfusion/ej2-data": "~29.1.33",
-    "@syncfusion/ej2-inputs": "~29.1.33",
-    "@syncfusion/ej2-lists": "~29.1.33",
-    "@syncfusion/ej2-popups": "~29.1.33"
+    "@syncfusion/ej2-inputs": "~29.1.38",
+    "@syncfusion/ej2-lists": "~29.1.34",
+    "@syncfusion/ej2-popups": "~29.1.37"
   },
   "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",
@@ -154,7 +161,7 @@
     "type": "git",
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
-  "sideEffects": false,
   "typings": "index.d.ts",
-  "version": "29.1.34"
-}
+  "version": "29.1.38",
+  "sideEffects": false
+}

package/src/carousel/carousel.js

@@ -949,6 +949,14 @@ var Carousel = /** @class */ (function (_super) {
         if (this.element.classList.contains(CLS_HOVER) || isNullOrUndefined(this.slideItems) || this.slideItems.length <= 1) {
             return;
         }
+        if (this.swipeMode === (~CarouselSwipeMode.Touch & ~CarouselSwipeMode.Mouse)) {
+            return;
+        }
+        var eventType = e.startEvents ? e.startEvents.toString() : null;
+        if (eventType && ((this.swipeMode === CarouselSwipeMode.Mouse && eventType.includes('Touch')) ||
+            (this.swipeMode === CarouselSwipeMode.Touch && eventType.includes('Mouse')))) {
+            return;
+        }
         var direction = (e.swipeDirection === 'Right') ? 'Previous' : 'Next';
         var slideIndex = this.getSlideIndex(direction);
         if (!this.isSuspendSlideTransition(slideIndex, direction)) {

package/src/common/menu-base.js

@@ -2060,6 +2060,7 @@ var MenuBase = /** @class */ (function (_super) {
         var pElement;
         var animateElement = (this.enableScrolling && !this.isMenu && closest(ul, '.e-menu-vscroll'))
             ? closest(ul, '.e-menu-vscroll') : ul;
+        Animation.stop(animateElement);
         if (this.animationSettings.effect === 'None' || !isMenuOpen) {
             if (this.hamburgerMode && ul) {
                 ul.style.top = '0px';
@@ -2068,6 +2069,7 @@ var MenuBase = /** @class */ (function (_super) {
             this.end(ul, isMenuOpen);
         }
         else {
+            animateElement.style.maxHeight = '';
             this.animation.animate(animateElement, {
                 name: this.animationSettings.effect,
                 duration: this.animationSettings.duration,
@@ -2086,7 +2088,7 @@ var MenuBase = /** @class */ (function (_super) {
                     }
                     else {
                         options.element.style.display = 'block';
-                        options.element.style.maxHeight = _this.isMenu ? options.element.getBoundingClientRect().height + 'px' : options.element.scrollHeight + 'px';
+                        options.element.style.maxHeight = options.element.getBoundingClientRect().height + 'px';
                     }
                 },
                 progress: function (options) {

package/src/toolbar/toolbar.js

@@ -1670,6 +1670,7 @@ var Toolbar = /** @class */ (function (_super) {
      * @returns {void}.
      */
     Toolbar.prototype.enableItems = function (items, isEnable) {
+        var _this = this;
         var elements = items;
         var len = elements.length;
         var ele;
@@ -1681,12 +1682,15 @@ var Toolbar = /** @class */ (function (_super) {
                 ele.classList.remove(CLS_DISABLE);
                 if (!isNOU(ele.firstElementChild)) {
                     ele.firstElementChild.setAttribute('aria-disabled', 'false');
+                    _this.updateTabIndex('0');
                 }
             }
             else {
                 ele.classList.add(CLS_DISABLE);
                 if (!isNOU(ele.firstElementChild)) {
                     ele.firstElementChild.setAttribute('aria-disabled', 'true');
+                    ele.firstElementChild.setAttribute('tabindex', '-1');
+                    _this.updateTabIndex('0');
                 }
             }
         };

package/src/treeview/treeview.js

@@ -2214,7 +2214,7 @@ var TreeView = /** @class */ (function (_super) {
         return undefined;
     };
     TreeView.prototype.getChildGroup = function (data, parentId, isRoot) {
-        var childNodes;
+        var childNodes = [];
         if (isNOU(data)) {
             return childNodes;
         }
@@ -2228,9 +2228,6 @@ var TreeView = /** @class */ (function (_super) {
             else if (isRoot) {
                 return data[parseInt(i.toString(), 10)];
             }
-            else {
-                return [];
-            }
         }
         return childNodes;
     };
@@ -4156,17 +4153,15 @@ var TreeView = /** @class */ (function (_super) {
     TreeView.prototype.removeChildNodes = function (parentId) {
         var cNodes = this.getChildGroup(this.groupedData, parentId, false);
         var childData = [];
-        if (cNodes) {
-            for (var i = 0, len = cNodes.length; i < len; i++) {
-                var dm = new DataManager(this.treeData);
-                var id = getValue(this.fields.id, cNodes[parseInt(i.toString(), 10)]).toString();
-                var data = {};
-                var currId = this.isNumberTypeId ? parseFloat(id) : id;
-                data[this.fields.id] = currId;
-                var nodeData = dm.remove(this.fields.id, data);
-                childData.push(nodeData[0]);
-                this.removeChildNodes(id);
-            }
+        for (var i = 0, len = cNodes.length; i < len; i++) {
+            var dm = new DataManager(this.treeData);
+            var id = getValue(this.fields.id, cNodes[parseInt(i.toString(), 10)]).toString();
+            var data = {};
+            var currId = this.isNumberTypeId ? parseFloat(id) : id;
+            data[this.fields.id] = currId;
+            var nodeData = dm.remove(this.fields.id, data);
+            childData.push(nodeData[0]);
+            this.removeChildNodes(id);
         }
         return childData;
     };

package/styles/fluent2-lite.css

@@ -3527,8 +3527,8 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
   display: none;
-  margin: 0 4px 0 8px;
-  min-width: 20px;
+  margin: 0 0 0 8px;
+  min-width: 12px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {

package/styles/fluent2.css

@@ -4247,8 +4247,8 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
   display: none;
-  margin: 0 4px 0 8px;
-  min-width: 20px;
+  margin: 0 0 0 8px;
+  min-width: 12px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {

package/styles/tab/_fluent2-definition.scss

@@ -257,9 +257,9 @@ $tab-close-icon-size: $text-sm !default;
 $tab-big-close-icon-size: $text-sm !default;
 $tab-nrml-close-icon-size: $text-xs !default;
 $tab-mob-close-icon-size: $text-xxs !default;
-$tab-close-icon-minwidth: 20px !default;
+$tab-close-icon-minwidth: 12px !default;
 $tab-big-close-icon-margin: 0 8px 0 12px !default;
-$tab-nrml-close-icon-margin: 0 4px 0 8px !default;
+$tab-nrml-close-icon-margin: 0 0 0 8px !default;
 $tab-mob-close-icon-margin: 0 0 0 14px !default;
 $tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
 $tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;

package/styles/tab/_tailwind3-definition.scss

@@ -41,7 +41,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
 $tab-disable-active-text-item-border: 0 !default;
 $tab-fill-hdr-border: 0 !default;
 $tab-fill-disable-hdr-border: 0 !default;
-$tab-anim-border-display: block !default;
+$tab-anim-border-display: none !default;
 $tab-border: none !default;
 $tab-focus-hscroll-content-padding: 1px 0 !default;
 $tab-hdr-border-width: 0 0 1px 0 !default;
@@ -469,13 +469,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
 $tab-item-active-bg: $content-bg-color !default;
 $tab-item-active-hover-bg: inherit !default;
 $tab-item-active-wrap-border: 0 !default;
-$tab-active-wrap-position: unset !default;
-$tab-active-wrap-before-border: unset !default;
-$tab-active-wrap-before-content: unset !default;
-$tab-active-wrap-before-display: unset !default;
-$tab-active-wrap-before-position: unset !default;
-$tab-active-wrap-before-top: unset !default;
-$tab-active-wrap-before-width: unset !default;
+$tab-active-wrap-position: relative !default;
+$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
+$tab-active-wrap-before-content: '' !default;
+$tab-active-wrap-before-display: block !default;
+$tab-active-wrap-before-position: absolute !default;
+$tab-active-wrap-before-top: 0 !default;
+$tab-active-wrap-before-width: 100% !default;
 $tab-focused-wrap-focus-border: 0 !default;
 $tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
 $tab-content-font-size: $text-sm !default;

package/styles/tab/_theme.scss

@@ -109,7 +109,7 @@
               display: $tab-active-wrap-before-display;
               position: $tab-active-wrap-before-position;
               width: $tab-active-wrap-before-width;
-              @if ($skin-name == 'Material3') {
+              @if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
                 border-radius: 3px 3px 0 0;
                 bottom: $tab-active-wrap-before-top;
               }

package/styles/tab/fluent2.css

@@ -326,8 +326,8 @@
 }
 .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
   display: none;
-  margin: 0 4px 0 8px;
-  min-width: 20px;
+  margin: 0 0 0 8px;
+  min-width: 12px;
 }
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {

package/styles/tab/tailwind3.css

@@ -153,7 +153,7 @@
   overflow: hidden;
 }
 .e-tab .e-tab-header .e-indicator {
-  display: block;
+  display: none;
   position: absolute;
 }
 .e-tab .e-tab-header .e-indicator.e-hidden {
@@ -1109,12 +1109,12 @@
 }
 .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
 .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
-  border: unset;
-  content: unset;
+  border: 1.6px solid var(--color-sf-primary-bg-color);
+  content: "";
   display: none;
-  position: unset;
-  top: unset;
-  width: unset;
+  position: absolute;
+  top: 0;
+  width: 100%;
 }
 .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
 .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
@@ -1939,15 +1939,16 @@
   color: var(--color-sf-primary-bg-color);
 }
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
-  position: unset;
+  position: relative;
 }
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
-  border: unset;
-  content: unset;
-  display: unset;
-  position: unset;
-  width: unset;
-  top: unset;
+  border: 1.6px solid var(--color-sf-primary-bg-color);
+  content: "";
+  display: block;
+  position: absolute;
+  width: 100%;
+  border-radius: 3px 3px 0 0;
+  bottom: 0;
 }
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {

package/styles/tailwind3-lite.css

@@ -3307,7 +3307,7 @@
   overflow: hidden;
 }
 .e-tab .e-tab-header .e-indicator {
-  display: block;
+  display: none;
   position: absolute;
 }
 .e-tab .e-tab-header .e-indicator.e-hidden {
@@ -4263,12 +4263,12 @@
 }
 .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
 .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
-  border: unset;
-  content: unset;
+  border: 1.6px solid var(--color-sf-primary-bg-color);
+  content: "";
   display: none;
-  position: unset;
-  top: unset;
-  width: unset;
+  position: absolute;
+  top: 0;
+  width: 100%;
 }
 .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
 .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
@@ -5093,15 +5093,16 @@
   color: var(--color-sf-primary-bg-color);
 }
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
-  position: unset;
+  position: relative;
 }
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
-  border: unset;
-  content: unset;
-  display: unset;
-  position: unset;
-  width: unset;
-  top: unset;
+  border: 1.6px solid var(--color-sf-primary-bg-color);
+  content: "";
+  display: block;
+  position: absolute;
+  width: 100%;
+  border-radius: 3px 3px 0 0;
+  bottom: 0;
 }
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {

package/styles/tailwind3.css

@@ -4075,7 +4075,7 @@
   overflow: hidden;
 }
 .e-tab .e-tab-header .e-indicator {
-  display: block;
+  display: none;
   position: absolute;
 }
 .e-tab .e-tab-header .e-indicator.e-hidden {
@@ -5031,12 +5031,12 @@
 }
 .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
 .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
-  border: unset;
-  content: unset;
+  border: 1.6px solid var(--color-sf-primary-bg-color);
+  content: "";
   display: none;
-  position: unset;
-  top: unset;
-  width: unset;
+  position: absolute;
+  top: 0;
+  width: 100%;
 }
 .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
 .e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
@@ -5861,15 +5861,16 @@
   color: var(--color-sf-primary-bg-color);
 }
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
-  position: unset;
+  position: relative;
 }
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
-  border: unset;
-  content: unset;
-  display: unset;
-  position: unset;
-  width: unset;
-  top: unset;
+  border: 1.6px solid var(--color-sf-primary-bg-color);
+  content: "";
+  display: block;
+  position: absolute;
+  width: 100%;
+  border-radius: 3px 3px 0 0;
+  bottom: 0;
 }
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
 .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {