@syncfusion/ej2-dropdowns 26.1.35 → 26.1.38
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 +26 -0
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +26 -0
- 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 +15 -0
- package/src/list-box/list-box.d.ts +1 -0
- package/src/list-box/list-box.js +11 -0
- 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/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 +1 -0
- 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 +1 -0
- package/styles/highcontrast-light.css +1 -0
- package/styles/highcontrast.css +1 -0
- 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/tailwind-dark.css +1 -0
- package/styles/tailwind.css +1 -0
|
@@ -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();
|
|
@@ -9129,6 +9135,12 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
9129
9135
|
}
|
|
9130
9136
|
this.currentText = this.text;
|
|
9131
9137
|
this.currentValue = this.value;
|
|
9138
|
+
if (!isNullOrUndefined(this.value) && this.value.length > 0 && !isNullOrUndefined(this.currentText)) {
|
|
9139
|
+
this.inputWrapper.setAttribute('aria-label', this.currentText.split(',').join(' '));
|
|
9140
|
+
}
|
|
9141
|
+
else {
|
|
9142
|
+
this.inputWrapper.setAttribute('aria-label', this.getModuleName());
|
|
9143
|
+
}
|
|
9132
9144
|
};
|
|
9133
9145
|
DropDownTree.prototype.setChipValues = function (text, value) {
|
|
9134
9146
|
if (!this.inputWrapper.contains(this.chipWrapper)) {
|
|
@@ -9309,6 +9321,9 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
|
|
|
9309
9321
|
this.oldValue = this.value;
|
|
9310
9322
|
this.setProperties({ value: [] }, true);
|
|
9311
9323
|
}
|
|
9324
|
+
if (isNullOrUndefined(this.value) || this.value.length === 0) {
|
|
9325
|
+
this.inputWrapper.setAttribute('aria-label', this.getModuleName());
|
|
9326
|
+
}
|
|
9312
9327
|
this.dataValue = null;
|
|
9313
9328
|
this.setProperties({ text: null }, true);
|
|
9314
9329
|
this.selectedData = [];
|
|
@@ -18316,6 +18331,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
18316
18331
|
this.list.setAttribute('role', 'listbox');
|
|
18317
18332
|
attributes(this.list, { 'role': 'listbox', 'aria-label': 'listbox', 'aria-multiselectable': this.selectionSettings.mode === 'Multiple' ? 'true' : 'false' });
|
|
18318
18333
|
this.updateSelectionSettings();
|
|
18334
|
+
this.resizeHandler();
|
|
18319
18335
|
};
|
|
18320
18336
|
ListBox.prototype.updateSelectionSettings = function () {
|
|
18321
18337
|
if (this.selectionSettings.showCheckbox && this.selectionSettings.showSelectAll && this.liCollections.length) {
|
|
@@ -19297,6 +19313,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
19297
19313
|
if (form) {
|
|
19298
19314
|
EventHandler.add(form, 'reset', this.formResetHandler, this);
|
|
19299
19315
|
}
|
|
19316
|
+
window.addEventListener('resize', this.resizeHandler.bind(this));
|
|
19300
19317
|
};
|
|
19301
19318
|
ListBox.prototype.wireToolbarEvent = function () {
|
|
19302
19319
|
if (this.toolbarSettings.items.length) {
|
|
@@ -19318,6 +19335,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
19318
19335
|
if (form) {
|
|
19319
19336
|
EventHandler.remove(form, 'reset', this.formResetHandler);
|
|
19320
19337
|
}
|
|
19338
|
+
window.removeEventListener('resize', this.resizeHandler.bind(this));
|
|
19321
19339
|
};
|
|
19322
19340
|
ListBox.prototype.clickHandler = function (e) {
|
|
19323
19341
|
var li = closest(e.target, '.' + 'e-list-item');
|
|
@@ -20171,6 +20189,14 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
20171
20189
|
this.refreshClearIcon();
|
|
20172
20190
|
}
|
|
20173
20191
|
};
|
|
20192
|
+
ListBox.prototype.resizeHandler = function () {
|
|
20193
|
+
if (this.list.scrollWidth > this.list.offsetWidth) {
|
|
20194
|
+
this.list.querySelector('.e-list-parent').style.display = 'inline-block';
|
|
20195
|
+
}
|
|
20196
|
+
else {
|
|
20197
|
+
this.list.querySelector('.e-list-parent').style.display = 'block';
|
|
20198
|
+
}
|
|
20199
|
+
};
|
|
20174
20200
|
ListBox.prototype.getValidIndex = function (cli, index, keyCode) {
|
|
20175
20201
|
var cul = this.ulElement;
|
|
20176
20202
|
if (cli.classList.contains('e-disabled') || cli.classList.contains(cssClass.group)) {
|