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

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

@@ -1,52 +1,52 @@
-$cmenu-back-icon: '\e977' !default;
-$cmenu-back-icon-margin: 16px !default;
-$cmenu-bigger-caret-font-size: 12px !default;
-$cmenu-bigger-font-size: 15px !default;
-$cmenu-bigger-li-height: 48px !default;
-$cmenu-bigger-max-width: 280px !default;
-$cmenu-bigger-min-width: 112px !default;
-$cmenu-blank-icon: 40px !default;
-$cmenu-blank-icon-bigger: 42px !default;
-$cmenu-caret-font-size: 11px !default;
-$cmenu-caret-color: rgba($grey-light-font, .54) !default;
-$cmenu-caret-icon: '\e956' !default;
-$cmenu-caret-icon-rtl: '\e937' !default;
-$cmenu-caret-li-padding: 36px !default;
-$cmenu-caret-right: 8px !default;
-$cmenu-caret-blank-icon: 16px !default;
-$cmenu-color: rgba($grey-light-font, .87) !default;
-$cmenu-disable-text: rgba($grey-light-font, .38) !default;
-$cmenu-font-size: 14px !default;
-$cmenu-font-weight: normal !default;
-$cmenu-icon-margin-right: 10px !default;
-$cmenu-li-bgcolor: $grey-200 !default;
-$cmenu-li-border-color: rgba($grey-light-font, .12) !default;
-$cmenu-li-border-style: solid !default;
-$cmenu-li-border-width: 1px !default;
-$cmenu-li-height: 36px !default;
-$cmenu-li-padding: 0 16px !default;
-$cmenu-li-right-padding: 16px !default;
-$cmenu-li-selection-bgcolor:  $grey-200 !default;
-$cmenu-li-selection-font-color: rgba($grey-light-font, .87) !default;
-$cmenu-li-hover-outline-offset: 0 !default;
-$cmenu-li-selected-outline: 0 solid $cmenu-li-selection-bgcolor !default;
-$cmenu-li-selected-outline-offset: 0 !default;
-$cmenu-max-width: 240px !default;
-$cmenu-icon-color: rgba($grey-light-font, .54) !default;
-$cmenu-icon-disabled-color: rgba($grey-light-font, .38) !default;
-$cmenu-icon-font-size: 14px !default;
-$cmenu-icon-bigger-font-size: 16px !default;
-$cmenu-min-width: 120px !default;
-$cmenu-parent-ul-box-shadow: 0 3px 8px 0 rgba($grey-black, .26) !default;
-$cmenu-seperator-padding: 8px 0 !default;
-$cmenu-seperator-bigger-padding: 8px 0 !default;
-$cmenu-selected-color: rgba($grey-light-font, .87) !default;
-$cmenu-sub-ul-box-shadow: 0 8px 10px 0 rgba($grey-black, .24) !default;
-$cmenu-ul-bgcolor: $grey-white !default;
-$cmenu-ul-border-radius: 0 !default;
-$cmenu-ul-border: none !default;
-$cmenu-ul-padding: 8px 0 !default;
-$cmenu-ul-bigger-padding: 8px 0 !default;
-$cmenu-li-hover-outline: 0 solid $cmenu-li-border-color !default;
-$cmenu-caret-hover-color: $cmenu-caret-color !default;
-$cmenu-hover-icon-color: $cmenu-icon-color !default;
+$cmenu-back-icon: '\e977' !default;
+$cmenu-back-icon-margin: 16px !default;
+$cmenu-bigger-caret-font-size: 12px !default;
+$cmenu-bigger-font-size: 15px !default;
+$cmenu-bigger-li-height: 48px !default;
+$cmenu-bigger-max-width: 280px !default;
+$cmenu-bigger-min-width: 112px !default;
+$cmenu-blank-icon: 40px !default;
+$cmenu-blank-icon-bigger: 42px !default;
+$cmenu-caret-font-size: 11px !default;
+$cmenu-caret-color: rgba($grey-light-font, .54) !default;
+$cmenu-caret-icon: '\e956' !default;
+$cmenu-caret-icon-rtl: '\e937' !default;
+$cmenu-caret-li-padding: 36px !default;
+$cmenu-caret-right: 8px !default;
+$cmenu-caret-blank-icon: 16px !default;
+$cmenu-color: rgba($grey-light-font, .87) !default;
+$cmenu-disable-text: rgba($grey-light-font, .38) !default;
+$cmenu-font-size: 14px !default;
+$cmenu-font-weight: normal !default;
+$cmenu-icon-margin-right: 10px !default;
+$cmenu-li-bgcolor: $grey-200 !default;
+$cmenu-li-border-color: rgba($grey-light-font, .12) !default;
+$cmenu-li-border-style: solid !default;
+$cmenu-li-border-width: 1px !default;
+$cmenu-li-height: 36px !default;
+$cmenu-li-padding: 0 16px !default;
+$cmenu-li-right-padding: 16px !default;
+$cmenu-li-selection-bgcolor:  $grey-200 !default;
+$cmenu-li-selection-font-color: rgba($grey-light-font, .87) !default;
+$cmenu-li-hover-outline-offset: 0 !default;
+$cmenu-li-selected-outline: 0 solid $cmenu-li-selection-bgcolor !default;
+$cmenu-li-selected-outline-offset: 0 !default;
+$cmenu-max-width: 240px !default;
+$cmenu-icon-color: rgba($grey-light-font, .54) !default;
+$cmenu-icon-disabled-color: rgba($grey-light-font, .38) !default;
+$cmenu-icon-font-size: 14px !default;
+$cmenu-icon-bigger-font-size: 16px !default;
+$cmenu-min-width: 120px !default;
+$cmenu-parent-ul-box-shadow: 0 5px 5px -3px rgba($grey-black, .2), 0 8px 10px 1px rgba($grey-black, .14), 0 3px 14px 2px rgba($grey-black, .12) !default;
+$cmenu-seperator-padding: 8px 0 !default;
+$cmenu-seperator-bigger-padding: 8px 0 !default;
+$cmenu-selected-color: rgba($grey-light-font, .87) !default;
+$cmenu-sub-ul-box-shadow: 0 5px 5px -3px rgba($grey-black, .2), 0 8px 10px 1px rgba($grey-black, .14), 0 3px 14px 2px rgba($grey-black, .12) !default;
+$cmenu-ul-bgcolor: $grey-white !default;
+$cmenu-ul-border-radius: 0 !default;
+$cmenu-ul-border: none !default;
+$cmenu-ul-padding: 8px 0 !default;
+$cmenu-ul-bigger-padding: 8px 0 !default;
+$cmenu-li-hover-outline: 0 solid $cmenu-li-border-color !default;
+$cmenu-caret-hover-color: $cmenu-caret-color !default;
+$cmenu-hover-icon-color: $cmenu-icon-color !default;

package/styles/context-menu/_theme-mixin.scss

@@ -1,59 +1,59 @@
-@mixin focused-icon-color {
-  & .e-caret {
-    color: $cmenu-caret-color;
-  }
-
-  & .e-menu-icon {
-    color: $cmenu-icon-color;
-  }
-}
-
-@mixin selected-icon-color {
-  & .e-caret {
-    color: $cmenu-caret-hover-color;
-  }
-
-  & .e-menu-icon {
-    color: $cmenu-hover-icon-color;
-  }
-}
-
-@mixin icon-color {
-  &.e-menu-header {
-    border-bottom-color: $cmenu-li-border-color;
-  }
-  @include focused-icon-color;
-}
-
-@mixin focused-color {
-  background-color: $cmenu-li-bgcolor;
-  color: $cmenu-li-selection-font-color;
-  outline: $cmenu-li-hover-outline;
-  outline-offset: $cmenu-li-hover-outline-offset;
-}
-
-@mixin selected-color {
-  background-color: $cmenu-li-selection-bgcolor;
-  color: $cmenu-selected-color;
-  outline: $cmenu-li-selected-outline;
-  outline-offset: $cmenu-li-selected-outline-offset;
-}
-
-@mixin disabled-color {
-  & .e-disabled {
-    color: $cmenu-disable-text;
-    opacity: 1;
-
-    & .e-menu-icon {
-      color: $cmenu-icon-disabled-color;
-    }
-
-    & .e-caret {
-      color: $cmenu-icon-disabled-color;
-    }
-
-    & .e-menu-url {
-      color: $cmenu-disable-text;
-    }
-  }
-}
+@mixin focused-icon-color {
+  & .e-caret {
+    color: $cmenu-caret-color;
+  }
+
+  & .e-menu-icon {
+    color: $cmenu-icon-color;
+  }
+}
+
+@mixin selected-icon-color {
+  & .e-caret {
+    color: $cmenu-caret-hover-color;
+  }
+
+  & .e-menu-icon {
+    color: $cmenu-hover-icon-color;
+  }
+}
+
+@mixin icon-color {
+  &.e-menu-header {
+    border-bottom-color: $cmenu-li-border-color;
+  }
+  @include focused-icon-color;
+}
+
+@mixin focused-color {
+  background-color: $cmenu-li-bgcolor;
+  color: $cmenu-li-selection-font-color;
+  outline: $cmenu-li-hover-outline;
+  outline-offset: $cmenu-li-hover-outline-offset;
+}
+
+@mixin selected-color {
+  background-color: $cmenu-li-selection-bgcolor;
+  color: $cmenu-selected-color;
+  outline: $cmenu-li-selected-outline;
+  outline-offset: $cmenu-li-selected-outline-offset;
+}
+
+@mixin disabled-color {
+  & .e-disabled {
+    color: $cmenu-disable-text;
+    opacity: 1;
+
+    & .e-menu-icon {
+      color: $cmenu-icon-disabled-color;
+    }
+
+    & .e-caret {
+      color: $cmenu-icon-disabled-color;
+    }
+
+    & .e-menu-url {
+      color: $cmenu-disable-text;
+    }
+  }
+}

package/styles/context-menu/_theme.scss

@@ -1,36 +1,36 @@
-@import 'theme-mixin.scss';
-@include export-module('contextmenu-theme') {
-  /*! contextmenu theme */
-  .e-contextmenu-wrapper {
-    @at-root {
-      & ul {
-        background-color: $cmenu-ul-bgcolor;
-        color: $cmenu-color;
-
-        & .e-menu-item  {
-          @include icon-color;
-
-          & .e-menu-url {
-            color: $cmenu-color;
-          }
-
-          &.e-focused {
-            @include focused-color;
-            @include focused-icon-color;
-          }
-
-          &.e-selected {
-            @include selected-color;
-            @include selected-icon-color;
-          }
-        }
-
-        @include disabled-color;
-
-        & .e-separator {
-          border-bottom-color: $cmenu-li-border-color;
-        }
-      }
-    }
-  }
-}
+@import 'theme-mixin.scss';
+@include export-module('contextmenu-theme') {
+  /*! contextmenu theme */
+  .e-contextmenu-wrapper {
+    @at-root {
+      & ul {
+        background-color: $cmenu-ul-bgcolor;
+        color: $cmenu-color;
+
+        & .e-menu-item  {
+          @include icon-color;
+
+          & .e-menu-url {
+            color: $cmenu-color;
+          }
+
+          &.e-focused {
+            @include focused-color;
+            @include focused-icon-color;
+          }
+
+          &.e-selected {
+            @include selected-color;
+            @include selected-icon-color;
+          }
+        }
+
+        @include disabled-color;
+
+        & .e-separator {
+          border-bottom-color: $cmenu-li-border-color;
+        }
+      }
+    }
+  }
+}

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

@@ -20,7 +20,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/bootstrap.css

@@ -20,7 +20,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/bootstrap4.css

@@ -20,7 +20,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/fabric-dark.css

@@ -20,7 +20,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/fabric.css

@@ -20,7 +20,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/highcontrast-light.css

@@ -20,7 +20,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/highcontrast.css

@@ -20,7 +20,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/icons/_bootstrap-dark.scss

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

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

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

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

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

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

@@ -1,30 +1,30 @@
-@include export-module('context-menu-fabric-dark-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-fabric-dark-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/_fabric.scss

@@ -1,30 +1,30 @@
-@include export-module('context-menu-fabric-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-fabric-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';
+      }
+    }
+  }
+}