@syncfusion/ej2-dropdowns 20.4.43 → 20.4.48
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 +22 -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 +18 -5
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +18 -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 +11 -11
- package/src/drop-down-list/drop-down-list.js +1 -1
- package/src/drop-down-tree/drop-down-tree-model.d.ts +1 -1
- package/src/drop-down-tree/drop-down-tree.d.ts +1 -0
- package/src/drop-down-tree/drop-down-tree.js +14 -4
- package/src/list-box/list-box.js +3 -0
- package/styles/bootstrap-dark.css +5 -2
- package/styles/bootstrap.css +5 -2
- package/styles/bootstrap4.css +5 -2
- package/styles/bootstrap5-dark.css +5 -2
- package/styles/bootstrap5.css +5 -2
- package/styles/drop-down-list/_layout.scss +3 -0
- package/styles/drop-down-list/bootstrap-dark.css +3 -0
- package/styles/drop-down-list/bootstrap.css +3 -0
- package/styles/drop-down-list/bootstrap4.css +3 -0
- package/styles/drop-down-list/bootstrap5-dark.css +3 -0
- package/styles/drop-down-list/bootstrap5.css +3 -0
- package/styles/drop-down-list/fabric-dark.css +3 -0
- package/styles/drop-down-list/fabric.css +3 -0
- package/styles/drop-down-list/fluent-dark.css +3 -0
- package/styles/drop-down-list/fluent.css +3 -0
- package/styles/drop-down-list/highcontrast-light.css +3 -0
- package/styles/drop-down-list/highcontrast.css +3 -0
- package/styles/drop-down-list/material-dark.css +3 -0
- package/styles/drop-down-list/material.css +3 -0
- package/styles/drop-down-list/tailwind-dark.css +3 -0
- package/styles/drop-down-list/tailwind.css +3 -0
- package/styles/fabric-dark.css +5 -2
- package/styles/fabric.css +5 -2
- package/styles/fluent-dark.css +5 -2
- package/styles/fluent.css +5 -2
- package/styles/highcontrast-light.css +5 -2
- package/styles/highcontrast.css +5 -2
- package/styles/material-dark.css +4 -1
- package/styles/material.css +4 -1
- package/styles/multi-select/_bootstrap-dark-definition.scss +1 -0
- package/styles/multi-select/_bootstrap-definition.scss +1 -0
- package/styles/multi-select/_bootstrap4-definition.scss +1 -0
- package/styles/multi-select/_bootstrap5-definition.scss +1 -0
- package/styles/multi-select/_fabric-dark-definition.scss +1 -0
- package/styles/multi-select/_fabric-definition.scss +1 -0
- package/styles/multi-select/_fluent-definition.scss +1 -0
- package/styles/multi-select/_fusionnew-definition.scss +1 -0
- package/styles/multi-select/_highcontrast-definition.scss +1 -0
- package/styles/multi-select/_highcontrast-light-definition.scss +1 -0
- package/styles/multi-select/_layout.scss +2 -2
- package/styles/multi-select/_material-dark-definition.scss +1 -0
- package/styles/multi-select/_material-definition.scss +1 -0
- package/styles/multi-select/_tailwind-definition.scss +1 -0
- package/styles/multi-select/bootstrap-dark.css +2 -2
- package/styles/multi-select/bootstrap.css +2 -2
- package/styles/multi-select/bootstrap4.css +2 -2
- package/styles/multi-select/bootstrap5-dark.css +2 -2
- package/styles/multi-select/bootstrap5.css +2 -2
- package/styles/multi-select/fabric-dark.css +2 -2
- package/styles/multi-select/fabric.css +2 -2
- package/styles/multi-select/fluent-dark.css +2 -2
- package/styles/multi-select/fluent.css +2 -2
- package/styles/multi-select/highcontrast-light.css +2 -2
- package/styles/multi-select/highcontrast.css +2 -2
- package/styles/multi-select/material-dark.css +1 -1
- package/styles/multi-select/material.css +1 -1
- package/styles/multi-select/tailwind-dark.css +2 -2
- package/styles/multi-select/tailwind.css +2 -2
- package/styles/tailwind-dark.css +5 -2
- package/styles/tailwind.css +5 -2
- package/.eslintrc.json +0 -259
- package/tslint.json +0 -111
|
@@ -2520,8 +2520,8 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
2520
2520
|
this.setScrollPosition(e);
|
|
2521
2521
|
}
|
|
2522
2522
|
if (Browser.info.name !== 'mozilla') {
|
|
2523
|
-
attributes(this.targetElement(), { 'aria-label': this.inputElement.value });
|
|
2524
2523
|
if (this.targetElement()) {
|
|
2524
|
+
attributes(this.targetElement(), { 'aria-label': this.inputElement.value });
|
|
2525
2525
|
attributes(this.targetElement(), { 'aria-describedby': this.inputElement.id != '' ? this.inputElement.id : this.element.id });
|
|
2526
2526
|
this.targetElement().removeAttribute('aria-live');
|
|
2527
2527
|
}
|
|
@@ -5469,7 +5469,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
5469
5469
|
if (isValid && this.value !== null && (this.value && this.value.length !== 0)) {
|
|
5470
5470
|
addClass([this.inputEle], CHIP_INPUT);
|
|
5471
5471
|
}
|
|
5472
|
-
else if (this.value === null || (this.value && this.value.length === 0)) {
|
|
5472
|
+
else if (this.value === null || (this.value && this.value.length === 0) || this.chipWrapper) {
|
|
5473
5473
|
addClass([this.chipWrapper], HIDEICON);
|
|
5474
5474
|
}
|
|
5475
5475
|
}
|
|
@@ -5827,6 +5827,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
5827
5827
|
nodeSelected: this.onNodeSelected.bind(this),
|
|
5828
5828
|
nodeChecked: this.onNodeChecked.bind(this),
|
|
5829
5829
|
nodeChecking: this.beforeCheck.bind(this),
|
|
5830
|
+
nodeExpanded: this.onNodeExpanded.bind(this),
|
|
5830
5831
|
actionFailure: this.onActionFailure.bind(this),
|
|
5831
5832
|
nodeClicked: this.onNodeClicked.bind(this),
|
|
5832
5833
|
dataBound: this.OnDataBound.bind(this),
|
|
@@ -5934,7 +5935,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
5934
5935
|
var height = Math.round(this.header.getBoundingClientRect().height);
|
|
5935
5936
|
popupHeight = formatUnit(parseInt(popupHeight, 10) - height + 'px');
|
|
5936
5937
|
}
|
|
5937
|
-
if (this.showCheckBox && this.showSelectAll) {
|
|
5938
|
+
if (this.showCheckBox && this.showSelectAll && (!this.popupDiv.classList.contains(NODATA))) {
|
|
5938
5939
|
var height = Math.round(this.checkAllParent.getBoundingClientRect().height);
|
|
5939
5940
|
popupHeight = formatUnit(parseInt(popupHeight, 10) - height + 'px');
|
|
5940
5941
|
}
|
|
@@ -6345,6 +6346,13 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
6345
6346
|
this.oldValue = this.value ? this.value.slice() : this.value;
|
|
6346
6347
|
}
|
|
6347
6348
|
};
|
|
6349
|
+
DropDownTree.prototype.onNodeExpanded = function (args) {
|
|
6350
|
+
if (this.hasTemplate && this.portals) {
|
|
6351
|
+
this.portals = [].concat(this.treeObj.portals);
|
|
6352
|
+
/* eslint-enable */
|
|
6353
|
+
this.renderReactTemplates();
|
|
6354
|
+
}
|
|
6355
|
+
};
|
|
6348
6356
|
DropDownTree.prototype.updateClearButton = function (state) {
|
|
6349
6357
|
if (state) {
|
|
6350
6358
|
if (!this.inputWrapper.contains(this.overAllClear)) {
|
|
@@ -6940,8 +6948,6 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
6940
6948
|
}
|
|
6941
6949
|
else {
|
|
6942
6950
|
this.noRecord = this.createElement('div');
|
|
6943
|
-
addClass([this.noRecord], NODATACONTAINER);
|
|
6944
|
-
prepend([this.noRecord], this.popupDiv);
|
|
6945
6951
|
}
|
|
6946
6952
|
if (this.noRecordsTemplate !== 'No Records Found' || this.actionFailureTemplate !== 'The Request Failed') {
|
|
6947
6953
|
var template = actionFailure ? this.actionFailureTemplate : this.noRecordsTemplate;
|
|
@@ -6953,6 +6959,8 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
6953
6959
|
if (tempArr) {
|
|
6954
6960
|
tempArr = Array.prototype.slice.call(tempArr);
|
|
6955
6961
|
append(tempArr, this.noRecord);
|
|
6962
|
+
addClass([this.noRecord], NODATACONTAINER);
|
|
6963
|
+
prepend([this.noRecord], this.popupDiv);
|
|
6956
6964
|
}
|
|
6957
6965
|
}
|
|
6958
6966
|
else {
|
|
@@ -6961,6 +6969,8 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
6961
6969
|
this.l10n = new L10n(this.getLocaleName(), l10nLocale, this.locale);
|
|
6962
6970
|
this.noRecord.innerHTML = actionFailure ?
|
|
6963
6971
|
this.l10n.getConstant('actionFailureTemplate') : this.l10n.getConstant('noRecordsTemplate');
|
|
6972
|
+
addClass([this.noRecord], NODATACONTAINER);
|
|
6973
|
+
prepend([this.noRecord], this.popupDiv);
|
|
6964
6974
|
}
|
|
6965
6975
|
};
|
|
6966
6976
|
DropDownTree.prototype.updateRecordTemplate = function (action) {
|
|
@@ -15702,6 +15712,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
15702
15712
|
else {
|
|
15703
15713
|
text = value;
|
|
15704
15714
|
}
|
|
15715
|
+
if (typeof (text) === 'string') {
|
|
15716
|
+
text = text.split("\\").join("\\\\");
|
|
15717
|
+
}
|
|
15705
15718
|
li = _this.list.querySelector('[data-value="' + text + '"]');
|
|
15706
15719
|
if (li) {
|
|
15707
15720
|
if (_this.selectionSettings.showCheckbox) {
|