@syncfusion/ej2-dropdowns 34.2.6 → 34.2.8

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 (26) hide show
  1. package/.eslintrc.json +263 -0
  2. package/README.md +6 -3
  3. package/aceconfig.js +17 -0
  4. package/dist/ej2-dropdowns.min.js +2 -2
  5. package/dist/ej2-dropdowns.umd.min.js +2 -2
  6. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es2015.js +22 -9
  8. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  9. package/dist/es6/ej2-dropdowns.es5.js +21 -8
  10. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  11. package/dist/global/ej2-dropdowns.min.js +2 -2
  12. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  13. package/dist/global/index.d.ts +1 -1
  14. package/package.json +8 -8
  15. package/src/auto-complete/auto-complete-model.d.ts +2 -2
  16. package/src/auto-complete/auto-complete.d.ts +2 -2
  17. package/src/drop-down-base/drop-down-base.js +6 -0
  18. package/src/drop-down-list/drop-down-list-model.d.ts +1 -1
  19. package/src/drop-down-list/drop-down-list.d.ts +1 -1
  20. package/src/drop-down-list/drop-down-list.js +10 -5
  21. package/src/drop-down-tree/drop-down-tree-model.d.ts +3 -3
  22. package/src/drop-down-tree/drop-down-tree.d.ts +3 -3
  23. package/src/multi-select/multi-select-model.d.ts +1 -5
  24. package/src/multi-select/multi-select.d.ts +1 -5
  25. package/src/multi-select/multi-select.js +5 -3
  26. package/tslint.json +111 -0
package/dist/es6/ej2-dropdowns.es2015.js CHANGED
@@ -1584,6 +1584,9 @@ let DropDownBase = class DropDownBase extends Component {
1584
1584
  }
1585
1585
  const query = this.getQuery(eventArgs.query);
1586
1586
  eventArgs.data.executeQuery(query).then((e) => {
1587
+ if (this.isAngular && this.isDestroyed) {
1588
+ return;
1589
+ }
1587
1590
  this.isPreventChange = this.isAngular && this.preventChange ? true : this.isPreventChange;
1588
1591
  let isReOrder = true;
1589
1592
  if (!this.virtualSelectAll) {
@@ -1644,7 +1647,10 @@ let DropDownBase = class DropDownBase extends Component {
1644
1647
  if (!e.cancel) {
1645
1648
  this.isRequesting = false;
1646
1649
  this.isCustomFiltering = false;
1647
- const listItems = e.result;
1650
+ let listItems = e.result;
1651
+ if (this.getModuleName() === 'dropdownlist' && listItems.length === 0 && this.filterInput && this.filterInput.value.trim() === '' && this.actionCompleteData && this.actionCompleteData.list && this.actionCompleteData.list.length) {
1652
+ listItems = this.actionCompleteData.list;
1653
+ }
1648
1654
  if (this.isIncrementalRequest) {
1649
1655
  ulElement = this.renderItems(listItems, fields);
1650
1656
  return;
@@ -4576,7 +4582,8 @@ let DropDownList = class DropDownList extends DropDownBase {
4576
4582
  }
4577
4583
  onDocumentClick(e) {
4578
4584
  const target = e.target;
4579
- if (!(!isNullOrUndefined(this.popupObj) && closest(target, this.checkSelector(this.popupObj.element.id))) &&
4585
+ if (!isNullOrUndefined(target) && !(!isNullOrUndefined(this.popupObj) &&
4586
+ closest(target, this.checkSelector(this.popupObj.element.id))) &&
4580
4587
  !isNullOrUndefined(this.inputWrapper) && !this.inputWrapper.container.contains(e.target)) {
4581
4588
  if (this.inputWrapper.container.classList.contains(dropDownListClasses.inputFocus) || this.isPopupOpen) {
4582
4589
  this.isDocumentClick = true;
@@ -6215,7 +6222,9 @@ let DropDownList = class DropDownList extends DropDownBase {
6215
6222
  ulElement = null;
6216
6223
  },
6217
6224
  targetExitViewport: () => {
6218
- this.hidePopup();
6225
+ if (!Browser.isDevice || (this.allowFiltering === false && this.isPopupOpen)) {
6226
+ this.hidePopup();
6227
+ }
6219
6228
  }
6220
6229
  });
6221
6230
  }
@@ -7414,9 +7423,11 @@ let DropDownList = class DropDownList extends DropDownBase {
7414
7423
  updateFloatLabelOverflowWidth() {
7415
7424
  const container = this.inputWrapper.container;
7416
7425
  const label = container.querySelector('.e-float-text');
7417
- const calculateWidth = (container.clientWidth - this.getRightIconsWidth());
7418
- if (label && calculateWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
7419
- label.style.width = calculateWidth + 'px';
7426
+ if (label && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
7427
+ const calculateWidth = (container.clientWidth - this.getRightIconsWidth());
7428
+ if (calculateWidth) {
7429
+ label.style.width = calculateWidth + 'px';
7430
+ }
7420
7431
  }
7421
7432
  }
7422
7433
  /**
@@ -20192,9 +20203,11 @@ let MultiSelect = class MultiSelect extends DropDownBase {
20192
20203
  updateFloatLabelOverflowWidth() {
20193
20204
  const container = this.overAllWrapper;
20194
20205
  const label = container.querySelector('.e-float-text');
20195
- const calculateWidth = (container.clientWidth - this.getRightIconsWidth());
20196
- if (label && calculateWidth && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
20197
- label.style.width = calculateWidth + 'px';
20206
+ if (label && !(this.cssClass && this.cssClass.split(' ').indexOf('e-outline') !== -1)) {
20207
+ const calculateWidth = (container.clientWidth - this.getRightIconsWidth());
20208
+ if (calculateWidth) {
20209
+ label.style.width = calculateWidth + 'px';
20210
+ }
20198
20211
  }
20199
20212
  }
20200
20213
  /**