https://www.youtil.ro/dist/gf-jss/static/js/StaticProgressBar.a18a206e.chunk.js

1"use strict";(globalThis.webpackChunkgrowingfamilies=globalThis.webpackChunkgrowingfamilies||[]).push([[2627],{30171(e,t,r){r.d(t,{A:()=>a});var s=r(25173);const i=(e,t,r)=>t?e.colors.progressBar.stepActive:r?e.colors.progressBar.stepCompleted:e.colors.progressBar.stepDefault,o=s.Ay.li`
2  position: relative;
3  display: inline-block;
4  flex-basis: 100%;
5  text-align: center;
6  padding: 10px 0;
7  ${e=>{let{isActive:t,isCompleted:r}=e;return((e,t)=>s.AH`
8    background: ${r=>{let{theme:s}=r;return i(s,e,t)}};
9    color: ${r=>{let{theme:s}=r;return e||t?s.colors.progressBar.stepText:s.colors.general.black}};
10  `)(t,r)}};
11
12  :first-child {
13    border-top-left-radius: 5px;
14    border-bottom-left-radius: 5px;
15  }
16
17  :last-child {
18    border-bottom-right-radius: 5px;
19    border-top-right-radius: 5px;
20  }
21
22  ${e=>{let{isInProgress:t,isActive:r,isCompleted:o}=e;return t&&((e,t)=>s.AH`
23    &&:after {
24      content: "";
25      display: block;
26      width: 0;
27      height: 0;
28      border-top: 19px solid transparent;
29      border-bottom: 21px solid transparent;
30      border-left: 15px solid
31        ${r=>{let{theme:s}=r;return i(s,e,t)}};
32
33      position: absolute;
34      top: 0%;
35      left: 100%;
36      z-index: 2;
37    }
38
39    &&:before {
40      content: " ";
41      display: block;
42      width: 0;
43      height: 0;
44      border-top: 19px solid transparent;
45      border-bottom: 21px solid transparent;
46      border-left: 15px solid ${e=>{let{theme:t}=e;return t.colors.general.white}};
47      position: absolute;
48      top: 0px;
49      margin-left: 1px;
50      left: 100%;
51      z-index: 1;
52    }
53  `)(r,o)}};
54`;var l=r(15678);const n=(e,t)=>t?"step-current":e?"step-completed":"step-uncompleted",a=e=>{let{children:t=null,isActive:r,isCompleted:s,isInProgress:i}=e;return(0,l.jsx)(o,{"data-component":n(s,r),"data-testid":n(s,r),isCompleted:s,isActive:r,isInProgress:i,children:t})}},42934(e,t,r){r.r(t),r.d(t,{default:()=>g});var s=r(83707),i=r(43775),o=r(3143),l=r(48),n=r(25173);const a=n.Ay.div``,d=n.Ay.ul`
55  width: 100%;
56  display: flex;
57  justify-content: space-between;
58`,p=n.Ay.span`
59  display: none;
60  @media ${e=>{let{theme:t}=e;return t.device.tablet}} {
61    display: inline;
62  }
63`;var c=r(30171),u=r(15678);const g=e=>{var t,r;let{params:n,fields:g}=e;const{pageEditing:h}=(0,l.i)(),b=(0,s.Bd)("Feature/StaticProgressBar"),m=parseInt(null===n||void 0===n?void 0:n.CurrentStep)||1;if(!g||(null===g||void 0===g?void 0:g.Steps.length)<1||null!==g&&void 0!==g&&g.Steps.some(e=>isNaN(parseInt(e.Name))))return h?(0,u.jsx)("div",{children:"Static Progress Car: click here to edit the datasource."}):null;const x=(0,i.j)(b("AccessibilityMessage"),{currentIndex:m.toString(),currentIndexText:null===g||void 0===g||null===(t=g.Steps[m-1])||void 0===t?void 0:t.Value,totalSteps:null===g||void 0===g?void 0:g.Steps.length.toString()}),v=null===g||void 0===g||null===(r=g.Steps)||void 0===r?void 0:r.map((e,t)=>{const r=parseInt(e.Name),s=r<m,i=r===m;return(0,u.jsxs)(c.A,{"data-testid":((e,t)=>t?"step-current":e?"step-completed":"step-uncompleted")(s,i),isCompleted:s,isActive:i,isInProgress:t+1<g.Steps.length,children:[(0,u.jsx)("span",{children:e.Name}),(0,u.jsxs)(p,{children:[". ",e.Value]})]},e.Name)});return(0,u.jsx)(o.wn,{children:(0,u.jsx)(o.mc,{children:(0,u.jsx)(a,{role:"progressbar",tabIndex:0,"aria-label":x,"data-component":"static-progress-bar","data-testid":"static-progress-bar",children:(0,u.jsx)(d,{children:v})})})})}}}]);