@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.
- package/CHANGELOG.md +8 -0
- package/dist/ej2-dropdowns.umd.min.js +2 -2
- package/dist/ej2-dropdowns.umd.min.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es2015.js +22 -2
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +22 -2
- package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
- package/dist/global/ej2-dropdowns.min.js +2 -2
- package/dist/global/ej2-dropdowns.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +11 -11
- package/src/drop-down-tree/drop-down-tree.d.ts +1 -0
- package/src/drop-down-tree/drop-down-tree.js +6 -1
- package/src/multi-select/checkbox-selection.js +1 -1
- package/src/multi-select/multi-select-model.d.ts +9 -0
- package/src/multi-select/multi-select.d.ts +8 -0
- package/src/multi-select/multi-select.js +15 -0
- package/styles/auto-complete/bootstrap5-dark.css +1 -0
- package/styles/auto-complete/bootstrap5.css +1 -0
- package/styles/bootstrap5-dark.css +1 -0
- package/styles/bootstrap5.css +1 -0
- package/styles/combo-box/bootstrap5-dark.css +1 -0
- package/styles/combo-box/bootstrap5.css +1 -0
- package/styles/drop-down-list/_bootstrap5-definition.scss +1 -0
- package/styles/drop-down-list/bootstrap5-dark.css +1 -0
- package/styles/drop-down-list/bootstrap5.css +1 -0
|
@@ -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
|
-
|
|
12954
|
+
this.parent.listData && this.parent.listData.length <= 1)) {
|
|
12935
12955
|
this.checkAllParent.style.display = 'none';
|
|
12936
12956
|
}
|
|
12937
12957
|
else {
|