@syncfusion/ej2-splitbuttons 19.4.48 → 20.1.55

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 (117) hide show
  1. package/CHANGELOG.md +1 -3
  2. package/README.md +1 -1
  3. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-splitbuttons.es2015.js +9 -2
  6. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  7. package/dist/es6/ej2-splitbuttons.es5.js +9 -2
  8. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  9. package/dist/global/ej2-splitbuttons.min.js +2 -2
  10. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +7 -7
  13. package/src/drop-down-button/drop-down-button.js +9 -2
  14. package/styles/bootstrap-dark.css +49 -375
  15. package/styles/bootstrap.css +49 -370
  16. package/styles/bootstrap4.css +57 -379
  17. package/styles/bootstrap5-dark.css +84 -389
  18. package/styles/bootstrap5.css +82 -387
  19. package/styles/button-group/_fluent-dark-definition.scss +1 -0
  20. package/styles/button-group/bootstrap-dark.css +1 -106
  21. package/styles/button-group/bootstrap.css +1 -100
  22. package/styles/button-group/bootstrap4.css +5 -111
  23. package/styles/button-group/bootstrap5-dark.css +3 -108
  24. package/styles/button-group/bootstrap5.css +1 -106
  25. package/styles/button-group/fabric-dark.css +1 -106
  26. package/styles/button-group/fabric.css +1 -106
  27. package/styles/button-group/fluent-dark.css +761 -0
  28. package/styles/button-group/fluent-dark.scss +4 -0
  29. package/styles/button-group/fluent.css +761 -0
  30. package/styles/button-group/fluent.scss +4 -0
  31. package/styles/button-group/highcontrast-light.css +1 -106
  32. package/styles/button-group/highcontrast.css +1 -118
  33. package/styles/button-group/material-dark.css +1 -106
  34. package/styles/button-group/material.css +1 -107
  35. package/styles/button-group/tailwind-dark.css +1 -102
  36. package/styles/button-group/tailwind.css +1 -102
  37. package/styles/drop-down-button/_bootstrap5-definition.scss +4 -4
  38. package/styles/drop-down-button/_fluent-dark-definition.scss +1 -0
  39. package/styles/drop-down-button/_fluent-definition.scss +5 -5
  40. package/styles/drop-down-button/_layout.scss +1 -1
  41. package/styles/drop-down-button/_tailwind-definition.scss +4 -4
  42. package/styles/drop-down-button/bootstrap-dark.css +2 -36
  43. package/styles/drop-down-button/bootstrap.css +2 -36
  44. package/styles/drop-down-button/bootstrap4.css +3 -36
  45. package/styles/drop-down-button/bootstrap5-dark.css +10 -43
  46. package/styles/drop-down-button/bootstrap5.css +10 -43
  47. package/styles/drop-down-button/fabric-dark.css +2 -36
  48. package/styles/drop-down-button/fabric.css +2 -36
  49. package/styles/drop-down-button/fluent-dark.css +213 -0
  50. package/styles/drop-down-button/fluent-dark.scss +6 -0
  51. package/styles/drop-down-button/fluent.css +213 -0
  52. package/styles/drop-down-button/fluent.scss +6 -0
  53. package/styles/drop-down-button/highcontrast-light.css +2 -36
  54. package/styles/drop-down-button/highcontrast.css +2 -36
  55. package/styles/drop-down-button/icons/_fluent-dark.scss +1 -0
  56. package/styles/drop-down-button/icons/_fluent.scss +1 -1
  57. package/styles/drop-down-button/icons/_tailwind-dark.scss +1 -1
  58. package/styles/drop-down-button/icons/_tailwind.scss +1 -1
  59. package/styles/drop-down-button/material-dark.css +2 -36
  60. package/styles/drop-down-button/material.css +2 -36
  61. package/styles/drop-down-button/tailwind-dark.css +9 -43
  62. package/styles/drop-down-button/tailwind.css +9 -43
  63. package/styles/fabric-dark.css +49 -375
  64. package/styles/fabric.css +49 -375
  65. package/styles/fluent-dark.css +1818 -0
  66. package/styles/fluent-dark.scss +4 -0
  67. package/styles/fluent.css +1818 -0
  68. package/styles/fluent.scss +4 -0
  69. package/styles/highcontrast-light.css +49 -375
  70. package/styles/highcontrast.css +49 -387
  71. package/styles/material-dark.css +49 -375
  72. package/styles/material.css +49 -376
  73. package/styles/progress-button/_bootstrap5-definition.scss +6 -6
  74. package/styles/progress-button/_fluent-dark-definition.scss +1 -0
  75. package/styles/progress-button/_fluent-definition.scss +2 -2
  76. package/styles/progress-button/_tailwind-definition.scss +5 -5
  77. package/styles/progress-button/_theme.scss +56 -11
  78. package/styles/progress-button/bootstrap-dark.css +48 -165
  79. package/styles/progress-button/bootstrap.css +48 -165
  80. package/styles/progress-button/bootstrap4.css +48 -165
  81. package/styles/progress-button/bootstrap5-dark.css +73 -174
  82. package/styles/progress-button/bootstrap5.css +73 -174
  83. package/styles/progress-button/fabric-dark.css +48 -165
  84. package/styles/progress-button/fabric.css +48 -165
  85. package/styles/progress-button/fluent-dark.css +544 -0
  86. package/styles/progress-button/fluent-dark.scss +5 -0
  87. package/styles/progress-button/fluent.css +544 -0
  88. package/styles/progress-button/fluent.scss +5 -0
  89. package/styles/progress-button/highcontrast-light.css +48 -165
  90. package/styles/progress-button/highcontrast.css +48 -165
  91. package/styles/progress-button/material-dark.css +48 -165
  92. package/styles/progress-button/material.css +48 -165
  93. package/styles/progress-button/tailwind-dark.css +68 -169
  94. package/styles/progress-button/tailwind.css +68 -169
  95. package/styles/split-button/_fluent-dark-definition.scss +1 -0
  96. package/styles/split-button/_fluent-definition.scss +2 -2
  97. package/styles/split-button/_layout.scss +32 -12
  98. package/styles/split-button/_tailwind-definition.scss +1 -1
  99. package/styles/split-button/bootstrap-dark.css +1 -71
  100. package/styles/split-button/bootstrap.css +1 -71
  101. package/styles/split-button/bootstrap4.css +4 -70
  102. package/styles/split-button/bootstrap5-dark.css +1 -67
  103. package/styles/split-button/bootstrap5.css +1 -67
  104. package/styles/split-button/fabric-dark.css +1 -71
  105. package/styles/split-button/fabric.css +1 -71
  106. package/styles/split-button/fluent-dark.css +297 -0
  107. package/styles/split-button/fluent-dark.scss +6 -0
  108. package/styles/split-button/fluent.css +297 -0
  109. package/styles/split-button/fluent.scss +6 -0
  110. package/styles/split-button/highcontrast-light.css +1 -71
  111. package/styles/split-button/highcontrast.css +1 -71
  112. package/styles/split-button/material-dark.css +1 -71
  113. package/styles/split-button/material.css +1 -71
  114. package/styles/split-button/tailwind-dark.css +10 -80
  115. package/styles/split-button/tailwind.css +10 -80
  116. package/styles/tailwind-dark.css +85 -392
  117. package/styles/tailwind.css +85 -392
@@ -365,13 +365,18 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
365
365
  }
366
366
  for (var i = 0; i < items.length; i++) {
367
367
  item = items[i];
368
- var tempItem = (this.enableHtmlSanitizer) ? SanitizeHtmlHelper.sanitize(item.text) : item.text;
368
+ var tempItem = item.text;
369
369
  li = this.createElement('li', {
370
- innerHTML: item.url ? '' : tempItem,
371
370
  className: item.separator ? classNames.ITEM + ' ' + classNames.SEPARATOR : classNames.ITEM,
372
371
  attrs: { 'role': 'menuItem', 'tabindex': '-1' },
373
372
  id: item.id ? item.id : getUniqueID('e-' + this.getModuleName() + '-item')
374
373
  });
374
+ if (this.enableHtmlSanitizer) {
375
+ li.textContent = item.url ? '' : tempItem;
376
+ }
377
+ else {
378
+ li.innerHTML = item.url ? '' : tempItem;
379
+ }
375
380
  if (item.url) {
376
381
  li.appendChild(this.createAnchor(item));
377
382
  li.classList.add('e-url');
@@ -680,12 +685,14 @@ var DropDownButton = /** @__PURE__ @class */ (function (_super) {
680
685
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
681
686
  if (splitButton.isReact && popupElem.childNodes.length < 1) {
682
687
  splitButton.appendReactElement(this.getTargetElement(), this.getPopUpElement());
688
+ this.renderReactTemplates();
683
689
  }
684
690
  }
685
691
  else {
686
692
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
687
693
  if (this.isReact && popupElem.childNodes.length < 1) {
688
694
  this.appendReactElement(this.getTargetElement(), this.getPopUpElement());
695
+ this.renderReactTemplates();
689
696
  }
690
697
  }
691
698
  }