@syncfusion/ej2-dropdowns 25.2.5 → 25.2.7-130084
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/{README.md → ReadMe.md} +1 -1
- package/dist/ej2-dropdowns.min.js +1 -10
- package/dist/ej2-dropdowns.umd.min.js +1 -10
- package/dist/ej2-dropdowns.umd.min.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es2015.js +13 -14
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +13 -14
- package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
- package/dist/global/ej2-dropdowns.min.js +1 -10
- package/dist/global/ej2-dropdowns.min.js.map +1 -1
- package/dist/global/index.d.ts +0 -9
- package/package.json +79 -79
- package/src/auto-complete/auto-complete-model.d.ts +10 -10
- package/src/auto-complete/auto-complete.d.ts +12 -12
- package/src/auto-complete/auto-complete.js +2 -2
- package/src/combo-box/combo-box-model.d.ts +17 -17
- package/src/combo-box/combo-box.d.ts +27 -27
- package/src/combo-box/combo-box.js +10 -10
- package/src/drop-down-base/drop-down-base-model.d.ts +13 -13
- package/src/drop-down-base/drop-down-base.d.ts +15 -15
- package/src/drop-down-base/drop-down-base.js +1 -1
- package/src/drop-down-list/drop-down-list-model.d.ts +3 -3
- package/src/drop-down-list/drop-down-list.d.ts +4 -5
- package/src/drop-down-list/drop-down-list.js +1 -10
- package/src/drop-down-tree/drop-down-tree-model.d.ts +1 -1
- package/src/drop-down-tree/drop-down-tree.d.ts +1 -1
- package/src/drop-down-tree/drop-down-tree.js +0 -1
- package/src/list-box/list-box-model.d.ts +2 -2
- package/src/list-box/list-box.d.ts +2 -2
- package/src/multi-select/multi-select.js +13 -4
- package/styles/auto-complete/material3-dark.scss +1 -1
- package/styles/auto-complete/material3.scss +1 -1
- 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/combo-box/material3-dark.scss +1 -1
- package/styles/combo-box/material3.scss +1 -1
- package/styles/drop-down-base/material3-dark.scss +1 -1
- package/styles/drop-down-base/material3.scss +1 -1
- package/styles/drop-down-list/material3-dark.scss +1 -1
- package/styles/drop-down-list/material3.scss +1 -1
- 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-dark.scss +1 -1
- package/styles/drop-down-tree/material3.css +3 -0
- package/styles/drop-down-tree/material3.scss +1 -1
- 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/list-box/material3-dark.scss +1 -1
- package/styles/list-box/material3.scss +1 -1
- package/styles/material-dark.css +3 -0
- package/styles/material.css +3 -0
- package/styles/material3-dark.css +3 -0
- package/styles/material3-dark.scss +1 -1
- package/styles/material3.css +3 -0
- package/styles/material3.scss +1 -1
- package/styles/mention/material3-dark.scss +1 -1
- package/styles/mention/material3.scss +1 -1
- package/styles/multi-select/material3-dark.scss +1 -1
- package/styles/multi-select/material3.scss +1 -1
- package/styles/tailwind-dark.css +3 -0
- package/styles/tailwind.css +3 -0
|
@@ -2632,12 +2632,6 @@ let DropDownList = class DropDownList extends DropDownBase {
|
|
|
2632
2632
|
this.IsScrollerAtEnd = function () {
|
|
2633
2633
|
return this.list && this.list.scrollTop + this.list.clientHeight >= this.list.scrollHeight;
|
|
2634
2634
|
};
|
|
2635
|
-
this.removeAllChildren = function (element) {
|
|
2636
|
-
while (element.children[0]) {
|
|
2637
|
-
this.removeAllChildren(element.children[0]);
|
|
2638
|
-
element.removeChild(element.children[0]);
|
|
2639
|
-
}
|
|
2640
|
-
};
|
|
2641
2635
|
}
|
|
2642
2636
|
/**
|
|
2643
2637
|
* Initialize the event handler.
|
|
@@ -6342,9 +6336,6 @@ let DropDownList = class DropDownList extends DropDownBase {
|
|
|
6342
6336
|
delete this.hiddenElement;
|
|
6343
6337
|
this.filterInput = null;
|
|
6344
6338
|
this.keyboardModule = null;
|
|
6345
|
-
if (!isNullOrUndefined(this.ulElement)) {
|
|
6346
|
-
this.removeAllChildren(this.ulElement);
|
|
6347
|
-
}
|
|
6348
6339
|
this.ulElement = null;
|
|
6349
6340
|
this.list = null;
|
|
6350
6341
|
this.clearIconElement = null;
|
|
@@ -7288,7 +7279,6 @@ let DropDownTree = class DropDownTree extends Component {
|
|
|
7288
7279
|
}
|
|
7289
7280
|
break;
|
|
7290
7281
|
case 'tab':
|
|
7291
|
-
case 'shiftTab':
|
|
7292
7282
|
if (this.isPopupOpen) {
|
|
7293
7283
|
this.hidePopup();
|
|
7294
7284
|
}
|
|
@@ -11907,7 +11897,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
11907
11897
|
this.updateSelectElementData(this.allowFiltering);
|
|
11908
11898
|
// eslint-disable-next-line @typescript-eslint/no-this-alias
|
|
11909
11899
|
const proxy = this;
|
|
11910
|
-
if (!isNullOrUndefined(this.value) && !this.allowCustomValue && !this.enableVirtualization) {
|
|
11900
|
+
if (!isNullOrUndefined(this.value) && !this.allowCustomValue && !this.enableVirtualization && this.listData && this.listData.length > 0) {
|
|
11911
11901
|
for (let i = 0; i < this.value.length; i++) {
|
|
11912
11902
|
const value = this.allowObjectBinding ? getValue((this.fields.value) ? this.fields.value : '', proxy.value[i]) : proxy.value[i];
|
|
11913
11903
|
const checkEle = this.findListElement(((this.allowFiltering && !isNullOrUndefined(this.mainList)) ? this.mainList : ulElement), 'li', 'data-value', value);
|
|
@@ -12394,6 +12384,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
12394
12384
|
this.totalItemCount = this.enableVirtualization && this.dataSource instanceof DataManager ? tempCount : this.totalItemCount;
|
|
12395
12385
|
}
|
|
12396
12386
|
else {
|
|
12387
|
+
if (this.dataSource instanceof DataManager && this.allowCustomValue && this.allowFiltering) {
|
|
12388
|
+
this.remoteCustomValue = false;
|
|
12389
|
+
}
|
|
12397
12390
|
const tempData = JSON.parse(JSON.stringify(this.listData));
|
|
12398
12391
|
tempData.splice(0, 0, dataItem);
|
|
12399
12392
|
this.resetList(tempData, field, query);
|
|
@@ -14523,6 +14516,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
14523
14516
|
if (!eventArgs.cancel) {
|
|
14524
14517
|
if (!this.isFiltered && !eventArgs.preventDefaultAction) {
|
|
14525
14518
|
this.filterAction = true;
|
|
14519
|
+
if (this.dataSource instanceof DataManager && this.allowCustomValue) {
|
|
14520
|
+
this.isCustomRendered = false;
|
|
14521
|
+
}
|
|
14526
14522
|
this.dataUpdater(this.dataSource, null, this.fields);
|
|
14527
14523
|
}
|
|
14528
14524
|
}
|
|
@@ -14675,7 +14671,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
14675
14671
|
if (this.enableVirtualization) {
|
|
14676
14672
|
listValue = this.findListElement((!isNullOrUndefined(this.list) ? this.list : this.ulElement), 'li', 'data-value', valueItem);
|
|
14677
14673
|
}
|
|
14678
|
-
if (isNullOrUndefined(listValue) && !this.allowCustomValue && !this.enableVirtualization) {
|
|
14674
|
+
if (isNullOrUndefined(listValue) && !this.allowCustomValue && !this.enableVirtualization && this.listData && this.listData.length > 0) {
|
|
14679
14675
|
this.value.splice(index, 1);
|
|
14680
14676
|
index -= 1;
|
|
14681
14677
|
valueLength -= 1;
|
|
@@ -15466,7 +15462,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
15466
15462
|
downIconWidth = this.dropIcon.offsetWidth + parseInt(window.getComputedStyle(this.dropIcon).marginRight, 10);
|
|
15467
15463
|
}
|
|
15468
15464
|
this.checkClearIconWidth();
|
|
15469
|
-
if (!isNullOrUndefined(this.value)) {
|
|
15465
|
+
if (!isNullOrUndefined(this.value) && (this.allowCustomValue || (this.listData && this.listData.length > 0))) {
|
|
15470
15466
|
for (let index = 0; !isNullOrUndefined(this.value[index]); index++) {
|
|
15471
15467
|
let items = this.text && this.text.split(this.delimiterChar);
|
|
15472
15468
|
if (!this.enableVirtualization) {
|
|
@@ -16579,6 +16575,9 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
16579
16575
|
if (this.mode === 'Default' || this.mode === 'Box') {
|
|
16580
16576
|
this.inputElement.setAttribute('aria-describedby', this.chipCollectionWrapper.id);
|
|
16581
16577
|
}
|
|
16578
|
+
if (!isNullOrUndefined(this.inputElement)) {
|
|
16579
|
+
attributes(this.inputElement, { 'aria-expanded': 'false', 'aria-label': this.getModuleName() });
|
|
16580
|
+
}
|
|
16582
16581
|
if (this.element.tagName !== this.getNgDirective()) {
|
|
16583
16582
|
this.element.style.display = 'none';
|
|
16584
16583
|
}
|
|
@@ -16847,7 +16846,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
16847
16846
|
this.ulElement = null;
|
|
16848
16847
|
this.mainListCollection = null;
|
|
16849
16848
|
super.destroy();
|
|
16850
|
-
const temp = ['readonly', 'aria-disabled', 'placeholder'];
|
|
16849
|
+
const temp = ['readonly', 'aria-disabled', 'placeholder', 'aria-label', 'aria-expanded'];
|
|
16851
16850
|
let length = temp.length;
|
|
16852
16851
|
if (!isNullOrUndefined(this.inputElement)) {
|
|
16853
16852
|
while (length > 0) {
|