@syncfusion/ej2-navigations 31.2.16 → 32.1.24

package/styles/bootstrap4.css

@@ -840,6 +840,7 @@
   line-height: normal;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! h-scroll layout */
 .e-hscroll {
   display: block;
@@ -958,6 +959,7 @@
   pointer-events: none;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! h-scroll theme */
 .e-hscroll .e-scroll-nav .e-icons {
   color: #333;
@@ -1049,6 +1051,7 @@
   content: "";
 }
 
+/*! component's theme wise override definitions and variables */
 .e-bigger .e-hscroll,
 .e-hscroll.e-bigger {
   min-height: 50px;
@@ -1101,6 +1104,7 @@
   line-height: normal;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll layout */
 .e-vscroll {
   display: block;
@@ -1204,6 +1208,7 @@
   width: 100%;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll theme */
 .e-vscroll .e-icons {
   color: #333;
@@ -1278,6 +1283,7 @@
   content: "";
 }
 
+/*! component's theme wise override definitions and variables */
 .e-bigger .e-vscroll:not(.e-scroll-device),
 .e-vscroll.e-bigger:not(.e-scroll-device) {
   padding: 50px 0;
@@ -1350,6 +1356,12 @@
 .e-toolbar.e-hidden {
   display: none;
 }
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-items {
   border-radius: 4px 0 0 4px;
   display: -webkit-inline-box;
@@ -2236,6 +2248,10 @@
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 1.5px 5.5px;
 }
+.e-bigger .e-toolbar.e-spacer-toolbar.e-pop-mode .e-toolbar-items,
+.e-toolbar.e-bigger.e-spacer-toolbar.e-pop-mode .e-toolbar-items {
+  width: calc(100% - 38px);
+}
 .e-bigger .e-toolbar .e-toolbar-item,
 .e-toolbar.e-bigger .e-toolbar-item {
   min-height: 54px;
@@ -7902,6 +7918,7 @@
   content: "\e797";
 }
 
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -8085,14 +8102,14 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 0;
+  margin-bottom: 0px;
   min-width: 150px;
   vertical-align: bottom;
 }
 .e-treeview .e-list-text .e-input-group .e-input {
   height: 28px;
-  padding-top: 6px;
-  padding-bottom: 6px;
+  padding-top: 0 7px;
+  padding-bottom: 0 7px;
 }
 .e-treeview .e-navigable-text {
   padding: 9px 8px 9px 6px;
@@ -8352,6 +8369,7 @@
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -8536,6 +8554,7 @@
   border-left-color: transparent;
 }
 
+/* stylelint-disable */
 .e-bigger .e-treeview .e-ul,
 .e-bigger .e-treeview .e-list-item .e-ul,
 .e-treeview.e-bigger .e-ul,
@@ -8764,8 +8783,6 @@
 .e-treeview.e-bigger.e-drag-item .e-list-text {
   padding: 2px 12px 0 4px;
 }
-
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
@@ -9253,7 +9270,6 @@ ejs-sidebar {
   display: none;
   font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
   font-size: 14px;
-  font-weight: normal;
   height: 30px;
   line-height: 30px;
   text-align: left;
@@ -9327,7 +9343,7 @@ ejs-sidebar {
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
 .e-menu-container .e-menu-vscroll.e-vscroll:not(.e-scroll-device) {
-  padding: 16px 0;
+  padding: 16px 4px;
 }
 .e-menu-wrapper .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav,
 .e-menu-container .e-menu-vscroll.e-vscroll.e-scroll-device .e-scroll-nav.e-scroll-down-nav {

package/styles/bootstrap4.scss

@@ -1,59 +1,58 @@
-@import 'ej2-base/styles/definition/bootstrap4.scss';
-@import 'pager/bootstrap4-definition.scss';
-@import 'pager/icons/bootstrap4.scss';
-@import 'pager/all.scss';
-@import 'pager/bigger.scss';
-@import 'h-scroll/bootstrap4-definition.scss';
-@import 'h-scroll/icons/bootstrap4.scss';
-@import 'h-scroll/all.scss';
-@import 'h-scroll/bigger.scss';
-@import 'v-scroll/bootstrap4-definition.scss';
-@import 'v-scroll/icons/bootstrap4.scss';
-@import 'v-scroll/all.scss';
-@import 'v-scroll/bigger.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
-@import 'toolbar/bootstrap4-definition.scss';
-@import 'toolbar/icons/bootstrap4.scss';
-@import 'toolbar/all.scss';
-@import 'toolbar/bigger.scss';
-@import 'accordion/bootstrap4-definition.scss';
-@import 'accordion/icons/bootstrap4.scss';
-@import 'accordion/all.scss';
-@import 'accordion/bigger.scss';
-@import 'carousel/bootstrap4-definition.scss';
-@import 'carousel/icons/bootstrap4.scss';
-@import 'carousel/all.scss';
+@use 'pager/bootstrap4-definition' as *;
+@use 'pager/icons/bootstrap4' as *;
+@use 'pager/all.bootstrap4' as *;
+@use 'pager/bigger.bootstrap4' as *;
+@use 'h-scroll/bootstrap4-definition' as *;
+@use 'h-scroll/icons/bootstrap4' as *;
+@use 'h-scroll/all.bootstrap4' as *;
+@use 'h-scroll/bigger.bootstrap4' as *;
+@use 'v-scroll/bootstrap4-definition' as *;
+@use 'v-scroll/icons/bootstrap4' as *;
+@use 'v-scroll/all.bootstrap4' as *;
+@use 'v-scroll/bigger.bootstrap4' as *;
+@use 'ej2-buttons/styles/button/bootstrap4-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap4-definition' as *;
+@use 'toolbar/bootstrap4-definition' as *;
+@use 'toolbar/icons/bootstrap4' as *;
+@use 'toolbar/all.bootstrap4' as *;
+@use 'toolbar/bigger.bootstrap4' as *;
+@use 'accordion/bootstrap4-definition' as *;
+@use 'accordion/icons/bootstrap4' as *;
+@use 'accordion/all.bootstrap4' as *;
+@use 'accordion/bigger.bootstrap4' as *;
+@use 'carousel/bootstrap4-definition' as *;
+@use 'carousel/icons/bootstrap4' as *;
+@use 'carousel/all.bootstrap4' as *;
 
-@import 'context-menu/bootstrap4-definition.scss';
-@import 'context-menu/icons/bootstrap4.scss';
-@import 'context-menu/all.scss';
-@import 'context-menu/bigger.scss';
-@import 'tab/bootstrap4-definition.scss';
-@import 'tab/icons/bootstrap4.scss';
-@import 'tab/all.scss';
-@import 'tab/bigger.scss';
-@import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
-@import 'treeview/bootstrap4-definition.scss';
-@import 'treeview/icons/bootstrap4.scss';
-@import 'treeview/all.scss';
-@import 'treeview/bigger.scss';
-@import 'sidebar/bootstrap4-definition.scss';
-@import 'sidebar/all.scss';
-@import 'menu/bootstrap4-definition.scss';
-@import 'menu/icons/bootstrap4.scss';
-@import 'menu/all.scss';
-@import 'menu/bigger.scss';
-@import 'breadcrumb/bootstrap4-definition.scss';
-@import 'breadcrumb/icons/bootstrap4.scss';
-@import 'breadcrumb/all.scss';
-@import 'breadcrumb/bigger.scss';
-@import 'appbar/bootstrap4-definition.scss';
-@import 'appbar/all.scss';
-@import 'appbar/bigger.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap4-definition.scss';
-@import 'stepper/bootstrap4-definition.scss';
-@import 'stepper/icons/bootstrap4.scss';
-@import 'stepper/all.scss';
-@import 'stepper/bigger.scss';
+@use 'context-menu/bootstrap4-definition' as *;
+@use 'context-menu/icons/bootstrap4' as *;
+@use 'context-menu/all.bootstrap4' as *;
+@use 'context-menu/bigger.bootstrap4' as *;
+@use 'tab/bootstrap4-definition' as *;
+@use 'tab/icons/bootstrap4' as *;
+@use 'tab/all.bootstrap4' as *;
+@use 'tab/bigger.bootstrap4' as *;
+@use 'ej2-inputs/styles/input/bootstrap4-definition' as *;
+@use 'ej2-buttons/styles/check-box/bootstrap4-definition' as *;
+@use 'treeview/bootstrap4-definition' as *;
+@use 'treeview/icons/bootstrap4' as *;
+@use 'treeview/all.bootstrap4' as *;
+@use 'treeview/bigger.bootstrap4' as *;
+@use 'sidebar/bootstrap4-definition' as *;
+@use 'sidebar/all.bootstrap4' as *;
+@use 'menu/bootstrap4-definition' as *;
+@use 'menu/icons/bootstrap4' as *;
+@use 'menu/all.bootstrap4' as *;
+@use 'menu/bigger.bootstrap4' as *;
+@use 'breadcrumb/bootstrap4-definition' as *;
+@use 'breadcrumb/icons/bootstrap4' as *;
+@use 'breadcrumb/all.bootstrap4' as *;
+@use 'breadcrumb/bigger.bootstrap4' as *;
+@use 'appbar/bootstrap4-definition' as *;
+@use 'appbar/all.bootstrap4' as *;
+@use 'appbar/bigger.bootstrap4' as *;
+@use 'ej2-popups/styles/tooltip/bootstrap4-definition' as *;
+@use 'stepper/bootstrap4-definition' as *;
+@use 'stepper/icons/bootstrap4' as *;
+@use 'stepper/all.bootstrap4' as *;
+@use 'stepper/bigger.bootstrap4' as *;

package/styles/bootstrap5-dark-lite.css

@@ -663,6 +663,18 @@
   line-height: normal;
 }
 
+/*! component's theme wise override definitions and variables */
+@keyframes hscroll-popup-shadow {
+  0% {
+    border-color: rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+  }
+}
 /*! h-scroll layout */
 .e-hscroll {
   display: block;
@@ -781,6 +793,18 @@
   pointer-events: none;
 }
 
+/*! component's theme wise override definitions and variables */
+@keyframes hscroll-popup-shadow {
+  0% {
+    border-color: rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+  }
+}
 /*! h-scroll theme */
 .e-hscroll .e-scroll-nav .e-icons {
   color: #adb5bd;
@@ -902,6 +926,7 @@
   line-height: normal;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll layout */
 .e-vscroll {
   display: block;
@@ -1005,6 +1030,7 @@
   width: 100%;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll theme */
 .e-vscroll .e-icons {
   color: #adb5bd;
@@ -1090,6 +1116,7 @@
   line-height: normal;
 }
 
+/* stylelint-disable */
 .e-toolbar {
   border-radius: 0;
   display: block;
@@ -1132,6 +1159,12 @@
 .e-toolbar.e-hidden {
   display: none;
 }
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-items {
   border-radius: 0 0 0 0;
   display: -webkit-inline-box;
@@ -1690,6 +1723,7 @@
   padding-left: 0;
 }
 
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -6039,6 +6073,8 @@
   content: "\e839";
 }
 
+/*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -6222,7 +6258,7 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 0;
+  margin-bottom: 0px;
   min-width: 150px;
   vertical-align: bottom;
 }
@@ -6485,6 +6521,8 @@
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+/*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -6668,7 +6706,6 @@
   border: 1px solid #0d6efd;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
@@ -7154,7 +7191,6 @@ ejs-sidebar {
   display: none;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 18px;
-  font-weight: 400;
   height: 32px;
   line-height: 32px;
   text-align: left;

package/styles/bootstrap5-dark-lite.scss

@@ -1,47 +1,46 @@
-@import 'ej2-base/styles/definition/bootstrap5-dark.scss';
-@import 'pager/bootstrap5-dark-definition.scss';
-@import 'pager/icons/bootstrap5-dark.scss';
-@import 'pager/all.scss';
-@import 'h-scroll/bootstrap5-dark-definition.scss';
-@import 'h-scroll/icons/bootstrap5-dark.scss';
-@import 'h-scroll/all.scss';
-@import 'v-scroll/bootstrap5-dark-definition.scss';
-@import 'v-scroll/icons/bootstrap5-dark.scss';
-@import 'v-scroll/all.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
-@import 'toolbar/bootstrap5-dark-definition.scss';
-@import 'toolbar/icons/bootstrap5-dark.scss';
-@import 'toolbar/all.scss';
-@import 'accordion/bootstrap5-dark-definition.scss';
-@import 'accordion/icons/bootstrap5-dark.scss';
-@import 'accordion/all.scss';
-@import 'carousel/bootstrap5-dark-definition.scss';
-@import 'carousel/icons/bootstrap5-dark.scss';
-@import 'carousel/all.scss';
+@use 'pager/bootstrap5-dark-definition' as *;
+@use 'pager/icons/bootstrap5-dark' as *;
+@use 'pager/all.bootstrap5-dark' as *;
+@use 'h-scroll/bootstrap5-dark-definition' as *;
+@use 'h-scroll/icons/bootstrap5-dark' as *;
+@use 'h-scroll/all.bootstrap5-dark' as *;
+@use 'v-scroll/bootstrap5-dark-definition' as *;
+@use 'v-scroll/icons/bootstrap5-dark' as *;
+@use 'v-scroll/all.bootstrap5-dark' as *;
+@use 'ej2-buttons/styles/button/bootstrap5-dark-definition' as *;
+@use 'ej2-popups/styles/popup/bootstrap5-dark-definition' as *;
+@use 'toolbar/bootstrap5-dark-definition' as *;
+@use 'toolbar/icons/bootstrap5-dark' as *;
+@use 'toolbar/all.bootstrap5-dark' as *;
+@use 'accordion/bootstrap5-dark-definition' as *;
+@use 'accordion/icons/bootstrap5-dark' as *;
+@use 'accordion/all.bootstrap5-dark' as *;
+@use 'carousel/bootstrap5-dark-definition' as *;
+@use 'carousel/icons/bootstrap5-dark' as *;
+@use 'carousel/all.bootstrap5-dark' as *;
 
-@import 'context-menu/bootstrap5-dark-definition.scss';
-@import 'context-menu/icons/bootstrap5-dark.scss';
-@import 'context-menu/all.scss';
-@import 'tab/bootstrap5-dark-definition.scss';
-@import 'tab/icons/bootstrap5-dark.scss';
-@import 'tab/all.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
-@import 'treeview/bootstrap5-dark-definition.scss';
-@import 'treeview/icons/bootstrap5-dark.scss';
-@import 'treeview/all.scss';
-@import 'sidebar/bootstrap5-dark-definition.scss';
-@import 'sidebar/all.scss';
-@import 'menu/bootstrap5-dark-definition.scss';
-@import 'menu/icons/bootstrap5-dark.scss';
-@import 'menu/all.scss';
-@import 'breadcrumb/bootstrap5-dark-definition.scss';
-@import 'breadcrumb/icons/bootstrap5-dark.scss';
-@import 'breadcrumb/all.scss';
-@import 'appbar/bootstrap5-dark-definition.scss';
-@import 'appbar/all.scss';
-@import 'ej2-popups/styles/tooltip/bootstrap5-dark-definition.scss';
-@import 'stepper/bootstrap5-dark-definition.scss';
-@import 'stepper/icons/bootstrap5-dark.scss';
-@import 'stepper/all.scss';
+@use 'context-menu/bootstrap5-dark-definition' as *;
+@use 'context-menu/icons/bootstrap5-dark' as *;
+@use 'context-menu/all.bootstrap5-dark' as *;
+@use 'tab/bootstrap5-dark-definition' as *;
+@use 'tab/icons/bootstrap5-dark' as *;
+@use 'tab/all.bootstrap5-dark' as *;
+@use 'ej2-inputs/styles/input/bootstrap5-dark-definition' as *;
+@use 'ej2-buttons/styles/check-box/bootstrap5-dark-definition' as *;
+@use 'treeview/bootstrap5-dark-definition' as *;
+@use 'treeview/icons/bootstrap5-dark' as *;
+@use 'treeview/all.bootstrap5-dark' as *;
+@use 'sidebar/bootstrap5-dark-definition' as *;
+@use 'sidebar/all.bootstrap5-dark' as *;
+@use 'menu/bootstrap5-dark-definition' as *;
+@use 'menu/icons/bootstrap5-dark' as *;
+@use 'menu/all.bootstrap5-dark' as *;
+@use 'breadcrumb/bootstrap5-dark-definition' as *;
+@use 'breadcrumb/icons/bootstrap5-dark' as *;
+@use 'breadcrumb/all.bootstrap5-dark' as *;
+@use 'appbar/bootstrap5-dark-definition' as *;
+@use 'appbar/all.bootstrap5-dark' as *;
+@use 'ej2-popups/styles/tooltip/bootstrap5-dark-definition' as *;
+@use 'stepper/bootstrap5-dark-definition' as *;
+@use 'stepper/icons/bootstrap5-dark' as *;
+@use 'stepper/all.bootstrap5-dark' as *;

package/styles/bootstrap5-dark.css

@@ -882,6 +882,18 @@
   line-height: normal;
 }
 
+/*! component's theme wise override definitions and variables */
+@keyframes hscroll-popup-shadow {
+  0% {
+    border-color: rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+  }
+}
 /*! h-scroll layout */
 .e-hscroll {
   display: block;
@@ -1000,6 +1012,18 @@
   pointer-events: none;
 }
 
+/*! component's theme wise override definitions and variables */
+@keyframes hscroll-popup-shadow {
+  0% {
+    border-color: rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+  }
+}
 /*! h-scroll theme */
 .e-hscroll .e-scroll-nav .e-icons {
   color: #adb5bd;
@@ -1104,6 +1128,18 @@
   visibility: visible;
 }
 
+/*! component's theme wise override definitions and variables */
+@keyframes hscroll-popup-shadow {
+  0% {
+    border-color: rgba(255, 255, 255, 0.5);
+    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
+  }
+  100% {
+    -webkit-box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+            box-shadow: 0 0 0 200px rgba(255, 255, 255, 0.12);
+  }
+}
 .e-bigger .e-hscroll,
 .e-hscroll.e-bigger {
   min-height: 46px;
@@ -1156,6 +1192,7 @@
   line-height: normal;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll layout */
 .e-vscroll {
   display: block;
@@ -1259,6 +1296,7 @@
   width: 100%;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll theme */
 .e-vscroll .e-icons {
   color: #adb5bd;
@@ -1333,6 +1371,7 @@
   content: "";
 }
 
+/*! component's theme wise override definitions and variables */
 .e-bigger .e-vscroll:not(.e-scroll-device),
 .e-vscroll.e-bigger:not(.e-scroll-device) {
   padding: 48px 0;
@@ -1365,6 +1404,7 @@
   line-height: normal;
 }
 
+/* stylelint-disable */
 .e-toolbar {
   border-radius: 0;
   display: block;
@@ -1407,6 +1447,12 @@
 .e-toolbar.e-hidden {
   display: none;
 }
+.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) > * {
+  pointer-events: none;
+}
+.e-toolbar.e-overlay.e-extended-toolbar .e-toolbar-items .e-toolbar-item.e-toolbar-item > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-items {
   border-radius: 0 0 0 0;
   display: -webkit-inline-box;
@@ -1965,6 +2011,7 @@
   padding-left: 0;
 }
 
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
@@ -2249,6 +2296,7 @@
   border-width: 0 0 0 0;
 }
 
+/* stylelint-disable */
 .e-bigger .e-toolbar,
 .e-toolbar.e-bigger {
   height: 46px;
@@ -2295,6 +2343,10 @@
 .e-toolbar.e-bigger .e-toolbar-items .e-toolbar-item .e-tbar-btn.e-btn.e-control:active {
   padding: 0 8px;
 }
+.e-bigger .e-toolbar.e-spacer-toolbar.e-pop-mode .e-toolbar-items,
+.e-toolbar.e-bigger.e-spacer-toolbar.e-pop-mode .e-toolbar-items {
+  width: calc(100% - 36px);
+}
 .e-bigger .e-toolbar .e-toolbar-item,
 .e-toolbar.e-bigger .e-toolbar-item {
   min-height: 46px;
@@ -7934,6 +7986,8 @@
   content: "\e839";
 }
 
+/*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -8117,7 +8171,7 @@
 }
 .e-treeview .e-list-text .e-input-group {
   height: 30px;
-  margin-bottom: 0;
+  margin-bottom: 0px;
   min-width: 150px;
   vertical-align: bottom;
 }
@@ -8380,6 +8434,8 @@
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+/*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -8563,6 +8619,8 @@
   border: 1px solid #0d6efd;
 }
 
+/*! TreeView's bootstrap5 theme wise override definitions and variables */
+/* stylelint-disable */
 .e-bigger .e-treeview .e-ul,
 .e-treeview.e-bigger .e-ul {
   padding: 0 0 0 16px;
@@ -8817,7 +8875,6 @@
   font-size: 24px;
 }
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }
@@ -9302,7 +9359,6 @@ ejs-sidebar {
   display: none;
   font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   font-size: 18px;
-  font-weight: 400;
   height: 32px;
   line-height: 32px;
   text-align: left;