@progress/kendo-angular-listbox 24.2.2 → 25.0.0-develop.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/progress-kendo-angular-listbox.mjs +36 -36
- package/index.d.ts +580 -14
- package/package-metadata.mjs +2 -2
- package/package.json +10 -10
- package/schematics/ngAdd/index.js +4 -4
- package/constants.d.ts +0 -25
- package/data-binding.directive.d.ts +0 -58
- package/directives.d.ts +0 -14
- package/item-selectable.directive.d.ts +0 -18
- package/item-template.directive.d.ts +0 -33
- package/keyboard-navigation.service.d.ts +0 -58
- package/listbox.component.d.ts +0 -242
- package/listbox.module.d.ts +0 -19
- package/localization/custom-messages.component.d.ts +0 -32
- package/localization/localized-messages.directive.d.ts +0 -16
- package/localization/messages.d.ts +0 -45
- package/no-data-template.directive.d.ts +0 -27
- package/package-metadata.d.ts +0 -9
- package/selection-mode.d.ts +0 -12
- package/selection.service.d.ts +0 -45
- package/size.d.ts +0 -9
- package/toolbar.d.ts +0 -36
- package/util.d.ts +0 -35
package/index.d.ts
CHANGED
|
@@ -2,17 +2,583 @@
|
|
|
2
2
|
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
5
|
+
import * as i0 from '@angular/core';
|
|
6
|
+
import { EventEmitter, TemplateRef, Renderer2, NgZone, ElementRef, OnInit, AfterViewInit, OnDestroy, QueryList, ChangeDetectorRef, OnChanges, SimpleChanges } from '@angular/core';
|
|
7
|
+
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
8
|
+
import { Button } from '@progress/kendo-angular-buttons';
|
|
9
|
+
import { LocalizationService, ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Represents the possible selection options of the ListBox.
|
|
13
|
+
*
|
|
14
|
+
* The possible values are:
|
|
15
|
+
* - `'single'` - allows the selection of a single item.
|
|
16
|
+
* - `'multiple'` - allows the selection of multiple items.
|
|
17
|
+
*/
|
|
18
|
+
type SelectionMode = 'single' | 'multiple';
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Defines the event that fires when you make a new selection in the ListBox component.
|
|
22
|
+
*
|
|
23
|
+
*/
|
|
24
|
+
interface ListBoxSelectionEvent {
|
|
25
|
+
/**
|
|
26
|
+
* The indices of items that were selected with the last selection operation.
|
|
27
|
+
* Returns `null` if no items were selected.
|
|
28
|
+
*/
|
|
29
|
+
selectedIndices: number[] | null;
|
|
30
|
+
/**
|
|
31
|
+
* The indices of items that were deselected with the last selection operation.
|
|
32
|
+
* Returns `null` if no items were deselected.
|
|
33
|
+
*/
|
|
34
|
+
deselectedIndices: number[] | null;
|
|
35
|
+
}
|
|
36
|
+
/**
|
|
37
|
+
* @hidden
|
|
38
|
+
*/
|
|
39
|
+
declare class ListBoxSelectionService {
|
|
40
|
+
selectedIndices: number[];
|
|
41
|
+
selectionMode: SelectionMode;
|
|
42
|
+
lastSelectedOrUnselectedIndex: number | null;
|
|
43
|
+
rangeSelectionTargetIndex: number | null;
|
|
44
|
+
rangeSelectionAnchorIndex: number | null;
|
|
45
|
+
isItemDisabled: (index: number) => boolean;
|
|
46
|
+
onSelect: EventEmitter<any>;
|
|
47
|
+
select(index: number, ctrlKey?: boolean, shiftKey?: boolean): void;
|
|
48
|
+
selectRange(targetIndex: number): void;
|
|
49
|
+
setSelectedIndices(indices: number[]): void;
|
|
50
|
+
addToSelectedIndices(index: number): void;
|
|
51
|
+
selectAll(totalItems: number): void;
|
|
52
|
+
areAllSelected(totalItems: number): boolean;
|
|
53
|
+
isSelected(index: number): boolean;
|
|
54
|
+
clearSelection(): void;
|
|
55
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxSelectionService, never>;
|
|
56
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ListBoxSelectionService>;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* Allows you to customize the rendering of each item in the Kendo UI ListBox for Angular.
|
|
61
|
+
*
|
|
62
|
+
* Place an `<ng-template>` with the `kendoListBoxItemTemplate` directive inside your `<kendo-listbox>` component.
|
|
63
|
+
* The template context exposes the current data item as `let-dataItem`.
|
|
64
|
+
*
|
|
65
|
+
* @example
|
|
66
|
+
* ```typescript
|
|
67
|
+
* @Component({
|
|
68
|
+
* selector: 'my-app',
|
|
69
|
+
* template: `
|
|
70
|
+
* <kendo-listbox [data]="listBoxItems">
|
|
71
|
+
* <ng-template kendoListBoxItemTemplate let-dataItem>
|
|
72
|
+
* <span>{{ dataItem }} item</span>
|
|
73
|
+
* </ng-template>
|
|
74
|
+
* </kendo-listbox>
|
|
75
|
+
* `
|
|
76
|
+
* })
|
|
77
|
+
* export class AppComponent { }
|
|
78
|
+
* ```
|
|
79
|
+
*/
|
|
80
|
+
declare class ItemTemplateDirective {
|
|
81
|
+
templateRef: TemplateRef<any>;
|
|
82
|
+
constructor(templateRef: TemplateRef<any>);
|
|
83
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItemTemplateDirective, never>;
|
|
84
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItemTemplateDirective, "[kendoListBoxItemTemplate]", never, {}, {}, never, never, true, never>;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
/**
|
|
88
|
+
* Lets you customize the content shown when the ListBox has no data to display.
|
|
89
|
+
* To define a no-data template, nest an `<ng-template>` tag
|
|
90
|
+
* with the `kendoListBoxNoDataTemplate` directive inside the `<kendo-listbox>` tag
|
|
91
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listbox/templates#no-data-template)).
|
|
92
|
+
*
|
|
93
|
+
* @example
|
|
94
|
+
* ```html
|
|
95
|
+
* <kendo-listbox [data]="[]">
|
|
96
|
+
* <ng-template kendoListBoxNoDataTemplate>
|
|
97
|
+
* No items to display.
|
|
98
|
+
* </ng-template>
|
|
99
|
+
* </kendo-listbox>
|
|
100
|
+
* ```
|
|
101
|
+
*/
|
|
102
|
+
declare class NoDataTemplateDirective {
|
|
103
|
+
templateRef: TemplateRef<any>;
|
|
104
|
+
constructor(templateRef: TemplateRef<any>);
|
|
105
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<NoDataTemplateDirective, never>;
|
|
106
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<NoDataTemplateDirective, "[kendoListBoxNoDataTemplate]", never, {}, {}, never, never, true, never>;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
/**
|
|
110
|
+
* Defines the possible toolbar buttons that the ListBox can display.
|
|
111
|
+
*/
|
|
112
|
+
type ActionName = 'moveUp' | 'moveDown' | 'transferTo' | 'transferFrom' | 'transferAllTo' | 'transferAllFrom' | 'remove';
|
|
113
|
+
/**
|
|
114
|
+
* Defines the possible values for customizing the toolbar position of the ListBox component.
|
|
115
|
+
*/
|
|
116
|
+
type ListBoxToolbarPosition = 'left' | 'right' | 'top' | 'bottom';
|
|
117
|
+
/**
|
|
118
|
+
* Defines the possible tool and position settings that the ListBox can accept for its built-in toolbar.
|
|
119
|
+
*/
|
|
120
|
+
interface ListBoxToolbarConfig {
|
|
121
|
+
/**
|
|
122
|
+
* Specifies the set of tools to display in the toolbar.
|
|
123
|
+
* When you omit this setting, all tools are included.
|
|
124
|
+
*/
|
|
125
|
+
tools?: ActionName[];
|
|
126
|
+
/**
|
|
127
|
+
* Specifies the position of the toolbar.
|
|
128
|
+
*/
|
|
129
|
+
position?: ListBoxToolbarPosition;
|
|
130
|
+
}
|
|
131
|
+
/**
|
|
132
|
+
* @hidden
|
|
133
|
+
*/
|
|
134
|
+
interface Tool {
|
|
135
|
+
name: ActionName;
|
|
136
|
+
label: string;
|
|
137
|
+
icon: string;
|
|
138
|
+
svgIcon: SVGIcon;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
/**
|
|
142
|
+
* @hidden
|
|
143
|
+
*/
|
|
144
|
+
type Direction = 'rtl' | 'ltr';
|
|
145
|
+
|
|
146
|
+
/**
|
|
147
|
+
* Defines the possible size options of the ListBox.
|
|
148
|
+
* The size affects the height of the listbox and the size of the items.
|
|
149
|
+
*/
|
|
150
|
+
type ListBoxSize = 'small' | 'medium' | 'large';
|
|
151
|
+
|
|
152
|
+
/**
|
|
153
|
+
* @hidden
|
|
154
|
+
* Internal event for keyboard navigation selection changes
|
|
155
|
+
*/
|
|
156
|
+
interface KeyboardSelectionEvent {
|
|
157
|
+
index: number;
|
|
158
|
+
prevIndex?: number;
|
|
159
|
+
ctrlKey?: boolean;
|
|
160
|
+
shiftKey?: boolean;
|
|
161
|
+
}
|
|
162
|
+
/**
|
|
163
|
+
* @hidden
|
|
164
|
+
*/
|
|
165
|
+
declare class KeyboardNavigationService {
|
|
166
|
+
private renderer;
|
|
167
|
+
private zone;
|
|
168
|
+
selectedListboxItemIndex: number;
|
|
169
|
+
focusedListboxItemIndex: number;
|
|
170
|
+
focusedToolIndex: number;
|
|
171
|
+
onDeleteEvent: EventEmitter<number>;
|
|
172
|
+
onMoveSelectedItem: EventEmitter<string>;
|
|
173
|
+
onTransferAllEvent: EventEmitter<ActionName>;
|
|
174
|
+
onShiftSelectedItem: EventEmitter<ActionName>;
|
|
175
|
+
onSelectionChange: EventEmitter<KeyboardSelectionEvent>;
|
|
176
|
+
onSelectAll: EventEmitter<void>;
|
|
177
|
+
onSelectToEnd: EventEmitter<{
|
|
178
|
+
direction: 'home' | 'end';
|
|
179
|
+
}>;
|
|
180
|
+
constructor(renderer: Renderer2, zone: NgZone);
|
|
181
|
+
onKeyDown(event: any, toolsRef: Array<Button>, toolbar: Tool[], childListbox: ListBoxComponent, parentListbox: ListBoxComponent, listboxItems: Array<ElementRef>, currentListbox: ListBoxComponent): void;
|
|
182
|
+
changeTabindex(previousItem: HTMLElement, currentItem: HTMLElement, shouldBlur?: boolean): void;
|
|
183
|
+
private handleToolbarArrows;
|
|
184
|
+
private onSpaceKey;
|
|
185
|
+
private onArrowUpOrDown;
|
|
186
|
+
private onArrowLeftOrRight;
|
|
187
|
+
private onSelectChange;
|
|
188
|
+
private onF10Key;
|
|
189
|
+
private transferAllItems;
|
|
190
|
+
private transferItem;
|
|
191
|
+
private changeFocusedItem;
|
|
192
|
+
private onShiftArrow;
|
|
193
|
+
private onArrowDown;
|
|
194
|
+
private onArrowUp;
|
|
195
|
+
private isItemDisabled;
|
|
196
|
+
private findNextEnabledIndex;
|
|
197
|
+
private calculateNextActiveItem;
|
|
198
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardNavigationService, never>;
|
|
199
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<KeyboardNavigationService>;
|
|
200
|
+
}
|
|
201
|
+
|
|
202
|
+
/**
|
|
203
|
+
* Represents the Kendo UI ListBox component for Angular.
|
|
204
|
+
* Provides a list of items from which you can select and transfer data between connected ListBoxes
|
|
205
|
+
* ([see overview](https://www.telerik.com/kendo-angular-ui/components/listbox)).
|
|
206
|
+
*
|
|
207
|
+
* @example
|
|
208
|
+
* ```typescript
|
|
209
|
+
* @Component({
|
|
210
|
+
* selector: 'my-app',
|
|
211
|
+
* template: `
|
|
212
|
+
* <kendo-listbox
|
|
213
|
+
* [data]="items"
|
|
214
|
+
* textField="name"
|
|
215
|
+
* [toolbar]="true">
|
|
216
|
+
* </kendo-listbox>
|
|
217
|
+
* `
|
|
218
|
+
* })
|
|
219
|
+
* export class AppComponent {
|
|
220
|
+
* items = [
|
|
221
|
+
* { name: 'Item 1' },
|
|
222
|
+
* { name: 'Item 2' }
|
|
223
|
+
* ];
|
|
224
|
+
* }
|
|
225
|
+
* ```
|
|
226
|
+
*
|
|
227
|
+
* @remarks
|
|
228
|
+
* Supported children components are: {@link CustomMessagesComponent}.
|
|
229
|
+
*/
|
|
230
|
+
declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
231
|
+
keyboardNavigationService: KeyboardNavigationService;
|
|
232
|
+
selectionService: ListBoxSelectionService;
|
|
233
|
+
private hostElement;
|
|
234
|
+
private renderer;
|
|
235
|
+
private zone;
|
|
236
|
+
private localization;
|
|
237
|
+
private cdr;
|
|
238
|
+
/**
|
|
239
|
+
* @hidden
|
|
240
|
+
*/
|
|
241
|
+
listboxClassName: boolean;
|
|
242
|
+
/**
|
|
243
|
+
* @hidden
|
|
244
|
+
*/
|
|
245
|
+
direction: Direction;
|
|
246
|
+
/**
|
|
247
|
+
* @hidden
|
|
248
|
+
*/
|
|
249
|
+
itemTemplate: ItemTemplateDirective;
|
|
250
|
+
/**
|
|
251
|
+
* @hidden
|
|
252
|
+
*/
|
|
253
|
+
noDataTemplate: NoDataTemplateDirective;
|
|
254
|
+
/**
|
|
255
|
+
* @hidden
|
|
256
|
+
*/
|
|
257
|
+
listboxElement: ElementRef;
|
|
258
|
+
/**
|
|
259
|
+
* @hidden
|
|
260
|
+
*/
|
|
261
|
+
listboxItems: QueryList<any>;
|
|
262
|
+
/**
|
|
263
|
+
* @hidden
|
|
264
|
+
*/
|
|
265
|
+
toolbarElement: ElementRef;
|
|
266
|
+
/**
|
|
267
|
+
* @hidden
|
|
268
|
+
*/
|
|
269
|
+
tools: QueryList<Button>;
|
|
270
|
+
/**
|
|
271
|
+
* Specifies the field of the data item that provides the text content of the nodes.
|
|
272
|
+
*/
|
|
273
|
+
textField: string;
|
|
274
|
+
/**
|
|
275
|
+
* Sets the selection mode of the ListBox.
|
|
276
|
+
*
|
|
277
|
+
* @default 'single'
|
|
278
|
+
*/
|
|
279
|
+
set selectable(mode: SelectionMode);
|
|
280
|
+
get selectable(): SelectionMode;
|
|
281
|
+
/**
|
|
282
|
+
* Specifies the data that the ListBox displays.
|
|
283
|
+
*
|
|
284
|
+
* @default []
|
|
285
|
+
*/
|
|
286
|
+
data: any[];
|
|
287
|
+
/**
|
|
288
|
+
* Specifies the size of the component.
|
|
289
|
+
*
|
|
290
|
+
*/
|
|
291
|
+
set size(size: ListBoxSize);
|
|
292
|
+
get size(): ListBoxSize;
|
|
293
|
+
/**
|
|
294
|
+
* Configures the toolbar of the ListBox.
|
|
295
|
+
* Specifies whether to display a toolbar and which tools and position to use.
|
|
296
|
+
*
|
|
297
|
+
* @default false
|
|
298
|
+
*/
|
|
299
|
+
set toolbar(config: boolean | ListBoxToolbarConfig);
|
|
300
|
+
/**
|
|
301
|
+
* Specifies the value of the `aria-label` attribute of the Listbox element.
|
|
302
|
+
*
|
|
303
|
+
* @default 'Listbox'
|
|
304
|
+
*
|
|
305
|
+
* @remarks
|
|
306
|
+
* This property is related to accessibility.
|
|
307
|
+
*/
|
|
308
|
+
listboxLabel: string;
|
|
309
|
+
/**
|
|
310
|
+
* Specifies the value of the `aria-label` attribute of the Listbox toolbar element.
|
|
311
|
+
*
|
|
312
|
+
* @default 'Toolbar'
|
|
313
|
+
*
|
|
314
|
+
* @remarks
|
|
315
|
+
* This property is related to accessibility.
|
|
316
|
+
*/
|
|
317
|
+
listboxToolbarLabel: string;
|
|
318
|
+
/**
|
|
319
|
+
* Specifies a function that determines if a specific item is disabled.
|
|
320
|
+
*/
|
|
321
|
+
itemDisabled: (item: any) => boolean;
|
|
322
|
+
/**
|
|
323
|
+
* Fires when you select a different ListBox item.
|
|
324
|
+
* Also fires when you move a node, because moving changes its index.
|
|
325
|
+
*/
|
|
326
|
+
selectionChange: EventEmitter<ListBoxSelectionEvent>;
|
|
327
|
+
/**
|
|
328
|
+
* Fires when you click a ListBox item.
|
|
329
|
+
*/
|
|
330
|
+
action: EventEmitter<ActionName>;
|
|
331
|
+
/**
|
|
332
|
+
* @hidden
|
|
333
|
+
*/
|
|
334
|
+
getChildListbox: EventEmitter<any>;
|
|
335
|
+
/**
|
|
336
|
+
* @hidden
|
|
337
|
+
*/
|
|
338
|
+
get listClasses(): string;
|
|
339
|
+
/**
|
|
340
|
+
* @hidden
|
|
341
|
+
*/
|
|
342
|
+
messageFor(key: string): string;
|
|
343
|
+
/**
|
|
344
|
+
* @hidden
|
|
345
|
+
*/
|
|
346
|
+
selectedTools: Tool[];
|
|
347
|
+
/**
|
|
348
|
+
* @hidden
|
|
349
|
+
*/
|
|
350
|
+
listboxId: string;
|
|
351
|
+
/**
|
|
352
|
+
* @hidden
|
|
353
|
+
*/
|
|
354
|
+
toolbarId: string;
|
|
355
|
+
/**
|
|
356
|
+
* @hidden
|
|
357
|
+
*/
|
|
358
|
+
childListbox: ListBoxComponent;
|
|
359
|
+
/**
|
|
360
|
+
* @hidden
|
|
361
|
+
*/
|
|
362
|
+
parentListbox: ListBoxComponent;
|
|
363
|
+
/**
|
|
364
|
+
* @hidden
|
|
365
|
+
*/
|
|
366
|
+
chevronLeftIcon: SVGIcon;
|
|
367
|
+
/**
|
|
368
|
+
* @hidden
|
|
369
|
+
*/
|
|
370
|
+
chevronRightIcon: SVGIcon;
|
|
371
|
+
private localizationSubscription;
|
|
372
|
+
private _size;
|
|
373
|
+
private subs;
|
|
374
|
+
private shouldFireFocusIn;
|
|
375
|
+
private _selectable;
|
|
376
|
+
constructor(keyboardNavigationService: KeyboardNavigationService, selectionService: ListBoxSelectionService, hostElement: ElementRef, renderer: Renderer2, zone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef);
|
|
377
|
+
ngOnInit(): void;
|
|
378
|
+
ngAfterViewInit(): void;
|
|
379
|
+
ngOnDestroy(): void;
|
|
380
|
+
/**
|
|
381
|
+
* @hidden
|
|
382
|
+
*/
|
|
383
|
+
performAction(actionName: ActionName): void;
|
|
384
|
+
/**
|
|
385
|
+
* Selects multiple ListBox nodes programmatically.
|
|
386
|
+
*/
|
|
387
|
+
select(indices: number[]): void;
|
|
388
|
+
/**
|
|
389
|
+
* Selects a ListBox node programmatically.
|
|
390
|
+
*
|
|
391
|
+
* @hidden
|
|
392
|
+
*/
|
|
393
|
+
selectItem(index: number): void;
|
|
394
|
+
/**
|
|
395
|
+
* Clears the ListBox selection programmatically.
|
|
396
|
+
*/
|
|
397
|
+
clearSelection(): void;
|
|
398
|
+
/**
|
|
399
|
+
* Gets the indexes of the currently selected items in the ListBox.
|
|
400
|
+
*/
|
|
401
|
+
get selectedIndices(): number[];
|
|
402
|
+
/**
|
|
403
|
+
* @hidden
|
|
404
|
+
*/
|
|
405
|
+
get getListboxId(): string;
|
|
406
|
+
/**
|
|
407
|
+
* @hidden
|
|
408
|
+
*/
|
|
409
|
+
getText(dataItem: any): string;
|
|
410
|
+
/**
|
|
411
|
+
* @hidden
|
|
412
|
+
*/
|
|
413
|
+
toolIcon(icon: string): string;
|
|
414
|
+
/**
|
|
415
|
+
* @hidden
|
|
416
|
+
*/
|
|
417
|
+
toolSVGIcon(icon: SVGIcon): SVGIcon;
|
|
418
|
+
private initSubscriptions;
|
|
419
|
+
private onFocusIn;
|
|
420
|
+
private setIds;
|
|
421
|
+
private onDeleteEvent;
|
|
422
|
+
private setToolbarClass;
|
|
423
|
+
private setSizingClass;
|
|
424
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxComponent, never>;
|
|
425
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ListBoxComponent, "kendo-listbox", never, { "textField": { "alias": "textField"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "data": { "alias": "data"; "required": false; }; "size": { "alias": "size"; "required": false; }; "toolbar": { "alias": "toolbar"; "required": false; }; "listboxLabel": { "alias": "listboxLabel"; "required": false; }; "listboxToolbarLabel": { "alias": "listboxToolbarLabel"; "required": false; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; }; }, { "selectionChange": "selectionChange"; "action": "action"; "getChildListbox": "getChildListbox"; }, ["itemTemplate", "noDataTemplate"], never, true, never>;
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
/**
|
|
429
|
+
* @hidden
|
|
430
|
+
*/
|
|
431
|
+
declare class ItemSelectableDirective {
|
|
432
|
+
private selectionService;
|
|
433
|
+
index: number;
|
|
434
|
+
constructor(selectionService: ListBoxSelectionService);
|
|
435
|
+
get selectedClassName(): boolean;
|
|
436
|
+
onClick(event: any): void;
|
|
437
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ItemSelectableDirective, never>;
|
|
438
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ItemSelectableDirective, "[kendoListBoxItemSelectable]", never, { "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
|
|
439
|
+
}
|
|
440
|
+
|
|
441
|
+
/**
|
|
442
|
+
* Represents the data-binding directive for the Kendo UI ListBox for Angular.
|
|
443
|
+
* Manages the functionality of the ListBox tools out of the box and modifies the provided data accordingly.
|
|
444
|
+
*
|
|
445
|
+
* @example
|
|
446
|
+
* ```typescript
|
|
447
|
+
* @Component({
|
|
448
|
+
* selector: 'my-app',
|
|
449
|
+
* template: `
|
|
450
|
+
* <kendo-listbox
|
|
451
|
+
* kendoListBoxDataBinding
|
|
452
|
+
* [connectedWith]="targetListBox"
|
|
453
|
+
* [data]="sourceData">
|
|
454
|
+
* </kendo-listbox>
|
|
455
|
+
* `
|
|
456
|
+
* })
|
|
457
|
+
* export class AppComponent { }
|
|
458
|
+
* ```
|
|
459
|
+
*
|
|
460
|
+
* @remarks
|
|
461
|
+
* Applied to: {@link ListBoxComponent}.
|
|
462
|
+
*/
|
|
463
|
+
declare class DataBindingDirective implements OnChanges, OnDestroy {
|
|
464
|
+
private listbox;
|
|
465
|
+
private zone;
|
|
466
|
+
/**
|
|
467
|
+
* Specifies the `ListBoxComponent` instance with which the current ListBox connects.
|
|
468
|
+
* When you link two listboxes through this input, you can transfer items between them.
|
|
469
|
+
*/
|
|
470
|
+
connectedWith: ListBoxComponent;
|
|
471
|
+
private actionSub;
|
|
472
|
+
private selectedBoxSub;
|
|
473
|
+
private connectedWithSub;
|
|
474
|
+
private selectedBox;
|
|
475
|
+
constructor(listbox: ListBoxComponent, zone: NgZone);
|
|
476
|
+
/**
|
|
477
|
+
* @hidden
|
|
478
|
+
*/
|
|
479
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
480
|
+
/**
|
|
481
|
+
* @hidden
|
|
482
|
+
*/
|
|
483
|
+
ngOnDestroy(): void;
|
|
484
|
+
private moveVertically;
|
|
485
|
+
private removeSelectedItems;
|
|
486
|
+
private transferSelectedItems;
|
|
487
|
+
private transferAll;
|
|
488
|
+
private updateListBoxIndices;
|
|
489
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<DataBindingDirective, never>;
|
|
490
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<DataBindingDirective, "[kendoListBoxDataBinding]", never, { "connectedWith": { "alias": "connectedWith"; "required": false; }; }, {}, never, never, true, never>;
|
|
491
|
+
}
|
|
492
|
+
|
|
493
|
+
/**
|
|
494
|
+
* @hidden
|
|
495
|
+
*/
|
|
496
|
+
declare class Messages extends ComponentMessages {
|
|
497
|
+
/**
|
|
498
|
+
* The text of the `Move Up` button title.
|
|
499
|
+
*/
|
|
500
|
+
moveUp: string;
|
|
501
|
+
/**
|
|
502
|
+
* The text of the `Move Down` button title.
|
|
503
|
+
*/
|
|
504
|
+
moveDown: string;
|
|
505
|
+
/**
|
|
506
|
+
* The text of the `Remove` button tittle.
|
|
507
|
+
*/
|
|
508
|
+
remove: string;
|
|
509
|
+
/**
|
|
510
|
+
* The text of the `Transfer To` button title.
|
|
511
|
+
*/
|
|
512
|
+
transferTo: string;
|
|
513
|
+
/**
|
|
514
|
+
* The text of the `Transfer From` button title.
|
|
515
|
+
*/
|
|
516
|
+
transferFrom: string;
|
|
517
|
+
/**
|
|
518
|
+
* The text of the `Transfer All To` button title.
|
|
519
|
+
*/
|
|
520
|
+
transferAllTo: string;
|
|
521
|
+
/**
|
|
522
|
+
* The text of the `Transfer All From` button title.
|
|
523
|
+
*/
|
|
524
|
+
transferAllFrom: string;
|
|
525
|
+
/**
|
|
526
|
+
* The text displayed when there are no items.
|
|
527
|
+
*/
|
|
528
|
+
noDataText: string;
|
|
529
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
|
|
530
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<Messages, never, never, { "moveUp": { "alias": "moveUp"; "required": false; }; "moveDown": { "alias": "moveDown"; "required": false; }; "remove": { "alias": "remove"; "required": false; }; "transferTo": { "alias": "transferTo"; "required": false; }; "transferFrom": { "alias": "transferFrom"; "required": false; }; "transferAllTo": { "alias": "transferAllTo"; "required": false; }; "transferAllFrom": { "alias": "transferAllFrom"; "required": false; }; "noDataText": { "alias": "noDataText"; "required": false; }; }, {}, never, never, true, never>;
|
|
531
|
+
}
|
|
532
|
+
|
|
533
|
+
/**
|
|
534
|
+
* Provides custom messages that override the default component messages
|
|
535
|
+
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listbox/globalization#custom-messages)).
|
|
536
|
+
*
|
|
537
|
+
* @example
|
|
538
|
+
* ```typescript
|
|
539
|
+
* @Component({
|
|
540
|
+
* selector: 'my-app',
|
|
541
|
+
* template: `
|
|
542
|
+
* <kendo-listbox-messages
|
|
543
|
+
* transferAllTo="Transfer All To"
|
|
544
|
+
* transferAllFrom="Transfer All From">
|
|
545
|
+
* </kendo-listbox-messages>
|
|
546
|
+
* `
|
|
547
|
+
* })
|
|
548
|
+
* export class AppComponent { }
|
|
549
|
+
* ```
|
|
550
|
+
*/
|
|
551
|
+
declare class CustomMessagesComponent extends Messages {
|
|
552
|
+
protected service: LocalizationService;
|
|
553
|
+
constructor(service: LocalizationService);
|
|
554
|
+
protected get override(): boolean;
|
|
555
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
|
|
556
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-listbox-messages", never, {}, {}, never, never, true, never>;
|
|
557
|
+
}
|
|
558
|
+
|
|
559
|
+
/**
|
|
560
|
+
* Represents the [NgModule](https://angular.io/api/core/NgModule) definition for the ListBox component.
|
|
561
|
+
*/
|
|
562
|
+
declare class ListBoxModule {
|
|
563
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxModule, never>;
|
|
564
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ListBoxModule, never, [typeof ListBoxComponent, typeof ItemTemplateDirective, typeof ItemSelectableDirective, typeof NoDataTemplateDirective, typeof DataBindingDirective, typeof CustomMessagesComponent], [typeof ListBoxComponent, typeof ItemTemplateDirective, typeof ItemSelectableDirective, typeof NoDataTemplateDirective, typeof DataBindingDirective, typeof CustomMessagesComponent]>;
|
|
565
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ListBoxModule>;
|
|
566
|
+
}
|
|
567
|
+
|
|
568
|
+
/**
|
|
569
|
+
* @hidden
|
|
570
|
+
*/
|
|
571
|
+
declare class LocalizedMessagesDirective extends Messages {
|
|
572
|
+
protected service: LocalizationService;
|
|
573
|
+
constructor(service: LocalizationService);
|
|
574
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
|
|
575
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoListBoxLocalizedMessages]", never, {}, {}, never, never, true, never>;
|
|
576
|
+
}
|
|
577
|
+
|
|
578
|
+
/**
|
|
579
|
+
* Utility array that contains all `@progress/kendo-angular-listbox` related components and directives
|
|
580
|
+
*/
|
|
581
|
+
declare const KENDO_LISTBOX: readonly [typeof ListBoxComponent, typeof ItemTemplateDirective, typeof ItemSelectableDirective, typeof NoDataTemplateDirective, typeof DataBindingDirective, typeof CustomMessagesComponent];
|
|
582
|
+
|
|
583
|
+
export { CustomMessagesComponent, DataBindingDirective, ItemSelectableDirective, ItemTemplateDirective, KENDO_LISTBOX, ListBoxComponent, ListBoxModule, LocalizedMessagesDirective, NoDataTemplateDirective };
|
|
584
|
+
export type { ActionName, ListBoxSelectionEvent, ListBoxSize, ListBoxToolbarConfig, ListBoxToolbarPosition };
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "
|
|
10
|
+
"publishDate": 1785318020,
|
|
11
|
+
"version": "25.0.0-develop.12",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-listbox",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "25.0.0-develop.12",
|
|
4
4
|
"description": "Kendo UI for Angular ListBox",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -41,24 +41,24 @@
|
|
|
41
41
|
"package": {
|
|
42
42
|
"productName": "Kendo UI for Angular",
|
|
43
43
|
"productCode": "KENDOUIANGULAR",
|
|
44
|
-
"publishDate":
|
|
44
|
+
"publishDate": 1785318020,
|
|
45
45
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
|
-
"@angular/animations": "
|
|
50
|
-
"@angular/common": "
|
|
51
|
-
"@angular/core": "
|
|
52
|
-
"@angular/platform-browser": "
|
|
49
|
+
"@angular/animations": "20 - 22",
|
|
50
|
+
"@angular/common": "20 - 22",
|
|
51
|
+
"@angular/core": "20 - 22",
|
|
52
|
+
"@angular/platform-browser": "20 - 22",
|
|
53
53
|
"@progress/kendo-licensing": "^1.11.0",
|
|
54
|
-
"@progress/kendo-angular-buttons": "
|
|
55
|
-
"@progress/kendo-angular-common": "
|
|
56
|
-
"@progress/kendo-angular-popup": "
|
|
54
|
+
"@progress/kendo-angular-buttons": "25.0.0-develop.12",
|
|
55
|
+
"@progress/kendo-angular-common": "25.0.0-develop.12",
|
|
56
|
+
"@progress/kendo-angular-popup": "25.0.0-develop.12",
|
|
57
57
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
58
58
|
},
|
|
59
59
|
"dependencies": {
|
|
60
60
|
"tslib": "^2.3.1",
|
|
61
|
-
"@progress/kendo-angular-schematics": "
|
|
61
|
+
"@progress/kendo-angular-schematics": "25.0.0-develop.12",
|
|
62
62
|
"@progress/kendo-common": "^1.0.1"
|
|
63
63
|
},
|
|
64
64
|
"schematics": "./schematics/collection.json",
|
|
@@ -11,11 +11,11 @@ function default_1(options) {
|
|
|
11
11
|
// Additional dependencies to install.
|
|
12
12
|
// See https://github.com/telerik/kendo-schematics/issues/28
|
|
13
13
|
peerDependencies: {
|
|
14
|
-
'@progress/kendo-angular-buttons': '
|
|
15
|
-
'@progress/kendo-angular-common': '
|
|
16
|
-
'@progress/kendo-angular-l10n': '
|
|
14
|
+
'@progress/kendo-angular-buttons': '25.0.0-develop.12',
|
|
15
|
+
'@progress/kendo-angular-common': '25.0.0-develop.12',
|
|
16
|
+
'@progress/kendo-angular-l10n': '25.0.0-develop.12',
|
|
17
17
|
// Peer of kendo-angular-buttons
|
|
18
|
-
'@progress/kendo-angular-popup': '
|
|
18
|
+
'@progress/kendo-angular-popup': '25.0.0-develop.12'
|
|
19
19
|
} });
|
|
20
20
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
21
21
|
}
|
package/constants.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright © 2026 Progress Software Corporation. All rights reserved.
|
|
3
|
-
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
|
-
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { ListBoxToolbarPosition, Tool } from "./toolbar";
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export declare const DEFAULT_TOOLBAR_POSITION: ListBoxToolbarPosition;
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
*/
|
|
13
|
-
export declare const allTools: Tool[];
|
|
14
|
-
/**
|
|
15
|
-
* @hidden
|
|
16
|
-
*/
|
|
17
|
-
export declare const sizeClassMap: {
|
|
18
|
-
[key: string]: string;
|
|
19
|
-
};
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
export declare const actionsClasses: {
|
|
24
|
-
[key: string]: string;
|
|
25
|
-
};
|