@syncfusion/ej2-dropdowns 28.1.33 → 28.1.35

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 (36) hide show
  1. package/dist/ej2-dropdowns.min.js +2 -2
  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 +17 -4
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +17 -4
  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 +6 -6
  12. package/src/combo-box/combo-box.js +1 -0
  13. package/src/drop-down-list/drop-down-list.d.ts +1 -0
  14. package/src/drop-down-list/drop-down-list.js +12 -1
  15. package/src/drop-down-tree/drop-down-tree.d.ts +1 -0
  16. package/src/drop-down-tree/drop-down-tree.js +4 -3
  17. package/styles/bootstrap5-dark-lite.css +1 -0
  18. package/styles/bootstrap5-dark.css +1 -0
  19. package/styles/bootstrap5-lite.css +1 -0
  20. package/styles/bootstrap5.3-lite.css +1 -0
  21. package/styles/bootstrap5.3.css +1 -0
  22. package/styles/bootstrap5.css +1 -0
  23. package/styles/drop-down-list/_layout.scss +1 -1
  24. package/styles/drop-down-list/tailwind3.css +1 -0
  25. package/styles/fluent-dark-lite.css +1 -0
  26. package/styles/fluent-dark.css +1 -0
  27. package/styles/fluent-lite.css +1 -0
  28. package/styles/fluent.css +1 -0
  29. package/styles/multi-select/_layout.scss +1 -3
  30. package/styles/multi-select/bootstrap5-dark.css +1 -0
  31. package/styles/multi-select/bootstrap5.3.css +1 -0
  32. package/styles/multi-select/bootstrap5.css +1 -0
  33. package/styles/multi-select/fluent-dark.css +1 -0
  34. package/styles/multi-select/fluent.css +1 -0
  35. package/styles/tailwind3-lite.css +1 -0
  36. package/styles/tailwind3.css +1 -0
@@ -4744,6 +4744,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
4744
4744
  if (this.isFiltering() && this.getModuleName() === 'combobox' && isNullOrUndefined(this.list)) {
4745
4745
  this.getInitialData = true;
4746
4746
  this.renderList();
4747
+ if (!this.isSecondClick && !this.isDropDownClick) {
4748
+ this.executeCloneElements();
4749
+ }
4747
4750
  }
4748
4751
  this.typedString = this.filterInput.value;
4749
4752
  this.preventAutoFill = false;
@@ -5003,6 +5006,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
5003
5006
  this.getFilteringSkeletonCount();
5004
5007
  }
5005
5008
  this.renderReactTemplates();
5009
+ if (this.filterInput && this.filterInput.value === '' && this.getModuleName() === 'combobox') {
5010
+ this.executeCloneElements();
5011
+ }
5006
5012
  }
5007
5013
  };
5008
5014
  DropDownList.prototype.setSearchBox = function (popupElement) {
@@ -6893,10 +6899,15 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
6893
6899
  isOpen: true
6894
6900
  });
6895
6901
  }
6902
+ if (!this.isSecondClick && !this.isDropDownClick) {
6903
+ this.executeCloneElements();
6904
+ }
6905
+ };
6906
+ DropDownList.prototype.executeCloneElements = function () {
6896
6907
  // eslint-disable-next-line @typescript-eslint/no-this-alias
6897
6908
  var proxy = this;
6898
6909
  var duration = (this.element.tagName === this.getNgDirective() && this.itemTemplate) ? 500 : 100;
6899
- if (!this.isSecondClick && this.isReact && !this.isDropDownClick && this.isFiltering() && this.itemTemplate != null) {
6910
+ if (this.isReact && this.isFiltering() && this.itemTemplate != null) {
6900
6911
  setTimeout(function () {
6901
6912
  proxy.cloneElements();
6902
6913
  proxy.isSecondClick = true;
@@ -7456,6 +7467,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
7456
7467
  _this.selectedData = [];
7457
7468
  _this.filterDelayTime = 300;
7458
7469
  _this.isClicked = false;
7470
+ _this.documentClickContext = _this.onDocumentClick.bind(_this);
7459
7471
  // Specifies if the checkAll method has been called
7460
7472
  _this.isCheckAllCalled = false;
7461
7473
  _this.isFromFilterChange = false;
@@ -7975,7 +7987,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
7975
7987
  if (this.showSelectAll && this.checkAllParent) {
7976
7988
  EventHandler.remove(this.checkAllParent, 'mouseup', this.clickHandler);
7977
7989
  }
7978
- EventHandler.remove(document, 'mousedown', this.onDocumentClick);
7990
+ document.removeEventListener('mousedown', this.documentClickContext);
7979
7991
  };
7980
7992
  /* Trigger when the dropdown is clicked */
7981
7993
  DropDownTree.prototype.dropDownClick = function (e) {
@@ -9002,7 +9014,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
9002
9014
  if (_this.treeObj.checkedNodes.length > 0 && !_this.isFilterRestore) {
9003
9015
  var nodes = _this.treeObj.element.querySelectorAll('li');
9004
9016
  var checkedNodes = _this.treeObj.element.querySelectorAll('li[aria-checked=true]');
9005
- if ((checkedNodes.length === nodes.length || _this.checkSelectAll) && _this.checkBoxElement) {
9017
+ if ((checkedNodes.length === nodes.length) && _this.checkBoxElement) {
9006
9018
  var wrap = closest(_this.checkBoxElement, '.' + CHECKBOXWRAP);
9007
9019
  _this.changeState(wrap, 'check');
9008
9020
  _this.checkSelectAll = false;
@@ -9065,7 +9077,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
9065
9077
  _this.isPopupOpen = false;
9066
9078
  },
9067
9079
  open: function () {
9068
- EventHandler.add(document, 'mousedown', _this.onDocumentClick, _this);
9080
+ document.addEventListener('mousedown', _this.documentClickContext);
9069
9081
  _this.isPopupOpen = true;
9070
9082
  },
9071
9083
  targetExitViewport: function () {
@@ -11358,6 +11370,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
11358
11370
  _super.prototype.clearAll.call(this, e);
11359
11371
  }
11360
11372
  if (this.isFiltering() && !isNullOrUndefined(e) && e.target === this.inputWrapper.clearButton) {
11373
+ this.typedString = this.filterInput.value;
11361
11374
  this.searchLists(e);
11362
11375
  }
11363
11376
  };