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

package/styles/sidebar/_theme.scss

@@ -1,168 +1,168 @@
-@include export-module('sidebar-theme') {
-
-  #{&}ejs-sidebar {
-    display: block;
-  }
-
-  .e-sidebar {
-    // sass-lint:disable no-vendor-prefixes
-    -webkit-tap-highlight-color: transparent;
-    background: $sidebar-background;
-    height: 100%;
-    overflow: auto;
-    position: fixed;
-    top: 0;
-    transition: none;
-    vertical-align: middle;
-    visibility: hidden;
-    will-change: transform;
-
-    &.e-right.e-open {
-      transform: translateX(0%);
-      transition: transform .5s ease;
-      visibility: visible;
-        }
-
-    &.e-right.e-close {
-      box-shadow: none;
-      transform: translateX(100%);
-      transition: transform .5s ease, visibility 500ms;
-      visibility: hidden;
-        }
-
-    &.e-left.e-open {
-      transform: translateX(0%);
-      transition: transform .5s ease;
-      visibility: visible;
-	}
-
-    &.e-left.e-transition.e-close,
-    &.e-right.e-transition.e-close {
-      transition: transform .5s ease, visibility 500ms;
-	}
-
-    &.e-left.e-close {
-      box-shadow: none;
-      transform: translateX(-100%);
-      visibility: hidden;
-        }
-
-    &.e-right.e-close {
-      box-shadow: none;
-      transform: translateX(100%);
-      transition: transform .5s ease, visibility 500ms;
-      visibility: hidden;
-        }
-
-    &.e-right {
-      border-left: 1px solid $sidebar-border;
-      left: auto;
-      right: 0;
-      top: 0;
-        }
-
-    &.e-left {
-      border-right: 1px solid $sidebar-border;
-      left: 0;
-      right: auto;
-      top: 0;
-        }
-
-    &.e-left.e-close.e-dock {
-      transform: translateX(0%);
-      transition: width .5s ease, visibility 500ms;
-      visibility: visible;
-    }
-
-    &.e-right.e-close.e-dock {
-      transform: translateX(0%);
-      transition: width .5s ease, visibility 500ms;
-      visibility: visible;
-    }
-
-    &.e-left.e-open.e-disable-animation,
-    &.e-right.e-open.e-disable-animation,
-    &.e-right.e-close.e-disable-animation,
-    &.e-left.e-close.e-disable-animation {
-      transition: none;
-     }
-
-    &.e-visibility {
-      visibility: hidden;
-	}
-
-    &.e-over {
-      box-shadow: $sidebar-box-shadow;
-    }
-    }
-
-  .e-sidebar-absolute {
-
-    position: absolute;
-
-   }
-
-  .e-sidebar-context {
-
-    overflow-x: hidden;
-    position: relative;
-
-   }
-
-  .e-backdrop {
-
-    background-color: $sidebar-overlay;
-    height: 100%;
-    left: 0;
-    opacity: .5;
-    pointer-events: auto;
-    top: 0;
-    width: auto;
-    z-index: 999;
-
-	}
-
-  .e-content-animation {
-
-    transition: margin .5s ease, -webkit-transform .5s ease, transform .5s ease;
-
-    &.e-overlay {
-      box-sizing: border-box;
-      overflow: auto;
-      user-select: none;
-    }
-}
-
-  .e-disable-interaction {
-    pointer-events: none;
-    touch-action: none;
-  }
-
-  // sass-lint:disable-all
-  .e-sidebar-overflow {
-        overflow-x: hidden !important;
-    }
-  // sass-lint:enable-all
-
-  .e-sidebar-overlay {
-    background-color: $sidebar-overlay;
-    height: 100%;
-    left: 0;
-    opacity: .5;
-    pointer-events: auto;
-    position: fixed;
-    top: 0;
-    width: 100%;
-    z-index: 999;
-
-	}
-
-  .e-content-placeholder.e-sidebar.e-placeholder-sidebar {
-    left: 0;
-    position: fixed;
-    right: auto;
-    top: 0;
-    visibility: visible;
-  }
-
-}
+@include export-module('sidebar-theme') {
+
+  #{&}ejs-sidebar {
+    display: block;
+  }
+
+  .e-sidebar {
+    // sass-lint:disable no-vendor-prefixes
+    -webkit-tap-highlight-color: transparent;
+    background: $sidebar-background;
+    height: 100%;
+    overflow: auto;
+    position: fixed;
+    top: 0;
+    transition: none;
+    vertical-align: middle;
+    visibility: hidden;
+    will-change: transform;
+
+    &.e-right.e-open {
+      transform: translateX(0%);
+      transition: transform .5s ease;
+      visibility: visible;
+        }
+
+    &.e-right.e-close {
+      box-shadow: none;
+      transform: translateX(100%);
+      transition: transform .5s ease, visibility 500ms;
+      visibility: hidden;
+        }
+
+    &.e-left.e-open {
+      transform: translateX(0%);
+      transition: transform .5s ease;
+      visibility: visible;
+	}
+
+    &.e-left.e-transition.e-close,
+    &.e-right.e-transition.e-close {
+      transition: transform .5s ease, visibility 500ms;
+	}
+
+    &.e-left.e-close {
+      box-shadow: none;
+      transform: translateX(-100%);
+      visibility: hidden;
+        }
+
+    &.e-right.e-close {
+      box-shadow: none;
+      transform: translateX(100%);
+      transition: transform .5s ease, visibility 500ms;
+      visibility: hidden;
+        }
+
+    &.e-right {
+      border-left: 1px solid $sidebar-border;
+      left: auto;
+      right: 0;
+      top: 0;
+        }
+
+    &.e-left {
+      border-right: 1px solid $sidebar-border;
+      left: 0;
+      right: auto;
+      top: 0;
+        }
+
+    &.e-left.e-close.e-dock {
+      transform: translateX(0%);
+      transition: width .5s ease, visibility 500ms;
+      visibility: visible;
+    }
+
+    &.e-right.e-close.e-dock {
+      transform: translateX(0%);
+      transition: width .5s ease, visibility 500ms;
+      visibility: visible;
+    }
+
+    &.e-left.e-open.e-disable-animation,
+    &.e-right.e-open.e-disable-animation,
+    &.e-right.e-close.e-disable-animation,
+    &.e-left.e-close.e-disable-animation {
+      transition: none;
+     }
+
+    &.e-visibility {
+      visibility: hidden;
+	}
+
+    &.e-over {
+      box-shadow: $sidebar-box-shadow;
+    }
+    }
+
+  .e-sidebar-absolute {
+
+    position: absolute;
+
+   }
+
+  .e-sidebar-context {
+
+    overflow-x: hidden;
+    position: relative;
+
+   }
+
+  .e-backdrop {
+
+    background-color: $sidebar-overlay;
+    height: 100%;
+    left: 0;
+    opacity: .5;
+    pointer-events: auto;
+    top: 0;
+    width: auto;
+    z-index: 999;
+
+	}
+
+  .e-content-animation {
+
+    transition: margin .5s ease, -webkit-transform .5s ease, transform .5s ease;
+
+    &.e-overlay {
+      box-sizing: border-box;
+      overflow: auto;
+      user-select: none;
+    }
+}
+
+  .e-disable-interaction {
+    pointer-events: none;
+    touch-action: none;
+  }
+
+  // sass-lint:disable-all
+  .e-sidebar-overflow {
+        overflow-x: hidden !important;
+    }
+  // sass-lint:enable-all
+
+  .e-sidebar-overlay {
+    background-color: $sidebar-overlay;
+    height: 100%;
+    left: 0;
+    opacity: .5;
+    pointer-events: auto;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 999;
+
+	}
+
+  .e-content-placeholder.e-sidebar.e-placeholder-sidebar {
+    left: 0;
+    position: fixed;
+    right: auto;
+    top: 0;
+    visibility: visible;
+  }
+
+}

package/styles/sidebar/bootstrap-dark.css

@@ -117,7 +117,6 @@ ejs-sidebar {
   box-sizing: border-box;
   overflow: auto;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }

package/styles/sidebar/bootstrap.css

@@ -117,7 +117,6 @@ ejs-sidebar {
   box-sizing: border-box;
   overflow: auto;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }

package/styles/sidebar/bootstrap4.css

@@ -117,7 +117,6 @@ ejs-sidebar {
   box-sizing: border-box;
   overflow: auto;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }

package/styles/sidebar/fabric-dark.css

@@ -117,7 +117,6 @@ ejs-sidebar {
   box-sizing: border-box;
   overflow: auto;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }

package/styles/sidebar/fabric.css

@@ -117,7 +117,6 @@ ejs-sidebar {
   box-sizing: border-box;
   overflow: auto;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }

package/styles/sidebar/highcontrast-light.css

@@ -117,7 +117,6 @@ ejs-sidebar {
   box-sizing: border-box;
   overflow: auto;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }

package/styles/sidebar/highcontrast.css

@@ -117,7 +117,6 @@ ejs-sidebar {
   box-sizing: border-box;
   overflow: auto;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }

package/styles/sidebar/material-dark.css

@@ -118,7 +118,6 @@ ejs-sidebar {
   box-sizing: border-box;
   overflow: auto;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }

package/styles/sidebar/material.css

@@ -120,7 +120,6 @@ ejs-sidebar {
   box-sizing: border-box;
   overflow: auto;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
 }

package/styles/tab/_all.scss

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