@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
@@ -1679,7 +1679,8 @@ let MenuBase = class MenuBase extends Component {
1679
1679
  else if (isOpen && isNullOrUndefined(ulIndex) && this.navIdx.length) {
1680
1680
  this.closeMenu(null, e);
1681
1681
  }
1682
- else if (isOpen && !this.isMenu && !ulIndex && this.navIdx.length === 0 && !this.isMenusClosed && !this.isCmenuHover) {
1682
+ else if (isOpen && !this.isMenu && !ulIndex && this.navIdx.length === 0 &&
1683
+ !this.isMenusClosed && !this.isCmenuHover) {
1683
1684
  this.isMenusClosed = true;
1684
1685
  this.closeMenu(0, e);
1685
1686
  }
@@ -9834,7 +9835,7 @@ const DISABLE = 'e-disable';
9834
9835
  const DROPCOUNT = 'e-drop-count';
9835
9836
  const CHECK = 'e-check';
9836
9837
  const INDETERMINATE = 'e-stop';
9837
- const CHECKBOXWRAP = 'e-checkbox-wrapper';
9838
+ const CHECKBOXWRAP = 'e-treeview-checkbox';
9838
9839
  const CHECKBOXFRAME = 'e-frame';
9839
9840
  const CHECKBOXRIPPLE = 'e-ripple-container';
9840
9841
  const RIPPLE = 'e-ripple';
@@ -10520,6 +10521,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
10520
10521
  beforeNodeCreate(e) {
10521
10522
  if (this.showCheckBox) {
10522
10523
  const checkboxEle = createCheckBox(this.createElement, true, { cssClass: this.touchClass });
10524
+ checkboxEle.classList.add(CHECKBOXWRAP);
10523
10525
  const icon = select('div.' + ICON, e.item);
10524
10526
  const id = e.item.getAttribute('data-uid');
10525
10527
  e.item.childNodes[0].insertBefore(checkboxEle, e.item.childNodes[0].childNodes[isNullOrUndefined(icon) ? 0 : 1]);
@@ -10597,7 +10599,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
10597
10599
  return 2;
10598
10600
  }
10599
10601
  for (let i = 0, len = ds.length; i < len; i++) {
10600
- if ((typeof mapper.child === 'string') && !isNullOrUndefined(getValue(mapper.child, ds[parseInt(i.toString(), 10)]))) {
10602
+ 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)))) {
10601
10603
  return 2;
10602
10604
  }
10603
10605
  if (this.isChildObject()) {
@@ -11220,6 +11222,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
11220
11222
  this.afterFinalized();
11221
11223
  }
11222
11224
  });
11225
+ if (this.index > 0) {
11226
+ this.index = 0;
11227
+ }
11223
11228
  }
11224
11229
  expandCallback(eUid, callback) {
11225
11230
  const eNode = select('[data-uid="' + eUid + '"]', this.element);
@@ -11228,9 +11233,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
11228
11233
  if (!isNullOrUndefined(icon)) {
11229
11234
  this.expandAction(eNode, icon, null, false, callback);
11230
11235
  }
11231
- else {
11232
- callback();
11233
- }
11236
+ callback();
11234
11237
  }
11235
11238
  else {
11236
11239
  callback();
@@ -18394,6 +18397,9 @@ const LABELINDICATOR = 'e-step-type-label';
18394
18397
  const INDICATORICON = 'e-step-indicator';
18395
18398
  const STEPPERTOOLTIP = 'e-stepper-tooltip';
18396
18399
  const STEPPERIPROGRESSTIP = 'e-step-inprogress-tip';
18400
+ const LINEARSTEP = 'e-linear';
18401
+ const PREVSTEP = 'e-previous';
18402
+ const NEXTSTEP = 'e-next';
18397
18403
  /**
18398
18404
  * Defines the step progress animation of the Stepper.
18399
18405
  */
@@ -19232,6 +19238,16 @@ let Stepper = class Stepper extends StepperBase {
19232
19238
  }
19233
19239
  }
19234
19240
  }
19241
+ this.updateStepInteractions();
19242
+ }
19243
+ updateStepInteractions() {
19244
+ this.element.classList.toggle(LINEARSTEP, this.linear);
19245
+ this.stepperItemElements.forEach((step, index) => {
19246
+ const isPreviousStep = (index === this.activeStep - 1);
19247
+ const isNextStep = (index === this.activeStep + 1);
19248
+ step.classList.toggle(PREVSTEP, isPreviousStep);
19249
+ step.classList.toggle(NEXTSTEP, isNextStep);
19250
+ });
19235
19251
  }
19236
19252
  removeItemElements() {
19237
19253
  for (let i = 0; i < this.stepperItemElements.length; i++) {
@@ -19250,14 +19266,17 @@ let Stepper = class Stepper extends StepperBase {
19250
19266
  }
19251
19267
  }
19252
19268
  reset() {
19253
- if (this.activeStep !== 0) {
19269
+ if (this.activeStep === 0) {
19270
+ this.updateStepInteractions();
19271
+ }
19272
+ else {
19254
19273
  const isDisabled = this.stepperItemElements[0].classList.contains(DISABLED$2) ? true : false;
19255
19274
  this.navigateToStep(isDisabled ? -1 : 0, null, null, false);
19256
19275
  }
19257
19276
  }
19258
19277
  updateElementClassArray() {
19259
19278
  const classArray = [RTL$3, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',
19260
- 'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP];
19279
+ 'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP, LINEARSTEP];
19261
19280
  removeClass([this.element], classArray);
19262
19281
  }
19263
19282
  destroy() {
@@ -19507,6 +19526,9 @@ let Stepper = class Stepper extends StepperBase {
19507
19526
  case 'animation':
19508
19527
  this.updateAnimation();
19509
19528
  break;
19529
+ case 'linear':
19530
+ this.updateStepInteractions();
19531
+ break;
19510
19532
  }
19511
19533
  }
19512
19534
  }