@syncfusion/ej2-dropdowns 27.1.51 → 27.1.52
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 +46 -21
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +46 -21
- 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 +8 -8
- package/src/combo-box/combo-box.js +1 -0
- package/src/drop-down-base/drop-down-base.js +17 -15
- package/src/drop-down-list/drop-down-list.d.ts +2 -1
- package/src/drop-down-list/drop-down-list.js +4 -0
- package/src/drop-down-tree/drop-down-tree.js +2 -2
- package/src/list-box/list-box.js +22 -4
- package/styles/bootstrap-dark-lite.css +4 -0
- package/styles/bootstrap-dark.css +4 -0
- package/styles/bootstrap-lite.css +4 -0
- package/styles/bootstrap.css +4 -0
- package/styles/bootstrap4-lite.css +4 -0
- package/styles/bootstrap4.css +4 -0
- package/styles/bootstrap5-dark-lite.css +4 -0
- package/styles/bootstrap5-dark.css +4 -0
- package/styles/bootstrap5-lite.css +4 -0
- package/styles/bootstrap5.3-lite.css +4 -0
- package/styles/bootstrap5.3.css +4 -0
- package/styles/bootstrap5.css +4 -0
- package/styles/fabric-dark-lite.css +4 -0
- package/styles/fabric-dark.css +4 -0
- package/styles/fabric-lite.css +4 -0
- package/styles/fabric.css +4 -0
- package/styles/fluent-dark-lite.css +4 -0
- package/styles/fluent-dark.css +4 -0
- package/styles/fluent-lite.css +4 -0
- package/styles/fluent.css +4 -0
- package/styles/fluent2-lite.css +4 -0
- package/styles/fluent2.css +4 -0
- package/styles/highcontrast-light-lite.css +4 -0
- package/styles/highcontrast-light.css +4 -0
- package/styles/highcontrast-lite.css +4 -0
- package/styles/highcontrast.css +4 -0
- package/styles/material-dark-lite.css +4 -0
- package/styles/material-dark.css +4 -0
- package/styles/material-lite.css +4 -0
- package/styles/material.css +4 -0
- package/styles/material3-dark-lite.css +4 -0
- package/styles/material3-dark.css +4 -0
- package/styles/material3-lite.css +4 -0
- package/styles/material3.css +4 -0
- package/styles/multi-select/_layout.scss +4 -0
- package/styles/multi-select/bootstrap-dark.css +4 -0
- package/styles/multi-select/bootstrap.css +4 -0
- package/styles/multi-select/bootstrap4.css +4 -0
- package/styles/multi-select/bootstrap5-dark.css +4 -0
- package/styles/multi-select/bootstrap5.3.css +4 -0
- package/styles/multi-select/bootstrap5.css +4 -0
- package/styles/multi-select/fabric-dark.css +4 -0
- package/styles/multi-select/fabric.css +4 -0
- package/styles/multi-select/fluent-dark.css +4 -0
- package/styles/multi-select/fluent.css +4 -0
- package/styles/multi-select/fluent2.css +4 -0
- package/styles/multi-select/highcontrast-light.css +4 -0
- package/styles/multi-select/highcontrast.css +4 -0
- package/styles/multi-select/material-dark.css +4 -0
- package/styles/multi-select/material.css +4 -0
- package/styles/multi-select/material3-dark.css +4 -0
- package/styles/multi-select/material3.css +4 -0
- package/styles/multi-select/tailwind-dark.css +4 -0
- package/styles/multi-select/tailwind.css +4 -0
- package/styles/tailwind-dark-lite.css +4 -0
- package/styles/tailwind-dark.css +4 -0
- package/styles/tailwind-lite.css +4 -0
- package/styles/tailwind.css +4 -0
- package/.eslintrc.json +0 -261
- package/tslint.json +0 -111
|
@@ -2048,7 +2048,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
2048
2048
|
}
|
|
2049
2049
|
dataSource = ListBase.groupDataSource(dataSource, fields.properties, this.sortOrder);
|
|
2050
2050
|
}
|
|
2051
|
-
else {
|
|
2051
|
+
else if (this.getModuleName() !== 'listbox' || (this.getModuleName() === 'listbox' && !this.preventDefActionFilter)) {
|
|
2052
2052
|
dataSource = this.getSortedDataSource(dataSource);
|
|
2053
2053
|
}
|
|
2054
2054
|
this.sortedData = dataSource;
|
|
@@ -2056,21 +2056,23 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
2056
2056
|
new DataManager(dataSource).executeLocal(new Query().take(100))
|
|
2057
2057
|
: dataSource;
|
|
2058
2058
|
ulElement = this.templateListItem((this.getModuleName() === 'autocomplete') ? spliceData : dataSource, fields);
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
virtualUlElement.
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
this.list.querySelector('.e-virtual-ddl-content').
|
|
2059
|
+
if (this.isVirtualizationEnabled) {
|
|
2060
|
+
var oldUlElement = this.list.querySelector('.e-list-parent');
|
|
2061
|
+
var virtualUlElement = this.list.querySelector('.e-virtual-ddl-content');
|
|
2062
|
+
if ((listData.length >= this.virtualizedItemsCount && oldUlElement && virtualUlElement) || (oldUlElement && virtualUlElement && this.isAllowFiltering) || (oldUlElement && virtualUlElement && this.getModuleName() === 'autocomplete')) {
|
|
2063
|
+
virtualUlElement.replaceChild(ulElement, oldUlElement);
|
|
2064
|
+
var reOrderList = this.list.querySelectorAll('.e-reorder');
|
|
2065
|
+
if (this.list.querySelector('.e-virtual-ddl-content') && reOrderList && reOrderList.length > 0 && !isCheckBoxUpdate) {
|
|
2066
|
+
this.list.querySelector('.e-virtual-ddl-content').removeChild(reOrderList[0]);
|
|
2067
|
+
}
|
|
2068
|
+
this.updateListElements(listData);
|
|
2069
|
+
}
|
|
2070
|
+
else if (!virtualUlElement) {
|
|
2071
|
+
this.list.innerHTML = '';
|
|
2072
|
+
this.createVirtualContent();
|
|
2073
|
+
this.list.querySelector('.e-virtual-ddl-content').appendChild(ulElement);
|
|
2074
|
+
this.updateListElements(listData);
|
|
2066
2075
|
}
|
|
2067
|
-
this.updateListElements(listData);
|
|
2068
|
-
}
|
|
2069
|
-
else if ((!virtualUlElement)) {
|
|
2070
|
-
this.list.innerHTML = '';
|
|
2071
|
-
this.createVirtualContent();
|
|
2072
|
-
this.list.querySelector('.e-virtual-ddl-content').appendChild(ulElement);
|
|
2073
|
-
this.updateListElements(listData);
|
|
2074
2076
|
}
|
|
2075
2077
|
}
|
|
2076
2078
|
else {
|
|
@@ -2866,6 +2868,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
2866
2868
|
_this.preventChange = false;
|
|
2867
2869
|
_this.isTouched = false;
|
|
2868
2870
|
_this.isFocused = false;
|
|
2871
|
+
_this.autoFill = false;
|
|
2869
2872
|
return _this;
|
|
2870
2873
|
}
|
|
2871
2874
|
/**
|
|
@@ -4912,6 +4915,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
4912
4915
|
}
|
|
4913
4916
|
};
|
|
4914
4917
|
DropDownList.prototype.onInput = function (e) {
|
|
4918
|
+
if (!isNullOrUndefined(e) && !isNullOrUndefined(e.data) && e.data.length > 1 && this.autoFill && (this.getModuleName() === 'combobox' || this.getModuleName() === 'autocomplete')) {
|
|
4919
|
+
this.inputElement.value = e.data;
|
|
4920
|
+
}
|
|
4915
4921
|
this.isValidKey = true;
|
|
4916
4922
|
if (this.getModuleName() === 'combobox') {
|
|
4917
4923
|
this.updateIconState();
|
|
@@ -8722,8 +8728,8 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
8722
8728
|
}
|
|
8723
8729
|
else {
|
|
8724
8730
|
var oldFocussedNode = _this.treeObj.element.querySelector('.e-node-focus');
|
|
8725
|
-
focusedElement = _this.treeObj.element.querySelector('li[tabindex="0"]:not(.e-disable)
|
|
8726
|
-
_this.treeObj.element.querySelector('li:not(.e-disable)
|
|
8731
|
+
focusedElement = _this.treeObj.element.querySelector('li[tabindex="0"]:not(.e-disable)') ||
|
|
8732
|
+
_this.treeObj.element.querySelector('li:not(.e-disable)');
|
|
8727
8733
|
if (oldFocussedNode && oldFocussedNode !== focusedElement) {
|
|
8728
8734
|
oldFocussedNode.setAttribute('tabindex', '-1');
|
|
8729
8735
|
removeClass([oldFocussedNode], 'e-node-focus');
|
|
@@ -11370,6 +11376,7 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
11370
11376
|
_super.prototype.render.call(this);
|
|
11371
11377
|
this.setSearchBox();
|
|
11372
11378
|
this.renderComplete();
|
|
11379
|
+
this.autoFill = this.autofill;
|
|
11373
11380
|
};
|
|
11374
11381
|
/**
|
|
11375
11382
|
* Return the module name of this component.
|
|
@@ -19762,6 +19769,17 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
19762
19769
|
li.setAttribute('aria-disabled', 'true');
|
|
19763
19770
|
}
|
|
19764
19771
|
});
|
|
19772
|
+
if (this.allowFiltering && this.filterInput.value !== '' && this.toolbarSettings.items.length > 0) {
|
|
19773
|
+
var canDisable_1 = false;
|
|
19774
|
+
this.liCollections.forEach(function (li) { if (!li.classList.contains('e-disabled')) {
|
|
19775
|
+
canDisable_1 = true;
|
|
19776
|
+
} });
|
|
19777
|
+
if (!canDisable_1) {
|
|
19778
|
+
var wrap = this.list.parentElement.getElementsByClassName('e-listbox-tool')[0];
|
|
19779
|
+
var btn = wrap.querySelector('[data-value="moveAllTo"]');
|
|
19780
|
+
btn.disabled = true;
|
|
19781
|
+
}
|
|
19782
|
+
}
|
|
19765
19783
|
};
|
|
19766
19784
|
/**
|
|
19767
19785
|
* Based on the state parameter, specified list item will be selected/deselected.
|
|
@@ -20625,6 +20643,12 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
20625
20643
|
if (fListBox.value.length === 1 && fListBox.getSelectedItems().length) {
|
|
20626
20644
|
fListBox.value[0] = fListBox.getFormattedValue(fListBox.getSelectedItems()[0].getAttribute('data-value'));
|
|
20627
20645
|
}
|
|
20646
|
+
if (fListBox.liCollections.length === fListBox.ulElement.querySelectorAll('.e-disabled').length) {
|
|
20647
|
+
var wrap = this.list.parentElement.getElementsByClassName('e-listbox-tool')[0];
|
|
20648
|
+
var toolbarAction = this.toolbarAction === 'moveFrom' ? 'moveAllFrom' : 'moveAllTo';
|
|
20649
|
+
var btn = wrap.querySelector('[data-value="' + toolbarAction + '"]');
|
|
20650
|
+
btn.disabled = true;
|
|
20651
|
+
}
|
|
20628
20652
|
};
|
|
20629
20653
|
ListBox.prototype.selectNextList = function (elems, dataLiIdx, dataIdx, inst) {
|
|
20630
20654
|
var childCnt = inst.ulElement.querySelectorAll('.e-list-item').length;
|
|
@@ -20748,7 +20772,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
20748
20772
|
if (tempLiColl.length > 0) {
|
|
20749
20773
|
for (var i = 0; i < tempLiColl.length; i++) {
|
|
20750
20774
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
20751
|
-
disabledData_1.push(
|
|
20775
|
+
disabledData_1.push(fListBox.getDataByValue(tempLiColl[i].getAttribute('data-value')));
|
|
20752
20776
|
}
|
|
20753
20777
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
20754
20778
|
fListBox.listData = fListBox.listData.filter(function (obj1) {
|
|
@@ -20772,9 +20796,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
20772
20796
|
}
|
|
20773
20797
|
if (isRefresh) {
|
|
20774
20798
|
var sourceElem = tListBox.renderItems(listData, tListBox.fields);
|
|
20775
|
-
|
|
20776
|
-
tListBox.updateListItems(sourceElem, tListBox.ulElement);
|
|
20777
|
-
}
|
|
20799
|
+
tListBox.updateListItems(sourceElem, tListBox.ulElement);
|
|
20778
20800
|
}
|
|
20779
20801
|
else {
|
|
20780
20802
|
tListBox.sortedData = listData;
|
|
@@ -21225,6 +21247,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
21225
21247
|
}
|
|
21226
21248
|
}
|
|
21227
21249
|
else {
|
|
21250
|
+
if (inst.ulElement.querySelectorAll('.e-disabled').length > 0) {
|
|
21251
|
+
return inst.liCollections.length === inst.ulElement.querySelectorAll('.e-disabled').length;
|
|
21252
|
+
}
|
|
21228
21253
|
return inst.ulElement.querySelectorAll('.' + cssClass.li).length === 0;
|
|
21229
21254
|
}
|
|
21230
21255
|
};
|