@syncfusion/ej2-dropdowns 23.1.39 → 23.1.40-85814

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 (276) hide show
  1. package/CHANGELOG.md +2042 -2036
  2. package/{README.md → ReadMe.md} +217 -217
  3. package/dist/ej2-dropdowns.umd.min.js +0 -9
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +56 -56
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +198 -198
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +0 -9
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +0 -9
  12. package/dist/ts/auto-complete/auto-complete.ts +615 -0
  13. package/dist/ts/combo-box/combo-box.ts +1028 -0
  14. package/dist/ts/common/highlight-search.ts +57 -0
  15. package/dist/ts/common/incremental-search.ts +131 -0
  16. package/dist/ts/common/interface.ts +72 -0
  17. package/dist/ts/common/virtual-scroll.ts +354 -0
  18. package/dist/ts/drop-down-base/drop-down-base.ts +1838 -0
  19. package/dist/ts/drop-down-list/drop-down-list.ts +3889 -0
  20. package/dist/ts/drop-down-tree/drop-down-tree.ts +3750 -0
  21. package/dist/ts/list-box/list-box.ts +2736 -0
  22. package/dist/ts/mention/mention.ts +1828 -0
  23. package/dist/ts/multi-select/checkbox-selection.ts +547 -0
  24. package/dist/ts/multi-select/float-label.ts +176 -0
  25. package/dist/ts/multi-select/interface.ts +70 -0
  26. package/dist/ts/multi-select/multi-select.ts +4874 -0
  27. package/helpers/e2e/autocomplete.js +13 -13
  28. package/helpers/e2e/combobox.js +13 -13
  29. package/helpers/e2e/dropdownlist.js +13 -13
  30. package/helpers/e2e/index.js +3 -3
  31. package/helpers/e2e/listboxHelper.js +13 -13
  32. package/helpers/e2e/multiselect.js +13 -13
  33. package/license +2 -2
  34. package/package.json +79 -79
  35. package/src/auto-complete/auto-complete-model.d.ts +188 -188
  36. package/src/auto-complete/auto-complete.d.ts +12 -12
  37. package/src/auto-complete/auto-complete.js +21 -21
  38. package/src/combo-box/combo-box-model.d.ts +224 -224
  39. package/src/combo-box/combo-box.d.ts +27 -27
  40. package/src/combo-box/combo-box.js +29 -29
  41. package/src/common/virtual-scroll.js +46 -46
  42. package/src/drop-down-base/drop-down-base-model.d.ts +200 -200
  43. package/src/drop-down-base/drop-down-base.d.ts +15 -15
  44. package/src/drop-down-base/drop-down-base.js +20 -20
  45. package/src/drop-down-list/drop-down-list-model.d.ts +202 -202
  46. package/src/drop-down-list/drop-down-list.d.ts +4 -4
  47. package/src/drop-down-list/drop-down-list.js +20 -20
  48. package/src/drop-down-tree/drop-down-tree-model.d.ts +468 -468
  49. package/src/drop-down-tree/drop-down-tree.js +19 -19
  50. package/src/list-box/list-box-model.d.ts +193 -193
  51. package/src/list-box/list-box.d.ts +2 -2
  52. package/src/list-box/list-box.js +19 -19
  53. package/src/mention/mention-model.d.ts +261 -261
  54. package/src/mention/mention.js +19 -19
  55. package/src/multi-select/multi-select-model.d.ts +512 -512
  56. package/src/multi-select/multi-select.js +19 -19
  57. package/styles/auto-complete/_all.scss +1 -1
  58. package/styles/auto-complete/_bootstrap-dark-definition.scss +3 -3
  59. package/styles/auto-complete/_bootstrap-definition.scss +2 -2
  60. package/styles/auto-complete/_bootstrap4-definition.scss +11 -11
  61. package/styles/auto-complete/_bootstrap5-definition.scss +2 -2
  62. package/styles/auto-complete/_fabric-dark-definition.scss +2 -2
  63. package/styles/auto-complete/_fabric-definition.scss +2 -2
  64. package/styles/auto-complete/_fluent-definition.scss +2 -2
  65. package/styles/auto-complete/_fusionnew-definition.scss +2 -2
  66. package/styles/auto-complete/_highcontrast-definition.scss +2 -2
  67. package/styles/auto-complete/_highcontrast-light-definition.scss +2 -2
  68. package/styles/auto-complete/_material-dark-definition.scss +2 -2
  69. package/styles/auto-complete/_material-definition.scss +2 -2
  70. package/styles/auto-complete/_material3-definition.scss +2 -2
  71. package/styles/auto-complete/_tailwind-definition.scss +2 -2
  72. package/styles/auto-complete/bootstrap4.css +13 -2
  73. package/styles/auto-complete/material3-dark.scss +1 -1
  74. package/styles/auto-complete/material3.scss +1 -1
  75. package/styles/bootstrap4.css +32 -2
  76. package/styles/combo-box/_all.scss +1 -1
  77. package/styles/combo-box/_bootstrap-dark-definition.scss +2 -2
  78. package/styles/combo-box/_bootstrap-definition.scss +2 -2
  79. package/styles/combo-box/_bootstrap4-definition.scss +11 -11
  80. package/styles/combo-box/_bootstrap5-definition.scss +2 -2
  81. package/styles/combo-box/_fabric-dark-definition.scss +2 -2
  82. package/styles/combo-box/_fabric-definition.scss +2 -2
  83. package/styles/combo-box/_fluent-definition.scss +2 -2
  84. package/styles/combo-box/_fusionnew-definition.scss +2 -2
  85. package/styles/combo-box/_highcontrast-definition.scss +2 -2
  86. package/styles/combo-box/_highcontrast-light-definition.scss +3 -3
  87. package/styles/combo-box/_material-dark-definition.scss +2 -2
  88. package/styles/combo-box/_material-definition.scss +2 -2
  89. package/styles/combo-box/_material3-definition.scss +2 -2
  90. package/styles/combo-box/_tailwind-definition.scss +2 -2
  91. package/styles/combo-box/bootstrap4.css +13 -2
  92. package/styles/combo-box/material3-dark.scss +1 -1
  93. package/styles/combo-box/material3.scss +1 -1
  94. package/styles/drop-down-base/_all.scss +2 -2
  95. package/styles/drop-down-base/_bootstrap-dark-definition.scss +83 -83
  96. package/styles/drop-down-base/_bootstrap-definition.scss +83 -83
  97. package/styles/drop-down-base/_bootstrap4-definition.scss +90 -90
  98. package/styles/drop-down-base/_bootstrap5-definition.scss +117 -117
  99. package/styles/drop-down-base/_definition.scss +23 -23
  100. package/styles/drop-down-base/_fabric-dark-definition.scss +86 -86
  101. package/styles/drop-down-base/_fabric-definition.scss +84 -84
  102. package/styles/drop-down-base/_fluent-definition.scss +121 -121
  103. package/styles/drop-down-base/_fusionnew-definition.scss +117 -117
  104. package/styles/drop-down-base/_highcontrast-definition.scss +105 -105
  105. package/styles/drop-down-base/_highcontrast-light-definition.scss +105 -105
  106. package/styles/drop-down-base/_layout.scss +195 -195
  107. package/styles/drop-down-base/_material-dark-definition.scss +86 -86
  108. package/styles/drop-down-base/_material-definition.scss +85 -85
  109. package/styles/drop-down-base/_material3-definition.scss +87 -87
  110. package/styles/drop-down-base/_tailwind-definition.scss +129 -129
  111. package/styles/drop-down-base/_theme.scss +391 -391
  112. package/styles/drop-down-base/material3-dark.scss +1 -1
  113. package/styles/drop-down-base/material3.scss +1 -1
  114. package/styles/drop-down-list/_all.scss +3 -3
  115. package/styles/drop-down-list/_bootstrap-dark-definition.scss +157 -157
  116. package/styles/drop-down-list/_bootstrap-definition.scss +156 -156
  117. package/styles/drop-down-list/_bootstrap4-definition.scss +202 -191
  118. package/styles/drop-down-list/_bootstrap5-definition.scss +201 -201
  119. package/styles/drop-down-list/_fabric-dark-definition.scss +128 -128
  120. package/styles/drop-down-list/_fabric-definition.scss +124 -124
  121. package/styles/drop-down-list/_fluent-definition.scss +185 -185
  122. package/styles/drop-down-list/_fusionnew-definition.scss +201 -201
  123. package/styles/drop-down-list/_highcontrast-definition.scss +142 -142
  124. package/styles/drop-down-list/_highcontrast-light-definition.scss +144 -144
  125. package/styles/drop-down-list/_layout.scss +310 -310
  126. package/styles/drop-down-list/_material-dark-definition.scss +143 -143
  127. package/styles/drop-down-list/_material-definition.scss +167 -167
  128. package/styles/drop-down-list/_material3-definition.scss +180 -180
  129. package/styles/drop-down-list/_tailwind-definition.scss +134 -134
  130. package/styles/drop-down-list/_theme.scss +10 -10
  131. package/styles/drop-down-list/bootstrap4.css +13 -2
  132. package/styles/drop-down-list/icons/_bootstrap-dark.scss +14 -14
  133. package/styles/drop-down-list/icons/_bootstrap.scss +14 -14
  134. package/styles/drop-down-list/icons/_bootstrap4.scss +14 -14
  135. package/styles/drop-down-list/icons/_bootstrap5.scss +14 -14
  136. package/styles/drop-down-list/icons/_fabric-dark.scss +14 -14
  137. package/styles/drop-down-list/icons/_fabric.scss +14 -14
  138. package/styles/drop-down-list/icons/_fluent.scss +14 -14
  139. package/styles/drop-down-list/icons/_fusionnew.scss +14 -14
  140. package/styles/drop-down-list/icons/_highcontrast-light.scss +14 -14
  141. package/styles/drop-down-list/icons/_highcontrast.scss +14 -14
  142. package/styles/drop-down-list/icons/_material-dark.scss +14 -14
  143. package/styles/drop-down-list/icons/_material.scss +14 -14
  144. package/styles/drop-down-list/icons/_material3.scss +14 -14
  145. package/styles/drop-down-list/icons/_tailwind.scss +14 -14
  146. package/styles/drop-down-list/material3-dark.scss +1 -1
  147. package/styles/drop-down-list/material3.scss +1 -1
  148. package/styles/drop-down-tree/_all.scss +2 -2
  149. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +71 -71
  150. package/styles/drop-down-tree/_bootstrap-definition.scss +70 -70
  151. package/styles/drop-down-tree/_bootstrap4-definition.scss +71 -71
  152. package/styles/drop-down-tree/_bootstrap5-definition.scss +59 -59
  153. package/styles/drop-down-tree/_fabric-dark-definition.scss +71 -71
  154. package/styles/drop-down-tree/_fabric-definition.scss +71 -71
  155. package/styles/drop-down-tree/_fluent-definition.scss +65 -65
  156. package/styles/drop-down-tree/_fusionnew-definition.scss +59 -59
  157. package/styles/drop-down-tree/_highcontrast-definition.scss +71 -71
  158. package/styles/drop-down-tree/_highcontrast-light-definition.scss +71 -71
  159. package/styles/drop-down-tree/_layout.scss +1418 -1412
  160. package/styles/drop-down-tree/_material-dark-definition.scss +72 -72
  161. package/styles/drop-down-tree/_material-definition.scss +72 -72
  162. package/styles/drop-down-tree/_material3-definition.scss +76 -76
  163. package/styles/drop-down-tree/_tailwind-definition.scss +61 -61
  164. package/styles/drop-down-tree/_theme.scss +132 -132
  165. package/styles/drop-down-tree/fluent-dark.css +2 -0
  166. package/styles/drop-down-tree/fluent.css +2 -0
  167. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +11 -11
  168. package/styles/drop-down-tree/icons/_bootstrap.scss +11 -11
  169. package/styles/drop-down-tree/icons/_bootstrap4.scss +11 -11
  170. package/styles/drop-down-tree/icons/_bootstrap5.scss +11 -11
  171. package/styles/drop-down-tree/icons/_fabric-dark.scss +11 -11
  172. package/styles/drop-down-tree/icons/_fabric.scss +11 -11
  173. package/styles/drop-down-tree/icons/_fluent.scss +11 -11
  174. package/styles/drop-down-tree/icons/_fusionnew.scss +11 -11
  175. package/styles/drop-down-tree/icons/_highcontrast-light.scss +11 -11
  176. package/styles/drop-down-tree/icons/_highcontrast.scss +11 -11
  177. package/styles/drop-down-tree/icons/_material-dark.scss +11 -11
  178. package/styles/drop-down-tree/icons/_material.scss +11 -11
  179. package/styles/drop-down-tree/icons/_material3.scss +11 -11
  180. package/styles/drop-down-tree/icons/_tailwind-dark.scss +11 -11
  181. package/styles/drop-down-tree/icons/_tailwind.scss +11 -11
  182. package/styles/drop-down-tree/material3-dark.scss +1 -1
  183. package/styles/drop-down-tree/material3.scss +1 -1
  184. package/styles/fluent-dark.css +2 -0
  185. package/styles/fluent.css +2 -0
  186. package/styles/list-box/_all.scss +2 -2
  187. package/styles/list-box/_bootstrap-dark-definition.scss +126 -126
  188. package/styles/list-box/_bootstrap-definition.scss +119 -119
  189. package/styles/list-box/_bootstrap4-definition.scss +124 -124
  190. package/styles/list-box/_bootstrap5-definition.scss +120 -120
  191. package/styles/list-box/_fabric-dark-definition.scss +126 -126
  192. package/styles/list-box/_fabric-definition.scss +119 -119
  193. package/styles/list-box/_fluent-definition.scss +120 -120
  194. package/styles/list-box/_fusionnew-definition.scss +111 -111
  195. package/styles/list-box/_highcontrast-definition.scss +119 -119
  196. package/styles/list-box/_highcontrast-light-definition.scss +126 -126
  197. package/styles/list-box/_layout.scss +542 -542
  198. package/styles/list-box/_material-dark-definition.scss +126 -126
  199. package/styles/list-box/_material-definition.scss +119 -119
  200. package/styles/list-box/_material3-definition.scss +119 -119
  201. package/styles/list-box/_tailwind-definition.scss +119 -119
  202. package/styles/list-box/_theme.scss +382 -382
  203. package/styles/list-box/icons/_bootstrap-dark.scss +25 -25
  204. package/styles/list-box/icons/_bootstrap.scss +25 -25
  205. package/styles/list-box/icons/_bootstrap4.scss +25 -25
  206. package/styles/list-box/icons/_bootstrap5.scss +25 -25
  207. package/styles/list-box/icons/_fabric-dark.scss +25 -25
  208. package/styles/list-box/icons/_fabric.scss +25 -25
  209. package/styles/list-box/icons/_fluent.scss +25 -25
  210. package/styles/list-box/icons/_fusionnew.scss +25 -25
  211. package/styles/list-box/icons/_highcontrast-light.scss +25 -25
  212. package/styles/list-box/icons/_highcontrast.scss +25 -25
  213. package/styles/list-box/icons/_material-dark.scss +25 -25
  214. package/styles/list-box/icons/_material.scss +25 -25
  215. package/styles/list-box/icons/_material3.scss +25 -25
  216. package/styles/list-box/icons/_tailwind-dark.scss +25 -25
  217. package/styles/list-box/icons/_tailwind.scss +25 -25
  218. package/styles/list-box/material3-dark.scss +1 -1
  219. package/styles/list-box/material3.scss +1 -1
  220. package/styles/material3-dark.scss +1 -1
  221. package/styles/material3.scss +1 -1
  222. package/styles/mention/_all.scss +1 -1
  223. package/styles/mention/_bootstrap-dark-definition.scss +3 -3
  224. package/styles/mention/_bootstrap-definition.scss +3 -3
  225. package/styles/mention/_bootstrap4-definition.scss +3 -3
  226. package/styles/mention/_bootstrap5-definition.scss +1 -1
  227. package/styles/mention/_fabric-dark-definition.scss +2 -2
  228. package/styles/mention/_fabric-definition.scss +3 -3
  229. package/styles/mention/_fluent-definition.scss +1 -1
  230. package/styles/mention/_fusionnew-definition.scss +1 -1
  231. package/styles/mention/_highcontrast-definition.scss +3 -3
  232. package/styles/mention/_highcontrast-light-definition.scss +3 -3
  233. package/styles/mention/_layout.scss +6 -6
  234. package/styles/mention/_material-dark-definition.scss +3 -3
  235. package/styles/mention/_material-definition.scss +3 -3
  236. package/styles/mention/_material3-definition.scss +1 -1
  237. package/styles/mention/_tailwind-definition.scss +1 -1
  238. package/styles/mention/material3-dark.scss +1 -1
  239. package/styles/mention/material3.scss +1 -1
  240. package/styles/multi-select/_all.scss +2 -2
  241. package/styles/multi-select/_bootstrap-dark-definition.scss +198 -198
  242. package/styles/multi-select/_bootstrap-definition.scss +192 -192
  243. package/styles/multi-select/_bootstrap4-definition.scss +278 -259
  244. package/styles/multi-select/_bootstrap5-definition.scss +229 -229
  245. package/styles/multi-select/_fabric-dark-definition.scss +187 -187
  246. package/styles/multi-select/_fabric-definition.scss +183 -183
  247. package/styles/multi-select/_fluent-definition.scss +240 -240
  248. package/styles/multi-select/_fusionnew-definition.scss +227 -227
  249. package/styles/multi-select/_highcontrast-definition.scss +298 -298
  250. package/styles/multi-select/_highcontrast-light-definition.scss +297 -297
  251. package/styles/multi-select/_layout.scss +2199 -2199
  252. package/styles/multi-select/_material-dark-definition.scss +230 -230
  253. package/styles/multi-select/_material-definition.scss +223 -223
  254. package/styles/multi-select/_material3-definition.scss +246 -246
  255. package/styles/multi-select/_tailwind-definition.scss +234 -234
  256. package/styles/multi-select/_theme.scss +586 -586
  257. package/styles/multi-select/bootstrap4.css +19 -0
  258. package/styles/multi-select/icons/_bootstrap-dark.scss +26 -26
  259. package/styles/multi-select/icons/_bootstrap.scss +26 -26
  260. package/styles/multi-select/icons/_bootstrap4.scss +37 -37
  261. package/styles/multi-select/icons/_bootstrap5.scss +26 -26
  262. package/styles/multi-select/icons/_fabric-dark.scss +26 -26
  263. package/styles/multi-select/icons/_fabric.scss +26 -26
  264. package/styles/multi-select/icons/_fluent.scss +55 -55
  265. package/styles/multi-select/icons/_fusionnew.scss +26 -26
  266. package/styles/multi-select/icons/_highcontrast-light.scss +26 -26
  267. package/styles/multi-select/icons/_highcontrast.scss +26 -26
  268. package/styles/multi-select/icons/_material-dark.scss +693 -693
  269. package/styles/multi-select/icons/_material.scss +693 -693
  270. package/styles/multi-select/icons/_material3.scss +692 -692
  271. package/styles/multi-select/icons/_tailwind.scss +26 -26
  272. package/styles/multi-select/material3-dark.scss +1 -1
  273. package/styles/multi-select/material3.scss +1 -1
  274. package/.eslintrc.json +0 -260
  275. package/dist/ej2-dropdowns.min.js +0 -10
  276. package/tslint.json +0 -111
@@ -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
  import { Input, TextBox } from '@syncfusion/ej2-inputs';
21
21
  import { createCheckBox } from '@syncfusion/ej2-buttons';
22
22
  import { NotifyPropertyChanges, Property, Event, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
@@ -1,4 +1,4 @@
1
- import { Input, InputObject } from '@syncfusion/ej2-inputs';import { DropDownBase, dropDownBaseClasses, FilteringEventArgs, SelectEventArgs } from '../drop-down-base/drop-down-base';import { FieldSettingsModel } from '../drop-down-base/drop-down-base-model';import { EventHandler, closest, removeClass, addClass, Complex, Property, ChildProperty, BaseEventArgs, L10n } from '@syncfusion/ej2-base';import { ModuleDeclaration, NotifyPropertyChanges, getComponent, EmitType, Event, extend, detach, attributes } from '@syncfusion/ej2-base';import { getUniqueID, Browser, formatUnit, isNullOrUndefined, getValue } from '@syncfusion/ej2-base';import { prepend, append } from '@syncfusion/ej2-base';import { cssClass, Sortable, moveTo } from '@syncfusion/ej2-lists';import { Button } from '@syncfusion/ej2-buttons';import { createSpinner, showSpinner, hideSpinner, getZindexPartial } from '@syncfusion/ej2-popups';import { DataManager, Query } from '@syncfusion/ej2-data';
1
+ import { Input, InputObject } from '@syncfusion/ej2-inputs';
2
2
  import {SelectionMode,CheckBoxPosition,ToolBarPosition,BeforeItemRenderEventArgs,ListBoxChangeEventArgs,DropEventArgs,DragEventArgs} from "./list-box";
3
3
  import {DropDownBaseModel} from "../drop-down-base/drop-down-base-model";
4
4
 
@@ -8,34 +8,34 @@ import {DropDownBaseModel} from "../drop-down-base/drop-down-base-model";
8
8
  export interface SelectionSettingsModel {
9
9
 
10
10
  /**
11
- * Specifies the selection modes. The possible values are
12
- * * `Single`: Allows you to select a single item in the ListBox.
13
- * * `Multiple`: Allows you to select more than one item in the ListBox.
14
- *
15
- * @default 'Multiple'
16
- */
17
- mode?: SelectionMode;
11
+ * Specifies the selection modes. The possible values are
12
+ * * `Single`: Allows you to select a single item in the ListBox.
13
+ * * `Multiple`: Allows you to select more than one item in the ListBox.
14
+ *
15
+ * @default 'Multiple'
16
+ */
17
+ mode?: SelectionMode;
18
18
 
19
19
  /**
20
- * If 'showCheckbox' is set to true, then 'checkbox' will be visualized in the list item.
21
- *
22
- * @default false
23
- */
24
- showCheckbox?: boolean;
20
+ * If 'showCheckbox' is set to true, then 'checkbox' will be visualized in the list item.
21
+ *
22
+ * @default false
23
+ */
24
+ showCheckbox?: boolean;
25
25
 
26
26
  /**
27
- * Allows you to either show or hide the selectAll option on the component.
28
- *
29
- * @default false
30
- */
31
- showSelectAll?: boolean;
27
+ * Allows you to either show or hide the selectAll option on the component.
28
+ *
29
+ * @default false
30
+ */
31
+ showSelectAll?: boolean;
32
32
 
33
33
  /**
34
- * Set the position of the checkbox.
35
- *
36
- * @default 'Left'
37
- */
38
- checkboxPosition?: CheckBoxPosition;
34
+ * Set the position of the checkbox.
35
+ *
36
+ * @default 'Left'
37
+ */
38
+ checkboxPosition?: CheckBoxPosition;
39
39
 
40
40
  }
41
41
 
@@ -45,22 +45,22 @@ export interface SelectionSettingsModel {
45
45
  export interface ToolbarSettingsModel {
46
46
 
47
47
  /**
48
- * Specifies the list of tools for dual ListBox.
49
- * The predefined tools are 'moveUp', 'moveDown', 'moveTo', 'moveFrom', 'moveAllTo', and 'moveAllFrom'.
50
- *
51
- * @default []
52
- */
53
- items?: string[];
48
+ * Specifies the list of tools for dual ListBox.
49
+ * The predefined tools are 'moveUp', 'moveDown', 'moveTo', 'moveFrom', 'moveAllTo', and 'moveAllFrom'.
50
+ *
51
+ * @default []
52
+ */
53
+ items?: string[];
54
54
 
55
55
  /**
56
- * Positions the toolbar before/after the ListBox.
57
- * The possible values are:
58
- * * Left: The toolbar will be positioned to the left of the ListBox.
59
- * * Right: The toolbar will be positioned to the right of the ListBox.
60
- *
61
- * @default 'Right'
62
- */
63
- position?: ToolBarPosition;
56
+ * Positions the toolbar before/after the ListBox.
57
+ * The possible values are:
58
+ * * Left: The toolbar will be positioned to the left of the ListBox.
59
+ * * Right: The toolbar will be positioned to the right of the ListBox.
60
+ *
61
+ * @default 'Right'
62
+ */
63
+ position?: ToolBarPosition;
64
64
 
65
65
  }
66
66
 
@@ -70,211 +70,211 @@ export interface ToolbarSettingsModel {
70
70
  export interface ListBoxModel extends DropDownBaseModel{
71
71
 
72
72
  /**
73
- * Sets the CSS classes to root element of this component, which helps to customize the
74
- * complete styles.
75
- *
76
- * @default ''
77
- */
78
- cssClass?: string;
73
+ * Sets the CSS classes to root element of this component, which helps to customize the
74
+ * complete styles.
75
+ *
76
+ * @default ''
77
+ */
78
+ cssClass?: string;
79
79
 
80
80
  /**
81
- * Sets the specified item to the selected state or gets the selected item in the ListBox.
82
- *
83
- * @default []
84
- * @aspType object
85
- * @isGenericType true
86
- */
87
- value?: string[] | number[] | boolean[];
81
+ * Sets the specified item to the selected state or gets the selected item in the ListBox.
82
+ *
83
+ * @default []
84
+ * @aspType object
85
+ * @isGenericType true
86
+ */
87
+ value?: string[] | number[] | boolean[];
88
88
 
89
89
  /**
90
- * Sets the height of the ListBox component.
91
- *
92
- * @default ''
93
- */
94
- height?: number | string;
90
+ * Sets the height of the ListBox component.
91
+ *
92
+ * @default ''
93
+ */
94
+ height?: number | string;
95
95
 
96
96
  /**
97
- * Specifies a value that indicates whether the component is enabled or not.
98
- *
99
- * @default true
100
-
101
- */
102
- enabled?: boolean;
97
+ * Specifies a value that indicates whether the component is enabled or not.
98
+ *
99
+ * @default true
100
+ * @deprecated
101
+ */
102
+ enabled?: boolean;
103
103
 
104
104
  /**
105
- * Enable or disable persisting component's state between page reloads.
106
- * If enabled, following list of states will be persisted.
107
- * 1. value
108
- *
109
- * @default false
110
-
111
- */
112
- enablePersistence?: boolean;
105
+ * Enable or disable persisting component's state between page reloads.
106
+ * If enabled, following list of states will be persisted.
107
+ * 1. value
108
+ *
109
+ * @default false
110
+ * @deprecated
111
+ */
112
+ enablePersistence?: boolean;
113
113
 
114
114
  /**
115
- * If 'allowDragAndDrop' is set to true, then you can perform drag and drop of the list item.
116
- * ListBox contains same 'scope' property enables drag and drop between multiple ListBox.
117
- *
118
- * @default false
119
- */
120
- allowDragAndDrop?: boolean;
115
+ * If 'allowDragAndDrop' is set to true, then you can perform drag and drop of the list item.
116
+ * ListBox contains same 'scope' property enables drag and drop between multiple ListBox.
117
+ *
118
+ * @default false
119
+ */
120
+ allowDragAndDrop?: boolean;
121
121
 
122
122
  /**
123
- * Sets limitation to the value selection.
124
- * based on the limitation, list selection will be prevented.
125
- *
126
- * @default 1000
127
- */
128
- maximumSelectionLength?: number;
123
+ * Sets limitation to the value selection.
124
+ * based on the limitation, list selection will be prevented.
125
+ *
126
+ * @default 1000
127
+ */
128
+ maximumSelectionLength?: number;
129
129
 
130
130
  /**
131
- * To enable the filtering option in this component.
132
- * Filter action performs when type in search box and collect the matched item through `filtering` event.
133
- * If searching character does not match, `noRecordsTemplate` property value will be shown.
134
- *
135
- * @default false
136
- */
137
- allowFiltering?: boolean;
131
+ * To enable the filtering option in this component.
132
+ * Filter action performs when type in search box and collect the matched item through `filtering` event.
133
+ * If searching character does not match, `noRecordsTemplate` property value will be shown.
134
+ *
135
+ * @default false
136
+ */
137
+ allowFiltering?: boolean;
138
138
 
139
139
  /**
140
- * Defines the scope value to group sets of draggable and droppable ListBox.
141
- * A draggable with the same scope value will be accepted by the droppable.
142
- *
143
- * @default ''
144
- */
145
- scope?: string;
140
+ * Defines the scope value to group sets of draggable and droppable ListBox.
141
+ * A draggable with the same scope value will be accepted by the droppable.
142
+ *
143
+ * @default ''
144
+ */
145
+ scope?: string;
146
146
 
147
147
  /**
148
- * When set to ‘false’, consider the `case-sensitive` on performing the search to find suggestions.
149
- * By default consider the casing.
150
- *
151
- * @default true
152
- * @private
153
- */
154
- ignoreCase?: boolean;
148
+ * When set to ‘false’, consider the `case-sensitive` on performing the search to find suggestions.
149
+ * By default consider the casing.
150
+ *
151
+ * @default true
152
+ * @private
153
+ */
154
+ ignoreCase?: boolean;
155
155
 
156
156
  /**
157
- * Accepts the value to be displayed as a watermark text on the filter bar.
158
- *
159
- * @default null
160
- */
161
- filterBarPlaceholder?: string;
157
+ * Accepts the value to be displayed as a watermark text on the filter bar.
158
+ *
159
+ * @default null
160
+ */
161
+ filterBarPlaceholder?: string;
162
162
 
163
163
  /**
164
- * Triggers while rendering each list item.
165
- *
166
- * @event beforeItemRender
167
- * @blazorProperty 'OnItemRender'
168
- */
169
- beforeItemRender?: EmitType<BeforeItemRenderEventArgs>;
164
+ * Triggers while rendering each list item.
165
+ *
166
+ * @event beforeItemRender
167
+ * @blazorProperty 'OnItemRender'
168
+ */
169
+ beforeItemRender?: EmitType<BeforeItemRenderEventArgs>;
170
170
 
171
171
  /**
172
- * Triggers on typing a character in the component.
173
- *
174
- * @event filtering
175
- * @blazorProperty 'ItemSelected'
176
- */
177
- filtering?: EmitType<FilteringEventArgs>;
172
+ * Triggers on typing a character in the component.
173
+ *
174
+ * @event filtering
175
+ * @blazorProperty 'ItemSelected'
176
+ */
177
+ filtering?: EmitType<FilteringEventArgs>;
178
178
 
179
179
  /**
180
- * Triggers when an item in the popup is selected by the user either with mouse/tap or with keyboard navigation.
181
- *
182
- * @event select
183
- * @private
184
- */
185
- select?: EmitType<SelectEventArgs>;
180
+ * Triggers when an item in the popup is selected by the user either with mouse/tap or with keyboard navigation.
181
+ *
182
+ * @event select
183
+ * @private
184
+ */
185
+ select?: EmitType<SelectEventArgs>;
186
186
 
187
187
  /**
188
- * Triggers while select / unselect the list item.
189
- *
190
- * @event change
191
- * @blazorProperty 'ValueChange'
192
- */
193
- change?: EmitType<ListBoxChangeEventArgs>;
188
+ * Triggers while select / unselect the list item.
189
+ *
190
+ * @event change
191
+ * @blazorProperty 'ValueChange'
192
+ */
193
+ change?: EmitType<ListBoxChangeEventArgs>;
194
194
 
195
195
  /**
196
- * Triggers before dropping the list item on another list item.
197
- *
198
- * @event beforeDrop
199
- * @blazorProperty 'OnDrop'
200
- */
201
- beforeDrop?: EmitType<DropEventArgs>;
196
+ * Triggers before dropping the list item on another list item.
197
+ *
198
+ * @event beforeDrop
199
+ * @blazorProperty 'OnDrop'
200
+ */
201
+ beforeDrop?: EmitType<DropEventArgs>;
202
202
 
203
203
  /**
204
- * Triggers after dragging the list item.
205
- *
206
- * @event dragStart
207
- * @blazorProperty 'DragStart'
208
- */
209
- dragStart?: EmitType<DragEventArgs>;
204
+ * Triggers after dragging the list item.
205
+ *
206
+ * @event dragStart
207
+ * @blazorProperty 'DragStart'
208
+ */
209
+ dragStart?: EmitType<DragEventArgs>;
210
210
 
211
211
  /**
212
- * Triggers while dragging the list item.
213
- *
214
- * @event drag
215
- * @blazorProperty 'Dragging'
216
- */
217
- drag?: EmitType<DragEventArgs>;
212
+ * Triggers while dragging the list item.
213
+ *
214
+ * @event drag
215
+ * @blazorProperty 'Dragging'
216
+ */
217
+ drag?: EmitType<DragEventArgs>;
218
218
 
219
219
  /**
220
- * Triggers before dropping the list item on another list item.
221
- *
222
- * @event drop
223
- * @blazorProperty 'Dropped'
224
- */
225
- drop?: EmitType<DragEventArgs>;
220
+ * Triggers before dropping the list item on another list item.
221
+ *
222
+ * @event drop
223
+ * @blazorProperty 'Dropped'
224
+ */
225
+ drop?: EmitType<DragEventArgs>;
226
226
 
227
227
  /**
228
- * Triggers when data source is populated in the list.
229
- *
230
- * @event dataBound
231
- */
232
- dataBound?: EmitType<Object>;
228
+ * Triggers when data source is populated in the list.
229
+ *
230
+ * @event dataBound
231
+ */
232
+ dataBound?: EmitType<Object>;
233
233
 
234
234
  /**
235
- * Accepts the template design and assigns it to the group headers present in the list.
236
- *
237
- * @default null
238
- * @private
239
- */
240
- groupTemplate?: string;
235
+ * Accepts the template design and assigns it to the group headers present in the list.
236
+ *
237
+ * @default null
238
+ * @private
239
+ */
240
+ groupTemplate?: string;
241
241
 
242
242
  /**
243
- * Accepts the template and assigns it to the list content of the ListBox component
244
- * when the data fetch request from the remote server fails.
245
- *
246
- * @default 'Request Failed'
247
- * @private
248
- */
249
- actionFailureTemplate?: string;
243
+ * Accepts the template and assigns it to the list content of the ListBox component
244
+ * when the data fetch request from the remote server fails.
245
+ *
246
+ * @default 'Request Failed'
247
+ * @private
248
+ */
249
+ actionFailureTemplate?: string;
250
250
 
251
251
  /**
252
- * specifies the z-index value of the component popup element.
253
- *
254
- * @default 1000
255
- * @private
256
- */
257
- zIndex?: number;
252
+ * specifies the z-index value of the component popup element.
253
+ *
254
+ * @default 1000
255
+ * @private
256
+ */
257
+ zIndex?: number;
258
258
 
259
259
  /**
260
- * ignoreAccent set to true, then ignores the diacritic characters or accents when filtering.
261
- *
262
- * @private
263
- */
264
- ignoreAccent?: boolean;
260
+ * ignoreAccent set to true, then ignores the diacritic characters or accents when filtering.
261
+ *
262
+ * @private
263
+ */
264
+ ignoreAccent?: boolean;
265
265
 
266
266
  /**
267
- * Specifies the toolbar items and its position.
268
- *
269
- * @default { items: [], position: 'Right' }
270
- */
271
- toolbarSettings?: ToolbarSettingsModel;
267
+ * Specifies the toolbar items and its position.
268
+ *
269
+ * @default { items: [], position: 'Right' }
270
+ */
271
+ toolbarSettings?: ToolbarSettingsModel;
272
272
 
273
273
  /**
274
- * Specifies the selection mode and its type.
275
- *
276
- * @default { mode: 'Multiple', type: 'Default' }
277
- */
278
- selectionSettings?: SelectionSettingsModel;
274
+ * Specifies the selection mode and its type.
275
+ *
276
+ * @default { mode: 'Multiple', type: 'Default' }
277
+ */
278
+ selectionSettings?: SelectionSettingsModel;
279
279
 
280
280
  }
@@ -158,7 +158,7 @@ export declare class ListBox extends DropDownBase {
158
158
  * Specifies a value that indicates whether the component is enabled or not.
159
159
  *
160
160
  * @default true
161
-
161
+ * @deprecated
162
162
  */
163
163
  enabled: boolean;
164
164
  /**
@@ -167,7 +167,7 @@ export declare class ListBox extends DropDownBase {
167
167
  * 1. value
168
168
  *
169
169
  * @default false
170
-
170
+ * @deprecated
171
171
  */
172
172
  enablePersistence: boolean;
173
173
  /**
@@ -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
  // eslint-disable-next-line @typescript-eslint/triple-slash-reference
21
21
  /// <reference path='../drop-down-base/drop-down-base-model.d.ts'/>
22
22
  import { Input } from '@syncfusion/ej2-inputs';