@syncfusion/ej2-navigations 26.1.38 → 26.1.40

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 (65) 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 +30 -8
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +31 -8
  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/common/menu-base.js +2 -1
  13. package/src/stepper/stepper.d.ts +1 -0
  14. package/src/stepper/stepper.js +22 -2
  15. package/src/treeview/treeview.js +7 -5
  16. package/styles/accordion/fluent2.css +5 -5
  17. package/styles/appbar/fluent2.css +5 -5
  18. package/styles/bootstrap-dark.css +8 -0
  19. package/styles/bootstrap.css +8 -0
  20. package/styles/bootstrap4.css +8 -0
  21. package/styles/bootstrap5-dark.css +8 -0
  22. package/styles/bootstrap5.css +8 -0
  23. package/styles/breadcrumb/fluent2.css +5 -5
  24. package/styles/carousel/fluent2.css +5 -5
  25. package/styles/context-menu/fluent2.css +5 -5
  26. package/styles/fabric-dark.css +8 -0
  27. package/styles/fabric.css +8 -0
  28. package/styles/fluent-dark.css +8 -0
  29. package/styles/fluent.css +8 -0
  30. package/styles/fluent2.css +13 -5
  31. package/styles/h-scroll/fluent2.css +5 -5
  32. package/styles/highcontrast-light.css +8 -0
  33. package/styles/highcontrast.css +8 -0
  34. package/styles/material-dark.css +8 -0
  35. package/styles/material.css +8 -0
  36. package/styles/material3-dark.css +8 -0
  37. package/styles/material3.css +8 -0
  38. package/styles/menu/fluent2.css +5 -5
  39. package/styles/pager/fluent2.css +5 -5
  40. package/styles/sidebar/fluent2.css +5 -5
  41. package/styles/stepper/_layout.scss +10 -0
  42. package/styles/stepper/bootstrap-dark.css +8 -0
  43. package/styles/stepper/bootstrap.css +8 -0
  44. package/styles/stepper/bootstrap4.css +8 -0
  45. package/styles/stepper/bootstrap5-dark.css +8 -0
  46. package/styles/stepper/bootstrap5.css +8 -0
  47. package/styles/stepper/fabric-dark.css +8 -0
  48. package/styles/stepper/fabric.css +8 -0
  49. package/styles/stepper/fluent-dark.css +8 -0
  50. package/styles/stepper/fluent.css +8 -0
  51. package/styles/stepper/fluent2.css +13 -5
  52. package/styles/stepper/highcontrast-light.css +8 -0
  53. package/styles/stepper/highcontrast.css +8 -0
  54. package/styles/stepper/material-dark.css +8 -0
  55. package/styles/stepper/material.css +8 -0
  56. package/styles/stepper/material3-dark.css +8 -0
  57. package/styles/stepper/material3.css +8 -0
  58. package/styles/stepper/tailwind-dark.css +8 -0
  59. package/styles/stepper/tailwind.css +8 -0
  60. package/styles/tab/fluent2.css +5 -5
  61. package/styles/tailwind-dark.css +8 -0
  62. package/styles/tailwind.css +8 -0
  63. package/styles/toolbar/fluent2.css +5 -5
  64. package/styles/treeview/fluent2.css +5 -5
  65. package/styles/v-scroll/fluent2.css +5 -5
@@ -1760,7 +1760,8 @@ var MenuBase = /** @__PURE__ @class */ (function (_super) {
1760
1760
  else if (isOpen && isNullOrUndefined(ulIndex) && _this.navIdx.length) {
1761
1761
  _this.closeMenu(null, e);
1762
1762
  }
1763
- else if (isOpen && !_this.isMenu && !ulIndex && _this.navIdx.length === 0 && !_this.isMenusClosed && !_this.isCmenuHover) {
1763
+ else if (isOpen && !_this.isMenu && !ulIndex && _this.navIdx.length === 0 &&
1764
+ !_this.isMenusClosed && !_this.isCmenuHover) {
1764
1765
  _this.isMenusClosed = true;
1765
1766
  _this.closeMenu(0, e);
1766
1767
  }
@@ -10137,7 +10138,7 @@ var DISABLE = 'e-disable';
10137
10138
  var DROPCOUNT = 'e-drop-count';
10138
10139
  var CHECK = 'e-check';
10139
10140
  var INDETERMINATE = 'e-stop';
10140
- var CHECKBOXWRAP = 'e-checkbox-wrapper';
10141
+ var CHECKBOXWRAP = 'e-treeview-checkbox';
10141
10142
  var CHECKBOXFRAME = 'e-frame';
10142
10143
  var CHECKBOXRIPPLE = 'e-ripple-container';
10143
10144
  var RIPPLE = 'e-ripple';
@@ -10845,6 +10846,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
10845
10846
  TreeView.prototype.beforeNodeCreate = function (e) {
10846
10847
  if (this.showCheckBox) {
10847
10848
  var checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
10849
+ checkboxEle.classList.add(CHECKBOXWRAP);
10848
10850
  var icon = select('div.' + ICON, e.item);
10849
10851
  var id = e.item.getAttribute('data-uid');
10850
10852
  e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
@@ -10922,7 +10924,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
10922
10924
  return 2;
10923
10925
  }
10924
10926
  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)]))) {
10927
+ 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
10928
  return 2;
10927
10929
  }
10928
10930
  if (this.isChildObject()) {
@@ -11549,6 +11551,9 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
11549
11551
  _this.afterFinalized();
11550
11552
  }
11551
11553
  });
11554
+ if (this.index > 0) {
11555
+ this.index = 0;
11556
+ }
11552
11557
  };
11553
11558
  TreeView.prototype.expandCallback = function (eUid, callback) {
11554
11559
  var eNode = select('[data-uid="' + eUid + '"]', this.element);
@@ -11557,9 +11562,7 @@ var TreeView = /** @__PURE__ @class */ (function (_super) {
11557
11562
  if (!isNullOrUndefined(icon)) {
11558
11563
  this.expandAction(eNode, icon, null, false, callback);
11559
11564
  }
11560
- else {
11561
- callback();
11562
- }
11565
+ callback();
11563
11566
  }
11564
11567
  else {
11565
11568
  callback();
@@ -18894,6 +18897,9 @@ var LABELINDICATOR = 'e-step-type-label';
18894
18897
  var INDICATORICON = 'e-step-indicator';
18895
18898
  var STEPPERTOOLTIP = 'e-stepper-tooltip';
18896
18899
  var STEPPERIPROGRESSTIP = 'e-step-inprogress-tip';
18900
+ var LINEARSTEP = 'e-linear';
18901
+ var PREVSTEP = 'e-previous';
18902
+ var NEXTSTEP = 'e-next';
18897
18903
  /**
18898
18904
  * Defines the step progress animation of the Stepper.
18899
18905
  */
@@ -19744,6 +19750,17 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
19744
19750
  }
19745
19751
  }
19746
19752
  }
19753
+ this.updateStepInteractions();
19754
+ };
19755
+ Stepper.prototype.updateStepInteractions = function () {
19756
+ var _this = this;
19757
+ this.element.classList.toggle(LINEARSTEP, this.linear);
19758
+ this.stepperItemElements.forEach(function (step, index) {
19759
+ var isPreviousStep = (index === _this.activeStep - 1);
19760
+ var isNextStep = (index === _this.activeStep + 1);
19761
+ step.classList.toggle(PREVSTEP, isPreviousStep);
19762
+ step.classList.toggle(NEXTSTEP, isNextStep);
19763
+ });
19747
19764
  };
19748
19765
  Stepper.prototype.removeItemElements = function () {
19749
19766
  for (var i = 0; i < this.stepperItemElements.length; i++) {
@@ -19762,14 +19779,17 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
19762
19779
  }
19763
19780
  };
19764
19781
  Stepper.prototype.reset = function () {
19765
- if (this.activeStep !== 0) {
19782
+ if (this.activeStep === 0) {
19783
+ this.updateStepInteractions();
19784
+ }
19785
+ else {
19766
19786
  var isDisabled = this.stepperItemElements[0].classList.contains(DISABLED$2) ? true : false;
19767
19787
  this.navigateToStep(isDisabled ? -1 : 0, null, null, false);
19768
19788
  }
19769
19789
  };
19770
19790
  Stepper.prototype.updateElementClassArray = function () {
19771
19791
  var classArray = [RTL$3, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',
19772
- 'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP];
19792
+ 'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP, LINEARSTEP];
19773
19793
  removeClass([this.element], classArray);
19774
19794
  };
19775
19795
  Stepper.prototype.destroy = function () {
@@ -20021,6 +20041,9 @@ var Stepper = /** @__PURE__ @class */ (function (_super) {
20021
20041
  case 'animation':
20022
20042
  this.updateAnimation();
20023
20043
  break;
20044
+ case 'linear':
20045
+ this.updateStepInteractions();
20046
+ break;
20024
20047
  }
20025
20048
  }
20026
20049
  };