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

package/license

@@ -0,0 +1,10 @@
+Essential JS 2 library is available under the Syncfusion Essential Studio program,  and can be licensed either under the Syncfusion Community License Program or the Syncfusion commercial license.
+
+To be qualified for the Syncfusion Community License Program you must have a gross revenue of less than one (1) million U.S. dollars ($1,000,000.00 USD) per year and have less than five (5) developers in your organization, and agree to be bound by Syncfusion’s terms and conditions. 
+
+Customers who do not qualify for the community license can contact sales@syncfusion.com for commercial licensing options.
+
+Under no circumstances can you use this product without (1) either a Community License or a commercial license and (2) without agreeing and abiding by Syncfusion’s license containing all terms and conditions. 
+
+The Syncfusion license that contains the terms and conditions can be found at 
+https://www.syncfusion.com/content/downloads/syncfusion_license.pdf

package/package.json

@@ -1,8 +1,8 @@
 {
   "_from": "@syncfusion/ej2-angular-grids@*",
-  "_id": "@syncfusion/ej2-angular-grids@21.2.9",
+  "_id": "@syncfusion/ej2-angular-grids@1.150.50",
   "_inBundle": false,
-  "_integrity": "sha512-72qqOMqYu+BlWOBovwm5nFzdrPRwTFqNHDnl14za6VHRD/zKM/Yc1aMWMgK0YYBqCHWV3rI/rnkeLvNZrzPLHg==",
+  "_integrity": "sha512-VQDYxfZiBb4luQQo4VBBBvBK0DZzOkXMrQW4pyxWGmGYxzeAOM8NakPV74A4GHdYrSNRf1M0QQUDSyfbdmsQ/Q==",
   "_location": "/@syncfusion/ej2-angular-grids",
   "_phantomChildren": {},
   "_requested": {
@@ -19,8 +19,8 @@
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-21.2.9.tgz",
-  "_shasum": "a2b6a1e4d4bf2199d9aa8896ff87946ab4c17ce5",
+  "_resolved": "https://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-angular-grids/-/ej2-angular-grids-1.150.50.tgz",
+  "_shasum": "90f34245e29e9e65667cddc7d4df59a50b6b1e2e",
   "_spec": "@syncfusion/ej2-angular-grids@*",
   "_where": "/jenkins/workspace/elease-automation_release_21.1.1/packages/included",
   "author": {
@@ -31,9 +31,9 @@
   },
   "bundleDependencies": false,
   "dependencies": {
-    "@syncfusion/ej2-angular-base": "~21.2.3",
-    "@syncfusion/ej2-base": "~21.2.9",
-    "@syncfusion/ej2-grids": "21.2.10"
+    "@syncfusion/ej2-angular-base": "~22.1.34",
+    "@syncfusion/ej2-base": "~22.1.34",
+    "@syncfusion/ej2-grids": "22.1.34"
   },
   "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",
@@ -58,5 +58,5 @@
   "schematics": "./schematics/collection.json",
   "sideEffects": false,
   "typings": "ej2-angular-grids.d.ts",
-  "version": "21.2.10-ngcc"
+  "version": "22.1.34-ngcc"
 }

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

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

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

package/schematics/utils/lib-details.ts

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

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

@@ -73,6 +73,7 @@ export declare class AggregateColumnDirective extends ComplexBase<AggregateColum
      * {% codeBlock src="grid/footer-template-api/index.ts" %}{% endcodeBlock %}
      *
      * @default null
+     * @asptype string
      */
     footerTemplate: any;
     /**
@@ -85,6 +86,7 @@ export declare class AggregateColumnDirective extends ComplexBase<AggregateColum
      * {% codeBlock src="grid/group-footer-api/index.ts" %}{% endcodeBlock %}
      *
      * @default null
+     * @asptype string
      */
     groupFooterTemplate: any;
     /**
@@ -97,6 +99,7 @@ export declare class AggregateColumnDirective extends ComplexBase<AggregateColum
      * {% codeBlock src="grid/group-caption-api/index.ts" %}{% endcodeBlock %}
      *
      * @default null
+     * @asptype string
      */
     groupCaptionTemplate: any;
     constructor(viewContainerRef: ViewContainerRef);

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

@@ -427,11 +427,13 @@ export declare class ColumnDirective extends ComplexBase<ColumnDirective> {
      * Defines the column template that renders customized element in each cell of the column.
      * It accepts either [template string](../../common/template-engine/) or HTML element ID.
      * @default null
+     * @asptype string
      */
     template: any;
     /**
      * Defines the column template as string or HTML element ID which is used to add customized element in the column header.
      * @default null
+     * @asptype string
      */
     headerTemplate: any;
     commandsTemplate: any;

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

@@ -110,6 +110,7 @@ export declare class GridComponent extends Grid implements IComponentBase {
      * > Check the [`Row Template`](../../grid/row/) customization.
      *
      * @default ''
+     * @asptype string
      */
     rowTemplate: any;
     /**
@@ -120,16 +121,19 @@ export declare class GridComponent extends Grid implements IComponentBase {
      *{% codeBlock src="grid/detail-template-api/index.ts" %}{% endcodeBlock %}
      *
      * @default ''
+     * @asptype string
      */
     detailTemplate: any;
     /**
      * It used to render toolbar template
      * @default null
+     * @asptype string
      */
     toolbarTemplate: any;
     /**
      * It used to render pager template
      * @default null
+     * @asptype string
      */
     pagerTemplate: any;
     editSettings_template: any;

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

@@ -429,11 +429,13 @@ export declare class StackedColumnDirective extends ComplexBase<StackedColumnDir
      * Defines the column template that renders customized element in each cell of the column.
      * It accepts either [template string](../../common/template-engine/) or HTML element ID.
      * @default null
+     * @asptype string
      */
     template: any;
     /**
      * Defines the column template as string or HTML element ID which is used to add customized element in the column header.
      * @default null
+     * @asptype string
      */
     headerTemplate: any;
     commandsTemplate: any;

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

@@ -27,6 +27,7 @@ export declare class PagerComponent extends Pager implements IComponentBase {
     /**
      *  Defines the template as string or HTML element ID which renders customized elements in pager instead of default elements.
      * @default null
+     * @asptype string
      */
     template: any;
     constructor(ngEle: ElementRef, srenderer: Renderer2, viewContainerRef: ViewContainerRef, injector: Injector);

package/styles/bootstrap-dark.css

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