@progress/kendo-angular-treelist 19.0.0-develop.8 → 19.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/esm2022/package-metadata.mjs +2 -2
  2. package/esm2022/treelist.component.mjs +63 -29
  3. package/fesm2022/progress-kendo-angular-treelist.mjs +65 -31
  4. package/package.json +18 -18
  5. package/schematics/ngAdd/index.js +3 -3
  6. package/treelist.component.d.ts +17 -14
package/esm2022/package-metadata.mjs CHANGED
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1746081338,
14
- version: '19.0.0-develop.8',
13
+ publishDate: 1748362543,
14
+ version: '19.0.0',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
package/esm2022/treelist.component.mjs CHANGED
@@ -263,6 +263,39 @@ export class TreeListComponent {
263
263
  get showPager() {
264
264
  return !this.isVirtual && this.pageable !== false;
265
265
  }
266
+ get showPagerInput() {
267
+ return this._showPagerInput;
268
+ }
269
+ set showPagerInput(value) {
270
+ if (this._showPagerInput === value) {
271
+ return;
272
+ }
273
+ this._showPagerInput = value;
274
+ }
275
+ get showPagerPageText() {
276
+ return this._showPagerPageText;
277
+ }
278
+ set showPagerPageText(value) {
279
+ if (!this.normalizedPageableSettings?.responsive) {
280
+ this._showPagerPageText = true;
281
+ }
282
+ if (this._showPagerPageText === value) {
283
+ return;
284
+ }
285
+ this._showPagerPageText = value;
286
+ }
287
+ get showPagerItemsText() {
288
+ return this._showPagerItemsText;
289
+ }
290
+ set showPagerItemsText(value) {
291
+ if (!this.normalizedPageableSettings?.responsive) {
292
+ this._showPagerItemsText = true;
293
+ }
294
+ if (this._showPagerItemsText === value) {
295
+ return;
296
+ }
297
+ this._showPagerItemsText = value;
298
+ }
266
299
  get marqueeSelection() {
267
300
  return this.selectionService.enableMarquee;
268
301
  }
@@ -283,25 +316,11 @@ export class TreeListComponent {
283
316
  return normalize(this.pageable);
284
317
  }
285
318
  /**
286
- * If set to `true`, the user can use dedicated shortcuts to interact with the TreeList.
287
- * By default, navigation is disabled and the TreeList content is accessible in the normal tab sequence.
288
- * @default false
319
+ * When the keyboard navigation is enabled, the user can use dedicated shortcuts to interact with the Grid.
320
+ * By default, navigation is enabled. To disable it altogether, and include the TreeList content in the normal tab sequence, set the property to `false`.
321
+ * @default true
289
322
  */
290
- navigable = false;
291
- /**
292
- * @hidden
293
- *
294
- * An alias for `navigable` for users who migrate from Kendo UI for jQuery.
295
- */
296
- set navigatable(value) {
297
- this.navigable = value;
298
- }
299
- /**
300
- * @hidden
301
- */
302
- get navigatable() {
303
- return this.navigable;
304
- }
323
+ navigable = true;
305
324
  /**
306
325
  * Indicates whether the TreeList columns will be resized during initialization so that
307
326
  * they fit their headers and row content. Defaults to `false`.
@@ -753,6 +772,9 @@ export class TreeListComponent {
753
772
  viewportColumns;
754
773
  pageChangeTimeout;
755
774
  _rowReorderable = false;
775
+ _showPagerInput = true;
776
+ _showPagerPageText = true;
777
+ _showPagerItemsText = true;
756
778
  constructor(supportService, wrapper, changeNotification, editService, filterService, pdfService, responsiveService, renderer, excelService, ngZone, scrollSyncService, domEvents, columnResizingService, changeDetectorRef, columnReorderService, columnInfoService, navigationService, sortService, scrollRequestService, expandStateService, optionChanges, selectionService, localization, ctx, rowReorderService) {
757
779
  this.supportService = supportService;
758
780
  this.wrapper = wrapper;
@@ -1189,6 +1211,12 @@ export class TreeListComponent {
1189
1211
  this.changeDetectorRef.markForCheck();
1190
1212
  this.pageChange.emit(event);
1191
1213
  }
1214
+ /**
1215
+ * @hidden
1216
+ */
1217
+ handlePagerVisibilityChange(prop, ev) {
1218
+ this[prop] = ev;
1219
+ }
1192
1220
  /**
1193
1221
  * @hidden
1194
1222
  */
@@ -1697,7 +1725,7 @@ export class TreeListComponent {
1697
1725
  }
1698
1726
  assertNavigable() {
1699
1727
  if (isDevMode() && !this.navigable) {
1700
- throw new Error('The TreeList should be configured as [navigable]="true" to control focus');
1728
+ throw new Error('The TreeList should be navigable to control focus');
1701
1729
  }
1702
1730
  }
1703
1731
  _rowClass = () => null;
@@ -1785,7 +1813,7 @@ export class TreeListComponent {
1785
1813
  this.dropTargetContainer?.notify();
1786
1814
  }
1787
1815
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", 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 });
1788
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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", navigatable: "navigatable", 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: [
1816
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: [
1789
1817
  BrowserSupportService,
1790
1818
  LocalizationService,
1791
1819
  ColumnInfoService,
@@ -2223,7 +2251,10 @@ export class TreeListComponent {
2223
2251
  [pageSizeValues]="normalizedPageableSettings.pageSizes"
2224
2252
  [previousNext]="normalizedPageableSettings.previousNext"
2225
2253
  [type]="normalizedPageableSettings.type"
2226
- (pageChange)="notifyPageChange('pager', $event)">
2254
+ (pageChange)="notifyPageChange('pager', $event)"
2255
+ (pagerInputVisibilityChange)="handlePagerVisibilityChange('showPagerInput', $event)"
2256
+ (pageTextVisibilityChange)="handlePagerVisibilityChange('showPagerPageText', $event)"
2257
+ (itemsTextVisibilityChange)="handlePagerVisibilityChange('showPagerItemsText', $event)">
2227
2258
  <ng-template kendoPagerTemplate>
2228
2259
  <ng-container
2229
2260
  [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
@@ -2269,11 +2300,12 @@ export class TreeListComponent {
2269
2300
  *ngIf="normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0"
2270
2301
  [buttonCount]="normalizedPageableSettings.buttonCount">
2271
2302
  </kendo-pager-numeric-buttons>
2272
- <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input'"></kendo-pager-input>
2303
+ <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input' || showPagerInput" [showPageText]="showPagerPageText"></kendo-pager-input>
2273
2304
  <kendo-pager-next-buttons *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-next-buttons>
2274
2305
  </div>
2275
2306
  <kendo-pager-page-sizes *ngIf="normalizedPageableSettings.pageSizes"
2276
- [pageSizes]="normalizedPageableSettings.pageSizes">
2307
+ [pageSizes]="normalizedPageableSettings.pageSizes"
2308
+ [showItemsText]="showPagerItemsText">
2277
2309
  </kendo-pager-page-sizes>
2278
2310
  <kendo-pager-info *ngIf="normalizedPageableSettings.info">
2279
2311
  </kendo-pager-info>
@@ -2292,7 +2324,7 @@ export class TreeListComponent {
2292
2324
  [pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
2293
2325
  </kendo-pager-messages>
2294
2326
  </ng-template>
2295
- `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTreeListLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: ["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: ["pageSizes", "size"] }, { 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"], outputs: ["pageChange", "pageSizeChange"], 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 });
2327
+ `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTreeListLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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 });
2296
2328
  }
2297
2329
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListComponent, decorators: [{
2298
2330
  type: Component,
@@ -2740,7 +2772,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2740
2772
  [pageSizeValues]="normalizedPageableSettings.pageSizes"
2741
2773
  [previousNext]="normalizedPageableSettings.previousNext"
2742
2774
  [type]="normalizedPageableSettings.type"
2743
- (pageChange)="notifyPageChange('pager', $event)">
2775
+ (pageChange)="notifyPageChange('pager', $event)"
2776
+ (pagerInputVisibilityChange)="handlePagerVisibilityChange('showPagerInput', $event)"
2777
+ (pageTextVisibilityChange)="handlePagerVisibilityChange('showPagerPageText', $event)"
2778
+ (itemsTextVisibilityChange)="handlePagerVisibilityChange('showPagerItemsText', $event)">
2744
2779
  <ng-template kendoPagerTemplate>
2745
2780
  <ng-container
2746
2781
  [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
@@ -2786,11 +2821,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2786
2821
  *ngIf="normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0"
2787
2822
  [buttonCount]="normalizedPageableSettings.buttonCount">
2788
2823
  </kendo-pager-numeric-buttons>
2789
- <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input'"></kendo-pager-input>
2824
+ <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input' || showPagerInput" [showPageText]="showPagerPageText"></kendo-pager-input>
2790
2825
  <kendo-pager-next-buttons *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-next-buttons>
2791
2826
  </div>
2792
2827
  <kendo-pager-page-sizes *ngIf="normalizedPageableSettings.pageSizes"
2793
- [pageSizes]="normalizedPageableSettings.pageSizes">
2828
+ [pageSizes]="normalizedPageableSettings.pageSizes"
2829
+ [showItemsText]="showPagerItemsText">
2794
2830
  </kendo-pager-page-sizes>
2795
2831
  <kendo-pager-info *ngIf="normalizedPageableSettings.info">
2796
2832
  </kendo-pager-info>
@@ -2846,8 +2882,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2846
2882
  type: Input
2847
2883
  }], navigable: [{
2848
2884
  type: Input
2849
- }], navigatable: [{
2850
- type: Input
2851
2885
  }], autoSize: [{
2852
2886
  type: Input
2853
2887
  }], rowClass: [{
package/fesm2022/progress-kendo-angular-treelist.mjs CHANGED
@@ -49,8 +49,8 @@ const packageMetadata = {
49
49
  productName: 'Kendo UI for Angular',
50
50
  productCode: 'KENDOUIANGULAR',
51
51
  productCodes: ['KENDOUIANGULAR'],
52
- publishDate: 1746081338,
53
- version: '19.0.0-develop.8',
52
+ publishDate: 1748362543,
53
+ version: '19.0.0',
54
54
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
55
55
  };
56
56
 
@@ -16367,6 +16367,39 @@ class TreeListComponent {
16367
16367
  get showPager() {
16368
16368
  return !this.isVirtual && this.pageable !== false;
16369
16369
  }
16370
+ get showPagerInput() {
16371
+ return this._showPagerInput;
16372
+ }
16373
+ set showPagerInput(value) {
16374
+ if (this._showPagerInput === value) {
16375
+ return;
16376
+ }
16377
+ this._showPagerInput = value;
16378
+ }
16379
+ get showPagerPageText() {
16380
+ return this._showPagerPageText;
16381
+ }
16382
+ set showPagerPageText(value) {
16383
+ if (!this.normalizedPageableSettings?.responsive) {
16384
+ this._showPagerPageText = true;
16385
+ }
16386
+ if (this._showPagerPageText === value) {
16387
+ return;
16388
+ }
16389
+ this._showPagerPageText = value;
16390
+ }
16391
+ get showPagerItemsText() {
16392
+ return this._showPagerItemsText;
16393
+ }
16394
+ set showPagerItemsText(value) {
16395
+ if (!this.normalizedPageableSettings?.responsive) {
16396
+ this._showPagerItemsText = true;
16397
+ }
16398
+ if (this._showPagerItemsText === value) {
16399
+ return;
16400
+ }
16401
+ this._showPagerItemsText = value;
16402
+ }
16370
16403
  get marqueeSelection() {
16371
16404
  return this.selectionService.enableMarquee;
16372
16405
  }
@@ -16387,25 +16420,11 @@ class TreeListComponent {
16387
16420
  return normalize(this.pageable);
16388
16421
  }
16389
16422
  /**
16390
- * If set to `true`, the user can use dedicated shortcuts to interact with the TreeList.
16391
- * By default, navigation is disabled and the TreeList content is accessible in the normal tab sequence.
16392
- * @default false
16393
- */
16394
- navigable = false;
16395
- /**
16396
- * @hidden
16397
- *
16398
- * An alias for `navigable` for users who migrate from Kendo UI for jQuery.
16399
- */
16400
- set navigatable(value) {
16401
- this.navigable = value;
16402
- }
16403
- /**
16404
- * @hidden
16423
+ * When the keyboard navigation is enabled, the user can use dedicated shortcuts to interact with the Grid.
16424
+ * By default, navigation is enabled. To disable it altogether, and include the TreeList content in the normal tab sequence, set the property to `false`.
16425
+ * @default true
16405
16426
  */
16406
- get navigatable() {
16407
- return this.navigable;
16408
- }
16427
+ navigable = true;
16409
16428
  /**
16410
16429
  * Indicates whether the TreeList columns will be resized during initialization so that
16411
16430
  * they fit their headers and row content. Defaults to `false`.
@@ -16857,6 +16876,9 @@ class TreeListComponent {
16857
16876
  viewportColumns;
16858
16877
  pageChangeTimeout;
16859
16878
  _rowReorderable = false;
16879
+ _showPagerInput = true;
16880
+ _showPagerPageText = true;
16881
+ _showPagerItemsText = true;
16860
16882
  constructor(supportService, wrapper, changeNotification, editService, filterService, pdfService, responsiveService, renderer, excelService, ngZone, scrollSyncService, domEvents, columnResizingService, changeDetectorRef, columnReorderService, columnInfoService, navigationService, sortService, scrollRequestService, expandStateService, optionChanges, selectionService, localization, ctx, rowReorderService) {
16861
16883
  this.supportService = supportService;
16862
16884
  this.wrapper = wrapper;
@@ -17293,6 +17315,12 @@ class TreeListComponent {
17293
17315
  this.changeDetectorRef.markForCheck();
17294
17316
  this.pageChange.emit(event);
17295
17317
  }
17318
+ /**
17319
+ * @hidden
17320
+ */
17321
+ handlePagerVisibilityChange(prop, ev) {
17322
+ this[prop] = ev;
17323
+ }
17296
17324
  /**
17297
17325
  * @hidden
17298
17326
  */
@@ -17801,7 +17829,7 @@ class TreeListComponent {
17801
17829
  }
17802
17830
  assertNavigable() {
17803
17831
  if (isDevMode() && !this.navigable) {
17804
- throw new Error('The TreeList should be configured as [navigable]="true" to control focus');
17832
+ throw new Error('The TreeList should be navigable to control focus');
17805
17833
  }
17806
17834
  }
17807
17835
  _rowClass = () => null;
@@ -17889,7 +17917,7 @@ class TreeListComponent {
17889
17917
  this.dropTargetContainer?.notify();
17890
17918
  }
17891
17919
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListComponent, deps: [{ token: BrowserSupportService }, { token: i0.ElementRef }, { token: ChangeNotificationService }, { token: EditService }, { token: FilterService }, { token: PDFService }, { token: ResponsiveService }, { token: i0.Renderer2 }, { token: ExcelService }, { token: i0.NgZone }, { token: ScrollSyncService }, { token: DomEventsService }, { token: ColumnResizingService }, { token: i0.ChangeDetectorRef }, { token: ColumnReorderService }, { token: ColumnInfoService }, { token: NavigationService }, { token: SortService }, { token: ScrollRequestService }, { token: ExpandStateService }, { token: OptionChangesService }, { token: SelectionService }, { token: i1$1.LocalizationService }, { token: ContextService }, { token: RowReorderService }], target: i0.ɵɵFactoryTarget.Component });
17892
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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", navigatable: "navigatable", 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: [
17920
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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: [
17893
17921
  BrowserSupportService,
17894
17922
  LocalizationService,
17895
17923
  ColumnInfoService,
@@ -18327,7 +18355,10 @@ class TreeListComponent {
18327
18355
  [pageSizeValues]="normalizedPageableSettings.pageSizes"
18328
18356
  [previousNext]="normalizedPageableSettings.previousNext"
18329
18357
  [type]="normalizedPageableSettings.type"
18330
- (pageChange)="notifyPageChange('pager', $event)">
18358
+ (pageChange)="notifyPageChange('pager', $event)"
18359
+ (pagerInputVisibilityChange)="handlePagerVisibilityChange('showPagerInput', $event)"
18360
+ (pageTextVisibilityChange)="handlePagerVisibilityChange('showPagerPageText', $event)"
18361
+ (itemsTextVisibilityChange)="handlePagerVisibilityChange('showPagerItemsText', $event)">
18331
18362
  <ng-template kendoPagerTemplate>
18332
18363
  <ng-container
18333
18364
  [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
@@ -18373,11 +18404,12 @@ class TreeListComponent {
18373
18404
  *ngIf="normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0"
18374
18405
  [buttonCount]="normalizedPageableSettings.buttonCount">
18375
18406
  </kendo-pager-numeric-buttons>
18376
- <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input'"></kendo-pager-input>
18407
+ <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input' || showPagerInput" [showPageText]="showPagerPageText"></kendo-pager-input>
18377
18408
  <kendo-pager-next-buttons *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-next-buttons>
18378
18409
  </div>
18379
18410
  <kendo-pager-page-sizes *ngIf="normalizedPageableSettings.pageSizes"
18380
- [pageSizes]="normalizedPageableSettings.pageSizes">
18411
+ [pageSizes]="normalizedPageableSettings.pageSizes"
18412
+ [showItemsText]="showPagerItemsText">
18381
18413
  </kendo-pager-page-sizes>
18382
18414
  <kendo-pager-info *ngIf="normalizedPageableSettings.info">
18383
18415
  </kendo-pager-info>
@@ -18396,7 +18428,7 @@ class TreeListComponent {
18396
18428
  [pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
18397
18429
  </kendo-pager-messages>
18398
18430
  </ng-template>
18399
- `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTreeListLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i105.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i105.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i105.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["size"] }, { kind: "component", type: i105.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i105.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i105.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["pageSizes", "size"] }, { kind: "component", type: i105.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i105.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i105.PagerComponent, selector: "kendo-datapager, kendo-pager", inputs: ["externalTemplate", "total", "skip", "pageSize", "buttonCount", "info", "type", "pageSizeValues", "previousNext", "navigable", "size", "responsive"], outputs: ["pageChange", "pageSizeChange"], 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 });
18431
+ `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTreeListLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: i105.CustomMessagesComponent, selector: "kendo-datapager-messages, kendo-pager-messages" }, { kind: "component", type: i105.PagerInfoComponent, selector: "kendo-datapager-info, kendo-pager-info" }, { kind: "component", type: i105.PagerInputComponent, selector: "kendo-datapager-input, kendo-pager-input", inputs: ["showPageText", "size"] }, { kind: "component", type: i105.PagerNextButtonsComponent, selector: "kendo-datapager-next-buttons, kendo-pager-next-buttons", inputs: ["size"] }, { kind: "component", type: i105.PagerNumericButtonsComponent, selector: "kendo-datapager-numeric-buttons, kendo-pager-numeric-buttons", inputs: ["buttonCount", "size"] }, { kind: "component", type: i105.PagerPageSizesComponent, selector: "kendo-datapager-page-sizes, kendo-pager-page-sizes", inputs: ["showItemsText", "pageSizes", "size", "adaptiveMode"] }, { kind: "component", type: i105.PagerPrevButtonsComponent, selector: "kendo-datapager-prev-buttons, kendo-pager-prev-buttons", inputs: ["size"] }, { kind: "directive", type: i105.PagerTemplateDirective, selector: "[kendoDataPagerTemplate], [kendoPagerTemplate]" }, { kind: "component", type: i105.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 });
18400
18432
  }
18401
18433
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListComponent, decorators: [{
18402
18434
  type: Component,
@@ -18844,7 +18876,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
18844
18876
  [pageSizeValues]="normalizedPageableSettings.pageSizes"
18845
18877
  [previousNext]="normalizedPageableSettings.previousNext"
18846
18878
  [type]="normalizedPageableSettings.type"
18847
- (pageChange)="notifyPageChange('pager', $event)">
18879
+ (pageChange)="notifyPageChange('pager', $event)"
18880
+ (pagerInputVisibilityChange)="handlePagerVisibilityChange('showPagerInput', $event)"
18881
+ (pageTextVisibilityChange)="handlePagerVisibilityChange('showPagerPageText', $event)"
18882
+ (itemsTextVisibilityChange)="handlePagerVisibilityChange('showPagerItemsText', $event)">
18848
18883
  <ng-template kendoPagerTemplate>
18849
18884
  <ng-container
18850
18885
  [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
@@ -18890,11 +18925,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
18890
18925
  *ngIf="normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0"
18891
18926
  [buttonCount]="normalizedPageableSettings.buttonCount">
18892
18927
  </kendo-pager-numeric-buttons>
18893
- <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input'"></kendo-pager-input>
18928
+ <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input' || showPagerInput" [showPageText]="showPagerPageText"></kendo-pager-input>
18894
18929
  <kendo-pager-next-buttons *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-next-buttons>
18895
18930
  </div>
18896
18931
  <kendo-pager-page-sizes *ngIf="normalizedPageableSettings.pageSizes"
18897
- [pageSizes]="normalizedPageableSettings.pageSizes">
18932
+ [pageSizes]="normalizedPageableSettings.pageSizes"
18933
+ [showItemsText]="showPagerItemsText">
18898
18934
  </kendo-pager-page-sizes>
18899
18935
  <kendo-pager-info *ngIf="normalizedPageableSettings.info">
18900
18936
  </kendo-pager-info>
@@ -18950,8 +18986,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
18950
18986
  type: Input
18951
18987
  }], navigable: [{
18952
18988
  type: Input
18953
- }], navigatable: [{
18954
- type: Input
18955
18989
  }], autoSize: [{
18956
18990
  type: Input
18957
18991
  }], rowClass: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-treelist",
3
- "version": "19.0.0-develop.8",
3
+ "version": "19.0.0",
4
4
  "description": "Kendo UI TreeList for Angular - Display hierarchical data in an Angular tree grid view that supports sorting, filtering, paging, and much more.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -24,7 +24,7 @@
24
24
  "package": {
25
25
  "productName": "Kendo UI for Angular",
26
26
  "productCode": "KENDOUIANGULAR",
27
- "publishDate": 1746081338,
27
+ "publishDate": 1748362543,
28
28
  "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
29
29
  }
30
30
  },
@@ -37,26 +37,26 @@
37
37
  "@progress/kendo-data-query": "^1.0.0",
38
38
  "@progress/kendo-drawing": "^1.21.0",
39
39
  "@progress/kendo-licensing": "^1.5.0",
40
- "@progress/kendo-angular-buttons": "19.0.0-develop.8",
41
- "@progress/kendo-angular-common": "19.0.0-develop.8",
42
- "@progress/kendo-angular-dateinputs": "19.0.0-develop.8",
43
- "@progress/kendo-angular-dropdowns": "19.0.0-develop.8",
44
- "@progress/kendo-angular-excel-export": "19.0.0-develop.8",
45
- "@progress/kendo-angular-icons": "19.0.0-develop.8",
46
- "@progress/kendo-angular-inputs": "19.0.0-develop.8",
47
- "@progress/kendo-angular-intl": "19.0.0-develop.8",
48
- "@progress/kendo-angular-l10n": "19.0.0-develop.8",
49
- "@progress/kendo-angular-label": "19.0.0-develop.8",
50
- "@progress/kendo-angular-pager": "19.0.0-develop.8",
51
- "@progress/kendo-angular-pdf-export": "19.0.0-develop.8",
52
- "@progress/kendo-angular-popup": "19.0.0-develop.8",
53
- "@progress/kendo-angular-toolbar": "19.0.0-develop.8",
54
- "@progress/kendo-angular-utils": "19.0.0-develop.8",
40
+ "@progress/kendo-angular-buttons": "19.0.0",
41
+ "@progress/kendo-angular-common": "19.0.0",
42
+ "@progress/kendo-angular-dateinputs": "19.0.0",
43
+ "@progress/kendo-angular-dropdowns": "19.0.0",
44
+ "@progress/kendo-angular-excel-export": "19.0.0",
45
+ "@progress/kendo-angular-icons": "19.0.0",
46
+ "@progress/kendo-angular-inputs": "19.0.0",
47
+ "@progress/kendo-angular-intl": "19.0.0",
48
+ "@progress/kendo-angular-l10n": "19.0.0",
49
+ "@progress/kendo-angular-label": "19.0.0",
50
+ "@progress/kendo-angular-pager": "19.0.0",
51
+ "@progress/kendo-angular-pdf-export": "19.0.0",
52
+ "@progress/kendo-angular-popup": "19.0.0",
53
+ "@progress/kendo-angular-toolbar": "19.0.0",
54
+ "@progress/kendo-angular-utils": "19.0.0",
55
55
  "rxjs": "^6.5.3 || ^7.0.0"
56
56
  },
57
57
  "dependencies": {
58
58
  "tslib": "^2.3.1",
59
- "@progress/kendo-angular-schematics": "19.0.0-develop.8",
59
+ "@progress/kendo-angular-schematics": "19.0.0",
60
60
  "@progress/kendo-common": "^1.0.1",
61
61
  "@progress/kendo-file-saver": "^1.0.0"
62
62
  },
package/schematics/ngAdd/index.js CHANGED
@@ -4,13 +4,13 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'TreeListModule', package: 'treelist', peerDependencies: {
6
6
  // peer dep of the dropdowns
7
- '@progress/kendo-angular-treeview': '19.0.0-develop.8',
7
+ '@progress/kendo-angular-treeview': '19.0.0',
8
8
  // peer dependency of kendo-angular-inputs
9
- '@progress/kendo-angular-dialog': '19.0.0-develop.8',
9
+ '@progress/kendo-angular-dialog': '19.0.0',
10
10
  // peer dependency of kendo-angular-icons
11
11
  '@progress/kendo-svg-icons': '^4.0.0',
12
12
  // peer dependency of kendo-angular-dateinputs
13
- '@progress/kendo-angular-navigation': '19.0.0-develop.8',
13
+ '@progress/kendo-angular-navigation': '19.0.0',
14
14
  } });
15
15
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
16
16
  }
package/treelist.component.d.ts CHANGED
@@ -179,6 +179,12 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
179
179
  * @hidden
180
180
  */
181
181
  get showPager(): boolean;
182
+ get showPagerInput(): boolean;
183
+ set showPagerInput(value: boolean);
184
+ get showPagerPageText(): boolean;
185
+ set showPagerPageText(value: boolean);
186
+ get showPagerItemsText(): boolean;
187
+ set showPagerItemsText(value: boolean);
182
188
  get marqueeSelection(): boolean;
183
189
  /**
184
190
  * Enables the [filtering]({% slug filtering_treelist %}) of the TreeList columns that have their `field` option set.
@@ -195,21 +201,11 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
195
201
  pageable: PagerSettings | boolean;
196
202
  get normalizedPageableSettings(): any;
197
203
  /**
198
- * If set to `true`, the user can use dedicated shortcuts to interact with the TreeList.
199
- * By default, navigation is disabled and the TreeList content is accessible in the normal tab sequence.
200
- * @default false
204
+ * When the keyboard navigation is enabled, the user can use dedicated shortcuts to interact with the Grid.
205
+ * By default, navigation is enabled. To disable it altogether, and include the TreeList content in the normal tab sequence, set the property to `false`.
206
+ * @default true
201
207
  */
202
208
  navigable: boolean;
203
- /**
204
- * @hidden
205
- *
206
- * An alias for `navigable` for users who migrate from Kendo UI for jQuery.
207
- */
208
- set navigatable(value: boolean);
209
- /**
210
- * @hidden
211
- */
212
- get navigatable(): boolean;
213
209
  /**
214
210
  * Indicates whether the TreeList columns will be resized during initialization so that
215
211
  * they fit their headers and row content. Defaults to `false`.
@@ -502,6 +498,9 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
502
498
  private viewportColumns;
503
499
  private pageChangeTimeout;
504
500
  private _rowReorderable;
501
+ private _showPagerInput;
502
+ private _showPagerPageText;
503
+ private _showPagerItemsText;
505
504
  constructor(supportService: BrowserSupportService, wrapper: ElementRef, changeNotification: ChangeNotificationService, editService: EditService, filterService: FilterService, pdfService: PDFService, responsiveService: ResponsiveService, renderer: Renderer2, excelService: ExcelService, ngZone: NgZone, scrollSyncService: ScrollSyncService, domEvents: DomEventsService, columnResizingService: ColumnResizingService, changeDetectorRef: ChangeDetectorRef, columnReorderService: ColumnReorderService, columnInfoService: ColumnInfoService, navigationService: NavigationService, sortService: SortService, scrollRequestService: ScrollRequestService, expandStateService: ExpandStateService, optionChanges: OptionChangesService, selectionService: SelectionService, localization: LocalizationService, ctx: ContextService, rowReorderService: RowReorderService);
506
505
  /**
507
506
  * @hidden
@@ -638,6 +637,10 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
638
637
  * @hidden
639
638
  */
640
639
  notifyPageChange(source: string, event: any): void;
640
+ /**
641
+ * @hidden
642
+ */
643
+ handlePagerVisibilityChange(prop: string, ev: any): void;
641
644
  /**
642
645
  * @hidden
643
646
  */
@@ -757,5 +760,5 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
757
760
  private loadColumns;
758
761
  private notifyReorderContainers;
759
762
  static ɵfac: i0.ɵɵFactoryDeclaration<TreeListComponent, never>;
760
- static ɵcmp: i0.ɵɵComponentDeclaration<TreeListComponent, "kendo-treelist", ["kendoTreeList"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "data": { "alias": "data"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "height": { "alias": "height"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "virtualColumns": { "alias": "virtualColumns"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "navigatable": { "alias": "navigatable"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "idField": { "alias": "idField"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "rowReorderable": { "alias": "rowReorderable"; "required": false; }; "columnsRef": { "alias": "columns"; "required": false; }; "fetchChildren": { "alias": "fetchChildren"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; }, { "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"; }, ["columns", "noRecordsTemplateChildren", "pagerTemplateChildren", "toolbarTemplateChildren", "columnMenuTemplates"], ["kendo-toolbar"], true, never>;
763
+ static ɵcmp: i0.ɵɵComponentDeclaration<TreeListComponent, "kendo-treelist", ["kendoTreeList"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "data": { "alias": "data"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "height": { "alias": "height"; "required": false; }; "rowHeight": { "alias": "rowHeight"; "required": false; }; "skip": { "alias": "skip"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; "trackBy": { "alias": "trackBy"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "virtualColumns": { "alias": "virtualColumns"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "sortable": { "alias": "sortable"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "navigable": { "alias": "navigable"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "rowClass": { "alias": "rowClass"; "required": false; }; "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "hideHeader": { "alias": "hideHeader"; "required": false; }; "idField": { "alias": "idField"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "isSelected": { "alias": "isSelected"; "required": false; }; "rowReorderable": { "alias": "rowReorderable"; "required": false; }; "columnsRef": { "alias": "columns"; "required": false; }; "fetchChildren": { "alias": "fetchChildren"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; }, { "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"; }, ["columns", "noRecordsTemplateChildren", "pagerTemplateChildren", "toolbarTemplateChildren", "columnMenuTemplates"], ["kendo-toolbar"], true, never>;
761
764
  }