https://www.fairmed.ch/_next/static/chunks/970.6e4ebb19b04e59d5.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[970],{970:(e,s,l)=>{l.r(s),l.d(s,{ThreeYearPromiseTimeline:()=>m,default:()=>x});var t=l(7876),a=l(4232),n=l(2043),i=l(4517),r=l(7460),c=l(7185),d=l(8329);let o=e=>{let{blok:s,openGoal:l,setOpenGoal:a,itemsLength:o}=e,m=(0,d.U)("(min-width: 768px)"),x=s.position?parseInt(s.position):null;return(0,t.jsxs)("div",{className:"relative w-full md:w-80 mt-8 p-6 rounded-lg bg-white shadow-xl transform md:-translate-x-1/2",style:{left:m&&x?"".concat(x/36*100,"%"):"auto"},...(0,c.K1)(s),children:[(0,t.jsx)("div",{className:"absolute -top-2 w-4 h-4 bg-white transform -translate-x-1/2 rotate-45",style:{left:!m&&x?"".concat(x/36*100,"%"):"50%"}}),s.headline&&(0,t.jsxs)("h3",{className:"flex items-center gap-2",children:[(0,t.jsx)(r.g,{icon:i.wLd,className:"mr-2"}),s.headline]}),s.text&&(0,t.jsx)("div",{className:"richtext mb-6",children:(0,t.jsx)(n.A,{text:s.text})}),(0,t.jsxs)("div",{className:"flex justify-center gap-2",children:[(0,t.jsx)("button",{name:"Previous item",onClick:()=>a(e=>e-1),disabled:0===l,className:"btn btn-secondary btn-icon",children:(0,t.jsx)(r.g,{icon:i.CeG})}),(0,t.jsx)("button",{name:"Next item",onClick:()=>a(e=>e+1),disabled:l+1===o,className:"btn btn-secondary btn-icon",children:(0,t.jsx)(r.g,{icon:i.dmS})})]})]},s._uid)},m=e=>{var s,l,i,r;let{blok:d}=e,m=Number(d.start_year),x=null!=(r=null==(s=d.items)?void 0:s.findIndex(e=>Number(e.position)>(new Date().getFullYear()-m)*12))?r:0,[h,u]=(0,a.useState)(-1===x?0:x);return(0,t.jsxs)("section",{className:"container grid-12",...(0,c.K1)(d),children:[(0,t.jsxs)("div",{className:"col-span-full md:col-span-8 md:col-start-3",children:[d.headline&&(0,t.jsx)("h2",{children:d.headline}),d.lead&&(0,t.jsx)("div",{className:"richtext text-xl",children:(0,t.jsx)(n.A,{text:d.lead})})]}),(0,t.jsxs)("div",{className:"col-span-full md:col-span-8 md:col-start-3 grid grid-cols-3 mt-4",children:[(0,t.jsx)("div",{className:"flex justify-center border-x border-b",children:(0,t.jsx)("span",{className:"-mt-4 pb-4",children:m})}),(0,t.jsx)("div",{className:"flex justify-center border-r border-b",children:(0,t.jsx)("span",{className:"-mt-4 pb-4",children:m+1})}),(0,t.jsx)("div",{className:"flex justify-center border-r border-b",children:(0,t.jsx)("span",{className:"-mt-4 pb-4",children:m+2})}),(0,t.jsx)("div",{className:"col-span-full relative -mt-4",children:null==(l=d.items)?void 0:l.map((e,s)=>(0,t.jsx)("button",{name:e.headline,onClick:()=>u(s),className:"absolute flex p-1.5 bg-slate-50 text-xs transform -translate-x-1/2",style:{left:e.position?"".concat(parseInt(e.position)/36*100,"%"):"auto"},children:(0,t.jsx)("span",{className:"inline-block w-5 h-5 rounded".concat(h===s?" bg-orange":" bg-slate-900")})},e._uid))}),(0,t.jsx)("div",{className:"col-span-full",children:null==(i=d.items)?void 0:i.slice(h,h+1).map((e,s)=>{var l;return(0,t.jsx)(o,{blok:e,openGoal:h,setOpenGoal:u,itemsLength:(null==(l=d.items)?void 0:l.length)||0},e._uid)})})]})]})},x=m}}]);