@syncfusion/ej2-navigations 19.2.59 → 19.3.44

package/styles/tab/bootstrap5.scss

@@ -0,0 +1,5 @@
+@import 'ej2-base/styles/bootstrap5-definition.scss';
+@import '../toolbar/bootstrap5-definition.scss';
+@import 'bootstrap5-definition.scss';
+@import 'icons/bootstrap5.scss';
+@import 'all.scss';

package/styles/tab/fabric-dark.css

@@ -50,11 +50,11 @@
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
-  content: '\ebbb';
+  content: '\e85e';
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
-  content: '\ebbd';
+  content: '\e84f';
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
@@ -3878,44 +3878,44 @@
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
   background: initial;
   border-color: #c8c8c8;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
   color: #fff;
 }
 
-.e-tab.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
   color: #fff;
 }
 
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
   color: #fff;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-scroll-nav:focus {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus {
   border-color: #c8c8c8;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus {
   outline: 1.5px solid #c8c8c8;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
   border-color: #c8c8c8;
 }
 
@@ -4127,6 +4127,7 @@
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
   border: 0;
+  margin: 0;
 }
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {

package/styles/tab/fabric.css

@@ -3883,44 +3883,44 @@
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
   background: initial;
   border-color: #767676;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
   color: #333;
 }
 
-.e-tab.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
   color: #000;
 }
 
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
   color: #000;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-scroll-nav:focus {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus {
   border-color: #767676;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus {
   outline: 1.5px solid #767676;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
   border-color: #767676;
 }
 
@@ -4132,6 +4132,7 @@
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
   border: 0;
+  margin: 0;
 }
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {

package/styles/tab/highcontrast-light.css

@@ -3935,49 +3935,49 @@
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
   background: initial;
   border-color: #000;
   border-style: solid;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
   color: #000;
 }
 
-.e-tab.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
   color: #000;
   background: inherit;
   border: 2px solid #000;
 }
 
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
   color: #000;
   background: inherit;
   border: 2px solid #000;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-scroll-nav:focus {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus {
   border-color: #000;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus {
   outline: 1.5px solid #000;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
   border-color: #000;
 }
 
@@ -4206,6 +4206,7 @@
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
   border: 0;
+  margin: 0;
 }
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {

package/styles/tab/highcontrast.css

@@ -3940,49 +3940,49 @@
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus {
   background: initial;
   border-color: #fff;
   border-style: solid;
 }
 
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
-.e-tab.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,
+.e-tab.e-focused > .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-text {
   color: #fff;
 }
 
-.e-tab.e-focused .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header .e-scroll-nav:focus .e-nav-arrow {
   color: #fff;
   background: inherit;
   border: 2px solid #fff;
 }
 
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header .e-hor-nav:focus .e-popup-down-icon {
   color: #fff;
   background: inherit;
   border: 2px solid #fff;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-scroll-nav:focus {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus {
   border-color: #fff;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-scroll-nav:focus .e-nav-arrow {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon {
   border: 0;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus {
   outline: 1.5px solid #fff;
 }
 
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
-.e-tab.e-focused .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-up-icon,
+.e-tab.e-focused > .e-tab-header.e-vertical .e-hor-nav:focus .e-popup-down-icon {
   border-color: #fff;
 }
 
@@ -4211,6 +4211,7 @@
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active {
   border: 0;
+  margin: 0;
 }
 
 .e-tab.e-background .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {

package/styles/tab/icons/_bootstrap-dark.scss

@@ -69,11 +69,11 @@
         .e-scroll-nav {
 
           .e-nav-up-arrow::before {
-            content: '\ebba';
+            content: '\eb04';
           }
 
           .e-nav-down-arrow::before {
-            content: '\ebbc';
+            content: '\eb05';
           }
         }
 

package/styles/tab/icons/_bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import './bootstrap5.scss';

package/styles/tab/icons/_bootstrap5.scss

@@ -0,0 +1,141 @@
+@include export-module('tab-bootstrap5-icons') {
+  /*! tab icons */
+  #{&}.e-tab {
+
+    .e-tab-header {
+
+      .e-toolbar-items.e-hscroll.e-rtl {
+
+        .e-nav-left-arrow::before {
+          content: '\e748';
+        }
+
+        .e-nav-right-arrow::before {
+          content: '\e765';
+        }
+      }
+
+      .e-scroll-nav {
+
+        .e-nav-left-arrow::before {
+          content: '\e765';
+        }
+
+        .e-nav-right-arrow::before {
+          content: '\e748';
+        }
+      }
+
+      .e-close-icon::before {
+        content: '\e7e7';
+        position: relative;
+      }
+
+      .e-popup-up-icon::before {
+        content: '\e776';
+
+        @media screen and (max-width: 480px) {
+          content: '\e770';
+        }
+      }
+
+      .e-popup-down-icon::before {
+        content: '\e729';
+
+        @media screen and (max-width: 480px) {
+          content: '\e770';
+        }
+      }
+    }
+
+    &.e-vertical-icon .e-tab-header {
+
+      @media screen and (max-width: 480px) {
+
+        .e-popup-up-icon::before {
+          content: '\e776';
+        }
+
+        .e-popup-down-icon::before {
+          content: '\e729';
+        }
+      }
+    }
+
+    &.e-vertical-tab {
+
+      .e-tab-header {
+
+        .e-scroll-nav {
+
+          .e-nav-up-arrow::before {
+            content: '\e776';
+          }
+
+          .e-nav-down-arrow::before {
+            content: '\e729';
+          }
+        }
+
+        .e-popup-up-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e776';
+          }
+        }
+
+        .e-popup-down-icon {
+
+          &::before {
+            content: 'More';
+          }
+
+          &::after {
+            content: '\e729';
+          }
+        }
+      }
+
+      &.e-icon-tab {
+
+        .e-tab-header {
+
+          .e-popup-up-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\e776';
+            }
+          }
+
+          .e-popup-down-icon {
+
+            &::before {
+              content: '';
+            }
+
+            &::after {
+              content: '\e729';
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .e-tab-clone-element {
+
+    .e-close-icon::before {
+      content: '\e7e7';
+      position: relative;
+    }
+  }
+}
+  

package/styles/tab/icons/_fabric-dark.scss

@@ -69,11 +69,11 @@
         .e-scroll-nav {
 
           .e-nav-up-arrow::before {
-            content: '\ebbb';
+            content: '\e85e';
           }
 
           .e-nav-down-arrow::before {
-            content: '\ebbd';
+            content: '\e84f';
           }
         }
 

package/styles/tab/icons/_tailwind-dark.scss

@@ -1,140 +1 @@
-@include export-module('tab-tailwind-dark-icons') {
-  /*! tab icons */
-  #{&}.e-tab {
-
-    .e-tab-header {
-
-      .e-toolbar-items.e-hscroll.e-rtl {
-
-        .e-nav-left-arrow::before {
-          content: '\e707';
-        }
-
-        .e-nav-right-arrow::before {
-          content: '\e761';
-        }
-      }
-
-      .e-scroll-nav {
-
-        .e-nav-left-arrow::before {
-          content: '\e761';
-        }
-
-        .e-nav-right-arrow::before {
-          content: '\e707';
-        }
-      }
-
-      .e-close-icon::before {
-        content: '\e771';
-        position: relative;
-      }
-
-      .e-popup-up-icon::before {
-        content: '\e7a0';
-
-        @media screen and (max-width: 480px) {
-          content: '\e75b';
-        }
-      }
-
-      .e-popup-down-icon::before {
-        content: '\e7b3';
-
-        @media screen and (max-width: 480px) {
-          content: '\e75b';
-        }
-      }
-    }
-
-    &.e-vertical-icon .e-tab-header {
-
-      @media screen and (max-width: 480px) {
-
-        .e-popup-up-icon::before {
-          content: '\e7a0';
-        }
-
-        .e-popup-down-icon::before {
-          content: '\e7b3';
-        }
-      }
-    }
-
-    &.e-vertical-tab {
-
-      .e-tab-header {
-
-        .e-scroll-nav {
-
-          .e-nav-up-arrow::before {
-            content: '\e752';
-          }
-
-          .e-nav-down-arrow::before {
-            content: '\e706';
-          }
-        }
-
-        .e-popup-up-icon {
-
-          &::before {
-            content: 'More';
-          }
-
-          &::after {
-            content: '\e7a0';
-          }
-        }
-
-        .e-popup-down-icon {
-
-          &::before {
-            content: 'More';
-          }
-
-          &::after {
-            content: '\e7b3';
-          }
-        }
-      }
-
-      &.e-icon-tab {
-
-        .e-tab-header {
-
-          .e-popup-up-icon {
-
-            &::before {
-              content: '';
-            }
-
-            &::after {
-              content: '\e7a0';
-            }
-          }
-
-          .e-popup-down-icon {
-
-            &::before {
-              content: '';
-            }
-
-            &::after {
-              content: '\e7b3';
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .e-tab-clone-element {
-
-    .e-close-icon::before {
-      content: '\e771';
-      position: relative;
-    }
-  }
-}
+@import './tailwind.scss';