@progress/kendo-angular-dropdowns 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-dropdowns.mjs +789 -478
- package/index.d.ts +5821 -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,632 +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, TemplateRef, EventEmitter, ViewContainerRef, OnDestroy, OnChanges, ChangeDetectorRef, NgZone, Renderer2, SimpleChanges, AfterContentChecked, AfterViewInit, Injector } from '@angular/core';
|
|
6
|
-
import { ControlValueAccessor, FormControl } from '@angular/forms';
|
|
7
|
-
import { SearchBarComponent } from '../common/searchbar.component';
|
|
8
|
-
import { ItemTemplateDirective } from '../common/templates/item-template.directive';
|
|
9
|
-
import { HeaderTemplateDirective } from '../common/templates/header-template.directive';
|
|
10
|
-
import { FooterTemplateDirective } from '../common/templates/footer-template.directive';
|
|
11
|
-
import { GroupTemplateDirective } from '../common/templates/group-template.directive';
|
|
12
|
-
import { FixedGroupTemplateDirective } from '../common/templates/fixed-group-template.directive';
|
|
13
|
-
import { PopupSettings } from '../common/models/popup-settings';
|
|
14
|
-
import { NoDataTemplateDirective } from '../common/templates/no-data-template.directive';
|
|
15
|
-
import { SelectionService } from '../common/selection/selection.service';
|
|
16
|
-
import { NavigationService } from '../common/navigation/navigation.service';
|
|
17
|
-
import { DisabledItemsService } from '../common/disabled-items/disabled-items.service';
|
|
18
|
-
import { ItemDisabledFn } from '../common/disabled-items/item-disabled';
|
|
19
|
-
import { Observable } from 'rxjs';
|
|
20
|
-
import { SuffixTemplateDirective, PrefixTemplateDirective, MultiTabStop } from '@progress/kendo-angular-common';
|
|
21
|
-
import { AdaptiveSize, AdaptiveService } from '@progress/kendo-angular-utils';
|
|
22
|
-
import { AdaptiveMode } from '../common/util';
|
|
23
|
-
import { PreventableEvent } from '../common/models/preventable-event';
|
|
24
|
-
import { LocalizationService } from '@progress/kendo-angular-l10n';
|
|
25
|
-
import { PopupService, PopupRef } from '@progress/kendo-angular-popup';
|
|
26
|
-
import { FilterableComponent } from '../common/filtering/filterable-component';
|
|
27
|
-
import { DataService } from '../common/data.service';
|
|
28
|
-
import { ListComponent } from '../common/list.component';
|
|
29
|
-
import { VirtualizationSettings } from '../common/models/virtualization-settings';
|
|
30
|
-
import { PageChangeEvent } from '../common/models/page-change-event';
|
|
31
|
-
import { DropDownSize } from '../common/models/size';
|
|
32
|
-
import { DropDownRounded } from '../common/models/rounded';
|
|
33
|
-
import { DropDownFillMode } from '../common/models/fillmode';
|
|
34
|
-
import { SVGIcon } from '@progress/kendo-svg-icons';
|
|
35
|
-
import { ActionSheetComponent } from '@progress/kendo-angular-navigation';
|
|
36
|
-
import { TextBoxComponent } from '@progress/kendo-angular-inputs';
|
|
37
|
-
import { AdaptiveRendererComponent } from '../common/adaptive-renderer.component';
|
|
38
|
-
import * as i0 from "@angular/core";
|
|
39
|
-
/**
|
|
40
|
-
* @hidden
|
|
41
|
-
*/
|
|
42
|
-
export declare const COMBOBOX_VALUE_ACCESSOR: any;
|
|
43
|
-
/**
|
|
44
|
-
* Represents the [Kendo UI ComboBox component for Angular](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox).
|
|
45
|
-
* @example
|
|
46
|
-
* ```html
|
|
47
|
-
* <kendo-combobox [data]="listItems"> </kendo-combobox>
|
|
48
|
-
* ```
|
|
49
|
-
* @remarks
|
|
50
|
-
* Supported children components are: {@link CustomMessagesComponent}.
|
|
51
|
-
*/
|
|
52
|
-
export declare class ComboBoxComponent extends MultiTabStop implements ControlValueAccessor, AfterViewInit, OnDestroy, OnChanges, AfterContentChecked, FilterableComponent {
|
|
53
|
-
wrapper: ElementRef<HTMLElement>;
|
|
54
|
-
protected localization: LocalizationService;
|
|
55
|
-
protected popupService: PopupService;
|
|
56
|
-
protected selectionService: SelectionService;
|
|
57
|
-
protected navigationService: NavigationService;
|
|
58
|
-
protected disabledItemsService: DisabledItemsService;
|
|
59
|
-
protected dataService: DataService;
|
|
60
|
-
protected zone: NgZone;
|
|
61
|
-
protected cdr: ChangeDetectorRef;
|
|
62
|
-
protected renderer: Renderer2;
|
|
63
|
-
protected injector: Injector;
|
|
64
|
-
hostElement: ElementRef;
|
|
65
|
-
protected adaptiveService: AdaptiveService;
|
|
66
|
-
/**
|
|
67
|
-
* @hidden
|
|
68
|
-
*/
|
|
69
|
-
icon: string;
|
|
70
|
-
/**
|
|
71
|
-
* @hidden
|
|
72
|
-
*/
|
|
73
|
-
svgIcon: SVGIcon;
|
|
74
|
-
/**
|
|
75
|
-
* Sets the HTML attributes of the inner focusable input element. Attributes essential for certain component functionalities cannot be changed.
|
|
76
|
-
*
|
|
77
|
-
* @remarks
|
|
78
|
-
* This property is related to accessibility.
|
|
79
|
-
*/
|
|
80
|
-
inputAttributes: {
|
|
81
|
-
[key: string]: string;
|
|
82
|
-
};
|
|
83
|
-
/**
|
|
84
|
-
* @hidden
|
|
85
|
-
*/
|
|
86
|
-
animationDuration: number;
|
|
87
|
-
/**
|
|
88
|
-
* @hidden
|
|
89
|
-
*/
|
|
90
|
-
xIcon: SVGIcon;
|
|
91
|
-
/**
|
|
92
|
-
* @hidden
|
|
93
|
-
*/
|
|
94
|
-
adaptiveRendererComponent: AdaptiveRendererComponent;
|
|
95
|
-
/**
|
|
96
|
-
* @hidden
|
|
97
|
-
*/
|
|
98
|
-
get actionSheet(): ActionSheetComponent;
|
|
99
|
-
/**
|
|
100
|
-
* @hidden
|
|
101
|
-
*/
|
|
102
|
-
get actionSheetSearchBar(): TextBoxComponent;
|
|
103
|
-
/**
|
|
104
|
-
* @hidden
|
|
105
|
-
*/
|
|
106
|
-
chevronDownIcon: SVGIcon;
|
|
107
|
-
set text(text: any);
|
|
108
|
-
get text(): any;
|
|
109
|
-
/**
|
|
110
|
-
* @hidden
|
|
111
|
-
*/
|
|
112
|
-
get ariaControls(): string;
|
|
113
|
-
/**
|
|
114
|
-
* @hidden
|
|
115
|
-
*/
|
|
116
|
-
get isControlRequired(): boolean;
|
|
117
|
-
/**
|
|
118
|
-
* @hidden
|
|
119
|
-
*/
|
|
120
|
-
togglePopup(open: boolean): void;
|
|
121
|
-
get activeDescendant(): string;
|
|
122
|
-
get appendTo(): ViewContainerRef;
|
|
123
|
-
dataItem: any;
|
|
124
|
-
selected: any[];
|
|
125
|
-
/**
|
|
126
|
-
* Shows or hides the current group sticky header when using grouped data.
|
|
127
|
-
* By default the sticky header is displayed ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/grouping#sticky-header)).
|
|
128
|
-
* @default true
|
|
129
|
-
*/
|
|
130
|
-
showStickyHeader: boolean;
|
|
131
|
-
/**
|
|
132
|
-
* @hidden
|
|
133
|
-
*/
|
|
134
|
-
focusableId: string;
|
|
135
|
-
/**
|
|
136
|
-
* Specifies whether the ComboBox allows user-defined values that are not present in the dataset
|
|
137
|
-
* ([more information and examples](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/custom-values)).
|
|
138
|
-
* Defaults to `false`.
|
|
139
|
-
*
|
|
140
|
-
* The feature is not available when using adaptive mode.
|
|
141
|
-
* @default false
|
|
142
|
-
*/
|
|
143
|
-
allowCustom: boolean;
|
|
144
|
-
/**
|
|
145
|
-
* Sets the data of the ComboBox.
|
|
146
|
-
* The data must be provided in an array-like list.
|
|
147
|
-
*/
|
|
148
|
-
set data(data: any);
|
|
149
|
-
get data(): any;
|
|
150
|
-
/**
|
|
151
|
-
* Sets the value of the ComboBox. The value can be a primitive (string, number) or a complex object. Use the `valuePrimitive` property to define the type.
|
|
152
|
-
*
|
|
153
|
-
* All selected values not present in the dataset are custom values. When the `Enter` key is pressed or the component loses focus, custom values are dismissed unless `allowCustom` is set to `true`.
|
|
154
|
-
*/
|
|
155
|
-
set value(newValue: any);
|
|
156
|
-
get value(): any;
|
|
157
|
-
/**
|
|
158
|
-
* Sets the data item field that represents the item text. If the data contains only primitive values, do not define this property.
|
|
159
|
-
*
|
|
160
|
-
* The `textField` property can be set to a nested property value, for example, `category.name`.
|
|
161
|
-
*/
|
|
162
|
-
textField: string;
|
|
163
|
-
/**
|
|
164
|
-
* Sets the data item field that represents the item value.
|
|
165
|
-
* If the data contains only primitive values, do not define it.
|
|
166
|
-
*
|
|
167
|
-
* > The `valueField` property can be set to point to a nested property value - e.g. `category.id`.
|
|
168
|
-
*/
|
|
169
|
-
valueField: string;
|
|
170
|
-
/**
|
|
171
|
-
* Specifies the type of the selected value. If set to `true`, the selected value must be a primitive type.
|
|
172
|
-
* ([more information and example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/value-binding#primitive-values-from-object-fields))
|
|
173
|
-
*/
|
|
174
|
-
set valuePrimitive(isPrimitive: boolean);
|
|
175
|
-
get valuePrimitive(): boolean;
|
|
176
|
-
/**
|
|
177
|
-
* A user-defined callback which returns normalized custom values.
|
|
178
|
-
* Typically used when the data items are different from type `string`.
|
|
179
|
-
* @param { Any } value - The custom value defined by the user.
|
|
180
|
-
* @returns { Any }
|
|
181
|
-
*
|
|
182
|
-
* @example
|
|
183
|
-
* ```ts
|
|
184
|
-
* import { map } from 'rxjs/operators';
|
|
185
|
-
*
|
|
186
|
-
* _@Component({
|
|
187
|
-
* selector: 'my-app',
|
|
188
|
-
* template: `
|
|
189
|
-
* <kendo-combobox
|
|
190
|
-
* [allowCustom]="true"
|
|
191
|
-
* [data]="listItems"
|
|
192
|
-
* textField="text"
|
|
193
|
-
* valueField="value"
|
|
194
|
-
* [valueNormalizer]="valueNormalizer"
|
|
195
|
-
* (valueChange)="onValueChange($event)"
|
|
196
|
-
* >
|
|
197
|
-
* </kendo-combobox>
|
|
198
|
-
* `
|
|
199
|
-
* })
|
|
200
|
-
*
|
|
201
|
-
* class AppComponent {
|
|
202
|
-
* public listItems: Array<{ text: string, value: number }> = [
|
|
203
|
-
* { text: "Small", value: 1 },
|
|
204
|
-
* { text: "Medium", value: 2 },
|
|
205
|
-
* { text: "Large", value: 3 }
|
|
206
|
-
* ];
|
|
207
|
-
*
|
|
208
|
-
* public onValueChange(value) {
|
|
209
|
-
* console.log("valueChange : ", value);
|
|
210
|
-
* }
|
|
211
|
-
*
|
|
212
|
-
* public valueNormalizer = (text$: Observable<string>) => text$.pipe(map((text: string) => {
|
|
213
|
-
* return { ProductID: null, ProductName: text };
|
|
214
|
-
* }));
|
|
215
|
-
*
|
|
216
|
-
* }
|
|
217
|
-
* ```
|
|
218
|
-
*/
|
|
219
|
-
valueNormalizer: (text: Observable<string>) => Observable<any>;
|
|
220
|
-
/**
|
|
221
|
-
* The hint that is displayed when the component is empty.
|
|
222
|
-
* @default ''
|
|
223
|
-
*/
|
|
224
|
-
placeholder: string;
|
|
225
|
-
/**
|
|
226
|
-
* Enables or disables the adaptive mode. By default, adaptive rendering is disabled.
|
|
227
|
-
* @default 'none'
|
|
228
|
-
*/
|
|
229
|
-
adaptiveMode: AdaptiveMode;
|
|
230
|
-
/**
|
|
231
|
-
* Sets the title of the ActionSheet that is rendered instead of the Popup when using small screen devices.
|
|
232
|
-
* By default, the ActionSheet title uses the text provided for the label of the ComboBox.
|
|
233
|
-
* @default ''
|
|
234
|
-
*/
|
|
235
|
-
adaptiveTitle: string;
|
|
236
|
-
/**
|
|
237
|
-
* Sets the subtitle of the ActionSheet that is rendered instead of the Popup when using small screen devices. By default, the ActionSheet does not render a subtitle.
|
|
238
|
-
*/
|
|
239
|
-
adaptiveSubtitle: string;
|
|
240
|
-
/**
|
|
241
|
-
* @hidden
|
|
242
|
-
*/
|
|
243
|
-
get isAdaptiveModeEnabled(): boolean;
|
|
244
|
-
/**
|
|
245
|
-
* Configures the popup of the ComboBox.
|
|
246
|
-
*/
|
|
247
|
-
set popupSettings(settings: PopupSettings);
|
|
248
|
-
get popupSettings(): PopupSettings;
|
|
249
|
-
/**
|
|
250
|
-
* Sets the height of the options list in the popup. By default, `listHeight` is 200px.
|
|
251
|
-
*
|
|
252
|
-
* > The `listHeight` property affects only the list of options and not the whole popup container.
|
|
253
|
-
* > To set the height of the popup container, use `popupSettings.height`.
|
|
254
|
-
*
|
|
255
|
-
* When using `adaptiveMode` and the screen size is `small` or `medium` the `listHeight` property is set to null.
|
|
256
|
-
*/
|
|
257
|
-
set listHeight(_listHeight: number);
|
|
258
|
-
get listHeight(): number;
|
|
259
|
-
private _listHeight;
|
|
260
|
-
/**
|
|
261
|
-
* Sets and gets the loading state of the ComboBox.
|
|
262
|
-
*/
|
|
263
|
-
loading: boolean;
|
|
264
|
-
/**
|
|
265
|
-
* Enables the auto-completion of the text based on the first data item.
|
|
266
|
-
* @default false
|
|
267
|
-
*/
|
|
268
|
-
suggest: boolean;
|
|
269
|
-
/**
|
|
270
|
-
* If set to `true`, renders a button on hovering over the component.
|
|
271
|
-
* Clicking this button resets the value of the component to `undefined` and triggers the `change` event.
|
|
272
|
-
* @default true
|
|
273
|
-
*/
|
|
274
|
-
clearButton: boolean;
|
|
275
|
-
/**
|
|
276
|
-
* Sets the disabled state of the component. To learn how to disable the component in reactive forms, refer to the articles on [ComboBox Forms Support](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/forms#managing-the-combobox-disabled-state-in-reactive-forms) and [MultiColumnComboBox Forms Support](https://www.telerik.com/kendo-angular-ui/components/dropdowns/multicolumncombobox/forms#managing-the-multicolumncombobox-disabled-state-in-reactive-forms).
|
|
277
|
-
*/
|
|
278
|
-
disabled: boolean;
|
|
279
|
-
/**
|
|
280
|
-
* Defines a Boolean function that is executed for each data item in the component ([see examples](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/disabled-items)). Determines whether the item is disabled.
|
|
281
|
-
*/
|
|
282
|
-
set itemDisabled(fn: ItemDisabledFn);
|
|
283
|
-
/**
|
|
284
|
-
* Sets the read-only state of the component.
|
|
285
|
-
* @default false
|
|
286
|
-
*/
|
|
287
|
-
readonly: boolean;
|
|
288
|
-
/**
|
|
289
|
-
* Specifies the [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
|
|
290
|
-
*
|
|
291
|
-
* @default 0
|
|
292
|
-
*/
|
|
293
|
-
tabindex: number;
|
|
294
|
-
/**
|
|
295
|
-
* @hidden
|
|
296
|
-
*/
|
|
297
|
-
set tabIndex(tabIndex: number);
|
|
298
|
-
get tabIndex(): number;
|
|
299
|
-
/**
|
|
300
|
-
* Enables the [filtering](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/filtering) functionality.
|
|
301
|
-
* If set to `true`, the component emits the `filterChange` event.
|
|
302
|
-
*/
|
|
303
|
-
filterable: boolean;
|
|
304
|
-
/**
|
|
305
|
-
* Enables the [virtualization](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/virtualization) functionality.
|
|
306
|
-
*/
|
|
307
|
-
set virtual(settings: boolean | VirtualizationSettings);
|
|
308
|
-
get virtual(): VirtualizationSettings;
|
|
309
|
-
/**
|
|
310
|
-
* Sets the size of the component. The default value is set by the Kendo theme.
|
|
311
|
-
*/
|
|
312
|
-
set size(size: DropDownSize);
|
|
313
|
-
get size(): DropDownSize;
|
|
314
|
-
/**
|
|
315
|
-
* Sets the border radius of the component. The default value is set by the Kendo theme.
|
|
316
|
-
*/
|
|
317
|
-
set rounded(rounded: DropDownRounded);
|
|
318
|
-
get rounded(): DropDownRounded;
|
|
319
|
-
/**
|
|
320
|
-
* Sets the fillMode of the component. The default value is set by the Kendo theme.
|
|
321
|
-
*/
|
|
322
|
-
set fillMode(fillMode: DropDownFillMode);
|
|
323
|
-
get fillMode(): DropDownFillMode;
|
|
324
|
-
/**
|
|
325
|
-
* Fires each time the value is changed—
|
|
326
|
-
* when the component is blurred or the value is cleared through the **Clear** button
|
|
327
|
-
* ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/events)).
|
|
328
|
-
* When the value of the component is programmatically changed to `ngModel` or `formControl`
|
|
329
|
-
* through its API or form binding, the `valueChange` event is not triggered because it
|
|
330
|
-
* might cause a mix-up with the built-in `valueChange` mechanisms of the `ngModel` or `formControl` bindings.
|
|
331
|
-
*/
|
|
332
|
-
valueChange: EventEmitter<any>;
|
|
333
|
-
/**
|
|
334
|
-
* Fires each time an item selection is changed ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/events)).
|
|
335
|
-
*/
|
|
336
|
-
selectionChange: EventEmitter<any>;
|
|
337
|
-
/**
|
|
338
|
-
* Fires each time the user types in the input field. You can filter the source based on the passed filtration value ([see example](https://www.telerik.com/kendo-angular-ui/components/dropdowns/combobox/events)).
|
|
339
|
-
*/
|
|
340
|
-
filterChange: EventEmitter<any>;
|
|
341
|
-
/**
|
|
342
|
-
* Fires each time the popup is about to open. This event is preventable. If you cancel it, the popup remains closed.
|
|
343
|
-
*/
|
|
344
|
-
open: EventEmitter<PreventableEvent>;
|
|
345
|
-
/**
|
|
346
|
-
* Fires after the popup has been opened.
|
|
347
|
-
*/
|
|
348
|
-
opened: EventEmitter<any>;
|
|
349
|
-
/**
|
|
350
|
-
* Fires each time the popup is about to close. This event is preventable. If you cancel it, the popup remains open.
|
|
351
|
-
*/
|
|
352
|
-
close: EventEmitter<PreventableEvent>;
|
|
353
|
-
/**
|
|
354
|
-
* Fires after the popup has been closed.
|
|
355
|
-
*/
|
|
356
|
-
closed: EventEmitter<any>;
|
|
357
|
-
/**
|
|
358
|
-
* Fires each time the user focuses the ComboBox.
|
|
359
|
-
*/
|
|
360
|
-
onFocus: EventEmitter<any>;
|
|
361
|
-
/**
|
|
362
|
-
* Fires each time the ComboBox gets blurred.
|
|
363
|
-
*/
|
|
364
|
-
onBlur: EventEmitter<any>;
|
|
365
|
-
/**
|
|
366
|
-
* Fires each time the user focuses the `input` element.
|
|
367
|
-
*/
|
|
368
|
-
inputFocus: EventEmitter<any>;
|
|
369
|
-
/**
|
|
370
|
-
* Fires each time the `input` element gets blurred.
|
|
371
|
-
*/
|
|
372
|
-
inputBlur: EventEmitter<any>;
|
|
373
|
-
/**
|
|
374
|
-
* @hidden
|
|
375
|
-
*/
|
|
376
|
-
escape: EventEmitter<any>;
|
|
377
|
-
template: ItemTemplateDirective;
|
|
378
|
-
headerTemplate: HeaderTemplateDirective;
|
|
379
|
-
footerTemplate: FooterTemplateDirective;
|
|
380
|
-
noDataTemplate: NoDataTemplateDirective;
|
|
381
|
-
groupTemplate: GroupTemplateDirective;
|
|
382
|
-
fixedGroupTemplate: FixedGroupTemplateDirective;
|
|
383
|
-
/**
|
|
384
|
-
* @hidden
|
|
385
|
-
*/
|
|
386
|
-
suffixTemplate: SuffixTemplateDirective;
|
|
387
|
-
/**
|
|
388
|
-
* @hidden
|
|
389
|
-
*/
|
|
390
|
-
prefixTemplate: PrefixTemplateDirective;
|
|
391
|
-
container: ViewContainerRef;
|
|
392
|
-
popupTemplate: TemplateRef<any>;
|
|
393
|
-
searchbar: SearchBarComponent;
|
|
394
|
-
optionsList: ListComponent;
|
|
395
|
-
protected select: ElementRef<HTMLElement>;
|
|
396
|
-
get isDisabled(): boolean;
|
|
397
|
-
get isLoading(): boolean;
|
|
398
|
-
get dir(): any;
|
|
399
|
-
private _isFocused;
|
|
400
|
-
get isFocused(): boolean;
|
|
401
|
-
set isFocused(value: boolean);
|
|
402
|
-
get clearButtonVisibility(): string;
|
|
403
|
-
/**
|
|
404
|
-
* @hidden
|
|
405
|
-
*/
|
|
406
|
-
get formControl(): FormControl;
|
|
407
|
-
/**
|
|
408
|
-
* @hidden
|
|
409
|
-
*/
|
|
410
|
-
windowSize: AdaptiveSize;
|
|
411
|
-
/**
|
|
412
|
-
* @hidden
|
|
413
|
-
*/
|
|
414
|
-
get isActionSheetExpanded(): boolean;
|
|
415
|
-
/**
|
|
416
|
-
* @hidden
|
|
417
|
-
*/
|
|
418
|
-
get isAdaptive(): boolean;
|
|
419
|
-
listBoxId: string;
|
|
420
|
-
optionPrefix: string;
|
|
421
|
-
popupRef: PopupRef;
|
|
422
|
-
protected get popupWidth(): {
|
|
423
|
-
min: string;
|
|
424
|
-
max: string;
|
|
425
|
-
};
|
|
426
|
-
protected get popupHeight(): string;
|
|
427
|
-
protected onChangeCallback: Function;
|
|
428
|
-
protected onTouchedCallback: Function;
|
|
429
|
-
/**
|
|
430
|
-
* Used for the default virtualization settings config.
|
|
431
|
-
*/
|
|
432
|
-
protected defaultVirtualItemHeight: number;
|
|
433
|
-
/**
|
|
434
|
-
* Used for the default virtualization settings config.
|
|
435
|
-
*/
|
|
436
|
-
protected defaultVirtualPageSize: number;
|
|
437
|
-
private valueSubscription;
|
|
438
|
-
private _filtering;
|
|
439
|
-
private _text;
|
|
440
|
-
private filterText;
|
|
441
|
-
private _open;
|
|
442
|
-
private _value;
|
|
443
|
-
private _valuePrimitive;
|
|
444
|
-
private _previousDataItem;
|
|
445
|
-
private suggestedText;
|
|
446
|
-
private backspacePressed;
|
|
447
|
-
private _popupSettings;
|
|
448
|
-
private _virtualSettings;
|
|
449
|
-
private popupMouseDownHandler;
|
|
450
|
-
private customValueSubject;
|
|
451
|
-
private valueSubject;
|
|
452
|
-
private clearValueSubject;
|
|
453
|
-
private direction;
|
|
454
|
-
private subs;
|
|
455
|
-
private touchstartDisposeHandler;
|
|
456
|
-
private selectClickDisposeHandler;
|
|
457
|
-
private _size;
|
|
458
|
-
private _rounded;
|
|
459
|
-
private _fillMode;
|
|
460
|
-
constructor(wrapper: ElementRef<HTMLElement>, localization: LocalizationService, popupService: PopupService, selectionService: SelectionService, navigationService: NavigationService, disabledItemsService: DisabledItemsService, dataService: DataService, zone: NgZone, cdr: ChangeDetectorRef, renderer: Renderer2, injector: Injector, hostElement: ElementRef, adaptiveService: AdaptiveService);
|
|
461
|
-
ngOnInit(): void;
|
|
462
|
-
ngAfterViewInit(): void;
|
|
463
|
-
private createValueStream;
|
|
464
|
-
private attachStreams;
|
|
465
|
-
ngOnDestroy(): void;
|
|
466
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
467
|
-
ngAfterContentChecked(): void;
|
|
468
|
-
/**
|
|
469
|
-
* Focuses a specific item of the ComboBox based on a provided index.
|
|
470
|
-
* If null or invalid index is provided the focus will be removed.
|
|
471
|
-
*/
|
|
472
|
-
focusItemAt(index: number): void;
|
|
473
|
-
/**
|
|
474
|
-
* Focuses the ComboBox.
|
|
475
|
-
*/
|
|
476
|
-
focus(): void;
|
|
477
|
-
/**
|
|
478
|
-
* Blurs the ComboBox.
|
|
479
|
-
*/
|
|
480
|
-
blur(): void;
|
|
481
|
-
/**
|
|
482
|
-
* Toggles the visibility of the popup or actionSheet. If you use the `toggle` method to open or close the popup or actionSheet,
|
|
483
|
-
* the `open` and `close` events will not be fired.
|
|
484
|
-
*
|
|
485
|
-
* @param open - The state of the popup.
|
|
486
|
-
*/
|
|
487
|
-
toggle(open?: boolean): void;
|
|
488
|
-
/**
|
|
489
|
-
* Returns the current open state. Returns `true` if the popup or actionSheet is open.
|
|
490
|
-
*/
|
|
491
|
-
get isOpen(): boolean;
|
|
492
|
-
/**
|
|
493
|
-
* @hidden
|
|
494
|
-
*/
|
|
495
|
-
handleClick(): void;
|
|
496
|
-
/**
|
|
497
|
-
* Resets the value of the ComboBox.
|
|
498
|
-
* If you use the `reset` method to clear the value of the component,
|
|
499
|
-
* the model will not update automatically and the `selectionChange` and `valueChange` events will not be fired.
|
|
500
|
-
*/
|
|
501
|
-
reset(): void;
|
|
502
|
-
/**
|
|
503
|
-
* @hidden
|
|
504
|
-
*
|
|
505
|
-
* Used by the TextBoxContainer to determine if the floating label
|
|
506
|
-
* should be rendered in the input when the component is not focused.
|
|
507
|
-
*/
|
|
508
|
-
isEmpty(): boolean;
|
|
509
|
-
/**
|
|
510
|
-
* @hidden
|
|
511
|
-
*/
|
|
512
|
-
messageFor(key: string): string;
|
|
513
|
-
/**
|
|
514
|
-
* @hidden
|
|
515
|
-
*/
|
|
516
|
-
clearValue(event?: any): void;
|
|
517
|
-
/**
|
|
518
|
-
* @hidden
|
|
519
|
-
*/
|
|
520
|
-
writeValue(value: any): void;
|
|
521
|
-
/**
|
|
522
|
-
* @hidden
|
|
523
|
-
*/
|
|
524
|
-
registerOnChange(fn: any): void;
|
|
525
|
-
/**
|
|
526
|
-
* @hidden
|
|
527
|
-
*/
|
|
528
|
-
registerOnTouched(fn: any): void;
|
|
529
|
-
/**
|
|
530
|
-
* @hidden
|
|
531
|
-
*/
|
|
532
|
-
setDisabledState(isDisabled: boolean): void;
|
|
533
|
-
/**
|
|
534
|
-
* @hidden
|
|
535
|
-
*/
|
|
536
|
-
get selectButtonClasses(): any;
|
|
537
|
-
/**
|
|
538
|
-
* @hidden
|
|
539
|
-
*/
|
|
540
|
-
onResize(): void;
|
|
541
|
-
protected verifySettings(): void;
|
|
542
|
-
protected setState(): void;
|
|
543
|
-
private updateState;
|
|
544
|
-
private clearState;
|
|
545
|
-
private resetSelection;
|
|
546
|
-
private firstFocusableIndex;
|
|
547
|
-
private findIndexPredicate;
|
|
548
|
-
protected findDataItem({ valueField, value }: {
|
|
549
|
-
valueField: string;
|
|
550
|
-
value: any;
|
|
551
|
-
}): {
|
|
552
|
-
dataItem: any;
|
|
553
|
-
index: number;
|
|
554
|
-
};
|
|
555
|
-
protected search(text: any, startFrom?: number): void;
|
|
556
|
-
/**
|
|
557
|
-
* @hidden
|
|
558
|
-
*/
|
|
559
|
-
getSuggestion(): string;
|
|
560
|
-
protected navigate(index: number): void;
|
|
561
|
-
/**
|
|
562
|
-
* @hidden
|
|
563
|
-
*/
|
|
564
|
-
handleNavigate(event: any): void;
|
|
565
|
-
protected handleEnter(): void;
|
|
566
|
-
/**
|
|
567
|
-
* @hidden
|
|
568
|
-
*/
|
|
569
|
-
handleFocus(): void;
|
|
570
|
-
/**
|
|
571
|
-
* @hidden
|
|
572
|
-
*/
|
|
573
|
-
handleBlur(): void;
|
|
574
|
-
/**
|
|
575
|
-
* @hidden
|
|
576
|
-
*/
|
|
577
|
-
handleInputBlur(): void;
|
|
578
|
-
/**
|
|
579
|
-
* @hidden
|
|
580
|
-
*/
|
|
581
|
-
handleEscape(): void;
|
|
582
|
-
/**
|
|
583
|
-
* @hidden
|
|
584
|
-
*/
|
|
585
|
-
handleNavigationOpen(): void;
|
|
586
|
-
/**
|
|
587
|
-
* @hidden
|
|
588
|
-
*/
|
|
589
|
-
searchBarChange(text: string): void;
|
|
590
|
-
/**
|
|
591
|
-
* @hidden
|
|
592
|
-
*/
|
|
593
|
-
handleInputFocus(): void;
|
|
594
|
-
/**
|
|
595
|
-
* @hidden
|
|
596
|
-
*/
|
|
597
|
-
pageChange(event: PageChangeEvent): void;
|
|
598
|
-
/**
|
|
599
|
-
* @hidden
|
|
600
|
-
*/
|
|
601
|
-
closeActionSheet(): void;
|
|
602
|
-
protected change(candidate: any, isCustom?: boolean): void;
|
|
603
|
-
protected emitValueChange(): void;
|
|
604
|
-
/**
|
|
605
|
-
* @hidden
|
|
606
|
-
*/
|
|
607
|
-
selectClick(): void;
|
|
608
|
-
protected get listContainerClasses(): string[];
|
|
609
|
-
/**
|
|
610
|
-
* @hidden
|
|
611
|
-
*/
|
|
612
|
-
preventEventDefault(event: Event): void;
|
|
613
|
-
private get focusedItemText();
|
|
614
|
-
/**
|
|
615
|
-
* Focuses the first match when there's text in the input field, but no focused item.
|
|
616
|
-
*/
|
|
617
|
-
private restoreItemFocus;
|
|
618
|
-
private useSuggestion;
|
|
619
|
-
private destroyPopup;
|
|
620
|
-
private createPopup;
|
|
621
|
-
private _toggle;
|
|
622
|
-
private triggerPopupEvents;
|
|
623
|
-
private clearFilter;
|
|
624
|
-
private subscribeTouchEvents;
|
|
625
|
-
private attachSelectClickHandler;
|
|
626
|
-
private setComponentClasses;
|
|
627
|
-
private findIndex;
|
|
628
|
-
private openActionSheet;
|
|
629
|
-
private blurComponent;
|
|
630
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ComboBoxComponent, never>;
|
|
631
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ComboBoxComponent, "kendo-combobox", ["kendoComboBox"], { "icon": { "alias": "icon"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "inputAttributes": { "alias": "inputAttributes"; "required": false; }; "showStickyHeader": { "alias": "showStickyHeader"; "required": false; }; "focusableId": { "alias": "focusableId"; "required": false; }; "allowCustom": { "alias": "allowCustom"; "required": false; }; "data": { "alias": "data"; "required": false; }; "value": { "alias": "value"; "required": false; }; "textField": { "alias": "textField"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "valuePrimitive": { "alias": "valuePrimitive"; "required": false; }; "valueNormalizer": { "alias": "valueNormalizer"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "adaptiveMode": { "alias": "adaptiveMode"; "required": false; }; "adaptiveTitle": { "alias": "adaptiveTitle"; "required": false; }; "adaptiveSubtitle": { "alias": "adaptiveSubtitle"; "required": false; }; "popupSettings": { "alias": "popupSettings"; "required": false; }; "listHeight": { "alias": "listHeight"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "suggest": { "alias": "suggest"; "required": false; }; "clearButton": { "alias": "clearButton"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "itemDisabled": { "alias": "itemDisabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "virtual": { "alias": "virtual"; "required": false; }; "size": { "alias": "size"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "fillMode": { "alias": "fillMode"; "required": false; }; }, { "valueChange": "valueChange"; "selectionChange": "selectionChange"; "filterChange": "filterChange"; "open": "open"; "opened": "opened"; "close": "close"; "closed": "closed"; "onFocus": "focus"; "onBlur": "blur"; "inputFocus": "inputFocus"; "inputBlur": "inputBlur"; "escape": "escape"; }, ["template", "headerTemplate", "footerTemplate", "noDataTemplate", "groupTemplate", "fixedGroupTemplate", "suffixTemplate", "prefixTemplate"], never, true, never>;
|
|
632
|
-
}
|
|
@@ -1,52 +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 "./combobox.component";
|
|
7
|
-
import * as i2 from "../common/templates/fixed-group-template.directive";
|
|
8
|
-
import * as i3 from "../common/templates/footer-template.directive";
|
|
9
|
-
import * as i4 from "../common/templates/group-template.directive";
|
|
10
|
-
import * as i5 from "../common/templates/header-template.directive";
|
|
11
|
-
import * as i6 from "../common/templates/item-template.directive";
|
|
12
|
-
import * as i7 from "../common/templates/no-data-template.directive";
|
|
13
|
-
import * as i8 from "../common/filtering/filter.directive";
|
|
14
|
-
import * as i9 from "../common/localization/custom-messages.component";
|
|
15
|
-
import * as i10 from "@progress/kendo-angular-common";
|
|
16
|
-
import * as i11 from "./multicolumncombobox.component";
|
|
17
|
-
import * as i12 from "./combobox-column/combobox-column.component";
|
|
18
|
-
import * as i13 from "./combobox-column/column-header-template.directive";
|
|
19
|
-
import * as i14 from "./combobox-column/column-cell-template.directive";
|
|
20
|
-
/**
|
|
21
|
-
* Required for adding all ComboBox features in NgModule-based Angular applications.
|
|
22
|
-
*
|
|
23
|
-
* The package exports:
|
|
24
|
-
* - `ComboBoxComponent`—The ComboBox component class.
|
|
25
|
-
* - `ComboBoxColumnComponent`—The ComboBoxColumn component class.
|
|
26
|
-
* - `MultiColumnComboBoxComponent`—The MultiColumnComboBox component class.
|
|
27
|
-
* - `ItemTemplateDirective`—The item template directive.
|
|
28
|
-
* - `HeaderTemplateDirective`—The header template directive.
|
|
29
|
-
* - `FooterTemplateDirective`—The footer template directive.
|
|
30
|
-
* - `NoDataTemplateDirective`—The no data template directive.
|
|
31
|
-
* - `FixedGroupTemplateDirective`—The fixed group template directive.
|
|
32
|
-
* - `GroupTemplateDirective`—The group template directive.
|
|
33
|
-
* - `FilterDirective`—The filter directive.
|
|
34
|
-
* - `CustomMessagesComponent`—The custom messages component.
|
|
35
|
-
* - `SuffixTemplateDirective`—The suffix template directive.
|
|
36
|
-
* - `PrefixTemplateDirective`—The prefix template directive.
|
|
37
|
-
*
|
|
38
|
-
* @example
|
|
39
|
-
* ```typescript
|
|
40
|
-
* import { ComboBoxModule } from '@progress/kendo-angular-dropdowns';
|
|
41
|
-
*
|
|
42
|
-
* @NgModule({
|
|
43
|
-
* imports: [ComboBoxModule]
|
|
44
|
-
* })
|
|
45
|
-
* class AppModule {}
|
|
46
|
-
* ```
|
|
47
|
-
*/
|
|
48
|
-
export declare class ComboBoxModule {
|
|
49
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ComboBoxModule, never>;
|
|
50
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<ComboBoxModule, never, [typeof i1.ComboBoxComponent, typeof i2.FixedGroupTemplateDirective, typeof i3.FooterTemplateDirective, typeof i4.GroupTemplateDirective, typeof i5.HeaderTemplateDirective, typeof i6.ItemTemplateDirective, typeof i7.NoDataTemplateDirective, typeof i8.FilterDirective, typeof i9.CustomMessagesComponent, typeof i10.SuffixTemplateDirective, typeof i10.PrefixTemplateDirective, typeof i10.SeparatorComponent, typeof i10.ToggleButtonTabStopDirective, typeof i11.MultiColumnComboBoxComponent, typeof i12.ComboBoxColumnComponent, typeof i13.ColumnHeaderTemplateDirective, typeof i14.ColumnCellTemplateDirective, typeof i2.FixedGroupTemplateDirective, typeof i3.FooterTemplateDirective, typeof i4.GroupTemplateDirective, typeof i5.HeaderTemplateDirective, typeof i6.ItemTemplateDirective, typeof i7.NoDataTemplateDirective, typeof i8.FilterDirective, typeof i9.CustomMessagesComponent, typeof i10.SuffixTemplateDirective, typeof i10.PrefixTemplateDirective, typeof i10.SeparatorComponent, typeof i10.ToggleButtonTabStopDirective, typeof i10.PrefixTemplateDirective, typeof i10.SuffixTemplateDirective, typeof i10.SeparatorComponent, typeof i10.ToggleButtonTabStopDirective], [typeof i1.ComboBoxComponent, typeof i2.FixedGroupTemplateDirective, typeof i3.FooterTemplateDirective, typeof i4.GroupTemplateDirective, typeof i5.HeaderTemplateDirective, typeof i6.ItemTemplateDirective, typeof i7.NoDataTemplateDirective, typeof i8.FilterDirective, typeof i9.CustomMessagesComponent, typeof i10.SuffixTemplateDirective, typeof i10.PrefixTemplateDirective, typeof i10.SeparatorComponent, typeof i10.ToggleButtonTabStopDirective, typeof i11.MultiColumnComboBoxComponent, typeof i12.ComboBoxColumnComponent, typeof i13.ColumnHeaderTemplateDirective, typeof i14.ColumnCellTemplateDirective, typeof i2.FixedGroupTemplateDirective, typeof i3.FooterTemplateDirective, typeof i4.GroupTemplateDirective, typeof i5.HeaderTemplateDirective, typeof i6.ItemTemplateDirective, typeof i7.NoDataTemplateDirective, typeof i8.FilterDirective, typeof i9.CustomMessagesComponent, typeof i10.SuffixTemplateDirective, typeof i10.PrefixTemplateDirective, typeof i10.SeparatorComponent, typeof i10.ToggleButtonTabStopDirective, typeof i10.PrefixTemplateDirective, typeof i10.SuffixTemplateDirective, typeof i10.SeparatorComponent, typeof i10.ToggleButtonTabStopDirective]>;
|
|
51
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<ComboBoxModule>;
|
|
52
|
-
}
|