@syncfusion/ej2-angular-grids 21.2.10 → 22.1.34-ngcc

package/schematics/utils/lib-details.ts

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

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
@@ -74,6 +73,7 @@ export declare class AggregateColumnDirective extends ComplexBase<AggregateColum
      * {% codeBlock src="grid/footer-template-api/index.ts" %}{% endcodeBlock %}
      *
      * @default null
+     * @asptype string
      */
     footerTemplate: any;
     /**
@@ -86,6 +86,7 @@ export declare class AggregateColumnDirective extends ComplexBase<AggregateColum
      * {% codeBlock src="grid/group-footer-api/index.ts" %}{% endcodeBlock %}
      *
      * @default null
+     * @asptype string
      */
     groupFooterTemplate: any;
     /**
@@ -98,11 +99,10 @@ export declare class AggregateColumnDirective extends ComplexBase<AggregateColum
      * {% codeBlock src="grid/group-caption-api/index.ts" %}{% endcodeBlock %}
      *
      * @default null
+     * @asptype string
      */
     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
@@ -110,6 +110,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`).
@@ -428,11 +427,13 @@ export declare class ColumnDirective extends ComplexBase<ColumnDirective> {
      * Defines the column template that renders customized element in each cell of the column.
      * It accepts either [template string](../../common/template-engine/) or HTML element ID.
      * @default null
+     * @asptype string
      */
     template: any;
     /**
      * Defines the column template as string or HTML element ID which is used to add customized element in the column header.
      * @default null
+     * @asptype string
      */
     headerTemplate: any;
     commandsTemplate: any;
@@ -450,8 +451,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 +458,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[];
@@ -111,6 +110,7 @@ export declare class GridComponent extends Grid implements IComponentBase {
      * > Check the [`Row Template`](../../grid/row/) customization.
      *
      * @default ''
+     * @asptype string
      */
     rowTemplate: any;
     /**
@@ -121,16 +121,19 @@ export declare class GridComponent extends Grid implements IComponentBase {
      *{% codeBlock src="grid/detail-template-api/index.ts" %}{% endcodeBlock %}
      *
      * @default ''
+     * @asptype string
      */
     detailTemplate: any;
     /**
      * It used to render toolbar template
      * @default null
+     * @asptype string
      */
     toolbarTemplate: any;
     /**
      * It used to render pager template
      * @default null
+     * @asptype string
      */
     pagerTemplate: any;
     editSettings_template: any;
@@ -142,6 +145,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"; "autoFit": "autoFit"; "childGrid": "childGrid"; "clipMode": "clipMode"; "columnChooserSettings": "columnChooserSettings"; "columnMenuItems": "columnMenuItems"; "columnQueryMode": "columnQueryMode"; "columns": "columns"; "contextMenuItems": "contextMenuItems"; "cssClass": "cssClass"; "currencyCode": "currencyCode"; "currentAction": "currentAction"; "currentViewData": "currentViewData"; "dataSource": "dataSource"; "detailTemplate": "detailTemplate"; "editSettings": "editSettings"; "ej2StatePersistenceVersion": "ej2StatePersistenceVersion"; "enableAdaptiveUI": "enableAdaptiveUI"; "enableAltRow": "enableAltRow"; "enableAutoFill": "enableAutoFill"; "enableColumnVirtualization": "enableColumnVirtualization"; "enableHeaderFocus": "enableHeaderFocus"; "enableHover": "enableHover"; "enableHtmlSanitizer": "enableHtmlSanitizer"; "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"; "showHider": "showHider"; "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`).
@@ -430,11 +429,13 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
      * Defines the column template that renders customized element in each cell of the column.
      * It accepts either [template string](../../common/template-engine/) or HTML element ID.
      * @default null
+     * @asptype string
      */
     template: any;
     /**
      * Defines the column template as string or HTML element ID which is used to add customized element in the column header.
      * @default null
+     * @asptype string
      */
     headerTemplate: any;
     commandsTemplate: any;
@@ -452,8 +453,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 +460,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[];
@@ -28,6 +27,7 @@ export declare class PagerComponent extends Pager implements IComponentBase {
     /**
      *  Defines the template as string or HTML element ID which renders customized elements in pager instead of default elements.
      * @default null
+     * @asptype string
      */
     template: any;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);
@@ -37,6 +37,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

@@ -1060,7 +1060,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -29px 0 0 22px;
+  margin: -29px -5px 0 7px;
 }
 .e-bigger .e-grid.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv,
 .e-grid.e-bigger.e-rtl .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
@@ -1082,11 +1082,11 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber, .e-bigger .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell.e-rightalign .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-detailheadercell.e-rightalign .e-headercelldiv .e-sortnumber {
-  margin: 8px 0 0 4px;
+  margin: 6px 0 0 10px;
 }
 .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
-  margin: 6px 0 0 10px;
+  margin: 8px 0 0 10px;
 }
 .e-bigger .e-grid .e-rowcell,
 .e-bigger .e-grid .e-summarycell,
@@ -1145,6 +1145,10 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-bigger .e-columnmenu,
 .e-grid.e-bigger.e-bigger .e-columnmenu {
   bottom: 16px;
+  margin: -20px -20px;
+}
+.e-bigger .e-grid.e-device .e-columnmenu,
+.e-grid.e-bigger.e-device .e-columnmenu {
   margin: -20px -18px;
 }
 .e-bigger .e-grid .e-columnmenu,
@@ -1254,7 +1258,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-grid.e-device .e-groupheadercell .e-ungroupbutton,
 .e-grid.e-bigger.e-device .e-groupheadercell .e-ungroupbutton {
-  line-height: 37px;
+  line-height: 39px;
 }
 .e-bigger .e-grid.e-device .e-normaledit .e-rowcell,
 .e-grid.e-bigger.e-device .e-normaledit .e-rowcell {
@@ -1291,16 +1295,16 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-bigger .e-groupsort,
 .e-grid.e-bigger span.e-ungroupbutton,
 .e-grid.e-bigger .e-toggleungroup {
-  margin-left: -8px;
+  margin-left: -6px;
   margin-top: -4px;
 }
 .e-bigger .e-grid span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger span.e-ungroupbutton.e-icons {
   font-size: 14px;
-  margin-left: -7px;
+  margin-left: -5px;
+  padding-top: 0;
   margin-top: -3px;
   margin-right: 0;
-  padding-top: 0;
 }
 .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1324,7 +1328,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-bigger .e-grid.e-rtl span.e-ungroupbutton.e-icons,
 .e-grid.e-bigger.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
-  margin-right: -10px;
+  margin-right: -8px;
   margin-top: -4px;
   padding-left: 8px;
 }
@@ -1440,7 +1444,6 @@ li.e-separator.e-menu-item.e-excel-separator {
       -ms-user-select: none;
           user-select: none;
 }
-
 .e-grid {
   border-radius: 4px;
   border-style: none solid solid;
@@ -1836,6 +1839,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   border-collapse: separate;
   table-layout: fixed;
   width: 100%;
+  border-spacing: 0.25px;
 }
 .e-grid .e-tableborder {
   border-right: 1px solid;
@@ -2132,13 +2136,13 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-sortfilterdiv {
   float: right;
   height: 16px;
-  margin: -29px -10px;
+  margin: -29px 0;
   padding: 15px 0;
   width: 16px;
 }
 .e-grid .e-gridheader .e-rightalign .e-sortfilterdiv {
   float: left;
-  margin: -29px -5px;
+  margin: -29px 5px;
 }
 .e-grid .e-gridheader .e-sortfilter .e-rightalign .e-headercelldiv,
 .e-grid .e-gridheader .e-rightalign .e-stackedheadercelldiv {
@@ -2220,10 +2224,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   margin: 8px 0 0 20px;
 }
 .e-grid .e-gridheader .e-fltr-icon .e-sortfilterdiv {
-  margin: -29px 14px -29px 0;
+  margin: -29px 18px -29px 0;
 }
 .e-grid .e-gridheader .e-rightalign.e-fltr-icon .e-sortfilterdiv {
-  margin: -29px -11px 0 0;
+  margin: -29px -11px 0 7px;
 }
 .e-grid.e-wrap .e-gridheader .e-rightalign .e-sortnumber {
   margin: 3px 2px 0 20px;
@@ -2242,7 +2246,7 @@ li.e-separator.e-menu-item.e-excel-separator {
   position: absolute;
   right: 23px;
   float: right;
-  margin: -20px;
+  margin: -20.5px -20px;
   padding: 6px;
 }
 .e-grid.e-wrap .e-columnmenu {
@@ -2251,7 +2255,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-columnmenu {
   left: 5px;
   right: auto;
-  margin: -20px -18px -18px 1px;
+  margin: -20px -18px -18px -4px;
 }
 .e-grid.e-wrap.e-rtl .e-columnmenu {
   line-height: 10px;
@@ -2457,12 +2461,22 @@ li.e-separator.e-menu-item.e-excel-separator {
   font-size: 14px;
   padding: 4px;
 }
-.e-grid .e-lastsummarycell {
+.e-grid .e-footerpadding .e-lastsummarycell {
+  border-left: none;
   border-right: 1px solid;
 }
+.e-grid.e-rtl .e-footerpadding tr.e-summaryrow td.e-lastsummarycell:last-child {
+  border-right: none;
+  border-left: 1px solid #484848;
+}
 .e-grid .e-footerpadding {
+  padding-left: 0;
   padding-right: 14px;
 }
+.e-grid.e-rtl .e-footerpadding {
+  padding-left: 14px;
+  padding-right: 0;
+}
 .e-grid .e-gridpopup span {
   border: 1px solid transparent;
   cursor: pointer;
@@ -2578,6 +2592,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid td.e-active {
   font-weight: normal;
 }
+.e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
 .e-grid td.e-cellselectionbackground {
   font-weight: normal;
 }
@@ -2672,7 +2687,10 @@ li.e-separator.e-menu-item.e-excel-separator {
   line-height: 26px;
 }
 .e-grid.e-device .e-groupheadercell .e-ungroupbutton {
-  line-height: 28px;
+  line-height: 23px;
+}
+.e-grid.e-device .e-groupheadercell .e-groupsort {
+  margin-top: 0;
 }
 .e-grid .e-groupheadercell .e-cancel {
   padding-right: 12px;
@@ -2684,14 +2702,14 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-ungroupbutton,
 .e-grid .e-toggleungroup {
   font-size: 12px;
-  margin-left: -8px;
+  margin-left: -6px;
 }
 .e-grid .e-groupsort {
   margin-right: 0;
   margin-top: -3px;
 }
 .e-grid span.e-ungroupbutton.e-icons {
-  margin-left: -8px;
+  margin-left: -6px;
   margin-top: -3px;
   padding-top: 4px;
   padding-right: 8px;
@@ -3083,7 +3101,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
   float: left;
-  margin: 9px 0 0 9px;
+  margin: 8px 0 0 9px;
 }
 .e-grid.e-rtl .e-headercell .e-headercelldiv,
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -3095,7 +3113,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
 .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
   float: left;
-  margin: 9px 0 0 9px;
+  margin: 8px 0 0 9px;
 }
 .e-grid.e-rtl .e-headercell .e-filterbarcell input, .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
   border-width: 0;
@@ -3126,7 +3144,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl .e-headercell.e-fltr-icon.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon.e-rightalign .e-sortnumber {
   float: left;
-  margin: 7px 0 0 6px;
+  margin: 8px 0 0 6px;
 }
 .e-grid.e-rtl .e-headercell.e-rightalign .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-rightalign .e-sortnumber {
   float: left;
@@ -3280,7 +3298,7 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid.e-rtl span.e-ungroupbutton.e-icons {
   margin-left: 0;
-  margin-right: -10px;
+  margin-right: -8px;
   padding-top: 4px;
 }
 .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
@@ -3604,9 +3622,17 @@ li.e-separator.e-menu-item.e-excel-separator {
   padding-left: 0;
   padding-right: 4px;
 }
+.e-bigger .e-grid .e-columnmenu,
+.e-bigger.e-grid .e-columnmenu {
+  margin: -20px -20px;
+}
 .e-bigger .e-grid.e-rtl .e-columnmenu,
 .e-bigger.e-grid.e-rtl .e-columnmenu {
-  margin: -20px -18px -18px 1px;
+  margin: -20px -18px -18px -4px;
+}
+.e-bigger .e-grid.e-rtl.e-device .e-columnmenu,
+.e-bigger.e-grid.e-rtl.e-device .e-columnmenu {
+  margin: -20px -18px -18px -4px;
 }
 .e-bigger .e-grid.e-rtl .e-groupheadercell span,
 .e-bigger.e-grid.e-rtl .e-groupheadercell span {
@@ -3915,9 +3941,9 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header {
-  font-weight: 500;
   padding-top: 10px;
   width: 100%;
+  font-weight: 500;
 }
 .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn,
 .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn {
@@ -4226,6 +4252,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 }
 .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
 .e-grid .e-gridcontent .e-rowcell.e-dragborder,
+.e-grid .e-gridcontent .e-groupcaption.e-dragborder,
+.e-grid .e-gridcontent .e-summarycell.e-dragborder,
 .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader thead tr th.e-firstrowdragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
   box-shadow: 0 2px 0 0 #0070f0;
   position: relative;
@@ -4302,7 +4330,8 @@ li.e-separator.e-menu-item.e-excel-separator {
 .e-grid .e-summaryrow .e-summarycell,
 .e-grid .e-summaryrow .e-templatecell,
 .e-grid .e-summarycontent .e-indentcell,
-.e-grid .e-indentcell.e-detailindentcelltop {
+.e-grid .e-indentcell.e-detailindentcelltop,
+.e-grid .e-groupfooterrow.e-summaryrow .e-indentcell.e-indentcelltop {
   background-color: #1a1a1a;
   border-color: #484848;
   color: #f0f0f0;