@syncfusion/ej2-navigations 26.1.35 → 26.1.39

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 (87) 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 +32 -7
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +33 -7
  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.d.ts +4 -0
  13. package/src/breadcrumb/breadcrumb.js +6 -1
  14. package/src/stepper/stepper.d.ts +1 -0
  15. package/src/stepper/stepper.js +22 -2
  16. package/src/treeview/treeview.js +5 -4
  17. package/styles/accordion/_fluent2-definition.scss +1 -1
  18. package/styles/accordion/_theme.scss +26 -2
  19. package/styles/accordion/bootstrap-dark.css +3 -3
  20. package/styles/accordion/bootstrap.css +3 -3
  21. package/styles/accordion/bootstrap4.css +3 -3
  22. package/styles/accordion/bootstrap5-dark.css +3 -3
  23. package/styles/accordion/bootstrap5.css +3 -3
  24. package/styles/accordion/fabric-dark.css +3 -3
  25. package/styles/accordion/fabric.css +3 -3
  26. package/styles/accordion/fluent-dark.css +3 -3
  27. package/styles/accordion/fluent.css +3 -3
  28. package/styles/accordion/fluent2.css +17 -9
  29. package/styles/accordion/highcontrast-light.css +3 -3
  30. package/styles/accordion/highcontrast.css +3 -3
  31. package/styles/accordion/material-dark.css +3 -3
  32. package/styles/accordion/material.css +3 -3
  33. package/styles/accordion/material3-dark.css +3 -3
  34. package/styles/accordion/material3.css +3 -3
  35. package/styles/accordion/tailwind-dark.css +3 -3
  36. package/styles/accordion/tailwind.css +3 -3
  37. package/styles/appbar/fluent2.css +5 -5
  38. package/styles/bootstrap-dark.css +11 -3
  39. package/styles/bootstrap.css +11 -3
  40. package/styles/bootstrap4.css +11 -3
  41. package/styles/bootstrap5-dark.css +11 -3
  42. package/styles/bootstrap5.css +11 -3
  43. package/styles/breadcrumb/fluent2.css +5 -5
  44. package/styles/carousel/fluent2.css +5 -5
  45. package/styles/context-menu/fluent2.css +5 -5
  46. package/styles/fabric-dark.css +11 -3
  47. package/styles/fabric.css +11 -3
  48. package/styles/fluent-dark.css +11 -3
  49. package/styles/fluent.css +11 -3
  50. package/styles/fluent2.css +37 -15
  51. package/styles/h-scroll/fluent2.css +5 -5
  52. package/styles/highcontrast-light.css +11 -3
  53. package/styles/highcontrast.css +11 -3
  54. package/styles/material-dark.css +11 -3
  55. package/styles/material.css +11 -3
  56. package/styles/material3-dark.css +11 -3
  57. package/styles/material3.css +11 -3
  58. package/styles/menu/fluent2.css +5 -5
  59. package/styles/pager/fluent2.css +5 -5
  60. package/styles/sidebar/fluent2.css +5 -5
  61. package/styles/stepper/_layout.scss +10 -0
  62. package/styles/stepper/bootstrap-dark.css +8 -0
  63. package/styles/stepper/bootstrap.css +8 -0
  64. package/styles/stepper/bootstrap4.css +8 -0
  65. package/styles/stepper/bootstrap5-dark.css +8 -0
  66. package/styles/stepper/bootstrap5.css +8 -0
  67. package/styles/stepper/fabric-dark.css +8 -0
  68. package/styles/stepper/fabric.css +8 -0
  69. package/styles/stepper/fluent-dark.css +8 -0
  70. package/styles/stepper/fluent.css +8 -0
  71. package/styles/stepper/fluent2.css +13 -5
  72. package/styles/stepper/highcontrast-light.css +8 -0
  73. package/styles/stepper/highcontrast.css +8 -0
  74. package/styles/stepper/material-dark.css +8 -0
  75. package/styles/stepper/material.css +8 -0
  76. package/styles/stepper/material3-dark.css +8 -0
  77. package/styles/stepper/material3.css +8 -0
  78. package/styles/stepper/tailwind-dark.css +8 -0
  79. package/styles/stepper/tailwind.css +8 -0
  80. package/styles/tab/fluent2.css +5 -5
  81. package/styles/tailwind-dark.css +11 -3
  82. package/styles/tailwind.css +11 -3
  83. package/styles/toolbar/fluent2.css +5 -5
  84. package/styles/treeview/_fluent2-definition.scss +7 -7
  85. package/styles/treeview/_layout.scss +1 -1
  86. package/styles/treeview/fluent2.css +17 -11
  87. package/styles/v-scroll/fluent2.css +5 -5
@@ -10922,7 +10922,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
10922
10922
  return 2;
10923
10923
  }
10924
10924
  for (var i = 0, len = ds.length; i < len; i++) {
10925
- if ((typeof mapper.child === 'string') && !isNullOrUndefined(getValue(mapper.child, ds[parseInt(i.toString(), 10)]))) {
10925
+ if ((typeof mapper.child === 'string') && (!isNullOrUndefined(getValue(mapper.child, ds[parseInt(i.toString(), 10)])) || (Object.prototype.hasOwnProperty.call(ds[parseInt(i.toString(), 10)], mapper.child)))) {
10926
10926
  return 2;
10927
10927
  }
10928
10928
  if (this.isChildObject()) {
@@ -11549,6 +11549,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
11549
11549
  _this.afterFinalized();
11550
11550
  }
11551
11551
  });
11552
+ if (this.index > 0) {
11553
+ this.index = 0;
11554
+ }
11552
11555
  };
11553
11556
  TreeView.prototype.expandCallback = function (eUid, callback) {
11554
11557
  var eNode = select('[data-uid="' + eUid + '"]', this.element);
@@ -11557,9 +11560,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
11557
11560
  if (!isNullOrUndefined(icon)) {
11558
11561
  this.expandAction(eNode, icon, null, false, callback);
11559
11562
  }
11560
- else {
11561
- callback();
11562
- }
11563
+ callback();
11563
11564
  }
11564
11565
  else {
11565
11566
  callback();
@@ -16826,7 +16827,12 @@ var Breadcrumb = /** @__PURE__ @class */ (function (_super) {
16826
16827
  }
16827
16828
  this.endIndex = idx;
16828
16829
  }
16829
- this.trigger('itemClick', { element: li, item: this.items[idx], event: e });
16830
+ var itemClickArgs = { element: li,
16831
+ item: this.items[idx], event: e, cancel: false };
16832
+ this.trigger('itemClick', itemClickArgs);
16833
+ if (itemClickArgs.cancel) {
16834
+ return;
16835
+ }
16830
16836
  if (this.items[idx]) {
16831
16837
  this.activeItem = this.items[idx].url || this.items[idx].text;
16832
16838
  }
@@ -18889,6 +18895,9 @@ var LABELINDICATOR = 'e-step-type-label';
18889
18895
  var INDICATORICON = 'e-step-indicator';
18890
18896
  var STEPPERTOOLTIP = 'e-stepper-tooltip';
18891
18897
  var STEPPERIPROGRESSTIP = 'e-step-inprogress-tip';
18898
+ var LINEARSTEP = 'e-linear';
18899
+ var PREVSTEP = 'e-previous';
18900
+ var NEXTSTEP = 'e-next';
18892
18901
  /**
18893
18902
  * Defines the step progress animation of the Stepper.
18894
18903
  */
@@ -19739,6 +19748,17 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
19739
19748
  }
19740
19749
  }
19741
19750
  }
19751
+ this.updateStepInteractions();
19752
+ };
19753
+ Stepper.prototype.updateStepInteractions = function () {
19754
+ var _this = this;
19755
+ this.element.classList.toggle(LINEARSTEP, this.linear);
19756
+ this.stepperItemElements.forEach(function (step, index) {
19757
+ var isPreviousStep = (index === _this.activeStep - 1);
19758
+ var isNextStep = (index === _this.activeStep + 1);
19759
+ step.classList.toggle(PREVSTEP, isPreviousStep);
19760
+ step.classList.toggle(NEXTSTEP, isNextStep);
19761
+ });
19742
19762
  };
19743
19763
  Stepper.prototype.removeItemElements = function () {
19744
19764
  for (var i = 0; i < this.stepperItemElements.length; i++) {
@@ -19757,14 +19777,17 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
19757
19777
  }
19758
19778
  };
19759
19779
  Stepper.prototype.reset = function () {
19760
- if (this.activeStep !== 0) {
19780
+ if (this.activeStep === 0) {
19781
+ this.updateStepInteractions();
19782
+ }
19783
+ else {
19761
19784
  var isDisabled = this.stepperItemElements[0].classList.contains(DISABLED$2) ? true : false;
19762
19785
  this.navigateToStep(isDisabled ? -1 : 0, null, null, false);
19763
19786
  }
19764
19787
  };
19765
19788
  Stepper.prototype.updateElementClassArray = function () {
19766
19789
  var classArray = [RTL$3, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',
19767
- 'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP];
19790
+ 'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP, LINEARSTEP];
19768
19791
  removeClass([this.element], classArray);
19769
19792
  };
19770
19793
  Stepper.prototype.destroy = function () {
@@ -20016,6 +20039,9 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
20016
20039
  case 'animation':
20017
20040
  this.updateAnimation();
20018
20041
  break;
20042
+ case 'linear':
20043
+ this.updateStepInteractions();
20044
+ break;
20019
20045
  }
20020
20046
  }
20021
20047
  };