@syncfusion/ej2-navigations 20.2.50 → 20.3.48

package/styles/treeview/_layout.scss

@@ -1,10 +1,11 @@
-// sass-lint:disable no-vendor-prefixes
+/* stylelint-disable property-no-vendor-prefix */
 @mixin user-select {
   -moz-user-select: none;
   -ms-user-select: none;
   -webkit-user-select: none;
   user-select: none;
 }
+
 @mixin sibling-style {
   @if $skin-name == 'material' {
     border-radius: 10px;
@@ -13,6 +14,7 @@
     border: 4px solid transparent;
   }
 }
+
 @mixin sibling-before($position) {
   @if $skin-name == 'material' {
     @if $position == 'rtl' {
@@ -33,6 +35,7 @@
     }
   }
 }
+
 @include export-module('treeview-layout') {
   @keyframes rotation {
     from {
@@ -44,7 +47,7 @@
     }
   }
 
-  @-webkit-keyframes rotation {
+  @-webkit-keyframes rotation { /* stylelint-disable-line at-rule-no-vendor-prefix */
     from {
       -webkit-transform: rotate(0deg);
     }
@@ -198,7 +201,7 @@
           }
         }
 
-        & +  .e-list-icon + .e-list-img {
+        & + .e-list-icon + .e-list-img {
           & + .e-list-text {
             max-width: $treeview-big-check-icon-img-wrap-width;
           }
@@ -259,7 +262,7 @@
       margin: $treeview-big-image-margin;
       @if $skin-name == 'bootstrap4' {
         font-size: $treeview-big-image-font-size;
-        }
+      }
       @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
         & + .e-list-text {
           padding: $treeview-big-image-text-padding;
@@ -279,7 +282,7 @@
         margin: $treeview-big-icon-margin;
         width: $treeview-big-icon-size;
       }
-  }
+    }
 
     .e-icon-collapsible::before,
     .e-icon-expandable::before {
@@ -291,7 +294,7 @@
       @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
 
         .e-text-content {
-          padding-left:  $treeview-big-drag-item-text-padding-left;
+          padding-left: $treeview-big-drag-item-text-padding-left;
         }
 
         .e-icon-collapsible,
@@ -349,7 +352,7 @@
 
           .e-text-content {
             padding-left: 0;
-            padding-right:  $treeview-big-drag-item-text-padding-left;
+            padding-right: $treeview-big-drag-item-text-padding-left;
           }
         }
       }
@@ -387,7 +390,7 @@
             margin: $treeview-icon-image-margin;
           }
         }
-    }
+      }
       @if $skin-name == 'bootstrap4' {
         .e-icon-collapsible,
         .e-icon-expandable {
@@ -458,7 +461,7 @@
           }
         }
 
-        & +  .e-list-icon + .e-list-img {
+        & + .e-list-icon + .e-list-img {
           & + .e-list-text {
             max-width: $treeview-check-icon-img-wrap-width;
           }
@@ -509,7 +512,6 @@
       }
 
       .e-icons.e-icon-collapsible {
-
         -webkit-transform: rotate(90deg);
         transform: rotate(90deg);
       }
@@ -540,6 +542,9 @@
       .e-ul {
         margin: 2px 0 -2px;
         padding: $treeview-child-ul-padding;
+        @if $skin-name == 'tailwind' {
+          margin: 2px 0 0;
+        }
       }
 
       &.e-disable {
@@ -608,9 +613,9 @@
       .e-ripple-container {
         bottom: $ripple-size;
         height: $ripple-height;
-        left:  $ripple-size;
-        right:  $ripple-size;
-        top:  $ripple-size;
+        left: $ripple-size;
+        right: $ripple-size;
+        top: $ripple-size;
         width: $ripple-width;
       }
     }
@@ -632,7 +637,7 @@
 
       .e-input-group {
         height: $treeview-input-height;
-        @if($skin-name == 'FluentUI') {
+        @if ($skin-name == 'FluentUI') {
           margin-top: 3px;
         }
         @else if($skin-name == 'tailwind') {
@@ -849,7 +854,7 @@
         .e-icon-collapsible,
         .e-icon-expandable {
           @if ($skin-name != 'bootstrap5' and $skin-name != 'FluentUI') {
-            margin:  $treeview-drag-icon-margin;
+            margin: $treeview-drag-icon-margin;
           }
 
           @if ($skin-name == 'bootstrap5' or $skin-name == 'FluentUI') {
@@ -1016,13 +1021,13 @@
       .e-list-img,
       .e-list-icon {
         cursor: auto;
-        }
+      }
 
       .e-list-url {
         cursor: default;
         pointer-events: none;
-        }
       }
+    }
 
     &.e-interaction.e-fullrow-wrap {
       .e-text-content {
@@ -1030,5 +1035,5 @@
       }
     }
   }
-  // sass-lint:enable no-vendor-prefixes
+  /* stylelint-enable property-no-vendor-prefix */
 }

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

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

package/styles/treeview/_material-definition.scss

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

package/styles/treeview/_material3-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/_tailwind-definition.scss

@@ -1,5 +1,5 @@
 /*! TreeView's tailwind 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;
@@ -87,7 +87,7 @@ $treeview-font-family: $font-family !default;
 $treeview-drag-icon-font-size: 20px !default;
 $treeview-drag-icon-padding: 6px !default;
 $treeview-drag-icon-margin: 0 8px 10px -20px;
-$treeview-drag-icon-padding-right: 4px!default;
+$treeview-drag-icon-padding-right: 4px !default;
 $treeview-rtl-drag-margin: 10px -13px -1px 0;
 
 $ripple-size: -7px !default;

package/styles/treeview/_theme.scss

@@ -1,4 +1,4 @@
-// sass-lint:disable no-vendor-prefixes
+/* stylelint-disable property-no-vendor-prefix */
 @mixin sibling-theme($left, $right) {
   @if $skin-name == 'material' {
     background: $treeview-drag-line-bg;
@@ -8,6 +8,7 @@
     border-#{$right}-color: transparent;
   }
 }
+
 @mixin active-hover-theme {
   background-color: $treeview-item-active-hover-bg;
   border-color: $treeview-item-active-hover-border-color;
@@ -16,6 +17,7 @@
     box-shadow: $treeview-border-shadow;
   }
 }
+
 @mixin active-editing-theme {
   background-color: $treeview-item-border-color;
   border-color: $treeview-item-border-color;
@@ -24,11 +26,13 @@
     box-shadow: none;
   }
 }
+
 @mixin active-font-weight {
   @if $skin-name == 'highcontrast' {
     font-weight: $treeview-active-font-weight;
   }
 }
+
 @include export-module('treeview-theme') {
   .e-bigger .e-treeview,
   .e-treeview.e-bigger {
@@ -44,7 +48,6 @@
     .e-icon-collapsible::before,
     .e-icon-expandable::before {
       font-size: $treeview-big-icon-font-size;
-
     }
 
     &.e-drag-item {
@@ -52,16 +55,16 @@
       .e-icon-expandable {
         @if $skin-name == 'bootstrap4' {
           padding: $treeview-big-drag-icon-padding;
-    }
-  }
+        }
+      }
 
       .e-list-text {
         @if $skin-name == 'bootstrap4' {
           padding: $treeview-big-drag-text-padding;
+        }
       }
     }
   }
-}
 
   .e-treeview {
     -webkit-tap-highlight-color: transparent;
@@ -84,7 +87,7 @@
       .e-input {
         @include active-font-weight;
       }
-     }
+    }
 
     .e-list-icon,
     .e-list-img {
@@ -192,7 +195,7 @@
     }
 
     .e-list-item.e-active {
-      &> .e-fullrow {
+      & > .e-fullrow {
         background-color: $treeview-item-active-bg;
         border-color: $treeview-item-active-border-color;
       }
@@ -323,14 +326,14 @@
         color: $treeview-drag-item-color;
         @if $skin-name == 'bootstrap4' {
           padding: $treeview-drag-text-padding;
+        }
       }
-    }
 
       .e-text-content {
         @if $skin-name == 'bootstrap4' {
           -webkit-box-shadow: $treeview-drag-item-box-shadow;
           border-radius: .5em;
-          box-shadow:  $treeview-drag-item-box-shadow;
+          box-shadow: $treeview-drag-item-box-shadow;
         }
       }
 
@@ -342,7 +345,7 @@
         background-color: $treeview-drop-count-bg;
         border-color: $treeview-drop-count-border;
         color: $treeview-drop-count-color;
-    }
+      }
 
       &.e-rtl {
 
@@ -355,7 +358,7 @@
           }
         }
       }
-  }
-    // sass-lint:enable no-vendor-prefixes
+    }
+    /* stylelint-enable property-no-vendor-prefix */
   }
 }

package/styles/treeview/bootstrap-dark.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
   content: "\e230";
@@ -21,6 +23,7 @@
   content: "\e22a";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes rotation {
   from {
     transform: rotate(0deg);
@@ -549,6 +552,8 @@
   pointer-events: auto;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   font-size: 15px;
@@ -561,6 +566,7 @@
 }
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
+  /* stylelint-enable property-no-vendor-prefix */
 }
 .e-treeview .e-text-content,
 .e-treeview .e-fullrow {

package/styles/treeview/bootstrap.css

@@ -1,4 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
 /*! TreeView's bootstrap theme wise override definitions and variables */
+/* stylelint-disable */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
   content: "\e230";
@@ -22,6 +24,7 @@
   content: "\e22a";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes rotation {
   from {
     transform: rotate(0deg);
@@ -550,6 +553,8 @@
   pointer-events: auto;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   font-size: 15px;
@@ -562,6 +567,7 @@
 }
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
+  /* stylelint-enable property-no-vendor-prefix */
 }
 .e-treeview .e-text-content,
 .e-treeview .e-fullrow {

package/styles/treeview/bootstrap4.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
   content: "\e70b";
@@ -21,6 +23,7 @@
   content: "\e797";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes rotation {
   from {
     transform: rotate(0deg);
@@ -618,6 +621,8 @@
   pointer-events: auto;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   font-size: 16px;
@@ -642,6 +647,7 @@
 
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
+  /* stylelint-enable property-no-vendor-prefix */
 }
 .e-treeview .e-text-content,
 .e-treeview .e-fullrow {

package/styles/treeview/bootstrap5-dark.css

@@ -1,4 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
   content: "\e75c";
@@ -22,6 +24,7 @@
   content: "\e839";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes rotation {
   from {
     transform: rotate(0deg);
@@ -649,6 +652,8 @@
   pointer-events: auto;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   font-size: 16px;
@@ -661,6 +666,7 @@
 }
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
+  /* stylelint-enable property-no-vendor-prefix */
 }
 .e-treeview.e-disabled {
   opacity: 0.5;

package/styles/treeview/bootstrap5.css

@@ -1,4 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
   content: "\e75c";
@@ -22,6 +24,7 @@
   content: "\e839";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes rotation {
   from {
     transform: rotate(0deg);
@@ -649,6 +652,8 @@
   pointer-events: auto;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   font-size: 16px;
@@ -661,6 +666,7 @@
 }
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
+  /* stylelint-enable property-no-vendor-prefix */
 }
 .e-treeview.e-disabled {
   opacity: 0.5;

package/styles/treeview/fabric-dark.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
   content: "\e22e";
@@ -21,6 +23,7 @@
   content: "\e22a";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes rotation {
   from {
     transform: rotate(0deg);
@@ -549,6 +552,8 @@
   pointer-events: auto;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   font-size: 15px;
@@ -561,6 +566,7 @@
 }
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
+  /* stylelint-enable property-no-vendor-prefix */
 }
 .e-treeview .e-text-content,
 .e-treeview .e-fullrow {

package/styles/treeview/fabric.css

@@ -1,4 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
 /*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
   content: "\e22e";
@@ -22,6 +24,7 @@
   content: "\e22a";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes rotation {
   from {
     transform: rotate(0deg);
@@ -550,6 +553,8 @@
   pointer-events: auto;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   font-size: 15px;
@@ -562,6 +567,7 @@
 }
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
+  /* stylelint-enable property-no-vendor-prefix */
 }
 .e-treeview .e-text-content,
 .e-treeview .e-fullrow {

package/styles/treeview/fluent-dark.css

@@ -1,4 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
   content: "\e75c";
@@ -22,6 +24,7 @@
   content: "\e839";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes rotation {
   from {
     transform: rotate(0deg);
@@ -657,6 +660,8 @@
   pointer-events: auto;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   font-size: 16px;
@@ -669,6 +674,7 @@
 }
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
+  /* stylelint-enable property-no-vendor-prefix */
 }
 .e-treeview .e-text-content,
 .e-treeview .e-fullrow {

package/styles/treeview/fluent.css

@@ -1,4 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
 /*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
   content: "\e75c";
@@ -22,6 +24,7 @@
   content: "\e839";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes rotation {
   from {
     transform: rotate(0deg);
@@ -657,6 +660,8 @@
   pointer-events: auto;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   font-size: 16px;
@@ -669,6 +674,7 @@
 }
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
+  /* stylelint-enable property-no-vendor-prefix */
 }
 .e-treeview .e-text-content,
 .e-treeview .e-fullrow {

package/styles/treeview/highcontrast-light.css

@@ -1,3 +1,5 @@
+/* stylelint-disable property-no-vendor-prefix */
+/* stylelint-disable */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
   content: "\e22e";
@@ -21,6 +23,7 @@
   content: "\e22a";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes rotation {
   from {
     transform: rotate(0deg);
@@ -549,6 +552,8 @@
   pointer-events: auto;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   font-size: 15px;
@@ -561,6 +566,7 @@
 }
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
+  /* stylelint-enable property-no-vendor-prefix */
 }
 .e-treeview .e-text-content,
 .e-treeview .e-fullrow {

package/styles/treeview/highcontrast.css

@@ -1,4 +1,6 @@
+/* stylelint-disable property-no-vendor-prefix */
 /*! TreeView's high contrast theme wise override definitions and variables */
+/* stylelint-disable */
 /*! TreeView icons */
 .e-treeview .e-list-item div.e-icons::before {
   content: "\e22e";
@@ -22,6 +24,7 @@
   content: "\e22a";
 }
 
+/* stylelint-disable property-no-vendor-prefix */
 @keyframes rotation {
   from {
     transform: rotate(0deg);
@@ -550,6 +553,8 @@
   pointer-events: auto;
 }
 
+/* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable property-no-vendor-prefix */
 .e-bigger .e-treeview .e-list-text,
 .e-treeview.e-bigger .e-list-text {
   font-size: 15px;
@@ -562,6 +567,7 @@
 }
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
+  /* stylelint-enable property-no-vendor-prefix */
 }
 .e-treeview .e-text-content,
 .e-treeview .e-fullrow {

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

@@ -1,5 +1,5 @@
-
 @include export-module('treeview-bootstrap-dark-icons') {
+
   /*! TreeView icons */
   .e-treeview {
     .e-list-item {

package/styles/treeview/icons/_bootstrap.scss

@@ -1,5 +1,5 @@
-
 @include export-module('treeview-bootstrap-icons') {
+
   /*! TreeView icons */
   .e-treeview {
     .e-list-item {

package/styles/treeview/icons/_bootstrap4.scss

@@ -1,5 +1,5 @@
-
 @include export-module('treeview-bootstrap4-icons') {
+
   /*! TreeView icons */
   .e-treeview {
     .e-list-item {
@@ -37,4 +37,3 @@
     }
   }
 }
-