@syncfusion/ej2-angular-grids 20.4.44 → 20.4.48

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-grids@*",
-  "_id": "@syncfusion/ej2-angular-grids@20.4.42",
+  "_id": "@syncfusion/ej2-angular-grids@20.4.43",
   "_inBundle": false,
-  "_integrity": "sha512-qQ4y8iEBJeTxMlQX65xhlra/o4/kzfOj4okJNdeFrVXmqmjnDb1ncUTlhmKkLDtLg2pm0snSpsITepbd0vTgyQ==",
+  "_integrity": "sha512-x6xKT/TlNPh1Ddz5/5HuKONl77uEqsTBZ8k5djjnnBxlxxSChs4aecHT+F0cCxfQn7//xTZPBL9F38wwfCc/Aw==",
   "_location": "/@syncfusion/ej2-angular-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-20.4.42.tgz",
-  "_shasum": "e832c35d94927a4c03f337e4213887380363ea2e",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-angular-hotfix/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-20.4.43.tgz",
+  "_shasum": "376025e32ed652588026e933cdaebdd15d212616",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/ease-automation_release_19.1.0.1/ivypackages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~20.4.42",
-    "@syncfusion/ej2-base": "~20.4.44",
-    "@syncfusion/ej2-grids": "20.4.44",
+    "@syncfusion/ej2-angular-base": "~20.4.48",
+    "@syncfusion/ej2-base": "~20.4.48",
+    "@syncfusion/ej2-grids": "20.4.48",
     "tslib": "^2.3.0"
   },
   "deprecated": false,
@@ -72,5 +72,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "syncfusion-ej2-angular-grids.d.ts",
-  "version": "20.4.44"
+  "version": "20.4.48"
 }

package/schematics/utils/lib-details.d.ts

@@ -1,4 +1,4 @@
 export declare const pkgName = "@syncfusion/ej2-angular-grids";
-export declare const pkgVer = "^20.4.42";
+export declare const pkgVer = "^20.4.43";
 export declare const moduleName = "GridModule, PagerModule";
-export declare const themeVer = "~20.4.42";
+export declare const themeVer = "~20.4.43";

package/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-grids';
-exports.pkgVer = '^20.4.44';
+exports.pkgVer = '^20.4.48';
 exports.moduleName = 'GridModule, PagerModule';
-exports.themeVer = '~20.4.44';
+exports.themeVer = '~20.4.48';

package/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-grids';
-export const pkgVer = '^20.4.44';
+export const pkgVer = '^20.4.48';
 export const moduleName = 'GridModule, PagerModule';
-export const themeVer = '~20.4.44';
+export const themeVer = '~20.4.48';

package/styles/bootstrap-dark.css

@@ -2520,7 +2520,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2.5px;
   margin-top: -6.5px;
@@ -3490,9 +3492,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -0.5px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3533,6 +3541,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/bootstrap.css

@@ -2521,7 +2521,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2.5px;
   margin-top: -6.5px;
@@ -3491,9 +3493,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -0.5px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3534,6 +3542,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/bootstrap4.css

@@ -2580,7 +2580,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 12px;
   margin-left: -3.5px;
   margin-top: -7.5px;
@@ -3553,9 +3555,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -3px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -3px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3596,6 +3604,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/bootstrap5-dark.css

@@ -2587,7 +2587,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -3px;
   margin-top: -7px;
@@ -3557,9 +3559,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -2px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3600,6 +3608,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/bootstrap5.css

@@ -2587,7 +2587,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -3px;
   margin-top: -7px;
@@ -3557,9 +3559,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -2px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3600,6 +3608,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/fabric-dark.css

@@ -2494,7 +2494,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 8px;
   margin-left: -1.5px;
   margin-top: -4.5px;
@@ -3464,9 +3466,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 1px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: 1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3507,6 +3515,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/fabric.css

@@ -2487,7 +2487,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 8px;
   margin-left: -1.5px;
   margin-top: -4.5px;
@@ -3457,9 +3459,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 1px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: 1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3500,6 +3508,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/fluent-dark.css

@@ -2596,7 +2596,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2px;
   margin-top: -6.5px;
@@ -3570,9 +3572,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3613,6 +3621,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/fluent.css

@@ -2596,7 +2596,9 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2px;
   margin-top: -6.5px;
@@ -3570,9 +3572,15 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3613,6 +3621,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,

package/styles/grid/_bootstrap-dark-definition.scss

@@ -561,6 +561,8 @@ $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: .5px !default;
 $grid-reorder-downarrow-top-margin: -1.5px !default;
+$grid-reorder-virtualarrow-top-margin: -.5px !default;
+$grid-reorder-virtualdownarrow-top-margin: -1.5px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;

package/styles/grid/_bootstrap-definition.scss

@@ -563,6 +563,8 @@ $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: .5px !default;
 $grid-reorder-downarrow-top-margin: -1.5px !default;
+$grid-reorder-virtualarrow-top-margin: -.5px !default;
+$grid-reorder-virtualdownarrow-top-margin: -1.5px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;

package/styles/grid/_bootstrap4-definition.scss

@@ -567,6 +567,8 @@ $grid-reorderarrow-margin-top: -7.5px !default;
 $grid-reorderdownarrow-margin-top: 2.5px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
 $grid-reorder-downarrow-top-margin: -3px !default;
+$grid-reorder-virtualarrow-top-margin: -1px !default;
+$grid-reorder-virtualdownarrow-top-margin: -3px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;

package/styles/grid/_bootstrap5-definition.scss

@@ -564,6 +564,8 @@ $grid-reorderarrow-margin-top: -7px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
 $grid-reorder-downarrow-top-margin: -2px !default;
+$grid-reorder-virtualarrow-top-margin: -1px !default;
+$grid-reorder-virtualdownarrow-top-margin: -1px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -3px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;

package/styles/grid/_fabric-dark-definition.scss

@@ -559,6 +559,8 @@ $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 1px !default;
 $grid-reorder-downarrow-top-margin: -1px !default;
+$grid-reorder-virtualarrow-top-margin: 1px !default;
+$grid-reorder-virtualdownarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;

package/styles/grid/_fabric-definition.scss

@@ -559,6 +559,8 @@ $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 1px !default;
 $grid-reorder-downarrow-top-margin: -1px !default;
+$grid-reorder-virtualarrow-top-margin: 1px !default;
+$grid-reorder-virtualdownarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;

package/styles/grid/_fluent-definition.scss

@@ -559,6 +559,8 @@ $grid-reorderarrow-margin-top: -6.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
 $grid-reorder-downarrow-top-margin: -1px !default;
+$grid-reorder-virtualarrow-top-margin: -1px !default;
+$grid-reorder-virtualdownarrow-top-margin: -1px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -2px !default;
 $grid-column-chooser-cancel-icon-size: 10px !default;

package/styles/grid/_fusionnew-definition.scss

@@ -540,6 +540,8 @@ $grid-sortnumber-font-size: 14px !default;
 $grid-reorderarrow-margin-top: -7px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
 $grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-virtualarrow-top-margin: 0 !default;
+$grid-reorder-virtualdownarrow-top-margin: 0 !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -3px !default;

package/styles/grid/_highcontrast-definition.scss

@@ -559,6 +559,8 @@ $grid-reorderarrow-margin-top: -5px !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-reorder-arrow-top-margin: 2px !default;
 $grid-reorder-downarrow-top-margin: -1px !default;
+$grid-reorder-virtualarrow-top-margin: 1px !default;
+$grid-reorder-virtualdownarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;

package/styles/grid/_highcontrast-light-definition.scss

@@ -555,6 +555,8 @@ $grid-reorderarrow-margin-top: 0 !default;
 $grid-reorderdownarrow-margin-top: $grid-reorderarrow-margin-top !default;
 $grid-reorder-arrow-top-margin: 0 !default;
 $grid-reorder-downarrow-top-margin: $grid-reorderarrow-margin-top !default;
+$grid-reorder-virtualarrow-top-margin: 0 !default;
+$grid-reorder-virtualdownarrow-top-margin: 0 !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;

package/styles/grid/_layout.scss

@@ -2312,7 +2312,9 @@
     }
 
     .e-gridheader .e-headercontent .e-reorderuparrow,
-    .e-gridheader .e-headercontent .e-reorderdownarrow {
+    .e-gridheader .e-headercontent .e-reorderdownarrow,
+    .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+    .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
       font-size: $grid-reorderarrow-font-size;
       margin-left: $grid-reorderarrow-margin-left;
       margin-top: $grid-reorderarrow-margin-top;
@@ -3657,9 +3659,16 @@
         margin-top: $grid-reorder-arrow-top-margin;
       }
 
+      .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+        margin-top: $grid-reorder-virtualarrow-top-margin;
+      }
+
       .e-gridheader .e-headercontent .e-reorderdownarrow {
         margin-top: $grid-reorder-downarrow-top-margin;
       }
+      .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+        margin-top: $grid-reorder-virtualdownarrow-top-margin;
+      }
 
       .e-masked-cell.e-rowcell .e-virtualcell {
         background-color: $grid-maskedcell-virtual-background-color;
@@ -3710,6 +3719,11 @@
       .e-cc-contentdiv .e-choosercheck {
         white-space: $grid-filter-checkbox-white-space;
       }
+	  
+      .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+      .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl){
+        text-align: left;
+      }
     }
   }
 }

package/styles/grid/_material-dark-definition.scss

@@ -559,6 +559,8 @@ $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
 $grid-reorder-arrow-top-margin: 1px !default;
 $grid-reorder-downarrow-top-margin: -1px !default;
+$grid-reorder-virtualarrow-top-margin: 1px !default;
+$grid-reorder-virtualdownarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;

package/styles/grid/_material-definition.scss

@@ -557,6 +557,8 @@ $grid-reorderarrow-margin-top: -4.5px !default;
 $grid-reorderdownarrow-margin-top: 4.5px !default;
 $grid-reorder-arrow-top-margin: 1px !default;
 $grid-reorder-downarrow-top-margin: -1px !default;
+$grid-reorder-virtualarrow-top-margin: 1px !default;
+$grid-reorder-virtualdownarrow-top-margin: -1px !default;
 $grid-sortnumber-font-size: 9px !default;
 $grid-header-text-transform: none !default;
 $grid-bigger-toolbar-icon-size: 18px !default;

package/styles/grid/_material3-definition.scss

@@ -564,6 +564,8 @@ $grid-sortnumber-font-size: 14px !default;
 $grid-reorderarrow-margin-top: -7px !default;
 $grid-reorder-arrow-top-margin: 0 !default;
 $grid-reorder-downarrow-top-margin: 0 !default;
+$grid-reorder-virtualarrow-top-margin: 0 !default;
+$grid-reorder-virtualdownarrow-top-margin: 0 !default;
 $grid-reorderdownarrow-margin-top: 4px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -3px !default;

package/styles/grid/_tailwind-definition.scss

@@ -570,6 +570,8 @@ $grid-reorderarrow-margin-top: -11px !default;
 $grid-reorderdownarrow-margin-top: 1px !default;
 $grid-reorder-arrow-top-margin: -4px !default;
 $grid-reorder-downarrow-top-margin: -5px !default;
+$grid-reorder-virtualarrow-top-margin: -5px !default;
+$grid-reorder-virtualdownarrow-top-margin: -5px !default;
 $grid-bigger-toolbar-icon-size: $grid-bigger-icons-font-size !default;
 $grid-reorderarrow-margin-left: -6px !default;
 $grid-column-chooser-cancel-icon-size: $text-sm !default;

package/styles/grid/bootstrap-dark.css

@@ -2108,7 +2108,9 @@
   border-left-width: 0;
 }
 .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
-.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,
+.e-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual,
+.e-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
   font-size: 10px;
   margin-left: -2.5px;
   margin-top: -6.5px;
@@ -3078,9 +3080,15 @@
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow {
   margin-top: 0.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderuparrow-virtual {
+  margin-top: -0.5px;
+}
 .e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow {
   margin-top: -1.5px;
 }
+.e-grid.sf-grid .e-gridheader .e-headercontent .e-reorderdownarrow-virtual {
+  margin-top: -1.5px;
+}
 .e-grid.sf-grid .e-masked-cell.e-rowcell .e-virtualcell {
   background-color: rgba(0, 0, 0, 0.1);
   display: inline-block;
@@ -3121,6 +3129,10 @@
 .e-grid.sf-grid .e-cc-contentdiv .e-choosercheck {
   white-space: nowrap;
 }
+.e-grid.sf-grid .e-filterdiv .e-multiselect.e-input-group:not(.e-rtl),
+.e-grid.sf-grid .e-fltrtempdiv .e-multiselect.e-input-group:not(.e-rtl) {
+  text-align: left;
+}
 
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderuparrow,
 .e-bigger .e-grid .e-gridheader .e-headercontent .e-reorderdownarrow,