@syncfusion/ej2-navigations 32.1.19 → 32.1.24

package/styles/context-menu/tailwind3.css

@@ -111,6 +111,80 @@
   content: "\e765";
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   font-weight: 400;
@@ -367,6 +441,80 @@
   height: auto;
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 .e-contextmenu-wrapper ul,
 .e-contextmenu-container ul {
   background-color: var(--color-sf-flyout-bg-color);
@@ -420,20 +568,20 @@
 }
 .e-contextmenu-wrapper ul .e-disabled,
 .e-contextmenu-container ul .e-disabled {
-  color: rgba(var(--color-sf-content-text-color), 0.75);
+  color: var(--color-sf-flyout-text-color-disabled);
   opacity: 1;
 }
 .e-contextmenu-wrapper ul .e-disabled .e-menu-icon,
 .e-contextmenu-container ul .e-disabled .e-menu-icon {
-  color: rgba(var(--color-sf-icon-color), 0.65);
+  color: var(--color-sf-icon-color-disabled);
 }
 .e-contextmenu-wrapper ul .e-disabled .e-caret,
 .e-contextmenu-container ul .e-disabled .e-caret {
-  color: rgba(var(--color-sf-icon-color), 0.65);
+  color: var(--color-sf-icon-color-disabled);
 }
 .e-contextmenu-wrapper ul .e-disabled .e-menu-url,
 .e-contextmenu-container ul .e-disabled .e-menu-url {
-  color: rgba(var(--color-sf-content-text-color), 0.75);
+  color: var(--color-sf-flyout-text-color-disabled);
 }
 .e-contextmenu-wrapper ul .e-separator,
 .e-contextmenu-container ul .e-separator {
@@ -450,6 +598,80 @@
   border-color: var(--color-sf-border-light);
 }
 
+
+
+
+
+
+
+
+
+/* Font Family */
+/* border */
+/* 0px */
+/* 1px */
+/* 1.5px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* Radius */
+/* 1px */
+/* 2px */
+/* 3px */
+/* 4px */
+/* 5px */
+/* 6px */
+/* 7px */
+/* 8px */
+/* 9px */
+/* 10px */
+/* 11px */
+/* 12px */
+/* 13px */
+/* 14px */
+/* 15px */
+/* 16px */
+/* 17px */
+/* 18px */
+/* 19px */
+/* 20px */
+/* 21px */
+/* 22px */
+/* 23px */
+/* 24px */
+/* 25px */
+/* 26px */
+/* 27px */
+/* 28px */
+/* 29px */
+/* 30px */
+/* 31px */
+/* 32px */
+/* 33px */
+/* 34px */
+/* 35px */
+/* 36px */
+/* 37px */
+/* 38px */
+/* 39px */
+/* 40px */
+/* 41px */
+/* 42px */
+/* 43px */
+/* 44px */
+/* 45px */
+/* 46px */
+/* 47px */
+/* 48px */
+/* 49px */
+/* 50px */
+/* 5em */
+
+
 .e-bigger .e-contextmenu-wrapper ul,
 .e-bigger.e-contextmenu-wrapper ul,
 .e-bigger .e-contextmenu-container ul,

package/styles/context-menu/tailwind3.scss

@@ -4,5 +4,5 @@
 @use 'ej2-popups/styles/popup/tailwind3-definition' as *;
 @use 'tailwind3-definition' as *;
 @use 'icons/tailwind3' as *;
-@use 'all' as *;
-@use 'bigger' as *;
+@use 'all.tailwind3' as *;
+@use 'bigger.tailwind3' as *;

package/styles/fabric-dark-lite.css

@@ -1085,7 +1085,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.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 {
@@ -6021,6 +6024,7 @@
   content: "\e22a";
 }
 
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -6461,6 +6465,7 @@
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -6633,7 +6638,6 @@
   border-left-color: transparent;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;

package/styles/fabric-dark-lite.scss

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

package/styles/fabric-dark.css

@@ -1348,7 +1348,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.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 {
@@ -7907,6 +7910,7 @@
   content: "\e22a";
 }
 
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -8347,6 +8351,7 @@
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -8519,6 +8524,7 @@
   border-left-color: transparent;
 }
 
+/* stylelint-disable */
 .e-bigger .e-treeview .e-navigable .e-list-text,
 .e-treeview.e-bigger .e-navigable .e-list-text {
   padding: 0;
@@ -8670,7 +8676,6 @@
   font-size: 12px;
 }
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }

package/styles/fabric-dark.scss

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

package/styles/fabric-lite.css

@@ -858,6 +858,7 @@
   line-height: normal;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll layout */
 .e-vscroll {
   display: block;
@@ -961,6 +962,7 @@
   width: 100%;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll theme */
 .e-vscroll .e-icons {
   color: #333;
@@ -1086,7 +1088,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.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 {
@@ -6023,6 +6028,8 @@
   content: "\e22a";
 }
 
+/*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -6463,6 +6470,8 @@
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+/*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -6635,7 +6644,6 @@
   border-left-color: transparent;
 }
 
-/* stylelint-disable-line no-empty-source */
 /* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;

package/styles/fabric-lite.scss

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

package/styles/fabric.css

@@ -1100,6 +1100,7 @@
   line-height: normal;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll layout */
 .e-vscroll {
   display: block;
@@ -1203,6 +1204,7 @@
   width: 100%;
 }
 
+/*! component's theme wise override definitions and variables */
 /*! v-scroll theme */
 .e-vscroll .e-icons {
   color: #333;
@@ -1277,6 +1279,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;
@@ -1349,7 +1352,10 @@
 .e-toolbar.e-hidden {
   display: none;
 }
-.e-toolbar.e-overlay .e-toolbar-item:not(.e-separator):not(.e-spacer) .e-tbar-btn {
+.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 {
@@ -7909,6 +7915,8 @@
   content: "\e22a";
 }
 
+/*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 @-webkit-keyframes rotation {
   from {
@@ -8349,6 +8357,8 @@
 }
 
 /* stylelint-enable property-no-vendor-prefix */
+/*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
 /* stylelint-disable property-no-vendor-prefix */
 .e-treeview {
   -webkit-tap-highlight-color: transparent;
@@ -8521,6 +8531,8 @@
   border-left-color: transparent;
 }
 
+/*! TreeView's fabric theme wise override definitions and variables */
+/* stylelint-disable */
 .e-bigger .e-treeview .e-navigable .e-list-text,
 .e-treeview.e-bigger .e-navigable .e-list-text {
   padding: 0;
@@ -8672,7 +8684,6 @@
   font-size: 12px;
 }
 /* stylelint-disable-line no-empty-source */
-/* stylelint-disable-line no-empty-source */
 ejs-sidebar {
   display: none;
 }