@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
@@ -10597,7 +10597,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
10597
10597
  return 2;
10598
10598
  }
10599
10599
  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)]))) {
10600
+ 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
10601
  return 2;
10602
10602
  }
10603
10603
  if (this.isChildObject()) {
@@ -11220,6 +11220,9 @@ let TreeView = TreeView_1 = class TreeView extends Component {
11220
11220
  this.afterFinalized();
11221
11221
  }
11222
11222
  });
11223
+ if (this.index > 0) {
11224
+ this.index = 0;
11225
+ }
11223
11226
  }
11224
11227
  expandCallback(eUid, callback) {
11225
11228
  const eNode = select('[data-uid="' + eUid + '"]', this.element);
@@ -11228,9 +11231,7 @@ let TreeView = TreeView_1 = class TreeView extends Component {
11228
11231
  if (!isNullOrUndefined(icon)) {
11229
11232
  this.expandAction(eNode, icon, null, false, callback);
11230
11233
  }
11231
- else {
11232
- callback();
11233
- }
11234
+ callback();
11234
11235
  }
11235
11236
  else {
11236
11237
  callback();
@@ -16417,7 +16418,12 @@ let Breadcrumb = class Breadcrumb extends Component {
16417
16418
  }
16418
16419
  this.endIndex = idx;
16419
16420
  }
16420
- this.trigger('itemClick', { element: li, item: this.items[idx], event: e });
16421
+ const itemClickArgs = { element: li,
16422
+ item: this.items[idx], event: e, cancel: false };
16423
+ this.trigger('itemClick', itemClickArgs);
16424
+ if (itemClickArgs.cancel) {
16425
+ return;
16426
+ }
16421
16427
  if (this.items[idx]) {
16422
16428
  this.activeItem = this.items[idx].url || this.items[idx].text;
16423
16429
  }
@@ -18389,6 +18395,9 @@ const LABELINDICATOR = 'e-step-type-label';
18389
18395
  const INDICATORICON = 'e-step-indicator';
18390
18396
  const STEPPERTOOLTIP = 'e-stepper-tooltip';
18391
18397
  const STEPPERIPROGRESSTIP = 'e-step-inprogress-tip';
18398
+ const LINEARSTEP = 'e-linear';
18399
+ const PREVSTEP = 'e-previous';
18400
+ const NEXTSTEP = 'e-next';
18392
18401
  /**
18393
18402
  * Defines the step progress animation of the Stepper.
18394
18403
  */
@@ -19227,6 +19236,16 @@ let Stepper = class Stepper extends StepperBase {
19227
19236
  }
19228
19237
  }
19229
19238
  }
19239
+ this.updateStepInteractions();
19240
+ }
19241
+ updateStepInteractions() {
19242
+ this.element.classList.toggle(LINEARSTEP, this.linear);
19243
+ this.stepperItemElements.forEach((step, index) => {
19244
+ const isPreviousStep = (index === this.activeStep - 1);
19245
+ const isNextStep = (index === this.activeStep + 1);
19246
+ step.classList.toggle(PREVSTEP, isPreviousStep);
19247
+ step.classList.toggle(NEXTSTEP, isNextStep);
19248
+ });
19230
19249
  }
19231
19250
  removeItemElements() {
19232
19251
  for (let i = 0; i < this.stepperItemElements.length; i++) {
@@ -19245,14 +19264,17 @@ let Stepper = class Stepper extends StepperBase {
19245
19264
  }
19246
19265
  }
19247
19266
  reset() {
19248
- if (this.activeStep !== 0) {
19267
+ if (this.activeStep === 0) {
19268
+ this.updateStepInteractions();
19269
+ }
19270
+ else {
19249
19271
  const isDisabled = this.stepperItemElements[0].classList.contains(DISABLED$2) ? true : false;
19250
19272
  this.navigateToStep(isDisabled ? -1 : 0, null, null, false);
19251
19273
  }
19252
19274
  }
19253
19275
  updateElementClassArray() {
19254
19276
  const classArray = [RTL$3, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',
19255
- 'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP];
19277
+ 'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP, LINEARSTEP];
19256
19278
  removeClass([this.element], classArray);
19257
19279
  }
19258
19280
  destroy() {
@@ -19502,6 +19524,9 @@ let Stepper = class Stepper extends StepperBase {
19502
19524
  case 'animation':
19503
19525
  this.updateAnimation();
19504
19526
  break;
19527
+ case 'linear':
19528
+ this.updateStepInteractions();
19529
+ break;
19505
19530
  }
19506
19531
  }
19507
19532
  }