@softheon/armature 17.5.6 → 17.5.8

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.
@@ -641,7 +641,6 @@ button.mat-mdc-button {
641
641
  // Secondary Button Styles
642
642
 
643
643
  }
644
-
645
644
  button.mat-mdc-unelevated-button {
646
645
  --mat-mdc-button-persistent-ripple-color: none !important;
647
646
  --mdc-filled-button-label-text-color: none !important;
@@ -938,7 +937,6 @@ button.mat-mdc-unelevated-button {
938
937
  font-size: 26px !important;
939
938
  }
940
939
  }
941
-
942
940
  button.mat-mdc-outlined-button {
943
941
  --mat-mdc-button-persistent-ripple-color: none !important;
944
942
  --mdc-outlined-button-label-text-color: none !important;
@@ -1477,14 +1475,28 @@ button.mat-mdc-outlined-button {
1477
1475
  font-size: 26px !important;
1478
1476
  }
1479
1477
  }
1480
-
1481
1478
  // Button Redesign
1482
1479
 
1480
+ button.mat-mdc-button
1481
+ .mat-mdc-button-ripple,
1482
+ .mat-mdc-button
1483
+ .mat-mdc-button-persistent-ripple,
1484
+ .mat-mdc-button .mat-mdc-button-persistent-ripple::before,
1485
+ .mat-mdc-unelevated-button .mat-mdc-button-ripple,
1486
+ .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple,
1487
+ .mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
1488
+ .mat-mdc-raised-button .mat-mdc-button-ripple, .mat-mdc-raised-button .mat-mdc-button-persistent-ripple,
1489
+ .mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
1490
+ .mat-mdc-outlined-button .mat-mdc-button-ripple, .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple,
1491
+ .mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before{
1492
+ background: none !important;
1493
+ }
1483
1494
  button.sof-button-v2{
1495
+
1484
1496
  display: flex;
1485
1497
  justify-content: center;
1486
1498
  align-items: center;
1487
- padding:8px!important;
1499
+ padding:8px !important;
1488
1500
  height: 40px !important;
1489
1501
  border-radius: 8px !important;
1490
1502
  font-family: Poppins !important;
@@ -1492,36 +1504,40 @@ button.sof-button-v2{
1492
1504
  font-weight: 500 !important;
1493
1505
  font-size: 16px !important;
1494
1506
  line-height: normal !important;
1495
- letter-spacing: 0.05em !important;
1507
+ letter-spacing: 0px !important;
1496
1508
  text-transform: capitalize !important;
1497
- &.mat-button-focus-overlay{
1498
- pointer-events: none !important;
1499
- }
1500
- &.mat-mdc-unelevated-button span.mdc-button__label.mdc-button__label{
1509
+
1510
+ &.mat-mdc-unelevated-button span.mdc-button__label.mdc-button__label{
1511
+ display: flex;
1512
+ align-items: center;
1513
+ font-size: 16px;
1514
+ i{
1515
+ font-size: 20px;
1516
+ }
1517
+ }
1518
+ &.mat-mdc-unelevated-button span.mdc-button__label{
1501
1519
  display: flex;
1502
1520
  align-items: center;
1503
- justify-content: space-evenly !important;
1521
+ justify-content: center !important;
1504
1522
  width: 100% !important;
1523
+ i{
1524
+ margin-right: 8px !important;
1525
+ }
1505
1526
  }
1506
- &.fixed-width {
1507
- width: 120px !important; // Use this is to match specific sizing
1508
- }
1509
-
1510
- &.full-width {
1527
+ &.full-width {
1511
1528
  width: 100% !important; // Use this is button width will take size of flex percentage
1512
- }
1513
- &:enabled{
1529
+ }
1530
+ &:enabled{
1514
1531
  &.mat-primary{
1515
- color:white;
1516
-
1532
+ background: mat.get-color-from-palette($arm-primary, 500);
1533
+ color: map-get($arm-primary, contrast, 900);
1517
1534
  &:hover{
1518
- background-color: mat.get-color-from-palette($arm-primary, 500);
1535
+ background-color: var(--primary-color-500-parts);
1519
1536
  }
1520
1537
  &:focus{
1521
1538
  outline: 3px solid mat.get-color-from-palette($arm-primary, 300);
1522
1539
  outline-offset: 2px !important;
1523
- }
1524
-
1540
+ }
1525
1541
  }
1526
1542
  &.mat-secondary{
1527
1543
  background: #FAFAFA !important;
@@ -1533,13 +1549,12 @@ button.sof-button-v2{
1533
1549
  outline: 3px solid mat.get-color-from-palette($arm-primary, 300);
1534
1550
  outline-offset: 2px !important;
1535
1551
  }
1536
-
1537
1552
  }
1538
1553
  &.mat-tertiary{
1539
1554
  color: var(--primary-color-contrast-50-parts);
1540
1555
  background: none !important;
1541
1556
  &:hover{
1542
- background-color: mat.get-color-from-palette($arm-primary, 500);
1557
+ background-color: transparent !important;
1543
1558
  }
1544
1559
  &:focus{
1545
1560
  outline: 3px solid mat.get-color-from-palette($arm-primary, 300);
@@ -1549,22 +1564,18 @@ button.sof-button-v2{
1549
1564
  &.mat-error{
1550
1565
  background: mat.get-color-from-palette($arm-error, 900);
1551
1566
  color: map-get($arm-error, contrast, 900);
1552
-
1553
1567
  &:hover {
1554
1568
  background-color: mat.get-color-from-palette($arm-error, 700);
1555
1569
  color: map-get($arm-error, contrast, 700);
1556
1570
  }
1557
-
1558
1571
  &:focus {
1559
1572
  outline: 3px solid mat.get-color-from-palette($arm-primary, 300);
1560
1573
  outline-offset: 2px !important;
1561
1574
  }
1562
1575
  }
1563
-
1564
1576
  }
1565
-
1566
- &:disabled {
1567
- background: #f7f7f7 !important;
1577
+ &:disabled {
1578
+ background:#fafafa!important;
1568
1579
  color:rgba(0, 0, 0, 0.6) !important;
1569
1580
  opacity: 1 !important;
1570
1581
  &:hover{
@@ -1575,89 +1586,88 @@ button.sof-button-v2{
1575
1586
  outline-offset: 2px !important;
1576
1587
  }
1577
1588
  }
1578
-
1589
+ &.no-hover-effect.mat-button.mat-primary .mat-button-focus-overlay ,
1590
+ .no-hover-effect.mat-button.mat-secondary .mat-button-focus-overlay,
1591
+ .no-hover-effect.mat-button.mat-tertiary .mat-button-focus-overlay,
1592
+ .no-hover-effect.mat-button.mat-error .mat-button-focus-overlay,
1593
+ .no-hover-effect.mat-button.mat-accent .mat-button-focus-overlay,
1594
+ .no-hover-effect.mat-button.mat-warn .mat-button-focus-overlay
1595
+ {
1596
+ background-color: transparent;
1597
+ }
1579
1598
  }
1580
1599
  button.soft-button-icon-v2{
1581
1600
  display: flex !important;
1582
- padding: 8px 16px !important;
1601
+ padding: 8px!important;
1583
1602
  border-radius: 8px !important;
1584
1603
  height: 40px !important;
1585
1604
  justify-content: center !important;
1586
1605
  align-items: center !important;
1587
1606
  gap: 8px !important;
1588
- flex: 1 0 0 !important;
1589
-
1607
+ max-width: 36px !important;
1590
1608
  &.mat-mdc-unelevated-button span.mdc-button__label.mdc-button__label{
1591
1609
  display: flex;
1592
1610
  align-items: center;
1593
1611
  font-size: 24px;
1612
+
1613
+ }
1614
+ &.mdc-button{
1615
+ min-width: 40px;
1594
1616
  }
1595
1617
 
1596
-
1597
- &.fixed-width {
1598
- max-width: 36px !important; // Use this is to match specific sizing
1599
- }
1600
- &.full-width {
1618
+ &.full-width {
1601
1619
  width: 100% !important; // Use this is button width will take size of flex percentage
1602
1620
  }
1603
1621
  &:enabled{
1604
1622
  &.mat-primary{
1605
- color:white;
1606
- border-radius: 8px !important;
1607
-
1608
- &:hover{
1609
- background-color: mat.get-color-from-palette($arm-primary, 500);
1623
+ background: mat.get-color-from-palette($arm-primary, 500);
1624
+ color: map-get($arm-error, contrast, 900);
1625
+ &:hover {
1626
+ background-color: mat.get-color-from-palette($arm-primary, 500) !important;
1627
+ color: map-get($arm-error, contrast, 700);
1610
1628
  }
1611
- &:focus{
1629
+ &:focus {
1612
1630
  outline: 3px solid mat.get-color-from-palette($arm-primary, 300);
1613
1631
  outline-offset: 2px !important;
1614
1632
  }
1615
-
1616
1633
  }
1617
1634
  &.mat-secondary{
1618
- background: #FAFAFA !important;
1635
+ background-color: #FAFAFA !important;
1619
1636
  color: var(--primary-color-contrast-50-parts);
1620
- &:hover{
1621
- background-color: mat.get-color-from-palette($arm-primary, 500);
1622
- }
1637
+ &:hover{
1638
+ background-color: #FAFAFA !important;
1639
+ color: var(--primary-color-contrast-50-parts) !important;
1640
+ }
1623
1641
  &:focus{
1624
1642
  outline: 3px solid mat.get-color-from-palette($arm-primary, 300);
1625
1643
  outline-offset: 2px !important;
1626
1644
  }
1627
-
1628
1645
  }
1629
1646
  &.mat-tertiary{
1630
1647
  color: var(--primary-color-contrast-50-parts);
1631
- background: none !important;
1632
- &:hover{
1633
- background-color: mat.get-color-from-palette($arm-primary, 500);
1634
- }
1648
+ background: transparent !important;
1635
1649
  &:focus{
1636
1650
  outline: 3px solid mat.get-color-from-palette($arm-primary, 300);
1637
1651
  outline-offset: 2px !important;
1638
1652
  }
1639
1653
  }
1640
1654
  &.mat-error{
1641
- background: mat.get-color-from-palette($arm-error, 900);
1642
- color: map-get($arm-error, contrast, 900);
1643
-
1644
- &:hover {
1645
- background-color: mat.get-color-from-palette($arm-error, 700);
1646
- color: map-get($arm-error, contrast, 700);
1647
- }
1648
-
1649
- &:focus {
1650
- outline: 3px solid mat.get-color-from-palette($arm-primary, 300);
1651
- outline-offset: 2px !important;
1652
- }
1655
+ background: mat.get-color-from-palette($arm-error, 900);
1656
+ color: map-get($arm-error, contrast, 900);
1657
+ &:hover {
1658
+ background-color: mat.get-color-from-palette($arm-error, 700);
1659
+ color: map-get($arm-error, contrast, 700);
1660
+ }
1661
+ &:focus {
1662
+ outline: 3px solid mat.get-color-from-palette($arm-primary, 300);
1663
+ outline-offset: 2px !important;
1664
+ }
1653
1665
  }
1654
1666
  }
1655
-
1656
1667
  &:disabled {
1657
- background: #f7f7f7 !important;
1668
+ background: #fafafa !important;
1658
1669
  color:rgba(0, 0, 0, 0.6) !important;
1659
1670
  opacity: 1 !important;
1660
-
1661
1671
  &:hover{
1662
1672
  background-color: mat.get-color-from-palette($arm-primary, 500);
1663
1673
  }
@@ -1667,8 +1677,6 @@ button.soft-button-icon-v2{
1667
1677
  }
1668
1678
  }
1669
1679
  }
1670
-
1671
-
1672
1680
  mat-card {
1673
1681
  &.mat-mdc-card.item-list {
1674
1682
  box-shadow: 0px 1px 7px rgb(166 159 159 / 25%) !important;
@@ -1678,7 +1686,6 @@ mat-card {
1678
1686
  padding: 0px !important;
1679
1687
  }
1680
1688
  }
1681
-
1682
1689
  .mat-mdc-dialog-title {
1683
1690
  font-family: Merriweather, serif !important;
1684
1691
  font-style: normal !important;
@@ -37,7 +37,7 @@ export class SofProgressBarComponent {
37
37
  * @param stepNumber The step number to navigate to
38
38
  */
39
39
  navigateToStep(stepNumber) {
40
- if (stepNumber < this.stepActive) {
40
+ if (stepNumber <= this.stepActive) {
41
41
  this.router.navigateByUrl(this.navbarStepKeys[stepNumber]);
42
42
  }
43
43
  }
@@ -64,11 +64,11 @@ export class SofProgressBarComponent {
64
64
  this.navbarTitles = tempTitlesArray;
65
65
  }
66
66
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofProgressBarComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
67
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: SofProgressBarComponent, selector: "sof-progress-bar", inputs: { navbarStepKeys: "navbarStepKeys", stepActive: "stepActive", progressBarType: "progressBarType" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"progressBarType ==='slider'\">\r\n <div class=\"shopping-navbar\"\r\n [ngStyle]=\"{'background': 'linear-gradient(to right, #407BFF ' \r\n + (stepActive + 1) / navbarStepKeys.length * 100 + '%, #f0f0f0 ' + (stepActive + 1) / navbarStepKeys.length * 100 + '%)'}\">\r\n </div>\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"12%\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\">\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i === stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm>\r\n <mat-select class=\"step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\">\r\n <mat-option *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"progressBarType ==='dot'\">\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5%\">\r\n <div *ngFor=\"let step of navbarStepKeys; let i = index\" (keydown.enter)=\"navigateToStep(i)\"\r\n (click)=\"navigateToStep(i)\" fxLayout=\"row\" fxLayoutGap=\"3px\" tabindex=\"0\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\">\r\n <div>\r\n <span *ngIf=\"i >= stepActive\" class=\"dot\" [ngClass]=\"{ 'dot-active': i === stepActive }\"\r\n [attr.aria-label]=\"i === stepActive ? ('armature.sof-progress-bar.step-labels.in-progress'|translate):('armature.sof-progress-bar.step-labels.not-done'|translate)\">\r\n </span>\r\n <span *ngIf=\"i < stepActive\">\r\n <i class=\"fas fa-check-circle dot-done\" color=\"primary\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n </span>\r\n </div>\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i === stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm fxLayout=\"row\">\r\n <div class=\"dot-mobile\"></div>\r\n <mat-select class=\"sof-stepper step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\" (selectionChange)=\"navigateTo($event.value)\">\r\n <mat-option fxHide.gt-sm *ngFor=\"let step of navbarStepKeys; let i = index\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n <div class=\"dot\" [ngClass]=\"{ 'dot-active': i === stepActive, 'dot-done': i < stepActive}\"></div>\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}@media not screen and (max-width: 959px){.shopping-navbar{height:8px}}.step-titles{padding-top:20px;padding-bottom:20px;margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-titles-mobile{height:48px!important;padding-top:10px;padding-bottom:10px;background-color:var(--primary-color-50-parts)}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{font-weight:700;padding-left:50px;padding-right:20px}.step-titles-mobile:focus{background-color:var(--primary-color-100-parts)}.step-active{font-weight:700}.step-done{color:#000;cursor:pointer;font-weight:700}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{background:#edf4ff!important;margin-top:58px!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option .mdc-list-item--disabled{color:#000;opacity:60%}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value span.mat-mdc-select-value-text{font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important;color:#000000de!important}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value{padding-top:12px!important}.dot{height:6px;width:6px;background-color:#fff;border:2px solid #979797;display:inline-block;border-radius:50%;align-self:center}@media only screen and (max-width: 959px){.dot{margin-right:20px}}.dot-mobile{position:absolute;height:8px;width:8px;border:none;border-radius:50%;display:inline-block;background-color:var(--primary-color-500-parts);margin-left:17px;margin-top:30px}.dot-active{height:8px;width:8px;background-color:var(--primary-color-500-parts);border:none;align-self:center}.dot-done{width:16px;height:16px;line-height:16px;border:none;align-self:center;color:var(--primary-color-500-parts);font-size:12px;font-weight:900;text-align:center;position:relative;margin-left:3px}@media only screen and (max-width: 959px){.dot-done{height:10px;width:10px;border:none;vertical-align:baseline;background-color:var(--primary-color-500-parts)}.dot-done:before{content:\"\"}.dot-done:after{content:\"\";z-index:-1}}.step-title{margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-title-active{color:#000000de!important}.step-title-not-reached{color:#0009!important}.step-title-done{color:var(--primary-color-500-parts)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
67
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: SofProgressBarComponent, selector: "sof-progress-bar", inputs: { navbarStepKeys: "navbarStepKeys", stepActive: "stepActive", progressBarType: "progressBarType" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"progressBarType === 'slider'\">\r\n <div class=\"shopping-navbar\"\r\n [ngStyle]=\"{'background': 'linear-gradient(to right, #407BFF ' \r\n + (stepActive + 1) / navbarStepKeys.length * 100 + '%, #f0f0f0 ' + (stepActive + 1) / navbarStepKeys.length * 100 + '%)'}\">\r\n </div>\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"12%\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"i <= stepActive ? navigateToStep(i) : null\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\">\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i === stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\"\r\n [attr.role]=\"i < stepActive ? 'button' : null\" [attr.aria-pressed]=\"null\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm>\r\n <mat-select class=\"step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\">\r\n <mat-option *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"i <= stepActive ? navigateToStep(i) : null\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"progressBarType === 'dot'\">\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5%\">\r\n <div *ngFor=\"let step of navbarStepKeys; let i = index\" (keydown.enter)=\"i <= stepActive ? navigateToStep(i) : null\"\r\n (click)=\"i <= stepActive ? navigateToStep(i) : null\" fxLayout=\"row\" fxLayoutGap=\"3px\" tabindex=\"0\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\">\r\n <div>\r\n <span *ngIf=\"i >= stepActive\" class=\"dot\" [ngClass]=\"{ 'dot-active': i === stepActive }\"\r\n [attr.aria-label]=\"i === stepActive ? ('armature.sof-progress-bar.step-labels.in-progress'|translate):('armature.sof-progress-bar.step-labels.not-done'|translate)\">\r\n </span>\r\n <span *ngIf=\"i < stepActive\">\r\n <i class=\"fas fa-check-circle dot-done\" color=\"primary\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n </span>\r\n </div>\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i === stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\"\r\n [attr.role]=\"i < stepActive ? 'button' : null\" [attr.aria-pressed]=\"null\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm fxLayout=\"row\">\r\n <div class=\"dot-mobile\"></div>\r\n <mat-select class=\"sof-stepper step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\" (selectionChange)=\"navigateTo($event.value)\">\r\n <mat-option fxHide.gt-sm *ngFor=\"let step of navbarStepKeys; let i = index\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n <div class=\"dot\" [ngClass]=\"{ 'dot-active': i === stepActive, 'dot-done': i < stepActive}\"></div>\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}@media not screen and (max-width: 959px){.shopping-navbar{height:8px}}.step-titles{padding-top:20px;padding-bottom:20px;margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-titles-mobile{height:48px!important;padding-top:10px;padding-bottom:10px;background-color:var(--primary-color-50-parts)}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{font-weight:700;padding-left:50px;padding-right:20px}.step-titles-mobile:focus{background-color:var(--primary-color-100-parts)}.step-active{font-weight:700}.step-done{color:#000;cursor:pointer;font-weight:700}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{background:#edf4ff!important;margin-top:58px!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option .mdc-list-item--disabled{color:#000;opacity:60%}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value span.mat-mdc-select-value-text{font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important;color:#000000de!important}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value{padding-top:12px!important}.dot{height:6px;width:6px;background-color:#fff;border:2px solid #979797;display:inline-block;border-radius:50%;align-self:center}@media only screen and (max-width: 959px){.dot{margin-right:20px}}.dot-mobile{position:absolute;height:8px;width:8px;border:none;border-radius:50%;display:inline-block;background-color:var(--primary-color-500-parts);margin-left:17px;margin-top:30px}.dot-active{height:8px;width:8px;background-color:var(--primary-color-500-parts);border:none;align-self:center}.dot-done{width:16px;height:16px;line-height:16px;border:none;align-self:center;color:var(--primary-color-500-parts);font-size:12px;font-weight:900;text-align:center;position:relative;margin-left:3px}@media only screen and (max-width: 959px){.dot-done{height:10px;width:10px;border:none;vertical-align:baseline;background-color:var(--primary-color-500-parts)}.dot-done:before{content:\"\"}.dot-done:after{content:\"\";z-index:-1}}.step-title{margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-title-active{color:#000000de!important}.step-title-not-reached{color:#0009!important}.step-title-done{color:var(--primary-color-500-parts)!important}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: " [fxShow], [fxShow.print], [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl], [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl], [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg], [fxHide], [fxHide.print], [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl], [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl], [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i4.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i5.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
68
68
  }
69
69
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SofProgressBarComponent, decorators: [{
70
70
  type: Component,
71
- args: [{ selector: 'sof-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"progressBarType ==='slider'\">\r\n <div class=\"shopping-navbar\"\r\n [ngStyle]=\"{'background': 'linear-gradient(to right, #407BFF ' \r\n + (stepActive + 1) / navbarStepKeys.length * 100 + '%, #f0f0f0 ' + (stepActive + 1) / navbarStepKeys.length * 100 + '%)'}\">\r\n </div>\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"12%\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\">\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i === stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm>\r\n <mat-select class=\"step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\">\r\n <mat-option *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"navigateToStep(i)\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"progressBarType ==='dot'\">\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5%\">\r\n <div *ngFor=\"let step of navbarStepKeys; let i = index\" (keydown.enter)=\"navigateToStep(i)\"\r\n (click)=\"navigateToStep(i)\" fxLayout=\"row\" fxLayoutGap=\"3px\" tabindex=\"0\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\">\r\n <div>\r\n <span *ngIf=\"i >= stepActive\" class=\"dot\" [ngClass]=\"{ 'dot-active': i === stepActive }\"\r\n [attr.aria-label]=\"i === stepActive ? ('armature.sof-progress-bar.step-labels.in-progress'|translate):('armature.sof-progress-bar.step-labels.not-done'|translate)\">\r\n </span>\r\n <span *ngIf=\"i < stepActive\">\r\n <i class=\"fas fa-check-circle dot-done\" color=\"primary\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n </span>\r\n </div>\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i === stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm fxLayout=\"row\">\r\n <div class=\"dot-mobile\"></div>\r\n <mat-select class=\"sof-stepper step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\" (selectionChange)=\"navigateTo($event.value)\">\r\n <mat-option fxHide.gt-sm *ngFor=\"let step of navbarStepKeys; let i = index\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n <div class=\"dot\" [ngClass]=\"{ 'dot-active': i === stepActive, 'dot-done': i < stepActive}\"></div>\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}@media not screen and (max-width: 959px){.shopping-navbar{height:8px}}.step-titles{padding-top:20px;padding-bottom:20px;margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-titles-mobile{height:48px!important;padding-top:10px;padding-bottom:10px;background-color:var(--primary-color-50-parts)}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{font-weight:700;padding-left:50px;padding-right:20px}.step-titles-mobile:focus{background-color:var(--primary-color-100-parts)}.step-active{font-weight:700}.step-done{color:#000;cursor:pointer;font-weight:700}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{background:#edf4ff!important;margin-top:58px!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option .mdc-list-item--disabled{color:#000;opacity:60%}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value span.mat-mdc-select-value-text{font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important;color:#000000de!important}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value{padding-top:12px!important}.dot{height:6px;width:6px;background-color:#fff;border:2px solid #979797;display:inline-block;border-radius:50%;align-self:center}@media only screen and (max-width: 959px){.dot{margin-right:20px}}.dot-mobile{position:absolute;height:8px;width:8px;border:none;border-radius:50%;display:inline-block;background-color:var(--primary-color-500-parts);margin-left:17px;margin-top:30px}.dot-active{height:8px;width:8px;background-color:var(--primary-color-500-parts);border:none;align-self:center}.dot-done{width:16px;height:16px;line-height:16px;border:none;align-self:center;color:var(--primary-color-500-parts);font-size:12px;font-weight:900;text-align:center;position:relative;margin-left:3px}@media only screen and (max-width: 959px){.dot-done{height:10px;width:10px;border:none;vertical-align:baseline;background-color:var(--primary-color-500-parts)}.dot-done:before{content:\"\"}.dot-done:after{content:\"\";z-index:-1}}.step-title{margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-title-active{color:#000000de!important}.step-title-not-reached{color:#0009!important}.step-title-done{color:var(--primary-color-500-parts)!important}\n"] }]
71
+ args: [{ selector: 'sof-progress-bar', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"progressBarType === 'slider'\">\r\n <div class=\"shopping-navbar\"\r\n [ngStyle]=\"{'background': 'linear-gradient(to right, #407BFF ' \r\n + (stepActive + 1) / navbarStepKeys.length * 100 + '%, #f0f0f0 ' + (stepActive + 1) / navbarStepKeys.length * 100 + '%)'}\">\r\n </div>\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"12%\">\r\n <div fxLayout=\"row\" fxLayoutGap=\"3px\" *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"i <= stepActive ? navigateToStep(i) : null\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\">\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i === stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\"\r\n [attr.role]=\"i < stepActive ? 'button' : null\" [attr.aria-pressed]=\"null\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm>\r\n <mat-select class=\"step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\">\r\n <mat-option *ngFor=\"let step of navbarStepKeys; let i = index\" (click)=\"i <= stepActive ? navigateToStep(i) : null\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>\r\n<ng-container *ngIf=\"progressBarType === 'dot'\">\r\n <div fxHide.lt-md class=\"step-titles center\" fxLayout=\"row\" fxLayoutAlign=\"center\" fxLayoutGap=\"5%\">\r\n <div *ngFor=\"let step of navbarStepKeys; let i = index\" (keydown.enter)=\"i <= stepActive ? navigateToStep(i) : null\"\r\n (click)=\"i <= stepActive ? navigateToStep(i) : null\" fxLayout=\"row\" fxLayoutGap=\"3px\" tabindex=\"0\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\">\r\n <div>\r\n <span *ngIf=\"i >= stepActive\" class=\"dot\" [ngClass]=\"{ 'dot-active': i === stepActive }\"\r\n [attr.aria-label]=\"i === stepActive ? ('armature.sof-progress-bar.step-labels.in-progress'|translate):('armature.sof-progress-bar.step-labels.not-done'|translate)\">\r\n </span>\r\n <span *ngIf=\"i < stepActive\">\r\n <i class=\"fas fa-check-circle dot-done\" color=\"primary\" [title]=\"'armature.sof-progress-bar.step-labels.complete' | translate\"></i>\r\n </span>\r\n </div>\r\n <div class=\"step-title\"\r\n [ngClass]=\"{ 'step-title-active': i === stepActive, 'step-title-done': i < stepActive, 'step-title-not-reached': i > stepActive}\"\r\n [attr.role]=\"i < stepActive ? 'button' : null\" [attr.aria-pressed]=\"null\">\r\n {{ navbarTitles[i] | translate }}\r\n </div>\r\n </div>\r\n </div>\r\n <div fxHide.gt-sm fxLayout=\"row\">\r\n <div class=\"dot-mobile\"></div>\r\n <mat-select class=\"sof-stepper step-titles-mobile\" disableOptionCentering panelClass=\"step-option\"\r\n [value]=\"navbarStepKeys[stepActive]\" (selectionChange)=\"navigateTo($event.value)\">\r\n <mat-option fxHide.gt-sm *ngFor=\"let step of navbarStepKeys; let i = index\"\r\n [ngClass]=\"{ 'step-active': i === stepActive, 'step-done': i < stepActive}\" [disabled]=\"i > stepActive\"\r\n [value]=\"step\">\r\n <div class=\"dot\" [ngClass]=\"{ 'dot-active': i === stepActive, 'dot-done': i < stepActive}\"></div>\r\n {{ navbarTitles[i] | translate }}\r\n </mat-option>\r\n </mat-select>\r\n </div>\r\n</ng-container>", styles: [":root{--primary-color-50-parts: #edf4ff;--primary-color-100-parts: #b9d4fc;--primary-color-200-parts: #8ab7fb;--primary-color-300-parts: #5b9af9;--primary-color-400-parts: #3784f7;--primary-color-500-parts: #146ef6;--primary-color-600-parts: #1266f5;--primary-color-700-parts: #0e5bf3;--primary-color-800-parts: #0b51f2;--primary-color-900-parts: #063fef;--primary-color-A100-parts: #ffffff;--primary-color-A200-parts: #e4e9ff;--primary-color-A400-parts: #b1c0ff;--primary-color-A700-parts: #97acff;--primary-color-contrast-50-parts: rgba(0, 0, 0, .87);--primary-color-contrast-100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-300-parts: rgba(0, 0, 0, .87);--primary-color-contrast-400-parts: rgba(255, 255, 255, 1);--primary-color-contrast-500-parts: rgba(255, 255, 255, 1);--primary-color-contrast-600-parts: rgba(255, 255, 255, 1);--primary-color-contrast-700-parts: rgba(255, 255, 255, 1);--primary-color-contrast-800-parts: rgba(255, 255, 255, 1);--primary-color-contrast-900-parts: rgba(255, 255, 255, 1);--primary-color-contrast-A100-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A200-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A400-parts: rgba(0, 0, 0, .87);--primary-color-contrast-A700-parts: rgba(0, 0, 0, .87);--primary-color-50-parts-rgb: 237, 244, 255;--primary-color-100-parts-rgb: 185, 212, 252;--primary-color-200-parts-rgb: 138, 183, 251;--primary-color-300-parts-rgb: 91, 154, 249;--primary-color-400-parts-rgb: 55, 132, 247;--primary-color-500-parts-rgb: 20, 110, 246;--primary-color-600-parts-rgb: 18, 102, 245;--primary-color-700-parts-rgb: 14, 91, 243;--primary-color-800-parts-rgb: 11, 81, 242;--primary-color-900-parts-rgb: 6, 63, 239;--primary-color-A100-parts-rgb: 255, 255, 255;--primary-color-A200-parts-rgb: 228, 233, 255;--primary-color-A400-parts-rgb: 177, 192, 255;--primary-color-A700-parts-rgb: 151, 172, 255;--accent-color-50-parts: #e0f2f1;--accent-color-100-parts: #b2dfdb;--accent-color-200-parts: #80cbc4;--accent-color-300-parts: #4db6ac;--accent-color-400-parts: #26a69a;--accent-color-500-parts: #009688;--accent-color-600-parts: #00897b;--accent-color-700-parts: #00796b;--accent-color-800-parts: #00695c;--accent-color-900-parts: #004d40;--accent-color-A100-parts: #a7ffeb;--accent-color-A200-parts: #64ffda;--accent-color-A400-parts: #1de9b6;--accent-color-A700-parts: #00bfa5;--accent-color-contrast-50-parts: #000000;--accent-color-contrast-100-parts: #000000;--accent-color-contrast-200-parts: #000000;--accent-color-contrast-300-parts: #000000;--accent-color-contrast-400-parts: #000000;--accent-color-contrast-500-parts: #ffffff;--accent-color-contrast-600-parts: #ffffff;--accent-color-contrast-700-parts: #ffffff;--accent-color-contrast-800-parts: #ffffff;--accent-color-contrast-900-parts: #ffffff;--accent-color-contrast-A100-parts: #000000;--accent-color-contrast-A200-parts: #000000;--accent-color-contrast-A400-parts: #000000;--accent-color-contrast-A700-parts: #000000;--accent-color-50-parts-rgb: 224, 242, 241;--accent-color-100-parts-rgb: 178, 223, 219;--accent-color-200-parts-rgb: 128, 203, 196;--accent-color-300-parts-rgb: 77, 182, 172;--accent-color-400-parts-rgb: 38, 166, 154;--accent-color-500-parts-rgb: 0, 150, 136;--accent-color-600-parts-rgb: 0, 137, 123;--accent-color-700-parts-rgb: 0, 121, 107;--accent-color-800-parts-rgb: 0, 105, 92;--accent-color-900-parts-rgb: 0, 77, 64;--accent-color-A100-parts-rgb: 167, 255, 235;--accent-color-A200-parts-rgb: 100, 255, 218;--accent-color-A400-parts-rgb: 29, 233, 182;--accent-color-A700-parts-rgb: 0, 191, 165;--warn-color-50-parts: #fdf3e7;--warn-color-100-parts: #fbe1c3;--warn-color-200-parts: #f9ce9c;--warn-color-300-parts: #f6ba74;--warn-color-400-parts: #f4ab56;--warn-color-500-parts: #f29c38;--warn-color-600-parts: #f09432;--warn-color-700-parts: #ee8a2b;--warn-color-800-parts: #ec8024;--warn-color-900-parts: #e86e17;--warn-color-A100-parts: #ffffff;--warn-color-A200-parts: #fff0e6;--warn-color-A400-parts: #ffd0b3;--warn-color-A700-parts: #ffc19a;--warn-color-contrast-50-parts: rgba(0, 0, 0, .87);--warn-color-contrast-100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-300-parts: rgba(0, 0, 0, .87);--warn-color-contrast-400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-500-parts: rgba(0, 0, 0, .87);--warn-color-contrast-600-parts: rgba(0, 0, 0, .87);--warn-color-contrast-700-parts: rgba(0, 0, 0, .87);--warn-color-contrast-800-parts: rgba(0, 0, 0, .87);--warn-color-contrast-900-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A100-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A200-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A400-parts: rgba(0, 0, 0, .87);--warn-color-contrast-A700-parts: rgba(0, 0, 0, .87);--warn-color-50-parts-rgb: 253, 243, 231;--warn-color-100-parts-rgb: 251, 225, 195;--warn-color-200-parts-rgb: 249, 206, 156;--warn-color-300-parts-rgb: 246, 186, 116;--warn-color-400-parts-rgb: 244, 171, 86;--warn-color-500-parts-rgb: 242, 156, 56;--warn-color-600-parts-rgb: 240, 148, 50;--warn-color-700-parts-rgb: 238, 138, 43;--warn-color-800-parts-rgb: 236, 128, 36;--warn-color-900-parts-rgb: 232, 110, 23;--warn-color-A100-parts-rgb: 255, 255, 255;--warn-color-A200-parts-rgb: 255, 240, 230;--warn-color-A400-parts-rgb: 255, 208, 179;--warn-color-A700-parts-rgb: 255, 193, 154;--info-color-50-parts: #e7f3fb;--info-color-100-parts: #c2e0f4;--info-color-200-parts: #9acced;--info-color-300-parts: #71b7e6;--info-color-400-parts: #52a7e0;--info-color-500-parts: #3498db;--info-color-600-parts: #2f90d7;--info-color-700-parts: #2785d2;--info-color-800-parts: #217bcd;--info-color-900-parts: #156ac4;--info-color-A100-parts: #f5f9ff;--info-color-A200-parts: #c2ddff;--info-color-A400-parts: #8fc1ff;--info-color-A700-parts: #75b3ff;--info-color-contrast-50-parts: rgba(0, 0, 0, .87);--info-color-contrast-100-parts: rgba(0, 0, 0, .87);--info-color-contrast-200-parts: rgba(0, 0, 0, .87);--info-color-contrast-300-parts: rgba(0, 0, 0, .87);--info-color-contrast-400-parts: rgba(255, 255, 255, 1);--info-color-contrast-500-parts: rgba(255, 255, 255, 1);--info-color-contrast-600-parts: rgba(255, 255, 255, 1);--info-color-contrast-700-parts: rgba(255, 255, 255, 1);--info-color-contrast-800-parts: rgba(255, 255, 255, 1);--info-color-contrast-900-parts: rgba(255, 255, 255, 1);--info-color-contrast-A100-parts: rgba(0, 0, 0, .87);--info-color-contrast-A200-parts: rgba(0, 0, 0, .87);--info-color-contrast-A400-parts: rgba(0, 0, 0, .87);--info-color-contrast-A700-parts: rgba(0, 0, 0, .87);--info-color-50-parts-rgb: 231, 243, 251;--info-color-100-parts-rgb: 194, 224, 244;--info-color-200-parts-rgb: 154, 204, 237;--info-color-300-parts-rgb: 113, 183, 230;--info-color-400-parts-rgb: 82, 167, 224;--info-color-500-parts-rgb: 52, 152, 219;--info-color-600-parts-rgb: 47, 144, 215;--info-color-700-parts-rgb: 39, 133, 210;--info-color-800-parts-rgb: 33, 123, 205;--info-color-900-parts-rgb: 21, 106, 196;--info-color-A100-parts-rgb: 245, 249, 255;--info-color-A200-parts-rgb: 194, 221, 255;--info-color-A400-parts-rgb: 143, 193, 255;--info-color-A700-parts-rgb: 117, 179, 255;--success-color-50-parts: #edf5eb;--success-color-100-parts: #d1e6ce;--success-color-200-parts: #b3d6ae;--success-color-300-parts: #95c58d;--success-color-400-parts: #7eb874;--success-color-500-parts: #67ac5c;--success-color-600-parts: #5fa554;--success-color-700-parts: #549b4a;--success-color-800-parts: #4a9241;--success-color-900-parts: #398230;--success-color-A100-parts: #d0ffcb;--success-color-A200-parts: #a2ff98;--success-color-A400-parts: #74ff65;--success-color-A700-parts: #5dff4c;--success-color-contrast-50-parts: rgba(0, 0, 0, .87);--success-color-contrast-100-parts: rgba(0, 0, 0, .87);--success-color-contrast-200-parts: rgba(0, 0, 0, .87);--success-color-contrast-300-parts: rgba(0, 0, 0, .87);--success-color-contrast-400-parts: rgba(0, 0, 0, .87);--success-color-contrast-500-parts: rgba(0, 0, 0, .87);--success-color-contrast-600-parts: rgba(0, 0, 0, .87);--success-color-contrast-700-parts: rgba(255, 255, 255, 1);--success-color-contrast-800-parts: rgba(255, 255, 255, 1);--success-color-contrast-900-parts: rgba(255, 255, 255, 1);--success-color-contrast-A100-parts: rgba(0, 0, 0, .87);--success-color-contrast-A200-parts: rgba(0, 0, 0, .87);--success-color-contrast-A400-parts: rgba(0, 0, 0, .87);--success-color-contrast-A700-parts: rgba(0, 0, 0, .87);--success-color-50-parts-rgb: 237, 245, 235;--success-color-100-parts-rgb: 209, 230, 206;--success-color-200-parts-rgb: 179, 214, 174;--success-color-300-parts-rgb: 149, 197, 141;--success-color-400-parts-rgb: 126, 184, 116;--success-color-500-parts-rgb: 103, 172, 92;--success-color-600-parts-rgb: 95, 165, 84;--success-color-700-parts-rgb: 84, 155, 74;--success-color-800-parts-rgb: 74, 146, 65;--success-color-900-parts-rgb: 57, 130, 48;--success-color-A100-parts-rgb: 208, 255, 203;--success-color-A200-parts-rgb: 162, 255, 152;--success-color-A400-parts-rgb: 116, 255, 101;--success-color-A700-parts-rgb: 93, 255, 76;--error-color-50-parts: #fceae8;--error-color-100-parts: #f8c9c5;--error-color-200-parts: #f3a69e;--error-color-300-parts: #ee8277;--error-color-400-parts: #eb6759;--error-color-500-parts: #e74c3c;--error-color-600-parts: #e44536;--error-color-700-parts: #e03c2e;--error-color-800-parts: #dd3327;--error-color-900-parts: #d7241a;--error-color-A100-parts: #ffffff;--error-color-A200-parts: #ffd9d7;--error-color-A400-parts: #ffa8a4;--error-color-A700-parts: #ff8f8b;--error-color-contrast-50-parts: rgba(0, 0, 0, .87);--error-color-contrast-100-parts: rgba(0, 0, 0, .87);--error-color-contrast-200-parts: rgba(0, 0, 0, .87);--error-color-contrast-300-parts: rgba(0, 0, 0, .87);--error-color-contrast-400-parts: rgba(0, 0, 0, .87);--error-color-contrast-500-parts: rgba(255, 255, 255, 1);--error-color-contrast-600-parts: rgba(255, 255, 255, 1);--error-color-contrast-700-parts: rgba(255, 255, 255, 1);--error-color-contrast-800-parts: rgba(255, 255, 255, 1);--error-color-contrast-900-parts: rgba(255, 255, 255, 1);--error-color-contrast-A100-parts: rgba(0, 0, 0, .87);--error-color-contrast-A200-parts: rgba(0, 0, 0, .87);--error-color-contrast-A400-parts: rgba(0, 0, 0, .87);--error-color-contrast-A700-parts: rgba(0, 0, 0, .87);--error-color-50-parts-rgb: 252, 234, 232;--error-color-100-parts-rgb: 248, 201, 197;--error-color-200-parts-rgb: 248, 201, 197;--error-color-300-parts-rgb: 238, 130, 119;--error-color-400-parts-rgb: 235, 103, 89;--error-color-500-parts-rgb: 231, 76, 60;--error-color-600-parts-rgb: 228, 69, 54;--error-color-700-parts-rgb: 224, 60, 46;--error-color-800-parts-rgb: 221, 51, 39;--error-color-900-parts-rgb: 215, 36, 26;--error-color-A100-parts-rgb: 255, 255, 255;--error-color-A200-parts-rgb: 255, 217, 215;--error-color-A400-parts-rgb: 255, 168, 164;--error-color-A700-parts-rgb: 255, 143, 139;--neutral-color-50-parts: #e9e9e9;--neutral-color-100-parts: #dddddd;--neutral-color-200-parts: #cccccc;--neutral-color-300-parts: #b0b0b0;--neutral-color-400-parts: #909090;--neutral-color-500-parts: #515151;--neutral-color-600-parts: #424242;--neutral-color-700-parts: #333333;--neutral-color-800-parts: #212121;--neutral-color-900-parts: #141414;--neutral-color-A100-parts: #ffffff;--neutral-color-A200-parts: #ffffff;--neutral-color-A400-parts: #ffffff;--neutral-color-A700-parts: #ffffff;--neutral-color-contrast-50-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-300-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-500-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-600-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-700-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-800-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-900-parts: rgba(255, 255, 255, 1);--neutral-color-contrast-A100-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A200-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A400-parts: rgba(0, 0, 0, .87);--neutral-color-contrast-A700-parts: rgba(0, 0, 0, .87);--neutral-color-50-parts-rgb: 233, 233, 233;--neutral-color-100-parts-rgb: 221, 221, 221;--neutral-color-200-parts-rgb: 204, 204, 204;--neutral-color-300-parts-rgb: 176, 176, 176;--neutral-color-400-parts-rgb: 144, 144, 144;--neutral-color-500-parts-rgb: 81, 81, 81;--neutral-color-600-parts-rgb: 66, 66, 66;--neutral-color-700-parts-rgb: 51, 51, 51;--neutral-color-800-parts-rgb: 33, 33, 33;--neutral-color-900-parts-rgb: 20, 20, 20;--neutral-color-A100-parts-rgb: 255, 255, 255;--neutral-color-A200-parts-rgb: 255, 255, 255;--neutral-color-A400-parts-rgb: 255, 255, 255;--neutral-color-A700-parts-rgb: 255, 255, 255}@media not screen and (max-width: 959px){.shopping-navbar{height:8px}}.step-titles{padding-top:20px;padding-bottom:20px;margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-titles-mobile{height:48px!important;padding-top:10px;padding-bottom:10px;background-color:var(--primary-color-50-parts)}.step-titles-mobile ::ng-deep .mat-mdc-select-trigger{font-weight:700;padding-left:50px;padding-right:20px}.step-titles-mobile:focus{background-color:var(--primary-color-100-parts)}.step-active{font-weight:700}.step-done{color:#000;cursor:pointer;font-weight:700}::ng-deep .cdk-overlay-container .cdk-overlay-pane{transform:none!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option{background:#edf4ff!important;margin-top:58px!important}::ng-deep .cdk-overlay-container .cdk-overlay-pane .step-option .mdc-list-item--disabled{color:#000;opacity:60%}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value span.mat-mdc-select-value-text{font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important;color:#000000de!important}::ng-deep mat-select.sof-stepper div.mat-mdc-select-value{padding-top:12px!important}.dot{height:6px;width:6px;background-color:#fff;border:2px solid #979797;display:inline-block;border-radius:50%;align-self:center}@media only screen and (max-width: 959px){.dot{margin-right:20px}}.dot-mobile{position:absolute;height:8px;width:8px;border:none;border-radius:50%;display:inline-block;background-color:var(--primary-color-500-parts);margin-left:17px;margin-top:30px}.dot-active{height:8px;width:8px;background-color:var(--primary-color-500-parts);border:none;align-self:center}.dot-done{width:16px;height:16px;line-height:16px;border:none;align-self:center;color:var(--primary-color-500-parts);font-size:12px;font-weight:900;text-align:center;position:relative;margin-left:3px}@media only screen and (max-width: 959px){.dot-done{height:10px;width:10px;border:none;vertical-align:baseline;background-color:var(--primary-color-500-parts)}.dot-done:before{content:\"\"}.dot-done:after{content:\"\";z-index:-1}}.step-title{margin-left:16px!important;font-family:Poppins,sans-serif!important;font-size:16px!important;font-style:normal!important;font-weight:600!important;line-height:24px!important;letter-spacing:.25px!important}.step-title-active{color:#000000de!important}.step-title-not-reached{color:#0009!important}.step-title-done{color:var(--primary-color-500-parts)!important}\n"] }]
72
72
  }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { navbarStepKeys: [{
73
73
  type: Input
74
74
  }], stepActive: [{
@@ -76,4 +76,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
76
76
  }], progressBarType: [{
77
77
  type: Input
78
78
  }] } });
79
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLXByb2dyZXNzLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcm1hdHVyZS9zcmMvbGliL2Jhc2UtY29tcG9uZW50cy9zb2YtcHJvZ3Jlc3MtYmFyL3NvZi1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLXByb2dyZXNzLWJhci9zb2YtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFvQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBRzVHLDBDQUEwQztBQU8xQyxNQUFNLE9BQU8sdUJBQXVCO0lBY2xDOzs7T0FHRztJQUNILFlBQ1UsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFsQnhCLGdDQUFnQztRQUNoQixtQkFBYyxHQUFrQixFQUFFLENBQUM7UUFFbkQsOEJBQThCO1FBQ2QsZUFBVSxHQUFXLENBQUMsQ0FBQyxDQUFDO1FBRXhDLCtCQUErQjtRQUNmLG9CQUFlLEdBQVcsS0FBSyxDQUFDO0lBWTVDLENBQUM7SUFFTCwrQkFBK0I7SUFDeEIsUUFBUTtRQUNiLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksV0FBVyxDQUFDLE9BQXNCO1FBQ3ZDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQ7O09BRUc7SUFDSSxjQUFjLENBQUMsVUFBa0I7UUFDdEMsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNoQyxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7U0FDNUQ7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSSxVQUFVLENBQUMsSUFBWTtRQUM1QixJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQ7T0FDRztJQUNJLGVBQWU7UUFDcEIsSUFBSSxlQUFlLEdBQWtCLEVBQUUsQ0FBQztRQUN4QyxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNoQyxJQUFJLFFBQVEsR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQzlCLElBQUksZUFBZSxHQUFHLGtDQUFrQyxDQUFDO1lBQ3pELFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUU7Z0JBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRTtvQkFDWCxlQUFlLEdBQUcsR0FBRyxlQUFlLElBQUksSUFBSSxFQUFFLENBQUM7aUJBQ2hEO1lBQ0gsQ0FBQyxDQUFDLENBQUM7WUFDSCxlQUFlLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ3hDLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFlBQVksR0FBRyxlQUFlLENBQUM7SUFDdEMsQ0FBQzs4R0FsRVUsdUJBQXVCO2tHQUF2Qix1QkFBdUIseUxDVnBDLCs0R0F3RGU7OzJGRDlDRix1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0Usa0JBQWtCLG1CQUNYLHVCQUF1QixDQUFDLE1BQU07MkVBTS9CLGNBQWM7c0JBQTdCLEtBQUs7Z0JBR1UsVUFBVTtzQkFBekIsS0FBSztnQkFHVSxlQUFlO3NCQUE5QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcblxyXG4vKiogVGhlIHNvZnRoZW9uIHByb2dyZXNzIGJhciBjb21wb25lbnQgKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzb2YtcHJvZ3Jlc3MtYmFyJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICB0ZW1wbGF0ZVVybDogJy4vc29mLXByb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc29mLXByb2dyZXNzLWJhci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb2ZQcm9ncmVzc0JhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICAvKiogVGhlIG5hdmlnYXRpb24gcm91dGUga2V5cyAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBuYXZiYXJTdGVwS2V5czogQXJyYXk8c3RyaW5nPiA9IFtdO1xyXG5cclxuICAvKiogVGhlIGN1cnJlbnQgYWN0aXZlIHN0ZXAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgc3RlcEFjdGl2ZTogbnVtYmVyID0gLTE7XHJcblxyXG4gIC8qKiBUaGUgdHlwZSBvZiBwcm9ncmVzcyBiYXIgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgcHJvZ3Jlc3NCYXJUeXBlOiBzdHJpbmcgPSBcImRvdFwiO1xyXG5cclxuICAvKiogVGhlIG5hdmlnYXRpb24gc3RlcCB0aXRsZXMgKi9cclxuICBwdWJsaWMgbmF2YmFyVGl0bGVzOiBBcnJheTxzdHJpbmc+O1xyXG5cclxuXHJcbiAgLyoqXHJcbiAgICogQ29uc3RydWN0cyB0aGUgY29tcG9uZW50XHJcbiAgICogQHBhcmFtIHJvdXRlciBUaGUgcm91dGVyXHJcbiAgICovXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyLFxyXG4gICkgeyB9XHJcblxyXG4gIC8qKiBDb21wb25lbnQgaW5pdGlhbGl6YXRpb24gKi9cclxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNldE5hdmJhclRpdGxlcygpO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgICogT24gY29tcG9uZW50IEBJbnB1dCgpIGNoYW5nZXNcclxuICAgKiBAcGFyYW0gY2hhbmdlcyB0aGUgY2hhbmdlc1xyXG4gICAqL1xyXG4gIHB1YmxpYyBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICB0aGlzLnNldE5hdmJhclRpdGxlcygpO1xyXG4gIH1cclxuXHJcbiAgLyoqIE5hdmlnYXRlcyB0byBnaXZlbiBzdGVwXHJcbiAgICogQHBhcmFtIHN0ZXBOdW1iZXIgVGhlIHN0ZXAgbnVtYmVyIHRvIG5hdmlnYXRlIHRvXHJcbiAgICovXHJcbiAgcHVibGljIG5hdmlnYXRlVG9TdGVwKHN0ZXBOdW1iZXI6IG51bWJlcik6IHZvaWQge1xyXG4gICAgaWYgKHN0ZXBOdW1iZXIgPCB0aGlzLnN0ZXBBY3RpdmUpIHtcclxuICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCh0aGlzLm5hdmJhclN0ZXBLZXlzW3N0ZXBOdW1iZXJdKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKiBOYXZpZ2F0ZXMgdG8gc3RlcFxyXG4gICAqIEBwYXJhbSBzdGVwIFRoZSBzdGVwIHRvIG5hdmlnYXRlIHRvXHJcbiAgICovXHJcbiAgcHVibGljIG5hdmlnYXRlVG8oc3RlcDogc3RyaW5nKTogdm9pZCB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKHN0ZXApO1xyXG4gIH1cclxuXHJcbiAgLyoqIFNldHMgdGhlIHByb2dyZXNzIG5hdmlnYXRpb24gYmFyIHN0ZXAgdGl0bGVzXHJcbiAgICovXHJcbiAgcHVibGljIHNldE5hdmJhclRpdGxlcygpOiB2b2lkIHtcclxuICAgIGxldCB0ZW1wVGl0bGVzQXJyYXk6IEFycmF5PHN0cmluZz4gPSBbXTtcclxuICAgIHRoaXMubmF2YmFyU3RlcEtleXMuZm9yRWFjaChrZXkgPT4ge1xyXG4gICAgICBsZXQgc3RlcFBhdGggPSBrZXkuc3BsaXQoXCIvXCIpO1xyXG4gICAgICBsZXQgc3RlcExhbmd1YWdlS2V5ID0gYGFybWF0dXJlLnNvZi1wcm9ncmVzcy1iYXIudGl0bGVzYDtcclxuICAgICAgc3RlcFBhdGguZm9yRWFjaCgoc3RlcCwgaSkgPT4ge1xyXG4gICAgICAgIGlmIChpICE9PSAwKSB7XHJcbiAgICAgICAgICBzdGVwTGFuZ3VhZ2VLZXkgPSBgJHtzdGVwTGFuZ3VhZ2VLZXl9LiR7c3RlcH1gO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgICAgIHRlbXBUaXRsZXNBcnJheS5wdXNoKHN0ZXBMYW5ndWFnZUtleSk7XHJcbiAgICB9KTtcclxuICAgIHRoaXMubmF2YmFyVGl0bGVzID0gdGVtcFRpdGxlc0FycmF5O1xyXG4gIH1cclxufSIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJwcm9ncmVzc0JhclR5cGUgPT09J3NsaWRlcidcIj5cclxuICA8ZGl2IGNsYXNzPVwic2hvcHBpbmctbmF2YmFyXCJcclxuICAgIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZCc6ICdsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsICM0MDdCRkYgJyBcclxuICAgICAgKyAoc3RlcEFjdGl2ZSArIDEpIC8gbmF2YmFyU3RlcEtleXMubGVuZ3RoICogMTAwICsgJyUsICNmMGYwZjAgJyArIChzdGVwQWN0aXZlICsgMSkgLyBuYXZiYXJTdGVwS2V5cy5sZW5ndGggKiAxMDAgKyAnJSknfVwiPlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgZnhIaWRlLmx0LW1kIGNsYXNzPVwic3RlcC10aXRsZXMgY2VudGVyXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyXCIgZnhMYXlvdXRHYXA9XCIxMiVcIj5cclxuICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEdhcD1cIjNweFwiICpuZ0Zvcj1cImxldCBzdGVwIG9mIG5hdmJhclN0ZXBLZXlzOyBsZXQgaSA9IGluZGV4XCIgKGNsaWNrKT1cIm5hdmlnYXRlVG9TdGVwKGkpXCJcclxuICAgICAgW25nQ2xhc3NdPVwieyAnc3RlcC1hY3RpdmUnOiBpID09PSBzdGVwQWN0aXZlLCAnc3RlcC1kb25lJzogaSA8IHN0ZXBBY3RpdmV9XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLXRpdGxlXCJcclxuICAgICAgICBbbmdDbGFzc109XCJ7ICdzdGVwLXRpdGxlLWFjdGl2ZSc6IGkgPT09IHN0ZXBBY3RpdmUsICdzdGVwLXRpdGxlLWRvbmUnOiBpIDwgc3RlcEFjdGl2ZSwgJ3N0ZXAtdGl0bGUtbm90LXJlYWNoZWQnOiBpID4gc3RlcEFjdGl2ZX1cIj5cclxuICAgICAgICB7eyBuYXZiYXJUaXRsZXNbaV0gfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGZ4SGlkZS5ndC1zbT5cclxuICAgIDxtYXQtc2VsZWN0IGNsYXNzPVwic3RlcC10aXRsZXMtbW9iaWxlXCIgZGlzYWJsZU9wdGlvbkNlbnRlcmluZyBwYW5lbENsYXNzPVwic3RlcC1vcHRpb25cIlxyXG4gICAgICBbdmFsdWVdPVwibmF2YmFyU3RlcEtleXNbc3RlcEFjdGl2ZV1cIj5cclxuICAgICAgPG1hdC1vcHRpb24gKm5nRm9yPVwibGV0IHN0ZXAgb2YgbmF2YmFyU3RlcEtleXM7IGxldCBpID0gaW5kZXhcIiAoY2xpY2spPVwibmF2aWdhdGVUb1N0ZXAoaSlcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ3N0ZXAtYWN0aXZlJzogaSA9PT0gc3RlcEFjdGl2ZSwgJ3N0ZXAtZG9uZSc6IGkgPCBzdGVwQWN0aXZlfVwiIFtkaXNhYmxlZF09XCJpID4gc3RlcEFjdGl2ZVwiXHJcbiAgICAgICAgW3ZhbHVlXT1cInN0ZXBcIj5cclxuICAgICAgICB7eyBuYXZiYXJUaXRsZXNbaV0gfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC9tYXQtb3B0aW9uPlxyXG4gICAgPC9tYXQtc2VsZWN0PlxyXG4gIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj5cclxuPG5nLWNvbnRhaW5lciAqbmdJZj1cInByb2dyZXNzQmFyVHlwZSA9PT0nZG90J1wiPlxyXG4gIDxkaXYgZnhIaWRlLmx0LW1kIGNsYXNzPVwic3RlcC10aXRsZXMgY2VudGVyXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyXCIgZnhMYXlvdXRHYXA9XCI1JVwiPlxyXG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgc3RlcCBvZiBuYXZiYXJTdGVwS2V5czsgbGV0IGkgPSBpbmRleFwiIChrZXlkb3duLmVudGVyKT1cIm5hdmlnYXRlVG9TdGVwKGkpXCJcclxuICAgICAgKGNsaWNrKT1cIm5hdmlnYXRlVG9TdGVwKGkpXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEdhcD1cIjNweFwiIHRhYmluZGV4PVwiMFwiXHJcbiAgICAgIFtuZ0NsYXNzXT1cInsgJ3N0ZXAtYWN0aXZlJzogaSA9PT0gc3RlcEFjdGl2ZSwgJ3N0ZXAtZG9uZSc6IGkgPCBzdGVwQWN0aXZlfVwiPlxyXG4gICAgICA8ZGl2PlxyXG4gICAgICAgIDxzcGFuICpuZ0lmPVwiaSA+PSBzdGVwQWN0aXZlXCIgY2xhc3M9XCJkb3RcIiBbbmdDbGFzc109XCJ7ICdkb3QtYWN0aXZlJzogaSA9PT0gc3RlcEFjdGl2ZSB9XCJcclxuICAgICAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiaSA9PT0gc3RlcEFjdGl2ZSA/ICgnYXJtYXR1cmUuc29mLXByb2dyZXNzLWJhci5zdGVwLWxhYmVscy5pbi1wcm9ncmVzcyd8dHJhbnNsYXRlKTooJ2FybWF0dXJlLnNvZi1wcm9ncmVzcy1iYXIuc3RlcC1sYWJlbHMubm90LWRvbmUnfHRyYW5zbGF0ZSlcIj5cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCJpIDwgc3RlcEFjdGl2ZVwiPlxyXG4gICAgICAgICAgPGkgY2xhc3M9XCJmYXMgZmEtY2hlY2stY2lyY2xlIGRvdC1kb25lXCIgY29sb3I9XCJwcmltYXJ5XCIgW3RpdGxlXT1cIidhcm1hdHVyZS5zb2YtcHJvZ3Jlc3MtYmFyLnN0ZXAtbGFiZWxzLmNvbXBsZXRlJyB8IHRyYW5zbGF0ZVwiPjwvaT5cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwic3RlcC10aXRsZVwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnc3RlcC10aXRsZS1hY3RpdmUnOiBpID09PSBzdGVwQWN0aXZlLCAnc3RlcC10aXRsZS1kb25lJzogaSA8IHN0ZXBBY3RpdmUsICdzdGVwLXRpdGxlLW5vdC1yZWFjaGVkJzogaSA+IHN0ZXBBY3RpdmV9XCI+XHJcbiAgICAgICAge3sgbmF2YmFyVGl0bGVzW2ldIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBmeEhpZGUuZ3Qtc20gZnhMYXlvdXQ9XCJyb3dcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJkb3QtbW9iaWxlXCI+PC9kaXY+XHJcbiAgICA8bWF0LXNlbGVjdCBjbGFzcz1cInNvZi1zdGVwcGVyIHN0ZXAtdGl0bGVzLW1vYmlsZVwiIGRpc2FibGVPcHRpb25DZW50ZXJpbmcgcGFuZWxDbGFzcz1cInN0ZXAtb3B0aW9uXCJcclxuICAgICAgW3ZhbHVlXT1cIm5hdmJhclN0ZXBLZXlzW3N0ZXBBY3RpdmVdXCIgKHNlbGVjdGlvbkNoYW5nZSk9XCJuYXZpZ2F0ZVRvKCRldmVudC52YWx1ZSlcIj5cclxuICAgICAgPG1hdC1vcHRpb24gZnhIaWRlLmd0LXNtICpuZ0Zvcj1cImxldCBzdGVwIG9mIG5hdmJhclN0ZXBLZXlzOyBsZXQgaSA9IGluZGV4XCJcclxuICAgICAgICBbbmdDbGFzc109XCJ7ICdzdGVwLWFjdGl2ZSc6IGkgPT09IHN0ZXBBY3RpdmUsICdzdGVwLWRvbmUnOiBpIDwgc3RlcEFjdGl2ZX1cIiBbZGlzYWJsZWRdPVwiaSA+IHN0ZXBBY3RpdmVcIlxyXG4gICAgICAgIFt2YWx1ZV09XCJzdGVwXCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImRvdFwiIFtuZ0NsYXNzXT1cInsgJ2RvdC1hY3RpdmUnOiBpID09PSBzdGVwQWN0aXZlLCAnZG90LWRvbmUnOiBpIDwgc3RlcEFjdGl2ZX1cIj48L2Rpdj5cclxuICAgICAgICB7eyBuYXZiYXJUaXRsZXNbaV0gfCB0cmFuc2xhdGUgfX1cclxuICAgICAgPC9tYXQtb3B0aW9uPlxyXG4gICAgPC9tYXQtc2VsZWN0PlxyXG4gIDwvZGl2PlxyXG48L25nLWNvbnRhaW5lcj4iXX0=
79
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29mLXByb2dyZXNzLWJhci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcm1hdHVyZS9zcmMvbGliL2Jhc2UtY29tcG9uZW50cy9zb2YtcHJvZ3Jlc3MtYmFyL3NvZi1wcm9ncmVzcy1iYXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXJtYXR1cmUvc3JjL2xpYi9iYXNlLWNvbXBvbmVudHMvc29mLXByb2dyZXNzLWJhci9zb2YtcHJvZ3Jlc3MtYmFyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFvQyxNQUFNLGVBQWUsQ0FBQzs7Ozs7Ozs7O0FBRzVHLDBDQUEwQztBQU8xQyxNQUFNLE9BQU8sdUJBQXVCO0lBY2xDOzs7T0FHRztJQUNILFlBQ1UsTUFBYztRQUFkLFdBQU0sR0FBTixNQUFNLENBQVE7UUFsQnhCLGdDQUFnQztRQUNoQixtQkFBYyxHQUFrQixFQUFFLENBQUM7UUFFbkQsOEJBQThCO1FBQ2QsZUFBVSxHQUFXLENBQUMsQ0FBQyxDQUFDO1FBRXhDLCtCQUErQjtRQUNmLG9CQUFlLEdBQVcsS0FBSyxDQUFDO0lBWTVDLENBQUM7SUFFTCwrQkFBK0I7SUFDeEIsUUFBUTtRQUNiLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksV0FBVyxDQUFDLE9BQXNCO1FBQ3ZDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQ7O09BRUc7SUFDSSxjQUFjLENBQUMsVUFBa0I7UUFDdEMsSUFBSSxVQUFVLElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNqQyxJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7U0FDNUQ7SUFDSCxDQUFDO0lBRUQ7O09BRUc7SUFDSSxVQUFVLENBQUMsSUFBWTtRQUM1QixJQUFJLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNsQyxDQUFDO0lBRUQ7T0FDRztJQUNJLGVBQWU7UUFDcEIsSUFBSSxlQUFlLEdBQWtCLEVBQUUsQ0FBQztRQUN4QyxJQUFJLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsRUFBRTtZQUNoQyxJQUFJLFFBQVEsR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQzlCLElBQUksZUFBZSxHQUFHLGtDQUFrQyxDQUFDO1lBQ3pELFFBQVEsQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUFFLEVBQUU7Z0JBQzNCLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRTtvQkFDWCxlQUFlLEdBQUcsR0FBRyxlQUFlLElBQUksSUFBSSxFQUFFLENBQUM7aUJBQ2hEO1lBQ0gsQ0FBQyxDQUFDLENBQUM7WUFDSCxlQUFlLENBQUMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDO1FBQ3hDLENBQUMsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFlBQVksR0FBRyxlQUFlLENBQUM7SUFDdEMsQ0FBQzs4R0FsRVUsdUJBQXVCO2tHQUF2Qix1QkFBdUIseUxDVnBDLHVxSEEwRGU7OzJGRGhERix1QkFBdUI7a0JBTm5DLFNBQVM7K0JBQ0Usa0JBQWtCLG1CQUNYLHVCQUF1QixDQUFDLE1BQU07MkVBTS9CLGNBQWM7c0JBQTdCLEtBQUs7Z0JBR1UsVUFBVTtzQkFBekIsS0FBSztnQkFHVSxlQUFlO3NCQUE5QixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XHJcblxyXG4vKiogVGhlIHNvZnRoZW9uIHByb2dyZXNzIGJhciBjb21wb25lbnQgKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdzb2YtcHJvZ3Jlc3MtYmFyJyxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICB0ZW1wbGF0ZVVybDogJy4vc29mLXByb2dyZXNzLWJhci5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vc29mLXByb2dyZXNzLWJhci5jb21wb25lbnQuc2NzcyddXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBTb2ZQcm9ncmVzc0JhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzIHtcclxuICAvKiogVGhlIG5hdmlnYXRpb24gcm91dGUga2V5cyAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBuYXZiYXJTdGVwS2V5czogQXJyYXk8c3RyaW5nPiA9IFtdO1xyXG5cclxuICAvKiogVGhlIGN1cnJlbnQgYWN0aXZlIHN0ZXAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgc3RlcEFjdGl2ZTogbnVtYmVyID0gLTE7XHJcblxyXG4gIC8qKiBUaGUgdHlwZSBvZiBwcm9ncmVzcyBiYXIgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgcHJvZ3Jlc3NCYXJUeXBlOiBzdHJpbmcgPSBcImRvdFwiO1xyXG5cclxuICAvKiogVGhlIG5hdmlnYXRpb24gc3RlcCB0aXRsZXMgKi9cclxuICBwdWJsaWMgbmF2YmFyVGl0bGVzOiBBcnJheTxzdHJpbmc+O1xyXG5cclxuXHJcbiAgLyoqXHJcbiAgICogQ29uc3RydWN0cyB0aGUgY29tcG9uZW50XHJcbiAgICogQHBhcmFtIHJvdXRlciBUaGUgcm91dGVyXHJcbiAgICovXHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwcml2YXRlIHJvdXRlcjogUm91dGVyXHJcbiAgKSB7IH1cclxuXHJcbiAgLyoqIENvbXBvbmVudCBpbml0aWFsaXphdGlvbiAqL1xyXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuc2V0TmF2YmFyVGl0bGVzKCk7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBPbiBjb21wb25lbnQgQElucHV0KCkgY2hhbmdlc1xyXG4gICAqIEBwYXJhbSBjaGFuZ2VzIHRoZSBjaGFuZ2VzXHJcbiAgICovXHJcbiAgcHVibGljIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcclxuICAgIHRoaXMuc2V0TmF2YmFyVGl0bGVzKCk7XHJcbiAgfVxyXG5cclxuICAvKiogTmF2aWdhdGVzIHRvIGdpdmVuIHN0ZXBcclxuICAgKiBAcGFyYW0gc3RlcE51bWJlciBUaGUgc3RlcCBudW1iZXIgdG8gbmF2aWdhdGUgdG9cclxuICAgKi9cclxuICBwdWJsaWMgbmF2aWdhdGVUb1N0ZXAoc3RlcE51bWJlcjogbnVtYmVyKTogdm9pZCB7XHJcbiAgICBpZiAoc3RlcE51bWJlciA8PSB0aGlzLnN0ZXBBY3RpdmUpIHtcclxuICAgICAgdGhpcy5yb3V0ZXIubmF2aWdhdGVCeVVybCh0aGlzLm5hdmJhclN0ZXBLZXlzW3N0ZXBOdW1iZXJdKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIC8qKiBOYXZpZ2F0ZXMgdG8gc3RlcFxyXG4gICAqIEBwYXJhbSBzdGVwIFRoZSBzdGVwIHRvIG5hdmlnYXRlIHRvXHJcbiAgICovXHJcbiAgcHVibGljIG5hdmlnYXRlVG8oc3RlcDogc3RyaW5nKTogdm9pZCB7XHJcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZUJ5VXJsKHN0ZXApO1xyXG4gIH1cclxuXHJcbiAgLyoqIFNldHMgdGhlIHByb2dyZXNzIG5hdmlnYXRpb24gYmFyIHN0ZXAgdGl0bGVzXHJcbiAgICovXHJcbiAgcHVibGljIHNldE5hdmJhclRpdGxlcygpOiB2b2lkIHtcclxuICAgIGxldCB0ZW1wVGl0bGVzQXJyYXk6IEFycmF5PHN0cmluZz4gPSBbXTtcclxuICAgIHRoaXMubmF2YmFyU3RlcEtleXMuZm9yRWFjaChrZXkgPT4ge1xyXG4gICAgICBsZXQgc3RlcFBhdGggPSBrZXkuc3BsaXQoXCIvXCIpO1xyXG4gICAgICBsZXQgc3RlcExhbmd1YWdlS2V5ID0gYGFybWF0dXJlLnNvZi1wcm9ncmVzcy1iYXIudGl0bGVzYDtcclxuICAgICAgc3RlcFBhdGguZm9yRWFjaCgoc3RlcCwgaSkgPT4ge1xyXG4gICAgICAgIGlmIChpICE9PSAwKSB7XHJcbiAgICAgICAgICBzdGVwTGFuZ3VhZ2VLZXkgPSBgJHtzdGVwTGFuZ3VhZ2VLZXl9LiR7c3RlcH1gO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgICAgIHRlbXBUaXRsZXNBcnJheS5wdXNoKHN0ZXBMYW5ndWFnZUtleSk7XHJcbiAgICB9KTtcclxuICAgIHRoaXMubmF2YmFyVGl0bGVzID0gdGVtcFRpdGxlc0FycmF5O1xyXG4gIH1cclxufSIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJwcm9ncmVzc0JhclR5cGUgPT09ICdzbGlkZXInXCI+XHJcbiAgPGRpdiBjbGFzcz1cInNob3BwaW5nLW5hdmJhclwiXHJcbiAgICBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQnOiAnbGluZWFyLWdyYWRpZW50KHRvIHJpZ2h0LCAjNDA3QkZGICcgXHJcbiAgICAgICsgKHN0ZXBBY3RpdmUgKyAxKSAvIG5hdmJhclN0ZXBLZXlzLmxlbmd0aCAqIDEwMCArICclLCAjZjBmMGYwICcgKyAoc3RlcEFjdGl2ZSArIDEpIC8gbmF2YmFyU3RlcEtleXMubGVuZ3RoICogMTAwICsgJyUpJ31cIj5cclxuICA8L2Rpdj5cclxuICA8ZGl2IGZ4SGlkZS5sdC1tZCBjbGFzcz1cInN0ZXAtdGl0bGVzIGNlbnRlclwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlclwiIGZ4TGF5b3V0R2FwPVwiMTIlXCI+XHJcbiAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRHYXA9XCIzcHhcIiAqbmdGb3I9XCJsZXQgc3RlcCBvZiBuYXZiYXJTdGVwS2V5czsgbGV0IGkgPSBpbmRleFwiIChjbGljayk9XCJpIDw9IHN0ZXBBY3RpdmUgPyBuYXZpZ2F0ZVRvU3RlcChpKSA6IG51bGxcIlxyXG4gICAgICBbbmdDbGFzc109XCJ7ICdzdGVwLWFjdGl2ZSc6IGkgPT09IHN0ZXBBY3RpdmUsICdzdGVwLWRvbmUnOiBpIDwgc3RlcEFjdGl2ZX1cIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtdGl0bGVcIlxyXG4gICAgICAgIFtuZ0NsYXNzXT1cInsgJ3N0ZXAtdGl0bGUtYWN0aXZlJzogaSA9PT0gc3RlcEFjdGl2ZSwgJ3N0ZXAtdGl0bGUtZG9uZSc6IGkgPCBzdGVwQWN0aXZlLCAnc3RlcC10aXRsZS1ub3QtcmVhY2hlZCc6IGkgPiBzdGVwQWN0aXZlfVwiXHJcbiAgICAgICAgW2F0dHIucm9sZV09XCJpIDwgc3RlcEFjdGl2ZSA/ICdidXR0b24nIDogbnVsbFwiIFthdHRyLmFyaWEtcHJlc3NlZF09XCJudWxsXCI+XHJcbiAgICAgICAge3sgbmF2YmFyVGl0bGVzW2ldIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbiAgPGRpdiBmeEhpZGUuZ3Qtc20+XHJcbiAgICA8bWF0LXNlbGVjdCBjbGFzcz1cInN0ZXAtdGl0bGVzLW1vYmlsZVwiIGRpc2FibGVPcHRpb25DZW50ZXJpbmcgcGFuZWxDbGFzcz1cInN0ZXAtb3B0aW9uXCJcclxuICAgICAgW3ZhbHVlXT1cIm5hdmJhclN0ZXBLZXlzW3N0ZXBBY3RpdmVdXCI+XHJcbiAgICAgIDxtYXQtb3B0aW9uICpuZ0Zvcj1cImxldCBzdGVwIG9mIG5hdmJhclN0ZXBLZXlzOyBsZXQgaSA9IGluZGV4XCIgKGNsaWNrKT1cImkgPD0gc3RlcEFjdGl2ZSA/IG5hdmlnYXRlVG9TdGVwKGkpIDogbnVsbFwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnc3RlcC1hY3RpdmUnOiBpID09PSBzdGVwQWN0aXZlLCAnc3RlcC1kb25lJzogaSA8IHN0ZXBBY3RpdmV9XCIgW2Rpc2FibGVkXT1cImkgPiBzdGVwQWN0aXZlXCJcclxuICAgICAgICBbdmFsdWVdPVwic3RlcFwiPlxyXG4gICAgICAgIHt7IG5hdmJhclRpdGxlc1tpXSB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L21hdC1vcHRpb24+XHJcbiAgICA8L21hdC1zZWxlY3Q+XHJcbiAgPC9kaXY+XHJcbjwvbmctY29udGFpbmVyPlxyXG48bmctY29udGFpbmVyICpuZ0lmPVwicHJvZ3Jlc3NCYXJUeXBlID09PSAnZG90J1wiPlxyXG4gIDxkaXYgZnhIaWRlLmx0LW1kIGNsYXNzPVwic3RlcC10aXRsZXMgY2VudGVyXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwiY2VudGVyXCIgZnhMYXlvdXRHYXA9XCI1JVwiPlxyXG4gICAgPGRpdiAqbmdGb3I9XCJsZXQgc3RlcCBvZiBuYXZiYXJTdGVwS2V5czsgbGV0IGkgPSBpbmRleFwiIChrZXlkb3duLmVudGVyKT1cImkgPD0gc3RlcEFjdGl2ZSA/IG5hdmlnYXRlVG9TdGVwKGkpIDogbnVsbFwiXHJcbiAgICAgIChjbGljayk9XCJpIDw9IHN0ZXBBY3RpdmUgPyBuYXZpZ2F0ZVRvU3RlcChpKSA6IG51bGxcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0R2FwPVwiM3B4XCIgdGFiaW5kZXg9XCIwXCJcclxuICAgICAgW25nQ2xhc3NdPVwieyAnc3RlcC1hY3RpdmUnOiBpID09PSBzdGVwQWN0aXZlLCAnc3RlcC1kb25lJzogaSA8IHN0ZXBBY3RpdmV9XCI+XHJcbiAgICAgIDxkaXY+XHJcbiAgICAgICAgPHNwYW4gKm5nSWY9XCJpID49IHN0ZXBBY3RpdmVcIiBjbGFzcz1cImRvdFwiIFtuZ0NsYXNzXT1cInsgJ2RvdC1hY3RpdmUnOiBpID09PSBzdGVwQWN0aXZlIH1cIlxyXG4gICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJpID09PSBzdGVwQWN0aXZlID8gKCdhcm1hdHVyZS5zb2YtcHJvZ3Jlc3MtYmFyLnN0ZXAtbGFiZWxzLmluLXByb2dyZXNzJ3x0cmFuc2xhdGUpOignYXJtYXR1cmUuc29mLXByb2dyZXNzLWJhci5zdGVwLWxhYmVscy5ub3QtZG9uZSd8dHJhbnNsYXRlKVwiPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8c3BhbiAqbmdJZj1cImkgPCBzdGVwQWN0aXZlXCI+XHJcbiAgICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS1jaGVjay1jaXJjbGUgZG90LWRvbmVcIiBjb2xvcj1cInByaW1hcnlcIiBbdGl0bGVdPVwiJ2FybWF0dXJlLnNvZi1wcm9ncmVzcy1iYXIuc3RlcC1sYWJlbHMuY29tcGxldGUnIHwgdHJhbnNsYXRlXCI+PC9pPlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJzdGVwLXRpdGxlXCJcclxuICAgICAgICBbbmdDbGFzc109XCJ7ICdzdGVwLXRpdGxlLWFjdGl2ZSc6IGkgPT09IHN0ZXBBY3RpdmUsICdzdGVwLXRpdGxlLWRvbmUnOiBpIDwgc3RlcEFjdGl2ZSwgJ3N0ZXAtdGl0bGUtbm90LXJlYWNoZWQnOiBpID4gc3RlcEFjdGl2ZX1cIlxyXG4gICAgICAgIFthdHRyLnJvbGVdPVwiaSA8IHN0ZXBBY3RpdmUgPyAnYnV0dG9uJyA6IG51bGxcIiBbYXR0ci5hcmlhLXByZXNzZWRdPVwibnVsbFwiPlxyXG4gICAgICAgIHt7IG5hdmJhclRpdGxlc1tpXSB8IHRyYW5zbGF0ZSB9fVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgZnhIaWRlLmd0LXNtIGZ4TGF5b3V0PVwicm93XCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiZG90LW1vYmlsZVwiPjwvZGl2PlxyXG4gICAgPG1hdC1zZWxlY3QgY2xhc3M9XCJzb2Ytc3RlcHBlciBzdGVwLXRpdGxlcy1tb2JpbGVcIiBkaXNhYmxlT3B0aW9uQ2VudGVyaW5nIHBhbmVsQ2xhc3M9XCJzdGVwLW9wdGlvblwiXHJcbiAgICAgIFt2YWx1ZV09XCJuYXZiYXJTdGVwS2V5c1tzdGVwQWN0aXZlXVwiIChzZWxlY3Rpb25DaGFuZ2UpPVwibmF2aWdhdGVUbygkZXZlbnQudmFsdWUpXCI+XHJcbiAgICAgIDxtYXQtb3B0aW9uIGZ4SGlkZS5ndC1zbSAqbmdGb3I9XCJsZXQgc3RlcCBvZiBuYXZiYXJTdGVwS2V5czsgbGV0IGkgPSBpbmRleFwiXHJcbiAgICAgICAgW25nQ2xhc3NdPVwieyAnc3RlcC1hY3RpdmUnOiBpID09PSBzdGVwQWN0aXZlLCAnc3RlcC1kb25lJzogaSA8IHN0ZXBBY3RpdmV9XCIgW2Rpc2FibGVkXT1cImkgPiBzdGVwQWN0aXZlXCJcclxuICAgICAgICBbdmFsdWVdPVwic3RlcFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJkb3RcIiBbbmdDbGFzc109XCJ7ICdkb3QtYWN0aXZlJzogaSA9PT0gc3RlcEFjdGl2ZSwgJ2RvdC1kb25lJzogaSA8IHN0ZXBBY3RpdmV9XCI+PC9kaXY+XHJcbiAgICAgICAge3sgbmF2YmFyVGl0bGVzW2ldIHwgdHJhbnNsYXRlIH19XHJcbiAgICAgIDwvbWF0LW9wdGlvbj5cclxuICAgIDwvbWF0LXNlbGVjdD5cclxuICA8L2Rpdj5cclxuPC9uZy1jb250YWluZXI+Il19