@syncfusion/blazor-themes 31.1.21 → 31.1.23

package/SCSS-Themes/tailwind-dark-lite.scss

@@ -20958,7 +20958,7 @@ $cbox-border-style: solid !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -21148,6 +21148,10 @@ $cbox-border-style: solid !default;
     pointer-events: none;
   }
 
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
+
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -48322,9 +48326,9 @@ $ddl-closer-hooker-font-small: $text-base !default;
 $ddl-closer-hooker-font-bigger-small: $text-xl !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -1.65em !default;
-$ddl-closer-margin-top-bigger: -1.62em !default;
+$ddl-closer-margin-top-bigger: -37px !default;
 $ddl-icon-margin-top: -1.3em !default;
-$ddl-clear-margin-top: -2em !default;
+$ddl-clear-margin-top: -32px !default;
 $ddl-icon-margin-top-bigger: -1.3em !default;
 $ddl-small-ddl-icon-top: -1.3em !default;
 $ddl-bigger-small-ddl-icon-top: -1.3em !default;
@@ -63717,7 +63721,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -64133,7 +64138,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -81938,7 +81947,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }
@@ -97222,6 +97231,10 @@ $pivotview-touch-header-text-padding: 12px !default;
         margin-left: 18px !important;
       }
 
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
+
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {
@@ -99402,6 +99415,8 @@ $qrybldr-drag-grp-list-heg: 28px !default;
 $qrybldr-drag-grp-big-list-heg: 34px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 6px !default;
 $qryblr-drag-icon-color: $secondary-text-color !default;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -100478,6 +100493,29 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
   }
 }
 
+.e-querybuilder-spinner::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
+
 
 @include export-module('query-builder-tailwind-icons') {
   .e-query-builder {

package/SCSS-Themes/tailwind-dark.scss

@@ -30156,7 +30156,7 @@ $cbox-border-style: solid !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -30346,6 +30346,10 @@ $cbox-border-style: solid !default;
     pointer-events: none;
   }
 
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
+
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -65733,9 +65737,9 @@ $ddl-closer-hooker-font-small: $text-base !default;
 $ddl-closer-hooker-font-bigger-small: $text-xl !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -1.65em !default;
-$ddl-closer-margin-top-bigger: -1.62em !default;
+$ddl-closer-margin-top-bigger: -37px !default;
 $ddl-icon-margin-top: -1.3em !default;
-$ddl-clear-margin-top: -2em !default;
+$ddl-clear-margin-top: -32px !default;
 $ddl-icon-margin-top-bigger: -1.3em !default;
 $ddl-small-ddl-icon-top: -1.3em !default;
 $ddl-bigger-small-ddl-icon-top: -1.3em !default;
@@ -68015,7 +68019,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
       margin-top: $ddl-closer-margin-top-bigger;
     }
     @if $ddl-multiselect-skin-name == 'fluent2' {
-      margin-top: -2.5em;
+      margin-top: -32px;
     }
     @if $ddl-multiselect-skin-name == 'FluentUI' {
       margin-top: $ddl-bigger-clear-margin-top;
@@ -68026,7 +68030,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
     @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
       margin-top: -2.15em;
     }
-    @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
+    @if $ddl-multiselect-skin-name == 'fabric' {
       margin-top: -3.2em;
     }
     @if $ddl-multiselect-skin-name == 'tailwind' {
@@ -69793,7 +69797,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   @if $skin-name == 'bootstrap4' {
     .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
     .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
-      font-size: 14px;
+      font-size: 16px;
     }
     .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
     .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
@@ -69842,7 +69846,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   @if $skin-name == 'FluentUI' {
     .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
     .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-      margin-top: -1.6em;
+      margin-top: -24px;
     }
   }
   @if $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {
@@ -86122,7 +86126,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -86538,7 +86543,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -109427,7 +109436,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }
@@ -127326,6 +127335,10 @@ $pivotview-touch-header-text-padding: 12px !default;
         margin-left: 18px !important;
       }
 
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
+
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {
@@ -130141,6 +130154,8 @@ $qrybldr-drag-grp-list-heg: 28px !default;
 $qrybldr-drag-grp-big-list-heg: 34px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 6px !default;
 $qryblr-drag-icon-color: $secondary-text-color !default;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -131217,6 +131232,29 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
   }
 }
 
+.e-querybuilder-spinner::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
+
 
 @include export-module('query-builder-tailwind-icons') {
   .e-query-builder {

package/SCSS-Themes/tailwind-lite.scss

@@ -20956,7 +20956,7 @@ $cbox-border-style: solid !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -21146,6 +21146,10 @@ $cbox-border-style: solid !default;
     pointer-events: none;
   }
 
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
+
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -48320,9 +48324,9 @@ $ddl-closer-hooker-font-small: $text-base !default;
 $ddl-closer-hooker-font-bigger-small: $text-xl !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -1.65em !default;
-$ddl-closer-margin-top-bigger: -1.62em !default;
+$ddl-closer-margin-top-bigger: -37px !default;
 $ddl-icon-margin-top: -1.3em !default;
-$ddl-clear-margin-top: -2em !default;
+$ddl-clear-margin-top: -32px !default;
 $ddl-icon-margin-top-bigger: -1.3em !default;
 $ddl-small-ddl-icon-top: -1.3em !default;
 $ddl-bigger-small-ddl-icon-top: -1.3em !default;
@@ -63715,7 +63719,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -64131,7 +64136,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -81936,7 +81945,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }
@@ -97220,6 +97229,10 @@ $pivotview-touch-header-text-padding: 12px !default;
         margin-left: 18px !important;
       }
 
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
+
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {
@@ -99400,6 +99413,8 @@ $qrybldr-drag-grp-list-heg: 28px !default;
 $qrybldr-drag-grp-big-list-heg: 34px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 6px !default;
 $qryblr-drag-icon-color: $secondary-text-color !default;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -100476,6 +100491,29 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
   }
 }
 
+.e-querybuilder-spinner::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
+
 
 @include export-module('query-builder-tailwind-icons') {
   .e-query-builder {

package/SCSS-Themes/tailwind.scss

@@ -30154,7 +30154,7 @@ $cbox-border-style: solid !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -30344,6 +30344,10 @@ $cbox-border-style: solid !default;
     pointer-events: none;
   }
 
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
+
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -65731,9 +65735,9 @@ $ddl-closer-hooker-font-small: $text-base !default;
 $ddl-closer-hooker-font-bigger-small: $text-xl !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -1.65em !default;
-$ddl-closer-margin-top-bigger: -1.62em !default;
+$ddl-closer-margin-top-bigger: -37px !default;
 $ddl-icon-margin-top: -1.3em !default;
-$ddl-clear-margin-top: -2em !default;
+$ddl-clear-margin-top: -32px !default;
 $ddl-icon-margin-top-bigger: -1.3em !default;
 $ddl-small-ddl-icon-top: -1.3em !default;
 $ddl-bigger-small-ddl-icon-top: -1.3em !default;
@@ -68013,7 +68017,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
       margin-top: $ddl-closer-margin-top-bigger;
     }
     @if $ddl-multiselect-skin-name == 'fluent2' {
-      margin-top: -2.5em;
+      margin-top: -32px;
     }
     @if $ddl-multiselect-skin-name == 'FluentUI' {
       margin-top: $ddl-bigger-clear-margin-top;
@@ -68024,7 +68028,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
     @if $ddl-multiselect-skin-name == 'bootstrap5' or $ddl-multiselect-skin-name == 'bootstrap5.3' {
       margin-top: -2.15em;
     }
-    @if $ddl-multiselect-skin-name == 'highcontrast' or $ddl-multiselect-skin-name == 'fabric' {
+    @if $ddl-multiselect-skin-name == 'fabric' {
       margin-top: -3.2em;
     }
     @if $ddl-multiselect-skin-name == 'tailwind' {
@@ -69791,7 +69795,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   @if $skin-name == 'bootstrap4' {
     .e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
     .e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
-      font-size: 14px;
+      font-size: 16px;
     }
     .e-small.e-bigger .e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before,
     .e-small.e-bigger.e-input-group.e-multiselect.e-control-wrapper .e-input-group-icon.e-ddl-icon::before {
@@ -69840,7 +69844,7 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   @if $skin-name == 'FluentUI' {
     .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
     .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
-      margin-top: -1.6em;
+      margin-top: -24px;
     }
   }
   @if $skin-name == 'highcontrast' or $skin-name == 'highcontrast-light' {
@@ -86120,7 +86124,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -86536,7 +86541,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -109425,7 +109434,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }
@@ -127324,6 +127333,10 @@ $pivotview-touch-header-text-padding: 12px !default;
         margin-left: 18px !important;
       }
 
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
+
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {
@@ -130139,6 +130152,8 @@ $qrybldr-drag-grp-list-heg: 28px !default;
 $qrybldr-drag-grp-big-list-heg: 34px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 6px !default;
 $qryblr-drag-icon-color: $secondary-text-color !default;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -131215,6 +131230,29 @@ $qryblr-drag-icon-color: $secondary-text-color !default;
   }
 }
 
+.e-querybuilder-spinner::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
+
 
 @include export-module('query-builder-tailwind-icons') {
   .e-query-builder {

package/SCSS-Themes/tailwind3-dark-lite.scss

@@ -22346,7 +22346,7 @@ $cbox-border-style: solid !default;
         bottom: $cbox-ripple-size;
         height: $cbox-ripple-height;
         left: $cbox-ripple-size;
-        pointer-events: none;
+        pointer-events: auto;
         position: absolute;
         right: $cbox-ripple-size;
         top: $cbox-ripple-size;
@@ -22536,6 +22536,10 @@ $cbox-border-style: solid !default;
     pointer-events: none;
   }
 
+  .e-overlay .e-checkbox-wrapper .e-ripple-container {
+    pointer-events: none;
+  }
+
   .e-small .e-checkbox-wrapper,
   .e-small.e-checkbox-wrapper,
   .e-small .e-css.e-checkbox-wrapper,
@@ -49771,7 +49775,7 @@ $ddl-delimview-bigger-padding-left: 12px !default;
 $ddl-closer-hooker-font: $text-sm !default;
 $ddl-chip-font-family: $font-family !default;
 $ddl-closer-margin-top: -2em !default;
-$ddl-closer-margin-top-bigger: -2.25em !default;
+$ddl-closer-margin-top-bigger: -36px !default;
 $ddl-icon-margin-top: -2.1em !default;
 $ddl-clear-margin-top: -2em !default;
 $ddl-icon-margin-top-bigger: -2.25em !default;
@@ -51875,6 +51879,8 @@ e-ddl.e-popup.e-multi-select-list-wrapper.e-multiselct-group.e-checkbox .e-list-
   }
 
   .e-multi-select-wrapper .e-close-hooker::before {
+    height: 16px;
+    font-size: 16px;
     content: '\e7e7';
     cursor: pointer;
     left: $ddl-overall-close-left;
@@ -65227,7 +65233,8 @@ $grid-checkmark-color: $primary-text-color !default;
       .e-detailheadercell {
         border-width: $grid-headercell-both-border-width;
       }
-      .e-headercell.e-grid-group-first-cell {
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -65643,7 +65650,11 @@ $grid-checkmark-color: $primary-text-color !default;
     &.e-verticallines,
     &.e-bothlines {
       .e-rowcell.e-grid-group-first-cell,
-      .e-headercell.e-grid-group-first-cell {
+      .e-rowcell.e-first-visible-cell,
+      .e-headercell.e-grid-group-first-cell,
+      .e-headercell.e-first-visible-cell,
+      .e-filterbarcell.e-grid-group-first-cell,
+      .e-filterbarcell.e-first-visible-cell {
         border-left-width: 0;
       }
     }
@@ -83459,7 +83470,7 @@ $toast-close-icon-hover-color: $icon-color-hover !default;
         @if $skin-name == 'bootstrap5' or $skin-name == 'bootstrap5.3' {
           left: 0;
           margin-left: 12px;
-          margin-top: 10px;
+          margin-top: 15px;
           padding-bottom: 6px;
           position: absolute;
         }
@@ -98742,6 +98753,10 @@ $pivotview-touch-header-text-padding: 12px !default;
         margin-left: 18px !important;
       }
 
+      .e-toolbar-item.e-template .e-toolbar-template-container {
+        display: flex;
+      }
+
       .e-toolbar-item.e-template,
       .e-toolbar-item:not(.e-separator):not(.e-spacer)
       {
@@ -100923,6 +100938,8 @@ $qrybldr-drag-grp-list-heg: 28px !default;
 $qrybldr-drag-grp-big-list-heg: 34px !default;
 $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
 $qryblr-drag-icon-color: $icon-color !default;
+$spinner-border-light-color: $primary-light !default;
+$spinner-border-color: $primary !default;
 
 @mixin fluent2-small-round-btn {
   @if $theme-name == 'fluent2' {
@@ -101999,6 +102016,29 @@ $qryblr-drag-icon-color: $icon-color !default;
   }
 }
 
+.e-querybuilder-spinner::before {
+  content: '';
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 16px;
+  height: 16px;
+  border: 2px solid $spinner-border-light-color;
+  border-top: 2px solid $spinner-border-color;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% {
+    transform: translateX(-50%) rotate(0deg);
+  }
+
+  100% {
+    transform: translateX(-50%) rotate(360deg);
+  }
+}
+
 
 @include export-module('query-builder-tailwind3-icons') {
   .e-query-builder {