@syncfusion/ej2-angular-navigations 20.4.49 → 20.4.51

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.49",
   "_inBundle": false,
-  "_integrity": "sha512-W4IvGKnJ0WCg9p/QGJp/T7WEM+/ftu8SXxZSIOk+gsEgjwCZfSdrJ2RHOS1jeNqziWeVMIYAd+PSuz0wyj+opg==",
+  "_integrity": "sha512-vWll67auvSQg3m/EORUBzjoDbPMWPB4AqVG5J5+IGZqJjtsz6MFoeOfTd5vCED8Omwn0NUJ7V44YNRgPVuT8XA==",
   "_location": "/@syncfusion/ej2-angular-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-20.4.44.tgz",
-  "_shasum": "54a6404900a80169c4bf66c3261c3fde745cf551",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-20.4.49.tgz",
+  "_shasum": "7830e368b9a221030e4cb06b7d8e5746723dc89f",
   "_spec": "@syncfusion/ej2-angular-navigations@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/ivypackages/included",
   "author": {
@@ -32,8 +32,8 @@
   "bundleDependencies": false,
   "dependencies": {
     "@syncfusion/ej2-angular-base": "~20.4.48",
-    "@syncfusion/ej2-base": "~20.4.48",
-    "@syncfusion/ej2-navigations": "20.4.49",
+    "@syncfusion/ej2-base": "~20.4.51",
+    "@syncfusion/ej2-navigations": "20.4.51",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -100,5 +100,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-navigations.d.ts",
-  "version": "20.4.49"
+  "version": "20.4.51"
 }

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.49";
 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.49";

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.49';
+exports.pkgVer = '^20.4.51';
 exports.moduleName = 'AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, CarouselModule, TabModule, TreeViewModule, SidebarModule, MenuModule, AppBarModule';
-exports.themeVer = '~20.4.49';
+exports.themeVer = '~20.4.51';

package/schematics/utils/lib-details.ts

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

package/styles/accordion/_theme.scss

@@ -8,16 +8,16 @@
     border: $acrdn-border-size $acrdn-border-type $acrdn-default-border;
     border-radius: $acrdn-border-radius;
 
-    .e-active {
-      background: $acrdn-active-bg-color;
-    }
-
     .e-acrdn-item {
       border-color: $acrdn-item-border-color;
       border-style: $acrdn-item-border-nav-type;
       border-width: $acrdn-item-border-size;
       border-radius: $acrdn-item-border-radius;
 
+      &.e-active {
+        background: $acrdn-active-bg-color;
+      }
+
       &.e-select:last-child {
         border-bottom: $acrdn-item-select-last-child-border-bottom;
         border-radius: $acrdn-item-select-last-child-border-radius;

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/_layout-mixin.scss

@@ -119,7 +119,9 @@
   }
 
   &.e-menu-caret-icon {
-    padding-left: $cmenu-caret-li-padding;
+    @if $skin-name != 'FluentUI' {
+      padding-left: $cmenu-caret-li-padding;
+    }
     padding-right: $cmenu-li-right-padding;
   }
 

package/styles/context-menu/_layout.scss

@@ -142,6 +142,8 @@
   .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 {
-    @include bigger-rtl-blank-icon;
+    @if $skin-name != 'FluentUI' {
+      @include bigger-rtl-blank-icon;
+    }
   }
 }

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 {