@syncfusion/ej2-navigations 26.1.38 → 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 (64) 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 +26 -6
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +27 -6
  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 +6 -6
  12. package/src/stepper/stepper.d.ts +1 -0
  13. package/src/stepper/stepper.js +22 -2
  14. package/src/treeview/treeview.js +5 -4
  15. package/styles/accordion/fluent2.css +5 -5
  16. package/styles/appbar/fluent2.css +5 -5
  17. package/styles/bootstrap-dark.css +8 -0
  18. package/styles/bootstrap.css +8 -0
  19. package/styles/bootstrap4.css +8 -0
  20. package/styles/bootstrap5-dark.css +8 -0
  21. package/styles/bootstrap5.css +8 -0
  22. package/styles/breadcrumb/fluent2.css +5 -5
  23. package/styles/carousel/fluent2.css +5 -5
  24. package/styles/context-menu/fluent2.css +5 -5
  25. package/styles/fabric-dark.css +8 -0
  26. package/styles/fabric.css +8 -0
  27. package/styles/fluent-dark.css +8 -0
  28. package/styles/fluent.css +8 -0
  29. package/styles/fluent2.css +13 -5
  30. package/styles/h-scroll/fluent2.css +5 -5
  31. package/styles/highcontrast-light.css +8 -0
  32. package/styles/highcontrast.css +8 -0
  33. package/styles/material-dark.css +8 -0
  34. package/styles/material.css +8 -0
  35. package/styles/material3-dark.css +8 -0
  36. package/styles/material3.css +8 -0
  37. package/styles/menu/fluent2.css +5 -5
  38. package/styles/pager/fluent2.css +5 -5
  39. package/styles/sidebar/fluent2.css +5 -5
  40. package/styles/stepper/_layout.scss +10 -0
  41. package/styles/stepper/bootstrap-dark.css +8 -0
  42. package/styles/stepper/bootstrap.css +8 -0
  43. package/styles/stepper/bootstrap4.css +8 -0
  44. package/styles/stepper/bootstrap5-dark.css +8 -0
  45. package/styles/stepper/bootstrap5.css +8 -0
  46. package/styles/stepper/fabric-dark.css +8 -0
  47. package/styles/stepper/fabric.css +8 -0
  48. package/styles/stepper/fluent-dark.css +8 -0
  49. package/styles/stepper/fluent.css +8 -0
  50. package/styles/stepper/fluent2.css +13 -5
  51. package/styles/stepper/highcontrast-light.css +8 -0
  52. package/styles/stepper/highcontrast.css +8 -0
  53. package/styles/stepper/material-dark.css +8 -0
  54. package/styles/stepper/material.css +8 -0
  55. package/styles/stepper/material3-dark.css +8 -0
  56. package/styles/stepper/material3.css +8 -0
  57. package/styles/stepper/tailwind-dark.css +8 -0
  58. package/styles/stepper/tailwind.css +8 -0
  59. package/styles/tab/fluent2.css +5 -5
  60. package/styles/tailwind-dark.css +8 -0
  61. package/styles/tailwind.css +8 -0
  62. package/styles/toolbar/fluent2.css +5 -5
  63. package/styles/treeview/fluent2.css +5 -5
  64. package/styles/v-scroll/fluent2.css +5 -5
package/dist/global/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  /*!
2
2
  * filename: index.d.ts
3
- * version : 26.1.38
3
+ * version : 26.1.39
4
4
  * Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
5
5
  * Use of this code is subject to the terms of our license.
6
6
  * A copy of the current license can be obtained at any time by e-mailing
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "_from": "@syncfusion/ej2-navigations@*",
3
- "_id": "@syncfusion/ej2-navigations@26.1.35",
3
+ "_id": "@syncfusion/ej2-navigations@26.1.38",
4
4
  "_inBundle": false,
5
- "_integrity": "sha512-HDPzSTq85sQHXSL+DEUdXoEBDd4qQgMmC/f+0SB+1oQprZL6LSv8lB8XUEAKm1Ii49aixLnMGwwD61dhrFq8KQ==",
5
+ "_integrity": "sha512-FkGUMW4JtCpN0UumB+XnLHMmEgBMTWK006RpqhtMnc4BHrZtvwEYbGn0OJcyKcNG/OeoVA2m0x5DkQO8Nk/ofw==",
6
6
  "_location": "/@syncfusion/ej2-navigations",
7
7
  "_phantomChildren": {},
8
8
  "_requested": {
@@ -39,8 +39,8 @@
39
39
  "/@syncfusion/ej2-spreadsheet",
40
40
  "/@syncfusion/ej2-vue-navigations"
41
41
  ],
42
- "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-26.1.35.tgz",
43
- "_shasum": "9ec87abcfa03b6a8cc404093380dd8c66f737b68",
42
+ "_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-26.1.38.tgz",
43
+ "_shasum": "2932f699db17f0cbff75e916dbbea215013b3ebe",
44
44
  "_spec": "@syncfusion/ej2-navigations@*",
45
45
  "_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
46
46
  "author": {
@@ -54,7 +54,7 @@
54
54
  "@syncfusion/ej2-base": "~26.1.37",
55
55
  "@syncfusion/ej2-buttons": "~26.1.35",
56
56
  "@syncfusion/ej2-data": "~26.1.35",
57
- "@syncfusion/ej2-inputs": "~26.1.38",
57
+ "@syncfusion/ej2-inputs": "~26.1.39",
58
58
  "@syncfusion/ej2-lists": "~26.1.35",
59
59
  "@syncfusion/ej2-popups": "~26.1.38"
60
60
  },
@@ -161,6 +161,6 @@
161
161
  "url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
162
162
  },
163
163
  "typings": "index.d.ts",
164
- "version": "26.1.38",
164
+ "version": "26.1.39",
165
165
  "sideEffects": false
166
166
  }
package/src/stepper/stepper.d.ts CHANGED
@@ -321,6 +321,7 @@ export declare class Stepper extends StepperBase implements INotifyPropertyChang
321
321
  private getTemplateFunction;
322
322
  private navigateToStep;
323
323
  private navigationHandler;
324
+ private updateStepInteractions;
324
325
  private removeItemElements;
325
326
  nextStep(): void;
326
327
  previousStep(): void;
package/src/stepper/stepper.js CHANGED
@@ -52,6 +52,9 @@ var LABELINDICATOR = 'e-step-type-label';
52
52
  var INDICATORICON = 'e-step-indicator';
53
53
  var STEPPERTOOLTIP = 'e-stepper-tooltip';
54
54
  var STEPPERIPROGRESSTIP = 'e-step-inprogress-tip';
55
+ var LINEARSTEP = 'e-linear';
56
+ var PREVSTEP = 'e-previous';
57
+ var NEXTSTEP = 'e-next';
55
58
  /**
56
59
  * Defines the step progress animation of the Stepper.
57
60
  */
@@ -903,6 +906,17 @@ var Stepper = /** @class */ (function (_super) {
903
906
  }
904
907
  }
905
908
  }
909
+ this.updateStepInteractions();
910
+ };
911
+ Stepper.prototype.updateStepInteractions = function () {
912
+ var _this = this;
913
+ this.element.classList.toggle(LINEARSTEP, this.linear);
914
+ this.stepperItemElements.forEach(function (step, index) {
915
+ var isPreviousStep = (index === _this.activeStep - 1);
916
+ var isNextStep = (index === _this.activeStep + 1);
917
+ step.classList.toggle(PREVSTEP, isPreviousStep);
918
+ step.classList.toggle(NEXTSTEP, isNextStep);
919
+ });
906
920
  };
907
921
  Stepper.prototype.removeItemElements = function () {
908
922
  for (var i = 0; i < this.stepperItemElements.length; i++) {
@@ -921,14 +935,17 @@ var Stepper = /** @class */ (function (_super) {
921
935
  }
922
936
  };
923
937
  Stepper.prototype.reset = function () {
924
- if (this.activeStep !== 0) {
938
+ if (this.activeStep === 0) {
939
+ this.updateStepInteractions();
940
+ }
941
+ else {
925
942
  var isDisabled = this.stepperItemElements[0].classList.contains(DISABLED) ? true : false;
926
943
  this.navigateToStep(isDisabled ? -1 : 0, null, null, false);
927
944
  }
928
945
  };
929
946
  Stepper.prototype.updateElementClassArray = function () {
930
947
  var classArray = [RTL, READONLY, 'e-steps-focus', LABELAFTER, LABELBEFORE, 'e-label-top',
931
- 'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP];
948
+ 'e-label-bottom', 'e-label-start', 'e-label-end', STEPINDICATOR, LABELINDICATOR, VERTICALSTEP, HORIZSTEP, LINEARSTEP];
932
949
  removeClass([this.element], classArray);
933
950
  };
934
951
  Stepper.prototype.destroy = function () {
@@ -1180,6 +1197,9 @@ var Stepper = /** @class */ (function (_super) {
1180
1197
  case 'animation':
1181
1198
  this.updateAnimation();
1182
1199
  break;
1200
+ case 'linear':
1201
+ this.updateStepInteractions();
1202
+ break;
1183
1203
  }
1184
1204
  }
1185
1205
  };
package/src/treeview/treeview.js CHANGED
@@ -856,7 +856,7 @@ var TreeView = /** @class */ (function (_super) {
856
856
  return 2;
857
857
  }
858
858
  for (var i = 0, len = ds.length; i < len; i++) {
859
- if ((typeof mapper.child === 'string') && !isNOU(getValue(mapper.child, ds[parseInt(i.toString(), 10)]))) {
859
+ if ((typeof mapper.child === 'string') && (!isNOU(getValue(mapper.child, ds[parseInt(i.toString(), 10)])) || (Object.prototype.hasOwnProperty.call(ds[parseInt(i.toString(), 10)], mapper.child)))) {
860
860
  return 2;
861
861
  }
862
862
  if (this.isChildObject()) {
@@ -1483,6 +1483,9 @@ var TreeView = /** @class */ (function (_super) {
1483
1483
  _this.afterFinalized();
1484
1484
  }
1485
1485
  });
1486
+ if (this.index > 0) {
1487
+ this.index = 0;
1488
+ }
1486
1489
  };
1487
1490
  TreeView.prototype.expandCallback = function (eUid, callback) {
1488
1491
  var eNode = select('[data-uid="' + eUid + '"]', this.element);
@@ -1491,9 +1494,7 @@ var TreeView = /** @class */ (function (_super) {
1491
1494
  if (!isNOU(icon)) {
1492
1495
  this.expandAction(eNode, icon, null, false, callback);
1493
1496
  }
1494
- else {
1495
- callback();
1496
- }
1497
+ callback();
1497
1498
  }
1498
1499
  else {
1499
1500
  callback();
package/styles/accordion/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/appbar/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/bootstrap-dark.css CHANGED
@@ -10611,6 +10611,14 @@ ejs-sidebar {
10611
10611
  .e-stepper .e-step-selected .e-label {
10612
10612
  font-weight: 600;
10613
10613
  }
10614
+ .e-stepper.e-linear .e-step-container {
10615
+ pointer-events: none;
10616
+ }
10617
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10618
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10619
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10620
+ pointer-events: auto;
10621
+ }
10614
10622
  .e-stepper.e-stepper-readonly,
10615
10623
  .e-stepper .e-step-disabled {
10616
10624
  cursor: default;
package/styles/bootstrap.css CHANGED
@@ -10622,6 +10622,14 @@ ejs-sidebar {
10622
10622
  .e-stepper .e-step-selected .e-label {
10623
10623
  font-weight: 600;
10624
10624
  }
10625
+ .e-stepper.e-linear .e-step-container {
10626
+ pointer-events: none;
10627
+ }
10628
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10629
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10630
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10631
+ pointer-events: auto;
10632
+ }
10625
10633
  .e-stepper.e-stepper-readonly,
10626
10634
  .e-stepper .e-step-disabled {
10627
10635
  cursor: default;
package/styles/bootstrap4.css CHANGED
@@ -10740,6 +10740,14 @@ ejs-sidebar {
10740
10740
  .e-stepper .e-step-selected .e-label {
10741
10741
  font-weight: 600;
10742
10742
  }
10743
+ .e-stepper.e-linear .e-step-container {
10744
+ pointer-events: none;
10745
+ }
10746
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10747
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10748
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10749
+ pointer-events: auto;
10750
+ }
10743
10751
  .e-stepper.e-stepper-readonly,
10744
10752
  .e-stepper .e-step-disabled {
10745
10753
  cursor: default;
package/styles/bootstrap5-dark.css CHANGED
@@ -10758,6 +10758,14 @@ ejs-sidebar {
10758
10758
  .e-stepper .e-step-selected .e-label {
10759
10759
  font-weight: 600;
10760
10760
  }
10761
+ .e-stepper.e-linear .e-step-container {
10762
+ pointer-events: none;
10763
+ }
10764
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10765
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10766
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10767
+ pointer-events: auto;
10768
+ }
10761
10769
  .e-stepper.e-stepper-readonly,
10762
10770
  .e-stepper .e-step-disabled {
10763
10771
  cursor: default;
package/styles/bootstrap5.css CHANGED
@@ -10758,6 +10758,14 @@ ejs-sidebar {
10758
10758
  .e-stepper .e-step-selected .e-label {
10759
10759
  font-weight: 600;
10760
10760
  }
10761
+ .e-stepper.e-linear .e-step-container {
10762
+ pointer-events: none;
10763
+ }
10764
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10765
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10766
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10767
+ pointer-events: auto;
10768
+ }
10761
10769
  .e-stepper.e-stepper-readonly,
10762
10770
  .e-stepper .e-step-disabled {
10763
10771
  cursor: default;
package/styles/breadcrumb/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/carousel/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/context-menu/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/fabric-dark.css CHANGED
@@ -10611,6 +10611,14 @@ ejs-sidebar {
10611
10611
  .e-stepper .e-step-selected .e-label {
10612
10612
  font-weight: 600;
10613
10613
  }
10614
+ .e-stepper.e-linear .e-step-container {
10615
+ pointer-events: none;
10616
+ }
10617
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10618
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10619
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10620
+ pointer-events: auto;
10621
+ }
10614
10622
  .e-stepper.e-stepper-readonly,
10615
10623
  .e-stepper .e-step-disabled {
10616
10624
  cursor: default;
package/styles/fabric.css CHANGED
@@ -10613,6 +10613,14 @@ ejs-sidebar {
10613
10613
  .e-stepper .e-step-selected .e-label {
10614
10614
  font-weight: 600;
10615
10615
  }
10616
+ .e-stepper.e-linear .e-step-container {
10617
+ pointer-events: none;
10618
+ }
10619
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10620
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10621
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10622
+ pointer-events: auto;
10623
+ }
10616
10624
  .e-stepper.e-stepper-readonly,
10617
10625
  .e-stepper .e-step-disabled {
10618
10626
  cursor: default;
package/styles/fluent-dark.css CHANGED
@@ -10732,6 +10732,14 @@ ejs-sidebar {
10732
10732
  .e-stepper .e-step-selected .e-label {
10733
10733
  font-weight: 600;
10734
10734
  }
10735
+ .e-stepper.e-linear .e-step-container {
10736
+ pointer-events: none;
10737
+ }
10738
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10739
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10740
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10741
+ pointer-events: auto;
10742
+ }
10735
10743
  .e-stepper.e-stepper-readonly,
10736
10744
  .e-stepper .e-step-disabled {
10737
10745
  cursor: default;
package/styles/fluent.css CHANGED
@@ -10732,6 +10732,14 @@ ejs-sidebar {
10732
10732
  .e-stepper .e-step-selected .e-label {
10733
10733
  font-weight: 600;
10734
10734
  }
10735
+ .e-stepper.e-linear .e-step-container {
10736
+ pointer-events: none;
10737
+ }
10738
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10739
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10740
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10741
+ pointer-events: auto;
10742
+ }
10735
10743
  .e-stepper.e-stepper-readonly,
10736
10744
  .e-stepper .e-step-disabled {
10737
10745
  cursor: default;
package/styles/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
@@ -12318,6 +12318,14 @@ ejs-sidebar {
12318
12318
  .e-stepper .e-step-selected .e-label {
12319
12319
  font-weight: 600;
12320
12320
  }
12321
+ .e-stepper.e-linear .e-step-container {
12322
+ pointer-events: none;
12323
+ }
12324
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
12325
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
12326
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
12327
+ pointer-events: auto;
12328
+ }
12321
12329
  .e-stepper.e-stepper-readonly,
12322
12330
  .e-stepper .e-step-disabled {
12323
12331
  cursor: default;
package/styles/h-scroll/fluent2.css CHANGED
@@ -207,7 +207,7 @@
207
207
  --color-sf-info-outline: var(--color-sf-info-border-color);
208
208
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
209
209
  --color-sf-tooltip-border: var(--color-sf-content-bg-color-alt1);
210
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
210
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
211
211
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
212
212
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
213
213
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -478,7 +478,7 @@
478
478
  --color-sf-success-bg-color: #218c21;
479
479
  --color-sf-success-border-color: var(--color-sf-success-bg-color);
480
480
  --color-sf-success-text: var(--color-sf-primary-text-color);
481
- --color-sf-success-bg-color-hover: var(--color-sf-success-bg-color);
481
+ --color-sf-success-bg-color-hover: #0e700e;
482
482
  --color-sf-success-border-color-hover: var(--color-sf-success-bg-color-hover);
483
483
  --color-sf-success-text-hover: var(--color-sf-primary-text-color);
484
484
  --color-sf-success-bg-color-pressed: #052505;
@@ -496,7 +496,7 @@
496
496
  --color-sf-warning-bg-color: #f87528;
497
497
  --color-sf-warning-border-color: var(--color-sf-warning-bg-color);
498
498
  --color-sf-warning-text: #242424;
499
- --color-sf-warning-bg-color-hover: var(--color-sf-warning-bg-color);
499
+ --color-sf-warning-bg-color-hover: #de590b;
500
500
  --color-sf-warning-border-color-hover: var(--color-sf-warning-bg-color-hover);
501
501
  --color-sf-warning-text-hover: var(--color-sf-primary-text-color);
502
502
  --color-sf-warning-bg-color-pressed: #4a1e04;
@@ -555,7 +555,7 @@
555
555
  --color-sf-info-outline: #0099bc;
556
556
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
557
557
  --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color);
558
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
558
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
559
559
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
560
560
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color-alt1);
561
561
  --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2);
@@ -897,7 +897,7 @@
897
897
  --color-sf-info-outline: #0099bc;
898
898
  --color-sf-tooltip-bg-color: var(--color-sf-content-bg-color-alt1);
899
899
  --color-sf-tooltip-border: var(--color-sf-border-light);
900
- --color-sf-toooltip-text-color: var(--color-sf-content-text-color);
900
+ --color-sf-tooltip-text-color: var(--color-sf-content-text-color);
901
901
  --color-sf-toast-text-color: var(--color-sf-content-text-color);
902
902
  --color-sf-toast-alt-text-color: var(--color-sf-content-text-color);
903
903
  --color-sf-appbar-bg-color-alt1: #fff;
package/styles/highcontrast-light.css CHANGED
@@ -10612,6 +10612,14 @@ ejs-sidebar {
10612
10612
  .e-stepper .e-step-selected .e-label {
10613
10613
  font-weight: 600;
10614
10614
  }
10615
+ .e-stepper.e-linear .e-step-container {
10616
+ pointer-events: none;
10617
+ }
10618
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10619
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10620
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10621
+ pointer-events: auto;
10622
+ }
10615
10623
  .e-stepper.e-stepper-readonly,
10616
10624
  .e-stepper .e-step-disabled {
10617
10625
  cursor: default;
package/styles/highcontrast.css CHANGED
@@ -10648,6 +10648,14 @@ ejs-sidebar {
10648
10648
  .e-stepper .e-step-selected .e-label {
10649
10649
  font-weight: 600;
10650
10650
  }
10651
+ .e-stepper.e-linear .e-step-container {
10652
+ pointer-events: none;
10653
+ }
10654
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10655
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10656
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10657
+ pointer-events: auto;
10658
+ }
10651
10659
  .e-stepper.e-stepper-readonly,
10652
10660
  .e-stepper .e-step-disabled {
10653
10661
  cursor: default;