@syncfusion/ej2-navigations 27.1.53 → 27.1.56

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 (73) 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 +29 -12
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +29 -12
  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 +8 -8
  12. package/src/breadcrumb/breadcrumb.js +5 -0
  13. package/src/stepper/stepper.js +5 -0
  14. package/src/tab/tab.d.ts +1 -0
  15. package/src/tab/tab.js +19 -12
  16. package/styles/bootstrap-dark-lite.css +2 -1
  17. package/styles/bootstrap-dark.css +2 -1
  18. package/styles/bootstrap-lite.css +2 -1
  19. package/styles/bootstrap.css +2 -1
  20. package/styles/bootstrap4-lite.css +2 -1
  21. package/styles/bootstrap4.css +2 -1
  22. package/styles/bootstrap5-dark-lite.css +2 -1
  23. package/styles/bootstrap5-dark.css +2 -1
  24. package/styles/bootstrap5-lite.css +2 -1
  25. package/styles/bootstrap5.3-lite.css +2 -1
  26. package/styles/bootstrap5.3.css +2 -1
  27. package/styles/bootstrap5.css +2 -1
  28. package/styles/fabric-dark-lite.css +2 -1
  29. package/styles/fabric-dark.css +2 -1
  30. package/styles/fabric-lite.css +2 -1
  31. package/styles/fabric.css +2 -1
  32. package/styles/fluent-dark-lite.css +2 -1
  33. package/styles/fluent-dark.css +2 -1
  34. package/styles/fluent-lite.css +2 -1
  35. package/styles/fluent.css +2 -1
  36. package/styles/fluent2-lite.css +2 -1
  37. package/styles/fluent2.css +2 -1
  38. package/styles/highcontrast-light-lite.css +2 -1
  39. package/styles/highcontrast-light.css +2 -1
  40. package/styles/highcontrast-lite.css +2 -1
  41. package/styles/highcontrast.css +2 -1
  42. package/styles/material-dark-lite.css +2 -1
  43. package/styles/material-dark.css +2 -1
  44. package/styles/material-lite.css +2 -1
  45. package/styles/material.css +2 -1
  46. package/styles/material3-dark-lite.css +2 -1
  47. package/styles/material3-dark.css +2 -1
  48. package/styles/material3-lite.css +2 -1
  49. package/styles/material3.css +2 -1
  50. package/styles/stepper/_layout.scss +2 -1
  51. package/styles/stepper/bootstrap-dark.css +2 -1
  52. package/styles/stepper/bootstrap.css +2 -1
  53. package/styles/stepper/bootstrap4.css +2 -1
  54. package/styles/stepper/bootstrap5-dark.css +2 -1
  55. package/styles/stepper/bootstrap5.3.css +2 -1
  56. package/styles/stepper/bootstrap5.css +2 -1
  57. package/styles/stepper/fabric-dark.css +2 -1
  58. package/styles/stepper/fabric.css +2 -1
  59. package/styles/stepper/fluent-dark.css +2 -1
  60. package/styles/stepper/fluent.css +2 -1
  61. package/styles/stepper/fluent2.css +2 -1
  62. package/styles/stepper/highcontrast-light.css +2 -1
  63. package/styles/stepper/highcontrast.css +2 -1
  64. package/styles/stepper/material-dark.css +2 -1
  65. package/styles/stepper/material.css +2 -1
  66. package/styles/stepper/material3-dark.css +2 -1
  67. package/styles/stepper/material3.css +2 -1
  68. package/styles/stepper/tailwind-dark.css +2 -1
  69. package/styles/stepper/tailwind.css +2 -1
  70. package/styles/tailwind-dark-lite.css +2 -1
  71. package/styles/tailwind-dark.css +2 -1
  72. package/styles/tailwind-lite.css +2 -1
  73. package/styles/tailwind.css +2 -1
@@ -9266,6 +9266,9 @@ let Tab = class Tab extends Component {
9266
9266
  if (trg.classList.contains(CLS_ACTIVE$1)) {
9267
9267
  index = (index > selectAll('.' + CLS_TB_ITEM + ':not(.' + CLS_TB_POPUP + ')', this.element).length - 1) ? index - 1 : index;
9268
9268
  this.enableAnimation = false;
9269
+ this.tbItem = selectAll('.' + CLS_TB_ITEM, this.getTabHeader());
9270
+ index = this.getSelectingTabIndex(index);
9271
+ index = !isNaN(index) && index >= 0 && this.tbItem.length > index ? index : 0;
9269
9272
  this.selectedItem = index;
9270
9273
  this.select(index);
9271
9274
  }
@@ -9411,20 +9414,24 @@ let Tab = class Tab extends Component {
9411
9414
  }
9412
9415
  this.isInteracted = false;
9413
9416
  }
9414
- selectingContent(args, isInteracted) {
9415
- if (typeof args === 'number') {
9416
- if (!isNullOrUndefined(this.tbItem[args]) && (this.tbItem[args].classList.contains(CLS_DISABLE$4) ||
9417
- this.tbItem[args].classList.contains(CLS_HIDDEN$1))) {
9418
- for (let i = args + 1; i < this.items.length; i++) {
9419
- if (this.items[i].disabled === false && this.items[i].visible === true) {
9420
- args = i;
9421
- break;
9422
- }
9423
- else {
9424
- args = 0;
9425
- }
9417
+ getSelectingTabIndex(args) {
9418
+ if (!isNullOrUndefined(this.tbItem[args]) && (this.tbItem[args].classList.contains(CLS_DISABLE$4) ||
9419
+ this.tbItem[args].classList.contains(CLS_HIDDEN$1))) {
9420
+ for (let i = args + 1; i < this.items.length; i++) {
9421
+ if (this.items[i].disabled === false && this.items[i].visible === true) {
9422
+ args = i;
9423
+ break;
9424
+ }
9425
+ else {
9426
+ args = 0;
9426
9427
  }
9427
9428
  }
9429
+ }
9430
+ return args;
9431
+ }
9432
+ selectingContent(args, isInteracted) {
9433
+ if (typeof args === 'number') {
9434
+ args = this.getSelectingTabIndex(args);
9428
9435
  if (this.tbItem.length > args && args >= 0 && !isNaN(args)) {
9429
9436
  this.prevIndex = this.selectedItem;
9430
9437
  this.prevItem = this.tbItem[this.prevIndex];
@@ -16767,6 +16774,11 @@ let Breadcrumb = class Breadcrumb extends Component {
16767
16774
  * @returns {void}
16768
16775
  */
16769
16776
  destroy() {
16777
+ if (this.popupObj && this.popupObj.element.classList.contains('e-popup-open')) {
16778
+ this.popupObj.destroy();
16779
+ this.isPopupCreated = false;
16780
+ detach(this.popupObj.element);
16781
+ }
16770
16782
  const classes = [];
16771
16783
  const attributes = ['aria-label'];
16772
16784
  if (this.cssClass) {
@@ -19666,6 +19678,11 @@ let Stepper = class Stepper extends StepperBase {
19666
19678
  this.renderItems();
19667
19679
  this.updateStepperStatus();
19668
19680
  }
19681
+ if (property === 'label' && (this.steps[index].iconCss || this.steps[index].text) &&
19682
+ this.stepType.toLowerCase() === 'default') {
19683
+ this.refreshProgressbar();
19684
+ }
19685
+ this.updateStepInteractions();
19669
19686
  this.checkValidStep();
19670
19687
  }
19671
19688
  }