@progress/kendo-angular-treelist 19.0.0-develop.23 → 19.0.0-develop.25
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:
|
14
|
-
version: '19.0.0-develop.
|
13
|
+
publishDate: 1747671459,
|
14
|
+
version: '19.0.0-develop.25',
|
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:
|
53
|
-
version: '19.0.0-develop.
|
52
|
+
publishDate: 1747671459,
|
53
|
+
version: '19.0.0-develop.25',
|
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.
|
3
|
+
"version": "19.0.0-develop.25",
|
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":
|
27
|
+
"publishDate": 1747671459,
|
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.
|
41
|
-
"@progress/kendo-angular-common": "19.0.0-develop.
|
42
|
-
"@progress/kendo-angular-dateinputs": "19.0.0-develop.
|
43
|
-
"@progress/kendo-angular-dropdowns": "19.0.0-develop.
|
44
|
-
"@progress/kendo-angular-excel-export": "19.0.0-develop.
|
45
|
-
"@progress/kendo-angular-icons": "19.0.0-develop.
|
46
|
-
"@progress/kendo-angular-inputs": "19.0.0-develop.
|
47
|
-
"@progress/kendo-angular-intl": "19.0.0-develop.
|
48
|
-
"@progress/kendo-angular-l10n": "19.0.0-develop.
|
49
|
-
"@progress/kendo-angular-label": "19.0.0-develop.
|
50
|
-
"@progress/kendo-angular-pager": "19.0.0-develop.
|
51
|
-
"@progress/kendo-angular-pdf-export": "19.0.0-develop.
|
52
|
-
"@progress/kendo-angular-popup": "19.0.0-develop.
|
53
|
-
"@progress/kendo-angular-toolbar": "19.0.0-develop.
|
54
|
-
"@progress/kendo-angular-utils": "19.0.0-develop.
|
40
|
+
"@progress/kendo-angular-buttons": "19.0.0-develop.25",
|
41
|
+
"@progress/kendo-angular-common": "19.0.0-develop.25",
|
42
|
+
"@progress/kendo-angular-dateinputs": "19.0.0-develop.25",
|
43
|
+
"@progress/kendo-angular-dropdowns": "19.0.0-develop.25",
|
44
|
+
"@progress/kendo-angular-excel-export": "19.0.0-develop.25",
|
45
|
+
"@progress/kendo-angular-icons": "19.0.0-develop.25",
|
46
|
+
"@progress/kendo-angular-inputs": "19.0.0-develop.25",
|
47
|
+
"@progress/kendo-angular-intl": "19.0.0-develop.25",
|
48
|
+
"@progress/kendo-angular-l10n": "19.0.0-develop.25",
|
49
|
+
"@progress/kendo-angular-label": "19.0.0-develop.25",
|
50
|
+
"@progress/kendo-angular-pager": "19.0.0-develop.25",
|
51
|
+
"@progress/kendo-angular-pdf-export": "19.0.0-develop.25",
|
52
|
+
"@progress/kendo-angular-popup": "19.0.0-develop.25",
|
53
|
+
"@progress/kendo-angular-toolbar": "19.0.0-develop.25",
|
54
|
+
"@progress/kendo-angular-utils": "19.0.0-develop.25",
|
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.
|
59
|
+
"@progress/kendo-angular-schematics": "19.0.0-develop.25",
|
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.
|
7
|
+
'@progress/kendo-angular-treeview': '19.0.0-develop.25',
|
8
8
|
// peer dependency of kendo-angular-inputs
|
9
|
-
'@progress/kendo-angular-dialog': '19.0.0-develop.
|
9
|
+
'@progress/kendo-angular-dialog': '19.0.0-develop.25',
|
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.
|
13
|
+
'@progress/kendo-angular-navigation': '19.0.0-develop.25',
|
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.
|
@@ -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
|
*/
|