@syncfusion/ej2-navigations 25.2.4 → 26.1.35-750253

package/styles/v-scroll/material3.css

@@ -100,7 +100,7 @@
   --color-sf-on-warning: 99, 52, 0;
   --color-sf-on-warning-container: 255, 220, 193;
   --color-sf-spreadsheet-gridline: 231, 224, 236;
-  --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
+  --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
   --color-sf-success-text: 0, 0, 0;
   --color-sf-warning-text: 0, 0, 0;
   --color-sf-info-text: 0, 0, 0;
@@ -154,12 +154,14 @@
   width: inherit;
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(-6px);
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
   left: 48px;
   right: auto;
-  transform: skewX(-16deg) translateX(-6px);
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
   left: auto;
@@ -169,13 +171,15 @@
   padding: 0 40px;
 }
 .e-vscroll.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(6px);
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
   width: 48px;
   z-index: 1001;
 }
 .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
   font-size: 14px;
-  transform: skewX(16deg);
+  -webkit-transform: skewX(16deg);
+          transform: skewX(16deg);
 }
 .e-vscroll.e-scroll-device .e-scroll-overlay {
   opacity: 0.5;
@@ -187,7 +191,8 @@
 .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
   left: auto;
   right: 48px;
-  transform: skewX(-16deg) translateX(6px);
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
 }
 .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
   left: 0;
@@ -214,9 +219,11 @@
   right: auto;
 }
 .e-vscroll .e-scroll-nav {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 48px;
@@ -249,13 +256,15 @@
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   border-color: rgba(var(--color-sf-on-surface-variant));
-  box-shadow: rgba(var(--color-sf-shadow));
+  -webkit-box-shadow: rgba(var(--color-sf-shadow));
+          box-shadow: rgba(var(--color-sf-shadow));
 }
 .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   background-color: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
   border-color: rgba(var(--color-sf-on-surface-variant));
   border-width: 1px;
-  box-shadow: rgba(var(--color-sf-shadow));
+  -webkit-box-shadow: rgba(var(--color-sf-shadow));
+          box-shadow: rgba(var(--color-sf-shadow));
 }
 .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
   color: rgba(var(--color-sf-on-surface-variant));
@@ -265,12 +274,15 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), color-stop(0%, 1), color-stop(rgba(var(--color-sf-surface))), to(0));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)), 1 0%, rgba(var(--color-sf-surface)), 0 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(var(--color-sf-surface))), color-stop(0%, 0), color-stop(rgba(var(--color-sf-surface))), to(1));
   background-image: linear-gradient(-270deg, rgba(var(--color-sf-surface)), 0 0%, rgba(var(--color-sf-surface)), 1 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(103, 80, 164, 0.08)), to(rgba(103, 80, 164, 0.08))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-vscroll.e-rtl .e-scroll-nav:hover {
@@ -293,10 +305,12 @@
 .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
   background: rgba(var(--color-sf-on-surface), 0.08);
   border: 0;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   color: rgba(var(--color-sf-primary-container));
 }
 .e-vscroll .e-scroll-nav {
+  background: -webkit-gradient(linear, left bottom, left top, from(rgba(103, 80, 164, 0.08)), to(rgba(103, 80, 164, 0.08))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
   background: linear-gradient(0deg, rgba(103, 80, 164, 0.08), rgba(103, 80, 164, 0.08)), linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
 }
 .e-vscroll .e-scroll-nav.e-scroll-up-nav {

package/styles/v-scroll/tailwind-dark.css

@@ -43,12 +43,14 @@
   width: inherit;
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(-6px);
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
   left: 48px;
   right: auto;
-  transform: skewX(-16deg) translateX(-6px);
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
   left: auto;
@@ -58,13 +60,15 @@
   padding: 0 28px;
 }
 .e-vscroll.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(6px);
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
   width: 48px;
   z-index: 1001;
 }
 .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
   font-size: 14px;
-  transform: skewX(16deg);
+  -webkit-transform: skewX(16deg);
+          transform: skewX(16deg);
 }
 .e-vscroll.e-scroll-device .e-scroll-overlay {
   opacity: 0.5;
@@ -76,7 +80,8 @@
 .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
   left: auto;
   right: 48px;
-  transform: skewX(-16deg) translateX(6px);
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
 }
 .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
   left: 0;
@@ -103,9 +108,11 @@
   right: auto;
 }
 .e-vscroll .e-scroll-nav {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 38px;
@@ -138,13 +145,15 @@
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   border-color: #d1d5db;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 }
 .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   background-color: #374151;
   border-color: #d1d5db;
   border-width: 1px;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 }
 .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
   color: #d1d5db;
@@ -154,9 +163,11 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(#374151), to(rgba(55, 65, 81, 0)));
   background-image: linear-gradient(-270deg, #374151 0%, rgba(55, 65, 81, 0) 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(55, 65, 81, 0)), to(#374151));
   background-image: linear-gradient(-270deg, rgba(55, 65, 81, 0) 0%, #374151 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {
@@ -182,7 +193,8 @@
 .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
   background: #4b5563;
   border: 0;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   color: #9ca3af;
 }
 .e-vscroll .e-scroll-nav {

package/styles/v-scroll/tailwind.css

@@ -43,12 +43,14 @@
   width: inherit;
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(-6px);
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
   left: 48px;
   right: auto;
-  transform: skewX(-16deg) translateX(-6px);
+  -webkit-transform: skewX(-16deg) translateX(-6px);
+          transform: skewX(-16deg) translateX(-6px);
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
   left: auto;
@@ -58,13 +60,15 @@
   padding: 0 28px;
 }
 .e-vscroll.e-scroll-device .e-scroll-nav {
-  transform: skewX(-16deg) translateX(6px);
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
   width: 48px;
   z-index: 1001;
 }
 .e-vscroll.e-scroll-device .e-scroll-nav .e-nav-arrow {
   font-size: 14px;
-  transform: skewX(16deg);
+  -webkit-transform: skewX(16deg);
+          transform: skewX(16deg);
 }
 .e-vscroll.e-scroll-device .e-scroll-overlay {
   opacity: 0.5;
@@ -76,7 +80,8 @@
 .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-down-overlay {
   left: auto;
   right: 48px;
-  transform: skewX(-16deg) translateX(6px);
+  -webkit-transform: skewX(-16deg) translateX(6px);
+          transform: skewX(-16deg) translateX(6px);
 }
 .e-vscroll.e-scroll-device .e-scroll-overlay.e-scroll-up-overlay {
   left: 0;
@@ -103,9 +108,11 @@
   right: auto;
 }
 .e-vscroll .e-scroll-nav {
-  -ms-flex-align: center;
-      align-items: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
   cursor: pointer;
+  display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 38px;
@@ -138,13 +145,15 @@
 }
 .e-vscroll.e-rtl.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   border-color: #6b7280;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 }
 .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav {
   background-color: #f3f4f6;
   border-color: #6b7280;
   border-width: 1px;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 }
 .e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-right-nav .e-nav-arrow {
   color: #6b7280;
@@ -154,9 +163,11 @@
   background-repeat: repeat-x;
 }
 .e-vscroll .e-scroll-overlay.e-scroll-up-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(#f3f4f6), to(rgba(243, 244, 246, 0)));
   background-image: linear-gradient(-270deg, #f3f4f6 0%, rgba(243, 244, 246, 0) 100%);
 }
 .e-vscroll .e-scroll-overlay.e-scroll-down-overlay {
+  background-image: -webkit-gradient(linear, left top, right top, from(rgba(243, 244, 246, 0)), to(#f3f4f6));
   background-image: linear-gradient(-270deg, rgba(243, 244, 246, 0) 0%, #f3f4f6 100%);
 }
 .e-vscroll.e-rtl .e-scroll-nav {
@@ -182,7 +193,8 @@
 .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
   background: #e5e7eb;
   border: 0;
-  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   color: #6b7280;
 }
 .e-vscroll .e-scroll-nav {