@progress/kendo-angular-dropdowns 24.2.2-develop.9 → 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-dropdowns.mjs +170 -170
- package/index.d.ts +5796 -65
- package/package-metadata.mjs +2 -2
- package/package.json +15 -15
- package/schematics/ngAdd/index.js +2 -2
- package/autocomplete/autocomplete.component.d.ts +0 -524
- package/autocomplete/autocomplete.module.d.ts +0 -45
- package/comboboxes/combobox-column/column-cell-template.directive.d.ts +0 -33
- package/comboboxes/combobox-column/column-header-template.directive.d.ts +0 -31
- package/comboboxes/combobox-column/combobox-column.component.d.ts +0 -91
- package/comboboxes/combobox-column/util.d.ts +0 -15
- package/comboboxes/combobox.component.d.ts +0 -632
- package/comboboxes/combobox.module.d.ts +0 -52
- package/comboboxes/multicolumncombobox.component.d.ts +0 -116
- package/common/adaptive-renderer.component.d.ts +0 -44
- package/common/constants/error-messages.d.ts +0 -61
- package/common/data.service.d.ts +0 -90
- package/common/disabled-items/disabled-items.service.d.ts +0 -20
- package/common/disabled-items/item-disabled.d.ts +0 -21
- package/common/filter-input.directive.d.ts +0 -19
- package/common/filtering/filter-settings.d.ts +0 -55
- package/common/filtering/filter.directive.d.ts +0 -65
- package/common/filtering/filterable-component.d.ts +0 -35
- package/common/list-item.directive.d.ts +0 -15
- package/common/list.component.d.ts +0 -145
- package/common/localization/custom-messages.component.d.ts +0 -70
- package/common/localization/localized-messages.directive.d.ts +0 -16
- package/common/localization/messages.d.ts +0 -55
- package/common/models/checkboxes-settings.d.ts +0 -27
- package/common/models/direction.d.ts +0 -8
- package/common/models/fillmode.d.ts +0 -8
- package/common/models/list-type.d.ts +0 -8
- package/common/models/page-change-event.d.ts +0 -18
- package/common/models/popup-settings.d.ts +0 -46
- package/common/models/preventable-event.d.ts +0 -21
- package/common/models/remove-tag-event.d.ts +0 -20
- package/common/models/rounded.d.ts +0 -8
- package/common/models/size.d.ts +0 -8
- package/common/models/virtualization-settings.d.ts +0 -49
- package/common/navigation/navigation-action.d.ts +0 -30
- package/common/navigation/navigation.service.d.ts +0 -55
- package/common/searchbar.component.d.ts +0 -95
- package/common/selection/selectable.directive.d.ts +0 -24
- package/common/selection/selection.service.d.ts +0 -54
- package/common/shared-events.directive.d.ts +0 -27
- package/common/taglist.component.d.ts +0 -57
- package/common/templates/custom-item-template.directive.d.ts +0 -39
- package/common/templates/fixed-group-template.directive.d.ts +0 -46
- package/common/templates/footer-template.directive.d.ts +0 -40
- package/common/templates/group-tag-template.directive.d.ts +0 -38
- package/common/templates/group-template.directive.d.ts +0 -46
- package/common/templates/header-template.directive.d.ts +0 -40
- package/common/templates/item-template.directive.d.ts +0 -39
- package/common/templates/no-data-template.directive.d.ts +0 -40
- package/common/templates/tag-template.directive.d.ts +0 -37
- package/common/templates/value-template.directive.d.ts +0 -41
- package/common/util.d.ts +0 -204
- package/directives.d.ts +0 -67
- package/dropdownlist/dropdownlist.component.d.ts +0 -564
- package/dropdownlist/dropdownlist.module.d.ts +0 -54
- package/dropdowns.module.d.ts +0 -60
- package/dropdowntrees/checked-state/base-check.directive.d.ts +0 -46
- package/dropdowntrees/checked-state/check-all.directive.d.ts +0 -53
- package/dropdowntrees/checked-state/check.directive.d.ts +0 -53
- package/dropdowntrees/checked-state/checkable-settings.d.ts +0 -19
- package/dropdowntrees/checked-state/checked-item.d.ts +0 -28
- package/dropdowntrees/data-binding/dropdowntree/flat-binding.directive.d.ts +0 -38
- package/dropdowntrees/data-binding/dropdowntree/hierarchy-binding.directive.d.ts +0 -34
- package/dropdowntrees/data-binding/multiselecttree/flat-binding.directive.d.ts +0 -38
- package/dropdowntrees/data-binding/multiselecttree/hierarchy-binding.directive.d.ts +0 -34
- package/dropdowntrees/dropdowntree.component.d.ts +0 -622
- package/dropdowntrees/dropdowntrees.module.d.ts +0 -45
- package/dropdowntrees/expanded-state/expand.directive.d.ts +0 -33
- package/dropdowntrees/lookup/lookup.d.ts +0 -51
- package/dropdowntrees/lookup/lookup.service.d.ts +0 -32
- package/dropdowntrees/multiselecttree.component.d.ts +0 -709
- package/dropdowntrees/summary-tag/summary-tag.directive.d.ts +0 -39
- package/dropdowntrees/templates/node-template.directive.d.ts +0 -22
- package/multiselect/multiselect.component.d.ts +0 -647
- package/multiselect/multiselect.module.d.ts +0 -54
- package/multiselect/summary-tag.directive.d.ts +0 -36
- package/package-metadata.d.ts +0 -9
|
@@ -1,709 +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 { AfterContentChecked, ChangeDetectorRef, ElementRef, EventEmitter, Injector, NgZone, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges, TemplateRef, ViewContainerRef } from '@angular/core';
|
|
6
|
-
import { ControlValueAccessor, FormControl } from '@angular/forms';
|
|
7
|
-
import { AdaptiveSize, AdaptiveService } from '@progress/kendo-angular-utils';
|
|
8
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
9
|
-
import { NavigationService } from '../common/navigation/navigation.service';
|
|
10
|
-
import { PopupRef, PopupService } from '@progress/kendo-angular-popup';
|
|
11
|
-
import { DataBoundComponent, ExpandableComponent, NodeClickEvent, TreeItem, TreeViewComponent } from '@progress/kendo-angular-treeview';
|
|
12
|
-
import { PopupSettings } from '../common/models/popup-settings';
|
|
13
|
-
import { MultiSelectTreeCheckableSettings } from './checked-state/checkable-settings';
|
|
14
|
-
import { PreventableEvent } from '../common/models/preventable-event';
|
|
15
|
-
import { Direction } from '../common/models/direction';
|
|
16
|
-
import { RemoveTagEvent } from '../common/models/remove-tag-event';
|
|
17
|
-
import { CheckedItem } from './checked-state/checked-item';
|
|
18
|
-
import { AdaptiveMode } from '../common/util';
|
|
19
|
-
import { HeaderTemplateDirective } from '../common/templates/header-template.directive';
|
|
20
|
-
import { FooterTemplateDirective } from '../common/templates/footer-template.directive';
|
|
21
|
-
import { NodeTemplateDirective } from './templates/node-template.directive';
|
|
22
|
-
import { NoDataTemplateDirective } from '../common/templates/no-data-template.directive';
|
|
23
|
-
import { TagTemplateDirective } from '../common/templates/tag-template.directive';
|
|
24
|
-
import { GroupTagTemplateDirective } from '../common/templates/group-tag-template.directive';
|
|
25
|
-
import { Observable } from 'rxjs';
|
|
26
|
-
import { DropDownSize } from '../common/models/size';
|
|
27
|
-
import { DropDownRounded } from '../common/models/rounded';
|
|
28
|
-
import { DropDownFillMode } from '../common/models/fillmode';
|
|
29
|
-
import { MultiSelectTreeLookupService } from './lookup/lookup.service';
|
|
30
|
-
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
31
|
-
import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
|
|
32
|
-
import { TextBoxComponent } from '@progress/kendo-angular-inputs';
|
|
33
|
-
import { AdaptiveRendererComponent } from '../common/adaptive-renderer.component';
|
|
34
|
-
import * as i0 from "@angular/core";
|
|
35
|
-
/**
|
|
36
|
-
* Represents the Kendo UI for Angular [MultiSelectTree](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree) component.
|
|
37
|
-
*
|
|
38
|
-
* The `MultiSelectTree` lets you select multiple items from hierarchical data in a tree structure.
|
|
39
|
-
* It provides built-in filtering, checkboxes, and adaptive rendering for mobile devices.
|
|
40
|
-
*
|
|
41
|
-
* @example
|
|
42
|
-
* ```typescript
|
|
43
|
-
* @Component({
|
|
44
|
-
* selector: 'my-app',
|
|
45
|
-
* template: `
|
|
46
|
-
* <kendo-multiselecttree
|
|
47
|
-
* [data]="data"
|
|
48
|
-
* textField="text"
|
|
49
|
-
* valueField="value"
|
|
50
|
-
* [(value)]="selectedValues">
|
|
51
|
-
* </kendo-multiselecttree>
|
|
52
|
-
* `
|
|
53
|
-
* })
|
|
54
|
-
* export class AppComponent {
|
|
55
|
-
* public data = [
|
|
56
|
-
* { text: 'Root', value: 1, items: [
|
|
57
|
-
* { text: 'Child 1', value: 2 },
|
|
58
|
-
* { text: 'Child 2', value: 3 }
|
|
59
|
-
* ]}
|
|
60
|
-
* ];
|
|
61
|
-
* public selectedValues = [2, 3];
|
|
62
|
-
* }
|
|
63
|
-
* ```
|
|
64
|
-
* @remarks
|
|
65
|
-
* Supported children components are: {@link CustomMessagesComponent}.
|
|
66
|
-
*/
|
|
67
|
-
export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnChanges, AfterContentChecked, DataBoundComponent, ExpandableComponent, ControlValueAccessor {
|
|
68
|
-
private injector;
|
|
69
|
-
wrapper: ElementRef;
|
|
70
|
-
private popupService;
|
|
71
|
-
private renderer;
|
|
72
|
-
private navigationService;
|
|
73
|
-
private _zone;
|
|
74
|
-
private localization;
|
|
75
|
-
private cdr;
|
|
76
|
-
private lookup;
|
|
77
|
-
private adaptiveService;
|
|
78
|
-
/**
|
|
79
|
-
* @hidden
|
|
80
|
-
*/
|
|
81
|
-
touchEnabled: any;
|
|
82
|
-
/**
|
|
83
|
-
* @hidden
|
|
84
|
-
*/
|
|
85
|
-
animationDuration: number;
|
|
86
|
-
/**
|
|
87
|
-
* @hidden
|
|
88
|
-
*/
|
|
89
|
-
searchIcon: SVGIcon;
|
|
90
|
-
/**
|
|
91
|
-
* @hidden
|
|
92
|
-
*/
|
|
93
|
-
xIcon: SVGIcon;
|
|
94
|
-
get isDisabled(): boolean | null;
|
|
95
|
-
treeViewId: string;
|
|
96
|
-
get hostAriaAutocomplete(): string;
|
|
97
|
-
get isLoading(): boolean;
|
|
98
|
-
get hostAriaInvalid(): boolean | null;
|
|
99
|
-
get isBusy(): string;
|
|
100
|
-
get id(): string;
|
|
101
|
-
direction: Direction;
|
|
102
|
-
get hostTabIndex(): number;
|
|
103
|
-
role: string;
|
|
104
|
-
ariaHasPopup: string;
|
|
105
|
-
get isReadonly(): string;
|
|
106
|
-
get ariaDescribedBy(): string;
|
|
107
|
-
get ariaActiveDescendant(): string;
|
|
108
|
-
/**
|
|
109
|
-
* @hidden
|
|
110
|
-
*/
|
|
111
|
-
get formControl(): FormControl;
|
|
112
|
-
/**
|
|
113
|
-
* @hidden
|
|
114
|
-
*/
|
|
115
|
-
onFilterChange(text: any): void;
|
|
116
|
-
/**
|
|
117
|
-
* Controls the adaptive mode behavior of the component.
|
|
118
|
-
* Set to `auto` to enable automatic adaptive rendering on small screens.
|
|
119
|
-
*
|
|
120
|
-
* @default 'none'
|
|
121
|
-
*/
|
|
122
|
-
adaptiveMode: AdaptiveMode;
|
|
123
|
-
/**
|
|
124
|
-
* Sets the title text for the ActionSheet in adaptive mode on small screens.
|
|
125
|
-
* Uses the component label by default if not set.
|
|
126
|
-
*
|
|
127
|
-
* @default ''
|
|
128
|
-
*/
|
|
129
|
-
adaptiveTitle: string;
|
|
130
|
-
/**
|
|
131
|
-
* Sets the subtitle text for the ActionSheet in adaptive mode on small screens.
|
|
132
|
-
* No subtitle appears by default.
|
|
133
|
-
*/
|
|
134
|
-
adaptiveSubtitle: string;
|
|
135
|
-
/**
|
|
136
|
-
* @hidden
|
|
137
|
-
*/
|
|
138
|
-
get isAdaptiveModeEnabled(): boolean;
|
|
139
|
-
/**
|
|
140
|
-
* @hidden
|
|
141
|
-
*/
|
|
142
|
-
windowSize: AdaptiveSize;
|
|
143
|
-
/**
|
|
144
|
-
* @hidden
|
|
145
|
-
*/
|
|
146
|
-
get isActionSheetExpanded(): boolean;
|
|
147
|
-
/**
|
|
148
|
-
* @hidden
|
|
149
|
-
*/
|
|
150
|
-
handleKeydown(event: any, input?: HTMLInputElement): void;
|
|
151
|
-
/**
|
|
152
|
-
* @hidden
|
|
153
|
-
*/
|
|
154
|
-
adaptiveRendererComponent: AdaptiveRendererComponent;
|
|
155
|
-
/**
|
|
156
|
-
* @hidden
|
|
157
|
-
*/
|
|
158
|
-
get actionSheet(): ActionSheetComponent;
|
|
159
|
-
/**
|
|
160
|
-
* @hidden
|
|
161
|
-
*/
|
|
162
|
-
get actionSheetSearchBar(): TextBoxComponent;
|
|
163
|
-
/**
|
|
164
|
-
* @hidden
|
|
165
|
-
*/
|
|
166
|
-
get isAdaptive(): boolean;
|
|
167
|
-
headerTemplate: HeaderTemplateDirective;
|
|
168
|
-
footerTemplate: FooterTemplateDirective;
|
|
169
|
-
nodeTemplate: NodeTemplateDirective;
|
|
170
|
-
noDataTemplate: NoDataTemplateDirective;
|
|
171
|
-
tagTemplate: TagTemplateDirective;
|
|
172
|
-
groupTagTemplate: GroupTagTemplateDirective;
|
|
173
|
-
popupTemplate: TemplateRef<any>;
|
|
174
|
-
container: ViewContainerRef;
|
|
175
|
-
set treeview(treeview: TreeViewComponent);
|
|
176
|
-
get treeview(): TreeViewComponent;
|
|
177
|
-
private filterInput;
|
|
178
|
-
private checkAllInput;
|
|
179
|
-
/**
|
|
180
|
-
* Sets the tab index for keyboard navigation.
|
|
181
|
-
* Use `-1` to remove the component from the tab sequence.
|
|
182
|
-
*
|
|
183
|
-
* @default 0
|
|
184
|
-
*/
|
|
185
|
-
set tabindex(value: number);
|
|
186
|
-
get tabindex(): number;
|
|
187
|
-
/**
|
|
188
|
-
* Sets the visual size of the component. The default value is set by the Kendo theme.
|
|
189
|
-
*/
|
|
190
|
-
set size(size: DropDownSize);
|
|
191
|
-
get size(): DropDownSize;
|
|
192
|
-
/**
|
|
193
|
-
* Sets the border radius style of the component. The default value is set by the Kendo theme.
|
|
194
|
-
*/
|
|
195
|
-
set rounded(rounded: DropDownRounded);
|
|
196
|
-
get rounded(): DropDownRounded;
|
|
197
|
-
/**
|
|
198
|
-
* Sets the fill style for the component background and borders. The default value is set by the Kendo theme.
|
|
199
|
-
*/
|
|
200
|
-
set fillMode(fillMode: DropDownFillMode);
|
|
201
|
-
get fillMode(): DropDownFillMode;
|
|
202
|
-
/**
|
|
203
|
-
* Configures the popup container settings: animation, dimensions, styling and positioning.
|
|
204
|
-
*/
|
|
205
|
-
set popupSettings(settings: PopupSettings);
|
|
206
|
-
get popupSettings(): PopupSettings;
|
|
207
|
-
/**
|
|
208
|
-
* Configures the checkbox behavior for the MultiSelecTree nodes.
|
|
209
|
-
* Use `checkableSettings` to control parent-child selection relationships and click interactions.
|
|
210
|
-
*
|
|
211
|
-
* @default '{ checkChildren: true, checkOnClick: true }'
|
|
212
|
-
*/
|
|
213
|
-
set checkableSettings(settings: MultiSelectTreeCheckableSettings);
|
|
214
|
-
get checkableSettings(): MultiSelectTreeCheckableSettings;
|
|
215
|
-
/**
|
|
216
|
-
* Sets the hierarchical data source for the tree structure.
|
|
217
|
-
* Provide an array of objects that contain the tree data and structure.
|
|
218
|
-
*/
|
|
219
|
-
set data(data: object[]);
|
|
220
|
-
get data(): object[];
|
|
221
|
-
/**
|
|
222
|
-
* Sets the selected values in the component.
|
|
223
|
-
* Accepts primitive values if `valuePrimitive` is `true`, or objects if `false`.
|
|
224
|
-
*/
|
|
225
|
-
set value(value: any[]);
|
|
226
|
-
get value(): any[];
|
|
227
|
-
/**
|
|
228
|
-
* Sets the data items that correspond to the selected values.
|
|
229
|
-
* Required when using primitive values to resolve the full data objects.
|
|
230
|
-
*/
|
|
231
|
-
set dataItems(items: any[]);
|
|
232
|
-
get dataItems(): any[];
|
|
233
|
-
/**
|
|
234
|
-
* Specifies which data field provides the display text for tree nodes.
|
|
235
|
-
* > The `textField` property can be set to point to a nested property value - e.g. `category.name`.
|
|
236
|
-
*/
|
|
237
|
-
textField: string | string[];
|
|
238
|
-
/**
|
|
239
|
-
* Specifies which data field provides the unique values for tree nodes.
|
|
240
|
-
* > The `valueField` property can be set to point to a nested property value - e.g. `category.id`.
|
|
241
|
-
*/
|
|
242
|
-
valueField: string | string[];
|
|
243
|
-
/**
|
|
244
|
-
* Sets the levels in the data set where the values can be found when `valueField` is an Array.
|
|
245
|
-
* The field serves to correctly allocate a data item used when the MultiSelectTree is initialized with a value.
|
|
246
|
-
*
|
|
247
|
-
* @default []
|
|
248
|
-
*/
|
|
249
|
-
valueDepth: number[];
|
|
250
|
-
/**
|
|
251
|
-
* Controls the loading state visual indicator.
|
|
252
|
-
* Shows a loading spinner when set to `true`.
|
|
253
|
-
*
|
|
254
|
-
* @default false
|
|
255
|
-
*/
|
|
256
|
-
loading: boolean;
|
|
257
|
-
/**
|
|
258
|
-
* Sets the placeholder text shown when no items are selected.
|
|
259
|
-
* Helps guide users on what action to take.
|
|
260
|
-
*
|
|
261
|
-
* @default ''
|
|
262
|
-
*/
|
|
263
|
-
placeholder: string;
|
|
264
|
-
/**
|
|
265
|
-
* Sets the maximum height of the options list in the popup.
|
|
266
|
-
* Controls vertical scrolling when content exceeds this height.
|
|
267
|
-
*
|
|
268
|
-
* @default 200
|
|
269
|
-
*/
|
|
270
|
-
set listHeight(_listHeight: number);
|
|
271
|
-
get listHeight(): number;
|
|
272
|
-
private _listHeight;
|
|
273
|
-
/**
|
|
274
|
-
* Controls whether the component accepts user input.
|
|
275
|
-
* Prevents all user interactions when set to `true`.
|
|
276
|
-
*
|
|
277
|
-
* @default false
|
|
278
|
-
*/
|
|
279
|
-
disabled: boolean;
|
|
280
|
-
/**
|
|
281
|
-
* Sets the component to read-only mode.
|
|
282
|
-
* Displays current selections but prevents changes.
|
|
283
|
-
*
|
|
284
|
-
* @default false
|
|
285
|
-
*/
|
|
286
|
-
readonly: boolean;
|
|
287
|
-
/**
|
|
288
|
-
* Determines the data type of selected values.
|
|
289
|
-
* Set to `true` for primitive values, false for complex objects.
|
|
290
|
-
*
|
|
291
|
-
* @default false
|
|
292
|
-
*/
|
|
293
|
-
valuePrimitive: boolean;
|
|
294
|
-
/**
|
|
295
|
-
* Controls when child nodes load from the data source.
|
|
296
|
-
* Set to `true` to load children only when parent nodes expand.
|
|
297
|
-
*
|
|
298
|
-
* @default false
|
|
299
|
-
*/
|
|
300
|
-
loadOnDemand: boolean;
|
|
301
|
-
/**
|
|
302
|
-
* Sets the unique identifier for the focusable element.
|
|
303
|
-
* Used internally for accessibility and label association.
|
|
304
|
-
*/
|
|
305
|
-
focusableId: string;
|
|
306
|
-
/**
|
|
307
|
-
* Shows a clear button to reset all selections.
|
|
308
|
-
* Appears on hover when selections exist and the component is not disabled.
|
|
309
|
-
*
|
|
310
|
-
* @default true
|
|
311
|
-
*/
|
|
312
|
-
clearButton: boolean;
|
|
313
|
-
/**
|
|
314
|
-
* Enables the built-in filter input for searching tree nodes.
|
|
315
|
-
* Shows a search box above the tree when enabled.
|
|
316
|
-
*
|
|
317
|
-
* @default false
|
|
318
|
-
*/
|
|
319
|
-
filterable: boolean;
|
|
320
|
-
/**
|
|
321
|
-
* Shows a checkbox to select or deselect all visible tree nodes.
|
|
322
|
-
* Appears above the tree when checkboxes are enabled.
|
|
323
|
-
*
|
|
324
|
-
* @default false
|
|
325
|
-
*/
|
|
326
|
-
checkAll: boolean;
|
|
327
|
-
/**
|
|
328
|
-
* Determines if a tree node contains child nodes.
|
|
329
|
-
* Return `true` if the node has children, false otherwise.
|
|
330
|
-
*/
|
|
331
|
-
hasChildren: (node: object) => boolean;
|
|
332
|
-
/**
|
|
333
|
-
* Function that provides child nodes for a parent node.
|
|
334
|
-
* Return an Observable of child objects for the given parent.
|
|
335
|
-
*/
|
|
336
|
-
fetchChildren: (node: object) => Observable<object[]>;
|
|
337
|
-
/**
|
|
338
|
-
* Determines if a specific node is expanded. The function is executed for each data item.
|
|
339
|
-
*/
|
|
340
|
-
isNodeExpanded: (item: object, index: string) => boolean;
|
|
341
|
-
/**
|
|
342
|
-
* Determines if a tree node should be hidden.
|
|
343
|
-
*/
|
|
344
|
-
isNodeVisible: (item: object, index: string) => boolean;
|
|
345
|
-
/**
|
|
346
|
-
* Determines if a tree node is disabled. The function is executed for each data item.
|
|
347
|
-
*/
|
|
348
|
-
itemDisabled: (item: object, index: string) => boolean;
|
|
349
|
-
/**
|
|
350
|
-
* @param { Any[] } dataItems - The selected data items from the list.
|
|
351
|
-
* @returns { Any[] } - The tags that will be rendered by the component.
|
|
352
|
-
* Transforms the provided array of data items into an array of tags.
|
|
353
|
-
*/
|
|
354
|
-
tagMapper: (tags: any) => any;
|
|
355
|
-
/**
|
|
356
|
-
* Fires when the component receives focus.
|
|
357
|
-
*/
|
|
358
|
-
onFocus: EventEmitter<any>;
|
|
359
|
-
/**
|
|
360
|
-
* Fires when the component gets blurred.
|
|
361
|
-
*/
|
|
362
|
-
onBlur: EventEmitter<any>;
|
|
363
|
-
/**
|
|
364
|
-
* Fires when the popup is about to open. ([See example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselecttree/open-state)).
|
|
365
|
-
* This event is preventable. When cancelled, the popup remains closed.
|
|
366
|
-
*/
|
|
367
|
-
open: EventEmitter<PreventableEvent>;
|
|
368
|
-
/**
|
|
369
|
-
* Fires after the popup opens completely.
|
|
370
|
-
* Use this event to perform actions when the popup becomes visible.
|
|
371
|
-
*/
|
|
372
|
-
opened: EventEmitter<any>;
|
|
373
|
-
/**
|
|
374
|
-
* Fires before the popup closes.
|
|
375
|
-
* Cancel this event to prevent the popup from closing.
|
|
376
|
-
*/
|
|
377
|
-
close: EventEmitter<PreventableEvent>;
|
|
378
|
-
/**
|
|
379
|
-
* Fires after the popup closes completely.
|
|
380
|
-
* Use this event to perform cleanup actions when the popup becomes hidden.
|
|
381
|
-
*/
|
|
382
|
-
closed: EventEmitter<any>;
|
|
383
|
-
/**
|
|
384
|
-
* Fires when a tree node is expanded.
|
|
385
|
-
* Use this event to respond to node expansion actions.
|
|
386
|
-
*/
|
|
387
|
-
nodeExpand: EventEmitter<TreeItem>;
|
|
388
|
-
/**
|
|
389
|
-
* Fires when a user collapses a tree node.
|
|
390
|
-
* Use this event to respond to node collapse actions.
|
|
391
|
-
*/
|
|
392
|
-
nodeCollapse: EventEmitter<TreeItem>;
|
|
393
|
-
/**
|
|
394
|
-
* Fires when the selected value changes.
|
|
395
|
-
* Use this event to respond to selection changes.
|
|
396
|
-
*/
|
|
397
|
-
valueChange: EventEmitter<any>;
|
|
398
|
-
/**
|
|
399
|
-
* Fires before a tag is removed.
|
|
400
|
-
* Cancel this event to prevent tag removal.
|
|
401
|
-
*/
|
|
402
|
-
removeTag: EventEmitter<RemoveTagEvent>;
|
|
403
|
-
/**
|
|
404
|
-
* Fires when the filter input value changes.
|
|
405
|
-
* Use this event to implement custom filtering logic.
|
|
406
|
-
*/
|
|
407
|
-
filterChange: EventEmitter<string>;
|
|
408
|
-
/**
|
|
409
|
-
* @hidden
|
|
410
|
-
*/
|
|
411
|
-
get focusedTagId(): string;
|
|
412
|
-
set isFocused(isFocused: boolean);
|
|
413
|
-
get isFocused(): boolean;
|
|
414
|
-
/**
|
|
415
|
-
* Returns the current open state. Returns `true` if the popup or actionSheet is open.
|
|
416
|
-
*/
|
|
417
|
-
get isOpen(): boolean;
|
|
418
|
-
get width(): {
|
|
419
|
-
min: string;
|
|
420
|
-
max: string;
|
|
421
|
-
};
|
|
422
|
-
get height(): string;
|
|
423
|
-
get appendTo(): ViewContainerRef;
|
|
424
|
-
/**
|
|
425
|
-
* @hidden
|
|
426
|
-
*/
|
|
427
|
-
get popupContainerClasses(): object;
|
|
428
|
-
/**
|
|
429
|
-
* @hidden
|
|
430
|
-
*
|
|
431
|
-
* Alias for `data`. Used for compatibility with the `DataBoundComponent` interface.
|
|
432
|
-
* Required for the data-binding directives.
|
|
433
|
-
*/
|
|
434
|
-
set nodes(nodes: any[]);
|
|
435
|
-
get nodes(): any[];
|
|
436
|
-
/**
|
|
437
|
-
* @hidden
|
|
438
|
-
*
|
|
439
|
-
* Alias for `fetchChildren`. Used for compatibility with the `DataBoundComponent` interface.
|
|
440
|
-
* Required for the data-binding directives
|
|
441
|
-
*/
|
|
442
|
-
set children(callback: (item: object) => Observable<object[]>);
|
|
443
|
-
get children(): (item: object) => Observable<object[]>;
|
|
444
|
-
/**
|
|
445
|
-
* @hidden
|
|
446
|
-
*
|
|
447
|
-
* Alias for `nodeExpand`. Used for compatibility with the `ExpandableComponent` interface.
|
|
448
|
-
* Required for the expand-directive.
|
|
449
|
-
*/
|
|
450
|
-
get expand(): EventEmitter<TreeItem>;
|
|
451
|
-
/**
|
|
452
|
-
* @hidden
|
|
453
|
-
*
|
|
454
|
-
* Alias for `nodeCollapse`. Used for compatibility with the `ExpandableComponent` interface.
|
|
455
|
-
* Required for the expand-directive.
|
|
456
|
-
*/
|
|
457
|
-
get collapse(): EventEmitter<TreeItem>;
|
|
458
|
-
/**
|
|
459
|
-
* @hidden
|
|
460
|
-
*
|
|
461
|
-
* Alias for `isNodeExpanded`. Used for compatibility with the `ExpandableComponent` interface.
|
|
462
|
-
* Required for the expand-directive.
|
|
463
|
-
*/
|
|
464
|
-
set isExpanded(callback: (item: object, index: string) => boolean);
|
|
465
|
-
get isExpanded(): (item: object, index: string) => boolean;
|
|
466
|
-
/**
|
|
467
|
-
* @hidden
|
|
468
|
-
*
|
|
469
|
-
* Alias for `isNodeVisible`. Used for compatibility with the `DataBoundComponent` interface.
|
|
470
|
-
* The `DataBoundComponent` interface is used in the data-binding directives.
|
|
471
|
-
*/
|
|
472
|
-
set isVisible(callback: (item: object, index: string) => boolean);
|
|
473
|
-
get isVisible(): (item: object, index: string) => boolean;
|
|
474
|
-
private get isTagFocused();
|
|
475
|
-
private get isTreeViewActive();
|
|
476
|
-
private get isWrapperActive();
|
|
477
|
-
private get isFilterActive();
|
|
478
|
-
private get isCheckAllActive();
|
|
479
|
-
/**
|
|
480
|
-
* @hidden
|
|
481
|
-
*/
|
|
482
|
-
onResize(): void;
|
|
483
|
-
/**
|
|
484
|
-
* @hidden
|
|
485
|
-
*/
|
|
486
|
-
filterStateChange: EventEmitter<any>;
|
|
487
|
-
/**
|
|
488
|
-
* @hidden
|
|
489
|
-
*/
|
|
490
|
-
filter: string;
|
|
491
|
-
/**
|
|
492
|
-
* @hidden
|
|
493
|
-
*/
|
|
494
|
-
checkedItems: CheckedItem[];
|
|
495
|
-
/**
|
|
496
|
-
* @hidden
|
|
497
|
-
* The flag is needed in order to determine how to construct the items map keys.
|
|
498
|
-
* If `true`, then the key consists of the item's value and level (depth),
|
|
499
|
-
* else the key consists of the item's value and 0 (no leveling required)
|
|
500
|
-
*/
|
|
501
|
-
isHeterogeneous: boolean;
|
|
502
|
-
/**
|
|
503
|
-
* @hidden
|
|
504
|
-
*/
|
|
505
|
-
showAfter: number;
|
|
506
|
-
/**
|
|
507
|
-
* @hidden
|
|
508
|
-
*/
|
|
509
|
-
allNodesHidden: boolean;
|
|
510
|
-
tagListId: string;
|
|
511
|
-
tagPrefix: string;
|
|
512
|
-
popupRef: PopupRef;
|
|
513
|
-
tags: any[];
|
|
514
|
-
focusedTagIndex: number;
|
|
515
|
-
disabledIndices: Set<number>;
|
|
516
|
-
private _nodes;
|
|
517
|
-
private _value;
|
|
518
|
-
private _tabindex;
|
|
519
|
-
private _popupSettings;
|
|
520
|
-
private _checkableSettings;
|
|
521
|
-
private _isFocused;
|
|
522
|
-
private _treeview;
|
|
523
|
-
private _dataItems;
|
|
524
|
-
private _size;
|
|
525
|
-
private _rounded;
|
|
526
|
-
private _fillMode;
|
|
527
|
-
private _searchableNodes;
|
|
528
|
-
private _typedValue;
|
|
529
|
-
private printableCharacters;
|
|
530
|
-
private subs;
|
|
531
|
-
private lastNodeOnFocus;
|
|
532
|
-
private isContentInit;
|
|
533
|
-
constructor(injector: Injector, wrapper: ElementRef, popupService: PopupService, renderer: Renderer2, navigationService: NavigationService, _zone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef, lookup: MultiSelectTreeLookupService, adaptiveService: AdaptiveService);
|
|
534
|
-
ngOnInit(): void;
|
|
535
|
-
ngAfterViewInit(): void;
|
|
536
|
-
/**
|
|
537
|
-
* @hidden
|
|
538
|
-
*/
|
|
539
|
-
ngOnDestroy(): void;
|
|
540
|
-
/**
|
|
541
|
-
* @hidden
|
|
542
|
-
*/
|
|
543
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
544
|
-
/**
|
|
545
|
-
* @hidden
|
|
546
|
-
*/
|
|
547
|
-
ngAfterContentChecked(): void;
|
|
548
|
-
ngAfterContentInit(): void;
|
|
549
|
-
/**
|
|
550
|
-
* @hidden
|
|
551
|
-
*
|
|
552
|
-
* Used by the kendo-floatinglabel component to determine if the floating label
|
|
553
|
-
* should be rendered inside the input when the component is not focused.
|
|
554
|
-
*/
|
|
555
|
-
isEmpty(): boolean;
|
|
556
|
-
/**
|
|
557
|
-
* Sets focus to the component.
|
|
558
|
-
* Call this method to programmatically focus the MultiSelectTree.
|
|
559
|
-
*/
|
|
560
|
-
focus(): void;
|
|
561
|
-
/**
|
|
562
|
-
* Removes focus from the component.
|
|
563
|
-
* Call this method to programmatically blur the MultiSelectTree.
|
|
564
|
-
*/
|
|
565
|
-
blur(): void;
|
|
566
|
-
/**
|
|
567
|
-
* Sets focus to a specific tree item by index.
|
|
568
|
-
* Provide the item index in format like '1_1' to focus that item.
|
|
569
|
-
* The item must be expanded and enabled to receive focus.
|
|
570
|
-
*/
|
|
571
|
-
focusItemAt(index: string): void;
|
|
572
|
-
/**
|
|
573
|
-
* Clears all selected values from the component.
|
|
574
|
-
* This method does not trigger the valueChange event.
|
|
575
|
-
*/
|
|
576
|
-
reset(): void;
|
|
577
|
-
/**
|
|
578
|
-
* Opens or closes the popup programmatically.
|
|
579
|
-
* Pass `true` to open, false to close, or omit the parameter to toggle.
|
|
580
|
-
* This method does not trigger open or close events.
|
|
581
|
-
*/
|
|
582
|
-
toggle(open?: boolean): void;
|
|
583
|
-
/**
|
|
584
|
-
* @hidden
|
|
585
|
-
*/
|
|
586
|
-
handleFocus(event: FocusEvent): void;
|
|
587
|
-
/**
|
|
588
|
-
* @hidden
|
|
589
|
-
*/
|
|
590
|
-
handleBlur(e?: FocusEvent): void;
|
|
591
|
-
/**
|
|
592
|
-
* @hidden
|
|
593
|
-
*/
|
|
594
|
-
handleNodeClick(node: NodeClickEvent): void;
|
|
595
|
-
/**
|
|
596
|
-
* @hidden
|
|
597
|
-
*/
|
|
598
|
-
togglePopup(open: boolean): void;
|
|
599
|
-
/**
|
|
600
|
-
* @hidden
|
|
601
|
-
*/
|
|
602
|
-
messageFor(key: string): string;
|
|
603
|
-
lastAction: 'check' | 'uncheck';
|
|
604
|
-
/**
|
|
605
|
-
* @hidden
|
|
606
|
-
*/
|
|
607
|
-
handleCheckedItemsChange(items: CheckedItem[]): void;
|
|
608
|
-
/**
|
|
609
|
-
* @hidden
|
|
610
|
-
*/
|
|
611
|
-
handleRemoveTag({ tag, index }: {
|
|
612
|
-
tag: any;
|
|
613
|
-
index: number;
|
|
614
|
-
}): void;
|
|
615
|
-
/**
|
|
616
|
-
* @hidden
|
|
617
|
-
*/
|
|
618
|
-
handleTagMapperChange(showAfter: number | string): void;
|
|
619
|
-
/**
|
|
620
|
-
* @hidden
|
|
621
|
-
*/
|
|
622
|
-
clearAll(event?: any): void;
|
|
623
|
-
/**
|
|
624
|
-
* @hidden
|
|
625
|
-
*/
|
|
626
|
-
writeValue(value: any): void;
|
|
627
|
-
/**
|
|
628
|
-
* @hidden
|
|
629
|
-
*/
|
|
630
|
-
registerOnChange(fn: any): void;
|
|
631
|
-
/**
|
|
632
|
-
* @hidden
|
|
633
|
-
*/
|
|
634
|
-
registerOnTouched(fn: any): void;
|
|
635
|
-
/**
|
|
636
|
-
* @hidden
|
|
637
|
-
*/
|
|
638
|
-
setDisabledState(isDisabled: boolean): void;
|
|
639
|
-
/**
|
|
640
|
-
* @hidden
|
|
641
|
-
*/
|
|
642
|
-
handleFilterInputChange(input: Partial<HTMLInputElement>): void;
|
|
643
|
-
/**
|
|
644
|
-
* @hidden
|
|
645
|
-
*/
|
|
646
|
-
get filterInputClasses(): any;
|
|
647
|
-
/**
|
|
648
|
-
* @hidden
|
|
649
|
-
*/
|
|
650
|
-
get checkAllCheckboxClasses(): any;
|
|
651
|
-
/**
|
|
652
|
-
* @hidden
|
|
653
|
-
*/
|
|
654
|
-
toggleCheckAll(): void;
|
|
655
|
-
protected onTouchedCallback: Function;
|
|
656
|
-
protected onChangeCallback: Function;
|
|
657
|
-
protected verifySettings(): void;
|
|
658
|
-
private areNodesHidden;
|
|
659
|
-
private emitValueChange;
|
|
660
|
-
private triggerPopupEvents;
|
|
661
|
-
private createPopup;
|
|
662
|
-
private destroyPopup;
|
|
663
|
-
private clearFilter;
|
|
664
|
-
private handleClick;
|
|
665
|
-
private subscribeEvents;
|
|
666
|
-
private subscribeFocusEvents;
|
|
667
|
-
private unSubscribeFocusEvents;
|
|
668
|
-
private handleDocumentBlur;
|
|
669
|
-
private handleTabKey;
|
|
670
|
-
private handleUpKey;
|
|
671
|
-
private handleDownKey;
|
|
672
|
-
private handleRightKey;
|
|
673
|
-
private handleLeftKey;
|
|
674
|
-
private handleEnd;
|
|
675
|
-
private handleHome;
|
|
676
|
-
private handleBackspace;
|
|
677
|
-
private handleDelete;
|
|
678
|
-
private unsubscribeEvents;
|
|
679
|
-
/**
|
|
680
|
-
* Remove the `TreeView` from the tab order, otherwise a focus loop between the page elements will occur
|
|
681
|
-
* and the user will not be able to tab to the rest of the browser elements
|
|
682
|
-
*/
|
|
683
|
-
private removeTreeViewFromTabOrder;
|
|
684
|
-
private setState;
|
|
685
|
-
private setTags;
|
|
686
|
-
private updateValue;
|
|
687
|
-
/**
|
|
688
|
-
* @hidden
|
|
689
|
-
*/
|
|
690
|
-
onChildrenLoaded(): void;
|
|
691
|
-
/**
|
|
692
|
-
* @hidden
|
|
693
|
-
*
|
|
694
|
-
* Determines which of the provided tags should be disabled and stores their position indices
|
|
695
|
-
*/
|
|
696
|
-
private disabledItemsMapper;
|
|
697
|
-
private setComponentClasses;
|
|
698
|
-
private removeParents;
|
|
699
|
-
/**
|
|
700
|
-
* Creates an internal map of the available tree items to be used as a reference
|
|
701
|
-
* to retrieve the item's children/parent and determine the checked sate
|
|
702
|
-
*/
|
|
703
|
-
private registerLookupItems;
|
|
704
|
-
private registerChildLookupItems;
|
|
705
|
-
private closeActionSheet;
|
|
706
|
-
private openActionSheet;
|
|
707
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectTreeComponent, never>;
|
|
708
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectTreeComponent, "kendo-multiselecttree", ["kendoMultiSelectTree"], { "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; "adaptiveTitle": { "alias": "adaptiveTitle"; "required": false; }; "adaptiveSubtitle": { "alias": "adaptiveSubtitle"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "checkableSettings": { "alias": "checkableSettings"; "required": false; }; "data": { "alias": "data"; "required": false; }; "value": { "alias": "value"; "required": false; }; "dataItems": { "alias": "dataItems"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "valueDepth": { "alias": "valueDepth"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "listHeight": { "alias": "listHeight"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "loadOnDemand": { "alias": "loadOnDemand"; "required": false; }; "focusableId": { "alias": "focusableId"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "checkAll": { "alias": "checkAll"; "required": false; }; "hasChildren": { "alias": "hasChildren"; "required": false; }; "fetchChildren": { "alias": "fetchChildren"; "required": false; }; "isNodeExpanded": { "alias": "isNodeExpanded"; "required": false; }; "isNodeVisible": { "alias": "isNodeVisible"; "required": false; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; }; "tagMapper": { "alias": "tagMapper"; "required": false; }; }, { "onFocus": "focus"; "onBlur": "blur"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "nodeExpand": "nodeExpand"; "nodeCollapse": "nodeCollapse"; "valueChange": "valueChange"; "removeTag": "removeTag"; "filterChange": "filterChange"; }, ["headerTemplate", "footerTemplate", "nodeTemplate", "noDataTemplate", "tagTemplate", "groupTagTemplate"], never, true, never>;
|
|
709
|
-
}
|