@syncfusion/ej2-angular-grids 32.1.22 → 32.1.23-ngcc

package/dist/ej2-angular-grids.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ej2-angular-grids.umd.min.js","sources":["~/@syncfusion/ej2-angular-grids/src/grid/stacked-column.directive.ts","~/@syncfusion/ej2-angular-grids/src/grid/columns.directive.ts","~/@syncfusion/ej2-angular-grids/src/grid/aggregate-columns.directive.ts","~/@syncfusion/ej2-angular-grids/src/grid/aggregates.directive.ts","~/@syncfusion/ej2-angular-grids/src/grid/grid.component.ts","~/@syncfusion/ej2-angular-grids/src/grid/grid.module.ts","~/@syncfusion/ej2-angular-grids/src/grid/grid-all.module.ts","~/@syncfusion/ej2-angular-grids/src/pager/pager.component.ts","~/@syncfusion/ej2-angular-grids/src/pager/pager.module.ts","~/@syncfusion/ej2-angular-grids/src/pager/pager-all.module.ts"],"sourcesContent":["import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nlet /** @type {?} */ input: string[] = ['allowEditing', 'allowFiltering', 'allowGrouping', 'allowReordering', 'allowResizing', 'allowSearching', 'allowSorting', 'autoFit', 'clipMode', 'columns', 'commands', 'customAttributes', 'dataSource', 'defaultValue', 'disableHtmlEncode', 'displayAsCheckBox', 'edit', 'editTemplate', 'editType', 'enableColumnSpan', 'enableGroupByFormat', 'enableRowSpan', 'field', 'filter', 'filterBarTemplate', 'filterTemplate', 'foreignKeyField', 'foreignKeyValue', 'format', 'formatter', 'freeze', 'headerTemplate', 'headerText', 'headerTextAlign', 'headerValueAccessor', 'hideAtMedia', 'index', 'isFrozen', 'isIdentity', 'isPrimaryKey', 'lockColumn', 'maxWidth', 'minWidth', 'showColumnMenu', 'showInColumnChooser', 'sortComparer', 'template', 'templateOptions', 'textAlign', 'type', 'uid', 'validationRules', 'valueAccessor', 'visible', 'width'];\nlet /** @type {?} */ outputs: string[] = [];\n/**\n * `e-stacked-column` directive represent the stacked column of the Angular Grid.\n * It must be contained in a StackedColumns component(`e-stacked-columns`). \n * ```html\n * <ejs-grid [dataSource]='data' allowPaging='true' allowSorting='true'> \n *   <e-columns>\n *     <e-column field='ID' width='100'></e-column>\n *     <e-column headerText='Details' width='100'>\n *       <e-stacked-columns>\n *         <e-stacked-column field='Name' width='140'></e-stacked-column>\n *       </e-stacked-columns>\n *     </e-column>\n *   </e-columns>\n * </ejs-grid>\n * ```\n */\nexport class StackedColumnDirective extends ComplexBase<StackedColumnDirective> {\npublic directivePropList: any;\n/**\n * Defines the data type of the column.\n * \\@default null\n */\npublic type: any;\n/**\n * If `allowEditing` set to false, then it disables editing of a particular column. \n * By default all columns are editable.\n * \\@default true\n */\npublic allowEditing: any;\n/**\n * If `allowFiltering` set to false, then it disables filtering option and filter bar element of a particular column. \n * By default all columns are filterable.\n * \\@default true\n */\npublic allowFiltering: any;\n/**\n * If `allowGrouping` set to false, then it disables grouping of a particular column. \n * By default all columns are groupable.\n * \\@default true\n */\npublic allowGrouping: any;\n/**\n * If `allowReordering` set to false, then it disables reorder of a particular column. \n * By default all columns can be reorder.\n * \\@default true\n */\npublic allowReordering: any;\n/**\n * If `allowResizing` set to false, it disables resize option of a particular column.\n * \\@default true\n */\npublic allowResizing: any;\n/**\n * If `allowSearching` set to false, then it disables Searching of a particular column. \n * By default all columns allow Searching.\n * \\@default true\n */\npublic allowSearching: any;\n/**\n * If `allowSorting` set to false, then it disables sorting option of a particular column. \n * By default all columns are sortable.\n * \\@default true\n */\npublic allowSorting: any;\n/**\n * If `autoFit` set to true, then the particular column content width will be \n * adjusted based on its content in the initial rendering itself. \n * Setting this property as true is equivalent to calling `autoFitColumns` method in the `dataBound` event.\n * \\@default false\n */\npublic autoFit: any;\n/**\n * Defines the cell content's overflow mode. The available modes are \n * * `Clip` -  Truncates the cell content when it overflows its area. \n * * `Ellipsis` -  Displays ellipsis when the cell content overflows its area. \n * * `EllipsisWithTooltip` - Displays ellipsis when the cell content overflows its area \n * also it will display tooltip while hover on ellipsis applied cell.\n * \\@default Ellipsis\n */\npublic clipMode: any;\n/**\n * Used to render multiple header rows(stacked headers) on the Grid header.\n * \\@default null\n */\npublic columns: any;\n/**\n * `commands` provides an option to display command buttons in every cell. \n * The available built-in command buttons are \n * * Edit - Edit the record. \n * * Delete - Delete the record. \n * * Save - Save the record. \n * * Cancel - Cancel the edit state.\n * \n * The following code example implements the custom command column.\n * ```html\n * <style type=\"text/css\" class=\"cssStyles\">\n * .details-icon:before\n * {\n *   content:\"\\e74d\";\n * }\n * </style>\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * var gridObj = new Grid({\n * datasource: window.gridData,\n * columns : [\n * { field: 'CustomerID', headerText: 'Customer ID' },\n * { field: 'CustomerName', headerText: 'Customer Name' },\n * {commands: [{buttonOption:{content: 'Details', click: onClick, cssClass: details-icon}}], headerText: 'Customer Details'}\n * ]\n * gridObj.appendTo(\"#Grid\");\n * ```\n *     \n * \\@default null\n */\npublic commands: any;\n/**\n * The CSS styles and attributes of the content cells of a particular column can be customized.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: filterData,\n * columns: [\n *   { field: 'OrderID', headerText: 'Order ID' },\n *   {\n *       field: 'EmployeeID', headerText: 'Employee ID', customAttributes: {\n *          class: 'employeeid',\n *          type: 'employee-id-cell'\n *     }\n *  }]\n * });\n * gridObj.appendTo('#Grid');\n * ```\n *     \n * \\@default null\n */\npublic customAttributes: any;\n/**\n * Defines the column data source  which will act as foreign data source.\n * \\@default null\n */\npublic dataSource: any;\n/**\n * Defines default values for the component when adding a new record to the Grid.\n * \\@default null\n * \\@asptype object\n */\npublic defaultValue: any;\n/**\n * If `disableHtmlEncode` is set to true, it encodes the HTML of the header and content cells.\n * \\@default true\n */\npublic disableHtmlEncode: any;\n/**\n * If `displayAsCheckBox` is set to true, it displays the column value as a check box instead of Boolean value.\n * \\@default false\n */\npublic displayAsCheckBox: any;\n/**\n * Defines the `IEditCell`(../../grid/edit/#cell-edit-template) object to customize default edit cell.\n * \\@default {}\n */\npublic edit: any;\n/**\n * Defines the type of component for editing.\n * \\@default 'stringedit'\n */\npublic editType: any;\n/**\n * Allows grid to perform column spanning on the specified column.\n * \\@default true\n */\npublic enableColumnSpan: any;\n/**\n * If `enableGroupByFormat` set to true, then it groups the particular column by formatted values. \n * By default no columns are group by format.\n * \\@default true\n */\npublic enableGroupByFormat: any;\n/**\n * Allows grid to perform row spanning on the specified column.\n * \\@default true\n */\npublic enableRowSpan: any;\n/**\n * Defines the field name of column which is mapped with mapping name of DataSource. \n * The bounded columns can be sort, filter and group etc., \n * If the `field` name contains “dot”, then it is considered as complex binding. \n * The `field` name must be a valid JavaScript identifier, \n * the first character must be an alphabet and should not contain spaces and special characters.\n * \\@default ''\n */\npublic field: any;\n/**\n *  Defines the filter options to customize filtering for the particular column.\n * \\@default {}\n */\npublic filter: any;\n/**\n * The `filterBarTemplate` is used to add a custom component instead of default input component for filter bar. \n * It have create and read functions. \n * * create: It is used for creating custom components. \n * * read: It is used to perform custom filter action.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: filterData,\n * columns: [\n *  { field: 'OrderID', headerText: 'Order ID' },\n *  {\n *     field: 'EmployeeID', filterBarTemplate: {\n *        create: (args: { element: Element, column: Column }) => {\n *             let input: HTMLInputElement = document.createElement('input');\n *             input.id = 'EmployeeID';\n *             input.type = 'text';\n *             return input;\n *        },\n *        write: (args: { element: Element, column: Column }) => {\n *            args.element.addEventListener('input', args.column.filterBarTemplate.read as EventListener);\n *        },\n *        read: (args: { element: HTMLInputElement, columnIndex: number, column: Column }) => {\n *            gridObj.filterByColumn(args.element.id, 'equal', args.element.value);\n *       }\n *    }\n * }],\n *  allowFiltering: true\n * });\n * gridObj.appendTo('#Grid');\n * ```\n *     \n * \\@default null\n */\npublic filterBarTemplate: any;\n/**\n * Defines the mapping column name of the foreign data source. \n * If it is not defined then the `columns.field` will be considered as mapping column name\n * \\@default null\n */\npublic foreignKeyField: any;\n/**\n * Defines the display column name from the foreign data source which will be obtained from comparing local and foreign data\n * \\@default null\n */\npublic foreignKeyValue: any;\n/**\n * It is used to change display value with the given format and does not affect the original data. \n * Gets the format from the user which can be standard or custom \n * [`number`](../../common/internationalization/#manipulating-numbers) \n * and [`date`](../../common/internationalization/#manipulating-datetime) formats.\n * \\@default null\n * \\@asptype string\n */\npublic format: any;\n/**\n * Defines the method which is used to achieve custom formatting from an external function. \n * This function triggers before rendering of each cell.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * class ExtendedFormatter implements ICellFormatter {\n * public getValue(column: Column, data: Object): Object {\n *  return '<span style=\"color:' + (data['Verified'] ? 'green' : 'red') + '\"><i>' + data['Verified'] + '</i><span>';\n * }\n * }\n * let gridObj: Grid = new Grid({\n *    dataSource: filterData,\n *    columns: [\n *        { field: 'ShipName', headerText: 'Ship Name' },\n *        { field: 'Verified', headerText: 'Verified Status', formatter: ExtendedFormatter }]\n * });\n * gridObj.appendTo('#Grid');\n * ```\n *     \n * \\@default null\n */\npublic formatter: any;\n/**\n * defines which side the column need to freeze \n * The available built-in freeze directions are \n * * Left - Freeze the column at left side. \n * * Right - Freeze the column at right side. \n * * Fixed - Freeze the column at Center. \n * * None - Does not freeze the column.\n * \\@default None\n */\npublic freeze: any;\n/**\n * Defines the header text of column which is used to display in column header. \n * If `headerText` is not defined, then field name value will be assigned to header text.\n * \\@default null\n */\npublic headerText: any;\n/**\n * Define the alignment of column header which is used to align the text of column header.\n * \\@aspdefaultvalueignore\n * \\@default null\n */\npublic headerTextAlign: any;\n/**\n * Defines the method used to apply custom header cell values from external function and display this on each cell rendered.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: [{ EmployeeID: 1, EmployeeName: ['John', 'M'] }, { EmployeeID: 2, EmployeeName: ['Peter', 'A'] }],\n * columns: [\n *    { field: 'EmployeeID', headerText: 'Employee ID' },\n *    { field: 'EmployeeName', headerText: 'Employee First Name',\n *      headerValueAccessor: (field: string,column: Column) => {\n *            return \"newheadername\";\n *        },\n *    }]\n * });\n * ```\n *     \n * \\@default null\n */\npublic headerValueAccessor: any;\n/**\n * column visibility can change based on its [`Media Queries`](http://cssmediaqueries.com/what-are-css-media-queries.html). \n * `hideAtMedia` accepts only valid Media Queries.\n * \\@default ''\n */\npublic hideAtMedia: any;\n/**\n * Gets the unique identifier value of the column. It is used to get the object.\n * \\@default null\n */\npublic index: any;\n/**\n * You can use this property to freeze selected columns in grid.\n * \\@default false\n */\npublic isFrozen: any;\n/**\n * If `isIdentity` is set to true, then this column is considered as identity column.\n * \\@default false\n */\npublic isIdentity: any;\n/**\n * If `isPrimaryKey` is set to true, considers this column as the primary key constraint.\n * \\@default false\n */\npublic isPrimaryKey: any;\n/**\n * Defines the mapping column name of the foreign data source. \n * If it is not defined then the `columns.field` will be considered as mapping column name\n * \\@default false\n */\npublic lockColumn: any;\n/**\n * Defines the maximum width of the column in pixel or percentage, which will restrict resizing beyond this pixel or percentage.\n * \\@default ''\n */\npublic maxWidth: any;\n/**\n * Defines the minimum width of the column in pixels or percentage.\n * \\@default ''\n */\npublic minWidth: any;\n/**\n * If `showColumnMenu` set to false, then it disable the column menu of a particular column. \n * By default column menu will show for all columns\n * \\@default true\n */\npublic showColumnMenu: any;\n/**\n * If `showInColumnChooser` set to false, then hides the particular column in column chooser. \n * By default all columns are displayed in column Chooser.\n * \\@default true\n */\npublic showInColumnChooser: any;\n/**\n * It defines the custom sort comparer function.\n */\npublic sortComparer: any;\n/**\n * Determines the behavior of the `aria-label` attribute for cells in template columns. \n * If enableAriaLabel is set to false, the aria-label attribute is not applied to template column cells, which affects screen reader accessibility.\n * \\@default {}\n */\npublic templateOptions: any;\n/**\n * Defines the alignment of the column in both header and content cells.\n * \\@default Left\n */\npublic textAlign: any;\n/**\n * Gets the unique identifier value of the column. It is used to get the object.\n * \\@default ''\n */\npublic uid: any;\n/**\n * `editType`(../../grid/edit/#cell-edit-type-and-its-params) Defines rules to validate data before creating and updating.\n * \\@default null\n */\npublic validationRules: any;\n/**\n * Defines the method used to apply custom cell values from external function and display this on each cell rendered.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: [{ EmployeeID: 1, EmployeeName: ['John', 'M'] }, { EmployeeID: 2, EmployeeName: ['Peter', 'A'] }],\n * columns: [\n *    { field: 'EmployeeID', headerText: 'Employee ID' },\n *    { field: 'EmployeeName', headerText: 'Employee First Name',\n *      valueAccessor: (field: string, data: Object, column: Column) => {\n *            return data['EmployeeName'][0];\n *        },\n *    }]\n * });\n * ```\n *     \n * \\@default null\n */\npublic valueAccessor: any;\n/**\n * If `visible` is set to false, hides the particular column. By default, all columns are displayed.\n * \\@default true\n */\npublic visible: any;\n/**\n * Defines the width of the column in pixels or percentage.\n * \\@default ''\n */\npublic width: any;\n/**\n * Defines the column template that renders customized element in each cell of the column. \n * It accepts either [template string](../../common/template-engine/) or HTML element ID.\n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public template: any;\n/**\n * Defines the column template as string or HTML element ID which is used to add customized element in the column header.\n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public headerTemplate: any;\n    \n    @Template()\npublic commandsTemplate: any;\n    \n    @Template()\npublic filter_itemTemplate: any;\n/**\n * Defines the cell edit template that used as editor for a particular column. \n * It accepts either template string or HTML element ID.\n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public editTemplate: any;\n/**\n * Defines the filter template/UI that used as filter for a particular column. \n * It accepts either template string or HTML element ID.\n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public filterTemplate: any;\n/**\n * @param {?} viewContainerRef\n */\nconstructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'ejs-grid>e-columns>e-column>e-stacked-columns>e-stacked-column',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ViewContainerRef, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'template': [{ type: ContentChild, args: ['template', ] },],\n'headerTemplate': [{ type: ContentChild, args: ['headerTemplate', ] },],\n'commandsTemplate': [{ type: ContentChild, args: ['commandsTemplate', ] },],\n'filter_itemTemplate': [{ type: ContentChild, args: ['filterItemTemplate', ] },],\n'editTemplate': [{ type: ContentChild, args: ['editTemplate', ] },],\n'filterTemplate': [{ type: ContentChild, args: ['filterTemplate', ] },],\n};\n}\n\nfunction StackedColumnDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nStackedColumnDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nStackedColumnDirective.ctorParameters;\n/** @type {?} */\nStackedColumnDirective.propDecorators;\n/** @type {?} */\nStackedColumnDirective.prototype.directivePropList;\n/**\n * Defines the data type of the column.\n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.type;\n/**\n * If `allowEditing` set to false, then it disables editing of a particular column. \n * By default all columns are editable.\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.allowEditing;\n/**\n * If `allowFiltering` set to false, then it disables filtering option and filter bar element of a particular column. \n * By default all columns are filterable.\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.allowFiltering;\n/**\n * If `allowGrouping` set to false, then it disables grouping of a particular column. \n * By default all columns are groupable.\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.allowGrouping;\n/**\n * If `allowReordering` set to false, then it disables reorder of a particular column. \n * By default all columns can be reorder.\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.allowReordering;\n/**\n * If `allowResizing` set to false, it disables resize option of a particular column.\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.allowResizing;\n/**\n * If `allowSearching` set to false, then it disables Searching of a particular column. \n * By default all columns allow Searching.\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.allowSearching;\n/**\n * If `allowSorting` set to false, then it disables sorting option of a particular column. \n * By default all columns are sortable.\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.allowSorting;\n/**\n * If `autoFit` set to true, then the particular column content width will be \n * adjusted based on its content in the initial rendering itself. \n * Setting this property as true is equivalent to calling `autoFitColumns` method in the `dataBound` event.\n * \\@default false\n * @type {?}\n */\nStackedColumnDirective.prototype.autoFit;\n/**\n * Defines the cell content's overflow mode. The available modes are \n * * `Clip` -  Truncates the cell content when it overflows its area. \n * * `Ellipsis` -  Displays ellipsis when the cell content overflows its area. \n * * `EllipsisWithTooltip` - Displays ellipsis when the cell content overflows its area \n * also it will display tooltip while hover on ellipsis applied cell.\n * \\@default Ellipsis\n * @type {?}\n */\nStackedColumnDirective.prototype.clipMode;\n/**\n * Used to render multiple header rows(stacked headers) on the Grid header.\n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.columns;\n/**\n * `commands` provides an option to display command buttons in every cell. \n * The available built-in command buttons are \n * * Edit - Edit the record. \n * * Delete - Delete the record. \n * * Save - Save the record. \n * * Cancel - Cancel the edit state.\n * \n * The following code example implements the custom command column.\n * ```html\n * <style type=\"text/css\" class=\"cssStyles\">\n * .details-icon:before\n * {\n *   content:\"\\e74d\";\n * }\n * </style>\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * var gridObj = new Grid({\n * datasource: window.gridData,\n * columns : [\n * { field: 'CustomerID', headerText: 'Customer ID' },\n * { field: 'CustomerName', headerText: 'Customer Name' },\n * {commands: [{buttonOption:{content: 'Details', click: onClick, cssClass: details-icon}}], headerText: 'Customer Details'}\n * ]\n * gridObj.appendTo(\"#Grid\");\n * ```\n *     \n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.commands;\n/**\n * The CSS styles and attributes of the content cells of a particular column can be customized.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: filterData,\n * columns: [\n *   { field: 'OrderID', headerText: 'Order ID' },\n *   {\n *       field: 'EmployeeID', headerText: 'Employee ID', customAttributes: {\n *          class: 'employeeid',\n *          type: 'employee-id-cell'\n *     }\n *  }]\n * });\n * gridObj.appendTo('#Grid');\n * ```\n *     \n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.customAttributes;\n/**\n * Defines the column data source  which will act as foreign data source.\n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.dataSource;\n/**\n * Defines default values for the component when adding a new record to the Grid.\n * \\@default null\n * \\@asptype object\n * @type {?}\n */\nStackedColumnDirective.prototype.defaultValue;\n/**\n * If `disableHtmlEncode` is set to true, it encodes the HTML of the header and content cells.\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.disableHtmlEncode;\n/**\n * If `displayAsCheckBox` is set to true, it displays the column value as a check box instead of Boolean value.\n * \\@default false\n * @type {?}\n */\nStackedColumnDirective.prototype.displayAsCheckBox;\n/**\n * Defines the `IEditCell`(../../grid/edit/#cell-edit-template) object to customize default edit cell.\n * \\@default {}\n * @type {?}\n */\nStackedColumnDirective.prototype.edit;\n/**\n * Defines the type of component for editing.\n * \\@default 'stringedit'\n * @type {?}\n */\nStackedColumnDirective.prototype.editType;\n/**\n * Allows grid to perform column spanning on the specified column.\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.enableColumnSpan;\n/**\n * If `enableGroupByFormat` set to true, then it groups the particular column by formatted values. \n * By default no columns are group by format.\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.enableGroupByFormat;\n/**\n * Allows grid to perform row spanning on the specified column.\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.enableRowSpan;\n/**\n * Defines the field name of column which is mapped with mapping name of DataSource. \n * The bounded columns can be sort, filter and group etc., \n * If the `field` name contains “dot”, then it is considered as complex binding. \n * The `field` name must be a valid JavaScript identifier, \n * the first character must be an alphabet and should not contain spaces and special characters.\n * \\@default ''\n * @type {?}\n */\nStackedColumnDirective.prototype.field;\n/**\n *  Defines the filter options to customize filtering for the particular column.\n * \\@default {}\n * @type {?}\n */\nStackedColumnDirective.prototype.filter;\n/**\n * The `filterBarTemplate` is used to add a custom component instead of default input component for filter bar. \n * It have create and read functions. \n * * create: It is used for creating custom components. \n * * read: It is used to perform custom filter action.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: filterData,\n * columns: [\n *  { field: 'OrderID', headerText: 'Order ID' },\n *  {\n *     field: 'EmployeeID', filterBarTemplate: {\n *        create: (args: { element: Element, column: Column }) => {\n *             let input: HTMLInputElement = document.createElement('input');\n *             input.id = 'EmployeeID';\n *             input.type = 'text';\n *             return input;\n *        },\n *        write: (args: { element: Element, column: Column }) => {\n *            args.element.addEventListener('input', args.column.filterBarTemplate.read as EventListener);\n *        },\n *        read: (args: { element: HTMLInputElement, columnIndex: number, column: Column }) => {\n *            gridObj.filterByColumn(args.element.id, 'equal', args.element.value);\n *       }\n *    }\n * }],\n *  allowFiltering: true\n * });\n * gridObj.appendTo('#Grid');\n * ```\n *     \n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.filterBarTemplate;\n/**\n * Defines the mapping column name of the foreign data source. \n * If it is not defined then the `columns.field` will be considered as mapping column name\n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.foreignKeyField;\n/**\n * Defines the display column name from the foreign data source which will be obtained from comparing local and foreign data\n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.foreignKeyValue;\n/**\n * It is used to change display value with the given format and does not affect the original data. \n * Gets the format from the user which can be standard or custom \n * [`number`](../../common/internationalization/#manipulating-numbers) \n * and [`date`](../../common/internationalization/#manipulating-datetime) formats.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nStackedColumnDirective.prototype.format;\n/**\n * Defines the method which is used to achieve custom formatting from an external function. \n * This function triggers before rendering of each cell.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * class ExtendedFormatter implements ICellFormatter {\n * public getValue(column: Column, data: Object): Object {\n *  return '<span style=\"color:' + (data['Verified'] ? 'green' : 'red') + '\"><i>' + data['Verified'] + '</i><span>';\n * }\n * }\n * let gridObj: Grid = new Grid({\n *    dataSource: filterData,\n *    columns: [\n *        { field: 'ShipName', headerText: 'Ship Name' },\n *        { field: 'Verified', headerText: 'Verified Status', formatter: ExtendedFormatter }]\n * });\n * gridObj.appendTo('#Grid');\n * ```\n *     \n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.formatter;\n/**\n * defines which side the column need to freeze \n * The available built-in freeze directions are \n * * Left - Freeze the column at left side. \n * * Right - Freeze the column at right side. \n * * Fixed - Freeze the column at Center. \n * * None - Does not freeze the column.\n * \\@default None\n * @type {?}\n */\nStackedColumnDirective.prototype.freeze;\n/**\n * Defines the header text of column which is used to display in column header. \n * If `headerText` is not defined, then field name value will be assigned to header text.\n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.headerText;\n/**\n * Define the alignment of column header which is used to align the text of column header.\n * \\@aspdefaultvalueignore\n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.headerTextAlign;\n/**\n * Defines the method used to apply custom header cell values from external function and display this on each cell rendered.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: [{ EmployeeID: 1, EmployeeName: ['John', 'M'] }, { EmployeeID: 2, EmployeeName: ['Peter', 'A'] }],\n * columns: [\n *    { field: 'EmployeeID', headerText: 'Employee ID' },\n *    { field: 'EmployeeName', headerText: 'Employee First Name',\n *      headerValueAccessor: (field: string,column: Column) => {\n *            return \"newheadername\";\n *        },\n *    }]\n * });\n * ```\n *     \n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.headerValueAccessor;\n/**\n * column visibility can change based on its [`Media Queries`](http://cssmediaqueries.com/what-are-css-media-queries.html). \n * `hideAtMedia` accepts only valid Media Queries.\n * \\@default ''\n * @type {?}\n */\nStackedColumnDirective.prototype.hideAtMedia;\n/**\n * Gets the unique identifier value of the column. It is used to get the object.\n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.index;\n/**\n * You can use this property to freeze selected columns in grid.\n * \\@default false\n * @type {?}\n */\nStackedColumnDirective.prototype.isFrozen;\n/**\n * If `isIdentity` is set to true, then this column is considered as identity column.\n * \\@default false\n * @type {?}\n */\nStackedColumnDirective.prototype.isIdentity;\n/**\n * If `isPrimaryKey` is set to true, considers this column as the primary key constraint.\n * \\@default false\n * @type {?}\n */\nStackedColumnDirective.prototype.isPrimaryKey;\n/**\n * Defines the mapping column name of the foreign data source. \n * If it is not defined then the `columns.field` will be considered as mapping column name\n * \\@default false\n * @type {?}\n */\nStackedColumnDirective.prototype.lockColumn;\n/**\n * Defines the maximum width of the column in pixel or percentage, which will restrict resizing beyond this pixel or percentage.\n * \\@default ''\n * @type {?}\n */\nStackedColumnDirective.prototype.maxWidth;\n/**\n * Defines the minimum width of the column in pixels or percentage.\n * \\@default ''\n * @type {?}\n */\nStackedColumnDirective.prototype.minWidth;\n/**\n * If `showColumnMenu` set to false, then it disable the column menu of a particular column. \n * By default column menu will show for all columns\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.showColumnMenu;\n/**\n * If `showInColumnChooser` set to false, then hides the particular column in column chooser. \n * By default all columns are displayed in column Chooser.\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.showInColumnChooser;\n/**\n * It defines the custom sort comparer function.\n * @type {?}\n */\nStackedColumnDirective.prototype.sortComparer;\n/**\n * Determines the behavior of the `aria-label` attribute for cells in template columns. \n * If enableAriaLabel is set to false, the aria-label attribute is not applied to template column cells, which affects screen reader accessibility.\n * \\@default {}\n * @type {?}\n */\nStackedColumnDirective.prototype.templateOptions;\n/**\n * Defines the alignment of the column in both header and content cells.\n * \\@default Left\n * @type {?}\n */\nStackedColumnDirective.prototype.textAlign;\n/**\n * Gets the unique identifier value of the column. It is used to get the object.\n * \\@default ''\n * @type {?}\n */\nStackedColumnDirective.prototype.uid;\n/**\n * `editType`(../../grid/edit/#cell-edit-type-and-its-params) Defines rules to validate data before creating and updating.\n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.validationRules;\n/**\n * Defines the method used to apply custom cell values from external function and display this on each cell rendered.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: [{ EmployeeID: 1, EmployeeName: ['John', 'M'] }, { EmployeeID: 2, EmployeeName: ['Peter', 'A'] }],\n * columns: [\n *    { field: 'EmployeeID', headerText: 'Employee ID' },\n *    { field: 'EmployeeName', headerText: 'Employee First Name',\n *      valueAccessor: (field: string, data: Object, column: Column) => {\n *            return data['EmployeeName'][0];\n *        },\n *    }]\n * });\n * ```\n *     \n * \\@default null\n * @type {?}\n */\nStackedColumnDirective.prototype.valueAccessor;\n/**\n * If `visible` is set to false, hides the particular column. By default, all columns are displayed.\n * \\@default true\n * @type {?}\n */\nStackedColumnDirective.prototype.visible;\n/**\n * Defines the width of the column in pixels or percentage.\n * \\@default ''\n * @type {?}\n */\nStackedColumnDirective.prototype.width;\n/**\n * Defines the column template that renders customized element in each cell of the column. \n * It accepts either [template string](../../common/template-engine/) or HTML element ID.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nStackedColumnDirective.prototype.template;\n/**\n * Defines the column template as string or HTML element ID which is used to add customized element in the column header.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nStackedColumnDirective.prototype.headerTemplate;\n/** @type {?} */\nStackedColumnDirective.prototype.commandsTemplate;\n/** @type {?} */\nStackedColumnDirective.prototype.filter_itemTemplate;\n/**\n * Defines the cell edit template that used as editor for a particular column. \n * It accepts either template string or HTML element ID.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nStackedColumnDirective.prototype.editTemplate;\n/**\n * Defines the filter template/UI that used as filter for a particular column. \n * It accepts either template string or HTML element ID.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nStackedColumnDirective.prototype.filterTemplate;\n/** @type {?} */\nStackedColumnDirective.prototype.viewContainerRef;\n}\n\n/**\n * StackedColumn Array Directive\n */\nexport class StackedColumnsDirective extends ArrayBase<StackedColumnsDirective> {\nconstructor() {\n        super('columns');\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'ejs-grid>e-columns>e-column>e-stacked-columns',\n    queries: {\n        children: new ContentChildren(StackedColumnDirective)\n    },\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction StackedColumnsDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nStackedColumnsDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nStackedColumnsDirective.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Template } from '@syncfusion/ej2-angular-base';\nimport { StackedColumnsDirective } from './stacked-column.directive';\n\nlet /** @type {?} */ input: string[] = ['allowEditing', 'allowFiltering', 'allowGrouping', 'allowReordering', 'allowResizing', 'allowSearching', 'allowSorting', 'autoFit', 'clipMode', 'columns', 'commands', 'customAttributes', 'dataSource', 'defaultValue', 'disableHtmlEncode', 'displayAsCheckBox', 'edit', 'editTemplate', 'editType', 'enableColumnSpan', 'enableGroupByFormat', 'enableRowSpan', 'field', 'filter', 'filterBarTemplate', 'filterTemplate', 'foreignKeyField', 'foreignKeyValue', 'format', 'formatter', 'freeze', 'headerTemplate', 'headerText', 'headerTextAlign', 'headerValueAccessor', 'hideAtMedia', 'index', 'isFrozen', 'isIdentity', 'isPrimaryKey', 'lockColumn', 'maxWidth', 'minWidth', 'showColumnMenu', 'showInColumnChooser', 'sortComparer', 'template', 'templateOptions', 'textAlign', 'type', 'uid', 'validationRules', 'valueAccessor', 'visible', 'width'];\nlet /** @type {?} */ outputs: string[] = [];\n/**\n * `e-column` directive represent a column of the Angular Grid. \n * It must be contained in a Grid component(`ejs-grid`). \n * ```html\n * <ejs-grid [dataSource]='data' allowPaging='true' allowSorting='true'> \n *   <e-columns>\n *    <e-column field='ID' width='100'></e-column>\n *    <e-column field='name' headerText='Name' width='100'></e-column>\n *   </e-columns>\n * </ejs-grid>\n * ```\n */\nexport class ColumnDirective extends ComplexBase<ColumnDirective> {\npublic directivePropList: any;\npublic childColumns: any;\npublic tags: string[] = ['columns'];\n/**\n * Defines the data type of the column.\n * \\@default null\n */\npublic type: any;\n/**\n * If `allowEditing` set to false, then it disables editing of a particular column. \n * By default all columns are editable.\n * \\@default true\n */\npublic allowEditing: any;\n/**\n * If `allowFiltering` set to false, then it disables filtering option and filter bar element of a particular column. \n * By default all columns are filterable.\n * \\@default true\n */\npublic allowFiltering: any;\n/**\n * If `allowGrouping` set to false, then it disables grouping of a particular column. \n * By default all columns are groupable.\n * \\@default true\n */\npublic allowGrouping: any;\n/**\n * If `allowReordering` set to false, then it disables reorder of a particular column. \n * By default all columns can be reorder.\n * \\@default true\n */\npublic allowReordering: any;\n/**\n * If `allowResizing` set to false, it disables resize option of a particular column.\n * \\@default true\n */\npublic allowResizing: any;\n/**\n * If `allowSearching` set to false, then it disables Searching of a particular column. \n * By default all columns allow Searching.\n * \\@default true\n */\npublic allowSearching: any;\n/**\n * If `allowSorting` set to false, then it disables sorting option of a particular column. \n * By default all columns are sortable.\n * \\@default true\n */\npublic allowSorting: any;\n/**\n * If `autoFit` set to true, then the particular column content width will be \n * adjusted based on its content in the initial rendering itself. \n * Setting this property as true is equivalent to calling `autoFitColumns` method in the `dataBound` event.\n * \\@default false\n */\npublic autoFit: any;\n/**\n * Defines the cell content's overflow mode. The available modes are \n * * `Clip` -  Truncates the cell content when it overflows its area. \n * * `Ellipsis` -  Displays ellipsis when the cell content overflows its area. \n * * `EllipsisWithTooltip` - Displays ellipsis when the cell content overflows its area \n * also it will display tooltip while hover on ellipsis applied cell.\n * \\@default Ellipsis\n */\npublic clipMode: any;\n/**\n * Used to render multiple header rows(stacked headers) on the Grid header.\n * \\@default null\n */\npublic columns: any;\n/**\n * `commands` provides an option to display command buttons in every cell. \n * The available built-in command buttons are \n * * Edit - Edit the record. \n * * Delete - Delete the record. \n * * Save - Save the record. \n * * Cancel - Cancel the edit state.\n * \n * The following code example implements the custom command column.\n * ```html\n * <style type=\"text/css\" class=\"cssStyles\">\n * .details-icon:before\n * {\n *   content:\"\\e74d\";\n * }\n * </style>\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * var gridObj = new Grid({\n * datasource: window.gridData,\n * columns : [\n * { field: 'CustomerID', headerText: 'Customer ID' },\n * { field: 'CustomerName', headerText: 'Customer Name' },\n * {commands: [{buttonOption:{content: 'Details', click: onClick, cssClass: details-icon}}], headerText: 'Customer Details'}\n * ]\n * gridObj.appendTo(\"#Grid\");\n * ```\n *     \n * \\@default null\n */\npublic commands: any;\n/**\n * The CSS styles and attributes of the content cells of a particular column can be customized.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: filterData,\n * columns: [\n *   { field: 'OrderID', headerText: 'Order ID' },\n *   {\n *       field: 'EmployeeID', headerText: 'Employee ID', customAttributes: {\n *          class: 'employeeid',\n *          type: 'employee-id-cell'\n *     }\n *  }]\n * });\n * gridObj.appendTo('#Grid');\n * ```\n *     \n * \\@default null\n */\npublic customAttributes: any;\n/**\n * Defines the column data source  which will act as foreign data source.\n * \\@default null\n */\npublic dataSource: any;\n/**\n * Defines default values for the component when adding a new record to the Grid.\n * \\@default null\n * \\@asptype object\n */\npublic defaultValue: any;\n/**\n * If `disableHtmlEncode` is set to true, it encodes the HTML of the header and content cells.\n * \\@default true\n */\npublic disableHtmlEncode: any;\n/**\n * If `displayAsCheckBox` is set to true, it displays the column value as a check box instead of Boolean value.\n * \\@default false\n */\npublic displayAsCheckBox: any;\n/**\n * Defines the `IEditCell`(../../grid/edit/#cell-edit-template) object to customize default edit cell.\n * \\@default {}\n */\npublic edit: any;\n/**\n * Defines the type of component for editing.\n * \\@default 'stringedit'\n */\npublic editType: any;\n/**\n * Allows grid to perform column spanning on the specified column.\n * \\@default true\n */\npublic enableColumnSpan: any;\n/**\n * If `enableGroupByFormat` set to true, then it groups the particular column by formatted values. \n * By default no columns are group by format.\n * \\@default true\n */\npublic enableGroupByFormat: any;\n/**\n * Allows grid to perform row spanning on the specified column.\n * \\@default true\n */\npublic enableRowSpan: any;\n/**\n * Defines the field name of column which is mapped with mapping name of DataSource. \n * The bounded columns can be sort, filter and group etc., \n * If the `field` name contains “dot”, then it is considered as complex binding. \n * The `field` name must be a valid JavaScript identifier, \n * the first character must be an alphabet and should not contain spaces and special characters.\n * \\@default ''\n */\npublic field: any;\n/**\n *  Defines the filter options to customize filtering for the particular column.\n * \\@default {}\n */\npublic filter: any;\n/**\n * The `filterBarTemplate` is used to add a custom component instead of default input component for filter bar. \n * It have create and read functions. \n * * create: It is used for creating custom components. \n * * read: It is used to perform custom filter action.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: filterData,\n * columns: [\n *  { field: 'OrderID', headerText: 'Order ID' },\n *  {\n *     field: 'EmployeeID', filterBarTemplate: {\n *        create: (args: { element: Element, column: Column }) => {\n *             let input: HTMLInputElement = document.createElement('input');\n *             input.id = 'EmployeeID';\n *             input.type = 'text';\n *             return input;\n *        },\n *        write: (args: { element: Element, column: Column }) => {\n *            args.element.addEventListener('input', args.column.filterBarTemplate.read as EventListener);\n *        },\n *        read: (args: { element: HTMLInputElement, columnIndex: number, column: Column }) => {\n *            gridObj.filterByColumn(args.element.id, 'equal', args.element.value);\n *       }\n *    }\n * }],\n *  allowFiltering: true\n * });\n * gridObj.appendTo('#Grid');\n * ```\n *     \n * \\@default null\n */\npublic filterBarTemplate: any;\n/**\n * Defines the mapping column name of the foreign data source. \n * If it is not defined then the `columns.field` will be considered as mapping column name\n * \\@default null\n */\npublic foreignKeyField: any;\n/**\n * Defines the display column name from the foreign data source which will be obtained from comparing local and foreign data\n * \\@default null\n */\npublic foreignKeyValue: any;\n/**\n * It is used to change display value with the given format and does not affect the original data. \n * Gets the format from the user which can be standard or custom \n * [`number`](../../common/internationalization/#manipulating-numbers) \n * and [`date`](../../common/internationalization/#manipulating-datetime) formats.\n * \\@default null\n * \\@asptype string\n */\npublic format: any;\n/**\n * Defines the method which is used to achieve custom formatting from an external function. \n * This function triggers before rendering of each cell.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * class ExtendedFormatter implements ICellFormatter {\n * public getValue(column: Column, data: Object): Object {\n *  return '<span style=\"color:' + (data['Verified'] ? 'green' : 'red') + '\"><i>' + data['Verified'] + '</i><span>';\n * }\n * }\n * let gridObj: Grid = new Grid({\n *    dataSource: filterData,\n *    columns: [\n *        { field: 'ShipName', headerText: 'Ship Name' },\n *        { field: 'Verified', headerText: 'Verified Status', formatter: ExtendedFormatter }]\n * });\n * gridObj.appendTo('#Grid');\n * ```\n *     \n * \\@default null\n */\npublic formatter: any;\n/**\n * defines which side the column need to freeze \n * The available built-in freeze directions are \n * * Left - Freeze the column at left side. \n * * Right - Freeze the column at right side. \n * * Fixed - Freeze the column at Center. \n * * None - Does not freeze the column.\n * \\@default None\n */\npublic freeze: any;\n/**\n * Defines the header text of column which is used to display in column header. \n * If `headerText` is not defined, then field name value will be assigned to header text.\n * \\@default null\n */\npublic headerText: any;\n/**\n * Define the alignment of column header which is used to align the text of column header.\n * \\@aspdefaultvalueignore\n * \\@default null\n */\npublic headerTextAlign: any;\n/**\n * Defines the method used to apply custom header cell values from external function and display this on each cell rendered.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: [{ EmployeeID: 1, EmployeeName: ['John', 'M'] }, { EmployeeID: 2, EmployeeName: ['Peter', 'A'] }],\n * columns: [\n *    { field: 'EmployeeID', headerText: 'Employee ID' },\n *    { field: 'EmployeeName', headerText: 'Employee First Name',\n *      headerValueAccessor: (field: string,column: Column) => {\n *            return \"newheadername\";\n *        },\n *    }]\n * });\n * ```\n *     \n * \\@default null\n */\npublic headerValueAccessor: any;\n/**\n * column visibility can change based on its [`Media Queries`](http://cssmediaqueries.com/what-are-css-media-queries.html). \n * `hideAtMedia` accepts only valid Media Queries.\n * \\@default ''\n */\npublic hideAtMedia: any;\n/**\n * Gets the unique identifier value of the column. It is used to get the object.\n * \\@default null\n */\npublic index: any;\n/**\n * You can use this property to freeze selected columns in grid.\n * \\@default false\n */\npublic isFrozen: any;\n/**\n * If `isIdentity` is set to true, then this column is considered as identity column.\n * \\@default false\n */\npublic isIdentity: any;\n/**\n * If `isPrimaryKey` is set to true, considers this column as the primary key constraint.\n * \\@default false\n */\npublic isPrimaryKey: any;\n/**\n * Defines the mapping column name of the foreign data source. \n * If it is not defined then the `columns.field` will be considered as mapping column name\n * \\@default false\n */\npublic lockColumn: any;\n/**\n * Defines the maximum width of the column in pixel or percentage, which will restrict resizing beyond this pixel or percentage.\n * \\@default ''\n */\npublic maxWidth: any;\n/**\n * Defines the minimum width of the column in pixels or percentage.\n * \\@default ''\n */\npublic minWidth: any;\n/**\n * If `showColumnMenu` set to false, then it disable the column menu of a particular column. \n * By default column menu will show for all columns\n * \\@default true\n */\npublic showColumnMenu: any;\n/**\n * If `showInColumnChooser` set to false, then hides the particular column in column chooser. \n * By default all columns are displayed in column Chooser.\n * \\@default true\n */\npublic showInColumnChooser: any;\n/**\n * It defines the custom sort comparer function.\n */\npublic sortComparer: any;\n/**\n * Determines the behavior of the `aria-label` attribute for cells in template columns. \n * If enableAriaLabel is set to false, the aria-label attribute is not applied to template column cells, which affects screen reader accessibility.\n * \\@default {}\n */\npublic templateOptions: any;\n/**\n * Defines the alignment of the column in both header and content cells.\n * \\@default Left\n */\npublic textAlign: any;\n/**\n * Gets the unique identifier value of the column. It is used to get the object.\n * \\@default ''\n */\npublic uid: any;\n/**\n * `editType`(../../grid/edit/#cell-edit-type-and-its-params) Defines rules to validate data before creating and updating.\n * \\@default null\n */\npublic validationRules: any;\n/**\n * Defines the method used to apply custom cell values from external function and display this on each cell rendered.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: [{ EmployeeID: 1, EmployeeName: ['John', 'M'] }, { EmployeeID: 2, EmployeeName: ['Peter', 'A'] }],\n * columns: [\n *    { field: 'EmployeeID', headerText: 'Employee ID' },\n *    { field: 'EmployeeName', headerText: 'Employee First Name',\n *      valueAccessor: (field: string, data: Object, column: Column) => {\n *            return data['EmployeeName'][0];\n *        },\n *    }]\n * });\n * ```\n *     \n * \\@default null\n */\npublic valueAccessor: any;\n/**\n * If `visible` is set to false, hides the particular column. By default, all columns are displayed.\n * \\@default true\n */\npublic visible: any;\n/**\n * Defines the width of the column in pixels or percentage.\n * \\@default ''\n */\npublic width: any;\n/**\n * Defines the column template that renders customized element in each cell of the column. \n * It accepts either [template string](../../common/template-engine/) or HTML element ID.\n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public template: any;\n/**\n * Defines the column template as string or HTML element ID which is used to add customized element in the column header.\n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public headerTemplate: any;\n    \n    @Template()\npublic commandsTemplate: any;\n    \n    @Template()\npublic filter_itemTemplate: any;\n/**\n * Defines the cell edit template that used as editor for a particular column. \n * It accepts either template string or HTML element ID.\n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public editTemplate: any;\n/**\n * Defines the filter template/UI that used as filter for a particular column. \n * It accepts either template string or HTML element ID.\n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public filterTemplate: any;\n/**\n * @param {?} viewContainerRef\n */\nconstructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'ejs-grid>e-columns>e-column',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n        childColumns: new ContentChild(StackedColumnsDirective)\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ViewContainerRef, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'template': [{ type: ContentChild, args: ['template', ] },],\n'headerTemplate': [{ type: ContentChild, args: ['headerTemplate', ] },],\n'commandsTemplate': [{ type: ContentChild, args: ['commandsTemplate', ] },],\n'filter_itemTemplate': [{ type: ContentChild, args: ['filterItemTemplate', ] },],\n'editTemplate': [{ type: ContentChild, args: ['editTemplate', ] },],\n'filterTemplate': [{ type: ContentChild, args: ['filterTemplate', ] },],\n};\n}\n\nfunction ColumnDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nColumnDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nColumnDirective.ctorParameters;\n/** @type {?} */\nColumnDirective.propDecorators;\n/** @type {?} */\nColumnDirective.prototype.directivePropList;\n/** @type {?} */\nColumnDirective.prototype.childColumns;\n/** @type {?} */\nColumnDirective.prototype.tags;\n/**\n * Defines the data type of the column.\n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.type;\n/**\n * If `allowEditing` set to false, then it disables editing of a particular column. \n * By default all columns are editable.\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.allowEditing;\n/**\n * If `allowFiltering` set to false, then it disables filtering option and filter bar element of a particular column. \n * By default all columns are filterable.\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.allowFiltering;\n/**\n * If `allowGrouping` set to false, then it disables grouping of a particular column. \n * By default all columns are groupable.\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.allowGrouping;\n/**\n * If `allowReordering` set to false, then it disables reorder of a particular column. \n * By default all columns can be reorder.\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.allowReordering;\n/**\n * If `allowResizing` set to false, it disables resize option of a particular column.\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.allowResizing;\n/**\n * If `allowSearching` set to false, then it disables Searching of a particular column. \n * By default all columns allow Searching.\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.allowSearching;\n/**\n * If `allowSorting` set to false, then it disables sorting option of a particular column. \n * By default all columns are sortable.\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.allowSorting;\n/**\n * If `autoFit` set to true, then the particular column content width will be \n * adjusted based on its content in the initial rendering itself. \n * Setting this property as true is equivalent to calling `autoFitColumns` method in the `dataBound` event.\n * \\@default false\n * @type {?}\n */\nColumnDirective.prototype.autoFit;\n/**\n * Defines the cell content's overflow mode. The available modes are \n * * `Clip` -  Truncates the cell content when it overflows its area. \n * * `Ellipsis` -  Displays ellipsis when the cell content overflows its area. \n * * `EllipsisWithTooltip` - Displays ellipsis when the cell content overflows its area \n * also it will display tooltip while hover on ellipsis applied cell.\n * \\@default Ellipsis\n * @type {?}\n */\nColumnDirective.prototype.clipMode;\n/**\n * Used to render multiple header rows(stacked headers) on the Grid header.\n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.columns;\n/**\n * `commands` provides an option to display command buttons in every cell. \n * The available built-in command buttons are \n * * Edit - Edit the record. \n * * Delete - Delete the record. \n * * Save - Save the record. \n * * Cancel - Cancel the edit state.\n * \n * The following code example implements the custom command column.\n * ```html\n * <style type=\"text/css\" class=\"cssStyles\">\n * .details-icon:before\n * {\n *   content:\"\\e74d\";\n * }\n * </style>\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * var gridObj = new Grid({\n * datasource: window.gridData,\n * columns : [\n * { field: 'CustomerID', headerText: 'Customer ID' },\n * { field: 'CustomerName', headerText: 'Customer Name' },\n * {commands: [{buttonOption:{content: 'Details', click: onClick, cssClass: details-icon}}], headerText: 'Customer Details'}\n * ]\n * gridObj.appendTo(\"#Grid\");\n * ```\n *     \n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.commands;\n/**\n * The CSS styles and attributes of the content cells of a particular column can be customized.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: filterData,\n * columns: [\n *   { field: 'OrderID', headerText: 'Order ID' },\n *   {\n *       field: 'EmployeeID', headerText: 'Employee ID', customAttributes: {\n *          class: 'employeeid',\n *          type: 'employee-id-cell'\n *     }\n *  }]\n * });\n * gridObj.appendTo('#Grid');\n * ```\n *     \n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.customAttributes;\n/**\n * Defines the column data source  which will act as foreign data source.\n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.dataSource;\n/**\n * Defines default values for the component when adding a new record to the Grid.\n * \\@default null\n * \\@asptype object\n * @type {?}\n */\nColumnDirective.prototype.defaultValue;\n/**\n * If `disableHtmlEncode` is set to true, it encodes the HTML of the header and content cells.\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.disableHtmlEncode;\n/**\n * If `displayAsCheckBox` is set to true, it displays the column value as a check box instead of Boolean value.\n * \\@default false\n * @type {?}\n */\nColumnDirective.prototype.displayAsCheckBox;\n/**\n * Defines the `IEditCell`(../../grid/edit/#cell-edit-template) object to customize default edit cell.\n * \\@default {}\n * @type {?}\n */\nColumnDirective.prototype.edit;\n/**\n * Defines the type of component for editing.\n * \\@default 'stringedit'\n * @type {?}\n */\nColumnDirective.prototype.editType;\n/**\n * Allows grid to perform column spanning on the specified column.\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.enableColumnSpan;\n/**\n * If `enableGroupByFormat` set to true, then it groups the particular column by formatted values. \n * By default no columns are group by format.\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.enableGroupByFormat;\n/**\n * Allows grid to perform row spanning on the specified column.\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.enableRowSpan;\n/**\n * Defines the field name of column which is mapped with mapping name of DataSource. \n * The bounded columns can be sort, filter and group etc., \n * If the `field` name contains “dot”, then it is considered as complex binding. \n * The `field` name must be a valid JavaScript identifier, \n * the first character must be an alphabet and should not contain spaces and special characters.\n * \\@default ''\n * @type {?}\n */\nColumnDirective.prototype.field;\n/**\n *  Defines the filter options to customize filtering for the particular column.\n * \\@default {}\n * @type {?}\n */\nColumnDirective.prototype.filter;\n/**\n * The `filterBarTemplate` is used to add a custom component instead of default input component for filter bar. \n * It have create and read functions. \n * * create: It is used for creating custom components. \n * * read: It is used to perform custom filter action.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: filterData,\n * columns: [\n *  { field: 'OrderID', headerText: 'Order ID' },\n *  {\n *     field: 'EmployeeID', filterBarTemplate: {\n *        create: (args: { element: Element, column: Column }) => {\n *             let input: HTMLInputElement = document.createElement('input');\n *             input.id = 'EmployeeID';\n *             input.type = 'text';\n *             return input;\n *        },\n *        write: (args: { element: Element, column: Column }) => {\n *            args.element.addEventListener('input', args.column.filterBarTemplate.read as EventListener);\n *        },\n *        read: (args: { element: HTMLInputElement, columnIndex: number, column: Column }) => {\n *            gridObj.filterByColumn(args.element.id, 'equal', args.element.value);\n *       }\n *    }\n * }],\n *  allowFiltering: true\n * });\n * gridObj.appendTo('#Grid');\n * ```\n *     \n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.filterBarTemplate;\n/**\n * Defines the mapping column name of the foreign data source. \n * If it is not defined then the `columns.field` will be considered as mapping column name\n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.foreignKeyField;\n/**\n * Defines the display column name from the foreign data source which will be obtained from comparing local and foreign data\n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.foreignKeyValue;\n/**\n * It is used to change display value with the given format and does not affect the original data. \n * Gets the format from the user which can be standard or custom \n * [`number`](../../common/internationalization/#manipulating-numbers) \n * and [`date`](../../common/internationalization/#manipulating-datetime) formats.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nColumnDirective.prototype.format;\n/**\n * Defines the method which is used to achieve custom formatting from an external function. \n * This function triggers before rendering of each cell.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * class ExtendedFormatter implements ICellFormatter {\n * public getValue(column: Column, data: Object): Object {\n *  return '<span style=\"color:' + (data['Verified'] ? 'green' : 'red') + '\"><i>' + data['Verified'] + '</i><span>';\n * }\n * }\n * let gridObj: Grid = new Grid({\n *    dataSource: filterData,\n *    columns: [\n *        { field: 'ShipName', headerText: 'Ship Name' },\n *        { field: 'Verified', headerText: 'Verified Status', formatter: ExtendedFormatter }]\n * });\n * gridObj.appendTo('#Grid');\n * ```\n *     \n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.formatter;\n/**\n * defines which side the column need to freeze \n * The available built-in freeze directions are \n * * Left - Freeze the column at left side. \n * * Right - Freeze the column at right side. \n * * Fixed - Freeze the column at Center. \n * * None - Does not freeze the column.\n * \\@default None\n * @type {?}\n */\nColumnDirective.prototype.freeze;\n/**\n * Defines the header text of column which is used to display in column header. \n * If `headerText` is not defined, then field name value will be assigned to header text.\n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.headerText;\n/**\n * Define the alignment of column header which is used to align the text of column header.\n * \\@aspdefaultvalueignore\n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.headerTextAlign;\n/**\n * Defines the method used to apply custom header cell values from external function and display this on each cell rendered.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: [{ EmployeeID: 1, EmployeeName: ['John', 'M'] }, { EmployeeID: 2, EmployeeName: ['Peter', 'A'] }],\n * columns: [\n *    { field: 'EmployeeID', headerText: 'Employee ID' },\n *    { field: 'EmployeeName', headerText: 'Employee First Name',\n *      headerValueAccessor: (field: string,column: Column) => {\n *            return \"newheadername\";\n *        },\n *    }]\n * });\n * ```\n *     \n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.headerValueAccessor;\n/**\n * column visibility can change based on its [`Media Queries`](http://cssmediaqueries.com/what-are-css-media-queries.html). \n * `hideAtMedia` accepts only valid Media Queries.\n * \\@default ''\n * @type {?}\n */\nColumnDirective.prototype.hideAtMedia;\n/**\n * Gets the unique identifier value of the column. It is used to get the object.\n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.index;\n/**\n * You can use this property to freeze selected columns in grid.\n * \\@default false\n * @type {?}\n */\nColumnDirective.prototype.isFrozen;\n/**\n * If `isIdentity` is set to true, then this column is considered as identity column.\n * \\@default false\n * @type {?}\n */\nColumnDirective.prototype.isIdentity;\n/**\n * If `isPrimaryKey` is set to true, considers this column as the primary key constraint.\n * \\@default false\n * @type {?}\n */\nColumnDirective.prototype.isPrimaryKey;\n/**\n * Defines the mapping column name of the foreign data source. \n * If it is not defined then the `columns.field` will be considered as mapping column name\n * \\@default false\n * @type {?}\n */\nColumnDirective.prototype.lockColumn;\n/**\n * Defines the maximum width of the column in pixel or percentage, which will restrict resizing beyond this pixel or percentage.\n * \\@default ''\n * @type {?}\n */\nColumnDirective.prototype.maxWidth;\n/**\n * Defines the minimum width of the column in pixels or percentage.\n * \\@default ''\n * @type {?}\n */\nColumnDirective.prototype.minWidth;\n/**\n * If `showColumnMenu` set to false, then it disable the column menu of a particular column. \n * By default column menu will show for all columns\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.showColumnMenu;\n/**\n * If `showInColumnChooser` set to false, then hides the particular column in column chooser. \n * By default all columns are displayed in column Chooser.\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.showInColumnChooser;\n/**\n * It defines the custom sort comparer function.\n * @type {?}\n */\nColumnDirective.prototype.sortComparer;\n/**\n * Determines the behavior of the `aria-label` attribute for cells in template columns. \n * If enableAriaLabel is set to false, the aria-label attribute is not applied to template column cells, which affects screen reader accessibility.\n * \\@default {}\n * @type {?}\n */\nColumnDirective.prototype.templateOptions;\n/**\n * Defines the alignment of the column in both header and content cells.\n * \\@default Left\n * @type {?}\n */\nColumnDirective.prototype.textAlign;\n/**\n * Gets the unique identifier value of the column. It is used to get the object.\n * \\@default ''\n * @type {?}\n */\nColumnDirective.prototype.uid;\n/**\n * `editType`(../../grid/edit/#cell-edit-type-and-its-params) Defines rules to validate data before creating and updating.\n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.validationRules;\n/**\n * Defines the method used to apply custom cell values from external function and display this on each cell rendered.\n * \n * ```html\n * <div id=\"Grid\"></div>\n * ```\n * ```typescript\n * let gridObj: Grid = new Grid({\n * dataSource: [{ EmployeeID: 1, EmployeeName: ['John', 'M'] }, { EmployeeID: 2, EmployeeName: ['Peter', 'A'] }],\n * columns: [\n *    { field: 'EmployeeID', headerText: 'Employee ID' },\n *    { field: 'EmployeeName', headerText: 'Employee First Name',\n *      valueAccessor: (field: string, data: Object, column: Column) => {\n *            return data['EmployeeName'][0];\n *        },\n *    }]\n * });\n * ```\n *     \n * \\@default null\n * @type {?}\n */\nColumnDirective.prototype.valueAccessor;\n/**\n * If `visible` is set to false, hides the particular column. By default, all columns are displayed.\n * \\@default true\n * @type {?}\n */\nColumnDirective.prototype.visible;\n/**\n * Defines the width of the column in pixels or percentage.\n * \\@default ''\n * @type {?}\n */\nColumnDirective.prototype.width;\n/**\n * Defines the column template that renders customized element in each cell of the column. \n * It accepts either [template string](../../common/template-engine/) or HTML element ID.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nColumnDirective.prototype.template;\n/**\n * Defines the column template as string or HTML element ID which is used to add customized element in the column header.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nColumnDirective.prototype.headerTemplate;\n/** @type {?} */\nColumnDirective.prototype.commandsTemplate;\n/** @type {?} */\nColumnDirective.prototype.filter_itemTemplate;\n/**\n * Defines the cell edit template that used as editor for a particular column. \n * It accepts either template string or HTML element ID.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nColumnDirective.prototype.editTemplate;\n/**\n * Defines the filter template/UI that used as filter for a particular column. \n * It accepts either template string or HTML element ID.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nColumnDirective.prototype.filterTemplate;\n/** @type {?} */\nColumnDirective.prototype.viewContainerRef;\n}\n\n/**\n * Column Array Directive\n */\nexport class ColumnsDirective extends ArrayBase<ColumnsDirective> {\nconstructor() {\n        super('columns');\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'ejs-grid>e-columns',\n    queries: {\n        children: new ContentChildren(ColumnDirective)\n    },\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction ColumnsDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nColumnsDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nColumnsDirective.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nlet /** @type {?} */ input: string[] = ['columnName', 'customAggregate', 'field', 'footerTemplate', 'format', 'groupCaptionTemplate', 'groupFooterTemplate', 'type'];\nlet /** @type {?} */ outputs: string[] = [];\n/**\n * `e-aggregate->e-column` directive represent a aggregate column of the Angular Grid. \n * ```html\n * <ejs-grid [dataSource]='data' allowPaging='true' allowSorting='true'> \n *   <e-columns>\n *     <e-column field='ID' width='100'></e-column>\n *     <e-column field='name' headerText='Name' width='100'></e-column>\n *   </e-columns>\n *   <e-aggregates>\n *     <e-aggregate>\n *       <e-columns>\n *         <e-column field='ID' type='Min'></e-column>\n *       </e-columns>\n *      </e-aggregate>\n *    </e-aggregates>\n * </ejs-grid>\n * ```\n */\nexport class AggregateColumnDirective extends ComplexBase<AggregateColumnDirective> {\npublic directivePropList: any;\n/**\n * Defines the aggregate type of a particular column. \n * To use multiple aggregates for single column, specify the `type` as array. \n * Types of aggregate are, \n * * sum \n * * average \n * * max \n * * min \n * * count \n * * truecount \n * * falsecount \n * * custom \n * > Specify the `type` value as `custom` to use custom aggregation.\n * \\@default null\n * \\@asptype string\n */\npublic type: any;\n/**\n * Defines the column name to display the aggregate value. If `columnName` is not defined, \n * then `field` name value will be assigned to the `columnName` property.\n * \\@default null\n */\npublic columnName: any;\n/**\n * Defines a function to calculate custom aggregate value. The `type` value should be set to `custom`. \n * To use custom aggregate value in the template, use the key as `${custom}`. \n * **Total aggregation**: The custom function will be called with the whole data and the current `AggregateColumn` object. \n * **Group aggregation**: This will be called with the current group details and the `AggregateColumn` object.\n * \\@default null\n */\npublic customAggregate: any;\n/**\n * Defines the column name to perform aggregation.\n * \\@default null\n */\npublic field: any;\n/**\n * Format is applied to a calculated value before it is displayed. \n * Gets the format from the user, which can be standard or custom \n * [`number`](../../common/internationalization/#number-formatting/) \n * and [`date`](../../common/internationalization/#number-formatting/) formats.\n * \\@asptype string\n * \\@blazortype string\n * \\@default null\n */\npublic format: any;\n/**\n * Defines the footer cell template as a string for the aggregate column. \n * The `type` name should be used to access aggregate values inside the template.\n * \n * {% codeBlock src=\"grid/footer-template-api/index.ts\" %}{% endcodeBlock %}\n *     \n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public footerTemplate: any;\n/**\n * Defines the group footer cell template as a string for the aggregate column. \n * The `type` name should be used to access aggregate values inside the template. \n * Additionally, the following fields can be accessed in the template. \n * * **field**: The current grouped field. \n * * **key**: The current grouped value.\n * \n * {% codeBlock src=\"grid/group-footer-api/index.ts\" %}{% endcodeBlock %}\n *     \n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public groupFooterTemplate: any;\n/**\n * Defines the group caption cell template as a string for the aggregate column. \n * The `type` name should be used to access aggregate values inside the template. \n * Additionally, the following fields can be accessed in the template. \n * * **field**: The current grouped field name. \n * * **key**: The current grouped field value.\n * \n * {% codeBlock src=\"grid/group-caption-api/index.ts\" %}{% endcodeBlock %}\n *     \n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public groupCaptionTemplate: any;\n/**\n * @param {?} viewContainerRef\n */\nconstructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'ejs-grid>e-aggregates>e-aggregate>e-columns>e-column',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ViewContainerRef, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'footerTemplate': [{ type: ContentChild, args: ['footerTemplate', ] },],\n'groupFooterTemplate': [{ type: ContentChild, args: ['groupFooterTemplate', ] },],\n'groupCaptionTemplate': [{ type: ContentChild, args: ['groupCaptionTemplate', ] },],\n};\n}\n\nfunction AggregateColumnDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nAggregateColumnDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nAggregateColumnDirective.ctorParameters;\n/** @type {?} */\nAggregateColumnDirective.propDecorators;\n/** @type {?} */\nAggregateColumnDirective.prototype.directivePropList;\n/**\n * Defines the aggregate type of a particular column. \n * To use multiple aggregates for single column, specify the `type` as array. \n * Types of aggregate are, \n * * sum \n * * average \n * * max \n * * min \n * * count \n * * truecount \n * * falsecount \n * * custom \n * > Specify the `type` value as `custom` to use custom aggregation.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nAggregateColumnDirective.prototype.type;\n/**\n * Defines the column name to display the aggregate value. If `columnName` is not defined, \n * then `field` name value will be assigned to the `columnName` property.\n * \\@default null\n * @type {?}\n */\nAggregateColumnDirective.prototype.columnName;\n/**\n * Defines a function to calculate custom aggregate value. The `type` value should be set to `custom`. \n * To use custom aggregate value in the template, use the key as `${custom}`. \n * **Total aggregation**: The custom function will be called with the whole data and the current `AggregateColumn` object. \n * **Group aggregation**: This will be called with the current group details and the `AggregateColumn` object.\n * \\@default null\n * @type {?}\n */\nAggregateColumnDirective.prototype.customAggregate;\n/**\n * Defines the column name to perform aggregation.\n * \\@default null\n * @type {?}\n */\nAggregateColumnDirective.prototype.field;\n/**\n * Format is applied to a calculated value before it is displayed. \n * Gets the format from the user, which can be standard or custom \n * [`number`](../../common/internationalization/#number-formatting/) \n * and [`date`](../../common/internationalization/#number-formatting/) formats.\n * \\@asptype string\n * \\@blazortype string\n * \\@default null\n * @type {?}\n */\nAggregateColumnDirective.prototype.format;\n/**\n * Defines the footer cell template as a string for the aggregate column. \n * The `type` name should be used to access aggregate values inside the template.\n * \n * {% codeBlock src=\"grid/footer-template-api/index.ts\" %}{% endcodeBlock %}\n *     \n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nAggregateColumnDirective.prototype.footerTemplate;\n/**\n * Defines the group footer cell template as a string for the aggregate column. \n * The `type` name should be used to access aggregate values inside the template. \n * Additionally, the following fields can be accessed in the template. \n * * **field**: The current grouped field. \n * * **key**: The current grouped value.\n * \n * {% codeBlock src=\"grid/group-footer-api/index.ts\" %}{% endcodeBlock %}\n *     \n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nAggregateColumnDirective.prototype.groupFooterTemplate;\n/**\n * Defines the group caption cell template as a string for the aggregate column. \n * The `type` name should be used to access aggregate values inside the template. \n * Additionally, the following fields can be accessed in the template. \n * * **field**: The current grouped field name. \n * * **key**: The current grouped field value.\n * \n * {% codeBlock src=\"grid/group-caption-api/index.ts\" %}{% endcodeBlock %}\n *     \n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nAggregateColumnDirective.prototype.groupCaptionTemplate;\n/** @type {?} */\nAggregateColumnDirective.prototype.viewContainerRef;\n}\n\n/**\n * AggregateColumn Array Directive\n */\nexport class AggregateColumnsDirective extends ArrayBase<AggregateColumnsDirective> {\nconstructor() {\n        super('columns');\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'ejs-grid>e-aggregates>e-aggregate>e-columns',\n    queries: {\n        children: new ContentChildren(AggregateColumnDirective)\n    },\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction AggregateColumnsDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nAggregateColumnsDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nAggregateColumnsDirective.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Directive, ViewContainerRef, ContentChildren, ContentChild } from '@angular/core';\nimport { ComplexBase, ArrayBase, setValue } from '@syncfusion/ej2-angular-base';\n\nimport { AggregateColumnsDirective } from './aggregate-columns.directive';\n\nlet /** @type {?} */ input: string[] = ['columns'];\nlet /** @type {?} */ outputs: string[] = [];\n/**\n * `e-aggregate` directive represent a aggregate row of the Angular Grid. \n * It must be contained in a Grid component(`ejs-grid`). \n * ```html\n * <ejs-grid [dataSource]='data' allowPaging='true' allowSorting='true'> \n *   <e-columns>\n *     <e-column field='ID' width='100'></e-column>\n *     <e-column field='name' headerText='Name' width='100'></e-column>\n *   </e-columns>\n *   <e-aggregates>\n *     <e-aggregate>\n *       <e-columns>\n *         <e-column field='ID' type='Min'></e-column>\n *       </e-columns>\n *      </e-aggregate>\n *    </e-aggregates>\n * </ejs-grid>\n * ```\n */\nexport class AggregateDirective extends ComplexBase<AggregateDirective> {\npublic directivePropList: any;\npublic childColumns: any;\npublic tags: string[] = ['columns'];\n/**\n * Configures the aggregate columns.\n * \\@default []\n */\npublic columns: any;\n/**\n * @param {?} viewContainerRef\n */\nconstructor(private viewContainerRef:ViewContainerRef) {\n        super();\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.registerEvents(outputs);\n        this.directivePropList = input;\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'ejs-grid>e-aggregates>e-aggregate',\n    inputs: input,\n    outputs: outputs,    \n    queries: {\n        childColumns: new ContentChild(AggregateColumnsDirective)\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ViewContainerRef, },\n];\n}\n\nfunction AggregateDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nAggregateDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nAggregateDirective.ctorParameters;\n/** @type {?} */\nAggregateDirective.prototype.directivePropList;\n/** @type {?} */\nAggregateDirective.prototype.childColumns;\n/** @type {?} */\nAggregateDirective.prototype.tags;\n/**\n * Configures the aggregate columns.\n * \\@default []\n * @type {?}\n */\nAggregateDirective.prototype.columns;\n/** @type {?} */\nAggregateDirective.prototype.viewContainerRef;\n}\n\n/**\n * Aggregate Array Directive\n */\nexport class AggregatesDirective extends ArrayBase<AggregatesDirective> {\nconstructor() {\n        super('aggregates');\n    }\nstatic decorators: DecoratorInvocation[] = [\n{ type: Directive, args: [{\n    selector: 'ejs-grid>e-aggregates',\n    queries: {\n        children: new ContentChildren(AggregateDirective)\n    },\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction AggregatesDirective_tsickle_Closure_declarations() {\n/** @type {?} */\nAggregatesDirective.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nAggregatesDirective.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Component, ElementRef, ViewContainerRef, ChangeDetectionStrategy, QueryList, Renderer2, Injector, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { Grid } from '@syncfusion/ej2-grids';\nimport { Template } from '@syncfusion/ej2-angular-base';\nimport { ColumnsDirective } from './columns.directive';\nimport { AggregatesDirective } from './aggregates.directive';\n\nexport const /** @type {?} */ inputs: string[] = ['adaptiveUIMode','aggregates','allowExcelExport','allowFiltering','allowGrouping','allowKeyboard','allowMultiSorting','allowPaging','allowPdfExport','allowReordering','allowResizing','allowRowDragAndDrop','allowSelection','allowSorting','allowTextWrap','autoFit','childGrid','clipMode','columnChooserSettings','columnMenuItems','columnQueryMode','columns','contextMenuItems','cssClass','currencyCode','currentAction','currentViewData','dataSource','detailTemplate','editSettings','ej2StatePersistenceVersion','emptyRecordTemplate','enableAdaptiveUI','enableAltRow','enableAutoFill','enableColumnSpan','enableColumnVirtualization','enableHeaderFocus','enableHover','enableHtmlSanitizer','enableImmutableMode','enableInfiniteScrolling','enablePersistence','enableRowSpan','enableRtl','enableStickyHeader','enableVirtualMaskRow','enableVirtualization','exportGrids','filterSettings','frozenColumns','frozenRows','gridLines','groupSettings','height','hierarchyPrintMode','infiniteScrollSettings','loadingIndicator','locale','pageSettings','pagerTemplate','parentDetails','printMode','query','queryString','resizeSettings','rowDropSettings','rowHeight','rowRenderingMode','rowTemplate','searchSettings','selectedRowIndex','selectionSettings','showColumnChooser','showColumnMenu','showHider','sortSettings','textWrapSettings','toolbar','toolbarTemplate','width'];\nexport const /** @type {?} */ outputs: string[] = ['actionBegin','actionComplete','actionFailure','batchAdd','batchCancel','batchDelete','beforeAutoFill','beforeBatchAdd','beforeBatchDelete','beforeBatchSave','beforeCopy','beforeCustomFilterOpen','beforeDataBound','beforeDetailTemplateDetach','beforeExcelExport','beforeOpenAdaptiveDialog','beforeOpenColumnChooser','beforePaste','beforePdfExport','beforePrint','beginEdit','cellDeselected','cellDeselecting','cellEdit','cellSave','cellSaved','cellSelected','cellSelecting','checkBoxChange','columnDataStateChange','columnDeselected','columnDeselecting','columnDrag','columnDragStart','columnDrop','columnMenuClick','columnMenuClose','columnMenuOpen','columnSelected','columnSelecting','commandClick','contextMenuClick','contextMenuClose','contextMenuOpen','created','dataBound','dataSourceChanged','dataStateChange','destroyed','detailDataBound','excelAggregateQueryCellInfo','excelExportComplete','excelHeaderQueryCellInfo','excelQueryCellInfo','exportDetailDataBound','exportDetailTemplate','exportGroupCaption','headerCellInfo','keyPressed','lazyLoadGroupCollapse','lazyLoadGroupExpand','load','pdfAggregateQueryCellInfo','pdfExportComplete','pdfHeaderQueryCellInfo','pdfQueryCellInfo','printComplete','queryCellInfo','recordClick','recordDoubleClick','resizeStart','resizeStop','resizing','rowDataBound','rowDeselected','rowDeselecting','rowDrag','rowDragStart','rowDragStartHelper','rowDrop','rowSelected','rowSelecting','toolbarClick','dataSourceChange'];\nexport const /** @type {?} */ twoWays: string[] = ['dataSource'];\n/**\n * `ejs-grid` represents the Angular Grid Component.\n * ```html\n * <ejs-grid [dataSource]='data' allowPaging='true' allowSorting='true'></ejs-grid>\n * ```\n */\n@ComponentMixins([ComponentBase])\nexport class GridComponent extends Grid implements IComponentBase {\npublic context : any;\npublic tagObjects: any;\n\tactionBegin: any;\n\tactionComplete: any;\n\tactionFailure: any;\n\tbatchAdd: any;\n\tbatchCancel: any;\n\tbatchDelete: any;\n\tbeforeAutoFill: any;\n\tbeforeBatchAdd: any;\n\tbeforeBatchDelete: any;\n\tbeforeBatchSave: any;\n\tbeforeCopy: any;\n\tbeforeCustomFilterOpen: any;\n\tbeforeDataBound: any;\n\tbeforeDetailTemplateDetach: any;\n\tbeforeExcelExport: any;\n\tbeforeOpenAdaptiveDialog: any;\n\tbeforeOpenColumnChooser: any;\n\tbeforePaste: any;\n\tbeforePdfExport: any;\n\tbeforePrint: any;\n\tbeginEdit: any;\n\tcellDeselected: any;\n\tcellDeselecting: any;\n\tcellEdit: any;\n\tcellSave: any;\n\tcellSaved: any;\n\tcellSelected: any;\n\tcellSelecting: any;\n\tcheckBoxChange: any;\n\tcolumnDataStateChange: any;\n\tcolumnDeselected: any;\n\tcolumnDeselecting: any;\n\tcolumnDrag: any;\n\tcolumnDragStart: any;\n\tcolumnDrop: any;\n\tcolumnMenuClick: any;\n\tcolumnMenuClose: any;\n\tcolumnMenuOpen: any;\n\tcolumnSelected: any;\n\tcolumnSelecting: any;\n\tcommandClick: any;\n\tcontextMenuClick: any;\n\tcontextMenuClose: any;\n\tcontextMenuOpen: any;\n\tcreated: any;\n\tdataBound: any;\n\tdataSourceChanged: any;\n\tdataStateChange: any;\n\tdestroyed: any;\n\tdetailDataBound: any;\n\texcelAggregateQueryCellInfo: any;\n\texcelExportComplete: any;\n\texcelHeaderQueryCellInfo: any;\n\texcelQueryCellInfo: any;\n\texportDetailDataBound: any;\n\texportDetailTemplate: any;\n\texportGroupCaption: any;\n\theaderCellInfo: any;\n\tkeyPressed: any;\n\tlazyLoadGroupCollapse: any;\n\tlazyLoadGroupExpand: any;\n\tload: any;\n\tpdfAggregateQueryCellInfo: any;\n\tpdfExportComplete: any;\n\tpdfHeaderQueryCellInfo: any;\n\tpdfQueryCellInfo: any;\n\tprintComplete: any;\n\tqueryCellInfo: any;\n\trecordClick: any;\n\trecordDoubleClick: any;\n\tresizeStart: any;\n\tresizeStop: any;\n\tresizing: any;\n\trowDataBound: any;\n\trowDeselected: any;\n\trowDeselecting: any;\n\trowDrag: any;\n\trowDragStart: any;\n\trowDragStartHelper: any;\n\trowDrop: any;\n\trowSelected: any;\n\trowSelecting: any;\n\ttoolbarClick: any;\npublic dataSourceChange: any;\npublic childColumns: QueryList<ColumnsDirective>;\npublic childAggregates: QueryList<AggregatesDirective>;\npublic tags: string[] = ['columns', 'aggregates'];\n/**\n * The row template that renders customized rows from the given template. \n * By default, Grid renders a table row for every data source item. \n * > * It accepts either [template string](../../common/template-engine/) or HTML element ID. \n * > * The row template must be a table row.\n * \n * > Check the [`Row Template`](../../grid/row/) customization.\n *     \n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public rowTemplate: any;\n/**\n * The empty record template that renders customized element or text or image instead of displaying the empty record message in the grid. \n * > It accepts either the [template string](../../common/template-engine/) or the HTML element ID.\n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public emptyRecordTemplate: any;\n/**\n * The detail template allows you to show or hide additional information about a particular row.\n * \n * > It accepts either the [template string](../../common/template-engine/) or the HTML element ID.\n * \n * {% codeBlock src=\"grid/detail-template-api/index.ts\" %}{% endcodeBlock %}\n *     \n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public detailTemplate: any;\n/**\n * It used to render toolbar template\n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public toolbarTemplate: any;\n/**\n * It used to render pager template\n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public pagerTemplate: any;\n    \n    @Template()\npublic editSettings_template: any;\n    \n    @Template()\npublic groupSettings_captionTemplate: any;\n    \n    @Template()\npublic columnChooserSettings_headerTemplate: any;\n    \n    @Template()\npublic columnChooserSettings_template: any;\n    \n    @Template()\npublic columnChooserSettings_footerTemplate: any;\n/**\n * @param {?} ngEle\n * @param {?} srenderer\n * @param {?} viewContainerRef\n * @param {?} injector\n */\nconstructor(private ngEle: ElementRef,\nprivate srenderer: Renderer2,\nprivate viewContainerRef:ViewContainerRef,\nprivate injector: Injector) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n        try {\n                let mod = this.injector.get('GridsFilter');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsPage');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsSelection');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsSort');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsGroup');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsReorder');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsRowDD');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsDetailRow');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsToolbar');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsAggregate');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsSearch');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsVirtualScroll');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsEdit');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsResize');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsExcelExport');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsPdfExport');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsCommandColumn');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsContextMenu');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsFreeze');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsColumnMenu');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsColumnChooser');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsForeignKey');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsInfiniteScroll');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n        try {\n                let mod = this.injector.get('GridsLazyLoadGroup');\n                if(this.injectedModules.indexOf(mod) === -1) {\n                    this.injectedModules.push(mod)\n                }\n            } catch { }\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.context  = new ComponentBase();\n    }\n/**\n * @return {?}\n */\npublic ngOnInit() {\n        this.context.ngOnInit(this);\n    }\n/**\n * @return {?}\n */\npublic ngAfterViewInit(): void {\n        this.context.ngAfterViewInit(this);\n    }\n/**\n * @return {?}\n */\npublic ngOnDestroy(): void {\n        this.context.ngOnDestroy(this);\n    }\n/**\n * @return {?}\n */\npublic ngAfterContentChecked(): void {\n        this.tagObjects[0].instance = this.childColumns;\n        if (this.childAggregates) {\n                    this.tagObjects[1].instance = /** @type {?} */(( this.childAggregates as any));\n                }\n        this.context.ngAfterContentChecked(this);\n    }\npublic registerEvents: (eventList: string[]) => void;\npublic addTwoWay: (propList: string[]) => void;\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n    selector: 'ejs-grid',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    queries: {\n        childColumns: new ContentChild(ColumnsDirective), \n        childAggregates: new ContentChild(AggregatesDirective)\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ElementRef, },\n{type: Renderer2, },\n{type: ViewContainerRef, },\n{type: Injector, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'rowTemplate': [{ type: ContentChild, args: ['rowTemplate', ] },],\n'emptyRecordTemplate': [{ type: ContentChild, args: ['emptyRecordTemplate', ] },],\n'detailTemplate': [{ type: ContentChild, args: ['detailTemplate', ] },],\n'toolbarTemplate': [{ type: ContentChild, args: ['toolbarTemplate', ] },],\n'pagerTemplate': [{ type: ContentChild, args: ['pagerTemplate', ] },],\n'editSettings_template': [{ type: ContentChild, args: ['editSettingsTemplate', ] },],\n'groupSettings_captionTemplate': [{ type: ContentChild, args: ['groupSettingsCaptionTemplate', ] },],\n'columnChooserSettings_headerTemplate': [{ type: ContentChild, args: ['columnChooserSettingsHeaderTemplate', ] },],\n'columnChooserSettings_template': [{ type: ContentChild, args: ['columnChooserSettingsTemplate', ] },],\n'columnChooserSettings_footerTemplate': [{ type: ContentChild, args: ['columnChooserSettingsFooterTemplate', ] },],\n};\n}\n\nfunction GridComponent_tsickle_Closure_declarations() {\n/** @type {?} */\nGridComponent.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nGridComponent.ctorParameters;\n/** @type {?} */\nGridComponent.propDecorators;\n/** @type {?} */\nGridComponent.prototype.context;\n/** @type {?} */\nGridComponent.prototype.tagObjects;\n/** @type {?} */\nGridComponent.prototype.actionBegin;\n/** @type {?} */\nGridComponent.prototype.actionComplete;\n/** @type {?} */\nGridComponent.prototype.actionFailure;\n/** @type {?} */\nGridComponent.prototype.batchAdd;\n/** @type {?} */\nGridComponent.prototype.batchCancel;\n/** @type {?} */\nGridComponent.prototype.batchDelete;\n/** @type {?} */\nGridComponent.prototype.beforeAutoFill;\n/** @type {?} */\nGridComponent.prototype.beforeBatchAdd;\n/** @type {?} */\nGridComponent.prototype.beforeBatchDelete;\n/** @type {?} */\nGridComponent.prototype.beforeBatchSave;\n/** @type {?} */\nGridComponent.prototype.beforeCopy;\n/** @type {?} */\nGridComponent.prototype.beforeCustomFilterOpen;\n/** @type {?} */\nGridComponent.prototype.beforeDataBound;\n/** @type {?} */\nGridComponent.prototype.beforeDetailTemplateDetach;\n/** @type {?} */\nGridComponent.prototype.beforeExcelExport;\n/** @type {?} */\nGridComponent.prototype.beforeOpenAdaptiveDialog;\n/** @type {?} */\nGridComponent.prototype.beforeOpenColumnChooser;\n/** @type {?} */\nGridComponent.prototype.beforePaste;\n/** @type {?} */\nGridComponent.prototype.beforePdfExport;\n/** @type {?} */\nGridComponent.prototype.beforePrint;\n/** @type {?} */\nGridComponent.prototype.beginEdit;\n/** @type {?} */\nGridComponent.prototype.cellDeselected;\n/** @type {?} */\nGridComponent.prototype.cellDeselecting;\n/** @type {?} */\nGridComponent.prototype.cellEdit;\n/** @type {?} */\nGridComponent.prototype.cellSave;\n/** @type {?} */\nGridComponent.prototype.cellSaved;\n/** @type {?} */\nGridComponent.prototype.cellSelected;\n/** @type {?} */\nGridComponent.prototype.cellSelecting;\n/** @type {?} */\nGridComponent.prototype.checkBoxChange;\n/** @type {?} */\nGridComponent.prototype.columnDataStateChange;\n/** @type {?} */\nGridComponent.prototype.columnDeselected;\n/** @type {?} */\nGridComponent.prototype.columnDeselecting;\n/** @type {?} */\nGridComponent.prototype.columnDrag;\n/** @type {?} */\nGridComponent.prototype.columnDragStart;\n/** @type {?} */\nGridComponent.prototype.columnDrop;\n/** @type {?} */\nGridComponent.prototype.columnMenuClick;\n/** @type {?} */\nGridComponent.prototype.columnMenuClose;\n/** @type {?} */\nGridComponent.prototype.columnMenuOpen;\n/** @type {?} */\nGridComponent.prototype.columnSelected;\n/** @type {?} */\nGridComponent.prototype.columnSelecting;\n/** @type {?} */\nGridComponent.prototype.commandClick;\n/** @type {?} */\nGridComponent.prototype.contextMenuClick;\n/** @type {?} */\nGridComponent.prototype.contextMenuClose;\n/** @type {?} */\nGridComponent.prototype.contextMenuOpen;\n/** @type {?} */\nGridComponent.prototype.created;\n/** @type {?} */\nGridComponent.prototype.dataBound;\n/** @type {?} */\nGridComponent.prototype.dataSourceChanged;\n/** @type {?} */\nGridComponent.prototype.dataStateChange;\n/** @type {?} */\nGridComponent.prototype.destroyed;\n/** @type {?} */\nGridComponent.prototype.detailDataBound;\n/** @type {?} */\nGridComponent.prototype.excelAggregateQueryCellInfo;\n/** @type {?} */\nGridComponent.prototype.excelExportComplete;\n/** @type {?} */\nGridComponent.prototype.excelHeaderQueryCellInfo;\n/** @type {?} */\nGridComponent.prototype.excelQueryCellInfo;\n/** @type {?} */\nGridComponent.prototype.exportDetailDataBound;\n/** @type {?} */\nGridComponent.prototype.exportDetailTemplate;\n/** @type {?} */\nGridComponent.prototype.exportGroupCaption;\n/** @type {?} */\nGridComponent.prototype.headerCellInfo;\n/** @type {?} */\nGridComponent.prototype.keyPressed;\n/** @type {?} */\nGridComponent.prototype.lazyLoadGroupCollapse;\n/** @type {?} */\nGridComponent.prototype.lazyLoadGroupExpand;\n/** @type {?} */\nGridComponent.prototype.load;\n/** @type {?} */\nGridComponent.prototype.pdfAggregateQueryCellInfo;\n/** @type {?} */\nGridComponent.prototype.pdfExportComplete;\n/** @type {?} */\nGridComponent.prototype.pdfHeaderQueryCellInfo;\n/** @type {?} */\nGridComponent.prototype.pdfQueryCellInfo;\n/** @type {?} */\nGridComponent.prototype.printComplete;\n/** @type {?} */\nGridComponent.prototype.queryCellInfo;\n/** @type {?} */\nGridComponent.prototype.recordClick;\n/** @type {?} */\nGridComponent.prototype.recordDoubleClick;\n/** @type {?} */\nGridComponent.prototype.resizeStart;\n/** @type {?} */\nGridComponent.prototype.resizeStop;\n/** @type {?} */\nGridComponent.prototype.resizing;\n/** @type {?} */\nGridComponent.prototype.rowDataBound;\n/** @type {?} */\nGridComponent.prototype.rowDeselected;\n/** @type {?} */\nGridComponent.prototype.rowDeselecting;\n/** @type {?} */\nGridComponent.prototype.rowDrag;\n/** @type {?} */\nGridComponent.prototype.rowDragStart;\n/** @type {?} */\nGridComponent.prototype.rowDragStartHelper;\n/** @type {?} */\nGridComponent.prototype.rowDrop;\n/** @type {?} */\nGridComponent.prototype.rowSelected;\n/** @type {?} */\nGridComponent.prototype.rowSelecting;\n/** @type {?} */\nGridComponent.prototype.toolbarClick;\n/** @type {?} */\nGridComponent.prototype.dataSourceChange;\n/** @type {?} */\nGridComponent.prototype.childColumns;\n/** @type {?} */\nGridComponent.prototype.childAggregates;\n/** @type {?} */\nGridComponent.prototype.tags;\n/**\n * The row template that renders customized rows from the given template. \n * By default, Grid renders a table row for every data source item. \n * > * It accepts either [template string](../../common/template-engine/) or HTML element ID. \n * > * The row template must be a table row.\n * \n * > Check the [`Row Template`](../../grid/row/) customization.\n *     \n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nGridComponent.prototype.rowTemplate;\n/**\n * The empty record template that renders customized element or text or image instead of displaying the empty record message in the grid. \n * > It accepts either the [template string](../../common/template-engine/) or the HTML element ID.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nGridComponent.prototype.emptyRecordTemplate;\n/**\n * The detail template allows you to show or hide additional information about a particular row.\n * \n * > It accepts either the [template string](../../common/template-engine/) or the HTML element ID.\n * \n * {% codeBlock src=\"grid/detail-template-api/index.ts\" %}{% endcodeBlock %}\n *     \n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nGridComponent.prototype.detailTemplate;\n/**\n * It used to render toolbar template\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nGridComponent.prototype.toolbarTemplate;\n/**\n * It used to render pager template\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nGridComponent.prototype.pagerTemplate;\n/** @type {?} */\nGridComponent.prototype.editSettings_template;\n/** @type {?} */\nGridComponent.prototype.groupSettings_captionTemplate;\n/** @type {?} */\nGridComponent.prototype.columnChooserSettings_headerTemplate;\n/** @type {?} */\nGridComponent.prototype.columnChooserSettings_template;\n/** @type {?} */\nGridComponent.prototype.columnChooserSettings_footerTemplate;\n/** @type {?} */\nGridComponent.prototype.registerEvents;\n/** @type {?} */\nGridComponent.prototype.addTwoWay;\n/** @type {?} */\nGridComponent.prototype.ngEle;\n/** @type {?} */\nGridComponent.prototype.srenderer;\n/** @type {?} */\nGridComponent.prototype.viewContainerRef;\n/** @type {?} */\nGridComponent.prototype.injector;\n}\n\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { StackedColumnDirective, StackedColumnsDirective } from './stacked-column.directive';\nimport { ColumnDirective, ColumnsDirective } from './columns.directive';\nimport { AggregateColumnDirective, AggregateColumnsDirective } from './aggregate-columns.directive';\nimport { AggregateDirective, AggregatesDirective } from './aggregates.directive';\nimport { GridComponent } from './grid.component';\n/**\n * NgModule definition for the Grid component.\n */\nexport class GridModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n    imports: [CommonModule],\n    declarations: [\n        GridComponent,\n        StackedColumnDirective,\n        StackedColumnsDirective,\n        ColumnDirective,\n        ColumnsDirective,\n        AggregateColumnDirective,\n        AggregateColumnsDirective,\n        AggregateDirective,\n        AggregatesDirective\n    ],\n    exports: [\n        GridComponent,\n        StackedColumnDirective,\n        StackedColumnsDirective,\n        ColumnDirective,\n        ColumnsDirective,\n        AggregateColumnDirective,\n        AggregateColumnsDirective,\n        AggregateDirective,\n        AggregatesDirective\n    ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction GridModule_tsickle_Closure_declarations() {\n/** @type {?} */\nGridModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nGridModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { StackedColumnDirective, StackedColumnsDirective } from './stacked-column.directive';\nimport { ColumnDirective, ColumnsDirective } from './columns.directive';\nimport { AggregateColumnDirective, AggregateColumnsDirective } from './aggregate-columns.directive';\nimport { AggregateDirective, AggregatesDirective } from './aggregates.directive';\nimport { GridComponent } from './grid.component';\nimport { GridModule } from './grid.module';\nimport {Filter, Page, Selection, Sort, Group, Reorder, RowDD, DetailRow, Toolbar, Aggregate, Search, VirtualScroll, Edit, Resize, ExcelExport, PdfExport, CommandColumn, ContextMenu, Freeze, ColumnMenu, ColumnChooser, ForeignKey, InfiniteScroll, LazyLoadGroup} from '@syncfusion/ej2-grids';\n\n\nexport const /** @type {?} */ FilterService: ValueProvider = { provide: 'GridsFilter', useValue: Filter};\nexport const /** @type {?} */ PageService: ValueProvider = { provide: 'GridsPage', useValue: Page};\nexport const /** @type {?} */ SelectionService: ValueProvider = { provide: 'GridsSelection', useValue: Selection};\nexport const /** @type {?} */ SortService: ValueProvider = { provide: 'GridsSort', useValue: Sort};\nexport const /** @type {?} */ GroupService: ValueProvider = { provide: 'GridsGroup', useValue: Group};\nexport const /** @type {?} */ ReorderService: ValueProvider = { provide: 'GridsReorder', useValue: Reorder};\nexport const /** @type {?} */ RowDDService: ValueProvider = { provide: 'GridsRowDD', useValue: RowDD};\nexport const /** @type {?} */ DetailRowService: ValueProvider = { provide: 'GridsDetailRow', useValue: DetailRow};\nexport const /** @type {?} */ ToolbarService: ValueProvider = { provide: 'GridsToolbar', useValue: Toolbar};\nexport const /** @type {?} */ AggregateService: ValueProvider = { provide: 'GridsAggregate', useValue: Aggregate};\nexport const /** @type {?} */ SearchService: ValueProvider = { provide: 'GridsSearch', useValue: Search};\nexport const /** @type {?} */ VirtualScrollService: ValueProvider = { provide: 'GridsVirtualScroll', useValue: VirtualScroll};\nexport const /** @type {?} */ EditService: ValueProvider = { provide: 'GridsEdit', useValue: Edit};\nexport const /** @type {?} */ ResizeService: ValueProvider = { provide: 'GridsResize', useValue: Resize};\nexport const /** @type {?} */ ExcelExportService: ValueProvider = { provide: 'GridsExcelExport', useValue: ExcelExport};\nexport const /** @type {?} */ PdfExportService: ValueProvider = { provide: 'GridsPdfExport', useValue: PdfExport};\nexport const /** @type {?} */ CommandColumnService: ValueProvider = { provide: 'GridsCommandColumn', useValue: CommandColumn};\nexport const /** @type {?} */ ContextMenuService: ValueProvider = { provide: 'GridsContextMenu', useValue: ContextMenu};\nexport const /** @type {?} */ FreezeService: ValueProvider = { provide: 'GridsFreeze', useValue: Freeze};\nexport const /** @type {?} */ ColumnMenuService: ValueProvider = { provide: 'GridsColumnMenu', useValue: ColumnMenu};\nexport const /** @type {?} */ ColumnChooserService: ValueProvider = { provide: 'GridsColumnChooser', useValue: ColumnChooser};\nexport const /** @type {?} */ ForeignKeyService: ValueProvider = { provide: 'GridsForeignKey', useValue: ForeignKey};\nexport const /** @type {?} */ InfiniteScrollService: ValueProvider = { provide: 'GridsInfiniteScroll', useValue: InfiniteScroll};\nexport const /** @type {?} */ LazyLoadGroupService: ValueProvider = { provide: 'GridsLazyLoadGroup', useValue: LazyLoadGroup};\n/**\n * NgModule definition for the Grid component with providers.\n */\nexport class GridAllModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n    imports: [CommonModule, GridModule],\n    exports: [\n        GridModule\n    ],\n    providers:[\n        FilterService,\n        PageService,\n        SelectionService,\n        SortService,\n        GroupService,\n        ReorderService,\n        RowDDService,\n        DetailRowService,\n        ToolbarService,\n        AggregateService,\n        SearchService,\n        VirtualScrollService,\n        EditService,\n        ResizeService,\n        ExcelExportService,\n        PdfExportService,\n        CommandColumnService,\n        ContextMenuService,\n        FreezeService,\n        ColumnMenuService,\n        ColumnChooserService,\n        ForeignKeyService,\n        InfiniteScrollService,\n        LazyLoadGroupService\n    ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction GridAllModule_tsickle_Closure_declarations() {\n/** @type {?} */\nGridAllModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nGridAllModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { Component, ElementRef, ViewContainerRef, ChangeDetectionStrategy, QueryList, Renderer2, Injector, ValueProvider, ContentChild } from '@angular/core';\nimport { ComponentBase, IComponentBase, applyMixins, ComponentMixins, PropertyCollectionInfo, setValue } from '@syncfusion/ej2-angular-base';\nimport { Pager } from '@syncfusion/ej2-grids';\nimport { Template } from '@syncfusion/ej2-angular-base';\n\n\nexport const /** @type {?} */ inputs: string[] = ['cssClass','currentPage','customText','enableExternalMessage','enablePagerMessage','enablePersistence','enableQueryString','enableRtl','externalMessage','locale','pageCount','pageSize','pageSizes','template','totalRecordsCount'];\nexport const /** @type {?} */ outputs: string[] = ['click','created','dropDownChanged','currentPageChange','pageSizeChange','pageCountChange','pageSizesChange'];\nexport const /** @type {?} */ twoWays: string[] = ['currentPage', 'pageSize', 'pageCount', 'pageSizes'];\n/**\n * `ejs-pager` represents the Angular Pager Component.\n * ```html\n * <ejs-pager></ejs-pager>\n * ```\n */\n@ComponentMixins([ComponentBase])\nexport class PagerComponent extends Pager implements IComponentBase {\npublic context : any;\npublic tagObjects: any;\n\tclick: any;\n\tcreated: any;\n\tdropDownChanged: any;\n\tcurrentPageChange: any;\n\tpageSizeChange: any;\n\tpageCountChange: any;\npublic pageSizesChange: any;\n/**\n *  Defines the template as string or HTML element ID which renders customized elements in pager instead of default elements.\n * \\@default null\n * \\@asptype string\n */\n@Template()\n    public template: any;\n/**\n * @param {?} ngEle\n * @param {?} srenderer\n * @param {?} viewContainerRef\n * @param {?} injector\n */\nconstructor(private ngEle: ElementRef,\nprivate srenderer: Renderer2,\nprivate viewContainerRef:ViewContainerRef,\nprivate injector: Injector) {\n        super();\n        this.element = this.ngEle.nativeElement;\n        this.injectedModules = this.injectedModules || [];\n\n        this.registerEvents(outputs);\n        this.addTwoWay.call(this, twoWays);\n        setValue('currentInstance', this, this.viewContainerRef);\n        this.context  = new ComponentBase();\n    }\n/**\n * @return {?}\n */\npublic ngOnInit() {\n        this.context.ngOnInit(this);\n    }\n/**\n * @return {?}\n */\npublic ngAfterViewInit(): void {\n        this.context.ngAfterViewInit(this);\n    }\n/**\n * @return {?}\n */\npublic ngOnDestroy(): void {\n        this.context.ngOnDestroy(this);\n    }\n/**\n * @return {?}\n */\npublic ngAfterContentChecked(): void {\n        \n        this.context.ngAfterContentChecked(this);\n    }\npublic registerEvents: (eventList: string[]) => void;\npublic addTwoWay: (propList: string[]) => void;\nstatic decorators: DecoratorInvocation[] = [\n{ type: Component, args: [{\n    selector: 'ejs-pager',\n    inputs: inputs,\n    outputs: outputs,\n    template: '',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    queries: {\n\n    }\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n{type: ElementRef, },\n{type: Renderer2, },\n{type: ViewContainerRef, },\n{type: Injector, },\n];\nstatic propDecorators: {[key: string]: DecoratorInvocation[]} = {\n'template': [{ type: ContentChild, args: ['template', ] },],\n};\n}\n\nfunction PagerComponent_tsickle_Closure_declarations() {\n/** @type {?} */\nPagerComponent.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nPagerComponent.ctorParameters;\n/** @type {?} */\nPagerComponent.propDecorators;\n/** @type {?} */\nPagerComponent.prototype.context;\n/** @type {?} */\nPagerComponent.prototype.tagObjects;\n/** @type {?} */\nPagerComponent.prototype.click;\n/** @type {?} */\nPagerComponent.prototype.created;\n/** @type {?} */\nPagerComponent.prototype.dropDownChanged;\n/** @type {?} */\nPagerComponent.prototype.currentPageChange;\n/** @type {?} */\nPagerComponent.prototype.pageSizeChange;\n/** @type {?} */\nPagerComponent.prototype.pageCountChange;\n/** @type {?} */\nPagerComponent.prototype.pageSizesChange;\n/**\n *  Defines the template as string or HTML element ID which renders customized elements in pager instead of default elements.\n * \\@default null\n * \\@asptype string\n * @type {?}\n */\nPagerComponent.prototype.template;\n/** @type {?} */\nPagerComponent.prototype.registerEvents;\n/** @type {?} */\nPagerComponent.prototype.addTwoWay;\n/** @type {?} */\nPagerComponent.prototype.ngEle;\n/** @type {?} */\nPagerComponent.prototype.srenderer;\n/** @type {?} */\nPagerComponent.prototype.viewContainerRef;\n/** @type {?} */\nPagerComponent.prototype.injector;\n}\n\n\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PagerComponent } from './pager.component';\n/**\n * NgModule definition for the Pager component.\n */\nexport class PagerModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n    imports: [CommonModule],\n    declarations: [\n        PagerComponent\n    ],\n    exports: [\n        PagerComponent\n    ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction PagerModule_tsickle_Closure_declarations() {\n/** @type {?} */\nPagerModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nPagerModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n","import { NgModule, ValueProvider } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { PagerComponent } from './pager.component';\nimport { PagerModule } from './pager.module';\n/**\n * NgModule definition for the Pager component with providers.\n */\nexport class PagerAllModule { static decorators: DecoratorInvocation[] = [\n{ type: NgModule, args: [{\n    imports: [CommonModule, PagerModule],\n    exports: [\n        PagerModule\n    ],\n    providers:[\n        \n    ]\n}, ] },\n];\n/**\n * @nocollapse\n */\nstatic ctorParameters: () => ({type: any, decorators?: DecoratorInvocation[]}|null)[] = () => [\n];\n}\n\nfunction PagerAllModule_tsickle_Closure_declarations() {\n/** @type {?} */\nPagerAllModule.decorators;\n/**\n * @nocollapse\n * @type {?}\n */\nPagerAllModule.ctorParameters;\n}\n\ninterface DecoratorInvocation {\n  type: Function;\n  args?: any[];\n}\n"],"names":["input","outputs","StackedColumnDirective","_super","viewContainerRef","_this","call","this","setValue","registerEvents","directivePropList","__extends","ComplexBase","decorators","type","Directive","args","selector","inputs","queries","ctorParameters","ViewContainerRef","propDecorators","template","ContentChild","headerTemplate","commandsTemplate","filter_itemTemplate","editTemplate","filterTemplate","__decorate","Template","prototype","StackedColumnsDirective","ArrayBase","children","ContentChildren","ColumnDirective","tags","childColumns","ColumnsDirective","AggregateColumnDirective","footerTemplate","groupFooterTemplate","groupCaptionTemplate","AggregateColumnsDirective","AggregateDirective","AggregatesDirective","twoWays","exports","GridComponent","ngEle","srenderer","injector","element","nativeElement","injectedModules","mod","get","indexOf","push","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","_l","_m","_o","_p","_q","_r","_s","_t","_u","_v","_w","_x","_y","_z","addTwoWay","context","ComponentBase","ngOnInit","ngAfterViewInit","ngOnDestroy","ngAfterContentChecked","tagObjects","instance","childAggregates","Grid","Component","changeDetection","ChangeDetectionStrategy","OnPush","ElementRef","Renderer2","Injector","rowTemplate","emptyRecordTemplate","detailTemplate","toolbarTemplate","pagerTemplate","editSettings_template","groupSettings_captionTemplate","columnChooserSettings_headerTemplate","columnChooserSettings_template","columnChooserSettings_footerTemplate","ComponentMixins","__metadata","GridModule","NgModule","imports","CommonModule","declarations","FilterService","provide","useValue","Filter","PageService","Page","SelectionService","Selection","SortService","Sort","GroupService","Group","ReorderService","Reorder","RowDDService","RowDD","DetailRowService","DetailRow","ToolbarService","Toolbar","AggregateService","Aggregate","SearchService","Search","VirtualScrollService","VirtualScroll","EditService","Edit","ResizeService","Resize","ExcelExportService","ExcelExport","PdfExportService","PdfExport","CommandColumnService","CommandColumn","ContextMenuService","ContextMenu","FreezeService","Freeze","ColumnMenuService","ColumnMenu","ColumnChooserService","ColumnChooser","ForeignKeyService","ForeignKey","InfiniteScrollService","InfiniteScroll","LazyLoadGroupService","LazyLoadGroup","GridAllModule","providers","PagerComponent","Pager","PagerModule","PagerAllModule"],"mappings":"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"}

package/ej2-angular-grids.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+export { inputs as ɵa, outputs as ɵb } from './src/grid/grid.component';
+export { inputs as ɵc, outputs as ɵd } from './src/pager/pager.component';

package/ej2-angular-grids.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":3,"exports":[{"from":"@syncfusion/ej2-grids"}],"metadata":{"ɵa":["adaptiveUIMode","aggregates","allowExcelExport","allowFiltering","allowGrouping","allowKeyboard","allowMultiSorting","allowPaging","allowPdfExport","allowReordering","allowResizing","allowRowDragAndDrop","allowSelection","allowSorting","allowTextWrap","autoFit","childGrid","clipMode","columnChooserSettings","columnMenuItems","columnQueryMode","columns","contextMenuItems","cssClass","currencyCode","currentAction","currentViewData","dataSource","detailTemplate","editSettings","ej2StatePersistenceVersion","emptyRecordTemplate","enableAdaptiveUI","enableAltRow","enableAutoFill","enableColumnSpan","enableColumnVirtualization","enableHeaderFocus","enableHover","enableHtmlSanitizer","enableImmutableMode","enableInfiniteScrolling","enablePersistence","enableRowSpan","enableRtl","enableStickyHeader","enableVirtualMaskRow","enableVirtualization","exportGrids","filterSettings","frozenColumns","frozenRows","gridLines","groupSettings","height","hierarchyPrintMode","infiniteScrollSettings","loadingIndicator","locale","pageSettings","pagerTemplate","parentDetails","printMode","query","queryString","resizeSettings","rowDropSettings","rowHeight","rowRenderingMode","rowTemplate","searchSettings","selectedRowIndex","selectionSettings","showColumnChooser","showColumnMenu","showHider","sortSettings","textWrapSettings","toolbar","toolbarTemplate","width"],"ɵb":["actionBegin","actionComplete","actionFailure","batchAdd","batchCancel","batchDelete","beforeAutoFill","beforeBatchAdd","beforeBatchDelete","beforeBatchSave","beforeCopy","beforeCustomFilterOpen","beforeDataBound","beforeDetailTemplateDetach","beforeExcelExport","beforeOpenAdaptiveDialog","beforeOpenColumnChooser","beforePaste","beforePdfExport","beforePrint","beginEdit","cellDeselected","cellDeselecting","cellEdit","cellSave","cellSaved","cellSelected","cellSelecting","checkBoxChange","columnDataStateChange","columnDeselected","columnDeselecting","columnDrag","columnDragStart","columnDrop","columnMenuClick","columnMenuClose","columnMenuOpen","columnSelected","columnSelecting","commandClick","contextMenuClick","contextMenuClose","contextMenuOpen","created","dataBound","dataSourceChanged","dataStateChange","destroyed","detailDataBound","excelAggregateQueryCellInfo","excelExportComplete","excelHeaderQueryCellInfo","excelQueryCellInfo","exportDetailDataBound","exportDetailTemplate","exportGroupCaption","headerCellInfo","keyPressed","lazyLoadGroupCollapse","lazyLoadGroupExpand","load","pdfAggregateQueryCellInfo","pdfExportComplete","pdfHeaderQueryCellInfo","pdfQueryCellInfo","printComplete","queryCellInfo","recordClick","recordDoubleClick","resizeStart","resizeStop","resizing","rowDataBound","rowDeselected","rowDeselecting","rowDrag","rowDragStart","rowDragStartHelper","rowDrop","rowSelected","rowSelecting","toolbarClick","dataSourceChange"],"ɵc":["cssClass","currentPage","customText","enableExternalMessage","enablePagerMessage","enablePersistence","enableQueryString","enableRtl","externalMessage","locale","pageCount","pageSize","pageSizes","template","totalRecordsCount"],"ɵd":["click","created","dropDownChanged","currentPageChange","pageSizeChange","pageCountChange","pageSizesChange"],"StackedColumnDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ComplexBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"ejs-grid>e-columns>e-column>e-stacked-columns>e-stacked-column","inputs":["allowEditing","allowFiltering","allowGrouping","allowReordering","allowResizing","allowSearching","allowSorting","autoFit","clipMode","columns","commands","customAttributes","dataSource","defaultValue","disableHtmlEncode","displayAsCheckBox","edit","editTemplate","editType","enableColumnSpan","enableGroupByFormat","enableRowSpan","field","filter","filterBarTemplate","filterTemplate","foreignKeyField","foreignKeyValue","format","formatter","freeze","headerTemplate","headerText","headerTextAlign","headerValueAccessor","hideAtMedia","index","isFrozen","isIdentity","isPrimaryKey","lockColumn","maxWidth","minWidth","showColumnMenu","showInColumnChooser","sortComparer","template","templateOptions","textAlign","type","uid","validationRules","valueAccessor","visible","width"],"outputs":[],"queries":{}}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["template"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["headerTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"commandsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["commandsTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"filter_itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["filterItemTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"editTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["editTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"filterTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["filterTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}]}]}},"StackedColumnsDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ArrayBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"ejs-grid>e-columns>e-column>e-stacked-columns","queries":{"children":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"StackedColumnDirective"}]}}}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ColumnDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ComplexBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"ejs-grid>e-columns>e-column","inputs":["allowEditing","allowFiltering","allowGrouping","allowReordering","allowResizing","allowSearching","allowSorting","autoFit","clipMode","columns","commands","customAttributes","dataSource","defaultValue","disableHtmlEncode","displayAsCheckBox","edit","editTemplate","editType","enableColumnSpan","enableGroupByFormat","enableRowSpan","field","filter","filterBarTemplate","filterTemplate","foreignKeyField","foreignKeyValue","format","formatter","freeze","headerTemplate","headerText","headerTextAlign","headerValueAccessor","hideAtMedia","index","isFrozen","isIdentity","isPrimaryKey","lockColumn","maxWidth","minWidth","showColumnMenu","showInColumnChooser","sortComparer","template","templateOptions","textAlign","type","uid","validationRules","valueAccessor","visible","width"],"outputs":[],"queries":{"childColumns":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"StackedColumnsDirective"}]}}}]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["template"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["headerTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"commandsTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["commandsTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"filter_itemTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["filterItemTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"editTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["editTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"filterTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["filterTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}]}]}},"ColumnsDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ArrayBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"ejs-grid>e-columns","queries":{"children":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ColumnDirective"}]}}}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"AggregateColumnDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ComplexBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"ejs-grid>e-aggregates>e-aggregate>e-columns>e-column","inputs":["columnName","customAggregate","field","footerTemplate","format","groupCaptionTemplate","groupFooterTemplate","type"],"outputs":[],"queries":{}}]}],"members":{"footerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["footerTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"groupFooterTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["groupFooterTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"groupCaptionTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["groupCaptionTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}]}]}},"AggregateColumnsDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ArrayBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"ejs-grid>e-aggregates>e-aggregate>e-columns","queries":{"children":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"AggregateColumnDirective"}]}}}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"AggregateDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ComplexBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"ejs-grid>e-aggregates>e-aggregate","inputs":["columns"],"outputs":[],"queries":{"childColumns":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"AggregateColumnsDirective"}]}}}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}]}]}},"AggregatesDirective":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ArrayBase"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"ejs-grid>e-aggregates","queries":{"children":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"AggregateDirective"}]}}}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"GridComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Grid"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ejs-grid","inputs":{"__symbolic":"reference","name":"ɵa"},"outputs":{"__symbolic":"reference","name":"ɵb"},"template":"","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"queries":{"childColumns":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ColumnsDirective"}]},"childAggregates":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"AggregatesDirective"}]}}}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ComponentMixins"},"arguments":[[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ComponentBase"}]]}],"members":{"rowTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["rowTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"emptyRecordTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["emptyRecordTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"detailTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["detailTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["toolbarTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"pagerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["pagerTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"editSettings_template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["editSettingsTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"groupSettings_captionTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["groupSettingsCaptionTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"columnChooserSettings_headerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["columnChooserSettingsHeaderTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"columnChooserSettings_template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["columnChooserSettingsTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"columnChooserSettings_footerTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["columnChooserSettingsFooterTemplate"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}]}},"GridModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"declarations":[{"__symbolic":"reference","name":"GridComponent"},{"__symbolic":"reference","name":"StackedColumnDirective"},{"__symbolic":"reference","name":"StackedColumnsDirective"},{"__symbolic":"reference","name":"ColumnDirective"},{"__symbolic":"reference","name":"ColumnsDirective"},{"__symbolic":"reference","name":"AggregateColumnDirective"},{"__symbolic":"reference","name":"AggregateColumnsDirective"},{"__symbolic":"reference","name":"AggregateDirective"},{"__symbolic":"reference","name":"AggregatesDirective"}],"exports":[{"__symbolic":"reference","name":"GridComponent"},{"__symbolic":"reference","name":"StackedColumnDirective"},{"__symbolic":"reference","name":"StackedColumnsDirective"},{"__symbolic":"reference","name":"ColumnDirective"},{"__symbolic":"reference","name":"ColumnsDirective"},{"__symbolic":"reference","name":"AggregateColumnDirective"},{"__symbolic":"reference","name":"AggregateColumnsDirective"},{"__symbolic":"reference","name":"AggregateDirective"},{"__symbolic":"reference","name":"AggregatesDirective"}]}]}],"members":{}},"GridAllModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"GridModule"}],"exports":[{"__symbolic":"reference","name":"GridModule"}],"providers":[{"__symbolic":"reference","name":"FilterService"},{"__symbolic":"reference","name":"PageService"},{"__symbolic":"reference","name":"SelectionService"},{"__symbolic":"reference","name":"SortService"},{"__symbolic":"reference","name":"GroupService"},{"__symbolic":"reference","name":"ReorderService"},{"__symbolic":"reference","name":"RowDDService"},{"__symbolic":"reference","name":"DetailRowService"},{"__symbolic":"reference","name":"ToolbarService"},{"__symbolic":"reference","name":"AggregateService"},{"__symbolic":"reference","name":"SearchService"},{"__symbolic":"reference","name":"VirtualScrollService"},{"__symbolic":"reference","name":"EditService"},{"__symbolic":"reference","name":"ResizeService"},{"__symbolic":"reference","name":"ExcelExportService"},{"__symbolic":"reference","name":"PdfExportService"},{"__symbolic":"reference","name":"CommandColumnService"},{"__symbolic":"reference","name":"ContextMenuService"},{"__symbolic":"reference","name":"FreezeService"},{"__symbolic":"reference","name":"ColumnMenuService"},{"__symbolic":"reference","name":"ColumnChooserService"},{"__symbolic":"reference","name":"ForeignKeyService"},{"__symbolic":"reference","name":"InfiniteScrollService"},{"__symbolic":"reference","name":"LazyLoadGroupService"}]}]}],"members":{}},"FilterService":{"provide":"GridsFilter","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Filter"}},"PageService":{"provide":"GridsPage","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Page"}},"SelectionService":{"provide":"GridsSelection","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Selection"}},"SortService":{"provide":"GridsSort","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Sort"}},"GroupService":{"provide":"GridsGroup","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Group"}},"ReorderService":{"provide":"GridsReorder","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Reorder"}},"RowDDService":{"provide":"GridsRowDD","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"RowDD"}},"DetailRowService":{"provide":"GridsDetailRow","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"DetailRow"}},"ToolbarService":{"provide":"GridsToolbar","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Toolbar"}},"AggregateService":{"provide":"GridsAggregate","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Aggregate"}},"SearchService":{"provide":"GridsSearch","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Search"}},"VirtualScrollService":{"provide":"GridsVirtualScroll","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"VirtualScroll"}},"EditService":{"provide":"GridsEdit","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Edit"}},"ResizeService":{"provide":"GridsResize","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Resize"}},"ExcelExportService":{"provide":"GridsExcelExport","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"ExcelExport"}},"PdfExportService":{"provide":"GridsPdfExport","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"PdfExport"}},"CommandColumnService":{"provide":"GridsCommandColumn","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"CommandColumn"}},"ContextMenuService":{"provide":"GridsContextMenu","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"ContextMenu"}},"FreezeService":{"provide":"GridsFreeze","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Freeze"}},"ColumnMenuService":{"provide":"GridsColumnMenu","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"ColumnMenu"}},"ColumnChooserService":{"provide":"GridsColumnChooser","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"ColumnChooser"}},"ForeignKeyService":{"provide":"GridsForeignKey","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"ForeignKey"}},"InfiniteScrollService":{"provide":"GridsInfiniteScroll","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"InfiniteScroll"}},"LazyLoadGroupService":{"provide":"GridsLazyLoadGroup","useValue":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"LazyLoadGroup"}},"PagerComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@syncfusion/ej2-grids","name":"Pager"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"ejs-pager","inputs":{"__symbolic":"reference","name":"ɵc"},"outputs":{"__symbolic":"reference","name":"ɵd"},"template":"","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"queries":{}}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ComponentMixins"},"arguments":[[{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"ComponentBase"}]]}],"members":{"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":["template"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@syncfusion/ej2-angular-base","name":"Template"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"},{"__symbolic":"reference","module":"@angular/core","name":"Injector"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}]}},"PagerModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"declarations":[{"__symbolic":"reference","name":"PagerComponent"}],"exports":[{"__symbolic":"reference","name":"PagerComponent"}]}]}],"members":{}},"PagerAllModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"PagerModule"}],"exports":[{"__symbolic":"reference","name":"PagerModule"}],"providers":[]}]}],"members":{}}},"origins":{"ɵa":"./src/grid/grid.component","ɵb":"./src/grid/grid.component","ɵc":"./src/pager/pager.component","ɵd":"./src/pager/pager.component","StackedColumnDirective":"./src/grid/stacked-column.directive","StackedColumnsDirective":"./src/grid/stacked-column.directive","ColumnDirective":"./src/grid/columns.directive","ColumnsDirective":"./src/grid/columns.directive","AggregateColumnDirective":"./src/grid/aggregate-columns.directive","AggregateColumnsDirective":"./src/grid/aggregate-columns.directive","AggregateDirective":"./src/grid/aggregates.directive","AggregatesDirective":"./src/grid/aggregates.directive","GridComponent":"./src/grid/grid.component","GridModule":"./src/grid/grid.module","GridAllModule":"./src/grid/grid-all.module","FilterService":"./src/grid/grid-all.module","PageService":"./src/grid/grid-all.module","SelectionService":"./src/grid/grid-all.module","SortService":"./src/grid/grid-all.module","GroupService":"./src/grid/grid-all.module","ReorderService":"./src/grid/grid-all.module","RowDDService":"./src/grid/grid-all.module","DetailRowService":"./src/grid/grid-all.module","ToolbarService":"./src/grid/grid-all.module","AggregateService":"./src/grid/grid-all.module","SearchService":"./src/grid/grid-all.module","VirtualScrollService":"./src/grid/grid-all.module","EditService":"./src/grid/grid-all.module","ResizeService":"./src/grid/grid-all.module","ExcelExportService":"./src/grid/grid-all.module","PdfExportService":"./src/grid/grid-all.module","CommandColumnService":"./src/grid/grid-all.module","ContextMenuService":"./src/grid/grid-all.module","FreezeService":"./src/grid/grid-all.module","ColumnMenuService":"./src/grid/grid-all.module","ColumnChooserService":"./src/grid/grid-all.module","ForeignKeyService":"./src/grid/grid-all.module","InfiniteScrollService":"./src/grid/grid-all.module","LazyLoadGroupService":"./src/grid/grid-all.module","PagerComponent":"./src/pager/pager.component","PagerModule":"./src/pager/pager.module","PagerAllModule":"./src/pager/pager-all.module"},"importAs":"@syncfusion/ej2-angular-grids"}

package/package.json

@@ -1,44 +1,62 @@
 {
-  "name": "@syncfusion/ej2-angular-grids",
-  "version": "32.1.22",
-  "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Angular",
-  "author": "Syncfusion Inc.",
-  "license": "SEE LICENSE IN license",
-  "schematics": "./schematics/collection.json",
+  "_from": "@syncfusion/ej2-angular-grids@*",
+  "_id": "@syncfusion/ej2-angular-grids@32.1.1",
+  "_inBundle": false,
+  "_integrity": "sha512-R5Bz27srp3prYgUc8mqBj0kcsfRQ53c1qzM8yNKXMGuzyxOi2SnvcJb5jvtUUWu6r4UaY8SQc/pMi7Nca3NPOA==",
+  "_location": "/@syncfusion/ej2-angular-grids",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "range",
+    "registry": true,
+    "raw": "@syncfusion/ej2-angular-grids@*",
+    "name": "@syncfusion/ej2-angular-grids",
+    "escapedName": "@syncfusion%2fej2-angular-grids",
+    "scope": "@syncfusion",
+    "rawSpec": "*",
+    "saveSpec": null,
+    "fetchSpec": "*"
+  },
+  "_requiredBy": [
+    "/"
+  ],
+  "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-release/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-32.1.1.tgz",
+  "_shasum": "3931629bcc114bdf583f924c0c5463db4a7e0986",
+  "_spec": "@syncfusion/ej2-angular-grids@*",
+  "_where": "D:\\SF3992\\WFH\\Nexus\\release",
+  "author": {
+    "name": "Syncfusion Inc."
+  },
+  "bugs": {
+    "url": "https://github.com/syncfusion/ej2-angular-ui-components/issues"
+  },
+  "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-base": "~32.1.19",
     "@syncfusion/ej2-angular-base": "~32.1.19",
-    "@syncfusion/ej2-grids": "32.1.22"
+    "@syncfusion/ej2-base": "~32.1.23",
+    "@syncfusion/ej2-grids": "32.1.23"
   },
+  "deprecated": false,
+  "description": "Feature-rich JavaScript datagrid (datatable) control with built-in support for editing, filtering, grouping, paging, sorting, and exporting to Excel. for Angular",
+  "devDependencies": {},
+  "es2015": "@syncfusion/ej2-angular-grids.js",
+  "homepage": "https://www.syncfusion.com/angular-components",
   "keywords": [
     "angular",
     "ng-grids",
     "ej2-angular-grids",
     "ej2-ng-grids"
   ],
+  "license": "SEE LICENSE IN license",
+  "main": "dist/ej2-angular-grids.umd.js",
+  "metadata": "ej2-angular-grids.metadata.json",
+  "module": "@syncfusion/ej2-angular-grids.es5.js",
+  "name": "@syncfusion/ej2-angular-grids",
   "repository": {
     "type": "git",
-    "url": "https://github.com/syncfusion/ej2-angular-ui-components.git"
+    "url": "git+https://github.com/syncfusion/ej2-angular-ui-components.git"
   },
+  "schematics": "./schematics/collection.json",
   "sideEffects": false,
-  "module": "fesm2015/syncfusion-ej2-angular-grids.mjs",
-  "es2020": "fesm2020/syncfusion-ej2-angular-grids.mjs",
-  "esm2020": "esm2020/syncfusion-ej2-angular-grids.mjs",
-  "fesm2020": "fesm2020/syncfusion-ej2-angular-grids.mjs",
-  "fesm2015": "fesm2015/syncfusion-ej2-angular-grids.mjs",
-  "typings": "syncfusion-ej2-angular-grids.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./syncfusion-ej2-angular-grids.d.ts",
-      "esm2020": "./esm2020/syncfusion-ej2-angular-grids.mjs",
-      "es2020": "./fesm2020/syncfusion-ej2-angular-grids.mjs",
-      "es2015": "./fesm2015/syncfusion-ej2-angular-grids.mjs",
-      "node": "./fesm2015/syncfusion-ej2-angular-grids.mjs",
-      "default": "./fesm2020/syncfusion-ej2-angular-grids.mjs"
-    }
-  },
-  "homepage": "https://www.syncfusion.com/angular-components"
+  "typings": "ej2-angular-grids.d.ts",
+  "version": "32.1.23-ngcc"
 }

package/public_api.d.ts

@@ -1 +1 @@
-export * from './src/index';
+export * from './src/index';

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 = '^32.1.22';
+exports.pkgVer = '^32.1.23';
 exports.moduleName = 'GridModule, PagerModule';
-exports.themeVer = '~32.1.22';
+exports.themeVer = '~32.1.23';