matsuri-ui 18.0.1-alpha-1759583592628-ecfdd4e.0 → 18.0.1-alpha-1759716595435-a37743a.0

package/esm/ImageUploadArea/ImageUploadArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploadArea.js","names":["Button","DropArea","Layout","SortArea","Typography","css","useForceUpdate","DeleteIcon","OpenInNewIcon","React","useCallback","useEffect","useState","jsx","___EmotionJSX","isEqualAsArray","a","b","equal","length","i","_ref5","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref6","_ref7","_ref8","_ref9","_ref0","ImageUploadAreaImage","_ref1","image","onDelete","src","data","loading","tabIndex","alt","id","type","size","icon","as","href","target","rel","onClick","_ref","_ref2","_ref3","_ref4","ImageUploadArea","_ref10","images","readBlob","onUpload","onReorder","renderImage","ImageComponent","forceUpdate","items","setItems","compressing","setCompressing","handleDrop","files","prev","copy","concat","forEach","_ref11","_asyncToGenerator","file","push","Date","now","Math","random","v","_x","apply","arguments","c","handleUpload","e","Array","from","currentTarget","handleReorder","imagesNew","map","_ref12","Fragment","onDrop","accept","Column","gap","alignItems","htmlFor","color","variant","multiple","onChange","disabled","list","key"],"sources":["../../../src/ImageUploadArea/ImageUploadArea.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { Button } from \"../Button\";\nimport { DropArea } from \"../DropArea\";\nimport { Layout } from \"../Layouts\";\nimport { SortArea } from \"../SortArea\";\nimport { Typography } from \"../Typography\";\nimport { css } from \"@emotion/react\";\nimport { useForceUpdate } from \"../hooks\";\nimport DeleteIcon from \"@mui/icons-material/Delete\";\nimport OpenInNewIcon from \"@mui/icons-material/OpenInNew\";\nimport React, { useCallback, useEffect, useState } from \"react\";\n\nexport interface Image {\n  data: string;\n  id: string;\n}\n\nconst isEqualAsArray = <T,>(a: T[], b: T[], equal: (a: T, b: T) => boolean) => {\n  if (a.length !== b.length) return false;\n\n  for (let i = 0; i < a.length; i++) {\n    if (!equal(a[i], b[i])) return false;\n  }\n\n  return true;\n};\n\nexport interface ImageUploadAreaImageProps {\n  image: Image;\n  onDelete: (id: string) => void;\n}\n\nexport const ImageUploadAreaImage = ({\n  image,\n  onDelete,\n}: ImageUploadAreaImageProps) => {\n  return (\n    <div\n      css={css`\n        position: relative;\n      `}\n    >\n      <img\n        src={image.data}\n        css={css`\n          width: 100%;\n          aspect-ratio: 4 / 3;\n          cursor: pointer;\n          object-fit: cover;\n        `}\n        loading=\"lazy\"\n        tabIndex={-1}\n        alt=\"\"\n      />\n      <div\n        css={css`\n          position: absolute;\n          top: 0;\n          left: 0;\n          z-index: 1;\n          width: 100%;\n          height: 100%;\n          background-image: linear-gradient(\n            rgba(0, 0, 0, 0.5),\n            rgba(0, 0, 0, 0) 30%\n          );\n        `}\n      />\n      {image.id && (\n        <div\n          css={css`\n            position: absolute;\n            top: 0;\n            left: 0;\n            display: flex;\n            justify-content: space-between;\n            width: 100%;\n            padding: 4px;\n          `}\n        >\n          <Button\n            type=\"button\"\n            size=\"small\"\n            icon={<OpenInNewIcon />}\n            css={css`\n              z-index: 2;\n              color: white;\n            `}\n            as={\"a\"}\n            href={image.data}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          />\n          <Button\n            type=\"button\"\n            icon={<DeleteIcon />}\n            size=\"small\"\n            onClick={() => onDelete(image.id)}\n            css={css`\n              z-index: 2;\n              color: white;\n            `}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport interface ImageUploadAreaProps {\n  images?: Image[];\n  readBlob: (blob: Blob) => Promise<string>; // 圧縮が必要ならここで\n  onUpload: (data: string[]) => void;\n  onDelete: (id: string) => void;\n  onReorder?: (ids: string[]) => void;\n  renderImage?: (props: ImageUploadAreaImageProps) => React.JSX.Element;\n}\n\nexport const ImageUploadArea = ({\n  images,\n  readBlob,\n  onUpload,\n  onDelete,\n  onReorder,\n  renderImage: ImageComponent = ImageUploadAreaImage,\n}: ImageUploadAreaProps) => {\n  const forceUpdate = useForceUpdate();\n  const [items, setItems] = useState<Image[]>([]);\n  const [compressing, setCompressing] = useState(0);\n\n  const handleDrop = useCallback(\n    (files: File[]) => {\n      setItems((prev) => {\n        const copy = prev.concat();\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        files.forEach(async (file) => {\n          const data = await readBlob(file);\n          copy.push({\n            data,\n            id: `${Date.now()}-${Math.random()}`,\n          });\n\n          forceUpdate();\n          setCompressing((v) => v - 1);\n        });\n        return copy;\n      });\n      setCompressing((c) => c + files.length);\n    },\n    [readBlob, forceUpdate],\n  );\n  const handleUpload = (e: React.SyntheticEvent<HTMLInputElement>) => {\n    const files = Array.from(e.currentTarget.files!);\n    handleDrop(files);\n  };\n\n  // PERF: 初回のレンダリング時に今と同じ並びのままreorderが呼ばれてしまって無意味なAPIコールが入るので、配列が変わってる時だけonReorderを呼ぶようにした方がいいかもしれない\n  const handleReorder = (imagesNew: Image[]) => {\n    // 初回の自明な変更でonReorderが意図せずよばれないように\n    if (\n      images &&\n      images.length > 0 &&\n      imagesNew.length > 0 &&\n      !isEqualAsArray(images, imagesNew, (a, b) => a.id === b.id)\n    ) {\n      onReorder?.(imagesNew.map((i) => i.id));\n    }\n  };\n\n  // compressingが0になったら初めてuploadを走らせる\n  useEffect(\n    () => {\n      if (compressing === 0 && items.length > 0) {\n        onUpload(items.map(({ data }) => data));\n        if (items.length) {\n          setItems([]);\n        }\n      }\n    },\n    // onUploadやitemsをdepsに入れるとpropsへの渡し方によっては無限ループするので無視する\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [compressing],\n  );\n\n  return (\n    <>\n      <div\n        css={css`\n          display: grid;\n          gap: 16px;\n          max-width: 1024px;\n        `}\n      >\n        <DropArea\n          onDrop={handleDrop}\n          css={css`\n            width: 100%;\n            height: 200px;\n          `}\n          accept={/image\\/*/}\n        >\n          <Layout.Column gap={2} alignItems=\"center\">\n            <Button\n              as=\"label\"\n              htmlFor=\"upload\"\n              color=\"primary\"\n              variant=\"filled\"\n            >\n              写真をアップロード\n            </Button>\n            <input\n              type=\"file\"\n              accept=\"image/*\"\n              name=\"upload\"\n              id=\"upload\"\n              multiple\n              onChange={handleUpload}\n              css={css`\n                display: none;\n              `}\n            />\n            <Typography variant=\"caption\">\n              あるいは画像をここにドラッグ\n            </Typography>\n          </Layout.Column>\n        </DropArea>\n        <SortArea\n          gap={2}\n          disabled={!onReorder}\n          onChange={handleReorder}\n          list={images}\n          css={css`\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n\n            @media screen and (max-width: 768px) {\n              grid-template-columns: repeat(2, 1fr);\n            }\n          `}\n        >\n          {[...(images ?? []), ...items].map((image) => {\n            return (\n              // ここでImageComponentを直書きするとなぜかSortAreaから渡ってきたprops(onDragStartなど)がImageComponentのrootのDOMに渡らなくなってしまう\n              // 解決策としてImageComponentsで任意のpropsを受け取れるようにしrootのdivに渡すというのでも良いが、ユーザーランドでこの処理を挟むのを忘れる恐れがあるので代わりにdivで囲うことで対応した\n              <div key={image.id}>\n                <ImageComponent image={image} onDelete={onDelete} />\n              </div>\n            );\n          })}\n        </SortArea>\n      </div>\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ImageUploadArea.js","names":["css","DeleteIcon","OpenInNewIcon","React","useCallback","useEffect","useState","Button","DropArea","Layout","SortArea","Typography","useForceUpdate","jsx","___EmotionJSX","isEqualAsArray","a","b","equal","length","i","_ref5","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref6","_ref7","_ref8","_ref9","_ref0","ImageUploadAreaImage","_ref1","image","onDelete","src","data","loading","tabIndex","alt","id","type","size","icon","as","href","target","rel","onClick","_ref","_ref2","_ref3","_ref4","ImageUploadArea","_ref10","images","readBlob","onUpload","onReorder","renderImage","ImageComponent","forceUpdate","items","setItems","compressing","setCompressing","handleDrop","files","prev","copy","concat","forEach","_ref11","_asyncToGenerator","file","push","Date","now","Math","random","v","_x","apply","arguments","c","handleUpload","e","Array","from","currentTarget","handleReorder","imagesNew","map","_ref12","Fragment","onDrop","accept","Column","gap","alignItems","htmlFor","color","variant","multiple","onChange","disabled","list","key"],"sources":["../../../src/ImageUploadArea/ImageUploadArea.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { css } from \"@emotion/react\";\nimport DeleteIcon from \"@mui/icons-material/Delete\";\nimport OpenInNewIcon from \"@mui/icons-material/OpenInNew\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { Button } from \"../Button\";\nimport { DropArea } from \"../DropArea\";\nimport { Layout } from \"../Layouts\";\nimport { SortArea } from \"../SortArea\";\nimport { Typography } from \"../Typography\";\nimport { useForceUpdate } from \"../hooks\";\n\nexport interface Image {\n  data: string;\n  id: string;\n}\n\nconst isEqualAsArray = <T,>(a: T[], b: T[], equal: (a: T, b: T) => boolean) => {\n  if (a.length !== b.length) return false;\n\n  for (let i = 0; i < a.length; i++) {\n    if (!equal(a[i], b[i])) return false;\n  }\n\n  return true;\n};\n\nexport interface ImageUploadAreaImageProps {\n  image: Image;\n  onDelete: (id: string) => void;\n}\n\nexport const ImageUploadAreaImage = ({\n  image,\n  onDelete,\n}: ImageUploadAreaImageProps) => {\n  return (\n    <div\n      css={css`\n        position: relative;\n      `}\n    >\n      <img\n        src={image.data}\n        css={css`\n          width: 100%;\n          aspect-ratio: 4 / 3;\n          cursor: pointer;\n          object-fit: cover;\n        `}\n        loading=\"lazy\"\n        tabIndex={-1}\n        alt=\"\"\n      />\n      <div\n        css={css`\n          position: absolute;\n          top: 0;\n          left: 0;\n          z-index: 1;\n          width: 100%;\n          height: 100%;\n          background-image: linear-gradient(\n            rgba(0, 0, 0, 0.5),\n            rgba(0, 0, 0, 0) 30%\n          );\n        `}\n      />\n      {image.id && (\n        <div\n          css={css`\n            position: absolute;\n            top: 0;\n            left: 0;\n            display: flex;\n            justify-content: space-between;\n            width: 100%;\n            padding: 4px;\n          `}\n        >\n          <Button\n            type=\"button\"\n            size=\"small\"\n            icon={<OpenInNewIcon />}\n            css={css`\n              z-index: 2;\n              color: white;\n            `}\n            as={\"a\"}\n            href={image.data}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n          />\n          <Button\n            type=\"button\"\n            icon={<DeleteIcon />}\n            size=\"small\"\n            onClick={() => onDelete(image.id)}\n            css={css`\n              z-index: 2;\n              color: white;\n            `}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport interface ImageUploadAreaProps {\n  images?: Image[];\n  readBlob: (blob: Blob) => Promise<string>; // 圧縮が必要ならここで\n  onUpload: (data: string[]) => void;\n  onDelete: (id: string) => void;\n  onReorder?: (ids: string[]) => void;\n  renderImage?: (props: ImageUploadAreaImageProps) => React.JSX.Element;\n}\n\nexport const ImageUploadArea = ({\n  images,\n  readBlob,\n  onUpload,\n  onDelete,\n  onReorder,\n  renderImage: ImageComponent = ImageUploadAreaImage,\n}: ImageUploadAreaProps) => {\n  const forceUpdate = useForceUpdate();\n  const [items, setItems] = useState<Image[]>([]);\n  const [compressing, setCompressing] = useState(0);\n\n  const handleDrop = useCallback(\n    (files: File[]) => {\n      setItems((prev) => {\n        const copy = prev.concat();\n        // eslint-disable-next-line @typescript-eslint/no-misused-promises\n        files.forEach(async (file) => {\n          const data = await readBlob(file);\n          copy.push({\n            data,\n            id: `${Date.now()}-${Math.random()}`,\n          });\n\n          forceUpdate();\n          setCompressing((v) => v - 1);\n        });\n        return copy;\n      });\n      setCompressing((c) => c + files.length);\n    },\n    [readBlob, forceUpdate],\n  );\n  const handleUpload = (e: React.SyntheticEvent<HTMLInputElement>) => {\n    const files = Array.from(e.currentTarget.files!);\n    handleDrop(files);\n  };\n\n  // PERF: 初回のレンダリング時に今と同じ並びのままreorderが呼ばれてしまって無意味なAPIコールが入るので、配列が変わってる時だけonReorderを呼ぶようにした方がいいかもしれない\n  const handleReorder = (imagesNew: Image[]) => {\n    // 初回の自明な変更でonReorderが意図せずよばれないように\n    if (\n      images &&\n      images.length > 0 &&\n      imagesNew.length > 0 &&\n      !isEqualAsArray(images, imagesNew, (a, b) => a.id === b.id)\n    ) {\n      onReorder?.(imagesNew.map((i) => i.id));\n    }\n  };\n\n  // compressingが0になったら初めてuploadを走らせる\n  useEffect(\n    () => {\n      if (compressing === 0 && items.length > 0) {\n        onUpload(items.map(({ data }) => data));\n        if (items.length) {\n          setItems([]);\n        }\n      }\n    },\n    // onUploadやitemsをdepsに入れるとpropsへの渡し方によっては無限ループするので無視する\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [compressing],\n  );\n\n  return (\n    <>\n      <div\n        css={css`\n          display: grid;\n          gap: 16px;\n          max-width: 1024px;\n        `}\n      >\n        <DropArea\n          onDrop={handleDrop}\n          css={css`\n            width: 100%;\n            height: 200px;\n          `}\n          accept={/image\\/*/}\n        >\n          <Layout.Column gap={2} alignItems=\"center\">\n            <Button\n              as=\"label\"\n              htmlFor=\"upload\"\n              color=\"primary\"\n              variant=\"filled\"\n            >\n              写真をアップロード\n            </Button>\n            <input\n              type=\"file\"\n              accept=\"image/*\"\n              name=\"upload\"\n              id=\"upload\"\n              multiple\n              onChange={handleUpload}\n              css={css`\n                display: none;\n              `}\n            />\n            <Typography variant=\"caption\">\n              あるいは画像をここにドラッグ\n            </Typography>\n          </Layout.Column>\n        </DropArea>\n        <SortArea\n          gap={2}\n          disabled={!onReorder}\n          onChange={handleReorder}\n          list={images}\n          css={css`\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n\n            @media screen and (max-width: 768px) {\n              grid-template-columns: repeat(2, 1fr);\n            }\n          `}\n        >\n          {[...(images ?? []), ...items].map((image) => {\n            return (\n              // ここでImageComponentを直書きするとなぜかSortAreaから渡ってきたprops(onDragStartなど)がImageComponentのrootのDOMに渡らなくなってしまう\n              // 解決策としてImageComponentsで任意のpropsを受け取れるようにしrootのdivに渡すというのでも良いが、ユーザーランドでこの処理を挟むのを忘れる恐れがあるので代わりにdivで囲うことで対応した\n              <div key={image.id}>\n                <ImageComponent image={image} onDelete={onDelete} />\n              </div>\n            );\n          })}\n        </SortArea>\n      </div>\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/esm/ImageViewer/ImageViewer.js

@@ -2,23 +2,23 @@ var _excluded = ["images", "currentIndex", "onClose"];
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Button } from "../Button";
-import { Overlay } from "../Overlay";
 import { motion, AnimatePresence } from "motion/react";
 import { css } from "@emotion/react";
-import { hexToRgba } from "../@utils/hexToRgba";
-import { useKeyboard } from "../hooks";
-import { useTheme } from "../theme";
 import NavigateBeforeIcon from "@mui/icons-material/NavigateBefore";
 import NavigateNextIcon from "@mui/icons-material/NavigateNext";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Button } from "../Button";
+import { Overlay } from "../Overlay";
+import { hexToRgba } from "../@utils/hexToRgba";
+import { useKeyboard } from "../hooks";
+import { useTheme } from "../theme";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var MAX_IMAGE_WIDTH = 800;
 var ButtonWrapper = props => {
   var theme = useTheme();
   var BUTTON_CONTAINER_COLOR = useMemo(() => hexToRgba(theme.palette.background.overlay, 0.2), [theme.palette.background.overlay]);
   return ___EmotionJSX("div", _extends({
-    css: /*#__PURE__*/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= */")
+    css: /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtb3Rpb24sIEFuaW1hdGVQcmVzZW5jZSB9IGZyb20gXCJtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IE5hdmlnYXRlQmVmb3JlSWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZUJlZm9yZVwiO1xuaW1wb3J0IE5hdmlnYXRlTmV4dEljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvTmF2aWdhdGVOZXh0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIjtcbmltcG9ydCB7IE92ZXJsYXksIE92ZXJsYXlQcm9wcyB9IGZyb20gXCIuLi9PdmVybGF5XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmNvbnN0IE1BWF9JTUFHRV9XSURUSCA9IDgwMDtcblxuaW50ZXJmYWNlIEJ1dHRvbldyYXBwZXJQcm9wcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcImRpdlwiPiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCdXR0b25XcmFwcGVyID0gKHByb3BzOiBCdXR0b25XcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IEJVVFRPTl9DT05UQUlORVJfQ09MT1IgPSB1c2VNZW1vKFxuICAgICgpID0+IGhleFRvUmdiYSh0aGVtZS5wYWxldHRlLmJhY2tncm91bmQub3ZlcmxheSwgMC4yKSxcbiAgICBbdGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXldLFxuICApO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weCkge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7QlVUVE9OX0NPTlRBSU5FUl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VWaWV3ZXJQcm9wcyBleHRlbmRzIE92ZXJsYXlQcm9wcyB7XG4gIGltYWdlczogKFJlYWN0LkltZ0hUTUxBdHRyaWJ1dGVzPEhUTUxJbWFnZUVsZW1lbnQ+ICYgeyBzcmM6IHN0cmluZyB9KVtdO1xuICBjdXJyZW50SW5kZXg6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IEltYWdlVmlld2VyID0gKHtcbiAgaW1hZ2VzLFxuICBjdXJyZW50SW5kZXgsXG4gIG9uQ2xvc2UsXG4gIC4uLnByb3BzXG59OiBJbWFnZVZpZXdlclByb3BzKSA9PiB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLyoqXG4gICAgICogUHJlbG9hZCBpbWFnZXNcbiAgICAgKi9cbiAgICBpbWFnZXMuZm9yRWFjaCgoaW1hZ2UpID0+IHtcbiAgICAgIGNvbnN0IGltZyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJpbWdcIik7XG4gICAgICBpbWcuc3JjID0gaW1hZ2Uuc3JjO1xuICAgIH0pO1xuICB9LCBbaW1hZ2VzXSk7XG5cbiAgY29uc3QgW2luZGV4LCBzZXRJbmRleF0gPSB1c2VTdGF0ZShjdXJyZW50SW5kZXgpO1xuICBjb25zdCBbZGlyZWN0aW9uLCBzZXREaXJlY3Rpb25dID0gdXNlU3RhdGU8XCJuZXh0XCIgfCBcInByZXZcIj4oXCJuZXh0XCIpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SW5kZXgoY3VycmVudEluZGV4KTtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIGNvbnN0IGhhbmRsZVByZXYgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwicHJldlwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgPT09IDAgPyBpbWFnZXMubGVuZ3RoIC0gMSA6IHByZXYgLSAxKSk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgY29uc3QgaGFuZGxlTmV4dCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXREaXJlY3Rpb24oXCJuZXh0XCIpO1xuICAgIHNldEluZGV4KChwcmV2KSA9PiAocHJldiArIDEpICUgaW1hZ2VzLmxlbmd0aCk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgdXNlS2V5Ym9hcmQoXCJFc2NhcGVcIiwgb25DbG9zZSk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dSaWdodFwiLCBoYW5kbGVOZXh0KTtcbiAgdXNlS2V5Ym9hcmQoXCJBcnJvd0xlZnRcIiwgaGFuZGxlUHJldik7XG5cbiAgcmV0dXJuIChcbiAgICA8T3ZlcmxheSBmdWxsU2NyZWVuIHsuLi5wcm9wc30gb25DbG9zZT17b25DbG9zZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMCUgLSAzMnB4KTtcbiAgICAgICAgICBtYXJnaW46IGF1dG8gLTE0cHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBtYXgtd2lkdGg6ICR7TUFYX0lNQUdFX1dJRFRIfXB4O1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBvcGFjaXR5LCB0cmFuc2Zvcm07XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxBbmltYXRlUHJlc2VuY2UgaW5pdGlhbD17ZmFsc2V9PlxuICAgICAgICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgaW5pdGlhbD17e1xuICAgICAgICAgICAgICAgIHg6IGRpcmVjdGlvbiA9PT0gXCJuZXh0XCIgPyBcIjEwMCVcIiA6IFwiLTEwMCVcIixcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17e1xuICAgICAgICAgICAgICAgIHg6IDAsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGV4aXQ9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCItMTAwJVwiIDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7XG4gICAgICAgICAgICAgICAgZWFzZTogXCJlYXNlSW5PdXRcIixcbiAgICAgICAgICAgICAgICBkdXJhdGlvbjogMC4zLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8aW1nIHsuLi5pbWFnZXNbaW5kZXhdfSBhbHQ9XCJcIiAvPlxuICAgICAgICAgICAgPC9tb3Rpb24uZGl2PlxuICAgICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGxlZnQ6IDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgIDxOYXZpZ2F0ZUJlZm9yZUljb25cbiAgICAgICAgICAgICAgICBodG1sQ29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlUHJldn1cbiAgICAgICAgICAgICAgICBmb250U2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9CdXR0b25XcmFwcGVyPlxuICAgICAgICA8QnV0dG9uV3JhcHBlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcmlnaHQ6IDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgIDxOYXZpZ2F0ZU5leHRJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZU5leHR9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvT3ZlcmxheT5cbiAgKTtcbn07XG4iXX0= */")
   }, props));
 };
 var _ref = process.env.NODE_ENV === "production" ? {
@@ -26,7 +26,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0prQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IG1vdGlvbiwgQW5pbWF0ZVByZXNlbmNlIH0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
+  styles: "right:0px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0prQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbW90aW9uLCBBbmltYXRlUHJlc2VuY2UgfSBmcm9tIFwibW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBOYXZpZ2F0ZUJlZm9yZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvTmF2aWdhdGVCZWZvcmVcIjtcbmltcG9ydCBOYXZpZ2F0ZU5leHRJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlTmV4dFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5UHJvcHMgfSBmcm9tIFwiLi4vT3ZlcmxheVwiO1xuaW1wb3J0IHsgaGV4VG9SZ2JhIH0gZnJvbSBcIi4uL0B1dGlscy9oZXhUb1JnYmFcIjtcbmltcG9ydCB7IHVzZUtleWJvYXJkIH0gZnJvbSBcIi4uL2hvb2tzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -34,7 +34,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0lrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IG1vdGlvbiwgQW5pbWF0ZVByZXNlbmNlIH0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
+  styles: "left:0px;label:ImageViewer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0lrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbW90aW9uLCBBbmltYXRlUHJlc2VuY2UgfSBmcm9tIFwibW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBOYXZpZ2F0ZUJlZm9yZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvTmF2aWdhdGVCZWZvcmVcIjtcbmltcG9ydCBOYXZpZ2F0ZU5leHRJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlTmV4dFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5UHJvcHMgfSBmcm9tIFwiLi4vT3ZlcmxheVwiO1xuaW1wb3J0IHsgaGV4VG9SZ2JhIH0gZnJvbSBcIi4uL0B1dGlscy9oZXhUb1JnYmFcIjtcbmltcG9ydCB7IHVzZUtleWJvYXJkIH0gZnJvbSBcIi4uL2hvb2tzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref3 = process.env.NODE_ENV === "production" ? {
@@ -42,7 +42,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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0ZnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IG1vdGlvbiwgQW5pbWF0ZVByZXNlbmNlIH0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0ZnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbW90aW9uLCBBbmltYXRlUHJlc2VuY2UgfSBmcm9tIFwibW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBOYXZpZ2F0ZUJlZm9yZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvTmF2aWdhdGVCZWZvcmVcIjtcbmltcG9ydCBOYXZpZ2F0ZU5leHRJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlTmV4dFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5UHJvcHMgfSBmcm9tIFwiLi4vT3ZlcmxheVwiO1xuaW1wb3J0IHsgaGV4VG9SZ2JhIH0gZnJvbSBcIi4uL0B1dGlscy9oZXhUb1JnYmFcIjtcbmltcG9ydCB7IHVzZUtleWJvYXJkIH0gZnJvbSBcIi4uL2hvb2tzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var ImageViewer = _ref4 => {
@@ -84,7 +84,7 @@ export var ImageViewer = _ref4 => {
   }), ___EmotionJSX("div", {
     css: _ref3
   }, ___EmotionJSX("div", {
-    css: /*#__PURE__*/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 */")
+    css: /*#__PURE__*/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUdrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbW90aW9uLCBBbmltYXRlUHJlc2VuY2UgfSBmcm9tIFwibW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBOYXZpZ2F0ZUJlZm9yZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvTmF2aWdhdGVCZWZvcmVcIjtcbmltcG9ydCBOYXZpZ2F0ZU5leHRJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlTmV4dFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5UHJvcHMgfSBmcm9tIFwiLi4vT3ZlcmxheVwiO1xuaW1wb3J0IHsgaGV4VG9SZ2JhIH0gZnJvbSBcIi4uL0B1dGlscy9oZXhUb1JnYmFcIjtcbmltcG9ydCB7IHVzZUtleWJvYXJkIH0gZnJvbSBcIi4uL2hvb2tzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */")
   }, ___EmotionJSX(AnimatePresence, {
     initial: false
   }, ___EmotionJSX(motion.div, {

package/esm/ImageViewer/ImageViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageViewer.js","names":["Button","Overlay","motion","AnimatePresence","css","hexToRgba","useKeyboard","useTheme","NavigateBeforeIcon","NavigateNextIcon","React","useCallback","useEffect","useMemo","useState","jsx","___EmotionJSX","MAX_IMAGE_WIDTH","ButtonWrapper","props","theme","BUTTON_CONTAINER_COLOR","palette","background","overlay","_extends","process","env","NODE_ENV","_ref","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","_ref3","ImageViewer","_ref4","images","currentIndex","onClose","_objectWithoutPropertiesLoose","_excluded","forEach","image","img","document","createElement","src","index","setIndex","direction","setDirection","handlePrev","prev","length","handleNext","fullScreen","initial","div","key","x","animate","position","width","exit","top","transition","ease","duration","alt","icon","htmlColor","onClick","fontSize","size"],"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":";;;;AAAA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,OAAO,QAAsB,YAAY;AAClD,SAASC,MAAM,EAAEC,eAAe,QAAQ,cAAc;AACtD,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,SAAS,QAAQ,qBAAqB;AAC/C,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,kBAAkB,MAAM,oCAAoC;AACnE,OAAOC,gBAAgB,MAAM,kCAAkC;AAC/D,OAAOC,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAEzE,IAAMC,eAAe,GAAG,GAAG;AAM3B,IAAMC,aAAa,GAAIC,KAAyB,IAAK;EACnD,IAAMC,KAAK,GAAGb,QAAQ,CAAC,CAAC;EAExB,IAAMc,sBAAsB,GAAGR,OAAO,CACpC,MAAMR,SAAS,CAACe,KAAK,CAACE,OAAO,CAACC,UAAU,CAACC,OAAO,EAAE,GAAG,CAAC,EACtD,CAACJ,KAAK,CAACE,OAAO,CAACC,UAAU,CAACC,OAAO,CACnC,CAAC;EACD,OACER,aAAA,QAAAS,QAAA;IACErB,GAAG,eAAEA,GAAG,6GAMea,eAAe,2BACdI,sBAAsB,UAAAK,OAAA,CAAAC,GAAA,CAAAC,QAAA,mDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAE5C,GACET,KAAK,CACV,CAAC;AAEN,CAAC;AAAC,IAAAU,IAAA,GAAAH,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAE,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAC,KAAA,GAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAE,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAE,KAAA,GAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAE,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAOF,OAAO,IAAMG,WAAW,GAAGC,KAAA,IAKH;EAAA,IALI;MAC1BC,MAAM;MACNC,YAAY;MACZC;IAEgB,CAAC,GAAAH,KAAA;IADdlB,KAAK,GAAAsB,6BAAA,CAAAJ,KAAA,EAAAK,SAAA;EAER9B,SAAS,CAAC,MAAM;IACd;AACJ;AACA;IACI0B,MAAM,CAACK,OAAO,CAAEC,KAAK,IAAK;MACxB,IAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;MACzCF,GAAG,CAACG,GAAG,GAAGJ,KAAK,CAACI,GAAG;IACrB,CAAC,CAAC;EACJ,CAAC,EAAE,CAACV,MAAM,CAAC,CAAC;EAEZ,IAAM,CAACW,KAAK,EAAEC,QAAQ,CAAC,GAAGpC,QAAQ,CAACyB,YAAY,CAAC;EAChD,IAAM,CAACY,SAAS,EAAEC,YAAY,CAAC,GAAGtC,QAAQ,CAAkB,MAAM,CAAC;EAEnEF,SAAS,CAAC,MAAM;IACdsC,QAAQ,CAACX,YAAY,CAAC;EACxB,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAMc,UAAU,GAAG1C,WAAW,CAAC,MAAM;IACnCyC,YAAY,CAAC,MAAM,CAAC;IACpBF,QAAQ,CAAEI,IAAI,IAAMA,IAAI,KAAK,CAAC,GAAGhB,MAAM,CAACiB,MAAM,GAAG,CAAC,GAAGD,IAAI,GAAG,CAAE,CAAC;EACjE,CAAC,EAAE,CAAChB,MAAM,CAACiB,MAAM,CAAC,CAAC;EAEnB,IAAMC,UAAU,GAAG7C,WAAW,CAAC,MAAM;IACnCyC,YAAY,CAAC,MAAM,CAAC;IACpBF,QAAQ,CAAEI,IAAI,IAAK,CAACA,IAAI,GAAG,CAAC,IAAIhB,MAAM,CAACiB,MAAM,CAAC;EAChD,CAAC,EAAE,CAACjB,MAAM,CAACiB,MAAM,CAAC,CAAC;EAEnBjD,WAAW,CAAC,QAAQ,EAAEkC,OAAO,CAAC;EAC9BlC,WAAW,CAAC,YAAY,EAAEkD,UAAU,CAAC;EACrClD,WAAW,CAAC,WAAW,EAAE+C,UAAU,CAAC;EAEpC,OACErC,aAAA,CAACf,OAAO,EAAAwB,QAAA;IAACgC,UAAU;EAAA,GAAKtC,KAAK;IAAEqB,OAAO,EAAEA;EAAQ,IAC9CxB,aAAA;IACEZ,GAAG,EAAA+B;EAUD,GAEFnB,aAAA;IACEZ,GAAG,eAAEA,GAAG,uDAGOa,eAAe,yDAAAS,OAAA,CAAAC,GAAA,CAAAC,QAAA,iDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAG5B,GAEFZ,aAAA,CAACb,eAAe;IAACuD,OAAO,EAAE;EAAM,GAC9B1C,aAAA,CAACd,MAAM,CAACyD,GAAG;IACTC,GAAG,EAAEX,KAAM;IACXS,OAAO,EAAE;MACPG,CAAC,EAAEV,SAAS,KAAK,MAAM,GAAG,MAAM,GAAG;IACrC,CAAE;IACFW,OAAO,EAAE;MACPD,CAAC,EAAE,CAAC;MACJE,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE;IACT,CAAE;IACFC,IAAI,EAAE;MACJJ,CAAC,EAAEV,SAAS,KAAK,MAAM,GAAG,OAAO,GAAG,MAAM;MAC1CY,QAAQ,EAAE,UAAU;MACpBC,KAAK,EAAE,MAAM;MACbE,GAAG,EAAE;IACP,CAAE;IACFC,UAAU,EAAE;MACVC,IAAI,EAAE,WAAW;MACjBC,QAAQ,EAAE;IACZ;EAAE,GAEFrD,aAAA,QAAAS,QAAA,KAASa,MAAM,CAACW,KAAK,CAAC;IAAEqB,GAAG,EAAC;EAAE,EAAE,CACtB,CACG,CACd,CAAC,EACNtD,aAAA,CAACE,aAAa;IACZd,GAAG,EAAA8B;EAED,GAEFlB,aAAA,CAAChB,MAAM;IACLuE,IAAI,EACFvD,aAAA,CAACR,kBAAkB;MACjBgE,SAAS,EAAC,OAAO;MACjBC,OAAO,EAAEpB,UAAW;MACpBqB,QAAQ,EAAC;IAAO,CACjB,CACF;IACDC,IAAI,EAAC;EAAO,CACb,CACY,CAAC,EAChB3D,aAAA,CAACE,aAAa;IACZd,GAAG,EAAAyB;EAED,GAEFb,aAAA,CAAChB,MAAM;IACLuE,IAAI,EACFvD,aAAA,CAACP,gBAAgB;MACf+D,SAAS,EAAC,OAAO;MACjBC,OAAO,EAAEjB,UAAW;MACpBkB,QAAQ,EAAC;IAAO,CACjB,CACF;IACDC,IAAI,EAAC;EAAO,CACb,CACY,CACZ,CACE,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"ImageViewer.js","names":["motion","AnimatePresence","css","NavigateBeforeIcon","NavigateNextIcon","React","useCallback","useEffect","useMemo","useState","Button","Overlay","hexToRgba","useKeyboard","useTheme","jsx","___EmotionJSX","MAX_IMAGE_WIDTH","ButtonWrapper","props","theme","BUTTON_CONTAINER_COLOR","palette","background","overlay","_extends","process","env","NODE_ENV","_ref","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","_ref3","ImageViewer","_ref4","images","currentIndex","onClose","_objectWithoutPropertiesLoose","_excluded","forEach","image","img","document","createElement","src","index","setIndex","direction","setDirection","handlePrev","prev","length","handleNext","fullScreen","initial","div","key","x","animate","position","width","exit","top","transition","ease","duration","alt","icon","htmlColor","onClick","fontSize","size"],"sources":["../../../src/ImageViewer/ImageViewer.tsx"],"sourcesContent":["import { motion, AnimatePresence } from \"motion/react\";\nimport { css } from \"@emotion/react\";\nimport NavigateBeforeIcon from \"@mui/icons-material/NavigateBefore\";\nimport NavigateNextIcon from \"@mui/icons-material/NavigateNext\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { Button } from \"../Button\";\nimport { Overlay, OverlayProps } from \"../Overlay\";\nimport { hexToRgba } from \"../@utils/hexToRgba\";\nimport { useKeyboard } from \"../hooks\";\nimport { useTheme } from \"../theme\";\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":[]}

package/esm/InputBase/InputAdornment.js

@@ -3,15 +3,15 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 import { css } from "@emotion/react";
-import { useTheme } from "../theme";
 import React from "react";
+import { useTheme } from "../theme";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var commonStyle = process.env.NODE_ENV === "production" ? {
   name: "14htql7",
   styles: "display:flex;align-items:center;height:0.01em;max-height:2em;margin-right:8px;white-space:nowrap"
 } : {
   name: "12f53m-commonStyle",
-  styles: "display:flex;align-items:center;height:0.01em;max-height:2em;margin-right:8px;white-space:nowrap;label:commonStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbnB1dEJhc2UvSW5wdXRBZG9ybm1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW5wdXRCYXNlL0lucHV0QWRvcm5tZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuY29uc3QgY29tbW9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMC4wMWVtO1xuICBtYXgtaGVpZ2h0OiAyZW07XG4gIG1hcmdpbi1yaWdodDogOHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuY29uc3QgcG9zaXRpb25TdHlsZSA9IHtcbiAgc3RhcnQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgYCxcbiAgZW5kOiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgYCxcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRBZG9ybm1lbnRQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBwb3NpdGlvbjogXCJzdGFydFwiIHwgXCJlbmRcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBJbnB1dEFkb3JubWVudCA9ICh7XG4gIHBvc2l0aW9uLFxuICBjaGlsZHJlbixcbiAgLi4ucHJvcHNcbn06IElucHV0QWRvcm5tZW50UHJvcHMpID0+IHtcbiAgY29uc3QgeyBwYWxldHRlIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gY2hpbGRyZW4gIT09IHVuZGVmaW5lZCA/IChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgY3NzYFxuICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICBgLFxuICAgICAgICBjb21tb25TdHlsZSxcbiAgICAgICAgcG9zaXRpb25TdHlsZVtwb3NpdGlvbl0sXG4gICAgICBdfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKSA6IG51bGw7XG59O1xuIl19 */",
+  styles: "display:flex;align-items:center;height:0.01em;max-height:2em;margin-right:8px;white-space:nowrap;label:commonStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbnB1dEJhc2UvSW5wdXRBZG9ybm1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW5wdXRCYXNlL0lucHV0QWRvcm5tZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuY29uc3QgY29tbW9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMC4wMWVtO1xuICBtYXgtaGVpZ2h0OiAyZW07XG4gIG1hcmdpbi1yaWdodDogOHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuY29uc3QgcG9zaXRpb25TdHlsZSA9IHtcbiAgc3RhcnQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgYCxcbiAgZW5kOiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgYCxcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRBZG9ybm1lbnRQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBwb3NpdGlvbjogXCJzdGFydFwiIHwgXCJlbmRcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBJbnB1dEFkb3JubWVudCA9ICh7XG4gIHBvc2l0aW9uLFxuICBjaGlsZHJlbixcbiAgLi4ucHJvcHNcbn06IElucHV0QWRvcm5tZW50UHJvcHMpID0+IHtcbiAgY29uc3QgeyBwYWxldHRlIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gY2hpbGRyZW4gIT09IHVuZGVmaW5lZCA/IChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgY3NzYFxuICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICBgLFxuICAgICAgICBjb21tb25TdHlsZSxcbiAgICAgICAgcG9zaXRpb25TdHlsZVtwb3NpdGlvbl0sXG4gICAgICBdfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKSA6IG51bGw7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var positionStyle = {
@@ -20,7 +20,7 @@ var positionStyle = {
     styles: "margin-right:8px"
   } : {
     name: "q1r27g-start",
-    styles: "margin-right:8px;label:start;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbnB1dEJhc2UvSW5wdXRBZG9ybm1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9JbnB1dEJhc2UvSW5wdXRBZG9ybm1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBjb21tb25TdHlsZSA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiAwLjAxZW07XG4gIG1heC1oZWlnaHQ6IDJlbTtcbiAgbWFyZ2luLXJpZ2h0OiA4cHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5jb25zdCBwb3NpdGlvblN0eWxlID0ge1xuICBzdGFydDogY3NzYFxuICAgIG1hcmdpbi1yaWdodDogOHB4O1xuICBgLFxuICBlbmQ6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogOHB4O1xuICBgLFxufTtcblxuZXhwb3J0IGludGVyZmFjZSBJbnB1dEFkb3JubWVudFByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPEhUTUxEaXZFbGVtZW50PiB7XG4gIHBvc2l0aW9uOiBcInN0YXJ0XCIgfCBcImVuZFwiO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IElucHV0QWRvcm5tZW50ID0gKHtcbiAgcG9zaXRpb24sXG4gIGNoaWxkcmVuLFxuICAuLi5wcm9wc1xufTogSW5wdXRBZG9ybm1lbnRQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUgfSA9IHVzZVRoZW1lKCk7XG4gIHJldHVybiBjaGlsZHJlbiAhPT0gdW5kZWZpbmVkID8gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgY29sb3I6ICR7cGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgIGAsXG4gICAgICAgIGNvbW1vblN0eWxlLFxuICAgICAgICBwb3NpdGlvblN0eWxlW3Bvc2l0aW9uXSxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApIDogbnVsbDtcbn07XG4iXX0= */",
+    styles: "margin-right:8px;label:start;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbnB1dEJhc2UvSW5wdXRBZG9ybm1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNZIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9JbnB1dEJhc2UvSW5wdXRBZG9ybm1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5jb25zdCBjb21tb25TdHlsZSA9IGNzc2BcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgaGVpZ2h0OiAwLjAxZW07XG4gIG1heC1oZWlnaHQ6IDJlbTtcbiAgbWFyZ2luLXJpZ2h0OiA4cHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG5gO1xuXG5jb25zdCBwb3NpdGlvblN0eWxlID0ge1xuICBzdGFydDogY3NzYFxuICAgIG1hcmdpbi1yaWdodDogOHB4O1xuICBgLFxuICBlbmQ6IGNzc2BcbiAgICBtYXJnaW4tbGVmdDogOHB4O1xuICBgLFxufTtcblxuZXhwb3J0IGludGVyZmFjZSBJbnB1dEFkb3JubWVudFByb3BzIGV4dGVuZHMgUmVhY3QuSFRNTFByb3BzPEhUTUxEaXZFbGVtZW50PiB7XG4gIHBvc2l0aW9uOiBcInN0YXJ0XCIgfCBcImVuZFwiO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuZXhwb3J0IGNvbnN0IElucHV0QWRvcm5tZW50ID0gKHtcbiAgcG9zaXRpb24sXG4gIGNoaWxkcmVuLFxuICAuLi5wcm9wc1xufTogSW5wdXRBZG9ybm1lbnRQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUgfSA9IHVzZVRoZW1lKCk7XG4gIHJldHVybiBjaGlsZHJlbiAhPT0gdW5kZWZpbmVkID8gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgY29sb3I6ICR7cGFsZXR0ZS50ZXh0LnNlY29uZGFyeX07XG4gICAgICAgIGAsXG4gICAgICAgIGNvbW1vblN0eWxlLFxuICAgICAgICBwb3NpdGlvblN0eWxlW3Bvc2l0aW9uXSxcbiAgICAgIF19XG4gICAgICB7Li4ucHJvcHN9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApIDogbnVsbDtcbn07XG4iXX0= */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   },
   end: process.env.NODE_ENV === "production" ? {
@@ -28,7 +28,7 @@ var positionStyle = {
     styles: "margin-left:8px"
   } : {
     name: "ga8n1h-end",
-    styles: "margin-left:8px;label:end;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbnB1dEJhc2UvSW5wdXRBZG9ybm1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCVSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW5wdXRCYXNlL0lucHV0QWRvcm5tZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuY29uc3QgY29tbW9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMC4wMWVtO1xuICBtYXgtaGVpZ2h0OiAyZW07XG4gIG1hcmdpbi1yaWdodDogOHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuY29uc3QgcG9zaXRpb25TdHlsZSA9IHtcbiAgc3RhcnQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgYCxcbiAgZW5kOiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgYCxcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRBZG9ybm1lbnRQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBwb3NpdGlvbjogXCJzdGFydFwiIHwgXCJlbmRcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBJbnB1dEFkb3JubWVudCA9ICh7XG4gIHBvc2l0aW9uLFxuICBjaGlsZHJlbixcbiAgLi4ucHJvcHNcbn06IElucHV0QWRvcm5tZW50UHJvcHMpID0+IHtcbiAgY29uc3QgeyBwYWxldHRlIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gY2hpbGRyZW4gIT09IHVuZGVmaW5lZCA/IChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgY3NzYFxuICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICBgLFxuICAgICAgICBjb21tb25TdHlsZSxcbiAgICAgICAgcG9zaXRpb25TdHlsZVtwb3NpdGlvbl0sXG4gICAgICBdfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKSA6IG51bGw7XG59O1xuIl19 */",
+    styles: "margin-left:8px;label:end;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbnB1dEJhc2UvSW5wdXRBZG9ybm1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCVSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW5wdXRCYXNlL0lucHV0QWRvcm5tZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuY29uc3QgY29tbW9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMC4wMWVtO1xuICBtYXgtaGVpZ2h0OiAyZW07XG4gIG1hcmdpbi1yaWdodDogOHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuY29uc3QgcG9zaXRpb25TdHlsZSA9IHtcbiAgc3RhcnQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgYCxcbiAgZW5kOiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgYCxcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRBZG9ybm1lbnRQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBwb3NpdGlvbjogXCJzdGFydFwiIHwgXCJlbmRcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBJbnB1dEFkb3JubWVudCA9ICh7XG4gIHBvc2l0aW9uLFxuICBjaGlsZHJlbixcbiAgLi4ucHJvcHNcbn06IElucHV0QWRvcm5tZW50UHJvcHMpID0+IHtcbiAgY29uc3QgeyBwYWxldHRlIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gY2hpbGRyZW4gIT09IHVuZGVmaW5lZCA/IChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgY3NzYFxuICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICBgLFxuICAgICAgICBjb21tb25TdHlsZSxcbiAgICAgICAgcG9zaXRpb25TdHlsZVtwb3NpdGlvbl0sXG4gICAgICBdfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKSA6IG51bGw7XG59O1xuIl19 */",
     toString: _EMOTION_STRINGIFIED_CSS_ERROR__
   }
 };
@@ -42,7 +42,7 @@ export var InputAdornment = _ref => {
     palette
   } = useTheme();
   return children !== undefined ? ___EmotionJSX("div", _extends({
-    css: [/*#__PURE__*/css("color:", palette.text.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InputAdornment;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbnB1dEJhc2UvSW5wdXRBZG9ybm1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW5wdXRCYXNlL0lucHV0QWRvcm5tZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuY29uc3QgY29tbW9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMC4wMWVtO1xuICBtYXgtaGVpZ2h0OiAyZW07XG4gIG1hcmdpbi1yaWdodDogOHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuY29uc3QgcG9zaXRpb25TdHlsZSA9IHtcbiAgc3RhcnQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgYCxcbiAgZW5kOiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgYCxcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRBZG9ybm1lbnRQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBwb3NpdGlvbjogXCJzdGFydFwiIHwgXCJlbmRcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBJbnB1dEFkb3JubWVudCA9ICh7XG4gIHBvc2l0aW9uLFxuICBjaGlsZHJlbixcbiAgLi4ucHJvcHNcbn06IElucHV0QWRvcm5tZW50UHJvcHMpID0+IHtcbiAgY29uc3QgeyBwYWxldHRlIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gY2hpbGRyZW4gIT09IHVuZGVmaW5lZCA/IChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgY3NzYFxuICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICBgLFxuICAgICAgICBjb21tb25TdHlsZSxcbiAgICAgICAgcG9zaXRpb25TdHlsZVtwb3NpdGlvbl0sXG4gICAgICBdfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKSA6IG51bGw7XG59O1xuIl19 */"), commonStyle, positionStyle[position], process.env.NODE_ENV === "production" ? "" : ";label:InputAdornment;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbnB1dEJhc2UvSW5wdXRBZG9ybm1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DTSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW5wdXRCYXNlL0lucHV0QWRvcm5tZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuY29uc3QgY29tbW9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMC4wMWVtO1xuICBtYXgtaGVpZ2h0OiAyZW07XG4gIG1hcmdpbi1yaWdodDogOHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuY29uc3QgcG9zaXRpb25TdHlsZSA9IHtcbiAgc3RhcnQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgYCxcbiAgZW5kOiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgYCxcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRBZG9ybm1lbnRQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBwb3NpdGlvbjogXCJzdGFydFwiIHwgXCJlbmRcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBJbnB1dEFkb3JubWVudCA9ICh7XG4gIHBvc2l0aW9uLFxuICBjaGlsZHJlbixcbiAgLi4ucHJvcHNcbn06IElucHV0QWRvcm5tZW50UHJvcHMpID0+IHtcbiAgY29uc3QgeyBwYWxldHRlIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gY2hpbGRyZW4gIT09IHVuZGVmaW5lZCA/IChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgY3NzYFxuICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICBgLFxuICAgICAgICBjb21tb25TdHlsZSxcbiAgICAgICAgcG9zaXRpb25TdHlsZVtwb3NpdGlvbl0sXG4gICAgICBdfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKSA6IG51bGw7XG59O1xuIl19 */"]
+    css: [/*#__PURE__*/css("color:", palette.text.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:InputAdornment;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbnB1dEJhc2UvSW5wdXRBZG9ybm1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW5wdXRCYXNlL0lucHV0QWRvcm5tZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuY29uc3QgY29tbW9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMC4wMWVtO1xuICBtYXgtaGVpZ2h0OiAyZW07XG4gIG1hcmdpbi1yaWdodDogOHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuY29uc3QgcG9zaXRpb25TdHlsZSA9IHtcbiAgc3RhcnQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgYCxcbiAgZW5kOiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgYCxcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRBZG9ybm1lbnRQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBwb3NpdGlvbjogXCJzdGFydFwiIHwgXCJlbmRcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBJbnB1dEFkb3JubWVudCA9ICh7XG4gIHBvc2l0aW9uLFxuICBjaGlsZHJlbixcbiAgLi4ucHJvcHNcbn06IElucHV0QWRvcm5tZW50UHJvcHMpID0+IHtcbiAgY29uc3QgeyBwYWxldHRlIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gY2hpbGRyZW4gIT09IHVuZGVmaW5lZCA/IChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgY3NzYFxuICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICBgLFxuICAgICAgICBjb21tb25TdHlsZSxcbiAgICAgICAgcG9zaXRpb25TdHlsZVtwb3NpdGlvbl0sXG4gICAgICBdfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKSA6IG51bGw7XG59O1xuIl19 */"), commonStyle, positionStyle[position], process.env.NODE_ENV === "production" ? "" : ";label:InputAdornment;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbnB1dEJhc2UvSW5wdXRBZG9ybm1lbnQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1DTSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW5wdXRCYXNlL0lucHV0QWRvcm5tZW50LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuY29uc3QgY29tbW9uU3R5bGUgPSBjc3NgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGhlaWdodDogMC4wMWVtO1xuICBtYXgtaGVpZ2h0OiAyZW07XG4gIG1hcmdpbi1yaWdodDogOHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuY29uc3QgcG9zaXRpb25TdHlsZSA9IHtcbiAgc3RhcnQ6IGNzc2BcbiAgICBtYXJnaW4tcmlnaHQ6IDhweDtcbiAgYCxcbiAgZW5kOiBjc3NgXG4gICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgYCxcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRBZG9ybm1lbnRQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBwb3NpdGlvbjogXCJzdGFydFwiIHwgXCJlbmRcIjtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmV4cG9ydCBjb25zdCBJbnB1dEFkb3JubWVudCA9ICh7XG4gIHBvc2l0aW9uLFxuICBjaGlsZHJlbixcbiAgLi4ucHJvcHNcbn06IElucHV0QWRvcm5tZW50UHJvcHMpID0+IHtcbiAgY29uc3QgeyBwYWxldHRlIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gY2hpbGRyZW4gIT09IHVuZGVmaW5lZCA/IChcbiAgICA8ZGl2XG4gICAgICBjc3M9e1tcbiAgICAgICAgY3NzYFxuICAgICAgICAgIGNvbG9yOiAke3BhbGV0dGUudGV4dC5zZWNvbmRhcnl9O1xuICAgICAgICBgLFxuICAgICAgICBjb21tb25TdHlsZSxcbiAgICAgICAgcG9zaXRpb25TdHlsZVtwb3NpdGlvbl0sXG4gICAgICBdfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L2Rpdj5cbiAgKSA6IG51bGw7XG59O1xuIl19 */"]
   }, props), children) : null;
 };
 //# sourceMappingURL=InputAdornment.js.map

package/esm/InputBase/InputAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputAdornment.js","names":["css","useTheme","React","jsx","___EmotionJSX","commonStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","positionStyle","start","end","InputAdornment","_ref","position","children","props","_objectWithoutPropertiesLoose","_excluded","palette","undefined","_extends","text","secondary"],"sources":["../../../src/InputBase/InputAdornment.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React from \"react\";\n\nconst commonStyle = css`\n  display: flex;\n  align-items: center;\n  height: 0.01em;\n  max-height: 2em;\n  margin-right: 8px;\n  white-space: nowrap;\n`;\n\nconst positionStyle = {\n  start: css`\n    margin-right: 8px;\n  `,\n  end: css`\n    margin-left: 8px;\n  `,\n};\n\nexport interface InputAdornmentProps extends React.HTMLProps<HTMLDivElement> {\n  position: \"start\" | \"end\";\n  children?: React.ReactNode;\n}\n\nexport const InputAdornment = ({\n  position,\n  children,\n  ...props\n}: InputAdornmentProps) => {\n  const { palette } = useTheme();\n  return children !== undefined ? (\n    <div\n      css={[\n        css`\n          color: ${palette.text.secondary};\n        `,\n        commonStyle,\n        positionStyle[position],\n      ]}\n      {...props}\n    >\n      {children}\n    </div>\n  ) : null;\n};\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAE1B,IAAMC,WAAW,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAOhB;AAED,IAAMC,aAAa,GAAG;EACpBC,KAAK,EAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAC;EAAA,CAEJ;EACDG,GAAG,EAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAC;EAAA;AAGL,CAAC;AAOD,OAAO,IAAMI,cAAc,GAAGC,IAAA,IAIH;EAAA,IAJI;MAC7BC,QAAQ;MACRC;IAEmB,CAAC,GAAAF,IAAA;IADjBG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,IAAM;IAAEC;EAAQ,CAAC,GAAGtB,QAAQ,CAAC,CAAC;EAC9B,OAAOkB,QAAQ,KAAKK,SAAS,GAC3BpB,aAAA,QAAAqB,QAAA;IACEzB,GAAG,gBACDA,GAAG,WACQuB,OAAO,CAACG,IAAI,CAACC,SAAS,SAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,qjDAEjCH,WAAW,EACXQ,aAAa,CAACK,QAAQ,CAAC,EAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA,mDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACvB,GACEY,KAAK,GAERD,QACE,CAAC,GACJ,IAAI;AACV,CAAC","ignoreList":[]}
+{"version":3,"file":"InputAdornment.js","names":["css","React","useTheme","jsx","___EmotionJSX","commonStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","positionStyle","start","end","InputAdornment","_ref","position","children","props","_objectWithoutPropertiesLoose","_excluded","palette","undefined","_extends","text","secondary"],"sources":["../../../src/InputBase/InputAdornment.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nimport { useTheme } from \"../theme\";\n\nconst commonStyle = css`\n  display: flex;\n  align-items: center;\n  height: 0.01em;\n  max-height: 2em;\n  margin-right: 8px;\n  white-space: nowrap;\n`;\n\nconst positionStyle = {\n  start: css`\n    margin-right: 8px;\n  `,\n  end: css`\n    margin-left: 8px;\n  `,\n};\n\nexport interface InputAdornmentProps extends React.HTMLProps<HTMLDivElement> {\n  position: \"start\" | \"end\";\n  children?: React.ReactNode;\n}\n\nexport const InputAdornment = ({\n  position,\n  children,\n  ...props\n}: InputAdornmentProps) => {\n  const { palette } = useTheme();\n  return children !== undefined ? (\n    <div\n      css={[\n        css`\n          color: ${palette.text.secondary};\n        `,\n        commonStyle,\n        positionStyle[position],\n      ]}\n      {...props}\n    >\n      {children}\n    </div>\n  ) : null;\n};\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAEpC,IAAMC,WAAW,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAOhB;AAED,IAAMC,aAAa,GAAG;EACpBC,KAAK,EAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAC;EAAA,CAEJ;EACDG,GAAG,EAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAC;EAAA;AAGL,CAAC;AAOD,OAAO,IAAMI,cAAc,GAAGC,IAAA,IAIH;EAAA,IAJI;MAC7BC,QAAQ;MACRC;IAEmB,CAAC,GAAAF,IAAA;IADjBG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAER,IAAM;IAAEC;EAAQ,CAAC,GAAGrB,QAAQ,CAAC,CAAC;EAC9B,OAAOiB,QAAQ,KAAKK,SAAS,GAC3BpB,aAAA,QAAAqB,QAAA;IACEzB,GAAG,gBACDA,GAAG,WACQuB,OAAO,CAACG,IAAI,CAACC,SAAS,SAAArB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,qjDAEjCH,WAAW,EACXQ,aAAa,CAACK,QAAQ,CAAC,EAAAZ,OAAA,CAAAC,GAAA,CAAAC,QAAA,mDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACvB,GACEY,KAAK,GAERD,QACE,CAAC,GACJ,IAAI;AACV,CAAC","ignoreList":[]}