{"version":3,"sources":["******************************************/dp/survey_quest_fe/src/components/Loading.jsx"],"names":["show","_ref","squares","Array","from","length","_","i","createElement","in","timeout","unmountOnExit","status","LoadingWrap","className","loadCls","map","square","key","target","props","squareAnimation","hueRotate","concat"],"mappings":"0FAAA,sDAIgB,gBACd,IAAIA,EAAOC,EAAKD,KACZE,EAAUC,MAAMC,KAAK,CACvBC,OAAQ,IACP,SAAUC,EAAGC,GACd,OAAOA,KAET,OAAO,IAAMC,cAAc,IAAY,CACrCC,GAAIT,EACJU,QAAS,IACTC,eAAe,IACd,SAAUC,GACX,OAAO,IAAMJ,cAAcK,EAAa,CACtCD,OAAQA,GACP,IAAMJ,cAAc,MAAO,CAC5BM,UAAWC,GACVb,EAAQc,KAAI,SAAUC,GACvB,OAAO,IAAMT,cAAc,MAAO,CAChCM,UAAW,SACXI,IAAKD,aAKb,IAEIJ,EAA2B,YAAO,MAAO,CAC3CM,OAAQ,aADqB,CAE5B,2JAA2J,SAAUC,GACtK,OAAQA,EAAMR,QACZ,QACE,OAAO,EACT,IAAK,SACL,IAAK,UACH,OAAO,KAEV,KACCS,EAA+B,YAAU,kDAbhC,GAa2F,sBAb3F,GAa0H,sBAAuBJ,GAAY,wBAAyBA,GAAY,wBAAyBA,GAAY,UAbvO,GAa0P,gBAAiBA,GAAY,UAbvR,GAa0S,gBAb1S,GAamU,UAbnU,GAasV,kBAbtV,GAaiX,UAbjX,GAaoY,kBAbpY,GAa+Z,UAAWA,GAAY,gBAbtb,GAa+c,UAAWA,GAAY,sBAAuBA,GAAY,wBAAyBA,GAAY,wBAb9iB,GAa+kB,sBAb/kB,GAa8mB,2BACvnBK,EAAyB,YAAU,8DACnCP,EAAuB,YAAI,2BAA4BE,GAAY,aAAcA,GAAY,wCAAyCK,EAAW,IAdtI,GAcqJ,uEAAwEL,GAAY,aAAcA,GAAY,iTAAkTI,EAAiB,IAdtkB,GAcqlB,+BAAgClB,MAAMC,KAAK,CAC7oBC,OAAQ,IACP,SAAUC,EAAGC,GACd,MAAO,yBAAyBgB,OAAOhB,EAAG,kCAAkCgB,OAjB/D,GAiBiF,EAAIhB,EAAG,uBACnG,M","file":"static/js/common.3163e052.js","sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\nimport { css, keyframes } from 'emotion';\nimport Transition from 'react-transition-group/Transition';\nexport default (function (_ref) {\n  var show = _ref.show;\n  var squares = Array.from({\n    length: 8\n  }, function (_, i) {\n    return i;\n  });\n  return React.createElement(Transition, {\n    in: show,\n    timeout: 300,\n    unmountOnExit: true\n  }, function (status) {\n    return React.createElement(LoadingWrap, {\n      status: status\n    }, React.createElement(\"div\", {\n      className: loadCls\n    }, squares.map(function (square) {\n      return React.createElement(\"div\", {\n        className: \"square\",\n        key: square\n      });\n    })));\n  });\n});\nvar square = 32;\nvar duration = 10;\nvar LoadingWrap = /*#__PURE__*/styled(\"div\", {\n  target: \"e12ptryu0\"\n})(\"position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:opacity 300ms ease-out;opacity:\", function (props) {\n  switch (props.status) {\n    default:\n      return 1;\n    case 'exited':\n    case 'exiting':\n      return 0;\n  }\n}, \";\");\nvar squareAnimation = /*#__PURE__*/keyframes(\"0%{left:0;top:0}10.5%{left:0;top:0;}12.5%{left:\", square, \"px;top:0;}23%{left:\", square, \"px;top:0;}25%{left:\", square * 2, \"px;top:0;}35.5%{left:\", square * 2, \"px;top:0;}37.5%{left:\", square * 2, \"px;top:\", square, \"px;}48%{left:\", square * 2, \"px;top:\", square, \"px;}50%{left:\", square, \"px;top:\", square, \"px;}60.5%{left:\", square, \"px;top:\", square, \"px;}62.5%{left:\", square, \"px;top:\", square * 2, \"px;}73%{left:\", square, \"px;top:\", square * 2, \"px;}75%{left:0;top:\", square * 2, \"px;}85.5%{left:0;top:\", square * 2, \"px;}87.5%{left:0;top:\", square, \"px;}98%{left:0;top:\", square, \"px;}100%{left:0;top:0;}\");\nvar hueRotate = /*#__PURE__*/keyframes(\"0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}\");\nvar loadCls = /*#__PURE__*/css(\"position:relative;width:\", square * 3, \"px;height:\", square * 3, \"px;transform:rotate(45deg);animation:\", hueRotate, \" \", duration, \"s linear infinite both;.square{position:absolute;top:0;left:0;width:\", square - 4, \"px;height:\", square - 4, \"px;margin:2px;border-radius:4px;background:#07a;background:-webkit-linear-gradient(45deg,#fa0 40%,#0c9 60%);background:-o-linear-gradient(45deg,#fa0 40%,#0c9 60%);background:linear-gradient(45deg,#fa0 40%,#0c9 60%);background-size:cover;background-position:center;background-attachment:fixed;animation:\", squareAnimation, \" \", duration, \"s ease-in-out infinite both;\", Array.from({\n  length: 8\n}, function (_, i) {\n  return \"\\n      &:nth-of-type(\".concat(i, \"){\\n        animation-delay: -\").concat(duration / 7 * i, \"s\\n      }\\n    \");\n}), \"}\");"],"sourceRoot":""}