@syncfusion/ej2-dropdowns 30.2.4 → 30.2.6
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/dist/ej2-dropdowns.min.js +2 -2
- 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 +29 -11
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +29 -11
- 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 +3 -3
- package/src/combo-box/combo-box.js +6 -3
- package/src/common/virtual-scroll.js +3 -0
- package/src/drop-down-list/drop-down-list.js +8 -1
- package/src/drop-down-tree/drop-down-tree.js +6 -2
- package/src/multi-select/multi-select.js +6 -5
- package/styles/bds-lite.css +1 -1
- package/styles/bds.css +1 -1
- package/styles/bootstrap-dark-lite.css +1 -1
- package/styles/bootstrap-dark.css +1 -1
- package/styles/bootstrap-lite.css +1 -1
- package/styles/bootstrap.css +1 -1
- package/styles/bootstrap4-lite.css +1 -1
- package/styles/bootstrap4.css +1 -1
- package/styles/bootstrap5-dark-lite.css +1 -1
- package/styles/bootstrap5-dark.css +1 -1
- package/styles/bootstrap5-lite.css +1 -1
- package/styles/bootstrap5.3-lite.css +1 -1
- package/styles/bootstrap5.3.css +1 -1
- package/styles/bootstrap5.css +1 -1
- package/styles/drop-down-tree/_layout.scss +7 -2
- package/styles/drop-down-tree/bds.css +1 -1
- package/styles/drop-down-tree/bootstrap-dark.css +1 -1
- package/styles/drop-down-tree/bootstrap.css +1 -1
- package/styles/drop-down-tree/bootstrap4.css +1 -1
- package/styles/drop-down-tree/bootstrap5-dark.css +1 -1
- package/styles/drop-down-tree/bootstrap5.3.css +1 -1
- package/styles/drop-down-tree/bootstrap5.css +1 -1
- package/styles/drop-down-tree/fabric-dark.css +1 -1
- package/styles/drop-down-tree/fabric.css +1 -1
- package/styles/drop-down-tree/fluent-dark.css +1 -1
- package/styles/drop-down-tree/fluent.css +1 -1
- package/styles/drop-down-tree/fluent2.css +0 -4
- package/styles/drop-down-tree/highcontrast-light.css +1 -1
- package/styles/drop-down-tree/highcontrast.css +1 -1
- package/styles/drop-down-tree/material-dark.css +0 -4
- package/styles/drop-down-tree/material.css +0 -4
- package/styles/drop-down-tree/material3-dark.css +0 -4
- package/styles/drop-down-tree/material3.css +0 -4
- package/styles/drop-down-tree/tailwind-dark.css +1 -1
- package/styles/drop-down-tree/tailwind.css +1 -1
- package/styles/drop-down-tree/tailwind3.css +1 -1
- package/styles/fabric-dark-lite.css +1 -1
- package/styles/fabric-dark.css +1 -1
- package/styles/fabric-lite.css +1 -1
- package/styles/fabric.css +1 -1
- package/styles/fluent-dark-lite.css +1 -1
- package/styles/fluent-dark.css +1 -1
- package/styles/fluent-lite.css +1 -1
- package/styles/fluent.css +1 -1
- package/styles/fluent2-lite.css +0 -4
- package/styles/fluent2.css +0 -4
- package/styles/highcontrast-light-lite.css +1 -1
- package/styles/highcontrast-light.css +1 -1
- package/styles/highcontrast-lite.css +1 -1
- package/styles/highcontrast.css +1 -1
- package/styles/material-dark-lite.css +0 -4
- package/styles/material-dark.css +0 -4
- package/styles/material-lite.css +0 -4
- package/styles/material.css +0 -4
- package/styles/material3-dark-lite.css +0 -4
- package/styles/material3-dark.css +0 -4
- package/styles/material3-lite.css +0 -4
- package/styles/material3.css +0 -4
- package/styles/tailwind-dark-lite.css +1 -1
- package/styles/tailwind-dark.css +1 -1
- package/styles/tailwind-lite.css +1 -1
- package/styles/tailwind.css +1 -1
- package/styles/tailwind3-lite.css +1 -1
- package/styles/tailwind3.css +1 -1
|
@@ -478,6 +478,9 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
|
|
|
478
478
|
isListUpdated = false;
|
|
479
479
|
}
|
|
480
480
|
else if (this.parent.viewPortInfo.startIndex !== 0) {
|
|
481
|
+
if (this.parent.dataSource instanceof DataManager) {
|
|
482
|
+
this.parent.setCurrentView = false;
|
|
483
|
+
}
|
|
481
484
|
this.parent.updateVirtualReOrderList(true);
|
|
482
485
|
var oldUlElement = this.parent.list.querySelector('.e-list-parent' + ':not(.e-reorder)');
|
|
483
486
|
if (oldUlElement) {
|
|
@@ -5688,6 +5691,13 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
5688
5691
|
}
|
|
5689
5692
|
else {
|
|
5690
5693
|
this.removeFocus();
|
|
5694
|
+
if (this.allowFiltering && this.actionCompleteData && this.actionCompleteData.ulElement &&
|
|
5695
|
+
this.dataSource instanceof DataManager) {
|
|
5696
|
+
var focus_1 = this.actionCompleteData.ulElement.querySelector('.e-item-focus');
|
|
5697
|
+
if (focus_1) {
|
|
5698
|
+
removeClass(focus_1, dropDownListClasses.focus);
|
|
5699
|
+
}
|
|
5700
|
+
}
|
|
5691
5701
|
this.list.querySelector('.' + dropDownBaseClasses.li).classList.add(dropDownListClasses.focus);
|
|
5692
5702
|
}
|
|
5693
5703
|
};
|
|
@@ -5723,7 +5733,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
5723
5733
|
popupEle.setAttribute('aria-label', _this.element.id);
|
|
5724
5734
|
popupEle.setAttribute('role', 'dialog');
|
|
5725
5735
|
var searchBox = _this.setSearchBox(popupEle);
|
|
5726
|
-
_this.listContainerHeight = _this.allowFiltering && _this.getModuleName() === 'dropdownlist' && Browser.isDevice ?
|
|
5736
|
+
_this.listContainerHeight = _this.allowFiltering && _this.getModuleName() === 'dropdownlist' && Browser.isDevice && _this.isDeviceFullScreen ?
|
|
5727
5737
|
formatUnit(Math.round(window.outerHeight).toString() + 'px') : formatUnit(_this.popupHeight);
|
|
5728
5738
|
if (_this.headerTemplate) {
|
|
5729
5739
|
_this.setHeaderTemplate(popupEle);
|
|
@@ -9608,11 +9618,15 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
9608
9618
|
}
|
|
9609
9619
|
};
|
|
9610
9620
|
DropDownTree.prototype.restoreFilterSelection = function () {
|
|
9621
|
+
if (this.treeObj.checkedNodes) {
|
|
9622
|
+
this.treeObj.checkedNodes = [];
|
|
9623
|
+
}
|
|
9624
|
+
var nodeIds = Array.isArray(this.value) ? this.value : [];
|
|
9611
9625
|
if (this.showCheckBox) {
|
|
9612
|
-
this.treeObj.checkedNodes =
|
|
9626
|
+
this.treeObj.checkedNodes = nodeIds;
|
|
9613
9627
|
}
|
|
9614
9628
|
else {
|
|
9615
|
-
this.treeObj.selectedNodes =
|
|
9629
|
+
this.treeObj.selectedNodes = nodeIds;
|
|
9616
9630
|
}
|
|
9617
9631
|
};
|
|
9618
9632
|
/* To set cssclass for the dropdowntree */
|
|
@@ -11453,13 +11467,16 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
11453
11467
|
if (this.dataSource instanceof DataManager) {
|
|
11454
11468
|
this.dataSource.executeQuery(new Query().where(new Predicate(fields, 'equal', currentValue_1)))
|
|
11455
11469
|
.then(function (e) {
|
|
11456
|
-
if (e.result.length > 0) {
|
|
11470
|
+
if (e && e.result && e.result.length > 0) {
|
|
11457
11471
|
_this.itemData = e.result[0];
|
|
11458
11472
|
var dataItem = _this.getItemData();
|
|
11459
11473
|
var value = _this.allowObjectBinding ?
|
|
11460
11474
|
_this.getDataByValue(dataItem.value) : dataItem.value;
|
|
11461
|
-
|
|
11462
|
-
(_this.value
|
|
11475
|
+
var valueFieldValue = _this.allowObjectBinding &&
|
|
11476
|
+
!isNullOrUndefined(_this.value) ? getValue((_this.fields.value) ?
|
|
11477
|
+
_this.fields.value : '', _this.value) : _this.value;
|
|
11478
|
+
if ((valueFieldValue === dataItem.value && _this.text !== dataItem.text.toString()) ||
|
|
11479
|
+
(valueFieldValue !== dataItem.value && _this.text === dataItem.text.toString())) {
|
|
11463
11480
|
_this.setProperties({ 'text': dataItem.text ? dataItem.text.toString() : dataItem.text, 'value': value });
|
|
11464
11481
|
}
|
|
11465
11482
|
}
|
|
@@ -13673,7 +13690,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
|
|
|
13673
13690
|
}
|
|
13674
13691
|
var isContainsValue = valuecheck.some(function (item) { return item !== null; });
|
|
13675
13692
|
if (valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
|
|
13676
|
-
&& this.listData != null && isContainsValue) {
|
|
13693
|
+
&& this.listData != null && (!this.enableVirtualization || (this.enableVirtualization && this.valueTemplate)) && isContainsValue) {
|
|
13677
13694
|
this.isaddNonPresentItems = true;
|
|
13678
13695
|
this.addNonPresentItems(valuecheck, this.ulElement, this.listData);
|
|
13679
13696
|
this.isaddNonPresentItems = false;
|
|
@@ -14049,7 +14066,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
|
|
|
14049
14066
|
MultiSelect.prototype.dataUpdater = function (dataSource, query, fields) {
|
|
14050
14067
|
this.isDataFetched = false;
|
|
14051
14068
|
var isNoData = this.list.classList.contains(dropDownBaseClasses.noData);
|
|
14052
|
-
if (this.targetElement().trim() === '') {
|
|
14069
|
+
if (this.targetElement().trim() === '' && (!this.allowCustomValue || this.mode === 'CheckBox' || this.targetElement() === '')) {
|
|
14053
14070
|
var list = this.enableVirtualization ? this.list.cloneNode(true) : this.mainList.cloneNode ?
|
|
14054
14071
|
this.mainList.cloneNode(true) : this.mainList;
|
|
14055
14072
|
if (this.backCommand || (this.enableVirtualization && this.mode === 'CheckBox' && this.value && this.value.length > 0)) {
|
|
@@ -16258,7 +16275,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
|
|
|
16258
16275
|
var ulElement = _this.list.querySelector('ul');
|
|
16259
16276
|
if (ulElement) {
|
|
16260
16277
|
if (!(_this.mode !== 'CheckBox' && (_this.allowFiltering || _this.allowCustomValue) &&
|
|
16261
|
-
_this.targetElement().trim() !== '')) {
|
|
16278
|
+
(_this.targetElement().trim() !== '' || (_this.targetElement() !== '' && _this.allowCustomValue)))) {
|
|
16262
16279
|
_this.mainList = ulElement.cloneNode ? ulElement.cloneNode(true) : ulElement;
|
|
16263
16280
|
}
|
|
16264
16281
|
}
|
|
@@ -16266,7 +16283,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
|
|
|
16266
16283
|
}
|
|
16267
16284
|
_this.popupObj.wireScrollEvents();
|
|
16268
16285
|
if (!(_this.mode !== 'CheckBox' && (_this.allowFiltering || _this.allowCustomValue) &&
|
|
16269
|
-
_this.targetElement().trim() !== '') && !_this.enableVirtualization) {
|
|
16286
|
+
(_this.targetElement().trim() !== '' || (_this.targetElement() !== '' && _this.allowCustomValue))) && !_this.enableVirtualization) {
|
|
16270
16287
|
_this.loadTemplate();
|
|
16271
16288
|
if (_this.enableVirtualization && _this.mode === 'CheckBox') {
|
|
16272
16289
|
_this.UpdateSkeleton();
|
|
@@ -18611,7 +18628,8 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
|
|
|
18611
18628
|
}
|
|
18612
18629
|
var isContainsValue = valuecheck.some(function (item) { return item !== null; });
|
|
18613
18630
|
if (prop === 'value' && valuecheck.length > 0 && this.dataSource instanceof DataManager && !isNullOrUndefined(this.value)
|
|
18614
|
-
&& this.listData != null &&
|
|
18631
|
+
&& this.listData != null && (!this.enableVirtualization || (this.enableVirtualization && this.valueTemplate))
|
|
18632
|
+
&& isContainsValue) {
|
|
18615
18633
|
this.mainData = null;
|
|
18616
18634
|
this.setDynValue = true;
|
|
18617
18635
|
this.isaddNonPresentItems = true;
|