@syncfusion/ej2-dropdowns 26.2.10 → 26.2.11
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 +38 -11
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +38 -11
- 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 +3 -3
- package/src/mention/mention.js +7 -1
- package/src/multi-select/checkbox-selection.js +10 -2
- package/src/multi-select/interface.d.ts +1 -0
- package/src/multi-select/multi-select.js +18 -5
- package/styles/material-dark.css +5 -0
- package/styles/material.css +6 -1
- package/styles/multi-select/_material-dark-definition.scss +5 -0
- package/styles/multi-select/_material-definition.scss +6 -1
- package/styles/multi-select/material-dark.css +5 -0
- package/styles/multi-select/material.css +6 -1
|
@@ -8093,10 +8093,10 @@ let DropDownTree = class DropDownTree extends Component {
|
|
|
8093
8093
|
}
|
|
8094
8094
|
else {
|
|
8095
8095
|
if (this.showCheckBox) {
|
|
8096
|
-
const difference = this.value.filter((e) => {
|
|
8096
|
+
const difference = this.value.length !== this.treeObj.checkedNodes.length || this.value.filter((e) => {
|
|
8097
8097
|
return this.treeObj.checkedNodes.indexOf(e) === -1;
|
|
8098
|
-
});
|
|
8099
|
-
if (difference
|
|
8098
|
+
}).length > 0;
|
|
8099
|
+
if (difference || this.treeSettings.autoCheck) {
|
|
8100
8100
|
this.treeObj.checkedNodes = this.value.slice();
|
|
8101
8101
|
this.treeObj.dataBind();
|
|
8102
8102
|
this.setMultiSelect();
|
|
@@ -14658,6 +14658,12 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
14658
14658
|
if (this.enabled && !this.readonly) {
|
|
14659
14659
|
let temp;
|
|
14660
14660
|
if (this.value && this.value.length > 0) {
|
|
14661
|
+
if (this.allowFiltering) {
|
|
14662
|
+
this.refreshListItems(null);
|
|
14663
|
+
if (this.mode === 'CheckBox' && this.targetInputElement) {
|
|
14664
|
+
this.targetInputElement.value = '';
|
|
14665
|
+
}
|
|
14666
|
+
}
|
|
14661
14667
|
const liElement = this.list && this.list.querySelectorAll('li.e-list-item');
|
|
14662
14668
|
if (liElement && liElement.length > 0) {
|
|
14663
14669
|
this.selectAllItems(false, e);
|
|
@@ -14675,6 +14681,11 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
14675
14681
|
this.clearAllCallback(e);
|
|
14676
14682
|
}
|
|
14677
14683
|
this.checkAndResetCache();
|
|
14684
|
+
Input.createSpanElement(this.overAllWrapper, this.createElement);
|
|
14685
|
+
this.calculateWidth();
|
|
14686
|
+
if (!isNullOrUndefined(this.overAllWrapper) && !isNullOrUndefined(this.overAllWrapper.getElementsByClassName('e-ddl-icon')[0] && this.overAllWrapper.getElementsByClassName('e-float-text-content')[0] && this.floatLabelType !== 'Never')) {
|
|
14687
|
+
this.overAllWrapper.getElementsByClassName('e-float-text-content')[0].classList.add('e-icon');
|
|
14688
|
+
}
|
|
14678
14689
|
if (this.enableVirtualization) {
|
|
14679
14690
|
this.updateInitialData();
|
|
14680
14691
|
if (this.chipCollectionWrapper) {
|
|
@@ -14743,11 +14754,13 @@ let MultiSelect = class MultiSelect extends DropDownBase {
|
|
|
14743
14754
|
}
|
|
14744
14755
|
}
|
|
14745
14756
|
resetValueHandler(e) {
|
|
14746
|
-
|
|
14747
|
-
|
|
14748
|
-
|
|
14749
|
-
|
|
14750
|
-
|
|
14757
|
+
if (!isNullOrUndefined(this.inputElement)) {
|
|
14758
|
+
const formElement = closest(this.inputElement, 'form');
|
|
14759
|
+
if (formElement && e.target === formElement) {
|
|
14760
|
+
const textVal = (this.element.tagName === this.getNgDirective()) ?
|
|
14761
|
+
null : this.element.getAttribute('data-initial-value');
|
|
14762
|
+
this.text = textVal;
|
|
14763
|
+
}
|
|
14751
14764
|
}
|
|
14752
14765
|
}
|
|
14753
14766
|
wireEvent() {
|
|
@@ -17857,13 +17870,21 @@ class CheckBoxSelection {
|
|
|
17857
17870
|
setSearchBoxPosition() {
|
|
17858
17871
|
const searchBoxHeight = this.filterInput.parentElement.getBoundingClientRect().height;
|
|
17859
17872
|
let selectAllHeight = 0;
|
|
17873
|
+
let footerHeight = 0;
|
|
17874
|
+
let headerHeight = 0;
|
|
17860
17875
|
if (this.checkAllParent) {
|
|
17861
17876
|
selectAllHeight = this.checkAllParent.getBoundingClientRect().height;
|
|
17862
17877
|
}
|
|
17878
|
+
if (this.parent.header) {
|
|
17879
|
+
headerHeight = this.parent.header.getBoundingClientRect().height;
|
|
17880
|
+
}
|
|
17881
|
+
if (this.parent.footer) {
|
|
17882
|
+
footerHeight = this.parent.footer.getBoundingClientRect().height;
|
|
17883
|
+
}
|
|
17863
17884
|
this.parent.popupObj.element.style.maxHeight = '100%';
|
|
17864
17885
|
this.parent.popupObj.element.style.width = '100%';
|
|
17865
|
-
this.parent.list.style.maxHeight = (window.innerHeight - searchBoxHeight - selectAllHeight) + 'px';
|
|
17866
|
-
this.parent.list.style.height = (window.innerHeight - searchBoxHeight - selectAllHeight) + 'px';
|
|
17886
|
+
this.parent.list.style.maxHeight = (window.innerHeight - searchBoxHeight - selectAllHeight - headerHeight - footerHeight) + 'px';
|
|
17887
|
+
this.parent.list.style.height = (window.innerHeight - searchBoxHeight - selectAllHeight - headerHeight - footerHeight) + 'px';
|
|
17867
17888
|
const clearElement = this.filterInput.parentElement.querySelector('.' + clearIcon);
|
|
17868
17889
|
detach(this.filterInput);
|
|
17869
17890
|
clearElement.parentElement.insertBefore(this.filterInput, clearElement);
|
|
@@ -21839,7 +21860,13 @@ let Mention = class Mention extends DropDownBase {
|
|
|
21839
21860
|
range.insertNode(frag);
|
|
21840
21861
|
if (lastNode) {
|
|
21841
21862
|
range = range.cloneRange();
|
|
21842
|
-
|
|
21863
|
+
if (this.isRTE) {
|
|
21864
|
+
range.setStart(lastNode, 0);
|
|
21865
|
+
range.setEnd(lastNode, lastNode.textContent.length);
|
|
21866
|
+
}
|
|
21867
|
+
else {
|
|
21868
|
+
range.setStartAfter(lastNode);
|
|
21869
|
+
}
|
|
21843
21870
|
range.collapse(true);
|
|
21844
21871
|
selection.removeAllRanges();
|
|
21845
21872
|
selection.addRange(range);
|