matsuri-ui 17.0.1 → 17.0.2-alpha-1744436880353-cd10d5a.0

package/cjs/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","names":["_Button","require","_Tooltip","_reactSpring","_copyToClipboard","_react","_useAlertMotion","_theme","_Check","_interopRequireDefault","_Close","_Error","_react2","_interopRequireWildcard","_Warning","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","process","env","NODE_ENV","name","styles","toString","_ref3","_ref4","Alert","message","duration","Infinity","id","severity","transitions","handleClick","useAlertMotion","Icon","useMemo","CheckIcon","WarningIcon","ErrorIcon","theme","useTheme","jsx","Fragment","style","item","animated","div","css","zIndex","tooltip","palette","intentions","contrastText","main","shadows","role","spacing","dark","fontSize","typography","body","happend","caption","reason","action","log","CopyButton","value","Button","icon","rounded","onClick","exports","_ref","children","copyMessage","setCopyMessage","useState","copied","setCopied","Tooltip","title","arrow","placement","open","resetButtonStyle","flag","copyToClipboard","setTimeout"],"sources":["../../../src/Alert/Alert.tsx"],"sourcesContent":["import { Button, resetButtonStyle } from \"../Button\";\nimport { Tooltip } from \"../Tooltip\";\nimport { animated } from \"react-spring\";\nimport { copyToClipboard } from \"../@utils/copyToClipboard\";\nimport { css } from \"@emotion/react\";\nimport { useAlertMotion } from \"./useAlertMotion\";\nimport { useTheme } from \"../theme\";\nimport CheckIcon from \"@mui/icons-material/Check\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport ErrorIcon from \"@mui/icons-material/Error\";\nimport React, { useMemo, useState } from \"react\";\nimport WarningIcon from \"@mui/icons-material/Warning\";\n\nexport type AlertDuration = number | \"standard\" | \"short\";\n\nexport interface AlertOptions {\n  /**\n   * uniqueな文字列を入れてください。removeAlertを用いて任意のAlertを削除する場合に使用できます。\n   * 指定しない場合に任意の文字列が生成され、addAlertから取得できます。\n   */\n  id?: string;\n  /**\n   * 役割を表し、左側のアイコンと色を変更します。\n   * @default \"success\"\n   */\n  severity?: \"error\" | \"success\" | \"warning\";\n  /**\n   * トーストコンポーネントが消えるまでの時間(ms)を表します。\n   * @default Infinity\n   */\n  duration?: AlertDuration;\n}\n\nexport interface AlertRichMessageType {\n  reason?: string;\n  action?: string;\n  happend: string;\n  log?: string;\n}\n\nexport type AlertMessageType = string | AlertRichMessageType;\n\nexport interface AlertProps extends AlertOptions {\n  message: AlertMessageType;\n}\n\nexport const Alert = ({\n  message,\n  duration = Infinity,\n  id,\n  severity = \"success\",\n}: AlertProps) => {\n  const { transitions, handleClick } = useAlertMotion({ duration, id });\n  const Icon = useMemo(() => {\n    return severity === \"success\"\n      ? CheckIcon\n      : severity === \"warning\"\n        ? WarningIcon\n        : ErrorIcon;\n  }, [severity]);\n\n  const theme = useTheme();\n\n  return (\n    <React.Fragment>\n      {transitions((style, item) =>\n        item ? (\n          <animated.div\n            style={style}\n            css={css`\n              z-index: ${theme.zIndex.tooltip};\n              display: grid;\n              grid-template-columns: auto 1fr auto;\n              width: fit-content;\n              max-width: 384px;\n              min-height: 56px;\n              overflow: hidden;\n              color: ${theme.palette.intentions[severity].contrastText};\n              background-color: ${theme.palette.intentions[severity].main};\n              border-radius: 4px;\n              box-shadow: ${theme.shadows[4]};\n            `}\n            role=\"alert\"\n          >\n            <div\n              css={css`\n                padding: ${theme.spacing}px;\n                background-color: ${theme.palette.intentions[severity].dark};\n              `}\n            >\n              <Icon fontSize=\"medium\" />\n            </div>\n            <div\n              css={[\n                css`\n                  display: flex;\n                  flex-direction: column;\n                  gap: ${theme.spacing}px;\n                  padding: ${theme.spacing}px ${theme.spacing * 2}px\n                    ${theme.spacing * 2}px;\n                `,\n              ]}\n            >\n              <div\n                css={[\n                  theme.typography.body,\n                  css`\n                    word-break: break-all;\n                  `,\n                ]}\n              >\n                {typeof message === \"string\" ? message : message.happend}\n              </div>\n              {typeof message === \"string\" ? null : (\n                <>\n                  <div css={[theme.typography.caption]}>\n                    {message.reason}\n                    {message.action ? (\n                      <span\n                        css={css`\n                          font-weight: bolder;\n                        `}\n                      >\n                        {message.action}\n                      </span>\n                    ) : null}\n                  </div>\n                  {message.log ? (\n                    <div\n                      css={css`\n                        text-align: right;\n                      `}\n                    >\n                      <CopyButton value={message.log}>\n                        エラーログをコピーする\n                      </CopyButton>\n                    </div>\n                  ) : null}\n                </>\n              )}\n            </div>\n            <div>\n              <Button\n                css={css`\n                  color: ${theme.palette.intentions[severity].contrastText};\n                `}\n                icon={<CloseIcon fontSize=\"small\" />}\n                rounded\n                onClick={handleClick}\n              />\n            </div>\n          </animated.div>\n        ) : null,\n      )}\n    </React.Fragment>\n  );\n};\n\n// Todo: Use TextButton\nconst CopyButton = ({\n  children,\n  value,\n}: {\n  children: string;\n  value: string;\n}) => {\n  const [copyMessage, setCopyMessage] = useState<string>(\"\");\n  const [copied, setCopied] = useState<boolean>(false);\n\n  const theme = useTheme();\n  return (\n    <Tooltip title={copyMessage} arrow placement=\"top-end\" open={copied}>\n      <button\n        css={[\n          resetButtonStyle,\n          theme.typography.caption,\n          css`\n            text-decoration: underline;\n          `,\n        ]}\n        onClick={() => {\n          const flag = copyToClipboard(value);\n          setCopyMessage(flag ? \"コピーしました\" : \"コピーできませんでした\");\n          setCopied(true);\n          setTimeout(\n            () => {\n              setCopied(false);\n            },\n            flag ? 2500 : 100000,\n          );\n        }}\n      >\n        {children}\n      </button>\n    </Tooltip>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Alert.js","names":["_Button","require","_Tooltip","_react","_copyToClipboard","_react2","_theme","_Check","_interopRequireDefault","_Close","_Error","_react3","_interopRequireWildcard","_Warning","_AlertContext","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","process","env","NODE_ENV","name","styles","toString","_ref3","_ref4","Alert","message","duration","Infinity","id","severity","removeAlert","useAlert","show","setShow","useState","Icon","useMemo","CheckIcon","WarningIcon","ErrorIcon","theme","useTheme","useEffect","timeout","setTimeout","clearTimeout","undefined","jsx","AnimatePresence","motion","div","key","initial","opacity","animate","exit","onAnimationComplete","def","css","zIndex","tooltip","palette","intentions","contrastText","main","shadows","role","spacing","dark","fontSize","typography","body","happend","Fragment","caption","reason","action","log","CopyButton","value","Button","icon","rounded","onClick","exports","_ref","children","copyMessage","setCopyMessage","copied","setCopied","Tooltip","title","arrow","placement","open","resetButtonStyle","flag","copyToClipboard"],"sources":["../../../src/Alert/Alert.tsx"],"sourcesContent":["import { Button, resetButtonStyle } from \"../Button\";\nimport { Tooltip } from \"../Tooltip\";\nimport { motion, AnimatePresence } from \"motion/react\";\nimport { copyToClipboard } from \"../@utils/copyToClipboard\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport CheckIcon from \"@mui/icons-material/Check\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport ErrorIcon from \"@mui/icons-material/Error\";\nimport React, { useEffect, useMemo, useState } from \"react\";\nimport WarningIcon from \"@mui/icons-material/Warning\";\nimport { useAlert } from \"./AlertContext\";\n\nexport type AlertDuration = number | \"standard\" | \"short\";\n\nexport interface AlertOptions {\n  /**\n   * uniqueな文字列を入れてください。removeAlertを用いて任意のAlertを削除する場合に使用できます。\n   * 指定しない場合に任意の文字列が生成され、addAlertから取得できます。\n   */\n  id?: string;\n  /**\n   * 役割を表し、左側のアイコンと色を変更します。\n   * @default \"success\"\n   */\n  severity?: \"error\" | \"success\" | \"warning\";\n  /**\n   * トーストコンポーネントが消えるまでの時間(ms)を表します。\n   * @default Infinity\n   */\n  duration?: AlertDuration;\n}\n\nexport interface AlertRichMessageType {\n  reason?: string;\n  action?: string;\n  happend: string;\n  log?: string;\n}\n\nexport type AlertMessageType = string | AlertRichMessageType;\n\nexport interface AlertProps extends AlertOptions {\n  message: AlertMessageType;\n}\n\nexport const Alert = ({\n  message,\n  duration = Infinity,\n  id,\n  severity = \"success\",\n}: AlertProps) => {\n  const { removeAlert } = useAlert();\n  const [show, setShow] = useState(true);\n  const Icon = useMemo(() => {\n    return severity === \"success\"\n      ? CheckIcon\n      : severity === \"warning\"\n        ? WarningIcon\n        : ErrorIcon;\n  }, [severity]);\n\n  const theme = useTheme();\n\n  useEffect(() => {\n    if (show && duration !== Infinity) {\n      const timeout = setTimeout(\n        () => {\n          setShow(false);\n        },\n        duration === \"standard\" ? 3500 : duration === \"short\" ? 1500 : duration,\n      );\n\n      return () => clearTimeout(timeout);\n    }\n    return undefined;\n  }, [duration, id, removeAlert, show]);\n\n  return (\n    <AnimatePresence>\n      {show && (\n        <motion.div\n          key={id}\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0 }}\n          onAnimationComplete={(def: { opacity: number }) => {\n            if (def.opacity === 0) {\n              if (id) {\n                removeAlert(id);\n              }\n            }\n          }}\n          css={css`\n            z-index: ${theme.zIndex.tooltip};\n            display: grid;\n            grid-template-columns: auto 1fr auto;\n            width: fit-content;\n            max-width: 384px;\n            min-height: 56px;\n            overflow: hidden;\n            color: ${theme.palette.intentions[severity].contrastText};\n            background-color: ${theme.palette.intentions[severity].main};\n            border-radius: 4px;\n            box-shadow: ${theme.shadows[4]};\n          `}\n          role=\"alert\"\n        >\n          <div\n            css={css`\n              padding: ${theme.spacing}px;\n              background-color: ${theme.palette.intentions[severity].dark};\n            `}\n          >\n            <Icon fontSize=\"medium\" />\n          </div>\n          <div\n            css={[\n              css`\n                display: flex;\n                flex-direction: column;\n                gap: ${theme.spacing}px;\n                padding: ${theme.spacing}px ${theme.spacing * 2}px\n                  ${theme.spacing * 2}px;\n              `,\n            ]}\n          >\n            <div\n              css={[\n                theme.typography.body,\n                css`\n                  word-break: break-all;\n                `,\n              ]}\n            >\n              {typeof message === \"string\" ? message : message.happend}\n            </div>\n            {typeof message === \"string\" ? null : (\n              <>\n                <div css={[theme.typography.caption]}>\n                  {message.reason}\n                  {message.action ? (\n                    <span\n                      css={css`\n                        font-weight: bolder;\n                      `}\n                    >\n                      {message.action}\n                    </span>\n                  ) : null}\n                </div>\n                {message.log ? (\n                  <div\n                    css={css`\n                      text-align: right;\n                    `}\n                  >\n                    <CopyButton value={message.log}>\n                      エラーログをコピーする\n                    </CopyButton>\n                  </div>\n                ) : null}\n              </>\n            )}\n          </div>\n          <div>\n            <Button\n              css={css`\n                color: ${theme.palette.intentions[severity].contrastText};\n              `}\n              icon={<CloseIcon fontSize=\"small\" />}\n              rounded\n              onClick={() => {\n                setShow(false);\n              }}\n            />\n          </div>\n        </motion.div>\n      )}\n    </AnimatePresence>\n  );\n};\n\n// Todo: Use TextButton\nconst CopyButton = ({\n  children,\n  value,\n}: {\n  children: string;\n  value: string;\n}) => {\n  const [copyMessage, setCopyMessage] = useState<string>(\"\");\n  const [copied, setCopied] = useState<boolean>(false);\n\n  const theme = useTheme();\n  return (\n    <Tooltip title={copyMessage} arrow placement=\"top-end\" open={copied}>\n      <button\n        css={[\n          resetButtonStyle,\n          theme.typography.caption,\n          css`\n            text-decoration: underline;\n          `,\n        ]}\n        onClick={() => {\n          const flag = copyToClipboard(value);\n          setCopyMessage(flag ? \"コピーしました\" : \"コピーできませんでした\");\n          setCopied(true);\n          setTimeout(\n            () => {\n              setCopied(false);\n            },\n            flag ? 2500 : 100000,\n          );\n        }}\n      >\n        {children}\n      </button>\n    </Tooltip>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/ImageViewer/ImageViewer.js

@@ -4,14 +4,14 @@ exports.__esModule = true;
 exports.ImageViewer = void 0;
 var _Button = require("../Button");
 var _Overlay = require("../Overlay");
-var _reactSpring = require("react-spring");
-var _react = require("@emotion/react");
+var _react = require("motion/react");
+var _react2 = require("@emotion/react");
 var _hexToRgba = require("../@utils/hexToRgba");
 var _hooks = require("../hooks");
 var _theme = require("../theme");
 var _NavigateBefore = _interopRequireDefault(require("@mui/icons-material/NavigateBefore"));
 var _NavigateNext = _interopRequireDefault(require("@mui/icons-material/NavigateNext"));
-var _react2 = _interopRequireWildcard(require("react"));
+var _react3 = _interopRequireWildcard(require("react"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -20,9 +20,9 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 const MAX_IMAGE_WIDTH = 800;
 const ButtonWrapper = props => {
   const theme = (0, _theme.useTheme)();
-  const BUTTON_CONTAINER_COLOR = (0, _react2.useMemo)(() => (0, _hexToRgba.hexToRgba)(theme.palette.background.overlay, 0.2), [theme.palette.background.overlay]);
-  return (0, _react.jsx)("div", _extends({
-    css: /*#__PURE__*/(0, _react.css)("position:absolute;display:flex;align-items:center;justify-content:center;height:100%;@media (max-width: ", MAX_IMAGE_WIDTH, "px){background-color:", BUTTON_CONTAINER_COLOR, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ButtonWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5UHJvcHMgfSBmcm9tIFwiLi4vT3ZlcmxheVwiO1xuaW1wb3J0IHsgYW5pbWF0ZWQsIHVzZVRyYW5zaXRpb24gfSBmcm9tIFwicmVhY3Qtc3ByaW5nXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGhleFRvUmdiYSB9IGZyb20gXCIuLi9AdXRpbHMvaGV4VG9SZ2JhXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi9ob29rc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBOYXZpZ2F0ZUJlZm9yZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvTmF2aWdhdGVCZWZvcmVcIjtcbmltcG9ydCBOYXZpZ2F0ZU5leHRJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlTmV4dFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmNvbnN0IE1BWF9JTUFHRV9XSURUSCA9IDgwMDtcblxuaW50ZXJmYWNlIEJ1dHRvbldyYXBwZXJQcm9wcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcImRpdlwiPiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCdXR0b25XcmFwcGVyID0gKHByb3BzOiBCdXR0b25XcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IEJVVFRPTl9DT05UQUlORVJfQ09MT1IgPSB1c2VNZW1vKFxuICAgICgpID0+IGhleFRvUmdiYSh0aGVtZS5wYWxldHRlLmJhY2tncm91bmQub3ZlcmxheSwgMC4yKSxcbiAgICBbdGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXldLFxuICApO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weCkge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7QlVUVE9OX0NPTlRBSU5FUl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VWaWV3ZXJQcm9wcyBleHRlbmRzIE92ZXJsYXlQcm9wcyB7XG4gIGltYWdlczogKFJlYWN0LkltZ0hUTUxBdHRyaWJ1dGVzPEhUTUxJbWFnZUVsZW1lbnQ+ICYgeyBzcmM6IHN0cmluZyB9KVtdO1xuICBjdXJyZW50SW5kZXg6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IEltYWdlVmlld2VyID0gKHtcbiAgaW1hZ2VzLFxuICBjdXJyZW50SW5kZXgsXG4gIG9uQ2xvc2UsXG4gIC4uLnByb3BzXG59OiBJbWFnZVZpZXdlclByb3BzKSA9PiB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLyoqXG4gICAgICogUHJlbG9hZCBpbWFnZXNcbiAgICAgKi9cbiAgICBpbWFnZXMuZm9yRWFjaCgoaW1hZ2UpID0+IHtcbiAgICAgIGNvbnN0IGltZyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJpbWdcIik7XG4gICAgICBpbWcuc3JjID0gaW1hZ2Uuc3JjO1xuICAgIH0pO1xuICB9LCBbaW1hZ2VzXSk7XG5cbiAgY29uc3QgW2luZGV4LCBzZXRJbmRleF0gPSB1c2VTdGF0ZShjdXJyZW50SW5kZXgpO1xuICBjb25zdCBbZGlyZWN0aW9uLCBzZXREaXJlY3Rpb25dID0gdXNlU3RhdGU8XCJyaWdodFwiIHwgXCJsZWZ0XCI+KFwicmlnaHRcIik7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SW5kZXgoY3VycmVudEluZGV4KTtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcImxlZnRcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwicmlnaHRcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ICsgMSkgJSBpbWFnZXMubGVuZ3RoKTtcbiAgfSwgW2ltYWdlcy5sZW5ndGhdKTtcblxuICBjb25zdCB0cmFuc2l0aW9uID0gdXNlVHJhbnNpdGlvbihpbmRleCwge1xuICAgIGluaXRpYWw6IHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZTNkKDAlLDAlLDApXCIgfSxcbiAgICBmcm9tOiB7XG4gICAgICB0cmFuc2Zvcm06IGB0cmFuc2xhdGUzZCgke2RpcmVjdGlvbiA9PT0gXCJyaWdodFwiID8gXCJcIiA6IFwiLVwifTEwMCUsMCUsMClgLFxuICAgIH0sXG4gICAgZW50ZXI6IHsgdHJhbnNmb3JtOiBcInRyYW5zbGF0ZTNkKDAlLDAlLDApXCIgfSxcbiAgICBsZWF2ZToge1xuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlM2QoJHtkaXJlY3Rpb24gPT09IFwicmlnaHRcIiA/IFwiLVwiIDogXCJcIn0xMDAlLDAlLDApYCxcbiAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICB0b3A6IDAsXG4gICAgfSBhcyBjb25zdCxcbiAgfSk7XG5cbiAgdXNlS2V5Ym9hcmQoXCJFc2NhcGVcIiwgb25DbG9zZSk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dSaWdodFwiLCBoYW5kbGVOZXh0KTtcbiAgdXNlS2V5Ym9hcmQoXCJBcnJvd0xlZnRcIiwgaGFuZGxlUHJldik7XG5cbiAgcmV0dXJuIChcbiAgICA8T3ZlcmxheSBmdWxsU2NyZWVuIHsuLi5wcm9wc30gb25DbG9zZT17b25DbG9zZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMCUgLSAzMnB4KTtcbiAgICAgICAgICBtYXJnaW46IGF1dG8gLTE0cHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBtYXgtd2lkdGg6ICR7TUFYX0lNQUdFX1dJRFRIfXB4O1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBvcGFjaXR5LCB0cmFuc2Zvcm07XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHt0cmFuc2l0aW9uKChzdHlsZSwgaXRlbSkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPGFuaW1hdGVkLmRpdiBzdHlsZT17c3R5bGV9PlxuICAgICAgICAgICAgICAgIDxpbWcgey4uLmltYWdlc1tpdGVtXX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgICAgPC9hbmltYXRlZC5kaXY+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGxlZnQ6IDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgIDxOYXZpZ2F0ZUJlZm9yZUljb25cbiAgICAgICAgICAgICAgICBodG1sQ29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlUHJldn1cbiAgICAgICAgICAgICAgICBmb250U2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9CdXR0b25XcmFwcGVyPlxuICAgICAgICA8QnV0dG9uV3JhcHBlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcmlnaHQ6IDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgIDxOYXZpZ2F0ZU5leHRJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZU5leHR9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvT3ZlcmxheT5cbiAgKTtcbn07XG4iXX0= */")
+  const BUTTON_CONTAINER_COLOR = (0, _react3.useMemo)(() => (0, _hexToRgba.hexToRgba)(theme.palette.background.overlay, 0.2), [theme.palette.background.overlay]);
+  return (0, _react2.jsx)("div", _extends({
+    css: /*#__PURE__*/(0, _react2.css)("position:absolute;display:flex;align-items:center;justify-content:center;height:100%;@media (max-width: ", MAX_IMAGE_WIDTH, "px){background-color:", BUTTON_CONTAINER_COLOR, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ButtonWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5UHJvcHMgfSBmcm9tIFwiLi4vT3ZlcmxheVwiO1xuaW1wb3J0IHsgbW90aW9uLCBBbmltYXRlUHJlc2VuY2UgfSBmcm9tIFwibW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGhleFRvUmdiYSB9IGZyb20gXCIuLi9AdXRpbHMvaGV4VG9SZ2JhXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi9ob29rc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBOYXZpZ2F0ZUJlZm9yZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvTmF2aWdhdGVCZWZvcmVcIjtcbmltcG9ydCBOYXZpZ2F0ZU5leHRJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlTmV4dFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmNvbnN0IE1BWF9JTUFHRV9XSURUSCA9IDgwMDtcblxuaW50ZXJmYWNlIEJ1dHRvbldyYXBwZXJQcm9wcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcImRpdlwiPiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCdXR0b25XcmFwcGVyID0gKHByb3BzOiBCdXR0b25XcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IEJVVFRPTl9DT05UQUlORVJfQ09MT1IgPSB1c2VNZW1vKFxuICAgICgpID0+IGhleFRvUmdiYSh0aGVtZS5wYWxldHRlLmJhY2tncm91bmQub3ZlcmxheSwgMC4yKSxcbiAgICBbdGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXldLFxuICApO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weCkge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7QlVUVE9OX0NPTlRBSU5FUl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VWaWV3ZXJQcm9wcyBleHRlbmRzIE92ZXJsYXlQcm9wcyB7XG4gIGltYWdlczogKFJlYWN0LkltZ0hUTUxBdHRyaWJ1dGVzPEhUTUxJbWFnZUVsZW1lbnQ+ICYgeyBzcmM6IHN0cmluZyB9KVtdO1xuICBjdXJyZW50SW5kZXg6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IEltYWdlVmlld2VyID0gKHtcbiAgaW1hZ2VzLFxuICBjdXJyZW50SW5kZXgsXG4gIG9uQ2xvc2UsXG4gIC4uLnByb3BzXG59OiBJbWFnZVZpZXdlclByb3BzKSA9PiB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLyoqXG4gICAgICogUHJlbG9hZCBpbWFnZXNcbiAgICAgKi9cbiAgICBpbWFnZXMuZm9yRWFjaCgoaW1hZ2UpID0+IHtcbiAgICAgIGNvbnN0IGltZyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJpbWdcIik7XG4gICAgICBpbWcuc3JjID0gaW1hZ2Uuc3JjO1xuICAgIH0pO1xuICB9LCBbaW1hZ2VzXSk7XG5cbiAgY29uc3QgW2luZGV4LCBzZXRJbmRleF0gPSB1c2VTdGF0ZShjdXJyZW50SW5kZXgpO1xuICBjb25zdCBbZGlyZWN0aW9uLCBzZXREaXJlY3Rpb25dID0gdXNlU3RhdGU8XCJuZXh0XCIgfCBcInByZXZcIj4oXCJuZXh0XCIpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SW5kZXgoY3VycmVudEluZGV4KTtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIGNvbnN0IGhhbmRsZVByZXYgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwicHJldlwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgPT09IDAgPyBpbWFnZXMubGVuZ3RoIC0gMSA6IHByZXYgLSAxKSk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgY29uc3QgaGFuZGxlTmV4dCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXREaXJlY3Rpb24oXCJuZXh0XCIpO1xuICAgIHNldEluZGV4KChwcmV2KSA9PiAocHJldiArIDEpICUgaW1hZ2VzLmxlbmd0aCk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgdXNlS2V5Ym9hcmQoXCJFc2NhcGVcIiwgb25DbG9zZSk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dSaWdodFwiLCBoYW5kbGVOZXh0KTtcbiAgdXNlS2V5Ym9hcmQoXCJBcnJvd0xlZnRcIiwgaGFuZGxlUHJldik7XG5cbiAgcmV0dXJuIChcbiAgICA8T3ZlcmxheSBmdWxsU2NyZWVuIHsuLi5wcm9wc30gb25DbG9zZT17b25DbG9zZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMCUgLSAzMnB4KTtcbiAgICAgICAgICBtYXJnaW46IGF1dG8gLTE0cHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBtYXgtd2lkdGg6ICR7TUFYX0lNQUdFX1dJRFRIfXB4O1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBvcGFjaXR5LCB0cmFuc2Zvcm07XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxBbmltYXRlUHJlc2VuY2UgaW5pdGlhbD17ZmFsc2V9PlxuICAgICAgICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgaW5pdGlhbD17e1xuICAgICAgICAgICAgICAgIHg6IGRpcmVjdGlvbiA9PT0gXCJuZXh0XCIgPyBcIjEwMCVcIiA6IFwiLTEwMCVcIixcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17e1xuICAgICAgICAgICAgICAgIHg6IDAsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGV4aXQ9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCItMTAwJVwiIDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7XG4gICAgICAgICAgICAgICAgZWFzZTogXCJlYXNlSW5PdXRcIixcbiAgICAgICAgICAgICAgICBkdXJhdGlvbjogMC4zLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8aW1nIHsuLi5pbWFnZXNbaW5kZXhdfSBhbHQ9XCJcIiAvPlxuICAgICAgICAgICAgPC9tb3Rpb24uZGl2PlxuICAgICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGxlZnQ6IDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgIDxOYXZpZ2F0ZUJlZm9yZUljb25cbiAgICAgICAgICAgICAgICBodG1sQ29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlUHJldn1cbiAgICAgICAgICAgICAgICBmb250U2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9CdXR0b25XcmFwcGVyPlxuICAgICAgICA8QnV0dG9uV3JhcHBlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcmlnaHQ6IDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgIDxOYXZpZ2F0ZU5leHRJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZU5leHR9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvT3ZlcmxheT5cbiAgKTtcbn07XG4iXX0= */")
   }, props));
 };
 var _ref = process.env.NODE_ENV === "production" ? {
@@ -30,7 +30,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "right:0px"
 } : {
   name: "1oizqjo-ImageViewer",
-  styles: "right:0px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0prQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IGFuaW1hdGVkLCB1c2VUcmFuc2l0aW9uIH0gZnJvbSBcInJlYWN0LXNwcmluZ1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwicmlnaHRcIiB8IFwibGVmdFwiPihcInJpZ2h0XCIpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcbiAgY29uc3QgaGFuZGxlUHJldiA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXREaXJlY3Rpb24oXCJsZWZ0XCIpO1xuICAgIHNldEluZGV4KChwcmV2KSA9PiAocHJldiA9PT0gMCA/IGltYWdlcy5sZW5ndGggLSAxIDogcHJldiAtIDEpKTtcbiAgfSwgW2ltYWdlcy5sZW5ndGhdKTtcblxuICBjb25zdCBoYW5kbGVOZXh0ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInJpZ2h0XCIpO1xuICAgIHNldEluZGV4KChwcmV2KSA9PiAocHJldiArIDEpICUgaW1hZ2VzLmxlbmd0aCk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgY29uc3QgdHJhbnNpdGlvbiA9IHVzZVRyYW5zaXRpb24oaW5kZXgsIHtcbiAgICBpbml0aWFsOiB7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUzZCgwJSwwJSwwKVwiIH0sXG4gICAgZnJvbToge1xuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlM2QoJHtkaXJlY3Rpb24gPT09IFwicmlnaHRcIiA/IFwiXCIgOiBcIi1cIn0xMDAlLDAlLDApYCxcbiAgICB9LFxuICAgIGVudGVyOiB7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUzZCgwJSwwJSwwKVwiIH0sXG4gICAgbGVhdmU6IHtcbiAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7ZGlyZWN0aW9uID09PSBcInJpZ2h0XCIgPyBcIi1cIiA6IFwiXCJ9MTAwJSwwJSwwKWAsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgdG9wOiAwLFxuICAgIH0gYXMgY29uc3QsXG4gIH0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dHJhbnNpdGlvbigoc3R5bGUsIGl0ZW0pID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxhbmltYXRlZC5kaXYgc3R5bGU9e3N0eWxlfT5cbiAgICAgICAgICAgICAgICA8aW1nIHsuLi5pbWFnZXNbaXRlbV19IGFsdD1cIlwiIC8+XG4gICAgICAgICAgICAgIDwvYW5pbWF0ZWQuZGl2PlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
+  styles: "right:0px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0prQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IG1vdGlvbiwgQW5pbWF0ZVByZXNlbmNlIH0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -38,7 +38,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "left:0px"
 } : {
   name: "1unh103-ImageViewer",
-  styles: "left:0px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0lrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IGFuaW1hdGVkLCB1c2VUcmFuc2l0aW9uIH0gZnJvbSBcInJlYWN0LXNwcmluZ1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwicmlnaHRcIiB8IFwibGVmdFwiPihcInJpZ2h0XCIpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcbiAgY29uc3QgaGFuZGxlUHJldiA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXREaXJlY3Rpb24oXCJsZWZ0XCIpO1xuICAgIHNldEluZGV4KChwcmV2KSA9PiAocHJldiA9PT0gMCA/IGltYWdlcy5sZW5ndGggLSAxIDogcHJldiAtIDEpKTtcbiAgfSwgW2ltYWdlcy5sZW5ndGhdKTtcblxuICBjb25zdCBoYW5kbGVOZXh0ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInJpZ2h0XCIpO1xuICAgIHNldEluZGV4KChwcmV2KSA9PiAocHJldiArIDEpICUgaW1hZ2VzLmxlbmd0aCk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgY29uc3QgdHJhbnNpdGlvbiA9IHVzZVRyYW5zaXRpb24oaW5kZXgsIHtcbiAgICBpbml0aWFsOiB7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUzZCgwJSwwJSwwKVwiIH0sXG4gICAgZnJvbToge1xuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlM2QoJHtkaXJlY3Rpb24gPT09IFwicmlnaHRcIiA/IFwiXCIgOiBcIi1cIn0xMDAlLDAlLDApYCxcbiAgICB9LFxuICAgIGVudGVyOiB7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUzZCgwJSwwJSwwKVwiIH0sXG4gICAgbGVhdmU6IHtcbiAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7ZGlyZWN0aW9uID09PSBcInJpZ2h0XCIgPyBcIi1cIiA6IFwiXCJ9MTAwJSwwJSwwKWAsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgdG9wOiAwLFxuICAgIH0gYXMgY29uc3QsXG4gIH0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dHJhbnNpdGlvbigoc3R5bGUsIGl0ZW0pID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxhbmltYXRlZC5kaXYgc3R5bGU9e3N0eWxlfT5cbiAgICAgICAgICAgICAgICA8aW1nIHsuLi5pbWFnZXNbaXRlbV19IGFsdD1cIlwiIC8+XG4gICAgICAgICAgICAgIDwvYW5pbWF0ZWQuZGl2PlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
+  styles: "left:0px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0lrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IG1vdGlvbiwgQW5pbWF0ZVByZXNlbmNlIH0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref3 = process.env.NODE_ENV === "production" ? {
@@ -46,7 +46,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   styles: "position:relative;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:stretch;justify-content:center;max-height:calc(100% - 32px);margin:auto -14px"
 } : {
   name: "g4t1sc-ImageViewer",
-  styles: "position:relative;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:stretch;justify-content:center;max-height:calc(100% - 32px);margin:auto -14px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0dnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IGFuaW1hdGVkLCB1c2VUcmFuc2l0aW9uIH0gZnJvbSBcInJlYWN0LXNwcmluZ1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwicmlnaHRcIiB8IFwibGVmdFwiPihcInJpZ2h0XCIpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcbiAgY29uc3QgaGFuZGxlUHJldiA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXREaXJlY3Rpb24oXCJsZWZ0XCIpO1xuICAgIHNldEluZGV4KChwcmV2KSA9PiAocHJldiA9PT0gMCA/IGltYWdlcy5sZW5ndGggLSAxIDogcHJldiAtIDEpKTtcbiAgfSwgW2ltYWdlcy5sZW5ndGhdKTtcblxuICBjb25zdCBoYW5kbGVOZXh0ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInJpZ2h0XCIpO1xuICAgIHNldEluZGV4KChwcmV2KSA9PiAocHJldiArIDEpICUgaW1hZ2VzLmxlbmd0aCk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgY29uc3QgdHJhbnNpdGlvbiA9IHVzZVRyYW5zaXRpb24oaW5kZXgsIHtcbiAgICBpbml0aWFsOiB7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUzZCgwJSwwJSwwKVwiIH0sXG4gICAgZnJvbToge1xuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlM2QoJHtkaXJlY3Rpb24gPT09IFwicmlnaHRcIiA/IFwiXCIgOiBcIi1cIn0xMDAlLDAlLDApYCxcbiAgICB9LFxuICAgIGVudGVyOiB7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUzZCgwJSwwJSwwKVwiIH0sXG4gICAgbGVhdmU6IHtcbiAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7ZGlyZWN0aW9uID09PSBcInJpZ2h0XCIgPyBcIi1cIiA6IFwiXCJ9MTAwJSwwJSwwKWAsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgdG9wOiAwLFxuICAgIH0gYXMgY29uc3QsXG4gIH0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dHJhbnNpdGlvbigoc3R5bGUsIGl0ZW0pID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxhbmltYXRlZC5kaXYgc3R5bGU9e3N0eWxlfT5cbiAgICAgICAgICAgICAgICA8aW1nIHsuLi5pbWFnZXNbaXRlbV19IGFsdD1cIlwiIC8+XG4gICAgICAgICAgICAgIDwvYW5pbWF0ZWQuZGl2PlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
+  styles: "position:relative;top:0;bottom:0;box-sizing:border-box;display:flex;align-items:stretch;justify-content:center;max-height:calc(100% - 32px);margin:auto -14px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0ZnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IG1vdGlvbiwgQW5pbWF0ZVByZXNlbmNlIH0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const ImageViewer = ({
@@ -55,7 +55,7 @@ const ImageViewer = ({
   onClose,
   ...props
 }) => {
-  (0, _react2.useEffect)(() => {
+  (0, _react3.useEffect)(() => {
     /**
      * Preload images
      */
@@ -64,66 +64,67 @@ const ImageViewer = ({
       img.src = image.src;
     });
   }, [images]);
-  const [index, setIndex] = (0, _react2.useState)(currentIndex);
-  const [direction, setDirection] = (0, _react2.useState)("right");
-  (0, _react2.useEffect)(() => {
+  const [index, setIndex] = (0, _react3.useState)(currentIndex);
+  const [direction, setDirection] = (0, _react3.useState)("next");
+  (0, _react3.useEffect)(() => {
     setIndex(currentIndex);
   }, [currentIndex]);
-  const handlePrev = (0, _react2.useCallback)(() => {
-    setDirection("left");
+  const handlePrev = (0, _react3.useCallback)(() => {
+    setDirection("prev");
     setIndex(prev => prev === 0 ? images.length - 1 : prev - 1);
   }, [images.length]);
-  const handleNext = (0, _react2.useCallback)(() => {
-    setDirection("right");
+  const handleNext = (0, _react3.useCallback)(() => {
+    setDirection("next");
     setIndex(prev => (prev + 1) % images.length);
   }, [images.length]);
-  const transition = (0, _reactSpring.useTransition)(index, {
-    initial: {
-      transform: "translate3d(0%,0%,0)"
-    },
-    from: {
-      transform: `translate3d(${direction === "right" ? "" : "-"}100%,0%,0)`
-    },
-    enter: {
-      transform: "translate3d(0%,0%,0)"
-    },
-    leave: {
-      transform: `translate3d(${direction === "right" ? "-" : ""}100%,0%,0)`,
-      position: "absolute",
-      width: "100%",
-      top: 0
-    }
-  });
   (0, _hooks.useKeyboard)("Escape", onClose);
   (0, _hooks.useKeyboard)("ArrowRight", handleNext);
   (0, _hooks.useKeyboard)("ArrowLeft", handlePrev);
-  return (0, _react.jsx)(_Overlay.Overlay, _extends({
+  return (0, _react2.jsx)(_Overlay.Overlay, _extends({
     fullScreen: true
   }, props, {
     onClose: onClose
-  }), (0, _react.jsx)("div", {
+  }), (0, _react2.jsx)("div", {
     css: _ref3
-  }, (0, _react.jsx)("div", {
-    css: /*#__PURE__*/(0, _react.css)("position:relative;box-sizing:border-box;max-width:", MAX_IMAGE_WIDTH, "px;overflow:hidden;will-change:opacity,transform;" + (process.env.NODE_ENV === "production" ? "" : ";label:ImageViewer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0drQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IGFuaW1hdGVkLCB1c2VUcmFuc2l0aW9uIH0gZnJvbSBcInJlYWN0LXNwcmluZ1wiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwicmlnaHRcIiB8IFwibGVmdFwiPihcInJpZ2h0XCIpO1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcbiAgY29uc3QgaGFuZGxlUHJldiA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXREaXJlY3Rpb24oXCJsZWZ0XCIpO1xuICAgIHNldEluZGV4KChwcmV2KSA9PiAocHJldiA9PT0gMCA/IGltYWdlcy5sZW5ndGggLSAxIDogcHJldiAtIDEpKTtcbiAgfSwgW2ltYWdlcy5sZW5ndGhdKTtcblxuICBjb25zdCBoYW5kbGVOZXh0ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInJpZ2h0XCIpO1xuICAgIHNldEluZGV4KChwcmV2KSA9PiAocHJldiArIDEpICUgaW1hZ2VzLmxlbmd0aCk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgY29uc3QgdHJhbnNpdGlvbiA9IHVzZVRyYW5zaXRpb24oaW5kZXgsIHtcbiAgICBpbml0aWFsOiB7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUzZCgwJSwwJSwwKVwiIH0sXG4gICAgZnJvbToge1xuICAgICAgdHJhbnNmb3JtOiBgdHJhbnNsYXRlM2QoJHtkaXJlY3Rpb24gPT09IFwicmlnaHRcIiA/IFwiXCIgOiBcIi1cIn0xMDAlLDAlLDApYCxcbiAgICB9LFxuICAgIGVudGVyOiB7IHRyYW5zZm9ybTogXCJ0cmFuc2xhdGUzZCgwJSwwJSwwKVwiIH0sXG4gICAgbGVhdmU6IHtcbiAgICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZTNkKCR7ZGlyZWN0aW9uID09PSBcInJpZ2h0XCIgPyBcIi1cIiA6IFwiXCJ9MTAwJSwwJSwwKWAsXG4gICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgdG9wOiAwLFxuICAgIH0gYXMgY29uc3QsXG4gIH0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICB7dHJhbnNpdGlvbigoc3R5bGUsIGl0ZW0pID0+IHtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxhbmltYXRlZC5kaXYgc3R5bGU9e3N0eWxlfT5cbiAgICAgICAgICAgICAgICA8aW1nIHsuLi5pbWFnZXNbaXRlbV19IGFsdD1cIlwiIC8+XG4gICAgICAgICAgICAgIDwvYW5pbWF0ZWQuZGl2PlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */")
-  }, transition((style, item) => {
-    return (0, _react.jsx)(_reactSpring.animated.div, {
-      style: style
-    }, (0, _react.jsx)("img", _extends({}, images[item], {
-      alt: ""
-    })));
-  })), (0, _react.jsx)(ButtonWrapper, {
+  }, (0, _react2.jsx)("div", {
+    css: /*#__PURE__*/(0, _react2.css)("position:relative;box-sizing:border-box;max-width:", MAX_IMAGE_WIDTH, "px;overflow:hidden;will-change:opacity,transform;" + (process.env.NODE_ENV === "production" ? "" : ";label:ImageViewer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUdrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IG1vdGlvbiwgQW5pbWF0ZVByZXNlbmNlIH0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */")
+  }, (0, _react2.jsx)(_react.AnimatePresence, {
+    initial: false
+  }, (0, _react2.jsx)(_react.motion.div, {
+    key: index,
+    initial: {
+      x: direction === "next" ? "100%" : "-100%"
+    },
+    animate: {
+      x: 0,
+      position: "relative",
+      width: "100%"
+    },
+    exit: {
+      x: direction === "next" ? "-100%" : "100%",
+      position: "absolute",
+      width: "100%",
+      top: 0
+    },
+    transition: {
+      ease: "easeInOut",
+      duration: 0.3
+    }
+  }, (0, _react2.jsx)("img", _extends({}, images[index], {
+    alt: ""
+  }))))), (0, _react2.jsx)(ButtonWrapper, {
     css: _ref2
-  }, (0, _react.jsx)(_Button.Button, {
-    icon: (0, _react.jsx)(_NavigateBefore.default, {
+  }, (0, _react2.jsx)(_Button.Button, {
+    icon: (0, _react2.jsx)(_NavigateBefore.default, {
       htmlColor: "white",
       onClick: handlePrev,
       fontSize: "large"
     }),
     size: "large"
-  })), (0, _react.jsx)(ButtonWrapper, {
+  })), (0, _react2.jsx)(ButtonWrapper, {
     css: _ref
-  }, (0, _react.jsx)(_Button.Button, {
-    icon: (0, _react.jsx)(_NavigateNext.default, {
+  }, (0, _react2.jsx)(_Button.Button, {
+    icon: (0, _react2.jsx)(_NavigateNext.default, {
       htmlColor: "white",
       onClick: handleNext,
       fontSize: "large"

package/cjs/ImageViewer/ImageViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageViewer.js","names":["_Button","require","_Overlay","_reactSpring","_react","_hexToRgba","_hooks","_theme","_NavigateBefore","_interopRequireDefault","_NavigateNext","_react2","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","MAX_IMAGE_WIDTH","ButtonWrapper","props","theme","useTheme","BUTTON_CONTAINER_COLOR","useMemo","hexToRgba","palette","background","overlay","jsx","css","process","env","NODE_ENV","_ref","name","styles","toString","_ref2","_ref3","ImageViewer","images","currentIndex","onClose","useEffect","forEach","image","img","document","createElement","src","index","setIndex","useState","direction","setDirection","handlePrev","useCallback","prev","handleNext","transition","useTransition","initial","transform","from","enter","leave","position","width","top","useKeyboard","Overlay","fullScreen","style","item","animated","div","alt","Button","icon","htmlColor","onClick","fontSize","size","exports"],"sources":["../../../src/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import { Button } from \"../Button\";\nimport { Overlay, OverlayProps } from \"../Overlay\";\nimport { animated, useTransition } from \"react-spring\";\nimport { css } from \"@emotion/react\";\nimport { hexToRgba } from \"../@utils/hexToRgba\";\nimport { useKeyboard } from \"../hooks\";\nimport { useTheme } from \"../theme\";\nimport NavigateBeforeIcon from \"@mui/icons-material/NavigateBefore\";\nimport NavigateNextIcon from \"@mui/icons-material/NavigateNext\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nconst MAX_IMAGE_WIDTH = 800;\n\ninterface ButtonWrapperProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  children?: React.ReactNode;\n}\n\nconst ButtonWrapper = (props: ButtonWrapperProps) => {\n  const theme = useTheme();\n\n  const BUTTON_CONTAINER_COLOR = useMemo(\n    () => hexToRgba(theme.palette.background.overlay, 0.2),\n    [theme.palette.background.overlay],\n  );\n  return (\n    <div\n      css={css`\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 100%;\n        @media (max-width: ${MAX_IMAGE_WIDTH}px) {\n          background-color: ${BUTTON_CONTAINER_COLOR};\n        }\n      `}\n      {...props}\n    />\n  );\n};\n\nexport interface ImageViewerProps extends OverlayProps {\n  images: (React.ImgHTMLAttributes<HTMLImageElement> & { src: string })[];\n  currentIndex: number;\n}\n\nexport const ImageViewer = ({\n  images,\n  currentIndex,\n  onClose,\n  ...props\n}: ImageViewerProps) => {\n  useEffect(() => {\n    /**\n     * Preload images\n     */\n    images.forEach((image) => {\n      const img = document.createElement(\"img\");\n      img.src = image.src;\n    });\n  }, [images]);\n\n  const [index, setIndex] = useState(currentIndex);\n  const [direction, setDirection] = useState<\"right\" | \"left\">(\"right\");\n  useEffect(() => {\n    setIndex(currentIndex);\n  }, [currentIndex]);\n  const handlePrev = useCallback(() => {\n    setDirection(\"left\");\n    setIndex((prev) => (prev === 0 ? images.length - 1 : prev - 1));\n  }, [images.length]);\n\n  const handleNext = useCallback(() => {\n    setDirection(\"right\");\n    setIndex((prev) => (prev + 1) % images.length);\n  }, [images.length]);\n\n  const transition = useTransition(index, {\n    initial: { transform: \"translate3d(0%,0%,0)\" },\n    from: {\n      transform: `translate3d(${direction === \"right\" ? \"\" : \"-\"}100%,0%,0)`,\n    },\n    enter: { transform: \"translate3d(0%,0%,0)\" },\n    leave: {\n      transform: `translate3d(${direction === \"right\" ? \"-\" : \"\"}100%,0%,0)`,\n      position: \"absolute\",\n      width: \"100%\",\n      top: 0,\n    } as const,\n  });\n\n  useKeyboard(\"Escape\", onClose);\n  useKeyboard(\"ArrowRight\", handleNext);\n  useKeyboard(\"ArrowLeft\", handlePrev);\n\n  return (\n    <Overlay fullScreen {...props} onClose={onClose}>\n      <div\n        css={css`\n          position: relative;\n          top: 0;\n          bottom: 0;\n          box-sizing: border-box;\n          display: flex;\n          align-items: stretch;\n          justify-content: center;\n          max-height: calc(100% - 32px);\n          margin: auto -14px;\n        `}\n      >\n        <div\n          css={css`\n            position: relative;\n            box-sizing: border-box;\n            max-width: ${MAX_IMAGE_WIDTH}px;\n            overflow: hidden;\n            will-change: opacity, transform;\n          `}\n        >\n          {transition((style, item) => {\n            return (\n              <animated.div style={style}>\n                <img {...images[item]} alt=\"\" />\n              </animated.div>\n            );\n          })}\n        </div>\n        <ButtonWrapper\n          css={css`\n            left: 0px;\n          `}\n        >\n          <Button\n            icon={\n              <NavigateBeforeIcon\n                htmlColor=\"white\"\n                onClick={handlePrev}\n                fontSize=\"large\"\n              />\n            }\n            size=\"large\"\n          />\n        </ButtonWrapper>\n        <ButtonWrapper\n          css={css`\n            right: 0px;\n          `}\n        >\n          <Button\n            icon={\n              <NavigateNextIcon\n                htmlColor=\"white\"\n                onClick={handleNext}\n                fontSize=\"large\"\n              />\n            }\n            size=\"large\"\n          />\n        </ButtonWrapper>\n      </div>\n    </Overlay>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ImageViewer.js","names":["_Button","require","_Overlay","_react","_react2","_hexToRgba","_hooks","_theme","_NavigateBefore","_interopRequireDefault","_NavigateNext","_react3","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","MAX_IMAGE_WIDTH","ButtonWrapper","props","theme","useTheme","BUTTON_CONTAINER_COLOR","useMemo","hexToRgba","palette","background","overlay","jsx","css","process","env","NODE_ENV","_ref","name","styles","toString","_ref2","_ref3","ImageViewer","images","currentIndex","onClose","useEffect","forEach","image","img","document","createElement","src","index","setIndex","useState","direction","setDirection","handlePrev","useCallback","prev","handleNext","useKeyboard","Overlay","fullScreen","AnimatePresence","initial","motion","div","key","x","animate","position","width","exit","top","transition","ease","duration","alt","Button","icon","htmlColor","onClick","fontSize","size","exports"],"sources":["../../../src/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import { Button } from \"../Button\";\nimport { Overlay, OverlayProps } from \"../Overlay\";\nimport { motion, AnimatePresence } from \"motion/react\";\nimport { css } from \"@emotion/react\";\nimport { hexToRgba } from \"../@utils/hexToRgba\";\nimport { useKeyboard } from \"../hooks\";\nimport { useTheme } from \"../theme\";\nimport NavigateBeforeIcon from \"@mui/icons-material/NavigateBefore\";\nimport NavigateNextIcon from \"@mui/icons-material/NavigateNext\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\n\nconst MAX_IMAGE_WIDTH = 800;\n\ninterface ButtonWrapperProps extends React.ComponentPropsWithoutRef<\"div\"> {\n  children?: React.ReactNode;\n}\n\nconst ButtonWrapper = (props: ButtonWrapperProps) => {\n  const theme = useTheme();\n\n  const BUTTON_CONTAINER_COLOR = useMemo(\n    () => hexToRgba(theme.palette.background.overlay, 0.2),\n    [theme.palette.background.overlay],\n  );\n  return (\n    <div\n      css={css`\n        position: absolute;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        height: 100%;\n        @media (max-width: ${MAX_IMAGE_WIDTH}px) {\n          background-color: ${BUTTON_CONTAINER_COLOR};\n        }\n      `}\n      {...props}\n    />\n  );\n};\n\nexport interface ImageViewerProps extends OverlayProps {\n  images: (React.ImgHTMLAttributes<HTMLImageElement> & { src: string })[];\n  currentIndex: number;\n}\n\nexport const ImageViewer = ({\n  images,\n  currentIndex,\n  onClose,\n  ...props\n}: ImageViewerProps) => {\n  useEffect(() => {\n    /**\n     * Preload images\n     */\n    images.forEach((image) => {\n      const img = document.createElement(\"img\");\n      img.src = image.src;\n    });\n  }, [images]);\n\n  const [index, setIndex] = useState(currentIndex);\n  const [direction, setDirection] = useState<\"next\" | \"prev\">(\"next\");\n\n  useEffect(() => {\n    setIndex(currentIndex);\n  }, [currentIndex]);\n\n  const handlePrev = useCallback(() => {\n    setDirection(\"prev\");\n    setIndex((prev) => (prev === 0 ? images.length - 1 : prev - 1));\n  }, [images.length]);\n\n  const handleNext = useCallback(() => {\n    setDirection(\"next\");\n    setIndex((prev) => (prev + 1) % images.length);\n  }, [images.length]);\n\n  useKeyboard(\"Escape\", onClose);\n  useKeyboard(\"ArrowRight\", handleNext);\n  useKeyboard(\"ArrowLeft\", handlePrev);\n\n  return (\n    <Overlay fullScreen {...props} onClose={onClose}>\n      <div\n        css={css`\n          position: relative;\n          top: 0;\n          bottom: 0;\n          box-sizing: border-box;\n          display: flex;\n          align-items: stretch;\n          justify-content: center;\n          max-height: calc(100% - 32px);\n          margin: auto -14px;\n        `}\n      >\n        <div\n          css={css`\n            position: relative;\n            box-sizing: border-box;\n            max-width: ${MAX_IMAGE_WIDTH}px;\n            overflow: hidden;\n            will-change: opacity, transform;\n          `}\n        >\n          <AnimatePresence initial={false}>\n            <motion.div\n              key={index}\n              initial={{\n                x: direction === \"next\" ? \"100%\" : \"-100%\",\n              }}\n              animate={{\n                x: 0,\n                position: \"relative\",\n                width: \"100%\",\n              }}\n              exit={{\n                x: direction === \"next\" ? \"-100%\" : \"100%\",\n                position: \"absolute\",\n                width: \"100%\",\n                top: 0,\n              }}\n              transition={{\n                ease: \"easeInOut\",\n                duration: 0.3,\n              }}\n            >\n              <img {...images[index]} alt=\"\" />\n            </motion.div>\n          </AnimatePresence>\n        </div>\n        <ButtonWrapper\n          css={css`\n            left: 0px;\n          `}\n        >\n          <Button\n            icon={\n              <NavigateBeforeIcon\n                htmlColor=\"white\"\n                onClick={handlePrev}\n                fontSize=\"large\"\n              />\n            }\n            size=\"large\"\n          />\n        </ButtonWrapper>\n        <ButtonWrapper\n          css={css`\n            right: 0px;\n          `}\n        >\n          <Button\n            icon={\n              <NavigateNextIcon\n                htmlColor=\"white\"\n                onClick={handleNext}\n                fontSize=\"large\"\n              />\n            }\n            size=\"large\"\n          />\n        </ButtonWrapper>\n      </div>\n    </Overlay>\n  );\n};\n"],"mappings":"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","ignoreList":[]}