@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
@@ -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];
@@ -17183,6 +17190,11 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
17183
17190
  */
17184
17191
  Breadcrumb.prototype.destroy = function () {
17185
17192
  var _this = this;
17193
+ if (this.popupObj && this.popupObj.element.classList.contains('e-popup-open')) {
17194
+ this.popupObj.destroy();
17195
+ this.isPopupCreated = false;
17196
+ detach(this.popupObj.element);
17197
+ }
17186
17198
  var classes = [];
17187
17199
  var attributes = ['aria-label'];
17188
17200
  if (this.cssClass) {
@@ -20183,6 +20195,11 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
20183
20195
  this.renderItems();
20184
20196
  this.updateStepperStatus();
20185
20197
  }
20198
+ if (property === 'label' && (this.steps[index].iconCss || this.steps[index].text) &&
20199
+ this.stepType.toLowerCase() === 'default') {
20200
+ this.refreshProgressbar();
20201
+ }
20202
+ this.updateStepInteractions();
20186
20203
  this.checkValidStep();
20187
20204
  }
20188
20205
  }