@syncfusion/ej2-angular-grids 20.4.44 → 20.4.48-ngcc

package/src/grid/aggregate-columns.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * `e-aggregate->e-column` directive represent a aggregate column of the Angular Grid.
  * ```html
@@ -102,8 +101,6 @@ export declare class AggregateColumnDirective extends ComplexBase<AggregateColum
      */
     groupCaptionTemplate: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<AggregateColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AggregateColumnDirective, "ejs-grid>e-aggregates>e-aggregate>e-columns>e-column", never, { "columnName": "columnName"; "customAggregate": "customAggregate"; "field": "field"; "footerTemplate": "footerTemplate"; "format": "format"; "groupCaptionTemplate": "groupCaptionTemplate"; "groupFooterTemplate": "groupFooterTemplate"; "type": "type"; }, {}, ["footerTemplate", "groupFooterTemplate", "groupCaptionTemplate"]>;
 }
 /**
  * AggregateColumn Array Directive
@@ -111,6 +108,4 @@ export declare class AggregateColumnDirective extends ComplexBase<AggregateColum
  */
 export declare class AggregateColumnsDirective extends ArrayBase<AggregateColumnsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AggregateColumnsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AggregateColumnsDirective, "ejs-grid>e-aggregates>e-aggregate>e-columns", never, {}, {}, ["children"]>;
 }

package/src/grid/aggregates.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * `e-aggregate` directive represent a aggregate row of the Angular Grid.
  * It must be contained in a Grid component(`ejs-grid`).
@@ -31,8 +30,6 @@ export declare class AggregateDirective extends ComplexBase<AggregateDirective>
      */
     columns: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<AggregateDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AggregateDirective, "ejs-grid>e-aggregates>e-aggregate", never, { "columns": "columns"; }, {}, ["childColumns"]>;
 }
 /**
  * Aggregate Array Directive
@@ -40,6 +37,4 @@ export declare class AggregateDirective extends ComplexBase<AggregateDirective>
  */
 export declare class AggregatesDirective extends ArrayBase<AggregatesDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AggregatesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AggregatesDirective, "ejs-grid>e-aggregates", never, {}, {}, ["children"]>;
 }

package/src/grid/columns.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * `e-column` directive represent a column of the Angular Grid.
  * It must be contained in a Grid component(`ejs-grid`).
@@ -450,8 +449,6 @@ export declare class ColumnDirective extends ComplexBase<ColumnDirective> {
      */
     filterTemplate: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnDirective, "ejs-grid>e-columns>e-column", never, { "allowEditing": "allowEditing"; "allowFiltering": "allowFiltering"; "allowGrouping": "allowGrouping"; "allowReordering": "allowReordering"; "allowResizing": "allowResizing"; "allowSearching": "allowSearching"; "allowSorting": "allowSorting"; "autoFit": "autoFit"; "clipMode": "clipMode"; "columns": "columns"; "commands": "commands"; "customAttributes": "customAttributes"; "dataSource": "dataSource"; "defaultValue": "defaultValue"; "disableHtmlEncode": "disableHtmlEncode"; "displayAsCheckBox": "displayAsCheckBox"; "edit": "edit"; "editTemplate": "editTemplate"; "editType": "editType"; "enableGroupByFormat": "enableGroupByFormat"; "field": "field"; "filter": "filter"; "filterBarTemplate": "filterBarTemplate"; "filterTemplate": "filterTemplate"; "foreignKeyField": "foreignKeyField"; "foreignKeyValue": "foreignKeyValue"; "format": "format"; "formatter": "formatter"; "freeze": "freeze"; "headerTemplate": "headerTemplate"; "headerText": "headerText"; "headerTextAlign": "headerTextAlign"; "headerValueAccessor": "headerValueAccessor"; "hideAtMedia": "hideAtMedia"; "index": "index"; "isFrozen": "isFrozen"; "isIdentity": "isIdentity"; "isPrimaryKey": "isPrimaryKey"; "lockColumn": "lockColumn"; "maxWidth": "maxWidth"; "minWidth": "minWidth"; "showColumnMenu": "showColumnMenu"; "showInColumnChooser": "showInColumnChooser"; "sortComparer": "sortComparer"; "template": "template"; "textAlign": "textAlign"; "type": "type"; "uid": "uid"; "validationRules": "validationRules"; "valueAccessor": "valueAccessor"; "visible": "visible"; "width": "width"; }, {}, ["template", "headerTemplate", "commandsTemplate", "filter_itemTemplate", "editTemplate", "filterTemplate", "childColumns"]>;
 }
 /**
  * Column Array Directive
@@ -459,6 +456,4 @@ export declare class ColumnDirective extends ComplexBase<ColumnDirective> {
  */
 export declare class ColumnsDirective extends ArrayBase<ColumnsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColumnsDirective, "ejs-grid>e-columns", never, {}, {}, ["children"]>;
 }

package/src/grid/grid-all.module.d.ts

@@ -1,7 +1,4 @@
 import { ValueProvider } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./grid.module";
 export declare const FilterService: ValueProvider;
 export declare const PageService: ValueProvider;
 export declare const SelectionService: ValueProvider;
@@ -30,7 +27,4 @@ export declare const LazyLoadGroupService: ValueProvider;
  * NgModule definition for the Grid component with providers.
  */
 export declare class GridAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<GridAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GridAllModule, never, [typeof i1.CommonModule, typeof i2.GridModule], [typeof i2.GridModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<GridAllModule>;
 }

package/src/grid/grid.component.d.ts

@@ -3,7 +3,6 @@ import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Grid } from '@syncfusion/ej2-grids';
 import { ColumnsDirective } from './columns.directive';
 import { AggregatesDirective } from './aggregates.directive';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -140,6 +139,4 @@ export declare class GridComponent extends Grid implements IComponentBase {
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<GridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GridComponent, "ejs-grid", never, { "aggregates": "aggregates"; "allowExcelExport": "allowExcelExport"; "allowFiltering": "allowFiltering"; "allowGrouping": "allowGrouping"; "allowKeyboard": "allowKeyboard"; "allowMultiSorting": "allowMultiSorting"; "allowPaging": "allowPaging"; "allowPdfExport": "allowPdfExport"; "allowReordering": "allowReordering"; "allowResizing": "allowResizing"; "allowRowDragAndDrop": "allowRowDragAndDrop"; "allowSelection": "allowSelection"; "allowSorting": "allowSorting"; "allowTextWrap": "allowTextWrap"; "childGrid": "childGrid"; "clipMode": "clipMode"; "columnChooserSettings": "columnChooserSettings"; "columnMenuItems": "columnMenuItems"; "columnQueryMode": "columnQueryMode"; "columns": "columns"; "contextMenuItems": "contextMenuItems"; "cssClass": "cssClass"; "currencyCode": "currencyCode"; "currentAction": "currentAction"; "dataSource": "dataSource"; "detailTemplate": "detailTemplate"; "editSettings": "editSettings"; "ej2StatePersistenceVersion": "ej2StatePersistenceVersion"; "enableAdaptiveUI": "enableAdaptiveUI"; "enableAltRow": "enableAltRow"; "enableAutoFill": "enableAutoFill"; "enableColumnVirtualization": "enableColumnVirtualization"; "enableHeaderFocus": "enableHeaderFocus"; "enableHover": "enableHover"; "enableImmutableMode": "enableImmutableMode"; "enableInfiniteScrolling": "enableInfiniteScrolling"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "enableStickyHeader": "enableStickyHeader"; "enableVirtualMaskRow": "enableVirtualMaskRow"; "enableVirtualization": "enableVirtualization"; "filterSettings": "filterSettings"; "frozenColumns": "frozenColumns"; "frozenRows": "frozenRows"; "gridLines": "gridLines"; "groupSettings": "groupSettings"; "height": "height"; "hierarchyPrintMode": "hierarchyPrintMode"; "infiniteScrollSettings": "infiniteScrollSettings"; "loadingIndicator": "loadingIndicator"; "locale": "locale"; "pageSettings": "pageSettings"; "pagerTemplate": "pagerTemplate"; "parentDetails": "parentDetails"; "printMode": "printMode"; "query": "query"; "queryString": "queryString"; "resizeSettings": "resizeSettings"; "rowDropSettings": "rowDropSettings"; "rowHeight": "rowHeight"; "rowRenderingMode": "rowRenderingMode"; "rowTemplate": "rowTemplate"; "searchSettings": "searchSettings"; "selectedRowIndex": "selectedRowIndex"; "selectionSettings": "selectionSettings"; "showColumnChooser": "showColumnChooser"; "showColumnMenu": "showColumnMenu"; "sortSettings": "sortSettings"; "textWrapSettings": "textWrapSettings"; "toolbar": "toolbar"; "toolbarTemplate": "toolbarTemplate"; "width": "width"; }, { "actionBegin": "actionBegin"; "actionComplete": "actionComplete"; "actionFailure": "actionFailure"; "batchAdd": "batchAdd"; "batchCancel": "batchCancel"; "batchDelete": "batchDelete"; "beforeAutoFill": "beforeAutoFill"; "beforeBatchAdd": "beforeBatchAdd"; "beforeBatchDelete": "beforeBatchDelete"; "beforeBatchSave": "beforeBatchSave"; "beforeCopy": "beforeCopy"; "beforeDataBound": "beforeDataBound"; "beforeExcelExport": "beforeExcelExport"; "beforeOpenAdaptiveDialog": "beforeOpenAdaptiveDialog"; "beforeOpenColumnChooser": "beforeOpenColumnChooser"; "beforePaste": "beforePaste"; "beforePdfExport": "beforePdfExport"; "beforePrint": "beforePrint"; "beginEdit": "beginEdit"; "cellDeselected": "cellDeselected"; "cellDeselecting": "cellDeselecting"; "cellEdit": "cellEdit"; "cellSave": "cellSave"; "cellSaved": "cellSaved"; "cellSelected": "cellSelected"; "cellSelecting": "cellSelecting"; "checkBoxChange": "checkBoxChange"; "columnDataStateChange": "columnDataStateChange"; "columnDeselected": "columnDeselected"; "columnDeselecting": "columnDeselecting"; "columnDrag": "columnDrag"; "columnDragStart": "columnDragStart"; "columnDrop": "columnDrop"; "columnMenuClick": "columnMenuClick"; "columnMenuOpen": "columnMenuOpen"; "columnSelected": "columnSelected"; "columnSelecting": "columnSelecting"; "commandClick": "commandClick"; "contextMenuClick": "contextMenuClick"; "contextMenuOpen": "contextMenuOpen"; "created": "created"; "dataBound": "dataBound"; "dataSourceChanged": "dataSourceChanged"; "dataStateChange": "dataStateChange"; "destroyed": "destroyed"; "detailDataBound": "detailDataBound"; "excelAggregateQueryCellInfo": "excelAggregateQueryCellInfo"; "excelExportComplete": "excelExportComplete"; "excelHeaderQueryCellInfo": "excelHeaderQueryCellInfo"; "excelQueryCellInfo": "excelQueryCellInfo"; "exportDetailDataBound": "exportDetailDataBound"; "exportGroupCaption": "exportGroupCaption"; "headerCellInfo": "headerCellInfo"; "keyPressed": "keyPressed"; "lazyLoadGroupCollapse": "lazyLoadGroupCollapse"; "lazyLoadGroupExpand": "lazyLoadGroupExpand"; "load": "load"; "pdfAggregateQueryCellInfo": "pdfAggregateQueryCellInfo"; "pdfExportComplete": "pdfExportComplete"; "pdfHeaderQueryCellInfo": "pdfHeaderQueryCellInfo"; "pdfQueryCellInfo": "pdfQueryCellInfo"; "printComplete": "printComplete"; "queryCellInfo": "queryCellInfo"; "recordClick": "recordClick"; "recordDoubleClick": "recordDoubleClick"; "resizeStart": "resizeStart"; "resizeStop": "resizeStop"; "resizing": "resizing"; "rowDataBound": "rowDataBound"; "rowDeselected": "rowDeselected"; "rowDeselecting": "rowDeselecting"; "rowDrag": "rowDrag"; "rowDragStart": "rowDragStart"; "rowDragStartHelper": "rowDragStartHelper"; "rowDrop": "rowDrop"; "rowSelected": "rowSelected"; "rowSelecting": "rowSelecting"; "toolbarClick": "toolbarClick"; "dataSourceChange": "dataSourceChange"; }, ["rowTemplate", "detailTemplate", "toolbarTemplate", "pagerTemplate", "editSettings_template", "groupSettings_captionTemplate", "childColumns", "childAggregates"], never>;
 }

package/src/grid/grid.module.d.ts

@@ -1,15 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./grid.component";
-import * as i2 from "./stacked-column.directive";
-import * as i3 from "./columns.directive";
-import * as i4 from "./aggregate-columns.directive";
-import * as i5 from "./aggregates.directive";
-import * as i6 from "@angular/common";
 /**
  * NgModule definition for the Grid component.
  */
 export declare class GridModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<GridModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<GridModule, [typeof i1.GridComponent, typeof i2.StackedColumnDirective, typeof i2.StackedColumnsDirective, typeof i3.ColumnDirective, typeof i3.ColumnsDirective, typeof i4.AggregateColumnDirective, typeof i4.AggregateColumnsDirective, typeof i5.AggregateDirective, typeof i5.AggregatesDirective], [typeof i6.CommonModule], [typeof i1.GridComponent, typeof i2.StackedColumnDirective, typeof i2.StackedColumnsDirective, typeof i3.ColumnDirective, typeof i3.ColumnsDirective, typeof i4.AggregateColumnDirective, typeof i4.AggregateColumnsDirective, typeof i5.AggregateDirective, typeof i5.AggregatesDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<GridModule>;
 }

package/src/grid/stacked-column.directive.d.ts

@@ -1,6 +1,5 @@
 import { ViewContainerRef } from '@angular/core';
 import { ComplexBase, ArrayBase } from '@syncfusion/ej2-angular-base';
-import * as i0 from "@angular/core";
 /**
  * `e-stacked-column` directive represent the stacked column of the Angular Grid.
  * It must be contained in a StackedColumns component(`e-stacked-columns`).
@@ -452,8 +451,6 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
      */
     filterTemplate: any;
     constructor(viewContainerRef: ViewContainerRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<StackedColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StackedColumnDirective, "ejs-grid>e-columns>e-column>e-stacked-columns>e-stacked-column", never, { "allowEditing": "allowEditing"; "allowFiltering": "allowFiltering"; "allowGrouping": "allowGrouping"; "allowReordering": "allowReordering"; "allowResizing": "allowResizing"; "allowSearching": "allowSearching"; "allowSorting": "allowSorting"; "autoFit": "autoFit"; "clipMode": "clipMode"; "columns": "columns"; "commands": "commands"; "customAttributes": "customAttributes"; "dataSource": "dataSource"; "defaultValue": "defaultValue"; "disableHtmlEncode": "disableHtmlEncode"; "displayAsCheckBox": "displayAsCheckBox"; "edit": "edit"; "editTemplate": "editTemplate"; "editType": "editType"; "enableGroupByFormat": "enableGroupByFormat"; "field": "field"; "filter": "filter"; "filterBarTemplate": "filterBarTemplate"; "filterTemplate": "filterTemplate"; "foreignKeyField": "foreignKeyField"; "foreignKeyValue": "foreignKeyValue"; "format": "format"; "formatter": "formatter"; "freeze": "freeze"; "headerTemplate": "headerTemplate"; "headerText": "headerText"; "headerTextAlign": "headerTextAlign"; "headerValueAccessor": "headerValueAccessor"; "hideAtMedia": "hideAtMedia"; "index": "index"; "isFrozen": "isFrozen"; "isIdentity": "isIdentity"; "isPrimaryKey": "isPrimaryKey"; "lockColumn": "lockColumn"; "maxWidth": "maxWidth"; "minWidth": "minWidth"; "showColumnMenu": "showColumnMenu"; "showInColumnChooser": "showInColumnChooser"; "sortComparer": "sortComparer"; "template": "template"; "textAlign": "textAlign"; "type": "type"; "uid": "uid"; "validationRules": "validationRules"; "valueAccessor": "valueAccessor"; "visible": "visible"; "width": "width"; }, {}, ["template", "headerTemplate", "commandsTemplate", "filter_itemTemplate", "editTemplate", "filterTemplate"]>;
 }
 /**
  * StackedColumn Array Directive
@@ -461,6 +458,4 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
  */
 export declare class StackedColumnsDirective extends ArrayBase<StackedColumnsDirective> {
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<StackedColumnsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<StackedColumnsDirective, "ejs-grid>e-columns>e-column>e-stacked-columns", never, {}, {}, ["children"]>;
 }

package/src/pager/pager-all.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "./pager.module";
 /**
  * NgModule definition for the Pager component with providers.
  */
 export declare class PagerAllModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PagerAllModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PagerAllModule, never, [typeof i1.CommonModule, typeof i2.PagerModule], [typeof i2.PagerModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PagerAllModule>;
 }

package/src/pager/pager.component.d.ts

@@ -1,7 +1,6 @@
 import { ElementRef, ViewContainerRef, Renderer2, Injector } from '@angular/core';
 import { IComponentBase } from '@syncfusion/ej2-angular-base';
 import { Pager } from '@syncfusion/ej2-grids';
-import * as i0 from "@angular/core";
 export declare const inputs: string[];
 export declare const outputs: string[];
 export declare const twoWays: string[];
@@ -37,6 +36,4 @@ export declare class PagerComponent extends Pager implements IComponentBase {
     ngAfterContentChecked(): void;
     registerEvents: (eventList: string[]) => void;
     addTwoWay: (propList: string[]) => void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PagerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PagerComponent, "ejs-pager", never, { "cssClass": "cssClass"; "currentPage": "currentPage"; "customText": "customText"; "enableExternalMessage": "enableExternalMessage"; "enablePagerMessage": "enablePagerMessage"; "enablePersistence": "enablePersistence"; "enableQueryString": "enableQueryString"; "enableRtl": "enableRtl"; "externalMessage": "externalMessage"; "locale": "locale"; "pageCount": "pageCount"; "pageSize": "pageSize"; "pageSizes": "pageSizes"; "template": "template"; "totalRecordsCount": "totalRecordsCount"; }, { "click": "click"; "created": "created"; "dropDownChanged": "dropDownChanged"; "currentPageChange": "currentPageChange"; "pageSizeChange": "pageSizeChange"; "pageCountChange": "pageCountChange"; "pageSizesChange": "pageSizesChange"; }, ["template"], never>;
 }

package/src/pager/pager.module.d.ts

@@ -1,11 +1,5 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./pager.component";
-import * as i2 from "@angular/common";
 /**
  * NgModule definition for the Pager component.
  */
 export declare class PagerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PagerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PagerModule, [typeof i1.PagerComponent], [typeof i2.CommonModule], [typeof i1.PagerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<PagerModule>;
 }

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/excel-filter/bootstrap-dark.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/bootstrap-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap-dark-definition.scss';
-@import 'ej2-navigations/styles/context-menu/bootstrap-dark-definition.scss';
-@import 'ej2-notifications/styles/skeleton/bootstrap-dark-definition.scss';
-@import 'bootstrap-dark-definition.scss';
-@import 'icons/bootstrap-dark.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/excel-filter/bootstrap-dark.scss';

package/styles/excel-filter/bootstrap.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/bootstrap-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
-@import 'ej2-popups/styles/dialog/bootstrap-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap-definition.scss';
-@import 'ej2-navigations/styles/context-menu/bootstrap-definition.scss';
-@import 'ej2-notifications/styles/skeleton/bootstrap-definition.scss';
-@import 'bootstrap-definition.scss';
-@import 'icons/bootstrap.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/excel-filter/bootstrap.scss';

package/styles/excel-filter/bootstrap4.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/bootstrap4-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap4-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap4-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/dialog/bootstrap4-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap4-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap4-definition.scss';
-@import 'ej2-navigations/styles/context-menu/bootstrap4-definition.scss';
-@import 'ej2-notifications/styles/skeleton/bootstrap4-definition.scss';
-@import 'bootstrap4-definition.scss';
-@import 'icons/bootstrap4.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/excel-filter/bootstrap4.scss';

package/styles/excel-filter/bootstrap5-dark.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/bootstrap5-dark-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap5-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap5-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/bootstrap5-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap5-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap5-dark-definition.scss';
-@import 'ej2-navigations/styles/context-menu/bootstrap5-dark-definition.scss';
-@import 'ej2-notifications/styles/skeleton/bootstrap5-dark-definition.scss';
-@import 'bootstrap5-dark-definition.scss';
-@import 'icons/bootstrap5-dark.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/excel-filter/bootstrap5-dark.scss';

package/styles/excel-filter/bootstrap5.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/button/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/radio-button/bootstrap5-definition.scss';
-@import 'ej2-buttons/styles/check-box/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/bootstrap5-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/dialog/bootstrap5-definition.scss';
-@import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/datepicker/bootstrap5-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/bootstrap5-definition.scss';
-@import 'ej2-navigations/styles/context-menu/bootstrap5-definition.scss';
-@import 'ej2-notifications/styles/skeleton/bootstrap5-definition.scss';
-@import 'bootstrap5-definition.scss';
-@import 'icons/bootstrap5.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/excel-filter/bootstrap5.scss';

package/styles/excel-filter/fabric-dark.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/fabric-dark-definition.scss';
-@import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fabric-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/fabric-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/fabric-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fabric-dark-definition.scss';
-@import 'ej2-navigations/styles/context-menu/fabric-dark-definition.scss';
-@import 'ej2-notifications/styles/skeleton/fabric-dark-definition.scss';
-@import 'fabric-dark-definition.scss';
-@import 'icons/fabric-dark.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/excel-filter/fabric-dark.scss';

package/styles/excel-filter/fabric.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/fabric-definition.scss';
-@import 'ej2-inputs/styles/input/fabric-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
-@import 'ej2-buttons/styles/check-box/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
-@import 'ej2-popups/styles/dialog/fabric-definition.scss';
-@import 'ej2-popups/styles/spinner/fabric-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fabric-definition.scss';
-@import 'ej2-navigations/styles/context-menu/fabric-definition.scss';
-@import 'ej2-notifications/styles/skeleton/fabric-definition.scss';
-@import 'fabric-definition.scss';
-@import 'icons/fabric.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/excel-filter/fabric.scss';

package/styles/excel-filter/fluent-dark.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/input/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/check-box/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/dialog/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fluent-dark-definition.scss';
-@import 'ej2-navigations/styles/context-menu/fluent-dark-definition.scss';
-@import 'ej2-notifications/styles/skeleton/fluent-dark-definition.scss';
-@import 'fluent-dark-definition.scss';
-@import 'icons/fluent-dark.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/excel-filter/fluent-dark.scss';

package/styles/excel-filter/fluent.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/fluent-definition.scss';
-@import 'ej2-inputs/styles/input/fluent-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
-@import 'ej2-buttons/styles/check-box/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
-@import 'ej2-popups/styles/dialog/fluent-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/fluent-definition.scss';
-@import 'ej2-navigations/styles/context-menu/fluent-definition.scss';
-@import 'ej2-notifications/styles/skeleton/fluent-definition.scss';
-@import 'fluent-definition.scss';
-@import 'icons/fluent.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/excel-filter/fluent.scss';

package/styles/excel-filter/highcontrast-light.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/highcontrast-light-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/dialog/highcontrast-light-definition.scss';
-@import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/datepicker/highcontrast-light-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/highcontrast-light-definition.scss';
-@import 'ej2-navigations/styles/context-menu/highcontrast-light-definition.scss';
-@import 'ej2-notifications/styles/skeleton/highcontrast-light-definition.scss';
-@import 'highcontrast-light-definition.scss';
-@import 'icons/highcontrast-light.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/excel-filter/highcontrast-light.scss';

package/styles/excel-filter/highcontrast.scss

@@ -1,17 +1 @@
-@import 'ej2-base/styles/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/input/highcontrast-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/button/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
-@import 'ej2-buttons/styles/check-box/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/auto-complete/highcontrast-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
-@import 'ej2-popups/styles/dialog/highcontrast-definition.scss';
-@import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/datepicker/highcontrast-definition.scss';
-@import 'ej2-calendars/styles/datetimepicker/highcontrast-definition.scss';
-@import 'ej2-navigations/styles/context-menu/highcontrast-definition.scss';
-@import 'ej2-notifications/styles/skeleton/highcontrast-definition.scss';
-@import 'highcontrast-definition.scss';
-@import 'icons/highcontrast.scss';
-@import 'all.scss';
+@import 'ej2-grids/styles/excel-filter/highcontrast.scss';