@syncfusion/ej2-dropdowns 19.4.48 → 19.4.50

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 (42) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +47 -5
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +124 -77
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +8 -8
  12. package/src/drop-down-base/drop-down-base.js +10 -0
  13. package/src/drop-down-list/drop-down-list.js +106 -71
  14. package/src/list-box/list-box.js +4 -3
  15. package/src/multi-select/multi-select.js +1 -0
  16. package/styles/bootstrap-dark.css +2 -1
  17. package/styles/bootstrap.css +2 -1
  18. package/styles/bootstrap4.css +2 -1
  19. package/styles/bootstrap5-dark.css +2 -1
  20. package/styles/bootstrap5.css +2 -1
  21. package/styles/fabric-dark.css +2 -1
  22. package/styles/fabric.css +2 -1
  23. package/styles/highcontrast-light.css +2 -1
  24. package/styles/highcontrast.css +2 -1
  25. package/styles/material-dark.css +2 -1
  26. package/styles/material.css +2 -1
  27. package/styles/multi-select/_layout.scss +2 -1
  28. package/styles/multi-select/bootstrap-dark.css +2 -1
  29. package/styles/multi-select/bootstrap.css +2 -1
  30. package/styles/multi-select/bootstrap4.css +2 -1
  31. package/styles/multi-select/bootstrap5-dark.css +2 -1
  32. package/styles/multi-select/bootstrap5.css +2 -1
  33. package/styles/multi-select/fabric-dark.css +2 -1
  34. package/styles/multi-select/fabric.css +2 -1
  35. package/styles/multi-select/highcontrast-light.css +2 -1
  36. package/styles/multi-select/highcontrast.css +2 -1
  37. package/styles/multi-select/material-dark.css +2 -1
  38. package/styles/multi-select/material.css +2 -1
  39. package/styles/multi-select/tailwind-dark.css +2 -1
  40. package/styles/multi-select/tailwind.css +2 -1
  41. package/styles/tailwind-dark.css +2 -1
  42. package/styles/tailwind.css +2 -1
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 19.4.48
3
+ * version : 19.4.50
4
4
  * Copyright Syncfusion Inc. 2001 - 2020. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-dropdowns@*",
3
- "_id": "@syncfusion/ej2-dropdowns@19.4.47",
3
+ "_id": "@syncfusion/ej2-dropdowns@19.4.48",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-OA2l6pPVkrG2ikHAmi9uEh8vlfOKUg2xBqfMTk1LTkbD1aUQL2VeWpeec7ZdvUWM9jptnHf2qrjjfHGvaONzYA==",
5
+ "_integrity": "sha512-Yz0UF3J4mNNGlnvZkoMxKP295uhWJ4RxTLPV206SJguJLs8vT2mrpyamdhwKQPNBCY8d9YnnIb4KWBBozWHYYw==",
6
6
  "_location": "/@syncfusion/ej2-dropdowns",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -33,8 +33,8 @@
33
33
  "/@syncfusion/ej2-spreadsheet",
34
34
  "/@syncfusion/ej2-vue-dropdowns"
35
35
  ],
36
- "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-19.4.47.tgz",
37
- "_shasum": "2074e43dec8f0451ebdb48adc8e3d59b907b84e9",
36
+ "_resolved": "http://nexus.syncfusion.com/repository/ej2-hotfix-new/@syncfusion/ej2-dropdowns/-/ej2-dropdowns-19.4.48.tgz",
37
+ "_shasum": "4de8f8a1da32155d9904a785d115f78fe5be553e",
38
38
  "_spec": "@syncfusion/ej2-dropdowns@*",
39
39
  "_where": "/jenkins/workspace/automation_release_19.1.0.1-ZPMUBNQ6AUYH6YGEFBPVYMEQLRRW2SLD4XCZ6GATNZJFYJ3RIAOA/packages/included",
40
40
  "author": {
@@ -43,11 +43,11 @@
43
43
  "bundleDependencies": false,
44
44
  "dependencies": {
45
45
  "@syncfusion/ej2-base": "~19.4.48",
46
- "@syncfusion/ej2-data": "~19.4.48",
46
+ "@syncfusion/ej2-data": "~19.4.50",
47
47
  "@syncfusion/ej2-inputs": "~19.4.48",
48
48
  "@syncfusion/ej2-lists": "~19.4.48",
49
- "@syncfusion/ej2-navigations": "~19.4.48",
50
- "@syncfusion/ej2-popups": "~19.4.48"
49
+ "@syncfusion/ej2-navigations": "~19.4.50",
50
+ "@syncfusion/ej2-popups": "~19.4.50"
51
51
  },
52
52
  "deprecated": false,
53
53
  "description": "Essential JS 2 DropDown Components",
@@ -72,6 +72,6 @@
72
72
  "module": "./index.js",
73
73
  "name": "@syncfusion/ej2-dropdowns",
74
74
  "typings": "index.d.ts",
75
- "version": "19.4.48",
75
+ "version": "19.4.50",
76
76
  "sideEffects": false
77
77
  }
@@ -67,6 +67,7 @@ var HEADERTEMPLATE_PROPERTY = 'HeaderTemplate';
67
67
  var FOOTERTEMPLATE_PROPERTY = 'FooterTemplate';
68
68
  var NORECORDSTEMPLATE_PROPERTY = 'NoRecordsTemplate';
69
69
  var ACTIONFAILURETEMPLATE_PROPERTY = 'ActionFailureTemplate';
70
+ var HIDE_GROUPLIST = 'e-hide-group-header';
70
71
  /**
71
72
  * DropDownBase component will generate the list items based on given data and act as base class to drop-down related components
72
73
  */
@@ -582,6 +583,15 @@ var DropDownBase = /** @class */ (function (_super) {
582
583
  }
583
584
  this.list.innerHTML = '';
584
585
  this.fixedHeaderElement = isNullOrUndefined(this.fixedHeaderElement) ? this.fixedHeaderElement : null;
586
+ if (this.getModuleName() === 'multiselect' && this.properties.allowCustomValue && this.fields.groupBy) {
587
+ for (var i = 0; i < ulElement.childElementCount; i++) {
588
+ if (ulElement.children[i].classList.contains('e-list-group-item')) {
589
+ if (isNullOrUndefined(ulElement.children[i].innerHTML) || ulElement.children[i].innerHTML == "") {
590
+ addClass([ulElement.children[i]], HIDE_GROUPLIST);
591
+ }
592
+ }
593
+ }
594
+ }
585
595
  this.list.appendChild(ulElement);
586
596
  this.liCollections = this.list.querySelectorAll('.' + dropDownBaseClasses.li);
587
597
  this.ulElement = this.list.querySelector('ul');
@@ -2238,160 +2238,195 @@ var DropDownList = /** @class */ (function (_super) {
2238
2238
  * @returns {void}
2239
2239
  */
2240
2240
  DropDownList.prototype.onPropertyChanged = function (newProp, oldProp) {
2241
+ var _this = this;
2241
2242
  if (this.getModuleName() === 'dropdownlist') {
2242
2243
  this.checkData(newProp);
2243
2244
  this.setUpdateInitial(['fields', 'query', 'dataSource'], newProp);
2244
2245
  }
2245
- for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
2246
- var prop = _a[_i];
2246
+ var _loop_1 = function (prop) {
2247
2247
  switch (prop) {
2248
2248
  case 'query':
2249
2249
  case 'dataSource': break;
2250
2250
  case 'htmlAttributes':
2251
- this.setHTMLAttributes();
2251
+ this_1.setHTMLAttributes();
2252
2252
  break;
2253
2253
  case 'width':
2254
- this.setEleWidth(newProp.width);
2254
+ this_1.setEleWidth(newProp.width);
2255
2255
  break;
2256
2256
  case 'placeholder':
2257
- Input.setPlaceholder(newProp.placeholder, this.inputElement);
2257
+ Input.setPlaceholder(newProp.placeholder, this_1.inputElement);
2258
2258
  break;
2259
2259
  case 'filterBarPlaceholder':
2260
- if (this.filterInput) {
2261
- Input.setPlaceholder(newProp.filterBarPlaceholder, this.filterInput);
2260
+ if (this_1.filterInput) {
2261
+ Input.setPlaceholder(newProp.filterBarPlaceholder, this_1.filterInput);
2262
2262
  }
2263
2263
  break;
2264
2264
  case 'readonly':
2265
- if (this.getModuleName() !== 'dropdownlist') {
2266
- Input.setReadonly(newProp.readonly, this.inputElement);
2265
+ if (this_1.getModuleName() !== 'dropdownlist') {
2266
+ Input.setReadonly(newProp.readonly, this_1.inputElement);
2267
2267
  }
2268
- this.setReadOnly();
2268
+ this_1.setReadOnly();
2269
2269
  break;
2270
2270
  case 'cssClass':
2271
- this.setCssClass(newProp.cssClass, oldProp.cssClass);
2271
+ this_1.setCssClass(newProp.cssClass, oldProp.cssClass);
2272
2272
  break;
2273
2273
  case 'enableRtl':
2274
- this.setEnableRtl();
2274
+ this_1.setEnableRtl();
2275
2275
  break;
2276
2276
  case 'enabled':
2277
- this.setEnable();
2277
+ this_1.setEnable();
2278
2278
  break;
2279
2279
  case 'text':
2280
2280
  if (newProp.text === null) {
2281
- this.clearAll();
2281
+ this_1.clearAll();
2282
2282
  break;
2283
2283
  }
2284
- if (!this.list) {
2285
- if (this.dataSource instanceof DataManager) {
2286
- this.initRemoteRender = true;
2284
+ if (!this_1.list) {
2285
+ if (this_1.dataSource instanceof DataManager) {
2286
+ this_1.initRemoteRender = true;
2287
2287
  }
2288
- this.renderList();
2288
+ this_1.renderList();
2289
2289
  }
2290
- if (!this.initRemoteRender) {
2291
- var li = this.getElementByText(newProp.text);
2292
- if (!this.checkValidLi(li)) {
2293
- if (this.liCollections && this.liCollections.length === 100 &&
2294
- this.getModuleName() === 'autocomplete' && this.listData.length > 100) {
2295
- this.setSelectionData(newProp.text, oldProp.text, 'text');
2290
+ if (!this_1.initRemoteRender) {
2291
+ var li = this_1.getElementByText(newProp.text);
2292
+ if (!this_1.checkValidLi(li)) {
2293
+ if (this_1.liCollections && this_1.liCollections.length === 100 &&
2294
+ this_1.getModuleName() === 'autocomplete' && this_1.listData.length > 100) {
2295
+ this_1.setSelectionData(newProp.text, oldProp.text, 'text');
2296
+ }
2297
+ else if (newProp.text && this_1.dataSource instanceof DataManager) {
2298
+ var listLength_1 = this_1.getItems().length;
2299
+ var checkField = isNullOrUndefined(this_1.fields.text) ? this_1.fields.value : this_1.fields.text;
2300
+ this_1.typedString = '';
2301
+ this_1.dataSource.executeQuery(this_1.getQuery(this_1.query).where(new Predicate(checkField, 'equal', newProp.text)))
2302
+ .then(function (e) {
2303
+ if (e.result.length > 0) {
2304
+ _this.addItem(e.result, listLength_1);
2305
+ _this.updateValues();
2306
+ }
2307
+ else {
2308
+ _this.setOldText(oldProp.text);
2309
+ }
2310
+ });
2296
2311
  }
2297
2312
  else {
2298
- this.setOldText(oldProp.text);
2313
+ this_1.setOldText(oldProp.text);
2299
2314
  }
2300
2315
  }
2301
- this.updateInputFields();
2316
+ this_1.updateInputFields();
2302
2317
  }
2303
2318
  break;
2304
2319
  case 'value':
2305
2320
  if (newProp.value === null) {
2306
- this.clearAll();
2321
+ this_1.clearAll();
2307
2322
  break;
2308
2323
  }
2309
- this.notify('beforeValueChange', { newProp: newProp }); // gird component value type change
2310
- if (!this.list) {
2311
- if (this.dataSource instanceof DataManager) {
2312
- this.initRemoteRender = true;
2324
+ this_1.notify('beforeValueChange', { newProp: newProp }); // gird component value type change
2325
+ if (!this_1.list) {
2326
+ if (this_1.dataSource instanceof DataManager) {
2327
+ this_1.initRemoteRender = true;
2313
2328
  }
2314
- this.renderList();
2329
+ this_1.renderList();
2315
2330
  }
2316
- if (!this.initRemoteRender) {
2317
- var item = this.getElementByValue(newProp.value);
2318
- if (!this.checkValidLi(item)) {
2319
- if (this.liCollections && this.liCollections.length === 100 &&
2320
- this.getModuleName() === 'autocomplete' && this.listData.length > 100) {
2321
- this.setSelectionData(newProp.value, oldProp.value, 'value');
2331
+ if (!this_1.initRemoteRender) {
2332
+ var item = this_1.getElementByValue(newProp.value);
2333
+ if (!this_1.checkValidLi(item)) {
2334
+ if (this_1.liCollections && this_1.liCollections.length === 100 &&
2335
+ this_1.getModuleName() === 'autocomplete' && this_1.listData.length > 100) {
2336
+ this_1.setSelectionData(newProp.value, oldProp.value, 'value');
2337
+ }
2338
+ else if (newProp.value && this_1.dataSource instanceof DataManager) {
2339
+ var listLength_2 = this_1.getItems().length;
2340
+ var checkField = isNullOrUndefined(this_1.fields.value) ? this_1.fields.text : this_1.fields.value;
2341
+ this_1.typedString = '';
2342
+ this_1.dataSource.executeQuery(this_1.getQuery(this_1.query).where(new Predicate(checkField, 'equal', newProp.value)))
2343
+ .then(function (e) {
2344
+ if (e.result.length > 0) {
2345
+ _this.addItem(e.result, listLength_2);
2346
+ _this.updateValues();
2347
+ }
2348
+ else {
2349
+ _this.setOldValue(oldProp.value);
2350
+ }
2351
+ });
2322
2352
  }
2323
2353
  else {
2324
- this.setOldValue(oldProp.value);
2354
+ this_1.setOldValue(oldProp.value);
2325
2355
  }
2326
2356
  }
2327
- this.updateInputFields();
2328
- this.preventChange = this.isAngular && this.preventChange ? !this.preventChange : this.preventChange;
2357
+ this_1.updateInputFields();
2358
+ this_1.preventChange = this_1.isAngular && this_1.preventChange ? !this_1.preventChange : this_1.preventChange;
2329
2359
  }
2330
2360
  break;
2331
2361
  case 'index':
2332
2362
  if (newProp.index === null) {
2333
- this.clearAll();
2363
+ this_1.clearAll();
2334
2364
  break;
2335
2365
  }
2336
- if (!this.list) {
2337
- if (this.dataSource instanceof DataManager) {
2338
- this.initRemoteRender = true;
2366
+ if (!this_1.list) {
2367
+ if (this_1.dataSource instanceof DataManager) {
2368
+ this_1.initRemoteRender = true;
2339
2369
  }
2340
- this.renderList();
2370
+ this_1.renderList();
2341
2371
  }
2342
- if (!this.initRemoteRender && this.liCollections) {
2343
- var element = this.liCollections[newProp.index];
2344
- if (!this.checkValidLi(element)) {
2345
- if (this.liCollections && this.liCollections.length === 100 &&
2346
- this.getModuleName() === 'autocomplete' && this.listData.length > 100) {
2347
- this.setSelectionData(newProp.index, oldProp.index, 'index');
2372
+ if (!this_1.initRemoteRender && this_1.liCollections) {
2373
+ var element = this_1.liCollections[newProp.index];
2374
+ if (!this_1.checkValidLi(element)) {
2375
+ if (this_1.liCollections && this_1.liCollections.length === 100 &&
2376
+ this_1.getModuleName() === 'autocomplete' && this_1.listData.length > 100) {
2377
+ this_1.setSelectionData(newProp.index, oldProp.index, 'index');
2348
2378
  }
2349
2379
  else {
2350
- this.index = oldProp.index;
2380
+ this_1.index = oldProp.index;
2351
2381
  }
2352
2382
  }
2353
- this.updateInputFields();
2383
+ this_1.updateInputFields();
2354
2384
  }
2355
2385
  break;
2356
2386
  case 'footerTemplate':
2357
- if (this.popupObj) {
2358
- this.setFooterTemplate(this.popupObj.element);
2387
+ if (this_1.popupObj) {
2388
+ this_1.setFooterTemplate(this_1.popupObj.element);
2359
2389
  }
2360
2390
  break;
2361
2391
  case 'headerTemplate':
2362
- if (this.popupObj) {
2363
- this.setHeaderTemplate(this.popupObj.element);
2392
+ if (this_1.popupObj) {
2393
+ this_1.setHeaderTemplate(this_1.popupObj.element);
2364
2394
  }
2365
2395
  break;
2366
2396
  case 'valueTemplate':
2367
- if (!isNullOrUndefined(this.itemData) && this.valueTemplate != null) {
2368
- this.setValueTemplate();
2397
+ if (!isNullOrUndefined(this_1.itemData) && this_1.valueTemplate != null) {
2398
+ this_1.setValueTemplate();
2369
2399
  }
2370
2400
  break;
2371
2401
  case 'allowFiltering':
2372
- if (this.allowFiltering) {
2373
- this.actionCompleteData = { ulElement: this.ulElement,
2374
- list: this.listData, isUpdated: true };
2375
- this.actionData = this.actionCompleteData;
2376
- this.updateSelectElementData(this.allowFiltering);
2402
+ if (this_1.allowFiltering) {
2403
+ this_1.actionCompleteData = { ulElement: this_1.ulElement,
2404
+ list: this_1.listData, isUpdated: true };
2405
+ this_1.actionData = this_1.actionCompleteData;
2406
+ this_1.updateSelectElementData(this_1.allowFiltering);
2377
2407
  }
2378
2408
  break;
2379
2409
  case 'floatLabelType':
2380
- Input.removeFloating(this.inputWrapper);
2381
- Input.addFloating(this.inputElement, newProp.floatLabelType, this.placeholder, this.createElement);
2410
+ Input.removeFloating(this_1.inputWrapper);
2411
+ Input.addFloating(this_1.inputElement, newProp.floatLabelType, this_1.placeholder, this_1.createElement);
2382
2412
  break;
2383
2413
  case 'showClearButton':
2384
- Input.setClearButton(newProp.showClearButton, this.inputElement, this.inputWrapper, null, this.createElement);
2385
- this.bindClearEvent();
2414
+ Input.setClearButton(newProp.showClearButton, this_1.inputElement, this_1.inputWrapper, null, this_1.createElement);
2415
+ this_1.bindClearEvent();
2386
2416
  break;
2387
2417
  default:
2388
2418
  {
2389
2419
  // eslint-disable-next-line max-len
2390
- var ddlProps = this.getPropObject(prop, newProp, oldProp);
2391
- _super.prototype.onPropertyChanged.call(this, ddlProps.newProperty, ddlProps.oldProperty);
2420
+ var ddlProps = this_1.getPropObject(prop, newProp, oldProp);
2421
+ _super.prototype.onPropertyChanged.call(this_1, ddlProps.newProperty, ddlProps.oldProperty);
2392
2422
  }
2393
2423
  break;
2394
2424
  }
2425
+ };
2426
+ var this_1 = this;
2427
+ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
2428
+ var prop = _a[_i];
2429
+ _loop_1(prop);
2395
2430
  }
2396
2431
  };
2397
2432
  DropDownList.prototype.checkValidLi = function (element) {
@@ -742,9 +742,10 @@ var ListBox = /** @class */ (function (_super) {
742
742
  }
743
743
  if (objValue === dataValue) {
744
744
  itemIdx = this.getIndexByValue(dataValue);
745
- liCollections.push(liElement[itemIdx]);
746
- removeIdxes.push(i);
747
- removeLiIdxes.push(itemIdx);
745
+ var idx = itemIdx === i ? itemIdx : i;
746
+ liCollections.push(liElement[idx]);
747
+ removeIdxes.push(idx);
748
+ removeLiIdxes.push(idx);
748
749
  }
749
750
  }
750
751
  }
@@ -3947,6 +3947,7 @@ var MultiSelect = /** @class */ (function (_super) {
3947
3947
  this.mainData = null;
3948
3948
  this.filterParent = null;
3949
3949
  this.ulElement = null;
3950
+ this.mainListCollection = null;
3950
3951
  _super.prototype.destroy.call(this);
3951
3952
  var temp = ['readonly', 'aria-disabled', 'aria-placeholder', 'placeholder'];
3952
3953
  var length = temp.length;
@@ -1674,7 +1674,8 @@ ejs-dropdownlist {
1674
1674
  padding-left: 6px;
1675
1675
  }
1676
1676
 
1677
- .e-multi-select-list-wrapper .e-hide-listitem {
1677
+ .e-multi-select-list-wrapper .e-hide-listitem,
1678
+ .e-multi-select-list-wrapper .e-hide-group-header {
1678
1679
  display: none;
1679
1680
  }
1680
1681
 
@@ -1673,7 +1673,8 @@ ejs-dropdownlist {
1673
1673
  padding-left: 6px;
1674
1674
  }
1675
1675
 
1676
- .e-multi-select-list-wrapper .e-hide-listitem {
1676
+ .e-multi-select-list-wrapper .e-hide-listitem,
1677
+ .e-multi-select-list-wrapper .e-hide-group-header {
1677
1678
  display: none;
1678
1679
  }
1679
1680
 
@@ -1827,7 +1827,8 @@ ejs-dropdownlist {
1827
1827
  padding-left: 12px;
1828
1828
  }
1829
1829
 
1830
- .e-multi-select-list-wrapper .e-hide-listitem {
1830
+ .e-multi-select-list-wrapper .e-hide-listitem,
1831
+ .e-multi-select-list-wrapper .e-hide-group-header {
1831
1832
  display: none;
1832
1833
  }
1833
1834
 
@@ -1792,7 +1792,8 @@ ejs-dropdownlist {
1792
1792
  padding-left: 0;
1793
1793
  }
1794
1794
 
1795
- .e-multi-select-list-wrapper .e-hide-listitem {
1795
+ .e-multi-select-list-wrapper .e-hide-listitem,
1796
+ .e-multi-select-list-wrapper .e-hide-group-header {
1796
1797
  display: none;
1797
1798
  }
1798
1799
 
@@ -1792,7 +1792,8 @@ ejs-dropdownlist {
1792
1792
  padding-left: 0;
1793
1793
  }
1794
1794
 
1795
- .e-multi-select-list-wrapper .e-hide-listitem {
1795
+ .e-multi-select-list-wrapper .e-hide-listitem,
1796
+ .e-multi-select-list-wrapper .e-hide-group-header {
1796
1797
  display: none;
1797
1798
  }
1798
1799
 
@@ -1643,7 +1643,8 @@ ejs-dropdownlist {
1643
1643
  padding-left: 10px;
1644
1644
  }
1645
1645
 
1646
- .e-multi-select-list-wrapper .e-hide-listitem {
1646
+ .e-multi-select-list-wrapper .e-hide-listitem,
1647
+ .e-multi-select-list-wrapper .e-hide-group-header {
1647
1648
  display: none;
1648
1649
  }
1649
1650
 
package/styles/fabric.css CHANGED
@@ -1637,7 +1637,8 @@ ejs-dropdownlist {
1637
1637
  padding-left: 10px;
1638
1638
  }
1639
1639
 
1640
- .e-multi-select-list-wrapper .e-hide-listitem {
1640
+ .e-multi-select-list-wrapper .e-hide-listitem,
1641
+ .e-multi-select-list-wrapper .e-hide-group-header {
1641
1642
  display: none;
1642
1643
  }
1643
1644
 
@@ -1781,7 +1781,8 @@ ejs-dropdownlist {
1781
1781
  padding-left: 10px;
1782
1782
  }
1783
1783
 
1784
- .e-multi-select-list-wrapper .e-hide-listitem {
1784
+ .e-multi-select-list-wrapper .e-hide-listitem,
1785
+ .e-multi-select-list-wrapper .e-hide-group-header {
1785
1786
  display: none;
1786
1787
  }
1787
1788
 
@@ -1788,7 +1788,8 @@ ejs-dropdownlist {
1788
1788
  padding-left: 10px;
1789
1789
  }
1790
1790
 
1791
- .e-multi-select-list-wrapper .e-hide-listitem {
1791
+ .e-multi-select-list-wrapper .e-hide-listitem,
1792
+ .e-multi-select-list-wrapper .e-hide-group-header {
1792
1793
  display: none;
1793
1794
  }
1794
1795
 
@@ -2639,7 +2639,8 @@ ejs-dropdownlist {
2639
2639
  padding-left: 0;
2640
2640
  }
2641
2641
 
2642
- .e-multi-select-list-wrapper .e-hide-listitem {
2642
+ .e-multi-select-list-wrapper .e-hide-listitem,
2643
+ .e-multi-select-list-wrapper .e-hide-group-header {
2643
2644
  display: none;
2644
2645
  }
2645
2646
 
@@ -2700,7 +2700,8 @@ ejs-dropdownlist {
2700
2700
  padding-left: 0;
2701
2701
  }
2702
2702
 
2703
- .e-multi-select-list-wrapper .e-hide-listitem {
2703
+ .e-multi-select-list-wrapper .e-hide-listitem,
2704
+ .e-multi-select-list-wrapper .e-hide-group-header {
2704
2705
  display: none;
2705
2706
  }
2706
2707
 
@@ -443,7 +443,8 @@
443
443
  }
444
444
  }
445
445
 
446
- .e-multi-select-list-wrapper .e-hide-listitem {
446
+ .e-multi-select-list-wrapper .e-hide-listitem,
447
+ .e-multi-select-list-wrapper .e-hide-group-header {
447
448
  display: none;
448
449
  }
449
450
 
@@ -464,7 +464,8 @@
464
464
  padding-left: 6px;
465
465
  }
466
466
 
467
- .e-multi-select-list-wrapper .e-hide-listitem {
467
+ .e-multi-select-list-wrapper .e-hide-listitem,
468
+ .e-multi-select-list-wrapper .e-hide-group-header {
468
469
  display: none;
469
470
  }
470
471
 
@@ -462,7 +462,8 @@
462
462
  padding-left: 6px;
463
463
  }
464
464
 
465
- .e-multi-select-list-wrapper .e-hide-listitem {
465
+ .e-multi-select-list-wrapper .e-hide-listitem,
466
+ .e-multi-select-list-wrapper .e-hide-group-header {
466
467
  display: none;
467
468
  }
468
469
 
@@ -554,7 +554,8 @@
554
554
  padding-left: 12px;
555
555
  }
556
556
 
557
- .e-multi-select-list-wrapper .e-hide-listitem {
557
+ .e-multi-select-list-wrapper .e-hide-listitem,
558
+ .e-multi-select-list-wrapper .e-hide-group-header {
558
559
  display: none;
559
560
  }
560
561
 
@@ -509,7 +509,8 @@
509
509
  padding-left: 0;
510
510
  }
511
511
 
512
- .e-multi-select-list-wrapper .e-hide-listitem {
512
+ .e-multi-select-list-wrapper .e-hide-listitem,
513
+ .e-multi-select-list-wrapper .e-hide-group-header {
513
514
  display: none;
514
515
  }
515
516
 
@@ -509,7 +509,8 @@
509
509
  padding-left: 0;
510
510
  }
511
511
 
512
- .e-multi-select-list-wrapper .e-hide-listitem {
512
+ .e-multi-select-list-wrapper .e-hide-listitem,
513
+ .e-multi-select-list-wrapper .e-hide-group-header {
513
514
  display: none;
514
515
  }
515
516
 
@@ -457,7 +457,8 @@
457
457
  padding-left: 10px;
458
458
  }
459
459
 
460
- .e-multi-select-list-wrapper .e-hide-listitem {
460
+ .e-multi-select-list-wrapper .e-hide-listitem,
461
+ .e-multi-select-list-wrapper .e-hide-group-header {
461
462
  display: none;
462
463
  }
463
464
 
@@ -457,7 +457,8 @@
457
457
  padding-left: 10px;
458
458
  }
459
459
 
460
- .e-multi-select-list-wrapper .e-hide-listitem {
460
+ .e-multi-select-list-wrapper .e-hide-listitem,
461
+ .e-multi-select-list-wrapper .e-hide-group-header {
461
462
  display: none;
462
463
  }
463
464
 
@@ -584,7 +584,8 @@
584
584
  padding-left: 10px;
585
585
  }
586
586
 
587
- .e-multi-select-list-wrapper .e-hide-listitem {
587
+ .e-multi-select-list-wrapper .e-hide-listitem,
588
+ .e-multi-select-list-wrapper .e-hide-group-header {
588
589
  display: none;
589
590
  }
590
591
 
@@ -586,7 +586,8 @@
586
586
  padding-left: 10px;
587
587
  }
588
588
 
589
- .e-multi-select-list-wrapper .e-hide-listitem {
589
+ .e-multi-select-list-wrapper .e-hide-listitem,
590
+ .e-multi-select-list-wrapper .e-hide-group-header {
590
591
  display: none;
591
592
  }
592
593
 
@@ -1025,7 +1025,8 @@
1025
1025
  padding-left: 0;
1026
1026
  }
1027
1027
 
1028
- .e-multi-select-list-wrapper .e-hide-listitem {
1028
+ .e-multi-select-list-wrapper .e-hide-listitem,
1029
+ .e-multi-select-list-wrapper .e-hide-group-header {
1029
1030
  display: none;
1030
1031
  }
1031
1032
 
@@ -1034,7 +1034,8 @@
1034
1034
  padding-left: 0;
1035
1035
  }
1036
1036
 
1037
- .e-multi-select-list-wrapper .e-hide-listitem {
1037
+ .e-multi-select-list-wrapper .e-hide-listitem,
1038
+ .e-multi-select-list-wrapper .e-hide-group-header {
1038
1039
  display: none;
1039
1040
  }
1040
1041
 
@@ -503,7 +503,8 @@
503
503
  padding-left: 12px;
504
504
  }
505
505
 
506
- .e-multi-select-list-wrapper .e-hide-listitem {
506
+ .e-multi-select-list-wrapper .e-hide-listitem,
507
+ .e-multi-select-list-wrapper .e-hide-group-header {
507
508
  display: none;
508
509
  }
509
510