@syncfusion/ej2-navigations 19.3.46 → 19.3.53

package/dist/global/index.d.ts

@@ -1,6 +1,6 @@
 /*!
 *  filename: index.d.ts
-*  version : 19.3.46
+*  version : 19.3.53
 *  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-navigations@*",
-  "_id": "@syncfusion/ej2-navigations@19.3.45",
+  "_id": "@syncfusion/ej2-navigations@19.3.46",
   "_inBundle": false,
-  "_integrity": "sha512-3mstIng+gIm4OCMWT6BReUz496cTTth7cbwen630kD40P/B57PxlBihM6U7FjGPwWbszQ4xxAQ007G18yZiVrw==",
+  "_integrity": "sha512-ozY9dc0GGqTcNMpbhJCv8MrWV3MgYWHQeVTFadfFnBMqMhwzn6fyNEK73MJrNcfE+nSwjUbz7Dqj8e5K+d/Uaw==",
   "_location": "/@syncfusion/ej2-navigations",
   "_phantomChildren": {},
   "_requested": {
@@ -37,8 +37,8 @@
     "/@syncfusion/ej2-spreadsheet",
     "/@syncfusion/ej2-vue-navigations"
   ],
-  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-navigations/-/ej2-navigations-19.3.45.tgz",
-  "_shasum": "d57da0006c1100eee648d499d1b5ffcfda858f4b",
+  "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-navigations/-/ej2-navigations-19.3.46.tgz",
+  "_shasum": "4eeb182a28336382e07bc63c924eb03b3e061c56",
   "_spec": "@syncfusion/ej2-navigations@*",
   "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
   "author": {
@@ -49,12 +49,12 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~19.3.43",
-    "@syncfusion/ej2-buttons": "~19.3.44",
-    "@syncfusion/ej2-data": "~19.3.46",
-    "@syncfusion/ej2-inputs": "~19.3.44",
-    "@syncfusion/ej2-lists": "~19.3.45",
-    "@syncfusion/ej2-popups": "~19.3.43"
+    "@syncfusion/ej2-base": "~19.3.53",
+    "@syncfusion/ej2-buttons": "~19.3.53",
+    "@syncfusion/ej2-data": "~19.3.53",
+    "@syncfusion/ej2-inputs": "~19.3.53",
+    "@syncfusion/ej2-lists": "~19.3.53",
+    "@syncfusion/ej2-popups": "~19.3.53"
   },
   "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",
@@ -159,6 +159,6 @@
     "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
   },
   "typings": "index.d.ts",
-  "version": "19.3.46",
+  "version": "19.3.53",
   "sideEffects": false
 }

package/src/breadcrumb/breadcrumb.js

@@ -88,6 +88,9 @@ var Breadcrumb = /** @class */ (function (_super) {
         if (this.cssClass) {
             addClass([this.element], this.cssClass.split(' '));
         }
+        if (this.enableRtl) {
+            this.element.classList.add('e-rtl');
+        }
         this.setWidth();
         this.initItems();
         this.initPvtProps();
@@ -119,8 +122,10 @@ var Breadcrumb = /** @class */ (function (_super) {
             }
             items.push({ iconCss: 'e-icons e-home', url: baseUri });
             for (var i = 0; i < uri.length; i++) {
-                items.push({ text: uri[i], url: baseUri + uri[i] });
-                baseUri += uri[i] + '/';
+                if (uri[i]) {
+                    items.push({ text: uri[i], url: baseUri + uri[i] });
+                    baseUri += uri[i] + '/';
+                }
             }
             this.setProperties({ items: items }, true);
         }
@@ -405,6 +410,9 @@ var Breadcrumb = /** @class */ (function (_super) {
                         this.reRenderItems();
                     }
                     break;
+                case 'enableRtl':
+                    this.element.classList.toggle('e-rtl');
+                    break;
             }
         }
     };

package/styles/bootstrap-dark.css

@@ -9493,6 +9493,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -5px;
+  padding-left: 6px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -9563,6 +9570,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 6px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/bootstrap.css

@@ -9512,6 +9512,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -5px;
+  padding-left: 6px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -9582,6 +9589,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 6px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/bootstrap4.css

@@ -9813,6 +9813,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -7px;
+  padding-left: 8px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -9883,6 +9890,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 8px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/bootstrap5-dark.css

@@ -6210,7 +6210,7 @@
 
 /*! tab theme */
 .e-tab {
-  background: transparent;
+  background: #212529;
   border: none;
 }
 
@@ -9754,6 +9754,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -8px;
+  padding-left: 8px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-icon-item + .e-breadcrumb-separator {
   padding-left: 5px;
 }
@@ -9833,6 +9840,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 8px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/bootstrap5.css

@@ -6210,7 +6210,7 @@
 
 /*! tab theme */
 .e-tab {
-  background: transparent;
+  background: #fff;
   border: none;
 }
 
@@ -9754,6 +9754,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -8px;
+  padding-left: 8px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-icon-item + .e-breadcrumb-separator {
   padding-left: 5px;
 }
@@ -9833,6 +9840,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 8px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/_layout.scss

@@ -149,6 +149,13 @@
       }
     }
 
+    &.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+      margin-left: 0;
+      margin-right: $breadcrumb-sibling-separator-margin-left;
+      padding-left: nth($breadcrumb-separator-padding, 2);
+      padding-right: $breadcrumb-sibling-separator-padding;
+    }
+
     @if $breadcrumb-skin == 'bootstrap5' {
       .e-icon-item  + .e-breadcrumb-separator {
         padding-left: $breadcrumb-icon-only-item-next-separator-padding-left;
@@ -257,6 +264,10 @@
       }
     }
 
+    &.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+      padding-left: nth($breadcrumb-separator-bigger-padding, 2);
+    }
+
     .e-breadcrumb-collapsed {
       font-size: $breadcrumb-collapsed-icon-bigger-font-size;
       padding: $breadcrumb-collapsed-icon-bigger-padding;

package/styles/breadcrumb/_theme.scss

@@ -73,7 +73,7 @@
           }
         }
 
-        &:active {
+        &:active:not(:last-child) {
           .e-breadcrumb-icon {
             color: $breadcrumb-icon-active-color;
           }

package/styles/breadcrumb/bootstrap-dark.css

@@ -112,6 +112,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -5px;
+  padding-left: 6px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -182,6 +189,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 6px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/bootstrap.css

@@ -112,6 +112,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -5px;
+  padding-left: 6px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -182,6 +189,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 6px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/bootstrap4.css

@@ -112,6 +112,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -7px;
+  padding-left: 8px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -182,6 +189,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 8px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/bootstrap5-dark.css

@@ -129,6 +129,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -8px;
+  padding-left: 8px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-icon-item + .e-breadcrumb-separator {
   padding-left: 5px;
 }
@@ -208,6 +215,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 8px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/bootstrap5.css

@@ -129,6 +129,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -8px;
+  padding-left: 8px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-icon-item + .e-breadcrumb-separator {
   padding-left: 5px;
 }
@@ -208,6 +215,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 8px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/fabric-dark.css

@@ -109,6 +109,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -181,6 +188,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;

package/styles/breadcrumb/fabric.css

@@ -109,6 +109,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -181,6 +188,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;

package/styles/breadcrumb/highcontrast-light.css

@@ -109,6 +109,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -181,6 +188,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;
@@ -247,7 +259,7 @@
   color: #000;
 }
 
-.e-breadcrumb .e-breadcrumb-item:active .e-breadcrumb-icon {
+.e-breadcrumb .e-breadcrumb-item:active:not(:last-child) .e-breadcrumb-icon {
   color: #fff;
 }
 

package/styles/breadcrumb/highcontrast.css

@@ -109,6 +109,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -181,6 +188,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;
@@ -247,7 +259,7 @@
   color: #fff;
 }
 
-.e-breadcrumb .e-breadcrumb-item:active .e-breadcrumb-icon {
+.e-breadcrumb .e-breadcrumb-item:active:not(:last-child) .e-breadcrumb-icon {
   color: #000;
 }
 

package/styles/breadcrumb/material-dark.css

@@ -109,6 +109,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -169,6 +176,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/material.css

@@ -109,6 +109,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -169,6 +176,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/tailwind-dark.css

@@ -116,6 +116,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 4px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -191,6 +198,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 4px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/breadcrumb/tailwind.css

@@ -116,6 +116,13 @@
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 4px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 16px;
@@ -191,6 +198,11 @@
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 4px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/fabric-dark.css

@@ -9467,6 +9467,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -9539,6 +9546,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;

package/styles/fabric.css

@@ -9477,6 +9477,13 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  margin-left: 0;
+  margin-right: -4px;
+  padding-left: 3px;
+  padding-right: 0;
+}
+
 .e-breadcrumb .e-breadcrumb-collapsed {
   cursor: pointer;
   font-size: 21px;
@@ -9549,6 +9556,11 @@ ejs-sidebar {
   padding-left: 0;
 }
 
+.e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator,
+.e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-separator + .e-breadcrumb-separator {
+  padding-left: 5px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 21px;