@syncfusion/ej2-navigations 34.2.7 → 34.2.8

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 34.2.7
+*  version : 34.2.8
 *  Copyright Syncfusion Inc. 2001 - 2025. 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,6 +1,6 @@
 {
   "name": "@syncfusion/ej2-navigations",
-  "version": "34.2.7",
+  "version": "34.2.8",
   "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",
   "author": "Syncfusion Inc.",
   "license": "SEE LICENSE IN license",
@@ -8,13 +8,13 @@
   "module": "./index.js",
   "es2015": "./dist/es6/ej2-navigations.es5.js",
   "dependencies": {
-    "@syncfusion/ej2-base": "~34.2.6",
-    "@syncfusion/ej2-buttons": "~34.2.6",
-    "@syncfusion/ej2-data": "~34.2.6",
-    "@syncfusion/ej2-inputs": "~34.2.7",
-    "@syncfusion/ej2-lists": "~34.2.6",
-    "@syncfusion/ej2-notifications": "~34.2.6",
-    "@syncfusion/ej2-popups": "~34.2.6"
+    "@syncfusion/ej2-base": "~34.2.8",
+    "@syncfusion/ej2-buttons": "~34.2.8",
+    "@syncfusion/ej2-data": "~34.2.8",
+    "@syncfusion/ej2-inputs": "~34.2.8",
+    "@syncfusion/ej2-lists": "~34.2.8",
+    "@syncfusion/ej2-notifications": "~34.2.8",
+    "@syncfusion/ej2-popups": "~34.2.8"
   },
   "devDependencies": {},
   "keywords": [

package/src/accordion/accordion.js

@@ -1307,6 +1307,9 @@ var Accordion = /** @class */ (function (_super) {
                                 var newVal = Object(newProp.items[parseInt(index.toString(), 10)])["" + property[parseInt(k.toString(), 10)]];
                                 var temp = property[parseInt(k.toString(), 10)];
                                 var content = select('.' + CLS_CTENT, item);
+                                if (temp === 'expanded' && !newVal && !isNOU(item) && item.classList.contains(CLS_ACTIVE)) {
+                                    this.expandItem(false, index);
+                                }
                                 if (temp === 'header' || temp === 'iconCss' || temp === 'expanded' || ((temp === 'content') && (oldVal === ''))) {
                                     this.updateItem(item, index);
                                 }

package/src/tab/tab.d.ts

@@ -559,6 +559,7 @@ export declare class Tab extends Component<HTMLElement> implements INotifyProper
     protected render(): void;
     private renderContainer;
     private renderHeader;
+    private setTablistRole;
     private updatePopupIconAriaLabel;
     private createContentElement;
     private renderContent;

package/src/tab/tab.js

@@ -444,7 +444,6 @@ var Tab = /** @class */ (function (_super) {
         this.tbObj.isStringTemplate = true;
         this.tbObj.createElement = this.createElement;
         this.tbObj.appendTo(this.hdrEle);
-        attributes(this.hdrEle, { role: 'tablist' });
         if (!isNOU(this.element.getAttribute('aria-label'))) {
             this.hdrEle.setAttribute('aria-label', this.element.getAttribute('aria-label'));
             this.element.removeAttribute('aria-label');
@@ -453,6 +452,16 @@ var Tab = /** @class */ (function (_super) {
             this.hdrEle.setAttribute('aria-labelledby', this.element.getAttribute('aria-labelledby'));
             this.element.removeAttribute('aria-labelledby');
         }
+        var scrollContent = this.tbObj.element.querySelector('.' + (this.isVertical() ? CLS_VSCRCNT : CLS_HSCRCNT));
+        var popupContainer = select('.' + CLS_TB_POP, this.tbObj.element);
+        var isScrollableMode = this.overflowMode === 'Scrollable' || this.overflowMode === 'MultiRow';
+        var isPopupMode = this.overflowMode === 'Popup' || this.overflowMode === 'Extended';
+        if (isScrollableMode) {
+            this.setTablistRole(scrollContent);
+        }
+        else if (isPopupMode) {
+            this.setTablistRole(popupContainer);
+        }
         this.updatePopupIconAriaLabel();
         this.setCloseButton(this.showCloseButton);
         var toolbarHeader = this.tbObj.element.querySelector('.' + CLS_TB_ITEMS);
@@ -460,6 +469,14 @@ var Tab = /** @class */ (function (_super) {
             if (isNOU(toolbarHeader.id) || toolbarHeader.id === '') {
                 toolbarHeader.id = this.element.id + '_' + 'tab_header_items';
             }
+            if (isPopupMode || (isScrollableMode && isNOU(scrollContent))) {
+                this.setTablistRole(toolbarHeader);
+            }
+        }
+    };
+    Tab.prototype.setTablistRole = function (el) {
+        if (!isNOU(el)) {
+            attributes(el, { role: 'tablist' });
         }
     };
     Tab.prototype.updatePopupIconAriaLabel = function () {