@syncfusion/ej2-dropdowns 26.2.8 → 26.2.9
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 -21
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +29 -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 +6 -6
- package/src/common/virtual-scroll.js +5 -7
- package/src/drop-down-base/drop-down-base.js +10 -5
- package/src/drop-down-list/drop-down-list.js +4 -1
- package/src/list-box/list-box.js +6 -6
- package/src/multi-select/multi-select.js +4 -2
- package/styles/auto-complete/fluent2.css +3 -1031
- package/styles/auto-complete/material3-dark.css +1 -54
- package/styles/auto-complete/material3.css +2 -109
- package/styles/bootstrap-dark.css +9 -0
- package/styles/bootstrap.css +9 -0
- package/styles/bootstrap4.css +9 -0
- package/styles/bootstrap5-dark.css +9 -0
- package/styles/bootstrap5.css +9 -0
- package/styles/combo-box/fluent2.css +3 -1031
- package/styles/combo-box/material3-dark.css +1 -54
- package/styles/combo-box/material3.css +2 -109
- package/styles/drop-down-base/_theme.scss +2 -0
- package/styles/drop-down-base/bootstrap-dark.css +2 -0
- package/styles/drop-down-base/bootstrap.css +2 -0
- package/styles/drop-down-base/bootstrap4.css +2 -0
- package/styles/drop-down-base/bootstrap5-dark.css +2 -0
- package/styles/drop-down-base/bootstrap5.css +2 -0
- package/styles/drop-down-base/fabric-dark.css +2 -0
- package/styles/drop-down-base/fabric.css +2 -0
- package/styles/drop-down-base/fluent-dark.css +2 -0
- package/styles/drop-down-base/fluent.css +2 -0
- package/styles/drop-down-base/fluent2.css +7 -1033
- package/styles/drop-down-base/highcontrast-light.css +2 -0
- package/styles/drop-down-base/highcontrast.css +2 -0
- package/styles/drop-down-base/material-dark.css +2 -0
- package/styles/drop-down-base/material.css +2 -0
- package/styles/drop-down-base/material3-dark.css +3 -54
- package/styles/drop-down-base/material3.css +5 -110
- package/styles/drop-down-base/tailwind-dark.css +2 -0
- package/styles/drop-down-base/tailwind.css +2 -0
- package/styles/drop-down-list/fluent2.css +5 -1033
- package/styles/drop-down-list/material3-dark.css +1 -54
- package/styles/drop-down-list/material3.css +3 -110
- package/styles/drop-down-tree/fluent2.css +3 -1031
- package/styles/drop-down-tree/material3-dark.css +1 -54
- package/styles/drop-down-tree/material3.css +2 -109
- package/styles/fabric-dark.css +9 -0
- package/styles/fabric.css +9 -0
- package/styles/fluent-dark.css +9 -0
- package/styles/fluent.css +9 -0
- package/styles/fluent2.css +14 -1033
- package/styles/highcontrast-light.css +9 -0
- package/styles/highcontrast.css +9 -0
- package/styles/list-box/_layout.scss +6 -0
- package/styles/list-box/bootstrap-dark.css +6 -0
- package/styles/list-box/bootstrap.css +6 -0
- package/styles/list-box/bootstrap4.css +6 -0
- package/styles/list-box/bootstrap5-dark.css +6 -0
- package/styles/list-box/bootstrap5.css +6 -0
- package/styles/list-box/fabric-dark.css +6 -0
- package/styles/list-box/fabric.css +6 -0
- package/styles/list-box/fluent-dark.css +6 -0
- package/styles/list-box/fluent.css +6 -0
- package/styles/list-box/fluent2.css +9 -1031
- package/styles/list-box/highcontrast-light.css +6 -0
- package/styles/list-box/highcontrast.css +6 -0
- package/styles/list-box/material-dark.css +6 -0
- package/styles/list-box/material.css +6 -0
- package/styles/list-box/material3-dark.css +7 -54
- package/styles/list-box/material3.css +8 -109
- package/styles/list-box/tailwind-dark.css +6 -0
- package/styles/list-box/tailwind.css +6 -0
- package/styles/material-dark.css +9 -0
- package/styles/material.css +9 -0
- package/styles/material3-dark.css +10 -54
- package/styles/material3.css +12 -110
- package/styles/mention/fluent2.css +3 -1031
- package/styles/mention/material3-dark.css +1 -54
- package/styles/mention/material3.css +2 -109
- package/styles/multi-select/_layout.scss +1 -0
- package/styles/multi-select/bootstrap-dark.css +1 -0
- package/styles/multi-select/bootstrap.css +1 -0
- package/styles/multi-select/bootstrap4.css +1 -0
- package/styles/multi-select/bootstrap5-dark.css +1 -0
- package/styles/multi-select/bootstrap5.css +1 -0
- package/styles/multi-select/fabric-dark.css +1 -0
- package/styles/multi-select/fabric.css +1 -0
- package/styles/multi-select/fluent-dark.css +1 -0
- package/styles/multi-select/fluent.css +1 -0
- package/styles/multi-select/fluent2.css +6 -1033
- package/styles/multi-select/highcontrast-light.css +1 -0
- package/styles/multi-select/highcontrast.css +1 -0
- package/styles/multi-select/material-dark.css +1 -0
- package/styles/multi-select/material.css +1 -0
- package/styles/multi-select/material3-dark.css +2 -54
- package/styles/multi-select/material3.css +4 -110
- package/styles/multi-select/tailwind-dark.css +1 -0
- package/styles/multi-select/tailwind.css +1 -0
- package/styles/tailwind-dark.css +9 -0
- package/styles/tailwind.css +9 -0
|
@@ -691,10 +691,8 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
|
|
|
691
691
|
else if (this.parent.isScrollActionTriggered) {
|
|
692
692
|
this.parent.isPreventKeyAction = false;
|
|
693
693
|
this.parent.isScrollActionTriggered = false;
|
|
694
|
-
|
|
695
|
-
|
|
696
|
-
var translateY = scrollArgs.offset.top - (listElement.offsetHeight * virtualListCount);
|
|
697
|
-
this.parent.list.getElementsByClassName('e-virtual-ddl-content')[0].style.transform = "translate(0px," + translateY + "px)";
|
|
694
|
+
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
695
|
+
this.parent.list.getElementsByClassName('e-virtual-ddl-content')[0].style = this.parent.getTransformValues();
|
|
698
696
|
}
|
|
699
697
|
this.parent.previousInfo = this.parent.viewPortInfo;
|
|
700
698
|
}
|
|
@@ -728,13 +726,13 @@ var VirtualScroll = /** @__PURE__ @class */ (function () {
|
|
|
728
726
|
}
|
|
729
727
|
}
|
|
730
728
|
else if (infoType.direction === 'up') {
|
|
731
|
-
if (infoType.startIndex && infoType.endIndex) {
|
|
729
|
+
if ((infoType.startIndex && infoType.endIndex) || (Math.ceil(exactTopIndex) > this.parent.previousStartIndex)) {
|
|
732
730
|
var loadAtIndex = Math.round(((infoType.startIndex * rowHeight) + (pageSizeBy4 * rowHeight)) / rowHeight);
|
|
733
|
-
if (exactTopIndex < loadAtIndex) {
|
|
731
|
+
if (exactTopIndex < loadAtIndex || (Math.ceil(exactTopIndex) > this.parent.previousStartIndex)) {
|
|
734
732
|
var idxAddedToExactTop = (pageSizeBy4) > infoViewIndices ? pageSizeBy4 :
|
|
735
733
|
(infoViewIndices + infoViewIndices / 4);
|
|
736
734
|
var eIndex = Math.round(exactTopIndex + idxAddedToExactTop);
|
|
737
|
-
infoType.endIndex = (eIndex < totalItemCount
|
|
735
|
+
infoType.endIndex = (eIndex < totalItemCount) ? eIndex : totalItemCount;
|
|
738
736
|
var sIndex = infoType.endIndex - this.parent.virtualItemCount;
|
|
739
737
|
infoType.startIndex = sIndex > 0 ? sIndex : 0;
|
|
740
738
|
infoType.endIndex = sIndex < 0 ? this.parent.virtualItemCount : infoType.endIndex;
|
|
@@ -1122,7 +1120,7 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
1122
1120
|
}
|
|
1123
1121
|
}
|
|
1124
1122
|
else {
|
|
1125
|
-
if (noDataElement[i] instanceof HTMLElement || noDataElement[i] instanceof Text) {
|
|
1123
|
+
if (noDataElement[i] instanceof HTMLElement || ((noDataElement[i] instanceof Text) && (noDataElement[i]).textContent !== '')) {
|
|
1126
1124
|
ele.appendChild(noDataElement[i]);
|
|
1127
1125
|
}
|
|
1128
1126
|
}
|
|
@@ -1929,10 +1927,15 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
1929
1927
|
}
|
|
1930
1928
|
};
|
|
1931
1929
|
DropDownBase.prototype.getPageCount = function (returnExactCount) {
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
1930
|
+
if (this.list) {
|
|
1931
|
+
var liHeight = this.list.classList.contains(dropDownBaseClasses.noData) ? null :
|
|
1932
|
+
getComputedStyle(this.getItems()[0], null).getPropertyValue('height');
|
|
1933
|
+
var pageCount = Math.round(this.list.getBoundingClientRect().height / parseInt(liHeight, 10));
|
|
1934
|
+
return returnExactCount ? pageCount : Math.round(pageCount);
|
|
1935
|
+
}
|
|
1936
|
+
else {
|
|
1937
|
+
return 0;
|
|
1938
|
+
}
|
|
1936
1939
|
};
|
|
1937
1940
|
DropDownBase.prototype.updateGroupHeader = function (index, liCollections, target) {
|
|
1938
1941
|
if (!isNullOrUndefined(liCollections[index]) && liCollections[index].classList.contains(dropDownBaseClasses.group)) {
|
|
@@ -5996,9 +5999,12 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
5996
5999
|
DropDownList.prototype.checkData = function (newProp) {
|
|
5997
6000
|
if (newProp.dataSource && !isNullOrUndefined(Object.keys(newProp.dataSource)) && this.itemTemplate && this.allowFiltering &&
|
|
5998
6001
|
!(this.isListSearched && (newProp.dataSource instanceof DataManager))) {
|
|
5999
|
-
if (this.list) {
|
|
6002
|
+
if (this.list && !(this.isReact)) {
|
|
6000
6003
|
this.list.innerHTML = '';
|
|
6001
6004
|
}
|
|
6005
|
+
else {
|
|
6006
|
+
this.list = null;
|
|
6007
|
+
}
|
|
6002
6008
|
this.actionCompleteData = { ulElement: null, list: null, isUpdated: false };
|
|
6003
6009
|
}
|
|
6004
6010
|
this.isListSearched = false;
|
|
@@ -17314,8 +17320,10 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
|
|
|
17314
17320
|
if (e.result.length > 0) {
|
|
17315
17321
|
listItems_2 = e.result;
|
|
17316
17322
|
_this.initStatus = false;
|
|
17317
|
-
|
|
17318
|
-
|
|
17323
|
+
setTimeout(function () {
|
|
17324
|
+
_this.initialValueUpdate(listItems_2, true);
|
|
17325
|
+
_this.initialUpdate();
|
|
17326
|
+
}, 100);
|
|
17319
17327
|
_this.initStatus = true;
|
|
17320
17328
|
}
|
|
17321
17329
|
});
|
|
@@ -19522,6 +19530,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
19522
19530
|
}
|
|
19523
19531
|
this.inputString = this.filterInput.value;
|
|
19524
19532
|
this.filterWireEvents();
|
|
19533
|
+
this.ulElement.style.setProperty('height', 'calc(100% - ' + (this.filterParent.offsetHeight) + 'px)', 'important');
|
|
19525
19534
|
return filterInputObj;
|
|
19526
19535
|
}
|
|
19527
19536
|
};
|
|
@@ -20337,11 +20346,8 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
20337
20346
|
};
|
|
20338
20347
|
ListBox.prototype.resizeHandler = function () {
|
|
20339
20348
|
if (this.list && !(this.cssClass && this.cssClass.indexOf('e-horizontal-listbox') > -1)) {
|
|
20340
|
-
if (this.list.
|
|
20341
|
-
this.
|
|
20342
|
-
}
|
|
20343
|
-
else {
|
|
20344
|
-
this.list.querySelector('.e-list-parent').style.display = 'block';
|
|
20349
|
+
if (this.list.getElementsByClassName('e-filter-parent').length > 0 && this.allowFiltering) {
|
|
20350
|
+
this.ulElement.style.setProperty('height', 'calc(100% - ' + (this.filterParent.offsetHeight) + 'px)', 'important');
|
|
20345
20351
|
}
|
|
20346
20352
|
}
|
|
20347
20353
|
};
|
|
@@ -20684,7 +20690,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
20684
20690
|
this.initDraggable();
|
|
20685
20691
|
}
|
|
20686
20692
|
else {
|
|
20687
|
-
|
|
20693
|
+
if (this.ulElement.classList.contains("e-sortable")) {
|
|
20694
|
+
getComponent(this.ulElement, 'sortable').destroy();
|
|
20695
|
+
}
|
|
20688
20696
|
}
|
|
20689
20697
|
break;
|
|
20690
20698
|
case 'allowFiltering':
|