@syncfusion/ej2-navigations 19.4.50 → 19.4.55

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 (45) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/README.md +1 -1
  3. package/dist/ej2-navigations.umd.min.js +2 -2
  4. package/dist/ej2-navigations.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-navigations.es2015.js +8 -6
  6. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  7. package/dist/es6/ej2-navigations.es5.js +8 -6
  8. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  9. package/dist/global/ej2-navigations.min.js +2 -2
  10. package/dist/global/ej2-navigations.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +11 -11
  13. package/src/accordion/accordion.js +3 -3
  14. package/src/common/menu-base.js +2 -2
  15. package/src/sidebar/sidebar.d.ts +1 -0
  16. package/src/sidebar/sidebar.js +3 -1
  17. package/styles/bootstrap-dark.css +5 -2
  18. package/styles/bootstrap.css +5 -2
  19. package/styles/bootstrap4.css +5 -2
  20. package/styles/bootstrap5-dark.css +5 -2
  21. package/styles/bootstrap5.css +5 -2
  22. package/styles/fabric-dark.css +5 -2
  23. package/styles/fabric.css +5 -2
  24. package/styles/highcontrast-light.css +5 -2
  25. package/styles/highcontrast.css +5 -2
  26. package/styles/material-dark.css +5 -2
  27. package/styles/material.css +5 -2
  28. package/styles/menu/_layout.scss +1 -1
  29. package/styles/menu/_theme.scss +0 -9
  30. package/styles/tailwind-dark.css +5 -2
  31. package/styles/tailwind.css +5 -2
  32. package/styles/toolbar/_layout.scss +4 -2
  33. package/styles/toolbar/bootstrap-dark.css +5 -2
  34. package/styles/toolbar/bootstrap.css +5 -2
  35. package/styles/toolbar/bootstrap4.css +5 -2
  36. package/styles/toolbar/bootstrap5-dark.css +5 -2
  37. package/styles/toolbar/bootstrap5.css +5 -2
  38. package/styles/toolbar/fabric-dark.css +5 -2
  39. package/styles/toolbar/fabric.css +5 -2
  40. package/styles/toolbar/highcontrast-light.css +5 -2
  41. package/styles/toolbar/highcontrast.css +5 -2
  42. package/styles/toolbar/material-dark.css +5 -2
  43. package/styles/toolbar/material.css +5 -2
  44. package/styles/toolbar/tailwind-dark.css +5 -2
  45. package/styles/toolbar/tailwind.css +5 -2
package/dist/es6/ej2-navigations.es2015.js CHANGED
@@ -1575,7 +1575,7 @@ let MenuBase = class MenuBase extends Component {
1575
1575
  if (isOpen && this.hamburgerMode && ulIndex && !(submenus.length)) {
1576
1576
  this.afterCloseMenu(e);
1577
1577
  }
1578
- else if (isOpen && !this.hamburgerMode && this.navIdx.length && closedLi && !trgtLi) {
1578
+ else if (isOpen && !this.hamburgerMode && this.navIdx.length && closedLi && !trgtLi && this.keyType !== "left") {
1579
1579
  let ele = (e && e.target.classList.contains('e-vscroll'))
1580
1580
  ? closest(e.target, '.e-menu-wrapper') : null;
1581
1581
  if (ele) {
@@ -1613,7 +1613,7 @@ let MenuBase = class MenuBase extends Component {
1613
1613
  if (sli) {
1614
1614
  sli.setAttribute('aria-expanded', 'false');
1615
1615
  sli.classList.remove(SELECTED);
1616
- if (observedCloseArgs.isFocused && liElem) {
1616
+ if (observedCloseArgs.isFocused && liElem || this.keyType === "left") {
1617
1617
  sli.classList.add(FOCUSED);
1618
1618
  sli.focus();
1619
1619
  }
@@ -5886,7 +5886,7 @@ let Accordion = class Accordion extends Component {
5886
5886
  const header = this.createElement('div', { className: CLS_HEADER, id: getUniqueID('acrdn_header') });
5887
5887
  const items = this.getItems();
5888
5888
  const ariaAttr = {
5889
- 'tabindex': '0', 'role': 'heading', 'aria-selected': 'false', 'aria-label': 'collapsed',
5889
+ 'tabindex': '0', 'role': 'heading', 'aria-label': 'collapsed',
5890
5890
  'aria-disabled': 'false', 'aria-level': items.length.toString()
5891
5891
  };
5892
5892
  attributes(header, ariaAttr);
@@ -6138,7 +6138,7 @@ let Accordion = class Accordion extends Component {
6138
6138
  this.add(trgtItemEle, CLS_ACTIVE);
6139
6139
  trgt.setAttribute('aria-hidden', 'false');
6140
6140
  attributes(trgtItemEle, { 'aria-expanded': 'true' });
6141
- attributes(trgt.previousElementSibling, { 'aria-selected': 'true', 'aria-label': 'expanded' });
6141
+ attributes(trgt.previousElementSibling, { 'aria-label': 'expanded' });
6142
6142
  icon.classList.remove(CLS_TOGANIMATE);
6143
6143
  this.trigger('expanded', eventArgs);
6144
6144
  }
@@ -6253,7 +6253,7 @@ let Accordion = class Accordion extends Component {
6253
6253
  this.remove(trgtItemEle, CLS_ACTIVE);
6254
6254
  trgt.setAttribute('aria-hidden', 'true');
6255
6255
  attributes(trgtItemEle, { 'aria-expanded': 'false' });
6256
- attributes(trgt.previousElementSibling, { 'aria-selected': 'false', 'aria-label': 'collapsed' });
6256
+ attributes(trgt.previousElementSibling, { 'aria-label': 'collapsed' });
6257
6257
  this.trigger('expanded', eventArgs);
6258
6258
  }
6259
6259
  }
@@ -14414,6 +14414,7 @@ let Sidebar = class Sidebar extends Component {
14414
14414
  }
14415
14415
  if (this.isOpen) {
14416
14416
  this.show();
14417
+ this.firstRender = true;
14417
14418
  }
14418
14419
  else {
14419
14420
  this.setMediaQuery();
@@ -14524,9 +14525,10 @@ let Sidebar = class Sidebar extends Component {
14524
14525
  }
14525
14526
  transitionEnd(e) {
14526
14527
  this.setDock();
14527
- if (!isNullOrUndefined(e)) {
14528
+ if (!isNullOrUndefined(e) && !this.firstRender) {
14528
14529
  this.triggerChange();
14529
14530
  }
14531
+ this.firstRender = false;
14530
14532
  EventHandler.remove(this.element, 'transitionend', this.transitionEnd);
14531
14533
  }
14532
14534
  destroyBackDrop() {