@syncfusion/ej2-navigations 28.1.39 → 28.2.3-1479479

package/styles/fabric.css

@@ -67,6 +67,9 @@
   padding-right: 10px;
   padding-top: 11px;
 }
+.e-pager div.e-parentmsgbar span.e-rightalign {
+  text-align: right;
+}
 .e-pager .e-pagesizes {
   display: inline;
 }
@@ -291,6 +294,12 @@
 }
 @media (max-width: 769px) {
   .e-pager {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-align: center;
+        -ms-flex-align: center;
+            align-items: center;
     padding: 13px 0;
   }
   .e-pager div.e-parentmsgbar {
@@ -464,7 +473,8 @@
   .e-pager.e-rtl.e-rtl div.e-parentmsgbar {
     float: initial;
     margin-left: 0;
-    margin-top: 6px;
+    margin-top: 0;
+    padding-top: 0;
   }
   .e-pager.e-rtl .e-parentmsgbar {
     float: right;
@@ -559,7 +569,7 @@
 }
 .e-pager .e-currentitem,
 .e-pager .e-currentitem:hover {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
   color: #333;
   opacity: 1;
 }
@@ -575,7 +585,7 @@
   background-color: #f4f4f4;
 }
 .e-pager .e-currentitem.e-numericitem.e-focused {
-  background: #b7e0ff;
+  background: rgb(183.4, 223.5495327103, 255);
   -webkit-box-shadow: 0 0 0 1px #666 inset;
           box-shadow: 0 0 0 1px #666 inset;
 }
@@ -724,14 +734,14 @@
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 6px;
+    margin-top: 0;
   }
 }
 @media (max-width: 769px) {
   .e-bigger .e-pager.e-rtl div.e-parentmsgbar,
   .e-pager.e-bigger.e-rtl div.e-parentmsgbar {
     margin-left: 0;
-    margin-top: 6px;
+    margin-top: 0;
   }
 }
 .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
@@ -833,7 +843,7 @@
 .e-hscroll {
   display: block;
   position: relative;
-  width: inherit;
+  width: 100%;
 }
 .e-hscroll.e-rtl.e-scroll-device {
   padding-left: 50px;
@@ -1013,7 +1023,7 @@
   color: #333;
 }
 .e-hscroll:not(.e-scroll-device) .e-scroll-nav:active {
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
   border: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1245,7 +1255,7 @@
   color: #333;
 }
 .e-vscroll:not(.e-scroll-device) .e-scroll-nav:active {
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
   border: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
@@ -1497,6 +1507,9 @@
   min-width: 34px;
   padding: 0 1px;
 }
+.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: 7.5px 3px;
   min-height: 24px;
@@ -1512,6 +1525,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;
 }
@@ -1674,6 +1690,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%;
 }
@@ -1787,6 +1806,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;
@@ -1800,12 +1822,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: 3px;
 }
+.e-toolbar.e-rtl:not(.e-spacer-toolbar) .e-toolbar-items:not(.e-tbar-pos) .e-toolbar-item:last-child {
+  margin-left: 3px;
+}
 .e-toolbar.e-rtl .e-toolbar-item .e-tbar-btn.e-tbtn-txt .e-icons.e-btn-icon {
   padding: 0 12px 0 0;
 }
@@ -1836,6 +1864,7 @@
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:first-child {
   margin-left: 0;
+  margin-right: 3px;
 }
 .e-toolbar.e-rtl .e-toolbar-items .e-toolbar-left .e-toolbar-item:last-child {
   margin-left: 3px;
@@ -1843,11 +1872,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: 3px;
 }
-.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: 3px;
 }
@@ -1949,8 +1980,8 @@
   color: #333;
 }
 .e-toolbar .e-toolbar-item .e-tbar-btn:active {
-  background: #d1ebff;
-  border-color: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
+  border-color: rgb(208.9, 234.7504672897, 255);
   border-style: solid;
   border-width: 0;
   border-radius: 0;
@@ -2045,16 +2076,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: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
   -webkit-box-shadow: none;
           box-shadow: none;
-  border-color: #d1ebff;
+  border-color: rgb(208.9, 234.7504672897, 255);
   border-style: solid;
   border-width: 0 0 0 1px;
 }
 .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: #d1ebff;
+  border-color: rgb(208.9, 234.7504672897, 255);
   border-style: solid;
   border-width: 0 0 0 1px;
 }
@@ -2084,10 +2115,10 @@
   border-width: 0;
 }
 .e-toolbar .e-toolbar-pop .e-toolbar-item .e-tbar-btn:active {
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
   -webkit-box-shadow: none;
           box-shadow: none;
-  border-color: #d1ebff;
+  border-color: rgb(208.9, 234.7504672897, 255);
   border-style: solid;
   border-width: 0;
 }
@@ -2128,11 +2159,11 @@
   border-width: 0;
 }
 .e-toolbar.e-extended-toolbar .e-toolbar-extended .e-toolbar-item .e-tbar-btn:active {
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
   border-radius: 0;
   -webkit-box-shadow: none;
           box-shadow: none;
-  border-color: #d1ebff;
+  border-color: rgb(208.9, 234.7504672897, 255);
   border-style: solid;
   border-width: 0;
 }
@@ -2636,7 +2667,7 @@
   border-width: 1px 0 1px 0;
 }
 .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state {
-  border-top: 1px solid #d1ebff;
+  border-top: 1px solid rgb(208.9, 234.7504672897, 255);
 }
 .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:focus {
   border-color: #666;
@@ -2644,7 +2675,7 @@
   border-width: 1px;
 }
 .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus {
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
 }
 .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state .e-acrdn-header:hover:focus .e-acrdn-header-content {
   color: #333;
@@ -2656,10 +2687,10 @@
   color: #333;
 }
 .e-accordion .e-acrdn-item.e-item-focus.e-expand-state.e-select, .e-accordion .e-acrdn-item.e-item-focus.e-select.e-selected.e-expand-state {
-  border-color: #d1ebff #d1ebff #eaeaea;
+  border-color: rgb(208.9, 234.7504672897, 255) rgb(208.9, 234.7504672897, 255) #eaeaea;
 }
 .e-accordion .e-acrdn-item.e-expand-state.e-select {
-  border-color: #d1ebff;
+  border-color: rgb(208.9, 234.7504672897, 255);
   border-style: solid;
   border-width: 1px 0 1px 0;
 }
@@ -2688,13 +2719,13 @@
   border-color: #666;
   border-style: solid;
   border-width: 1px;
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
 }
 .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:hover {
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
 }
 .e-accordion .e-acrdn-item.e-selected.e-select.e-expand-state > .e-acrdn-header:active {
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
 }
 .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header .e-acrdn-header-content, .e-accordion .e-acrdn-item .e-acrdn-panel.e-nested .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
   color: #333;
@@ -2727,7 +2758,7 @@
   border: 1px solid #666;
 }
 .e-accordion .e-acrdn-item.e-expand-state.e-select:not(.e-selected) > .e-acrdn-header:focus {
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
   border: 1px solid #666;
   border-color: #666;
 }
@@ -2765,10 +2796,10 @@
   color: #333;
 }
 .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header {
-  border-color: #d1ebff;
+  border-color: rgb(208.9, 234.7504672897, 255);
   border-style: solid;
   border-width: 1px;
-  background: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
 }
 .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover .e-icons, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover .e-icons {
   color: #333;
@@ -2786,7 +2817,7 @@
   color: #333;
 }
 .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header:hover, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover {
-  border-color: #d1ebff;
+  border-color: rgb(208.9, 234.7504672897, 255);
 }
 .e-accordion .e-acrdn-item.e-select.e-selected.e-expand-state > .e-acrdn-header > .e-toggle-icon, .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon {
   color: #333;
@@ -3377,6 +3408,12 @@
   -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
           box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
 }
+.e-contextmenu-wrapper ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon,
+.e-contextmenu-container ul.e-contextmenu.e-contextmenu-template .e-menu-caret-icon {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
 .e-contextmenu-wrapper ul.e-ul,
 .e-contextmenu-container ul.e-ul {
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
@@ -3639,7 +3676,7 @@
 
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll,
 .e-contextmenu-container:not(.e-menu-container) .e-menu-vscroll.e-vscroll {
-  background-color: inherit;
+  background-color: #fff;
   border: 1px solid #eaeaea;
 }
 .e-contextmenu-wrapper:not(.e-menu-container) .e-menu-vscroll.e-vscroll .e-scroll-nav,
@@ -4173,6 +4210,11 @@
   height: 34px;
   width: 100%;
 }
+@media screen and (max-width: 480px) {
+  .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-text-wrap {
+    height: 50px;
+  }
+}
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-text {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
@@ -5670,7 +5712,7 @@
   color: #333;
 }
 .e-tab .e-tab-header .e-toolbar-item .e-close-icon:hover {
-  color: #00457a;
+  color: rgb(0, 68.523364486, 122.2);
 }
 .e-tab .e-tab-header .e-toolbar-item .e-close-icon:active {
   color: #0078d6;
@@ -5719,8 +5761,8 @@
   color: #333;
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active {
-  background: #d1ebff;
-  border-color: #d1ebff;
+  background: rgb(208.9, 234.7504672897, 255);
+  border-color: rgb(208.9, 234.7504672897, 255);
 }
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-text,
 .e-tab .e-tab-header .e-toolbar-pop .e-toolbar-item .e-tab-wrap:active .e-tab-icon {
@@ -5754,7 +5796,7 @@
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav .e-nav-arrow:active {
   -webkit-box-shadow: none;
           box-shadow: none;
-  border: 1px solid #d1ebff;
+  border: 1px solid rgb(208.9, 234.7504672897, 255);
 }
 .e-tab .e-tab-header .e-scroll-nav:focus,
 .e-tab .e-tab-header .e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus {
@@ -6186,7 +6228,7 @@
   color: #fff;
 }
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-close-icon {
-  color: #333;
+  color: #fff;
 }
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-text,
 .e-tab.e-fill.e-focused .e-tab-header .e-toolbar-item.e-active .e-tab-wrap:focus .e-tab-icon {
@@ -7897,6 +7939,9 @@
 .e-treeview.e-virtualization .e-ul {
   overflow: unset;
 }
+.e-treeview .e-mask-parent {
+  display: none;
+}
 .e-treeview > .e-ul {
   -webkit-overflow-scrolling: touch;
   overflow: auto;
@@ -8002,6 +8047,11 @@
   position: absolute;
   width: 100%;
 }
+@supports (-webkit-overflow-scrolling: touch) {
+  .e-treeview .e-fullrow {
+    z-index: -1;
+  }
+}
 .e-treeview .e-checkbox-wrapper {
   margin: 0 0 0 5px;
   pointer-events: all;
@@ -8338,8 +8388,8 @@
   background: transparent;
 }
 .e-treeview .e-list-item.e-active > .e-fullrow {
-  background-color: #d1ebff;
-  border-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
+  border-color: rgb(208.9, 234.7504672897, 255);
 }
 .e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
   background-color: transparent;
@@ -8362,7 +8412,7 @@
   color: #333;
 }
 .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   border-color: #666;
 }
 .e-treeview .e-list-item.e-active.e-hover > .e-text-content, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
@@ -8425,11 +8475,11 @@
   border-color: #f4f4f4;
 }
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active > .e-text-content {
-  background-color: #d1ebff;
-  border-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
+  border-color: rgb(208.9, 234.7504672897, 255);
 }
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   border-color: #666;
 }
 .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
@@ -8440,7 +8490,7 @@
   border-color: transparent;
 }
 .e-treeview.e-drag-item {
-  background-color: #d1ebff;
+  background-color: rgb(208.9, 234.7504672897, 255);
   font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
 }
 .e-treeview.e-drag-item .e-icon-collapsible::before,
@@ -10199,6 +10249,21 @@ ejs-sidebar {
   padding-right: 4px;
 }
 
+.e-breadcrumb-menu-item {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+.e-hidden-popup {
+  visibility: hidden;
+}
+
 .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
   color: #333;
 }
@@ -11232,14 +11297,14 @@ ejs-sidebar {
 .e-stepper:not(.e-step-type-label) .e-indicator:hover,
 .e-stepper:not(.e-step-type-label) .e-step:hover {
   color: #fff;
-  background: #006fc7;
+  background: rgb(0, 111.4205607477, 198.7);
 }
 .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
   color: #333;
 }
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
-  background: #005ba3;
+  background: rgb(0, 91.4018691589, 163);
 }
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
 .e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-step:active {