@syncfusion/ej2-navigations 20.2.49 → 20.3.47

package/styles/toolbar/fluent.css

@@ -8,7 +8,7 @@
     box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
-/*! component's theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
 /*! toolbar icons */
 .e-toolbar .e-popup-down-icon::before {
   content: "\e71c";
@@ -20,6 +20,7 @@
 }
 
 /*! toolbar layout */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
   height: 48px;
@@ -96,7 +97,7 @@
 }
 .e-bigger .e-toolbar .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon,
 .e-toolbar.e-bigger .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon {
-  line-height: 18px;
+  line-height: 15px;
   min-height: 18px;
   min-width: 13px;
 }
@@ -309,7 +310,7 @@
 }
 .e-bigger .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon,
 .e-toolbar.e-bigger.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon {
-  line-height: 18px;
+  line-height: 15px;
   min-height: 18px;
   min-width: 13px;
 }
@@ -357,8 +358,6 @@
   height: 38px;
   min-height: 38px;
   position: relative;
-  -ms-touch-action: none;
-      touch-action: none;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -472,7 +471,7 @@
   vertical-align: middle;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-btn.e-tbar-btn .e-icons.e-btn-icon:not(.e-toolbar-pop) {
-  line-height: 16px;
+  line-height: 13px;
   min-height: 16px;
   min-width: 12px;
   padding: 0;
@@ -700,7 +699,7 @@
   line-height: 22px;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn .e-icons.e-btn-icon {
-  line-height: 16px;
+  line-height: 13px;
   min-height: 16px;
 }
 .e-toolbar .e-toolbar-items {
@@ -795,6 +794,10 @@
 .e-toolbar .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 8px;
 }
+.e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content {
+  -ms-touch-action: pan-y pinch-zoom;
+      touch-action: pan-y pinch-zoom;
+}
 .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
   margin-right: 8px;
 }
@@ -915,6 +918,10 @@
   bottom: auto;
   top: 0;
 }
+.e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
+  -ms-touch-action: pan-x pinch-zoom;
+      touch-action: pan-x pinch-zoom;
+}
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-left,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-center,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-right {
@@ -964,6 +971,7 @@
 }
 
 /*! toolbar theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #f3f2f1;

package/styles/toolbar/highcontrast-light.css

@@ -9,6 +9,7 @@
 }
 
 /*! toolbar layout */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
   height: 50px;
@@ -353,8 +354,6 @@
   height: 40px;
   min-height: 40px;
   position: relative;
-  -ms-touch-action: none;
-      touch-action: none;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -796,6 +795,10 @@
 .e-toolbar .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 3px;
 }
+.e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content {
+  -ms-touch-action: pan-y pinch-zoom;
+      touch-action: pan-y pinch-zoom;
+}
 .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
   margin-right: 3px;
 }
@@ -917,6 +920,10 @@
   bottom: auto;
   top: 0;
 }
+.e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
+  -ms-touch-action: pan-x pinch-zoom;
+      touch-action: pan-x pinch-zoom;
+}
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-left,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-center,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-right {
@@ -966,6 +973,7 @@
 }
 
 /*! toolbar theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fff;

package/styles/toolbar/highcontrast.css

@@ -10,6 +10,7 @@
 }
 
 /*! toolbar layout */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
   height: 50px;
@@ -354,8 +355,6 @@
   height: 40px;
   min-height: 40px;
   position: relative;
-  -ms-touch-action: none;
-      touch-action: none;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -797,6 +796,10 @@
 .e-toolbar .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 3px;
 }
+.e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content {
+  -ms-touch-action: pan-y pinch-zoom;
+      touch-action: pan-y pinch-zoom;
+}
 .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
   margin-right: 3px;
 }
@@ -918,6 +921,10 @@
   bottom: auto;
   top: 0;
 }
+.e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
+  -ms-touch-action: pan-x pinch-zoom;
+      touch-action: pan-x pinch-zoom;
+}
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-left,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-center,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-right {
@@ -967,6 +974,7 @@
 }
 
 /*! toolbar theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #000;

package/styles/toolbar/icons/_bootstrap-dark.scss

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-bootstrap-dark-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 

package/styles/toolbar/icons/_bootstrap.scss

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-bootstrap-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 

package/styles/toolbar/icons/_bootstrap4.scss

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-bootstrap4-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 

package/styles/toolbar/icons/_bootstrap5.scss

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-bootstrap5-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 
@@ -14,4 +14,3 @@
     }
   }
 }
-  

package/styles/toolbar/icons/_fabric-dark.scss

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-fabric-dark-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 

package/styles/toolbar/icons/_fabric.scss

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-fabric-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 

package/styles/toolbar/icons/_fluent.scss

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-fluent-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 
@@ -14,4 +14,3 @@
     }
   }
 }
-  

package/styles/toolbar/icons/_fusionnew.scss

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-fusionnew-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 
@@ -14,4 +14,3 @@
     }
   }
 }
-  

package/styles/toolbar/icons/_highcontrast-light.scss

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-highcontrast-light-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 

package/styles/toolbar/icons/_highcontrast.scss

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-highcontrast-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 

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

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-material-dark-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 

package/styles/toolbar/icons/_material.scss

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-material-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 

package/styles/toolbar/icons/_material3.scss

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-material3-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 
@@ -14,4 +14,3 @@
     }
   }
 }
-  

package/styles/toolbar/icons/_tailwind.scss

@@ -1,5 +1,5 @@
-
 @include export-module('toolbar-tailwind-icons') {
+
   /*! toolbar icons */
   #{&}.e-toolbar {
 
@@ -14,4 +14,3 @@
     }
   }
 }
-  

package/styles/toolbar/material-dark.css

@@ -37,6 +37,7 @@
 }
 
 /*! toolbar layout */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
   height: 56px;
@@ -382,8 +383,6 @@
   height: 42px;
   min-height: 42px;
   position: relative;
-  -ms-touch-action: none;
-      touch-action: none;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -826,6 +825,10 @@
 .e-toolbar .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 3px;
 }
+.e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content {
+  -ms-touch-action: pan-y pinch-zoom;
+      touch-action: pan-y pinch-zoom;
+}
 .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
   margin-right: 3px;
 }
@@ -944,6 +947,10 @@
   bottom: auto;
   top: 0;
 }
+.e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
+  -ms-touch-action: pan-x pinch-zoom;
+      touch-action: pan-x pinch-zoom;
+}
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-left,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-center,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-right {
@@ -993,6 +1000,7 @@
 }
 
 /*! toolbar theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #212121;

package/styles/toolbar/material.css

@@ -40,6 +40,7 @@
 }
 
 /*! toolbar layout */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
   height: 56px;
@@ -385,8 +386,6 @@
   height: 42px;
   min-height: 42px;
   position: relative;
-  -ms-touch-action: none;
-      touch-action: none;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -829,6 +828,10 @@
 .e-toolbar .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 3px;
 }
+.e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content {
+  -ms-touch-action: pan-y pinch-zoom;
+      touch-action: pan-y pinch-zoom;
+}
 .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
   margin-right: 3px;
 }
@@ -947,6 +950,10 @@
   bottom: auto;
   top: 0;
 }
+.e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
+  -ms-touch-action: pan-x pinch-zoom;
+      touch-action: pan-x pinch-zoom;
+}
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-left,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-center,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-right {
@@ -996,6 +1003,7 @@
 }
 
 /*! toolbar theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #fafafa;

package/styles/toolbar/tailwind-dark.css

@@ -9,7 +9,7 @@
     box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
-/*! component's theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
 /*! toolbar icons */
 .e-toolbar .e-popup-down-icon::before {
   content: "\e729";
@@ -21,6 +21,7 @@
 }
 
 /*! toolbar layout */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
   height: 48px;
@@ -363,8 +364,6 @@
   height: 38px;
   min-height: 38px;
   position: relative;
-  -ms-touch-action: none;
-      touch-action: none;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -805,6 +804,10 @@
 .e-toolbar .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 8px;
 }
+.e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content {
+  -ms-touch-action: pan-y pinch-zoom;
+      touch-action: pan-y pinch-zoom;
+}
 .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
   margin-right: 8px;
 }
@@ -924,6 +927,10 @@
   bottom: auto;
   top: 0;
 }
+.e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
+  -ms-touch-action: pan-x pinch-zoom;
+      touch-action: pan-x pinch-zoom;
+}
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-left,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-center,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-right {
@@ -973,6 +980,7 @@
 }
 
 /*! toolbar theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #374151;

package/styles/toolbar/tailwind.css

@@ -9,7 +9,7 @@
     box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
   }
 }
-/*! component's theme wise override definitions and variables */
+/*! component's theme wise override definitions and variables */ /* stylelint-disable-line no-empty-source */
 /*! toolbar icons */
 .e-toolbar .e-popup-down-icon::before {
   content: "\e729";
@@ -21,6 +21,7 @@
 }
 
 /*! toolbar layout */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
   height: 48px;
@@ -363,8 +364,6 @@
   height: 38px;
   min-height: 38px;
   position: relative;
-  -ms-touch-action: none;
-      touch-action: none;
   -webkit-user-select: none;
       -ms-user-select: none;
           user-select: none;
@@ -805,6 +804,10 @@
 .e-toolbar .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 8px;
 }
+.e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content {
+  -ms-touch-action: pan-y pinch-zoom;
+      touch-action: pan-y pinch-zoom;
+}
 .e-toolbar .e-toolbar-items .e-hscroll-bar .e-hscroll-content > .e-toolbar-item:last-child {
   margin-right: 8px;
 }
@@ -924,6 +927,10 @@
   bottom: auto;
   top: 0;
 }
+.e-toolbar.e-vertical .e-toolbar-items .e-vscroll-bar .e-vscroll-content {
+  -ms-touch-action: pan-x pinch-zoom;
+      touch-action: pan-x pinch-zoom;
+}
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-left,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-center,
 .e-toolbar.e-vertical .e-toolbar-items.e-tbar-pos .e-toolbar-right {
@@ -973,6 +980,7 @@
 }
 
 /*! toolbar theme */
+/* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   background: #f3f4f6;

package/styles/treeview/_all.scss

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

package/styles/treeview/_bootstrap-dark-definition.scss

@@ -1,5 +1,5 @@
 //default
-// sass-lint:disable-all 
+/* stylelint-disable */
 $treeview-font-size: 14px !default;
 $treeview-icon-font-size: 8px !default;
 $treeview-image-font-size: 16px !default;

package/styles/treeview/_bootstrap-definition.scss

@@ -1,5 +1,5 @@
 /*! TreeView's bootstrap theme wise override definitions and variables */
-// sass-lint:disable-all
+/* stylelint-disable */
 $treeview-font-size: 14px !default;
 $treeview-icon-font-size: 8px !default;
 $treeview-image-font-size: 16px !default;

package/styles/treeview/_bootstrap4-definition.scss

@@ -1,5 +1,5 @@
 //default
-// sass-lint:disable-all 
+/* stylelint-disable */
 $treeview-font-size: 14px !default;
 $treeview-icon-font-size: 8px !default;
 
@@ -126,8 +126,8 @@ $treeview-big-check-icon-wrap-width: calc(100% - 65px) !default;
 $treeview-big-check-icon-img-wrap-width: calc(100% - 93px) !default;
 $treeview-big-icon-wrap-width: calc(100% - 34px) !default;
 $treeview-big-icon-img-wrap-width: calc(100% - 62px) !default;
-$treeview-drag-icon-padding: 8px!default;
-$treeview-drag-icon-padding-right: 4px!default;
+$treeview-drag-icon-padding: 8px !default;
+$treeview-drag-icon-padding-right: 4px !default;
 $treeview-drag-icon-font-size: 14px;
 $treeview-font-family: $font-family !default;
 $treeview-drag-icon-font-size: 12px !default;

package/styles/treeview/_bootstrap5-definition.scss

@@ -1,5 +1,5 @@
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
-// sass-lint:disable-all
+/* stylelint-disable */
 $treeview-font-size: $text-sm !default;
 $treeview-icon-font-size: 20px !default;
 $treeview-image-font-size: 20px !default;

package/styles/treeview/_fabric-dark-definition.scss

@@ -1,5 +1,5 @@
 //default
-// sass-lint:disable-all
+/* stylelint-disable */
 $treeview-font-size: $font-size !default;
 $treeview-icon-font-size: 10px !default;
 $treeview-image-font-size: 16px !default;

package/styles/treeview/_fabric-definition.scss

@@ -1,5 +1,5 @@
 /*! TreeView's fabric theme wise override definitions and variables */
-// sass-lint:disable-all
+/* stylelint-disable */
 $treeview-font-size: $font-size !default;
 $treeview-icon-font-size: 10px !default;
 $treeview-image-font-size: 16px !default;

package/styles/treeview/_fluent-definition.scss

@@ -1,5 +1,5 @@
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
-// sass-lint:disable-all
+/* stylelint-disable */
 $treeview-font-size: $text-sm !default;
 $treeview-icon-font-size: 20px !default;
 $treeview-image-font-size: 20px !default;

package/styles/treeview/_fusionnew-definition.scss

@@ -1,5 +1,5 @@
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
-// sass-lint:disable-all
+/* stylelint-disable */
 $treeview-font-size: $text-sm !default;
 $treeview-icon-font-size: 20px !default;
 $treeview-image-font-size: 20px !default;

package/styles/treeview/_highcontrast-definition.scss

@@ -1,5 +1,5 @@
 /*! TreeView's high contrast theme wise override definitions and variables */
-// sass-lint:disable-all
+/* stylelint-disable */
 $treeview-font-size: 14px !default;
 $treeview-icon-font-size: 10px !default;
 $treeview-image-font-size: 16px !default;

package/styles/treeview/_highcontrast-light-definition.scss

@@ -1,5 +1,5 @@
 //default
-// sass-lint:disable-all
+/* stylelint-disable */
 
 
 $treeview-icon-color: $content-font !default;