@syncfusion/ej2-dropdowns 19.4.38 → 19.4.47
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 +8 -0
- 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 +15 -3
- package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
- package/dist/es6/ej2-dropdowns.es5.js +15 -3
- 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 +10 -10
- package/src/drop-down-base/drop-down-base.js +2 -1
- package/src/drop-down-list/drop-down-list.js +1 -1
- package/src/multi-select/multi-select.js +12 -1
- package/styles/bootstrap-dark.css +15 -0
- package/styles/bootstrap.css +15 -0
- package/styles/bootstrap4.css +15 -0
- package/styles/bootstrap5-dark.css +15 -0
- package/styles/bootstrap5.css +15 -0
- package/styles/fabric-dark.css +15 -0
- package/styles/fabric.css +15 -0
- package/styles/highcontrast-light.css +15 -0
- package/styles/highcontrast.css +15 -0
- package/styles/list-box/_bootstrap-dark-definition.scss +3 -0
- package/styles/list-box/_bootstrap-definition.scss +3 -0
- package/styles/list-box/_bootstrap4-definition.scss +3 -0
- package/styles/list-box/_bootstrap5-definition.scss +3 -0
- package/styles/list-box/_fabric-dark-definition.scss +3 -0
- package/styles/list-box/_fabric-definition.scss +3 -0
- package/styles/list-box/_fluent-definition.scss +3 -0
- package/styles/list-box/_highcontrast-definition.scss +3 -0
- package/styles/list-box/_highcontrast-light-definition.scss +3 -0
- package/styles/list-box/_material-dark-definition.scss +3 -0
- package/styles/list-box/_material-definition.scss +3 -0
- package/styles/list-box/_tailwind-definition.scss +3 -0
- package/styles/list-box/_theme.scss +8 -0
- package/styles/list-box/bootstrap-dark.css +10 -0
- package/styles/list-box/bootstrap.css +10 -0
- package/styles/list-box/bootstrap4.css +10 -0
- package/styles/list-box/bootstrap5-dark.css +10 -0
- package/styles/list-box/bootstrap5.css +10 -0
- package/styles/list-box/fabric-dark.css +10 -0
- package/styles/list-box/fabric.css +10 -0
- package/styles/list-box/highcontrast-light.css +10 -0
- package/styles/list-box/highcontrast.css +10 -0
- package/styles/list-box/material-dark.css +10 -0
- package/styles/list-box/material.css +10 -0
- package/styles/list-box/tailwind-dark.css +10 -0
- package/styles/list-box/tailwind.css +10 -0
- package/styles/material-dark.css +15 -0
- package/styles/material.css +15 -0
- 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/_highcontrast-definition.scss +1 -0
- package/styles/multi-select/_highcontrast-light-definition.scss +1 -0
- 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/_theme.scss +5 -0
- package/styles/multi-select/bootstrap-dark.css +5 -0
- package/styles/multi-select/bootstrap.css +5 -0
- package/styles/multi-select/bootstrap4.css +5 -0
- package/styles/multi-select/bootstrap5-dark.css +5 -0
- package/styles/multi-select/bootstrap5.css +5 -0
- package/styles/multi-select/fabric-dark.css +5 -0
- package/styles/multi-select/fabric.css +5 -0
- package/styles/multi-select/highcontrast-light.css +5 -0
- package/styles/multi-select/highcontrast.css +5 -0
- package/styles/multi-select/material-dark.css +5 -0
- package/styles/multi-select/material.css +5 -0
- package/styles/multi-select/tailwind-dark.css +5 -0
- package/styles/multi-select/tailwind.css +5 -0
- package/styles/tailwind-dark.css +15 -0
- package/styles/tailwind.css +15 -0
|
@@ -1225,7 +1225,8 @@ var DropDownBase = /** @__PURE__ @class */ (function (_super) {
|
|
|
1225
1225
|
li.innerText = itemText;
|
|
1226
1226
|
}
|
|
1227
1227
|
if (this.itemTemplate && !isHeader) {
|
|
1228
|
-
var
|
|
1228
|
+
var itemCheck = this.templateCompiler(this.itemTemplate);
|
|
1229
|
+
var compiledString = itemCheck ? compile(select(this.itemTemplate, document).innerHTML.trim()) : compile(this.itemTemplate);
|
|
1229
1230
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
1230
1231
|
var addItemTemplate = compiledString(item, this, 'itemTemplate', this.itemTemplateId, this.isStringTemplate, null, li);
|
|
1231
1232
|
if (addItemTemplate) {
|
|
@@ -3665,7 +3666,7 @@ var DropDownList = /** @__PURE__ @class */ (function (_super) {
|
|
|
3665
3666
|
DropDownList.prototype.checkCustomValue = function () {
|
|
3666
3667
|
this.itemData = this.getDataByValue(this.value);
|
|
3667
3668
|
var dataItem = this.getItemData();
|
|
3668
|
-
this.setProperties({ '
|
|
3669
|
+
this.setProperties({ 'text': dataItem.text, 'value': dataItem.value });
|
|
3669
3670
|
};
|
|
3670
3671
|
DropDownList.prototype.updateInputFields = function () {
|
|
3671
3672
|
if (this.getModuleName() === 'dropdownlist') {
|
|
@@ -11836,7 +11837,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
|
|
|
11836
11837
|
'li.e-list-item[aria-selected="true"]:not(.e-reorder-hide)');
|
|
11837
11838
|
}
|
|
11838
11839
|
if (this.enableGroupCheckBox && this.mode === 'CheckBox' && !isNullOrUndefined(this.fields.groupBy)) {
|
|
11839
|
-
var target = (event ? event.target : null);
|
|
11840
|
+
var target = (event ? (this.groupTemplate ? closest(event.target, '.e-list-group-item') : event.target) : null);
|
|
11840
11841
|
target = (event && event.keyCode === 32) ? list : target;
|
|
11841
11842
|
target = (target && target.classList.contains('e-frame')) ? target.parentElement.parentElement : target;
|
|
11842
11843
|
if (target && target.classList.contains('e-list-group-item')) {
|
|
@@ -12210,6 +12211,17 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
|
|
|
12210
12211
|
this.notify('selectAllText', false);
|
|
12211
12212
|
break;
|
|
12212
12213
|
case 'popupHeight':
|
|
12214
|
+
if (this.popupObj) {
|
|
12215
|
+
var overAllHeight = parseInt(this.popupHeight, 10);
|
|
12216
|
+
if (this.popupHeight !== 'auto') {
|
|
12217
|
+
this.list.style.maxHeight = formatUnit(overAllHeight);
|
|
12218
|
+
this.popupWrapper.style.maxHeight = formatUnit(this.popupHeight);
|
|
12219
|
+
}
|
|
12220
|
+
else {
|
|
12221
|
+
this.list.style.maxHeight = formatUnit(this.popupHeight);
|
|
12222
|
+
}
|
|
12223
|
+
}
|
|
12224
|
+
break;
|
|
12213
12225
|
case 'headerTemplate':
|
|
12214
12226
|
case 'footerTemplate':
|
|
12215
12227
|
this.reInitializePoup();
|