@syncfusion/ej2-dropdowns 18.2.44-4568 → 18.2.44-4570
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/.eslintrc.json +244 -0
- package/CHANGELOG.md +1524 -1524
- package/README.md +118 -118
- package/dist/ej2-dropdowns.umd.min.js +1 -1
- package/dist/ej2-dropdowns.umd.min.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es2015.js +99 -60
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +191 -151
- package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
- package/dist/global/ej2-dropdowns.min.js +1 -1
- package/dist/global/ej2-dropdowns.min.js.map +1 -1
- package/dist/ts/auto-complete/auto-complete.ts +527 -0
- package/dist/ts/combo-box/combo-box.ts +957 -0
- package/dist/ts/common/highlight-search.ts +47 -0
- package/dist/ts/common/incremental-search.ts +81 -0
- package/dist/ts/drop-down-base/drop-down-base.ts +1572 -0
- package/dist/ts/drop-down-list/drop-down-list.ts +2993 -0
- package/dist/ts/drop-down-tree/drop-down-tree.ts +3066 -0
- package/dist/ts/list-box/list-box.ts +2317 -0
- package/dist/ts/multi-select/checkbox-selection.ts +528 -0
- package/dist/ts/multi-select/float-label.ts +155 -0
- package/dist/ts/multi-select/interface.ts +66 -0
- package/dist/ts/multi-select/multi-select.ts +4216 -0
- package/helpers/e2e/index.js +3 -3
- package/license +2 -2
- package/package.json +63 -77
- package/src/auto-complete/auto-complete-model.d.ts +179 -179
- package/src/auto-complete/auto-complete.js +19 -19
- package/src/combo-box/combo-box-model.d.ts +212 -212
- package/src/combo-box/combo-box.js +19 -19
- package/src/drop-down-base/drop-down-base-model.d.ts +191 -191
- package/src/drop-down-base/drop-down-base.js +19 -19
- package/src/drop-down-list/drop-down-list-model.d.ts +222 -222
- package/src/drop-down-list/drop-down-list.js +19 -19
- package/src/drop-down-tree/drop-down-tree-model.d.ts +344 -344
- package/src/drop-down-tree/drop-down-tree.js +19 -19
- package/src/list-box/list-box-model.d.ts +156 -156
- package/src/list-box/list-box.js +19 -19
- package/src/multi-select/checkbox-selection.js +3 -1
- package/src/multi-select/multi-select-model.d.ts +452 -452
- package/src/multi-select/multi-select.d.ts +2 -0
- package/src/multi-select/multi-select.js +58 -19
- package/styles/_all.scss +3 -3
- package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
- package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
- package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
- package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
- package/styles/auto-complete/_material-dark-definition.scss +2 -2
- package/styles/bootstrap-dark.css +13 -16
- package/styles/bootstrap.css +12 -15
- package/styles/bootstrap4.css +6 -10
- package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
- package/styles/combo-box/_bootstrap4-definition.scss +11 -11
- package/styles/combo-box/_fabric-dark-definition.scss +2 -2
- package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
- package/styles/combo-box/_material-dark-definition.scss +2 -2
- package/styles/drop-down-base/_all.scss +2 -2
- package/styles/drop-down-base/_bootstrap-dark-definition.scss +64 -64
- package/styles/drop-down-base/_bootstrap-definition.scss +64 -64
- package/styles/drop-down-base/_bootstrap4-definition.scss +78 -78
- package/styles/drop-down-base/_definition.scss +23 -23
- package/styles/drop-down-base/_fabric-dark-definition.scss +68 -68
- package/styles/drop-down-base/_fabric-definition.scss +66 -66
- package/styles/drop-down-base/_highcontrast-definition.scss +82 -82
- package/styles/drop-down-base/_highcontrast-light-definition.scss +81 -81
- package/styles/drop-down-base/_layout.scss +108 -108
- package/styles/drop-down-base/_material-dark-definition.scss +67 -67
- package/styles/drop-down-base/_material-definition.scss +65 -65
- package/styles/drop-down-base/_theme.scss +242 -242
- package/styles/drop-down-list/_all.scss +2 -2
- package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
- package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
- package/styles/drop-down-list/_bootstrap4-definition.scss +184 -184
- package/styles/drop-down-list/_fabric-dark-definition.scss +127 -127
- package/styles/drop-down-list/_fabric-definition.scss +122 -122
- package/styles/drop-down-list/_highcontrast-definition.scss +131 -131
- package/styles/drop-down-list/_highcontrast-light-definition.scss +133 -133
- package/styles/drop-down-list/_layout.scss +218 -218
- package/styles/drop-down-list/_material-dark-definition.scss +143 -143
- package/styles/drop-down-list/_material-definition.scss +166 -166
- package/styles/drop-down-list/_theme.scss +10 -10
- package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
- package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
- package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
- package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
- package/styles/drop-down-list/icons/_fabric.scss +14 -14
- package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
- package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
- package/styles/drop-down-list/icons/_material-dark.scss +14 -14
- package/styles/drop-down-list/icons/_material.scss +14 -14
- package/styles/drop-down-list/material.css +9 -0
- package/styles/drop-down-tree/_all.scss +2 -2
- package/styles/drop-down-tree/_bootstrap-dark-definition.scss +61 -61
- package/styles/drop-down-tree/_bootstrap-definition.scss +61 -61
- package/styles/drop-down-tree/_bootstrap4-definition.scss +62 -62
- package/styles/drop-down-tree/_fabric-dark-definition.scss +62 -62
- package/styles/drop-down-tree/_fabric-definition.scss +62 -62
- package/styles/drop-down-tree/_highcontrast-definition.scss +62 -62
- package/styles/drop-down-tree/_highcontrast-light-definition.scss +62 -62
- package/styles/drop-down-tree/_layout.scss +437 -437
- package/styles/drop-down-tree/_material-dark-definition.scss +60 -60
- package/styles/drop-down-tree/_material-definition.scss +60 -60
- package/styles/drop-down-tree/_theme.scss +68 -68
- package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
- package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
- package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
- package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
- package/styles/drop-down-tree/icons/_fabric.scss +11 -11
- package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
- package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
- package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
- package/styles/drop-down-tree/icons/_material.scss +11 -11
- package/styles/drop-down-tree/material.css +9 -0
- package/styles/fabric-dark.css +2 -5
- package/styles/fabric.css +1 -4
- package/styles/highcontrast-light.css +2 -5
- package/styles/highcontrast.css +2 -7
- package/styles/list-box/_all.scss +2 -2
- package/styles/list-box/_bootstrap-dark-definition.scss +118 -118
- package/styles/list-box/_bootstrap-definition.scss +112 -112
- package/styles/list-box/_bootstrap4-definition.scss +118 -118
- package/styles/list-box/_fabric-dark-definition.scss +118 -118
- package/styles/list-box/_fabric-definition.scss +112 -112
- package/styles/list-box/_highcontrast-definition.scss +112 -112
- package/styles/list-box/_highcontrast-light-definition.scss +118 -118
- package/styles/list-box/_layout.scss +458 -458
- package/styles/list-box/_material-dark-definition.scss +118 -118
- package/styles/list-box/_material-definition.scss +112 -112
- package/styles/list-box/_theme.scss +273 -273
- package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
- package/styles/list-box/icons/_bootstrap.scss +25 -25
- package/styles/list-box/icons/_bootstrap4.scss +25 -25
- package/styles/list-box/icons/_fabric-dark.scss +25 -25
- package/styles/list-box/icons/_fabric.scss +25 -25
- package/styles/list-box/icons/_highcontrast-light.scss +25 -25
- package/styles/list-box/icons/_highcontrast.scss +25 -25
- package/styles/list-box/icons/_material-dark.scss +25 -25
- package/styles/list-box/icons/_material.scss +25 -25
- package/styles/material-dark.css +8 -11
- package/styles/material.css +34 -10
- package/styles/multi-select/_all.scss +2 -2
- package/styles/multi-select/_bootstrap-dark-definition.scss +171 -171
- package/styles/multi-select/_bootstrap-definition.scss +166 -166
- package/styles/multi-select/_bootstrap4-definition.scss +233 -233
- package/styles/multi-select/_fabric-dark-definition.scss +170 -170
- package/styles/multi-select/_fabric-definition.scss +167 -167
- package/styles/multi-select/_highcontrast-definition.scss +257 -259
- package/styles/multi-select/_highcontrast-light-definition.scss +258 -258
- package/styles/multi-select/_layout.scss +1153 -1153
- package/styles/multi-select/_material-dark-definition.scss +186 -186
- package/styles/multi-select/_material-definition.scss +191 -191
- package/styles/multi-select/_theme.scss +384 -389
- package/styles/multi-select/bootstrap-dark.css +13 -16
- package/styles/multi-select/bootstrap.css +12 -15
- package/styles/multi-select/bootstrap4.css +6 -10
- package/styles/multi-select/fabric-dark.css +2 -5
- package/styles/multi-select/fabric.css +1 -4
- package/styles/multi-select/highcontrast-light.css +2 -5
- package/styles/multi-select/highcontrast.css +2 -7
- package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
- package/styles/multi-select/icons/_bootstrap.scss +26 -26
- package/styles/multi-select/icons/_bootstrap4.scss +37 -37
- package/styles/multi-select/icons/_fabric-dark.scss +26 -26
- package/styles/multi-select/icons/_fabric.scss +26 -26
- package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
- package/styles/multi-select/icons/_highcontrast.scss +26 -26
- package/styles/multi-select/icons/_material-dark.scss +26 -26
- package/styles/multi-select/icons/_material.scss +324 -324
- package/styles/multi-select/material-dark.css +8 -11
- package/styles/multi-select/material.css +16 -10
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { EventHandler, Property, Event, EmitType, addClass, Browser, KeyboardEventArgs, removeClass, detach } from '@syncfusion/ej2-base';
|
|
1
|
+
import { EventHandler, Property, Event, EmitType, addClass, Browser, KeyboardEventArgs, removeClass, detach } from '@syncfusion/ej2-base';
|
|
2
2
|
import {CustomValueSpecifierEventArgs} from "./combo-box";
|
|
3
3
|
import {DropDownListModel} from "../drop-down-list/drop-down-list-model";
|
|
4
4
|
|
|
@@ -8,216 +8,216 @@ import {DropDownListModel} from "../drop-down-list/drop-down-list-model";
|
|
|
8
8
|
export interface ComboBoxModel extends DropDownListModel{
|
|
9
9
|
|
|
10
10
|
/**
|
|
11
|
-
* Specifies whether suggest a first matched item in input when searching. No action happens when no matches found.
|
|
12
|
-
* @default false
|
|
13
|
-
*/
|
|
14
|
-
autofill?: boolean;
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Specifies whether the component allows user defined value which does not exist in data source.
|
|
18
|
-
* @default true
|
|
19
|
-
*/
|
|
20
|
-
allowCustom?: boolean;
|
|
21
|
-
|
|
22
|
-
/**
|
|
23
|
-
* Allows additional HTML attributes such as title, name, etc., and
|
|
24
|
-
* accepts n number of attributes in a key-value pair format.
|
|
25
|
-
*
|
|
26
|
-
* {% codeBlock src='combobox/htmlAttributes/index.md' %}{% endcodeBlock %}
|
|
27
|
-
*
|
|
28
|
-
* @default {}
|
|
29
|
-
* @deprecated
|
|
30
|
-
*/
|
|
31
|
-
htmlAttributes?: { [key: string]: string; };
|
|
32
|
-
|
|
33
|
-
/**
|
|
34
|
-
* When allowFiltering is set to true, show the filter bar (search box) of the component.
|
|
35
|
-
* The filter action retrieves matched items through the `filtering` event based on
|
|
36
|
-
* the characters typed in the search TextBox.
|
|
37
|
-
* If no match is found, the value of the `noRecordsTemplate` property will be displayed.
|
|
38
|
-
*
|
|
39
|
-
* {% codeBlock src="combobox/allow-filtering-api/index.ts" %}{% endcodeBlock %}
|
|
40
|
-
*
|
|
41
|
-
* {% codeBlock src="combobox/allow-filtering-api/index.html" %}{% endcodeBlock %}
|
|
42
|
-
* @default false
|
|
43
|
-
* @deprecated
|
|
44
|
-
*/
|
|
45
|
-
allowFiltering?: boolean;
|
|
46
|
-
|
|
47
|
-
/**
|
|
48
|
-
* Accepts the external `Query`
|
|
49
|
-
* that execute along with [`data processing`](../../combo-box/data-binding).
|
|
50
|
-
*
|
|
51
|
-
* {% codeBlock src='combobox/query/index.md' %}{% endcodeBlock %}
|
|
52
|
-
* @default null
|
|
53
|
-
* @deprecated
|
|
54
|
-
*/
|
|
55
|
-
query?: Query;
|
|
56
|
-
|
|
57
|
-
/**
|
|
58
|
-
* Gets or sets the index of the selected item in the component.
|
|
59
|
-
*
|
|
60
|
-
* {% codeBlock src="combobox/index-api/index.ts" %}{% endcodeBlock %}
|
|
61
|
-
*
|
|
62
|
-
* {% codeBlock src="combobox/index-api/index.html" %}{% endcodeBlock %}
|
|
63
|
-
*
|
|
64
|
-
* @default null
|
|
65
|
-
* @blazorType int
|
|
66
|
-
* @isBlazorNullableType true
|
|
67
|
-
* @blazorDefaultValue
|
|
68
|
-
* @deprecated
|
|
69
|
-
*/
|
|
70
|
-
index?: number;
|
|
71
|
-
|
|
72
|
-
/**
|
|
73
|
-
* Specifies whether to show or hide the clear button.
|
|
74
|
-
* When the clear button is clicked, `value`, `text`, and `index` properties are reset to null.
|
|
75
|
-
* @default true
|
|
76
|
-
* @blazorOverrideType override
|
|
77
|
-
*/
|
|
78
|
-
showClearButton?: boolean;
|
|
79
|
-
|
|
80
|
-
/**
|
|
81
|
-
* Enable or disable rendering component in right to left direction.
|
|
82
|
-
* @default false
|
|
83
|
-
* @deprecated
|
|
84
|
-
* @blazorOverrideType override
|
|
85
|
-
*/
|
|
86
|
-
enableRtl?: boolean;
|
|
87
|
-
|
|
88
|
-
/**
|
|
89
|
-
* Triggers on set a
|
|
90
|
-
* [`custom value`](../../combo-box/getting-started#custom-values) to this component.
|
|
91
|
-
* @event
|
|
92
|
-
* @blazorProperty 'CustomValueSpecifier'
|
|
93
|
-
*/
|
|
94
|
-
customValueSpecifier?: EmitType<CustomValueSpecifierEventArgs>;
|
|
95
|
-
|
|
96
|
-
/**
|
|
97
|
-
* Triggers on typing a character in the component.
|
|
98
|
-
* > For more details about the filtering refer to [`Filtering`](../../combo-box/filtering) documentation.
|
|
99
|
-
* @event
|
|
100
|
-
* @blazorProperty 'Filtering'
|
|
101
|
-
*/
|
|
102
|
-
filtering?: EmitType<FilteringEventArgs>;
|
|
103
|
-
|
|
104
|
-
/**
|
|
105
|
-
* Not applicable to this component.
|
|
106
|
-
* @default null
|
|
107
|
-
* @private
|
|
108
|
-
*/
|
|
109
|
-
valueTemplate?: string;
|
|
110
|
-
|
|
111
|
-
/**
|
|
112
|
-
* Specifies whether to display the floating label above the input element.
|
|
113
|
-
* Possible values are:
|
|
114
|
-
* * Never: The label will never float in the input when the placeholder is available.
|
|
115
|
-
* * Always: The floating label will always float above the input.
|
|
116
|
-
* * Auto: The floating label will float above the input after focusing or entering a value in the input.
|
|
117
|
-
*
|
|
118
|
-
* {% codeBlock src="combobox/float-label-type-api/index.ts" %}{% endcodeBlock %}
|
|
119
|
-
*
|
|
120
|
-
* {% codeBlock src="combobox/float-label-type-api/index.html" %}{% endcodeBlock %}
|
|
121
|
-
*
|
|
122
|
-
* @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
|
|
123
|
-
* @aspType Syncfusion.EJ2.Inputs.FloatLabelType
|
|
124
|
-
* @isEnumeration true
|
|
125
|
-
* @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
|
|
126
|
-
* @deprecated
|
|
127
|
-
*/
|
|
128
|
-
floatLabelType?: FloatLabelType;
|
|
129
|
-
|
|
130
|
-
/**
|
|
131
|
-
* Not applicable to this component.
|
|
132
|
-
* @default null
|
|
133
|
-
* @private
|
|
134
|
-
* @deprecated
|
|
135
|
-
*/
|
|
136
|
-
filterBarPlaceholder?: string;
|
|
137
|
-
|
|
138
|
-
/**
|
|
139
|
-
* Sets CSS classes to the root element of the component that allows customization of appearance.
|
|
140
|
-
* @default null
|
|
141
|
-
* @deprecated
|
|
142
|
-
*/
|
|
143
|
-
cssClass?: string;
|
|
144
|
-
|
|
145
|
-
/**
|
|
146
|
-
* Accepts the template design and assigns it to the header container of the popup list.
|
|
147
|
-
* > For more details about the available template options refer to [`Template`](../../drop-down-list/templates) documentation.
|
|
148
|
-
* @default null
|
|
149
|
-
* @deprecated
|
|
150
|
-
*/
|
|
151
|
-
headerTemplate?: string;
|
|
152
|
-
|
|
153
|
-
/**
|
|
154
|
-
* Accepts the template design and assigns it to the footer container of the popup list.
|
|
155
|
-
* > For more details about the available template options refer to [`Template`](../../drop-down-list/templates) documentation.
|
|
156
|
-
* @default null
|
|
157
|
-
* @deprecated
|
|
158
|
-
*/
|
|
159
|
-
footerTemplate?: string;
|
|
160
|
-
|
|
161
|
-
/**
|
|
162
|
-
* Specifies a short hint that describes the expected value of the DropDownList component.
|
|
163
|
-
* @default null
|
|
164
|
-
* @deprecated
|
|
165
|
-
*/
|
|
166
|
-
placeholder?: string;
|
|
167
|
-
|
|
168
|
-
/**
|
|
169
|
-
* Specifies the width of the component. By default, the component width sets based on the width of
|
|
170
|
-
* its parent container. You can also set the width in pixel values.
|
|
171
|
-
* @default '100%'
|
|
172
|
-
* @aspType string
|
|
173
|
-
* @blazorType string
|
|
174
|
-
* @deprecated
|
|
175
|
-
*/
|
|
176
|
-
width?: string | number;
|
|
177
|
-
|
|
178
|
-
/**
|
|
179
|
-
* Specifies the height of the popup list.
|
|
180
|
-
* > For more details about the popup configuration refer to
|
|
181
|
-
* [`Popup Configuration`](../../drop-down-list/getting-started#configure-the-popup-list) documentation.
|
|
182
|
-
* @default '300px'
|
|
183
|
-
* @aspType string
|
|
184
|
-
* @blazorType string
|
|
185
|
-
* @deprecated
|
|
186
|
-
*/
|
|
187
|
-
popupHeight?: string | number;
|
|
188
|
-
|
|
189
|
-
/**
|
|
190
|
-
* Specifies the width of the popup list. By default, the popup width sets based on the width of
|
|
191
|
-
* the component.
|
|
192
|
-
* > For more details about the popup configuration refer to
|
|
193
|
-
* [`Popup Configuration`](../../drop-down-list/getting-started#configure-the-popup-list) documentation.
|
|
194
|
-
* @default '100%'
|
|
195
|
-
* @aspType string
|
|
196
|
-
* @blazorType string
|
|
197
|
-
* @deprecated
|
|
198
|
-
*/
|
|
199
|
-
popupWidth?: string | number;
|
|
200
|
-
|
|
201
|
-
/**
|
|
202
|
-
* When set to true, the user interactions on the component are disabled.
|
|
203
|
-
* @default false
|
|
204
|
-
* @deprecated
|
|
205
|
-
*/
|
|
206
|
-
readonly?: boolean;
|
|
207
|
-
|
|
208
|
-
/**
|
|
209
|
-
* Gets or sets the display text of the selected item in the component.
|
|
210
|
-
* @default null
|
|
211
|
-
* @deprecated
|
|
212
|
-
*/
|
|
213
|
-
text?: string;
|
|
214
|
-
|
|
215
|
-
/**
|
|
216
|
-
* Gets or sets the value of the selected item in the component.
|
|
217
|
-
* @default null
|
|
218
|
-
* @isGenericType true
|
|
219
|
-
* @deprecated
|
|
220
|
-
*/
|
|
221
|
-
value?: number | string | boolean;
|
|
11
|
+
* Specifies whether suggest a first matched item in input when searching. No action happens when no matches found.
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
14
|
+
autofill?: boolean;
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Specifies whether the component allows user defined value which does not exist in data source.
|
|
18
|
+
* @default true
|
|
19
|
+
*/
|
|
20
|
+
allowCustom?: boolean;
|
|
21
|
+
|
|
22
|
+
/**
|
|
23
|
+
* Allows additional HTML attributes such as title, name, etc., and
|
|
24
|
+
* accepts n number of attributes in a key-value pair format.
|
|
25
|
+
*
|
|
26
|
+
* {% codeBlock src='combobox/htmlAttributes/index.md' %}{% endcodeBlock %}
|
|
27
|
+
*
|
|
28
|
+
* @default {}
|
|
29
|
+
* @deprecated
|
|
30
|
+
*/
|
|
31
|
+
htmlAttributes?: { [key: string]: string; };
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* When allowFiltering is set to true, show the filter bar (search box) of the component.
|
|
35
|
+
* The filter action retrieves matched items through the `filtering` event based on
|
|
36
|
+
* the characters typed in the search TextBox.
|
|
37
|
+
* If no match is found, the value of the `noRecordsTemplate` property will be displayed.
|
|
38
|
+
*
|
|
39
|
+
* {% codeBlock src="combobox/allow-filtering-api/index.ts" %}{% endcodeBlock %}
|
|
40
|
+
*
|
|
41
|
+
* {% codeBlock src="combobox/allow-filtering-api/index.html" %}{% endcodeBlock %}
|
|
42
|
+
* @default false
|
|
43
|
+
* @deprecated
|
|
44
|
+
*/
|
|
45
|
+
allowFiltering?: boolean;
|
|
46
|
+
|
|
47
|
+
/**
|
|
48
|
+
* Accepts the external `Query`
|
|
49
|
+
* that execute along with [`data processing`](../../combo-box/data-binding).
|
|
50
|
+
*
|
|
51
|
+
* {% codeBlock src='combobox/query/index.md' %}{% endcodeBlock %}
|
|
52
|
+
* @default null
|
|
53
|
+
* @deprecated
|
|
54
|
+
*/
|
|
55
|
+
query?: Query;
|
|
56
|
+
|
|
57
|
+
/**
|
|
58
|
+
* Gets or sets the index of the selected item in the component.
|
|
59
|
+
*
|
|
60
|
+
* {% codeBlock src="combobox/index-api/index.ts" %}{% endcodeBlock %}
|
|
61
|
+
*
|
|
62
|
+
* {% codeBlock src="combobox/index-api/index.html" %}{% endcodeBlock %}
|
|
63
|
+
*
|
|
64
|
+
* @default null
|
|
65
|
+
* @blazorType int
|
|
66
|
+
* @isBlazorNullableType true
|
|
67
|
+
* @blazorDefaultValue
|
|
68
|
+
* @deprecated
|
|
69
|
+
*/
|
|
70
|
+
index?: number;
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* Specifies whether to show or hide the clear button.
|
|
74
|
+
* When the clear button is clicked, `value`, `text`, and `index` properties are reset to null.
|
|
75
|
+
* @default true
|
|
76
|
+
* @blazorOverrideType override
|
|
77
|
+
*/
|
|
78
|
+
showClearButton?: boolean;
|
|
79
|
+
|
|
80
|
+
/**
|
|
81
|
+
* Enable or disable rendering component in right to left direction.
|
|
82
|
+
* @default false
|
|
83
|
+
* @deprecated
|
|
84
|
+
* @blazorOverrideType override
|
|
85
|
+
*/
|
|
86
|
+
enableRtl?: boolean;
|
|
87
|
+
|
|
88
|
+
/**
|
|
89
|
+
* Triggers on set a
|
|
90
|
+
* [`custom value`](../../combo-box/getting-started#custom-values) to this component.
|
|
91
|
+
* @event
|
|
92
|
+
* @blazorProperty 'CustomValueSpecifier'
|
|
93
|
+
*/
|
|
94
|
+
customValueSpecifier?: EmitType<CustomValueSpecifierEventArgs>;
|
|
95
|
+
|
|
96
|
+
/**
|
|
97
|
+
* Triggers on typing a character in the component.
|
|
98
|
+
* > For more details about the filtering refer to [`Filtering`](../../combo-box/filtering) documentation.
|
|
99
|
+
* @event
|
|
100
|
+
* @blazorProperty 'Filtering'
|
|
101
|
+
*/
|
|
102
|
+
filtering?: EmitType<FilteringEventArgs>;
|
|
103
|
+
|
|
104
|
+
/**
|
|
105
|
+
* Not applicable to this component.
|
|
106
|
+
* @default null
|
|
107
|
+
* @private
|
|
108
|
+
*/
|
|
109
|
+
valueTemplate?: string;
|
|
110
|
+
|
|
111
|
+
/**
|
|
112
|
+
* Specifies whether to display the floating label above the input element.
|
|
113
|
+
* Possible values are:
|
|
114
|
+
* * Never: The label will never float in the input when the placeholder is available.
|
|
115
|
+
* * Always: The floating label will always float above the input.
|
|
116
|
+
* * Auto: The floating label will float above the input after focusing or entering a value in the input.
|
|
117
|
+
*
|
|
118
|
+
* {% codeBlock src="combobox/float-label-type-api/index.ts" %}{% endcodeBlock %}
|
|
119
|
+
*
|
|
120
|
+
* {% codeBlock src="combobox/float-label-type-api/index.html" %}{% endcodeBlock %}
|
|
121
|
+
*
|
|
122
|
+
* @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
|
|
123
|
+
* @aspType Syncfusion.EJ2.Inputs.FloatLabelType
|
|
124
|
+
* @isEnumeration true
|
|
125
|
+
* @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
|
|
126
|
+
* @deprecated
|
|
127
|
+
*/
|
|
128
|
+
floatLabelType?: FloatLabelType;
|
|
129
|
+
|
|
130
|
+
/**
|
|
131
|
+
* Not applicable to this component.
|
|
132
|
+
* @default null
|
|
133
|
+
* @private
|
|
134
|
+
* @deprecated
|
|
135
|
+
*/
|
|
136
|
+
filterBarPlaceholder?: string;
|
|
137
|
+
|
|
138
|
+
/**
|
|
139
|
+
* Sets CSS classes to the root element of the component that allows customization of appearance.
|
|
140
|
+
* @default null
|
|
141
|
+
* @deprecated
|
|
142
|
+
*/
|
|
143
|
+
cssClass?: string;
|
|
144
|
+
|
|
145
|
+
/**
|
|
146
|
+
* Accepts the template design and assigns it to the header container of the popup list.
|
|
147
|
+
* > For more details about the available template options refer to [`Template`](../../drop-down-list/templates) documentation.
|
|
148
|
+
* @default null
|
|
149
|
+
* @deprecated
|
|
150
|
+
*/
|
|
151
|
+
headerTemplate?: string;
|
|
152
|
+
|
|
153
|
+
/**
|
|
154
|
+
* Accepts the template design and assigns it to the footer container of the popup list.
|
|
155
|
+
* > For more details about the available template options refer to [`Template`](../../drop-down-list/templates) documentation.
|
|
156
|
+
* @default null
|
|
157
|
+
* @deprecated
|
|
158
|
+
*/
|
|
159
|
+
footerTemplate?: string;
|
|
160
|
+
|
|
161
|
+
/**
|
|
162
|
+
* Specifies a short hint that describes the expected value of the DropDownList component.
|
|
163
|
+
* @default null
|
|
164
|
+
* @deprecated
|
|
165
|
+
*/
|
|
166
|
+
placeholder?: string;
|
|
167
|
+
|
|
168
|
+
/**
|
|
169
|
+
* Specifies the width of the component. By default, the component width sets based on the width of
|
|
170
|
+
* its parent container. You can also set the width in pixel values.
|
|
171
|
+
* @default '100%'
|
|
172
|
+
* @aspType string
|
|
173
|
+
* @blazorType string
|
|
174
|
+
* @deprecated
|
|
175
|
+
*/
|
|
176
|
+
width?: string | number;
|
|
177
|
+
|
|
178
|
+
/**
|
|
179
|
+
* Specifies the height of the popup list.
|
|
180
|
+
* > For more details about the popup configuration refer to
|
|
181
|
+
* [`Popup Configuration`](../../drop-down-list/getting-started#configure-the-popup-list) documentation.
|
|
182
|
+
* @default '300px'
|
|
183
|
+
* @aspType string
|
|
184
|
+
* @blazorType string
|
|
185
|
+
* @deprecated
|
|
186
|
+
*/
|
|
187
|
+
popupHeight?: string | number;
|
|
188
|
+
|
|
189
|
+
/**
|
|
190
|
+
* Specifies the width of the popup list. By default, the popup width sets based on the width of
|
|
191
|
+
* the component.
|
|
192
|
+
* > For more details about the popup configuration refer to
|
|
193
|
+
* [`Popup Configuration`](../../drop-down-list/getting-started#configure-the-popup-list) documentation.
|
|
194
|
+
* @default '100%'
|
|
195
|
+
* @aspType string
|
|
196
|
+
* @blazorType string
|
|
197
|
+
* @deprecated
|
|
198
|
+
*/
|
|
199
|
+
popupWidth?: string | number;
|
|
200
|
+
|
|
201
|
+
/**
|
|
202
|
+
* When set to true, the user interactions on the component are disabled.
|
|
203
|
+
* @default false
|
|
204
|
+
* @deprecated
|
|
205
|
+
*/
|
|
206
|
+
readonly?: boolean;
|
|
207
|
+
|
|
208
|
+
/**
|
|
209
|
+
* Gets or sets the display text of the selected item in the component.
|
|
210
|
+
* @default null
|
|
211
|
+
* @deprecated
|
|
212
|
+
*/
|
|
213
|
+
text?: string;
|
|
214
|
+
|
|
215
|
+
/**
|
|
216
|
+
* Gets or sets the value of the selected item in the component.
|
|
217
|
+
* @default null
|
|
218
|
+
* @isGenericType true
|
|
219
|
+
* @deprecated
|
|
220
|
+
*/
|
|
221
|
+
value?: number | string | boolean;
|
|
222
222
|
|
|
223
223
|
}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
|
2
|
-
var extendStatics = function (d, b) {
|
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
-
return extendStatics(d, b);
|
|
7
|
-
}
|
|
8
|
-
return function (d, b) {
|
|
9
|
-
extendStatics(d, b);
|
|
10
|
-
function __() { this.constructor = d; }
|
|
11
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
-
};
|
|
13
|
-
})();
|
|
14
|
-
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
-
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
-
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
-
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
-
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
-
};
|
|
1
|
+
var __extends = (this && this.__extends) || (function () {
|
|
2
|
+
var extendStatics = function (d, b) {
|
|
3
|
+
extendStatics = Object.setPrototypeOf ||
|
|
4
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
5
|
+
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
|
6
|
+
return extendStatics(d, b);
|
|
7
|
+
};
|
|
8
|
+
return function (d, b) {
|
|
9
|
+
extendStatics(d, b);
|
|
10
|
+
function __() { this.constructor = d; }
|
|
11
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
12
|
+
};
|
|
13
|
+
})();
|
|
14
|
+
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
|
|
15
|
+
var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
|
|
16
|
+
if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
|
|
17
|
+
else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
|
|
18
|
+
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
19
|
+
};
|
|
20
20
|
/// <reference path='../drop-down-list/drop-down-list-model.d.ts'/>
|
|
21
21
|
import { EventHandler, Property, Event, addClass, Browser, removeClass, detach } from '@syncfusion/ej2-base';
|
|
22
22
|
import { isNullOrUndefined, NotifyPropertyChanges, getValue, setValue } from '@syncfusion/ej2-base';
|