@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
package/styles/stepper/fabric-dark.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/stepper/fabric.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/stepper/fluent-dark.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/stepper/fluent.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/stepper/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;
@@ -1043,6 +1043,14 @@
1043
1043
  .e-stepper .e-step-selected .e-label {
1044
1044
  font-weight: 600;
1045
1045
  }
1046
+ .e-stepper.e-linear .e-step-container {
1047
+ pointer-events: none;
1048
+ }
1049
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
1050
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
1051
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
1052
+ pointer-events: auto;
1053
+ }
1046
1054
  .e-stepper.e-stepper-readonly,
1047
1055
  .e-stepper .e-step-disabled {
1048
1056
  cursor: default;
package/styles/stepper/highcontrast-light.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/stepper/highcontrast.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/stepper/material-dark.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/stepper/material.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/stepper/material3-dark.css CHANGED
@@ -64,6 +64,14 @@
64
64
  .e-stepper .e-step-selected .e-label {
65
65
  font-weight: 600;
66
66
  }
67
+ .e-stepper.e-linear .e-step-container {
68
+ pointer-events: none;
69
+ }
70
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
71
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
72
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
73
+ pointer-events: auto;
74
+ }
67
75
  .e-stepper.e-stepper-readonly,
68
76
  .e-stepper .e-step-disabled {
69
77
  cursor: default;
package/styles/stepper/material3.css CHANGED
@@ -120,6 +120,14 @@
120
120
  .e-stepper .e-step-selected .e-label {
121
121
  font-weight: 600;
122
122
  }
123
+ .e-stepper.e-linear .e-step-container {
124
+ pointer-events: none;
125
+ }
126
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
127
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
128
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
129
+ pointer-events: auto;
130
+ }
123
131
  .e-stepper.e-stepper-readonly,
124
132
  .e-stepper .e-step-disabled {
125
133
  cursor: default;
package/styles/stepper/tailwind-dark.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/stepper/tailwind.css CHANGED
@@ -9,6 +9,14 @@
9
9
  .e-stepper .e-step-selected .e-label {
10
10
  font-weight: 600;
11
11
  }
12
+ .e-stepper.e-linear .e-step-container {
13
+ pointer-events: none;
14
+ }
15
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
16
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
17
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
18
+ pointer-events: auto;
19
+ }
12
20
  .e-stepper.e-stepper-readonly,
13
21
  .e-stepper .e-step-disabled {
14
22
  cursor: default;
package/styles/tab/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/tailwind-dark.css CHANGED
@@ -2966,9 +2966,9 @@
2966
2966
  }
2967
2967
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2968
2968
  border: 0;
2969
+ background: #4b5563;
2969
2970
  -webkit-box-shadow: none;
2970
2971
  box-shadow: none;
2971
- background: #4b5563;
2972
2972
  }
2973
2973
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2974
2974
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3045,10 +3045,10 @@
3045
3045
  color: #d1d5db;
3046
3046
  }
3047
3047
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3048
- -webkit-box-shadow: none;
3049
- box-shadow: none;
3050
3048
  position: relative;
3051
3049
  z-index: 2;
3050
+ -webkit-box-shadow: none;
3051
+ box-shadow: none;
3052
3052
  }
3053
3053
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3054
3054
  border-color: #4b5563;
@@ -10924,6 +10924,14 @@ ejs-sidebar {
10924
10924
  .e-stepper .e-step-selected .e-label {
10925
10925
  font-weight: 600;
10926
10926
  }
10927
+ .e-stepper.e-linear .e-step-container {
10928
+ pointer-events: none;
10929
+ }
10930
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10931
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10932
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10933
+ pointer-events: auto;
10934
+ }
10927
10935
  .e-stepper.e-stepper-readonly,
10928
10936
  .e-stepper .e-step-disabled {
10929
10937
  cursor: default;
package/styles/tailwind.css CHANGED
@@ -2966,9 +2966,9 @@
2966
2966
  }
2967
2967
  .e-accordion .e-acrdn-item .e-acrdn-header:focus {
2968
2968
  border: 0;
2969
+ background: #f3f4f6;
2969
2970
  -webkit-box-shadow: none;
2970
2971
  box-shadow: none;
2971
- background: #f3f4f6;
2972
2972
  }
2973
2973
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-icons,
2974
2974
  .e-accordion .e-acrdn-item .e-acrdn-header:focus:active .e-acrdn-header-content,
@@ -3045,10 +3045,10 @@
3045
3045
  color: #6b7280;
3046
3046
  }
3047
3047
  .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header:focus {
3048
- -webkit-box-shadow: none;
3049
- box-shadow: none;
3050
3048
  position: relative;
3051
3049
  z-index: 2;
3050
+ -webkit-box-shadow: none;
3051
+ box-shadow: none;
3052
3052
  }
3053
3053
  .e-accordion .e-acrdn-item.e-selected + .e-selected {
3054
3054
  border-color: #e5e7eb;
@@ -10924,6 +10924,14 @@ ejs-sidebar {
10924
10924
  .e-stepper .e-step-selected .e-label {
10925
10925
  font-weight: 600;
10926
10926
  }
10927
+ .e-stepper.e-linear .e-step-container {
10928
+ pointer-events: none;
10929
+ }
10930
+ .e-stepper.e-linear .e-previous:not(.e-step-disabled),
10931
+ .e-stepper.e-linear .e-next:not(.e-step-disabled),
10932
+ .e-stepper.e-linear .e-step-selected:not(.e-step-disabled) {
10933
+ pointer-events: auto;
10934
+ }
10927
10935
  .e-stepper.e-stepper-readonly,
10928
10936
  .e-stepper .e-step-disabled {
10929
10937
  cursor: default;
package/styles/toolbar/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/treeview/_fluent2-definition.scss CHANGED
@@ -23,7 +23,7 @@ $treeview-icon-padding: 0px !default;
23
23
  $treeview-text-padding: 0 12px !default;
24
24
  $treeview-text-margin: 0 !default;
25
25
  $treeview-image-size: 18px !default;
26
- $treeview-image-margin: 0 0 0 6px !default;
26
+ $treeview-image-margin: 0 0 0 12px !default;
27
27
  $treeview-navigable-icon-image-margin: 0 8px 0 0 !default;
28
28
  $treeview-navigable-icon-image-margin-reverse: 0 0 0 8px !default;
29
29
  $treeview-navigable-check-margin-bigger: 0 0 0 12px !default;
@@ -38,7 +38,7 @@ $treeview-icon-image-margin: 0 0 0 12px !default;
38
38
  $treeview-rtl-icon-image-margin: 0 12px 0 0 !default;
39
39
  $treeview-check-margin: 0 0 0 4px !default;
40
40
  $treeview-rtl-check-margin: 0 4px 0 0 !default;
41
- $treeview-check-text-padding: 0 12px !default;
41
+ $treeview-check-text-padding: 0 4px !default;
42
42
  $treeview-check-image-margin: 0 0 0 4px !default;
43
43
  $treeview-rtl-check-image-margin: 0 4px 0 0 !default;
44
44
  $treeview-drop-count-border-size: 1px !default;
@@ -54,11 +54,11 @@ $treeview-icon-img-wrap-width: calc(100% - 60px) !default;
54
54
  $treeview-big-item-height: 40px !default;
55
55
  $treeview-big-text-height: 38px !default;
56
56
  $treeview-big-input-height: 40px !default;
57
- $treeview-big-text-padding: 0 12px !default;
57
+ $treeview-big-text-padding: 0 16px !default;
58
58
  $treeview-big-input-padding: 0 9px !default;
59
59
  $treeview-big-icon-padding: 0px !default;
60
- $treeview-big-image-margin: 0 0 0 12px !default;
61
- $treeview-big-rtl-image-margin: 0 12px 0 0 !default;
60
+ $treeview-big-image-margin: 0 0 0 16px !default;
61
+ $treeview-big-rtl-image-margin: 0 16px 0 0 !default;
62
62
  $treeview-big-icon-image-margin: 0 0 0 16px !default;
63
63
  $treeview-big-rtl-icon-image-margin: 0 16px 0 0 !default;
64
64
  $treeview-big-check-margin: 0 0 0 8px !default;
@@ -69,7 +69,7 @@ $treeview-big-root-ul-padding: 0 0 0 16px !default;
69
69
  $treeview-big-rtl-root-ul-padding: 0 16px 0 0 !default;
70
70
  $treeview-big-child-ul-padding: 0 0 0 24px !default;
71
71
  $treeview-big-rtl-child-ul-padding: 0 24px 0 0 !default;
72
- $treeview-big-image-text-padding: 0 12px !default;
72
+ $treeview-big-image-text-padding: 0 16px !default;
73
73
  $treeview-big-icon-margin: 0 0 0 -16px !default;
74
74
  $treeview-big-rtl-icon-margin: 0 -16px 0 0 !default;
75
75
  $treeview-big-text-wrap-padding: 0 0 0 24px !default;
@@ -78,7 +78,7 @@ $treeview-big-drag-icon-font-size: $text-2xl !default;
78
78
  $treeview-big-drag-item-text-padding-left: 12px !default;
79
79
  $treeview-big-drag-icon-margin: -6px 0px 5px -9px !default;
80
80
  $treeview-big-drag-before-icon-padding: 6px !default;
81
- $treeview-big-check-text-padding: 0 12px !default;
81
+ $treeview-big-check-text-padding: 0 8px !default;
82
82
  $treeview-big-check-wrap-width: calc(100% - 29px) !default;
83
83
  $treeview-big-check-icon-wrap-width: calc(100% - 65px) !default;
84
84
  $treeview-big-check-icon-img-wrap-width: calc(100% - 101px) !default;
package/styles/treeview/_layout.scss CHANGED
@@ -259,7 +259,7 @@
259
259
  @if $skin-name == 'bootstrap4' {
260
260
  font-size: $treeview-big-image-font-size;
261
261
  }
262
- @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3') {
262
+ @if ($skin-name == 'bootstrap4' or $skin-name == 'tailwind' or $skin-name == 'bootstrap5' or $skin-name == 'FluentUI' or $skin-name == 'Material3' or $skin-name == 'fluent2') {
263
263
  & + .e-list-text {
264
264
  padding: $treeview-big-image-text-padding;
265
265
  }
package/styles/treeview/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;
@@ -1294,7 +1294,7 @@
1294
1294
  }
1295
1295
  .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
1296
1296
  .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
1297
- padding: 0 12px;
1297
+ padding: 0 8px;
1298
1298
  }
1299
1299
  .e-bigger .e-treeview .e-icon-collapsible,
1300
1300
  .e-bigger .e-treeview .e-icon-expandable,
@@ -1366,7 +1366,7 @@
1366
1366
  .e-treeview.e-bigger .e-list-text {
1367
1367
  line-height: 38px;
1368
1368
  min-height: 38px;
1369
- padding: 0 12px;
1369
+ padding: 0 16px;
1370
1370
  }
1371
1371
  .e-bigger .e-treeview .e-list-text .e-input-group,
1372
1372
  .e-treeview.e-bigger .e-list-text .e-input-group {
@@ -1389,7 +1389,13 @@
1389
1389
  .e-bigger .e-treeview .e-list-img,
1390
1390
  .e-treeview.e-bigger .e-list-icon,
1391
1391
  .e-treeview.e-bigger .e-list-img {
1392
- margin: 0 0 0 12px;
1392
+ margin: 0 0 0 16px;
1393
+ }
1394
+ .e-bigger .e-treeview .e-list-icon + .e-list-text,
1395
+ .e-bigger .e-treeview .e-list-img + .e-list-text,
1396
+ .e-treeview.e-bigger .e-list-icon + .e-list-text,
1397
+ .e-treeview.e-bigger .e-list-img + .e-list-text {
1398
+ padding: 0 16px;
1393
1399
  }
1394
1400
  .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
1395
1401
  .e-bigger .e-treeview .e-list-img + .e-list-icon,
@@ -1449,7 +1455,7 @@
1449
1455
  .e-bigger .e-treeview.e-rtl .e-list-img,
1450
1456
  .e-treeview.e-bigger.e-rtl .e-list-icon,
1451
1457
  .e-treeview.e-bigger.e-rtl .e-list-img {
1452
- margin: 0 12px 0 0;
1458
+ margin: 0 16px 0 0;
1453
1459
  }
1454
1460
  .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-icon, .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-img,
1455
1461
  .e-bigger .e-treeview.e-rtl .e-list-img + .e-list-icon,
@@ -1598,7 +1604,7 @@
1598
1604
  margin: 0 0 0 4px;
1599
1605
  }
1600
1606
  .e-treeview .e-checkbox-wrapper + .e-list-text {
1601
- padding: 0 12px;
1607
+ padding: 0 4px;
1602
1608
  }
1603
1609
  .e-treeview .e-checkbox-wrapper .e-ripple-container {
1604
1610
  bottom: -7px;
@@ -1632,7 +1638,7 @@
1632
1638
  .e-treeview .e-list-img {
1633
1639
  display: inline-block;
1634
1640
  height: 18px;
1635
- margin: 0 0 0 6px;
1641
+ margin: 0 0 0 12px;
1636
1642
  vertical-align: middle;
1637
1643
  width: 18px;
1638
1644
  }
package/styles/v-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;