https://takezest.com/_next/static/chunks/6513.e6fb395a08cf4913.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6513],{9474:function(t,e,r){r.d(e,{GI:function(){return i},dP:function(){return n}}),r(23462);let n=[[0,"#838F9D"],[.3,"#FFFFFF"],[.55,"#A8B0B9"],[.8,"#ECEEF1"],[1,"#838F9D"]],i=function(){let t=arguments.length>0&&void 0!==arguments[0]&&arguments[0];return t?"bg-chrome-pill-dk border border-slate-600 text-white shadow-[inset_0_1px_0_rgba(255,255,255,.35)]":"bg-chrome-pill border border-silver-400 text-ink shadow-[inset_0_1px_0_#fff,inset_0_-1px_0_rgba(60,79,101,.28),0_1px_2px_rgba(21,34,49,.15)]"}},66513:function(t,e,r){r.r(e),r.d(e,{CHARTS:function(){return d},EnergyLineChart:function(){return y},TRAVEL:function(){return a},headX:function(){return l}});var n=r(23462),i=r(9474),o=r(25879),c=r(97268);let a=.32;function l(t,e){let{k:r,t:n}=e,i=t[Math.min(r,t.length-1)];if(r>=t.length-1||n<=1-a)return i;let o=(n-(1-a))/a;return i+(t[r+1]-i)*(o*o*(3-2*o))}let s="SoehneMono-Halbfett, ui-monospace, monospace",d={A:{xs:[22,27,30,34],xl:["10 PM \xb7 TAKE ZEST","3 AM \xb7 SLEEP","6 AM \xb7 WAKE UP","10 AM \xb7 LIVE"],xlm:["10 PM","3 AM","6 AM","10 AM"],with:[[22,.22],[24,.14],[27,.1],[29,.12],[29.8,.3],[30.4,.66],[31.2,.8],[32.5,.84],[34,.86]],without:[[22,.22],[24,.14],[27,.1],[29,.1],[30,.14],[31,.24],[32.5,.36],[34,.44]],withLabel:"WITH ZEST",withoutLabel:"WITHOUT",aria:"Illustrative energy curve: with Zest, energy rises around 6 AM wake-up and stays high to 10 AM; without, it rises slowly"},B:{xs:[.6,1,2,3,3.4],xl:["DEPART","NIGHT 1","NIGHT 2","NIGHT 3",""],xlm:["","N1","N2","N3",""],with:[[.6,.28],[1,.3],[1.6,.42],[2,.55],[2.5,.7],[3,.8],[3.4,.84]],without:[[.6,.28],[1,.27],[2,.31],[3,.36],[3.4,.38]],withLabel:"WITH THE TRAVEL PACK ROUTINE",withoutLabel:"WITHOUT",aria:"Illustrative energy curve over three nights at a new destination: with the Travel Pack routine, energy climbs night by night; without, it stays low"}},u={axis:"rgba(22,23,43,.5)",tick:"rgba(22,23,43,.28)",lab:"#6E6C7A",wo:"rgba(22,23,43,.42)",with:"#FF4F00"},h={d:[760,300],m:[360,250]},f={d:[828,392],m:[360,320]},x={d:[828,392],m:[400,230]},m=t=>String(Math.round(100*t)/100);function w(t){let e="M".concat(m(t[0][0])," ").concat(m(t[0][1]));for(let i=0;i<t.length-1;i++){var r,n;let o=null!==(r=t[i-1])&&void 0!==r?r:t[i],c=t[i],a=t[i+1],l=null!==(n=t[i+2])&&void 0!==n?n:a,s=[c[0]+(a[0]-o[0])/6,c[1]+(a[1]-o[1])/6],d=[a[0]-(l[0]-c[0])/6,a[1]-(l[1]-c[1])/6];e+=" C".concat(m(s[0])," ").concat(m(s[1])," ").concat(m(d[0])," ").concat(m(d[1])," ").concat(m(a[0])," ").concat(m(a[1]))}return e}function g(t,e,r){let n=arguments.length>3&&void 0!==arguments[3]&&arguments[3],[i,o]=(n?x:r?f:h)[e?"m":"d"],[c,a,l,s]=n?e?[14,14,34,44]:[18,18,38,50]:e?[34,22,34,44]:[54,64,38,50],d=t.xs[0],u=t.xs[t.xs.length-1];return{W:i,H:o,L:c,R:a,T:l,B:s,X:t=>c+(t-d)/(u-d)*(i-c-a),Y:t=>o-s-t*(o-l-s)}}function p(t){let{v:e,uid:r,mobile:o,big:c,clipRef:a,fadeRef:l,withRef:d,markRef:h}=t,{W:f,H:x,L:p,R:y,T:b,B:E,X:v,Y:k}=g(e,o,c,!!h),j=e.xs,A=e.with.map(t=>{let[e,r]=t;return[v(e),k(r)]}),L=e.without.map(t=>{let[e,r]=t;return[v(e),k(r)]}),T=o?24:c?52:48,[F,_]=A[A.length-1],[M,R]=L[L.length-1],S=o?8.5:8;return(0,n.jsxs)("svg",{viewBox:"0 0 ".concat(f," ").concat(x),role:"img","aria-label":e.aria,className:"block h-auto w-full",children:[(0,n.jsxs)("defs",{children:[(0,n.jsx)("linearGradient",{id:"fa".concat(r),x1:"0",x2:"1",children:i.dP.map(t=>{let[e,r]=t;return(0,n.jsx)("stop",{offset:e,stopColor:r},e)})}),(0,n.jsxs)("radialGradient",{id:"eg".concat(r),children:[(0,n.jsx)("stop",{offset:"0",stopColor:u.with,stopOpacity:".55"}),(0,n.jsx)("stop",{offset:"1",stopColor:u.with,stopOpacity:"0"})]}),(0,n.jsx)("clipPath",{id:"ec".concat(r),children:(0,n.jsx)("rect",{ref:a,x:"0",y:"0",width:f,height:x})})]}),(0,n.jsx)("line",{x1:p,y1:x-E,x2:f-y,y2:x-E,stroke:"url(#fa".concat(r,")"),strokeWidth:"1.1"}),(0,n.jsx)("line",{x1:p,y1:b-6,x2:p,y2:x-E,stroke:u.axis,strokeWidth:".75"}),Array.from({length:T+1},(t,e)=>{let r=p+e*(f-p-y)/T;return(0,n.jsx)("line",{x1:m(r),y1:x-E,x2:m(r),y2:x-E+3,stroke:u.tick,strokeWidth:".75"},e)}),j.map((t,r)=>(0,n.jsxs)("g",{children:[(0,n.jsx)("line",{x1:m(v(t)),y1:x-E,x2:m(v(t)),y2:x-E+7,stroke:u.axis,strokeWidth:"1"}),(0,n.jsx)("text",{x:m(v(t)+(h&&0===r?-6:h&&r===j.length-1?6:0)),y:x-E+(o?18:19),textAnchor:h&&0===r?"start":h&&r===j.length-1?"end":"middle",fontFamily:s,fontSize:S,letterSpacing:"1.1",fill:u.lab,children:(o?e.xlm:e.xl)[r]}),(0,n.jsx)("line",{x1:m(v(t)),y1:b,x2:m(v(t)),y2:x-E,stroke:u.tick,strokeWidth:".5",strokeDasharray:"1 4",strokeLinecap:"round"})]},t)),(0,n.jsx)("text",{x:p+6,y:b-10,fontFamily:s,fontSize:o?8:7.5,letterSpacing:"1.2",fill:u.lab,children:"ENERGY LEVEL"}),(0,n.jsx)("text",{x:f-y,y:b-10,textAnchor:"end",fontFamily:s,fontSize:"7",letterSpacing:"1.2",fill:u.lab,children:"ILLUSTRATIVE \xb7 NOT DATA"}),(0,n.jsxs)("g",{clipPath:"url(#ec".concat(r,")"),children:[(0,n.jsx)("path",{d:w(L),fill:"none",stroke:u.wo,strokeWidth:c?1.6:1.4,strokeDasharray:"0 ".concat(c?6.2:5.5),strokeLinecap:"round"}),(0,n.jsx)("path",{ref:d,d:w(A),fill:"none",stroke:u.with,strokeWidth:c?o?3.8:3.7:o?3.4:3.2,strokeDasharray:"0 ".concat(c?o?6.2:5.9:o?5.4:5),strokeLinecap:"round"})]}),h&&(0,n.jsxs)("g",{ref:h,"aria-hidden":"true",children:[(0,n.jsx)("circle",{r:"11",fill:"url(#eg".concat(r,")")}),(0,n.jsx)("circle",{r:"4.5",fill:u.with,stroke:"#fff",strokeWidth:"1.5"})]}),(0,n.jsxs)("g",{ref:l,children:[(0,n.jsx)("circle",{cx:m(F),cy:m(_),r:"12",fill:"url(#eg".concat(r,")")}),(0,n.jsx)("circle",{cx:m(F),cy:m(_),r:"4",fill:u.with}),(0,n.jsx)("circle",{cx:m(M),cy:m(R),r:"3.2",fill:"none",stroke:u.wo,strokeWidth:"1"}),(0,n.jsx)("text",{x:m(F-8),y:m(_-12),textAnchor:"end",fontFamily:s,fontSize:S,letterSpacing:"1.2",fill:u.with,children:e.withLabel}),(0,n.jsx)("text",{x:m(M-8),y:m(R+16),textAnchor:"end",fontFamily:s,fontSize:S,letterSpacing:"1.2",fill:u.lab,children:e.withoutLabel})]})]})}function y(t){let{variant:e="A",big:r=!1,sync:i}=t,a=d[e],s=(0,c.useRef)(null),u=(0,c.useRef)([]),f=(0,c.useRef)([]),x=(0,c.useRef)([]),m=(0,c.useRef)([]);(0,c.useEffect)(()=>{var t;if(!i)return;let e=document.getElementById(i),n=[!1,!0].map(t=>g(a,t,r,!0));if(!e||window.matchMedia("(prefers-reduced-motion: reduce)").matches){u.current.forEach(t=>t.setAttribute("transform","scale(1 1)")),f.current.forEach(t=>t.style.opacity="1"),m.current.forEach(t=>t.style.display="none");return}let o=x.current.map(t=>{let e=t.getTotalLength(),r=[];for(let n=0;n<=240;n++){let i=t.getPointAtLength(e*n/240);r.push([i.x,i.y])}return r}),c=(t,e)=>{let r=o[t],n=r.findIndex(t=>t[0]>=e);if(n<=0)return r[Math.max(0,n)][1];let[i,c]=r[n-1],[a,l]=r[n];return a===i?l:c+(l-c)*(e-i)/(a-i)};f.current.forEach(t=>t.style.transition="opacity 320ms cubic-bezier(.22,1,.36,1)");let d=t=>{let e=l(a.xs,t);

1n.forEach((t,r)=>{var n,i;let a=t.X(e);null===(n=u.current[r])||void 0===n||n.setAttribute("transform","scale(".concat(((a+3)/t.W).toFixed(4)," 1)")),o[r]&&(null===(i=m.current[r])||void 0===i||i.setAttribute("transform","translate(".concat(a.toFixed(2)," ").concat(c(r,a).toFixed(2),")")))});let r=t.k>=a.xs.length-1?"1":"0";f.current.forEach(t=>t.style.opacity=r),s.current.__chart={x:e,k:t.k,t:t.t}},h=t=>d(t.detail);return d(null!==(t=e.__story)&&void 0!==t?t:{k:0,t:0}),e.addEventListener("story",h),()=>e.removeEventListener("story",h)},[i,a,r]),(0,c.useEffect)(()=>{let t=s.current;if(!t||i)return;let e=t=>{u.current.forEach(e=>e.setAttribute("transform","scale(".concat(t.toFixed(4)," 1)")));let e=t>=.98?"1":"0";f.current.forEach(t=>{t.style.opacity=e})};if(window.matchMedia("(prefers-reduced-motion: reduce)").matches){e(1);return}f.current.forEach(t=>{t.style.transition="opacity 320ms cubic-bezier(.22,1,.36,1)"});let n=-1;return(0,o.Z)(()=>{let i=t.getBoundingClientRect(),o=window.innerHeight,[c,a]=h[window.innerWidth>=768?"d":"m"],l=Math.min(1,Math.max(0,(.85*o-(r&&window.innerWidth<1024?i.bottom-i.width*a/c:i.top))/(.6*o)));.002>Math.abs(l-n)||(n=l,e(l))})},[r,i]);let w=t=>e=>{e&&(x.current[t]=e)},y=t=>e=>{e&&(m.current[t]=e)},b=t=>e=>{e&&(u.current[t]=e)},E=t=>e=>{e&&(f.current[t]=e)};return(0,n.jsxs)("div",{ref:s,"data-chart-sync":i,className:"mx-auto w-full ".concat(r?"":"max-w-[860px]"),children:[(0,n.jsx)("div",{className:"hidden md:block",children:(0,n.jsx)(p,{v:a,uid:"".concat(e,"d"),mobile:!1,big:r,clipRef:b(0),fadeRef:E(0),withRef:i?w(0):void 0,markRef:i?y(0):void 0})}),(0,n.jsx)("div",{className:"md:hidden",children:(0,n.jsx)(p,{v:a,uid:"".concat(e,"m"),mobile:!0,big:r,clipRef:b(1),fadeRef:E(1),withRef:i?w(1):void 0,markRef:i?y(1):void 0})})]})}},25879:function(t,e,r){r.d(e,{J:function(){return i},Z:function(){return o}});var n=r(97268);function i(){let[t,e]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let t=window.matchMedia("(prefers-reduced-motion: reduce)"),r=()=>e(t.matches);return r(),t.addEventListener("change",r),()=>t.removeEventListener("change",r)},[]),t}function o(t){let e=0,r=()=>{e||(e=requestAnimationFrame(()=>{e=0,t()}))};return window.addEventListener("scroll",r,{passive:!0}),window.addEventListener("resize",r,{passive:!0}),r(),()=>{cancelAnimationFrame(e),window.removeEventListener("scroll",r),window.removeEventListener("resize",r)}}}}]);