@syncfusion/ej2-dropdowns 26.1.35 → 26.1.39
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 +35 -5
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +35 -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 +19 -3
- package/src/list-box/list-box.d.ts +5 -0
- package/src/list-box/list-box.js +15 -1
- package/src/mention/mention.js +1 -1
- package/styles/auto-complete/fluent2.css +5 -5
- package/styles/bootstrap-dark.css +1 -0
- package/styles/bootstrap.css +1 -0
- package/styles/bootstrap4.css +1 -0
- package/styles/bootstrap5-dark.css +1 -0
- package/styles/bootstrap5.css +1 -0
- 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/_layout.scss +1 -0
- package/styles/drop-down-tree/bootstrap-dark.css +1 -0
- package/styles/drop-down-tree/bootstrap.css +1 -0
- package/styles/drop-down-tree/bootstrap4.css +1 -0
- package/styles/drop-down-tree/bootstrap5-dark.css +1 -0
- package/styles/drop-down-tree/bootstrap5.css +1 -0
- package/styles/drop-down-tree/fabric-dark.css +1 -0
- package/styles/drop-down-tree/fabric.css +1 -0
- package/styles/drop-down-tree/fluent-dark.css +1 -0
- package/styles/drop-down-tree/fluent.css +1 -0
- package/styles/drop-down-tree/fluent2.css +6 -5
- package/styles/drop-down-tree/highcontrast-light.css +1 -0
- package/styles/drop-down-tree/highcontrast.css +1 -0
- package/styles/drop-down-tree/material-dark.css +1 -0
- package/styles/drop-down-tree/material.css +1 -0
- package/styles/drop-down-tree/material3-dark.css +1 -0
- package/styles/drop-down-tree/material3.css +1 -0
- package/styles/drop-down-tree/tailwind-dark.css +1 -0
- package/styles/drop-down-tree/tailwind.css +1 -0
- package/styles/fabric-dark.css +1 -0
- package/styles/fabric.css +1 -0
- package/styles/fluent-dark.css +1 -0
- package/styles/fluent.css +1 -0
- package/styles/fluent2.css +6 -5
- package/styles/highcontrast-light.css +1 -0
- package/styles/highcontrast.css +1 -0
- package/styles/list-box/fluent2.css +5 -5
- package/styles/material-dark.css +1 -0
- package/styles/material.css +1 -0
- package/styles/material3-dark.css +1 -0
- package/styles/material3.css +1 -0
- package/styles/mention/fluent2.css +5 -5
- package/styles/multi-select/fluent2.css +5 -5
- package/styles/tailwind-dark.css +1 -0
- package/styles/tailwind.css +1 -0
|
@@ -7354,7 +7354,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
7354
7354
|
var checkValue;
|
|
7355
7355
|
var isObjectValue = isChild && isChildFiltering && this.isChildObject();
|
|
7356
7356
|
checkValue = isObjectValue ? node[this.fields.child.text] : node[this.fields.text];
|
|
7357
|
-
if (!checkValue) {
|
|
7357
|
+
if (!checkValue && !isNullOrUndefined(this.fields.child.text)) {
|
|
7358
7358
|
var tempChild = this.fields.child;
|
|
7359
7359
|
while (!node[tempChild.text]) {
|
|
7360
7360
|
tempChild = tempChild.child;
|
|
@@ -8220,6 +8220,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
8220
8220
|
}
|
|
8221
8221
|
this.currentText = this.text;
|
|
8222
8222
|
this.currentValue = this.value;
|
|
8223
|
+
if (!isNullOrUndefined(this.value) && this.value.length > 0 && !isNullOrUndefined(this.currentText)) {
|
|
8224
|
+
this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
|
|
8225
|
+
}
|
|
8223
8226
|
if (this.isInitialized) {
|
|
8224
8227
|
this.triggerChangeEvent();
|
|
8225
8228
|
}
|
|
@@ -8760,6 +8763,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
8760
8763
|
this.setProperties({ text: selectedText }, true);
|
|
8761
8764
|
this.currentText = this.text;
|
|
8762
8765
|
this.currentValue = this.value;
|
|
8766
|
+
if (!isNullOrUndefined(this.value) && this.value.length > 0) {
|
|
8767
|
+
this.inputWrapper.setAttribute('aria-label', args.nodeData.text.toString());
|
|
8768
|
+
}
|
|
8763
8769
|
attributes(this.inputWrapper, { 'aria-describedby': this.element.id });
|
|
8764
8770
|
attributes(this.inputWrapper, { 'aria-activedescendant': id.toString() });
|
|
8765
8771
|
this.updateHiddenValue();
|
|
@@ -8811,7 +8817,6 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
8811
8817
|
this.ensurePlaceHolder();
|
|
8812
8818
|
}
|
|
8813
8819
|
if (this.showSelectAll && this.checkBoxElement) {
|
|
8814
|
-
var nodes = this.treeObj.element.querySelectorAll('li');
|
|
8815
8820
|
var checkedNodes = this.treeObj.element.querySelectorAll('li[aria-checked=true]');
|
|
8816
8821
|
var wrap = closest(this.checkBoxElement, '.' + CHECKBOXWRAP);
|
|
8817
8822
|
if (wrap && args.action === 'uncheck' && (args.isInteracted || checkedNodes.length === 0 || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'false'))) {
|
|
@@ -8819,7 +8824,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
8819
8824
|
this.changeState(wrap, 'uncheck');
|
|
8820
8825
|
this.isReverseUpdate = false;
|
|
8821
8826
|
}
|
|
8822
|
-
else if (wrap && args.action === 'check'
|
|
8827
|
+
else if (wrap && args.action === 'check'
|
|
8828
|
+
&& checkedNodes.length === this.fields.dataSource.length
|
|
8829
|
+
&& (args.isInteracted || this.isCheckAllCalled || (!isNullOrUndefined(args.data[0]) && args.data[0].isChecked === 'true'))) {
|
|
8823
8830
|
this.isReverseUpdate = true;
|
|
8824
8831
|
this.isCheckAllCalled = false;
|
|
8825
8832
|
this.changeState(wrap, 'check');
|
|
@@ -9129,6 +9136,12 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
9129
9136
|
}
|
|
9130
9137
|
this.currentText = this.text;
|
|
9131
9138
|
this.currentValue = this.value;
|
|
9139
|
+
if (!isNullOrUndefined(this.value) && this.value.length > 0 && !isNullOrUndefined(this.currentText)) {
|
|
9140
|
+
this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
|
|
9141
|
+
}
|
|
9142
|
+
else {
|
|
9143
|
+
this.inputWrapper.setAttribute('aria-label', this.getModuleName());
|
|
9144
|
+
}
|
|
9132
9145
|
};
|
|
9133
9146
|
DropDownTree.prototype.setChipValues = function (text, value) {
|
|
9134
9147
|
if (!this.inputWrapper.contains(this.chipWrapper)) {
|
|
@@ -9309,6 +9322,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
9309
9322
|
this.oldValue = this.value;
|
|
9310
9323
|
this.setProperties({ value: [] }, true);
|
|
9311
9324
|
}
|
|
9325
|
+
if (isNullOrUndefined(this.value) || this.value.length === 0) {
|
|
9326
|
+
this.inputWrapper.setAttribute('aria-label', this.getModuleName());
|
|
9327
|
+
}
|
|
9312
9328
|
this.dataValue = null;
|
|
9313
9329
|
this.setProperties({ text: null }, true);
|
|
9314
9330
|
this.selectedData = [];
|
|
@@ -18316,6 +18332,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
18316
18332
|
this.list.setAttribute('role', 'listbox');
|
|
18317
18333
|
attributes(this.list, { 'role': 'listbox', 'aria-label': 'listbox', 'aria-multiselectable': this.selectionSettings.mode === 'Multiple' ? 'true' : 'false' });
|
|
18318
18334
|
this.updateSelectionSettings();
|
|
18335
|
+
this.resizeHandler();
|
|
18319
18336
|
};
|
|
18320
18337
|
ListBox.prototype.updateSelectionSettings = function () {
|
|
18321
18338
|
if (this.selectionSettings.showCheckbox && this.selectionSettings.showSelectAll && this.liCollections.length) {
|
|
@@ -19297,6 +19314,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
19297
19314
|
if (form) {
|
|
19298
19315
|
EventHandler.add(form, 'reset', this.formResetHandler, this);
|
|
19299
19316
|
}
|
|
19317
|
+
window.addEventListener('resize', this.resizeHandler.bind(this));
|
|
19300
19318
|
};
|
|
19301
19319
|
ListBox.prototype.wireToolbarEvent = function () {
|
|
19302
19320
|
if (this.toolbarSettings.items.length) {
|
|
@@ -19318,6 +19336,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
19318
19336
|
if (form) {
|
|
19319
19337
|
EventHandler.remove(form, 'reset', this.formResetHandler);
|
|
19320
19338
|
}
|
|
19339
|
+
window.removeEventListener('resize', this.resizeHandler.bind(this));
|
|
19321
19340
|
};
|
|
19322
19341
|
ListBox.prototype.clickHandler = function (e) {
|
|
19323
19342
|
var li = closest(e.target, '.' + 'e-list-item');
|
|
@@ -19391,6 +19410,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
19391
19410
|
if (this.height.toString().indexOf('%') < 0) {
|
|
19392
19411
|
addClass([this.list], 'e-filter-list');
|
|
19393
19412
|
}
|
|
19413
|
+
else if (this.height.toString().indexOf('%') > 0) {
|
|
19414
|
+
this.ulElement.style.height = (this.ulElement.offsetHeight - this.filterParent.offsetHeight) + 'px';
|
|
19415
|
+
}
|
|
19394
19416
|
this.inputString = this.filterInput.value;
|
|
19395
19417
|
this.filterWireEvents();
|
|
19396
19418
|
return filterInputObj;
|
|
@@ -19975,7 +19997,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
19975
19997
|
else {
|
|
19976
19998
|
elems = [args.target];
|
|
19977
19999
|
}
|
|
19978
|
-
return { elements: elems, items: this.getDataByElems(elems) };
|
|
20000
|
+
return { elements: elems, event: args.event, items: this.getDataByElems(elems) };
|
|
19979
20001
|
};
|
|
19980
20002
|
ListBox.prototype.onKeyDown = function (e) {
|
|
19981
20003
|
this.keyDownHandler(e);
|
|
@@ -20171,6 +20193,14 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
20171
20193
|
this.refreshClearIcon();
|
|
20172
20194
|
}
|
|
20173
20195
|
};
|
|
20196
|
+
ListBox.prototype.resizeHandler = function () {
|
|
20197
|
+
if (this.list.scrollWidth > this.list.offsetWidth) {
|
|
20198
|
+
this.list.querySelector('.e-list-parent').style.display = 'inline-block';
|
|
20199
|
+
}
|
|
20200
|
+
else {
|
|
20201
|
+
this.list.querySelector('.e-list-parent').style.display = 'block';
|
|
20202
|
+
}
|
|
20203
|
+
};
|
|
20174
20204
|
ListBox.prototype.getValidIndex = function (cli, index, keyCode) {
|
|
20175
20205
|
var cul = this.ulElement;
|
|
20176
20206
|
if (cli.classList.contains('e-disabled') || cli.classList.contains(cssClass.group)) {
|
|
@@ -20942,7 +20972,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
|
|
|
20942
20972
|
var isNavigation = (e.action === 'down' || e.action === 'up' || e.action === 'pageUp' || e.action === 'pageDown'
|
|
20943
20973
|
|| e.action === 'home' || e.action === 'end');
|
|
20944
20974
|
var isTabAction = e.action === 'tab' || e.action === 'close';
|
|
20945
|
-
if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space') {
|
|
20975
|
+
if (this.list === undefined && !this.isRequested && !isTabAction && e.action !== 'escape' && e.action !== 'space' && this.mentionChar.charCodeAt(0) === this.getLastLetter(this.getTextRange()).charCodeAt(0)) {
|
|
20946
20976
|
this.renderList();
|
|
20947
20977
|
}
|
|
20948
20978
|
if (isNullOrUndefined(this.list) || (!isNullOrUndefined(this.liCollections) &&
|