@syncfusion/blazor-themes 31.1.20 → 31.1.22

package/Compiled-Themes/fluent2-lite.css

@@ -27033,7 +27033,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 40px;
+  line-height: 42px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -27101,7 +27101,6 @@ ejs-sidebar {
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
   padding: 9px 0;
-  line-height: 18px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -39170,7 +39169,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
-.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid:not(.sf-grid, .e-rtl).e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder {
@@ -39417,8 +39417,16 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-verticallines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid.e-verticallines .e-rowcell.e-first-visible-cell,
+.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-headercell.e-first-visible-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-first-visible-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-rowcell.e-first-visible-cell,
+.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-headercell.e-first-visible-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid.e-hidelines .e-rowcell,
@@ -51103,7 +51111,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-success-icon-color);
 }
 .e-toast-container .e-toast.e-toast-success:hover {
-  background-color: var(--color-sf-msg-success-bg-color);
+  background-color: var(--color-sf-success-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-success-color);
 }
@@ -51124,7 +51132,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-info-icon-color);
 }
 .e-toast-container .e-toast.e-toast-info:hover {
-  background-color: var(--color-sf-msg-info-bg-color);
+  background-color: var(--color-sf-info-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-info-color);
 }
@@ -51145,7 +51153,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-warning-icon-color);
 }
 .e-toast-container .e-toast.e-toast-warning:hover {
-  background-color: var(--color-sf-msg-warning-bg-color);
+  background-color: var(--color-sf-warning-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-warning-color);
 }
@@ -51166,7 +51174,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-danger-icon-color);
 }
 .e-toast-container .e-toast.e-toast-danger:hover {
-  background-color: var(--color-sf-msg-danger-bg-color);
+  background-color: var(--color-sf-danger-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-danger-color);
 }
@@ -60587,6 +60595,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template .e-toolbar-template-container {
+  display: flex;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template,
 .e-pivotview .e-pivot-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   padding: 0 !important;
@@ -62858,6 +62869,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   /* stylelint-disable-line declaration-no-important */
 }
 
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--color-sf-primary-light);
+  border-top: 2px solid var(--color-sf-primary);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
 .e-query-builder .e-collapse-rule::before {
   content: "\e80e";
 }

package/Compiled-Themes/fluent2.css

@@ -37141,7 +37141,7 @@ ejs-sidebar {
 .e-menu-container ul .e-menu-item .e-caret {
   font-size: 14px;
   height: auto;
-  line-height: 40px;
+  line-height: 42px;
   position: absolute;
   right: 8px;
   top: 0;
@@ -37209,7 +37209,6 @@ ejs-sidebar {
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 14px;
   padding: 9px 0;
-  line-height: 18px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -51494,7 +51493,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
-.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid:not(.sf-grid, .e-rtl).e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder {
@@ -51741,8 +51741,16 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-verticallines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid.e-verticallines .e-rowcell.e-first-visible-cell,
+.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-headercell.e-first-visible-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-first-visible-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-rowcell.e-first-visible-cell,
+.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-headercell.e-first-visible-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid.e-hidelines .e-rowcell,
@@ -66723,7 +66731,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-success-icon-color);
 }
 .e-toast-container .e-toast.e-toast-success:hover {
-  background-color: var(--color-sf-msg-success-bg-color);
+  background-color: var(--color-sf-success-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-success-color);
 }
@@ -66744,7 +66752,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-info-icon-color);
 }
 .e-toast-container .e-toast.e-toast-info:hover {
-  background-color: var(--color-sf-msg-info-bg-color);
+  background-color: var(--color-sf-info-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-info-color);
 }
@@ -66765,7 +66773,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-warning-icon-color);
 }
 .e-toast-container .e-toast.e-toast-warning:hover {
-  background-color: var(--color-sf-msg-warning-bg-color);
+  background-color: var(--color-sf-warning-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-warning-color);
 }
@@ -66786,7 +66794,7 @@ span.e-table-box.e-rbox-select {
   color: var(--color-sf-msg-danger-icon-color);
 }
 .e-toast-container .e-toast.e-toast-danger:hover {
-  background-color: var(--color-sf-msg-danger-bg-color);
+  background-color: var(--color-sf-danger-light-alt);
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14), 0 0 2px 0 rgba(0, 0, 0, 0.12);
   color: var(--color-sf-msg-danger-color);
 }
@@ -77787,6 +77795,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template .e-toolbar-template-container {
+  display: flex;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template,
 .e-pivotview .e-pivot-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   padding: 0 !important;
@@ -80814,6 +80825,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   /* stylelint-disable-line declaration-no-important */
 }
 
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid var(--color-sf-primary-light);
+  border-top: 2px solid var(--color-sf-primary);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
 .e-query-builder .e-collapse-rule::before {
   content: "\e80e";
 }

package/Compiled-Themes/highcontrast-lite.css

@@ -22735,11 +22735,11 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -23551,7 +23551,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 10px;
-  line-height: 40px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -35382,7 +35381,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
-.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid:not(.sf-grid, .e-rtl).e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder {
@@ -35628,8 +35628,16 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-verticallines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid.e-verticallines .e-rowcell.e-first-visible-cell,
+.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-headercell.e-first-visible-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-first-visible-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-rowcell.e-first-visible-cell,
+.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-headercell.e-first-visible-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid.e-hidelines .e-rowcell,
@@ -56291,6 +56299,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template .e-toolbar-template-container {
+  display: flex;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template,
 .e-pivotview .e-pivot-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   padding: 0 !important;
@@ -58516,6 +58527,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #fff;
 }
 
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid #ffd739;
+  border-top: 2px solid #ffd939;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
 .e-query-builder .e-collapse-rule::before {
   content: "\e906";
 }

package/Compiled-Themes/highcontrast.css

@@ -29998,11 +29998,11 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 8px;
+  padding: 7px 8px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -30505,8 +30505,7 @@ body.e-colorpicker-overflow {
 .e-treeview.e-bigger .e-list-text {
   line-height: 24px;
   min-height: 24px;
-  padding-top: 11px;
-  padding-bottom: 11px;
+  padding: 11px 10px;
 }
 .e-bigger .e-treeview .e-list-text .e-input-group,
 .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -30973,7 +30972,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 10px;
-  line-height: 40px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -44870,7 +44868,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
-.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid:not(.sf-grid, .e-rtl).e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder {
@@ -45116,8 +45115,16 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-verticallines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid.e-verticallines .e-rowcell.e-first-visible-cell,
+.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-headercell.e-first-visible-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-first-visible-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-rowcell.e-first-visible-cell,
+.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-headercell.e-first-visible-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid.e-hidelines .e-rowcell,
@@ -70325,6 +70332,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template .e-toolbar-template-container {
+  display: flex;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template,
 .e-pivotview .e-pivot-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   padding: 0 !important;
@@ -73306,6 +73316,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #fff;
 }
 
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid #ffd739;
+  border-top: 2px solid #ffd939;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
 .e-query-builder .e-collapse-rule::before {
   content: "\e906";
 }

package/Compiled-Themes/material-dark-lite.css

@@ -26699,11 +26699,11 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 10px;
+  padding: 7px 10px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 10px;
+  padding: 7px 10px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -27487,7 +27487,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 12px;
-  line-height: 42px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -39852,7 +39851,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
-.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid:not(.sf-grid, .e-rtl).e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder {
@@ -40095,8 +40095,16 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-verticallines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid.e-verticallines .e-rowcell.e-first-visible-cell,
+.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-headercell.e-first-visible-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-first-visible-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-rowcell.e-first-visible-cell,
+.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-headercell.e-first-visible-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid.e-hidelines .e-rowcell,
@@ -60559,6 +60567,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template .e-toolbar-template-container {
+  display: flex;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template,
 .e-pivotview .e-pivot-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   padding: 0 !important;
@@ -62769,6 +62780,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #f44336;
 }
 
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid #7986cb;
+  border-top: 2px solid #3f51b5;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
 .e-query-builder .e-collapse-rule::before {
   content: "\e907";
 }

package/Compiled-Themes/material-dark.css

@@ -37487,11 +37487,11 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 10px;
+  padding: 7px 10px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 10px;
+  padding: 7px 10px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -38441,7 +38441,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 12px;
-  line-height: 42px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -53656,7 +53655,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
-.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid:not(.sf-grid, .e-rtl).e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder {
@@ -53899,8 +53899,16 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-verticallines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid.e-verticallines .e-rowcell.e-first-visible-cell,
+.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-headercell.e-first-visible-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-first-visible-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-rowcell.e-first-visible-cell,
+.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-headercell.e-first-visible-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid.e-hidelines .e-rowcell,
@@ -78899,6 +78907,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template .e-toolbar-template-container {
+  display: flex;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template,
 .e-pivotview .e-pivot-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   padding: 0 !important;
@@ -81866,6 +81877,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #f44336;
 }
 
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid #7986cb;
+  border-top: 2px solid #3f51b5;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
 .e-query-builder .e-collapse-rule::before {
   content: "\e907";
 }

package/Compiled-Themes/material-lite.css

@@ -26716,11 +26716,11 @@ body.e-colorpicker-overflow {
 }
 .e-treeview .e-list-icon + .e-list-text,
 .e-treeview .e-list-img + .e-list-text {
-  padding: 0 10px;
+  padding: 7px 10px;
 }
 .e-treeview .e-list-icon + .e-navigable-text,
 .e-treeview .e-list-img + .e-navigable-text {
-  padding: 0 10px;
+  padding: 7px 10px;
 }
 .e-treeview .e-icon-collapsible,
 .e-treeview .e-icon-expandable {
@@ -27506,7 +27506,6 @@ ejs-sidebar {
 .e-menu-wrapper .e-ul .e-menu-item .e-caret,
 .e-menu-container .e-ul .e-menu-item .e-caret {
   font-size: 11px;
-  line-height: 42px;
 }
 
 .e-menu-wrapper.e-menu-icon-right .e-menu-header .e-menu-icon,
@@ -39899,7 +39898,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid:not(.sf-grid).e-default.e-bothlines .e-detailheadercell {
   border-width: 0 0 0 1px;
 }
-.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid:not(.sf-grid).e-default.e-bothlines .e-headercell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid:not(.sf-grid, .e-rtl).e-default.e-bothlines .e-headercell.e-leftfreeze.e-freezeleftborder {
@@ -40142,8 +40142,16 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-width: 0 0 0 1px;
 }
 .e-grid.e-verticallines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
-.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell {
+.e-grid.e-verticallines .e-rowcell.e-first-visible-cell,
+.e-grid.e-verticallines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-headercell.e-first-visible-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-verticallines .e-filterbarcell.e-first-visible-cell, .e-grid.e-bothlines .e-rowcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-rowcell.e-first-visible-cell,
+.e-grid.e-bothlines .e-headercell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-headercell.e-first-visible-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-grid-group-first-cell,
+.e-grid.e-bothlines .e-filterbarcell.e-first-visible-cell {
   border-left-width: 0;
 }
 .e-grid.e-hidelines .e-rowcell,
@@ -60704,6 +60712,9 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
 .e-pivotview .e-pivot-toolbar .e-tab .e-tab-header .e-toolbar-item.e-active {
   margin-left: 18px !important;
 }
+.e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template .e-toolbar-template-container {
+  display: flex;
+}
 .e-pivotview .e-pivot-toolbar .e-toolbar-item.e-template,
 .e-pivotview .e-pivot-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer) {
   padding: 0 !important;
@@ -62918,6 +62929,27 @@ div > .e-pv-bookmark-icon.e-pv-icon.e-right {
   color: #f44336;
 }
 
+.e-querybuilder-spinner::before {
+  content: "";
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid #7986cb;
+  border-top: 2px solid #3f51b5;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
 .e-query-builder .e-collapse-rule::before {
   content: "\e907";
 }