@syncfusion/ej2-dropdowns 18.1.57 → 18.2.44-4569

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.
Files changed (183) hide show
  1. package/.eslintrc.json +244 -0
  2. package/CHANGELOG.md +1524 -1514
  3. package/README.md +118 -118
  4. package/dist/ej2-dropdowns.umd.min.js +1 -10
  5. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es2015.js +198 -126
  7. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  8. package/dist/es6/ej2-dropdowns.es5.js +290 -217
  9. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  10. package/dist/global/ej2-dropdowns.min.js +1 -10
  11. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  12. package/dist/global/index.d.ts +0 -9
  13. package/dist/ts/auto-complete/auto-complete.ts +527 -0
  14. package/dist/ts/combo-box/combo-box.ts +957 -0
  15. package/dist/ts/common/highlight-search.ts +47 -0
  16. package/dist/ts/common/incremental-search.ts +81 -0
  17. package/dist/ts/drop-down-base/drop-down-base.ts +1572 -0
  18. package/dist/ts/drop-down-list/drop-down-list.ts +2993 -0
  19. package/dist/ts/drop-down-tree/drop-down-tree.ts +3066 -0
  20. package/dist/ts/list-box/list-box.ts +2317 -0
  21. package/dist/ts/multi-select/checkbox-selection.ts +528 -0
  22. package/dist/ts/multi-select/float-label.ts +155 -0
  23. package/dist/ts/multi-select/interface.ts +66 -0
  24. package/dist/ts/multi-select/multi-select.ts +4216 -0
  25. package/helpers/e2e/index.js +3 -3
  26. package/license +2 -2
  27. package/package.json +77 -77
  28. package/src/auto-complete/auto-complete-model.d.ts +179 -179
  29. package/src/auto-complete/auto-complete.d.ts +12 -12
  30. package/src/auto-complete/auto-complete.js +21 -21
  31. package/src/combo-box/combo-box-model.d.ts +212 -212
  32. package/src/combo-box/combo-box.d.ts +27 -27
  33. package/src/combo-box/combo-box.js +29 -29
  34. package/src/common/incremental-search.d.ts +1 -1
  35. package/src/common/incremental-search.js +4 -2
  36. package/src/drop-down-base/drop-down-base-model.d.ts +191 -191
  37. package/src/drop-down-base/drop-down-base.d.ts +17 -17
  38. package/src/drop-down-base/drop-down-base.js +20 -20
  39. package/src/drop-down-list/drop-down-list-model.d.ts +222 -222
  40. package/src/drop-down-list/drop-down-list.d.ts +3 -2
  41. package/src/drop-down-list/drop-down-list.js +43 -30
  42. package/src/drop-down-tree/drop-down-tree-model.d.ts +344 -344
  43. package/src/drop-down-tree/drop-down-tree.js +32 -26
  44. package/src/list-box/index.d.ts +1 -0
  45. package/src/list-box/index.js +1 -0
  46. package/src/list-box/list-box-model.d.ts +156 -156
  47. package/src/list-box/list-box.d.ts +2 -2
  48. package/src/list-box/list-box.js +57 -59
  49. package/src/multi-select/index.d.ts +1 -0
  50. package/src/multi-select/index.js +1 -0
  51. package/src/multi-select/multi-select-model.d.ts +452 -452
  52. package/src/multi-select/multi-select.d.ts +2 -0
  53. package/src/multi-select/multi-select.js +98 -43
  54. package/styles/_all.scss +3 -3
  55. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  56. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  57. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  58. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  59. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  60. package/styles/bootstrap-dark.css +67 -61
  61. package/styles/bootstrap.css +69 -63
  62. package/styles/bootstrap4.css +81 -61
  63. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  64. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  65. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  66. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  67. package/styles/combo-box/_material-dark-definition.scss +2 -2
  68. package/styles/drop-down-base/_all.scss +2 -2
  69. package/styles/drop-down-base/_bootstrap-dark-definition.scss +64 -64
  70. package/styles/drop-down-base/_bootstrap-definition.scss +64 -64
  71. package/styles/drop-down-base/_bootstrap4-definition.scss +78 -78
  72. package/styles/drop-down-base/_definition.scss +23 -23
  73. package/styles/drop-down-base/_fabric-dark-definition.scss +68 -68
  74. package/styles/drop-down-base/_fabric-definition.scss +66 -66
  75. package/styles/drop-down-base/_highcontrast-definition.scss +82 -82
  76. package/styles/drop-down-base/_highcontrast-light-definition.scss +81 -81
  77. package/styles/drop-down-base/_layout.scss +108 -108
  78. package/styles/drop-down-base/_material-dark-definition.scss +67 -67
  79. package/styles/drop-down-base/_material-definition.scss +65 -65
  80. package/styles/drop-down-base/_theme.scss +242 -242
  81. package/styles/drop-down-list/_all.scss +2 -2
  82. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
  83. package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
  84. package/styles/drop-down-list/_bootstrap4-definition.scss +184 -184
  85. package/styles/drop-down-list/_fabric-dark-definition.scss +127 -127
  86. package/styles/drop-down-list/_fabric-definition.scss +122 -122
  87. package/styles/drop-down-list/_highcontrast-definition.scss +131 -131
  88. package/styles/drop-down-list/_highcontrast-light-definition.scss +133 -133
  89. package/styles/drop-down-list/_layout.scss +218 -218
  90. package/styles/drop-down-list/_material-dark-definition.scss +143 -143
  91. package/styles/drop-down-list/_material-definition.scss +166 -166
  92. package/styles/drop-down-list/_theme.scss +10 -10
  93. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
  94. package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
  95. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
  96. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
  97. package/styles/drop-down-list/icons/_fabric.scss +14 -14
  98. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  99. package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
  100. package/styles/drop-down-list/icons/_material-dark.scss +14 -14
  101. package/styles/drop-down-list/icons/_material.scss +14 -14
  102. package/styles/drop-down-list/material.css +9 -0
  103. package/styles/drop-down-tree/_all.scss +2 -2
  104. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +62 -49
  105. package/styles/drop-down-tree/_bootstrap-definition.scss +62 -49
  106. package/styles/drop-down-tree/_bootstrap4-definition.scss +63 -50
  107. package/styles/drop-down-tree/_fabric-dark-definition.scss +63 -49
  108. package/styles/drop-down-tree/_fabric-definition.scss +63 -49
  109. package/styles/drop-down-tree/_highcontrast-definition.scss +63 -49
  110. package/styles/drop-down-tree/_highcontrast-light-definition.scss +63 -49
  111. package/styles/drop-down-tree/_layout.scss +437 -398
  112. package/styles/drop-down-tree/_material-dark-definition.scss +61 -54
  113. package/styles/drop-down-tree/_material-definition.scss +61 -54
  114. package/styles/drop-down-tree/_theme.scss +68 -63
  115. package/styles/drop-down-tree/bootstrap-dark.css +67 -61
  116. package/styles/drop-down-tree/bootstrap.css +69 -63
  117. package/styles/drop-down-tree/bootstrap4.css +81 -61
  118. package/styles/drop-down-tree/fabric-dark.css +71 -63
  119. package/styles/drop-down-tree/fabric.css +71 -63
  120. package/styles/drop-down-tree/highcontrast-light.css +71 -63
  121. package/styles/drop-down-tree/highcontrast.css +75 -63
  122. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  123. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  124. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  125. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  126. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  127. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  128. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  129. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  130. package/styles/drop-down-tree/icons/_material.scss +11 -11
  131. package/styles/drop-down-tree/material-dark.css +76 -85
  132. package/styles/drop-down-tree/material.css +93 -85
  133. package/styles/fabric-dark.css +71 -63
  134. package/styles/fabric.css +71 -63
  135. package/styles/highcontrast-light.css +71 -63
  136. package/styles/highcontrast.css +75 -63
  137. package/styles/list-box/_all.scss +2 -2
  138. package/styles/list-box/_bootstrap-dark-definition.scss +118 -118
  139. package/styles/list-box/_bootstrap-definition.scss +112 -112
  140. package/styles/list-box/_bootstrap4-definition.scss +118 -118
  141. package/styles/list-box/_fabric-dark-definition.scss +118 -118
  142. package/styles/list-box/_fabric-definition.scss +112 -112
  143. package/styles/list-box/_highcontrast-definition.scss +112 -112
  144. package/styles/list-box/_highcontrast-light-definition.scss +118 -118
  145. package/styles/list-box/_layout.scss +458 -458
  146. package/styles/list-box/_material-dark-definition.scss +118 -118
  147. package/styles/list-box/_material-definition.scss +112 -112
  148. package/styles/list-box/_theme.scss +273 -273
  149. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  150. package/styles/list-box/icons/_bootstrap.scss +25 -25
  151. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  152. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  153. package/styles/list-box/icons/_fabric.scss +25 -25
  154. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  155. package/styles/list-box/icons/_highcontrast.scss +25 -25
  156. package/styles/list-box/icons/_material-dark.scss +25 -25
  157. package/styles/list-box/icons/_material.scss +25 -25
  158. package/styles/list-box/material-dark.css +4 -4
  159. package/styles/list-box/material.css +4 -4
  160. package/styles/material-dark.css +80 -89
  161. package/styles/material.css +115 -89
  162. package/styles/multi-select/_all.scss +2 -2
  163. package/styles/multi-select/_bootstrap-dark-definition.scss +171 -171
  164. package/styles/multi-select/_bootstrap-definition.scss +166 -166
  165. package/styles/multi-select/_bootstrap4-definition.scss +233 -233
  166. package/styles/multi-select/_fabric-dark-definition.scss +170 -170
  167. package/styles/multi-select/_fabric-definition.scss +167 -167
  168. package/styles/multi-select/_highcontrast-definition.scss +257 -257
  169. package/styles/multi-select/_highcontrast-light-definition.scss +258 -258
  170. package/styles/multi-select/_layout.scss +1153 -1153
  171. package/styles/multi-select/_material-dark-definition.scss +186 -186
  172. package/styles/multi-select/_material-definition.scss +191 -191
  173. package/styles/multi-select/_theme.scss +384 -384
  174. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
  175. package/styles/multi-select/icons/_bootstrap.scss +26 -26
  176. package/styles/multi-select/icons/_bootstrap4.scss +37 -37
  177. package/styles/multi-select/icons/_fabric-dark.scss +26 -26
  178. package/styles/multi-select/icons/_fabric.scss +26 -26
  179. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  180. package/styles/multi-select/icons/_highcontrast.scss +26 -26
  181. package/styles/multi-select/icons/_material-dark.scss +26 -26
  182. package/styles/multi-select/icons/_material.scss +324 -324
  183. package/styles/multi-select/material.css +9 -0
@@ -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='../combo-box/combo-box-model.d.ts'/>
21
21
  import { Property, EventHandler, isNullOrUndefined, detach } from '@syncfusion/ej2-base';
22
22
  import { Event, Complex } from '@syncfusion/ej2-base';
@@ -151,7 +151,7 @@ var AutoComplete = /** @class */ (function (_super) {
151
151
  * @param {Query} query - Specify the query to filter the data.
152
152
  * @param {FieldSettingsModel} fields - Specify the fields to map the column in the data table.
153
153
  * @return {void}.
154
-
154
+ * @deprecated
155
155
  */
156
156
  AutoComplete.prototype.filter = function (dataSource, query, fields) {
157
157
  this.isFiltered = true;
@@ -262,7 +262,7 @@ var AutoComplete = /** @class */ (function (_super) {
262
262
  /**
263
263
  * Search the entered text and show it in the suggestion list if available.
264
264
  * @returns void.
265
-
265
+ * @deprecated
266
266
  */
267
267
  AutoComplete.prototype.showPopup = function () {
268
268
  if (!this.enabled) {
@@ -1,4 +1,4 @@
1
- import { EventHandler, Property, Event, EmitType, addClass, Browser, KeyboardEventArgs, removeClass, detach } from '@syncfusion/ej2-base';import { isNullOrUndefined, NotifyPropertyChanges, getValue, setValue } from '@syncfusion/ej2-base';import { DropDownList, dropDownListClasses } from '../drop-down-list/drop-down-list';import { FilteringEventArgs } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { Search } from '../common/incremental-search';import { createSpinner, showSpinner, hideSpinner } from '@syncfusion/ej2-popups';import { Input, InputObject, FloatLabelType } from '@syncfusion/ej2-inputs';import { DataManager, Query } from '@syncfusion/ej2-data';
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
-
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
-
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
-
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
-
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
-
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
-
127
- */
128
- floatLabelType?: FloatLabelType;
129
-
130
- /**
131
- * Not applicable to this component.
132
- * @default null
133
- * @private
134
-
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
-
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
-
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
-
158
- */
159
- footerTemplate?: string;
160
-
161
- /**
162
- * Specifies a short hint that describes the expected value of the DropDownList component.
163
- * @default null
164
-
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
-
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
-
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
-
198
- */
199
- popupWidth?: string | number;
200
-
201
- /**
202
- * When set to true, the user interactions on the component are disabled.
203
- * @default false
204
-
205
- */
206
- readonly?: boolean;
207
-
208
- /**
209
- * Gets or sets the display text of the selected item in the component.
210
- * @default null
211
-
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
-
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
  }