@progress/kendo-angular-treelist 11.0.0-develop.81 → 11.0.0-develop.82
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.
- package/esm2020/column-menu/column-menu.component.mjs +2 -2
- package/esm2020/filtering/cell/filter-cell-operators.component.mjs +9 -8
- package/esm2020/filtering/cell/string-filter-cell.component.mjs +8 -9
- package/esm2020/filtering/filter-row.component.mjs +2 -0
- package/esm2020/filtering/menu/filter-menu.component.mjs +5 -4
- package/esm2020/filtering/shared-filtering.module.mjs +9 -4
- package/esm2020/localization/messages.mjs +3 -1
- package/esm2020/navigation/logical-row.directive.mjs +5 -1
- package/esm2020/package-metadata.mjs +1 -1
- package/esm2020/pager/pager-input.component.mjs +44 -45
- package/esm2020/pager/pager-next-buttons.component.mjs +50 -66
- package/esm2020/pager/pager-numeric-buttons.component.mjs +91 -62
- package/esm2020/pager/pager-page-sizes.component.mjs +2 -0
- package/esm2020/pager/pager-prev-buttons.component.mjs +50 -64
- package/esm2020/pager/pager.component.mjs +14 -10
- package/esm2020/pager/pager.module.mjs +3 -0
- package/esm2020/pdf/export-element.mjs +1 -1
- package/esm2020/rendering/constants.mjs +1 -1
- package/esm2020/rendering/header/header.component.mjs +19 -11
- package/esm2020/rendering/list.component.mjs +18 -6
- package/esm2020/rendering/table-body.component.mjs +13 -5
- package/esm2020/rendering/toolbar/toolbar.component.mjs +3 -7
- package/esm2020/treelist.component.mjs +261 -234
- package/fesm2015/progress-kendo-angular-treelist.mjs +611 -539
- package/fesm2020/progress-kendo-angular-treelist.mjs +611 -539
- package/filtering/shared-filtering.module.d.ts +2 -1
- package/localization/messages.d.ts +5 -1
- package/navigation/logical-row.directive.d.ts +1 -0
- package/package.json +16 -15
- package/pager/pager.component.d.ts +2 -1
- package/pager/pager.module.d.ts +5 -4
- package/rendering/constants.d.ts +1 -1
- package/rendering/header/header.component.d.ts +1 -0
- package/rendering/table-body.component.d.ts +1 -0
- package/rendering/toolbar/toolbar.component.d.ts +0 -1
|
@@ -1881,7 +1881,7 @@ export class TreeListComponent {
|
|
|
1881
1881
|
}
|
|
1882
1882
|
}
|
|
1883
1883
|
TreeListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeListComponent, deps: [{ token: i1.BrowserSupportService }, { token: i0.ElementRef }, { token: i2.ChangeNotificationService }, { token: i3.EditService }, { token: i4.FilterService }, { token: i5.PDFService }, { token: i6.ResponsiveService }, { token: i0.Renderer2 }, { token: i7.ExcelService }, { token: i0.NgZone }, { token: i8.ScrollSyncService }, { token: i9.DomEventsService }, { token: i10.ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: i11.ColumnReorderService }, { token: i12.ColumnInfoService }, { token: i13.NavigationService }, { token: i14.SortService }, { token: i15.ScrollRequestService }, { token: i16.ExpandStateService }, { token: i17.OptionChangesService }, { token: i18.SelectionService }, { token: i19.LocalizationService }, { token: i20.ContextService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1884
|
-
TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TreeListComponent, selector: "kendo-treelist", inputs: { ariaLabel: ["aria-label", "ariaLabel"], data: "data", pageSize: "pageSize", height: "height", rowHeight: "rowHeight", skip: "skip", scrollable: "scrollable", sort: "sort", trackBy: "trackBy", filter: "filter", virtualColumns: "virtualColumns", filterable: "filterable", sortable: "sortable", pageable: "pageable", navigable: "navigable", navigatable: "navigatable", autoSize: "autoSize", rowClass: "rowClass", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", idField: "idField", selectable: "selectable", isSelected: "isSelected", columnsRef: ["columns", "columnsRef"], fetchChildren: "fetchChildren", hasChildren: "hasChildren", isExpanded: "isExpanded" }, outputs: { selectionChange: "selectionChange", filterChange: "filterChange", pageChange: "pageChange", sortChange: "sortChange", dataStateChange: "dataStateChange", edit: "edit", cancel: "cancel", save: "save", remove: "remove", add: "add", cellClose: "cellClose", cellClick: "cellClick", pdfExport: "pdfExport", excelExport: "excelExport", columnResize: "columnResize", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange", columnLockedChange: "columnLockedChange", scrollBottom: "scrollBottom", contentScroll: "contentScroll", expandEvent: "expand", collapseEvent: "collapse", expandStateChange: "expandStateChange" }, host: { properties: { "attr.dir": "this.dir", "class.k-
|
|
1884
|
+
TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: TreeListComponent, selector: "kendo-treelist", inputs: { ariaLabel: ["aria-label", "ariaLabel"], data: "data", pageSize: "pageSize", height: "height", rowHeight: "rowHeight", skip: "skip", scrollable: "scrollable", sort: "sort", trackBy: "trackBy", filter: "filter", virtualColumns: "virtualColumns", filterable: "filterable", sortable: "sortable", pageable: "pageable", navigable: "navigable", navigatable: "navigatable", autoSize: "autoSize", rowClass: "rowClass", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", idField: "idField", selectable: "selectable", isSelected: "isSelected", columnsRef: ["columns", "columnsRef"], fetchChildren: "fetchChildren", hasChildren: "hasChildren", isExpanded: "isExpanded" }, outputs: { selectionChange: "selectionChange", filterChange: "filterChange", pageChange: "pageChange", sortChange: "sortChange", dataStateChange: "dataStateChange", edit: "edit", cancel: "cancel", save: "save", remove: "remove", add: "add", cellClose: "cellClose", cellClick: "cellClick", pdfExport: "pdfExport", excelExport: "excelExport", columnResize: "columnResize", columnReorder: "columnReorder", columnVisibilityChange: "columnVisibilityChange", columnLockedChange: "columnLockedChange", scrollBottom: "scrollBottom", contentScroll: "contentScroll", expandEvent: "expand", collapseEvent: "collapse", expandStateChange: "expandStateChange" }, host: { properties: { "attr.dir": "this.dir", "class.k-grid": "this.hostClasses", "class.k-treelist": "this.hostClasses", "class.k-grid-lockedcolumns": "this.lockedClasses", "class.k-grid-virtual": "this.virtualClasses", "class.k-grid-no-scrollbar": "this.noScrollbarClass" } }, providers: [
|
|
1885
1885
|
BrowserSupportService,
|
|
1886
1886
|
LocalizationService,
|
|
1887
1887
|
ColumnInfoService,
|
|
@@ -2072,140 +2072,152 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
2072
2072
|
|
|
2073
2073
|
i18n-columnsReset="kendo.treelist.columnsReset|The text shown in the column menu or column chooser for the columns reset button"
|
|
2074
2074
|
columnsReset="Reset"
|
|
2075
|
+
|
|
2076
|
+
i18n-selectPage="kendo.treelist.selectPage|The text of the title and aria-label attributes applied to the page chooser in the TreeList Pager"
|
|
2077
|
+
selectPage="Select page"
|
|
2075
2078
|
>
|
|
2076
2079
|
</ng-container>
|
|
2077
|
-
<kendo-treelist-toolbar
|
|
2080
|
+
<kendo-treelist-toolbar
|
|
2081
|
+
*ngIf="showTopToolbar"
|
|
2082
|
+
position="top"
|
|
2083
|
+
class="k-toolbar k-grid-toolbar k-toolbar-md"></kendo-treelist-toolbar>
|
|
2078
2084
|
<div #ariaRoot
|
|
2079
2085
|
class="k-grid-aria-root"
|
|
2080
2086
|
role="treegrid"
|
|
2081
2087
|
[attr.aria-rowcount]="ariaRowCount"
|
|
2082
2088
|
[attr.aria-colcount]="ariaColCount"
|
|
2083
2089
|
[attr.aria-multiselectable]="ariaMultiselectable"
|
|
2084
|
-
[attr.aria-label]="ariaLabel"
|
|
2085
|
-
>
|
|
2086
|
-
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
|
|
2091
|
-
|
|
2092
|
-
|
|
2093
|
-
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
<colgroup kendoTreeListColGroup
|
|
2098
|
-
role="presentation"
|
|
2099
|
-
[columns]="$any(lockedLeafColumns)">
|
|
2100
|
-
</colgroup>
|
|
2101
|
-
<thead kendoTreeListHeader
|
|
2102
|
-
[resizable]="resizable"
|
|
2103
|
-
[scrollable]="true"
|
|
2104
|
-
[columns]="$any(lockedColumns)"
|
|
2105
|
-
[totalColumnLevels]="totalColumnLevels"
|
|
2106
|
-
[sort]="sort"
|
|
2107
|
-
[filter]="filter"
|
|
2108
|
-
[filterable]="filterable"
|
|
2109
|
-
[reorderable]="reorderable"
|
|
2110
|
-
[sortable]="sortable"
|
|
2111
|
-
[columnMenu]="columnMenuOptions"
|
|
2112
|
-
[columnMenuTemplate]="columnMenuTemplate"
|
|
2113
|
-
[totalColumnsCount]="leafColumns.length">
|
|
2114
|
-
</thead>
|
|
2115
|
-
</table>
|
|
2116
|
-
</div><div #header class="k-grid-header-wrap" role="presentation" data-scrollable
|
|
2117
|
-
[kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
|
|
2118
|
-
[lockedWidth]="lockedWidth + scrollbarWidth + 2">
|
|
2119
|
-
<table role="presentation" [style.width.px]="nonLockedWidth" [virtualColumns]="virtualColumns">
|
|
2120
|
-
<colgroup kendoTreeListColGroup
|
|
2090
|
+
[attr.aria-label]="ariaLabel">
|
|
2091
|
+
<ng-template [ngIf]="isScrollable">
|
|
2092
|
+
<div *ngIf="!hideHeader"
|
|
2093
|
+
class="k-grid-header"
|
|
2094
|
+
role="presentation"
|
|
2095
|
+
[style.padding]="headerPadding">
|
|
2096
|
+
<div *ngIf="isLocked"
|
|
2097
|
+
#lockedHeader
|
|
2098
|
+
role="presentation"
|
|
2099
|
+
class="k-grid-header-locked"
|
|
2100
|
+
[style.width.px]="lockedWidth">
|
|
2101
|
+
<table
|
|
2102
|
+
[locked]="true"
|
|
2121
2103
|
role="presentation"
|
|
2122
|
-
[
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2104
|
+
[style.width.px]="lockedWidth"
|
|
2105
|
+
class="k-grid-header-table k-table k-table-md">
|
|
2106
|
+
<colgroup kendoTreeListColGroup
|
|
2107
|
+
role="presentation"
|
|
2108
|
+
[columns]="$any(lockedLeafColumns)">
|
|
2109
|
+
</colgroup>
|
|
2110
|
+
<thead kendoTreeListHeader
|
|
2111
|
+
[resizable]="resizable"
|
|
2112
|
+
[scrollable]="true"
|
|
2113
|
+
[columns]="$any(lockedColumns)"
|
|
2114
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2115
|
+
[sort]="sort"
|
|
2116
|
+
[filter]="filter"
|
|
2117
|
+
[filterable]="filterable"
|
|
2118
|
+
[reorderable]="reorderable"
|
|
2119
|
+
[sortable]="sortable"
|
|
2120
|
+
[columnMenu]="columnMenuOptions"
|
|
2121
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2122
|
+
[totalColumnsCount]="leafColumns.length">
|
|
2123
|
+
</thead>
|
|
2124
|
+
</table>
|
|
2125
|
+
</div>
|
|
2126
|
+
<div #header class="k-grid-header-wrap" role="presentation" data-scrollable
|
|
2127
|
+
[kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
|
|
2128
|
+
[lockedWidth]="lockedWidth + scrollbarWidth + 2">
|
|
2129
|
+
<table
|
|
2126
2130
|
role="presentation"
|
|
2127
|
-
[
|
|
2128
|
-
[
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
|
|
2138
|
-
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2131
|
+
[style.width.px]="nonLockedWidth"
|
|
2132
|
+
[virtualColumns]="virtualColumns"
|
|
2133
|
+
class="k-grid-header-table k-table k-table-md">
|
|
2134
|
+
<colgroup kendoTreeListColGroup
|
|
2135
|
+
role="presentation"
|
|
2136
|
+
[columns]="headerLeafColumns">
|
|
2137
|
+
</colgroup>
|
|
2138
|
+
<thead kendoTreeListHeader
|
|
2139
|
+
[resizable]="resizable"
|
|
2140
|
+
role="presentation"
|
|
2141
|
+
[scrollable]="true"
|
|
2142
|
+
[columns]="headerColumns"
|
|
2143
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2144
|
+
[sort]="sort"
|
|
2145
|
+
[filter]="filter"
|
|
2146
|
+
[filterable]="filterable"
|
|
2147
|
+
[reorderable]="reorderable"
|
|
2148
|
+
[sortable]="sortable"
|
|
2149
|
+
[columnMenu]="columnMenuOptions"
|
|
2150
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2151
|
+
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
2152
|
+
[totalColumnsCount]="leafColumns.length">
|
|
2153
|
+
</thead>
|
|
2154
|
+
</table>
|
|
2155
|
+
<div *ngIf="virtualColumns" class="k-width-container" role="presentation">
|
|
2156
|
+
<div [style.width.px]="columnsContainer.unlockedWidth"></div>
|
|
2157
|
+
</div>
|
|
2143
2158
|
</div>
|
|
2144
2159
|
</div>
|
|
2145
|
-
|
|
2146
|
-
<kendo-treelist-list
|
|
2147
|
-
[view]="view"
|
|
2148
|
-
[loading]="showLoading"
|
|
2149
|
-
[rowHeight]="rowHeight"
|
|
2150
|
-
[total]="totalCount"
|
|
2151
|
-
[take]="pageSize"
|
|
2152
|
-
[skip]="skip"
|
|
2153
|
-
[trackBy]="trackBy"
|
|
2154
|
-
[columns]="columnsContainer"
|
|
2155
|
-
[filterable]="filterable"
|
|
2156
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
2157
|
-
(pageChange)="notifyPageChange('list', $event)"
|
|
2158
|
-
[rowClass]="rowClass"
|
|
2159
|
-
[isVirtual]="isVirtual"
|
|
2160
|
-
[virtualColumns]="virtualColumns"
|
|
2161
|
-
[expandIcons]="expandIcons"
|
|
2162
|
-
(scrollBottom)="notifyScrollBottom()"
|
|
2163
|
-
(contentScroll)="contentScroll.emit($event)"
|
|
2164
|
-
|
|
2165
|
-
kendoDraggable
|
|
2166
|
-
kendoTreeListSelectionMarquee
|
|
2167
|
-
[enableDrag]="marqueeSelection"
|
|
2168
|
-
>
|
|
2169
|
-
</kendo-treelist-list>
|
|
2170
|
-
</ng-template>
|
|
2171
|
-
<ng-template [ngIf]="!isScrollable">
|
|
2172
|
-
<table [style.table-layout]="resizable ? 'fixed' : null">
|
|
2173
|
-
<colgroup kendoTreeListColGroup
|
|
2174
|
-
[columns]="$any(leafColumns)">
|
|
2175
|
-
</colgroup>
|
|
2176
|
-
<thead kendoTreeListHeader
|
|
2177
|
-
*ngIf="!hideHeader"
|
|
2178
|
-
[resizable]="resizable"
|
|
2179
|
-
[scrollable]="false"
|
|
2180
|
-
[columns]="$any(visibleColumns)"
|
|
2181
|
-
[totalColumnLevels]="totalColumnLevels"
|
|
2182
|
-
[reorderable]="reorderable"
|
|
2183
|
-
[sort]="sort"
|
|
2184
|
-
[sortable]="sortable"
|
|
2185
|
-
[filter]="filter"
|
|
2186
|
-
[filterable]="filterable"
|
|
2187
|
-
[columnMenu]="columnMenuOptions"
|
|
2188
|
-
[columnMenuTemplate]="columnMenuTemplate">
|
|
2189
|
-
</thead>
|
|
2190
|
-
<tbody kendoTreeListTableBody
|
|
2160
|
+
<kendo-treelist-list
|
|
2191
2161
|
[view]="view"
|
|
2162
|
+
[loading]="showLoading"
|
|
2163
|
+
[rowHeight]="rowHeight"
|
|
2164
|
+
[total]="totalCount"
|
|
2165
|
+
[take]="pageSize"
|
|
2192
2166
|
[skip]="skip"
|
|
2193
|
-
[
|
|
2167
|
+
[trackBy]="trackBy"
|
|
2168
|
+
[columns]="columnsContainer"
|
|
2194
2169
|
[filterable]="filterable"
|
|
2195
2170
|
[noRecordsTemplate]="noRecordsTemplate"
|
|
2196
|
-
|
|
2171
|
+
(pageChange)="notifyPageChange('list', $event)"
|
|
2197
2172
|
[rowClass]="rowClass"
|
|
2173
|
+
[isVirtual]="isVirtual"
|
|
2174
|
+
[virtualColumns]="virtualColumns"
|
|
2198
2175
|
[expandIcons]="expandIcons"
|
|
2199
|
-
|
|
2176
|
+
(scrollBottom)="notifyScrollBottom()"
|
|
2177
|
+
(contentScroll)="contentScroll.emit($event)"
|
|
2200
2178
|
kendoDraggable
|
|
2201
2179
|
kendoTreeListSelectionMarquee
|
|
2202
|
-
[enableDrag]="marqueeSelection"
|
|
2203
|
-
|
|
2204
|
-
|
|
2205
|
-
|
|
2206
|
-
|
|
2207
|
-
|
|
2208
|
-
|
|
2180
|
+
[enableDrag]="marqueeSelection">
|
|
2181
|
+
</kendo-treelist-list>
|
|
2182
|
+
</ng-template>
|
|
2183
|
+
<ng-template [ngIf]="!isScrollable">
|
|
2184
|
+
<table
|
|
2185
|
+
class="k-table k-table-md k-grid-header-table"
|
|
2186
|
+
[style.table-layout]="resizable ? 'fixed' : null">
|
|
2187
|
+
<colgroup kendoTreeListColGroup
|
|
2188
|
+
[columns]="$any(leafColumns)">
|
|
2189
|
+
</colgroup>
|
|
2190
|
+
<thead kendoTreeListHeader
|
|
2191
|
+
*ngIf="!hideHeader"
|
|
2192
|
+
[resizable]="resizable"
|
|
2193
|
+
[scrollable]="false"
|
|
2194
|
+
[columns]="$any(visibleColumns)"
|
|
2195
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2196
|
+
[reorderable]="reorderable"
|
|
2197
|
+
[sort]="sort"
|
|
2198
|
+
[sortable]="sortable"
|
|
2199
|
+
[filter]="filter"
|
|
2200
|
+
[filterable]="filterable"
|
|
2201
|
+
[columnMenu]="columnMenuOptions"
|
|
2202
|
+
[columnMenuTemplate]="columnMenuTemplate">
|
|
2203
|
+
</thead>
|
|
2204
|
+
<tbody kendoTreeListTableBody
|
|
2205
|
+
[view]="view"
|
|
2206
|
+
[skip]="skip"
|
|
2207
|
+
[columns]="$any(leafColumns)"
|
|
2208
|
+
[filterable]="filterable"
|
|
2209
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
2210
|
+
[trackBy]="trackBy"
|
|
2211
|
+
[rowClass]="rowClass"
|
|
2212
|
+
[expandIcons]="expandIcons"
|
|
2213
|
+
kendoDraggable
|
|
2214
|
+
kendoTreeListSelectionMarquee
|
|
2215
|
+
[enableDrag]="marqueeSelection">
|
|
2216
|
+
</tbody>
|
|
2217
|
+
</table>
|
|
2218
|
+
<div *ngIf="showLoading" kendoTreeListLoading>
|
|
2219
|
+
</div>
|
|
2220
|
+
</ng-template>
|
|
2209
2221
|
</div>
|
|
2210
2222
|
<kendo-treelist-pager
|
|
2211
2223
|
*ngIf="showPager"
|
|
@@ -2217,7 +2229,10 @@ TreeListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
|
|
|
2217
2229
|
[options]="pageable"
|
|
2218
2230
|
(pageChange)="notifyPageChange('pager', $event)">
|
|
2219
2231
|
</kendo-treelist-pager>
|
|
2220
|
-
<kendo-treelist-toolbar
|
|
2232
|
+
<kendo-treelist-toolbar
|
|
2233
|
+
*ngIf="showBottomToolbar"
|
|
2234
|
+
class="k-toolbar k-grid-toolbar k-grid-toolbar-bottom k-toolbar-md"
|
|
2235
|
+
position="bottom"></kendo-treelist-toolbar>
|
|
2221
2236
|
`, isInline: true, components: [{ type: i21.ToolbarComponent, selector: "kendo-treelist-toolbar", inputs: ["position"] }, { type: i22.ColGroupComponent, selector: "[kendoTreeListColGroup]", inputs: ["columns"] }, { type: i23.HeaderComponent, selector: "[kendoTreeListHeader]", inputs: ["totalColumnLevels", "columns", "scrollable", "filterable", "sort", "filter", "sortable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount"] }, { type: i24.ListComponent, selector: "kendo-treelist-list", inputs: ["view", "total", "rowHeight", "take", "skip", "columns", "noRecordsTemplate", "filterable", "rowClass", "loading", "trackBy", "virtualColumns", "isVirtual", "expandIcons"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { type: i25.TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: ["columns", "allColumns", "noRecordsTemplate", "view", "skip", "filterable", "noRecordsText", "isLocked", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "expandIcons", "trackBy", "rowClass"] }, { type: i26.LoadingComponent, selector: "[kendoTreeListLoading]" }, { type: i27.PagerComponent, selector: "kendo-treelist-pager", inputs: ["allCount", "total", "skip", "pageSize", "options", "template"], outputs: ["pageChange"] }], directives: [{ type: i28.LocalizedMessagesDirective, selector: "[kendoTreeListLocalizedMessages]" }, { type: i29.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i30.TableDirective, selector: "table", inputs: ["locked", "virtualColumns"] }, { type: i31.ResizableContainerDirective, selector: "[kendoTreeListResizableContainer]", inputs: ["lockedWidth", "kendoTreeListResizableContainer"] }, { type: i32.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i33.MarqueeDirective, selector: "[kendoTreeListSelectionMarquee]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2222
2237
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TreeListComponent, decorators: [{
|
|
2223
2238
|
type: Component,
|
|
@@ -2418,140 +2433,152 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2418
2433
|
|
|
2419
2434
|
i18n-columnsReset="kendo.treelist.columnsReset|The text shown in the column menu or column chooser for the columns reset button"
|
|
2420
2435
|
columnsReset="Reset"
|
|
2436
|
+
|
|
2437
|
+
i18n-selectPage="kendo.treelist.selectPage|The text of the title and aria-label attributes applied to the page chooser in the TreeList Pager"
|
|
2438
|
+
selectPage="Select page"
|
|
2421
2439
|
>
|
|
2422
2440
|
</ng-container>
|
|
2423
|
-
<kendo-treelist-toolbar
|
|
2441
|
+
<kendo-treelist-toolbar
|
|
2442
|
+
*ngIf="showTopToolbar"
|
|
2443
|
+
position="top"
|
|
2444
|
+
class="k-toolbar k-grid-toolbar k-toolbar-md"></kendo-treelist-toolbar>
|
|
2424
2445
|
<div #ariaRoot
|
|
2425
2446
|
class="k-grid-aria-root"
|
|
2426
2447
|
role="treegrid"
|
|
2427
2448
|
[attr.aria-rowcount]="ariaRowCount"
|
|
2428
2449
|
[attr.aria-colcount]="ariaColCount"
|
|
2429
2450
|
[attr.aria-multiselectable]="ariaMultiselectable"
|
|
2430
|
-
[attr.aria-label]="ariaLabel"
|
|
2431
|
-
>
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
<colgroup kendoTreeListColGroup
|
|
2451
|
+
[attr.aria-label]="ariaLabel">
|
|
2452
|
+
<ng-template [ngIf]="isScrollable">
|
|
2453
|
+
<div *ngIf="!hideHeader"
|
|
2454
|
+
class="k-grid-header"
|
|
2455
|
+
role="presentation"
|
|
2456
|
+
[style.padding]="headerPadding">
|
|
2457
|
+
<div *ngIf="isLocked"
|
|
2458
|
+
#lockedHeader
|
|
2459
|
+
role="presentation"
|
|
2460
|
+
class="k-grid-header-locked"
|
|
2461
|
+
[style.width.px]="lockedWidth">
|
|
2462
|
+
<table
|
|
2463
|
+
[locked]="true"
|
|
2444
2464
|
role="presentation"
|
|
2445
|
-
[
|
|
2446
|
-
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
|
|
2458
|
-
|
|
2459
|
-
|
|
2460
|
-
|
|
2461
|
-
|
|
2462
|
-
|
|
2463
|
-
|
|
2464
|
-
|
|
2465
|
-
|
|
2466
|
-
|
|
2467
|
-
|
|
2468
|
-
|
|
2469
|
-
|
|
2470
|
-
<
|
|
2471
|
-
[resizable]="resizable"
|
|
2465
|
+
[style.width.px]="lockedWidth"
|
|
2466
|
+
class="k-grid-header-table k-table k-table-md">
|
|
2467
|
+
<colgroup kendoTreeListColGroup
|
|
2468
|
+
role="presentation"
|
|
2469
|
+
[columns]="$any(lockedLeafColumns)">
|
|
2470
|
+
</colgroup>
|
|
2471
|
+
<thead kendoTreeListHeader
|
|
2472
|
+
[resizable]="resizable"
|
|
2473
|
+
[scrollable]="true"
|
|
2474
|
+
[columns]="$any(lockedColumns)"
|
|
2475
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2476
|
+
[sort]="sort"
|
|
2477
|
+
[filter]="filter"
|
|
2478
|
+
[filterable]="filterable"
|
|
2479
|
+
[reorderable]="reorderable"
|
|
2480
|
+
[sortable]="sortable"
|
|
2481
|
+
[columnMenu]="columnMenuOptions"
|
|
2482
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2483
|
+
[totalColumnsCount]="leafColumns.length">
|
|
2484
|
+
</thead>
|
|
2485
|
+
</table>
|
|
2486
|
+
</div>
|
|
2487
|
+
<div #header class="k-grid-header-wrap" role="presentation" data-scrollable
|
|
2488
|
+
[kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
|
|
2489
|
+
[lockedWidth]="lockedWidth + scrollbarWidth + 2">
|
|
2490
|
+
<table
|
|
2472
2491
|
role="presentation"
|
|
2473
|
-
[
|
|
2474
|
-
[
|
|
2475
|
-
|
|
2476
|
-
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
|
|
2480
|
-
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2492
|
+
[style.width.px]="nonLockedWidth"
|
|
2493
|
+
[virtualColumns]="virtualColumns"
|
|
2494
|
+
class="k-grid-header-table k-table k-table-md">
|
|
2495
|
+
<colgroup kendoTreeListColGroup
|
|
2496
|
+
role="presentation"
|
|
2497
|
+
[columns]="headerLeafColumns">
|
|
2498
|
+
</colgroup>
|
|
2499
|
+
<thead kendoTreeListHeader
|
|
2500
|
+
[resizable]="resizable"
|
|
2501
|
+
role="presentation"
|
|
2502
|
+
[scrollable]="true"
|
|
2503
|
+
[columns]="headerColumns"
|
|
2504
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2505
|
+
[sort]="sort"
|
|
2506
|
+
[filter]="filter"
|
|
2507
|
+
[filterable]="filterable"
|
|
2508
|
+
[reorderable]="reorderable"
|
|
2509
|
+
[sortable]="sortable"
|
|
2510
|
+
[columnMenu]="columnMenuOptions"
|
|
2511
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2512
|
+
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
2513
|
+
[totalColumnsCount]="leafColumns.length">
|
|
2514
|
+
</thead>
|
|
2515
|
+
</table>
|
|
2516
|
+
<div *ngIf="virtualColumns" class="k-width-container" role="presentation">
|
|
2517
|
+
<div [style.width.px]="columnsContainer.unlockedWidth"></div>
|
|
2518
|
+
</div>
|
|
2489
2519
|
</div>
|
|
2490
2520
|
</div>
|
|
2491
|
-
|
|
2492
|
-
<kendo-treelist-list
|
|
2493
|
-
[view]="view"
|
|
2494
|
-
[loading]="showLoading"
|
|
2495
|
-
[rowHeight]="rowHeight"
|
|
2496
|
-
[total]="totalCount"
|
|
2497
|
-
[take]="pageSize"
|
|
2498
|
-
[skip]="skip"
|
|
2499
|
-
[trackBy]="trackBy"
|
|
2500
|
-
[columns]="columnsContainer"
|
|
2501
|
-
[filterable]="filterable"
|
|
2502
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
2503
|
-
(pageChange)="notifyPageChange('list', $event)"
|
|
2504
|
-
[rowClass]="rowClass"
|
|
2505
|
-
[isVirtual]="isVirtual"
|
|
2506
|
-
[virtualColumns]="virtualColumns"
|
|
2507
|
-
[expandIcons]="expandIcons"
|
|
2508
|
-
(scrollBottom)="notifyScrollBottom()"
|
|
2509
|
-
(contentScroll)="contentScroll.emit($event)"
|
|
2510
|
-
|
|
2511
|
-
kendoDraggable
|
|
2512
|
-
kendoTreeListSelectionMarquee
|
|
2513
|
-
[enableDrag]="marqueeSelection"
|
|
2514
|
-
>
|
|
2515
|
-
</kendo-treelist-list>
|
|
2516
|
-
</ng-template>
|
|
2517
|
-
<ng-template [ngIf]="!isScrollable">
|
|
2518
|
-
<table [style.table-layout]="resizable ? 'fixed' : null">
|
|
2519
|
-
<colgroup kendoTreeListColGroup
|
|
2520
|
-
[columns]="$any(leafColumns)">
|
|
2521
|
-
</colgroup>
|
|
2522
|
-
<thead kendoTreeListHeader
|
|
2523
|
-
*ngIf="!hideHeader"
|
|
2524
|
-
[resizable]="resizable"
|
|
2525
|
-
[scrollable]="false"
|
|
2526
|
-
[columns]="$any(visibleColumns)"
|
|
2527
|
-
[totalColumnLevels]="totalColumnLevels"
|
|
2528
|
-
[reorderable]="reorderable"
|
|
2529
|
-
[sort]="sort"
|
|
2530
|
-
[sortable]="sortable"
|
|
2531
|
-
[filter]="filter"
|
|
2532
|
-
[filterable]="filterable"
|
|
2533
|
-
[columnMenu]="columnMenuOptions"
|
|
2534
|
-
[columnMenuTemplate]="columnMenuTemplate">
|
|
2535
|
-
</thead>
|
|
2536
|
-
<tbody kendoTreeListTableBody
|
|
2521
|
+
<kendo-treelist-list
|
|
2537
2522
|
[view]="view"
|
|
2523
|
+
[loading]="showLoading"
|
|
2524
|
+
[rowHeight]="rowHeight"
|
|
2525
|
+
[total]="totalCount"
|
|
2526
|
+
[take]="pageSize"
|
|
2538
2527
|
[skip]="skip"
|
|
2539
|
-
[
|
|
2528
|
+
[trackBy]="trackBy"
|
|
2529
|
+
[columns]="columnsContainer"
|
|
2540
2530
|
[filterable]="filterable"
|
|
2541
2531
|
[noRecordsTemplate]="noRecordsTemplate"
|
|
2542
|
-
|
|
2532
|
+
(pageChange)="notifyPageChange('list', $event)"
|
|
2543
2533
|
[rowClass]="rowClass"
|
|
2534
|
+
[isVirtual]="isVirtual"
|
|
2535
|
+
[virtualColumns]="virtualColumns"
|
|
2544
2536
|
[expandIcons]="expandIcons"
|
|
2545
|
-
|
|
2537
|
+
(scrollBottom)="notifyScrollBottom()"
|
|
2538
|
+
(contentScroll)="contentScroll.emit($event)"
|
|
2546
2539
|
kendoDraggable
|
|
2547
2540
|
kendoTreeListSelectionMarquee
|
|
2548
|
-
[enableDrag]="marqueeSelection"
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2541
|
+
[enableDrag]="marqueeSelection">
|
|
2542
|
+
</kendo-treelist-list>
|
|
2543
|
+
</ng-template>
|
|
2544
|
+
<ng-template [ngIf]="!isScrollable">
|
|
2545
|
+
<table
|
|
2546
|
+
class="k-table k-table-md k-grid-header-table"
|
|
2547
|
+
[style.table-layout]="resizable ? 'fixed' : null">
|
|
2548
|
+
<colgroup kendoTreeListColGroup
|
|
2549
|
+
[columns]="$any(leafColumns)">
|
|
2550
|
+
</colgroup>
|
|
2551
|
+
<thead kendoTreeListHeader
|
|
2552
|
+
*ngIf="!hideHeader"
|
|
2553
|
+
[resizable]="resizable"
|
|
2554
|
+
[scrollable]="false"
|
|
2555
|
+
[columns]="$any(visibleColumns)"
|
|
2556
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2557
|
+
[reorderable]="reorderable"
|
|
2558
|
+
[sort]="sort"
|
|
2559
|
+
[sortable]="sortable"
|
|
2560
|
+
[filter]="filter"
|
|
2561
|
+
[filterable]="filterable"
|
|
2562
|
+
[columnMenu]="columnMenuOptions"
|
|
2563
|
+
[columnMenuTemplate]="columnMenuTemplate">
|
|
2564
|
+
</thead>
|
|
2565
|
+
<tbody kendoTreeListTableBody
|
|
2566
|
+
[view]="view"
|
|
2567
|
+
[skip]="skip"
|
|
2568
|
+
[columns]="$any(leafColumns)"
|
|
2569
|
+
[filterable]="filterable"
|
|
2570
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
2571
|
+
[trackBy]="trackBy"
|
|
2572
|
+
[rowClass]="rowClass"
|
|
2573
|
+
[expandIcons]="expandIcons"
|
|
2574
|
+
kendoDraggable
|
|
2575
|
+
kendoTreeListSelectionMarquee
|
|
2576
|
+
[enableDrag]="marqueeSelection">
|
|
2577
|
+
</tbody>
|
|
2578
|
+
</table>
|
|
2579
|
+
<div *ngIf="showLoading" kendoTreeListLoading>
|
|
2580
|
+
</div>
|
|
2581
|
+
</ng-template>
|
|
2555
2582
|
</div>
|
|
2556
2583
|
<kendo-treelist-pager
|
|
2557
2584
|
*ngIf="showPager"
|
|
@@ -2563,7 +2590,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2563
2590
|
[options]="pageable"
|
|
2564
2591
|
(pageChange)="notifyPageChange('pager', $event)">
|
|
2565
2592
|
</kendo-treelist-pager>
|
|
2566
|
-
<kendo-treelist-toolbar
|
|
2593
|
+
<kendo-treelist-toolbar
|
|
2594
|
+
*ngIf="showBottomToolbar"
|
|
2595
|
+
class="k-toolbar k-grid-toolbar k-grid-toolbar-bottom k-toolbar-md"
|
|
2596
|
+
position="bottom"></kendo-treelist-toolbar>
|
|
2567
2597
|
`
|
|
2568
2598
|
}]
|
|
2569
2599
|
}], ctorParameters: function () { return [{ type: i1.BrowserSupportService }, { type: i0.ElementRef }, { type: i2.ChangeNotificationService }, { type: i3.EditService }, { type: i4.FilterService }, { type: i5.PDFService }, { type: i6.ResponsiveService }, { type: i0.Renderer2 }, { type: i7.ExcelService }, { type: i0.NgZone }, { type: i8.ScrollSyncService }, { type: i9.DomEventsService }, { type: i10.ColumnResizingService }, { type: i0.ChangeDetectorRef }, { type: i11.ColumnReorderService }, { type: i12.ColumnInfoService }, { type: i13.NavigationService }, { type: i14.SortService }, { type: i15.ScrollRequestService }, { type: i16.ExpandStateService }, { type: i17.OptionChangesService }, { type: i18.SelectionService }, { type: i19.LocalizationService }, { type: i20.ContextService }]; }, propDecorators: { ariaLabel: [{
|
|
@@ -2677,9 +2707,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
|
|
|
2677
2707
|
type: HostBinding,
|
|
2678
2708
|
args: ['attr.dir']
|
|
2679
2709
|
}], hostClasses: [{
|
|
2680
|
-
type: HostBinding,
|
|
2681
|
-
args: ['class.k-widget']
|
|
2682
|
-
}, {
|
|
2683
2710
|
type: HostBinding,
|
|
2684
2711
|
args: ['class.k-grid']
|
|
2685
2712
|
}, {
|