@syncfusion/ej2-dropdowns 24.1.41 → 24.1.43
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 +20 -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 +38 -2
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +38 -2
- 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 +6 -6
- package/src/auto-complete/auto-complete.js +1 -1
- package/src/drop-down-list/drop-down-list.js +27 -0
- package/src/list-box/list-box.d.ts +1 -0
- package/src/list-box/list-box.js +4 -0
- package/src/mention/mention.js +6 -1
- package/styles/bootstrap-dark.css +0 -3
- package/styles/bootstrap.css +0 -3
- package/styles/bootstrap4.css +0 -3
- package/styles/bootstrap5-dark.css +0 -3
- package/styles/bootstrap5.css +0 -3
- package/styles/drop-down-base/_layout.scss +0 -3
- package/styles/drop-down-base/bootstrap-dark.css +0 -3
- package/styles/drop-down-base/bootstrap.css +0 -3
- package/styles/drop-down-base/bootstrap4.css +0 -3
- package/styles/drop-down-base/bootstrap5-dark.css +0 -3
- package/styles/drop-down-base/bootstrap5.css +0 -3
- package/styles/drop-down-base/fabric-dark.css +0 -3
- package/styles/drop-down-base/fabric.css +0 -3
- package/styles/drop-down-base/fluent-dark.css +0 -3
- package/styles/drop-down-base/fluent.css +0 -3
- package/styles/drop-down-base/highcontrast-light.css +0 -3
- package/styles/drop-down-base/highcontrast.css +0 -3
- package/styles/drop-down-base/material-dark.css +0 -3
- package/styles/drop-down-base/material.css +0 -3
- package/styles/drop-down-base/material3-dark.css +0 -3
- package/styles/drop-down-base/material3.css +0 -3
- package/styles/drop-down-base/tailwind-dark.css +0 -3
- package/styles/drop-down-base/tailwind.css +0 -3
- package/styles/fabric-dark.css +0 -3
- package/styles/fabric.css +0 -3
- package/styles/fluent-dark.css +0 -3
- package/styles/fluent.css +0 -3
- package/styles/highcontrast-light.css +0 -3
- package/styles/highcontrast.css +0 -3
- package/styles/material-dark.css +0 -3
- package/styles/material.css +0 -3
- package/styles/material3-dark.css +0 -3
- package/styles/material3.css +0 -3
- package/styles/tailwind-dark.css +0 -3
- package/styles/tailwind.css +0 -3
|
@@ -3231,6 +3231,14 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
3231
3231
|
this.activeIndex = filterIndex;
|
|
3232
3232
|
}
|
|
3233
3233
|
}
|
|
3234
|
+
if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
|
|
3235
|
+
if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-item-focus')[0])) {
|
|
3236
|
+
attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-item-focus')[0].id });
|
|
3237
|
+
}
|
|
3238
|
+
else if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-active')[0])) {
|
|
3239
|
+
attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-active')[0].id });
|
|
3240
|
+
}
|
|
3241
|
+
}
|
|
3234
3242
|
e.preventDefault();
|
|
3235
3243
|
};
|
|
3236
3244
|
DropDownList.prototype.updateVirtualItemIndex = function () {
|
|
@@ -3364,6 +3372,14 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
3364
3372
|
previousItem = this.liCollections[this.skeletonCount];
|
|
3365
3373
|
}
|
|
3366
3374
|
this.PageUpDownSelection(previousItem, event);
|
|
3375
|
+
if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
|
|
3376
|
+
if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-item-focus')[0])) {
|
|
3377
|
+
attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-item-focus')[0].id });
|
|
3378
|
+
}
|
|
3379
|
+
else if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-active')[0])) {
|
|
3380
|
+
attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-active')[0].id });
|
|
3381
|
+
}
|
|
3382
|
+
}
|
|
3367
3383
|
};
|
|
3368
3384
|
DropDownList.prototype.PageUpDownSelection = function (previousItem, event) {
|
|
3369
3385
|
if (this.enableVirtualization) {
|
|
@@ -3382,6 +3398,14 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
3382
3398
|
previousItem = steps <= list.length ? this.liCollections[steps + this.skeletonCount - 1] : this.liCollections[list.length - 1];
|
|
3383
3399
|
}
|
|
3384
3400
|
this.PageUpDownSelection(previousItem, event);
|
|
3401
|
+
if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
|
|
3402
|
+
if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-item-focus')[0])) {
|
|
3403
|
+
attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-item-focus')[0].id });
|
|
3404
|
+
}
|
|
3405
|
+
else if (!isNullOrUndefined(this.ulElement) && !isNullOrUndefined(this.ulElement.getElementsByClassName('e-active')[0])) {
|
|
3406
|
+
attributes(this.filterInput, { 'aria-activedescendant': this.ulElement.getElementsByClassName('e-active')[0].id });
|
|
3407
|
+
}
|
|
3408
|
+
}
|
|
3385
3409
|
};
|
|
3386
3410
|
DropDownList.prototype.unWireEvent = function () {
|
|
3387
3411
|
if (!isNullOrUndefined(this.inputWrapper)) {
|
|
@@ -5048,6 +5072,9 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
5048
5072
|
EventHandler.remove(this.filterInput, 'blur', this.onBlurHandler);
|
|
5049
5073
|
EventHandler.remove(this.filterInput, 'paste', this.pasteHandler);
|
|
5050
5074
|
}
|
|
5075
|
+
if (this.allowFiltering && this.getModuleName() === 'dropdownlist') {
|
|
5076
|
+
this.filterInput.removeAttribute('aria-activedescendant');
|
|
5077
|
+
}
|
|
5051
5078
|
this.filterInput = null;
|
|
5052
5079
|
}
|
|
5053
5080
|
attributes(this.targetElement(), { 'aria-expanded': 'false' });
|
|
@@ -10569,7 +10596,7 @@ var AutoComplete = /** @__PURE__ @class */ (function (_super) {
|
|
|
10569
10596
|
_super.prototype.renderPopup.call(this, e);
|
|
10570
10597
|
};
|
|
10571
10598
|
AutoComplete.prototype.isEditTextBox = function () {
|
|
10572
|
-
return
|
|
10599
|
+
return false;
|
|
10573
10600
|
};
|
|
10574
10601
|
AutoComplete.prototype.isPopupButton = function () {
|
|
10575
10602
|
return this.showPopupButton;
|
|
@@ -15938,6 +15965,7 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
15938
15965
|
this.initLoad = true;
|
|
15939
15966
|
this.isCustomFiltering = false;
|
|
15940
15967
|
this.initialSelectedOptions = this.value;
|
|
15968
|
+
this.inputFormName = this.element.getAttribute('name');
|
|
15941
15969
|
_super.prototype.render.call(this);
|
|
15942
15970
|
this.setEnabled();
|
|
15943
15971
|
this.renderComplete();
|
|
@@ -16086,6 +16114,9 @@ var ListBox = /** @__PURE__ @class */ (function (_super) {
|
|
|
16086
16114
|
});
|
|
16087
16115
|
};
|
|
16088
16116
|
ListBox.prototype.validationAttribute = function (input, hiddenSelect) {
|
|
16117
|
+
if (this.inputFormName) {
|
|
16118
|
+
input.setAttribute('name', this.inputFormName);
|
|
16119
|
+
}
|
|
16089
16120
|
_super.prototype.validationAttribute.call(this, input, hiddenSelect);
|
|
16090
16121
|
hiddenSelect.required = input.required;
|
|
16091
16122
|
input.required = false;
|
|
@@ -18589,12 +18620,17 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
|
|
|
18589
18620
|
}
|
|
18590
18621
|
var currentRange = this.getTextRange();
|
|
18591
18622
|
var lastWordRange = this.getLastLetter(currentRange);
|
|
18623
|
+
var lastTwoLetters = this.mentionChar.toString() + this.mentionChar.toString();
|
|
18592
18624
|
// eslint-disable-next-line security/detect-non-literal-regexp
|
|
18593
18625
|
var Regex = new RegExp(this.mentionChar.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'g');
|
|
18594
18626
|
var charRegex = new RegExp('[a-zA-Z]', 'g');
|
|
18595
18627
|
if (e.key === 'Shift' || e.keyCode === 37 || e.keyCode === 39) {
|
|
18596
18628
|
return;
|
|
18597
18629
|
}
|
|
18630
|
+
if (this.beforePopupOpen && this.isPopupOpen && lastWordRange == lastTwoLetters) {
|
|
18631
|
+
this.hidePopup();
|
|
18632
|
+
return;
|
|
18633
|
+
}
|
|
18598
18634
|
if ((!currentRange || !lastWordRange) || e.code === 'Enter' || e.keyCode === 27 ||
|
|
18599
18635
|
(lastWordRange.match(Regex) && lastWordRange.match(Regex).length > 1) ||
|
|
18600
18636
|
(this.isContentEditable(this.inputElement) && this.range.startContainer &&
|
|
@@ -18736,7 +18772,7 @@ var Mention = /** @__PURE__ @class */ (function (_super) {
|
|
|
18736
18772
|
this.selectEventCallback(focusItem, this.getDataByValue(value), value, true);
|
|
18737
18773
|
}
|
|
18738
18774
|
if (this.beforePopupOpen && this.isPopupOpen) {
|
|
18739
|
-
if (
|
|
18775
|
+
if (!isNullOrUndefined(this.popupObj.element)) {
|
|
18740
18776
|
this.popupObj.element.remove();
|
|
18741
18777
|
}
|
|
18742
18778
|
this.renderPopup();
|