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

package/styles/treeview/icons/_highcontrast.scss

@@ -1,43 +1,43 @@
-
-@include export-module('treeview-highcontrast-icons') {
-  /*! TreeView icons */
-  #{&}.e-treeview {
-
-    .e-list-item {
-
-      div.e-icons::before {
-        content: '\e22e';
-      }
-    }
-
-    .e-sibling::before {
-      content: '';
-    }
-
-    .e-popup {
-
-      .e-icons::before {
-        content: '\e930';
-      }
-    }
-
-    &.e-drag-item {
-
-      .e-icons.e-drop-in::before {
-        content: '\e22c';
-      }
-
-      .e-icons.e-drop-out::before {
-        content: '\e22b';
-      }
-
-      .e-icons.e-drop-next::before {
-        content: '\e22d';
-      }
-
-      .e-icons.e-no-drop::before {
-        content: '\e22a';
-      }
-    }
-  }
-}
+
+@include export-module('treeview-highcontrast-icons') {
+  /*! TreeView icons */
+  #{&}.e-treeview {
+
+    .e-list-item {
+
+      div.e-icons::before {
+        content: '\e22e';
+      }
+    }
+
+    .e-sibling::before {
+      content: '';
+    }
+
+    .e-popup {
+
+      .e-icons::before {
+        content: '\e930';
+      }
+    }
+
+    &.e-drag-item {
+
+      .e-icons.e-drop-in::before {
+        content: '\e22c';
+      }
+
+      .e-icons.e-drop-out::before {
+        content: '\e22b';
+      }
+
+      .e-icons.e-drop-next::before {
+        content: '\e22d';
+      }
+
+      .e-icons.e-no-drop::before {
+        content: '\e22a';
+      }
+    }
+  }
+}

package/styles/treeview/icons/_material-dark.scss

@@ -1,43 +1,43 @@
-
-@include export-module('treeview-material-dark-icons') {
-  /*! TreeView icons */
-  #{&}.e-treeview {
-
-    .e-list-item {
-
-      div.e-icons::before {
-        content: '\e22f';
-      }
-    }
-
-    .e-sibling::before {
-      content: '';
-    }
-
-    .e-popup {
-
-      .e-icons::before {
-        content: '\e930';
-      }
-    }
-
-    &.e-drag-item {
-
-      .e-icons.e-drop-in::before {
-        content: '\e22c';
-      }
-
-      .e-icons.e-drop-out::before {
-        content: '\e22b';
-      }
-
-      .e-icons.e-drop-next::before {
-        content: '\e22d';
-      }
-
-      .e-icons.e-no-drop::before {
-        content: '\e22a';
-      }
-    }
-  }
-}
+
+@include export-module('treeview-material-dark-icons') {
+  /*! TreeView icons */
+  #{&}.e-treeview {
+
+    .e-list-item {
+
+      div.e-icons::before {
+        content: '\e22f';
+      }
+    }
+
+    .e-sibling::before {
+      content: '';
+    }
+
+    .e-popup {
+
+      .e-icons::before {
+        content: '\e930';
+      }
+    }
+
+    &.e-drag-item {
+
+      .e-icons.e-drop-in::before {
+        content: '\e22c';
+      }
+
+      .e-icons.e-drop-out::before {
+        content: '\e22b';
+      }
+
+      .e-icons.e-drop-next::before {
+        content: '\e22d';
+      }
+
+      .e-icons.e-no-drop::before {
+        content: '\e22a';
+      }
+    }
+  }
+}

package/styles/treeview/icons/_material.scss

@@ -1,43 +1,43 @@
-
-@include export-module('treeview-material-icons') {
-  /*! TreeView icons */
-  #{&}.e-treeview {
-
-    .e-list-item {
-
-      div.e-icons::before {
-        content: '\e22f';
-      }
-    }
-
-    .e-sibling::before {
-      content: '';
-    }
-
-    .e-popup {
-
-      .e-icons::before {
-        content: '\e930';
-      }
-    }
-
-    &.e-drag-item {
-
-      .e-icons.e-drop-in::before {
-        content: '\e22c';
-      }
-
-      .e-icons.e-drop-out::before {
-        content: '\e22b';
-      }
-
-      .e-icons.e-drop-next::before {
-        content: '\e22d';
-      }
-
-      .e-icons.e-no-drop::before {
-        content: '\e22a';
-      }
-    }
-  }
-}
+
+@include export-module('treeview-material-icons') {
+  /*! TreeView icons */
+  #{&}.e-treeview {
+
+    .e-list-item {
+
+      div.e-icons::before {
+        content: '\e22f';
+      }
+    }
+
+    .e-sibling::before {
+      content: '';
+    }
+
+    .e-popup {
+
+      .e-icons::before {
+        content: '\e930';
+      }
+    }
+
+    &.e-drag-item {
+
+      .e-icons.e-drop-in::before {
+        content: '\e22c';
+      }
+
+      .e-icons.e-drop-out::before {
+        content: '\e22b';
+      }
+
+      .e-icons.e-drop-next::before {
+        content: '\e22d';
+      }
+
+      .e-icons.e-no-drop::before {
+        content: '\e22a';
+      }
+    }
+  }
+}

package/styles/treeview/material-dark.css

@@ -195,7 +195,6 @@
 }
 
 .e-treeview .e-text-content {
-  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -206,7 +205,6 @@
 }
 
 .e-treeview .e-fullrow {
-  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -325,7 +323,6 @@
 }
 
 .e-treeview .e-popup {
-  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;

package/styles/treeview/material.css

@@ -6,6 +6,15 @@
   }
 }
 
+@keyframes slideTopUp {
+  from {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+  to {
+    transform: translate3d(0, 0, 0) scale(1);
+  }
+}
+
 /*! TreeView's material theme wise override definitions and variables */
 .e-treeview .e-list-item div.e-icons.interaction {
   -webkit-transition: -webkit-transform .3s ease-in-out;
@@ -196,7 +205,6 @@
 }
 
 .e-treeview .e-text-content {
-  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -207,7 +215,6 @@
 }
 
 .e-treeview .e-fullrow {
-  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -326,7 +333,6 @@
 }
 
 .e-treeview .e-popup {
-  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;

package/styles/v-scroll/_all.scss

@@ -1,2 +1,2 @@
-@import 'layout.scss';
-@import 'theme.scss';
+@import 'layout.scss';
+@import 'theme.scss';

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

@@ -1,50 +1,50 @@
-//default 
-$vscroll-skin: 'bootstrap' !default;
-$vscroll-nav-nrml-height: 40px !default;
-$vscroll-hover-font: $hover-font-color  !default;
-$vscroll-active-font-color: $active-font-color  !default;
-$vscroll-border-size: $border-size !default;
-$vscroll-border-type: solid !default;
-
-$vscroll-default-bg: $grey-f8 !default;
-$vscroll-nav-nrml-minheight: 40px !default;
-$vscroll-nav-bgr-minheight: 50px !default;
-$vscroll-nav-nrml-width: 40px !default;
-$vscroll-nav-bgr-width: 50px !default;
-$vscroll-nrml-padding: 0 $vscroll-nav-nrml-width !default;
-$vscroll-bgr-padding: $vscroll-nav-bgr-width 0 !default;
-$vscroll-box-shadow: none !default;
-$vscroll-overlay-opacity: .5 !default;
-$vscroll-overlay-bg: $grey-white !default;
-$vscroll-overlay-start: rgba($vscroll-overlay-bg, 0) !default;
-$vscroll-overlay-end: rgba($vscroll-overlay-bg, 1) !default;
-$vscroll-right-bg: linear-gradient(-270deg, $vscroll-overlay-start 0%, $vscroll-overlay-end 100%) !default;
-$vscroll-left-bg:  linear-gradient(-270deg, $vscroll-overlay-end 0%, $vscroll-overlay-start 100%) !default;
-
-$vscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .06) !default;
-$vscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
-$vscroll-device-arrow-bg: $grey-f8 !default;
-$vscroll-device-arrow-border-size: 1px !default;
-$vscroll-device-arrow-border-color: $grey-cc !default;
-$vscroll-device-arrow-color: $brand-primary !default;
-$vscroll-device-arrow-size: 14px !default;
-$vscroll-device-arrow-width: 52px !default;
-
-$vscroll-default-icon-color: $grey-light-font !default;
-$vscroll-hover-bg: $grey-e6 !default;
-$vscroll-press-bg: $grey-e6 !default;
-$vscroll-default-border: $grey-cc !default;
-$vscroll-focus-border: '' !default;
-$vscroll-active-border: '' !default;
-$vscroll-hover-border: '' !default;
-$vscroll-hover-border-color: '' !default;
-$vscroll-active-box-shadow: inset 0 3px 5px rgba(0 , 0 , 0 , .125) !default;
-
-@mixin vscroll-btn-animation {
-  content: '';
-}
-
-@mixin vscroll-btn-animation-after {
-  content: '';
-}
-//enddefault
+//default 
+$vscroll-skin: 'bootstrap' !default;
+$vscroll-nav-nrml-height: 40px !default;
+$vscroll-hover-font: $hover-font-color  !default;
+$vscroll-active-font-color: $active-font-color  !default;
+$vscroll-border-size: $border-size !default;
+$vscroll-border-type: solid !default;
+
+$vscroll-default-bg: $grey-f8 !default;
+$vscroll-nav-nrml-minheight: 40px !default;
+$vscroll-nav-bgr-minheight: 50px !default;
+$vscroll-nav-nrml-width: 40px !default;
+$vscroll-nav-bgr-width: 50px !default;
+$vscroll-nrml-padding: 0 $vscroll-nav-nrml-width !default;
+$vscroll-bgr-padding: $vscroll-nav-bgr-width 0 !default;
+$vscroll-box-shadow: none !default;
+$vscroll-overlay-opacity: .5 !default;
+$vscroll-overlay-bg: $grey-white !default;
+$vscroll-overlay-start: rgba($vscroll-overlay-bg, 0) !default;
+$vscroll-overlay-end: rgba($vscroll-overlay-bg, 1) !default;
+$vscroll-right-bg: linear-gradient(-270deg, $vscroll-overlay-start 0%, $vscroll-overlay-end 100%) !default;
+$vscroll-left-bg:  linear-gradient(-270deg, $vscroll-overlay-end 0%, $vscroll-overlay-start 100%) !default;
+
+$vscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .06) !default;
+$vscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
+$vscroll-device-arrow-bg: $grey-f8 !default;
+$vscroll-device-arrow-border-size: 1px !default;
+$vscroll-device-arrow-border-color: $grey-cc !default;
+$vscroll-device-arrow-color: $brand-primary !default;
+$vscroll-device-arrow-size: 14px !default;
+$vscroll-device-arrow-width: 52px !default;
+
+$vscroll-default-icon-color: $grey-light-font !default;
+$vscroll-hover-bg: $grey-e6 !default;
+$vscroll-press-bg: $grey-e6 !default;
+$vscroll-default-border: $grey-cc !default;
+$vscroll-focus-border: '' !default;
+$vscroll-active-border: '' !default;
+$vscroll-hover-border: '' !default;
+$vscroll-hover-border-color: '' !default;
+$vscroll-active-box-shadow: inset 0 3px 5px rgba(0 , 0 , 0 , .125) !default;
+
+@mixin vscroll-btn-animation {
+  content: '';
+}
+
+@mixin vscroll-btn-animation-after {
+  content: '';
+}
+//enddefault

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

@@ -1,49 +1,49 @@
-/*! component's theme wise override definitions and variables */
-$vscroll-skin: 'bootstrap' !default;
-$vscroll-nav-nrml-height: 40px !default;
-$vscroll-hover-font: $hover-font-color  !default;
-$vscroll-active-font-color: $active-font-color  !default;
-$vscroll-border-size: $border-size !default;
-$vscroll-border-type: solid !default;
-
-$vscroll-default-bg: $grey-f8 !default;
-$vscroll-nav-nrml-minheight: 40px !default;
-$vscroll-nav-bgr-minheight: 50px !default;
-$vscroll-nav-nrml-width: 40px !default;
-$vscroll-nav-bgr-width: 50px !default;
-$vscroll-nrml-padding: 0 $vscroll-nav-nrml-width !default;
-$vscroll-bgr-padding: $vscroll-nav-bgr-width 0 !default;
-$vscroll-box-shadow: none !default;
-$vscroll-overlay-opacity: .5 !default;
-$vscroll-overlay-bg: $grey-white !default;
-$vscroll-overlay-start: rgba($vscroll-overlay-bg, 0) !default;
-$vscroll-overlay-end: rgba($vscroll-overlay-bg, 1) !default;
-$vscroll-right-bg: linear-gradient(-270deg, $vscroll-overlay-start 0%, $vscroll-overlay-end 100%) !default;
-$vscroll-left-bg:  linear-gradient(-270deg, $vscroll-overlay-end 0%, $vscroll-overlay-start 100%) !default;
-
-$vscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .06) !default;
-$vscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
-$vscroll-device-arrow-bg: $grey-f8 !default;
-$vscroll-device-arrow-border-size: 1px !default;
-$vscroll-device-arrow-border-color: $grey-cc !default;
-$vscroll-device-arrow-color: $brand-primary !default;
-$vscroll-device-arrow-size: 14px !default;
-$vscroll-device-arrow-width: 52px !default;
-
-$vscroll-default-icon-color: $grey-light-font !default;
-$vscroll-hover-bg: $grey-e6 !default;
-$vscroll-press-bg: $grey-e6 !default;
-$vscroll-default-border: $grey-cc !default;
-$vscroll-focus-border: '' !default;
-$vscroll-active-border: '' !default;
-$vscroll-hover-border: '' !default;
-$vscroll-hover-border-color: '' !default;
-$vscroll-active-box-shadow: inset 0 3px 5px rgba(0 , 0 , 0 , .125) !default;
-
-@mixin vscroll-btn-animation {
-  content: '';
-}
-
-@mixin vscroll-btn-animation-after {
-  content: '';
-}
+/*! component's theme wise override definitions and variables */
+$vscroll-skin: 'bootstrap' !default;
+$vscroll-nav-nrml-height: 40px !default;
+$vscroll-hover-font: $hover-font-color  !default;
+$vscroll-active-font-color: $active-font-color  !default;
+$vscroll-border-size: $border-size !default;
+$vscroll-border-type: solid !default;
+
+$vscroll-default-bg: $grey-f8 !default;
+$vscroll-nav-nrml-minheight: 40px !default;
+$vscroll-nav-bgr-minheight: 50px !default;
+$vscroll-nav-nrml-width: 40px !default;
+$vscroll-nav-bgr-width: 50px !default;
+$vscroll-nrml-padding: 0 $vscroll-nav-nrml-width !default;
+$vscroll-bgr-padding: $vscroll-nav-bgr-width 0 !default;
+$vscroll-box-shadow: none !default;
+$vscroll-overlay-opacity: .5 !default;
+$vscroll-overlay-bg: $grey-white !default;
+$vscroll-overlay-start: rgba($vscroll-overlay-bg, 0) !default;
+$vscroll-overlay-end: rgba($vscroll-overlay-bg, 1) !default;
+$vscroll-right-bg: linear-gradient(-270deg, $vscroll-overlay-start 0%, $vscroll-overlay-end 100%) !default;
+$vscroll-left-bg:  linear-gradient(-270deg, $vscroll-overlay-end 0%, $vscroll-overlay-start 100%) !default;
+
+$vscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow, .06) !default;
+$vscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
+$vscroll-device-arrow-bg: $grey-f8 !default;
+$vscroll-device-arrow-border-size: 1px !default;
+$vscroll-device-arrow-border-color: $grey-cc !default;
+$vscroll-device-arrow-color: $brand-primary !default;
+$vscroll-device-arrow-size: 14px !default;
+$vscroll-device-arrow-width: 52px !default;
+
+$vscroll-default-icon-color: $grey-light-font !default;
+$vscroll-hover-bg: $grey-e6 !default;
+$vscroll-press-bg: $grey-e6 !default;
+$vscroll-default-border: $grey-cc !default;
+$vscroll-focus-border: '' !default;
+$vscroll-active-border: '' !default;
+$vscroll-hover-border: '' !default;
+$vscroll-hover-border-color: '' !default;
+$vscroll-active-box-shadow: inset 0 3px 5px rgba(0 , 0 , 0 , .125) !default;
+
+@mixin vscroll-btn-animation {
+  content: '';
+}
+
+@mixin vscroll-btn-animation-after {
+  content: '';
+}

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

@@ -1,49 +1,49 @@
-/*! component's theme wise override definitions and variables */
-$vscroll-skin: 'bootstrap4' !default;
-$vscroll-nav-nrml-height: 40px !default;
-$vscroll-hover-font: $primary-font !default;
-$vscroll-active-font-color: $primary-font !default;
-$vscroll-border-size: 1px !default;
-$vscroll-border-type: solid !default;
-
-$vscroll-default-bg: #f8f8f8 !default;
-$vscroll-nav-nrml-minheight: 40px !default;
-$vscroll-nav-bgr-minheight: 50px !default;
-$vscroll-nav-nrml-width: 40px !default;
-$vscroll-nav-bgr-width: 50px !default;
-$vscroll-nrml-padding: 0 $vscroll-nav-nrml-width !default;
-$vscroll-bgr-padding: $vscroll-nav-bgr-width 0 !default;
-$vscroll-box-shadow: none !default;
-$vscroll-overlay-opacity: .5 !default;
-$vscroll-overlay-bg: $primary-font !default;
-$vscroll-overlay-start: rgba($vscroll-overlay-bg, 0) !default;
-$vscroll-overlay-end: rgba($vscroll-overlay-bg, 1) !default;
-$vscroll-right-bg: linear-gradient(-270deg, $vscroll-overlay-start 0%, $vscroll-overlay-end 100%) !default;
-$vscroll-left-bg:  linear-gradient(-270deg, $vscroll-overlay-end 0%, $vscroll-overlay-start 100%) !default;
-
-$vscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($gray-600, .06) !default;
-$vscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($gray-600, .06) !default;
-$vscroll-device-arrow-bg: #f8f8f8 !default;
-$vscroll-device-arrow-border-size: 1px !default;
-$vscroll-device-arrow-border-color: #ccc !default;
-$vscroll-device-arrow-color: #317ab9 !default;
-$vscroll-device-arrow-size: 14px !default;
-$vscroll-device-arrow-width: 52px !default;
-
-$vscroll-default-icon-color: #333 !default;
-$vscroll-hover-bg: #e6e6e6 !default;
-$vscroll-press-bg: #e6e6e6 !default;
-$vscroll-default-border: #ccc !default;
-$vscroll-focus-border: '' !default;
-$vscroll-active-border: '' !default;
-$vscroll-hover-border: '' !default;
-$vscroll-hover-border-color: '' !default;
-$vscroll-active-box-shadow: inset 0 3px 5px rgba(0 , 0 , 0 , .125) !default;
-
-@mixin vscroll-btn-animation {
-  content: '';
-}
-
-@mixin vscroll-btn-animation-after {
-  content: '';
-}
+/*! component's theme wise override definitions and variables */
+$vscroll-skin: 'bootstrap4' !default;
+$vscroll-nav-nrml-height: 40px !default;
+$vscroll-hover-font: $primary-font !default;
+$vscroll-active-font-color: $primary-font !default;
+$vscroll-border-size: 1px !default;
+$vscroll-border-type: solid !default;
+
+$vscroll-default-bg: #f8f8f8 !default;
+$vscroll-nav-nrml-minheight: 40px !default;
+$vscroll-nav-bgr-minheight: 50px !default;
+$vscroll-nav-nrml-width: 40px !default;
+$vscroll-nav-bgr-width: 50px !default;
+$vscroll-nrml-padding: 0 $vscroll-nav-nrml-width !default;
+$vscroll-bgr-padding: $vscroll-nav-bgr-width 0 !default;
+$vscroll-box-shadow: none !default;
+$vscroll-overlay-opacity: .5 !default;
+$vscroll-overlay-bg: $primary-font !default;
+$vscroll-overlay-start: rgba($vscroll-overlay-bg, 0) !default;
+$vscroll-overlay-end: rgba($vscroll-overlay-bg, 1) !default;
+$vscroll-right-bg: linear-gradient(-270deg, $vscroll-overlay-start 0%, $vscroll-overlay-end 100%) !default;
+$vscroll-left-bg:  linear-gradient(-270deg, $vscroll-overlay-end 0%, $vscroll-overlay-start 100%) !default;
+
+$vscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($gray-600, .06) !default;
+$vscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($gray-600, .06) !default;
+$vscroll-device-arrow-bg: #f8f8f8 !default;
+$vscroll-device-arrow-border-size: 1px !default;
+$vscroll-device-arrow-border-color: #ccc !default;
+$vscroll-device-arrow-color: #317ab9 !default;
+$vscroll-device-arrow-size: 14px !default;
+$vscroll-device-arrow-width: 52px !default;
+
+$vscroll-default-icon-color: #333 !default;
+$vscroll-hover-bg: #e6e6e6 !default;
+$vscroll-press-bg: #e6e6e6 !default;
+$vscroll-default-border: #ccc !default;
+$vscroll-focus-border: '' !default;
+$vscroll-active-border: '' !default;
+$vscroll-hover-border: '' !default;
+$vscroll-hover-border-color: '' !default;
+$vscroll-active-box-shadow: inset 0 3px 5px rgba(0 , 0 , 0 , .125) !default;
+
+@mixin vscroll-btn-animation {
+  content: '';
+}
+
+@mixin vscroll-btn-animation-after {
+  content: '';
+}