@syncfusion/ej2-dropdowns 24.1.43 → 24.1.45
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 +25 -0
- package/README.md +1 -1
- 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 +20 -6
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +20 -6
- 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 +7 -7
- package/src/drop-down-list/drop-down-list.js +2 -0
- package/src/drop-down-tree/drop-down-tree.js +1 -1
- package/src/list-box/list-box.js +15 -3
- package/src/mention/mention.js +2 -2
- package/styles/bootstrap-dark.css +4 -0
- package/styles/bootstrap.css +4 -0
- package/styles/bootstrap4.css +4 -0
- package/styles/bootstrap5-dark.css +4 -0
- package/styles/bootstrap5.css +4 -0
- package/styles/drop-down-tree/_layout.scss +5 -0
- package/styles/drop-down-tree/bootstrap-dark.css +4 -0
- package/styles/drop-down-tree/bootstrap.css +4 -0
- package/styles/drop-down-tree/bootstrap4.css +4 -0
- package/styles/drop-down-tree/bootstrap5-dark.css +4 -0
- package/styles/drop-down-tree/bootstrap5.css +4 -0
- package/styles/drop-down-tree/fabric-dark.css +4 -0
- package/styles/drop-down-tree/fabric.css +4 -0
- package/styles/drop-down-tree/fluent-dark.css +4 -0
- package/styles/drop-down-tree/fluent.css +4 -0
- package/styles/drop-down-tree/highcontrast-light.css +4 -0
- package/styles/drop-down-tree/highcontrast.css +4 -0
- package/styles/drop-down-tree/material-dark.css +4 -0
- package/styles/drop-down-tree/material.css +4 -0
- package/styles/drop-down-tree/material3-dark.css +4 -0
- package/styles/drop-down-tree/material3.css +4 -0
- package/styles/drop-down-tree/tailwind-dark.css +4 -0
- package/styles/drop-down-tree/tailwind.css +4 -0
- package/styles/fabric-dark.css +4 -0
- package/styles/fabric.css +4 -0
- package/styles/fluent-dark.css +4 -0
- package/styles/fluent.css +4 -0
- package/styles/highcontrast-light.css +4 -0
- package/styles/highcontrast.css +4 -0
- package/styles/material-dark.css +4 -0
- package/styles/material.css +4 -0
- package/styles/material3-dark.css +4 -0
- package/styles/material3.css +4 -0
- package/styles/tailwind-dark.css +4 -0
- package/styles/tailwind.css +4 -0
|
@@ -3004,6 +3004,7 @@ let DropDownList = class DropDownList extends DropDownBase {
|
|
|
3004
3004
|
if (this.getModuleName() === 'dropdownlist') {
|
|
3005
3005
|
if (!this.beforePopupOpen) {
|
|
3006
3006
|
this.showPopup();
|
|
3007
|
+
e.preventDefault();
|
|
3007
3008
|
}
|
|
3008
3009
|
}
|
|
3009
3010
|
break;
|
|
@@ -4429,6 +4430,7 @@ let DropDownList = class DropDownList extends DropDownBase {
|
|
|
4429
4430
|
this.setFooterTemplate(popupEle);
|
|
4430
4431
|
}
|
|
4431
4432
|
document.body.appendChild(popupEle);
|
|
4433
|
+
popupEle.style.top = '0px';
|
|
4432
4434
|
if (this.enableVirtualization && this.itemTemplate) {
|
|
4433
4435
|
var listitems = popupEle.querySelectorAll('li.e-list-item:not(.e-virtual-list)');
|
|
4434
4436
|
this.listItemHeight = listitems.length > 0 ? Math.ceil(listitems[0].getBoundingClientRect().height) : 0;
|
|
@@ -8477,7 +8479,7 @@ let DropDownTree = class DropDownTree extends Component {
|
|
|
8477
8479
|
else {
|
|
8478
8480
|
this.treeObj.uncheckAll();
|
|
8479
8481
|
}
|
|
8480
|
-
this.checkSelectAll =
|
|
8482
|
+
this.checkSelectAll = state;
|
|
8481
8483
|
}
|
|
8482
8484
|
else if (this.allowMultiSelection) {
|
|
8483
8485
|
if (!state) {
|
|
@@ -15919,6 +15921,8 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
|
|
|
15919
15921
|
}
|
|
15920
15922
|
onActionComplete(ulElement, list, e) {
|
|
15921
15923
|
let searchEle;
|
|
15924
|
+
let filterElem;
|
|
15925
|
+
let txtLength;
|
|
15922
15926
|
if (this.allowFiltering && this.list.getElementsByClassName('e-filter-parent')[0]) {
|
|
15923
15927
|
searchEle = this.list.getElementsByClassName('e-filter-parent')[0].cloneNode(true);
|
|
15924
15928
|
}
|
|
@@ -15928,6 +15932,12 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
|
|
|
15928
15932
|
ulElement.removeChild(noRecElem);
|
|
15929
15933
|
}
|
|
15930
15934
|
}
|
|
15935
|
+
if (this.allowFiltering) {
|
|
15936
|
+
filterElem = this.list.getElementsByClassName('e-input-filter')[0];
|
|
15937
|
+
if (filterElem) {
|
|
15938
|
+
txtLength = filterElem.selectionStart;
|
|
15939
|
+
}
|
|
15940
|
+
}
|
|
15931
15941
|
super.onActionComplete(ulElement, list, e);
|
|
15932
15942
|
if (this.allowFiltering && !isNullOrUndefined(searchEle)) {
|
|
15933
15943
|
this.list.insertBefore(searchEle, this.list.firstElementChild);
|
|
@@ -15957,8 +15967,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
|
|
|
15957
15967
|
this.isDataSourceUpdate = false;
|
|
15958
15968
|
}
|
|
15959
15969
|
if (this.allowFiltering) {
|
|
15960
|
-
|
|
15961
|
-
const txtLength = this.filterInput.value.length;
|
|
15970
|
+
filterElem = this.list.getElementsByClassName('e-input-filter')[0];
|
|
15962
15971
|
filterElem.selectionStart = txtLength;
|
|
15963
15972
|
filterElem.selectionEnd = txtLength;
|
|
15964
15973
|
filterElem.focus();
|
|
@@ -17326,7 +17335,8 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
|
|
|
17326
17335
|
e.stopPropagation();
|
|
17327
17336
|
}
|
|
17328
17337
|
keyDownHandler(e) {
|
|
17329
|
-
if ([32, 35, 36, 37, 38, 39, 40, 65].indexOf(e.keyCode) > -1 && !this.allowFiltering
|
|
17338
|
+
if ([32, 35, 36, 37, 38, 39, 40, 65].indexOf(e.keyCode) > -1 && (!this.allowFiltering ||
|
|
17339
|
+
(this.allowFiltering && e.target !== this.filterInput))) {
|
|
17330
17340
|
if (e.target && e.target.className.indexOf('e-edit-template') > -1) {
|
|
17331
17341
|
return;
|
|
17332
17342
|
}
|
|
@@ -17419,6 +17429,10 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
|
|
|
17419
17429
|
}
|
|
17420
17430
|
}
|
|
17421
17431
|
KeyUp(e) {
|
|
17432
|
+
if (this.allowFiltering && e.ctrlKey && e.keyCode === 65) {
|
|
17433
|
+
e.preventDefault();
|
|
17434
|
+
return;
|
|
17435
|
+
}
|
|
17422
17436
|
const char = String.fromCharCode(e.keyCode);
|
|
17423
17437
|
const isWordCharacter = char.match(/\w/);
|
|
17424
17438
|
if (!isNullOrUndefined(isWordCharacter)) {
|
|
@@ -18312,7 +18326,7 @@ let Mention = class Mention extends DropDownBase {
|
|
|
18312
18326
|
if ((!currentRange || !lastWordRange) || e.code === 'Enter' || e.keyCode === 27 ||
|
|
18313
18327
|
(lastWordRange.match(Regex) && lastWordRange.match(Regex).length > 1) ||
|
|
18314
18328
|
(this.isContentEditable(this.inputElement) && this.range.startContainer &&
|
|
18315
|
-
this.range.startContainer.previousElementSibling && this.range.startContainer.textContent.split('').length > 0 &&
|
|
18329
|
+
this.range.startContainer.previousElementSibling && this.range.startContainer.previousElementSibling.tagName !== 'BR' && this.range.startContainer.textContent.split('').length > 0 &&
|
|
18316
18330
|
(rangetextContent.length === 1 || rangetextContent[rangetextContent.length - 2].indexOf('') === -1 ||
|
|
18317
18331
|
this.range.startContainer.nodeType === 1))) {
|
|
18318
18332
|
if (this.allowSpaces && currentRange && currentRange.trim() !== '' && charRegex.test(currentRange) && currentRange.indexOf(this.mentionChar) !== -1
|
|
@@ -18350,7 +18364,7 @@ let Mention = class Mention extends DropDownBase {
|
|
|
18350
18364
|
if (isNullOrUndefined(this.list)) {
|
|
18351
18365
|
this.initValue();
|
|
18352
18366
|
}
|
|
18353
|
-
if (!this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40) {
|
|
18367
|
+
if (!this.isPopupOpen && e.keyCode !== 38 && e.keyCode !== 40 && this.queryString.length >= this.minLength) {
|
|
18354
18368
|
this.didPopupOpenByTypingInitialChar = true;
|
|
18355
18369
|
this.showPopup();
|
|
18356
18370
|
if (this.initRemoteRender && this.list.querySelectorAll('li').length === 0) {
|