@syncfusion/ej2-vue-navigations 19.3.44 → 19.3.54

package/styles/breadcrumb/tailwind-dark.css

@@ -9,6 +9,10 @@
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -112,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;
@@ -187,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

@@ -9,6 +9,10 @@
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -112,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;
@@ -187,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

@@ -9366,6 +9366,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9463,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;
@@ -9535,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

@@ -9376,6 +9376,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9473,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;
@@ -9545,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;

package/styles/highcontrast-light.css

@@ -9707,6 +9707,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9804,6 +9808,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;
@@ -9876,6 +9887,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;
@@ -9942,7 +9958,7 @@ ejs-sidebar {
   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/highcontrast.css

@@ -9736,6 +9736,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9833,6 +9837,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;
@@ -9905,6 +9916,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;
@@ -9971,7 +9987,7 @@ ejs-sidebar {
   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/material-dark.css

@@ -9232,6 +9232,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9319,6 +9323,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: 16px;
@@ -9379,6 +9390,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: 18px;

package/styles/material.css

@@ -9249,6 +9249,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9336,6 +9340,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: 16px;
@@ -9396,6 +9407,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: 18px;

package/styles/tab/bootstrap-dark.css

@@ -137,8 +137,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 

package/styles/tab/bootstrap.css

@@ -143,8 +143,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 

package/styles/tab/bootstrap4.css

@@ -140,8 +140,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 

package/styles/tab/bootstrap5-dark.css

@@ -140,8 +140,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 

package/styles/tab/bootstrap5.css

@@ -140,8 +140,8 @@
   }
 }
 
-.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active,
-.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:nth-last-child(1).e-active {
+.e-bigger .e-tab .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active,
+.e-tab.e-bigger .e-tab-header .e-toolbar-items .e-indicator + .e-toolbar-item:last-child.e-active {
   margin: 1px 2px 0 0;
 }
 

package/styles/tailwind-dark.css

@@ -9313,6 +9313,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9416,6 +9420,13 @@ ejs-sidebar {
   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;
@@ -9491,6 +9502,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: 4px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;

package/styles/tailwind.css

@@ -9313,6 +9313,10 @@ ejs-sidebar {
 }
 
 /*! breadcrumb layout */
+.e-breadcrumb {
+  display: block;
+}
+
 .e-breadcrumb ol {
   -ms-flex-align: center;
       align-items: center;
@@ -9416,6 +9420,13 @@ ejs-sidebar {
   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;
@@ -9491,6 +9502,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: 4px;
+}
+
 .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
 .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
   font-size: 18px;