@progress/kendo-angular-treelist 21.1.1-develop.2 → 21.2.0-develop.1
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/esm2022/column-menu/column-list.component.mjs +75 -69
- package/esm2022/column-menu/column-menu-autosize-all.component.mjs +12 -11
- package/esm2022/column-menu/column-menu-autosize.component.mjs +12 -11
- package/esm2022/column-menu/column-menu-item.component.mjs +137 -57
- package/esm2022/column-menu/column-menu.component.mjs +145 -122
- package/esm2022/editing/add-command.directive.mjs +27 -17
- package/esm2022/editing/base-command.directive.mjs +27 -17
- package/esm2022/editing/cancel-command.directive.mjs +27 -17
- package/esm2022/editing/edit-command.directive.mjs +27 -17
- package/esm2022/editing/remove-command.directive.mjs +27 -17
- package/esm2022/editing/save-command.directive.mjs +27 -17
- package/esm2022/excel/excel-command.directive.mjs +27 -17
- package/esm2022/filtering/cell/filter-cell-operators.component.mjs +20 -17
- package/esm2022/filtering/cell/filter-cell.component.mjs +35 -33
- package/esm2022/filtering/filter-row.component.mjs +26 -23
- package/esm2022/filtering/menu/boolean-filter-menu.component.mjs +32 -29
- package/esm2022/filtering/menu/date-filter-menu.component.mjs +52 -49
- package/esm2022/filtering/menu/filter-menu-container.component.mjs +75 -73
- package/esm2022/filtering/menu/numeric-filter-menu.component.mjs +50 -47
- package/esm2022/filtering/menu/string-filter-menu.component.mjs +36 -33
- package/esm2022/package-metadata.mjs +2 -2
- package/esm2022/pdf/pdf-command.directive.mjs +27 -17
- package/esm2022/rendering/cell.component.mjs +167 -145
- package/esm2022/rendering/common/col-group.component.mjs +10 -8
- package/esm2022/rendering/header/header.component.mjs +371 -331
- package/esm2022/rendering/list.component.mjs +185 -158
- package/esm2022/rendering/table-body.component.mjs +199 -169
- package/esm2022/rendering/toolbar/toolbar.component.mjs +13 -11
- package/esm2022/treelist.component.mjs +893 -849
- package/fesm2022/progress-kendo-angular-treelist.mjs +2746 -2356
- package/package.json +18 -18
- package/schematics/ngAdd/index.js +3 -3
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
6
6
|
import { Component, ContentChildren, ElementRef, EventEmitter, HostBinding, Input, Output, Renderer2, QueryList, ViewChild, isDevMode, NgZone, ViewChildren, ChangeDetectorRef, ViewEncapsulation, ChangeDetectionStrategy, forwardRef } from '@angular/core';
|
|
7
|
-
import {
|
|
7
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
8
8
|
import { FormControl, FormGroup } from '@angular/forms';
|
|
9
9
|
import { Subscription, merge, isObservable } from 'rxjs';
|
|
10
10
|
import { map, tap, take, filter, switchMap, takeUntil } from 'rxjs/operators';
|
|
@@ -1854,7 +1854,7 @@ export class TreeListComponent {
|
|
|
1854
1854
|
this.dropTargetContainer?.notify();
|
|
1855
1855
|
}
|
|
1856
1856
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", 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 }, { token: i21.RowReorderService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1857
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1857
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TreeListComponent, isStandalone: true, 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", autoSize: "autoSize", rowClass: "rowClass", resizable: "resizable", reorderable: "reorderable", loading: "loading", columnMenu: "columnMenu", hideHeader: "hideHeader", idField: "idField", selectable: "selectable", isSelected: "isSelected", rowReorderable: "rowReorderable", 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", rowReorder: "rowReorder" }, host: { properties: { "attr.dir": "this.dir", "class.k-grid": "this.hostClasses", "class.k-grid-md": "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: [
|
|
1858
1858
|
BrowserSupportService,
|
|
1859
1859
|
LocalizationService,
|
|
1860
1860
|
ColumnInfoService,
|
|
@@ -1900,387 +1900,397 @@ export class TreeListComponent {
|
|
|
1900
1900
|
RowReorderService
|
|
1901
1901
|
], queries: [{ propertyName: "columns", predicate: ColumnBase }, { propertyName: "noRecordsTemplateChildren", predicate: NoRecordsTemplateDirective }, { propertyName: "pagerTemplateChildren", predicate: PagerTemplateDirective }, { propertyName: "toolbarTemplateChildren", predicate: ToolbarTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], viewQueries: [{ propertyName: "lockedHeader", first: true, predicate: ["lockedHeader"], descendants: true }, { propertyName: "header", first: true, predicate: ["header"], descendants: true }, { propertyName: "ariaRoot", first: true, predicate: ["ariaRoot"], descendants: true, static: true }, { propertyName: "dragTargetContainer", first: true, predicate: DragTargetContainerDirective, descendants: true }, { propertyName: "dropTargetContainer", first: true, predicate: DropTargetContainerDirective, descendants: true }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "footer", predicate: ["footer"], descendants: true }], exportAs: ["kendoTreeList"], usesOnChanges: true, ngImport: i0, template: `
|
|
1902
1902
|
<ng-container kendoTreeListLocalizedMessages
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
|
|
1910
|
-
|
|
1911
|
-
|
|
1912
|
-
|
|
1913
|
-
|
|
1914
|
-
|
|
1915
|
-
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1953
|
-
|
|
1954
|
-
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1959
|
-
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
1967
|
-
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
1971
|
-
|
|
1972
|
-
|
|
1973
|
-
|
|
1974
|
-
|
|
1975
|
-
|
|
1976
|
-
|
|
1977
|
-
|
|
1978
|
-
|
|
1979
|
-
|
|
1980
|
-
|
|
1981
|
-
|
|
1982
|
-
|
|
1983
|
-
|
|
1984
|
-
|
|
1985
|
-
|
|
1986
|
-
|
|
1987
|
-
|
|
1988
|
-
|
|
1989
|
-
|
|
1990
|
-
|
|
1991
|
-
|
|
1992
|
-
|
|
1993
|
-
|
|
1994
|
-
|
|
1995
|
-
|
|
1996
|
-
|
|
1997
|
-
|
|
1998
|
-
|
|
1999
|
-
|
|
2000
|
-
|
|
2001
|
-
|
|
2002
|
-
|
|
2003
|
-
|
|
2004
|
-
|
|
2005
|
-
|
|
2006
|
-
|
|
2007
|
-
|
|
2008
|
-
|
|
2009
|
-
|
|
2010
|
-
|
|
2011
|
-
|
|
2012
|
-
|
|
2013
|
-
|
|
2014
|
-
|
|
2015
|
-
|
|
2016
|
-
|
|
2017
|
-
|
|
2018
|
-
|
|
2019
|
-
|
|
2020
|
-
|
|
2021
|
-
|
|
2022
|
-
|
|
2023
|
-
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2033
|
-
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
|
|
2050
|
-
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2076
|
-
|
|
2077
|
-
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
|
|
2090
|
-
|
|
2091
|
-
|
|
2092
|
-
|
|
2093
|
-
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
|
|
2097
|
-
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2101
|
-
|
|
2102
|
-
|
|
2103
|
-
|
|
1903
|
+
i18n-noRecords="kendo.treelist.noRecords|The label visible in the TreeList when there are no records"
|
|
1904
|
+
noRecords="No records available."
|
|
1905
|
+
|
|
1906
|
+
i18n-pagerLabel="kendo.treelist.pagerLabel|The label for the TreeList pager"
|
|
1907
|
+
pagerLabel="{{ 'Page navigation, page {currentPage} of {totalPages}' }}"
|
|
1908
|
+
|
|
1909
|
+
i18n-pagerFirstPage="kendo.treelist.pagerFirstPage|The label for the first page button in TreeList pager"
|
|
1910
|
+
pagerFirstPage="Go to the first page"
|
|
1911
|
+
|
|
1912
|
+
i18n-pagerPreviousPage="kendo.treelist.pagerPreviousPage|The label for the previous page button in TreeList pager"
|
|
1913
|
+
pagerPreviousPage="Go to the previous page"
|
|
1914
|
+
|
|
1915
|
+
i18n-pagerNextPage="kendo.treelist.pagerNextPage|The label for the next page button in TreeList pager"
|
|
1916
|
+
pagerNextPage="Go to the next page"
|
|
1917
|
+
|
|
1918
|
+
i18n-pagerLastPage="kendo.treelist.pagerLastPage|The label for the last page button in TreeList pager"
|
|
1919
|
+
pagerLastPage="Go to the last page"
|
|
1920
|
+
|
|
1921
|
+
i18n-pagerPage="kendo.treelist.pagerPage|The label before the current page number in the TreeList pager"
|
|
1922
|
+
pagerPage="Page"
|
|
1923
|
+
|
|
1924
|
+
i18n-pagerOf="kendo.treelist.pagerOf|The label before the total pages number in the TreeList pager"
|
|
1925
|
+
pagerOf="of"
|
|
1926
|
+
|
|
1927
|
+
i18n-pagerPageNumberInputTitle="kendo.treelist.pagerPageNumberInputTitle|The label for the pager input in the Treelist pager"
|
|
1928
|
+
pagerPageNumberInputTitle="Page Number"
|
|
1929
|
+
|
|
1930
|
+
i18n-pagerItemsPerPage="kendo.treelist.pagerItemsPerPage|The label for the page size chooser in the TreeList pager"
|
|
1931
|
+
pagerItemsPerPage="items per page"
|
|
1932
|
+
|
|
1933
|
+
i18n-pagerItemsTotal="kendo.treelist.pagerItemsTotal|The label after the total items count in the TreeList pager"
|
|
1934
|
+
pagerItemsTotal="items total"
|
|
1935
|
+
|
|
1936
|
+
i18n-pagerInputLabel="kendo.treelist.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number"
|
|
1937
|
+
pagerInputLabel="Type a page number"
|
|
1938
|
+
|
|
1939
|
+
i18n-filterCellOperatorLabel="kendo.treelist.filterCellOperatorLabel|The label of the filter cell operators dropdown"
|
|
1940
|
+
filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
|
|
1941
|
+
|
|
1942
|
+
i18n-booleanFilterCellLabel="kendo.treelist.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
|
|
1943
|
+
booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
|
|
1944
|
+
|
|
1945
|
+
i18n-filter="kendo.treelist.filter|The label of the filter cell or icon"
|
|
1946
|
+
filter="Filter"
|
|
1947
|
+
|
|
1948
|
+
i18n-filterEqOperator="kendo.treelist.filterEqOperator|The text of the equal filter operator"
|
|
1949
|
+
filterEqOperator="Is equal to"
|
|
1950
|
+
|
|
1951
|
+
i18n-filterNotEqOperator="kendo.treelist.filterNotEqOperator|The text of the not equal filter operator"
|
|
1952
|
+
filterNotEqOperator="Is not equal to"
|
|
1953
|
+
|
|
1954
|
+
i18n-filterIsNullOperator="kendo.treelist.filterIsNullOperator|The text of the is null filter operator"
|
|
1955
|
+
filterIsNullOperator="Is null"
|
|
1956
|
+
|
|
1957
|
+
i18n-filterIsNotNullOperator="kendo.treelist.filterIsNotNullOperator|The text of the is not null filter operator"
|
|
1958
|
+
filterIsNotNullOperator="Is not null"
|
|
1959
|
+
|
|
1960
|
+
i18n-filterIsEmptyOperator="kendo.treelist.filterIsEmptyOperator|The text of the is empty filter operator"
|
|
1961
|
+
filterIsEmptyOperator="Is empty"
|
|
1962
|
+
|
|
1963
|
+
i18n-filterIsNotEmptyOperator="kendo.treelist.filterIsNotEmptyOperator|The text of the is not empty filter operator"
|
|
1964
|
+
filterIsNotEmptyOperator="Is not empty"
|
|
1965
|
+
|
|
1966
|
+
i18n-filterStartsWithOperator="kendo.treelist.filterStartsWithOperator|The text of the starts with filter operator"
|
|
1967
|
+
filterStartsWithOperator="Starts with"
|
|
1968
|
+
|
|
1969
|
+
i18n-filterContainsOperator="kendo.treelist.filterContainsOperator|The text of the contains filter operator"
|
|
1970
|
+
filterContainsOperator="Contains"
|
|
1971
|
+
|
|
1972
|
+
i18n-filterNotContainsOperator="kendo.treelist.filterNotContainsOperator|The text of the does not contain filter operator"
|
|
1973
|
+
filterNotContainsOperator="Does not contain"
|
|
1974
|
+
|
|
1975
|
+
i18n-filterEndsWithOperator="kendo.treelist.filterEndsWithOperator|The text of the ends with filter operator"
|
|
1976
|
+
filterEndsWithOperator="Ends with"
|
|
1977
|
+
|
|
1978
|
+
i18n-filterGteOperator="kendo.treelist.filterGteOperator|The text of the greater than or equal filter operator"
|
|
1979
|
+
filterGteOperator="Is greater than or equal to"
|
|
1980
|
+
|
|
1981
|
+
i18n-filterGtOperator="kendo.treelist.filterGtOperator|The text of the greater than filter operator"
|
|
1982
|
+
filterGtOperator="Is greater than"
|
|
1983
|
+
|
|
1984
|
+
i18n-filterLteOperator="kendo.treelist.filterLteOperator|The text of the less than or equal filter operator"
|
|
1985
|
+
filterLteOperator="Is less than or equal to"
|
|
1986
|
+
|
|
1987
|
+
i18n-filterLtOperator="kendo.treelist.filterLtOperator|The text of the less than filter operator"
|
|
1988
|
+
filterLtOperator="Is less than"
|
|
1989
|
+
|
|
1990
|
+
i18n-filterIsTrue="kendo.treelist.filterIsTrue|The text of the IsTrue boolean filter option"
|
|
1991
|
+
filterIsTrue="Is True"
|
|
1992
|
+
|
|
1993
|
+
i18n-filterIsFalse="kendo.treelist.filterIsFalse|The text of the IsFalse boolean filter option"
|
|
1994
|
+
filterIsFalse="Is False"
|
|
1995
|
+
|
|
1996
|
+
i18n-filterBooleanAll="kendo.treelist.filterBooleanAll|The text of the (All) boolean filter option"
|
|
1997
|
+
filterBooleanAll="(All)"
|
|
1998
|
+
|
|
1999
|
+
i18n-filterAfterOrEqualOperator="kendo.treelist.filterAfterOrEqualOperator|The text of the after or equal date filter operator"
|
|
2000
|
+
filterAfterOrEqualOperator="Is after or equal to"
|
|
2001
|
+
|
|
2002
|
+
i18n-filterAfterOperator="kendo.treelist.filterAfterOperator|The text of the after date filter operator"
|
|
2003
|
+
filterAfterOperator="Is after"
|
|
2004
|
+
|
|
2005
|
+
i18n-filterBeforeOperator="kendo.treelist.filterBeforeOperator|The text of the before date filter operator"
|
|
2006
|
+
filterBeforeOperator="Is before"
|
|
2007
|
+
|
|
2008
|
+
i18n-filterBeforeOrEqualOperator="kendo.treelist.filterBeforeOrEqualOperator|The text of the before or equal date filter operator"
|
|
2009
|
+
filterBeforeOrEqualOperator="Is before or equal to"
|
|
2010
|
+
|
|
2011
|
+
i18n-filterFilterButton="kendo.treelist.filterFilterButton|The text of the filter button"
|
|
2012
|
+
filterFilterButton="Filter"
|
|
2013
|
+
|
|
2014
|
+
i18n-filterClearButton="kendo.treelist.filterClearButton|The text of the clear filter button"
|
|
2015
|
+
filterClearButton="Clear"
|
|
2016
|
+
|
|
2017
|
+
i18n-filterAndLogic="kendo.treelist.filterAndLogic|The text of the And filter logic"
|
|
2018
|
+
filterAndLogic="And"
|
|
2019
|
+
|
|
2020
|
+
i18n-filterOrLogic="kendo.treelist.filterOrLogic|The text of the Or filter logic"
|
|
2021
|
+
filterOrLogic="Or"
|
|
2022
|
+
|
|
2023
|
+
i18n-filterDateToday="kendo.treelist.filterDateToday|The text of the Today button of the Date filter."
|
|
2024
|
+
filterDateToday="TODAY"
|
|
2025
|
+
|
|
2026
|
+
i18n-filterDateToggle="kendo.treelist.filterDateToggle|The title of the Toggle button of the Date filter."
|
|
2027
|
+
filterDateToggle="Toggle Calendar"
|
|
2028
|
+
|
|
2029
|
+
i18n-filterNumericDecrement="kendo.treelist.filterNumericDecrement|The title of the Decrement button of the Numeric filter."
|
|
2030
|
+
filterNumericDecrement="Decrement"
|
|
2031
|
+
|
|
2032
|
+
i18n-filterNumericIncrement="kendo.treelist.filterNumericIncrement|The title of the Increment button of the Numeric filter."
|
|
2033
|
+
filterNumericIncrement="Increment"
|
|
2034
|
+
|
|
2035
|
+
i18n-loading="kendo.treelist.loading|The loading text"
|
|
2036
|
+
loading="Loading"
|
|
2037
|
+
|
|
2038
|
+
i18n-filterInputLabel="kendo.treelist.filterInputLabel|The label of the filter row and menu inputs"
|
|
2039
|
+
filterInputLabel="{{ '{columnName} Filter' }}"
|
|
2040
|
+
|
|
2041
|
+
i18n-filterMenuLogicDropDownLabel="kendo.treelist.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
|
|
2042
|
+
filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
|
|
2043
|
+
|
|
2044
|
+
i18n-filterMenuOperatorsDropDownLabel="kendo.treelist.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
|
|
2045
|
+
filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
|
|
2046
|
+
|
|
2047
|
+
i18n-filterMenuTitle="kendo.treelist.filterMenuTitle|The title of the filter menu icon"
|
|
2048
|
+
filterMenuTitle="{{ '{columnName} Filter Menu' }}"
|
|
2049
|
+
|
|
2050
|
+
i18n-columnMenu="kendo.treelist.columnMenu|The title of the column menu icon"
|
|
2051
|
+
columnMenu="{{ '{columnName} Column Menu' }}"
|
|
2052
|
+
|
|
2053
|
+
i18n-columns="kendo.treelist.columns|The text shown in the column menu for the columns item"
|
|
2054
|
+
columns="Columns"
|
|
2055
|
+
|
|
2056
|
+
i18n-lock="kendo.treelist.lock|The text shown in the column menu for the lock item"
|
|
2057
|
+
lock="Lock"
|
|
2058
|
+
|
|
2059
|
+
i18n-unlock="kendo.treelist.unlock|The text shown in the column menu for the unlock item"
|
|
2060
|
+
unlock="Unlock"
|
|
2061
|
+
|
|
2062
|
+
i18n-sortable="kendo.treelist.sortable|The label of the sort icon"
|
|
2063
|
+
sortable="Sortable"
|
|
2064
|
+
|
|
2065
|
+
i18n-sortAscending="kendo.treelist.sortAscending|The text shown in the column menu for the sort ascending item"
|
|
2066
|
+
sortAscending="Sort Ascending"
|
|
2067
|
+
|
|
2068
|
+
i18n-sortDescending="kendo.treelist.sortDescending|The text shown in the column menu for the sort descending item"
|
|
2069
|
+
sortDescending="Sort Descending"
|
|
2070
|
+
|
|
2071
|
+
i18n-sortedDefault="kendo.treelist.sortedDefault|The status announcement when a column is no longer sorted"
|
|
2072
|
+
sortedDefault="Not Sorted"
|
|
2073
|
+
|
|
2074
|
+
i18n-columnsApply="kendo.treelist.columnsApply|The text shown in the column menu or column chooser for the columns apply button"
|
|
2075
|
+
columnsApply="Apply"
|
|
2076
|
+
|
|
2077
|
+
i18n-columnsReset="kendo.treelist.columnsReset|The text shown in the column menu or column chooser for the columns reset button"
|
|
2078
|
+
columnsReset="Reset"
|
|
2079
|
+
|
|
2080
|
+
i18n-pagerSelectPage="kendo.treelist.pagerSelectPage|The text of the title and aria-label attributes applied to the page chooser in the TreeList Pager"
|
|
2081
|
+
pagerSelectPage="Select page"
|
|
2082
|
+
|
|
2083
|
+
i18n-topToolbarLabel="kendo.treelist.topToolbarLabel|The label of the TreeList top toolbar"
|
|
2084
|
+
topToolbarLabel="Top toolbar"
|
|
2085
|
+
|
|
2086
|
+
i18n-bottomToolbarLabel="kendo.treelist.bottomToolbarLabel|The label of the TreeList bottom toolbar"
|
|
2087
|
+
bottomToolbarLabel="Bottom toolbar"
|
|
2088
|
+
|
|
2089
|
+
i18n-dragRowHandleLabel="kendo.treelist.dragRowHandleLabel|The label for the TreeList drag row handle"
|
|
2090
|
+
dragRowHandleLabel="Drag row"
|
|
2091
|
+
|
|
2092
|
+
i18n-selectRowCheckboxLabel="kendo.treelist.selectRowCheckboxLabel|The label for the select row checkbox"
|
|
2093
|
+
selectRowCheckboxLabel="Select row"
|
|
2094
|
+
|
|
2095
|
+
i18n-selectAllRowsCheckboxLabel="kendo.treelist.selectAllRowsCheckboxLabel|The label for the select all rows checkbox"
|
|
2096
|
+
selectAllRowsCheckboxLabel="Select all rows"
|
|
2097
|
+
|
|
2098
|
+
i18n-autosizeAllColumns="kendo.treelist.autosizeAllColumns|The text shown in the column menu for the autosize all columns item"
|
|
2099
|
+
autosizeAllColumns="Autosize All Columns"
|
|
2100
|
+
|
|
2101
|
+
i18n-autosizeThisColumn="kendo.treelist.autosizeThisColumn|The text shown in the column menu for the autosize this column item"
|
|
2102
|
+
autosizeThisColumn="Autosize This Column"
|
|
2103
|
+
>
|
|
2104
2104
|
</ng-container>
|
|
2105
|
-
|
|
2106
|
-
|
|
2105
|
+
@if (showTopToolbar) {
|
|
2106
|
+
<kendo-treelist-toolbar
|
|
2107
2107
|
position="top"
|
|
2108
2108
|
[navigable]="navigable"
|
|
2109
2109
|
[attr.aria-label]="messageFor('topToolbarLabel')"
|
|
2110
|
-
|
|
2110
|
+
[attr.aria-controls]="ariaRootId"></kendo-treelist-toolbar>
|
|
2111
|
+
}
|
|
2111
2112
|
<ng-content select="kendo-toolbar"></ng-content>
|
|
2112
2113
|
<div #ariaRoot
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2120
|
-
|
|
2121
|
-
|
|
2122
|
-
|
|
2123
|
-
|
|
2124
|
-
|
|
2125
|
-
|
|
2126
|
-
|
|
2127
|
-
|
|
2128
|
-
|
|
2129
|
-
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
|
|
2138
|
-
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
[style.width.px]="lockedWidth">
|
|
2147
|
-
<table
|
|
2148
|
-
kendoTreeListResizableTable
|
|
2149
|
-
[locked]="true"
|
|
2150
|
-
role="presentation"
|
|
2151
|
-
[style.width.px]="lockedWidth"
|
|
2152
|
-
class="k-grid-header-table k-table k-table-md">
|
|
2153
|
-
<colgroup
|
|
2154
|
-
kendoTreeListColGroup
|
|
2155
|
-
[columns]="$any(lockedLeafColumns)">
|
|
2156
|
-
</colgroup>
|
|
2157
|
-
<thead kendoTreeListHeader
|
|
2158
|
-
role="rowgroup"
|
|
2159
|
-
[resizable]="resizable"
|
|
2160
|
-
[scrollable]="true"
|
|
2161
|
-
[columns]="$any(lockedColumns)"
|
|
2162
|
-
[totalColumnLevels]="totalColumnLevels"
|
|
2163
|
-
[sort]="sort"
|
|
2164
|
-
[filter]="filter"
|
|
2165
|
-
[filterable]="filterable"
|
|
2166
|
-
[reorderable]="reorderable"
|
|
2167
|
-
[sortable]="sortable"
|
|
2168
|
-
[columnMenu]="columnMenuOptions"
|
|
2169
|
-
[columnMenuTemplate]="columnMenuTemplate"
|
|
2170
|
-
[totalColumnsCount]="leafColumns.length"
|
|
2171
|
-
[totalColumns]="columnsContainer"
|
|
2172
|
-
[tabIndex]="navigation.enabled ? '-1' : '0'">
|
|
2173
|
-
</thead>
|
|
2174
|
-
</table>
|
|
2175
|
-
</div>
|
|
2176
|
-
<div #header class="k-grid-header-wrap" role="presentation" data-scrollable
|
|
2177
|
-
[kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
|
|
2178
|
-
[lockedWidth]="lockedWidth + scrollbarWidth + 2">
|
|
2179
|
-
<table
|
|
2180
|
-
role="presentation"
|
|
2181
|
-
[style.width.px]="nonLockedWidth"
|
|
2182
|
-
kendoTreeListResizableTable
|
|
2183
|
-
[virtualColumns]="virtualColumns"
|
|
2184
|
-
class="k-grid-header-table k-table k-table-md">
|
|
2185
|
-
<colgroup
|
|
2186
|
-
kendoTreeListColGroup
|
|
2187
|
-
[columns]="headerLeafColumns">
|
|
2188
|
-
</colgroup>
|
|
2189
|
-
<thead kendoTreeListHeader
|
|
2190
|
-
[resizable]="resizable"
|
|
2191
|
-
role="rowgroup"
|
|
2192
|
-
[scrollable]="true"
|
|
2193
|
-
[columns]="headerColumns"
|
|
2194
|
-
[totalColumnLevels]="totalColumnLevels"
|
|
2195
|
-
[sort]="sort"
|
|
2196
|
-
[filter]="filter"
|
|
2197
|
-
[filterable]="filterable"
|
|
2198
|
-
[reorderable]="reorderable"
|
|
2199
|
-
[sortable]="sortable"
|
|
2200
|
-
[columnMenu]="columnMenuOptions"
|
|
2201
|
-
[columnMenuTemplate]="columnMenuTemplate"
|
|
2202
|
-
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
2203
|
-
[totalColumnsCount]="leafColumns.length"
|
|
2204
|
-
[totalColumns]="columnsContainer"
|
|
2205
|
-
[tabIndex]="navigation.enabled ? '-1' : '0'">
|
|
2206
|
-
</thead>
|
|
2207
|
-
</table>
|
|
2208
|
-
<div *ngIf="virtualColumns" class="k-width-container" role="presentation">
|
|
2209
|
-
<div [style.width.px]="columnsContainer.unlockedWidth"></div>
|
|
2210
|
-
</div>
|
|
2211
|
-
</div>
|
|
2212
|
-
</div>
|
|
2213
|
-
<kendo-treelist-list
|
|
2214
|
-
[view]="view"
|
|
2215
|
-
[loading]="showLoading"
|
|
2216
|
-
[rowHeight]="rowHeight"
|
|
2217
|
-
[total]="totalCount"
|
|
2218
|
-
[take]="pageSize"
|
|
2219
|
-
[skip]="skip"
|
|
2220
|
-
[trackBy]="trackBy"
|
|
2221
|
-
[columns]="columnsContainer"
|
|
2222
|
-
[filterable]="filterable"
|
|
2223
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
2224
|
-
(pageChange)="notifyPageChange('list', $event)"
|
|
2225
|
-
[rowClass]="rowClass"
|
|
2226
|
-
[isVirtual]="isVirtual"
|
|
2227
|
-
[virtualColumns]="virtualColumns"
|
|
2228
|
-
[expandIcons]="expandIcons"
|
|
2229
|
-
(scrollBottom)="notifyScrollBottom()"
|
|
2230
|
-
(contentScroll)="contentScroll.emit($event)"
|
|
2231
|
-
kendoDraggable
|
|
2232
|
-
kendoTreeListSelectionMarquee
|
|
2233
|
-
[enableDrag]="marqueeSelection">
|
|
2234
|
-
</kendo-treelist-list>
|
|
2235
|
-
</ng-template>
|
|
2236
|
-
<ng-template [ngIf]="!isScrollable">
|
|
2237
|
-
<table
|
|
2238
|
-
class="k-table k-table-md k-grid-header-table"
|
|
2114
|
+
class="k-grid-aria-root"
|
|
2115
|
+
role="treegrid"
|
|
2116
|
+
[id]="ariaRootId"
|
|
2117
|
+
[attr.aria-rowcount]="ariaRowCount"
|
|
2118
|
+
[attr.aria-colcount]="ariaColCount"
|
|
2119
|
+
[attr.aria-multiselectable]="ariaMultiselectable"
|
|
2120
|
+
[attr.aria-label]="ariaLabel"
|
|
2121
|
+
kendoDragTargetContainer
|
|
2122
|
+
kendoDropTargetContainer
|
|
2123
|
+
mode="manual"
|
|
2124
|
+
[dragDisabled]="!rowReorderable"
|
|
2125
|
+
[dropDisabled]="!rowReorderable"
|
|
2126
|
+
[dragTargetFilter]="getDefaultSelectors('dragTarget')"
|
|
2127
|
+
[dropTargetFilter]="getDefaultSelectors('dropTarget')"
|
|
2128
|
+
[dragHandle]="getDefaultSelectors('handle')"
|
|
2129
|
+
[hint]="{hintTemplate: defaultHint}"
|
|
2130
|
+
(onPress)="handleReorderEvents($event, 'press')"
|
|
2131
|
+
(onDragStart)="handleReorderEvents($event, 'dragStart')"
|
|
2132
|
+
(onDrag)="handleReorderEvents($event, 'drag')"
|
|
2133
|
+
(onDragEnter)="handleReorderEvents($event, 'dragEnter')"
|
|
2134
|
+
(onDragLeave)="handleReorderEvents($event, 'dragLeave')"
|
|
2135
|
+
(onDragEnd)="handleReorderEvents($event, 'dragEnd')"
|
|
2136
|
+
(onDrop)="handleReorderEvents($event, 'drop')"
|
|
2137
|
+
[dragData]="treeListData">
|
|
2138
|
+
@if (isScrollable) {
|
|
2139
|
+
@if (!hideHeader) {
|
|
2140
|
+
<div
|
|
2141
|
+
class="k-grid-header"
|
|
2142
|
+
role="presentation"
|
|
2143
|
+
[style.padding]="headerPadding">
|
|
2144
|
+
@if (isLocked) {
|
|
2145
|
+
<div
|
|
2146
|
+
#lockedHeader
|
|
2239
2147
|
role="presentation"
|
|
2240
|
-
|
|
2241
|
-
|
|
2242
|
-
<
|
|
2148
|
+
class="k-grid-header-locked"
|
|
2149
|
+
[style.width.px]="lockedWidth">
|
|
2150
|
+
<table
|
|
2151
|
+
kendoTreeListResizableTable
|
|
2152
|
+
[locked]="true"
|
|
2153
|
+
role="presentation"
|
|
2154
|
+
[style.width.px]="lockedWidth"
|
|
2155
|
+
class="k-grid-header-table k-table k-table-md">
|
|
2156
|
+
<colgroup
|
|
2243
2157
|
kendoTreeListColGroup
|
|
2244
|
-
[columns]="$any(
|
|
2158
|
+
[columns]="$any(lockedLeafColumns)">
|
|
2245
2159
|
</colgroup>
|
|
2246
2160
|
<thead kendoTreeListHeader
|
|
2247
|
-
|
|
2248
|
-
|
|
2249
|
-
|
|
2250
|
-
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2256
|
-
|
|
2257
|
-
|
|
2258
|
-
|
|
2259
|
-
|
|
2260
|
-
|
|
2261
|
-
|
|
2161
|
+
role="rowgroup"
|
|
2162
|
+
[resizable]="resizable"
|
|
2163
|
+
[scrollable]="true"
|
|
2164
|
+
[columns]="$any(lockedColumns)"
|
|
2165
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2166
|
+
[sort]="sort"
|
|
2167
|
+
[filter]="filter"
|
|
2168
|
+
[filterable]="filterable"
|
|
2169
|
+
[reorderable]="reorderable"
|
|
2170
|
+
[sortable]="sortable"
|
|
2171
|
+
[columnMenu]="columnMenuOptions"
|
|
2172
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2173
|
+
[totalColumnsCount]="leafColumns.length"
|
|
2174
|
+
[totalColumns]="columnsContainer"
|
|
2175
|
+
[tabIndex]="navigation.enabled ? '-1' : '0'">
|
|
2262
2176
|
</thead>
|
|
2263
|
-
|
|
2264
|
-
[view]="view"
|
|
2265
|
-
[skip]="skip"
|
|
2266
|
-
[columns]="$any(leafColumns)"
|
|
2267
|
-
[filterable]="filterable"
|
|
2268
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
2269
|
-
[trackBy]="trackBy"
|
|
2270
|
-
[rowClass]="rowClass"
|
|
2271
|
-
[expandIcons]="expandIcons"
|
|
2272
|
-
kendoDraggable
|
|
2273
|
-
kendoTreeListSelectionMarquee
|
|
2274
|
-
[enableDrag]="marqueeSelection">
|
|
2275
|
-
</tbody>
|
|
2276
|
-
</table>
|
|
2277
|
-
<div *ngIf="showLoading" kendoTreeListLoading>
|
|
2177
|
+
</table>
|
|
2278
2178
|
</div>
|
|
2279
|
-
|
|
2179
|
+
}
|
|
2180
|
+
<div #header class="k-grid-header-wrap" role="presentation" data-scrollable
|
|
2181
|
+
[kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
|
|
2182
|
+
[lockedWidth]="lockedWidth + scrollbarWidth + 2">
|
|
2183
|
+
<table
|
|
2184
|
+
role="presentation"
|
|
2185
|
+
[style.width.px]="nonLockedWidth"
|
|
2186
|
+
kendoTreeListResizableTable
|
|
2187
|
+
[virtualColumns]="virtualColumns"
|
|
2188
|
+
class="k-grid-header-table k-table k-table-md">
|
|
2189
|
+
<colgroup
|
|
2190
|
+
kendoTreeListColGroup
|
|
2191
|
+
[columns]="headerLeafColumns">
|
|
2192
|
+
</colgroup>
|
|
2193
|
+
<thead kendoTreeListHeader
|
|
2194
|
+
[resizable]="resizable"
|
|
2195
|
+
role="rowgroup"
|
|
2196
|
+
[scrollable]="true"
|
|
2197
|
+
[columns]="headerColumns"
|
|
2198
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2199
|
+
[sort]="sort"
|
|
2200
|
+
[filter]="filter"
|
|
2201
|
+
[filterable]="filterable"
|
|
2202
|
+
[reorderable]="reorderable"
|
|
2203
|
+
[sortable]="sortable"
|
|
2204
|
+
[columnMenu]="columnMenuOptions"
|
|
2205
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2206
|
+
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
2207
|
+
[totalColumnsCount]="leafColumns.length"
|
|
2208
|
+
[totalColumns]="columnsContainer"
|
|
2209
|
+
[tabIndex]="navigation.enabled ? '-1' : '0'">
|
|
2210
|
+
</thead>
|
|
2211
|
+
</table>
|
|
2212
|
+
@if (virtualColumns) {
|
|
2213
|
+
<div class="k-width-container" role="presentation">
|
|
2214
|
+
<div [style.width.px]="columnsContainer.unlockedWidth"></div>
|
|
2215
|
+
</div>
|
|
2216
|
+
}
|
|
2217
|
+
</div>
|
|
2218
|
+
</div>
|
|
2219
|
+
}
|
|
2220
|
+
<kendo-treelist-list
|
|
2221
|
+
[view]="view"
|
|
2222
|
+
[loading]="showLoading"
|
|
2223
|
+
[rowHeight]="rowHeight"
|
|
2224
|
+
[total]="totalCount"
|
|
2225
|
+
[take]="pageSize"
|
|
2226
|
+
[skip]="skip"
|
|
2227
|
+
[trackBy]="trackBy"
|
|
2228
|
+
[columns]="columnsContainer"
|
|
2229
|
+
[filterable]="filterable"
|
|
2230
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
2231
|
+
(pageChange)="notifyPageChange('list', $event)"
|
|
2232
|
+
[rowClass]="rowClass"
|
|
2233
|
+
[isVirtual]="isVirtual"
|
|
2234
|
+
[virtualColumns]="virtualColumns"
|
|
2235
|
+
[expandIcons]="expandIcons"
|
|
2236
|
+
(scrollBottom)="notifyScrollBottom()"
|
|
2237
|
+
(contentScroll)="contentScroll.emit($event)"
|
|
2238
|
+
kendoDraggable
|
|
2239
|
+
kendoTreeListSelectionMarquee
|
|
2240
|
+
[enableDrag]="marqueeSelection">
|
|
2241
|
+
</kendo-treelist-list>
|
|
2242
|
+
}
|
|
2243
|
+
@if (!isScrollable) {
|
|
2244
|
+
<table
|
|
2245
|
+
class="k-table k-table-md k-grid-header-table"
|
|
2246
|
+
role="presentation"
|
|
2247
|
+
[style.table-layout]="resizable ? 'fixed' : null"
|
|
2248
|
+
kendoTreeListResizableTable>
|
|
2249
|
+
<colgroup
|
|
2250
|
+
kendoTreeListColGroup
|
|
2251
|
+
[columns]="$any(leafColumns)">
|
|
2252
|
+
</colgroup>
|
|
2253
|
+
@if (!hideHeader) {
|
|
2254
|
+
<thead kendoTreeListHeader
|
|
2255
|
+
role="rowgroup"
|
|
2256
|
+
[resizable]="resizable"
|
|
2257
|
+
[scrollable]="false"
|
|
2258
|
+
[columns]="$any(visibleColumns)"
|
|
2259
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2260
|
+
[reorderable]="reorderable"
|
|
2261
|
+
[sort]="sort"
|
|
2262
|
+
[sortable]="sortable"
|
|
2263
|
+
[filter]="filter"
|
|
2264
|
+
[filterable]="filterable"
|
|
2265
|
+
[columnMenu]="columnMenuOptions"
|
|
2266
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2267
|
+
[totalColumns]="columnsContainer"
|
|
2268
|
+
[tabIndex]="navigation.enabled ? '-1' : '0'">
|
|
2269
|
+
</thead>
|
|
2270
|
+
}
|
|
2271
|
+
<tbody kendoTreeListTableBody
|
|
2272
|
+
[view]="view"
|
|
2273
|
+
[skip]="skip"
|
|
2274
|
+
[columns]="$any(leafColumns)"
|
|
2275
|
+
[filterable]="filterable"
|
|
2276
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
2277
|
+
[trackBy]="trackBy"
|
|
2278
|
+
[rowClass]="rowClass"
|
|
2279
|
+
[expandIcons]="expandIcons"
|
|
2280
|
+
kendoDraggable
|
|
2281
|
+
kendoTreeListSelectionMarquee
|
|
2282
|
+
[enableDrag]="marqueeSelection">
|
|
2283
|
+
</tbody>
|
|
2284
|
+
</table>
|
|
2285
|
+
@if (showLoading) {
|
|
2286
|
+
<div kendoTreeListLoading>
|
|
2287
|
+
</div>
|
|
2288
|
+
}
|
|
2289
|
+
}
|
|
2280
2290
|
</div>
|
|
2281
|
-
|
|
2291
|
+
@if (showPager) {
|
|
2292
|
+
<kendo-pager
|
|
2282
2293
|
#pager
|
|
2283
|
-
*ngIf="showPager"
|
|
2284
2294
|
class="k-grid-pager"
|
|
2285
2295
|
[navigable]="navigable"
|
|
2286
2296
|
[pageSize]="pageSize"
|
|
@@ -2297,75 +2307,88 @@ export class TreeListComponent {
|
|
|
2297
2307
|
(pageTextVisibilityChange)="handlePagerVisibilityChange('showPagerPageText', $event)"
|
|
2298
2308
|
(itemsTextVisibilityChange)="handlePagerVisibilityChange('showPagerItemsText', $event)">
|
|
2299
2309
|
<ng-template kendoPagerTemplate>
|
|
2300
|
-
|
|
2301
|
-
|
|
2302
|
-
|
|
2310
|
+
<ng-container
|
|
2311
|
+
[ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
|
|
2312
|
+
[ngTemplateOutletContext]="pager.templateContext"></ng-container>
|
|
2303
2313
|
</ng-template>
|
|
2304
2314
|
<kendo-pager-messages
|
|
2305
|
-
|
|
2306
|
-
|
|
2307
|
-
|
|
2308
|
-
|
|
2309
|
-
|
|
2310
|
-
|
|
2311
|
-
|
|
2312
|
-
|
|
2313
|
-
|
|
2314
|
-
|
|
2315
|
-
|
|
2316
|
-
|
|
2315
|
+
[ariaLabel]="messageFor('pagerLabel')"
|
|
2316
|
+
[firstPage]="messageFor('pagerFirstPage')"
|
|
2317
|
+
[inputLabel]="messageFor('pagerInputLabel')"
|
|
2318
|
+
[previousPage]="messageFor('pagerPreviousPage')"
|
|
2319
|
+
[nextPage]="messageFor('pagerNextPage')"
|
|
2320
|
+
[lastPage]="messageFor('pagerLastPage')"
|
|
2321
|
+
[selectPage]="messageFor('pagerSelectPage')"
|
|
2322
|
+
[page]="messageFor('pagerPage')"
|
|
2323
|
+
[itemsPerPage]="messageFor('pagerItemsPerPage')"
|
|
2324
|
+
[items]="messageFor('pagerItems')"
|
|
2325
|
+
[of]="messageFor('pagerOf')"
|
|
2326
|
+
[pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
|
|
2317
2327
|
</kendo-pager-messages>
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2328
|
+
</kendo-pager>
|
|
2329
|
+
}
|
|
2330
|
+
@if (showBottomToolbar) {
|
|
2331
|
+
<kendo-treelist-toolbar
|
|
2321
2332
|
class="k-grid-toolbar-bottom"
|
|
2322
2333
|
position="bottom"
|
|
2323
2334
|
[navigable]="navigable"
|
|
2324
2335
|
[attr.aria-label]="messageFor('bottomToolbarLabel')"
|
|
2325
2336
|
[attr.aria-controls]="ariaRootId">
|
|
2326
|
-
|
|
2327
|
-
|
|
2337
|
+
</kendo-treelist-toolbar>
|
|
2338
|
+
}
|
|
2339
|
+
|
|
2328
2340
|
<ng-template #defaultHint>
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2341
|
+
<kendo-icon-wrapper
|
|
2342
|
+
[name]="getHintSettings('hintIcon')"
|
|
2343
|
+
[svgIcon]="getHintSettings('hintSVGIcon')"
|
|
2344
|
+
innerCssClass="k-drag-status">
|
|
2345
|
+
</kendo-icon-wrapper>
|
|
2346
|
+
{{hintText}}
|
|
2335
2347
|
</ng-template>
|
|
2336
|
-
|
|
2348
|
+
|
|
2337
2349
|
<ng-template #defaultPager>
|
|
2338
|
-
|
|
2339
|
-
|
|
2340
|
-
|
|
2341
|
-
|
|
2342
|
-
|
|
2343
|
-
|
|
2344
|
-
|
|
2345
|
-
|
|
2346
|
-
|
|
2347
|
-
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
+
<div class="k-pager-numbers-wrap">
|
|
2351
|
+
@if (normalizedPageableSettings.previousNext) {
|
|
2352
|
+
<kendo-pager-prev-buttons></kendo-pager-prev-buttons>
|
|
2353
|
+
}
|
|
2354
|
+
@if (normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0) {
|
|
2355
|
+
<kendo-pager-numeric-buttons
|
|
2356
|
+
[buttonCount]="normalizedPageableSettings.buttonCount">
|
|
2357
|
+
</kendo-pager-numeric-buttons>
|
|
2358
|
+
}
|
|
2359
|
+
@if (normalizedPageableSettings.type === 'input' || showPagerInput) {
|
|
2360
|
+
<kendo-pager-input [showPageText]="showPagerPageText"></kendo-pager-input>
|
|
2361
|
+
}
|
|
2362
|
+
@if (normalizedPageableSettings.previousNext) {
|
|
2363
|
+
<kendo-pager-next-buttons></kendo-pager-next-buttons>
|
|
2364
|
+
}
|
|
2365
|
+
</div>
|
|
2366
|
+
@if (normalizedPageableSettings.pageSizes) {
|
|
2367
|
+
<kendo-pager-page-sizes
|
|
2368
|
+
[pageSizes]="normalizedPageableSettings.pageSizes"
|
|
2369
|
+
[showItemsText]="showPagerItemsText">
|
|
2350
2370
|
</kendo-pager-page-sizes>
|
|
2351
|
-
|
|
2371
|
+
}
|
|
2372
|
+
@if (normalizedPageableSettings.info) {
|
|
2373
|
+
<kendo-pager-info>
|
|
2352
2374
|
</kendo-pager-info>
|
|
2353
|
-
|
|
2354
|
-
|
|
2355
|
-
|
|
2356
|
-
|
|
2357
|
-
|
|
2358
|
-
|
|
2359
|
-
|
|
2360
|
-
|
|
2361
|
-
|
|
2362
|
-
|
|
2363
|
-
|
|
2364
|
-
|
|
2365
|
-
|
|
2366
|
-
|
|
2375
|
+
}
|
|
2376
|
+
<kendo-pager-messages
|
|
2377
|
+
[ariaLabel]="messageFor('pagerLabel')"
|
|
2378
|
+
[firstPage]="messageFor('pagerFirstPage')"
|
|
2379
|
+
[inputLabel]="messageFor('pagerInputLabel')"
|
|
2380
|
+
[previousPage]="messageFor('pagerPreviousPage')"
|
|
2381
|
+
[nextPage]="messageFor('pagerNextPage')"
|
|
2382
|
+
[lastPage]="messageFor('pagerLastPage')"
|
|
2383
|
+
[selectPage]="messageFor('pagerSelectPage')"
|
|
2384
|
+
[page]="messageFor('pagerPage')"
|
|
2385
|
+
[itemsPerPage]="messageFor('pagerItemsPerPage')"
|
|
2386
|
+
[items]="messageFor('pagerItems')"
|
|
2387
|
+
[of]="messageFor('pagerOf')"
|
|
2388
|
+
[pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
|
|
2389
|
+
</kendo-pager-messages>
|
|
2367
2390
|
</ng-template>
|
|
2368
|
-
|
|
2391
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTreeListLocalizedMessages]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: ToolbarComponent, selector: "kendo-treelist-toolbar", inputs: ["position", "navigable"] }, { kind: "directive", type: DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode", "cursorStyle", "hintContext"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }, { kind: "directive", type: TableDirective, selector: "[kendoTreeListResizableTable]", inputs: ["locked", "virtualColumns"] }, { kind: "component", type: ColGroupComponent, selector: "[kendoTreeListColGroup]", inputs: ["columns"] }, { kind: "component", type: HeaderComponent, selector: "[kendoTreeListHeader]", inputs: ["totalColumnLevels", "columns", "scrollable", "filterable", "sort", "filter", "sortable", "lockedColumnsCount", "resizable", "reorderable", "columnMenu", "columnMenuTemplate", "totalColumnsCount", "totalColumns", "tabIndex"] }, { kind: "directive", type: ResizableContainerDirective, selector: "[kendoTreeListResizableContainer]", inputs: ["lockedWidth", "kendoTreeListResizableContainer"] }, { kind: "component", type: ListComponent, selector: "kendo-treelist-list", inputs: ["view", "total", "rowHeight", "take", "skip", "columns", "noRecordsTemplate", "filterable", "rowClass", "loading", "trackBy", "virtualColumns", "isVirtual", "expandIcons"], outputs: ["contentScroll", "pageChange", "scrollBottom"] }, { kind: "directive", type: DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { kind: "directive", type: MarqueeDirective, selector: "[kendoTreeListSelectionMarquee]" }, { kind: "component", type: TableBodyComponent, selector: "[kendoTreeListTableBody]", inputs: ["columns", "allColumns", "noRecordsTemplate", "view", "skip", "filterable", "noRecordsText", "isLocked", "lockedColumnsCount", "totalColumnsCount", "virtualColumns", "expandIcons", "trackBy", "totalColumns", "rowClass"] }, { kind: "component", type: LoadingComponent, selector: "[kendoTreeListLoading]" }, { kind: "component", type: i22.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i22.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i22.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i22.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i22.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i22.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i22.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i22.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i22.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive", "adaptiveMode"], outputs: ["pageChange", "pageSizeChange", "pagerInputVisibilityChange", "pageTextVisibilityChange", "itemsTextVisibilityChange"], exportAs: ["kendoDataPager", "kendoPager"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2369
2392
|
}
|
|
2370
2393
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TreeListComponent, decorators: [{
|
|
2371
2394
|
type: Component,
|
|
@@ -2421,387 +2444,397 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2421
2444
|
selector: 'kendo-treelist',
|
|
2422
2445
|
template: `
|
|
2423
2446
|
<ng-container kendoTreeListLocalizedMessages
|
|
2424
|
-
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
|
|
2444
|
-
|
|
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
|
-
|
|
2472
|
-
|
|
2473
|
-
|
|
2474
|
-
|
|
2475
|
-
|
|
2476
|
-
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
|
|
2480
|
-
|
|
2481
|
-
|
|
2482
|
-
|
|
2483
|
-
|
|
2484
|
-
|
|
2485
|
-
|
|
2486
|
-
|
|
2487
|
-
|
|
2488
|
-
|
|
2489
|
-
|
|
2490
|
-
|
|
2491
|
-
|
|
2492
|
-
|
|
2493
|
-
|
|
2494
|
-
|
|
2495
|
-
|
|
2496
|
-
|
|
2497
|
-
|
|
2498
|
-
|
|
2499
|
-
|
|
2500
|
-
|
|
2501
|
-
|
|
2502
|
-
|
|
2503
|
-
|
|
2504
|
-
|
|
2505
|
-
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2524
|
-
|
|
2525
|
-
|
|
2526
|
-
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
|
|
2531
|
-
|
|
2532
|
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
|
|
2536
|
-
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2541
|
-
|
|
2542
|
-
|
|
2543
|
-
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
|
|
2563
|
-
|
|
2564
|
-
|
|
2565
|
-
|
|
2566
|
-
|
|
2567
|
-
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
|
|
2572
|
-
|
|
2573
|
-
|
|
2574
|
-
|
|
2575
|
-
|
|
2576
|
-
|
|
2577
|
-
|
|
2578
|
-
|
|
2579
|
-
|
|
2580
|
-
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
|
|
2588
|
-
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
|
|
2602
|
-
|
|
2603
|
-
|
|
2604
|
-
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
|
|
2619
|
-
|
|
2620
|
-
|
|
2621
|
-
|
|
2622
|
-
|
|
2623
|
-
|
|
2624
|
-
|
|
2447
|
+
i18n-noRecords="kendo.treelist.noRecords|The label visible in the TreeList when there are no records"
|
|
2448
|
+
noRecords="No records available."
|
|
2449
|
+
|
|
2450
|
+
i18n-pagerLabel="kendo.treelist.pagerLabel|The label for the TreeList pager"
|
|
2451
|
+
pagerLabel="{{ 'Page navigation, page {currentPage} of {totalPages}' }}"
|
|
2452
|
+
|
|
2453
|
+
i18n-pagerFirstPage="kendo.treelist.pagerFirstPage|The label for the first page button in TreeList pager"
|
|
2454
|
+
pagerFirstPage="Go to the first page"
|
|
2455
|
+
|
|
2456
|
+
i18n-pagerPreviousPage="kendo.treelist.pagerPreviousPage|The label for the previous page button in TreeList pager"
|
|
2457
|
+
pagerPreviousPage="Go to the previous page"
|
|
2458
|
+
|
|
2459
|
+
i18n-pagerNextPage="kendo.treelist.pagerNextPage|The label for the next page button in TreeList pager"
|
|
2460
|
+
pagerNextPage="Go to the next page"
|
|
2461
|
+
|
|
2462
|
+
i18n-pagerLastPage="kendo.treelist.pagerLastPage|The label for the last page button in TreeList pager"
|
|
2463
|
+
pagerLastPage="Go to the last page"
|
|
2464
|
+
|
|
2465
|
+
i18n-pagerPage="kendo.treelist.pagerPage|The label before the current page number in the TreeList pager"
|
|
2466
|
+
pagerPage="Page"
|
|
2467
|
+
|
|
2468
|
+
i18n-pagerOf="kendo.treelist.pagerOf|The label before the total pages number in the TreeList pager"
|
|
2469
|
+
pagerOf="of"
|
|
2470
|
+
|
|
2471
|
+
i18n-pagerPageNumberInputTitle="kendo.treelist.pagerPageNumberInputTitle|The label for the pager input in the Treelist pager"
|
|
2472
|
+
pagerPageNumberInputTitle="Page Number"
|
|
2473
|
+
|
|
2474
|
+
i18n-pagerItemsPerPage="kendo.treelist.pagerItemsPerPage|The label for the page size chooser in the TreeList pager"
|
|
2475
|
+
pagerItemsPerPage="items per page"
|
|
2476
|
+
|
|
2477
|
+
i18n-pagerItemsTotal="kendo.treelist.pagerItemsTotal|The label after the total items count in the TreeList pager"
|
|
2478
|
+
pagerItemsTotal="items total"
|
|
2479
|
+
|
|
2480
|
+
i18n-pagerInputLabel="kendo.treelist.pagerInputLabel|The text of the aria-label attribute applied to the input element for entering the page number"
|
|
2481
|
+
pagerInputLabel="Type a page number"
|
|
2482
|
+
|
|
2483
|
+
i18n-filterCellOperatorLabel="kendo.treelist.filterCellOperatorLabel|The label of the filter cell operators dropdown"
|
|
2484
|
+
filterCellOperatorLabel="{{ 'Filter cell operators for {columnName}' }}"
|
|
2485
|
+
|
|
2486
|
+
i18n-booleanFilterCellLabel="kendo.treelist.booleanFilterCellLabel|The label of the boolean filter cell dropdown"
|
|
2487
|
+
booleanFilterCellLabel="{{ 'Boolean filter cell for {columnName}' }}"
|
|
2488
|
+
|
|
2489
|
+
i18n-filter="kendo.treelist.filter|The label of the filter cell or icon"
|
|
2490
|
+
filter="Filter"
|
|
2491
|
+
|
|
2492
|
+
i18n-filterEqOperator="kendo.treelist.filterEqOperator|The text of the equal filter operator"
|
|
2493
|
+
filterEqOperator="Is equal to"
|
|
2494
|
+
|
|
2495
|
+
i18n-filterNotEqOperator="kendo.treelist.filterNotEqOperator|The text of the not equal filter operator"
|
|
2496
|
+
filterNotEqOperator="Is not equal to"
|
|
2497
|
+
|
|
2498
|
+
i18n-filterIsNullOperator="kendo.treelist.filterIsNullOperator|The text of the is null filter operator"
|
|
2499
|
+
filterIsNullOperator="Is null"
|
|
2500
|
+
|
|
2501
|
+
i18n-filterIsNotNullOperator="kendo.treelist.filterIsNotNullOperator|The text of the is not null filter operator"
|
|
2502
|
+
filterIsNotNullOperator="Is not null"
|
|
2503
|
+
|
|
2504
|
+
i18n-filterIsEmptyOperator="kendo.treelist.filterIsEmptyOperator|The text of the is empty filter operator"
|
|
2505
|
+
filterIsEmptyOperator="Is empty"
|
|
2506
|
+
|
|
2507
|
+
i18n-filterIsNotEmptyOperator="kendo.treelist.filterIsNotEmptyOperator|The text of the is not empty filter operator"
|
|
2508
|
+
filterIsNotEmptyOperator="Is not empty"
|
|
2509
|
+
|
|
2510
|
+
i18n-filterStartsWithOperator="kendo.treelist.filterStartsWithOperator|The text of the starts with filter operator"
|
|
2511
|
+
filterStartsWithOperator="Starts with"
|
|
2512
|
+
|
|
2513
|
+
i18n-filterContainsOperator="kendo.treelist.filterContainsOperator|The text of the contains filter operator"
|
|
2514
|
+
filterContainsOperator="Contains"
|
|
2515
|
+
|
|
2516
|
+
i18n-filterNotContainsOperator="kendo.treelist.filterNotContainsOperator|The text of the does not contain filter operator"
|
|
2517
|
+
filterNotContainsOperator="Does not contain"
|
|
2518
|
+
|
|
2519
|
+
i18n-filterEndsWithOperator="kendo.treelist.filterEndsWithOperator|The text of the ends with filter operator"
|
|
2520
|
+
filterEndsWithOperator="Ends with"
|
|
2521
|
+
|
|
2522
|
+
i18n-filterGteOperator="kendo.treelist.filterGteOperator|The text of the greater than or equal filter operator"
|
|
2523
|
+
filterGteOperator="Is greater than or equal to"
|
|
2524
|
+
|
|
2525
|
+
i18n-filterGtOperator="kendo.treelist.filterGtOperator|The text of the greater than filter operator"
|
|
2526
|
+
filterGtOperator="Is greater than"
|
|
2527
|
+
|
|
2528
|
+
i18n-filterLteOperator="kendo.treelist.filterLteOperator|The text of the less than or equal filter operator"
|
|
2529
|
+
filterLteOperator="Is less than or equal to"
|
|
2530
|
+
|
|
2531
|
+
i18n-filterLtOperator="kendo.treelist.filterLtOperator|The text of the less than filter operator"
|
|
2532
|
+
filterLtOperator="Is less than"
|
|
2533
|
+
|
|
2534
|
+
i18n-filterIsTrue="kendo.treelist.filterIsTrue|The text of the IsTrue boolean filter option"
|
|
2535
|
+
filterIsTrue="Is True"
|
|
2536
|
+
|
|
2537
|
+
i18n-filterIsFalse="kendo.treelist.filterIsFalse|The text of the IsFalse boolean filter option"
|
|
2538
|
+
filterIsFalse="Is False"
|
|
2539
|
+
|
|
2540
|
+
i18n-filterBooleanAll="kendo.treelist.filterBooleanAll|The text of the (All) boolean filter option"
|
|
2541
|
+
filterBooleanAll="(All)"
|
|
2542
|
+
|
|
2543
|
+
i18n-filterAfterOrEqualOperator="kendo.treelist.filterAfterOrEqualOperator|The text of the after or equal date filter operator"
|
|
2544
|
+
filterAfterOrEqualOperator="Is after or equal to"
|
|
2545
|
+
|
|
2546
|
+
i18n-filterAfterOperator="kendo.treelist.filterAfterOperator|The text of the after date filter operator"
|
|
2547
|
+
filterAfterOperator="Is after"
|
|
2548
|
+
|
|
2549
|
+
i18n-filterBeforeOperator="kendo.treelist.filterBeforeOperator|The text of the before date filter operator"
|
|
2550
|
+
filterBeforeOperator="Is before"
|
|
2551
|
+
|
|
2552
|
+
i18n-filterBeforeOrEqualOperator="kendo.treelist.filterBeforeOrEqualOperator|The text of the before or equal date filter operator"
|
|
2553
|
+
filterBeforeOrEqualOperator="Is before or equal to"
|
|
2554
|
+
|
|
2555
|
+
i18n-filterFilterButton="kendo.treelist.filterFilterButton|The text of the filter button"
|
|
2556
|
+
filterFilterButton="Filter"
|
|
2557
|
+
|
|
2558
|
+
i18n-filterClearButton="kendo.treelist.filterClearButton|The text of the clear filter button"
|
|
2559
|
+
filterClearButton="Clear"
|
|
2560
|
+
|
|
2561
|
+
i18n-filterAndLogic="kendo.treelist.filterAndLogic|The text of the And filter logic"
|
|
2562
|
+
filterAndLogic="And"
|
|
2563
|
+
|
|
2564
|
+
i18n-filterOrLogic="kendo.treelist.filterOrLogic|The text of the Or filter logic"
|
|
2565
|
+
filterOrLogic="Or"
|
|
2566
|
+
|
|
2567
|
+
i18n-filterDateToday="kendo.treelist.filterDateToday|The text of the Today button of the Date filter."
|
|
2568
|
+
filterDateToday="TODAY"
|
|
2569
|
+
|
|
2570
|
+
i18n-filterDateToggle="kendo.treelist.filterDateToggle|The title of the Toggle button of the Date filter."
|
|
2571
|
+
filterDateToggle="Toggle Calendar"
|
|
2572
|
+
|
|
2573
|
+
i18n-filterNumericDecrement="kendo.treelist.filterNumericDecrement|The title of the Decrement button of the Numeric filter."
|
|
2574
|
+
filterNumericDecrement="Decrement"
|
|
2575
|
+
|
|
2576
|
+
i18n-filterNumericIncrement="kendo.treelist.filterNumericIncrement|The title of the Increment button of the Numeric filter."
|
|
2577
|
+
filterNumericIncrement="Increment"
|
|
2578
|
+
|
|
2579
|
+
i18n-loading="kendo.treelist.loading|The loading text"
|
|
2580
|
+
loading="Loading"
|
|
2581
|
+
|
|
2582
|
+
i18n-filterInputLabel="kendo.treelist.filterInputLabel|The label of the filter row and menu inputs"
|
|
2583
|
+
filterInputLabel="{{ '{columnName} Filter' }}"
|
|
2584
|
+
|
|
2585
|
+
i18n-filterMenuLogicDropDownLabel="kendo.treelist.filterMenuLogicDropDownLabel|The label of the filter menu logic dropdown"
|
|
2586
|
+
filterMenuLogicDropDownLabel="{{ '{columnName} Filter Logic' }}"
|
|
2587
|
+
|
|
2588
|
+
i18n-filterMenuOperatorsDropDownLabel="kendo.treelist.filterMenuOperatorsDropDownLabel|The label of the filter menu operators dropdown"
|
|
2589
|
+
filterMenuOperatorsDropDownLabel="{{ '{columnName} Filter Operators' }}"
|
|
2590
|
+
|
|
2591
|
+
i18n-filterMenuTitle="kendo.treelist.filterMenuTitle|The title of the filter menu icon"
|
|
2592
|
+
filterMenuTitle="{{ '{columnName} Filter Menu' }}"
|
|
2593
|
+
|
|
2594
|
+
i18n-columnMenu="kendo.treelist.columnMenu|The title of the column menu icon"
|
|
2595
|
+
columnMenu="{{ '{columnName} Column Menu' }}"
|
|
2596
|
+
|
|
2597
|
+
i18n-columns="kendo.treelist.columns|The text shown in the column menu for the columns item"
|
|
2598
|
+
columns="Columns"
|
|
2599
|
+
|
|
2600
|
+
i18n-lock="kendo.treelist.lock|The text shown in the column menu for the lock item"
|
|
2601
|
+
lock="Lock"
|
|
2602
|
+
|
|
2603
|
+
i18n-unlock="kendo.treelist.unlock|The text shown in the column menu for the unlock item"
|
|
2604
|
+
unlock="Unlock"
|
|
2605
|
+
|
|
2606
|
+
i18n-sortable="kendo.treelist.sortable|The label of the sort icon"
|
|
2607
|
+
sortable="Sortable"
|
|
2608
|
+
|
|
2609
|
+
i18n-sortAscending="kendo.treelist.sortAscending|The text shown in the column menu for the sort ascending item"
|
|
2610
|
+
sortAscending="Sort Ascending"
|
|
2611
|
+
|
|
2612
|
+
i18n-sortDescending="kendo.treelist.sortDescending|The text shown in the column menu for the sort descending item"
|
|
2613
|
+
sortDescending="Sort Descending"
|
|
2614
|
+
|
|
2615
|
+
i18n-sortedDefault="kendo.treelist.sortedDefault|The status announcement when a column is no longer sorted"
|
|
2616
|
+
sortedDefault="Not Sorted"
|
|
2617
|
+
|
|
2618
|
+
i18n-columnsApply="kendo.treelist.columnsApply|The text shown in the column menu or column chooser for the columns apply button"
|
|
2619
|
+
columnsApply="Apply"
|
|
2620
|
+
|
|
2621
|
+
i18n-columnsReset="kendo.treelist.columnsReset|The text shown in the column menu or column chooser for the columns reset button"
|
|
2622
|
+
columnsReset="Reset"
|
|
2623
|
+
|
|
2624
|
+
i18n-pagerSelectPage="kendo.treelist.pagerSelectPage|The text of the title and aria-label attributes applied to the page chooser in the TreeList Pager"
|
|
2625
|
+
pagerSelectPage="Select page"
|
|
2626
|
+
|
|
2627
|
+
i18n-topToolbarLabel="kendo.treelist.topToolbarLabel|The label of the TreeList top toolbar"
|
|
2628
|
+
topToolbarLabel="Top toolbar"
|
|
2629
|
+
|
|
2630
|
+
i18n-bottomToolbarLabel="kendo.treelist.bottomToolbarLabel|The label of the TreeList bottom toolbar"
|
|
2631
|
+
bottomToolbarLabel="Bottom toolbar"
|
|
2632
|
+
|
|
2633
|
+
i18n-dragRowHandleLabel="kendo.treelist.dragRowHandleLabel|The label for the TreeList drag row handle"
|
|
2634
|
+
dragRowHandleLabel="Drag row"
|
|
2635
|
+
|
|
2636
|
+
i18n-selectRowCheckboxLabel="kendo.treelist.selectRowCheckboxLabel|The label for the select row checkbox"
|
|
2637
|
+
selectRowCheckboxLabel="Select row"
|
|
2638
|
+
|
|
2639
|
+
i18n-selectAllRowsCheckboxLabel="kendo.treelist.selectAllRowsCheckboxLabel|The label for the select all rows checkbox"
|
|
2640
|
+
selectAllRowsCheckboxLabel="Select all rows"
|
|
2641
|
+
|
|
2642
|
+
i18n-autosizeAllColumns="kendo.treelist.autosizeAllColumns|The text shown in the column menu for the autosize all columns item"
|
|
2643
|
+
autosizeAllColumns="Autosize All Columns"
|
|
2644
|
+
|
|
2645
|
+
i18n-autosizeThisColumn="kendo.treelist.autosizeThisColumn|The text shown in the column menu for the autosize this column item"
|
|
2646
|
+
autosizeThisColumn="Autosize This Column"
|
|
2647
|
+
>
|
|
2625
2648
|
</ng-container>
|
|
2626
|
-
|
|
2627
|
-
|
|
2649
|
+
@if (showTopToolbar) {
|
|
2650
|
+
<kendo-treelist-toolbar
|
|
2628
2651
|
position="top"
|
|
2629
2652
|
[navigable]="navigable"
|
|
2630
2653
|
[attr.aria-label]="messageFor('topToolbarLabel')"
|
|
2631
|
-
|
|
2654
|
+
[attr.aria-controls]="ariaRootId"></kendo-treelist-toolbar>
|
|
2655
|
+
}
|
|
2632
2656
|
<ng-content select="kendo-toolbar"></ng-content>
|
|
2633
2657
|
<div #ariaRoot
|
|
2634
|
-
|
|
2635
|
-
|
|
2636
|
-
|
|
2637
|
-
|
|
2638
|
-
|
|
2639
|
-
|
|
2640
|
-
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2652
|
-
|
|
2653
|
-
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
|
|
2658
|
-
|
|
2659
|
-
|
|
2660
|
-
|
|
2661
|
-
|
|
2662
|
-
|
|
2663
|
-
|
|
2664
|
-
|
|
2665
|
-
|
|
2666
|
-
|
|
2667
|
-
[style.width.px]="lockedWidth">
|
|
2668
|
-
<table
|
|
2669
|
-
kendoTreeListResizableTable
|
|
2670
|
-
[locked]="true"
|
|
2671
|
-
role="presentation"
|
|
2672
|
-
[style.width.px]="lockedWidth"
|
|
2673
|
-
class="k-grid-header-table k-table k-table-md">
|
|
2674
|
-
<colgroup
|
|
2675
|
-
kendoTreeListColGroup
|
|
2676
|
-
[columns]="$any(lockedLeafColumns)">
|
|
2677
|
-
</colgroup>
|
|
2678
|
-
<thead kendoTreeListHeader
|
|
2679
|
-
role="rowgroup"
|
|
2680
|
-
[resizable]="resizable"
|
|
2681
|
-
[scrollable]="true"
|
|
2682
|
-
[columns]="$any(lockedColumns)"
|
|
2683
|
-
[totalColumnLevels]="totalColumnLevels"
|
|
2684
|
-
[sort]="sort"
|
|
2685
|
-
[filter]="filter"
|
|
2686
|
-
[filterable]="filterable"
|
|
2687
|
-
[reorderable]="reorderable"
|
|
2688
|
-
[sortable]="sortable"
|
|
2689
|
-
[columnMenu]="columnMenuOptions"
|
|
2690
|
-
[columnMenuTemplate]="columnMenuTemplate"
|
|
2691
|
-
[totalColumnsCount]="leafColumns.length"
|
|
2692
|
-
[totalColumns]="columnsContainer"
|
|
2693
|
-
[tabIndex]="navigation.enabled ? '-1' : '0'">
|
|
2694
|
-
</thead>
|
|
2695
|
-
</table>
|
|
2696
|
-
</div>
|
|
2697
|
-
<div #header class="k-grid-header-wrap" role="presentation" data-scrollable
|
|
2698
|
-
[kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
|
|
2699
|
-
[lockedWidth]="lockedWidth + scrollbarWidth + 2">
|
|
2700
|
-
<table
|
|
2701
|
-
role="presentation"
|
|
2702
|
-
[style.width.px]="nonLockedWidth"
|
|
2703
|
-
kendoTreeListResizableTable
|
|
2704
|
-
[virtualColumns]="virtualColumns"
|
|
2705
|
-
class="k-grid-header-table k-table k-table-md">
|
|
2706
|
-
<colgroup
|
|
2707
|
-
kendoTreeListColGroup
|
|
2708
|
-
[columns]="headerLeafColumns">
|
|
2709
|
-
</colgroup>
|
|
2710
|
-
<thead kendoTreeListHeader
|
|
2711
|
-
[resizable]="resizable"
|
|
2712
|
-
role="rowgroup"
|
|
2713
|
-
[scrollable]="true"
|
|
2714
|
-
[columns]="headerColumns"
|
|
2715
|
-
[totalColumnLevels]="totalColumnLevels"
|
|
2716
|
-
[sort]="sort"
|
|
2717
|
-
[filter]="filter"
|
|
2718
|
-
[filterable]="filterable"
|
|
2719
|
-
[reorderable]="reorderable"
|
|
2720
|
-
[sortable]="sortable"
|
|
2721
|
-
[columnMenu]="columnMenuOptions"
|
|
2722
|
-
[columnMenuTemplate]="columnMenuTemplate"
|
|
2723
|
-
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
2724
|
-
[totalColumnsCount]="leafColumns.length"
|
|
2725
|
-
[totalColumns]="columnsContainer"
|
|
2726
|
-
[tabIndex]="navigation.enabled ? '-1' : '0'">
|
|
2727
|
-
</thead>
|
|
2728
|
-
</table>
|
|
2729
|
-
<div *ngIf="virtualColumns" class="k-width-container" role="presentation">
|
|
2730
|
-
<div [style.width.px]="columnsContainer.unlockedWidth"></div>
|
|
2731
|
-
</div>
|
|
2732
|
-
</div>
|
|
2733
|
-
</div>
|
|
2734
|
-
<kendo-treelist-list
|
|
2735
|
-
[view]="view"
|
|
2736
|
-
[loading]="showLoading"
|
|
2737
|
-
[rowHeight]="rowHeight"
|
|
2738
|
-
[total]="totalCount"
|
|
2739
|
-
[take]="pageSize"
|
|
2740
|
-
[skip]="skip"
|
|
2741
|
-
[trackBy]="trackBy"
|
|
2742
|
-
[columns]="columnsContainer"
|
|
2743
|
-
[filterable]="filterable"
|
|
2744
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
2745
|
-
(pageChange)="notifyPageChange('list', $event)"
|
|
2746
|
-
[rowClass]="rowClass"
|
|
2747
|
-
[isVirtual]="isVirtual"
|
|
2748
|
-
[virtualColumns]="virtualColumns"
|
|
2749
|
-
[expandIcons]="expandIcons"
|
|
2750
|
-
(scrollBottom)="notifyScrollBottom()"
|
|
2751
|
-
(contentScroll)="contentScroll.emit($event)"
|
|
2752
|
-
kendoDraggable
|
|
2753
|
-
kendoTreeListSelectionMarquee
|
|
2754
|
-
[enableDrag]="marqueeSelection">
|
|
2755
|
-
</kendo-treelist-list>
|
|
2756
|
-
</ng-template>
|
|
2757
|
-
<ng-template [ngIf]="!isScrollable">
|
|
2758
|
-
<table
|
|
2759
|
-
class="k-table k-table-md k-grid-header-table"
|
|
2658
|
+
class="k-grid-aria-root"
|
|
2659
|
+
role="treegrid"
|
|
2660
|
+
[id]="ariaRootId"
|
|
2661
|
+
[attr.aria-rowcount]="ariaRowCount"
|
|
2662
|
+
[attr.aria-colcount]="ariaColCount"
|
|
2663
|
+
[attr.aria-multiselectable]="ariaMultiselectable"
|
|
2664
|
+
[attr.aria-label]="ariaLabel"
|
|
2665
|
+
kendoDragTargetContainer
|
|
2666
|
+
kendoDropTargetContainer
|
|
2667
|
+
mode="manual"
|
|
2668
|
+
[dragDisabled]="!rowReorderable"
|
|
2669
|
+
[dropDisabled]="!rowReorderable"
|
|
2670
|
+
[dragTargetFilter]="getDefaultSelectors('dragTarget')"
|
|
2671
|
+
[dropTargetFilter]="getDefaultSelectors('dropTarget')"
|
|
2672
|
+
[dragHandle]="getDefaultSelectors('handle')"
|
|
2673
|
+
[hint]="{hintTemplate: defaultHint}"
|
|
2674
|
+
(onPress)="handleReorderEvents($event, 'press')"
|
|
2675
|
+
(onDragStart)="handleReorderEvents($event, 'dragStart')"
|
|
2676
|
+
(onDrag)="handleReorderEvents($event, 'drag')"
|
|
2677
|
+
(onDragEnter)="handleReorderEvents($event, 'dragEnter')"
|
|
2678
|
+
(onDragLeave)="handleReorderEvents($event, 'dragLeave')"
|
|
2679
|
+
(onDragEnd)="handleReorderEvents($event, 'dragEnd')"
|
|
2680
|
+
(onDrop)="handleReorderEvents($event, 'drop')"
|
|
2681
|
+
[dragData]="treeListData">
|
|
2682
|
+
@if (isScrollable) {
|
|
2683
|
+
@if (!hideHeader) {
|
|
2684
|
+
<div
|
|
2685
|
+
class="k-grid-header"
|
|
2686
|
+
role="presentation"
|
|
2687
|
+
[style.padding]="headerPadding">
|
|
2688
|
+
@if (isLocked) {
|
|
2689
|
+
<div
|
|
2690
|
+
#lockedHeader
|
|
2760
2691
|
role="presentation"
|
|
2761
|
-
|
|
2762
|
-
|
|
2763
|
-
<
|
|
2692
|
+
class="k-grid-header-locked"
|
|
2693
|
+
[style.width.px]="lockedWidth">
|
|
2694
|
+
<table
|
|
2695
|
+
kendoTreeListResizableTable
|
|
2696
|
+
[locked]="true"
|
|
2697
|
+
role="presentation"
|
|
2698
|
+
[style.width.px]="lockedWidth"
|
|
2699
|
+
class="k-grid-header-table k-table k-table-md">
|
|
2700
|
+
<colgroup
|
|
2764
2701
|
kendoTreeListColGroup
|
|
2765
|
-
[columns]="$any(
|
|
2702
|
+
[columns]="$any(lockedLeafColumns)">
|
|
2766
2703
|
</colgroup>
|
|
2767
2704
|
<thead kendoTreeListHeader
|
|
2768
|
-
|
|
2769
|
-
|
|
2770
|
-
|
|
2771
|
-
|
|
2772
|
-
|
|
2773
|
-
|
|
2774
|
-
|
|
2775
|
-
|
|
2776
|
-
|
|
2777
|
-
|
|
2778
|
-
|
|
2779
|
-
|
|
2780
|
-
|
|
2781
|
-
|
|
2782
|
-
|
|
2705
|
+
role="rowgroup"
|
|
2706
|
+
[resizable]="resizable"
|
|
2707
|
+
[scrollable]="true"
|
|
2708
|
+
[columns]="$any(lockedColumns)"
|
|
2709
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2710
|
+
[sort]="sort"
|
|
2711
|
+
[filter]="filter"
|
|
2712
|
+
[filterable]="filterable"
|
|
2713
|
+
[reorderable]="reorderable"
|
|
2714
|
+
[sortable]="sortable"
|
|
2715
|
+
[columnMenu]="columnMenuOptions"
|
|
2716
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2717
|
+
[totalColumnsCount]="leafColumns.length"
|
|
2718
|
+
[totalColumns]="columnsContainer"
|
|
2719
|
+
[tabIndex]="navigation.enabled ? '-1' : '0'">
|
|
2783
2720
|
</thead>
|
|
2784
|
-
|
|
2785
|
-
[view]="view"
|
|
2786
|
-
[skip]="skip"
|
|
2787
|
-
[columns]="$any(leafColumns)"
|
|
2788
|
-
[filterable]="filterable"
|
|
2789
|
-
[noRecordsTemplate]="noRecordsTemplate"
|
|
2790
|
-
[trackBy]="trackBy"
|
|
2791
|
-
[rowClass]="rowClass"
|
|
2792
|
-
[expandIcons]="expandIcons"
|
|
2793
|
-
kendoDraggable
|
|
2794
|
-
kendoTreeListSelectionMarquee
|
|
2795
|
-
[enableDrag]="marqueeSelection">
|
|
2796
|
-
</tbody>
|
|
2797
|
-
</table>
|
|
2798
|
-
<div *ngIf="showLoading" kendoTreeListLoading>
|
|
2721
|
+
</table>
|
|
2799
2722
|
</div>
|
|
2800
|
-
|
|
2723
|
+
}
|
|
2724
|
+
<div #header class="k-grid-header-wrap" role="presentation" data-scrollable
|
|
2725
|
+
[kendoTreeListResizableContainer]="lockedLeafColumns.length > 0"
|
|
2726
|
+
[lockedWidth]="lockedWidth + scrollbarWidth + 2">
|
|
2727
|
+
<table
|
|
2728
|
+
role="presentation"
|
|
2729
|
+
[style.width.px]="nonLockedWidth"
|
|
2730
|
+
kendoTreeListResizableTable
|
|
2731
|
+
[virtualColumns]="virtualColumns"
|
|
2732
|
+
class="k-grid-header-table k-table k-table-md">
|
|
2733
|
+
<colgroup
|
|
2734
|
+
kendoTreeListColGroup
|
|
2735
|
+
[columns]="headerLeafColumns">
|
|
2736
|
+
</colgroup>
|
|
2737
|
+
<thead kendoTreeListHeader
|
|
2738
|
+
[resizable]="resizable"
|
|
2739
|
+
role="rowgroup"
|
|
2740
|
+
[scrollable]="true"
|
|
2741
|
+
[columns]="headerColumns"
|
|
2742
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2743
|
+
[sort]="sort"
|
|
2744
|
+
[filter]="filter"
|
|
2745
|
+
[filterable]="filterable"
|
|
2746
|
+
[reorderable]="reorderable"
|
|
2747
|
+
[sortable]="sortable"
|
|
2748
|
+
[columnMenu]="columnMenuOptions"
|
|
2749
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2750
|
+
[lockedColumnsCount]="lockedLeafColumns.length"
|
|
2751
|
+
[totalColumnsCount]="leafColumns.length"
|
|
2752
|
+
[totalColumns]="columnsContainer"
|
|
2753
|
+
[tabIndex]="navigation.enabled ? '-1' : '0'">
|
|
2754
|
+
</thead>
|
|
2755
|
+
</table>
|
|
2756
|
+
@if (virtualColumns) {
|
|
2757
|
+
<div class="k-width-container" role="presentation">
|
|
2758
|
+
<div [style.width.px]="columnsContainer.unlockedWidth"></div>
|
|
2759
|
+
</div>
|
|
2760
|
+
}
|
|
2761
|
+
</div>
|
|
2762
|
+
</div>
|
|
2763
|
+
}
|
|
2764
|
+
<kendo-treelist-list
|
|
2765
|
+
[view]="view"
|
|
2766
|
+
[loading]="showLoading"
|
|
2767
|
+
[rowHeight]="rowHeight"
|
|
2768
|
+
[total]="totalCount"
|
|
2769
|
+
[take]="pageSize"
|
|
2770
|
+
[skip]="skip"
|
|
2771
|
+
[trackBy]="trackBy"
|
|
2772
|
+
[columns]="columnsContainer"
|
|
2773
|
+
[filterable]="filterable"
|
|
2774
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
2775
|
+
(pageChange)="notifyPageChange('list', $event)"
|
|
2776
|
+
[rowClass]="rowClass"
|
|
2777
|
+
[isVirtual]="isVirtual"
|
|
2778
|
+
[virtualColumns]="virtualColumns"
|
|
2779
|
+
[expandIcons]="expandIcons"
|
|
2780
|
+
(scrollBottom)="notifyScrollBottom()"
|
|
2781
|
+
(contentScroll)="contentScroll.emit($event)"
|
|
2782
|
+
kendoDraggable
|
|
2783
|
+
kendoTreeListSelectionMarquee
|
|
2784
|
+
[enableDrag]="marqueeSelection">
|
|
2785
|
+
</kendo-treelist-list>
|
|
2786
|
+
}
|
|
2787
|
+
@if (!isScrollable) {
|
|
2788
|
+
<table
|
|
2789
|
+
class="k-table k-table-md k-grid-header-table"
|
|
2790
|
+
role="presentation"
|
|
2791
|
+
[style.table-layout]="resizable ? 'fixed' : null"
|
|
2792
|
+
kendoTreeListResizableTable>
|
|
2793
|
+
<colgroup
|
|
2794
|
+
kendoTreeListColGroup
|
|
2795
|
+
[columns]="$any(leafColumns)">
|
|
2796
|
+
</colgroup>
|
|
2797
|
+
@if (!hideHeader) {
|
|
2798
|
+
<thead kendoTreeListHeader
|
|
2799
|
+
role="rowgroup"
|
|
2800
|
+
[resizable]="resizable"
|
|
2801
|
+
[scrollable]="false"
|
|
2802
|
+
[columns]="$any(visibleColumns)"
|
|
2803
|
+
[totalColumnLevels]="totalColumnLevels"
|
|
2804
|
+
[reorderable]="reorderable"
|
|
2805
|
+
[sort]="sort"
|
|
2806
|
+
[sortable]="sortable"
|
|
2807
|
+
[filter]="filter"
|
|
2808
|
+
[filterable]="filterable"
|
|
2809
|
+
[columnMenu]="columnMenuOptions"
|
|
2810
|
+
[columnMenuTemplate]="columnMenuTemplate"
|
|
2811
|
+
[totalColumns]="columnsContainer"
|
|
2812
|
+
[tabIndex]="navigation.enabled ? '-1' : '0'">
|
|
2813
|
+
</thead>
|
|
2814
|
+
}
|
|
2815
|
+
<tbody kendoTreeListTableBody
|
|
2816
|
+
[view]="view"
|
|
2817
|
+
[skip]="skip"
|
|
2818
|
+
[columns]="$any(leafColumns)"
|
|
2819
|
+
[filterable]="filterable"
|
|
2820
|
+
[noRecordsTemplate]="noRecordsTemplate"
|
|
2821
|
+
[trackBy]="trackBy"
|
|
2822
|
+
[rowClass]="rowClass"
|
|
2823
|
+
[expandIcons]="expandIcons"
|
|
2824
|
+
kendoDraggable
|
|
2825
|
+
kendoTreeListSelectionMarquee
|
|
2826
|
+
[enableDrag]="marqueeSelection">
|
|
2827
|
+
</tbody>
|
|
2828
|
+
</table>
|
|
2829
|
+
@if (showLoading) {
|
|
2830
|
+
<div kendoTreeListLoading>
|
|
2831
|
+
</div>
|
|
2832
|
+
}
|
|
2833
|
+
}
|
|
2801
2834
|
</div>
|
|
2802
|
-
|
|
2835
|
+
@if (showPager) {
|
|
2836
|
+
<kendo-pager
|
|
2803
2837
|
#pager
|
|
2804
|
-
*ngIf="showPager"
|
|
2805
2838
|
class="k-grid-pager"
|
|
2806
2839
|
[navigable]="navigable"
|
|
2807
2840
|
[pageSize]="pageSize"
|
|
@@ -2818,79 +2851,90 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2818
2851
|
(pageTextVisibilityChange)="handlePagerVisibilityChange('showPagerPageText', $event)"
|
|
2819
2852
|
(itemsTextVisibilityChange)="handlePagerVisibilityChange('showPagerItemsText', $event)">
|
|
2820
2853
|
<ng-template kendoPagerTemplate>
|
|
2821
|
-
|
|
2822
|
-
|
|
2823
|
-
|
|
2854
|
+
<ng-container
|
|
2855
|
+
[ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
|
|
2856
|
+
[ngTemplateOutletContext]="pager.templateContext"></ng-container>
|
|
2824
2857
|
</ng-template>
|
|
2825
2858
|
<kendo-pager-messages
|
|
2826
|
-
|
|
2827
|
-
|
|
2828
|
-
|
|
2829
|
-
|
|
2830
|
-
|
|
2831
|
-
|
|
2832
|
-
|
|
2833
|
-
|
|
2834
|
-
|
|
2835
|
-
|
|
2836
|
-
|
|
2837
|
-
|
|
2859
|
+
[ariaLabel]="messageFor('pagerLabel')"
|
|
2860
|
+
[firstPage]="messageFor('pagerFirstPage')"
|
|
2861
|
+
[inputLabel]="messageFor('pagerInputLabel')"
|
|
2862
|
+
[previousPage]="messageFor('pagerPreviousPage')"
|
|
2863
|
+
[nextPage]="messageFor('pagerNextPage')"
|
|
2864
|
+
[lastPage]="messageFor('pagerLastPage')"
|
|
2865
|
+
[selectPage]="messageFor('pagerSelectPage')"
|
|
2866
|
+
[page]="messageFor('pagerPage')"
|
|
2867
|
+
[itemsPerPage]="messageFor('pagerItemsPerPage')"
|
|
2868
|
+
[items]="messageFor('pagerItems')"
|
|
2869
|
+
[of]="messageFor('pagerOf')"
|
|
2870
|
+
[pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
|
|
2838
2871
|
</kendo-pager-messages>
|
|
2839
|
-
|
|
2840
|
-
|
|
2841
|
-
|
|
2872
|
+
</kendo-pager>
|
|
2873
|
+
}
|
|
2874
|
+
@if (showBottomToolbar) {
|
|
2875
|
+
<kendo-treelist-toolbar
|
|
2842
2876
|
class="k-grid-toolbar-bottom"
|
|
2843
2877
|
position="bottom"
|
|
2844
2878
|
[navigable]="navigable"
|
|
2845
2879
|
[attr.aria-label]="messageFor('bottomToolbarLabel')"
|
|
2846
2880
|
[attr.aria-controls]="ariaRootId">
|
|
2847
|
-
|
|
2848
|
-
|
|
2881
|
+
</kendo-treelist-toolbar>
|
|
2882
|
+
}
|
|
2883
|
+
|
|
2849
2884
|
<ng-template #defaultHint>
|
|
2850
|
-
|
|
2851
|
-
|
|
2852
|
-
|
|
2853
|
-
|
|
2854
|
-
|
|
2855
|
-
|
|
2885
|
+
<kendo-icon-wrapper
|
|
2886
|
+
[name]="getHintSettings('hintIcon')"
|
|
2887
|
+
[svgIcon]="getHintSettings('hintSVGIcon')"
|
|
2888
|
+
innerCssClass="k-drag-status">
|
|
2889
|
+
</kendo-icon-wrapper>
|
|
2890
|
+
{{hintText}}
|
|
2856
2891
|
</ng-template>
|
|
2857
|
-
|
|
2892
|
+
|
|
2858
2893
|
<ng-template #defaultPager>
|
|
2859
|
-
|
|
2860
|
-
|
|
2861
|
-
|
|
2862
|
-
|
|
2863
|
-
|
|
2864
|
-
|
|
2865
|
-
|
|
2866
|
-
|
|
2867
|
-
|
|
2868
|
-
|
|
2869
|
-
|
|
2870
|
-
|
|
2894
|
+
<div class="k-pager-numbers-wrap">
|
|
2895
|
+
@if (normalizedPageableSettings.previousNext) {
|
|
2896
|
+
<kendo-pager-prev-buttons></kendo-pager-prev-buttons>
|
|
2897
|
+
}
|
|
2898
|
+
@if (normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0) {
|
|
2899
|
+
<kendo-pager-numeric-buttons
|
|
2900
|
+
[buttonCount]="normalizedPageableSettings.buttonCount">
|
|
2901
|
+
</kendo-pager-numeric-buttons>
|
|
2902
|
+
}
|
|
2903
|
+
@if (normalizedPageableSettings.type === 'input' || showPagerInput) {
|
|
2904
|
+
<kendo-pager-input [showPageText]="showPagerPageText"></kendo-pager-input>
|
|
2905
|
+
}
|
|
2906
|
+
@if (normalizedPageableSettings.previousNext) {
|
|
2907
|
+
<kendo-pager-next-buttons></kendo-pager-next-buttons>
|
|
2908
|
+
}
|
|
2909
|
+
</div>
|
|
2910
|
+
@if (normalizedPageableSettings.pageSizes) {
|
|
2911
|
+
<kendo-pager-page-sizes
|
|
2912
|
+
[pageSizes]="normalizedPageableSettings.pageSizes"
|
|
2913
|
+
[showItemsText]="showPagerItemsText">
|
|
2871
2914
|
</kendo-pager-page-sizes>
|
|
2872
|
-
|
|
2915
|
+
}
|
|
2916
|
+
@if (normalizedPageableSettings.info) {
|
|
2917
|
+
<kendo-pager-info>
|
|
2873
2918
|
</kendo-pager-info>
|
|
2874
|
-
|
|
2875
|
-
|
|
2876
|
-
|
|
2877
|
-
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
|
|
2881
|
-
|
|
2882
|
-
|
|
2883
|
-
|
|
2884
|
-
|
|
2885
|
-
|
|
2886
|
-
|
|
2887
|
-
|
|
2919
|
+
}
|
|
2920
|
+
<kendo-pager-messages
|
|
2921
|
+
[ariaLabel]="messageFor('pagerLabel')"
|
|
2922
|
+
[firstPage]="messageFor('pagerFirstPage')"
|
|
2923
|
+
[inputLabel]="messageFor('pagerInputLabel')"
|
|
2924
|
+
[previousPage]="messageFor('pagerPreviousPage')"
|
|
2925
|
+
[nextPage]="messageFor('pagerNextPage')"
|
|
2926
|
+
[lastPage]="messageFor('pagerLastPage')"
|
|
2927
|
+
[selectPage]="messageFor('pagerSelectPage')"
|
|
2928
|
+
[page]="messageFor('pagerPage')"
|
|
2929
|
+
[itemsPerPage]="messageFor('pagerItemsPerPage')"
|
|
2930
|
+
[items]="messageFor('pagerItems')"
|
|
2931
|
+
[of]="messageFor('pagerOf')"
|
|
2932
|
+
[pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
|
|
2933
|
+
</kendo-pager-messages>
|
|
2888
2934
|
</ng-template>
|
|
2889
|
-
|
|
2935
|
+
`,
|
|
2890
2936
|
standalone: true,
|
|
2891
|
-
imports: [LocalizedMessagesDirective,
|
|
2892
|
-
TableDirective, ColGroupComponent, HeaderComponent, ResizableContainerDirective, ListComponent, DraggableDirective, MarqueeDirective,
|
|
2893
|
-
TableBodyComponent, LoadingComponent, ...KENDO_PAGER, IconWrapperComponent]
|
|
2937
|
+
imports: [LocalizedMessagesDirective, NgTemplateOutlet, ToolbarComponent, DragTargetContainerDirective, DropTargetContainerDirective, TableDirective, ColGroupComponent, HeaderComponent, ResizableContainerDirective, ListComponent, DraggableDirective, MarqueeDirective, TableBodyComponent, LoadingComponent, ...KENDO_PAGER, IconWrapperComponent]
|
|
2894
2938
|
}]
|
|
2895
2939
|
}], ctorParameters: () => [{ 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 }, { type: i21.RowReorderService }], propDecorators: { ariaLabel: [{
|
|
2896
2940
|
type: Input,
|