@syncfusion/ej2-navigations 27.1.53 → 27.1.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 (72) 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 +24 -12
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +24 -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/stepper/stepper.js +5 -0
  13. package/src/tab/tab.d.ts +1 -0
  14. package/src/tab/tab.js +19 -12
  15. package/styles/bootstrap-dark-lite.css +2 -1
  16. package/styles/bootstrap-dark.css +2 -1
  17. package/styles/bootstrap-lite.css +2 -1
  18. package/styles/bootstrap.css +2 -1
  19. package/styles/bootstrap4-lite.css +2 -1
  20. package/styles/bootstrap4.css +2 -1
  21. package/styles/bootstrap5-dark-lite.css +2 -1
  22. package/styles/bootstrap5-dark.css +2 -1
  23. package/styles/bootstrap5-lite.css +2 -1
  24. package/styles/bootstrap5.3-lite.css +2 -1
  25. package/styles/bootstrap5.3.css +2 -1
  26. package/styles/bootstrap5.css +2 -1
  27. package/styles/fabric-dark-lite.css +2 -1
  28. package/styles/fabric-dark.css +2 -1
  29. package/styles/fabric-lite.css +2 -1
  30. package/styles/fabric.css +2 -1
  31. package/styles/fluent-dark-lite.css +2 -1
  32. package/styles/fluent-dark.css +2 -1
  33. package/styles/fluent-lite.css +2 -1
  34. package/styles/fluent.css +2 -1
  35. package/styles/fluent2-lite.css +2 -1
  36. package/styles/fluent2.css +2 -1
  37. package/styles/highcontrast-light-lite.css +2 -1
  38. package/styles/highcontrast-light.css +2 -1
  39. package/styles/highcontrast-lite.css +2 -1
  40. package/styles/highcontrast.css +2 -1
  41. package/styles/material-dark-lite.css +2 -1
  42. package/styles/material-dark.css +2 -1
  43. package/styles/material-lite.css +2 -1
  44. package/styles/material.css +2 -1
  45. package/styles/material3-dark-lite.css +2 -1
  46. package/styles/material3-dark.css +2 -1
  47. package/styles/material3-lite.css +2 -1
  48. package/styles/material3.css +2 -1
  49. package/styles/stepper/_layout.scss +2 -1
  50. package/styles/stepper/bootstrap-dark.css +2 -1
  51. package/styles/stepper/bootstrap.css +2 -1
  52. package/styles/stepper/bootstrap4.css +2 -1
  53. package/styles/stepper/bootstrap5-dark.css +2 -1
  54. package/styles/stepper/bootstrap5.3.css +2 -1
  55. package/styles/stepper/bootstrap5.css +2 -1
  56. package/styles/stepper/fabric-dark.css +2 -1
  57. package/styles/stepper/fabric.css +2 -1
  58. package/styles/stepper/fluent-dark.css +2 -1
  59. package/styles/stepper/fluent.css +2 -1
  60. package/styles/stepper/fluent2.css +2 -1
  61. package/styles/stepper/highcontrast-light.css +2 -1
  62. package/styles/stepper/highcontrast.css +2 -1
  63. package/styles/stepper/material-dark.css +2 -1
  64. package/styles/stepper/material.css +2 -1
  65. package/styles/stepper/material3-dark.css +2 -1
  66. package/styles/stepper/material3.css +2 -1
  67. package/styles/stepper/tailwind-dark.css +2 -1
  68. package/styles/stepper/tailwind.css +2 -1
  69. package/styles/tailwind-dark-lite.css +2 -1
  70. package/styles/tailwind-dark.css +2 -1
  71. package/styles/tailwind-lite.css +2 -1
  72. package/styles/tailwind.css +2 -1
@@ -9552,6 +9552,9 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
9552
9552
  if (trg.classList.contains(CLS_ACTIVE$1)) {
9553
9553
  index = (index > selectAll('.' + CLS_TB_ITEM + ':not(.' + CLS_TB_POPUP + ')', _this.element).length - 1) ? index - 1 : index;
9554
9554
  _this.enableAnimation = false;
9555
+ _this.tbItem = selectAll('.' + CLS_TB_ITEM, _this.getTabHeader());
9556
+ index = _this.getSelectingTabIndex(index);
9557
+ index = !isNaN(index) && index >= 0 && _this.tbItem.length > index ? index : 0;
9555
9558
  _this.selectedItem = index;
9556
9559
  _this.select(index);
9557
9560
  }
@@ -9700,20 +9703,24 @@ var Tab = /** @__PURE__ @class */ (function (_super) {
9700
9703
  }
9701
9704
  this.isInteracted = false;
9702
9705
  };
9703
- Tab.prototype.selectingContent = function (args, isInteracted) {
9704
- if (typeof args === 'number') {
9705
- if (!isNullOrUndefined(this.tbItem[args]) && (this.tbItem[args].classList.contains(CLS_DISABLE$4) ||
9706
- this.tbItem[args].classList.contains(CLS_HIDDEN$1))) {
9707
- for (var i = args + 1; i < this.items.length; i++) {
9708
- if (this.items[i].disabled === false && this.items[i].visible === true) {
9709
- args = i;
9710
- break;
9711
- }
9712
- else {
9713
- args = 0;
9714
- }
9706
+ Tab.prototype.getSelectingTabIndex = function (args) {
9707
+ if (!isNullOrUndefined(this.tbItem[args]) && (this.tbItem[args].classList.contains(CLS_DISABLE$4) ||
9708
+ this.tbItem[args].classList.contains(CLS_HIDDEN$1))) {
9709
+ for (var i = args + 1; i < this.items.length; i++) {
9710
+ if (this.items[i].disabled === false && this.items[i].visible === true) {
9711
+ args = i;
9712
+ break;
9713
+ }
9714
+ else {
9715
+ args = 0;
9715
9716
  }
9716
9717
  }
9718
+ }
9719
+ return args;
9720
+ };
9721
+ Tab.prototype.selectingContent = function (args, isInteracted) {
9722
+ if (typeof args === 'number') {
9723
+ args = this.getSelectingTabIndex(args);
9717
9724
  if (this.tbItem.length > args && args >= 0 && !isNaN(args)) {
9718
9725
  this.prevIndex = this.selectedItem;
9719
9726
  this.prevItem = this.tbItem[this.prevIndex];
@@ -20183,6 +20190,11 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
20183
20190
  this.renderItems();
20184
20191
  this.updateStepperStatus();
20185
20192
  }
20193
+ if (property === 'label' && (this.steps[index].iconCss || this.steps[index].text) &&
20194
+ this.stepType.toLowerCase() === 'default') {
20195
+ this.refreshProgressbar();
20196
+ }
20197
+ this.updateStepInteractions();
20186
20198
  this.checkValidStep();
20187
20199
  }
20188
20200
  }