@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
@@ -333,13 +333,18 @@ let DropDownButton = class DropDownButton extends Component {
333
333
  }
334
334
  for (let i = 0; i < items.length; i++) {
335
335
  item = items[i];
336
- const tempItem = (this.enableHtmlSanitizer) ? SanitizeHtmlHelper.sanitize(item.text) : item.text;
336
+ const tempItem = item.text;
337
337
  li = this.createElement('li', {
338
- innerHTML: item.url ? '' : tempItem,
339
338
  className: item.separator ? classNames.ITEM + ' ' + classNames.SEPARATOR : classNames.ITEM,
340
339
  attrs: { 'role': 'menuItem', 'tabindex': '-1' },
341
340
  id: item.id ? item.id : getUniqueID('e-' + this.getModuleName() + '-item')
342
341
  });
342
+ if (this.enableHtmlSanitizer) {
343
+ li.textContent = item.url ? '' : tempItem;
344
+ }
345
+ else {
346
+ li.innerHTML = item.url ? '' : tempItem;
347
+ }
343
348
  if (item.url) {
344
349
  li.appendChild(this.createAnchor(item));
345
350
  li.classList.add('e-url');
@@ -645,12 +650,14 @@ let DropDownButton = class DropDownButton extends Component {
645
650
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
646
651
  if (splitButton.isReact && popupElem.childNodes.length < 1) {
647
652
  splitButton.appendReactElement(this.getTargetElement(), this.getPopUpElement());
653
+ this.renderReactTemplates();
648
654
  }
649
655
  }
650
656
  else {
651
657
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
652
658
  if (this.isReact && popupElem.childNodes.length < 1) {
653
659
  this.appendReactElement(this.getTargetElement(), this.getPopUpElement());
660
+ this.renderReactTemplates();
654
661
  }
655
662
  }
656
663
  }