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

package/cjs/ImageUploadArea/ImageUploadArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageUploadArea.js","names":["_Button","require","_DropArea","_Layouts","_SortArea","_Typography","_react","_hooks","_Delete","_interopRequireDefault","_OpenInNew","_react2","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EMOTION_STRINGIFIED_CSS_ERROR__","isEqualAsArray","a","b","equal","length","_ref5","process","env","NODE_ENV","name","styles","toString","_ref6","_ref7","_ref8","_ref9","_ref0","ImageUploadAreaImage","image","onDelete","jsx","css","src","data","loading","tabIndex","alt","id","Button","type","size","icon","as","href","target","rel","onClick","exports","_ref","_ref2","_ref3","_ref4","ImageUploadArea","images","readBlob","onUpload","onReorder","renderImage","ImageComponent","forceUpdate","useForceUpdate","items","setItems","useState","compressing","setCompressing","handleDrop","useCallback","files","prev","copy","concat","forEach","file","push","Date","now","Math","random","v","c","handleUpload","Array","from","currentTarget","handleReorder","imagesNew","map","useEffect","Fragment","DropArea","onDrop","accept","Layout","Column","gap","alignItems","htmlFor","color","variant","multiple","onChange","Typography","SortArea","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":["_react","require","_Delete","_interopRequireDefault","_OpenInNew","_react2","_interopRequireWildcard","_Button","_DropArea","_Layouts","_SortArea","_Typography","_hooks","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EMOTION_STRINGIFIED_CSS_ERROR__","isEqualAsArray","a","b","equal","length","_ref5","process","env","NODE_ENV","name","styles","toString","_ref6","_ref7","_ref8","_ref9","_ref0","ImageUploadAreaImage","image","onDelete","jsx","css","src","data","loading","tabIndex","alt","id","Button","type","size","icon","as","href","target","rel","onClick","exports","_ref","_ref2","_ref3","_ref4","ImageUploadArea","images","readBlob","onUpload","onReorder","renderImage","ImageComponent","forceUpdate","useForceUpdate","items","setItems","useState","compressing","setCompressing","handleDrop","useCallback","files","prev","copy","concat","forEach","file","push","Date","now","Math","random","v","c","handleUpload","Array","from","currentTarget","handleReorder","imagesNew","map","useEffect","Fragment","DropArea","onDrop","accept","Layout","Column","gap","alignItems","htmlFor","color","variant","multiple","onChange","Typography","SortArea","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/cjs/ImageViewer/ImageViewer.js

@@ -2,16 +2,16 @@
 
 exports.__esModule = true;
 exports.ImageViewer = void 0;
-var _Button = require("../Button");
-var _Overlay = require("../Overlay");
 var _react = require("motion/react");
 var _react2 = require("@emotion/react");
-var _hexToRgba = require("../@utils/hexToRgba");
-var _hooks = require("../hooks");
-var _theme = require("../theme");
 var _NavigateBefore = _interopRequireDefault(require("@mui/icons-material/NavigateBefore"));
 var _NavigateNext = _interopRequireDefault(require("@mui/icons-material/NavigateNext"));
 var _react3 = _interopRequireWildcard(require("react"));
+var _Button = require("../Button");
+var _Overlay = require("../Overlay");
+var _hexToRgba = require("../@utils/hexToRgba");
+var _hooks = require("../hooks");
+var _theme = require("../theme");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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); }
@@ -21,7 +21,7 @@ const ButtonWrapper = props => {
   const theme = (0, _theme.useTheme)();
   const BUTTON_CONTAINER_COLOR = (0, _react3.useMemo)(() => (0, _hexToRgba.hexToRgba)(theme.palette.background.overlay, 0.2), [theme.palette.background.overlay]);
   return (0, _react2.jsx)("div", _extends({
-    css: /*#__PURE__*/(0, _react2.css)("position:absolute;display:flex;align-items:center;justify-content:center;height:100%;@media (max-width: ", MAX_IMAGE_WIDTH, "px){background-color:", BUTTON_CONTAINER_COLOR, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ButtonWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5UHJvcHMgfSBmcm9tIFwiLi4vT3ZlcmxheVwiO1xuaW1wb3J0IHsgbW90aW9uLCBBbmltYXRlUHJlc2VuY2UgfSBmcm9tIFwibW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGhleFRvUmdiYSB9IGZyb20gXCIuLi9AdXRpbHMvaGV4VG9SZ2JhXCI7XG5pbXBvcnQgeyB1c2VLZXlib2FyZCB9IGZyb20gXCIuLi9ob29rc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBOYXZpZ2F0ZUJlZm9yZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvTmF2aWdhdGVCZWZvcmVcIjtcbmltcG9ydCBOYXZpZ2F0ZU5leHRJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlTmV4dFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmNvbnN0IE1BWF9JTUFHRV9XSURUSCA9IDgwMDtcblxuaW50ZXJmYWNlIEJ1dHRvbldyYXBwZXJQcm9wcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcImRpdlwiPiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCdXR0b25XcmFwcGVyID0gKHByb3BzOiBCdXR0b25XcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IEJVVFRPTl9DT05UQUlORVJfQ09MT1IgPSB1c2VNZW1vKFxuICAgICgpID0+IGhleFRvUmdiYSh0aGVtZS5wYWxldHRlLmJhY2tncm91bmQub3ZlcmxheSwgMC4yKSxcbiAgICBbdGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXldLFxuICApO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weCkge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7QlVUVE9OX0NPTlRBSU5FUl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VWaWV3ZXJQcm9wcyBleHRlbmRzIE92ZXJsYXlQcm9wcyB7XG4gIGltYWdlczogKFJlYWN0LkltZ0hUTUxBdHRyaWJ1dGVzPEhUTUxJbWFnZUVsZW1lbnQ+ICYgeyBzcmM6IHN0cmluZyB9KVtdO1xuICBjdXJyZW50SW5kZXg6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IEltYWdlVmlld2VyID0gKHtcbiAgaW1hZ2VzLFxuICBjdXJyZW50SW5kZXgsXG4gIG9uQ2xvc2UsXG4gIC4uLnByb3BzXG59OiBJbWFnZVZpZXdlclByb3BzKSA9PiB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLyoqXG4gICAgICogUHJlbG9hZCBpbWFnZXNcbiAgICAgKi9cbiAgICBpbWFnZXMuZm9yRWFjaCgoaW1hZ2UpID0+IHtcbiAgICAgIGNvbnN0IGltZyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJpbWdcIik7XG4gICAgICBpbWcuc3JjID0gaW1hZ2Uuc3JjO1xuICAgIH0pO1xuICB9LCBbaW1hZ2VzXSk7XG5cbiAgY29uc3QgW2luZGV4LCBzZXRJbmRleF0gPSB1c2VTdGF0ZShjdXJyZW50SW5kZXgpO1xuICBjb25zdCBbZGlyZWN0aW9uLCBzZXREaXJlY3Rpb25dID0gdXNlU3RhdGU8XCJuZXh0XCIgfCBcInByZXZcIj4oXCJuZXh0XCIpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SW5kZXgoY3VycmVudEluZGV4KTtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIGNvbnN0IGhhbmRsZVByZXYgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwicHJldlwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgPT09IDAgPyBpbWFnZXMubGVuZ3RoIC0gMSA6IHByZXYgLSAxKSk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgY29uc3QgaGFuZGxlTmV4dCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXREaXJlY3Rpb24oXCJuZXh0XCIpO1xuICAgIHNldEluZGV4KChwcmV2KSA9PiAocHJldiArIDEpICUgaW1hZ2VzLmxlbmd0aCk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgdXNlS2V5Ym9hcmQoXCJFc2NhcGVcIiwgb25DbG9zZSk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dSaWdodFwiLCBoYW5kbGVOZXh0KTtcbiAgdXNlS2V5Ym9hcmQoXCJBcnJvd0xlZnRcIiwgaGFuZGxlUHJldik7XG5cbiAgcmV0dXJuIChcbiAgICA8T3ZlcmxheSBmdWxsU2NyZWVuIHsuLi5wcm9wc30gb25DbG9zZT17b25DbG9zZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMCUgLSAzMnB4KTtcbiAgICAgICAgICBtYXJnaW46IGF1dG8gLTE0cHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBtYXgtd2lkdGg6ICR7TUFYX0lNQUdFX1dJRFRIfXB4O1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBvcGFjaXR5LCB0cmFuc2Zvcm07XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxBbmltYXRlUHJlc2VuY2UgaW5pdGlhbD17ZmFsc2V9PlxuICAgICAgICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgaW5pdGlhbD17e1xuICAgICAgICAgICAgICAgIHg6IGRpcmVjdGlvbiA9PT0gXCJuZXh0XCIgPyBcIjEwMCVcIiA6IFwiLTEwMCVcIixcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17e1xuICAgICAgICAgICAgICAgIHg6IDAsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGV4aXQ9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCItMTAwJVwiIDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7XG4gICAgICAgICAgICAgICAgZWFzZTogXCJlYXNlSW5PdXRcIixcbiAgICAgICAgICAgICAgICBkdXJhdGlvbjogMC4zLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8aW1nIHsuLi5pbWFnZXNbaW5kZXhdfSBhbHQ9XCJcIiAvPlxuICAgICAgICAgICAgPC9tb3Rpb24uZGl2PlxuICAgICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGxlZnQ6IDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgIDxOYXZpZ2F0ZUJlZm9yZUljb25cbiAgICAgICAgICAgICAgICBodG1sQ29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlUHJldn1cbiAgICAgICAgICAgICAgICBmb250U2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9CdXR0b25XcmFwcGVyPlxuICAgICAgICA8QnV0dG9uV3JhcHBlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcmlnaHQ6IDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgIDxOYXZpZ2F0ZU5leHRJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZU5leHR9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvT3ZlcmxheT5cbiAgKTtcbn07XG4iXX0= */")
+    css: /*#__PURE__*/(0, _react2.css)("position:absolute;display:flex;align-items:center;justify-content:center;height:100%;@media (max-width: ", MAX_IMAGE_WIDTH, "px){background-color:", BUTTON_CONTAINER_COLOR, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:ButtonWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBtb3Rpb24sIEFuaW1hdGVQcmVzZW5jZSB9IGZyb20gXCJtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IE5hdmlnYXRlQmVmb3JlSWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZUJlZm9yZVwiO1xuaW1wb3J0IE5hdmlnYXRlTmV4dEljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvTmF2aWdhdGVOZXh0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIjtcbmltcG9ydCB7IE92ZXJsYXksIE92ZXJsYXlQcm9wcyB9IGZyb20gXCIuLi9PdmVybGF5XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5cbmNvbnN0IE1BWF9JTUFHRV9XSURUSCA9IDgwMDtcblxuaW50ZXJmYWNlIEJ1dHRvbldyYXBwZXJQcm9wcyBleHRlbmRzIFJlYWN0LkNvbXBvbmVudFByb3BzV2l0aG91dFJlZjxcImRpdlwiPiB7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBCdXR0b25XcmFwcGVyID0gKHByb3BzOiBCdXR0b25XcmFwcGVyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIGNvbnN0IEJVVFRPTl9DT05UQUlORVJfQ09MT1IgPSB1c2VNZW1vKFxuICAgICgpID0+IGhleFRvUmdiYSh0aGVtZS5wYWxldHRlLmJhY2tncm91bmQub3ZlcmxheSwgMC4yKSxcbiAgICBbdGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXldLFxuICApO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weCkge1xuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7QlVUVE9OX0NPTlRBSU5FUl9DT0xPUn07XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgICB7Li4ucHJvcHN9XG4gICAgLz5cbiAgKTtcbn07XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW1hZ2VWaWV3ZXJQcm9wcyBleHRlbmRzIE92ZXJsYXlQcm9wcyB7XG4gIGltYWdlczogKFJlYWN0LkltZ0hUTUxBdHRyaWJ1dGVzPEhUTUxJbWFnZUVsZW1lbnQ+ICYgeyBzcmM6IHN0cmluZyB9KVtdO1xuICBjdXJyZW50SW5kZXg6IG51bWJlcjtcbn1cblxuZXhwb3J0IGNvbnN0IEltYWdlVmlld2VyID0gKHtcbiAgaW1hZ2VzLFxuICBjdXJyZW50SW5kZXgsXG4gIG9uQ2xvc2UsXG4gIC4uLnByb3BzXG59OiBJbWFnZVZpZXdlclByb3BzKSA9PiB7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgLyoqXG4gICAgICogUHJlbG9hZCBpbWFnZXNcbiAgICAgKi9cbiAgICBpbWFnZXMuZm9yRWFjaCgoaW1hZ2UpID0+IHtcbiAgICAgIGNvbnN0IGltZyA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoXCJpbWdcIik7XG4gICAgICBpbWcuc3JjID0gaW1hZ2Uuc3JjO1xuICAgIH0pO1xuICB9LCBbaW1hZ2VzXSk7XG5cbiAgY29uc3QgW2luZGV4LCBzZXRJbmRleF0gPSB1c2VTdGF0ZShjdXJyZW50SW5kZXgpO1xuICBjb25zdCBbZGlyZWN0aW9uLCBzZXREaXJlY3Rpb25dID0gdXNlU3RhdGU8XCJuZXh0XCIgfCBcInByZXZcIj4oXCJuZXh0XCIpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgc2V0SW5kZXgoY3VycmVudEluZGV4KTtcbiAgfSwgW2N1cnJlbnRJbmRleF0pO1xuXG4gIGNvbnN0IGhhbmRsZVByZXYgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwicHJldlwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgPT09IDAgPyBpbWFnZXMubGVuZ3RoIC0gMSA6IHByZXYgLSAxKSk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgY29uc3QgaGFuZGxlTmV4dCA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBzZXREaXJlY3Rpb24oXCJuZXh0XCIpO1xuICAgIHNldEluZGV4KChwcmV2KSA9PiAocHJldiArIDEpICUgaW1hZ2VzLmxlbmd0aCk7XG4gIH0sIFtpbWFnZXMubGVuZ3RoXSk7XG5cbiAgdXNlS2V5Ym9hcmQoXCJFc2NhcGVcIiwgb25DbG9zZSk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dSaWdodFwiLCBoYW5kbGVOZXh0KTtcbiAgdXNlS2V5Ym9hcmQoXCJBcnJvd0xlZnRcIiwgaGFuZGxlUHJldik7XG5cbiAgcmV0dXJuIChcbiAgICA8T3ZlcmxheSBmdWxsU2NyZWVuIHsuLi5wcm9wc30gb25DbG9zZT17b25DbG9zZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogc3RyZXRjaDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBtYXgtaGVpZ2h0OiBjYWxjKDEwMCUgLSAzMnB4KTtcbiAgICAgICAgICBtYXJnaW46IGF1dG8gLTE0cHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBtYXgtd2lkdGg6ICR7TUFYX0lNQUdFX1dJRFRIfXB4O1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIHdpbGwtY2hhbmdlOiBvcGFjaXR5LCB0cmFuc2Zvcm07XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxBbmltYXRlUHJlc2VuY2UgaW5pdGlhbD17ZmFsc2V9PlxuICAgICAgICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgaW5pdGlhbD17e1xuICAgICAgICAgICAgICAgIHg6IGRpcmVjdGlvbiA9PT0gXCJuZXh0XCIgPyBcIjEwMCVcIiA6IFwiLTEwMCVcIixcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgYW5pbWF0ZT17e1xuICAgICAgICAgICAgICAgIHg6IDAsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICAgICAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGV4aXQ9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCItMTAwJVwiIDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgICAgICAgICAgdG9wOiAwLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICB0cmFuc2l0aW9uPXt7XG4gICAgICAgICAgICAgICAgZWFzZTogXCJlYXNlSW5PdXRcIixcbiAgICAgICAgICAgICAgICBkdXJhdGlvbjogMC4zLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8aW1nIHsuLi5pbWFnZXNbaW5kZXhdfSBhbHQ9XCJcIiAvPlxuICAgICAgICAgICAgPC9tb3Rpb24uZGl2PlxuICAgICAgICAgIDwvQW5pbWF0ZVByZXNlbmNlPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGxlZnQ6IDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgIDxOYXZpZ2F0ZUJlZm9yZUljb25cbiAgICAgICAgICAgICAgICBodG1sQ29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlUHJldn1cbiAgICAgICAgICAgICAgICBmb250U2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIHNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgLz5cbiAgICAgICAgPC9CdXR0b25XcmFwcGVyPlxuICAgICAgICA8QnV0dG9uV3JhcHBlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgcmlnaHQ6IDBweDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICAgIDxOYXZpZ2F0ZU5leHRJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZU5leHR9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvT3ZlcmxheT5cbiAgKTtcbn07XG4iXX0= */")
   }, props));
 };
 var _ref = process.env.NODE_ENV === "production" ? {
@@ -29,7 +29,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" ? {
@@ -37,7 +37,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" ? {
@@ -45,7 +45,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__
 };
 const ImageViewer = ({
@@ -86,7 +86,7 @@ const ImageViewer = ({
   }), (0, _react2.jsx)("div", {
     css: _ref3
   }, (0, _react2.jsx)("div", {
-    css: /*#__PURE__*/(0, _react2.css)("position:relative;box-sizing:border-box;max-width:", MAX_IMAGE_WIDTH, "px;overflow:hidden;will-change:opacity,transform;" + (process.env.NODE_ENV === "production" ? "" : ";label:ImageViewer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUdrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvblwiO1xuaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheVByb3BzIH0gZnJvbSBcIi4uL092ZXJsYXlcIjtcbmltcG9ydCB7IG1vdGlvbiwgQW5pbWF0ZVByZXNlbmNlIH0gZnJvbSBcIm1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBoZXhUb1JnYmEgfSBmcm9tIFwiLi4vQHV0aWxzL2hleFRvUmdiYVwiO1xuaW1wb3J0IHsgdXNlS2V5Ym9hcmQgfSBmcm9tIFwiLi4vaG9va3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgTmF2aWdhdGVCZWZvcmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlQmVmb3JlXCI7XG5pbXBvcnQgTmF2aWdhdGVOZXh0SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9OYXZpZ2F0ZU5leHRcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */")
+    css: /*#__PURE__*/(0, _react2.css)("position:relative;box-sizing:border-box;max-width:", MAX_IMAGE_WIDTH, "px;overflow:hidden;will-change:opacity,transform;" + (process.env.NODE_ENV === "production" ? "" : ";label:ImageViewer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JbWFnZVZpZXdlci9JbWFnZVZpZXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUdrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSW1hZ2VWaWV3ZXIvSW1hZ2VWaWV3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgbW90aW9uLCBBbmltYXRlUHJlc2VuY2UgfSBmcm9tIFwibW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBOYXZpZ2F0ZUJlZm9yZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvTmF2aWdhdGVCZWZvcmVcIjtcbmltcG9ydCBOYXZpZ2F0ZU5leHRJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL05hdmlnYXRlTmV4dFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBPdmVybGF5LCBPdmVybGF5UHJvcHMgfSBmcm9tIFwiLi4vT3ZlcmxheVwiO1xuaW1wb3J0IHsgaGV4VG9SZ2JhIH0gZnJvbSBcIi4uL0B1dGlscy9oZXhUb1JnYmFcIjtcbmltcG9ydCB7IHVzZUtleWJvYXJkIH0gZnJvbSBcIi4uL2hvb2tzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5jb25zdCBNQVhfSU1BR0VfV0lEVEggPSA4MDA7XG5cbmludGVyZmFjZSBCdXR0b25XcmFwcGVyUHJvcHMgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4ge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn1cblxuY29uc3QgQnV0dG9uV3JhcHBlciA9IChwcm9wczogQnV0dG9uV3JhcHBlclByb3BzKSA9PiB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBCVVRUT05fQ09OVEFJTkVSX0NPTE9SID0gdXNlTWVtbyhcbiAgICAoKSA9PiBoZXhUb1JnYmEodGhlbWUucGFsZXR0ZS5iYWNrZ3JvdW5kLm92ZXJsYXksIDAuMiksXG4gICAgW3RoZW1lLnBhbGV0dGUuYmFja2dyb3VuZC5vdmVybGF5XSxcbiAgKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBAbWVkaWEgKG1heC13aWR0aDogJHtNQVhfSU1BR0VfV0lEVEh9cHgpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke0JVVFRPTl9DT05UQUlORVJfQ09MT1J9O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgaW50ZXJmYWNlIEltYWdlVmlld2VyUHJvcHMgZXh0ZW5kcyBPdmVybGF5UHJvcHMge1xuICBpbWFnZXM6IChSZWFjdC5JbWdIVE1MQXR0cmlidXRlczxIVE1MSW1hZ2VFbGVtZW50PiAmIHsgc3JjOiBzdHJpbmcgfSlbXTtcbiAgY3VycmVudEluZGV4OiBudW1iZXI7XG59XG5cbmV4cG9ydCBjb25zdCBJbWFnZVZpZXdlciA9ICh7XG4gIGltYWdlcyxcbiAgY3VycmVudEluZGV4LFxuICBvbkNsb3NlLFxuICAuLi5wcm9wc1xufTogSW1hZ2VWaWV3ZXJQcm9wcykgPT4ge1xuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8qKlxuICAgICAqIFByZWxvYWQgaW1hZ2VzXG4gICAgICovXG4gICAgaW1hZ2VzLmZvckVhY2goKGltYWdlKSA9PiB7XG4gICAgICBjb25zdCBpbWcgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwiaW1nXCIpO1xuICAgICAgaW1nLnNyYyA9IGltYWdlLnNyYztcbiAgICB9KTtcbiAgfSwgW2ltYWdlc10pO1xuXG4gIGNvbnN0IFtpbmRleCwgc2V0SW5kZXhdID0gdXNlU3RhdGUoY3VycmVudEluZGV4KTtcbiAgY29uc3QgW2RpcmVjdGlvbiwgc2V0RGlyZWN0aW9uXSA9IHVzZVN0YXRlPFwibmV4dFwiIHwgXCJwcmV2XCI+KFwibmV4dFwiKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIHNldEluZGV4KGN1cnJlbnRJbmRleCk7XG4gIH0sIFtjdXJyZW50SW5kZXhdKTtcblxuICBjb25zdCBoYW5kbGVQcmV2ID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIHNldERpcmVjdGlvbihcInByZXZcIik7XG4gICAgc2V0SW5kZXgoKHByZXYpID0+IChwcmV2ID09PSAwID8gaW1hZ2VzLmxlbmd0aCAtIDEgOiBwcmV2IC0gMSkpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIGNvbnN0IGhhbmRsZU5leHQgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgc2V0RGlyZWN0aW9uKFwibmV4dFwiKTtcbiAgICBzZXRJbmRleCgocHJldikgPT4gKHByZXYgKyAxKSAlIGltYWdlcy5sZW5ndGgpO1xuICB9LCBbaW1hZ2VzLmxlbmd0aF0pO1xuXG4gIHVzZUtleWJvYXJkKFwiRXNjYXBlXCIsIG9uQ2xvc2UpO1xuICB1c2VLZXlib2FyZChcIkFycm93UmlnaHRcIiwgaGFuZGxlTmV4dCk7XG4gIHVzZUtleWJvYXJkKFwiQXJyb3dMZWZ0XCIsIGhhbmRsZVByZXYpO1xuXG4gIHJldHVybiAoXG4gICAgPE92ZXJsYXkgZnVsbFNjcmVlbiB7Li4ucHJvcHN9IG9uQ2xvc2U9e29uQ2xvc2V9PlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgbWF4LWhlaWdodDogY2FsYygxMDAlIC0gMzJweCk7XG4gICAgICAgICAgbWFyZ2luOiBhdXRvIC0xNHB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgbWF4LXdpZHRoOiAke01BWF9JTUFHRV9XSURUSH1weDtcbiAgICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICAgICAgICB3aWxsLWNoYW5nZTogb3BhY2l0eSwgdHJhbnNmb3JtO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QW5pbWF0ZVByZXNlbmNlIGluaXRpYWw9e2ZhbHNlfT5cbiAgICAgICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgICAgIGluaXRpYWw9e3tcbiAgICAgICAgICAgICAgICB4OiBkaXJlY3Rpb24gPT09IFwibmV4dFwiID8gXCIxMDAlXCIgOiBcIi0xMDAlXCIsXG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgIGFuaW1hdGU9e3tcbiAgICAgICAgICAgICAgICB4OiAwLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICBleGl0PXt7XG4gICAgICAgICAgICAgICAgeDogZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IFwiLTEwMCVcIiA6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgICAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgdHJhbnNpdGlvbj17e1xuICAgICAgICAgICAgICAgIGVhc2U6IFwiZWFzZUluT3V0XCIsXG4gICAgICAgICAgICAgICAgZHVyYXRpb246IDAuMyxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGltZyB7Li4uaW1hZ2VzW2luZGV4XX0gYWx0PVwiXCIgLz5cbiAgICAgICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgICAgICA8L0FuaW1hdGVQcmVzZW5jZT5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxCdXR0b25XcmFwcGVyXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBsZWZ0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVCZWZvcmVJY29uXG4gICAgICAgICAgICAgICAgaHRtbENvbG9yPVwid2hpdGVcIlxuICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZVByZXZ9XG4gICAgICAgICAgICAgICAgZm9udFNpemU9XCJsYXJnZVwiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBzaXplPVwibGFyZ2VcIlxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQnV0dG9uV3JhcHBlcj5cbiAgICAgICAgPEJ1dHRvbldyYXBwZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICA8TmF2aWdhdGVOZXh0SWNvblxuICAgICAgICAgICAgICAgIGh0bWxDb2xvcj1cIndoaXRlXCJcbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVOZXh0fVxuICAgICAgICAgICAgICAgIGZvbnRTaXplPVwibGFyZ2VcIlxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgc2l6ZT1cImxhcmdlXCJcbiAgICAgICAgICAvPlxuICAgICAgICA8L0J1dHRvbldyYXBwZXI+XG4gICAgICA8L2Rpdj5cbiAgICA8L092ZXJsYXk+XG4gICk7XG59O1xuIl19 */")
   }, (0, _react2.jsx)(_react.AnimatePresence, {
     initial: false
   }, (0, _react2.jsx)(_react.motion.div, {

package/cjs/ImageViewer/ImageViewer.js.map

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

@@ -3,8 +3,8 @@
 exports.__esModule = true;
 exports.InputAdornment = void 0;
 var _react = require("@emotion/react");
-var _theme = require("../theme");
 var _react2 = _interopRequireDefault(require("react"));
+var _theme = require("../theme");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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)."; }
@@ -13,7 +13,7 @@ const commonStyle = process.env.NODE_ENV === "production" ? {
   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__
 };
 const positionStyle = {
@@ -22,7 +22,7 @@ const 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" ? {
@@ -30,7 +30,7 @@ const 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__
   }
 };
@@ -43,7 +43,7 @@ const InputAdornment = ({
     palette
   } = (0, _theme.useTheme)();
   return children !== undefined ? (0, _react.jsx)("div", _extends({
-    css: [/*#__PURE__*/(0, _react.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__*/(0, _react.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;
 };
 exports.InputAdornment = InputAdornment;

package/cjs/InputBase/InputAdornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputAdornment.js","names":["_react","require","_theme","_react2","_interopRequireDefault","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","commonStyle","process","env","NODE_ENV","name","styles","toString","positionStyle","start","end","InputAdornment","position","children","props","palette","useTheme","undefined","jsx","css","text","secondary","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,SAAAG,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,iCAAA;AAE1B,MAAMC,WAAW,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA,CAOhB;AAED,MAAMQ,aAAa,GAAG;EACpBC,KAAK,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAP;EAAA,CAEJ;EACDU,GAAG,EAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAP;EAAA;AAGL,CAAC;AAOM,MAAMW,cAAc,GAAGA,CAAC;EAC7BC,QAAQ;EACRC,QAAQ;EACR,GAAGC;AACgB,CAAC,KAAK;EACzB,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC9B,OAAOH,QAAQ,KAAKI,SAAS,GAC3B,IAAArC,MAAA,CAAAsC,GAAA,SAAA9B,QAAA;IACE+B,GAAG,oBACDA,UAAG,YACQJ,OAAO,CAACK,IAAI,CAACC,SAAS,SAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,qjDAEjCH,WAAW,EACXO,aAAa,CAACI,QAAQ,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,mDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACvB,GACEU,KAAK,GAERD,QACE,CAAC,GACJ,IAAI;AACV,CAAC;AAACS,OAAA,CAAAX,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"file":"InputAdornment.js","names":["_react","require","_react2","_interopRequireDefault","_theme","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","commonStyle","process","env","NODE_ENV","name","styles","toString","positionStyle","start","end","InputAdornment","position","children","props","palette","useTheme","undefined","jsx","css","text","secondary","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAoC,SAAAE,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,iCAAA;AAEpC,MAAMC,WAAW,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAP;AAAA,CAOhB;AAED,MAAMQ,aAAa,GAAG;EACpBC,KAAK,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAP;EAAA,CAEJ;EACDU,GAAG,EAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAC,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAP;EAAA;AAGL,CAAC;AAOM,MAAMW,cAAc,GAAGA,CAAC;EAC7BC,QAAQ;EACRC,QAAQ;EACR,GAAGC;AACgB,CAAC,KAAK;EACzB,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC9B,OAAOH,QAAQ,KAAKI,SAAS,GAC3B,IAAArC,MAAA,CAAAsC,GAAA,SAAA9B,QAAA;IACE+B,GAAG,oBACDA,UAAG,YACQJ,OAAO,CAACK,IAAI,CAACC,SAAS,SAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,qjDAEjCH,WAAW,EACXO,aAAa,CAACI,QAAQ,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,mDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACvB,GACEU,KAAK,GAERD,QACE,CAAC,GACJ,IAAI;AACV,CAAC;AAACS,OAAA,CAAAX,cAAA,GAAAA,cAAA","ignoreList":[]}