https://www.interactivethings.com/_next/static/chunks/3746.92998e5cc6ad9f27.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3746],{43746:(o,e,s)=>{s.r(e),s.d(e,{default:()=>P});var t=s(66352),i=s(95132);s(68893);var r=s(426),l=s(68519),c=s(78684),n=s(6701),a=s(25009),g=s(24057),d=s(71341),b=s(77766),k=s(92104),y=s(60108),m=s(82685),j=s(41182),u=s(68272),x=s(93832);let{quote:h,collage:p,chartSystem:w,countries:S,printWheel:D,responsiveness:T,visualGuidelines:f,userStories:C,policyDimensions:v,blogpost:I}=g.Qs,P=({t:o})=>{let e=!(0,x.U)("(min-width: 50em)");return(0,t.jsxs)(i.Fragment,{children:[(0,t.jsx)(r.ZP,{threshold:[0,1],children:e=>(0,t.jsx)(d.w,{t:o,isIntersecting:e})}),(0,t.jsx)(r.ZP,{threshold:[0,1],children:s=>(0,t.jsx)(r.h0,{background:C.assets.background,padding:"top-bottom",noMinHeight:!0,customStyles:{overflow:"hidden"},children:(0,t.jsxs)(r.DA,{children:[(0,t.jsxs)(a.wQ,{m:"1/2",flexProperties:{justifyContent:"center",alignItems:e?"center":"flex-start",flexDirection:"column"},children:[(0,t.jsx)(n._x,{color:C.assets.color,center:e,children:o.work.body.projects.goingDigitalToolkit.body.userStories.title}),(0,t.jsx)(n.c5,{color:C.assets.color,center:e,children:o.work.body.projects.goingDigitalToolkit.body.userStories.body}),(0,t.jsx)(b.P,{isIntersecting:!0,title:o.work.body.projects.goingDigitalToolkit.body.userStories.serviceSectionTitle,label:o.work.body.projects.goingDigitalToolkit.body.userStories.serviceSectionLabel,image:e?C.assets.serviceSectionImageMobile:C.assets.serviceSectionImageDesktop,link:"/service"})]}),(0,t.jsx)(a.wQ,{m:"1/2",flexProperties:{justifyContent:"center",alignItems:"flex-end"},children:(0,t.jsx)(k.X,{isIntersecting:s,isMobile:e,image3Src:C.assets.userStoryImage3,image2Src:C.assets.userStoryImage2,image1Src:C.assets.userStoryImage1})})]})})}),(0,t.jsxs)(r.h0,{backgroundColor:v.assets.backgroundColor,children:[(0,t.jsxs)(r.Bv,{padding:"bottom",children:[(0,t.jsx)(n._x,{center:!0,color:v.assets.color,children:o.work.body.projects.goingDigitalToolkit.body.policyDimensions.title}),(0,t.jsx)(n.c5,{center:!0,color:v.assets.color,children:o.work.body.projects.goingDigitalToolkit.body.policyDimensions.body})]}),(0,t.jsx)(r.DA,{children:(0,t.jsx)(a.wQ,{s:"1/1",style:{paddingBottom:e?"1em":0},flexProperties:{justifyContent:"center",alignItems:"center",flexDirection:"row"},children:(0,t.jsx)(c.w,{src:e?v.assets.imageSrcMobile:v.assets.imageSrcDesktop,alt:"input fields documentation",style:{width:e?"100%":"70%"}})})})]}),(0,t.jsx)(y.M,{countries:g.X7,title:o.work.body.projects.goingDigitalToolkit.body.countries.title,body:o.work.body.projects.goingDigitalToolkit.body.countries.body,imageSrc:S.assets.imageSrc,imageCenterSrc:S.assets.imageCenterSrc,legendMobile:S.assets.imageLegendMobileSrc,legendDesktop:S.assets.imageLegendDesktopSrc,altText:o.work.body.projects.goingDigitalToolkit.body.countries.altText,color:S.assets.color,backgroundColor:S.assets.backgroundColor,isMobile:e}),(0,t.jsx)(m.A,{backgroundColor:T.assets.backgroundColor,imageSrc:T.assets.imageSrc,color:T.assets.color,title:o.work.body.projects.goingDigitalToolkit.body.responsiveness.title,body:o.work.body.projects.goingDigitalToolkit.body.responsiveness.body,altText:o.work.body.projects.goingDigitalToolkit.body.responsiveness.altText,isMobile:e}),(0,t.jsx)(m.A,{backgroundColor:f.assets.backgroundColor,imageSrc:f.assets.imageSrc,color:f.assets.color,title:o.work.body.projects.goingDigitalToolkit.body.visualGuidelines.title,body:o.work.body.projects.goingDigitalToolkit.body.visualGuidelines.body,altText:o.work.body.projects.goingDigitalToolkit.body.visualGuidelines.altText,isMobile:e,imageIsOnTheRight:!0}),(0,t.jsx)(j.P,{backgroundImageSrc:h.assets.imageSrc,logoSvg:h.assets.logoSrc,quoteSvg:h.assets.textSource}),(0,t.jsx)(l.VR,{backgroundColor:w.assets.backgroundColor,color:w.assets.color,title:o.work.body.projects.goingDigitalToolkit.body.chartSystem.title,introduction:o.work.body.projects.goingDigitalToolkit.body.chartSystem.body,children:(0,t.jsxs)(l.Vc,{children:[(0,t.jsx)(c.w,{src:e?w.assets.imagesMobile1:w.assets.imagesDesktop1}),(0,t.jsx)(c.w,{src:e?w.assets.imagesMobile2:w.assets.imagesDesktop2}),(0,t.jsx)(c.w,{src:e?w.assets.imagesMobile3:w.assets.imagesDesktop3})]})}),(0,t.jsx)(r.h0,{backgroundColor:I.assets.backgroundColor,padding:"top-bottom",noMinHeight:!0,children:(0,t.jsxs)(r.DA,{children:[(0,t.jsxs)(a.wQ,{m:"1/2",flexProperties:{justifyContent:"center",alignItems:e?"center":"flex-start",flexDirection:"column"},children:[(0,t.jsx)(n._x,{color:I.assets.color,center:e,children:o.work.body.projects.goingDigitalToolkit.body.blogPost.title}),(0,t.jsx)(n.c5,{color:I.assets.color,center:e,children:o.work.body.projects.goingDigitalToolkit.body.blogPost.body}),(0,t.jsx)(b.P,{isIntersecting:!0,title:o.work.body.projects.goingDigitalToolkit.body.blogPost.blogPostTitle,label:o.work.body.projects.goingDigitalToolkit.body.blogPost.blogPostLabel,image:e?I.assets.blogPostImageMobile:I.assets.blogPostImage,link:"https://blog.interactivethings.com/how-we-visualized-the-43-indicators-of-oecds-going-digital-toolkit-900093cd34ca"})]}),!e&&(0,t.jsx)(a.wQ,{m:"1/2",flexProperties:{justifyContent:"center",alignItems:"flex-end",flexDirection:"column"},style:{color:I.assets.color,transformStyle:"preserve-3d"},children:(0,t.jsx)(c.w,{src:I.assets.sideImageSrc,style:{width:"100%",flexShrink:0}})})]})}),(0,t.jsx)(r.X9,{children:s=>(0,t.jsxs)(r.h0,{backgroundColor:D.assets.backgroundColor,children:[(0,t.jsxs)(r.Bv,{padding:"bottom",children:[(0,t.jsx)(n._x,{color:D.assets.color,center:!0,children:o.work.body.projects.goingDigitalToolkit.body.printWheel.title}),(0,t.jsx)(n.c5,{color:D.assets.color,center:!0,children:o.work.body.projects.goingDigitalToolkit.body.printWheel.body})]}),(0,t.jsx)(u.P,{percentage:s,isMobile:e})]})}),(0,t.jsx)(r.h0,{backgroundImage:e?p.assets.imageMobile:p.assets.image,backgroundImageOptions:{backgroundSize:"cover",backgroundPosition:"center center",display:"block",width:" 100%"},backgroundColor:p.assets.backgroundColor,children:null})]})}},93832:(o,e,s)=>{s.d(e,{U:()=>i,a:()=>r});var t=s(95132);function i(o){let[e,s]=t.useState(null);return t.useEffect(()=>{let e=window.matchMedia(o.replace(/^@media /,"")),t=()=>s(!!e.matches);return t(),e.addListener(t),()=>{e.removeListener(t)}},[o]),e}let r={m:"(min-width: 50em)"}}}]);