https://bywinona.com/_nuxt/DP_3abCF.js

1import{C as e,Dt as t,E as n,Ft as r,G as i,K as a,L as o,N as s,O as c,S as l,T as u,W as d,X as f,Xt as p,Y as m,b as h,bt as g,ft as _,ot as v,p as y,tn as b,x,y as S}from"./BNH8dB99.js";import{t as C}from"./CR9eOCdK.js";import{C as w,S as T}from"./lirXlVvs.js";import{t as E}from"./BZPK4PdQ.js";import{t as D}from"./BOR5Ali5.js";s(),r();var O={key:0,class:`step-connector`},k={class:`step-number`},A={"aria-hidden":`true`,class:`font-size-heading-3 text-color-text-primary-dark`},j={class:`step-content`},M={class:`step-title`},N={class:`sr-only`},P={key:0,xmlns:`http://www.w3.org/2000/svg`,width:`12`,height:`2`,viewBox:`0 0 12 2`,fill:`none`},F={key:1,xmlns:`http://www.w3.org/2000/svg`,width:`12`,height:`12`,viewBox:`0 0 12 12`,fill:`none`},I=Object.assign(T(c({__name:`Item`,props:{step:{},index:{},isLast:{type:Boolean},isDesktop:{type:Boolean},hasCta:{type:Boolean}},emits:[`toggle`],setup(t,{emit:n}){let r=t,i=n,o=()=>{r.isDesktop||i(`toggle`)};return(n,r)=>{let i=E;return a(),e(`div`,{class:p([`step`,{"last:mb-8! last:nds-desktop-sm:mb-12!":t.hasCta}])},[t.isLast?l(``,!0):(a(),e(`div`,O)),h(`div`,k,[h(`span`,A,b(t.index+1),1)]),h(`div`,j,[h(`div`,{class:`step-header`,onClick:o},[h(`h3`,M,[h(`span`,N,`Step `+b(t.index+1)+`:`,1),u(` `+b(t.step.title),1)]),h(`span`,{class:p([`step-toggle`,{expanded:t.step.expanded}])},[t.step.expanded?(a(),e(`svg`,P,[...r[0]||=[h(`path`,{d:`M11.3402 0.242188V1.73019H6.82816V1.74887H5.17216V1.73019H0.660156V0.242188H5.17216V0.247832H6.82816V0.242188H11.3402Z`,fill:`#1A1A1A`},null,-1)]])):(a(),e(`svg`,F,[...r[1]||=[h(`path`,{d:`M11.3402 5.24081V6.72881H6.82816V11.3608H5.17216V6.72881H0.660156V5.24081H5.17216V0.632812H6.82816V5.24081H11.3402Z`,fill:`#1A1A1A`},null,-1)]]))],2)]),h(`div`,{class:p([`step-description`,{expanded:t.step.expanded}])},[t.step.content?(a(),x(i,{key:0,content:t.step.content,"text-count":0,plain:!1,"use-nds":``,class:`step-description__richtext`},null,8,[`content`])):(a(),e(y,{key:1},[u(b(t.step.description),1)],64))],2)])],2)}}}),[[`__scopeId`,`data-v-447051f9`]]),{__name:`UpdatedLayoutSectionsStepsItem`}),L=e=>`
2    {
3  componentsSectionStepsCollection(where: {slug: "${e}"}, limit: 1) {
4    items {
5      sys {
6        id
7      }
8      slug
9      title
10      subHeader
11      image {
12        url
13        title
14        description
15      }
16      stepsCollection {
17        items {
18          sys {
19            id
20          }
21          slug
22          title
23          content {
24            json
25          }
26        }
27      }
28      button {
29        sys {
30          id
31        }
32        name
33        url
34        buttonStyle
35        buttonSize
36        buttonTextStyle
37        target
38        customClassname
39      }
40    }
41  }
42}
43    `;s(),_(),r();var R={class:`relief-steps-container`},z={class:`hidden nds-desktop-sm:block nds-desktop-sm:w-5/12 nds-desktop-sm:shrink-0 nds-desktop-md:w-[500px] nds-desktop-lg:w-1/2 h-full`},B={class:`relief-steps-card`},V={class:`steps-container`},H=`/cro/how-it-works/women-with-phone.png`,U=5,W=Object.assign(T(c({__name:`index`,props:{slug:{default:`how-it-works`},title:{},subHeader:{},image:{},steps:{},showCta:{type:Boolean,default:!0},onEngaged:{}},async setup(r){let s,c,u=r,p=L(u.slug),_=([s,c]=v(()=>D(p,`steps-${u.slug}`)),s=await s,c(),s)?.componentsSectionStepsCollection?.items?.[0],T=u.title||_?.title||`How It Works`,E=u.subHeader||_?.subHeader||`Winona provides fast, easy, and convenient care for your menopause symptoms.`,O=u.image||_?.image?.url||H,k=S(()=>{let e=_?.button;return e?{name:e.name,url:e.url,buttonStyle:e.buttonStyle,buttonSize:e.buttonSize,buttonTextStyle:e.buttonTextStyle,target:e.target}:null}),A=S(()=>_?.button?u.slug.split(`-`).map(e=>e[0]).join(``)+`-001`:null),j=_?.stepsCollection?.items||[],M=S(()=>(u.steps?.length?u.steps:j.map(e=>({title:e?.title||``,content:e?.content}))).slice(0,U)),N=g(!1),P=g([]),F=()=>{P.value=M.value.map(e=>({...e,expanded:!1}))},W=()=>{N.value=window.innerWidth>=743,N.value?P.value=P.value.map(e=>({...e,expanded:!0})):P.value=P.value.map((e,t)=>({...e,expanded:t===0}))},G=e=>{if(!N.value){let t=P.value[e];t&&(t.expanded=!t.expanded),u.onEngaged?.()}};return d(()=>{F(),W(),window.addEventListener(`resize`,W)}),i(()=>{window.removeEventListener(`resize`,W)}),(i,s)=>{let c=C,u=I,d=w;return a(),e(`div`,null,[h(`h2`,null,b(t(T)),1),h(`p`,null,b(t(E)),1),h(`div`,R,[h(`div`,z,[f(i.$slots,`image`,{},()=>[n(c,{src:t(O),class:`w-full h-full object-cover`},null,8,[`src`])],!0)]),h(`div`,B,[h(`div`,V,[(a(!0),e(y,null,m(P.value,(e,t)=>(a(),x(u,{key:t,step:e,index:t,"is-last":t===P.value.length-1,"is-desktop":N.value,onToggle:e=>G(t),"has-cta":!!k.value},null,8,[`step`,`index`,`is-last`,`is-desktop`,`onToggle`,`has-cta`]))),128))]),k.value&&r.showCta?f(i.$slots,`cta`,{},()=>[n(d,o({"data-track-cta_name":r.slug,"data-track-cta_id":A.value},k.value),null,16,[`data-track-cta_name`,`data-track-cta_id`])],!0,0):l(``,!0)])])])}}}),[[`__scopeId`,`data-v-dfb4c8e7`]]),{__name:`UpdatedLayoutSectionsSteps`});export{W as t};