@syncfusion/ej2-dropdowns 19.3.48 → 19.3.53

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.
@@ -4319,6 +4319,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
4319
4319
  // eslint-disable-next-line
4320
4320
  _this.selectedData = [];
4321
4321
  _this.filterDelayTime = 300;
4322
+ _this.isClicked = false;
4322
4323
  return _this;
4323
4324
  }
4324
4325
  /**
@@ -5290,8 +5291,10 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
5290
5291
  }
5291
5292
  this.checkWrapper = closest(target, '.' + CHECKBOXWRAP);
5292
5293
  if (!isNullOrUndefined(this.checkWrapper)) {
5294
+ this.isClicked = true;
5293
5295
  var checkElement = select('.' + CHECKBOXFRAME, this.checkWrapper);
5294
5296
  this.changeState(this.checkWrapper, checkElement.classList.contains(CHECK) ? 'uncheck' : 'check', e);
5297
+ this.isClicked = false;
5295
5298
  }
5296
5299
  e.preventDefault();
5297
5300
  };
@@ -5990,7 +5993,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
5990
5993
  }
5991
5994
  var eventArgs = {
5992
5995
  action: this.showCheckBox ? state : args.action,
5993
- isInteracted: args.isInteracted,
5996
+ isInteracted: this.isClicked ? true : args.isInteracted,
5994
5997
  item: args.node,
5995
5998
  itemData: this.showCheckBox ? checkData[0] : selectData
5996
5999
  };
@@ -6061,6 +6064,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
6061
6064
  }
6062
6065
  var target = args.event.target;
6063
6066
  if ((target.classList.contains('e-fullrow') || target.classList.contains('e-list-text')) && this.showCheckBox) {
6067
+ this.isClicked = true;
6064
6068
  // eslint-disable-next-line
6065
6069
  var getNodeDetails = this.treeObj.getNode(args.node);
6066
6070
  if (getNodeDetails.isChecked === 'true') {
@@ -6069,6 +6073,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
6069
6073
  else {
6070
6074
  this.treeObj.checkAll([args.node]);
6071
6075
  }
6076
+ this.isClicked = false;
6072
6077
  this.setMultiSelect();
6073
6078
  this.ensurePlaceHolder();
6074
6079
  }
@@ -9511,6 +9516,18 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
9511
9516
  }
9512
9517
  this.inputFocus = false;
9513
9518
  this.overAllWrapper.classList.remove(FOCUS);
9519
+ if (this.addTagOnBlur) {
9520
+ var dataChecks = this.getValueByText(this.inputElement.value, this.ignoreCase, this.ignoreAccent);
9521
+ var listLiElement = this.findListElement(this.list, 'li', 'data-value', dataChecks);
9522
+ var className = this.hideSelectedItem ? HIDE_LIST : dropDownBaseClasses.selected;
9523
+ var allowChipAddition = (listLiElement && !listLiElement.classList.contains(className)) ? true : false;
9524
+ if (allowChipAddition) {
9525
+ this.updateListSelection(listLiElement, eve);
9526
+ if (this.mode === 'Delimiter') {
9527
+ this.updateDelimeter(this.delimiterChar);
9528
+ }
9529
+ }
9530
+ }
9514
9531
  this.refreshListItems(null);
9515
9532
  if (this.mode !== 'Box' && this.mode !== 'CheckBox') {
9516
9533
  this.updateDelimView();
@@ -12738,6 +12755,9 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
12738
12755
  __decorate$5([
12739
12756
  Property(true)
12740
12757
  ], MultiSelect.prototype, "openOnClick", void 0);
12758
+ __decorate$5([
12759
+ Property(false)
12760
+ ], MultiSelect.prototype, "addTagOnBlur", void 0);
12741
12761
  __decorate$5([
12742
12762
  Event()
12743
12763
  ], MultiSelect.prototype, "change", void 0);
@@ -12931,7 +12951,7 @@ var CheckBoxSelection = /** @__PURE__ @class */ (function () {
12931
12951
  }
12932
12952
  if (this.parent.list.classList.contains('e-nodata') || (this.parent.listData && this.parent.listData.length <= 1 &&
12933
12953
  !(this.parent.isDynamicDataChange)) || (this.parent.isDynamicDataChange &&
12934
- !isNullOrUndefined(this.parent.value) && this.parent.value.length <= 1)) {
12954
+ this.parent.listData && this.parent.listData.length <= 1)) {
12935
12955
  this.checkAllParent.style.display = 'none';
12936
12956
  }
12937
12957
  else {