@syncfusion/ej2-navigations 17.2.55-1205479 → 17.3.14-96615

package/styles/v-scroll/_theme.scss

@@ -1,133 +1,133 @@
-@include export-module('v-scroll-theme') {
-  /*! v-scroll theme */
-  #{&}.e-vscroll {
-
-    .e-icons {
-      color: $vscroll-default-icon-color;
-    }
-
-    &.e-rtl {
-
-      &.e-scroll-device {
-
-        .e-scroll-nav.e-scroll-right-nav {
-          border-color: $vscroll-device-arrow-border-color;
-          box-shadow: $vscroll-device-arrow-rtl-box-shadow;
-        }
-      }
-    }
-
-    &.e-scroll-device {
-
-      .e-scroll-nav.e-scroll-right-nav {
-        background-color: $vscroll-device-arrow-bg;
-        border-color: $vscroll-device-arrow-border-color;
-        border-width: $vscroll-device-arrow-border-size;
-        box-shadow: $vscroll-device-arrow-box-shadow;
-
-        .e-nav-arrow {
-          color: $vscroll-device-arrow-color;
-        }
-      }
-    }
-
-    .e-scroll-overlay {
-      background-color: transparent;
-      background-repeat: repeat-x;
-
-      &.e-scroll-up-overlay {
-        background-image: $vscroll-left-bg;
-      }
-
-      &.e-scroll-down-overlay {
-        background-image: $vscroll-right-bg;
-      }
-    }
-
-    &.e-rtl {
-
-      .e-scroll-nav  {
-        background: $vscroll-default-bg;
-
-        &:hover {
-          background: $vscroll-hover-bg;
-          border: $vscroll-hover-border;
-          border-color: $vscroll-hover-border-color;
-          color: $vscroll-hover-font;
-
-          @if $vscroll-skin == 'highcontrast' {
-
-            &:active {
-              background: $vscroll-press-bg;
-            }
-          }
-        }
-      }
-    }
-
-    &:not(.e-scroll-device) {
-
-      .e-scroll-nav  {
-
-        &:hover {
-          background: $vscroll-hover-bg;
-          border: $vscroll-hover-border;
-          color: $vscroll-hover-font;
-
-          @if $vscroll-skin == 'highcontrast' {
-            border: 1px solid $hover-border;
-
-            &:active {
-              border: 0;
-            }
-          }
-        }
-
-        &:focus {
-          background: $vscroll-hover-bg;
-          border: $vscroll-focus-border;
-          border-color: $vscroll-hover-border-color;
-          color: $vscroll-hover-font;
-
-          @if $vscroll-skin == 'highcontrast' {
-            background: inherit;
-            border: $vscroll-dash-border;
-          }
-        }
-
-        &:active {
-          background: $vscroll-press-bg;
-          border: $vscroll-active-border;
-          box-shadow: $vscroll-active-box-shadow;
-          color: $vscroll-active-font-color;
-
-          @if $vscroll-skin == 'highcontrast' {
-            .e-icons {
-              color: $selection-font;
-            }
-          }
-        }
-      }
-    }
-
-    .e-scroll-nav  {
-      background: $vscroll-default-bg;
-
-      &.e-scroll-up-nav {
-        border-bottom: $vscroll-border-size $vscroll-border-type $vscroll-default-border;
-      }
-
-      &.e-scroll-down-nav {
-        border-top: $vscroll-border-size $vscroll-border-type $vscroll-default-border;
-      }
-
-      &::after {
-        @include vscroll-btn-animation;
-      }
-
-      &:active::after {
-        @include vscroll-btn-animation-after;
-      }
-    }
-  }
-}
+@include export-module('v-scroll-theme') {
+  /*! v-scroll theme */
+  #{&}.e-vscroll {
+
+    .e-icons {
+      color: $vscroll-default-icon-color;
+    }
+
+    &.e-rtl {
+
+      &.e-scroll-device {
+
+        .e-scroll-nav.e-scroll-right-nav {
+          border-color: $vscroll-device-arrow-border-color;
+          box-shadow: $vscroll-device-arrow-rtl-box-shadow;
+        }
+      }
+    }
+
+    &.e-scroll-device {
+
+      .e-scroll-nav.e-scroll-right-nav {
+        background-color: $vscroll-device-arrow-bg;
+        border-color: $vscroll-device-arrow-border-color;
+        border-width: $vscroll-device-arrow-border-size;
+        box-shadow: $vscroll-device-arrow-box-shadow;
+
+        .e-nav-arrow {
+          color: $vscroll-device-arrow-color;
+        }
+      }
+    }
+
+    .e-scroll-overlay {
+      background-color: transparent;
+      background-repeat: repeat-x;
+
+      &.e-scroll-up-overlay {
+        background-image: $vscroll-left-bg;
+      }
+
+      &.e-scroll-down-overlay {
+        background-image: $vscroll-right-bg;
+      }
+    }
+
+    &.e-rtl {
+
+      .e-scroll-nav  {
+        background: $vscroll-default-bg;
+
+        &:hover {
+          background: $vscroll-hover-bg;
+          border: $vscroll-hover-border;
+          border-color: $vscroll-hover-border-color;
+          color: $vscroll-hover-font;
+
+          @if $vscroll-skin == 'highcontrast' {
+
+            &:active {
+              background: $vscroll-press-bg;
+            }
+          }
+        }
+      }
+    }
+
+    &:not(.e-scroll-device) {
+
+      .e-scroll-nav  {
+
+        &:hover {
+          background: $vscroll-hover-bg;
+          border: $vscroll-hover-border;
+          color: $vscroll-hover-font;
+
+          @if $vscroll-skin == 'highcontrast' {
+            border: 1px solid $hover-border;
+
+            &:active {
+              border: 0;
+            }
+          }
+        }
+
+        &:focus {
+          background: $vscroll-hover-bg;
+          border: $vscroll-focus-border;
+          border-color: $vscroll-hover-border-color;
+          color: $vscroll-hover-font;
+
+          @if $vscroll-skin == 'highcontrast' {
+            background: inherit;
+            border: $vscroll-dash-border;
+          }
+        }
+
+        &:active {
+          background: $vscroll-press-bg;
+          border: $vscroll-active-border;
+          box-shadow: $vscroll-active-box-shadow;
+          color: $vscroll-active-font-color;
+
+          @if $vscroll-skin == 'highcontrast' {
+            .e-icons {
+              color: $selection-font;
+            }
+          }
+        }
+      }
+    }
+
+    .e-scroll-nav  {
+      background: $vscroll-default-bg;
+
+      &.e-scroll-up-nav {
+        border-bottom: $vscroll-border-size $vscroll-border-type $vscroll-default-border;
+      }
+
+      &.e-scroll-down-nav {
+        border-top: $vscroll-border-size $vscroll-border-type $vscroll-default-border;
+      }
+
+      &::after {
+        @include vscroll-btn-animation;
+      }
+
+      &:active::after {
+        @include vscroll-btn-animation-after;
+      }
+    }
+  }
+}

package/styles/v-scroll/icons/_bootstrap-dark.scss

@@ -1,27 +1,27 @@
-@include export-module('vscroll-bootstrap-icons') {
-  /*! vscroll icons */
-  #{&}.e-vscroll {
-
-    &.e-scroll-device {
-
-      .e-nav-up-arrow::before {
-        content: '\e85e';
-      }
-
-      .e-nav-down-arrow::before {
-        content: '\e84f';
-      }
-    }
-
-    .e-nav-up-arrow::before {
-      content: '\e910';
-      line-height: normal;
-    }
-
-    .e-nav-down-arrow::before {
-      content: '\e916';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('vscroll-bootstrap-icons') {
+  /*! vscroll icons */
+  #{&}.e-vscroll {
+
+    &.e-scroll-device {
+
+      .e-nav-up-arrow::before {
+        content: '\e85e';
+      }
+
+      .e-nav-down-arrow::before {
+        content: '\e84f';
+      }
+    }
+
+    .e-nav-up-arrow::before {
+      content: '\e910';
+      line-height: normal;
+    }
+
+    .e-nav-down-arrow::before {
+      content: '\e916';
+      line-height: normal;
+    }
+  }
+}
   

package/styles/v-scroll/icons/_bootstrap.scss

@@ -1,27 +1,27 @@
-@include export-module('vscroll-bootstrap-icons') {
-  /*! vscroll icons */
-  #{&}.e-vscroll {
-
-    &.e-scroll-device {
-
-      .e-nav-up-arrow::before {
-        content: '\e85e';
-      }
-
-      .e-nav-down-arrow::before {
-        content: '\e84f';
-      }
-    }
-
-    .e-nav-up-arrow::before {
-      content: '\e910';
-      line-height: normal;
-    }
-
-    .e-nav-down-arrow::before {
-      content: '\e916';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('vscroll-bootstrap-icons') {
+  /*! vscroll icons */
+  #{&}.e-vscroll {
+
+    &.e-scroll-device {
+
+      .e-nav-up-arrow::before {
+        content: '\e85e';
+      }
+
+      .e-nav-down-arrow::before {
+        content: '\e84f';
+      }
+    }
+
+    .e-nav-up-arrow::before {
+      content: '\e910';
+      line-height: normal;
+    }
+
+    .e-nav-down-arrow::before {
+      content: '\e916';
+      line-height: normal;
+    }
+  }
+}
   

package/styles/v-scroll/icons/_bootstrap4.scss

@@ -1,27 +1,27 @@
-@include export-module('vscroll-bootstrap-icons') {
-  /*! vscroll icons */
-  #{&}.e-vscroll {
-
-    &.e-scroll-device {
-
-      .e-nav-up-arrow::before {
-        content: '\e734';
-      }
-
-      .e-nav-down-arrow::before {
-        content: '\e705';
-      }
-    }
-
-    .e-nav-up-arrow::before {
-      content: '\e734';
-      line-height: normal;
-    }
-
-    .e-nav-down-arrow::before {
-      content: '\e705';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('vscroll-bootstrap-icons') {
+  /*! vscroll icons */
+  #{&}.e-vscroll {
+
+    &.e-scroll-device {
+
+      .e-nav-up-arrow::before {
+        content: '\e734';
+      }
+
+      .e-nav-down-arrow::before {
+        content: '\e705';
+      }
+    }
+
+    .e-nav-up-arrow::before {
+      content: '\e734';
+      line-height: normal;
+    }
+
+    .e-nav-down-arrow::before {
+      content: '\e705';
+      line-height: normal;
+    }
+  }
+}
   

package/styles/v-scroll/icons/_fabric-dark.scss

@@ -1,26 +1,26 @@
-@include export-module('vscroll-fabric-icons') {
-  /*! vscroll icons */
-  #{&}.e-vscroll {
-
-    &.e-scroll-device {
-
-      .e-nav-up-arrow::before {
-        content: '\e85e';
-      }
-
-      .e-nav-down-arrow::before {
-        content: '\e84f';
-      }
-    }
-
-    .e-nav-up-arrow::before {
-      content: '\e910';
-      line-height: normal;
-    }
-
-    .e-nav-down-arrow::before {
-      content: '\e916';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('vscroll-fabric-icons') {
+  /*! vscroll icons */
+  #{&}.e-vscroll {
+
+    &.e-scroll-device {
+
+      .e-nav-up-arrow::before {
+        content: '\e85e';
+      }
+
+      .e-nav-down-arrow::before {
+        content: '\e84f';
+      }
+    }
+
+    .e-nav-up-arrow::before {
+      content: '\e910';
+      line-height: normal;
+    }
+
+    .e-nav-down-arrow::before {
+      content: '\e916';
+      line-height: normal;
+    }
+  }
+}

package/styles/v-scroll/icons/_fabric.scss

@@ -1,26 +1,26 @@
-@include export-module('vscroll-fabric-icons') {
-  /*! vscroll icons */
-  #{&}.e-vscroll {
-
-    &.e-scroll-device {
-
-      .e-nav-up-arrow::before {
-        content: '\e85e';
-      }
-
-      .e-nav-down-arrow::before {
-        content: '\e84f';
-      }
-    }
-
-    .e-nav-up-arrow::before {
-      content: '\e910';
-      line-height: normal;
-    }
-
-    .e-nav-down-arrow::before {
-      content: '\e916';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('vscroll-fabric-icons') {
+  /*! vscroll icons */
+  #{&}.e-vscroll {
+
+    &.e-scroll-device {
+
+      .e-nav-up-arrow::before {
+        content: '\e85e';
+      }
+
+      .e-nav-down-arrow::before {
+        content: '\e84f';
+      }
+    }
+
+    .e-nav-up-arrow::before {
+      content: '\e910';
+      line-height: normal;
+    }
+
+    .e-nav-down-arrow::before {
+      content: '\e916';
+      line-height: normal;
+    }
+  }
+}

package/styles/v-scroll/icons/_highcontrast-light.scss

@@ -1,26 +1,26 @@
-@include export-module('vscroll-highcontrast-light-icons') {
-  /*! vscroll icons */
-  #{&}.e-vscroll {
-
-    &.e-scroll-device {
-
-      .e-nav-up-arrow::before {
-        content: '\e85e';
-      }
-
-      .e-nav-down-arrow::before {
-        content: '\e84f';
-      }
-    }
-
-    .e-nav-up-arrow::before {
-      content: '\e910';
-      line-height: normal;
-    }
-
-    .e-nav-down-arrow::before {
-      content: '\e916';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('vscroll-highcontrast-light-icons') {
+  /*! vscroll icons */
+  #{&}.e-vscroll {
+
+    &.e-scroll-device {
+
+      .e-nav-up-arrow::before {
+        content: '\e85e';
+      }
+
+      .e-nav-down-arrow::before {
+        content: '\e84f';
+      }
+    }
+
+    .e-nav-up-arrow::before {
+      content: '\e910';
+      line-height: normal;
+    }
+
+    .e-nav-down-arrow::before {
+      content: '\e916';
+      line-height: normal;
+    }
+  }
+}

package/styles/v-scroll/icons/_highcontrast.scss

@@ -1,26 +1,26 @@
-@include export-module('vscroll-highcontrast-icons') {
-  /*! vscroll icons */
-  #{&}.e-vscroll {
-
-    &.e-scroll-device {
-
-      .e-nav-up-arrow::before {
-        content: '\e85e';
-      }
-
-      .e-nav-down-arrow::before {
-        content: '\e84f';
-      }
-    }
-
-    .e-nav-up-arrow::before {
-      content: '\e910';
-      line-height: normal;
-    }
-
-    .e-nav-down-arrow::before {
-      content: '\e916';
-      line-height: normal;
-    }
-  }
-}
+@include export-module('vscroll-highcontrast-icons') {
+  /*! vscroll icons */
+  #{&}.e-vscroll {
+
+    &.e-scroll-device {
+
+      .e-nav-up-arrow::before {
+        content: '\e85e';
+      }
+
+      .e-nav-down-arrow::before {
+        content: '\e84f';
+      }
+    }
+
+    .e-nav-up-arrow::before {
+      content: '\e910';
+      line-height: normal;
+    }
+
+    .e-nav-down-arrow::before {
+      content: '\e916';
+      line-height: normal;
+    }
+  }
+}