@progress/kendo-angular-listbox 24.2.2 → 25.0.0-develop.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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
|
@@ -1,58 +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 { NgZone, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
|
|
6
|
-
import { ListBoxComponent } from './listbox.component';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* Represents the data-binding directive for the Kendo UI ListBox for Angular.
|
|
10
|
-
* Manages the functionality of the ListBox tools out of the box and modifies the provided data accordingly.
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```typescript
|
|
14
|
-
* @Component({
|
|
15
|
-
* selector: 'my-app',
|
|
16
|
-
* template: `
|
|
17
|
-
* <kendo-listbox
|
|
18
|
-
* kendoListBoxDataBinding
|
|
19
|
-
* [connectedWith]="targetListBox"
|
|
20
|
-
* [data]="sourceData">
|
|
21
|
-
* </kendo-listbox>
|
|
22
|
-
* `
|
|
23
|
-
* })
|
|
24
|
-
* export class AppComponent { }
|
|
25
|
-
* ```
|
|
26
|
-
*
|
|
27
|
-
* @remarks
|
|
28
|
-
* Applied to: {@link ListBoxComponent}.
|
|
29
|
-
*/
|
|
30
|
-
export declare class DataBindingDirective implements OnChanges, OnDestroy {
|
|
31
|
-
private listbox;
|
|
32
|
-
private zone;
|
|
33
|
-
/**
|
|
34
|
-
* Specifies the `ListBoxComponent` instance with which the current ListBox connects.
|
|
35
|
-
* When you link two listboxes through this input, you can transfer items between them.
|
|
36
|
-
*/
|
|
37
|
-
connectedWith: ListBoxComponent;
|
|
38
|
-
private actionSub;
|
|
39
|
-
private selectedBoxSub;
|
|
40
|
-
private connectedWithSub;
|
|
41
|
-
private selectedBox;
|
|
42
|
-
constructor(listbox: ListBoxComponent, zone: NgZone);
|
|
43
|
-
/**
|
|
44
|
-
* @hidden
|
|
45
|
-
*/
|
|
46
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
47
|
-
/**
|
|
48
|
-
* @hidden
|
|
49
|
-
*/
|
|
50
|
-
ngOnDestroy(): void;
|
|
51
|
-
private moveVertically;
|
|
52
|
-
private removeSelectedItems;
|
|
53
|
-
private transferSelectedItems;
|
|
54
|
-
private transferAll;
|
|
55
|
-
private updateListBoxIndices;
|
|
56
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DataBindingDirective, never>;
|
|
57
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DataBindingDirective, "[kendoListBoxDataBinding]", never, { "connectedWith": { "alias": "connectedWith"; "required": false; }; }, {}, never, never, true, never>;
|
|
58
|
-
}
|
package/directives.d.ts
DELETED
|
@@ -1,14 +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 { DataBindingDirective } from "./data-binding.directive";
|
|
6
|
-
import { ItemSelectableDirective } from "./item-selectable.directive";
|
|
7
|
-
import { ItemTemplateDirective } from "./item-template.directive";
|
|
8
|
-
import { ListBoxComponent } from "./listbox.component";
|
|
9
|
-
import { CustomMessagesComponent } from "./localization/custom-messages.component";
|
|
10
|
-
import { NoDataTemplateDirective } from "./no-data-template.directive";
|
|
11
|
-
/**
|
|
12
|
-
* Utility array that contains all `@progress/kendo-angular-listbox` related components and directives
|
|
13
|
-
*/
|
|
14
|
-
export declare const KENDO_LISTBOX: readonly [typeof ListBoxComponent, typeof ItemTemplateDirective, typeof ItemSelectableDirective, typeof NoDataTemplateDirective, typeof DataBindingDirective, typeof CustomMessagesComponent];
|
|
@@ -1,18 +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 { ListBoxSelectionService } from './selection.service';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export declare class ItemSelectableDirective {
|
|
11
|
-
private selectionService;
|
|
12
|
-
index: number;
|
|
13
|
-
constructor(selectionService: ListBoxSelectionService);
|
|
14
|
-
get selectedClassName(): boolean;
|
|
15
|
-
onClick(event: any): void;
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ItemSelectableDirective, never>;
|
|
17
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ItemSelectableDirective, "[kendoListBoxItemSelectable]", never, { "index": { "alias": "index"; "required": false; }; }, {}, never, never, true, never>;
|
|
18
|
-
}
|
|
@@ -1,33 +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 { TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Allows you to customize the rendering of each item in the Kendo UI ListBox for Angular.
|
|
9
|
-
*
|
|
10
|
-
* Place an `<ng-template>` with the `kendoListBoxItemTemplate` directive inside your `<kendo-listbox>` component.
|
|
11
|
-
* The template context exposes the current data item as `let-dataItem`.
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```typescript
|
|
15
|
-
* @Component({
|
|
16
|
-
* selector: 'my-app',
|
|
17
|
-
* template: `
|
|
18
|
-
* <kendo-listbox [data]="listBoxItems">
|
|
19
|
-
* <ng-template kendoListBoxItemTemplate let-dataItem>
|
|
20
|
-
* <span>{{ dataItem }} item</span>
|
|
21
|
-
* </ng-template>
|
|
22
|
-
* </kendo-listbox>
|
|
23
|
-
* `
|
|
24
|
-
* })
|
|
25
|
-
* export class AppComponent { }
|
|
26
|
-
* ```
|
|
27
|
-
*/
|
|
28
|
-
export declare class ItemTemplateDirective {
|
|
29
|
-
templateRef: TemplateRef<any>;
|
|
30
|
-
constructor(templateRef: TemplateRef<any>);
|
|
31
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ItemTemplateDirective, never>;
|
|
32
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ItemTemplateDirective, "[kendoListBoxItemTemplate]", never, {}, {}, never, never, true, never>;
|
|
33
|
-
}
|
|
@@ -1,58 +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 { ElementRef, EventEmitter, NgZone, Renderer2 } from "@angular/core";
|
|
6
|
-
import { Button } from "@progress/kendo-angular-buttons";
|
|
7
|
-
import { ListBoxComponent } from "./listbox.component";
|
|
8
|
-
import { ActionName, Tool } from "./toolbar";
|
|
9
|
-
import * as i0 from "@angular/core";
|
|
10
|
-
/**
|
|
11
|
-
* @hidden
|
|
12
|
-
* Internal event for keyboard navigation selection changes
|
|
13
|
-
*/
|
|
14
|
-
export interface KeyboardSelectionEvent {
|
|
15
|
-
index: number;
|
|
16
|
-
prevIndex?: number;
|
|
17
|
-
ctrlKey?: boolean;
|
|
18
|
-
shiftKey?: boolean;
|
|
19
|
-
}
|
|
20
|
-
/**
|
|
21
|
-
* @hidden
|
|
22
|
-
*/
|
|
23
|
-
export declare class KeyboardNavigationService {
|
|
24
|
-
private renderer;
|
|
25
|
-
private zone;
|
|
26
|
-
selectedListboxItemIndex: number;
|
|
27
|
-
focusedListboxItemIndex: number;
|
|
28
|
-
focusedToolIndex: number;
|
|
29
|
-
onDeleteEvent: EventEmitter<number>;
|
|
30
|
-
onMoveSelectedItem: EventEmitter<string>;
|
|
31
|
-
onTransferAllEvent: EventEmitter<ActionName>;
|
|
32
|
-
onShiftSelectedItem: EventEmitter<ActionName>;
|
|
33
|
-
onSelectionChange: EventEmitter<KeyboardSelectionEvent>;
|
|
34
|
-
onSelectAll: EventEmitter<void>;
|
|
35
|
-
onSelectToEnd: EventEmitter<{
|
|
36
|
-
direction: 'home' | 'end';
|
|
37
|
-
}>;
|
|
38
|
-
constructor(renderer: Renderer2, zone: NgZone);
|
|
39
|
-
onKeyDown(event: any, toolsRef: Array<Button>, toolbar: Tool[], childListbox: ListBoxComponent, parentListbox: ListBoxComponent, listboxItems: Array<ElementRef>, currentListbox: ListBoxComponent): void;
|
|
40
|
-
changeTabindex(previousItem: HTMLElement, currentItem: HTMLElement, shouldBlur?: boolean): void;
|
|
41
|
-
private handleToolbarArrows;
|
|
42
|
-
private onSpaceKey;
|
|
43
|
-
private onArrowUpOrDown;
|
|
44
|
-
private onArrowLeftOrRight;
|
|
45
|
-
private onSelectChange;
|
|
46
|
-
private onF10Key;
|
|
47
|
-
private transferAllItems;
|
|
48
|
-
private transferItem;
|
|
49
|
-
private changeFocusedItem;
|
|
50
|
-
private onShiftArrow;
|
|
51
|
-
private onArrowDown;
|
|
52
|
-
private onArrowUp;
|
|
53
|
-
private isItemDisabled;
|
|
54
|
-
private findNextEnabledIndex;
|
|
55
|
-
private calculateNextActiveItem;
|
|
56
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<KeyboardNavigationService, never>;
|
|
57
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<KeyboardNavigationService>;
|
|
58
|
-
}
|
package/listbox.component.d.ts
DELETED
|
@@ -1,242 +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 { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, Renderer2 } from '@angular/core';
|
|
6
|
-
import { ListBoxSelectionEvent, ListBoxSelectionService } from './selection.service';
|
|
7
|
-
import { ItemTemplateDirective } from './item-template.directive';
|
|
8
|
-
import { NoDataTemplateDirective } from './no-data-template.directive';
|
|
9
|
-
import { Direction } from './util';
|
|
10
|
-
import { ListBoxSize } from './size';
|
|
11
|
-
import { ActionName, ListBoxToolbarConfig, Tool } from './toolbar';
|
|
12
|
-
import { SelectionMode } from './selection-mode';
|
|
13
|
-
import { Button } from '@progress/kendo-angular-buttons';
|
|
14
|
-
import { KeyboardNavigationService } from './keyboard-navigation.service';
|
|
15
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
16
|
-
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
17
|
-
import * as i0 from "@angular/core";
|
|
18
|
-
/**
|
|
19
|
-
* Represents the Kendo UI ListBox component for Angular.
|
|
20
|
-
* Provides a list of items from which you can select and transfer data between connected ListBoxes
|
|
21
|
-
* ([see overview](https://www.telerik.com/kendo-angular-ui/components/listbox)).
|
|
22
|
-
*
|
|
23
|
-
* @example
|
|
24
|
-
* ```typescript
|
|
25
|
-
* @Component({
|
|
26
|
-
* selector: 'my-app',
|
|
27
|
-
* template: `
|
|
28
|
-
* <kendo-listbox
|
|
29
|
-
* [data]="items"
|
|
30
|
-
* textField="name"
|
|
31
|
-
* [toolbar]="true">
|
|
32
|
-
* </kendo-listbox>
|
|
33
|
-
* `
|
|
34
|
-
* })
|
|
35
|
-
* export class AppComponent {
|
|
36
|
-
* items = [
|
|
37
|
-
* { name: 'Item 1' },
|
|
38
|
-
* { name: 'Item 2' }
|
|
39
|
-
* ];
|
|
40
|
-
* }
|
|
41
|
-
* ```
|
|
42
|
-
*
|
|
43
|
-
* @remarks
|
|
44
|
-
* Supported children components are: {@link CustomMessagesComponent}.
|
|
45
|
-
*/
|
|
46
|
-
export declare class ListBoxComponent implements OnInit, AfterViewInit, OnDestroy {
|
|
47
|
-
keyboardNavigationService: KeyboardNavigationService;
|
|
48
|
-
selectionService: ListBoxSelectionService;
|
|
49
|
-
private hostElement;
|
|
50
|
-
private renderer;
|
|
51
|
-
private zone;
|
|
52
|
-
private localization;
|
|
53
|
-
private cdr;
|
|
54
|
-
/**
|
|
55
|
-
* @hidden
|
|
56
|
-
*/
|
|
57
|
-
listboxClassName: boolean;
|
|
58
|
-
/**
|
|
59
|
-
* @hidden
|
|
60
|
-
*/
|
|
61
|
-
direction: Direction;
|
|
62
|
-
/**
|
|
63
|
-
* @hidden
|
|
64
|
-
*/
|
|
65
|
-
itemTemplate: ItemTemplateDirective;
|
|
66
|
-
/**
|
|
67
|
-
* @hidden
|
|
68
|
-
*/
|
|
69
|
-
noDataTemplate: NoDataTemplateDirective;
|
|
70
|
-
/**
|
|
71
|
-
* @hidden
|
|
72
|
-
*/
|
|
73
|
-
listboxElement: ElementRef;
|
|
74
|
-
/**
|
|
75
|
-
* @hidden
|
|
76
|
-
*/
|
|
77
|
-
listboxItems: QueryList<any>;
|
|
78
|
-
/**
|
|
79
|
-
* @hidden
|
|
80
|
-
*/
|
|
81
|
-
toolbarElement: ElementRef;
|
|
82
|
-
/**
|
|
83
|
-
* @hidden
|
|
84
|
-
*/
|
|
85
|
-
tools: QueryList<Button>;
|
|
86
|
-
/**
|
|
87
|
-
* Specifies the field of the data item that provides the text content of the nodes.
|
|
88
|
-
*/
|
|
89
|
-
textField: string;
|
|
90
|
-
/**
|
|
91
|
-
* Sets the selection mode of the ListBox.
|
|
92
|
-
*
|
|
93
|
-
* @default 'single'
|
|
94
|
-
*/
|
|
95
|
-
set selectable(mode: SelectionMode);
|
|
96
|
-
get selectable(): SelectionMode;
|
|
97
|
-
/**
|
|
98
|
-
* Specifies the data that the ListBox displays.
|
|
99
|
-
*
|
|
100
|
-
* @default []
|
|
101
|
-
*/
|
|
102
|
-
data: any[];
|
|
103
|
-
/**
|
|
104
|
-
* Specifies the size of the component.
|
|
105
|
-
*
|
|
106
|
-
*/
|
|
107
|
-
set size(size: ListBoxSize);
|
|
108
|
-
get size(): ListBoxSize;
|
|
109
|
-
/**
|
|
110
|
-
* Configures the toolbar of the ListBox.
|
|
111
|
-
* Specifies whether to display a toolbar and which tools and position to use.
|
|
112
|
-
*
|
|
113
|
-
* @default false
|
|
114
|
-
*/
|
|
115
|
-
set toolbar(config: boolean | ListBoxToolbarConfig);
|
|
116
|
-
/**
|
|
117
|
-
* Specifies the value of the `aria-label` attribute of the Listbox element.
|
|
118
|
-
*
|
|
119
|
-
* @default 'Listbox'
|
|
120
|
-
*
|
|
121
|
-
* @remarks
|
|
122
|
-
* This property is related to accessibility.
|
|
123
|
-
*/
|
|
124
|
-
listboxLabel: string;
|
|
125
|
-
/**
|
|
126
|
-
* Specifies the value of the `aria-label` attribute of the Listbox toolbar element.
|
|
127
|
-
*
|
|
128
|
-
* @default 'Toolbar'
|
|
129
|
-
*
|
|
130
|
-
* @remarks
|
|
131
|
-
* This property is related to accessibility.
|
|
132
|
-
*/
|
|
133
|
-
listboxToolbarLabel: string;
|
|
134
|
-
/**
|
|
135
|
-
* Specifies a function that determines if a specific item is disabled.
|
|
136
|
-
*/
|
|
137
|
-
itemDisabled: (item: any) => boolean;
|
|
138
|
-
/**
|
|
139
|
-
* Fires when you select a different ListBox item.
|
|
140
|
-
* Also fires when you move a node, because moving changes its index.
|
|
141
|
-
*/
|
|
142
|
-
selectionChange: EventEmitter<ListBoxSelectionEvent>;
|
|
143
|
-
/**
|
|
144
|
-
* Fires when you click a ListBox item.
|
|
145
|
-
*/
|
|
146
|
-
action: EventEmitter<ActionName>;
|
|
147
|
-
/**
|
|
148
|
-
* @hidden
|
|
149
|
-
*/
|
|
150
|
-
getChildListbox: EventEmitter<any>;
|
|
151
|
-
/**
|
|
152
|
-
* @hidden
|
|
153
|
-
*/
|
|
154
|
-
get listClasses(): string;
|
|
155
|
-
/**
|
|
156
|
-
* @hidden
|
|
157
|
-
*/
|
|
158
|
-
messageFor(key: string): string;
|
|
159
|
-
/**
|
|
160
|
-
* @hidden
|
|
161
|
-
*/
|
|
162
|
-
selectedTools: Tool[];
|
|
163
|
-
/**
|
|
164
|
-
* @hidden
|
|
165
|
-
*/
|
|
166
|
-
listboxId: string;
|
|
167
|
-
/**
|
|
168
|
-
* @hidden
|
|
169
|
-
*/
|
|
170
|
-
toolbarId: string;
|
|
171
|
-
/**
|
|
172
|
-
* @hidden
|
|
173
|
-
*/
|
|
174
|
-
childListbox: ListBoxComponent;
|
|
175
|
-
/**
|
|
176
|
-
* @hidden
|
|
177
|
-
*/
|
|
178
|
-
parentListbox: ListBoxComponent;
|
|
179
|
-
/**
|
|
180
|
-
* @hidden
|
|
181
|
-
*/
|
|
182
|
-
chevronLeftIcon: SVGIcon;
|
|
183
|
-
/**
|
|
184
|
-
* @hidden
|
|
185
|
-
*/
|
|
186
|
-
chevronRightIcon: SVGIcon;
|
|
187
|
-
private localizationSubscription;
|
|
188
|
-
private _size;
|
|
189
|
-
private subs;
|
|
190
|
-
private shouldFireFocusIn;
|
|
191
|
-
private _selectable;
|
|
192
|
-
constructor(keyboardNavigationService: KeyboardNavigationService, selectionService: ListBoxSelectionService, hostElement: ElementRef, renderer: Renderer2, zone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef);
|
|
193
|
-
ngOnInit(): void;
|
|
194
|
-
ngAfterViewInit(): void;
|
|
195
|
-
ngOnDestroy(): void;
|
|
196
|
-
/**
|
|
197
|
-
* @hidden
|
|
198
|
-
*/
|
|
199
|
-
performAction(actionName: ActionName): void;
|
|
200
|
-
/**
|
|
201
|
-
* Selects multiple ListBox nodes programmatically.
|
|
202
|
-
*/
|
|
203
|
-
select(indices: number[]): void;
|
|
204
|
-
/**
|
|
205
|
-
* Selects a ListBox node programmatically.
|
|
206
|
-
*
|
|
207
|
-
* @hidden
|
|
208
|
-
*/
|
|
209
|
-
selectItem(index: number): void;
|
|
210
|
-
/**
|
|
211
|
-
* Clears the ListBox selection programmatically.
|
|
212
|
-
*/
|
|
213
|
-
clearSelection(): void;
|
|
214
|
-
/**
|
|
215
|
-
* Gets the indexes of the currently selected items in the ListBox.
|
|
216
|
-
*/
|
|
217
|
-
get selectedIndices(): number[];
|
|
218
|
-
/**
|
|
219
|
-
* @hidden
|
|
220
|
-
*/
|
|
221
|
-
get getListboxId(): string;
|
|
222
|
-
/**
|
|
223
|
-
* @hidden
|
|
224
|
-
*/
|
|
225
|
-
getText(dataItem: any): string;
|
|
226
|
-
/**
|
|
227
|
-
* @hidden
|
|
228
|
-
*/
|
|
229
|
-
toolIcon(icon: string): string;
|
|
230
|
-
/**
|
|
231
|
-
* @hidden
|
|
232
|
-
*/
|
|
233
|
-
toolSVGIcon(icon: SVGIcon): SVGIcon;
|
|
234
|
-
private initSubscriptions;
|
|
235
|
-
private onFocusIn;
|
|
236
|
-
private setIds;
|
|
237
|
-
private onDeleteEvent;
|
|
238
|
-
private setToolbarClass;
|
|
239
|
-
private setSizingClass;
|
|
240
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxComponent, never>;
|
|
241
|
-
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>;
|
|
242
|
-
}
|
package/listbox.module.d.ts
DELETED
|
@@ -1,19 +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 * as i0 from "@angular/core";
|
|
6
|
-
import * as i1 from "./listbox.component";
|
|
7
|
-
import * as i2 from "./item-template.directive";
|
|
8
|
-
import * as i3 from "./item-selectable.directive";
|
|
9
|
-
import * as i4 from "./no-data-template.directive";
|
|
10
|
-
import * as i5 from "./data-binding.directive";
|
|
11
|
-
import * as i6 from "./localization/custom-messages.component";
|
|
12
|
-
/**
|
|
13
|
-
* Represents the [NgModule](https://angular.io/api/core/NgModule) definition for the ListBox component.
|
|
14
|
-
*/
|
|
15
|
-
export declare class ListBoxModule {
|
|
16
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxModule, never>;
|
|
17
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ListBoxModule, never, [typeof i1.ListBoxComponent, typeof i2.ItemTemplateDirective, typeof i3.ItemSelectableDirective, typeof i4.NoDataTemplateDirective, typeof i5.DataBindingDirective, typeof i6.CustomMessagesComponent], [typeof i1.ListBoxComponent, typeof i2.ItemTemplateDirective, typeof i3.ItemSelectableDirective, typeof i4.NoDataTemplateDirective, typeof i5.DataBindingDirective, typeof i6.CustomMessagesComponent]>;
|
|
18
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<ListBoxModule>;
|
|
19
|
-
}
|
|
@@ -1,32 +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 { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
|
-
import { Messages } from './messages';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* Provides custom messages that override the default component messages
|
|
10
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listbox/globalization#custom-messages)).
|
|
11
|
-
*
|
|
12
|
-
* @example
|
|
13
|
-
* ```typescript
|
|
14
|
-
* @Component({
|
|
15
|
-
* selector: 'my-app',
|
|
16
|
-
* template: `
|
|
17
|
-
* <kendo-listbox-messages
|
|
18
|
-
* transferAllTo="Transfer All To"
|
|
19
|
-
* transferAllFrom="Transfer All From">
|
|
20
|
-
* </kendo-listbox-messages>
|
|
21
|
-
* `
|
|
22
|
-
* })
|
|
23
|
-
* export class AppComponent { }
|
|
24
|
-
* ```
|
|
25
|
-
*/
|
|
26
|
-
export declare class CustomMessagesComponent extends Messages {
|
|
27
|
-
protected service: LocalizationService;
|
|
28
|
-
constructor(service: LocalizationService);
|
|
29
|
-
protected get override(): boolean;
|
|
30
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
|
|
31
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-listbox-messages", never, {}, {}, never, never, true, never>;
|
|
32
|
-
}
|
|
@@ -1,16 +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 { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
6
|
-
import { Messages } from './messages';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* @hidden
|
|
10
|
-
*/
|
|
11
|
-
export declare class LocalizedMessagesDirective extends Messages {
|
|
12
|
-
protected service: LocalizationService;
|
|
13
|
-
constructor(service: LocalizationService);
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
|
|
15
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoListBoxLocalizedMessages]", never, {}, {}, never, never, true, never>;
|
|
16
|
-
}
|
|
@@ -1,45 +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 { ComponentMessages } from '@progress/kendo-angular-l10n';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* @hidden
|
|
9
|
-
*/
|
|
10
|
-
export declare class Messages extends ComponentMessages {
|
|
11
|
-
/**
|
|
12
|
-
* The text of the `Move Up` button title.
|
|
13
|
-
*/
|
|
14
|
-
moveUp: string;
|
|
15
|
-
/**
|
|
16
|
-
* The text of the `Move Down` button title.
|
|
17
|
-
*/
|
|
18
|
-
moveDown: string;
|
|
19
|
-
/**
|
|
20
|
-
* The text of the `Remove` button tittle.
|
|
21
|
-
*/
|
|
22
|
-
remove: string;
|
|
23
|
-
/**
|
|
24
|
-
* The text of the `Transfer To` button title.
|
|
25
|
-
*/
|
|
26
|
-
transferTo: string;
|
|
27
|
-
/**
|
|
28
|
-
* The text of the `Transfer From` button title.
|
|
29
|
-
*/
|
|
30
|
-
transferFrom: string;
|
|
31
|
-
/**
|
|
32
|
-
* The text of the `Transfer All To` button title.
|
|
33
|
-
*/
|
|
34
|
-
transferAllTo: string;
|
|
35
|
-
/**
|
|
36
|
-
* The text of the `Transfer All From` button title.
|
|
37
|
-
*/
|
|
38
|
-
transferAllFrom: string;
|
|
39
|
-
/**
|
|
40
|
-
* The text displayed when there are no items.
|
|
41
|
-
*/
|
|
42
|
-
noDataText: string;
|
|
43
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<Messages, never>;
|
|
44
|
-
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>;
|
|
45
|
-
}
|
|
@@ -1,27 +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 { TemplateRef } from '@angular/core';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Lets you customize the content shown when the ListBox has no data to display.
|
|
9
|
-
* To define a no-data template, nest an `<ng-template>` tag
|
|
10
|
-
* with the `kendoListBoxNoDataTemplate` directive inside the `<kendo-listbox>` tag
|
|
11
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/listbox/templates#no-data-template)).
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* ```html
|
|
15
|
-
* <kendo-listbox [data]="[]">
|
|
16
|
-
* <ng-template kendoListBoxNoDataTemplate>
|
|
17
|
-
* No items to display.
|
|
18
|
-
* </ng-template>
|
|
19
|
-
* </kendo-listbox>
|
|
20
|
-
* ```
|
|
21
|
-
*/
|
|
22
|
-
export declare class NoDataTemplateDirective {
|
|
23
|
-
templateRef: TemplateRef<any>;
|
|
24
|
-
constructor(templateRef: TemplateRef<any>);
|
|
25
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<NoDataTemplateDirective, never>;
|
|
26
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<NoDataTemplateDirective, "[kendoListBoxNoDataTemplate]", never, {}, {}, never, never, true, never>;
|
|
27
|
-
}
|
package/package-metadata.d.ts
DELETED
|
@@ -1,9 +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 { type PackageMetadata } from '@progress/kendo-licensing';
|
|
6
|
-
/**
|
|
7
|
-
* @hidden
|
|
8
|
-
*/
|
|
9
|
-
export declare const packageMetadata: PackageMetadata;
|
package/selection-mode.d.ts
DELETED
|
@@ -1,12 +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
|
-
/**
|
|
6
|
-
* Represents the possible selection options of the ListBox.
|
|
7
|
-
*
|
|
8
|
-
* The possible values are:
|
|
9
|
-
* - `'single'` - allows the selection of a single item.
|
|
10
|
-
* - `'multiple'` - allows the selection of multiple items.
|
|
11
|
-
*/
|
|
12
|
-
export type SelectionMode = 'single' | 'multiple';
|
package/selection.service.d.ts
DELETED
|
@@ -1,45 +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 { EventEmitter } from "@angular/core";
|
|
6
|
-
import { SelectionMode } from "./selection-mode";
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
/**
|
|
9
|
-
* Defines the event that fires when you make a new selection in the ListBox component.
|
|
10
|
-
*
|
|
11
|
-
*/
|
|
12
|
-
export interface ListBoxSelectionEvent {
|
|
13
|
-
/**
|
|
14
|
-
* The indices of items that were selected with the last selection operation.
|
|
15
|
-
* Returns `null` if no items were selected.
|
|
16
|
-
*/
|
|
17
|
-
selectedIndices: number[] | null;
|
|
18
|
-
/**
|
|
19
|
-
* The indices of items that were deselected with the last selection operation.
|
|
20
|
-
* Returns `null` if no items were deselected.
|
|
21
|
-
*/
|
|
22
|
-
deselectedIndices: number[] | null;
|
|
23
|
-
}
|
|
24
|
-
/**
|
|
25
|
-
* @hidden
|
|
26
|
-
*/
|
|
27
|
-
export declare class ListBoxSelectionService {
|
|
28
|
-
selectedIndices: number[];
|
|
29
|
-
selectionMode: SelectionMode;
|
|
30
|
-
lastSelectedOrUnselectedIndex: number | null;
|
|
31
|
-
rangeSelectionTargetIndex: number | null;
|
|
32
|
-
rangeSelectionAnchorIndex: number | null;
|
|
33
|
-
isItemDisabled: (index: number) => boolean;
|
|
34
|
-
onSelect: EventEmitter<any>;
|
|
35
|
-
select(index: number, ctrlKey?: boolean, shiftKey?: boolean): void;
|
|
36
|
-
selectRange(targetIndex: number): void;
|
|
37
|
-
setSelectedIndices(indices: number[]): void;
|
|
38
|
-
addToSelectedIndices(index: number): void;
|
|
39
|
-
selectAll(totalItems: number): void;
|
|
40
|
-
areAllSelected(totalItems: number): boolean;
|
|
41
|
-
isSelected(index: number): boolean;
|
|
42
|
-
clearSelection(): void;
|
|
43
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ListBoxSelectionService, never>;
|
|
44
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<ListBoxSelectionService>;
|
|
45
|
-
}
|
package/size.d.ts
DELETED
|
@@ -1,9 +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
|
-
/**
|
|
6
|
-
* Defines the possible size options of the ListBox.
|
|
7
|
-
* The size affects the height of the listbox and the size of the items.
|
|
8
|
-
*/
|
|
9
|
-
export type ListBoxSize = 'small' | 'medium' | 'large';
|