"use strict";(self.webpackChunk_genially_view_client=self.webpackChunk_genially_view_client||[]).push([[2215],{35086:(e,t,n)=>{n.d(t,{z:()=>o});var i=n(45992);const r=n(37577).Ay.rect`
  @keyframes fill {
    0% {
      x: 0%;
      width: 0%;
    }
    50% {
      x: 13%;
      width: 100%;
    }
    100% {
      x: 110%;
      width: 100%;
    }
  }

  ${e=>e.$running&&"\n    animation: fill 2.2s ease-in-out infinite;\n  "}
`,o=e=>{let{running:t=!1}=e;return(0,i.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"7 0 82 20",preserveAspectRatio:"none",children:(0,i.jsxs)("g",{transform:"skewX(-10)",children:[(0,i.jsxs)("defs",{children:[(0,i.jsxs)("linearGradient",{id:"barGradient",x1:"13",y1:"0",x2:"87",y2:"0",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{offset:"0%",stopColor:"#0A4E4E"}),(0,i.jsx)("stop",{offset:"100%",stopColor:"#A8D5D5"})]}),(0,i.jsx)("clipPath",{id:"barClip",children:(0,i.jsx)("rect",{x:"13",y:"4.5",width:"74",height:"11",rx:"2",ry:"2"})})]}),(0,i.jsx)("rect",{x:"11",y:"2.5",width:"78",height:"15",rx:"3",ry:"3",fill:"none",stroke:"#808080",strokeWidth:"2"}),(0,i.jsx)("rect",{x:"13",y:"4.5",width:"74",height:"11",rx:"2",ry:"2",fill:"#eeeeee"}),(0,i.jsx)("g",{clipPath:"url(#barClip)",children:(0,i.jsx)(r,{x:"13",y:"4.5",width:"0",height:"11",fill:"url(#barGradient)",$running:t})})]})})}},40302:(e,t,n)=>{n.d(t,{q:()=>J});var i=n(45992),r=n(37577),o=n(79883),s=n(64322),a=n(17588);const l=e=>{const t=new Image;return t.src=e,t},c=(e,t)=>{try{if(Array.from(document.fonts).some((t=>t.family===e)))return;new FontFace(e,`url(${t})`).load().then((e=>{document.fonts.add(e)}))}catch(n){console.warn("Error preloading font",n)}},d="Unbounded";c(d,"https://fonts.gstatic.com/s/unbounded/v12/Yq6W-LOTXCb04q32xlpwu8ZfvRIkSQ.woff2");const g=r.Ay.div({position:"relative",height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center"}),h=r.Ay.div.attrs((e=>{let{theme:{color:t},$color:n,$fontFamily:i}=e;return{style:{color:null!==n&&void 0!==n?n:t.background.accent.active(),fontFamily:`'${null!==i&&void 0!==i?i:d}', "Source Sans Pro", _fb_`}}}))((e=>{let{theme:{font:t}}=e;return{fontSize:"calc(var(--parent-height) * 0.87 * 1px)",fontWeight:t.weight.bold,letterSpacing:"normal",lineHeight:1.15,textAlign:"center"}})),u=(0,a.forwardRef)(((e,t)=>{let{timeInMMSS:n,size:r,styles:o}=e;return(0,i.jsx)(g,{ref:t,children:(0,i.jsx)(h,{style:{"--parent-height":r.height},$color:o.color,$fontFamily:o.fontFamily,children:n})})})),f=l("https://images.genially.com/widgets/countdown/sportwatch.avif"),m="Offside";c(m,"https://fonts.gstatic.com/s/offside/v24/HI_KiYMWKa9QrAykc5boR72elpU.woff2");const p=r.Ay.div({position:"relative",height:"100%",aspectRatio:"1/1"}),y=r.Ay.div({width:"100%",height:"100%",position:"absolute",top:"0",left:"0",backgroundImage:`url(${f.src})`,backgroundSize:"contain",backgroundPosition:"center",backgroundRepeat:"no-repeat"}),b=r.Ay.div((e=>{let{$width:t,$height:n,$top:i,$right:r}=e;return{position:"absolute",backgroundColor:"rgb(13, 37, 53)",width:t,height:n,top:i,right:r}})),v=r.Ay.div((e=>{let{theme:t,$distance:n,$startFromBottom:i=!1}=e;return r.AH`
    content: '';
    position: absolute;
    width: 10%;
    height: 10%;
    background-color: ${t.color.content.info.default()};
    border-radius: 50%;
    top: 0%;
    left: 50%;
    transform-origin: 0 ${n};
    animation-name: ${(e=>{const t=e?180:0;return(0,r.i7)({"0%":{transform:`rotate(${0+t}deg) translateX(-50%)`},"100%":{transform:`rotate(${360+t}deg) translateX(-50%)`}})})(i)};
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  `})),x=r.Ay.div.attrs((e=>{let{$color:t,$fontFamily:n}=e;return{style:{color:null!==t&&void 0!==t?t:"rgb(191, 212, 232)",fontFamily:`'${null!==n&&void 0!==n?n:m}', "Source Sans Pro", _fb_`}}}))({fontSize:"calc(var(--parent-height) / 3.7 * 1px)",position:"absolute",top:"48%",left:"50%",transform:"translate(-50%, -48%)"}),w=(0,a.forwardRef)(((e,t)=>{let{timeInMMSS:n,size:r,styles:o}=e;return(0,i.jsxs)(p,{ref:t,children:[(0,i.jsx)(b,{$width:"21%",$height:"21%",$top:"11%",$right:"22%",children:(0,i.jsx)(v,{$distance:"480%"})}),(0,i.jsx)(b,{$width:"27%",$height:"27%",$top:"64.5%",$right:"37%",children:(0,i.jsx)(v,{$distance:"500%",$startFromBottom:!0})}),(0,i.jsx)(y,{}),(0,i.jsx)(x,{style:{"--parent-height":r.height},$color:o.color,$fontFamily:o.fontFamily,children:n})]})}));var $=n(35086);const j="Fugaz One";c(j,"https://fonts.gstatic.com/s/fugazone/v21/rax_HiWKp9EAITukFsl8AxhfsUjQ8Q.woff2");const k=r.Ay.div({display:"grid",gridTemplateRows:"1fr auto",justifyItems:"center",alignItems:"center",width:"100%",height:"100%"}),S=r.Ay.div.attrs((e=>{let{$color:t,$fontFamily:n}=e;return{style:{color:null!==t&&void 0!==t?t:"rgb(30, 97, 109)",fontFamily:`'${null!==n&&void 0!==n?n:j}', "Source Sans Pro", _fb_`}}}))((e=>{let{theme:t}=e;return{fontSize:"calc(var(--parent-height) / 1.88 * 1px)",fontWeight:t.font.weight.bold,lineHeight:.8}})),F=r.Ay.div({width:"75%"}),A=(0,a.forwardRef)(((e,t)=>{let{timeInMMSS:n,size:r,styles:o}=e;return(0,i.jsxs)(k,{ref:t,children:[(0,i.jsx)(S,{style:{"--parent-height":r.height},$color:o.color,$fontFamily:o.fontFamily,children:n}),(0,i.jsx)(F,{children:(0,i.jsx)($.z,{running:!0})})]})}));var C=n(90106);const R=l("https://img.genially.com/59e059d30b9c21060cb4c2ec/320263af-a2ab-45c1-8f09-f6d429e90e60.png"),I="Gugi";c(I,"https://fonts.gstatic.com/s/gugi/v21/A2BVn5dXywshZAmK9RMckqI.woff2");const P=r.Ay.div({height:"70%",width:"70%",display:"flex",alignItems:"center",justifyContent:"center",aspectRatio:"1 / 1",borderRadius:"50%",backgroundImage:`url(${R.src})`,backgroundSize:"contain",backgroundPosition:"center",backgroundRepeat:"no-repeat"}),M=r.Ay.div({"@property --angle-spinner":{syntax:'"<angle>"',initialValue:"0deg",inherits:"false"},"@property --rotation-spinner":{syntax:'"<angle>"',initialValue:"0deg",inherits:"false"},"@property --color1-spinner":{syntax:'"<color>"',initialValue:"transparent",inherits:"false"},"@property --color2-spinner":{syntax:'"<color>"',initialValue:"transparent",inherits:"false"},"@property --color3-spinner":{syntax:'"<color>"',initialValue:"rgb(49,49,49)",inherits:"false"},height:"90%",aspectRatio:"1 / 1",borderRadius:"50%",background:"conic-gradient(\n      from 0deg, \n      var(--color1-spinner) 0deg, \n      var(--color2-spinner) var(--angle-spinner), \n      var(--color3-spinner) var(--angle-spinner)\n    )",transform:"translate(-50%, -50%) rotate(var(--rotation-spinner))",animation:"spinner-angle 5s ease-in-out infinite, \n    rotate-spinner 5s linear infinite, \n    color-spinner 5s linear infinite",animationsTimingFunction:"ease-in-out","@keyframes spinner-angle":{"0%":{"--angle-spinner":"0deg"},"40%":{"--angle-spinner":"360deg"},"40.001%":{"--angle-spinner":"0deg"},"80%":{"--angle-spinner":"360deg"},"100%":{"--angle-spinner":"360deg"}},"@keyframes rotate-spinner":{"0%":{"--rotation-spinner":"0deg"},"40%":{"--rotation-spinner":"360deg"},"80%":{"--rotation-spinner":"720deg"},"100%":{"--rotation-spinner":"720deg"}},"@keyframes color-spinner":{"0%":{"--color1-spinner":"transparent","--color2-spinner":"transparent","--color3-spinner":"rgb(49,49,49)"},"40%":{"--color1-spinner":"transparent","--color2-spinner":"transparent","--color3-spinner":"rgb(49,49,49)"},"40.001%":{"--color1-spinner":"rgb(49,49,49)","--color2-spinner":"rgb(49,49,49)","--color3-spinner":"transparent"},"80%":{"--color1-spinner":"rgb(49,49,49)","--color2-spinner":"rgb(49,49,49)","--color3-spinner":"transparent"},"100%":{"--color1-spinner":"rgb(49,49,49)","--color2-spinner":"rgb(49,49,49)","--color3-spinner":"transparent"}}}),z=r.Ay.div.attrs((e=>{let{$backgroundColor:t}=e;return{style:{border:`0.04938em solid ${null!==t&&void 0!==t?t:"rgba(206, 212, 210)"}`}}}))(Object.assign(Object.assign({boxShadow:"0 0 0.1em rgba(0,0,0,0.1)",height:"100%",width:"36.7%",display:"flex",alignItems:"center",justifyContent:"center"},C.iF.mixins.increaseSpecificity({padding:"1.8%"})),{aspectRatio:"1 / 1",borderRadius:"50%",backgroundColor:"rgb(244, 245, 245)",[M]:{position:"absolute",top:"50%",left:"50%"},[P]:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)"}})),O=r.Ay.div({position:"relative",height:"100%",width:"100%",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"calc(var(--parent-height) * 1px)",[z]:{position:"absolute",top:"0%",left:"0%"}}),_=r.Ay.div({height:"100%",width:"100%",background:"linear-gradient(\n      120deg,\n      rgba(255, 255, 255, 0) 0%,\n      rgba(255, 255, 255, 0) 30%,\n      rgba(255, 255, 255, 0.3) 30.1%,\n      rgba(255, 255, 255, 0.3) 35%,\n      rgba(255, 255, 255, 0) 35.1%,\n      rgba(255, 255, 255, 0) 35.6%,\n      rgba(255, 255, 255, 0.3) 35.7%,\n      rgba(255, 255, 255, 0.3) 37.7%,\n      rgba(255, 255, 255, 0) 37.8%,\n      rgba(255, 255, 255, 0) 60%\n    )",backgroundSize:"300%",backgroundPositionX:"100%",animation:"shimmer 4.8s linear infinite","@keyframes shimmer":{"0%":{backgroundPositionX:"100%"},"75%":{backgroundPositionX:"100%"},"100%":{backgroundPositionX:"0%"}}}),T=r.Ay.div.attrs((e=>{let{$color:t,$fontFamily:n}=e;return{style:{color:null!==t&&void 0!==t?t:"rgb(49, 49, 49)",fontFamily:`'${null!==n&&void 0!==n?n:I}', "Source Sans Pro", _fb_`}}}))((e=>{let{theme:{font:t}}=e;return{fontSize:"0.46em",fontWeight:t.weight.bold,letterSpacing:"normal",lineHeight:1.15,textAlign:"right"}})),q=r.Ay.div.attrs((e=>{let{$backgroundColor:t}=e;return{style:{backgroundColor:null!==t&&void 0!==t?t:"rgba(206, 212, 210)"}}}))(Object.assign(Object.assign({borderRadius:"0.20704em",position:"relative",display:"flex",alignItems:"center",justifyContent:"flex-end",height:"72%",width:"100%"},C.iF.mixins.increaseSpecificity({paddingRight:"12.3%",paddingTop:"0.9%",marginLeft:"10%"})),{[_]:{position:"absolute",top:0,left:0},[T]:{position:"absolute",left:"38%"}})),E=(0,a.forwardRef)(((e,t)=>{let{timeInMMSS:n,size:r,styles:o}=e;const s={"--parent-height":r.height};return(0,i.jsxs)(O,{ref:t,style:s,children:[(0,i.jsxs)(q,{$backgroundColor:o.backgroundColor,children:[(0,i.jsx)(T,{$color:o.color,$fontFamily:o.fontFamily,children:n}),(0,i.jsx)(_,{})]}),(0,i.jsxs)(z,{$backgroundColor:o.backgroundColor,children:[(0,i.jsx)(M,{}),(0,i.jsx)(P,{})]})]})})),W="https://img.genially.com/60ef11e790ed4a0ff835b724/0ecdb3d6-1773-46ee-927b-362b2b911e74.gif";l(W);const N="Comfortaa";c(N,"https://fonts.gstatic.com/s/comfortaa/v47/1PtCg8LJRfWJmhDAuUsSQamb1W0lwk4S4WjMXL830efAesmwYSFoxBEP_I28dnyM.woff2");const B=r.Ay.div.attrs((e=>{let{$backgroundColor:t}=e;return{style:{backgroundColor:null!==t&&void 0!==t?t:"rgb(21, 53, 80)"}}}))({borderRadius:"100vmax",position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",width:"93%",height:"65%",display:"flex",flexDirection:"row",alignItems:"center"}),H=r.Ay.img(Object.assign(Object.assign({},C.iF.mixins.increaseSpecificity({marginLeft:"-7%"})),{height:"157%"})),X=r.Ay.div.attrs((e=>{let{$color:t,$fontFamily:n}=e;return{style:{color:null!==t&&void 0!==t?t:"white",fontFamily:`'${null!==n&&void 0!==n?n:N}', "Source Sans Pro", _fb_`}}}))((e=>{let{theme:t}=e;return Object.assign(Object.assign({},C.iF.mixins.increaseSpecificity({marginLeft:"-7%"})),{fontSize:"calc(var(--parent-height)/1.96 * 1px)",fontWeight:t.font.weight.bold})})),D=(0,a.forwardRef)(((e,t)=>{let{timeInMMSS:n,size:r,styles:o}=e;return(0,i.jsxs)(B,{ref:t,$backgroundColor:o.backgroundColor,children:[(0,i.jsx)(H,{src:W,alt:""}),(0,i.jsx)(X,{$color:o.color,$fontFamily:o.fontFamily,style:{"--parent-height":r.height},children:n})]})})),U="https://static.genially.com/widgets/timers/standard/static-sandwatch.png",K="DM Mono";c(K,"https://fonts.gstatic.com/s/dmmono/v16/aFTU7PB1QTsUX8KYthqQBK6PYK0.woff2");const L=r.Ay.div.attrs((e=>{let{theme:{color:t},$backgroundColor:n}=e;return{style:{backgroundColor:null!==n&&void 0!==n?n:t.background.reversed.active(.8)}}}))({position:"absolute",top:"50%",left:"50%",width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",borderRadius:"calc(var(--parent-height) / 12.5 * 1px)",boxShadow:"rgba(0, 0, 0, 0.25) 3px 4px 18px",transform:"translate(-50%, -50%)"}),Q=r.Ay.div.attrs((e=>{let{$color:t,$fontFamily:n}=e;return{style:{color:null!==t&&void 0!==t?t:"white",fontFamily:`'${null!==n&&void 0!==n?n:K}', "Source Sans Pro", _fb_`}}}))((e=>{let{theme:t}=e;return Object.assign(Object.assign({fontSize:"calc(var(--parent-height) / 1.61 * 1px)"},C.iF.mixins.increaseSpecificity({marginLeft:"10%"})),{fontWeight:t.font.weight.normal,letterSpacing:0,lineHeight:.9,textAlign:"center"})})),V=r.Ay.div.attrs((e=>{let{$color:t}=e;return{style:{backgroundColor:null!==t&&void 0!==t?t:"white"}}}))({width:"8.17%",height:"20.5%",position:"absolute",top:"10.67%",left:"4.08%",maskImage:`url(${U})`,maskRepeat:"no-repeat",maskSize:"contain"}),G=(0,a.forwardRef)(((e,t)=>{let{timeInMMSS:n,size:r,styles:o}=e;const[s,l]=(0,a.useState)(!1);return(0,a.useEffect)((()=>{var e;(e=U,new Promise((t=>{const n=new Image;n.onload=t,n.src=e}))).then((()=>{l(!0)}))}),[]),(0,i.jsxs)(L,{ref:t,style:{"--parent-height":r.height},$backgroundColor:o.backgroundColor,children:[s?(0,i.jsx)(V,{$color:o.color}):null,(0,i.jsx)(Q,{$color:o.color,$fontFamily:o.fontFamily,children:n})]})})),Y=e=>{let{variant:t,timeInMillis:n,styles:r}=e;const l=(0,o.AF)(n),c=(e=>{switch(e){case s.Pq.SAND:return D;case s.Pq.CRONO:return w;case s.Pq.STANDARD:return G;case s.Pq.AKIHABARA:return u;case s.Pq.PROGRESS_BAR:return A;case s.Pq.RETRO:return E;default:return()=>(0,i.jsx)("h1",{children:"\u23f0 WIP-ing timers"})}})(t),{ref:d,size:g}=(e=>{const[t,n]=(0,a.useState)({width:0,height:0}),i=(0,a.useRef)(null);return(0,a.useEffect)((()=>{if(!i.current)return;const e=new ResizeObserver((e=>{const{width:t,height:i}=e[0].contentRect;n({width:t,height:i})}));return e.observe(i.current),()=>e.disconnect()}),[i,e]),{ref:i,size:t}})(t);return(0,i.jsx)(c,{ref:d,timeInMMSS:l,size:g,styles:r})},J=e=>{let{theme:t,time:n,variant:o,styles:s}=e;return(0,i.jsx)(r.NP,{theme:t,children:(0,i.jsx)(Y,{variant:o,timeInMillis:n,styles:s})})}},32215:(e,t,n)=>{n.r(t),n.d(t,{geniallyTimerEditorScript:()=>c});var i=n(45992),r=n(90106),o=n(57277),s=n(40302),a=n(82068),l=n(64322);const c=e=>{let{script:t,editor:n}=e;const c=t.item;c&&("preserveAspectRatio"in c&&(c.preserveAspectRatio=!0),t.on("configChange",(e=>{let{config:i,prevConfig:r}=e;var o;const{variant:s}=i,d=t.item;d&&((e=>{e.thumbnail&&(e.thumbnail=void 0)})(d),r&&s!==r.variant&&(null===(o=n.trackWidgetPresetChange)||void 0===o||o.call(n,`${a.a.scriptId};${s}`)),((e,t)=>{const n=e.height*l.NJ[t];e.setSize(n,e.height)})(c,s),d.showOverflow||(d.showOverflow=!0))})),(0,o.x)({getTargetNodeItem:()=>t.item,renderApp:()=>{const{initialTime:e,variant:n,backgroundColor:o,color:a,fontFamily:l}=t.getConfig(),c={color:""===a?void 0:a,backgroundColor:""===o?void 0:o,fontFamily:""===(null===l||void 0===l?void 0:l.name)||null===l||void 0===l?void 0:l.name};return(0,i.jsx)(s.q,{theme:r.iF.themes.newPrimary,time:e.milliseconds,variant:n,styles:c})},renderThumbnailApp:()=>{const{initialTime:e,variant:n,backgroundColor:o,color:a,fontFamily:l}=t.getConfig(),c={color:""===a?void 0:a,backgroundColor:""===o?void 0:o,fontFamily:""===(null===l||void 0===l?void 0:l.name)||null===l||void 0===l?void 0:l.name};return(0,i.jsx)(s.q,{theme:r.iF.themes.newPrimary,time:e.milliseconds,variant:n,styles:c})},nodePrefix:"timer"})({script:t,editor:n}))}},57277:(e,t,n)=>{n.d(t,{x:()=>r});var i=n(70377);function r(e){let{getTargetNodeItem:t,renderApp:n,renderThumbnailApp:r,nodePrefix:o}=e;return e=>{let{script:s,editor:a}=e,l=null,c=[];function d(e){l&&(i.unmountComponentAtNode(l),l=null),e&&"innerHtml"in e&&(e.innerHtml='<div class="card-iframe"><div style="width: 100%; height: 100%; background: #FF0000; color: #FFFFFF;">Deleted</div><script><\/script></div>')}function g(){l&&i.render(n(),l)}function h(){const e=t(s.getConfig());if(!e)return;const n=`${o}-${e.id}`;"innerHtml"in e&&(e.innerHtml=`<div class="card-iframe"><div id="${n}" class="genially-widget-app" style="width: 100%; height: 100%;"></div></div>`),requestAnimationFrame((()=>{l="idOfFreeNode"in e?document.getElementById(e.idOfFreeNode)||null:document.getElementById(n)||null,g()}))}function u(){r&&c.length&&c.forEach((e=>{i.render(r(),e)}))}function f(){const e=t(s.getConfig());e&&"idOfThumbnailFreeNode"in e&&requestAnimationFrame((()=>{const t=document.getElementsByClassName(e.idOfThumbnailFreeNode);c=Array.from(t),u()}))}s.on("configChange",(e=>{let{config:n,prevConfig:i}=e;const r=t(n),o=i?t(i):void 0;o&&o!==r&&d(o),r&&(r!==o?(h(),f()):(g(),u()))})),s.on("dispose",(()=>{d(t(s.getConfig()))})),a.on("itemMount",(e=>{let{item:t}=e;t===s.item&&h()})),a.on("slideChange",(()=>{g()})),a.on("itemUnmount",(e=>{let{item:t}=e;t===s.item&&d()})),a.on("itemThumbnailMount",(e=>{let{item:t}=e;t===s.item&&f()}))}}},79883:(e,t,n)=>{n.d(t,{EJ:()=>a,AF:()=>s,di:()=>l});const i=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;return e.toString().padStart(t,"0")};function r(e){const t=Math.floor(e/1e3);return{seconds:t%60,minutes:Math.floor(t/60)}}function o(e){const t=function(e){const t=r(e);return{seconds:t.seconds,minutes:t.minutes%60,hours:Math.floor(t.minutes/60)}}(e);return{seconds:t.seconds,minutes:t.minutes,hours:t.hours%24,days:Math.floor(t.hours/24)}}function s(e){const t=r(e);return`${i(t.minutes)}:${i(t.seconds)}`}function a(e){const t=o(e);return`${i(t.days,2)}:${i(t.hours)}:${i(t.minutes)}:${i(t.seconds)}`}function l(){const e=new Date,t=e.getTime();return t-(t+6e4*e.getTimezoneOffset())}}}]);
//# sourceMappingURL=https://s3-static-genially.genially.com/view/static/js/2215.cd2b401d.chunk.js.map