@syncfusion/ej2-splitbuttons 19.4.52 → 20.1.57

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 (116) hide show
  1. package/CHANGELOG.md +1 -3
  2. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  3. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-splitbuttons.es2015.js +9 -2
  5. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  6. package/dist/es6/ej2-splitbuttons.es5.js +9 -2
  7. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  8. package/dist/global/ej2-splitbuttons.min.js +2 -2
  9. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +7 -7
  12. package/src/drop-down-button/drop-down-button.js +9 -2
  13. package/styles/bootstrap-dark.css +49 -375
  14. package/styles/bootstrap.css +49 -370
  15. package/styles/bootstrap4.css +57 -379
  16. package/styles/bootstrap5-dark.css +84 -389
  17. package/styles/bootstrap5.css +82 -387
  18. package/styles/button-group/_fluent-dark-definition.scss +1 -0
  19. package/styles/button-group/bootstrap-dark.css +1 -106
  20. package/styles/button-group/bootstrap.css +1 -100
  21. package/styles/button-group/bootstrap4.css +5 -111
  22. package/styles/button-group/bootstrap5-dark.css +3 -108
  23. package/styles/button-group/bootstrap5.css +1 -106
  24. package/styles/button-group/fabric-dark.css +1 -106
  25. package/styles/button-group/fabric.css +1 -106
  26. package/styles/button-group/fluent-dark.css +761 -0
  27. package/styles/button-group/fluent-dark.scss +4 -0
  28. package/styles/button-group/fluent.css +761 -0
  29. package/styles/button-group/fluent.scss +4 -0
  30. package/styles/button-group/highcontrast-light.css +1 -106
  31. package/styles/button-group/highcontrast.css +1 -118
  32. package/styles/button-group/material-dark.css +1 -106
  33. package/styles/button-group/material.css +1 -107
  34. package/styles/button-group/tailwind-dark.css +1 -102
  35. package/styles/button-group/tailwind.css +1 -102
  36. package/styles/drop-down-button/_bootstrap5-definition.scss +4 -4
  37. package/styles/drop-down-button/_fluent-dark-definition.scss +1 -0
  38. package/styles/drop-down-button/_fluent-definition.scss +5 -5
  39. package/styles/drop-down-button/_layout.scss +1 -1
  40. package/styles/drop-down-button/_tailwind-definition.scss +4 -4
  41. package/styles/drop-down-button/bootstrap-dark.css +2 -36
  42. package/styles/drop-down-button/bootstrap.css +2 -36
  43. package/styles/drop-down-button/bootstrap4.css +3 -36
  44. package/styles/drop-down-button/bootstrap5-dark.css +10 -43
  45. package/styles/drop-down-button/bootstrap5.css +10 -43
  46. package/styles/drop-down-button/fabric-dark.css +2 -36
  47. package/styles/drop-down-button/fabric.css +2 -36
  48. package/styles/drop-down-button/fluent-dark.css +213 -0
  49. package/styles/drop-down-button/fluent-dark.scss +6 -0
  50. package/styles/drop-down-button/fluent.css +213 -0
  51. package/styles/drop-down-button/fluent.scss +6 -0
  52. package/styles/drop-down-button/highcontrast-light.css +2 -36
  53. package/styles/drop-down-button/highcontrast.css +2 -36
  54. package/styles/drop-down-button/icons/_fluent-dark.scss +1 -0
  55. package/styles/drop-down-button/icons/_fluent.scss +1 -1
  56. package/styles/drop-down-button/icons/_tailwind-dark.scss +1 -1
  57. package/styles/drop-down-button/icons/_tailwind.scss +1 -1
  58. package/styles/drop-down-button/material-dark.css +2 -36
  59. package/styles/drop-down-button/material.css +2 -36
  60. package/styles/drop-down-button/tailwind-dark.css +9 -43
  61. package/styles/drop-down-button/tailwind.css +9 -43
  62. package/styles/fabric-dark.css +49 -375
  63. package/styles/fabric.css +49 -375
  64. package/styles/fluent-dark.css +1818 -0
  65. package/styles/fluent-dark.scss +4 -0
  66. package/styles/fluent.css +1818 -0
  67. package/styles/fluent.scss +4 -0
  68. package/styles/highcontrast-light.css +49 -375
  69. package/styles/highcontrast.css +49 -387
  70. package/styles/material-dark.css +49 -375
  71. package/styles/material.css +49 -376
  72. package/styles/progress-button/_bootstrap5-definition.scss +6 -6
  73. package/styles/progress-button/_fluent-dark-definition.scss +1 -0
  74. package/styles/progress-button/_fluent-definition.scss +2 -2
  75. package/styles/progress-button/_tailwind-definition.scss +5 -5
  76. package/styles/progress-button/_theme.scss +56 -11
  77. package/styles/progress-button/bootstrap-dark.css +48 -165
  78. package/styles/progress-button/bootstrap.css +48 -165
  79. package/styles/progress-button/bootstrap4.css +48 -165
  80. package/styles/progress-button/bootstrap5-dark.css +73 -174
  81. package/styles/progress-button/bootstrap5.css +73 -174
  82. package/styles/progress-button/fabric-dark.css +48 -165
  83. package/styles/progress-button/fabric.css +48 -165
  84. package/styles/progress-button/fluent-dark.css +544 -0
  85. package/styles/progress-button/fluent-dark.scss +5 -0
  86. package/styles/progress-button/fluent.css +544 -0
  87. package/styles/progress-button/fluent.scss +5 -0
  88. package/styles/progress-button/highcontrast-light.css +48 -165
  89. package/styles/progress-button/highcontrast.css +48 -165
  90. package/styles/progress-button/material-dark.css +48 -165
  91. package/styles/progress-button/material.css +48 -165
  92. package/styles/progress-button/tailwind-dark.css +68 -169
  93. package/styles/progress-button/tailwind.css +68 -169
  94. package/styles/split-button/_fluent-dark-definition.scss +1 -0
  95. package/styles/split-button/_fluent-definition.scss +2 -2
  96. package/styles/split-button/_layout.scss +32 -12
  97. package/styles/split-button/_tailwind-definition.scss +1 -1
  98. package/styles/split-button/bootstrap-dark.css +1 -71
  99. package/styles/split-button/bootstrap.css +1 -71
  100. package/styles/split-button/bootstrap4.css +4 -70
  101. package/styles/split-button/bootstrap5-dark.css +1 -67
  102. package/styles/split-button/bootstrap5.css +1 -67
  103. package/styles/split-button/fabric-dark.css +1 -71
  104. package/styles/split-button/fabric.css +1 -71
  105. package/styles/split-button/fluent-dark.css +297 -0
  106. package/styles/split-button/fluent-dark.scss +6 -0
  107. package/styles/split-button/fluent.css +297 -0
  108. package/styles/split-button/fluent.scss +6 -0
  109. package/styles/split-button/highcontrast-light.css +1 -71
  110. package/styles/split-button/highcontrast.css +1 -71
  111. package/styles/split-button/material-dark.css +1 -71
  112. package/styles/split-button/material.css +1 -71
  113. package/styles/split-button/tailwind-dark.css +10 -80
  114. package/styles/split-button/tailwind.css +10 -80
  115. package/styles/tailwind-dark.css +85 -392
  116. 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
  }