@syncfusion/ej2-splitbuttons 20.3.56 → 20.4.38

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 (48) hide show
  1. package/.eslintrc.json +16 -1
  2. package/CHANGELOG.md +0 -4
  3. package/dist/ej2-splitbuttons.min.js +2 -2
  4. package/dist/ej2-splitbuttons.umd.min.js +2 -2
  5. package/dist/ej2-splitbuttons.umd.min.js.map +1 -1
  6. package/dist/es6/ej2-splitbuttons.es2015.js +8 -8
  7. package/dist/es6/ej2-splitbuttons.es2015.js.map +1 -1
  8. package/dist/es6/ej2-splitbuttons.es5.js +2 -2
  9. package/dist/es6/ej2-splitbuttons.es5.js.map +1 -1
  10. package/dist/global/ej2-splitbuttons.min.js +2 -2
  11. package/dist/global/ej2-splitbuttons.min.js.map +1 -1
  12. package/dist/global/index.d.ts +1 -1
  13. package/package.json +7 -7
  14. package/src/drop-down-button/drop-down-button.js +2 -2
  15. package/styles/bootstrap-dark.css +21 -0
  16. package/styles/bootstrap.css +21 -0
  17. package/styles/bootstrap4.css +49 -28
  18. package/styles/bootstrap5-dark.css +21 -0
  19. package/styles/bootstrap5.css +21 -0
  20. package/styles/button-group/bootstrap4.css +24 -24
  21. package/styles/drop-down-button/bootstrap4.css +1 -1
  22. package/styles/fabric-dark.css +21 -0
  23. package/styles/fabric.css +21 -0
  24. package/styles/fluent-dark.css +21 -0
  25. package/styles/fluent.css +21 -0
  26. package/styles/highcontrast-light.css +21 -0
  27. package/styles/highcontrast.css +21 -0
  28. package/styles/material-dark.css +21 -0
  29. package/styles/material.css +21 -0
  30. package/styles/split-button/_layout.scss +7 -0
  31. package/styles/split-button/_theme.scss +31 -0
  32. package/styles/split-button/bootstrap-dark.css +21 -0
  33. package/styles/split-button/bootstrap.css +21 -0
  34. package/styles/split-button/bootstrap4.css +24 -3
  35. package/styles/split-button/bootstrap5-dark.css +21 -0
  36. package/styles/split-button/bootstrap5.css +21 -0
  37. package/styles/split-button/fabric-dark.css +21 -0
  38. package/styles/split-button/fabric.css +21 -0
  39. package/styles/split-button/fluent-dark.css +21 -0
  40. package/styles/split-button/fluent.css +21 -0
  41. package/styles/split-button/highcontrast-light.css +21 -0
  42. package/styles/split-button/highcontrast.css +21 -0
  43. package/styles/split-button/material-dark.css +21 -0
  44. package/styles/split-button/material.css +21 -0
  45. package/styles/split-button/tailwind-dark.css +21 -0
  46. package/styles/split-button/tailwind.css +21 -0
  47. package/styles/tailwind-dark.css +21 -0
  48. package/styles/tailwind.css +21 -0
package/dist/es6/ej2-splitbuttons.es2015.js CHANGED
@@ -337,7 +337,7 @@ let DropDownButton = class DropDownButton extends Component {
337
337
  li = this.createElement('li', {
338
338
  innerHTML: item.url ? '' : tempItem,
339
339
  className: item.separator ? classNames.ITEM + ' ' + classNames.SEPARATOR : classNames.ITEM,
340
- attrs: { 'role': 'menuItem', 'tabindex': '-1', 'aria-label': tempItem },
340
+ attrs: item.separator ? { 'role': 'separator', 'tabindex': '-1' } : { 'role': 'menuitem', 'tabindex': '-1', 'aria-label': tempItem },
341
341
  id: item.id ? item.id : getUniqueID('e-' + this.getModuleName() + '-item')
342
342
  });
343
343
  if (this.enableHtmlSanitizer) {
@@ -380,7 +380,7 @@ let DropDownButton = class DropDownButton extends Component {
380
380
  }
381
381
  hasIcon(items, field) {
382
382
  for (let i = 0, len = items.length; i < len; i++) {
383
- if (items[i][field]) {
383
+ if (items[i][`${field}`]) {
384
384
  return true;
385
385
  }
386
386
  }
@@ -611,14 +611,14 @@ let DropDownButton = class DropDownButton extends Component {
611
611
  }
612
612
  focusoutHandler(e) {
613
613
  if (this.isPopupCreated && !this.canOpen()) {
614
- let liTarget = e.relatedTarget;
614
+ const liTarget = e.relatedTarget;
615
615
  if (liTarget && liTarget.className.indexOf('e-item') > -1) {
616
616
  const li = this.getLI(liTarget);
617
617
  if (li) {
618
- let liIdx = Array.prototype.indexOf.call(this.getULElement().children, li);
619
- let item = this.items[liIdx];
618
+ const liIdx = Array.prototype.indexOf.call(this.getULElement().children, li);
619
+ const item = this.items[liIdx];
620
620
  if (item) {
621
- let selectEventArgs = { element: li, item: item };
621
+ const selectEventArgs = { element: li, item: item };
622
622
  this.trigger('select', selectEventArgs);
623
623
  }
624
624
  }
@@ -670,7 +670,7 @@ let DropDownButton = class DropDownButton extends Component {
670
670
  }
671
671
  else {
672
672
  if (this.activeElem.length > 1) {
673
- let splitButton = getComponent(this.activeElem[0], 'split-btn');
673
+ const splitButton = getComponent(this.activeElem[0], 'split-btn');
674
674
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
675
675
  if (splitButton.isReact && popupElem.childNodes.length < 1) {
676
676
  splitButton.appendReactElement(this.getTargetElement(), this.getPopUpElement());
@@ -705,7 +705,7 @@ let DropDownButton = class DropDownButton extends Component {
705
705
  closePopup(e = null, focusEle) {
706
706
  const ul = this.getULElement();
707
707
  const beforeCloseArgs = { element: ul, items: this.items, event: e, cancel: false };
708
- let popupElement = this.getPopUpElement();
708
+ const popupElement = this.getPopUpElement();
709
709
  if (popupElement) {
710
710
  EventHandler.remove(popupElement, 'keydown', this.keyBoardHandler);
711
711
  }