@syncfusion/ej2-angular-navigations 20.4.48-ngcc → 20.4.49-ngcc

package/CHANGELOG.md

@@ -2,11 +2,11 @@
 
 ## [Unreleased]
 
-### Tab
+### Accordion
 
 #### Bug Fixes
 
-- `#I427978` - Fixed an issue with cyclic navigation using arrow keys, where focus would shift to the first element after reaching the last element, and vice versa. Also, accessibility has been enhanced using the aria-label attributes.
+- `#I430833` - An issue with accordion active item styles override the grid pager has been fixed.
 
 ### Menu
 
@@ -14,6 +14,20 @@
 
 - `#I425152` - The issue with "Menu item not render properly when we use ItemTemplate with custom menu items" has been resolved.
 
+### Carousel
+
+#### Bug Fixes
+
+- `#I433179` - The issue with "changing the slides in carousel production environment" has been resolved.
+
+## 20.4.48 (2023-02-01)
+
+### Tab
+
+#### Bug Fixes
+
+- `#I427978` - Fixed an issue with cyclic navigation using arrow keys, where focus would shift to the first element after reaching the last element, and vice versa. Also, accessibility has been enhanced using the aria-label attributes.
+
 ### Sidebar
 
 #### Bug Fixes

package/dist/ej2-angular-navigations.umd.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-navigations.umd.js
-*  version : 20.4.48
+*  version : 20.4.49
 *  Copyright Syncfusion Inc. 2001 - 2020. 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/dist/ej2-angular-navigations.umd.min.js

@@ -1,6 +1,6 @@
 /*!
 *  filename: ej2-angular-navigations.umd.min.js
-*  version : 20.4.48
+*  version : 20.4.49
 *  Copyright Syncfusion Inc. 2001 - 2020. 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,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-navigations@*",
-  "_id": "@syncfusion/ej2-angular-navigations@20.4.44",
+  "_id": "@syncfusion/ej2-angular-navigations@20.4.48",
   "_inBundle": false,
-  "_integrity": "sha512-0kdvS0Vb2iWluwzakcQU9nlUUXTEqwOUFyacPFKtYZ6f43kS0YbcuwARgBlPaEJ2NEd0NE3h5qNYcbUM42rSQA==",
+  "_integrity": "sha512-OKW8W/Cu3qeezqhTsJrMHBjvvV/QPsz32M2tnM4v7h/qA1BwjcwOWbJ59S+e4hkxCG1tUW8Ztue2q+171oU7Ag==",
   "_location": "/@syncfusion/ej2-angular-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-20.4.44.tgz",
-  "_shasum": "bcf7bf10b071878c94669560ae5cab470409b626",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-20.4.48.tgz",
+  "_shasum": "70f15b5d19617eb5d9bf9b396bf895eb2890f492",
   "_spec": "@syncfusion/ej2-angular-navigations@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/packages/included",
   "author": {
@@ -33,7 +33,7 @@
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~20.4.48",
     "@syncfusion/ej2-base": "~20.4.48",
-    "@syncfusion/ej2-navigations": "20.4.48"
+    "@syncfusion/ej2-navigations": "20.4.49"
   },
   "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 for Angular",
@@ -86,5 +86,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-navigations.d.ts",
-  "version": "20.4.48-ngcc"
+  "version": "20.4.49-ngcc"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-navigations";
-export declare const pkgVer = "^20.4.44";
+export declare const pkgVer = "^20.4.48";
 export declare const moduleName = "AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, CarouselModule, TabModule, TreeViewModule, SidebarModule, MenuModule, AppBarModule";
-export declare const themeVer = "~20.4.44";
+export declare const themeVer = "~20.4.48";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-navigations';
-exports.pkgVer = '^20.4.48';
+exports.pkgVer = '^20.4.49';
 exports.moduleName = 'AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, CarouselModule, TabModule, TreeViewModule, SidebarModule, MenuModule, AppBarModule';
-exports.themeVer = '~20.4.48';
+exports.themeVer = '~20.4.49';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-navigations';
-export const pkgVer = '^20.4.48';
+export const pkgVer = '^20.4.49';
 export const moduleName = 'AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, CarouselModule, TabModule, TreeViewModule, SidebarModule, MenuModule, AppBarModule';
-export const themeVer = '~20.4.48';
+export const themeVer = '~20.4.49';

package/styles/accordion/bootstrap-dark.css

@@ -274,15 +274,15 @@
   border: 1px none #505050;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #484848;
-}
 .e-accordion .e-acrdn-item {
   border-color: #505050;
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #484848;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #505050;
   border-radius: 4px;

package/styles/accordion/bootstrap.css

@@ -275,15 +275,15 @@
   border: 1px none #ddd;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #ddd;
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #ddd;
   border-radius: 4px;

package/styles/accordion/bootstrap4.css

@@ -274,15 +274,15 @@
   border: 1px solid rgba(0, 0, 0, 0.13);
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: rgba(0, 0, 0, 0.13);
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 4px 4px 0 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0 0 4px 4px;

package/styles/accordion/bootstrap5-dark.css

@@ -276,15 +276,15 @@
   border: 1px solid #444c54;
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #212529;
-}
 .e-accordion .e-acrdn-item {
   border-color: #444c54;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #212529;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/bootstrap5.css

@@ -276,15 +276,15 @@
   border: 1px solid #dee2e6;
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #dee2e6;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/fabric-dark.css

@@ -274,15 +274,15 @@
   border: 1px solid #414040;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #201f1f;
-}
 .e-accordion .e-acrdn-item {
   border-color: #201f1f;
   border-style: solid;
   border-width: 1px 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #201f1f;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #201f1f;
   border-radius: 0;

package/styles/accordion/fabric.css

@@ -275,15 +275,15 @@
   border: 1px solid #eaeaea;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #fff;
   border-style: solid;
   border-width: 1px 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #fff;
   border-radius: 0;

package/styles/accordion/fluent-dark.css

@@ -275,15 +275,15 @@
   border: 1px solid #292827;
   border-radius: 2px;
 }
-.e-accordion .e-active {
-  background: #1b1a19;
-}
 .e-accordion .e-acrdn-item {
   border-color: #292827;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #1b1a19;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/fluent.css

@@ -275,15 +275,15 @@
   border: 1px solid #edebe9;
   border-radius: 2px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #edebe9;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/highcontrast-light.css

@@ -274,15 +274,15 @@
   border: 1px solid #757575;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #ccc;
-}
 .e-accordion .e-acrdn-item {
   border-color: #757575;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #ccc;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/highcontrast.css

@@ -275,15 +275,15 @@
   border: 1px solid #969696;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #000;
-}
 .e-accordion .e-acrdn-item {
   border-color: #969696;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #000;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;

package/styles/accordion/material-dark.css

@@ -275,15 +275,15 @@
   border: 1px solid #616161;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #303030;
-}
 .e-accordion .e-acrdn-item {
   border-color: #616161;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #303030;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid transparent;
   border-radius: 0;

package/styles/accordion/material.css

@@ -276,15 +276,15 @@
   border: 1px solid rgba(0, 0, 0, 0.12);
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: rgba(0, 0, 0, 0.12);
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid transparent;
   border-radius: 0;

package/styles/accordion/tailwind-dark.css

@@ -276,15 +276,15 @@
   border: 1px solid #4b5563;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #1f2937;
-}
 .e-accordion .e-acrdn-item {
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 4px 4px 0 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #1f2937;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0 0 4px 4px;

package/styles/accordion/tailwind.css

@@ -276,15 +276,15 @@
   border: 1px solid #e5e7eb;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #e5e7eb;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 4px 4px 0 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0 0 4px 4px;

package/styles/bootstrap-dark.css

@@ -2774,15 +2774,15 @@
   border: 1px none #505050;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #484848;
-}
 .e-accordion .e-acrdn-item {
   border-color: #505050;
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #484848;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #505050;
   border-radius: 4px;
@@ -8751,6 +8751,7 @@ ejs-sidebar {
   line-height: 42px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/bootstrap.css

@@ -2778,15 +2778,15 @@
   border: 1px none #ddd;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #ddd;
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #ddd;
   border-radius: 4px;
@@ -8767,6 +8767,7 @@ ejs-sidebar {
   line-height: 40px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/bootstrap4.css

@@ -2777,15 +2777,15 @@
   border: 1px solid rgba(0, 0, 0, 0.13);
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: rgba(0, 0, 0, 0.13);
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 4px 4px 0 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0 0 4px 4px;
@@ -8852,6 +8852,7 @@ ejs-sidebar {
   line-height: 30px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/bootstrap5-dark.css

@@ -2845,15 +2845,15 @@
   border: 1px solid #444c54;
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #212529;
-}
 .e-accordion .e-acrdn-item {
   border-color: #444c54;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #212529;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;
@@ -8932,6 +8932,7 @@ ejs-sidebar {
   line-height: 32px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/bootstrap5.css

@@ -2845,15 +2845,15 @@
   border: 1px solid #dee2e6;
   border-radius: 4px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #dee2e6;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;
@@ -8932,6 +8932,7 @@ ejs-sidebar {
   line-height: 32px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/context-menu/fluent-dark.css

@@ -222,7 +222,6 @@
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
 .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
   padding-right: 12px;
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
@@ -279,19 +278,6 @@
   font-size: 18px;
 }
 
-.e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-.e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-.e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon,
-.e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
-  padding-left: 16px;
-}
-.e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
-}
-
 /*! contextmenu theme */
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {

package/styles/context-menu/fluent.css

@@ -222,7 +222,6 @@
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
 .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
   padding-right: 12px;
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
@@ -279,19 +278,6 @@
   font-size: 18px;
 }
 
-.e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-.e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-.e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon,
-.e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
-  padding-left: 16px;
-}
-.e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
-}
-
 /*! contextmenu theme */
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {

package/styles/fabric-dark.css

@@ -2774,15 +2774,15 @@
   border: 1px solid #414040;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #201f1f;
-}
 .e-accordion .e-acrdn-item {
   border-color: #201f1f;
   border-style: solid;
   border-width: 1px 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #201f1f;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #201f1f;
   border-radius: 0;
@@ -8611,24 +8611,24 @@ ejs-sidebar {
 
 .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
 .e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 
 .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 
 .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
@@ -8751,6 +8751,7 @@ ejs-sidebar {
   line-height: 42px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/fabric.css

@@ -2777,15 +2777,15 @@
   border: 1px solid #eaeaea;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #fff;
   border-style: solid;
   border-width: 1px 0 1px 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid #fff;
   border-radius: 0;
@@ -8622,24 +8622,24 @@ ejs-sidebar {
 
 .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
 .e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 
 .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 
 .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
@@ -8762,6 +8762,7 @@ ejs-sidebar {
   line-height: 42px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/fluent-dark.css

@@ -2810,15 +2810,15 @@
   border: 1px solid #292827;
   border-radius: 2px;
 }
-.e-accordion .e-active {
-  background: #1b1a19;
-}
 .e-accordion .e-acrdn-item {
   border-color: #292827;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #1b1a19;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;
@@ -3546,7 +3546,6 @@
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
 .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
   padding-right: 12px;
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
@@ -3603,19 +3602,6 @@
   font-size: 18px;
 }
 
-.e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-.e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-.e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon,
-.e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
-  padding-left: 16px;
-}
-.e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
-}
-
 /*! contextmenu theme */
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
@@ -8926,6 +8912,7 @@ ejs-sidebar {
   line-height: 40px;
   margin-right: 4px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {
@@ -9171,7 +9158,6 @@ ejs-sidebar {
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
   padding-right: 12px;
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -9642,7 +9628,7 @@ ejs-sidebar {
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: #252423;
+  background-color: inherit;
   color: #f3f2f1;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,

package/styles/fluent.css

@@ -2810,15 +2810,15 @@
   border: 1px solid #edebe9;
   border-radius: 2px;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #edebe9;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;
@@ -3546,7 +3546,6 @@
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-menu-caret-icon,
 .e-rtl.e-contextmenu-container .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
   padding-right: 12px;
 }
 .e-rtl.e-contextmenu-wrapper .e-menu-item.e-blankicon,
@@ -3603,19 +3602,6 @@
   font-size: 18px;
 }
 
-.e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-.e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon,
-.e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon,
-.e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon {
-  padding-left: 16px;
-}
-.e-bigger .e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger.e-contextmenu-wrapper.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger .e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon,
-.e-bigger.e-contextmenu-container.e-rtl ul .e-blankicon.e-menu-caret-icon {
-  padding-left: 24px;
-}
-
 /*! contextmenu theme */
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
@@ -8926,6 +8912,7 @@ ejs-sidebar {
   line-height: 40px;
   margin-right: 4px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {
@@ -9171,7 +9158,6 @@ ejs-sidebar {
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
   padding-right: 12px;
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -9642,7 +9628,7 @@ ejs-sidebar {
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: #fff;
+  background-color: inherit;
   color: #201f1e;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,

package/styles/highcontrast-light.css

@@ -2774,15 +2774,15 @@
   border: 1px solid #757575;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #ccc;
-}
 .e-accordion .e-acrdn-item {
   border-color: #757575;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #ccc;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;
@@ -8745,6 +8745,7 @@ ejs-sidebar {
   line-height: 36px;
   margin-right: 10px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/highcontrast.css

@@ -2777,15 +2777,15 @@
   border: 1px solid #969696;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #000;
-}
 .e-accordion .e-acrdn-item {
   border-color: #969696;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #000;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0;
@@ -8778,6 +8778,7 @@ ejs-sidebar {
   line-height: 40px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/material-dark.css

@@ -2853,15 +2853,15 @@
   border: 1px solid #616161;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #303030;
-}
 .e-accordion .e-acrdn-item {
   border-color: #616161;
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #303030;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid transparent;
   border-radius: 0;
@@ -8893,6 +8893,7 @@ ejs-sidebar {
   line-height: 42px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/material.css

@@ -2859,15 +2859,15 @@
   border: 1px solid rgba(0, 0, 0, 0.12);
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: rgba(0, 0, 0, 0.12);
   border-style: solid;
   border-width: 0;
   border-radius: 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 1px solid transparent;
   border-radius: 0;
@@ -8913,6 +8913,7 @@ ejs-sidebar {
   line-height: 42px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/menu/bootstrap-dark.css

@@ -183,6 +183,7 @@
   line-height: 42px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/menu/bootstrap.css

@@ -184,6 +184,7 @@
   line-height: 40px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/menu/bootstrap4.css

@@ -184,6 +184,7 @@
   line-height: 30px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/menu/bootstrap5-dark.css

@@ -194,6 +194,7 @@
   line-height: 32px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/menu/bootstrap5.css

@@ -194,6 +194,7 @@
   line-height: 32px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/menu/fabric-dark.css

@@ -43,24 +43,24 @@
 
 .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
 .e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 
 .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 
 .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
@@ -183,6 +183,7 @@
   line-height: 42px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/menu/fabric.css

@@ -44,24 +44,24 @@
 
 .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
 .e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 
 .e-bigger .e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-wrapper ul.e-vertical .e-caret::before,
 .e-bigger .e-rtl.e-menu-container ul.e-vertical .e-caret::before,
 .e-bigger.e-rtl.e-menu-container ul.e-vertical .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 .e-bigger .e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
 .e-bigger.e-rtl.e-menu-wrapper ul.e-ul .e-caret::before,
 .e-bigger .e-rtl.e-menu-container ul.e-ul .e-caret::before,
 .e-bigger.e-rtl.e-menu-container ul.e-ul .e-caret::before {
-  content: "\e937";
+  content: "\e98f";
 }
 
 .e-bigger .e-rtl.e-menu-wrapper.e-hamburger ul.e-ul .e-caret::before,
@@ -184,6 +184,7 @@
   line-height: 42px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/menu/fluent-dark.css

@@ -194,6 +194,7 @@
   line-height: 40px;
   margin-right: 4px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {
@@ -439,7 +440,6 @@
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
   padding-right: 12px;
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -910,7 +910,7 @@
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: #252423;
+  background-color: inherit;
   color: #f3f2f1;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,

package/styles/menu/fluent.css

@@ -194,6 +194,7 @@
   line-height: 40px;
   margin-right: 4px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {
@@ -439,7 +440,6 @@
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-menu-caret-icon,
 .e-rtl.e-menu-container ul.e-ul .e-menu-item.e-menu-caret-icon {
-  padding-left: 24px;
   padding-right: 12px;
 }
 .e-rtl.e-menu-wrapper ul.e-ul .e-menu-item.e-blankicon,
@@ -910,7 +910,7 @@
 }
 .e-menu-wrapper .e-menu,
 .e-menu-container .e-menu {
-  background-color: #fff;
+  background-color: inherit;
   color: #201f1e;
 }
 .e-menu-wrapper .e-menu.e-menu:not(.e-vertical) .e-separator,

package/styles/menu/highcontrast-light.css

@@ -183,6 +183,7 @@
   line-height: 36px;
   margin-right: 10px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/menu/highcontrast.css

@@ -184,6 +184,7 @@
   line-height: 40px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/menu/material-dark.css

@@ -202,6 +202,7 @@
   line-height: 42px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/menu/material.css

@@ -204,6 +204,7 @@
   line-height: 42px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/menu/tailwind-dark.css

@@ -195,6 +195,7 @@
   line-height: 38px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/menu/tailwind.css

@@ -195,6 +195,7 @@
   line-height: 38px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/tailwind-dark.css

@@ -2947,15 +2947,15 @@
   border: 1px solid #4b5563;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #1f2937;
-}
 .e-accordion .e-acrdn-item {
   border-color: #4b5563;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 4px 4px 0 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #1f2937;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0 0 4px 4px;
@@ -9066,6 +9066,7 @@ ejs-sidebar {
   line-height: 38px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {

package/styles/tailwind.css

@@ -2947,15 +2947,15 @@
   border: 1px solid #e5e7eb;
   border-radius: 0;
 }
-.e-accordion .e-active {
-  background: #fff;
-}
 .e-accordion .e-acrdn-item {
   border-color: #e5e7eb;
   border-style: solid;
   border-width: 0 0 1px 0;
   border-radius: 4px 4px 0 0;
 }
+.e-accordion .e-acrdn-item.e-active {
+  background: #fff;
+}
 .e-accordion .e-acrdn-item.e-select:last-child {
   border-bottom: 0;
   border-radius: 0 0 4px 4px;
@@ -9066,6 +9066,7 @@ ejs-sidebar {
   line-height: 38px;
   margin-right: 8px;
   text-align: center;
+  margin-bottom: 4px;
 }
 .e-menu-wrapper ul .e-menu-item .e-caret,
 .e-menu-container ul .e-menu-item .e-caret {