@syncfusion/ej2-dropdowns 19.4.52 → 19.4.54

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.
Files changed (41) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/ej2-dropdowns.umd.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-dropdowns.es2015.js +10 -16
  5. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  6. package/dist/es6/ej2-dropdowns.es5.js +11 -16
  7. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  8. package/dist/global/ej2-dropdowns.min.js +2 -2
  9. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +8 -8
  12. package/src/combo-box/combo-box.js +4 -1
  13. package/src/drop-down-tree/drop-down-tree.js +6 -14
  14. package/src/multi-select/multi-select.js +1 -1
  15. package/styles/bootstrap-dark.css +8 -0
  16. package/styles/bootstrap.css +8 -0
  17. package/styles/bootstrap4.css +8 -0
  18. package/styles/bootstrap5-dark.css +8 -0
  19. package/styles/bootstrap5.css +8 -0
  20. package/styles/fabric-dark.css +8 -0
  21. package/styles/fabric.css +8 -0
  22. package/styles/highcontrast-light.css +8 -0
  23. package/styles/highcontrast.css +8 -0
  24. package/styles/material-dark.css +8 -0
  25. package/styles/material.css +8 -0
  26. package/styles/multi-select/_layout.scss +8 -0
  27. package/styles/multi-select/bootstrap-dark.css +8 -0
  28. package/styles/multi-select/bootstrap.css +8 -0
  29. package/styles/multi-select/bootstrap4.css +8 -0
  30. package/styles/multi-select/bootstrap5-dark.css +8 -0
  31. package/styles/multi-select/bootstrap5.css +8 -0
  32. package/styles/multi-select/fabric-dark.css +8 -0
  33. package/styles/multi-select/fabric.css +8 -0
  34. package/styles/multi-select/highcontrast-light.css +8 -0
  35. package/styles/multi-select/highcontrast.css +8 -0
  36. package/styles/multi-select/material-dark.css +8 -0
  37. package/styles/multi-select/material.css +8 -0
  38. package/styles/multi-select/tailwind-dark.css +8 -0
  39. package/styles/multi-select/tailwind.css +8 -0
  40. package/styles/tailwind-dark.css +8 -0
  41. package/styles/tailwind.css +8 -0
@@ -5121,13 +5121,10 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
5121
5121
  var l10nLocale = { overflowCountTemplate: '+${count} more..', totalCountTemplate: '${count} selected' };
5122
5122
  this.l10n = new L10n(this.getLocaleName(), l10nLocale, this.locale);
5123
5123
  var remainContent = this.l10n.getConstant('overflowCountTemplate');
5124
+ var totalContent = this.l10n.getConstant('totalCountTemplate');
5124
5125
  var remainElement = this.createElement('span', { className: REMAIN_WRAPPER });
5125
- // eslint-disable-next-line
5126
- var compiledString = compile(remainContent);
5127
- // eslint-disable-next-line
5128
- var totalCompiledString = compile(this.l10n.getConstant('totalCountTemplate'));
5129
- remainElement.appendChild(compiledString({ 'count': this.value.length }, this, 'overflowCountTemplate', null, !this.isStringTemplate)[0]);
5130
5126
  this.overFlowWrapper.appendChild(remainElement);
5127
+ remainElement.innerText = remainContent.replace('${count}', this.value.length.toString());
5131
5128
  var remainSize = remainElement.offsetWidth;
5132
5129
  remove(remainElement);
5133
5130
  if (this.showDropDownIcon) {
@@ -5209,7 +5206,7 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
5209
5206
  }
5210
5207
  }
5211
5208
  if (remaining > 0) {
5212
- this.overFlowWrapper.appendChild(this.updateRemainTemplate(remainElement, remaining, compiledString, totalCompiledString));
5209
+ this.overFlowWrapper.appendChild(this.updateRemainTemplate(remainElement, remaining, remainContent, totalContent));
5213
5210
  }
5214
5211
  if (this.mode === 'Box' && !this.overFlowWrapper.classList.contains(TOTAL_COUNT_WRAPPER)) {
5215
5212
  addClass([remainElement], REMAIN_COUNT);
@@ -5221,19 +5218,14 @@ var DropDownTree = /** @__PURE__ @class */ (function (_super) {
5221
5218
  }
5222
5219
  this.updateDelimMode();
5223
5220
  };
5224
- DropDownTree.prototype.updateRemainTemplate = function (remainElement, remaining,
5225
- // eslint-disable-next-line
5226
- compiledString,
5227
- // eslint-disable-next-line
5228
- totalCompiledString) {
5221
+ DropDownTree.prototype.updateRemainTemplate = function (remainElement, remaining, remainContent, totalContent) {
5229
5222
  if (this.overFlowWrapper.firstChild && this.overFlowWrapper.firstChild.nodeType === 3 &&
5230
5223
  this.overFlowWrapper.firstChild.nodeValue === '') {
5231
5224
  this.overFlowWrapper.removeChild(this.overFlowWrapper.firstChild);
5232
5225
  }
5233
5226
  remainElement.innerHTML = '';
5234
- remainElement.appendChild((this.overFlowWrapper.firstChild && (this.overFlowWrapper.firstChild.nodeType === 3 || this.mode === 'Box')) ?
5235
- compiledString({ 'count': remaining }, this, 'overflowCountTemplate', null, !this.isStringTemplate)[0] :
5236
- totalCompiledString({ 'count': remaining }, this, 'totalCountTemplate', null, !this.isStringTemplate)[0]);
5227
+ remainElement.innerText = (this.overFlowWrapper.firstChild && (this.overFlowWrapper.firstChild.nodeType === 3 || this.mode === 'Box')) ?
5228
+ remainContent.replace('${count}', remaining.toString()) : totalContent.replace('${count}', remaining.toString());
5237
5229
  if (this.overFlowWrapper.firstChild && (this.overFlowWrapper.firstChild.nodeType === 3 || this.mode === 'Box')) {
5238
5230
  removeClass([this.overFlowWrapper], TOTAL_COUNT_WRAPPER);
5239
5231
  }
@@ -7594,12 +7586,15 @@ var ComboBox = /** @__PURE__ @class */ (function (_super) {
7594
7586
  };
7595
7587
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
7596
7588
  ComboBox.prototype.onActionComplete = function (ulElement, list, e, isUpdated) {
7589
+ var _this = this;
7597
7590
  _super.prototype.onActionComplete.call(this, ulElement, list, e);
7598
7591
  if (this.isSelectCustom) {
7599
7592
  this.removeSelection();
7600
7593
  }
7601
7594
  if (!this.preventAutoFill && this.getModuleName() === 'combobox' && this.isTyped) {
7602
- this.inlineSearch();
7595
+ setTimeout(function () {
7596
+ _this.inlineSearch();
7597
+ });
7603
7598
  }
7604
7599
  };
7605
7600
  ComboBox.prototype.getFocusElement = function () {
@@ -9267,7 +9262,7 @@ var MultiSelect = /** @__PURE__ @class */ (function (_super) {
9267
9262
  addClass([listEle[0]], dropDownBaseClasses.focus);
9268
9263
  }
9269
9264
  else {
9270
- this.ulElement = this.ulElement.cloneNode ? this.ulElement.cloneNode(true) : this.ulElement;
9265
+ //EJ2-57588 - for this task, we prevent the ul element cloning ( this.ulElement = this.ulElement.cloneNode ? <HTMLElement>this.ulElement.cloneNode(true) : this.ulElement;)
9271
9266
  if (!(this.list && this.list.querySelectorAll('.' + dropDownBaseClasses.li).length > 0)) {
9272
9267
  this.l10nUpdate();
9273
9268
  addClass([this.list], dropDownBaseClasses.noData);