@progress/kendo-angular-grid 16.8.0 → 16.9.0-develop.2

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 (6) hide show
  1. package/esm2020/grid.component.mjs +488 -488
  2. package/esm2020/package-metadata.mjs +2 -2
  3. package/fesm2015/progress-kendo-angular-grid.mjs +490 -490
  4. package/fesm2020/progress-kendo-angular-grid.mjs +490 -490
  5. package/package.json +16 -16
  6. package/schematics/ngAdd/index.js +4 -4
package/fesm2015/progress-kendo-angular-grid.mjs CHANGED
@@ -19432,8 +19432,8 @@ const packageMetadata = {
19432
19432
  name: '@progress/kendo-angular-grid',
19433
19433
  productName: 'Kendo UI for Angular',
19434
19434
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
19435
- publishDate: 1724742021,
19436
- version: '16.8.0',
19435
+ publishDate: 1724750786,
19436
+ version: '16.9.0-develop.2',
19437
19437
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
19438
19438
  };
19439
19439
 
@@ -24726,267 +24726,267 @@ GridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version:
24726
24726
  <div #ariaRoot
24727
24727
  class="k-grid-aria-root"
24728
24728
  role="grid"
24729
+ kendoDragTargetContainer
24730
+ kendoDropTargetContainer
24731
+ mode="manual"
24732
+ [dragDisabled]="!rowReorderable"
24733
+ [dropDisabled]="!rowReorderable"
24734
+ [dragTargetFilter]="getDefaultSelectors('dragTarget')"
24735
+ [dropTargetFilter]="getDefaultSelectors('dropTarget')"
24736
+ [dragHandle]="getDefaultSelectors('handle')"
24737
+ [hint]="{hintTemplate: defaultHint}"
24738
+ (onPress)="handleReorderEvents($event, 'press')"
24739
+ (onDragStart)="handleReorderEvents($event, 'dragStart')"
24740
+ (onDrag)="handleReorderEvents($event, 'drag')"
24741
+ (onDragEnter)="handleReorderEvents($event, 'dragEnter')"
24742
+ (onDragLeave)="handleReorderEvents($event, 'dragLeave')"
24743
+ (onDragEnd)="handleReorderEvents($event, 'dragEnd')"
24744
+ (onDrop)="handleReorderEvents($event, 'drop')"
24745
+ [dragData]="gridData"
24729
24746
  [id]="ariaRootId"
24730
24747
  [attr.aria-label]="ariaLabel"
24731
24748
  [attr.aria-rowcount]="ariaRowCount"
24732
24749
  [attr.aria-colcount]="ariaColCount">
24733
- <ng-container *ngIf="isScrollable">
24734
- <div *ngIf="!hideHeader"
24735
- class="k-grid-header"
24736
- role="presentation"
24737
- [style.padding]="headerPadding">
24738
- <div *ngIf="isLocked"
24739
- #lockedHeader
24750
+ <ng-container *ngIf="isScrollable">
24751
+ <div *ngIf="!hideHeader"
24752
+ class="k-grid-header"
24740
24753
  role="presentation"
24741
- class="k-grid-header-locked"
24742
- [style.width.px]="lockedWidth">
24743
- <table
24744
- kendoGridResizableTable
24745
- [locked]="true"
24746
- role="presentation"
24747
- class="k-grid-header-table"
24748
- [style.width.px]="lockedWidth"
24749
- kendoGridTable
24750
- [size]="size">
24751
- <colgroup kendoGridColGroup
24752
- [columns]="$any(lockedLeafColumns)"
24753
- [groups]="group"
24754
- [detailTemplate]="detailTemplate">
24755
- </colgroup>
24756
- <thead kendoGridHeader
24757
- role="rowgroup"
24758
- [resizable]="resizable"
24759
- [scrollable]="true"
24760
- [columns]="$any(lockedColumns)"
24761
- [totalColumnLevels]="totalColumnLevels"
24762
- [sort]="sort"
24763
- [groups]="group"
24764
- [filter]="filter"
24765
- [filterable]="filterable"
24766
- [groupable]="showGroupPanel"
24767
- [reorderable]="reorderable"
24768
- [sortable]="sortable"
24769
- [columnMenu]="columnMenuOptions"
24770
- [columnMenuTemplate]="columnMenuTemplate"
24771
- [totalColumnsCount]="leafColumns.length"
24772
- [totalColumns]="columnsContainer"
24773
- [detailTemplate]="detailTemplate"
24774
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
24775
- </thead>
24776
- </table>
24777
- </div>
24778
- <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
24779
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
24780
- [lockedWidth]="lockedWidth + scrollbarWidth + 2">
24781
- <table
24754
+ [style.padding]="headerPadding">
24755
+ <div *ngIf="isLocked"
24756
+ #lockedHeader
24782
24757
  role="presentation"
24783
- class="k-grid-header-table"
24784
- [style.width.px]="nonLockedWidth"
24785
- kendoGridResizableTable
24786
- [virtualColumns]="virtualColumns"
24787
- kendoGridTable
24788
- [size]="size">
24789
- <colgroup kendoGridColGroup
24790
- [columns]="headerLeafColumns"
24791
- [groups]="isLocked ? [] : group"
24792
- [detailTemplate]="detailTemplate">
24793
- </colgroup>
24794
- <thead kendoGridHeader
24795
- [resizable]="resizable"
24796
- role="rowgroup"
24797
- [scrollable]="true"
24798
- [columns]="headerColumns"
24799
- [totalColumnLevels]="totalColumnLevels"
24800
- [sort]="sort"
24801
- [filter]="filter"
24802
- [filterable]="filterable"
24803
- [groupable]="showGroupPanel"
24804
- [reorderable]="reorderable"
24805
- [groups]="isLocked ? [] : group"
24806
- [sortable]="sortable"
24807
- [columnMenu]="columnMenuOptions"
24808
- [columnMenuTemplate]="columnMenuTemplate"
24809
- [lockedColumnsCount]="lockedLeafColumns.length"
24810
- [totalColumnsCount]="leafColumns.length"
24811
- [totalColumns]="columnsContainer"
24812
- [detailTemplate]="detailTemplate"
24813
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
24814
- </thead>
24815
- </table>
24816
- <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
24817
- <div [style.width.px]="columnsContainer.unlockedWidth"></div>
24758
+ class="k-grid-header-locked"
24759
+ [style.width.px]="lockedWidth">
24760
+ <table
24761
+ kendoGridResizableTable
24762
+ [locked]="true"
24763
+ role="presentation"
24764
+ class="k-grid-header-table"
24765
+ [style.width.px]="lockedWidth"
24766
+ kendoGridTable
24767
+ [size]="size">
24768
+ <colgroup kendoGridColGroup
24769
+ [columns]="$any(lockedLeafColumns)"
24770
+ [groups]="group"
24771
+ [detailTemplate]="detailTemplate">
24772
+ </colgroup>
24773
+ <thead kendoGridHeader
24774
+ role="rowgroup"
24775
+ [resizable]="resizable"
24776
+ [scrollable]="true"
24777
+ [columns]="$any(lockedColumns)"
24778
+ [totalColumnLevels]="totalColumnLevels"
24779
+ [sort]="sort"
24780
+ [groups]="group"
24781
+ [filter]="filter"
24782
+ [filterable]="filterable"
24783
+ [groupable]="showGroupPanel"
24784
+ [reorderable]="reorderable"
24785
+ [sortable]="sortable"
24786
+ [columnMenu]="columnMenuOptions"
24787
+ [columnMenuTemplate]="columnMenuTemplate"
24788
+ [totalColumnsCount]="leafColumns.length"
24789
+ [totalColumns]="columnsContainer"
24790
+ [detailTemplate]="detailTemplate"
24791
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
24792
+ </thead>
24793
+ </table>
24794
+ </div>
24795
+ <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
24796
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
24797
+ [lockedWidth]="lockedWidth + scrollbarWidth + 2">
24798
+ <table
24799
+ role="presentation"
24800
+ class="k-grid-header-table"
24801
+ [style.width.px]="nonLockedWidth"
24802
+ kendoGridResizableTable
24803
+ [virtualColumns]="virtualColumns"
24804
+ kendoGridTable
24805
+ [size]="size">
24806
+ <colgroup kendoGridColGroup
24807
+ [columns]="headerLeafColumns"
24808
+ [groups]="isLocked ? [] : group"
24809
+ [detailTemplate]="detailTemplate">
24810
+ </colgroup>
24811
+ <thead kendoGridHeader
24812
+ [resizable]="resizable"
24813
+ role="rowgroup"
24814
+ [scrollable]="true"
24815
+ [columns]="headerColumns"
24816
+ [totalColumnLevels]="totalColumnLevels"
24817
+ [sort]="sort"
24818
+ [filter]="filter"
24819
+ [filterable]="filterable"
24820
+ [groupable]="showGroupPanel"
24821
+ [reorderable]="reorderable"
24822
+ [groups]="isLocked ? [] : group"
24823
+ [sortable]="sortable"
24824
+ [columnMenu]="columnMenuOptions"
24825
+ [columnMenuTemplate]="columnMenuTemplate"
24826
+ [lockedColumnsCount]="lockedLeafColumns.length"
24827
+ [totalColumnsCount]="leafColumns.length"
24828
+ [totalColumns]="columnsContainer"
24829
+ [detailTemplate]="detailTemplate"
24830
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
24831
+ </thead>
24832
+ </table>
24833
+ <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
24834
+ <div [style.width.px]="columnsContainer.unlockedWidth"></div>
24835
+ </div>
24818
24836
  </div>
24819
24837
  </div>
24820
- </div>
24821
- <kendo-grid-list
24822
- kendoDragTargetContainer
24823
- kendoDropTargetContainer
24824
- mode="manual"
24825
- [dragDisabled]="!rowReorderable"
24826
- [dropDisabled]="!rowReorderable"
24827
- [dragTargetFilter]="getDefaultSelectors('dragTarget')"
24828
- [dropTargetFilter]="getDefaultSelectors('dropTarget')"
24829
- [dragHandle]="getDefaultSelectors('handle')"
24830
- [hint]="{hintTemplate: defaultHint}"
24831
- (onPress)="handleReorderEvents($event, 'press')"
24832
- (onDragStart)="handleReorderEvents($event, 'dragStart')"
24833
- (onDrag)="handleReorderEvents($event, 'drag')"
24834
- (onDragEnter)="handleReorderEvents($event, 'dragEnter')"
24835
- (onDragLeave)="handleReorderEvents($event, 'dragLeave')"
24836
- (onDragEnd)="handleReorderEvents($event, 'dragEnd')"
24837
- (onDrop)="handleReorderEvents($event, 'drop')"
24838
- [dragData]="gridData"
24839
- [data]="$any(view)"
24840
- [rowHeight]="rowHeight"
24841
- [detailRowHeight]="detailRowHeight"
24842
- [total]="totalCount"
24843
- [take]="pageSize"
24844
- [groups]="group"
24845
- [groupable]="groupable"
24846
- [skip]="skip"
24847
- [trackBy]="trackBy"
24848
- [columns]="columnsContainer"
24849
- [selectable]="selectable"
24850
- [filterable]="filterable"
24851
- [detailTemplate]="detailTemplate"
24852
- [noRecordsTemplate]="noRecordsTemplate"
24853
- [size]="size"
24854
- (pageChange)="notifyPageChange('list', $event)"
24855
- [rowClass]="rowClass"
24856
- [rowSticky]="rowSticky"
24857
- [loading]="loading"
24858
- [isVirtual]="isVirtual"
24859
- [cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
24860
- [loadingTemplate]="loadingTemplate?.templateRef"
24861
- [virtualColumns]="virtualColumns"
24862
- (scrollBottom)="notifyScrollBottom()"
24863
- (contentScroll)="contentScroll.emit($event)"
24864
- kendoDraggable
24865
- kendoGridSelectionMarquee
24866
- [enableDrag]="marqueeSelection"
24867
- [sort]="sort">
24868
- </kendo-grid-list>
24869
- <div
24870
- *ngIf="showFooter"
24871
- class="k-grid-footer"
24872
- [style.padding]="headerPadding">
24873
- <div
24874
- *ngIf="lockedLeafColumns.length"
24875
- class="k-grid-footer-locked"
24876
- [style.width.px]="lockedWidth">
24877
- <table
24878
- role="presentation"
24879
- class="k-grid-footer-table"
24880
- kendoGridResizableTable
24881
- [locked]="true"
24882
- [style.width.px]="lockedWidth"
24883
- kendoGridTable
24884
- [size]="size">
24885
- <colgroup kendoGridColGroup
24886
- [columns]="$any(lockedLeafColumns)"
24887
- [groups]="group"
24888
- [detailTemplate]="detailTemplate">
24889
- </colgroup>
24890
- <tfoot kendoGridFooter
24891
- [scrollable]="true"
24892
- [groups]="group"
24893
- [columns]="$any(lockedLeafColumns)"
24894
- [detailTemplate]="detailTemplate"
24895
- [logicalRowIndex]="ariaRowCount"
24896
- [totalColumns]="columnsContainer">
24897
- </tfoot>
24898
- </table>
24899
- </div>
24900
- <div #footer
24901
- class="k-grid-footer-wrap" data-scrollable
24902
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
24903
- [lockedWidth]="lockedWidth + scrollbarWidth + 3">
24904
- <table
24905
- role="presentation"
24906
- class="k-grid-footer-table"
24907
- [style.width.px]="nonLockedWidth"
24908
- kendoGridTable
24909
- kendoGridResizableTable
24910
- [size]="size">
24911
- <colgroup kendoGridColGroup
24912
- [columns]="$any(headerLeafColumns)"
24913
- [groups]="isLocked ? [] : group"
24914
- [detailTemplate]="detailTemplate">
24915
- </colgroup>
24916
- <tfoot kendoGridFooter
24917
- [logicalRowIndex]="ariaRowCount"
24918
- [scrollable]="true"
24919
- [groups]="isLocked ? [] : group"
24920
- [columns]="$any(headerColumns)"
24921
- [lockedColumnsCount]="lockedLeafColumns.length"
24922
- [detailTemplate]="detailTemplate"
24923
- [totalColumns]="columnsContainer">
24924
- </tfoot>
24925
- </table>
24926
- </div>
24927
- </div>
24928
- </ng-container>
24929
- <ng-container *ngIf="!isScrollable">
24930
- <table
24931
- [style.table-layout]="resizable ? 'fixed' : null"
24932
- kendoGridTable
24933
- kendoGridResizableTable
24934
- role="presentation"
24935
- [size]="size">
24936
- <colgroup kendoGridColGroup
24937
- [columns]="$any(leafColumns)"
24938
- [groups]="group"
24939
- [detailTemplate]="detailTemplate">
24940
- </colgroup>
24941
- <thead kendoGridHeader
24942
- *ngIf="!hideHeader"
24943
- [resizable]="resizable"
24944
- [scrollable]="false"
24945
- [columns]="$any(visibleColumns)"
24946
- [totalColumnLevels]="totalColumnLevels"
24947
- [totalColumns]="columnsContainer"
24948
- [groups]="group"
24949
- [groupable]="showGroupPanel"
24950
- [reorderable]="reorderable"
24951
- [sort]="sort"
24952
- [sortable]="sortable"
24953
- [filter]="filter"
24954
- [filterable]="filterable"
24955
- [columnMenu]="columnMenuOptions"
24956
- [columnMenuTemplate]="columnMenuTemplate"
24957
- [detailTemplate]="detailTemplate"
24958
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
24959
- </thead>
24960
- <tbody kendoGridTableBody
24961
- [isLoading]="loading"
24962
- [groups]="group"
24838
+ <kendo-grid-list
24963
24839
  [data]="$any(view)"
24840
+ [rowHeight]="rowHeight"
24841
+ [detailRowHeight]="detailRowHeight"
24842
+ [total]="totalCount"
24843
+ [take]="pageSize"
24844
+ [groups]="group"
24845
+ [groupable]="groupable"
24964
24846
  [skip]="skip"
24965
- [columns]="$any(leafColumns)"
24847
+ [trackBy]="trackBy"
24848
+ [columns]="columnsContainer"
24966
24849
  [selectable]="selectable"
24967
24850
  [filterable]="filterable"
24968
- [noRecordsTemplate]="noRecordsTemplate"
24969
24851
  [detailTemplate]="detailTemplate"
24970
- [showGroupFooters]="showGroupFooters"
24971
- [trackBy]="trackBy"
24852
+ [noRecordsTemplate]="noRecordsTemplate"
24853
+ [size]="size"
24854
+ (pageChange)="notifyPageChange('list', $event)"
24972
24855
  [rowClass]="rowClass"
24856
+ [rowSticky]="rowSticky"
24857
+ [loading]="loading"
24858
+ [isVirtual]="isVirtual"
24859
+ [cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
24860
+ [loadingTemplate]="loadingTemplate?.templateRef"
24861
+ [virtualColumns]="virtualColumns"
24862
+ (scrollBottom)="notifyScrollBottom()"
24863
+ (contentScroll)="contentScroll.emit($event)"
24973
24864
  kendoDraggable
24974
24865
  kendoGridSelectionMarquee
24975
- [enableDrag]="marqueeSelection">
24976
- </tbody>
24977
- <tfoot kendoGridFooter
24866
+ [enableDrag]="marqueeSelection"
24867
+ [sort]="sort">
24868
+ </kendo-grid-list>
24869
+ <div
24978
24870
  *ngIf="showFooter"
24979
- [scrollable]="false"
24980
- [logicalRowIndex]="ariaRowCount"
24981
- [groups]="group"
24982
- [columns]="$any(leafColumns)"
24983
- [detailTemplate]="detailTemplate"
24984
- [totalColumns]="columnsContainer">
24985
- </tfoot>
24986
- </table>
24987
- </ng-container>
24988
- <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
24989
- </div>
24871
+ class="k-grid-footer"
24872
+ [style.padding]="headerPadding">
24873
+ <div
24874
+ *ngIf="lockedLeafColumns.length"
24875
+ class="k-grid-footer-locked"
24876
+ [style.width.px]="lockedWidth">
24877
+ <table
24878
+ role="presentation"
24879
+ class="k-grid-footer-table"
24880
+ kendoGridResizableTable
24881
+ [locked]="true"
24882
+ [style.width.px]="lockedWidth"
24883
+ kendoGridTable
24884
+ [size]="size">
24885
+ <colgroup kendoGridColGroup
24886
+ [columns]="$any(lockedLeafColumns)"
24887
+ [groups]="group"
24888
+ [detailTemplate]="detailTemplate">
24889
+ </colgroup>
24890
+ <tfoot kendoGridFooter
24891
+ [scrollable]="true"
24892
+ [groups]="group"
24893
+ [columns]="$any(lockedLeafColumns)"
24894
+ [detailTemplate]="detailTemplate"
24895
+ [logicalRowIndex]="ariaRowCount"
24896
+ [totalColumns]="columnsContainer">
24897
+ </tfoot>
24898
+ </table>
24899
+ </div>
24900
+ <div #footer
24901
+ class="k-grid-footer-wrap" data-scrollable
24902
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
24903
+ [lockedWidth]="lockedWidth + scrollbarWidth + 3">
24904
+ <table
24905
+ role="presentation"
24906
+ class="k-grid-footer-table"
24907
+ [style.width.px]="nonLockedWidth"
24908
+ kendoGridTable
24909
+ kendoGridResizableTable
24910
+ [size]="size">
24911
+ <colgroup kendoGridColGroup
24912
+ [columns]="$any(headerLeafColumns)"
24913
+ [groups]="isLocked ? [] : group"
24914
+ [detailTemplate]="detailTemplate">
24915
+ </colgroup>
24916
+ <tfoot kendoGridFooter
24917
+ [logicalRowIndex]="ariaRowCount"
24918
+ [scrollable]="true"
24919
+ [groups]="isLocked ? [] : group"
24920
+ [columns]="$any(headerColumns)"
24921
+ [lockedColumnsCount]="lockedLeafColumns.length"
24922
+ [detailTemplate]="detailTemplate"
24923
+ [totalColumns]="columnsContainer">
24924
+ </tfoot>
24925
+ </table>
24926
+ </div>
24927
+ </div>
24928
+ </ng-container>
24929
+ <ng-container *ngIf="!isScrollable">
24930
+ <table
24931
+ [style.table-layout]="resizable ? 'fixed' : null"
24932
+ kendoGridTable
24933
+ kendoGridResizableTable
24934
+ role="presentation"
24935
+ [size]="size">
24936
+ <colgroup kendoGridColGroup
24937
+ [columns]="$any(leafColumns)"
24938
+ [groups]="group"
24939
+ [detailTemplate]="detailTemplate">
24940
+ </colgroup>
24941
+ <thead kendoGridHeader
24942
+ *ngIf="!hideHeader"
24943
+ [resizable]="resizable"
24944
+ [scrollable]="false"
24945
+ [columns]="$any(visibleColumns)"
24946
+ [totalColumnLevels]="totalColumnLevels"
24947
+ [totalColumns]="columnsContainer"
24948
+ [groups]="group"
24949
+ [groupable]="showGroupPanel"
24950
+ [reorderable]="reorderable"
24951
+ [sort]="sort"
24952
+ [sortable]="sortable"
24953
+ [filter]="filter"
24954
+ [filterable]="filterable"
24955
+ [columnMenu]="columnMenuOptions"
24956
+ [columnMenuTemplate]="columnMenuTemplate"
24957
+ [detailTemplate]="detailTemplate"
24958
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
24959
+ </thead>
24960
+ <tbody kendoGridTableBody
24961
+ [isLoading]="loading"
24962
+ [groups]="group"
24963
+ [data]="$any(view)"
24964
+ [skip]="skip"
24965
+ [columns]="$any(leafColumns)"
24966
+ [selectable]="selectable"
24967
+ [filterable]="filterable"
24968
+ [noRecordsTemplate]="noRecordsTemplate"
24969
+ [detailTemplate]="detailTemplate"
24970
+ [showGroupFooters]="showGroupFooters"
24971
+ [trackBy]="trackBy"
24972
+ [rowClass]="rowClass"
24973
+ kendoDraggable
24974
+ kendoGridSelectionMarquee
24975
+ [enableDrag]="marqueeSelection">
24976
+ </tbody>
24977
+ <tfoot kendoGridFooter
24978
+ *ngIf="showFooter"
24979
+ [scrollable]="false"
24980
+ [logicalRowIndex]="ariaRowCount"
24981
+ [groups]="group"
24982
+ [columns]="$any(leafColumns)"
24983
+ [detailTemplate]="detailTemplate"
24984
+ [totalColumns]="columnsContainer">
24985
+ </tfoot>
24986
+ </table>
24987
+ </ng-container>
24988
+ <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
24989
+ </div>
24990
24990
  <kendo-grid-status-bar
24991
24991
  *ngIf="showStatusBar"
24992
24992
  [statusBarTemplate]="statusBarTemplate">
@@ -25363,267 +25363,267 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
25363
25363
  <div #ariaRoot
25364
25364
  class="k-grid-aria-root"
25365
25365
  role="grid"
25366
+ kendoDragTargetContainer
25367
+ kendoDropTargetContainer
25368
+ mode="manual"
25369
+ [dragDisabled]="!rowReorderable"
25370
+ [dropDisabled]="!rowReorderable"
25371
+ [dragTargetFilter]="getDefaultSelectors('dragTarget')"
25372
+ [dropTargetFilter]="getDefaultSelectors('dropTarget')"
25373
+ [dragHandle]="getDefaultSelectors('handle')"
25374
+ [hint]="{hintTemplate: defaultHint}"
25375
+ (onPress)="handleReorderEvents($event, 'press')"
25376
+ (onDragStart)="handleReorderEvents($event, 'dragStart')"
25377
+ (onDrag)="handleReorderEvents($event, 'drag')"
25378
+ (onDragEnter)="handleReorderEvents($event, 'dragEnter')"
25379
+ (onDragLeave)="handleReorderEvents($event, 'dragLeave')"
25380
+ (onDragEnd)="handleReorderEvents($event, 'dragEnd')"
25381
+ (onDrop)="handleReorderEvents($event, 'drop')"
25382
+ [dragData]="gridData"
25366
25383
  [id]="ariaRootId"
25367
25384
  [attr.aria-label]="ariaLabel"
25368
25385
  [attr.aria-rowcount]="ariaRowCount"
25369
25386
  [attr.aria-colcount]="ariaColCount">
25370
- <ng-container *ngIf="isScrollable">
25371
- <div *ngIf="!hideHeader"
25372
- class="k-grid-header"
25373
- role="presentation"
25374
- [style.padding]="headerPadding">
25375
- <div *ngIf="isLocked"
25376
- #lockedHeader
25387
+ <ng-container *ngIf="isScrollable">
25388
+ <div *ngIf="!hideHeader"
25389
+ class="k-grid-header"
25377
25390
  role="presentation"
25378
- class="k-grid-header-locked"
25379
- [style.width.px]="lockedWidth">
25380
- <table
25381
- kendoGridResizableTable
25382
- [locked]="true"
25383
- role="presentation"
25384
- class="k-grid-header-table"
25385
- [style.width.px]="lockedWidth"
25386
- kendoGridTable
25387
- [size]="size">
25388
- <colgroup kendoGridColGroup
25389
- [columns]="$any(lockedLeafColumns)"
25390
- [groups]="group"
25391
- [detailTemplate]="detailTemplate">
25392
- </colgroup>
25393
- <thead kendoGridHeader
25394
- role="rowgroup"
25395
- [resizable]="resizable"
25396
- [scrollable]="true"
25397
- [columns]="$any(lockedColumns)"
25398
- [totalColumnLevels]="totalColumnLevels"
25399
- [sort]="sort"
25400
- [groups]="group"
25401
- [filter]="filter"
25402
- [filterable]="filterable"
25403
- [groupable]="showGroupPanel"
25404
- [reorderable]="reorderable"
25405
- [sortable]="sortable"
25406
- [columnMenu]="columnMenuOptions"
25407
- [columnMenuTemplate]="columnMenuTemplate"
25408
- [totalColumnsCount]="leafColumns.length"
25409
- [totalColumns]="columnsContainer"
25410
- [detailTemplate]="detailTemplate"
25411
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
25412
- </thead>
25413
- </table>
25414
- </div>
25415
- <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
25416
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
25417
- [lockedWidth]="lockedWidth + scrollbarWidth + 2">
25418
- <table
25391
+ [style.padding]="headerPadding">
25392
+ <div *ngIf="isLocked"
25393
+ #lockedHeader
25419
25394
  role="presentation"
25420
- class="k-grid-header-table"
25421
- [style.width.px]="nonLockedWidth"
25422
- kendoGridResizableTable
25423
- [virtualColumns]="virtualColumns"
25424
- kendoGridTable
25425
- [size]="size">
25426
- <colgroup kendoGridColGroup
25427
- [columns]="headerLeafColumns"
25428
- [groups]="isLocked ? [] : group"
25429
- [detailTemplate]="detailTemplate">
25430
- </colgroup>
25431
- <thead kendoGridHeader
25432
- [resizable]="resizable"
25433
- role="rowgroup"
25434
- [scrollable]="true"
25435
- [columns]="headerColumns"
25436
- [totalColumnLevels]="totalColumnLevels"
25437
- [sort]="sort"
25438
- [filter]="filter"
25439
- [filterable]="filterable"
25440
- [groupable]="showGroupPanel"
25441
- [reorderable]="reorderable"
25442
- [groups]="isLocked ? [] : group"
25443
- [sortable]="sortable"
25444
- [columnMenu]="columnMenuOptions"
25445
- [columnMenuTemplate]="columnMenuTemplate"
25446
- [lockedColumnsCount]="lockedLeafColumns.length"
25447
- [totalColumnsCount]="leafColumns.length"
25448
- [totalColumns]="columnsContainer"
25449
- [detailTemplate]="detailTemplate"
25450
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
25451
- </thead>
25452
- </table>
25453
- <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
25454
- <div [style.width.px]="columnsContainer.unlockedWidth"></div>
25395
+ class="k-grid-header-locked"
25396
+ [style.width.px]="lockedWidth">
25397
+ <table
25398
+ kendoGridResizableTable
25399
+ [locked]="true"
25400
+ role="presentation"
25401
+ class="k-grid-header-table"
25402
+ [style.width.px]="lockedWidth"
25403
+ kendoGridTable
25404
+ [size]="size">
25405
+ <colgroup kendoGridColGroup
25406
+ [columns]="$any(lockedLeafColumns)"
25407
+ [groups]="group"
25408
+ [detailTemplate]="detailTemplate">
25409
+ </colgroup>
25410
+ <thead kendoGridHeader
25411
+ role="rowgroup"
25412
+ [resizable]="resizable"
25413
+ [scrollable]="true"
25414
+ [columns]="$any(lockedColumns)"
25415
+ [totalColumnLevels]="totalColumnLevels"
25416
+ [sort]="sort"
25417
+ [groups]="group"
25418
+ [filter]="filter"
25419
+ [filterable]="filterable"
25420
+ [groupable]="showGroupPanel"
25421
+ [reorderable]="reorderable"
25422
+ [sortable]="sortable"
25423
+ [columnMenu]="columnMenuOptions"
25424
+ [columnMenuTemplate]="columnMenuTemplate"
25425
+ [totalColumnsCount]="leafColumns.length"
25426
+ [totalColumns]="columnsContainer"
25427
+ [detailTemplate]="detailTemplate"
25428
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
25429
+ </thead>
25430
+ </table>
25431
+ </div>
25432
+ <div #header class="k-grid-header-wrap" role="presentation" data-scrollable
25433
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
25434
+ [lockedWidth]="lockedWidth + scrollbarWidth + 2">
25435
+ <table
25436
+ role="presentation"
25437
+ class="k-grid-header-table"
25438
+ [style.width.px]="nonLockedWidth"
25439
+ kendoGridResizableTable
25440
+ [virtualColumns]="virtualColumns"
25441
+ kendoGridTable
25442
+ [size]="size">
25443
+ <colgroup kendoGridColGroup
25444
+ [columns]="headerLeafColumns"
25445
+ [groups]="isLocked ? [] : group"
25446
+ [detailTemplate]="detailTemplate">
25447
+ </colgroup>
25448
+ <thead kendoGridHeader
25449
+ [resizable]="resizable"
25450
+ role="rowgroup"
25451
+ [scrollable]="true"
25452
+ [columns]="headerColumns"
25453
+ [totalColumnLevels]="totalColumnLevels"
25454
+ [sort]="sort"
25455
+ [filter]="filter"
25456
+ [filterable]="filterable"
25457
+ [groupable]="showGroupPanel"
25458
+ [reorderable]="reorderable"
25459
+ [groups]="isLocked ? [] : group"
25460
+ [sortable]="sortable"
25461
+ [columnMenu]="columnMenuOptions"
25462
+ [columnMenuTemplate]="columnMenuTemplate"
25463
+ [lockedColumnsCount]="lockedLeafColumns.length"
25464
+ [totalColumnsCount]="leafColumns.length"
25465
+ [totalColumns]="columnsContainer"
25466
+ [detailTemplate]="detailTemplate"
25467
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
25468
+ </thead>
25469
+ </table>
25470
+ <div *ngIf="virtualColumns" class="k-width-container" role="presentation">
25471
+ <div [style.width.px]="columnsContainer.unlockedWidth"></div>
25472
+ </div>
25455
25473
  </div>
25456
25474
  </div>
25457
- </div>
25458
- <kendo-grid-list
25459
- kendoDragTargetContainer
25460
- kendoDropTargetContainer
25461
- mode="manual"
25462
- [dragDisabled]="!rowReorderable"
25463
- [dropDisabled]="!rowReorderable"
25464
- [dragTargetFilter]="getDefaultSelectors('dragTarget')"
25465
- [dropTargetFilter]="getDefaultSelectors('dropTarget')"
25466
- [dragHandle]="getDefaultSelectors('handle')"
25467
- [hint]="{hintTemplate: defaultHint}"
25468
- (onPress)="handleReorderEvents($event, 'press')"
25469
- (onDragStart)="handleReorderEvents($event, 'dragStart')"
25470
- (onDrag)="handleReorderEvents($event, 'drag')"
25471
- (onDragEnter)="handleReorderEvents($event, 'dragEnter')"
25472
- (onDragLeave)="handleReorderEvents($event, 'dragLeave')"
25473
- (onDragEnd)="handleReorderEvents($event, 'dragEnd')"
25474
- (onDrop)="handleReorderEvents($event, 'drop')"
25475
- [dragData]="gridData"
25476
- [data]="$any(view)"
25477
- [rowHeight]="rowHeight"
25478
- [detailRowHeight]="detailRowHeight"
25479
- [total]="totalCount"
25480
- [take]="pageSize"
25481
- [groups]="group"
25482
- [groupable]="groupable"
25483
- [skip]="skip"
25484
- [trackBy]="trackBy"
25485
- [columns]="columnsContainer"
25486
- [selectable]="selectable"
25487
- [filterable]="filterable"
25488
- [detailTemplate]="detailTemplate"
25489
- [noRecordsTemplate]="noRecordsTemplate"
25490
- [size]="size"
25491
- (pageChange)="notifyPageChange('list', $event)"
25492
- [rowClass]="rowClass"
25493
- [rowSticky]="rowSticky"
25494
- [loading]="loading"
25495
- [isVirtual]="isVirtual"
25496
- [cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
25497
- [loadingTemplate]="loadingTemplate?.templateRef"
25498
- [virtualColumns]="virtualColumns"
25499
- (scrollBottom)="notifyScrollBottom()"
25500
- (contentScroll)="contentScroll.emit($event)"
25501
- kendoDraggable
25502
- kendoGridSelectionMarquee
25503
- [enableDrag]="marqueeSelection"
25504
- [sort]="sort">
25505
- </kendo-grid-list>
25506
- <div
25507
- *ngIf="showFooter"
25508
- class="k-grid-footer"
25509
- [style.padding]="headerPadding">
25510
- <div
25511
- *ngIf="lockedLeafColumns.length"
25512
- class="k-grid-footer-locked"
25513
- [style.width.px]="lockedWidth">
25514
- <table
25515
- role="presentation"
25516
- class="k-grid-footer-table"
25517
- kendoGridResizableTable
25518
- [locked]="true"
25519
- [style.width.px]="lockedWidth"
25520
- kendoGridTable
25521
- [size]="size">
25522
- <colgroup kendoGridColGroup
25523
- [columns]="$any(lockedLeafColumns)"
25524
- [groups]="group"
25525
- [detailTemplate]="detailTemplate">
25526
- </colgroup>
25527
- <tfoot kendoGridFooter
25528
- [scrollable]="true"
25529
- [groups]="group"
25530
- [columns]="$any(lockedLeafColumns)"
25531
- [detailTemplate]="detailTemplate"
25532
- [logicalRowIndex]="ariaRowCount"
25533
- [totalColumns]="columnsContainer">
25534
- </tfoot>
25535
- </table>
25536
- </div>
25537
- <div #footer
25538
- class="k-grid-footer-wrap" data-scrollable
25539
- [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
25540
- [lockedWidth]="lockedWidth + scrollbarWidth + 3">
25541
- <table
25542
- role="presentation"
25543
- class="k-grid-footer-table"
25544
- [style.width.px]="nonLockedWidth"
25545
- kendoGridTable
25546
- kendoGridResizableTable
25547
- [size]="size">
25548
- <colgroup kendoGridColGroup
25549
- [columns]="$any(headerLeafColumns)"
25550
- [groups]="isLocked ? [] : group"
25551
- [detailTemplate]="detailTemplate">
25552
- </colgroup>
25553
- <tfoot kendoGridFooter
25554
- [logicalRowIndex]="ariaRowCount"
25555
- [scrollable]="true"
25556
- [groups]="isLocked ? [] : group"
25557
- [columns]="$any(headerColumns)"
25558
- [lockedColumnsCount]="lockedLeafColumns.length"
25559
- [detailTemplate]="detailTemplate"
25560
- [totalColumns]="columnsContainer">
25561
- </tfoot>
25562
- </table>
25563
- </div>
25564
- </div>
25565
- </ng-container>
25566
- <ng-container *ngIf="!isScrollable">
25567
- <table
25568
- [style.table-layout]="resizable ? 'fixed' : null"
25569
- kendoGridTable
25570
- kendoGridResizableTable
25571
- role="presentation"
25572
- [size]="size">
25573
- <colgroup kendoGridColGroup
25574
- [columns]="$any(leafColumns)"
25575
- [groups]="group"
25576
- [detailTemplate]="detailTemplate">
25577
- </colgroup>
25578
- <thead kendoGridHeader
25579
- *ngIf="!hideHeader"
25580
- [resizable]="resizable"
25581
- [scrollable]="false"
25582
- [columns]="$any(visibleColumns)"
25583
- [totalColumnLevels]="totalColumnLevels"
25584
- [totalColumns]="columnsContainer"
25585
- [groups]="group"
25586
- [groupable]="showGroupPanel"
25587
- [reorderable]="reorderable"
25588
- [sort]="sort"
25589
- [sortable]="sortable"
25590
- [filter]="filter"
25591
- [filterable]="filterable"
25592
- [columnMenu]="columnMenuOptions"
25593
- [columnMenuTemplate]="columnMenuTemplate"
25594
- [detailTemplate]="detailTemplate"
25595
- [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
25596
- </thead>
25597
- <tbody kendoGridTableBody
25598
- [isLoading]="loading"
25599
- [groups]="group"
25475
+ <kendo-grid-list
25600
25476
  [data]="$any(view)"
25477
+ [rowHeight]="rowHeight"
25478
+ [detailRowHeight]="detailRowHeight"
25479
+ [total]="totalCount"
25480
+ [take]="pageSize"
25481
+ [groups]="group"
25482
+ [groupable]="groupable"
25601
25483
  [skip]="skip"
25602
- [columns]="$any(leafColumns)"
25484
+ [trackBy]="trackBy"
25485
+ [columns]="columnsContainer"
25603
25486
  [selectable]="selectable"
25604
25487
  [filterable]="filterable"
25605
- [noRecordsTemplate]="noRecordsTemplate"
25606
25488
  [detailTemplate]="detailTemplate"
25607
- [showGroupFooters]="showGroupFooters"
25608
- [trackBy]="trackBy"
25489
+ [noRecordsTemplate]="noRecordsTemplate"
25490
+ [size]="size"
25491
+ (pageChange)="notifyPageChange('list', $event)"
25609
25492
  [rowClass]="rowClass"
25493
+ [rowSticky]="rowSticky"
25494
+ [loading]="loading"
25495
+ [isVirtual]="isVirtual"
25496
+ [cellLoadingTemplate]="cellLoadingTemplate?.templateRef"
25497
+ [loadingTemplate]="loadingTemplate?.templateRef"
25498
+ [virtualColumns]="virtualColumns"
25499
+ (scrollBottom)="notifyScrollBottom()"
25500
+ (contentScroll)="contentScroll.emit($event)"
25610
25501
  kendoDraggable
25611
25502
  kendoGridSelectionMarquee
25612
- [enableDrag]="marqueeSelection">
25613
- </tbody>
25614
- <tfoot kendoGridFooter
25503
+ [enableDrag]="marqueeSelection"
25504
+ [sort]="sort">
25505
+ </kendo-grid-list>
25506
+ <div
25615
25507
  *ngIf="showFooter"
25616
- [scrollable]="false"
25617
- [logicalRowIndex]="ariaRowCount"
25618
- [groups]="group"
25619
- [columns]="$any(leafColumns)"
25620
- [detailTemplate]="detailTemplate"
25621
- [totalColumns]="columnsContainer">
25622
- </tfoot>
25623
- </table>
25624
- </ng-container>
25625
- <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
25626
- </div>
25508
+ class="k-grid-footer"
25509
+ [style.padding]="headerPadding">
25510
+ <div
25511
+ *ngIf="lockedLeafColumns.length"
25512
+ class="k-grid-footer-locked"
25513
+ [style.width.px]="lockedWidth">
25514
+ <table
25515
+ role="presentation"
25516
+ class="k-grid-footer-table"
25517
+ kendoGridResizableTable
25518
+ [locked]="true"
25519
+ [style.width.px]="lockedWidth"
25520
+ kendoGridTable
25521
+ [size]="size">
25522
+ <colgroup kendoGridColGroup
25523
+ [columns]="$any(lockedLeafColumns)"
25524
+ [groups]="group"
25525
+ [detailTemplate]="detailTemplate">
25526
+ </colgroup>
25527
+ <tfoot kendoGridFooter
25528
+ [scrollable]="true"
25529
+ [groups]="group"
25530
+ [columns]="$any(lockedLeafColumns)"
25531
+ [detailTemplate]="detailTemplate"
25532
+ [logicalRowIndex]="ariaRowCount"
25533
+ [totalColumns]="columnsContainer">
25534
+ </tfoot>
25535
+ </table>
25536
+ </div>
25537
+ <div #footer
25538
+ class="k-grid-footer-wrap" data-scrollable
25539
+ [kendoGridResizableContainer]="lockedLeafColumns.length > 0"
25540
+ [lockedWidth]="lockedWidth + scrollbarWidth + 3">
25541
+ <table
25542
+ role="presentation"
25543
+ class="k-grid-footer-table"
25544
+ [style.width.px]="nonLockedWidth"
25545
+ kendoGridTable
25546
+ kendoGridResizableTable
25547
+ [size]="size">
25548
+ <colgroup kendoGridColGroup
25549
+ [columns]="$any(headerLeafColumns)"
25550
+ [groups]="isLocked ? [] : group"
25551
+ [detailTemplate]="detailTemplate">
25552
+ </colgroup>
25553
+ <tfoot kendoGridFooter
25554
+ [logicalRowIndex]="ariaRowCount"
25555
+ [scrollable]="true"
25556
+ [groups]="isLocked ? [] : group"
25557
+ [columns]="$any(headerColumns)"
25558
+ [lockedColumnsCount]="lockedLeafColumns.length"
25559
+ [detailTemplate]="detailTemplate"
25560
+ [totalColumns]="columnsContainer">
25561
+ </tfoot>
25562
+ </table>
25563
+ </div>
25564
+ </div>
25565
+ </ng-container>
25566
+ <ng-container *ngIf="!isScrollable">
25567
+ <table
25568
+ [style.table-layout]="resizable ? 'fixed' : null"
25569
+ kendoGridTable
25570
+ kendoGridResizableTable
25571
+ role="presentation"
25572
+ [size]="size">
25573
+ <colgroup kendoGridColGroup
25574
+ [columns]="$any(leafColumns)"
25575
+ [groups]="group"
25576
+ [detailTemplate]="detailTemplate">
25577
+ </colgroup>
25578
+ <thead kendoGridHeader
25579
+ *ngIf="!hideHeader"
25580
+ [resizable]="resizable"
25581
+ [scrollable]="false"
25582
+ [columns]="$any(visibleColumns)"
25583
+ [totalColumnLevels]="totalColumnLevels"
25584
+ [totalColumns]="columnsContainer"
25585
+ [groups]="group"
25586
+ [groupable]="showGroupPanel"
25587
+ [reorderable]="reorderable"
25588
+ [sort]="sort"
25589
+ [sortable]="sortable"
25590
+ [filter]="filter"
25591
+ [filterable]="filterable"
25592
+ [columnMenu]="columnMenuOptions"
25593
+ [columnMenuTemplate]="columnMenuTemplate"
25594
+ [detailTemplate]="detailTemplate"
25595
+ [tabIndex]="navigation.tableEnabled ? '-1' : '0'">
25596
+ </thead>
25597
+ <tbody kendoGridTableBody
25598
+ [isLoading]="loading"
25599
+ [groups]="group"
25600
+ [data]="$any(view)"
25601
+ [skip]="skip"
25602
+ [columns]="$any(leafColumns)"
25603
+ [selectable]="selectable"
25604
+ [filterable]="filterable"
25605
+ [noRecordsTemplate]="noRecordsTemplate"
25606
+ [detailTemplate]="detailTemplate"
25607
+ [showGroupFooters]="showGroupFooters"
25608
+ [trackBy]="trackBy"
25609
+ [rowClass]="rowClass"
25610
+ kendoDraggable
25611
+ kendoGridSelectionMarquee
25612
+ [enableDrag]="marqueeSelection">
25613
+ </tbody>
25614
+ <tfoot kendoGridFooter
25615
+ *ngIf="showFooter"
25616
+ [scrollable]="false"
25617
+ [logicalRowIndex]="ariaRowCount"
25618
+ [groups]="group"
25619
+ [columns]="$any(leafColumns)"
25620
+ [detailTemplate]="detailTemplate"
25621
+ [totalColumns]="columnsContainer">
25622
+ </tfoot>
25623
+ </table>
25624
+ </ng-container>
25625
+ <div [loadingTemplate]="loadingTemplate" *ngIf="loading" kendoGridLoading></div>
25626
+ </div>
25627
25627
  <kendo-grid-status-bar
25628
25628
  *ngIf="showStatusBar"
25629
25629
  [statusBarTemplate]="statusBarTemplate">