@syncfusion/ej2-ribbon 22.1.34 → 22.2.5

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 (64) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/ej2-ribbon.umd.min.js +2 -2
  3. package/dist/ej2-ribbon.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-ribbon.es2015.js +5 -4
  5. package/dist/es6/ej2-ribbon.es2015.js.map +1 -1
  6. package/dist/es6/ej2-ribbon.es5.js +5 -4
  7. package/dist/es6/ej2-ribbon.es5.js.map +1 -1
  8. package/dist/global/ej2-ribbon.min.js +2 -2
  9. package/dist/global/ej2-ribbon.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +12 -12
  12. package/src/ribbon/base/utils.js +5 -4
  13. package/styles/bootstrap-dark.css +1 -0
  14. package/styles/bootstrap.css +1 -0
  15. package/styles/bootstrap4.css +1 -0
  16. package/styles/bootstrap5-dark.css +1 -0
  17. package/styles/bootstrap5.css +1 -0
  18. package/styles/fabric-dark.css +1 -0
  19. package/styles/fabric.css +1 -0
  20. package/styles/fluent-dark.css +1 -0
  21. package/styles/fluent.css +1 -0
  22. package/styles/highcontrast-light.css +1 -0
  23. package/styles/highcontrast.css +1 -0
  24. package/styles/material-dark.css +1 -0
  25. package/styles/material.css +1 -0
  26. package/styles/material3-dark.css +1 -0
  27. package/styles/material3.css +1 -0
  28. package/styles/ribbon/_layout.scss +1 -0
  29. package/styles/ribbon/bootstrap-dark.css +1 -0
  30. package/styles/ribbon/bootstrap-dark.scss +1 -0
  31. package/styles/ribbon/bootstrap.css +1 -0
  32. package/styles/ribbon/bootstrap.scss +1 -0
  33. package/styles/ribbon/bootstrap4.css +1 -0
  34. package/styles/ribbon/bootstrap4.scss +1 -0
  35. package/styles/ribbon/bootstrap5-dark.css +1 -0
  36. package/styles/ribbon/bootstrap5-dark.scss +1 -0
  37. package/styles/ribbon/bootstrap5.css +1 -0
  38. package/styles/ribbon/bootstrap5.scss +1 -0
  39. package/styles/ribbon/fabric-dark.css +1 -0
  40. package/styles/ribbon/fabric-dark.scss +1 -0
  41. package/styles/ribbon/fabric.css +1 -0
  42. package/styles/ribbon/fabric.scss +1 -0
  43. package/styles/ribbon/fluent-dark.css +1 -0
  44. package/styles/ribbon/fluent-dark.scss +1 -0
  45. package/styles/ribbon/fluent.css +1 -0
  46. package/styles/ribbon/fluent.scss +1 -0
  47. package/styles/ribbon/highcontrast-light.css +1 -0
  48. package/styles/ribbon/highcontrast-light.scss +1 -0
  49. package/styles/ribbon/highcontrast.css +1 -0
  50. package/styles/ribbon/highcontrast.scss +1 -0
  51. package/styles/ribbon/material-dark.css +1 -0
  52. package/styles/ribbon/material-dark.scss +1 -0
  53. package/styles/ribbon/material.css +1 -0
  54. package/styles/ribbon/material.scss +1 -0
  55. package/styles/ribbon/material3-dark.css +1 -0
  56. package/styles/ribbon/material3-dark.scss +1 -0
  57. package/styles/ribbon/material3.css +1 -0
  58. package/styles/ribbon/material3.scss +1 -0
  59. package/styles/ribbon/tailwind-dark.css +1 -0
  60. package/styles/ribbon/tailwind-dark.scss +1 -0
  61. package/styles/ribbon/tailwind.css +1 -0
  62. package/styles/ribbon/tailwind.scss +1 -0
  63. package/styles/tailwind-dark.css +1 -0
  64. package/styles/tailwind.css +1 -0
@@ -2493,7 +2493,7 @@ function setToolTipContent(args, tooltip, tooltipData) {
2493
2493
  content.appendChild(textContainer);
2494
2494
  if (data.iconCss) {
2495
2495
  const customCss = tooltip.createElement('div', {
2496
- className: data.cssClass ? data.cssClass + ' ' + data.iconCss + ' ' + RIBBON_TOOLTIP_ICON : data.iconCss + ' ' + RIBBON_TOOLTIP_ICON
2496
+ className: data.iconCss + ' ' + RIBBON_TOOLTIP_ICON
2497
2497
  });
2498
2498
  textContainer.appendChild(customCss);
2499
2499
  }
@@ -2505,7 +2505,8 @@ function setToolTipContent(args, tooltip, tooltipData) {
2505
2505
  textContainer.appendChild(tooltipContent);
2506
2506
  }
2507
2507
  tooltip.setProperties({
2508
- content: content
2508
+ content: content,
2509
+ cssClass: data.cssClass ? data.cssClass + ' ' + RIBBON_TOOLTIP : RIBBON_TOOLTIP
2509
2510
  });
2510
2511
  }
2511
2512
  /**
@@ -2518,9 +2519,9 @@ function setToolTipContent(args, tooltip, tooltipData) {
2518
2519
  */
2519
2520
  function createTooltip(element, ribbon) {
2520
2521
  const ribbonTooltip = new Tooltip({
2521
- cssClass: (RIBBON_TOOLTIP + ' ' + ribbon.cssClass).trim(),
2522
2522
  target: '.' + RIBBON_TOOLTIP_TARGET,
2523
- beforeRender: beforeTooltipRender.bind(this)
2523
+ beforeRender: beforeTooltipRender.bind(this),
2524
+ windowCollision: true
2524
2525
  });
2525
2526
  ribbonTooltip.appendTo(element);
2526
2527
  /**