@syncfusion/ej2-dropdowns 26.1.38 → 26.1.40
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 +17 -6
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +17 -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 +8 -8
- package/src/auto-complete/auto-complete.js +1 -0
- package/src/drop-down-base/drop-down-base.d.ts +1 -1
- package/src/drop-down-list/drop-down-list.js +1 -0
- package/src/drop-down-tree/drop-down-tree.js +8 -3
- package/src/list-box/list-box.d.ts +4 -0
- package/src/list-box/list-box.js +4 -1
- package/src/mention/mention.js +2 -2
- package/src/multi-select/multi-select.js +1 -0
- package/styles/auto-complete/fluent2.css +5 -5
- package/styles/combo-box/fluent2.css +5 -5
- package/styles/drop-down-base/fluent2.css +5 -5
- package/styles/drop-down-list/fluent2.css +5 -5
- package/styles/drop-down-tree/fluent2.css +5 -5
- package/styles/fluent2.css +10 -10
- package/styles/list-box/_fluent2-definition.scss +4 -6
- package/styles/list-box/fluent2.css +10 -10
- package/styles/mention/fluent2.css +5 -5
- package/styles/multi-select/fluent2.css +5 -5
|
@@ -4466,6 +4466,7 @@ let DropDownList = class DropDownList extends DropDownBase {
|
|
|
4466
4466
|
this.isDataFetched = false;
|
|
4467
4467
|
if (this.isFiltering()) {
|
|
4468
4468
|
this.checkAndResetCache();
|
|
4469
|
+
this.isRequesting = false;
|
|
4469
4470
|
const eventArgs = {
|
|
4470
4471
|
preventDefaultAction: false,
|
|
4471
4472
|
text: this.filterInput.value,
|
|
@@ -7185,7 +7186,7 @@ let DropDownTree = class DropDownTree extends Component {
|
|
|
7185
7186
|
let checkValue;
|
|
7186
7187
|
const isObjectValue = isChild && isChildFiltering && this.isChildObject();
|
|
7187
7188
|
checkValue = isObjectValue ? node[this.fields.child.text] : node[this.fields.text];
|
|
7188
|
-
if (!checkValue) {
|
|
7189
|
+
if (!checkValue && !isNullOrUndefined(this.fields.child.text)) {
|
|
7189
7190
|
let tempChild = this.fields.child;
|
|
7190
7191
|
while (!node[tempChild.text]) {
|
|
7191
7192
|
tempChild = tempChild.child;
|
|
@@ -8638,7 +8639,6 @@ let DropDownTree = class DropDownTree extends Component {
|
|
|
8638
8639
|
this.ensurePlaceHolder();
|
|
8639
8640
|
}
|
|
8640
8641
|
if (this.showSelectAll && this.checkBoxElement) {
|
|
8641
|
-
const nodes = this.treeObj.element.querySelectorAll('li');
|
|
8642
8642
|
const checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
|
|
8643
8643
|
const wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
|
|
8644
8644
|
if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'false'))) {
|
|
@@ -8646,13 +8646,19 @@ let DropDownTree = class DropDownTree extends Component {
|
|
|
8646
8646
|
this.changeState(wrap, 'uncheck');
|
|
8647
8647
|
this.isReverseUpdate = false;
|
|
8648
8648
|
}
|
|
8649
|
-
else if (wrap && args.action === 'check'
|
|
8649
|
+
else if (wrap && args.action === 'check'
|
|
8650
|
+
&& checkedNodes.length === this.fields.dataSource.length
|
|
8651
|
+
&& (args.isInteracted || this.isCheckAllCalled || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'true'))) {
|
|
8650
8652
|
this.isReverseUpdate = true;
|
|
8651
8653
|
this.isCheckAllCalled = false;
|
|
8652
8654
|
this.changeState(wrap, 'check');
|
|
8653
8655
|
this.isReverseUpdate = false;
|
|
8654
8656
|
}
|
|
8655
8657
|
}
|
|
8658
|
+
if (this.isValueChange && !this.changeOnBlur) {
|
|
8659
|
+
this.triggerChangeEvent(this.keyEventArgs);
|
|
8660
|
+
this.isValueChange = false;
|
|
8661
|
+
}
|
|
8656
8662
|
}
|
|
8657
8663
|
beforeCheck(args) {
|
|
8658
8664
|
if (args.isInteracted) {
|
|
@@ -11063,6 +11069,7 @@ let AutoComplete = class AutoComplete extends ComboBox {
|
|
|
11063
11069
|
}
|
|
11064
11070
|
this.isSelected = false;
|
|
11065
11071
|
this.activeIndex = null;
|
|
11072
|
+
this.isRequesting = false;
|
|
11066
11073
|
const eventArgs = {
|
|
11067
11074
|
preventDefaultAction: false,
|
|
11068
11075
|
text: this.filterInput.value,
|
|
@@ -14690,6 +14697,7 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
14690
14697
|
this.isRemoteSelection = true;
|
|
14691
14698
|
}
|
|
14692
14699
|
this.checkAndResetCache();
|
|
14700
|
+
this.isRequesting = false;
|
|
14693
14701
|
const eventArgs = {
|
|
14694
14702
|
preventDefaultAction: false,
|
|
14695
14703
|
text: this.targetElement(),
|
|
@@ -19096,6 +19104,9 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
|
|
|
19096
19104
|
if (this.height.toString().indexOf('%') < 0) {
|
|
19097
19105
|
addClass([this.list], 'e-filter-list');
|
|
19098
19106
|
}
|
|
19107
|
+
else if (this.height.toString().indexOf('%') > 0) {
|
|
19108
|
+
this.ulElement.style.height = (this.ulElement.offsetHeight - this.filterParent.offsetHeight) + 'px';
|
|
19109
|
+
}
|
|
19099
19110
|
this.inputString = this.filterInput.value;
|
|
19100
19111
|
this.filterWireEvents();
|
|
19101
19112
|
return filterInputObj;
|
|
@@ -19671,7 +19682,7 @@ let ListBox = ListBox_1 = class ListBox extends DropDownBase {
|
|
|
19671
19682
|
else {
|
|
19672
19683
|
elems = [args.target];
|
|
19673
19684
|
}
|
|
19674
|
-
return { elements: elems, items: this.getDataByElems(elems) };
|
|
19685
|
+
return { elements: elems, event: args.event, items: this.getDataByElems(elems) };
|
|
19675
19686
|
}
|
|
19676
19687
|
onKeyDown(e) {
|
|
19677
19688
|
this.keyDownHandler(e);
|
|
@@ -20618,7 +20629,7 @@ let Mention = class Mention extends DropDownBase {
|
|
|
20618
20629
|
const isNavigation = (e.action === 'down' || e.action === 'up' || e.action === 'pageUp' || e.action === 'pageDown'
|
|
20619
20630
|
|| e.action === 'home' || e.action === 'end');
|
|
20620
20631
|
const isTabAction = e.action === 'tab' || e.action === 'close';
|
|
20621
|
-
if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space') {
|
|
20632
|
+
if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space' && this.mentionChar.charCodeAt(0) === this.getLastLetter(this.getTextRange()).charCodeAt(0)) {
|
|
20622
20633
|
this.renderList();
|
|
20623
20634
|
}
|
|
20624
20635
|
if (isNullOrUndefined(this.list) || (!isNullOrUndefined(this.liCollections) &&
|
|
@@ -20717,7 +20728,7 @@ let Mention = class Mention extends DropDownBase {
|
|
|
20717
20728
|
}
|
|
20718
20729
|
this.isTyped = e.code !== 'Enter' && e.code !== 'Space' && e.code !== 'ArrowDown' && e.code !== 'ArrowUp' ? true : false;
|
|
20719
20730
|
const isRteImage = document.activeElement.parentElement && document.activeElement.parentElement.querySelector('.e-rte-image') ? true : false;
|
|
20720
|
-
if (document.activeElement != this.inputElement && isRteImage) {
|
|
20731
|
+
if (document.activeElement != this.inputElement && !isRteImage) {
|
|
20721
20732
|
this.inputElement.focus();
|
|
20722
20733
|
}
|
|
20723
20734
|
if (this.isContentEditable(this.inputElement)) {
|