@syncfusion/ej2-vue-navigations 20.1.47 → 20.1.48

package/styles/tab/highcontrast.css

@@ -2442,7 +2442,7 @@
 }
 
 .e-tab .e-content.e-progress {
-  overflow: hidden;
+  overflow-x: hidden;
 }
 
 .e-tab.e-vertical-tab .e-content {
@@ -3498,7 +3498,7 @@
 
 /*! tab theme */
 .e-tab {
-  background: transparent;
+  background: #000;
   border: 1px solid #969696;
 }
 

package/styles/tab/material-dark.css

@@ -2302,7 +2302,7 @@
 }
 
 .e-tab .e-content.e-progress {
-  overflow: hidden;
+  overflow-x: hidden;
 }
 
 .e-tab.e-vertical-tab .e-content {

package/styles/tab/material.css

@@ -2308,7 +2308,7 @@
 }
 
 .e-tab .e-content.e-progress {
-  overflow: hidden;
+  overflow-x: hidden;
 }
 
 .e-tab.e-vertical-tab .e-content {

package/styles/tab/tailwind-dark.css

@@ -26,61 +26,61 @@
 /*! Vertical Tab */
 /*! tab icons */
 .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-left-arrow::before {
-  content: '\e748';
+  content: '\e707';
 }
 
 .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-right-arrow::before {
-  content: '\e765';
+  content: '\e761';
 }
 
 .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before {
-  content: '\e765';
+  content: '\e761';
 }
 
 .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
-  content: '\e748';
+  content: '\e707';
 }
 
 .e-tab .e-tab-header .e-close-icon::before {
-  content: '\e7e7';
+  content: '\e771';
   position: relative;
 }
 
 .e-tab .e-tab-header .e-popup-up-icon::before {
-  content: '\e776';
+  content: '\e7a0';
 }
 
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-popup-up-icon::before {
-    content: '\e770';
+    content: '\e75b';
   }
 }
 
 .e-tab .e-tab-header .e-popup-down-icon::before {
-  content: '\e729';
+  content: '\e7b3';
 }
 
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-popup-down-icon::before {
-    content: '\e770';
+    content: '\e75b';
   }
 }
 
 @media screen and (max-width: 480px) {
   .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
-    content: '\e776';
+    content: '\e7a0';
   }
   .e-tab.e-vertical-icon .e-tab-header .e-popup-down-icon::before {
-    content: '\e729';
+    content: '\e7b3';
   }
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
-  content: '\e776';
+  content: '\e752';
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
-  content: '\e729';
+  content: '\e706';
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
@@ -88,7 +88,7 @@
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::after {
-  content: '\e776';
+  content: '\e7a0';
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::before {
@@ -96,7 +96,7 @@
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::after {
-  content: '\e729';
+  content: '\e7b3';
 }
 
 .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::before {
@@ -104,7 +104,7 @@
 }
 
 .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::after {
-  content: '\e776';
+  content: '\e7a0';
 }
 
 .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::before {
@@ -112,11 +112,11 @@
 }
 
 .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::after {
-  content: '\e729';
+  content: '\e7b3';
 }
 
 .e-tab-clone-element .e-close-icon::before {
-  content: '\e7e7';
+  content: '\e771';
   position: relative;
 }
 
@@ -189,7 +189,7 @@
   margin: 0;
   min-height: 48px;
   min-width: auto;
-  padding: 0 8px;
+  padding: 0 12px;
 }
 
 @media screen and (max-width: 480px) {
@@ -209,7 +209,7 @@
 .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
 .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
   height: 48px;
-  padding: 0 12px;
+  padding: 0 36px;
 }
 
 @media screen and (max-width: 480px) {
@@ -263,7 +263,7 @@
 .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
 .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
   cursor: pointer;
-  margin: 0 8px 0 12px;
+  margin: 0 0 0 12px;
 }
 
 @media screen and (max-width: 480px) {
@@ -753,7 +753,7 @@
 
 .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav,
 .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav {
-  padding: 0 12px;
+  padding: 0 36px;
 }
 
 .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
@@ -1321,7 +1321,7 @@
 
 .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav,
 .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-hor-nav {
-  padding: 0 12px;
+  padding: 0 36px;
 }
 
 .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-popup-up-icon::after,
@@ -1441,11 +1441,13 @@
 
 .e-tab .e-tab-header:not(.e-vertical) .e-indicator {
   bottom: 0;
-  height: 2px;
+  height: 1px;
   left: 0;
   right: 0;
   transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
   border-radius: 2px;
+  bottom: -1px;
+  height: 2px;
   transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 
@@ -1458,7 +1460,7 @@
   margin: 0;
   min-height: 38px;
   min-width: auto;
-  padding: 0 6px;
+  padding: 0 8px;
 }
 
 @media screen and (max-width: 480px) {
@@ -1470,7 +1472,7 @@
 
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
   height: 38px;
-  padding: 0 8px;
+  padding: 0 26px;
   width: 100%;
 }
 
@@ -1554,7 +1556,7 @@
 
 .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
   display: none;
-  margin: 0 4px 0 8px;
+  margin: 0 0 0 8px;
   min-width: 20px;
 }
 
@@ -1615,7 +1617,7 @@
 
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
-    padding: 0 12px;
+    padding: 0 36px;
   }
 }
 
@@ -2202,7 +2204,7 @@
 }
 
 .e-tab .e-tab-header.e-vertical .e-hor-nav {
-  padding: 0 8px;
+  padding: 0 26px;
   width: 100%;
 }
 
@@ -2266,7 +2268,7 @@
 }
 
 .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav {
-  padding: 0 8px;
+  padding: 0 26px;
 }
 
 .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
@@ -2303,7 +2305,7 @@
 }
 
 .e-tab .e-content.e-progress {
-  overflow: hidden;
+  overflow-x: hidden;
 }
 
 .e-tab.e-vertical-tab .e-content {
@@ -2938,7 +2940,7 @@
   margin: 0;
   min-height: 38px;
   min-width: auto;
-  padding: 0 6px;
+  padding: 0 8px;
 }
 
 @media screen and (max-width: 480px) {
@@ -2950,7 +2952,7 @@
 
 .e-tab-clone-element .e-tab-wrap {
   height: 38px;
-  padding: 0 8px;
+  padding: 0 26px;
   width: 100%;
 }
 
@@ -3046,7 +3048,7 @@
 
 @media screen and (max-width: 480px) {
   .e-tab-clone-element.e-icon .e-tab-wrap {
-    padding: 0 12px;
+    padding: 0 36px;
   }
 }
 
@@ -3164,7 +3166,7 @@
   margin: 0;
   min-height: 48px;
   min-width: auto;
-  padding: 0 8px;
+  padding: 0 12px;
 }
 
 @media screen and (max-width: 480px) {
@@ -3180,7 +3182,7 @@
 
 .e-bigger .e-tab-clone-element .e-tab-wrap {
   height: 48px;
-  padding: 0 12px;
+  padding: 0 36px;
 }
 
 @media screen and (max-width: 480px) {
@@ -3199,7 +3201,7 @@
 
 .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
   cursor: pointer;
-  margin: 0 8px 0 12px;
+  margin: 0 0 0 12px;
 }
 
 @media screen and (max-width: 480px) {
@@ -3752,7 +3754,7 @@
 }
 
 .e-tab.e-fill .e-tab-header {
-  border-bottom: 2px Solid #4b5563;
+  border-bottom: 1px Solid #4b5563;
 }
 
 .e-tab.e-fill .e-tab-header .e-toolbar-item {
@@ -3805,7 +3807,7 @@
 
 .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
   border-bottom: 0;
-  border-top: 2px Solid #4b5563;
+  border-top: 1px Solid #4b5563;
 }
 
 .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
@@ -3817,11 +3819,11 @@
 }
 
 .e-tab.e-fill .e-tab-header.e-vertical.e-vertical-left {
-  border-right: 2px Solid #4b5563;
+  border-right: 1px Solid #4b5563;
 }
 
 .e-tab.e-fill .e-tab-header.e-vertical.e-vertical-right {
-  border-left: 2px Solid #4b5563;
+  border-left: 1px Solid #4b5563;
 }
 
 .e-tab.e-fill.e-corner .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
@@ -3833,7 +3835,7 @@
 }
 
 .e-tab.e-fill.e-disable .e-tab-header {
-  border-bottom: 2px Solid rgba(75, 85, 99, 0.38);
+  border-bottom: 1px Solid rgba(75, 85, 99, 0.38);
 }
 
 .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap {
@@ -3858,7 +3860,7 @@
 
 .e-tab.e-fill.e-disable .e-tab-header.e-horizontal-bottom {
   border-bottom: 0;
-  border-top: 2px Solid rgba(75, 85, 99, 0.38);
+  border-top: 1px Solid rgba(75, 85, 99, 0.38);
 }
 
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,

package/styles/tab/tailwind.css

@@ -26,61 +26,61 @@
 /*! Vertical Tab */
 /*! tab icons */
 .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-left-arrow::before {
-  content: '\e748';
+  content: '\e707';
 }
 
 .e-tab .e-tab-header .e-toolbar-items.e-hscroll.e-rtl .e-nav-right-arrow::before {
-  content: '\e765';
+  content: '\e761';
 }
 
 .e-tab .e-tab-header .e-scroll-nav .e-nav-left-arrow::before {
-  content: '\e765';
+  content: '\e761';
 }
 
 .e-tab .e-tab-header .e-scroll-nav .e-nav-right-arrow::before {
-  content: '\e748';
+  content: '\e707';
 }
 
 .e-tab .e-tab-header .e-close-icon::before {
-  content: '\e7e7';
+  content: '\e771';
   position: relative;
 }
 
 .e-tab .e-tab-header .e-popup-up-icon::before {
-  content: '\e776';
+  content: '\e7a0';
 }
 
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-popup-up-icon::before {
-    content: '\e770';
+    content: '\e75b';
   }
 }
 
 .e-tab .e-tab-header .e-popup-down-icon::before {
-  content: '\e729';
+  content: '\e7b3';
 }
 
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-popup-down-icon::before {
-    content: '\e770';
+    content: '\e75b';
   }
 }
 
 @media screen and (max-width: 480px) {
   .e-tab.e-vertical-icon .e-tab-header .e-popup-up-icon::before {
-    content: '\e776';
+    content: '\e7a0';
   }
   .e-tab.e-vertical-icon .e-tab-header .e-popup-down-icon::before {
-    content: '\e729';
+    content: '\e7b3';
   }
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-up-arrow::before {
-  content: '\e776';
+  content: '\e752';
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-scroll-nav .e-nav-down-arrow::before {
-  content: '\e729';
+  content: '\e706';
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::before {
@@ -88,7 +88,7 @@
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-popup-up-icon::after {
-  content: '\e776';
+  content: '\e7a0';
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::before {
@@ -96,7 +96,7 @@
 }
 
 .e-tab.e-vertical-tab .e-tab-header .e-popup-down-icon::after {
-  content: '\e729';
+  content: '\e7b3';
 }
 
 .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::before {
@@ -104,7 +104,7 @@
 }
 
 .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-up-icon::after {
-  content: '\e776';
+  content: '\e7a0';
 }
 
 .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::before {
@@ -112,11 +112,11 @@
 }
 
 .e-tab.e-vertical-tab.e-icon-tab .e-tab-header .e-popup-down-icon::after {
-  content: '\e729';
+  content: '\e7b3';
 }
 
 .e-tab-clone-element .e-close-icon::before {
-  content: '\e7e7';
+  content: '\e771';
   position: relative;
 }
 
@@ -189,7 +189,7 @@
   margin: 0;
   min-height: 48px;
   min-width: auto;
-  padding: 0 8px;
+  padding: 0 12px;
 }
 
 @media screen and (max-width: 480px) {
@@ -209,7 +209,7 @@
 .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap,
 .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-tab-wrap {
   height: 48px;
-  padding: 0 12px;
+  padding: 0 36px;
 }
 
 @media screen and (max-width: 480px) {
@@ -263,7 +263,7 @@
 .e-bigger .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon,
 .e-tab.e-bigger .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
   cursor: pointer;
-  margin: 0 8px 0 12px;
+  margin: 0 0 0 12px;
 }
 
 @media screen and (max-width: 480px) {
@@ -753,7 +753,7 @@
 
 .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav,
 .e-tab.e-bigger .e-tab-header.e-vertical .e-hor-nav {
-  padding: 0 12px;
+  padding: 0 36px;
 }
 
 .e-bigger .e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
@@ -1321,7 +1321,7 @@
 
 .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav,
 .e-tab.e-bigger.e-rtl .e-tab-header.e-vertical .e-hor-nav {
-  padding: 0 12px;
+  padding: 0 36px;
 }
 
 .e-bigger .e-tab.e-rtl .e-tab-header.e-vertical .e-popup-up-icon::after,
@@ -1441,11 +1441,13 @@
 
 .e-tab .e-tab-header:not(.e-vertical) .e-indicator {
   bottom: 0;
-  height: 2px;
+  height: 1px;
   left: 0;
   right: 0;
   transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1);
   border-radius: 2px;
+  bottom: -1px;
+  height: 2px;
   transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 
@@ -1458,7 +1460,7 @@
   margin: 0;
   min-height: 38px;
   min-width: auto;
-  padding: 0 6px;
+  padding: 0 8px;
 }
 
 @media screen and (max-width: 480px) {
@@ -1470,7 +1472,7 @@
 
 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
   height: 38px;
-  padding: 0 8px;
+  padding: 0 26px;
   width: 100%;
 }
 
@@ -1554,7 +1556,7 @@
 
 .e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
   display: none;
-  margin: 0 4px 0 8px;
+  margin: 0 0 0 8px;
   min-width: 20px;
 }
 
@@ -1615,7 +1617,7 @@
 
 @media screen and (max-width: 480px) {
   .e-tab .e-tab-header .e-toolbar-item.e-icon .e-tab-wrap {
-    padding: 0 12px;
+    padding: 0 36px;
   }
 }
 
@@ -2202,7 +2204,7 @@
 }
 
 .e-tab .e-tab-header.e-vertical .e-hor-nav {
-  padding: 0 8px;
+  padding: 0 26px;
   width: 100%;
 }
 
@@ -2266,7 +2268,7 @@
 }
 
 .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav {
-  padding: 0 8px;
+  padding: 0 26px;
 }
 
 .e-tab.e-rtl .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
@@ -2303,7 +2305,7 @@
 }
 
 .e-tab .e-content.e-progress {
-  overflow: hidden;
+  overflow-x: hidden;
 }
 
 .e-tab.e-vertical-tab .e-content {
@@ -2938,7 +2940,7 @@
   margin: 0;
   min-height: 38px;
   min-width: auto;
-  padding: 0 6px;
+  padding: 0 8px;
 }
 
 @media screen and (max-width: 480px) {
@@ -2950,7 +2952,7 @@
 
 .e-tab-clone-element .e-tab-wrap {
   height: 38px;
-  padding: 0 8px;
+  padding: 0 26px;
   width: 100%;
 }
 
@@ -3046,7 +3048,7 @@
 
 @media screen and (max-width: 480px) {
   .e-tab-clone-element.e-icon .e-tab-wrap {
-    padding: 0 12px;
+    padding: 0 36px;
   }
 }
 
@@ -3164,7 +3166,7 @@
   margin: 0;
   min-height: 48px;
   min-width: auto;
-  padding: 0 8px;
+  padding: 0 12px;
 }
 
 @media screen and (max-width: 480px) {
@@ -3180,7 +3182,7 @@
 
 .e-bigger .e-tab-clone-element .e-tab-wrap {
   height: 48px;
-  padding: 0 12px;
+  padding: 0 36px;
 }
 
 @media screen and (max-width: 480px) {
@@ -3199,7 +3201,7 @@
 
 .e-bigger .e-tab-clone-element .e-icons.e-close-icon {
   cursor: pointer;
-  margin: 0 8px 0 12px;
+  margin: 0 0 0 12px;
 }
 
 @media screen and (max-width: 480px) {
@@ -3752,7 +3754,7 @@
 }
 
 .e-tab.e-fill .e-tab-header {
-  border-bottom: 2px Solid #e5e7eb;
+  border-bottom: 1px Solid #e5e7eb;
 }
 
 .e-tab.e-fill .e-tab-header .e-toolbar-item {
@@ -3805,7 +3807,7 @@
 
 .e-tab.e-fill .e-tab-header.e-horizontal-bottom {
   border-bottom: 0;
-  border-top: 2px Solid #e5e7eb;
+  border-top: 1px Solid #e5e7eb;
 }
 
 .e-tab.e-fill .e-tab-header.e-horizontal-bottom .e-toolbar-item.e-active .e-text-wrap {
@@ -3817,11 +3819,11 @@
 }
 
 .e-tab.e-fill .e-tab-header.e-vertical.e-vertical-left {
-  border-right: 2px Solid #e5e7eb;
+  border-right: 1px Solid #e5e7eb;
 }
 
 .e-tab.e-fill .e-tab-header.e-vertical.e-vertical-right {
-  border-left: 2px Solid #e5e7eb;
+  border-left: 1px Solid #e5e7eb;
 }
 
 .e-tab.e-fill.e-corner .e-tab-header .e-toolbar-item.e-active .e-tab-wrap {
@@ -3833,7 +3835,7 @@
 }
 
 .e-tab.e-fill.e-disable .e-tab-header {
-  border-bottom: 2px Solid rgba(229, 231, 235, 0.38);
+  border-bottom: 1px Solid rgba(229, 231, 235, 0.38);
 }
 
 .e-tab.e-fill.e-disable .e-tab-header .e-toolbar-item .e-tab-wrap {
@@ -3858,7 +3860,7 @@
 
 .e-tab.e-fill.e-disable .e-tab-header.e-horizontal-bottom {
   border-bottom: 0;
-  border-top: 2px Solid rgba(229, 231, 235, 0.38);
+  border-top: 1px Solid rgba(229, 231, 235, 0.38);
 }
 
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item .e-tab-wrap:focus .e-tab-icon,