@syncfusion/ej2-dropdowns 25.2.5 → 25.2.7
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 +16 -0
- 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 +13 -5
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +13 -5
- 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 +9 -9
- package/src/drop-down-tree/drop-down-tree.js +0 -1
- package/src/multi-select/multi-select.js +13 -4
- package/styles/bootstrap-dark.css +3 -0
- package/styles/bootstrap.css +3 -0
- package/styles/bootstrap4.css +3 -0
- package/styles/bootstrap5-dark.css +3 -0
- package/styles/bootstrap5.css +3 -0
- package/styles/drop-down-tree/_bds-definition.scss +1 -0
- package/styles/drop-down-tree/_bootstrap-dark-definition.scss +2 -1
- package/styles/drop-down-tree/_bootstrap-definition.scss +2 -1
- package/styles/drop-down-tree/_bootstrap4-definition.scss +2 -1
- package/styles/drop-down-tree/_bootstrap5-definition.scss +2 -1
- package/styles/drop-down-tree/_fabric-dark-definition.scss +2 -1
- package/styles/drop-down-tree/_fabric-definition.scss +2 -1
- package/styles/drop-down-tree/_fluent-definition.scss +2 -1
- package/styles/drop-down-tree/_fusionnew-definition.scss +2 -1
- package/styles/drop-down-tree/_highcontrast-definition.scss +2 -1
- package/styles/drop-down-tree/_highcontrast-light-definition.scss +2 -1
- package/styles/drop-down-tree/_material-dark-definition.scss +2 -1
- package/styles/drop-down-tree/_material-definition.scss +2 -1
- package/styles/drop-down-tree/_material3-definition.scss +1 -0
- package/styles/drop-down-tree/_tailwind-definition.scss +1 -0
- package/styles/drop-down-tree/_theme.scss +3 -0
- package/styles/drop-down-tree/bootstrap-dark.css +3 -0
- package/styles/drop-down-tree/bootstrap.css +3 -0
- package/styles/drop-down-tree/bootstrap4.css +3 -0
- package/styles/drop-down-tree/bootstrap5-dark.css +3 -0
- package/styles/drop-down-tree/bootstrap5.css +3 -0
- package/styles/drop-down-tree/fabric-dark.css +3 -0
- package/styles/drop-down-tree/fabric.css +3 -0
- package/styles/drop-down-tree/fluent-dark.css +3 -0
- package/styles/drop-down-tree/fluent.css +3 -0
- package/styles/drop-down-tree/highcontrast-light.css +3 -0
- package/styles/drop-down-tree/highcontrast.css +3 -0
- package/styles/drop-down-tree/material-dark.css +3 -0
- package/styles/drop-down-tree/material.css +3 -0
- package/styles/drop-down-tree/material3-dark.css +3 -0
- package/styles/drop-down-tree/material3.css +3 -0
- package/styles/drop-down-tree/tailwind-dark.css +3 -0
- package/styles/drop-down-tree/tailwind.css +3 -0
- package/styles/fabric-dark.css +3 -0
- package/styles/fabric.css +3 -0
- package/styles/fluent-dark.css +3 -0
- package/styles/fluent.css +3 -0
- package/styles/highcontrast-light.css +3 -0
- package/styles/highcontrast.css +3 -0
- package/styles/material-dark.css +3 -0
- package/styles/material.css +3 -0
- package/styles/material3-dark.css +3 -0
- package/styles/material3.css +3 -0
- package/styles/tailwind-dark.css +3 -0
- package/styles/tailwind.css +3 -0
|
@@ -7288,7 +7288,6 @@ let DropDownTree = class DropDownTree extends Component {
|
|
|
7288
7288
|
}
|
|
7289
7289
|
break;
|
|
7290
7290
|
case 'tab':
|
|
7291
|
-
case 'shiftTab':
|
|
7292
7291
|
if (this.isPopupOpen) {
|
|
7293
7292
|
this.hidePopup();
|
|
7294
7293
|
}
|
|
@@ -11907,7 +11906,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
11907
11906
|
this.updateSelectElementData(this.allowFiltering);
|
|
11908
11907
|
// eslint-disable-next-line @typescript-eslint/no-this-alias
|
|
11909
11908
|
const proxy = this;
|
|
11910
|
-
if (!isNullOrUndefined(this.value) && !this.allowCustomValue && !this.enableVirtualization) {
|
|
11909
|
+
if (!isNullOrUndefined(this.value) && !this.allowCustomValue && !this.enableVirtualization && this.listData && this.listData.length > 0) {
|
|
11911
11910
|
for (let i = 0; i < this.value.length; i++) {
|
|
11912
11911
|
const value = this.allowObjectBinding ? getValue((this.fields.value) ? this.fields.value : '', proxy.value[i]) : proxy.value[i];
|
|
11913
11912
|
const checkEle = this.findListElement(((this.allowFiltering && !isNullOrUndefined(this.mainList)) ? this.mainList : ulElement), 'li', 'data-value', value);
|
|
@@ -12394,6 +12393,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
12394
12393
|
this.totalItemCount = this.enableVirtualization && this.dataSource instanceof DataManager ? tempCount : this.totalItemCount;
|
|
12395
12394
|
}
|
|
12396
12395
|
else {
|
|
12396
|
+
if (this.dataSource instanceof DataManager && this.allowCustomValue && this.allowFiltering) {
|
|
12397
|
+
this.remoteCustomValue = false;
|
|
12398
|
+
}
|
|
12397
12399
|
const tempData = JSON.parse(JSON.stringify(this.listData));
|
|
12398
12400
|
tempData.splice(0, 0, dataItem);
|
|
12399
12401
|
this.resetList(tempData, field, query);
|
|
@@ -14523,6 +14525,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
14523
14525
|
if (!eventArgs.cancel) {
|
|
14524
14526
|
if (!this.isFiltered && !eventArgs.preventDefaultAction) {
|
|
14525
14527
|
this.filterAction = true;
|
|
14528
|
+
if (this.dataSource instanceof DataManager && this.allowCustomValue) {
|
|
14529
|
+
this.isCustomRendered = false;
|
|
14530
|
+
}
|
|
14526
14531
|
this.dataUpdater(this.dataSource, null, this.fields);
|
|
14527
14532
|
}
|
|
14528
14533
|
}
|
|
@@ -14675,7 +14680,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
14675
14680
|
if (this.enableVirtualization) {
|
|
14676
14681
|
listValue = this.findListElement((!isNullOrUndefined(this.list) ? this.list : this.ulElement), 'li', 'data-value', valueItem);
|
|
14677
14682
|
}
|
|
14678
|
-
if (isNullOrUndefined(listValue) && !this.allowCustomValue && !this.enableVirtualization) {
|
|
14683
|
+
if (isNullOrUndefined(listValue) && !this.allowCustomValue && !this.enableVirtualization && this.listData && this.listData.length > 0) {
|
|
14679
14684
|
this.value.splice(index, 1);
|
|
14680
14685
|
index -= 1;
|
|
14681
14686
|
valueLength -= 1;
|
|
@@ -15466,7 +15471,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
15466
15471
|
downIconWidth = this.dropIcon.offsetWidth + parseInt(window.getComputedStyle(this.dropIcon).marginRight, 10);
|
|
15467
15472
|
}
|
|
15468
15473
|
this.checkClearIconWidth();
|
|
15469
|
-
if (!isNullOrUndefined(this.value)) {
|
|
15474
|
+
if (!isNullOrUndefined(this.value) && (this.allowCustomValue || (this.listData && this.listData.length > 0))) {
|
|
15470
15475
|
for (let index = 0; !isNullOrUndefined(this.value[index]); index++) {
|
|
15471
15476
|
let items = this.text && this.text.split(this.delimiterChar);
|
|
15472
15477
|
if (!this.enableVirtualization) {
|
|
@@ -16579,6 +16584,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
16579
16584
|
if (this.mode === 'Default' || this.mode === 'Box') {
|
|
16580
16585
|
this.inputElement.setAttribute('aria-describedby', this.chipCollectionWrapper.id);
|
|
16581
16586
|
}
|
|
16587
|
+
if (!isNullOrUndefined(this.inputElement)) {
|
|
16588
|
+
attributes(this.inputElement, { 'aria-expanded': 'false', 'aria-label': this.getModuleName() });
|
|
16589
|
+
}
|
|
16582
16590
|
if (this.element.tagName !== this.getNgDirective()) {
|
|
16583
16591
|
this.element.style.display = 'none';
|
|
16584
16592
|
}
|
|
@@ -16847,7 +16855,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
16847
16855
|
this.ulElement = null;
|
|
16848
16856
|
this.mainListCollection = null;
|
|
16849
16857
|
super.destroy();
|
|
16850
|
-
const temp = ['readonly', 'aria-disabled', 'placeholder'];
|
|
16858
|
+
const temp = ['readonly', 'aria-disabled', 'placeholder', 'aria-label', 'aria-expanded'];
|
|
16851
16859
|
let length = temp.length;
|
|
16852
16860
|
if (!isNullOrUndefined(this.inputElement)) {
|
|
16853
16861
|
while (length > 0) {
|