{"version":3,"sources":["updateVote.js","ubuntu-regular.woff","ubuntu-700.woff","Drag.js","IntroScreen.js","assets.js","sparoge.mp4","lavanda.mp4","sparoge.png","lavanda.png","outline.png","izbor.png","index.js"],"names":["updateVote","_x","_x2","_x3","_updateVote","apply","this","arguments","_callee","update","lavanda","sparoge","vote","_vote$data$data","taste1","taste2","total","_home_hrvoje_work_go2digital_argeta_node_modules_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_0___default","a","wrap","_context","prev","next","window","track","xr","get","concat","sent","status","data","point","s","Object","_home_hrvoje_work_go2digital_argeta_node_modules_babel_runtime_helpers_esm_objectSpread__WEBPACK_IMPORTED_MODULE_1__","t0","stop","module","exports","__webpack_require__","p","Delegate","dragging","startCoords","scale","start","e","_this","props","canDrag","getCoordinates","isDragging","end","rect","el","getBoundingClientRect","x","y","onPick","id","style","transform","oldTransition","transition","setTimeout","move","_this$startCoords","slicedToArray","x0","y0","_this$getCoordinates","_this$getCoordinates2","touches","length","clientX","clientY","src","alt","addEventListener","document","drag","opacity","Drag","react_default","createElement","dist","assign","delegate","element","Intro","state","video","ready","progress","setState","_this2","sparogeVideo","readyState","oncanplay","objectSpread","lavandaVideo","prevProps","prevState","_this3","pause","currentTime","play","_this4","_this$state","Wrap","className","visibility","ref","preloader","require","First","Outline","src_Drag","v","Second","width","Math","round","React","Component","styled","div","_templateObject","img","_templateObject2","_templateObject3","_templateObject4","d","__webpack_exports__","dooh_react_utils__WEBPACK_IMPORTED_MODULE_0__","Preloader","name","url","Style","createGlobalStyle","setup","then","_ref","_home_hrvoje_work_go2digital_argeta_node_modules_babel_runtime_helpers_esm_asyncToGenerator__WEBPACK_IMPORTED_MODULE_1__","mark","store","rnd","f","floor","random","min","max","screen","react__WEBPACK_IMPORTED_MODULE_3___default","renderScreens","default"],"mappings":"8KAEe,SAAeA,EAA9BC,EAAAC,EAAAC,GAAA,OAAAC,EAAAC,MAAAC,KAAAC,sDAAe,SAAAC,EAA0BC,EAAQC,EAASC,GAA3C,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,OAAAC,EAAAC,EAAAC,KAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,cACTC,OAAOC,OAAOD,OAAOC,MAAM,MAAO,CAACd,UAASC,YADnCS,EAAAC,KAAA,EAAAD,EAAAE,KAAA,EAGQG,IAAGC,IAAH,wEAAAC,OACuDjB,EADvD,YAAAiB,OACyEhB,EADzE,iDAHR,OAMS,OAHdC,EAHKQ,EAAAQ,MAMFC,QAAkBjB,EAAKkB,MAAQlB,EAAKkB,KAAKA,OAAMjB,EAC3BD,EAAKkB,KAAKA,KAA7BhB,EAD8CD,EAC9CC,OAAQC,EADsCF,EACtCE,OACZD,GAAUA,EAAOiB,OAAShB,GAAUA,EAAOgB,QACvCf,EAAQF,EAAOiB,MAAQhB,EAAOgB,OACxB,GACVtB,EAAO,SAAAuB,GAAC,OAAAC,OAAAC,EAAA,EAAAD,CAAA,GAAUD,EAAV,CAAatB,QAASI,EAAOiB,MAAQf,OAXxCI,EAAAE,KAAA,gBAAAF,EAAAC,KAAA,EAAAD,EAAAe,GAAAf,EAAA,kCAAAA,EAAAgB,SAAA5B,EAAAF,KAAA,yDCFf+B,EAAAC,QAAiBC,EAAAC,EAAuB,iECAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,iMCGlCC,8DA2BJC,UAAW,OACXC,YAAc,UACdC,MAAQ,OAERC,MAAQ,SAAAC,GACDC,EAAKC,MAAMC,UAChBF,EAAKL,UAAW,EAChBK,EAAKJ,YAAcI,EAAKG,eAAeJ,GACvCC,EAAKC,MAAMG,YAAW,UAGxBC,IAAM,SAAAN,GACJ,GAAKC,EAAKC,MAAMC,SACXF,EAAKL,SAAV,CACAK,EAAKL,UAAW,EAChBK,EAAKJ,YAAc,KACnB,IAAMU,EAAON,EAAKO,GAAGC,wBACjBC,EAAIH,EAAKG,EAAIT,EAAKH,MAClBa,EAAIJ,EAAKI,EAAIV,EAAKH,MAEtB,GAAIY,EAAI,IAAMA,EAAI,KAAOC,EAAI,MAAQA,EAAI,KAAM,CAC7CV,EAAKC,MAAMU,OAAOX,EAAKC,MAAMW,IAC7BZ,EAAKO,GAAGM,MAAMC,WAAa,eAE3B,IAAMC,EAAgBf,EAAKO,GAAGM,MAAMG,WACpChB,EAAKO,GAAGM,MAAMG,WAAa,8BAE3BC,WAAW,WACTjB,EAAKO,GAAGM,MAAMC,UAAY,GAC1Bd,EAAKO,GAAGM,MAAMG,WAAaD,GAC1B,UAEHf,EAAKO,GAAGM,MAAMC,UAAY,GAG5Bd,EAAKC,MAAMG,YAAW,UAGxBc,KAAO,SAAAnB,GACL,GAAKC,EAAKC,MAAMC,SACZF,EAAKL,UAAYK,EAAKJ,YAAa,KAAAuB,EAAAjC,OAAAkC,EAAA,EAAAlC,CACtBc,EAAKJ,YADiB,GAChCyB,EADgCF,EAAA,GAC5BG,EAD4BH,EAAA,GAAAI,EAExBvB,EAAKG,eAAeJ,GAFIyB,EAAAtC,OAAAkC,EAAA,EAAAlC,CAAAqC,EAAA,GAEhCd,EAFgCe,EAAA,GAE7Bd,EAF6Bc,EAAA,GAGrCxB,EAAKO,GAAGM,MAAMC,UAAd,aAAAlC,OAAuC6B,EAAIY,EAA3C,QAAAzC,OAAoD8B,EAAIY,EAAxD,cAIJnB,eAAiB,SAAAJ,GACf,OAAIA,EAAE0B,SAAW1B,EAAE0B,QAAQC,OAAS,EAC3B,CACL3B,EAAE0B,QAAQ,GAAGE,QAAU3B,EAAKH,MAC5BE,EAAE0B,QAAQ,GAAGG,QAAU5B,EAAKH,OAGvB,CAACE,EAAE4B,QAAU3B,EAAKH,MAAOE,EAAE6B,QAAU5B,EAAKH,2DAhF9CU,EAAIN,GACT1C,KAAKgD,GAAKA,EACVhD,KAAK0C,MAAQA,EACbM,EAAGsB,IAAM5B,EAAM4B,IACftB,EAAGuB,IAAM,GACTvB,EAAGwB,iBAAiB,aAAcxE,KAAKuC,OACvCS,EAAGwB,iBAAiB,YAAaxE,KAAKuC,OACtCkC,SAASD,iBAAiB,WAAYxE,KAAK8C,KAC3C2B,SAASD,iBAAiB,UAAWxE,KAAK8C,KAC1C2B,SAASD,iBAAiB,YAAaxE,KAAK2D,MAC5Cc,SAASD,iBAAiB,YAAaxE,KAAK2D,MACxCjB,EAAMJ,QAAOtC,KAAKsC,MAAQI,EAAMJ,sCAG/BU,EAAIN,GACT1C,KAAK0C,MAAQA,EACTA,EAAMJ,QAAOtC,KAAKsC,MAAQI,EAAMJ,OAChCI,EAAMgC,OAAS1E,KAAKoC,SACtBY,EAAGM,MAAMqB,QAAU,GAEnB3B,EAAGM,MAAMqB,QAAU,kCAIf3B,EAAIN,aA+DCkC,EAFF,SAAAlC,GAAK,OAAImC,EAAAjE,EAAAkE,cAACC,EAAA,SAADpD,OAAAqD,OAAA,CAAUC,SAAU9C,EAAU+C,QAAQ,OAAUxC,knFCnFjDyC,6MACnBC,MAAQ,CACNC,MAAO,KACPC,MAAO,EACPZ,MAAM,EACNa,SAAU,KAwJZnC,OAAS,SAAAiC,GACP,GAAwB,MAApB5C,EAAK2C,MAAMC,MAAe,CAC5B5C,EAAK+C,SAAS,CAAEH,UAChB3B,WAAW,kBAAMjB,EAAK+C,SAAS,CAAED,SAAU9C,EAAKC,MAAMtC,WAAY,KAClEsD,WAAW,kBAAMjB,EAAK+C,SAAS,CAAEH,MAAO,QAAS,KACjD3B,WAAW,kBAAMjB,EAAK+C,SAAS,CAAED,SAAU,KAAM,MACjD,IAAInF,EAAoB,YAAViF,EAAsB,EAAI,EACpChF,EAAU,EAAID,EAClBV,YAAW+C,EAAKC,MAAMvC,OAAQC,EAASC,wFA7JvB,IAAAoF,EAAAzF,KACdsF,EAAQ,EAEyB,IAAjCtF,KAAK0F,aAAaC,YACpBL,IACAtF,KAAKwF,SAAS,CAAEF,WAEhBtF,KAAK0F,aAAaE,UAAY,WAC5BH,EAAKD,SAAS,SAAA9D,GAAC,OAAAC,OAAAkE,EAAA,EAAAlE,CAAA,GAAUD,EAAV,CAAa4D,MAAO5D,EAAE4D,MAAQ,OAIZ,IAAjCtF,KAAK8F,aAAaH,YACpBL,IACAtF,KAAKwF,SAAS,CAAEF,WAEhBtF,KAAK8F,aAAaF,UAAY,WAC5BH,EAAKD,SAAS,SAAA9D,GAAC,OAAAC,OAAAkE,EAAA,EAAAlE,CAAA,GAAUD,EAAV,CAAa4D,MAAO5D,EAAE4D,MAAQ,kDAKhCS,EAAWC,GAAW,IAAAC,EAAAjG,KACnCgG,EAAUX,QAAUrF,KAAKoF,MAAMC,QACT,MAApBrF,KAAKoF,MAAMC,OACbrF,KAAK0F,aAAaQ,QAClBlG,KAAK8F,aAAaI,QAClBlG,KAAK0F,aAAaS,YAAc,EAChCnG,KAAK8F,aAAaK,YAAc,GACF,YAArBnG,KAAKoF,MAAMC,MACpB3B,WAAW,kBAAMuC,EAAKP,aAAaU,QAAQ,KACb,YAArBpG,KAAKoF,MAAMC,OACpB3B,WAAW,kBAAMuC,EAAKH,aAAaM,QAAQ,uCAKxC,IAAAC,EAAArG,KAAAsG,EACwBtG,KAAKoF,MAA5BC,EADDiB,EACCjB,MAAOX,EADR4B,EACQ5B,KAAMY,EADdgB,EACchB,MACbhD,EAAUtC,KAAK0C,MAAMa,UAArBjB,MAER,OACEuC,EAAAjE,EAAAkE,cAACyB,EAAD,CACEC,WAAY9B,EAAO,OAAS,WAAaY,EAAQ,EAAI,SAAW,KAEhET,EAAAjE,EAAAkE,cAAA,SACExB,MAAO,CACLmD,WACW,MAATpB,GAA2B,YAAVA,EAAsB,UAAY,UAEvDqB,IAAK,SAAA1D,GAAE,OAAKqD,EAAKP,aAAe9C,GAChCsB,IAAKqC,IAAUvF,IAAIwF,EAAQ,OAG7B/B,EAAAjE,EAAAkE,cAAA,SACExB,MAAO,CACLmD,WACW,MAATpB,GAA2B,YAAVA,EAAsB,UAAY,UAEvDqB,IAAK,SAAA1D,GAAE,OAAKqD,EAAKX,aAAe1C,GAChCsB,IAAKqC,IAAUvF,IAAIwF,EAAQ,OAG7B/B,EAAAjE,EAAAkE,cAAC+B,EAAD,CAAOvD,MAAO,CAAEqB,QAAkB,MAATU,EAAgB,EAAI,IAC3CR,EAAAjE,EAAAkE,cAACgC,EAAD,CACExD,MAAO,CAAEqB,QAASD,EAAO,GAAM,GAC/BJ,IAAKqC,IAAUvF,IAAIwF,EAAQ,KAC3BrC,IAAI,KAENM,EAAAjE,EAAAkE,cAAA,OAAKzB,GAAG,QAAQiB,IAAKqC,IAAUvF,IAAIwF,EAAQ,KAAiBrC,IAAI,KAChEM,EAAAjE,EAAAkE,cAAA,gCAEED,EAAAjE,EAAAkE,cAAA,WACAD,EAAAjE,EAAAkE,cAAA,0BAEED,EAAAjE,EAAAkE,cAAA,WAFF,iBAMFD,EAAAjE,EAAAkE,cAAA,qCAEED,EAAAjE,EAAAkE,cAAA,WAFF,iCAMAD,EAAAjE,EAAAkE,cAACiC,EAAD,CACEP,UAAU,UACVnD,GAAG,UACHf,MAAOA,EACPc,OAAQpD,KAAKoD,OACbT,QAAS2C,EAAQ,EACjBZ,KAAMA,EACN7B,WAAY,SAAAmE,GAAC,OAAIX,EAAKb,SAAS,CAAEd,KAAMsC,KACvC1C,IAAKqC,IAAUvF,IAAIwF,EAAQ,KAC3BrC,IAAI,KAENM,EAAAjE,EAAAkE,cAACiC,EAAD,CACEP,UAAU,UACVnD,GAAG,UACHf,MAAOA,EACPc,OAAQpD,KAAKoD,OACbT,QAAS2C,EAAQ,EACjBZ,KAAMA,EACN7B,WAAY,SAAAmE,GAAC,OAAIX,EAAKb,SAAS,CAAEd,KAAMsC,KACvC1C,IAAKqC,IAAUvF,IAAIwF,EAAQ,KAC3BrC,IAAI,MAIRM,EAAAjE,EAAAkE,cAACmC,EAAD,CACE3D,MAAO,CACLqB,QAAkB,MAATU,EAAgB,EAAI,EAC7BoB,WAAqB,MAATpB,EAAgB,SAAW,YAGzCR,EAAAjE,EAAAkE,cAAA,0BAEED,EAAAjE,EAAAkE,cAAA,WAFF,wBAIED,EAAAjE,EAAAkE,cAAA,WACAD,EAAAjE,EAAAkE,cAAA,sBAAwB,YAAVO,EAAsB,iBAAc,WAAlD,MAEFR,EAAAjE,EAAAkE,cAAA,2CACAD,EAAAjE,EAAAkE,cAAA,OAAK0B,UAAU,YACb3B,EAAAjE,EAAAkE,cAAA,OAAKxB,MAAO,CAAE4D,MAAK,GAAA7F,OAA2B,IAAtBrB,KAAKoF,MAAMG,SAAhB,SAErBV,EAAAjE,EAAAkE,cAAA,OAAK0B,UAAU,aACb3B,EAAAjE,EAAAkE,cAAA,WACGqC,KAAKC,MAA2B,IAArBpH,KAAK0C,MAAMtC,SADzB,IACyCyE,EAAAjE,EAAAkE,cAAA,WACvCD,EAAAjE,EAAAkE,cAAA,wBAEFD,EAAAjE,EAAAkE,cAAA,WACG,IAAMqC,KAAKC,MAA2B,IAArBpH,KAAK0C,MAAMtC,SAD/B,IAC+CyE,EAAAjE,EAAAkE,cAAA,WAC7CD,EAAAjE,EAAAkE,cAAA,gCAGJD,EAAAjE,EAAAkE,cAAA,iEAEED,EAAAjE,EAAAkE,cAAA,WAFF,gCAG+BD,EAAAjE,EAAAkE,cAAA,gCAE/BD,EAAAjE,EAAAkE,cAAA,gGArJyBuC,IAAMC,WA0KnCf,EAAOgB,UAAOC,IAAVC,KAkCJX,EAAUS,UAAOG,IAAVC,KAOPd,EAAQU,UAAOC,IAAVI,KAkDLX,EAASM,UAAOC,IAAVK,qCC3QZ5F,EAAA6F,EAAAC,EAAA,sBAAApB,IAAA,IAAAqB,EAAA/F,EAAA,GAEa0E,EAAY,IAAIsB,YAC3B,CACErB,EAAQ,IACRA,EAAQ,IACRA,EAAQ,IACRA,EAAQ,IACRA,EAAQ,IACRA,EAAQ,KAEV,CACE,CAAEsB,KAAM,aAAcC,IAAKvB,EAAQ,MACnC,CAAEsB,KAAM,WAAYC,IAAKvB,EAAQ,4BCbrC7E,EAAAC,QAAiBC,EAAAC,EAAuB,wDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,wDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,wDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,wDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,wDCAxCH,EAAAC,QAAiBC,EAAAC,EAAuB,ubCMxC,IAAMkG,EAAQC,4BAAHZ,KAeXa,gBAAM,uCAAuCC,KAA7C,eAAAC,EAAA7G,OAAA8G,EAAA,EAAA9G,CAAAhB,EAAAC,EAAA8H,KAAkD,SAAAxI,EAAMsB,GAAN,IAAA4D,EAAAuD,EAiBvCC,EAIAC,EArBuC,OAAAlI,EAAAC,EAAAC,KAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,cAqBvC6H,EArBuC,WAsB9C,IAAIzI,EAAU+G,KAAK2B,MAAsB,EAAhB3B,KAAK4B,UAC1B1I,EAAU,EAAID,EAClBV,YAAWiJ,EAAMxI,OAAQC,EAASC,GAClCqD,WAAWmF,EAAG1B,KAAKC,MAAM,IAAYwB,EAAI,GAAI,OARtCA,EAjBuC,SAiBnCI,EAAKC,GACd,OAAO9B,KAAK4B,UAAYE,EAAMD,GAAOA,GAjBnC5D,EAAQ,CACZ8D,OAAQ,QACR9I,QAAS,EACTkD,MAAO6F,EAAAvI,EAAAkE,cAACsD,EAAD,OAJuCtH,EAAAE,KAAA,EAO5BoI,wBAClB,CAACF,iBAAOtC,EAAQ,KAAiByC,QAAS,QAAS,KACnDjE,EACA,SAAA1D,GAAC,OAAIA,EAAEwH,QACPvC,KAX8C,OAO1CgC,EAP0C7H,EAAAQ,KAchD5B,YAAWiJ,EAAMxI,OAAQ,EAAG,GAc5B0I,IA5BgD,wBAAA/H,EAAAgB,SAAA5B,EAAAF,SAAlD,gBAAAL,GAAA,OAAA6I,EAAAzI,MAAAC,KAAAC,YAAA","file":"static/js/main.f4e8e549.chunk.js","sourcesContent":["import xr from \"xr\";\n\nexport default async function updateVote(update, lavanda, sparoge) {\n  if (window.track) window.track('end', {lavanda, sparoge});\n  try {\n    const vote = await xr.get(\n      `https://izaberi.argeta.com/hr/wp-json/api/v1/city_light_votes?taste1=${lavanda}&taste2=${sparoge}&token=has5EVAprRf4RGwIHSgEJyBfTO3loAJabO6Ms`\n    );\n    if (vote.status === 200 && vote.data && vote.data.data) {\n      const { taste1, taste2 } = vote.data.data;\n      if (taste1 && taste1.point && taste2 && taste2.point) {\n        const total = taste1.point + taste2.point;\n        if (total > 0) {\n          update(s => ({ ...s, lavanda: taste1.point / total }));\n        }\n      }\n    }\n  } catch (e) {\n    // ignore\n  }\n}\n","module.exports = __webpack_public_path__ + \"static/media/ubuntu-regular.eb54a705.woff\";","module.exports = __webpack_public_path__ + \"static/media/ubuntu-700.660d1259.woff\";","import React from \"react\";\nimport { NonReact } from \"dooh-react-utils\";\n\nclass Delegate {\n  create(el, props) {\n    this.el = el;\n    this.props = props;\n    el.src = props.src;\n    el.alt = \"\";\n    el.addEventListener(\"touchstart\", this.start);\n    el.addEventListener(\"mousedown\", this.start);\n    document.addEventListener(\"touchend\", this.end);\n    document.addEventListener(\"mouseup\", this.end);\n    document.addEventListener(\"mousemove\", this.move);\n    document.addEventListener(\"touchmove\", this.move);\n    if (props.scale) this.scale = props.scale;\n  }\n\n  update(el, props) {\n    this.props = props;\n    if (props.scale) this.scale = props.scale;\n    if (props.drag && !this.dragging) {\n      el.style.opacity = 0.3;\n    } else {\n      el.style.opacity = 1;\n    }\n  }\n\n  destroy(el, props) {}\n\n  dragging = false;\n  startCoords = null;\n  scale = 1;\n\n  start = e => {\n    if (!this.props.canDrag) return;\n    this.dragging = true;\n    this.startCoords = this.getCoordinates(e);\n    this.props.isDragging(true);\n  };\n\n  end = e => {\n    if (!this.props.canDrag) return;\n    if (!this.dragging) return;\n    this.dragging = false;\n    this.startCoords = null;\n    const rect = this.el.getBoundingClientRect();\n    let x = rect.x / this.scale;\n    let y = rect.y / this.scale;\n\n    if (x > 70 && x < 500 && y > 1100 && y < 1400) {\n      this.props.onPick(this.props.id);\n      this.el.style.transform += \" scale(0.01)\";\n\n      const oldTransition = this.el.style.transition;\n      this.el.style.transition = \"transform 200ms ease-in-out\";\n\n      setTimeout(() => {\n        this.el.style.transform = \"\";\n        this.el.style.transition = oldTransition;\n      }, 500);\n    } else {\n      this.el.style.transform = \"\";\n    }\n\n    this.props.isDragging(false);\n  };\n\n  move = e => {\n    if (!this.props.canDrag) return;\n    if (this.dragging && this.startCoords) {\n      let [x0, y0] = this.startCoords;\n      let [x, y] = this.getCoordinates(e);\n      this.el.style.transform = `translate(${x - x0}px, ${y - y0}px)`;\n    }\n  };\n\n  getCoordinates = e => {\n    if (e.touches && e.touches.length > 0) {\n      return [\n        e.touches[0].clientX / this.scale,\n        e.touches[0].clientY / this.scale\n      ];\n    } else {\n      return [e.clientX / this.scale, e.clientY / this.scale];\n    }\n  };\n}\n\nconst Drag = props => <NonReact delegate={Delegate} element=\"img\" {...props} />;\n\nexport default Drag;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { preloader } from \"./assets\";\nimport updateVote from \"./updateVote\";\nimport Drag from \"./Drag\";\n\nexport default class Intro extends React.Component {\n  state = {\n    video: null,\n    ready: 0,\n    drag: false,\n    progress: 0,\n  };\n\n  componentDidMount() {\n    let ready = 0;\n\n    if (this.sparogeVideo.readyState === 4) {\n      ready++;\n      this.setState({ ready });\n    } else {\n      this.sparogeVideo.oncanplay = () => {\n        this.setState(s => ({ ...s, ready: s.ready + 1 }));\n      };\n    }\n\n    if (this.lavandaVideo.readyState === 4) {\n      ready++;\n      this.setState({ ready });\n    } else {\n      this.lavandaVideo.oncanplay = () => {\n        this.setState(s => ({ ...s, ready: s.ready + 1 }));\n      };\n    }\n  }\n\n  componentDidUpdate(prevProps, prevState) {\n    if (prevState.video !== this.state.video) {\n      if (this.state.video == null) {\n        this.sparogeVideo.pause();\n        this.lavandaVideo.pause();\n        this.sparogeVideo.currentTime = 0;\n        this.lavandaVideo.currentTime = 0;\n      } else if (this.state.video === \"sparoge\") {\n        setTimeout(() => this.sparogeVideo.play(), 100);\n      } else if (this.state.video === \"lavanda\") {\n        setTimeout(() => this.lavandaVideo.play(), 100);\n      }\n    }\n  }\n\n  render() {\n    const { video, drag, ready } = this.state;\n    const { scale } = this.props.transform;\n\n    return (\n      <Wrap\n        className={(drag ? \"drag\" : \"nodrag\") + (ready > 1 ? \" ready\" : \"\")}\n      >\n        <video\n          style={{\n            visibility:\n              video == null || video === \"lavanda\" ? \"visible\" : \"hidden\"\n          }}\n          ref={el => (this.lavandaVideo = el)}\n          src={preloader.get(require(\"./lavanda.mp4\"))}\n        />\n\n        <video\n          style={{\n            visibility:\n              video == null || video === \"sparoge\" ? \"visible\" : \"hidden\"\n          }}\n          ref={el => (this.sparogeVideo = el)}\n          src={preloader.get(require(\"./sparoge.mp4\"))}\n        />\n\n        <First style={{ opacity: video == null ? 1 : 0 }}>\n          <Outline\n            style={{ opacity: drag ? 0.3 : 1 }}\n            src={preloader.get(require(\"./outline.png\"))}\n            alt=\"\"\n          />\n          <img id=\"izbor\" src={preloader.get(require(\"./izbor.png\"))} alt=\"\" />\n          <h1>\n            Zastani na trenutak\n            <br />\n            <b>\n              i izaberi novi\n              <br />\n              Argeta okus!\n            </b>\n          </h1>\n          <h2>\n            Izabrani sastojak povuci\n            <br />\n            na pakiranje Argete i glasaj.\n          </h2>\n\n          <Drag\n            className=\"lavanda\"\n            id=\"lavanda\"\n            scale={scale}\n            onPick={this.onPick}\n            canDrag={ready > 1}\n            drag={drag}\n            isDragging={v => this.setState({ drag: v })}\n            src={preloader.get(require(\"./lavanda.png\"))}\n            alt=\"\"\n          />\n          <Drag\n            className=\"sparoge\"\n            id=\"sparoge\"\n            scale={scale}\n            onPick={this.onPick}\n            canDrag={ready > 1}\n            drag={drag}\n            isDragging={v => this.setState({ drag: v })}\n            src={preloader.get(require(\"./sparoge.png\"))}\n            alt=\"\"\n          />\n        </First>\n\n        <Second\n          style={{\n            opacity: video == null ? 0 : 1,\n            visibility: video == null ? \"hidden\" : \"visible\"\n          }}\n        >\n          <h1>\n            Odlično!\n            <br />\n            Tvoj izabrani okus je\n            <br />\n            <b>Argeta sa {video === \"sparoge\" ? \"šparogama\" : \"lavandom\"}.</b>\n          </h1>\n          <h2>Trenutni rezultat glasovanja:</h2>\n          <div className=\"progress\">\n            <div style={{ width: `${this.state.progress * 100}%` }} />\n          </div>\n          <div className=\"progress2\">\n            <div>\n              {Math.round(this.props.lavanda * 100)}%<br />\n              <b>s lavandom</b>\n            </div>\n            <div>\n              {100 - Math.round(this.props.lavanda * 100)}%<br />\n              <b>sa šparogama</b>\n            </div>\n          </div>\n          <h3>\n            Želiš li osvojiti Argetu za cijelu godinu,\n            <br />\n            sudjeluj u nagradnoj igri na <b>izaberi.argeta.com</b>\n          </h3>\n          <h4>\n            Glasanje i nagradna igra traju od 1. veljače do 1. ožujka 2019.\n          </h4>\n        </Second>\n      </Wrap>\n    );\n  }\n\n  onPick = video => {\n    if (this.state.video == null) {\n      this.setState({ video });\n      setTimeout(() => this.setState({ progress: this.props.lavanda }), 500);\n      setTimeout(() => this.setState({ video: null }), 10000);\n      setTimeout(() => this.setState({ progress: 0 }), 11000);\n      let lavanda = video === \"lavanda\" ? 0 : 1;\n      let sparoge = 1 - lavanda;\n      updateVote(this.props.update, lavanda, sparoge);\n    }\n  };\n}\n\nconst Wrap = styled.div`\n  video {\n    position: absolute;\n    top: 0;\n    left: 0;\n  }\n\n  @keyframes pulse_animation {\n    0% {\n      transform: scale(1);\n    }\n    50% {\n      transform: scale(0.85);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n\n  &.ready.nodrag {\n    .lavanda > img,\n    .sparoge > img {\n      animation-name: pulse_animation;\n      animation-duration: 1800ms;\n      animation-iteration-count: infinite;\n      animation-timing-function: linear;\n    }\n\n    .sparoge > img {\n      animation-delay: -900ms;\n    }\n  }\n`;\n\nconst Outline = styled.img`\n  position: absolute;\n  top: 0;\n  left: 0;\n  transition: opacity 400ms ease-in-out;\n`;\n\nconst First = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  text-align: center;\n  width: 100%;\n  height: 100%;\n  transition: opacity 400ms ease-in-out;\n\n  h1 {\n    margin-top: 250px;\n    font-size: 100px;\n    line-height: 1.2;\n  }\n\n  h2 {\n    margin-top: 50px;\n    font-size: 30px;\n    line-height: 1.2;\n  }\n\n  img,\n  .lavanda,\n  .sparoge {\n    position: absolute;\n    user-drag: none;\n    user-select: none;\n  }\n\n  .lavanda {\n    top: 730px;\n    left: -30px;\n  }\n\n  .sparoge {\n    top: 730px;\n    left: 550px;\n  }\n\n  .lavanda img,\n  .sparoge img {\n    transition: opacity 400ms ease-in-out;\n  }\n\n  #izbor {\n    top: -10px;\n    left: 130px;\n  }\n`;\n\nconst Second = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  text-align: center;\n  width: 100%;\n  height: 100%;\n  transition: opacity 400ms ease-in-out;\n  transition-delay: 300ms;\n\n  h1 {\n    margin-top: 180px;\n    margin-bottom: 500px;\n    font-size: 80px;\n    line-height: 1.2;\n  }\n\n  h2 {\n    margin-top: 900px;\n    font-size: 50px;\n    line-height: 1.2;\n  }\n\n  h3 {\n    margin-top: 100px;\n    font-size: 40px;\n    line-height: 1.2;\n  }\n\n  .progress {\n    width: 80%;\n    height: 50px;\n    background: white;\n    margin: 20px auto 0 auto;\n  }\n\n  .progress > div {\n    background: #f9ce1d;\n    height: 100%;\n    transition: width 500ms ease-in-out;\n  }\n\n  .progress2 {\n    display: flex;\n    width: 80%;\n    margin: 20px auto 0 auto;\n  }\n\n  .progress2 > div {\n    width: 50%;\n    font-size: 30px;\n  }\n\n  .progress2 > div:nth-child(1) {\n    text-align: left;\n  }\n\n  .progress2 > div:nth-child(2) {\n    text-align: right;\n  }\n\n  h4 {\n    margin-top: 30px;\n    font-size: 25px;\n  }\n`;\n","import { Preloader } from \"dooh-react-utils\";\n\nexport const preloader = new Preloader(\n  [\n    require(\"./sparoge.mp4\"),\n    require(\"./lavanda.mp4\"),\n    require(\"./sparoge.png\"),\n    require(\"./lavanda.png\"),\n    require(\"./outline.png\"),\n    require(\"./izbor.png\")\n  ],\n  [\n    { name: \"normalfont\", url: require(\"./ubuntu-regular.woff\") },\n    { name: \"boldfont\", url: require(\"./ubuntu-700.woff\") }\n  ]\n);\n","module.exports = __webpack_public_path__ + \"static/media/sparoge.7bb52ef5.mp4\";","module.exports = __webpack_public_path__ + \"static/media/lavanda.1c3d716d.mp4\";","module.exports = __webpack_public_path__ + \"static/media/sparoge.2f911089.png\";","module.exports = __webpack_public_path__ + \"static/media/lavanda.7949beec.png\";","module.exports = __webpack_public_path__ + \"static/media/outline.e11b49be.png\";","module.exports = __webpack_public_path__ + \"static/media/izbor.f6e8f7bb.png\";","import React from \"react\";\nimport { createGlobalStyle } from \"styled-components\";\nimport { setup, renderScreens, screen } from \"dooh-react-utils\";\nimport { preloader } from \"./assets\";\nimport updateVote from \"./updateVote\";\n\nconst Style = createGlobalStyle`\n  html {\n    background: #DD7121;\n  }\n\n  #root {\n    font-family: 'normalfont', sans-serif;\n    color: white;\n  }\n\n  b {\n    font-family: 'boldfont', sans-serif;\n  }\n`;\n\nsetup(\"https://interaktivno.go2digital.hr/\").then(async data => {\n  const state = {\n    screen: \"intro\",\n    lavanda: 0,\n    style: <Style />\n  };\n\n  const store = await renderScreens(\n    [screen(require(\"./IntroScreen\").default, \"intro\", {})],\n    state,\n    s => s.screen,\n    preloader\n  );\n\n  updateVote(store.update, 0, 0);\n\n\n  function rnd(min, max) {\n      return Math.random() * (max - min) + min;\n  }\n\n  function f() {\n    let lavanda = Math.floor(Math.random() * 2);\n    let sparoge = 1 - lavanda;\n    updateVote(store.update, lavanda, sparoge);\n    setTimeout(f, Math.round(1000 * 60 * rnd(20, 35)));\n  }\n\n  f();\n});\n"],"sourceRoot":""}