@syncfusion/ej2-navigations 32.2.8 → 32.2.9

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 (58) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +19 -3
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +19 -3
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +3 -3
  12. package/src/accordion/accordion.js +7 -2
  13. package/src/common/menu-base.js +5 -1
  14. package/src/sidebar/sidebar.js +7 -0
  15. package/styles/appbar/material3-dark.css +0 -5
  16. package/styles/appbar/material3.css +0 -5
  17. package/styles/bds-lite.css +0 -4
  18. package/styles/bds.css +0 -4
  19. package/styles/bootstrap5.3-lite.css +0 -4
  20. package/styles/bootstrap5.3.css +0 -4
  21. package/styles/breadcrumb/material3-dark.css +0 -1
  22. package/styles/breadcrumb/material3.css +0 -1
  23. package/styles/carousel/material3-dark.css +0 -2
  24. package/styles/carousel/material3.css +0 -2
  25. package/styles/context-menu/material3-dark.css +0 -2
  26. package/styles/context-menu/material3.css +0 -2
  27. package/styles/fluent2-lite.css +0 -4
  28. package/styles/fluent2.css +0 -4
  29. package/styles/h-scroll/bds.css +0 -2
  30. package/styles/h-scroll/bootstrap5.3.css +0 -2
  31. package/styles/h-scroll/fluent2.css +0 -2
  32. package/styles/h-scroll/material3-dark.css +0 -4
  33. package/styles/h-scroll/material3.css +0 -4
  34. package/styles/h-scroll/tailwind3.css +0 -2
  35. package/styles/material3-dark-lite.css +0 -49
  36. package/styles/material3-dark.css +0 -49
  37. package/styles/material3-lite.css +0 -49
  38. package/styles/material3.css +0 -49
  39. package/styles/menu/material3-dark.css +0 -2
  40. package/styles/menu/material3.css +0 -2
  41. package/styles/sidebar/material3-dark.css +0 -1
  42. package/styles/sidebar/material3.css +0 -1
  43. package/styles/stepper/material3-dark.css +0 -4
  44. package/styles/stepper/material3.css +0 -4
  45. package/styles/tab/material3-dark.css +0 -12
  46. package/styles/tab/material3.css +0 -12
  47. package/styles/tailwind3-lite.css +0 -4
  48. package/styles/tailwind3.css +0 -4
  49. package/styles/toolbar/material3-dark.css +0 -11
  50. package/styles/toolbar/material3.css +0 -11
  51. package/styles/treeview/material3-dark.css +0 -1
  52. package/styles/treeview/material3.css +0 -1
  53. package/styles/v-scroll/bds.css +0 -2
  54. package/styles/v-scroll/bootstrap5.3.css +0 -2
  55. package/styles/v-scroll/fluent2.css +0 -2
  56. package/styles/v-scroll/material3-dark.css +0 -4
  57. package/styles/v-scroll/material3.css +0 -4
  58. package/styles/v-scroll/tailwind3.css +0 -2
@@ -1517,7 +1517,11 @@ let MenuBase = class MenuBase extends Component {
1517
1517
  cul.children[fliIdx].classList.add(FOCUSED);
1518
1518
  cul.children[fliIdx].focus();
1519
1519
  if (closest(this.element, '.e-popup')) {
1520
- cul.focus();
1520
+ const focusedLiItem = cul.children[fliIdx];
1521
+ const focusableChild = focusedLiItem.querySelector('[tabindex], span[tabindex], a, button, [tabindex]:not([tabindex="-1"])');
1522
+ if (!focusableChild) {
1523
+ cul.focus();
1524
+ }
1521
1525
  }
1522
1526
  }
1523
1527
  isValidLI(cli, index, action) {
@@ -6701,8 +6705,13 @@ let Accordion = class Accordion extends Component {
6701
6705
  if (this.isReact) {
6702
6706
  this.renderReactTemplates();
6703
6707
  }
6704
- append(this.getItemTemplate()(this.dataSource[parseInt(index.toString(), 10)], this, 'itemTemplate', this.element.id + '_itemTemplate', false), ctn);
6705
- itemcnt.appendChild(ctn);
6708
+ if (!isNullOrUndefined(this.getItemTemplate())) {
6709
+ append(this.getItemTemplate()(this.dataSource[parseInt(index.toString(), 10)], this, 'itemTemplate', this.element.id + '_itemTemplate', false), ctn);
6710
+ itemcnt.appendChild(ctn);
6711
+ }
6712
+ else {
6713
+ itemcnt.appendChild(this.fetchElement(ctn, this.dataSource[parseInt(index.toString(), 10)].content, index));
6714
+ }
6706
6715
  }
6707
6716
  else {
6708
6717
  let content = this.items[parseInt(index.toString(), 10)].content;
@@ -16690,6 +16699,13 @@ let Sidebar = class Sidebar extends Component {
16690
16699
  else {
16691
16700
  addClass([this.element], DOCKER);
16692
16701
  }
16702
+ if (!this.isOpen && sibling) {
16703
+ if (!this.enableDock) {
16704
+ this.element.style.transform = sibling.style.transform = '';
16705
+ }
16706
+ sibling.style[this.position === 'Left' ? 'marginLeft' : 'marginRight'] =
16707
+ this.enableDock ? this.setDimension(this.dockSize) : '0px';
16708
+ }
16693
16709
  break;
16694
16710
  case 'zIndex':
16695
16711
  this.setZindex();