@syncfusion/ej2-grids 18.3.48 → 18.3.50-85492

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/CHANGELOG.md +1800 -1790
  2. package/README.md +81 -81
  3. package/dist/ej2-grids.umd.min.js +1 -10
  4. package/dist/ej2-grids.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-grids.es2015.js +94 -80
  6. package/dist/es6/ej2-grids.es2015.js.map +1 -1
  7. package/dist/es6/ej2-grids.es5.js +649 -633
  8. package/dist/es6/ej2-grids.es5.js.map +1 -1
  9. package/helpers/e2e/index.js +3 -3
  10. package/license +10 -10
  11. package/package.json +81 -81
  12. package/src/grid/actions/batch-edit.js +2 -2
  13. package/src/grid/actions/dialog-edit.js +13 -13
  14. package/src/grid/actions/edit.js +4 -4
  15. package/src/grid/actions/excel-filter.js +13 -13
  16. package/src/grid/actions/foreign-key.js +13 -13
  17. package/src/grid/actions/inline-edit.js +13 -13
  18. package/src/grid/actions/normal-edit.js +2 -2
  19. package/src/grid/actions/print.js +4 -4
  20. package/src/grid/actions/resize.js +4 -1
  21. package/src/grid/actions/selection.js +15 -15
  22. package/src/grid/actions/toolbar.js +8 -8
  23. package/src/grid/base/grid-model.d.ts +1283 -1283
  24. package/src/grid/base/grid.d.ts +44 -44
  25. package/src/grid/base/grid.js +23 -23
  26. package/src/grid/base/interface.d.ts +1 -0
  27. package/src/grid/base/util.js +3 -3
  28. package/src/grid/common/excel-filter-base.js +13 -13
  29. package/src/grid/models/aggregate-model.d.ts +74 -74
  30. package/src/grid/models/aggregate.js +19 -19
  31. package/src/grid/models/column-chooser-settings-model.d.ts +8 -8
  32. package/src/grid/models/column-chooser-settings.js +19 -19
  33. package/src/grid/models/column-model.d.ts +11 -11
  34. package/src/grid/models/column.d.ts +2 -2
  35. package/src/grid/models/column.js +6 -6
  36. package/src/grid/models/page-settings-model.d.ts +36 -36
  37. package/src/grid/models/page-settings.js +19 -19
  38. package/src/grid/renderer/caption-cell-renderer.js +13 -13
  39. package/src/grid/renderer/command-column-renderer.js +13 -13
  40. package/src/grid/renderer/content-renderer.js +3 -0
  41. package/src/grid/renderer/detail-expand-cell-renderer.js +13 -13
  42. package/src/grid/renderer/detail-header-indent-renderer.js +13 -13
  43. package/src/grid/renderer/dropdown-edit-cell.js +2 -2
  44. package/src/grid/renderer/edit-renderer.js +2 -2
  45. package/src/grid/renderer/expand-cell-renderer.js +13 -13
  46. package/src/grid/renderer/filter-cell-renderer.js +13 -13
  47. package/src/grid/renderer/footer-renderer.js +13 -13
  48. package/src/grid/renderer/freeze-renderer.js +13 -13
  49. package/src/grid/renderer/group-lazy-load-renderer.js +13 -13
  50. package/src/grid/renderer/header-cell-renderer.js +13 -13
  51. package/src/grid/renderer/header-indent-renderer.js +13 -13
  52. package/src/grid/renderer/indent-cell-renderer.js +13 -13
  53. package/src/grid/renderer/row-drag-drop-renderer.js +13 -13
  54. package/src/grid/renderer/row-drag-header-indent-render.js +13 -13
  55. package/src/grid/renderer/stacked-cell-renderer.js +13 -13
  56. package/src/grid/renderer/summary-cell-renderer.js +13 -13
  57. package/src/grid/renderer/virtual-content-renderer.js +13 -13
  58. package/src/grid/renderer/virtual-freeze-renderer.js +13 -13
  59. package/src/grid/services/focus-strategy.d.ts +2 -1
  60. package/src/grid/services/focus-strategy.js +26 -16
  61. package/src/grid/services/group-model-generator.js +13 -13
  62. package/src/grid/services/summary-model-generator.js +13 -13
  63. package/src/pager/pager-dropdown.js +1 -1
  64. package/src/pager/pager-model.d.ts +59 -59
  65. package/src/pager/pager.js +19 -19
  66. package/styles/bootstrap-dark.css +0 -4
  67. package/styles/bootstrap.css +0 -4
  68. package/styles/bootstrap4.css +5 -4
  69. package/styles/bootstrap5-dark.css +0 -0
  70. package/styles/bootstrap5-dark.scss +0 -0
  71. package/styles/bootstrap5.css +0 -0
  72. package/styles/bootstrap5.scss +0 -0
  73. package/styles/excel-filter/_all.scss +2 -2
  74. package/styles/excel-filter/_bootstrap-dark-definition.scss +54 -54
  75. package/styles/excel-filter/_bootstrap-definition.scss +61 -61
  76. package/styles/excel-filter/_bootstrap4-definition.scss +70 -70
  77. package/styles/excel-filter/_fabric-dark-definition.scss +54 -54
  78. package/styles/excel-filter/_fabric-definition.scss +59 -59
  79. package/styles/excel-filter/_highcontrast-definition.scss +54 -54
  80. package/styles/excel-filter/_highcontrast-light-definition.scss +50 -50
  81. package/styles/excel-filter/_layout.scss +387 -387
  82. package/styles/excel-filter/_material-dark-definition.scss +56 -56
  83. package/styles/excel-filter/_material-definition.scss +57 -57
  84. package/styles/excel-filter/_office-365-definition.scss +1 -1
  85. package/styles/excel-filter/_theme.scss +18 -18
  86. package/styles/excel-filter/bootstrap-dark.css +0 -1
  87. package/styles/excel-filter/bootstrap.css +0 -1
  88. package/styles/excel-filter/bootstrap.scss +1 -0
  89. package/styles/excel-filter/bootstrap4.css +5 -1
  90. package/styles/excel-filter/fabric.scss +1 -0
  91. package/styles/excel-filter/highcontrast.scss +1 -0
  92. package/styles/excel-filter/icons/_bootstrap-dark.scss +29 -29
  93. package/styles/excel-filter/icons/_bootstrap.scss +29 -29
  94. package/styles/excel-filter/icons/_bootstrap4.scss +29 -29
  95. package/styles/excel-filter/icons/_fabric-dark.scss +29 -29
  96. package/styles/excel-filter/icons/_fabric.scss +29 -29
  97. package/styles/excel-filter/icons/_highcontrast-light.scss +29 -29
  98. package/styles/excel-filter/icons/_highcontrast.scss +29 -29
  99. package/styles/excel-filter/icons/_material-dark.scss +29 -29
  100. package/styles/excel-filter/icons/_material.scss +29 -29
  101. package/styles/excel-filter/material.scss +1 -0
  102. package/styles/fabric-dark.css +0 -3
  103. package/styles/fabric.css +0 -3
  104. package/styles/grid/_all.scss +2 -2
  105. package/styles/grid/_bootstrap-dark-definition.scss +497 -497
  106. package/styles/grid/_bootstrap-definition.scss +500 -500
  107. package/styles/grid/_bootstrap4-definition.scss +501 -502
  108. package/styles/grid/_fabric-dark-definition.scss +499 -499
  109. package/styles/grid/_fabric-definition.scss +499 -499
  110. package/styles/grid/_highcontrast-definition.scss +498 -498
  111. package/styles/grid/_highcontrast-light-definition.scss +495 -495
  112. package/styles/grid/_layout.scss +2908 -2908
  113. package/styles/grid/_material-dark-definition.scss +495 -495
  114. package/styles/grid/_material-definition.scss +495 -495
  115. package/styles/grid/_office-365-definition.scss +1 -1
  116. package/styles/grid/_theme.scss +529 -529
  117. package/styles/grid/bootstrap-dark.css +0 -4
  118. package/styles/grid/bootstrap.css +0 -4
  119. package/styles/grid/bootstrap.scss +1 -0
  120. package/styles/grid/bootstrap4.css +5 -4
  121. package/styles/grid/fabric-dark.css +0 -3
  122. package/styles/grid/fabric.css +0 -3
  123. package/styles/grid/fabric.scss +1 -0
  124. package/styles/grid/highcontrast-light.css +0 -3
  125. package/styles/grid/highcontrast.css +0 -3
  126. package/styles/grid/highcontrast.scss +1 -0
  127. package/styles/grid/icons/_bootstrap-dark.scss +180 -180
  128. package/styles/grid/icons/_bootstrap.scss +180 -180
  129. package/styles/grid/icons/_bootstrap4.scss +180 -180
  130. package/styles/grid/icons/_fabric-dark.scss +180 -180
  131. package/styles/grid/icons/_fabric.scss +180 -180
  132. package/styles/grid/icons/_highcontrast-light.scss +180 -180
  133. package/styles/grid/icons/_highcontrast.scss +181 -181
  134. package/styles/grid/icons/_material-dark.scss +180 -180
  135. package/styles/grid/icons/_material.scss +180 -180
  136. package/styles/grid/material-dark.css +0 -3
  137. package/styles/grid/material.css +0 -3
  138. package/styles/grid/material.scss +1 -0
  139. package/styles/highcontrast-light.css +0 -3
  140. package/styles/highcontrast.css +0 -3
  141. package/styles/material-dark.css +0 -3
  142. package/styles/material.css +0 -3
  143. package/styles/pager/_all.scss +2 -2
  144. package/styles/pager/_bootstrap-dark-definition.scss +112 -112
  145. package/styles/pager/_bootstrap-definition.scss +112 -112
  146. package/styles/pager/_bootstrap4-definition.scss +111 -112
  147. package/styles/pager/_fabric-dark-definition.scss +113 -113
  148. package/styles/pager/_fabric-definition.scss +112 -112
  149. package/styles/pager/_highcontrast-definition.scss +112 -112
  150. package/styles/pager/_highcontrast-light-definition.scss +112 -112
  151. package/styles/pager/_layout.scss +575 -575
  152. package/styles/pager/_material-dark-definition.scss +112 -112
  153. package/styles/pager/_material-definition.scss +111 -111
  154. package/styles/pager/_theme.scss +129 -129
  155. package/styles/pager/icons/_bootstrap-dark.scss +49 -49
  156. package/styles/pager/icons/_bootstrap.scss +49 -49
  157. package/styles/pager/icons/_bootstrap4.scss +49 -49
  158. package/styles/pager/icons/_fabric-dark.scss +49 -49
  159. package/styles/pager/icons/_fabric.scss +49 -49
  160. package/styles/pager/icons/_highcontrast-light.scss +49 -49
  161. package/styles/pager/icons/_highcontrast.scss +41 -41
  162. package/styles/pager/icons/_material-dark.scss +49 -49
  163. package/styles/pager/icons/_material.scss +41 -41
  164. package/styles/tailwind-dark.css +0 -0
  165. package/styles/tailwind-dark.scss +0 -0
  166. package/styles/tailwind.css +0 -0
  167. package/styles/tailwind.scss +0 -0
  168. package/dist/global/ej2-grids.min.js +0 -11
  169. package/dist/global/ej2-grids.min.js.map +0 -1
  170. package/dist/global/index.d.ts +0 -14
@@ -669,7 +669,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
669
669
  /** @hidden */
670
670
  /**
671
671
  * Gets the parent Grid details.
672
-
672
+ * @deprecated
673
673
  */
674
674
  parentDetails: ParentDetails;
675
675
  /** @hidden */
@@ -925,7 +925,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
925
925
  * This helps to load large dataset in Grid.
926
926
  * {% codeBlock src='grid/enableInfiniteScrolling/index.md' %}{% endcodeBlock %}
927
927
  * @default false
928
-
928
+ * @deprecated
929
929
  */
930
930
  enableInfiniteScrolling: boolean;
931
931
  /**
@@ -985,7 +985,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
985
985
  * Configures the infinite scroll settings.
986
986
  * {% codeBlock src='grid/infiniteScrollSettings/index.md' %}{% endcodeBlock %}
987
987
  * @default { enableCache: false, maxBlocks: 5, initialBlocks: 5 }
988
-
988
+ * @deprecated
989
989
  */
990
990
  infiniteScrollSettings: InfiniteScrollSettingsModel;
991
991
  /**
@@ -1425,99 +1425,99 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
1425
1425
  /**
1426
1426
  * Triggers before the selected cell is deselecting.
1427
1427
  * @event
1428
-
1428
+ * @deprecated
1429
1429
  */
1430
1430
  cellDeselecting: EmitType<CellDeselectEventArgs>;
1431
1431
  /**
1432
1432
  * Triggers when a particular selected cell is deselected.
1433
1433
  * @event
1434
-
1434
+ * @deprecated
1435
1435
  */
1436
1436
  cellDeselected: EmitType<CellDeselectEventArgs>;
1437
1437
  /**
1438
1438
  * Triggers when column header element drag (move) starts.
1439
1439
  * @event
1440
-
1440
+ * @deprecated
1441
1441
  */
1442
1442
  columnDragStart: EmitType<ColumnDragEventArgs>;
1443
1443
  /**
1444
1444
  * Triggers when column header element is dragged (moved) continuously.
1445
1445
  * @event
1446
-
1446
+ * @deprecated
1447
1447
  */
1448
1448
  columnDrag: EmitType<ColumnDragEventArgs>;
1449
1449
  /**
1450
1450
  * Triggers when a column header element is dropped on the target column.
1451
1451
  * @event
1452
-
1452
+ * @deprecated
1453
1453
  */
1454
1454
  columnDrop: EmitType<ColumnDragEventArgs>;
1455
1455
  /**
1456
1456
  * Triggers after print action is completed.
1457
1457
  * @event
1458
-
1458
+ * @deprecated
1459
1459
  */
1460
1460
  printComplete: EmitType<PrintEventArgs>;
1461
1461
  /**
1462
1462
  * Triggers before the print action starts.
1463
1463
  * @event
1464
-
1464
+ * @deprecated
1465
1465
  */
1466
1466
  beforePrint: EmitType<PrintEventArgs>;
1467
1467
  /**
1468
1468
  * Triggers before exporting each cell to PDF document. You can also customize the PDF cells.
1469
1469
  * @event
1470
-
1470
+ * @deprecated
1471
1471
  */
1472
1472
  pdfQueryCellInfo: EmitType<PdfQueryCellInfoEventArgs>;
1473
1473
  /**
1474
1474
  * Triggers before exporting each header cell to PDF document. You can also customize the PDF cells.
1475
1475
  * @event
1476
-
1476
+ * @deprecated
1477
1477
  */
1478
1478
  pdfHeaderQueryCellInfo: EmitType<PdfHeaderQueryCellInfoEventArgs>;
1479
1479
  /**
1480
1480
  * Triggers before exporting aggregate cell to PDF document. You can also customize the PDF cells.
1481
1481
  * @event
1482
-
1482
+ * @deprecated
1483
1483
  */
1484
1484
  pdfAggregateQueryCellInfo: EmitType<AggregateQueryCellInfoEventArgs>;
1485
1485
  /**
1486
1486
  * Triggers before exporting aggregate cell to Excel document. You can also customize the PDF cells.
1487
1487
  * @event
1488
-
1488
+ * @deprecated
1489
1489
  */
1490
1490
  excelAggregateQueryCellInfo: EmitType<AggregateQueryCellInfoEventArgs>;
1491
1491
  /**
1492
1492
  * Triggers before exporting each detail Grid to PDF document.
1493
1493
  * @event
1494
-
1494
+ * @deprecated
1495
1495
  */
1496
1496
  exportDetailDataBound: EmitType<ExportDetailDataBoundEventArgs>;
1497
1497
  /**
1498
1498
  * Triggers before exporting each cell to Excel file.
1499
1499
  * You can also customize the Excel cells.
1500
1500
  * @event
1501
-
1501
+ * @deprecated
1502
1502
  */
1503
1503
  excelQueryCellInfo: EmitType<ExcelQueryCellInfoEventArgs>;
1504
1504
  /**
1505
1505
  * Triggers before exporting each header cell to Excel file.
1506
1506
  * You can also customize the Excel cells.
1507
1507
  * @event
1508
-
1508
+ * @deprecated
1509
1509
  */
1510
1510
  excelHeaderQueryCellInfo: EmitType<ExcelHeaderQueryCellInfoEventArgs>;
1511
1511
  /**
1512
1512
  * Triggers before Grid data is exported to Excel file.
1513
1513
  * @event
1514
-
1514
+ * @deprecated
1515
1515
  */
1516
1516
  beforeExcelExport: EmitType<Object>;
1517
1517
  /**
1518
1518
  * Triggers after Grid data is exported to Excel file.
1519
1519
  * @event
1520
-
1520
+ * @deprecated
1521
1521
  */
1522
1522
  excelExportComplete: EmitType<ExcelExportCompleteArgs>;
1523
1523
  /**
@@ -1529,13 +1529,13 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
1529
1529
  /**
1530
1530
  * Triggers after Grid data is exported to PDF document.
1531
1531
  * @event
1532
-
1532
+ * @deprecated
1533
1533
  */
1534
1534
  pdfExportComplete: EmitType<PdfExportCompleteArgs>;
1535
1535
  /**
1536
1536
  * Triggers when row element's before drag(move).
1537
1537
  * @event
1538
-
1538
+ * @deprecated
1539
1539
  */
1540
1540
  rowDragStartHelper: EmitType<RowDragEventArgs>;
1541
1541
  /**
@@ -1554,7 +1554,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
1554
1554
  /**
1555
1555
  * Triggers when row elements are dragged (moved) continuously.
1556
1556
  * @event
1557
-
1557
+ * @deprecated
1558
1558
  */
1559
1559
  rowDrag: EmitType<RowDragEventArgs>;
1560
1560
  /**
@@ -1573,25 +1573,25 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
1573
1573
  /**
1574
1574
  * Triggers before the columnChooser open.
1575
1575
  * @event
1576
-
1576
+ * @deprecated
1577
1577
  */
1578
1578
  beforeOpenColumnChooser: EmitType<ColumnChooserEventArgs>;
1579
1579
  /**
1580
1580
  * Triggers when records are added in batch mode.
1581
1581
  * @event
1582
-
1582
+ * @deprecated
1583
1583
  */
1584
1584
  batchAdd: EmitType<BatchAddArgs>;
1585
1585
  /**
1586
1586
  * Triggers when records are deleted in batch mode.
1587
1587
  * @event
1588
-
1588
+ * @deprecated
1589
1589
  */
1590
1590
  batchDelete: EmitType<BatchDeleteArgs>;
1591
1591
  /**
1592
1592
  * Triggers when cancel the batch edit changes batch mode.
1593
1593
  * @event
1594
-
1594
+ * @deprecated
1595
1595
  */
1596
1596
  batchCancel: EmitType<BatchCancelArgs>;
1597
1597
  /**
@@ -1651,7 +1651,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
1651
1651
  /**
1652
1652
  * Triggers on column resizing.
1653
1653
  * @event
1654
-
1654
+ * @deprecated
1655
1655
  */
1656
1656
  resizing: EmitType<ResizeArgs>;
1657
1657
  /**
@@ -1663,7 +1663,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
1663
1663
  /**
1664
1664
  * Triggers when any keyboard keys are pressed inside the grid.
1665
1665
  * @event
1666
-
1666
+ * @deprecated
1667
1667
  */
1668
1668
  keyPressed: EmitType<KeyboardEventArgs>;
1669
1669
  /**
@@ -1675,7 +1675,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
1675
1675
  /**
1676
1676
  * Triggers before context menu opens.
1677
1677
  * @event
1678
-
1678
+ * @deprecated
1679
1679
  */
1680
1680
  contextMenuOpen: EmitType<BeforeOpenCloseMenuEventArgs>;
1681
1681
  /**
@@ -1688,7 +1688,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
1688
1688
  /**
1689
1689
  * Triggers before column menu opens.
1690
1690
  * @event
1691
-
1691
+ * @deprecated
1692
1692
  */
1693
1693
  columnMenuOpen: EmitType<ColumnMenuOpenEventArgs>;
1694
1694
  /**
@@ -1701,25 +1701,25 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
1701
1701
  /**
1702
1702
  * Triggers when the check box state change in checkbox column.
1703
1703
  * @event
1704
-
1704
+ * @deprecated
1705
1705
  */
1706
1706
  checkBoxChange: EmitType<CheckBoxChangeEventArgs>;
1707
1707
  /**
1708
1708
  * Triggers before Grid copy action.
1709
1709
  * @event
1710
-
1710
+ * @deprecated
1711
1711
  */
1712
1712
  beforeCopy: EmitType<BeforeCopyEventArgs>;
1713
1713
  /**
1714
1714
  * Triggers before Grid paste action.
1715
1715
  * @event
1716
-
1716
+ * @deprecated
1717
1717
  */
1718
1718
  beforePaste: EmitType<BeforePasteEventArgs>;
1719
1719
  /**
1720
1720
  * Triggers before Grid autoFill action.
1721
1721
  * @event
1722
-
1722
+ * @deprecated
1723
1723
  */
1724
1724
  beforeAutoFill: EmitType<BeforeAutoFillEventArgs>;
1725
1725
  /**
@@ -1727,39 +1727,39 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
1727
1727
  * In this event,the current view column data and total record count should be assigned to the column `dataSource` based
1728
1728
  * on the action performed.
1729
1729
  * @event
1730
-
1730
+ * @deprecated
1731
1731
  */
1732
1732
  columnDataStateChange: EmitType<ColumnDataStateChangeEventArgs>;
1733
1733
  /**
1734
1734
  * Triggers when the grid actions such as Sorting, Paging, Grouping etc., are done.
1735
1735
  * In this event,the current view data and total record count should be assigned to the `dataSource` based on the action performed.
1736
1736
  * @event
1737
-
1737
+ * @deprecated
1738
1738
  */
1739
1739
  dataStateChange: EmitType<DataStateChangeEventArgs>;
1740
1740
  /**
1741
1741
  * Triggers when the grid data is added, deleted and updated.
1742
1742
  * Invoke the done method from the argument to start render after edit operation.
1743
1743
  * @event
1744
-
1744
+ * @deprecated
1745
1745
  */
1746
1746
  dataSourceChanged: EmitType<DataSourceChangedEventArgs>;
1747
1747
  /**
1748
1748
  * Triggers before exporting each caption row to PDF/Excel/CSV document. You can also customize the export caption row values.
1749
1749
  * @event
1750
-
1750
+ * @deprecated
1751
1751
  */
1752
1752
  exportGroupCaption: EmitType<ExportGroupCaptionEventArgs>;
1753
1753
  /**
1754
1754
  * Triggers when expand the caption row in lazy load grouping.
1755
1755
  * @event
1756
-
1756
+ * @deprecated
1757
1757
  */
1758
1758
  lazyLoadGroupExpand: EmitType<LazyLoadArgs>;
1759
1759
  /**
1760
1760
  * Triggers when collapse the caption row in lazy load grouping.
1761
1761
  * @event
1762
-
1762
+ * @deprecated
1763
1763
  */
1764
1764
  lazyLoadGroupCollapse: EmitType<LazyLoadArgs>;
1765
1765
  /**
@@ -2744,7 +2744,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
2744
2744
  /**
2745
2745
  * Get all filtered records from the Grid and it returns array of objects for the local dataSource, returns a promise object if the Grid has remote data.
2746
2746
  * @return {Object[] | Promise<Object>}
2747
-
2747
+ * @deprecated
2748
2748
  */
2749
2749
  getFilteredRecords(): Object[] | Promise<Object>;
2750
2750
  private getUserAgent;
@@ -2784,7 +2784,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
2784
2784
  getHiddenColumns(): Column[];
2785
2785
  /**
2786
2786
  * calculatePageSizeByParentHeight
2787
-
2787
+ * @deprecated
2788
2788
  */
2789
2789
  calculatePageSizeByParentHeight(containerHeight: number | string): number;
2790
2790
  private getNoncontentHeight;
@@ -2792,7 +2792,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
2792
2792
  *To perform aggregate operation on a column.
2793
2793
  *@param {AggregateColumnModel} summaryCol - Pass Aggregate Column details.
2794
2794
  *@param {Object} summaryData - Pass JSON Array for which its field values to be calculated.
2795
-
2795
+ * @deprecated
2796
2796
  */
2797
2797
  getSummaryValues(summaryCol: AggregateColumnModel, summaryData: Object): number;
2798
2798
  /**
@@ -2802,7 +2802,7 @@ export declare class Grid extends Component<HTMLElement> implements INotifyPrope
2802
2802
  /**
2803
2803
  * @param {number} key - Defines the primary key value.
2804
2804
  * @param {Object} value - Defines the row data.
2805
-
2805
+ * @deprecated
2806
2806
  */
2807
2807
  updateRowValue(key: number, rowData: Object): void;
2808
2808
  /**
@@ -1,22 +1,22 @@
1
- var __extends = (this && this.__extends) || (function () {
2
- var extendStatics = function (d, b) {
3
- extendStatics = Object.setPrototypeOf ||
4
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
- return extendStatics(d, b);
7
- }
8
- return function (d, b) {
9
- extendStatics(d, b);
10
- function __() { this.constructor = d; }
11
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
- };
13
- })();
14
- var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
15
- var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
16
- if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
17
- else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
18
- return c > 3 && r && Object.defineProperty(target, key, r), r;
19
- };
1
+ var __extends = (this && this.__extends) || (function () {
2
+ var extendStatics = function (d, b) {
3
+ extendStatics = Object.setPrototypeOf ||
4
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
+ return extendStatics(d, b);
7
+ };
8
+ return function (d, b) {
9
+ extendStatics(d, b);
10
+ function __() { this.constructor = d; }
11
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
+ };
13
+ })();
14
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
15
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
16
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
17
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
18
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
19
+ };
20
20
  import { Component, ChildProperty, Browser, closest, extend } from '@syncfusion/ej2-base';
21
21
  import { isNullOrUndefined, setValue, getValue, isBlazor, blazorTemplates } from '@syncfusion/ej2-base';
22
22
  import { addClass, removeClass, append, remove, updateBlazorTemplate, classList, setStyleAttribute } from '@syncfusion/ej2-base';
@@ -3737,7 +3737,7 @@ var Grid = /** @class */ (function (_super) {
3737
3737
  /**
3738
3738
  * Get all filtered records from the Grid and it returns array of objects for the local dataSource, returns a promise object if the Grid has remote data.
3739
3739
  * @return {Object[] | Promise<Object>}
3740
-
3740
+ * @deprecated
3741
3741
  */
3742
3742
  Grid.prototype.getFilteredRecords = function () {
3743
3743
  if (this.allowFiltering && this.filterSettings.columns.length) {
@@ -3863,7 +3863,7 @@ var Grid = /** @class */ (function (_super) {
3863
3863
  };
3864
3864
  /**
3865
3865
  * calculatePageSizeByParentHeight
3866
-
3866
+ * @deprecated
3867
3867
  */
3868
3868
  Grid.prototype.calculatePageSizeByParentHeight = function (containerHeight) {
3869
3869
  if (this.allowPaging) {
@@ -3913,7 +3913,7 @@ var Grid = /** @class */ (function (_super) {
3913
3913
  *To perform aggregate operation on a column.
3914
3914
  *@param {AggregateColumnModel} summaryCol - Pass Aggregate Column details.
3915
3915
  *@param {Object} summaryData - Pass JSON Array for which its field values to be calculated.
3916
-
3916
+ * @deprecated
3917
3917
  */
3918
3918
  Grid.prototype.getSummaryValues = function (summaryCol, summaryData) {
3919
3919
  return DataUtil.aggregates[summaryCol.type.toLowerCase()](summaryData, summaryCol.field);
@@ -3928,7 +3928,7 @@ var Grid = /** @class */ (function (_super) {
3928
3928
  /**
3929
3929
  * @param {number} key - Defines the primary key value.
3930
3930
  * @param {Object} value - Defines the row data.
3931
-
3931
+ * @deprecated
3932
3932
  */
3933
3933
  Grid.prototype.updateRowValue = function (key, rowData) {
3934
3934
  var args = {
@@ -1844,6 +1844,7 @@ export interface IFocus {
1844
1844
  onKeyPress?: Function;
1845
1845
  onClick?: Function;
1846
1846
  onFocus?: Function;
1847
+ target?: HTMLElement;
1847
1848
  jump?: (action: string, current: number[]) => SwapInfo;
1848
1849
  getFocusInfo?: () => FocusInfo;
1849
1850
  getFocusable?: (element: HTMLElement) => HTMLElement;
@@ -1,7 +1,7 @@
1
1
  import { ChildProperty, compile as baseTemplateComplier, setValue, Internationalization, isUndefined, closest } from '@syncfusion/ej2-base';
2
2
  import { extend as baseExtend, isNullOrUndefined, getValue, classList } from '@syncfusion/ej2-base';
3
3
  import { setStyleAttribute, addClass, attributes, remove, createElement, removeClass } from '@syncfusion/ej2-base';
4
- import { isObject, isBlazor, Browser } from '@syncfusion/ej2-base';
4
+ import { isObject, isBlazor, Browser, select, selectAll } from '@syncfusion/ej2-base';
5
5
  import { DataUtil, Query, DataManager, Predicate, UrlAdaptor, Deferred } from '@syncfusion/ej2-data';
6
6
  import { Column } from '../models/column';
7
7
  import { calculateRelativeBasedPosition, calculatePosition } from '@syncfusion/ej2-popups';
@@ -490,9 +490,9 @@ export function isEditable(col, type, elem) {
490
490
  }
491
491
  /** @hidden */
492
492
  export function isActionPrevent(inst) {
493
- var dlg = inst.element.querySelector('#' + inst.element.id + 'EditConfirm');
493
+ var dlg = select('#' + inst.element.id + 'EditConfirm', inst.element);
494
494
  return inst.editSettings.mode === 'Batch' &&
495
- (inst.element.querySelectorAll('.e-updatedtd').length) && inst.editSettings.showConfirmDialog &&
495
+ (selectAll('.e-updatedtd', inst.element).length) && inst.editSettings.showConfirmDialog &&
496
496
  (dlg ? dlg.classList.contains('e-popup-close') : true);
497
497
  }
498
498
  /** @hidden */
@@ -1,16 +1,16 @@
1
- var __extends = (this && this.__extends) || (function () {
2
- var extendStatics = function (d, b) {
3
- extendStatics = Object.setPrototypeOf ||
4
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
- function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
- return extendStatics(d, b);
7
- }
8
- return function (d, b) {
9
- extendStatics(d, b);
10
- function __() { this.constructor = d; }
11
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
- };
13
- })();
1
+ var __extends = (this && this.__extends) || (function () {
2
+ var extendStatics = function (d, b) {
3
+ extendStatics = Object.setPrototypeOf ||
4
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
5
+ function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
6
+ return extendStatics(d, b);
7
+ };
8
+ return function (d, b) {
9
+ extendStatics(d, b);
10
+ function __() { this.constructor = d; }
11
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
12
+ };
13
+ })();
14
14
  import { EventHandler, remove, Browser, isBlazor, updateBlazorTemplate } from '@syncfusion/ej2-base';
15
15
  import { isNullOrUndefined } from '@syncfusion/ej2-base';
16
16
  import { Query, DataManager, Predicate } from '@syncfusion/ej2-data';
@@ -1,4 +1,4 @@
1
- import { compile } from '@syncfusion/ej2-base';import { getEnumValue } from '@syncfusion/ej2-base';import { CustomSummaryType } from '../base/type';import { AggregateType, CellType } from '../base/enum';import { Property, Collection, ChildProperty, NumberFormatOptions, DateFormatOptions } from '@syncfusion/ej2-base';
1
+ import { compile } from '@syncfusion/ej2-base';
2
2
 
3
3
  /**
4
4
  * Interface for a class AggregateColumn
@@ -6,89 +6,89 @@ import { compile } from '@syncfusion/ej2-base';import { getEnumValue } from '@sy
6
6
  export interface AggregateColumnModel {
7
7
 
8
8
  /**
9
- * Defines the aggregate type of a particular column.
10
- * To use multiple aggregates for single column, specify the `type` as array.
11
- * Types of aggregate are,
12
- * * sum
13
- * * average
14
- * * max
15
- * * min
16
- * * count
17
- * * truecount
18
- * * falsecount
19
- * * custom
20
- * > Specify the `type` value as `custom` to use custom aggregation.
21
- * @aspType string
22
- * @default null
23
- */
24
- type?: AggregateType | AggregateType[] | string;
9
+ * Defines the aggregate type of a particular column.
10
+ * To use multiple aggregates for single column, specify the `type` as array.
11
+ * Types of aggregate are,
12
+ * * sum
13
+ * * average
14
+ * * max
15
+ * * min
16
+ * * count
17
+ * * truecount
18
+ * * falsecount
19
+ * * custom
20
+ * > Specify the `type` value as `custom` to use custom aggregation.
21
+ * @aspType string
22
+ * @default null
23
+ */
24
+ type?: AggregateType | AggregateType[] | string;
25
25
 
26
26
  /**
27
- * Defines the column name to perform aggregation.
28
- * @default null
29
- */
30
- field?: string;
27
+ * Defines the column name to perform aggregation.
28
+ * @default null
29
+ */
30
+ field?: string;
31
31
 
32
32
  /**
33
- * Defines the column name to display the aggregate value. If `columnName` is not defined,
34
- * then `field` name value will be assigned to the `columnName` property.
35
- * @default null
36
- */
37
- columnName?: string;
33
+ * Defines the column name to display the aggregate value. If `columnName` is not defined,
34
+ * then `field` name value will be assigned to the `columnName` property.
35
+ * @default null
36
+ */
37
+ columnName?: string;
38
38
 
39
39
  /**
40
- * Format is applied to a calculated value before it is displayed.
41
- * Gets the format from the user, which can be standard or custom
42
- * [`number`](../../common/internationalization/#number-formatting/)
43
- * and [`date`](../../common/internationalization/#number-formatting/) formats.
44
- * @aspType string
45
- * @blazorType string
46
- * @default null
47
- */
48
- format?: string | NumberFormatOptions | DateFormatOptions;
40
+ * Format is applied to a calculated value before it is displayed.
41
+ * Gets the format from the user, which can be standard or custom
42
+ * [`number`](../../common/internationalization/#number-formatting/)
43
+ * and [`date`](../../common/internationalization/#number-formatting/) formats.
44
+ * @aspType string
45
+ * @blazorType string
46
+ * @default null
47
+ */
48
+ format?: string | NumberFormatOptions | DateFormatOptions;
49
49
 
50
50
  /**
51
- * Defines the footer cell template as a string for the aggregate column.
52
- * The `type` name should be used to access aggregate values inside the template.
53
- *
54
- * {% codeBlock src="grid/footer-template-api/index.ts" %}{% endcodeBlock %}
55
- * @default null
56
- */
57
- footerTemplate?: string;
51
+ * Defines the footer cell template as a string for the aggregate column.
52
+ * The `type` name should be used to access aggregate values inside the template.
53
+ *
54
+ * {% codeBlock src="grid/footer-template-api/index.ts" %}{% endcodeBlock %}
55
+ * @default null
56
+ */
57
+ footerTemplate?: string;
58
58
 
59
59
  /**
60
- * Defines the group footer cell template as a string for the aggregate column.
61
- * The `type` name should be used to access aggregate values inside the template.
62
- * Additionally, the following fields can be accessed in the template.
63
- * * **field**: The current grouped field.
64
- * * **key**: The current grouped value.
65
- *
66
- * {% codeBlock src="grid/group-footer-api/index.ts" %}{% endcodeBlock %}
67
- * @default null
68
- */
69
- groupFooterTemplate?: string;
60
+ * Defines the group footer cell template as a string for the aggregate column.
61
+ * The `type` name should be used to access aggregate values inside the template.
62
+ * Additionally, the following fields can be accessed in the template.
63
+ * * **field**: The current grouped field.
64
+ * * **key**: The current grouped value.
65
+ *
66
+ * {% codeBlock src="grid/group-footer-api/index.ts" %}{% endcodeBlock %}
67
+ * @default null
68
+ */
69
+ groupFooterTemplate?: string;
70
70
 
71
71
  /**
72
- * Defines the group caption cell template as a string for the aggregate column.
73
- * The `type` name should be used to access aggregate values inside the template.
74
- * Additionally, the following fields can be accessed in the template.
75
- * * **field**: The current grouped field name.
76
- * * **key**: The current grouped field value.
77
- *
78
- * {% codeBlock src="grid/group-caption-api/index.ts" %}{% endcodeBlock %}
79
- * @default null
80
- */
81
- groupCaptionTemplate?: string;
72
+ * Defines the group caption cell template as a string for the aggregate column.
73
+ * The `type` name should be used to access aggregate values inside the template.
74
+ * Additionally, the following fields can be accessed in the template.
75
+ * * **field**: The current grouped field name.
76
+ * * **key**: The current grouped field value.
77
+ *
78
+ * {% codeBlock src="grid/group-caption-api/index.ts" %}{% endcodeBlock %}
79
+ * @default null
80
+ */
81
+ groupCaptionTemplate?: string;
82
82
 
83
83
  /**
84
- * Defines a function to calculate custom aggregate value. The `type` value should be set to `custom`.
85
- * To use custom aggregate value in the template, use the key as `${custom}`.
86
- * **Total aggregation**: The custom function will be called with the whole data and the current `AggregateColumn` object.
87
- * **Group aggregation**: This will be called with the current group details and the `AggregateColumn` object.
88
- *
89
- * @default null
90
- */
91
- customAggregate?: CustomSummaryType | string;
84
+ * Defines a function to calculate custom aggregate value. The `type` value should be set to `custom`.
85
+ * To use custom aggregate value in the template, use the key as `${custom}`.
86
+ * **Total aggregation**: The custom function will be called with the whole data and the current `AggregateColumn` object.
87
+ * **Group aggregation**: This will be called with the current group details and the `AggregateColumn` object.
88
+ *
89
+ * @default null
90
+ */
91
+ customAggregate?: CustomSummaryType | string;
92
92
 
93
93
  }
94
94
 
@@ -98,9 +98,9 @@ export interface AggregateColumnModel {
98
98
  export interface AggregateRowModel {
99
99
 
100
100
  /**
101
- * Configures the aggregate columns.
102
- * @default []
103
- */
104
- columns?: AggregateColumnModel[];
101
+ * Configures the aggregate columns.
102
+ * @default []
103
+ */
104
+ columns?: AggregateColumnModel[];
105
105
 
106
106
  }