@syncfusion/ej2-angular-navigations 20.4.44 → 20.4.48

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-navigations@*",
-  "_id": "@syncfusion/ej2-angular-navigations@20.4.42",
+  "_id": "@syncfusion/ej2-angular-navigations@20.4.44",
   "_inBundle": false,
-  "_integrity": "sha512-hIdGhegYpZXvK3ntriP0pM1f9CihhVg8KSpnqoEYiNLGB3/9/h1xoXPZvD/WFqCjtFeP+MAC0Zh/kRXPjUy/Jw==",
+  "_integrity": "sha512-W4IvGKnJ0WCg9p/QGJp/T7WEM+/ftu8SXxZSIOk+gsEgjwCZfSdrJ2RHOS1jeNqziWeVMIYAd+PSuz0wyj+opg==",
   "_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.42.tgz",
-  "_shasum": "4886eca78223f8fa4d77422ab74f11028d96fd53",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-navigations/-/ej2-angular-navigations-20.4.44.tgz",
+  "_shasum": "54a6404900a80169c4bf66c3261c3fde745cf551",
   "_spec": "@syncfusion/ej2-angular-navigations@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/ivypackages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.4.42",
-    "@syncfusion/ej2-base": "~20.4.44",
-    "@syncfusion/ej2-navigations": "20.4.44",
+    "@syncfusion/ej2-angular-base": "~20.4.48",
+    "@syncfusion/ej2-base": "~20.4.48",
+    "@syncfusion/ej2-navigations": "20.4.48",
     "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.44"
+  "version": "20.4.48"
 }

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.42";
+export declare const pkgVer = "^20.4.44";
 export declare const moduleName = "AccordionModule, ToolbarModule, ContextMenuModule, BreadcrumbModule, CarouselModule, TabModule, TreeViewModule, SidebarModule, MenuModule, AppBarModule";
-export declare const themeVer = "~20.4.42";
+export declare const themeVer = "~20.4.44";

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

package/schematics/utils/lib-details.ts

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

package/styles/bootstrap4.css

@@ -8098,7 +8098,7 @@
 .e-treeview .e-icon-expandable {
   display: inline-block;
   height: 20px;
-  margin: 0 2px 0 -24px;
+  margin: 0 4px 0 -24px;
   vertical-align: middle;
   width: 20px;
 }

package/styles/bootstrap5-dark.css

@@ -3663,14 +3663,6 @@
 .e-contextmenu-container ul .e-menu-item.e-menu-header {
   border-bottom-color: #444c54;
 }
-.e-contextmenu-wrapper ul .e-menu-item .e-caret,
-.e-contextmenu-container ul .e-menu-item .e-caret {
-  color: #adb5bd;
-}
-.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
-.e-contextmenu-container ul .e-menu-item .e-menu-icon {
-  color: #adb5bd;
-}
 .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
 .e-contextmenu-container ul .e-menu-item .e-menu-url {
   color: #fff;
@@ -3682,14 +3674,6 @@
   outline: 0 solid #444c54;
   outline-offset: 0;
 }
-.e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-contextmenu-container ul .e-menu-item.e-focused .e-caret {
-  color: #adb5bd;
-}
-.e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
-.e-contextmenu-container ul .e-menu-item.e-focused .e-menu-icon {
-  color: #adb5bd;
-}
 .e-contextmenu-wrapper ul .e-menu-item.e-selected,
 .e-contextmenu-container ul .e-menu-item.e-selected {
   background-color: #0d6efd;
@@ -3697,14 +3681,6 @@
   outline: 0 solid #0d6efd;
   outline-offset: 0;
 }
-.e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret,
-.e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
-  color: #adb5bd;
-}
-.e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
-.e-contextmenu-container ul .e-menu-item.e-selected .e-menu-icon {
-  color: #adb5bd;
-}
 .e-contextmenu-wrapper ul .e-disabled,
 .e-contextmenu-container ul .e-disabled {
   color: rgba(255, 255, 255, 0.65);
@@ -8212,7 +8188,7 @@
 .e-treeview .e-icon-expandable {
   display: inline-block;
   height: 20px;
-  margin: 0 2px 0 -25px;
+  margin: 0 4px 0 -25px;
   vertical-align: middle;
   width: 20px;
 }
@@ -9683,14 +9659,6 @@ ejs-sidebar {
 .e-menu-container .e-menu .e-menu-item.e-menu-header {
   border-bottom-color: #444c54;
 }
-.e-menu-wrapper .e-menu .e-menu-item .e-caret,
-.e-menu-container .e-menu .e-menu-item .e-caret {
-  color: #adb5bd;
-}
-.e-menu-wrapper .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container .e-menu .e-menu-item .e-menu-icon {
-  color: #adb5bd;
-}
 .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
 .e-menu-container .e-menu .e-menu-item.e-menu-header {
   border-bottom-color: #444c54;
@@ -9706,14 +9674,6 @@ ejs-sidebar {
   outline-offset: 0;
   background-color: #495057;
 }
-.e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
-.e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
-  color: #adb5bd;
-}
-.e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon,
-.e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
-  color: #adb5bd;
-}
 .e-menu-wrapper .e-menu .e-menu-item.e-selected,
 .e-menu-container .e-menu .e-menu-item.e-selected {
   color: #fff;

package/styles/bootstrap5.css

@@ -3663,14 +3663,6 @@
 .e-contextmenu-container ul .e-menu-item.e-menu-header {
   border-bottom-color: #dee2e6;
 }
-.e-contextmenu-wrapper ul .e-menu-item .e-caret,
-.e-contextmenu-container ul .e-menu-item .e-caret {
-  color: #6c757d;
-}
-.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
-.e-contextmenu-container ul .e-menu-item .e-menu-icon {
-  color: #6c757d;
-}
 .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
 .e-contextmenu-container ul .e-menu-item .e-menu-url {
   color: #212529;
@@ -3682,14 +3674,6 @@
   outline: 0 solid #dee2e6;
   outline-offset: 0;
 }
-.e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-contextmenu-container ul .e-menu-item.e-focused .e-caret {
-  color: #6c757d;
-}
-.e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
-.e-contextmenu-container ul .e-menu-item.e-focused .e-menu-icon {
-  color: #6c757d;
-}
 .e-contextmenu-wrapper ul .e-menu-item.e-selected,
 .e-contextmenu-container ul .e-menu-item.e-selected {
   background-color: #0d6efd;
@@ -3697,14 +3681,6 @@
   outline: 0 solid #0d6efd;
   outline-offset: 0;
 }
-.e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret,
-.e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
-  color: #6c757d;
-}
-.e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
-.e-contextmenu-container ul .e-menu-item.e-selected .e-menu-icon {
-  color: #6c757d;
-}
 .e-contextmenu-wrapper ul .e-disabled,
 .e-contextmenu-container ul .e-disabled {
   color: rgba(33, 37, 41, 0.65);
@@ -8212,7 +8188,7 @@
 .e-treeview .e-icon-expandable {
   display: inline-block;
   height: 20px;
-  margin: 0 2px 0 -25px;
+  margin: 0 4px 0 -25px;
   vertical-align: middle;
   width: 20px;
 }
@@ -9683,14 +9659,6 @@ ejs-sidebar {
 .e-menu-container .e-menu .e-menu-item.e-menu-header {
   border-bottom-color: #dee2e6;
 }
-.e-menu-wrapper .e-menu .e-menu-item .e-caret,
-.e-menu-container .e-menu .e-menu-item .e-caret {
-  color: #6c757d;
-}
-.e-menu-wrapper .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container .e-menu .e-menu-item .e-menu-icon {
-  color: #6c757d;
-}
 .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
 .e-menu-container .e-menu .e-menu-item.e-menu-header {
   border-bottom-color: #dee2e6;
@@ -9706,14 +9674,6 @@ ejs-sidebar {
   outline-offset: 0;
   background-color: #dee2e6;
 }
-.e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
-.e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
-  color: #6c757d;
-}
-.e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon,
-.e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
-  color: #6c757d;
-}
 .e-menu-wrapper .e-menu .e-menu-item.e-selected,
 .e-menu-container .e-menu .e-menu-item.e-selected {
   color: #212529;

package/styles/context-menu/_theme-mixin.scss

@@ -1,20 +1,24 @@
 @mixin focused-icon-color {
-  & .e-caret {
-    color: $cmenu-caret-color;
-  }
-
-  & .e-menu-icon {
-    color: $cmenu-icon-color;
+  @if $skin-name != 'bootstrap5' {
+    & .e-caret {
+      color: $cmenu-caret-color;
+    }
+  
+    & .e-menu-icon {
+      color: $cmenu-icon-color;
+    }
   }
 }
 
 @mixin selected-icon-color {
-  & .e-caret {
-    color: $cmenu-caret-hover-color;
-  }
-
-  & .e-menu-icon {
-    color: $cmenu-hover-icon-color;
+  @if $skin-name != 'bootstrap5' {
+    & .e-caret {
+      color: $cmenu-caret-hover-color;
+    }
+  
+    & .e-menu-icon {
+      color: $cmenu-hover-icon-color;
+    }
   }
 }
 

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

@@ -304,14 +304,6 @@
 .e-contextmenu-container ul .e-menu-item.e-menu-header {
   border-bottom-color: #444c54;
 }
-.e-contextmenu-wrapper ul .e-menu-item .e-caret,
-.e-contextmenu-container ul .e-menu-item .e-caret {
-  color: #adb5bd;
-}
-.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
-.e-contextmenu-container ul .e-menu-item .e-menu-icon {
-  color: #adb5bd;
-}
 .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
 .e-contextmenu-container ul .e-menu-item .e-menu-url {
   color: #fff;
@@ -323,14 +315,6 @@
   outline: 0 solid #444c54;
   outline-offset: 0;
 }
-.e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-contextmenu-container ul .e-menu-item.e-focused .e-caret {
-  color: #adb5bd;
-}
-.e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
-.e-contextmenu-container ul .e-menu-item.e-focused .e-menu-icon {
-  color: #adb5bd;
-}
 .e-contextmenu-wrapper ul .e-menu-item.e-selected,
 .e-contextmenu-container ul .e-menu-item.e-selected {
   background-color: #0d6efd;
@@ -338,14 +322,6 @@
   outline: 0 solid #0d6efd;
   outline-offset: 0;
 }
-.e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret,
-.e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
-  color: #adb5bd;
-}
-.e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
-.e-contextmenu-container ul .e-menu-item.e-selected .e-menu-icon {
-  color: #adb5bd;
-}
 .e-contextmenu-wrapper ul .e-disabled,
 .e-contextmenu-container ul .e-disabled {
   color: rgba(255, 255, 255, 0.65);

package/styles/context-menu/bootstrap5.css

@@ -304,14 +304,6 @@
 .e-contextmenu-container ul .e-menu-item.e-menu-header {
   border-bottom-color: #dee2e6;
 }
-.e-contextmenu-wrapper ul .e-menu-item .e-caret,
-.e-contextmenu-container ul .e-menu-item .e-caret {
-  color: #6c757d;
-}
-.e-contextmenu-wrapper ul .e-menu-item .e-menu-icon,
-.e-contextmenu-container ul .e-menu-item .e-menu-icon {
-  color: #6c757d;
-}
 .e-contextmenu-wrapper ul .e-menu-item .e-menu-url,
 .e-contextmenu-container ul .e-menu-item .e-menu-url {
   color: #212529;
@@ -323,14 +315,6 @@
   outline: 0 solid #dee2e6;
   outline-offset: 0;
 }
-.e-contextmenu-wrapper ul .e-menu-item.e-focused .e-caret,
-.e-contextmenu-container ul .e-menu-item.e-focused .e-caret {
-  color: #6c757d;
-}
-.e-contextmenu-wrapper ul .e-menu-item.e-focused .e-menu-icon,
-.e-contextmenu-container ul .e-menu-item.e-focused .e-menu-icon {
-  color: #6c757d;
-}
 .e-contextmenu-wrapper ul .e-menu-item.e-selected,
 .e-contextmenu-container ul .e-menu-item.e-selected {
   background-color: #0d6efd;
@@ -338,14 +322,6 @@
   outline: 0 solid #0d6efd;
   outline-offset: 0;
 }
-.e-contextmenu-wrapper ul .e-menu-item.e-selected .e-caret,
-.e-contextmenu-container ul .e-menu-item.e-selected .e-caret {
-  color: #6c757d;
-}
-.e-contextmenu-wrapper ul .e-menu-item.e-selected .e-menu-icon,
-.e-contextmenu-container ul .e-menu-item.e-selected .e-menu-icon {
-  color: #6c757d;
-}
 .e-contextmenu-wrapper ul .e-disabled,
 .e-contextmenu-container ul .e-disabled {
   color: rgba(33, 37, 41, 0.65);

package/styles/menu/bootstrap5-dark.css

@@ -921,14 +921,6 @@
 .e-menu-container .e-menu .e-menu-item.e-menu-header {
   border-bottom-color: #444c54;
 }
-.e-menu-wrapper .e-menu .e-menu-item .e-caret,
-.e-menu-container .e-menu .e-menu-item .e-caret {
-  color: #adb5bd;
-}
-.e-menu-wrapper .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container .e-menu .e-menu-item .e-menu-icon {
-  color: #adb5bd;
-}
 .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
 .e-menu-container .e-menu .e-menu-item.e-menu-header {
   border-bottom-color: #444c54;
@@ -944,14 +936,6 @@
   outline-offset: 0;
   background-color: #495057;
 }
-.e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
-.e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
-  color: #adb5bd;
-}
-.e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon,
-.e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
-  color: #adb5bd;
-}
 .e-menu-wrapper .e-menu .e-menu-item.e-selected,
 .e-menu-container .e-menu .e-menu-item.e-selected {
   color: #fff;

package/styles/menu/bootstrap5.css

@@ -921,14 +921,6 @@
 .e-menu-container .e-menu .e-menu-item.e-menu-header {
   border-bottom-color: #dee2e6;
 }
-.e-menu-wrapper .e-menu .e-menu-item .e-caret,
-.e-menu-container .e-menu .e-menu-item .e-caret {
-  color: #6c757d;
-}
-.e-menu-wrapper .e-menu .e-menu-item .e-menu-icon,
-.e-menu-container .e-menu .e-menu-item .e-menu-icon {
-  color: #6c757d;
-}
 .e-menu-wrapper .e-menu .e-menu-item.e-menu-header,
 .e-menu-container .e-menu .e-menu-item.e-menu-header {
   border-bottom-color: #dee2e6;
@@ -944,14 +936,6 @@
   outline-offset: 0;
   background-color: #dee2e6;
 }
-.e-menu-wrapper .e-menu .e-menu-item.e-focused .e-caret,
-.e-menu-container .e-menu .e-menu-item.e-focused .e-caret {
-  color: #6c757d;
-}
-.e-menu-wrapper .e-menu .e-menu-item.e-focused .e-menu-icon,
-.e-menu-container .e-menu .e-menu-item.e-focused .e-menu-icon {
-  color: #6c757d;
-}
 .e-menu-wrapper .e-menu .e-menu-item.e-selected,
 .e-menu-container .e-menu .e-menu-item.e-selected {
   color: #212529;

package/styles/treeview/_bootstrap4-definition.scss

@@ -53,7 +53,7 @@ $treeview-text-wrap-padding: 0 0 0 24px !default;
 $treeview-rtl-text-wrap-padding: 0 24px 0 0 !default;
 $treeview-icon-size: 20px !default;
 $treeview-big-icon-size: 24px !default;
-$treeview-icon-margin: 0 2px 0 -24px !default;
+$treeview-icon-margin: 0 4px 0 -24px !default;
 $treeview-drag-icon-margin: 0 8px 8px -24px;
 $treeview-big-icon-margin: 0 0 0 -24px !default;
 $treeview-rtl-icon-margin: -0.5px -24px 0 0 !default;

package/styles/treeview/_bootstrap5-definition.scss

@@ -13,7 +13,7 @@ $treeview-rtl-child-ul-padding: 0 20px 0 0 !default;
 $treeview-text-wrap-padding: 0 0 0 20px !default;
 $treeview-rtl-text-wrap-padding: 0 20px 0 0 !default;
 $treeview-icon-size: 20px !default;
-$treeview-icon-margin: 0 2px 0 -25px !default;
+$treeview-icon-margin: 0 4px 0 -25px !default;
 $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
 $treeview-icon-padding: 0px !default;
 $treeview-text-padding: 0 8px !default;

package/styles/treeview/bootstrap4.css

@@ -410,7 +410,7 @@
 .e-treeview .e-icon-expandable {
   display: inline-block;
   height: 20px;
-  margin: 0 2px 0 -24px;
+  margin: 0 4px 0 -24px;
   vertical-align: middle;
   width: 20px;
 }

package/styles/treeview/bootstrap5-dark.css

@@ -446,7 +446,7 @@
 .e-treeview .e-icon-expandable {
   display: inline-block;
   height: 20px;
-  margin: 0 2px 0 -25px;
+  margin: 0 4px 0 -25px;
   vertical-align: middle;
   width: 20px;
 }

package/styles/treeview/bootstrap5.css

@@ -446,7 +446,7 @@
 .e-treeview .e-icon-expandable {
   display: inline-block;
   height: 20px;
-  margin: 0 2px 0 -25px;
+  margin: 0 4px 0 -25px;
   vertical-align: middle;
   width: 20px;
 }