@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/material-dark.css
CHANGED
|
@@ -10370,21 +10370,21 @@ ejs-sidebar {
|
|
|
10370
10370
|
position: relative;
|
|
10371
10371
|
}
|
|
10372
10372
|
.e-stepper.e-stepper-readonly,
|
|
10373
|
-
.e-stepper .e-
|
|
10373
|
+
.e-stepper .e-step-disabled {
|
|
10374
10374
|
cursor: default;
|
|
10375
10375
|
pointer-events: none;
|
|
10376
10376
|
}
|
|
10377
|
-
.e-stepper.e-step-type-indicator .e-
|
|
10377
|
+
.e-stepper.e-step-type-indicator .e-step-container:not(.e-step-icon.e-step-label.e-step-text) .e-icons.e-step-indicator {
|
|
10378
10378
|
font-size: 32px;
|
|
10379
10379
|
border-radius: 9999px;
|
|
10380
10380
|
}
|
|
10381
|
-
.e-stepper.e-step-type-indicator .e-
|
|
10381
|
+
.e-stepper.e-step-type-indicator .e-step-container .e-step-content {
|
|
10382
10382
|
padding: 0 8px;
|
|
10383
10383
|
}
|
|
10384
|
-
.e-stepper .e-
|
|
10384
|
+
.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) {
|
|
10385
10385
|
position: relative;
|
|
10386
10386
|
}
|
|
10387
|
-
.e-stepper.e-horizontal .e-
|
|
10387
|
+
.e-stepper.e-horizontal .e-step-icon.e-step-label:has(.e-tooltip-wrap.e-stepper-tooltip) {
|
|
10388
10388
|
position: unset;
|
|
10389
10389
|
}
|
|
10390
10390
|
.e-stepper .e-tooltip-wrap.e-stepper-tooltip {
|
|
@@ -10410,12 +10410,12 @@ ejs-sidebar {
|
|
|
10410
10410
|
.e-stepper .e-tooltip-wrap.e-stepper-tooltip .e-arrow-tip-inner.e-tip-bottom {
|
|
10411
10411
|
top: -6px;
|
|
10412
10412
|
}
|
|
10413
|
-
.e-stepper .e-
|
|
10413
|
+
.e-stepper .e-step-icon.e-step-label .e-tooltip-wrap.e-stepper-tooltip {
|
|
10414
10414
|
left: unset;
|
|
10415
10415
|
top: 0;
|
|
10416
10416
|
transform: translate(0%, -135%);
|
|
10417
10417
|
}
|
|
10418
|
-
.e-stepper.e-step-type-indicator .e-
|
|
10418
|
+
.e-stepper.e-step-type-indicator .e-tooltip-wrap.e-stepper-tooltip {
|
|
10419
10419
|
transform: translate(-50%, -115%);
|
|
10420
10420
|
}
|
|
10421
10421
|
.e-stepper .e-stepper-steps {
|
|
@@ -10429,28 +10429,76 @@ ejs-sidebar {
|
|
|
10429
10429
|
-ms-flex-align: start;
|
|
10430
10430
|
align-items: flex-start;
|
|
10431
10431
|
}
|
|
10432
|
-
.e-stepper .e-stepper-steps .e-step-container
|
|
10433
|
-
|
|
10432
|
+
.e-stepper .e-stepper-steps .e-step-container,
|
|
10433
|
+
.e-stepper .e-stepper-steps .e-step,
|
|
10434
|
+
.e-stepper .e-stepper-steps .e-step-valid.e-step-text.e-step-text-only .e-step-text-container,
|
|
10435
|
+
.e-stepper .e-stepper-steps .e-step-error.e-step-text.e-step-text-only .e-step-text-container,
|
|
10436
|
+
.e-stepper .e-stepper-steps .e-step-label-container {
|
|
10437
|
+
display: -ms-flexbox;
|
|
10438
|
+
display: flex;
|
|
10439
|
+
-ms-flex-align: center;
|
|
10440
|
+
align-items: center;
|
|
10441
|
+
-ms-flex-pack: center;
|
|
10442
|
+
justify-content: center;
|
|
10434
10443
|
}
|
|
10435
|
-
.e-stepper .e-
|
|
10436
|
-
|
|
10444
|
+
.e-stepper .e-step-container {
|
|
10445
|
+
max-width: var(--max-width);
|
|
10446
|
+
list-style-type: none;
|
|
10447
|
+
cursor: pointer;
|
|
10448
|
+
text-align: center;
|
|
10437
10449
|
}
|
|
10438
|
-
.e-stepper .e-
|
|
10439
|
-
.e-stepper .e-
|
|
10450
|
+
.e-stepper .e-step-container .e-step-label-container,
|
|
10451
|
+
.e-stepper .e-step-container .e-step-text-container {
|
|
10440
10452
|
max-width: clamp(100%, 10em, 100%);
|
|
10441
10453
|
white-space: nowrap;
|
|
10442
10454
|
}
|
|
10443
|
-
.e-stepper .e-
|
|
10455
|
+
.e-stepper .e-step-container .e-step-label-optional {
|
|
10444
10456
|
font-size: 12px;
|
|
10445
10457
|
-ms-flex-preferred-size: 100%;
|
|
10446
10458
|
flex-basis: 100%;
|
|
10447
10459
|
}
|
|
10448
|
-
.e-stepper .e-
|
|
10460
|
+
.e-stepper .e-step-container .e-step-optional-container {
|
|
10449
10461
|
display: -ms-flexbox;
|
|
10450
10462
|
display: flex;
|
|
10451
10463
|
-ms-flex-direction: column;
|
|
10452
10464
|
flex-direction: column;
|
|
10453
10465
|
}
|
|
10466
|
+
.e-stepper .e-step-container .e-step-content {
|
|
10467
|
+
font-size: 16px;
|
|
10468
|
+
line-height: 0;
|
|
10469
|
+
}
|
|
10470
|
+
.e-stepper .e-step-container .e-indicator {
|
|
10471
|
+
font-size: 16px;
|
|
10472
|
+
}
|
|
10473
|
+
.e-stepper .e-step-container:not(.e-step-text-only) > .e-step-text-container {
|
|
10474
|
+
padding: 2px 8px;
|
|
10475
|
+
}
|
|
10476
|
+
.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 {
|
|
10477
|
+
padding: 0 6px;
|
|
10478
|
+
padding-block: 5px;
|
|
10479
|
+
}
|
|
10480
|
+
.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 {
|
|
10481
|
+
-ms-flex-direction: column;
|
|
10482
|
+
flex-direction: column;
|
|
10483
|
+
}
|
|
10484
|
+
.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 {
|
|
10485
|
+
position: relative;
|
|
10486
|
+
top: 0.25em;
|
|
10487
|
+
}
|
|
10488
|
+
.e-stepper .e-step-container .e-step-label-container,
|
|
10489
|
+
.e-stepper .e-step-container .e-step-text-container {
|
|
10490
|
+
font-size: 14px;
|
|
10491
|
+
}
|
|
10492
|
+
.e-stepper .e-step-container .e-step,
|
|
10493
|
+
.e-stepper .e-step-container .e-indicator {
|
|
10494
|
+
border-radius: 9999px;
|
|
10495
|
+
min-width: 32px;
|
|
10496
|
+
min-height: 32px;
|
|
10497
|
+
}
|
|
10498
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step,
|
|
10499
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator {
|
|
10500
|
+
border: 2px solid;
|
|
10501
|
+
}
|
|
10454
10502
|
.e-stepper.e-horizontal {
|
|
10455
10503
|
display: block;
|
|
10456
10504
|
}
|
|
@@ -10458,43 +10506,41 @@ ejs-sidebar {
|
|
|
10458
10506
|
-ms-flex-direction: row;
|
|
10459
10507
|
flex-direction: row;
|
|
10460
10508
|
}
|
|
10461
|
-
.e-stepper.e-horizontal.e-label-before:has(.e-
|
|
10509
|
+
.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 {
|
|
10462
10510
|
margin-left: var(--progress-left-position);
|
|
10463
10511
|
top: var(--progress-top-position);
|
|
10464
10512
|
width: var(--progress-bar-width);
|
|
10465
10513
|
}
|
|
10466
|
-
.e-stepper.e-horizontal.e-label-before.e-rtl:has(.e-
|
|
10514
|
+
.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 {
|
|
10467
10515
|
margin-right: var(--progress-left-position);
|
|
10468
10516
|
margin-left: unset;
|
|
10469
10517
|
}
|
|
10470
|
-
.e-stepper.e-horizontal .e-
|
|
10518
|
+
.e-stepper.e-horizontal .e-step-icon.e-step-label {
|
|
10471
10519
|
gap: 1em;
|
|
10520
|
+
-ms-flex-direction: column;
|
|
10521
|
+
flex-direction: column;
|
|
10472
10522
|
}
|
|
10473
|
-
.e-stepper.e-horizontal .e-
|
|
10523
|
+
.e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container {
|
|
10474
10524
|
position: relative;
|
|
10475
10525
|
}
|
|
10476
|
-
.e-stepper.e-horizontal .e-
|
|
10526
|
+
.e-stepper.e-horizontal .e-step-icon.e-step-label .e-step-label-container.e-label-before {
|
|
10477
10527
|
-ms-flex-order: -1;
|
|
10478
10528
|
order: -1;
|
|
10479
10529
|
}
|
|
10480
|
-
.e-stepper.e-horizontal
|
|
10481
|
-
-ms-flex-direction: column;
|
|
10482
|
-
flex-direction: column;
|
|
10483
|
-
}
|
|
10484
|
-
.e-stepper.e-horizontal.e-label-start .e-stepper-steps .e-step-container .e-step-text-container {
|
|
10530
|
+
.e-stepper.e-horizontal.e-label-start .e-step-text-container {
|
|
10485
10531
|
-ms-flex-order: -1;
|
|
10486
10532
|
order: -1;
|
|
10487
10533
|
}
|
|
10488
|
-
.e-stepper.e-horizontal .e-
|
|
10534
|
+
.e-stepper.e-horizontal .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
|
|
10489
10535
|
position: absolute;
|
|
10490
10536
|
top: 2.5em;
|
|
10491
10537
|
margin-left: 2.5em;
|
|
10492
10538
|
}
|
|
10493
|
-
.e-stepper.e-horizontal.e-label-start .e-
|
|
10539
|
+
.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 {
|
|
10494
10540
|
margin-right: 2.5em;
|
|
10495
10541
|
margin-left: unset;
|
|
10496
10542
|
}
|
|
10497
|
-
.e-stepper.e-horizontal.e-label-start.e-rtl .e-
|
|
10543
|
+
.e-stepper.e-horizontal.e-label-start.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-label-optional {
|
|
10498
10544
|
margin-right: unset;
|
|
10499
10545
|
margin-left: 2.5em;
|
|
10500
10546
|
}
|
|
@@ -10502,27 +10548,50 @@ ejs-sidebar {
|
|
|
10502
10548
|
-ms-flex-align: end;
|
|
10503
10549
|
align-items: flex-end;
|
|
10504
10550
|
}
|
|
10505
|
-
.e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-
|
|
10551
|
+
.e-stepper.e-horizontal.e-label-before .e-stepper-steps .e-step-label-container.e-label-before:has(.e-step-label-optional) {
|
|
10506
10552
|
-ms-flex-direction: column;
|
|
10507
10553
|
flex-direction: column;
|
|
10508
10554
|
gap: 0.5em;
|
|
10509
10555
|
}
|
|
10556
|
+
.e-stepper.e-horizontal .e-text,
|
|
10557
|
+
.e-stepper.e-horizontal .e-label,
|
|
10558
|
+
.e-stepper.e-horizontal .e-step-label-optional {
|
|
10559
|
+
text-overflow: ellipsis;
|
|
10560
|
+
overflow: hidden;
|
|
10561
|
+
}
|
|
10562
|
+
.e-stepper.e-horizontal .e-step-text.e-step-text-only:has(.e-step-label-optional),
|
|
10563
|
+
.e-stepper.e-horizontal .e-step-label.e-step-label-only:has(.e-step-label-optional),
|
|
10564
|
+
.e-stepper.e-horizontal .e-step-icon:not(.e-step-text):not(.e-step-label):has(.e-step-label-optional),
|
|
10565
|
+
.e-stepper.e-horizontal .e-step-label-container.e-label-after:has(.e-step-label-optional) {
|
|
10566
|
+
-ms-flex-wrap: wrap;
|
|
10567
|
+
flex-wrap: wrap;
|
|
10568
|
+
}
|
|
10569
|
+
.e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
|
|
10570
|
+
-ms-flex-wrap: wrap;
|
|
10571
|
+
flex-wrap: wrap;
|
|
10572
|
+
}
|
|
10573
|
+
.e-stepper.e-horizontal .e-step-icon:not(.e-step-label):not(.e-step-text) .e-step-label-optional {
|
|
10574
|
+
margin-top: 0.5em;
|
|
10575
|
+
}
|
|
10576
|
+
.e-stepper.e-horizontal.e-label-after .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-optional {
|
|
10577
|
+
margin-top: 0.2em;
|
|
10578
|
+
}
|
|
10510
10579
|
.e-stepper.e-vertical {
|
|
10511
10580
|
min-height: inherit;
|
|
10512
10581
|
display: inline-block;
|
|
10513
10582
|
}
|
|
10514
|
-
.e-stepper.e-vertical .e-
|
|
10515
|
-
.e-stepper.e-vertical .e-
|
|
10583
|
+
.e-stepper.e-vertical .e-step-label.e-step-label-only,
|
|
10584
|
+
.e-stepper.e-vertical .e-step-template {
|
|
10516
10585
|
position: relative;
|
|
10517
10586
|
}
|
|
10518
|
-
.e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-
|
|
10587
|
+
.e-stepper.e-vertical:not(.e-label-top):not(.e-label-bottom) .e-step-label-optional {
|
|
10519
10588
|
position: absolute;
|
|
10520
10589
|
}
|
|
10521
|
-
.e-stepper.e-vertical:not(.e-label-bottom):not(.e-label-top) .e-
|
|
10590
|
+
.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 {
|
|
10522
10591
|
margin-top: 3em;
|
|
10523
10592
|
margin-left: 4em;
|
|
10524
10593
|
}
|
|
10525
|
-
.e-stepper.e-vertical.e-rtl:not(.e-label-bottom):not(.e-label-top) .e-
|
|
10594
|
+
.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 {
|
|
10526
10595
|
margin-left: unset;
|
|
10527
10596
|
margin-right: 4em;
|
|
10528
10597
|
}
|
|
@@ -10540,66 +10609,66 @@ ejs-sidebar {
|
|
|
10540
10609
|
.e-stepper.e-vertical.e-rtl .e-stepper-steps {
|
|
10541
10610
|
float: right;
|
|
10542
10611
|
}
|
|
10543
|
-
.e-stepper.e-vertical .e-stepper-steps:has(.e-step-
|
|
10544
|
-
.e-stepper.e-vertical .e-stepper-steps:has(.e-step-
|
|
10545
|
-
.e-stepper.e-vertical .e-stepper-steps:has(.e-step-
|
|
10612
|
+
.e-stepper.e-vertical .e-stepper-steps:has(.e-step-icon:not(.e-step-text):not(.e-step-label)),
|
|
10613
|
+
.e-stepper.e-vertical .e-stepper-steps:has(.e-step-text.e-step-text-only),
|
|
10614
|
+
.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 {
|
|
10546
10615
|
-ms-flex-align: center;
|
|
10547
10616
|
align-items: center;
|
|
10548
10617
|
}
|
|
10549
|
-
.e-stepper.e-vertical .e-
|
|
10550
|
-
.e-stepper.e-vertical .e-
|
|
10618
|
+
.e-stepper.e-vertical .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
|
|
10619
|
+
.e-stepper.e-vertical .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
|
|
10551
10620
|
margin-left: 10px;
|
|
10552
10621
|
}
|
|
10553
|
-
.e-stepper.e-vertical.e-rtl .e-
|
|
10554
|
-
.e-stepper.e-vertical.e-rtl .e-
|
|
10622
|
+
.e-stepper.e-vertical.e-rtl .e-step-icon.e-step-text:not(.e-step-label) .e-step-text-container,
|
|
10623
|
+
.e-stepper.e-vertical.e-rtl .e-step-icon.e-step-label:not(.e-step-text) .e-step-label-container.e-label-after {
|
|
10555
10624
|
margin-left: unset;
|
|
10556
10625
|
margin-right: 10px;
|
|
10557
10626
|
}
|
|
10558
|
-
.e-stepper.e-vertical .e-
|
|
10559
|
-
.e-stepper.e-vertical .e-
|
|
10560
|
-
.e-stepper.e-vertical .e-
|
|
10627
|
+
.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),
|
|
10628
|
+
.e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional),
|
|
10629
|
+
.e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) {
|
|
10561
10630
|
-ms-flex-direction: column;
|
|
10562
10631
|
flex-direction: column;
|
|
10563
10632
|
}
|
|
10564
|
-
.e-stepper.e-vertical .e-
|
|
10565
|
-
.e-stepper.e-vertical .e-
|
|
10566
|
-
.e-stepper.e-vertical .e-
|
|
10633
|
+
.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,
|
|
10634
|
+
.e-stepper.e-vertical .e-step-text-only.e-step-text:has(.e-step-label-optional) .e-step-label-optional,
|
|
10635
|
+
.e-stepper.e-vertical .e-step-label-only.e-step-label:has(.e-step-label-optional) .e-step-label-optional {
|
|
10567
10636
|
position: unset;
|
|
10568
10637
|
}
|
|
10569
|
-
.e-stepper.e-vertical .e-
|
|
10638
|
+
.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) {
|
|
10570
10639
|
gap: 0.5em;
|
|
10571
10640
|
}
|
|
10572
|
-
.e-stepper.e-vertical.e-label-before .e-
|
|
10641
|
+
.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) {
|
|
10573
10642
|
-ms-flex-direction: column;
|
|
10574
10643
|
flex-direction: column;
|
|
10575
10644
|
}
|
|
10576
|
-
.e-stepper.e-vertical.e-label-before .e-
|
|
10645
|
+
.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 {
|
|
10577
10646
|
line-height: 2em;
|
|
10578
10647
|
}
|
|
10579
|
-
.e-stepper.e-vertical.e-label-before .e-
|
|
10648
|
+
.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 {
|
|
10580
10649
|
position: unset;
|
|
10581
10650
|
}
|
|
10582
|
-
.e-stepper.e-vertical .e-
|
|
10651
|
+
.e-stepper.e-vertical .e-step-container.e-step-label.e-step-text:not(.e-step-icon) .e-step-label-container.e-label-after {
|
|
10583
10652
|
position: absolute;
|
|
10584
10653
|
}
|
|
10585
|
-
.e-stepper.e-vertical .e-
|
|
10654
|
+
.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 {
|
|
10586
10655
|
left: 0;
|
|
10587
10656
|
}
|
|
10588
|
-
.e-stepper.e-vertical .e-
|
|
10657
|
+
.e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-after .e-step-label-optional {
|
|
10589
10658
|
font-size: 12px;
|
|
10590
10659
|
}
|
|
10591
|
-
.e-stepper.e-vertical .e-
|
|
10660
|
+
.e-stepper.e-vertical .e-step-container .e-step-label-container.e-label-before .e-label {
|
|
10592
10661
|
width: var(--label-width);
|
|
10593
10662
|
}
|
|
10594
|
-
.e-stepper.e-vertical .e-
|
|
10663
|
+
.e-stepper.e-vertical .e-step-container:not(.e-step-text-only) .e-step-text-container {
|
|
10595
10664
|
border: none;
|
|
10596
10665
|
border-radius: unset;
|
|
10597
10666
|
padding: 6px 0;
|
|
10598
10667
|
}
|
|
10599
|
-
.e-stepper.e-vertical .e-
|
|
10668
|
+
.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 {
|
|
10600
10669
|
position: unset;
|
|
10601
10670
|
}
|
|
10602
|
-
.e-stepper.e-vertical.e-label-top .e-
|
|
10671
|
+
.e-stepper.e-vertical.e-label-top .e-step-label-optional {
|
|
10603
10672
|
padding-bottom: 6px;
|
|
10604
10673
|
}
|
|
10605
10674
|
.e-stepper.e-vertical.e-label-top .e-stepper-steps, .e-stepper.e-vertical.e-label-bottom .e-stepper-steps {
|
|
@@ -10611,79 +10680,13 @@ ejs-sidebar {
|
|
|
10611
10680
|
flex-direction: column;
|
|
10612
10681
|
}
|
|
10613
10682
|
.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 {
|
|
10614
|
-
margin-left: 0
|
|
10683
|
+
margin-left: 0;
|
|
10615
10684
|
}
|
|
10616
|
-
.e-stepper.e-vertical.e-label-top .e-
|
|
10617
|
-
.e-stepper.e-vertical.e-label-top .e-
|
|
10685
|
+
.e-stepper.e-vertical.e-label-top .e-step-container .e-step-label-optional,
|
|
10686
|
+
.e-stepper.e-vertical.e-label-top .e-step-container .e-step-text-container {
|
|
10618
10687
|
-ms-flex-order: -1;
|
|
10619
10688
|
order: -1;
|
|
10620
10689
|
}
|
|
10621
|
-
.e-stepper .e-stepper-steps .e-step-container,
|
|
10622
|
-
.e-stepper .e-stepper-steps .e-step-container .e-step,
|
|
10623
|
-
.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,
|
|
10624
|
-
.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,
|
|
10625
|
-
.e-stepper .e-stepper-steps .e-step-container .e-step-label-container {
|
|
10626
|
-
display: -ms-flexbox;
|
|
10627
|
-
display: flex;
|
|
10628
|
-
-ms-flex-align: center;
|
|
10629
|
-
align-items: center;
|
|
10630
|
-
-ms-flex-pack: center;
|
|
10631
|
-
justify-content: center;
|
|
10632
|
-
}
|
|
10633
|
-
.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),
|
|
10634
|
-
.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),
|
|
10635
|
-
.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),
|
|
10636
|
-
.e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-step-label-container.e-label-after:has(.e-step-label-optional) {
|
|
10637
|
-
-ms-flex-wrap: wrap;
|
|
10638
|
-
flex-wrap: wrap;
|
|
10639
|
-
}
|
|
10640
|
-
.e-stepper.e-horizontal.e-step-type-indicator .e-step-container {
|
|
10641
|
-
-ms-flex-wrap: wrap;
|
|
10642
|
-
flex-wrap: wrap;
|
|
10643
|
-
}
|
|
10644
|
-
.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 {
|
|
10645
|
-
margin-top: 0.5em;
|
|
10646
|
-
}
|
|
10647
|
-
.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 {
|
|
10648
|
-
margin-top: 0.2em;
|
|
10649
|
-
}
|
|
10650
|
-
.e-stepper .e-stepper-steps .e-step-container {
|
|
10651
|
-
list-style-type: none;
|
|
10652
|
-
cursor: pointer;
|
|
10653
|
-
text-align: center;
|
|
10654
|
-
}
|
|
10655
|
-
.e-stepper .e-stepper-steps .e-step-container .e-step-content {
|
|
10656
|
-
font-size: 16px;
|
|
10657
|
-
line-height: 0;
|
|
10658
|
-
}
|
|
10659
|
-
.e-stepper .e-stepper-steps .e-step-container .e-indicator {
|
|
10660
|
-
font-size: 16px;
|
|
10661
|
-
}
|
|
10662
|
-
.e-stepper .e-stepper-steps .e-step-container:not(.e-step-text-only) > .e-step-text-container {
|
|
10663
|
-
padding: 2px 8px;
|
|
10664
|
-
}
|
|
10665
|
-
.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 {
|
|
10666
|
-
padding: 0 6px;
|
|
10667
|
-
padding-block: 5px;
|
|
10668
|
-
}
|
|
10669
|
-
.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 {
|
|
10670
|
-
-ms-flex-direction: column;
|
|
10671
|
-
flex-direction: column;
|
|
10672
|
-
}
|
|
10673
|
-
.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 {
|
|
10674
|
-
position: relative;
|
|
10675
|
-
top: 0.25em;
|
|
10676
|
-
}
|
|
10677
|
-
.e-stepper .e-stepper-steps .e-step-container .e-step-label-container,
|
|
10678
|
-
.e-stepper .e-stepper-steps .e-step-container .e-step-text-container {
|
|
10679
|
-
font-size: 14px;
|
|
10680
|
-
}
|
|
10681
|
-
.e-stepper .e-stepper-steps .e-step-container .e-step,
|
|
10682
|
-
.e-stepper .e-stepper-steps .e-step-container .e-indicator {
|
|
10683
|
-
border-radius: 9999px;
|
|
10684
|
-
min-width: 32px;
|
|
10685
|
-
min-height: 32px;
|
|
10686
|
-
}
|
|
10687
10690
|
.e-stepper .e-stepper-progressbar {
|
|
10688
10691
|
height: 1.6px;
|
|
10689
10692
|
position: absolute;
|
|
@@ -10712,11 +10715,11 @@ ejs-sidebar {
|
|
|
10712
10715
|
right: var(--progress-position);
|
|
10713
10716
|
left: unset;
|
|
10714
10717
|
}
|
|
10715
|
-
.e-stepper:not(.e-steps-focus):not(.e-step-type-label):not(.e-step-type-indicator) .e-
|
|
10716
|
-
.e-stepper .e-
|
|
10718
|
+
.e-stepper:not(.e-steps-focus):not(.e-step-type-label):not(.e-step-type-indicator) .e-step-container .e-indicator,
|
|
10719
|
+
.e-stepper .e-step-focus .e-indicator {
|
|
10717
10720
|
z-index: 0;
|
|
10718
10721
|
}
|
|
10719
|
-
.e-stepper .e-
|
|
10722
|
+
.e-stepper .e-step-template.e-step-focus {
|
|
10720
10723
|
outline: 2px solid;
|
|
10721
10724
|
}
|
|
10722
10725
|
|
|
@@ -10724,220 +10727,226 @@ ejs-sidebar {
|
|
|
10724
10727
|
top: 90% !important; /* stylelint-disable-line declaration-no-important */
|
|
10725
10728
|
}
|
|
10726
10729
|
|
|
10727
|
-
.e-stepper.e-
|
|
10728
|
-
.e-stepper.e-
|
|
10729
|
-
.e-stepper.e-horizontal .e-stepper-steps .e-step-container .e-step-label-optional {
|
|
10730
|
-
text-overflow: ellipsis;
|
|
10731
|
-
overflow: hidden;
|
|
10732
|
-
}
|
|
10733
|
-
|
|
10734
|
-
.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,
|
|
10735
|
-
.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 {
|
|
10730
|
+
.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,
|
|
10731
|
+
.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 {
|
|
10736
10732
|
font-size: 28px;
|
|
10737
10733
|
}
|
|
10738
|
-
.e-small.e-stepper.e-step-type-indicator .e-
|
|
10739
|
-
.e-small .e-stepper.e-step-type-indicator .e-
|
|
10734
|
+
.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,
|
|
10735
|
+
.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 {
|
|
10740
10736
|
width: 28px;
|
|
10741
10737
|
height: 28px;
|
|
10742
10738
|
}
|
|
10743
|
-
.e-small.e-stepper .e-
|
|
10744
|
-
.e-small.e-stepper .e-
|
|
10745
|
-
.e-small .e-stepper .e-
|
|
10746
|
-
.e-small .e-stepper .e-
|
|
10739
|
+
.e-small.e-stepper .e-step-container .e-step,
|
|
10740
|
+
.e-small.e-stepper .e-step-container .e-indicator,
|
|
10741
|
+
.e-small .e-stepper .e-step-container .e-step,
|
|
10742
|
+
.e-small .e-stepper .e-step-container .e-indicator {
|
|
10747
10743
|
min-width: 28px;
|
|
10748
10744
|
min-height: 28px;
|
|
10749
10745
|
}
|
|
10750
|
-
.e-small.e-stepper .e-
|
|
10751
|
-
.e-small .e-stepper .e-
|
|
10746
|
+
.e-small.e-stepper .e-step-container .e-indicator,
|
|
10747
|
+
.e-small .e-stepper .e-step-container .e-indicator {
|
|
10752
10748
|
font-size: 14px;
|
|
10753
10749
|
}
|
|
10754
|
-
.e-small.e-stepper .e-
|
|
10755
|
-
.e-small.e-stepper .e-
|
|
10756
|
-
.e-small .e-stepper .e-
|
|
10757
|
-
.e-small .e-stepper .e-
|
|
10750
|
+
.e-small.e-stepper .e-step-container .e-step-text-container,
|
|
10751
|
+
.e-small.e-stepper .e-step-container .e-step-label-container,
|
|
10752
|
+
.e-small .e-stepper .e-step-container .e-step-text-container,
|
|
10753
|
+
.e-small .e-stepper .e-step-container .e-step-label-container {
|
|
10758
10754
|
font-size: 12px;
|
|
10759
10755
|
}
|
|
10760
|
-
.e-small.e-stepper .e-
|
|
10761
|
-
.e-small .e-stepper .e-
|
|
10756
|
+
.e-small.e-stepper .e-step-container .e-step-content,
|
|
10757
|
+
.e-small .e-stepper .e-step-container .e-step-content {
|
|
10762
10758
|
font-size: 14px;
|
|
10763
10759
|
}
|
|
10764
|
-
.e-small.e-stepper .e-
|
|
10765
|
-
.e-small .e-stepper .e-
|
|
10760
|
+
.e-small.e-stepper .e-step-container .e-step-label-optional,
|
|
10761
|
+
.e-small .e-stepper .e-step-container .e-step-label-optional {
|
|
10766
10762
|
font-size: 10px;
|
|
10767
10763
|
}
|
|
10768
|
-
.e-small.e-stepper.e-vertical .e-
|
|
10769
|
-
.e-small .e-stepper.e-vertical .e-
|
|
10764
|
+
.e-small.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
|
|
10765
|
+
.e-small .e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
|
|
10770
10766
|
font-size: 10px;
|
|
10771
10767
|
}
|
|
10772
10768
|
|
|
10773
|
-
.e-bigger.e-stepper.e-step-type-indicator .e-
|
|
10774
|
-
.e-bigger .e-stepper.e-step-type-indicator .e-
|
|
10769
|
+
.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,
|
|
10770
|
+
.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 {
|
|
10775
10771
|
font-size: 40px;
|
|
10776
10772
|
}
|
|
10777
|
-
.e-bigger.e-stepper.e-step-type-indicator .e-
|
|
10778
|
-
.e-bigger .e-stepper.e-step-type-indicator .e-
|
|
10773
|
+
.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,
|
|
10774
|
+
.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 {
|
|
10779
10775
|
width: 40px;
|
|
10780
10776
|
height: 40px;
|
|
10781
10777
|
}
|
|
10782
|
-
.e-bigger.e-stepper .e-
|
|
10783
|
-
.e-bigger.e-stepper .e-
|
|
10784
|
-
.e-bigger .e-stepper .e-
|
|
10785
|
-
.e-bigger .e-stepper .e-
|
|
10778
|
+
.e-bigger.e-stepper .e-step-container .e-step,
|
|
10779
|
+
.e-bigger.e-stepper .e-step-container .e-indicator,
|
|
10780
|
+
.e-bigger .e-stepper .e-step-container .e-step,
|
|
10781
|
+
.e-bigger .e-stepper .e-step-container .e-indicator {
|
|
10786
10782
|
min-width: 40px;
|
|
10787
10783
|
min-height: 40px;
|
|
10788
10784
|
}
|
|
10789
|
-
.e-bigger.e-stepper .e-
|
|
10790
|
-
.e-bigger .e-stepper .e-
|
|
10785
|
+
.e-bigger.e-stepper .e-step-container .e-indicator,
|
|
10786
|
+
.e-bigger .e-stepper .e-step-container .e-indicator {
|
|
10791
10787
|
font-size: 18px;
|
|
10792
10788
|
}
|
|
10793
|
-
.e-bigger.e-stepper .e-
|
|
10794
|
-
.e-bigger.e-stepper .e-
|
|
10795
|
-
.e-bigger .e-stepper .e-
|
|
10796
|
-
.e-bigger .e-stepper .e-
|
|
10789
|
+
.e-bigger.e-stepper .e-step-container .e-step-text-container,
|
|
10790
|
+
.e-bigger.e-stepper .e-step-container .e-step-label-container,
|
|
10791
|
+
.e-bigger .e-stepper .e-step-container .e-step-text-container,
|
|
10792
|
+
.e-bigger .e-stepper .e-step-container .e-step-label-container {
|
|
10797
10793
|
font-size: 16px;
|
|
10798
10794
|
}
|
|
10799
|
-
.e-bigger.e-stepper .e-
|
|
10800
|
-
.e-bigger .e-stepper .e-
|
|
10795
|
+
.e-bigger.e-stepper .e-step-container .e-step-content,
|
|
10796
|
+
.e-bigger .e-stepper .e-step-container .e-step-content {
|
|
10801
10797
|
font-size: 18px;
|
|
10802
10798
|
}
|
|
10803
|
-
.e-bigger.e-stepper .e-
|
|
10804
|
-
.e-bigger .e-stepper .e-
|
|
10799
|
+
.e-bigger.e-stepper .e-step-container .e-step-label-optional,
|
|
10800
|
+
.e-bigger .e-stepper .e-step-container .e-step-label-optional {
|
|
10805
10801
|
font-size: 14px;
|
|
10806
10802
|
}
|
|
10807
|
-
.e-bigger.e-stepper.e-vertical .e-
|
|
10808
|
-
.e-bigger .e-stepper.e-vertical .e-
|
|
10803
|
+
.e-bigger.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
|
|
10804
|
+
.e-bigger .e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
|
|
10809
10805
|
font-size: 14px;
|
|
10810
10806
|
}
|
|
10811
10807
|
|
|
10812
|
-
.e-bigger.e-small.e-stepper.e-step-type-indicator .e-
|
|
10813
|
-
.e-bigger.e-small .e-stepper.e-step-type-indicator .e-
|
|
10814
|
-
.e-bigger .e-small.e-stepper.e-step-type-indicator .e-
|
|
10815
|
-
.e-small .e-bigger.e-stepper.e-step-type-indicator .e-
|
|
10808
|
+
.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,
|
|
10809
|
+
.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,
|
|
10810
|
+
.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,
|
|
10811
|
+
.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 {
|
|
10816
10812
|
font-size: 36px;
|
|
10817
10813
|
}
|
|
10818
|
-
.e-bigger.e-small.e-stepper.e-step-type-indicator .e-
|
|
10819
|
-
.e-bigger.e-small .e-stepper.e-step-type-indicator .e-
|
|
10820
|
-
.e-bigger .e-small.e-stepper.e-step-type-indicator .e-
|
|
10821
|
-
.e-small .e-bigger.e-stepper.e-step-type-indicator .e-
|
|
10814
|
+
.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,
|
|
10815
|
+
.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,
|
|
10816
|
+
.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,
|
|
10817
|
+
.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 {
|
|
10822
10818
|
width: 36px;
|
|
10823
10819
|
height: 36px;
|
|
10824
10820
|
}
|
|
10825
|
-
.e-bigger.e-small.e-stepper .e-
|
|
10826
|
-
.e-bigger.e-small.e-stepper .e-
|
|
10827
|
-
.e-bigger.e-small .e-stepper .e-
|
|
10828
|
-
.e-bigger.e-small .e-stepper .e-
|
|
10829
|
-
.e-bigger .e-small.e-stepper .e-
|
|
10830
|
-
.e-bigger .e-small.e-stepper .e-
|
|
10831
|
-
.e-small .e-bigger.e-stepper .e-
|
|
10832
|
-
.e-small .e-bigger.e-stepper .e-
|
|
10821
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-step,
|
|
10822
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-indicator,
|
|
10823
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-step,
|
|
10824
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-indicator,
|
|
10825
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-step,
|
|
10826
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-indicator,
|
|
10827
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-step,
|
|
10828
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-indicator {
|
|
10833
10829
|
min-width: 36px;
|
|
10834
10830
|
min-height: 36px;
|
|
10835
10831
|
}
|
|
10836
|
-
.e-bigger.e-small.e-stepper .e-
|
|
10837
|
-
.e-bigger.e-small .e-stepper .e-
|
|
10838
|
-
.e-bigger .e-small.e-stepper .e-
|
|
10839
|
-
.e-small .e-bigger.e-stepper .e-
|
|
10832
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-indicator,
|
|
10833
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-indicator,
|
|
10834
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-indicator,
|
|
10835
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-indicator {
|
|
10840
10836
|
font-size: 16px;
|
|
10841
10837
|
}
|
|
10842
|
-
.e-bigger.e-small.e-stepper .e-
|
|
10843
|
-
.e-bigger.e-small.e-stepper .e-
|
|
10844
|
-
.e-bigger.e-small .e-stepper .e-
|
|
10845
|
-
.e-bigger.e-small .e-stepper .e-
|
|
10846
|
-
.e-bigger .e-small.e-stepper .e-
|
|
10847
|
-
.e-bigger .e-small.e-stepper .e-
|
|
10848
|
-
.e-small .e-bigger.e-stepper .e-
|
|
10849
|
-
.e-small .e-bigger.e-stepper .e-
|
|
10838
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-step-text-container,
|
|
10839
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-step-label-container,
|
|
10840
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-step-text-container,
|
|
10841
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-step-label-container,
|
|
10842
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-step-text-container,
|
|
10843
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-step-label-container,
|
|
10844
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-step-text-container,
|
|
10845
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-step-label-container {
|
|
10850
10846
|
font-size: 14px;
|
|
10851
10847
|
}
|
|
10852
|
-
.e-bigger.e-small.e-stepper .e-
|
|
10853
|
-
.e-bigger.e-small .e-stepper .e-
|
|
10854
|
-
.e-bigger .e-small.e-stepper .e-
|
|
10855
|
-
.e-small .e-bigger.e-stepper .e-
|
|
10848
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-step-content,
|
|
10849
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-step-content,
|
|
10850
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-step-content,
|
|
10851
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-step-content {
|
|
10856
10852
|
font-size: 16px;
|
|
10857
10853
|
}
|
|
10858
|
-
.e-bigger.e-small.e-stepper .e-
|
|
10859
|
-
.e-bigger.e-small .e-stepper .e-
|
|
10860
|
-
.e-bigger .e-small.e-stepper .e-
|
|
10861
|
-
.e-small .e-bigger.e-stepper .e-
|
|
10854
|
+
.e-bigger.e-small.e-stepper .e-step-container .e-step-label-optional,
|
|
10855
|
+
.e-bigger.e-small .e-stepper .e-step-container .e-step-label-optional,
|
|
10856
|
+
.e-bigger .e-small.e-stepper .e-step-container .e-step-label-optional,
|
|
10857
|
+
.e-small .e-bigger.e-stepper .e-step-container .e-step-label-optional {
|
|
10862
10858
|
font-size: 12px;
|
|
10863
10859
|
}
|
|
10864
|
-
.e-bigger.e-small.e-stepper.e-vertical .e-
|
|
10865
|
-
.e-bigger.e-small .e-stepper.e-vertical .e-
|
|
10866
|
-
.e-bigger .e-small.e-stepper.e-vertical .e-
|
|
10867
|
-
.e-small .e-bigger.e-stepper.e-vertical .e-
|
|
10860
|
+
.e-bigger.e-small.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
|
|
10861
|
+
.e-bigger.e-small .e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
|
|
10862
|
+
.e-bigger .e-small.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional,
|
|
10863
|
+
.e-small .e-bigger.e-stepper.e-vertical .e-step-label-container.e-label-after .e-step-label-optional {
|
|
10868
10864
|
font-size: 12px;
|
|
10869
10865
|
}
|
|
10870
10866
|
|
|
10871
|
-
.e-stepper .e-
|
|
10867
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step,
|
|
10868
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator,
|
|
10869
|
+
.e-stepper .e-step-notstarted .e-icons.e-step-indicator {
|
|
10872
10870
|
border-color: #383838;
|
|
10873
10871
|
}
|
|
10874
|
-
.e-stepper .e-
|
|
10872
|
+
.e-stepper .e-step-label-optional {
|
|
10875
10873
|
color: #e0e0e0;
|
|
10876
10874
|
}
|
|
10877
|
-
.e-stepper .e-
|
|
10878
|
-
.e-stepper .e-
|
|
10875
|
+
.e-stepper .e-step,
|
|
10876
|
+
.e-stepper .e-indicator {
|
|
10879
10877
|
color: #bdbdbd;
|
|
10880
10878
|
background: #212121;
|
|
10881
10879
|
}
|
|
10882
|
-
.e-stepper .e-
|
|
10880
|
+
.e-stepper .e-step-indicator {
|
|
10883
10881
|
color: transparent;
|
|
10884
10882
|
}
|
|
10885
|
-
.e-stepper .e-
|
|
10883
|
+
.e-stepper .e-step-completed .e-step,
|
|
10884
|
+
.e-stepper .e-step-inprogress .e-step,
|
|
10885
|
+
.e-stepper .e-step-completed .e-indicator,
|
|
10886
|
+
.e-stepper .e-step-inprogress .e-indicator,
|
|
10887
|
+
.e-stepper .e-step-completed .e-step-indicator,
|
|
10888
|
+
.e-stepper .e-step-inprogress .e-step-indicator {
|
|
10886
10889
|
background: #3f51b5;
|
|
10887
10890
|
color: #fff;
|
|
10888
10891
|
}
|
|
10889
|
-
.e-stepper .e-
|
|
10890
|
-
background: #
|
|
10892
|
+
.e-stepper .e-step-selected .e-indicator {
|
|
10893
|
+
background: #3f51b5;
|
|
10894
|
+
}
|
|
10895
|
+
.e-stepper .e-step-valid .e-indicator {
|
|
10896
|
+
background: #4caf50;
|
|
10891
10897
|
color: #fff;
|
|
10892
10898
|
}
|
|
10893
|
-
.e-stepper .e-
|
|
10894
|
-
background: #ff6652
|
|
10899
|
+
.e-stepper .e-step-error .e-indicator {
|
|
10900
|
+
background: #ff6652;
|
|
10895
10901
|
color: #fff;
|
|
10896
10902
|
}
|
|
10897
|
-
.e-stepper .e-
|
|
10898
|
-
.e-stepper .e-
|
|
10903
|
+
.e-stepper .e-step-error .e-text,
|
|
10904
|
+
.e-stepper .e-step-error .e-label {
|
|
10899
10905
|
color: #ff6652;
|
|
10900
10906
|
}
|
|
10901
|
-
.e-stepper .e-
|
|
10907
|
+
.e-stepper .e-step-valid:not(.e-step-notstarted) .e-indicator:hover,
|
|
10908
|
+
.e-stepper .e-step-error .e-indicator:hover {
|
|
10902
10909
|
color: #bdbdbd;
|
|
10903
10910
|
}
|
|
10904
|
-
.e-stepper .e-
|
|
10905
|
-
.e-stepper .e-
|
|
10911
|
+
.e-stepper .e-step-selected .e-text,
|
|
10912
|
+
.e-stepper .e-step-selected .e-label {
|
|
10906
10913
|
font-weight: 600;
|
|
10907
10914
|
}
|
|
10908
|
-
.e-stepper .e-
|
|
10915
|
+
.e-stepper .e-step-valid.e-step-text-only .e-step-validation-icon,
|
|
10916
|
+
.e-stepper .e-step-valid.e-step-label-only .e-step-validation-icon {
|
|
10909
10917
|
color: #4caf50;
|
|
10910
10918
|
}
|
|
10911
|
-
.e-stepper .e-
|
|
10919
|
+
.e-stepper .e-step-error.e-step-text-only .e-step-validation-icon,
|
|
10920
|
+
.e-stepper .e-step-error.e-step-label-only .e-step-validation-icon {
|
|
10912
10921
|
color: #ff6652;
|
|
10913
10922
|
}
|
|
10914
|
-
.e-stepper .e-
|
|
10915
|
-
.e-stepper .e-
|
|
10923
|
+
.e-stepper .e-text,
|
|
10924
|
+
.e-stepper .e-label {
|
|
10916
10925
|
color: #fff;
|
|
10917
10926
|
}
|
|
10918
|
-
.e-stepper .e-
|
|
10919
|
-
.e-stepper .e-
|
|
10920
|
-
.e-stepper .e-
|
|
10927
|
+
.e-stepper .e-step-selected:not(.e-step-error) .e-text,
|
|
10928
|
+
.e-stepper .e-step-selected:not(.e-step-error) .e-label,
|
|
10929
|
+
.e-stepper .e-step-completed:not(.e-step-error) .e-text,
|
|
10930
|
+
.e-stepper .e-step-completed:not(.e-step-error) .e-label {
|
|
10921
10931
|
color: #3f51b5;
|
|
10922
10932
|
}
|
|
10923
|
-
.e-stepper .e-
|
|
10933
|
+
.e-stepper .e-step-label:not(.e-step-icon) .e-step-label-container {
|
|
10924
10934
|
background-color: #383838;
|
|
10925
10935
|
}
|
|
10926
|
-
.e-stepper .e-
|
|
10936
|
+
.e-stepper .e-step-text-container {
|
|
10927
10937
|
background-color: #383838;
|
|
10928
10938
|
border-color: transparent;
|
|
10929
10939
|
}
|
|
10930
|
-
.e-stepper .e-
|
|
10931
|
-
background: #
|
|
10932
|
-
|
|
10933
|
-
.e-stepper .e-stepper-steps .e-step-container.e-step-disabled .e-indicator {
|
|
10934
|
-
background: #424242 !important; /* stylelint-disable-line declaration-no-important */
|
|
10935
|
-
color: #9e9e9e !important; /* stylelint-disable-line declaration-no-important */
|
|
10940
|
+
.e-stepper .e-step-disabled .e-indicator {
|
|
10941
|
+
background: #424242;
|
|
10942
|
+
color: #9e9e9e;
|
|
10936
10943
|
}
|
|
10937
|
-
.e-stepper .e-
|
|
10938
|
-
|
|
10944
|
+
.e-stepper .e-step-disabled .e-text,
|
|
10945
|
+
.e-stepper .e-step-disabled .e-label,
|
|
10946
|
+
.e-stepper .e-step-disabled .e-step-validation-icon {
|
|
10947
|
+
color: white;
|
|
10939
10948
|
}
|
|
10940
|
-
.e-stepper.e-vertical .e-
|
|
10949
|
+
.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 {
|
|
10941
10950
|
background-color: #383838;
|
|
10942
10951
|
}
|
|
10943
10952
|
.e-stepper .e-stepper-progressbar {
|
|
@@ -10946,68 +10955,74 @@ ejs-sidebar {
|
|
|
10946
10955
|
.e-stepper .e-stepper-progressbar > .e-progressbar-value {
|
|
10947
10956
|
background-color: #3f51b5;
|
|
10948
10957
|
}
|
|
10949
|
-
.e-stepper:not(.e-steps-focus) .e-
|
|
10958
|
+
.e-stepper:not(.e-steps-focus) .e-step-selected .e-step {
|
|
10950
10959
|
box-shadow: 0 0 0 2px #383838, 0 0 0 4px #3f51b5, 0 0 0 8px #383838;
|
|
10951
10960
|
}
|
|
10952
|
-
.e-stepper .e-
|
|
10953
|
-
.e-stepper .e-
|
|
10954
|
-
.e-stepper .e-
|
|
10955
|
-
.e-stepper .e-
|
|
10956
|
-
box-shadow: 0 0 0 2px #383838, 0 0 0 4px #fff, 0 0 0 8px #383838
|
|
10957
|
-
}
|
|
10958
|
-
.e-stepper:not(.e-steps-focus) .e-
|
|
10959
|
-
.e-stepper .e-
|
|
10960
|
-
.e-stepper .e-
|
|
10961
|
-
.e-stepper .e-
|
|
10962
|
-
.e-stepper .e-
|
|
10961
|
+
.e-stepper .e-step-focus .e-step,
|
|
10962
|
+
.e-stepper .e-step-label-only.e-step-focus .e-label,
|
|
10963
|
+
.e-stepper .e-step-text-only.e-step-focus .e-text,
|
|
10964
|
+
.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 {
|
|
10965
|
+
box-shadow: 0 0 0 2px #383838, 0 0 0 4px #fff, 0 0 0 8px #383838;
|
|
10966
|
+
}
|
|
10967
|
+
.e-stepper:not(.e-steps-focus) .e-step-valid.e-step-selected .e-step,
|
|
10968
|
+
.e-stepper .e-step-valid.e-step-focus .e-step,
|
|
10969
|
+
.e-stepper .e-step-valid.e-step-label-only.e-step-focus .e-label,
|
|
10970
|
+
.e-stepper .e-step-valid.e-step-text-only.e-step-focus .e-text,
|
|
10971
|
+
.e-stepper .e-step-valid.e-step-template.e-step-focus {
|
|
10963
10972
|
box-shadow: 0 0 0 2px #383838, 0 0 0 4px #4caf50, 0 0 0 8px #383838;
|
|
10964
10973
|
}
|
|
10965
|
-
.e-stepper:not(.e-steps-focus) .e-
|
|
10966
|
-
.e-stepper .e-
|
|
10967
|
-
.e-stepper .e-
|
|
10968
|
-
.e-stepper .e-
|
|
10969
|
-
.e-stepper .e-
|
|
10974
|
+
.e-stepper:not(.e-steps-focus) .e-step-error.e-step-selected .e-step,
|
|
10975
|
+
.e-stepper .e-step-error.e-step-focus .e-step,
|
|
10976
|
+
.e-stepper .e-step-error.e-step-label-only.e-step-focus .e-label,
|
|
10977
|
+
.e-stepper .e-step-error.e-step-text-only.e-step-focus .e-text,
|
|
10978
|
+
.e-stepper .e-step-error.e-step-template.e-step-focus {
|
|
10970
10979
|
box-shadow: 0 0 0 2px #383838, 0 0 0 4px #ff6652, 0 0 0 8px #383838;
|
|
10971
10980
|
}
|
|
10972
|
-
.e-stepper .e-
|
|
10973
|
-
.e-stepper .e-
|
|
10981
|
+
.e-stepper .e-step-container:not(.e-step-focus).e-step-notstarted .e-step,
|
|
10982
|
+
.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 {
|
|
10974
10983
|
box-shadow: 0 0 0 8px #383838;
|
|
10975
10984
|
}
|
|
10976
|
-
.e-stepper .e-
|
|
10977
|
-
.e-stepper .e-
|
|
10978
|
-
border-color: #383838
|
|
10985
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:hover,
|
|
10986
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:hover {
|
|
10987
|
+
border-color: #383838;
|
|
10979
10988
|
}
|
|
10980
|
-
.e-stepper .e-
|
|
10981
|
-
.e-stepper .e-
|
|
10982
|
-
border-color: #383838
|
|
10989
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-step:active,
|
|
10990
|
+
.e-stepper .e-step-notstarted:not(.e-step-disabled) .e-indicator:active {
|
|
10991
|
+
border-color: #383838;
|
|
10983
10992
|
}
|
|
10984
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
10985
|
-
|
|
10993
|
+
.e-stepper:not(.e-step-type-label) .e-indicator:hover,
|
|
10994
|
+
.e-stepper:not(.e-step-type-label) .e-step:hover {
|
|
10995
|
+
color: #fff;
|
|
10996
|
+
background: #606fc7;
|
|
10986
10997
|
}
|
|
10987
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
10988
|
-
|
|
10998
|
+
.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 {
|
|
10999
|
+
color: #bdbdbd;
|
|
10989
11000
|
}
|
|
10990
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
10991
|
-
|
|
10992
|
-
background: #
|
|
11001
|
+
.e-stepper:not(.e-step-type-label) .e-step-selected .e-indicator:active,
|
|
11002
|
+
.e-stepper:not(.e-step-type-label) .e-step-selected .e-step:active {
|
|
11003
|
+
background: #7280ce;
|
|
10993
11004
|
}
|
|
10994
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
10995
|
-
|
|
10996
|
-
background: #4caf50
|
|
11005
|
+
.e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-indicator:active,
|
|
11006
|
+
.e-stepper:not(.e-step-type-label) .e-step-valid.e-step-selected .e-step:active {
|
|
11007
|
+
background: #4caf50;
|
|
10997
11008
|
}
|
|
10998
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
10999
|
-
|
|
11000
|
-
background: #ff6652
|
|
11009
|
+
.e-stepper:not(.e-step-type-label) .e-step-error.e-step-selected .e-indicator:active,
|
|
11010
|
+
.e-stepper:not(.e-step-type-label) .e-step-error.e-step-selected .e-step:active {
|
|
11011
|
+
background: #ff6652;
|
|
11001
11012
|
}
|
|
11002
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
11003
|
-
|
|
11013
|
+
.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 {
|
|
11014
|
+
background: #424242;
|
|
11004
11015
|
}
|
|
11005
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
11006
|
-
background: #
|
|
11016
|
+
.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 {
|
|
11017
|
+
background: #383838;
|
|
11007
11018
|
}
|
|
11008
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
11009
|
-
|
|
11019
|
+
.e-stepper:not(.e-step-type-label) .e-step-valid .e-indicator:hover,
|
|
11020
|
+
.e-stepper:not(.e-step-type-label) .e-step-valid .e-step:hover {
|
|
11021
|
+
color: #fff;
|
|
11022
|
+
background: #4caf50;
|
|
11010
11023
|
}
|
|
11011
|
-
.e-stepper:not(.e-step-type-label) .e-
|
|
11012
|
-
|
|
11024
|
+
.e-stepper:not(.e-step-type-label) .e-step-error .e-indicator:hover,
|
|
11025
|
+
.e-stepper:not(.e-step-type-label) .e-step-error .e-step:hover {
|
|
11026
|
+
color: #fff;
|
|
11027
|
+
background: #ff6652;
|
|
11013
11028
|
}
|