@syncfusion/ej2-navigations 28.1.41 → 28.2.3-1479479

package/styles/toolbar/bootstrap5-dark.css

@@ -233,6 +233,9 @@
   min-width: 28px;
   padding: 4px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 5px 10px;
   min-height: 24px;
@@ -248,6 +251,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -410,6 +416,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -523,6 +532,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -536,12 +548,18 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }
 .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-right: 8px;
 }
+.e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  margin-left: 8px;
+}
 .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 4px;
 }
@@ -572,6 +590,7 @@
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
   margin-left: 0;
+  margin-right: 8px;
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
   margin-left: 8px;
@@ -579,11 +598,13 @@
 .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
+.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
+  margin-right: 0;
+}
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 0;
+  margin-left: 8px;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
   margin-right: 8px;
 }
@@ -615,16 +636,16 @@
 /* stylelint-disable property-no-vendor-prefix */
 .e-toolbar {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  background: #282d31;
-  border: 0 solid #444c54;
+  background: rgb(26.177027027, 29.35, 32.522972973);
+  border: 0 solid rgb(68.0034482759, 75.85, 83.6965517241);
   -webkit-box-shadow: none;
           box-shadow: none;
 }
 .e-toolbar .e-toolbar-items {
-  background: #282d31;
+  background: rgb(26.177027027, 29.35, 32.522972973);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn {
-  background: #282d31;
+  background: rgb(26.177027027, 29.35, 32.522972973);
   -webkit-box-shadow: none;
           box-shadow: none;
   color: #fff;
@@ -637,7 +658,7 @@
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active {
-  background: #565e64;
+  background: rgb(86.4, 93.6, 100);
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -645,18 +666,18 @@
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn.e-flat.e-active:focus {
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-radius: 4px;
   color: #adb5bd;
   border-color: #adb5bd;
   border-style: solid;
   border-width: 0;
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
   color: #fff;
@@ -666,7 +687,7 @@
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-color: #adb5bd;
   border-style: solid;
   border-width: 0;
@@ -687,8 +708,8 @@
   color: #fff;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active {
-  background: #565e64;
-  border-color: #444c54;
+  background: rgb(86.4, 93.6, 100);
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border-style: solid;
   border-width: 0;
   border-radius: 4px;
@@ -703,11 +724,11 @@
   color: #fff;
 }
 .e-toolbar .e-toolbar-item.e-separator {
-  border: solid #444c54;
+  border: solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-width: 0 1px 0 0;
 }
 .e-toolbar .e-toolbar-item.e-overlay {
-  background: #282d31;
+  background: rgb(26.177027027, 29.35, 32.522972973);
   opacity: 0.5;
   color: #ced4da;
 }
@@ -718,19 +739,19 @@
   color: #ced4da;
 }
 .e-toolbar.e-vertical .e-hor-nav {
-  border: solid #444c54;
+  border: solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-width: 0 0 0 0;
 }
 .e-toolbar.e-vertical.e-rtl .e-hor-nav {
-  border: solid #444c54;
+  border: solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-width: 0 0 0 0;
 }
 .e-toolbar.e-vertical .e-toolbar-items .e-toolbar-item.e-separator {
   border-width: 0 0 1px 0;
 }
 .e-toolbar .e-hor-nav {
-  background: #282d31;
-  border: solid #444c54;
+  background: rgb(26.177027027, 29.35, 32.522972973);
+  border: solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-width: 0 0 0 0;
 }
 .e-toolbar .e-hor-nav::after {
@@ -744,7 +765,7 @@
   -webkit-box-shadow: none;
           box-shadow: none;
   color: #ced4da;
-  background: #282d31;
+  background: rgb(26.177027027, 29.35, 32.522972973);
 }
 .e-toolbar .e-hor-nav:active .e-icons {
   color: #adb5bd;
@@ -753,7 +774,7 @@
   content: "";
 }
 .e-toolbar .e-hor-nav:hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-left: 0;
   color: #fff;
 }
@@ -761,18 +782,18 @@
   color: inherit;
 }
 .e-toolbar .e-hor-nav:hover:not(.e-nav-active) {
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border-style: solid;
   border-width: 0;
 }
 .e-toolbar .e-hor-nav:hover:active {
-  background: #5c636a;
-  border-color: #444c54;
+  background: rgb(91.8, 99.45, 106.25);
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border-style: solid;
   border-width: 0;
 }
 .e-toolbar .e-hor-nav:focus {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   color: #fff;
   border-color: #adb5bd;
   border-style: solid;
@@ -783,16 +804,16 @@
 }
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav) {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   -webkit-box-shadow: none;
           box-shadow: none;
-  border-color: #5c636a;
+  border-color: rgb(91.8, 99.45, 106.25);
   border-style: solid;
   border-width: 0;
 }
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:focus,
 .e-toolbar.e-toolpop .e-hor-nav.e-nav-active:not(.e-expended-nav):focus {
-  border-color: #5c636a;
+  border-color: rgb(91.8, 99.45, 106.25);
   border-style: solid;
   border-width: 0;
 }
@@ -806,7 +827,7 @@
 }
 .e-toolbar .e-toolbar-pop {
   background: #343a40;
-  border: 0 solid #444c54;
+  border: 0 solid rgb(68.0034482759, 75.85, 83.6965517241);
   -webkit-box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
           box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
 }
@@ -814,7 +835,7 @@
   background: transparent;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   -webkit-box-shadow: none;
           box-shadow: none;
   border-color: #adb5bd;
@@ -822,15 +843,15 @@
   border-width: 0;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
-  background: #565e64;
+  background: rgb(86.4, 93.6, 100);
   -webkit-box-shadow: none;
           box-shadow: none;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border-style: solid;
   border-width: 0;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-color: #adb5bd;
   border-style: solid;
   border-width: 0;
@@ -844,55 +865,55 @@
   background: transparent;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn {
-  background: #282d31;
+  background: rgb(26.177027027, 29.35, 32.522972973);
   -webkit-box-shadow: none;
           box-shadow: none;
   border: none;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-radius: 4px;
   border-color: #adb5bd;
   border-style: solid;
   border-width: 0;
-  -webkit-box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
-          box-shadow: 0 0 0 4px rgba(130, 138, 145, 0.5);
+  -webkit-box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
+          box-shadow: 0 0 0 4px rgba(130.05, 137.7, 144.5, 0.5);
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   border-radius: 4px;
   border-color: #adb5bd;
   border-style: solid;
   border-width: 0;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
-  background: #565e64;
+  background: rgb(86.4, 93.6, 100);
   border-radius: 4px;
   -webkit-box-shadow: none;
           box-shadow: none;
-  border-color: #444c54;
+  border-color: rgb(68.0034482759, 75.85, 83.6965517241);
   border-style: solid;
   border-width: 0;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-separator {
-  border: solid #444c54;
+  border: solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-width: 0 1px 0 0;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item.e-overlay {
-  background: #282d31;
+  background: rgb(26.177027027, 29.35, 32.522972973);
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-pop {
-  background: #282d31;
+  background: rgb(26.177027027, 29.35, 32.522972973);
 }
 .e-toolbar.e-rtl .e-hor-nav {
-  background: #282d31;
-  border: solid #444c54;
+  background: rgb(26.177027027, 29.35, 32.522972973);
+  border: solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-width: 0 0 0 0;
 }
 .e-toolbar.e-rtl .e-hor-nav:not(.e-nav-active):hover {
-  background: #5c636a;
+  background: rgb(91.8, 99.45, 106.25);
   color: #adb5bd;
-  border: solid #444c54;
+  border: solid rgb(68.0034482759, 75.85, 83.6965517241);
   border-width: 0 0 0 0;
 }
 

package/styles/toolbar/bootstrap5.3.css

@@ -237,6 +237,9 @@
   min-width: 28px;
   padding: 4px;
 }
+.e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer), .e-toolbar .e-toolbar-item.e-overlay > * {
+  pointer-events: none;
+}
 .e-toolbar .e-toolbar-item.e-separator {
   margin: 5px 10px;
   min-height: 24px;
@@ -252,6 +255,9 @@
 .e-toolbar .e-toolbar-item > * {
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-item.e-hidden {
   display: none;
 }
@@ -414,6 +420,9 @@
   min-width: 100%;
   text-overflow: ellipsis;
 }
+.e-toolbar .e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar .e-toolbar-pop .e-toolbar-item.e-tbtn-align .e-btn.e-control .e-icons.e-btn-icon {
   min-width: 100%;
 }
@@ -527,6 +536,9 @@
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-separator) {
   height: auto;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended.e-toolbar-pop .e-toolbar-item > * {
   -ms-flex-item-align: center;
       align-self: center;
@@ -540,12 +552,18 @@
   display: -ms-inline-flexbox;
   display: inline-flex;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-items .e-toolbar-item:not(.e-overlay) > * {
+  pointer-events: auto;
+}
 .e-toolbar.e-extended-toolbar .e-hor-nav.e-ie-align {
   display: table;
 }
 .e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-right: 8px;
 }
+.e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  margin-left: 8px;
+}
 .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 4px;
 }
@@ -576,6 +594,7 @@
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
   margin-left: 0;
+  margin-right: 8px;
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
   margin-left: 8px;
@@ -583,11 +602,13 @@
 .e-toolbar.e-rtl .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:first-child {
   margin-left: 0;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child,
+.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:last-child {
+  margin-right: 0;
+}
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:last-child {
   margin-right: 0;
+  margin-left: 8px;
 }
-.e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-item:last-child:first-child,
 .e-toolbar.e-rtl .e-toolbar-items:first-child > .e-toolbar-right .e-toolbar-item:first-child {
   margin-right: 8px;
 }
@@ -842,8 +863,8 @@
   border-color: var(--color-sf-icon-color);
   border-style: solid;
   border-width: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
+          box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text,
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:focus .e-icons.e-btn-icon {
@@ -870,6 +891,10 @@
   -webkit-box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
           box-shadow: 0 0 0 4px rgba(var(--color-sf-secondary-shadow), 0.5);
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-tbar-btn-text,
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:focus .e-icons.e-btn-icon {
+  color: var(--color-sf-icon-color);
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover {
   background: var(--color-sf-secondary-bg-color-hover);
   border-radius: 4px;
@@ -877,6 +902,10 @@
   border-style: solid;
   border-width: 0;
 }
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text,
+.e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:hover .e-icons.e-btn-icon {
+  color: var(--color-sf-primary-text-color);
+}
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
   background: var(--color-sf-secondary-bg-color-pressed);
   border-radius: 4px;