@syncfusion/ej2-navigations 25.1.39 → 25.1.41
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.
- package/CHANGELOG.md +26 -0
- package/dist/ej2-navigations.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js.map +1 -1
- package/dist/es6/ej2-navigations.es2015.js +31 -5
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +31 -5
- package/dist/es6/ej2-navigations.es5.js.map +1 -1
- package/dist/global/ej2-navigations.min.js +2 -2
- package/dist/global/ej2-navigations.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +8 -8
- package/src/accordion/accordion.js +3 -2
- package/src/carousel/carousel.js +6 -1
- package/src/stepper/stepper.js +1 -1
- package/src/toolbar/toolbar.js +1 -1
- package/src/treeview/treeview.js +20 -0
- package/styles/bootstrap-dark.css +311 -296
- package/styles/bootstrap.css +311 -296
- package/styles/bootstrap4.css +311 -296
- package/styles/bootstrap5-dark.css +311 -296
- package/styles/bootstrap5.css +311 -296
- package/styles/fabric-dark.css +311 -296
- package/styles/fabric.css +311 -296
- package/styles/fluent-dark.css +311 -296
- package/styles/fluent.css +311 -296
- package/styles/highcontrast-light.css +311 -296
- package/styles/highcontrast.css +311 -296
- package/styles/material-dark.css +311 -296
- package/styles/material.css +311 -296
- package/styles/material3-dark.css +311 -296
- package/styles/material3.css +311 -296
- package/styles/stepper/_layout.scss +162 -242
- package/styles/stepper/_theme.scss +158 -184
- package/styles/stepper/bootstrap-dark.css +311 -296
- package/styles/stepper/bootstrap.css +311 -296
- package/styles/stepper/bootstrap4.css +311 -296
- package/styles/stepper/bootstrap5-dark.css +311 -296
- package/styles/stepper/bootstrap5.css +311 -296
- package/styles/stepper/fabric-dark.css +311 -296
- package/styles/stepper/fabric.css +311 -296
- package/styles/stepper/fluent-dark.css +311 -296
- package/styles/stepper/fluent.css +311 -296
- package/styles/stepper/highcontrast-light.css +311 -296
- package/styles/stepper/highcontrast.css +311 -296
- package/styles/stepper/material-dark.css +311 -296
- package/styles/stepper/material.css +311 -296
- package/styles/stepper/material3-dark.css +311 -296
- package/styles/stepper/material3.css +311 -296
- package/styles/stepper/tailwind-dark.css +311 -296
- package/styles/stepper/tailwind.css +311 -296
- package/styles/tailwind-dark.css +311 -296
- package/styles/tailwind.css +311 -296
package/styles/tailwind.css
CHANGED
|
@@ -10556,21 +10556,21 @@ ejs-sidebar {
|
|
|
10556
10556
|
position: relative;
|
|
10557
10557
|
}
|
|
10558
10558
|
.e-stepper.e-stepper-readonly,
|
|
10559
|
-
.e-stepper .e-
|
|
10559
|
+
.e-stepper .e-step-disabled {
|
|
10560
10560
|
cursor: default;
|
|
10561
10561
|
pointer-events: none;
|
|
10562
10562
|
}
|
|
10563
|
-
.e-stepper.e-step-type-indicator .e-
|
|
10563
|
+
.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
|
|
10564
10564
|
font-size: 32px;
|
|
10565
10565
|
border-radius: 9999px;
|
|
10566
10566
|
}
|
|
10567
|
-
.e-stepper.e-step-type-indicator .e-
|
|
10567
|
+
.e-stepper.e-step-type-indicator .e-step-container .e-step-content {
|
|
10568
10568
|
padding: 0 8px;
|
|
10569
10569
|
}
|
|
10570
|
-
.e-stepper .e-
|
|
10570
|
+
.e-stepper .e-step-container:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip), .e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
|
|
10571
10571
|
position: relative;
|
|
10572
10572
|
}
|
|
10573
|
-
.e-stepper.e-horizontal .e-
|
|
10573
|
+
.e-stepper.e-horizontal .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
|
|
10574
10574
|
position: unset;
|
|
10575
10575
|
}
|
|
10576
10576
|
.e-stepper .e-tooltip-wrap.e-stepper-tooltip {
|
|
@@ -10596,12 +10596,12 @@ ejs-sidebar {
|
|
|
10596
10596
|
.e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip-inner.e-tip-bottom {
|
|
10597
10597
|
top: -6px;
|
|
10598
10598
|
}
|
|
10599
|
-
.e-stepper .e-
|
|
10599
|
+
.e-stepper .e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
|
|
10600
10600
|
left: unset;
|
|
10601
10601
|
top: 0;
|
|
10602
10602
|
transform: translate(0%, -135%);
|
|
10603
10603
|
}
|
|
10604
|
-
.e-stepper.e-step-type-indicator .e-
|
|
10604
|
+
.e-stepper.e-step-type-indicator .e-tooltip-wrap.e-stepper-tooltip {
|
|
10605
10605
|
transform: translate(-50%, -115%);
|
|
10606
10606
|
}
|
|
10607
10607
|
.e-stepper .e-stepper-steps {
|
|
@@ -10615,28 +10615,76 @@ ejs-sidebar {
|
|
|
10615
10615
|
-ms-flex-align: start;
|
|
10616
10616
|
align-items: flex-start;
|
|
10617
10617
|
}
|
|
10618
|
-
.e-stepper .e-stepper-steps .e-step-container
|
|
10619
|
-
|
|
10618
|
+
.e-stepper .e-stepper-steps .e-step-container,
|
|
10619
|
+
.e-stepper .e-stepper-steps .e-step,
|
|
10620
|
+
.e-stepper .e-stepper-steps .e-step-valid.e-step-text.e-step-text-only .e-step-text-container,
|
|
10621
|
+
.e-stepper .e-stepper-steps .e-step-error.e-step-text.e-step-text-only .e-step-text-container,
|
|
10622
|
+
.e-stepper .e-stepper-steps .e-step-label-container {
|
|
10623
|
+
display: -ms-flexbox;
|
|
10624
|
+
display: flex;
|
|
10625
|
+
-ms-flex-align: center;
|
|
10626
|
+
align-items: center;
|
|
10627
|
+
-ms-flex-pack: center;
|
|
10628
|
+
justify-content: center;
|
|
10620
10629
|
}
|
|
10621
|
-
.e-stepper .e-
|
|
10622
|
-
|
|
10630
|
+
.e-stepper .e-step-container {
|
|
10631
|
+
max-width: var(--max-width);
|
|
10632
|
+
list-style-type: none;
|
|
10633
|
+
cursor: pointer;
|
|
10634
|
+
text-align: center;
|
|
10623
10635
|
}
|
|
10624
|
-
.e-stepper .e-
|
|
10625
|
-
.e-stepper .e-
|
|
10636
|
+
.e-stepper .e-step-container .e-step-label-container,
|
|
10637
|
+
.e-stepper .e-step-container .e-step-text-container {
|
|
10626
10638
|
max-width: clamp(100%, 10em, 100%);
|
|
10627
10639
|
white-space: nowrap;
|
|
10628
10640
|
}
|
|
10629
|
-
.e-stepper .e-
|
|
10641
|
+
.e-stepper .e-step-container .e-step-label-optional {
|
|
10630
10642
|
font-size: 12px;
|
|
10631
10643
|
-ms-flex-preferred-size: 100%;
|
|
10632
10644
|
flex-basis: 100%;
|
|
10633
10645
|
}
|
|
10634
|
-
.e-stepper .e-
|
|
10646
|
+
.e-stepper .e-step-container .e-step-optional-container {
|
|
10635
10647
|
display: -ms-flexbox;
|
|
10636
10648
|
display: flex;
|
|
10637
10649
|
-ms-flex-direction: column;
|
|
10638
10650
|
flex-direction: column;
|
|
10639
10651
|
}
|
|
10652
|
+
.e-stepper .e-step-container .e-step-content {
|
|
10653
|
+
font-size: 16px;
|
|
10654
|
+
line-height: 0;
|
|
10655
|
+
}
|
|
10656
|
+
.e-stepper .e-step-container .e-indicator {
|
|
10657
|
+
font-size: 16px;
|
|
10658
|
+
}
|
|
10659
|
+
.e-stepper .e-step-container:not(.e-step-text-only) > .e-step-text-container {
|
|
10660
|
+
padding: 0 8px;
|
|
10661
|
+
}
|
|
10662
|
+
.e-stepper .e-step-container.e-step-text-only .e-step-text-container, .e-stepper .e-step-container.e-step-label-only .e-step-label-container {
|
|
10663
|
+
padding: 0 6px;
|
|
10664
|
+
padding-block: 5px;
|
|
10665
|
+
}
|
|
10666
|
+
.e-stepper .e-step-container.e-step-text-only.e-step-error .e-step-text-container, .e-stepper .e-step-container.e-step-text-only.e-step-valid .e-step-text-container, .e-stepper .e-step-container.e-step-label-only.e-step-error .e-step-label-container, .e-stepper .e-step-container.e-step-label-only.e-step-valid .e-step-label-container {
|
|
10667
|
+
-ms-flex-direction: column;
|
|
10668
|
+
flex-direction: column;
|
|
10669
|
+
}
|
|
10670
|
+
.e-stepper .e-step-container.e-step-text-only.e-step-error .e-step-text-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-text-only.e-step-valid .e-step-text-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-label-only.e-step-error .e-step-label-container .e-step-validation-icon, .e-stepper .e-step-container.e-step-label-only.e-step-valid .e-step-label-container .e-step-validation-icon {
|
|
10671
|
+
position: relative;
|
|
10672
|
+
top: 0.25em;
|
|
10673
|
+
}
|
|
10674
|
+
.e-stepper .e-step-container .e-step-label-container,
|
|
10675
|
+
.e-stepper .e-step-container .e-step-text-container {
|
|
10676
|
+
font-size: 14px;
|
|
10677
|
+
}
|
|
10678
|
+
.e-stepper .e-step-container .e-step,
|
|
10679
|
+
.e-stepper .e-step-container .e-indicator {
|
|
10680
|
+
border-radius: 9999px;
|
|
10681
|
+
min-width: 32px;
|
|
10682
|
+
min-height: 32px;
|
|
10683
|
+
}
|
|
10684
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step,
|
|
10685
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator {
|
|
10686
|
+
border: 2px solid;
|
|
10687
|
+
}
|
|
10640
10688
|
.e-stepper.e-horizontal {
|
|
10641
10689
|
display: block;
|
|
10642
10690
|
}
|
|
@@ -10644,43 +10692,41 @@ ejs-sidebar {
|
|
|
10644
10692
|
-ms-flex-direction: row;
|
|
10645
10693
|
flex-direction: row;
|
|
10646
10694
|
}
|
|
10647
|
-
.e-stepper.e-horizontal.e-label-before:has(.e-
|
|
10695
|
+
.e-stepper.e-horizontal.e-label-before:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
|
|
10648
10696
|
margin-left: var(--progress-left-position);
|
|
10649
10697
|
top: var(--progress-top-position);
|
|
10650
10698
|
width: var(--progress-bar-width);
|
|
10651
10699
|
}
|
|
10652
|
-
.e-stepper.e-horizontal.e-label-before.e-rtl:has(.e-
|
|
10700
|
+
.e-stepper.e-horizontal.e-label-before.e-rtl:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar, .e-stepper.e-horizontal.e-label-after.e-rtl:has(.e-step-icon.e-step-label:not(.e-step-text)) .e-stepper-progressbar {
|
|
10653
10701
|
margin-right: var(--progress-left-position);
|
|
10654
10702
|
margin-left: unset;
|
|
10655
10703
|
}
|
|
10656
|
-
.e-stepper.e-horizontal .e-
|
|
10704
|
+
.e-stepper.e-horizontal .e-step-icon.e-step-label {
|
|
10657
10705
|
gap: 1em;
|
|
10706
|
+
-ms-flex-direction: column;
|
|
10707
|
+
flex-direction: column;
|
|
10658
10708
|
}
|
|
10659
|
-
.e-stepper.e-horizontal .e-
|
|
10709
|
+
.e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container {
|
|
10660
10710
|
position: relative;
|
|
10661
10711
|
}
|
|
10662
|
-
.e-stepper.e-horizontal .e-
|
|
10712
|
+
.e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container.e-label-before {
|
|
10663
10713
|
-ms-flex-order: -1;
|
|
10664
10714
|
order: -1;
|
|
10665
10715
|
}
|
|
10666
|
-
.e-stepper.e-horizontal
|
|
10667
|
-
-ms-flex-direction: column;
|
|
10668
|
-
flex-direction: column;
|
|
10669
|
-
}
|
|
10670
|
-
.e-stepper.e-horizontal.e-label-start .e-stepper-steps .e-step-container .e-step-text-container {
|
|
10716
|
+
.e-stepper.e-horizontal.e-label-start .e-step-text-container {
|
|
10671
10717
|
-ms-flex-order: -1;
|
|
10672
10718
|
order: -1;
|
|
10673
10719
|
}
|
|
10674
|
-
.e-stepper.e-horizontal .e-
|
|
10720
|
+
.e-stepper.e-horizontal .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
|
|
10675
10721
|
position: absolute;
|
|
10676
10722
|
top: 2.5em;
|
|
10677
10723
|
margin-left: 2.5em;
|
|
10678
10724
|
}
|
|
10679
|
-
.e-stepper.e-horizontal.e-label-start .e-
|
|
10725
|
+
.e-stepper.e-horizontal.e-label-start .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional, .e-stepper.e-horizontal.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
|
|
10680
10726
|
margin-right: 2.5em;
|
|
10681
10727
|
margin-left: unset;
|
|
10682
10728
|
}
|
|
10683
|
-
.e-stepper.e-horizontal.e-label-start.e-rtl .e-
|
|
10729
|
+
.e-stepper.e-horizontal.e-label-start.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
|
|
10684
10730
|
margin-right: unset;
|
|
10685
10731
|
margin-left: 2.5em;
|
|
10686
10732
|
}
|
|
@@ -10688,27 +10734,50 @@ ejs-sidebar {
|
|
|
10688
10734
|
-ms-flex-align: end;
|
|
10689
10735
|
align-items: flex-end;
|
|
10690
10736
|
}
|
|
10691
|
-
.e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-
|
|
10737
|
+
.e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-label-container.e-label-before:has(.e-step-label-optional) {
|
|
10692
10738
|
-ms-flex-direction: column;
|
|
10693
10739
|
flex-direction: column;
|
|
10694
10740
|
gap: 0.5em;
|
|
10695
10741
|
}
|
|
10742
|
+
.e-stepper.e-horizontal .e-text,
|
|
10743
|
+
.e-stepper.e-horizontal .e-label,
|
|
10744
|
+
.e-stepper.e-horizontal .e-step-label-optional {
|
|
10745
|
+
text-overflow: ellipsis;
|
|
10746
|
+
overflow: hidden;
|
|
10747
|
+
}
|
|
10748
|
+
.e-stepper.e-horizontal .e-step-text.e-step-text-only:has(.e-step-label-optional),
|
|
10749
|
+
.e-stepper.e-horizontal .e-step-label.e-step-label-only:has(.e-step-label-optional),
|
|
10750
|
+
.e-stepper.e-horizontal .e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
|
|
10751
|
+
.e-stepper.e-horizontal .e-step-label-container.e-label-after:has(.e-step-label-optional) {
|
|
10752
|
+
-ms-flex-wrap: wrap;
|
|
10753
|
+
flex-wrap: wrap;
|
|
10754
|
+
}
|
|
10755
|
+
.e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
|
|
10756
|
+
-ms-flex-wrap: wrap;
|
|
10757
|
+
flex-wrap: wrap;
|
|
10758
|
+
}
|
|
10759
|
+
.e-stepper.e-horizontal .e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
|
|
10760
|
+
margin-top: 0.5em;
|
|
10761
|
+
}
|
|
10762
|
+
.e-stepper.e-horizontal.e-label-after .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
|
|
10763
|
+
margin-top: 0.2em;
|
|
10764
|
+
}
|
|
10696
10765
|
.e-stepper.e-vertical {
|
|
10697
10766
|
min-height: inherit;
|
|
10698
10767
|
display: inline-block;
|
|
10699
10768
|
}
|
|
10700
|
-
.e-stepper.e-vertical .e-
|
|
10701
|
-
.e-stepper.e-vertical .e-
|
|
10769
|
+
.e-stepper.e-vertical .e-step-label.e-step-label-only,
|
|
10770
|
+
.e-stepper.e-vertical .e-step-template {
|
|
10702
10771
|
position: relative;
|
|
10703
10772
|
}
|
|
10704
|
-
.e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-
|
|
10773
|
+
.e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-step-label-optional {
|
|
10705
10774
|
position: absolute;
|
|
10706
10775
|
}
|
|
10707
|
-
.e-stepper.e-vertical:not(.e-label-bottom):not(.e-label-top) .e-
|
|
10776
|
+
.e-stepper.e-vertical:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
|
|
10708
10777
|
margin-top: 3em;
|
|
10709
10778
|
margin-left: 4em;
|
|
10710
10779
|
}
|
|
10711
|
-
.e-stepper.e-vertical.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-
|
|
10780
|
+
.e-stepper.e-vertical.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
|
|
10712
10781
|
margin-left: unset;
|
|
10713
10782
|
margin-right: 4em;
|
|
10714
10783
|
}
|
|
@@ -10726,66 +10795,66 @@ ejs-sidebar {
|
|
|
10726
10795
|
.e-stepper.e-vertical.e-rtl .e-stepper-steps {
|
|
10727
10796
|
float: right;
|
|
10728
10797
|
}
|
|
10729
|
-
.e-stepper.e-vertical .e-stepper-steps:has(.e-step-
|
|
10730
|
-
.e-stepper.e-vertical .e-stepper-steps:has(.e-step-
|
|
10731
|
-
.e-stepper.e-vertical .e-stepper-steps:has(.e-step-
|
|
10798
|
+
.e-stepper.e-vertical .e-stepper-steps:has(.e-step-icon:not(.e-step-text):not(.e-step-label)),
|
|
10799
|
+
.e-stepper.e-vertical .e-stepper-steps:has(.e-step-text.e-step-text-only),
|
|
10800
|
+
.e-stepper.e-vertical .e-stepper-steps:has(.e-step-label.e-step-label-only), .e-stepper.e-vertical.e-label-after .e-stepper-steps:has(.e-step-label.e-step-text:not(.e-step-icon)), .e-stepper.e-vertical.e-step-type-indicator .e-stepper-steps {
|
|
10732
10801
|
-ms-flex-align: center;
|
|
10733
10802
|
align-items: center;
|
|
10734
10803
|
}
|
|
10735
|
-
.e-stepper.e-vertical .e-
|
|
10736
|
-
.e-stepper.e-vertical .e-
|
|
10804
|
+
.e-stepper.e-vertical .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
|
|
10805
|
+
.e-stepper.e-vertical .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
|
|
10737
10806
|
margin-left: 10px;
|
|
10738
10807
|
}
|
|
10739
|
-
.e-stepper.e-vertical.e-rtl .e-
|
|
10740
|
-
.e-stepper.e-vertical.e-rtl .e-
|
|
10808
|
+
.e-stepper.e-vertical.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
|
|
10809
|
+
.e-stepper.e-vertical.e-rtl .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
|
|
10741
10810
|
margin-left: unset;
|
|
10742
10811
|
margin-right: 10px;
|
|
10743
10812
|
}
|
|
10744
|
-
.e-stepper.e-vertical .e-
|
|
10745
|
-
.e-stepper.e-vertical .e-
|
|
10746
|
-
.e-stepper.e-vertical .e-
|
|
10813
|
+
.e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional),
|
|
10814
|
+
.e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional),
|
|
10815
|
+
.e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) {
|
|
10747
10816
|
-ms-flex-direction: column;
|
|
10748
10817
|
flex-direction: column;
|
|
10749
10818
|
}
|
|
10750
|
-
.e-stepper.e-vertical .e-
|
|
10751
|
-
.e-stepper.e-vertical .e-
|
|
10752
|
-
.e-stepper.e-vertical .e-
|
|
10819
|
+
.e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional) .e-step-label-optional, .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) .e-step-label-optional,
|
|
10820
|
+
.e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional) .e-step-label-optional,
|
|
10821
|
+
.e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) .e-step-label-optional {
|
|
10753
10822
|
position: unset;
|
|
10754
10823
|
}
|
|
10755
|
-
.e-stepper.e-vertical .e-
|
|
10824
|
+
.e-stepper.e-vertical .e-step-icon:not(.e-step-label):not(.e-step-text):has(.e-step-label-optional), .e-stepper.e-vertical.e-label-before .e-step-label-container.e-label-before:has(.e-step-label-optional) {
|
|
10756
10825
|
gap: 0.5em;
|
|
10757
10826
|
}
|
|
10758
|
-
.e-stepper.e-vertical.e-label-before .e-
|
|
10827
|
+
.e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional), .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) {
|
|
10759
10828
|
-ms-flex-direction: column;
|
|
10760
10829
|
flex-direction: column;
|
|
10761
10830
|
}
|
|
10762
|
-
.e-stepper.e-vertical.e-label-before .e-
|
|
10831
|
+
.e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label, .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-container.e-label-after:has(.e-step-label-optional) .e-label {
|
|
10763
10832
|
line-height: 2em;
|
|
10764
10833
|
}
|
|
10765
|
-
.e-stepper.e-vertical.e-label-before .e-
|
|
10834
|
+
.e-stepper.e-vertical.e-label-before .e-step-icon.e-step-label .e-step-label-optional, .e-stepper.e-vertical.e-label-after .e-step-icon.e-step-label .e-step-label-optional {
|
|
10766
10835
|
position: unset;
|
|
10767
10836
|
}
|
|
10768
|
-
.e-stepper.e-vertical .e-
|
|
10837
|
+
.e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
|
|
10769
10838
|
position: absolute;
|
|
10770
10839
|
}
|
|
10771
|
-
.e-stepper.e-vertical .e-
|
|
10840
|
+
.e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after .e-step-label-optional {
|
|
10772
10841
|
left: 0;
|
|
10773
10842
|
}
|
|
10774
|
-
.e-stepper.e-vertical .e-
|
|
10843
|
+
.e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
|
|
10775
10844
|
font-size: 12px;
|
|
10776
10845
|
}
|
|
10777
|
-
.e-stepper.e-vertical .e-
|
|
10846
|
+
.e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-before .e-label {
|
|
10778
10847
|
width: var(--label-width);
|
|
10779
10848
|
}
|
|
10780
|
-
.e-stepper.e-vertical .e-
|
|
10849
|
+
.e-stepper.e-vertical .e-step-container:not(.e-step-text-only) .e-step-text-container {
|
|
10781
10850
|
border: none;
|
|
10782
10851
|
border-radius: unset;
|
|
10783
10852
|
padding: 6px 0;
|
|
10784
10853
|
}
|
|
10785
|
-
.e-stepper.e-vertical .e-
|
|
10854
|
+
.e-stepper.e-vertical .e-step-container.e-step-text-only .e-step-text-container, .e-stepper.e-vertical .e-step-container.e-step-label-only .e-step-label-container {
|
|
10786
10855
|
position: unset;
|
|
10787
10856
|
}
|
|
10788
|
-
.e-stepper.e-vertical.e-label-top .e-
|
|
10857
|
+
.e-stepper.e-vertical.e-label-top .e-step-label-optional {
|
|
10789
10858
|
padding-bottom: 6px;
|
|
10790
10859
|
}
|
|
10791
10860
|
.e-stepper.e-vertical.e-label-top .e-stepper-steps, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps {
|
|
@@ -10797,79 +10866,13 @@ ejs-sidebar {
|
|
|
10797
10866
|
flex-direction: column;
|
|
10798
10867
|
}
|
|
10799
10868
|
.e-stepper.e-vertical.e-label-top .e-stepper-steps .e-step-container .e-step-text-container, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps .e-step-container .e-step-text-container {
|
|
10800
|
-
margin-left: 0
|
|
10869
|
+
margin-left: 0;
|
|
10801
10870
|
}
|
|
10802
|
-
.e-stepper.e-vertical.e-label-top .e-
|
|
10803
|
-
.e-stepper.e-vertical.e-label-top .e-
|
|
10871
|
+
.e-stepper.e-vertical.e-label-top .e-step-container .e-step-label-optional,
|
|
10872
|
+
.e-stepper.e-vertical.e-label-top .e-step-container .e-step-text-container {
|
|
10804
10873
|
-ms-flex-order: -1;
|
|
10805
10874
|
order: -1;
|
|
10806
10875
|
}
|
|
10807
|
-
.e-stepper .e-stepper-steps .e-step-container,
|
|
10808
|
-
.e-stepper .e-stepper-steps .e-step-container .e-step,
|
|
10809
|
-
.e-stepper .e-stepper-steps .e-step-container.e-step-valid.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
|
|
10810
|
-
.e-stepper .e-stepper-steps .e-step-container.e-step-error.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container,
|
|
10811
|
-
.e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
|
|
10812
|
-
display: -ms-flexbox;
|
|
10813
|
-
display: flex;
|
|
10814
|
-
-ms-flex-align: center;
|
|
10815
|
-
align-items: center;
|
|
10816
|
-
-ms-flex-pack: center;
|
|
10817
|
-
justify-content: center;
|
|
10818
|
-
}
|
|
10819
|
-
.e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-text.e-step-text-only:not(.e-step-icon.e-step-label):has(.e-step-label-optional),
|
|
10820
|
-
.e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-label.e-step-label-only:not(.e-step-icon.e-step-label):has(.e-step-label-optional),
|
|
10821
|
-
.e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
|
|
10822
|
-
.e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-step-label-container.e-label-after:has(.e-step-label-optional) {
|
|
10823
|
-
-ms-flex-wrap: wrap;
|
|
10824
|
-
flex-wrap: wrap;
|
|
10825
|
-
}
|
|
10826
|
-
.e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
|
|
10827
|
-
-ms-flex-wrap: wrap;
|
|
10828
|
-
flex-wrap: wrap;
|
|
10829
|
-
}
|
|
10830
|
-
.e-stepper.e-horizontal .e-stepper-steps .e-step-container.e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
|
|
10831
|
-
margin-top: 0.5em;
|
|
10832
|
-
}
|
|
10833
|
-
.e-stepper.e-horizontal.e-label-after .e-stepper-steps .e-step-container.e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
|
|
10834
|
-
margin-top: 0.2em;
|
|
10835
|
-
}
|
|
10836
|
-
.e-stepper .e-stepper-steps .e-step-container {
|
|
10837
|
-
list-style-type: none;
|
|
10838
|
-
cursor: pointer;
|
|
10839
|
-
text-align: center;
|
|
10840
|
-
}
|
|
10841
|
-
.e-stepper .e-stepper-steps .e-step-container .e-step-content {
|
|
10842
|
-
font-size: 16px;
|
|
10843
|
-
line-height: 0;
|
|
10844
|
-
}
|
|
10845
|
-
.e-stepper .e-stepper-steps .e-step-container .e-indicator {
|
|
10846
|
-
font-size: 16px;
|
|
10847
|
-
}
|
|
10848
|
-
.e-stepper .e-stepper-steps .e-step-container:not(.e-step-text-only) > .e-step-text-container {
|
|
10849
|
-
padding: 0 8px;
|
|
10850
|
-
}
|
|
10851
|
-
.e-stepper .e-stepper-steps .e-step-container.e-step-text-only:not(.e-step-icon.e-step-label) .e-step-text-container, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only:not(.e-step-icon.e-step-text) .e-step-label-container {
|
|
10852
|
-
padding: 0 6px;
|
|
10853
|
-
padding-block: 5px;
|
|
10854
|
-
}
|
|
10855
|
-
.e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-error:not(.e-step-icon.e-step-label) .e-step-text-container, .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-valid:not(.e-step-icon.e-step-label) .e-step-text-container, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-error:not(.e-step-icon.e-step-text) .e-step-label-container, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-valid:not(.e-step-icon.e-step-text) .e-step-label-container {
|
|
10856
|
-
-ms-flex-direction: column;
|
|
10857
|
-
flex-direction: column;
|
|
10858
|
-
}
|
|
10859
|
-
.e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-error:not(.e-step-icon.e-step-label) .e-step-text-container .e-step-validation-icon, .e-stepper .e-stepper-steps .e-step-container.e-step-text-only.e-step-valid:not(.e-step-icon.e-step-label) .e-step-text-container .e-step-validation-icon, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-error:not(.e-step-icon.e-step-text) .e-step-label-container .e-step-validation-icon, .e-stepper .e-stepper-steps .e-step-container.e-step-label-only.e-step-valid:not(.e-step-icon.e-step-text) .e-step-label-container .e-step-validation-icon {
|
|
10860
|
-
position: relative;
|
|
10861
|
-
top: 0.25em;
|
|
10862
|
-
}
|
|
10863
|
-
.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
|
|
10864
|
-
.e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
|
|
10865
|
-
font-size: 14px;
|
|
10866
|
-
}
|
|
10867
|
-
.e-stepper .e-stepper-steps .e-step-container .e-step,
|
|
10868
|
-
.e-stepper .e-stepper-steps .e-step-container .e-indicator {
|
|
10869
|
-
border-radius: 9999px;
|
|
10870
|
-
min-width: 32px;
|
|
10871
|
-
min-height: 32px;
|
|
10872
|
-
}
|
|
10873
10876
|
.e-stepper .e-stepper-progressbar {
|
|
10874
10877
|
height: 1.6px;
|
|
10875
10878
|
position: absolute;
|
|
@@ -10898,11 +10901,11 @@ ejs-sidebar {
|
|
|
10898
10901
|
right: var(--progress-position);
|
|
10899
10902
|
left: unset;
|
|
10900
10903
|
}
|
|
10901
|
-
.e-stepper:not(.e-steps-focus):not(.e-step-type-label):not(.e-step-type-indicator) .e-
|
|
10902
|
-
.e-stepper .e-
|
|
10904
|
+
.e-stepper:not(.e-steps-focus):not(.e-step-type-label):not(.e-step-type-indicator) .e-step-container .e-indicator,
|
|
10905
|
+
.e-stepper .e-step-focus .e-indicator {
|
|
10903
10906
|
z-index: 0;
|
|
10904
10907
|
}
|
|
10905
|
-
.e-stepper .e-
|
|
10908
|
+
.e-stepper .e-step-template.e-step-focus {
|
|
10906
10909
|
outline: 2px solid;
|
|
10907
10910
|
}
|
|
10908
10911
|
|
|
@@ -10910,220 +10913,226 @@ ejs-sidebar {
|
|
|
10910
10913
|
top: 90% !important; /* stylelint-disable-line declaration-no-important */
|
|
10911
10914
|
}
|
|
10912
10915
|
|
|
10913
|
-
.e-stepper.e-
|
|
10914
|
-
.e-stepper.e-
|
|
10915
|
-
.e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-step-label-optional {
|
|
10916
|
-
text-overflow: ellipsis;
|
|
10917
|
-
overflow: hidden;
|
|
10918
|
-
}
|
|
10919
|
-
|
|
10920
|
-
.e-small.e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
|
|
10921
|
-
.e-small .e-stepper.e-step-type-indicator .e-stepper-steps .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
|
|
10916
|
+
.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
|
|
10917
|
+
.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
|
|
10922
10918
|
font-size: 28px;
|
|
10923
10919
|
}
|
|
10924
|
-
.e-small.e-stepper.e-step-type-indicator .e-
|
|
10925
|
-
.e-small .e-stepper.e-step-type-indicator .e-
|
|
10920
|
+
.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
|
|
10921
|
+
.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
|
|
10926
10922
|
width: 28px;
|
|
10927
10923
|
height: 28px;
|
|
10928
10924
|
}
|
|
10929
|
-
.e-small.e-stepper .e-
|
|
10930
|
-
.e-small.e-stepper .e-
|
|
10931
|
-
.e-small .e-stepper .e-
|
|
10932
|
-
.e-small .e-stepper .e-
|
|
10925
|
+
.e-small.e-stepper .e-step-container .e-step,
|
|
10926
|
+
.e-small.e-stepper .e-step-container .e-indicator,
|
|
10927
|
+
.e-small .e-stepper .e-step-container .e-step,
|
|
10928
|
+
.e-small .e-stepper .e-step-container .e-indicator {
|
|
10933
10929
|
min-width: 28px;
|
|
10934
10930
|
min-height: 28px;
|
|
10935
10931
|
}
|
|
10936
|
-
.e-small.e-stepper .e-
|
|
10937
|
-
.e-small .e-stepper .e-
|
|
10932
|
+
.e-small.e-stepper .e-step-container .e-indicator,
|
|
10933
|
+
.e-small .e-stepper .e-step-container .e-indicator {
|
|
10938
10934
|
font-size: 14px;
|
|
10939
10935
|
}
|
|
10940
|
-
.e-small.e-stepper .e-
|
|
10941
|
-
.e-small.e-stepper .e-
|
|
10942
|
-
.e-small .e-stepper .e-
|
|
10943
|
-
.e-small .e-stepper .e-
|
|
10936
|
+
.e-small.e-stepper .e-step-container .e-step-text-container,
|
|
10937
|
+
.e-small.e-stepper .e-step-container .e-step-label-container,
|
|
10938
|
+
.e-small .e-stepper .e-step-container .e-step-text-container,
|
|
10939
|
+
.e-small .e-stepper .e-step-container .e-step-label-container {
|
|
10944
10940
|
font-size: 12px;
|
|
10945
10941
|
}
|
|
10946
|
-
.e-small.e-stepper .e-
|
|
10947
|
-
.e-small .e-stepper .e-
|
|
10942
|
+
.e-small.e-stepper .e-step-container .e-step-content,
|
|
10943
|
+
.e-small .e-stepper .e-step-container .e-step-content {
|
|
10948
10944
|
font-size: 14px;
|
|
10949
10945
|
}
|
|
10950
|
-
.e-small.e-stepper .e-
|
|
10951
|
-
.e-small .e-stepper .e-
|
|
10946
|
+
.e-small.e-stepper .e-step-container .e-step-label-optional,
|
|
10947
|
+
.e-small .e-stepper .e-step-container .e-step-label-optional {
|
|
10952
10948
|
font-size: 10px;
|
|
10953
10949
|
}
|
|
10954
|
-
.e-small.e-stepper.e-vertical .e-
|
|
10955
|
-
.e-small .e-stepper.e-vertical .e-
|
|
10950
|
+
.e-small.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
|
|
10951
|
+
.e-small .e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
|
|
10956
10952
|
font-size: 10px;
|
|
10957
10953
|
}
|
|
10958
10954
|
|
|
10959
|
-
.e-bigger.e-stepper.e-step-type-indicator .e-
|
|
10960
|
-
.e-bigger .e-stepper.e-step-type-indicator .e-
|
|
10955
|
+
.e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
|
|
10956
|
+
.e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
|
|
10961
10957
|
font-size: 40px;
|
|
10962
10958
|
}
|
|
10963
|
-
.e-bigger.e-stepper.e-step-type-indicator .e-
|
|
10964
|
-
.e-bigger .e-stepper.e-step-type-indicator .e-
|
|
10959
|
+
.e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
|
|
10960
|
+
.e-bigger .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
|
|
10965
10961
|
width: 40px;
|
|
10966
10962
|
height: 40px;
|
|
10967
10963
|
}
|
|
10968
|
-
.e-bigger.e-stepper .e-
|
|
10969
|
-
.e-bigger.e-stepper .e-
|
|
10970
|
-
.e-bigger .e-stepper .e-
|
|
10971
|
-
.e-bigger .e-stepper .e-
|
|
10964
|
+
.e-bigger.e-stepper .e-step-container .e-step,
|
|
10965
|
+
.e-bigger.e-stepper .e-step-container .e-indicator,
|
|
10966
|
+
.e-bigger .e-stepper .e-step-container .e-step,
|
|
10967
|
+
.e-bigger .e-stepper .e-step-container .e-indicator {
|
|
10972
10968
|
min-width: 40px;
|
|
10973
10969
|
min-height: 40px;
|
|
10974
10970
|
}
|
|
10975
|
-
.e-bigger.e-stepper .e-
|
|
10976
|
-
.e-bigger .e-stepper .e-
|
|
10971
|
+
.e-bigger.e-stepper .e-step-container .e-indicator,
|
|
10972
|
+
.e-bigger .e-stepper .e-step-container .e-indicator {
|
|
10977
10973
|
font-size: 18px;
|
|
10978
10974
|
}
|
|
10979
|
-
.e-bigger.e-stepper .e-
|
|
10980
|
-
.e-bigger.e-stepper .e-
|
|
10981
|
-
.e-bigger .e-stepper .e-
|
|
10982
|
-
.e-bigger .e-stepper .e-
|
|
10975
|
+
.e-bigger.e-stepper .e-step-container .e-step-text-container,
|
|
10976
|
+
.e-bigger.e-stepper .e-step-container .e-step-label-container,
|
|
10977
|
+
.e-bigger .e-stepper .e-step-container .e-step-text-container,
|
|
10978
|
+
.e-bigger .e-stepper .e-step-container .e-step-label-container {
|
|
10983
10979
|
font-size: 16px;
|
|
10984
10980
|
}
|
|
10985
|
-
.e-bigger.e-stepper .e-
|
|
10986
|
-
.e-bigger .e-stepper .e-
|
|
10981
|
+
.e-bigger.e-stepper .e-step-container .e-step-content,
|
|
10982
|
+
.e-bigger .e-stepper .e-step-container .e-step-content {
|
|
10987
10983
|
font-size: 18px;
|
|
10988
10984
|
}
|
|
10989
|
-
.e-bigger.e-stepper .e-
|
|
10990
|
-
.e-bigger .e-stepper .e-
|
|
10985
|
+
.e-bigger.e-stepper .e-step-container .e-step-label-optional,
|
|
10986
|
+
.e-bigger .e-stepper .e-step-container .e-step-label-optional {
|
|
10991
10987
|
font-size: 14px;
|
|
10992
10988
|
}
|
|
10993
|
-
.e-bigger.e-stepper.e-vertical .e-
|
|
10994
|
-
.e-bigger .e-stepper.e-vertical .e-
|
|
10989
|
+
.e-bigger.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
|
|
10990
|
+
.e-bigger .e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
|
|
10995
10991
|
font-size: 14px;
|
|
10996
10992
|
}
|
|
10997
10993
|
|
|
10998
|
-
.e-bigger.e-small.e-stepper.e-step-type-indicator .e-
|
|
10999
|
-
.e-bigger.e-small .e-stepper.e-step-type-indicator .e-
|
|
11000
|
-
.e-bigger .e-small.e-stepper.e-step-type-indicator .e-
|
|
11001
|
-
.e-small .e-bigger.e-stepper.e-step-type-indicator .e-
|
|
10994
|
+
.e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
|
|
10995
|
+
.e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
|
|
10996
|
+
.e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator,
|
|
10997
|
+
.e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
|
|
11002
10998
|
font-size: 36px;
|
|
11003
10999
|
}
|
|
11004
|
-
.e-bigger.e-small.e-stepper.e-step-type-indicator .e-
|
|
11005
|
-
.e-bigger.e-small .e-stepper.e-step-type-indicator .e-
|
|
11006
|
-
.e-bigger .e-small.e-stepper.e-step-type-indicator .e-
|
|
11007
|
-
.e-small .e-bigger.e-stepper.e-step-type-indicator .e-
|
|
11000
|
+
.e-bigger.e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
|
|
11001
|
+
.e-bigger.e-small .e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
|
|
11002
|
+
.e-bigger .e-small.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator,
|
|
11003
|
+
.e-small .e-bigger.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text).e-step-notstarted .e-icons.e-step-indicator {
|
|
11008
11004
|
width: 36px;
|
|
11009
11005
|
height: 36px;
|
|
11010
11006
|
}
|
|
11011
|
-
.e-bigger.e-small.e-stepper .e-
|
|
11012
|
-
.e-bigger.e-small.e-stepper .e-
|
|
11013
|
-
.e-bigger.e-small .e-stepper .e-
|
|
11014
|
-
.e-bigger.e-small .e-stepper .e-
|
|
11015
|
-
.e-bigger .e-small.e-stepper .e-
|
|
11016
|
-
.e-bigger .e-small.e-stepper .e-
|
|
11017
|
-
.e-small .e-bigger.e-stepper .e-
|
|
11018
|
-
.e-small .e-bigger.e-stepper .e-
|
|
11007
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-step,
|
|
11008
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-indicator,
|
|
11009
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-step,
|
|
11010
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-indicator,
|
|
11011
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-step,
|
|
11012
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-indicator,
|
|
11013
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-step,
|
|
11014
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-indicator {
|
|
11019
11015
|
min-width: 36px;
|
|
11020
11016
|
min-height: 36px;
|
|
11021
11017
|
}
|
|
11022
|
-
.e-bigger.e-small.e-stepper .e-
|
|
11023
|
-
.e-bigger.e-small .e-stepper .e-
|
|
11024
|
-
.e-bigger .e-small.e-stepper .e-
|
|
11025
|
-
.e-small .e-bigger.e-stepper .e-
|
|
11018
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-indicator,
|
|
11019
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-indicator,
|
|
11020
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-indicator,
|
|
11021
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-indicator {
|
|
11026
11022
|
font-size: 16px;
|
|
11027
11023
|
}
|
|
11028
|
-
.e-bigger.e-small.e-stepper .e-
|
|
11029
|
-
.e-bigger.e-small.e-stepper .e-
|
|
11030
|
-
.e-bigger.e-small .e-stepper .e-
|
|
11031
|
-
.e-bigger.e-small .e-stepper .e-
|
|
11032
|
-
.e-bigger .e-small.e-stepper .e-
|
|
11033
|
-
.e-bigger .e-small.e-stepper .e-
|
|
11034
|
-
.e-small .e-bigger.e-stepper .e-
|
|
11035
|
-
.e-small .e-bigger.e-stepper .e-
|
|
11024
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-step-text-container,
|
|
11025
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-step-label-container,
|
|
11026
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-step-text-container,
|
|
11027
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-step-label-container,
|
|
11028
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-step-text-container,
|
|
11029
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-step-label-container,
|
|
11030
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-step-text-container,
|
|
11031
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-step-label-container {
|
|
11036
11032
|
font-size: 14px;
|
|
11037
11033
|
}
|
|
11038
|
-
.e-bigger.e-small.e-stepper .e-
|
|
11039
|
-
.e-bigger.e-small .e-stepper .e-
|
|
11040
|
-
.e-bigger .e-small.e-stepper .e-
|
|
11041
|
-
.e-small .e-bigger.e-stepper .e-
|
|
11034
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-step-content,
|
|
11035
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-step-content,
|
|
11036
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-step-content,
|
|
11037
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-step-content {
|
|
11042
11038
|
font-size: 16px;
|
|
11043
11039
|
}
|
|
11044
|
-
.e-bigger.e-small.e-stepper .e-
|
|
11045
|
-
.e-bigger.e-small .e-stepper .e-
|
|
11046
|
-
.e-bigger .e-small.e-stepper .e-
|
|
11047
|
-
.e-small .e-bigger.e-stepper .e-
|
|
11040
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-step-label-optional,
|
|
11041
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-step-label-optional,
|
|
11042
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-step-label-optional,
|
|
11043
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-step-label-optional {
|
|
11048
11044
|
font-size: 12px;
|
|
11049
11045
|
}
|
|
11050
|
-
.e-bigger.e-small.e-stepper.e-vertical .e-
|
|
11051
|
-
.e-bigger.e-small .e-stepper.e-vertical .e-
|
|
11052
|
-
.e-bigger .e-small.e-stepper.e-vertical .e-
|
|
11053
|
-
.e-small .e-bigger.e-stepper.e-vertical .e-
|
|
11046
|
+
.e-bigger.e-small.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
|
|
11047
|
+
.e-bigger.e-small .e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
|
|
11048
|
+
.e-bigger .e-small.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
|
|
11049
|
+
.e-small .e-bigger.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
|
|
11054
11050
|
font-size: 12px;
|
|
11055
11051
|
}
|
|
11056
11052
|
|
|
11057
|
-
.e-stepper .e-
|
|
11053
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step,
|
|
11054
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator,
|
|
11055
|
+
.e-stepper .e-step-notstarted .e-icons.e-step-indicator {
|
|
11058
11056
|
border-color: #d1d5db;
|
|
11059
11057
|
}
|
|
11060
|
-
.e-stepper .e-
|
|
11058
|
+
.e-stepper .e-step-label-optional {
|
|
11061
11059
|
color: #6b7280;
|
|
11062
11060
|
}
|
|
11063
|
-
.e-stepper .e-
|
|
11064
|
-
.e-stepper .e-
|
|
11061
|
+
.e-stepper .e-step,
|
|
11062
|
+
.e-stepper .e-indicator {
|
|
11065
11063
|
color: #6b7280;
|
|
11066
11064
|
background: #fff;
|
|
11067
11065
|
}
|
|
11068
|
-
.e-stepper .e-
|
|
11066
|
+
.e-stepper .e-step-indicator {
|
|
11069
11067
|
color: transparent;
|
|
11070
11068
|
}
|
|
11071
|
-
.e-stepper .e-
|
|
11069
|
+
.e-stepper .e-step-completed .e-step,
|
|
11070
|
+
.e-stepper .e-step-inprogress .e-step,
|
|
11071
|
+
.e-stepper .e-step-completed .e-indicator,
|
|
11072
|
+
.e-stepper .e-step-inprogress .e-indicator,
|
|
11073
|
+
.e-stepper .e-step-completed .e-step-indicator,
|
|
11074
|
+
.e-stepper .e-step-inprogress .e-step-indicator {
|
|
11072
11075
|
background: #4f46e5;
|
|
11073
11076
|
color: #fff;
|
|
11074
11077
|
}
|
|
11075
|
-
.e-stepper .e-
|
|
11076
|
-
background: #
|
|
11078
|
+
.e-stepper .e-step-selected .e-indicator {
|
|
11079
|
+
background: #4f46e5;
|
|
11080
|
+
}
|
|
11081
|
+
.e-stepper .e-step-valid .e-indicator {
|
|
11082
|
+
background: #15803d;
|
|
11077
11083
|
color: #fff;
|
|
11078
11084
|
}
|
|
11079
|
-
.e-stepper .e-
|
|
11080
|
-
background: #dc2626
|
|
11085
|
+
.e-stepper .e-step-error .e-indicator {
|
|
11086
|
+
background: #dc2626;
|
|
11081
11087
|
color: #fff;
|
|
11082
11088
|
}
|
|
11083
|
-
.e-stepper .e-
|
|
11084
|
-
.e-stepper .e-
|
|
11089
|
+
.e-stepper .e-step-error .e-text,
|
|
11090
|
+
.e-stepper .e-step-error .e-label {
|
|
11085
11091
|
color: #dc2626;
|
|
11086
11092
|
}
|
|
11087
|
-
.e-stepper .e-
|
|
11093
|
+
.e-stepper .e-step-valid:not(.e-step-notstarted) .e-indicator:hover,
|
|
11094
|
+
.e-stepper .e-step-error .e-indicator:hover {
|
|
11088
11095
|
color: #6b7280;
|
|
11089
11096
|
}
|
|
11090
|
-
.e-stepper .e-
|
|
11091
|
-
.e-stepper .e-
|
|
11097
|
+
.e-stepper .e-step-selected .e-text,
|
|
11098
|
+
.e-stepper .e-step-selected .e-label {
|
|
11092
11099
|
font-weight: 600;
|
|
11093
11100
|
}
|
|
11094
|
-
.e-stepper .e-
|
|
11101
|
+
.e-stepper .e-step-valid.e-step-text-only .e-step-validation-icon,
|
|
11102
|
+
.e-stepper .e-step-valid.e-step-label-only .e-step-validation-icon {
|
|
11095
11103
|
color: #15803d;
|
|
11096
11104
|
}
|
|
11097
|
-
.e-stepper .e-
|
|
11105
|
+
.e-stepper .e-step-error.e-step-text-only .e-step-validation-icon,
|
|
11106
|
+
.e-stepper .e-step-error.e-step-label-only .e-step-validation-icon {
|
|
11098
11107
|
color: #dc2626;
|
|
11099
11108
|
}
|
|
11100
|
-
.e-stepper .e-
|
|
11101
|
-
.e-stepper .e-
|
|
11109
|
+
.e-stepper .e-text,
|
|
11110
|
+
.e-stepper .e-label {
|
|
11102
11111
|
color: #111827;
|
|
11103
11112
|
}
|
|
11104
|
-
.e-stepper .e-
|
|
11105
|
-
.e-stepper .e-
|
|
11106
|
-
.e-stepper .e-
|
|
11113
|
+
.e-stepper .e-step-selected:not(.e-step-error) .e-text,
|
|
11114
|
+
.e-stepper .e-step-selected:not(.e-step-error) .e-label,
|
|
11115
|
+
.e-stepper .e-step-completed:not(.e-step-error) .e-text,
|
|
11116
|
+
.e-stepper .e-step-completed:not(.e-step-error) .e-label {
|
|
11107
11117
|
color: #4f46e5;
|
|
11108
11118
|
}
|
|
11109
|
-
.e-stepper .e-
|
|
11119
|
+
.e-stepper .e-step-label:not(.e-step-icon) .e-step-label-container {
|
|
11110
11120
|
background-color: #fff;
|
|
11111
11121
|
}
|
|
11112
|
-
.e-stepper .e-
|
|
11122
|
+
.e-stepper .e-step-text-container {
|
|
11113
11123
|
background-color: #fff;
|
|
11114
11124
|
border-color: transparent;
|
|
11115
11125
|
}
|
|
11116
|
-
.e-stepper .e-
|
|
11117
|
-
background: #
|
|
11118
|
-
|
|
11119
|
-
.e-stepper .e-stepper-steps .e-step-container.e-step-disabled .e-indicator {
|
|
11120
|
-
background: #e5e7eb !important; /* stylelint-disable-line declaration-no-important */
|
|
11121
|
-
color: #9ca3af !important; /* stylelint-disable-line declaration-no-important */
|
|
11126
|
+
.e-stepper .e-step-disabled .e-indicator {
|
|
11127
|
+
background: #e5e7eb;
|
|
11128
|
+
color: #9ca3af;
|
|
11122
11129
|
}
|
|
11123
|
-
.e-stepper .e-
|
|
11124
|
-
|
|
11130
|
+
.e-stepper .e-step-disabled .e-text,
|
|
11131
|
+
.e-stepper .e-step-disabled .e-label,
|
|
11132
|
+
.e-stepper .e-step-disabled .e-step-validation-icon {
|
|
11133
|
+
color: #9ca3af;
|
|
11125
11134
|
}
|
|
11126
|
-
.e-stepper.e-vertical .e-
|
|
11135
|
+
.e-stepper.e-vertical .e-step-text-only.e-step-text .e-step-label-optional, .e-stepper.e-vertical .e-step-label-only.e-step-label .e-step-label-optional, .e-stepper.e-vertical .e-step-icon:not(.e-step-text):not(.e-step-label) .e-step-label-optional, .e-stepper.e-vertical.e-label-top .e-step-label-optional, .e-stepper.e-vertical.e-label-bottom .e-step-label-optional {
|
|
11127
11136
|
background-color: #fff;
|
|
11128
11137
|
}
|
|
11129
11138
|
.e-stepper .e-stepper-progressbar {
|
|
@@ -11132,68 +11141,74 @@ ejs-sidebar {
|
|
|
11132
11141
|
.e-stepper .e-stepper-progressbar > .e-progressbar-value {
|
|
11133
11142
|
background-color: #4f46e5;
|
|
11134
11143
|
}
|
|
11135
|
-
.e-stepper:not(.e-steps-focus) .e-
|
|
11144
|
+
.e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
|
|
11136
11145
|
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4f46e5, 0 0 0 8px #fff;
|
|
11137
11146
|
}
|
|
11138
|
-
.e-stepper .e-
|
|
11139
|
-
.e-stepper .e-
|
|
11140
|
-
.e-stepper .e-
|
|
11141
|
-
.e-stepper .e-
|
|
11142
|
-
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #111827, 0 0 0 8px #fff
|
|
11143
|
-
}
|
|
11144
|
-
.e-stepper:not(.e-steps-focus) .e-
|
|
11145
|
-
.e-stepper .e-
|
|
11146
|
-
.e-stepper .e-
|
|
11147
|
-
.e-stepper .e-
|
|
11148
|
-
.e-stepper .e-
|
|
11147
|
+
.e-stepper .e-step-focus .e-step,
|
|
11148
|
+
.e-stepper .e-step-label-only.e-step-focus .e-label,
|
|
11149
|
+
.e-stepper .e-step-text-only.e-step-focus .e-text,
|
|
11150
|
+
.e-stepper .e-step-template.e-step-focus, .e-stepper:not(.e-steps-focus) :focus-visible .e-step, .e-stepper:not(.e-steps-focus) .e-step-text-only:focus-visible .e-text, .e-stepper:not(.e-steps-focus) .e-step-label-only:focus-visible .e-label {
|
|
11151
|
+
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #111827, 0 0 0 8px #fff;
|
|
11152
|
+
}
|
|
11153
|
+
.e-stepper:not(.e-steps-focus) .e-step-valid.e-step-selected .e-step,
|
|
11154
|
+
.e-stepper .e-step-valid.e-step-focus .e-step,
|
|
11155
|
+
.e-stepper .e-step-valid.e-step-label-only.e-step-focus .e-label,
|
|
11156
|
+
.e-stepper .e-step-valid.e-step-text-only.e-step-focus .e-text,
|
|
11157
|
+
.e-stepper .e-step-valid.e-step-template.e-step-focus {
|
|
11149
11158
|
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #15803d, 0 0 0 8px #fff;
|
|
11150
11159
|
}
|
|
11151
|
-
.e-stepper:not(.e-steps-focus) .e-
|
|
11152
|
-
.e-stepper .e-
|
|
11153
|
-
.e-stepper .e-
|
|
11154
|
-
.e-stepper .e-
|
|
11155
|
-
.e-stepper .e-
|
|
11160
|
+
.e-stepper:not(.e-steps-focus) .e-step-error.e-step-selected .e-step,
|
|
11161
|
+
.e-stepper .e-step-error.e-step-focus .e-step,
|
|
11162
|
+
.e-stepper .e-step-error.e-step-label-only.e-step-focus .e-label,
|
|
11163
|
+
.e-stepper .e-step-error.e-step-text-only.e-step-focus .e-text,
|
|
11164
|
+
.e-stepper .e-step-error.e-step-template.e-step-focus {
|
|
11156
11165
|
box-shadow: 0 0 0 2px #fff, 0 0 0 4px #dc2626, 0 0 0 8px #fff;
|
|
11157
11166
|
}
|
|
11158
|
-
.e-stepper .e-
|
|
11159
|
-
.e-stepper .e-
|
|
11167
|
+
.e-stepper .e-step-container:not(.e-step-focus).e-step-notstarted .e-step,
|
|
11168
|
+
.e-stepper .e-step-container:not(.e-step-focus).e-step-completed .e-step, .e-stepper.e-steps-focus .e-step-container:not(.e-step-focus).e-step-selected .e-step {
|
|
11160
11169
|
box-shadow: 0 0 0 8px #fff;
|
|
11161
11170
|
}
|
|
11162
|
-
.e-stepper .e-
|
|
11163
|
-
.e-stepper .e-
|
|
11164
|
-
border-color: #9ca3af
|
|
11171
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:hover,
|
|
11172
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {
|
|
11173
|
+
border-color: #9ca3af;
|
|
11165
11174
|
}
|
|
11166
|
-
.e-stepper .e-
|
|
11167
|
-
.e-stepper .e-
|
|
11168
|
-
border-color: #9ca3af
|
|
11175
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:active,
|
|
11176
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:active {
|
|
11177
|
+
border-color: #9ca3af;
|
|
11169
11178
|
}
|
|
11170
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
11171
|
-
|
|
11179
|
+
.e-stepper:not(.e-step-type-label) .e-indicator:hover,
|
|
11180
|
+
.e-stepper:not(.e-step-type-label) .e-step:hover {
|
|
11181
|
+
color: #fff;
|
|
11182
|
+
background: #4338ca;
|
|
11172
11183
|
}
|
|
11173
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
11174
|
-
|
|
11184
|
+
.e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
|
|
11185
|
+
color: #6b7280;
|
|
11175
11186
|
}
|
|
11176
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
11177
|
-
|
|
11178
|
-
background: #
|
|
11187
|
+
.e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
|
|
11188
|
+
.e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
|
|
11189
|
+
background: #3730a3;
|
|
11179
11190
|
}
|
|
11180
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
11181
|
-
|
|
11182
|
-
background: #15803d
|
|
11191
|
+
.e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
|
|
11192
|
+
.e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-step:active {
|
|
11193
|
+
background: #15803d;
|
|
11183
11194
|
}
|
|
11184
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
11185
|
-
|
|
11186
|
-
background: #dc2626
|
|
11195
|
+
.e-stepper:not(.e-step-type-label) .e-step-error.e-step-selected .e-indicator:active,
|
|
11196
|
+
.e-stepper:not(.e-step-type-label) .e-step-error.e-step-selected .e-step:active {
|
|
11197
|
+
background: #dc2626;
|
|
11187
11198
|
}
|
|
11188
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
11189
|
-
|
|
11199
|
+
.e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:hover, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:hover {
|
|
11200
|
+
background: #fff;
|
|
11190
11201
|
}
|
|
11191
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
11192
|
-
background: #
|
|
11202
|
+
.e-stepper:not(.e-step-type-label) .e-step-notstarted .e-indicator:active, .e-stepper:not(.e-step-type-label) .e-step-notstarted .e-step:active {
|
|
11203
|
+
background: #fff;
|
|
11193
11204
|
}
|
|
11194
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
11195
|
-
|
|
11205
|
+
.e-stepper:not(.e-step-type-label) .e-step-valid .e-indicator:hover,
|
|
11206
|
+
.e-stepper:not(.e-step-type-label) .e-step-valid .e-step:hover {
|
|
11207
|
+
color: #fff;
|
|
11208
|
+
background: #15803d;
|
|
11196
11209
|
}
|
|
11197
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
11198
|
-
|
|
11210
|
+
.e-stepper:not(.e-step-type-label) .e-step-error .e-indicator:hover,
|
|
11211
|
+
.e-stepper:not(.e-step-type-label) .e-step-error .e-step:hover {
|
|
11212
|
+
color: #fff;
|
|
11213
|
+
background: #dc2626;
|
|
11199
11214
|
}
|