@syncfusion/ej2-navigations 17.3.9-beta → 17.3.14-96615

package/styles/context-menu/icons/_highcontrast-light.scss

@@ -1,30 +1,30 @@
-@include export-module('context-menu-highcontrast-light-icons') {
-  /*! contextmenu layout */
-  .e-contextmenu-wrapper {
-    @at-root {
-      & ul {
-        & .e-menu-item  {
-          & .e-previous {
-            &::before {
-              content: '\e962';
-            }
-          }
-
-          & .e-caret {
-            &::before {
-              content: '\e219';
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .e-rtl.e-contextmenu-wrapper .e-menu-item {
-    & .e-caret {
-      &::before {
-        content: '\e98f';
-      }
-    }
-  }
-}
+@include export-module('context-menu-highcontrast-light-icons') {
+  /*! contextmenu layout */
+  .e-contextmenu-wrapper {
+    @at-root {
+      & ul {
+        & .e-menu-item  {
+          & .e-previous {
+            &::before {
+              content: '\e962';
+            }
+          }
+
+          & .e-caret {
+            &::before {
+              content: '\e219';
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .e-rtl.e-contextmenu-wrapper .e-menu-item {
+    & .e-caret {
+      &::before {
+        content: '\e98f';
+      }
+    }
+  }
+}

package/styles/context-menu/icons/_highcontrast.scss

@@ -1,30 +1,30 @@
-@include export-module('context-menu-highcontrast-icons') {
-  /*! contextmenu layout */
-  .e-contextmenu-wrapper {
-    @at-root {
-      & ul {
-        & .e-menu-item  {
-          & .e-previous {
-            &::before {
-              content: '\e962';
-            }
-          }
-
-          & .e-caret {
-            &::before {
-              content: '\e219';
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .e-rtl.e-contextmenu-wrapper .e-menu-item {
-    & .e-caret {
-      &::before {
-        content: '\e98f';
-      }
-    }
-  }
-}
+@include export-module('context-menu-highcontrast-icons') {
+  /*! contextmenu layout */
+  .e-contextmenu-wrapper {
+    @at-root {
+      & ul {
+        & .e-menu-item  {
+          & .e-previous {
+            &::before {
+              content: '\e962';
+            }
+          }
+
+          & .e-caret {
+            &::before {
+              content: '\e219';
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .e-rtl.e-contextmenu-wrapper .e-menu-item {
+    & .e-caret {
+      &::before {
+        content: '\e98f';
+      }
+    }
+  }
+}

package/styles/context-menu/icons/_material-dark.scss

@@ -1,30 +1,30 @@
-@include export-module('context-menu-material-dark-icons') {
-  /*! contextmenu layout */
-  .e-contextmenu-wrapper {
-    @at-root {
-      & ul {
-        & .e-menu-item  {
-          & .e-previous {
-            &::before {
-              content: '\e977';
-            }
-          }
-
-          & .e-caret {
-            &::before {
-              content: '\e956';
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .e-rtl.e-contextmenu-wrapper .e-menu-item {
-    & .e-caret {
-      &::before {
-        content: '\e937';
-      }
-    }
-  }
-}
+@include export-module('context-menu-material-dark-icons') {
+  /*! contextmenu layout */
+  .e-contextmenu-wrapper {
+    @at-root {
+      & ul {
+        & .e-menu-item  {
+          & .e-previous {
+            &::before {
+              content: '\e977';
+            }
+          }
+
+          & .e-caret {
+            &::before {
+              content: '\e956';
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .e-rtl.e-contextmenu-wrapper .e-menu-item {
+    & .e-caret {
+      &::before {
+        content: '\e937';
+      }
+    }
+  }
+}

package/styles/context-menu/icons/_material.scss

@@ -1,30 +1,30 @@
-@include export-module('context-menu-material-icons') {
-  /*! contextmenu layout */
-  .e-contextmenu-wrapper {
-    @at-root {
-      & ul {
-        & .e-menu-item  {
-          & .e-previous {
-            &::before {
-              content: '\e977';
-            }
-          }
-
-          & .e-caret {
-            &::before {
-              content: '\e956';
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .e-rtl.e-contextmenu-wrapper .e-menu-item {
-    & .e-caret {
-      &::before {
-        content: '\e937';
-      }
-    }
-  }
-}
+@include export-module('context-menu-material-icons') {
+  /*! contextmenu layout */
+  .e-contextmenu-wrapper {
+    @at-root {
+      & ul {
+        & .e-menu-item  {
+          & .e-previous {
+            &::before {
+              content: '\e977';
+            }
+          }
+
+          & .e-caret {
+            &::before {
+              content: '\e956';
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .e-rtl.e-contextmenu-wrapper .e-menu-item {
+    & .e-caret {
+      &::before {
+        content: '\e937';
+      }
+    }
+  }
+}

package/styles/context-menu/material-dark.css

@@ -21,7 +21,6 @@
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;

package/styles/context-menu/material.css

@@ -21,14 +21,13 @@
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;
   padding: 8px 0;
   border: none;
   border-radius: 0;
-  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.24);
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
   display: none;
   min-width: 120px;
   position: absolute;
@@ -45,7 +44,7 @@
 }
 
 .e-contextmenu-wrapper ul.e-contextmenu {
-  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }
 
 .e-contextmenu-wrapper ul.e-ul {
@@ -168,7 +167,7 @@
   font-size: 15px;
   padding: 8px 0;
   white-space: nowrap;
-  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.26);
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
   max-width: 280px;
   min-width: 112px;
 }

package/styles/fabric-dark.css

@@ -975,7 +975,6 @@
   -ms-touch-action: none;
       touch-action: none;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
@@ -2364,7 +2363,6 @@
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;
@@ -4019,11 +4017,17 @@
   display: none;
 }
 
+.e-tab.e-fill-mode .e-content,
+.e-tab.e-fill-mode .e-content .e-item,
+.e-tab.e-fill-mode .e-content .e-item > div,
+.e-tab.e-fill-mode .e-content .e-item > div > .e-blazor-template {
+  height: 100%;
+}
+
 .e-tab .e-tab-header {
   height: 40px;
   min-height: 40px;
   -webkit-user-select: text;
-     -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
 }
@@ -4128,7 +4132,6 @@
 
 .e-tab .e-tab-header .e-toolbar-item {
   -webkit-user-select: text;
-     -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
 }
@@ -6842,7 +6845,6 @@
 }
 
 .e-treeview .e-text-content {
-  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -6853,7 +6855,6 @@
 }
 
 .e-treeview .e-fullrow {
-  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -6975,7 +6976,6 @@
 }
 
 .e-treeview .e-popup {
-  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -7457,7 +7457,6 @@ ejs-sidebar {
   box-sizing: border-box;
   overflow: auto;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -7571,7 +7570,6 @@ ejs-sidebar {
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 13px;

package/styles/fabric.css

@@ -977,7 +977,6 @@
   -ms-touch-action: none;
       touch-action: none;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
@@ -2367,7 +2366,6 @@
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 14px;
@@ -4027,11 +4025,17 @@
   display: none;
 }
 
+.e-tab.e-fill-mode .e-content,
+.e-tab.e-fill-mode .e-content .e-item,
+.e-tab.e-fill-mode .e-content .e-item > div,
+.e-tab.e-fill-mode .e-content .e-item > div > .e-blazor-template {
+  height: 100%;
+}
+
 .e-tab .e-tab-header {
   height: 40px;
   min-height: 40px;
   -webkit-user-select: text;
-     -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
 }
@@ -4136,7 +4140,6 @@
 
 .e-tab .e-tab-header .e-toolbar-item {
   -webkit-user-select: text;
-     -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
 }
@@ -6851,7 +6854,6 @@
 }
 
 .e-treeview .e-text-content {
-  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -6862,7 +6864,6 @@
 }
 
 .e-treeview .e-fullrow {
-  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -6984,7 +6985,6 @@
 }
 
 .e-treeview .e-popup {
-  -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
@@ -7466,7 +7466,6 @@ ejs-sidebar {
   box-sizing: border-box;
   overflow: auto;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }
@@ -7581,7 +7580,6 @@ ejs-sidebar {
   margin: 0;
   overflow: hidden;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   font-size: 13px;

package/styles/h-scroll/_all.scss

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

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

@@ -1,49 +1,49 @@
-//default 
-$hscroll-skin: 'bootstrap' !default;
-$hscroll-default-bg: $grey-darker !default;
-$hscroll-nav-nrml-minheight: 40px !default;
-$hscroll-nav-bgr-minheight: 50px !default;
-$hscroll-mob-nav-nrml-width: 50px !default;
-$hscroll-device-arrow-width: 50px !default;
-$hscroll-device-arrow-size: 14px !default;
-$hscroll-device-arrow-size-bigger: 14px !default;
-$hscroll-overlay-opacity: .5 !default;
-$hscroll-device-arrow-border-color: $default-border-color !default;
-$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
-$hscroll-device-arrow-bg: $hscroll-default-bg !default;
-$hscroll-device-arrow-border-size: none !default;
-$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow , .6) !default;
-$hscroll-device-arrow-color: $default-icon-color !default;
-$hscroll-overlay-bg: $hscroll-default-bg !default;
-$hscroll-overlay-start: rgba($hscroll-overlay-bg, .0001) !default;
-$hscroll-overlay-end: rgba($hscroll-overlay-bg, $hscroll-overlay-opacity) !default;
-$hscroll-right-bg: linear-gradient(to right, $hscroll-overlay-start 0, $hscroll-overlay-end 100%) !default;
-$hscroll-left-bg: linear-gradient(to right, $hscroll-overlay-end 0, $hscroll-overlay-start 100%) !default;
-$hscroll-border-size: $border-size !default;
-$hscroll-border-type: solid !default;
-$hscroll-hover-font: $hover-font-color !default;
-$hscroll-active-font-color: $active-font-color !default;
-$hscroll-nav-nrml-width: 40px !default;
-$hscroll-nav-bgr-width: 50px !default;
-$hscroll-nrml-padding: 0 $hscroll-nav-nrml-width !default;
-$hscroll-bgr-padding: 0 $hscroll-nav-bgr-width !default;
-$hscroll-box-shadow: none !default;
-
-$hscroll-default-icon-color: $grey-dark-font !default;
-$hscroll-hover-bg: $grey-light !default;
-$hscroll-press-bg: $grey-dark !default;
-$hscroll-default-border: $grey-99 !default;
-$hscroll-focus-border: '' !default;
-$hscroll-active-border: '' !default;
-$hscroll-hover-border: '' !default;
-$hscroll-hover-border-color: '' !default;
-$hscroll-active-box-shadow: inset 0 3px 5px rgba(0 , 0 , 0 , .125) !default;
-
-@mixin hscroll-btn-animation {
-  content: '';
-}
-
-@mixin hscroll-btn-animation-after {
-  content: '';
-}
-//enddefault
+//default 
+$hscroll-skin: 'bootstrap' !default;
+$hscroll-default-bg: $grey-darker !default;
+$hscroll-nav-nrml-minheight: 40px !default;
+$hscroll-nav-bgr-minheight: 50px !default;
+$hscroll-mob-nav-nrml-width: 50px !default;
+$hscroll-device-arrow-width: 50px !default;
+$hscroll-device-arrow-size: 14px !default;
+$hscroll-device-arrow-size-bigger: 14px !default;
+$hscroll-overlay-opacity: .5 !default;
+$hscroll-device-arrow-border-color: $default-border-color !default;
+$hscroll-device-arrow-rtl-box-shadow: 4px 0 8px 0 rgba($shadow, .06) !default;
+$hscroll-device-arrow-bg: $hscroll-default-bg !default;
+$hscroll-device-arrow-border-size: none !default;
+$hscroll-device-arrow-box-shadow: -4px 0 8px 0 rgba($shadow , .6) !default;
+$hscroll-device-arrow-color: $default-icon-color !default;
+$hscroll-overlay-bg: $hscroll-default-bg !default;
+$hscroll-overlay-start: rgba($hscroll-overlay-bg, .0001) !default;
+$hscroll-overlay-end: rgba($hscroll-overlay-bg, $hscroll-overlay-opacity) !default;
+$hscroll-right-bg: linear-gradient(to right, $hscroll-overlay-start 0, $hscroll-overlay-end 100%) !default;
+$hscroll-left-bg: linear-gradient(to right, $hscroll-overlay-end 0, $hscroll-overlay-start 100%) !default;
+$hscroll-border-size: $border-size !default;
+$hscroll-border-type: solid !default;
+$hscroll-hover-font: $hover-font-color !default;
+$hscroll-active-font-color: $active-font-color !default;
+$hscroll-nav-nrml-width: 40px !default;
+$hscroll-nav-bgr-width: 50px !default;
+$hscroll-nrml-padding: 0 $hscroll-nav-nrml-width !default;
+$hscroll-bgr-padding: 0 $hscroll-nav-bgr-width !default;
+$hscroll-box-shadow: none !default;
+
+$hscroll-default-icon-color: $grey-dark-font !default;
+$hscroll-hover-bg: $grey-light !default;
+$hscroll-press-bg: $grey-dark !default;
+$hscroll-default-border: $grey-99 !default;
+$hscroll-focus-border: '' !default;
+$hscroll-active-border: '' !default;
+$hscroll-hover-border: '' !default;
+$hscroll-hover-border-color: '' !default;
+$hscroll-active-box-shadow: inset 0 3px 5px rgba(0 , 0 , 0 , .125) !default;
+
+@mixin hscroll-btn-animation {
+  content: '';
+}
+
+@mixin hscroll-btn-animation-after {
+  content: '';
+}
+//enddefault

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

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