@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,7 +1,7 @@
1
1
  "use strict";
2
- function __export(m) {
3
- for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
4
- }
2
+ function __export(m) {
3
+ for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
4
+ }
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  __export(require("./autocomplete"));
7
7
  __export(require("./combobox"));
package/license CHANGED
@@ -1,3 +1,3 @@
1
- Licensing information is available in the following link
2
-
1
+ Licensing information is available in the following link
2
+
3
3
  https://www.syncfusion.com/sales/licensing
package/package.json CHANGED
@@ -1,77 +1,77 @@
1
- {
2
- "_from": "@syncfusion/ej2-dropdowns@*",
3
- "_id": "@syncfusion/ej2-dropdowns@18.1.56",
4
- "_inBundle": false,
5
- "_integrity": "sha512-JtYzyQs4eGwJsPwsLB3TOj/BOVE+dOvFef7YlN0sl09xf/w/jJz7in1CS1f1fUnQI3zSVKay8XKHwI6cFL3U6A==",
6
- "_location": "/@syncfusion/ej2-dropdowns",
7
- "_phantomChildren": {},
8
- "_requested": {
9
- "type": "range",
10
- "registry": true,
11
- "raw": "@syncfusion/ej2-dropdowns@*",
12
- "name": "@syncfusion/ej2-dropdowns",
13
- "escapedName": "@syncfusion%2fej2-dropdowns",
14
- "scope": "@syncfusion",
15
- "rawSpec": "*",
16
- "saveSpec": null,
17
- "fetchSpec": "*"
18
- },
19
- "_requiredBy": [
20
- "/",
21
- "/@syncfusion/ej2",
22
- "/@syncfusion/ej2-angular-dropdowns",
23
- "/@syncfusion/ej2-documenteditor",
24
- "/@syncfusion/ej2-gantt",
25
- "/@syncfusion/ej2-grids",
26
- "/@syncfusion/ej2-inplace-editor",
27
- "/@syncfusion/ej2-kanban",
28
- "/@syncfusion/ej2-pdfviewer",
29
- "/@syncfusion/ej2-pivotview",
30
- "/@syncfusion/ej2-querybuilder",
31
- "/@syncfusion/ej2-react-dropdowns",
32
- "/@syncfusion/ej2-schedule",
33
- "/@syncfusion/ej2-spreadsheet",
34
- "/@syncfusion/ej2-vue-dropdowns"
35
- ],
36
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-18.1.56.tgz",
37
- "_shasum": "21d02f45a5b5385ba89ecc4cb4b7ed9a307cbbe9",
38
- "_spec": "@syncfusion/ej2-dropdowns@*",
39
- "_where": "/jenkins/workspace/automation_release_18.1.0.1-52JLNOGRCDHXRVQM3W564VPLFCPHWUYDYU3I3DVRABSR7F6AIFYQ/packages/included",
40
- "author": {
41
- "name": "Syncfusion Inc."
42
- },
43
- "bundleDependencies": false,
44
- "dependencies": {
45
- "@syncfusion/ej2-base": "~18.1.57",
46
- "@syncfusion/ej2-data": "~18.1.55",
47
- "@syncfusion/ej2-inputs": "~18.1.56",
48
- "@syncfusion/ej2-lists": "~18.1.53",
49
- "@syncfusion/ej2-navigations": "~18.1.57",
50
- "@syncfusion/ej2-popups": "~18.1.57"
51
- },
52
- "deprecated": false,
53
- "description": "Essential JS 2 DropDown Components",
54
- "devDependencies": {},
55
- "es2015": "./dist/es6/ej2-dropdowns.es2015.js",
56
- "keywords": [
57
- "ej2",
58
- "syncfusion",
59
- "ej2-dropdown",
60
- "dropdownlist",
61
- "autocomplete",
62
- "multiselect",
63
- "combobox",
64
- "select",
65
- "ej2-dropdownlist",
66
- "ej2-autocomplete",
67
- "ej2-multiselect",
68
- "ej2-combobox"
69
- ],
70
- "license": "SEE LICENSE IN license",
71
- "main": "./dist/ej2-dropdowns.umd.min.js",
72
- "module": "./index.js",
73
- "name": "@syncfusion/ej2-dropdowns",
74
- "typings": "index.d.ts",
75
- "version": "18.1.57",
76
- "sideEffects": false
77
- }
1
+ {
2
+ "_from": "@syncfusion/ej2-dropdowns@*",
3
+ "_id": "@syncfusion/ej2-dropdowns@17.4.50",
4
+ "_inBundle": false,
5
+ "_integrity": "sha512-oe5hULfSZhE9ck6C8rkYxq0xaLuZnpmqH+dZgG1arqCxYAZX0IDWkHtvTdNPpQo1v9je0GHrZfJ4zH01rY25bw==",
6
+ "_location": "/@syncfusion/ej2-dropdowns",
7
+ "_phantomChildren": {},
8
+ "_requested": {
9
+ "type": "range",
10
+ "registry": true,
11
+ "raw": "@syncfusion/ej2-dropdowns@*",
12
+ "name": "@syncfusion/ej2-dropdowns",
13
+ "escapedName": "@syncfusion%2fej2-dropdowns",
14
+ "scope": "@syncfusion",
15
+ "rawSpec": "*",
16
+ "saveSpec": null,
17
+ "fetchSpec": "*"
18
+ },
19
+ "_requiredBy": [
20
+ "/",
21
+ "/@syncfusion/ej2",
22
+ "/@syncfusion/ej2-angular-dropdowns",
23
+ "/@syncfusion/ej2-documenteditor",
24
+ "/@syncfusion/ej2-gantt",
25
+ "/@syncfusion/ej2-grids",
26
+ "/@syncfusion/ej2-inplace-editor",
27
+ "/@syncfusion/ej2-kanban",
28
+ "/@syncfusion/ej2-pdfviewer",
29
+ "/@syncfusion/ej2-pivotview",
30
+ "/@syncfusion/ej2-querybuilder",
31
+ "/@syncfusion/ej2-react-dropdowns",
32
+ "/@syncfusion/ej2-schedule",
33
+ "/@syncfusion/ej2-spreadsheet",
34
+ "/@syncfusion/ej2-vue-dropdowns"
35
+ ],
36
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-release/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-17.4.50.tgz",
37
+ "_shasum": "2b830572ad74aa4381d586c7099c40f986f7e067",
38
+ "_spec": "@syncfusion/ej2-dropdowns@*",
39
+ "_where": "/jenkins/workspace/automation_release_18.1.0.1-52JLNOGRCDHXRVQM3W564VPLFCPHWUYDYU3I3DVRABSR7F6AIFYQ/packages/included",
40
+ "author": {
41
+ "name": "Syncfusion Inc."
42
+ },
43
+ "bundleDependencies": false,
44
+ "dependencies": {
45
+ "@syncfusion/ej2-base": "~18.2.44",
46
+ "@syncfusion/ej2-data": "~18.2.44",
47
+ "@syncfusion/ej2-inputs": "~18.2.44",
48
+ "@syncfusion/ej2-lists": "~18.2.44",
49
+ "@syncfusion/ej2-navigations": "~18.2.44",
50
+ "@syncfusion/ej2-popups": "~18.2.44"
51
+ },
52
+ "deprecated": false,
53
+ "description": "Essential JS 2 DropDown Components",
54
+ "devDependencies": {},
55
+ "es2015": "./dist/es6/ej2-dropdowns.es2015.js",
56
+ "keywords": [
57
+ "ej2",
58
+ "syncfusion",
59
+ "ej2-dropdown",
60
+ "dropdownlist",
61
+ "autocomplete",
62
+ "multiselect",
63
+ "combobox",
64
+ "select",
65
+ "ej2-dropdownlist",
66
+ "ej2-autocomplete",
67
+ "ej2-multiselect",
68
+ "ej2-combobox"
69
+ ],
70
+ "license": "SEE LICENSE IN license",
71
+ "main": "./dist/ej2-dropdowns.umd.min.js",
72
+ "module": "./index.js",
73
+ "name": "@syncfusion/ej2-dropdowns",
74
+ "typings": "index.d.ts",
75
+ "version": "18.2.44-4569",
76
+ "sideEffects": false
77
+ }
@@ -1,4 +1,4 @@
1
- import { Property, EventHandler, KeyboardEventArgs, isNullOrUndefined, detach } from '@syncfusion/ej2-base';import { Event, EmitType, Complex } from '@syncfusion/ej2-base';import { removeClass, attributes, NotifyPropertyChanges } from '@syncfusion/ej2-base';import { dropDownListClasses } from '../drop-down-list/drop-down-list';import { ComboBox } from '../combo-box/combo-box';import { highlightSearch, revertHighlightSearch } from '../common/highlight-search';import { Search } from '../common/incremental-search';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { FieldSettings, FilteringEventArgs, FilterType } from '../drop-down-base/drop-down-base';import { FloatLabelType, Input } from '@syncfusion/ej2-inputs';import { SortOrder } from '@syncfusion/ej2-lists';import { DataManager, Query } from '@syncfusion/ej2-data';
1
+ import { Property, EventHandler, KeyboardEventArgs, isNullOrUndefined, detach } from '@syncfusion/ej2-base';
2
2
  import {ComboBoxModel} from "../combo-box/combo-box-model";
3
3
 
4
4
  /**
@@ -7,183 +7,183 @@ import {ComboBoxModel} from "../combo-box/combo-box-model";
7
7
  export interface AutoCompleteModel extends ComboBoxModel{
8
8
 
9
9
  /**
10
- * The `fields` property maps the columns of the data table and binds the data to the component.
11
- * * text - Maps the text column from data table for each list item
12
- * * value - Maps the value column from data table for each list item
13
- * * iconCss - Maps the icon class column from data table for each list item
14
- * * groupBy - Group the list items with it's related items by mapping groupBy field
15
- *
16
- * {% codeBlock src='autocomplete/fields/index.md' %}{% endcodeBlock %}
17
- * > For more details about the field mapping refer to [`Data binding`](../../auto-complete/data-binding) documentation.
18
- * @default { value: null, iconCss: null, groupBy: null}
19
-
20
- */
21
- fields?: FieldSettingsModel;
22
-
23
- /**
24
- * When set to ‘false’, consider the [`case-sensitive`](../../auto-complete/filtering/#case-sensitive-filtering)
25
- * on performing the search to find suggestions.
26
- * By default consider the casing.
27
- * @default true
28
-
29
- */
30
- ignoreCase?: boolean;
31
-
32
- /**
33
- * Allows you to either show or hide the popup button on the component.
34
- * @default false
35
- */
36
- showPopupButton?: boolean;
37
-
38
- /**
39
- * When set to ‘true’, highlight the searched characters on suggested list items.
40
- * > For more details about the highlight refer to [`Custom highlight search`](../../auto-complete/how-to/custom-search) documentation.
41
- * @default false
42
- */
43
- highlight?: boolean;
44
-
45
- /**
46
- * Supports the [`specified number`](../../auto-complete/filtering#filter-item-count)
47
- * of list items on the suggestion popup.
48
- * @default 20
49
- * @blazorType int
50
- */
51
- suggestionCount?: number;
52
-
53
- /**
54
- * Allows additional HTML attributes such as title, name, etc., and
55
- * accepts n number of attributes in a key-value pair format.
56
- *
57
- * {% codeBlock src='autocomplete/htmlAttributes/index.md' %}{% endcodeBlock %}
58
- * @default {}
59
-
60
- */
61
- htmlAttributes?: { [key: string]: string; };
62
-
63
- /**
64
- * Accepts the external `query`
65
- * that execute along with data processing.
66
- *
67
- * {% codeBlock src='autocomplete/query/index.md' %}{% endcodeBlock %}
68
- * @default null
69
-
70
- */
71
- query?: Query;
72
-
73
- /**
74
- * Allows you to set [`the minimum search character length']
75
- * (../../auto-complete/filtering#limit-the-minimum-filter-character),
76
- * the search action will perform after typed minimum characters.
77
- * @default 1
78
- * @blazorType int
79
- */
80
- minLength?: number;
81
-
82
- /**
83
- * Determines on which filter type, the component needs to be considered on search action.
84
- * The available [`FilterType`](../../auto-complete/filtering/#change-the-filter-type)
85
- * and its supported data types are
86
- *
87
- * <table>
88
- * <tr>
89
- * <td colSpan=1 rowSpan=1>
90
- * FilterType<br/></td><td colSpan=1 rowSpan=1>
91
- * Description<br/></td><td colSpan=1 rowSpan=1>
92
- * Supported Types<br/></td></tr>
93
- * <tr>
94
- * <td colSpan=1 rowSpan=1>
95
- * StartsWith<br/></td><td colSpan=1 rowSpan=1>
96
- * Checks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>
97
- * String<br/></td></tr>
98
- * <tr>
99
- * <td colSpan=1 rowSpan=1>
100
- * EndsWith<br/></td><td colSpan=1 rowSpan=1>
101
- * Checks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>
102
- * <br/>String<br/></td></tr>
103
- * <tr>
104
- * <td colSpan=1 rowSpan=1>
105
- * Contains<br/></td><td colSpan=1 rowSpan=1>
106
- * Checks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>
107
- * <br/>String<br/></td></tr>
108
- * </table>
109
- *
110
- * {% codeBlock src="autocomplete/filter-type-api/index.ts" %}{% endcodeBlock %}
111
- *
112
- * {% codeBlock src="autocomplete/filter-type-api/index.html" %}{% endcodeBlock %}
113
- *
114
- * The default value set to `Contains`, all the suggestion items which contain typed characters to listed in the suggestion popup.
115
- * @default 'Contains'
116
- * @blazorOverrideType override
117
- */
118
- filterType?: FilterType;
119
-
120
- /**
121
- * Triggers on typing a character in the component.
122
- * @event
123
- * @blazorProperty 'Filtering'
124
- */
125
- filtering?: EmitType<FilteringEventArgs>;
126
-
127
- /**
128
- * Not applicable to this component.
129
- * @default null
130
- * @private
131
- * @blazorType int
132
- * @isBlazorNullableType true
133
- * @blazorDefaultValue
134
-
135
- */
136
- index?: number;
137
-
138
- /**
139
- * Specifies whether to display the floating label above the input element.
140
- * Possible values are:
141
- * * Never: The label will never float in the input when the placeholder is available.
142
- * * Always: The floating label will always float above the input.
143
- * * Auto: The floating label will float above the input after focusing or entering a value in the input.
144
- *
145
- * {% codeBlock src="autocomplete/float-label-type-api/index.ts" %}{% endcodeBlock %}
146
- *
147
- * {% codeBlock src="autocomplete/float-label-type-api/index.html" %}{% endcodeBlock %}
148
- *
149
- * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
150
- * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
151
- * @isEnumeration true
152
- * @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
153
-
154
- */
155
- floatLabelType?: FloatLabelType;
156
-
157
- /**
158
- * Not applicable to this component.
159
- * @default null
160
- * @private
161
-
162
- */
163
- valueTemplate?: string;
164
-
165
- /**
166
- * Not applicable to this component.
167
- * @default null
168
- * @private
169
-
170
- */
171
- filterBarPlaceholder?: string;
172
-
173
- /**
174
- * Not applicable to this component.
175
- * @default false
176
- * @private
177
-
178
- */
179
- allowFiltering?: boolean;
180
-
181
- /**
182
- * Not applicable to this component.
183
- * @default null
184
- * @private
185
-
186
- */
187
- text?: string;
10
+ * The `fields` property maps the columns of the data table and binds the data to the component.
11
+ * * text - Maps the text column from data table for each list item
12
+ * * value - Maps the value column from data table for each list item
13
+ * * iconCss - Maps the icon class column from data table for each list item
14
+ * * groupBy - Group the list items with it's related items by mapping groupBy field
15
+ *
16
+ * {% codeBlock src='autocomplete/fields/index.md' %}{% endcodeBlock %}
17
+ * > For more details about the field mapping refer to [`Data binding`](../../auto-complete/data-binding) documentation.
18
+ * @default { value: null, iconCss: null, groupBy: null}
19
+ * @deprecated
20
+ */
21
+ fields?: FieldSettingsModel;
22
+
23
+ /**
24
+ * When set to ‘false’, consider the [`case-sensitive`](../../auto-complete/filtering/#case-sensitive-filtering)
25
+ * on performing the search to find suggestions.
26
+ * By default consider the casing.
27
+ * @default true
28
+ * @deprecated
29
+ */
30
+ ignoreCase?: boolean;
31
+
32
+ /**
33
+ * Allows you to either show or hide the popup button on the component.
34
+ * @default false
35
+ */
36
+ showPopupButton?: boolean;
37
+
38
+ /**
39
+ * When set to ‘true’, highlight the searched characters on suggested list items.
40
+ * > For more details about the highlight refer to [`Custom highlight search`](../../auto-complete/how-to/custom-search) documentation.
41
+ * @default false
42
+ */
43
+ highlight?: boolean;
44
+
45
+ /**
46
+ * Supports the [`specified number`](../../auto-complete/filtering#filter-item-count)
47
+ * of list items on the suggestion popup.
48
+ * @default 20
49
+ * @blazorType int
50
+ */
51
+ suggestionCount?: number;
52
+
53
+ /**
54
+ * Allows additional HTML attributes such as title, name, etc., and
55
+ * accepts n number of attributes in a key-value pair format.
56
+ *
57
+ * {% codeBlock src='autocomplete/htmlAttributes/index.md' %}{% endcodeBlock %}
58
+ * @default {}
59
+ * @deprecated
60
+ */
61
+ htmlAttributes?: { [key: string]: string; };
62
+
63
+ /**
64
+ * Accepts the external `query`
65
+ * that execute along with data processing.
66
+ *
67
+ * {% codeBlock src='autocomplete/query/index.md' %}{% endcodeBlock %}
68
+ * @default null
69
+ * @deprecated
70
+ */
71
+ query?: Query;
72
+
73
+ /**
74
+ * Allows you to set [`the minimum search character length']
75
+ * (../../auto-complete/filtering#limit-the-minimum-filter-character),
76
+ * the search action will perform after typed minimum characters.
77
+ * @default 1
78
+ * @blazorType int
79
+ */
80
+ minLength?: number;
81
+
82
+ /**
83
+ * Determines on which filter type, the component needs to be considered on search action.
84
+ * The available [`FilterType`](../../auto-complete/filtering/#change-the-filter-type)
85
+ * and its supported data types are
86
+ *
87
+ * <table>
88
+ * <tr>
89
+ * <td colSpan=1 rowSpan=1>
90
+ * FilterType<br/></td><td colSpan=1 rowSpan=1>
91
+ * Description<br/></td><td colSpan=1 rowSpan=1>
92
+ * Supported Types<br/></td></tr>
93
+ * <tr>
94
+ * <td colSpan=1 rowSpan=1>
95
+ * StartsWith<br/></td><td colSpan=1 rowSpan=1>
96
+ * Checks whether a value begins with the specified value.<br/></td><td colSpan=1 rowSpan=1>
97
+ * String<br/></td></tr>
98
+ * <tr>
99
+ * <td colSpan=1 rowSpan=1>
100
+ * EndsWith<br/></td><td colSpan=1 rowSpan=1>
101
+ * Checks whether a value ends with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>
102
+ * <br/>String<br/></td></tr>
103
+ * <tr>
104
+ * <td colSpan=1 rowSpan=1>
105
+ * Contains<br/></td><td colSpan=1 rowSpan=1>
106
+ * Checks whether a value contains with specified value.<br/><br/></td><td colSpan=1 rowSpan=1>
107
+ * <br/>String<br/></td></tr>
108
+ * </table>
109
+ *
110
+ * {% codeBlock src="autocomplete/filter-type-api/index.ts" %}{% endcodeBlock %}
111
+ *
112
+ * {% codeBlock src="autocomplete/filter-type-api/index.html" %}{% endcodeBlock %}
113
+ *
114
+ * The default value set to `Contains`, all the suggestion items which contain typed characters to listed in the suggestion popup.
115
+ * @default 'Contains'
116
+ * @blazorOverrideType override
117
+ */
118
+ filterType?: FilterType;
119
+
120
+ /**
121
+ * Triggers on typing a character in the component.
122
+ * @event
123
+ * @blazorProperty 'Filtering'
124
+ */
125
+ filtering?: EmitType<FilteringEventArgs>;
126
+
127
+ /**
128
+ * Not applicable to this component.
129
+ * @default null
130
+ * @private
131
+ * @blazorType int
132
+ * @isBlazorNullableType true
133
+ * @blazorDefaultValue
134
+ * @deprecated
135
+ */
136
+ index?: number;
137
+
138
+ /**
139
+ * Specifies whether to display the floating label above the input element.
140
+ * Possible values are:
141
+ * * Never: The label will never float in the input when the placeholder is available.
142
+ * * Always: The floating label will always float above the input.
143
+ * * Auto: The floating label will float above the input after focusing or entering a value in the input.
144
+ *
145
+ * {% codeBlock src="autocomplete/float-label-type-api/index.ts" %}{% endcodeBlock %}
146
+ *
147
+ * {% codeBlock src="autocomplete/float-label-type-api/index.html" %}{% endcodeBlock %}
148
+ *
149
+ * @default Syncfusion.EJ2.Inputs.FloatLabelType.Never
150
+ * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
151
+ * @isEnumeration true
152
+ * @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
153
+ * @deprecated
154
+ */
155
+ floatLabelType?: FloatLabelType;
156
+
157
+ /**
158
+ * Not applicable to this component.
159
+ * @default null
160
+ * @private
161
+ * @deprecated
162
+ */
163
+ valueTemplate?: string;
164
+
165
+ /**
166
+ * Not applicable to this component.
167
+ * @default null
168
+ * @private
169
+ * @deprecated
170
+ */
171
+ filterBarPlaceholder?: string;
172
+
173
+ /**
174
+ * Not applicable to this component.
175
+ * @default false
176
+ * @private
177
+ * @deprecated
178
+ */
179
+ allowFiltering?: boolean;
180
+
181
+ /**
182
+ * Not applicable to this component.
183
+ * @default null
184
+ * @private
185
+ * @deprecated
186
+ */
187
+ text?: string;
188
188
 
189
189
  }
@@ -30,7 +30,7 @@ export declare class AutoComplete extends ComboBox {
30
30
  * {% codeBlock src='autocomplete/fields/index.md' %}{% endcodeBlock %}
31
31
  * > For more details about the field mapping refer to [`Data binding`](../../auto-complete/data-binding) documentation.
32
32
  * @default { value: null, iconCss: null, groupBy: null}
33
-
33
+ * @deprecated
34
34
  */
35
35
  fields: FieldSettingsModel;
36
36
  /**
@@ -38,7 +38,7 @@ export declare class AutoComplete extends ComboBox {
38
38
  * on performing the search to find suggestions.
39
39
  * By default consider the casing.
40
40
  * @default true
41
-
41
+ * @deprecated
42
42
  */
43
43
  ignoreCase: boolean;
44
44
  /**
@@ -65,7 +65,7 @@ export declare class AutoComplete extends ComboBox {
65
65
  *
66
66
  * {% codeBlock src='autocomplete/htmlAttributes/index.md' %}{% endcodeBlock %}
67
67
  * @default {}
68
-
68
+ * @deprecated
69
69
  */
70
70
  htmlAttributes: {
71
71
  [key: string]: string;
@@ -76,7 +76,7 @@ export declare class AutoComplete extends ComboBox {
76
76
  *
77
77
  * {% codeBlock src='autocomplete/query/index.md' %}{% endcodeBlock %}
78
78
  * @default null
79
-
79
+ * @deprecated
80
80
  */
81
81
  query: Query;
82
82
  /**
@@ -137,7 +137,7 @@ export declare class AutoComplete extends ComboBox {
137
137
  * @blazorType int
138
138
  * @isBlazorNullableType true
139
139
  * @blazorDefaultValue
140
-
140
+ * @deprecated
141
141
  */
142
142
  index: number;
143
143
  /**
@@ -155,35 +155,35 @@ export declare class AutoComplete extends ComboBox {
155
155
  * @aspType Syncfusion.EJ2.Inputs.FloatLabelType
156
156
  * @isEnumeration true
157
157
  * @blazorType Syncfusion.Blazor.Inputs.FloatLabelType
158
-
158
+ * @deprecated
159
159
  */
160
160
  floatLabelType: FloatLabelType;
161
161
  /**
162
162
  * Not applicable to this component.
163
163
  * @default null
164
164
  * @private
165
-
165
+ * @deprecated
166
166
  */
167
167
  valueTemplate: string;
168
168
  /**
169
169
  * Not applicable to this component.
170
170
  * @default null
171
171
  * @private
172
-
172
+ * @deprecated
173
173
  */
174
174
  filterBarPlaceholder: string;
175
175
  /**
176
176
  * Not applicable to this component.
177
177
  * @default false
178
178
  * @private
179
-
179
+ * @deprecated
180
180
  */
181
181
  allowFiltering: boolean;
182
182
  /**
183
183
  * Not applicable to this component.
184
184
  * @default null
185
185
  * @private
186
-
186
+ * @deprecated
187
187
  */
188
188
  text: string;
189
189
  /**
@@ -205,7 +205,7 @@ export declare class AutoComplete extends ComboBox {
205
205
  * @param {Query} query - Specify the query to filter the data.
206
206
  * @param {FieldSettingsModel} fields - Specify the fields to map the column in the data table.
207
207
  * @return {void}.
208
-
208
+ * @deprecated
209
209
  */
210
210
  filter(dataSource: {
211
211
  [key: string]: Object;
@@ -228,7 +228,7 @@ export declare class AutoComplete extends ComboBox {
228
228
  /**
229
229
  * Search the entered text and show it in the suggestion list if available.
230
230
  * @returns void.
231
-
231
+ * @deprecated
232
232
  */
233
233
  showPopup(): void;
234
234
  /**