@progress/kendo-angular-treelist 19.0.0-develop.24 → 19.0.0-develop.26

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.
@@ -10,7 +10,7 @@ export const packageMetadata = {
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCode: 'KENDOUIANGULAR',
12
12
  productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1747666935,
14
- version: '19.0.0-develop.24',
13
+ publishDate: 1747728180,
14
+ version: '19.0.0-develop.26',
15
15
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
16
  };
@@ -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
  }
@@ -739,6 +772,9 @@ export class TreeListComponent {
739
772
  viewportColumns;
740
773
  pageChangeTimeout;
741
774
  _rowReorderable = false;
775
+ _showPagerInput = true;
776
+ _showPagerPageText = true;
777
+ _showPagerItemsText = true;
742
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) {
743
779
  this.supportService = supportService;
744
780
  this.wrapper = wrapper;
@@ -1175,6 +1211,12 @@ export class TreeListComponent {
1175
1211
  this.changeDetectorRef.markForCheck();
1176
1212
  this.pageChange.emit(event);
1177
1213
  }
1214
+ /**
1215
+ * @hidden
1216
+ */
1217
+ handlePagerVisibilityChange(prop, ev) {
1218
+ this[prop] = ev;
1219
+ }
1178
1220
  /**
1179
1221
  * @hidden
1180
1222
  */
@@ -2209,7 +2251,10 @@ export class TreeListComponent {
2209
2251
  [pageSizeValues]="normalizedPageableSettings.pageSizes"
2210
2252
  [previousNext]="normalizedPageableSettings.previousNext"
2211
2253
  [type]="normalizedPageableSettings.type"
2212
- (pageChange)="notifyPageChange('pager', $event)">
2254
+ (pageChange)="notifyPageChange('pager', $event)"
2255
+ (pagerInputVisibilityChange)="handlePagerVisibilityChange('showPagerInput', $event)"
2256
+ (pageTextVisibilityChange)="handlePagerVisibilityChange('showPagerPageText', $event)"
2257
+ (itemsTextVisibilityChange)="handlePagerVisibilityChange('showPagerItemsText', $event)">
2213
2258
  <ng-template kendoPagerTemplate>
2214
2259
  <ng-container
2215
2260
  [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
@@ -2255,11 +2300,12 @@ export class TreeListComponent {
2255
2300
  *ngIf="normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0"
2256
2301
  [buttonCount]="normalizedPageableSettings.buttonCount">
2257
2302
  </kendo-pager-numeric-buttons>
2258
- <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input'"></kendo-pager-input>
2303
+ <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input' || showPagerInput" [showPageText]="showPagerPageText"></kendo-pager-input>
2259
2304
  <kendo-pager-next-buttons *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-next-buttons>
2260
2305
  </div>
2261
2306
  <kendo-pager-page-sizes *ngIf="normalizedPageableSettings.pageSizes"
2262
- [pageSizes]="normalizedPageableSettings.pageSizes">
2307
+ [pageSizes]="normalizedPageableSettings.pageSizes"
2308
+ [showItemsText]="showPagerItemsText">
2263
2309
  </kendo-pager-page-sizes>
2264
2310
  <kendo-pager-info *ngIf="normalizedPageableSettings.info">
2265
2311
  </kendo-pager-info>
@@ -2278,7 +2324,7 @@ export class TreeListComponent {
2278
2324
  [pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
2279
2325
  </kendo-pager-messages>
2280
2326
  </ng-template>
2281
- `, 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"], 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 });
2282
2328
  }
2283
2329
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListComponent, decorators: [{
2284
2330
  type: Component,
@@ -2726,7 +2772,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2726
2772
  [pageSizeValues]="normalizedPageableSettings.pageSizes"
2727
2773
  [previousNext]="normalizedPageableSettings.previousNext"
2728
2774
  [type]="normalizedPageableSettings.type"
2729
- (pageChange)="notifyPageChange('pager', $event)">
2775
+ (pageChange)="notifyPageChange('pager', $event)"
2776
+ (pagerInputVisibilityChange)="handlePagerVisibilityChange('showPagerInput', $event)"
2777
+ (pageTextVisibilityChange)="handlePagerVisibilityChange('showPagerPageText', $event)"
2778
+ (itemsTextVisibilityChange)="handlePagerVisibilityChange('showPagerItemsText', $event)">
2730
2779
  <ng-template kendoPagerTemplate>
2731
2780
  <ng-container
2732
2781
  [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
@@ -2772,11 +2821,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
2772
2821
  *ngIf="normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0"
2773
2822
  [buttonCount]="normalizedPageableSettings.buttonCount">
2774
2823
  </kendo-pager-numeric-buttons>
2775
- <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input'"></kendo-pager-input>
2824
+ <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input' || showPagerInput" [showPageText]="showPagerPageText"></kendo-pager-input>
2776
2825
  <kendo-pager-next-buttons *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-next-buttons>
2777
2826
  </div>
2778
2827
  <kendo-pager-page-sizes *ngIf="normalizedPageableSettings.pageSizes"
2779
- [pageSizes]="normalizedPageableSettings.pageSizes">
2828
+ [pageSizes]="normalizedPageableSettings.pageSizes"
2829
+ [showItemsText]="showPagerItemsText">
2780
2830
  </kendo-pager-page-sizes>
2781
2831
  <kendo-pager-info *ngIf="normalizedPageableSettings.info">
2782
2832
  </kendo-pager-info>
@@ -49,8 +49,8 @@ const packageMetadata = {
49
49
  productName: 'Kendo UI for Angular',
50
50
  productCode: 'KENDOUIANGULAR',
51
51
  productCodes: ['KENDOUIANGULAR'],
52
- publishDate: 1747666935,
53
- version: '19.0.0-develop.24',
52
+ publishDate: 1747728180,
53
+ version: '19.0.0-develop.26',
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
  }
@@ -16843,6 +16876,9 @@ class TreeListComponent {
16843
16876
  viewportColumns;
16844
16877
  pageChangeTimeout;
16845
16878
  _rowReorderable = false;
16879
+ _showPagerInput = true;
16880
+ _showPagerPageText = true;
16881
+ _showPagerItemsText = true;
16846
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) {
16847
16883
  this.supportService = supportService;
16848
16884
  this.wrapper = wrapper;
@@ -17279,6 +17315,12 @@ class TreeListComponent {
17279
17315
  this.changeDetectorRef.markForCheck();
17280
17316
  this.pageChange.emit(event);
17281
17317
  }
17318
+ /**
17319
+ * @hidden
17320
+ */
17321
+ handlePagerVisibilityChange(prop, ev) {
17322
+ this[prop] = ev;
17323
+ }
17282
17324
  /**
17283
17325
  * @hidden
17284
17326
  */
@@ -18313,7 +18355,10 @@ class TreeListComponent {
18313
18355
  [pageSizeValues]="normalizedPageableSettings.pageSizes"
18314
18356
  [previousNext]="normalizedPageableSettings.previousNext"
18315
18357
  [type]="normalizedPageableSettings.type"
18316
- (pageChange)="notifyPageChange('pager', $event)">
18358
+ (pageChange)="notifyPageChange('pager', $event)"
18359
+ (pagerInputVisibilityChange)="handlePagerVisibilityChange('showPagerInput', $event)"
18360
+ (pageTextVisibilityChange)="handlePagerVisibilityChange('showPagerPageText', $event)"
18361
+ (itemsTextVisibilityChange)="handlePagerVisibilityChange('showPagerItemsText', $event)">
18317
18362
  <ng-template kendoPagerTemplate>
18318
18363
  <ng-container
18319
18364
  [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
@@ -18359,11 +18404,12 @@ class TreeListComponent {
18359
18404
  *ngIf="normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0"
18360
18405
  [buttonCount]="normalizedPageableSettings.buttonCount">
18361
18406
  </kendo-pager-numeric-buttons>
18362
- <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input'"></kendo-pager-input>
18407
+ <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input' || showPagerInput" [showPageText]="showPagerPageText"></kendo-pager-input>
18363
18408
  <kendo-pager-next-buttons *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-next-buttons>
18364
18409
  </div>
18365
18410
  <kendo-pager-page-sizes *ngIf="normalizedPageableSettings.pageSizes"
18366
- [pageSizes]="normalizedPageableSettings.pageSizes">
18411
+ [pageSizes]="normalizedPageableSettings.pageSizes"
18412
+ [showItemsText]="showPagerItemsText">
18367
18413
  </kendo-pager-page-sizes>
18368
18414
  <kendo-pager-info *ngIf="normalizedPageableSettings.info">
18369
18415
  </kendo-pager-info>
@@ -18382,7 +18428,7 @@ class TreeListComponent {
18382
18428
  [pageNumberInputTitle]="messageFor('pagerPageNumberInputTitle')">
18383
18429
  </kendo-pager-messages>
18384
18430
  </ng-template>
18385
- `, 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"], 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 });
18386
18432
  }
18387
18433
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TreeListComponent, decorators: [{
18388
18434
  type: Component,
@@ -18830,7 +18876,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
18830
18876
  [pageSizeValues]="normalizedPageableSettings.pageSizes"
18831
18877
  [previousNext]="normalizedPageableSettings.previousNext"
18832
18878
  [type]="normalizedPageableSettings.type"
18833
- (pageChange)="notifyPageChange('pager', $event)">
18879
+ (pageChange)="notifyPageChange('pager', $event)"
18880
+ (pagerInputVisibilityChange)="handlePagerVisibilityChange('showPagerInput', $event)"
18881
+ (pageTextVisibilityChange)="handlePagerVisibilityChange('showPagerPageText', $event)"
18882
+ (itemsTextVisibilityChange)="handlePagerVisibilityChange('showPagerItemsText', $event)">
18834
18883
  <ng-template kendoPagerTemplate>
18835
18884
  <ng-container
18836
18885
  [ngTemplateOutlet]="pagerTemplate ? pagerTemplate?.templateRef : defaultPager"
@@ -18876,11 +18925,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
18876
18925
  *ngIf="normalizedPageableSettings.type === 'numeric' && normalizedPageableSettings.buttonCount > 0"
18877
18926
  [buttonCount]="normalizedPageableSettings.buttonCount">
18878
18927
  </kendo-pager-numeric-buttons>
18879
- <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input'"></kendo-pager-input>
18928
+ <kendo-pager-input *ngIf="normalizedPageableSettings.type === 'input' || showPagerInput" [showPageText]="showPagerPageText"></kendo-pager-input>
18880
18929
  <kendo-pager-next-buttons *ngIf="normalizedPageableSettings.previousNext"></kendo-pager-next-buttons>
18881
18930
  </div>
18882
18931
  <kendo-pager-page-sizes *ngIf="normalizedPageableSettings.pageSizes"
18883
- [pageSizes]="normalizedPageableSettings.pageSizes">
18932
+ [pageSizes]="normalizedPageableSettings.pageSizes"
18933
+ [showItemsText]="showPagerItemsText">
18884
18934
  </kendo-pager-page-sizes>
18885
18935
  <kendo-pager-info *ngIf="normalizedPageableSettings.info">
18886
18936
  </kendo-pager-info>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-treelist",
3
- "version": "19.0.0-develop.24",
3
+ "version": "19.0.0-develop.26",
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": 1747666935,
27
+ "publishDate": 1747728180,
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.24",
41
- "@progress/kendo-angular-common": "19.0.0-develop.24",
42
- "@progress/kendo-angular-dateinputs": "19.0.0-develop.24",
43
- "@progress/kendo-angular-dropdowns": "19.0.0-develop.24",
44
- "@progress/kendo-angular-excel-export": "19.0.0-develop.24",
45
- "@progress/kendo-angular-icons": "19.0.0-develop.24",
46
- "@progress/kendo-angular-inputs": "19.0.0-develop.24",
47
- "@progress/kendo-angular-intl": "19.0.0-develop.24",
48
- "@progress/kendo-angular-l10n": "19.0.0-develop.24",
49
- "@progress/kendo-angular-label": "19.0.0-develop.24",
50
- "@progress/kendo-angular-pager": "19.0.0-develop.24",
51
- "@progress/kendo-angular-pdf-export": "19.0.0-develop.24",
52
- "@progress/kendo-angular-popup": "19.0.0-develop.24",
53
- "@progress/kendo-angular-toolbar": "19.0.0-develop.24",
54
- "@progress/kendo-angular-utils": "19.0.0-develop.24",
40
+ "@progress/kendo-angular-buttons": "19.0.0-develop.26",
41
+ "@progress/kendo-angular-common": "19.0.0-develop.26",
42
+ "@progress/kendo-angular-dateinputs": "19.0.0-develop.26",
43
+ "@progress/kendo-angular-dropdowns": "19.0.0-develop.26",
44
+ "@progress/kendo-angular-excel-export": "19.0.0-develop.26",
45
+ "@progress/kendo-angular-icons": "19.0.0-develop.26",
46
+ "@progress/kendo-angular-inputs": "19.0.0-develop.26",
47
+ "@progress/kendo-angular-intl": "19.0.0-develop.26",
48
+ "@progress/kendo-angular-l10n": "19.0.0-develop.26",
49
+ "@progress/kendo-angular-label": "19.0.0-develop.26",
50
+ "@progress/kendo-angular-pager": "19.0.0-develop.26",
51
+ "@progress/kendo-angular-pdf-export": "19.0.0-develop.26",
52
+ "@progress/kendo-angular-popup": "19.0.0-develop.26",
53
+ "@progress/kendo-angular-toolbar": "19.0.0-develop.26",
54
+ "@progress/kendo-angular-utils": "19.0.0-develop.26",
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.24",
59
+ "@progress/kendo-angular-schematics": "19.0.0-develop.26",
60
60
  "@progress/kendo-common": "^1.0.1",
61
61
  "@progress/kendo-file-saver": "^1.0.0"
62
62
  },
@@ -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.24',
7
+ '@progress/kendo-angular-treeview': '19.0.0-develop.26',
8
8
  // peer dependency of kendo-angular-inputs
9
- '@progress/kendo-angular-dialog': '19.0.0-develop.24',
9
+ '@progress/kendo-angular-dialog': '19.0.0-develop.26',
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.24',
13
+ '@progress/kendo-angular-navigation': '19.0.0-develop.26',
14
14
  } });
15
15
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
16
16
  }
@@ -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.
@@ -492,6 +498,9 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
492
498
  private viewportColumns;
493
499
  private pageChangeTimeout;
494
500
  private _rowReorderable;
501
+ private _showPagerInput;
502
+ private _showPagerPageText;
503
+ private _showPagerItemsText;
495
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);
496
505
  /**
497
506
  * @hidden
@@ -628,6 +637,10 @@ export declare class TreeListComponent implements AfterContentInit, AfterViewIni
628
637
  * @hidden
629
638
  */
630
639
  notifyPageChange(source: string, event: any): void;
640
+ /**
641
+ * @hidden
642
+ */
643
+ handlePagerVisibilityChange(prop: string, ev: any): void;
631
644
  /**
632
645
  * @hidden
633
646
  */