matsuri-ui 9.7.2-alpha.0

package/dist/cjs/TextareaBase/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextareaBase = void 0;
+
+var _react = require("@emotion/react");
+
+var _InputBase = require("../InputBase/InputBase");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireDefault(require("react"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const TextareaBase = /*#__PURE__*/_react2.default.forwardRef((props, ref) => {
+  const theme = (0, _theme.useTheme)();
+  return (0, _react.jsx)("textarea", _extends({
+    css: /*#__PURE__*/(0, _react.css)( /*#__PURE__*/(0, _react.css)(theme.typography.body, process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGV4dGFyZWFCYXNlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyByZWFkb25seUZpZWxkQmFja2dyb3VuZENvbG9yLCByZWFkb25seUZpZWxkQm9yZGVyQ29sb3IgfSBmcm9tIFwiLi4vSW5wdXRCYXNlL0lucHV0QmFzZVwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0YXJlYUJhc2VQcm9wcyBleHRlbmRzIFJlYWN0LlRleHRhcmVhSFRNTEF0dHJpYnV0ZXM8SFRNTFRleHRBcmVhRWxlbWVudD4ge31cblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhQmFzZSA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTFRleHRBcmVhRWxlbWVudCwgVGV4dGFyZWFCYXNlUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAke2Nzcyh0aGVtZS50eXBvZ3JhcGh5LmJvZHkpfVxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICBtaW4taGVpZ2h0OiAke3RoZW1lLnNwYWNpbmcgKiA2fXB4O1xuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDlweCAxMnB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5fTtcbiAgICAgICAgICAgICAgICByZXNpemU6IG5vbmU7XG4gICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5wYWxldHRlLnRleHQuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgICAgICAgb3V0bGluZTogMHB4O1xuICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAwLjNzO1xuICAgICAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICZbZGF0YS10b3VjaGVkPVwidHJ1ZVwiXTppbnZhbGlkIHtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWlufTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUudGV4dC5kaXNhYmxlZH07XG4gICAgICAgICAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWRCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJltyZWFkb25seV0ge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3JlYWRvbmx5RmllbGRCYWNrZ3JvdW5kQ29sb3J9O1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7cmVhZG9ubHlGaWVsZEJvcmRlckNvbG9yfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIC8+XG4gICAgKVxufSlcbiJdfQ== */"), " box-sizing:border-box;display:block;flex:1;width:100%;min-height:", theme.spacing * 6, "px;padding:9px 12px;color:", theme.palette.text.primary, ";resize:none;border:1px solid ", theme.palette.text.secondary, ";border-radius:4px;outline:0px;transition:all 0.3s;&:focus{border-color:", theme.palette.intentions.primary.main, ";}&[data-touched=\"true\"]:invalid{border-color:", theme.palette.intentions.error.main, ";}&::placeholder{color:", theme.palette.text.secondary, ";}&:disabled{color:", theme.palette.text.disabled, ";cursor:not-allowed;background-color:", theme.palette.action.disabledBackground, ";border-color:", theme.palette.action.disabled, ";}&[readonly]{background-color:", _InputBase.readonlyFieldBackgroundColor, ";border-color:", _InputBase.readonlyFieldBorderColor, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TextareaBase;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UZXh0YXJlYUJhc2UvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvVGV4dGFyZWFCYXNlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyByZWFkb25seUZpZWxkQmFja2dyb3VuZENvbG9yLCByZWFkb25seUZpZWxkQm9yZGVyQ29sb3IgfSBmcm9tIFwiLi4vSW5wdXRCYXNlL0lucHV0QmFzZVwiXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiXG5pbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCJcblxuZXhwb3J0IGludGVyZmFjZSBUZXh0YXJlYUJhc2VQcm9wcyBleHRlbmRzIFJlYWN0LlRleHRhcmVhSFRNTEF0dHJpYnV0ZXM8SFRNTFRleHRBcmVhRWxlbWVudD4ge31cblxuZXhwb3J0IGNvbnN0IFRleHRhcmVhQmFzZSA9IFJlYWN0LmZvcndhcmRSZWY8SFRNTFRleHRBcmVhRWxlbWVudCwgVGV4dGFyZWFCYXNlUHJvcHM+KChwcm9wcywgcmVmKSA9PiB7XG4gICAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpXG4gICAgcmV0dXJuIChcbiAgICAgICAgPHRleHRhcmVhXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAke2Nzcyh0aGVtZS50eXBvZ3JhcGh5LmJvZHkpfVxuICAgICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgZmxleDogMTtcbiAgICAgICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgICAgICBtaW4taGVpZ2h0OiAke3RoZW1lLnNwYWNpbmcgKiA2fXB4O1xuICAgICAgICAgICAgICAgIHBhZGRpbmc6IDlweCAxMnB4O1xuICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUudGV4dC5wcmltYXJ5fTtcbiAgICAgICAgICAgICAgICByZXNpemU6IG5vbmU7XG4gICAgICAgICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5wYWxldHRlLnRleHQuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgICAgICAgb3V0bGluZTogMHB4O1xuICAgICAgICAgICAgICAgIHRyYW5zaXRpb246IGFsbCAwLjNzO1xuICAgICAgICAgICAgICAgICY6Zm9jdXMge1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICZbZGF0YS10b3VjaGVkPVwidHJ1ZVwiXTppbnZhbGlkIHtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvci5tYWlufTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJjo6cGxhY2Vob2xkZXIge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5wYWxldHRlLnRleHQuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJjpkaXNhYmxlZCB7XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLnBhbGV0dGUudGV4dC5kaXNhYmxlZH07XG4gICAgICAgICAgICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5hY3Rpb24uZGlzYWJsZWRCYWNrZ3JvdW5kfTtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuYWN0aW9uLmRpc2FibGVkfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgJltyZWFkb25seV0ge1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3JlYWRvbmx5RmllbGRCYWNrZ3JvdW5kQ29sb3J9O1xuICAgICAgICAgICAgICAgICAgICBib3JkZXItY29sb3I6ICR7cmVhZG9ubHlGaWVsZEJvcmRlckNvbG9yfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgIC8+XG4gICAgKVxufSlcbiJdfQ== */"),
+    ref: ref
+  }, props));
+});
+
+exports.TextareaBase = TextareaBase;
+//# sourceMappingURL=index.js.map

package/dist/cjs/TextareaBase/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/TextareaBase/index.tsx"],"names":["TextareaBase","React","forwardRef","props","ref","theme","css","typography","body","spacing","palette","text","primary","secondary","intentions","main","error","disabled","action","disabledBackground","readonlyFieldBackgroundColor","readonlyFieldBorderColor"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAIO,MAAMA,YAAY,gBAAGC,gBAAMC,UAAN,CAAyD,CAACC,KAAD,EAAQC,GAAR,KAAgB;AACjG,QAAMC,KAAK,GAAG,sBAAd;AACA,SACI;AACI,IAAA,GAAG,mBAAEC,UAAF,gBACG,gBAAID,KAAK,CAACE,UAAN,CAAiBC,IAArB,s+FADH,wEAMeH,KAAK,CAACI,OAAN,GAAgB,CAN/B,gCAQUJ,KAAK,CAACK,OAAN,CAAcC,IAAd,CAAmBC,OAR7B,oCAUqBP,KAAK,CAACK,OAAN,CAAcC,IAAd,CAAmBE,SAVxC,8EAeqBR,KAAK,CAACK,OAAN,CAAcI,UAAd,CAAyBF,OAAzB,CAAiCG,IAftD,sDAkBqBV,KAAK,CAACK,OAAN,CAAcI,UAAd,CAAyBE,KAAzB,CAA+BD,IAlBpD,6BAqBcV,KAAK,CAACK,OAAN,CAAcC,IAAd,CAAmBE,SArBjC,yBAwBcR,KAAK,CAACK,OAAN,CAAcC,IAAd,CAAmBM,QAxBjC,2CA0ByBZ,KAAK,CAACK,OAAN,CAAcQ,MAAd,CAAqBC,kBA1B9C,oBA2BqBd,KAAK,CAACK,OAAN,CAAcQ,MAAd,CAAqBD,QA3B1C,qCA8ByBG,uCA9BzB,oBA+BqBC,mCA/BrB,++FADP;AAmCI,IAAA,GAAG,EAAEjB;AAnCT,KAoCQD,KApCR,EADJ;AAwCH,CA1C2B,CAArB","sourcesContent":["import { css } from \"@emotion/react\"\nimport { readonlyFieldBackgroundColor, readonlyFieldBorderColor } from \"../InputBase/InputBase\"\nimport { useTheme } from \"../theme\"\nimport React from \"react\"\n\nexport interface TextareaBaseProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {}\n\nexport const TextareaBase = React.forwardRef<HTMLTextAreaElement, TextareaBaseProps>((props, ref) => {\n    const theme = useTheme()\n    return (\n        <textarea\n            css={css`\n                ${css(theme.typography.body)}\n                box-sizing: border-box;\n                display: block;\n                flex: 1;\n                width: 100%;\n                min-height: ${theme.spacing * 6}px;\n                padding: 9px 12px;\n                color: ${theme.palette.text.primary};\n                resize: none;\n                border: 1px solid ${theme.palette.text.secondary};\n                border-radius: 4px;\n                outline: 0px;\n                transition: all 0.3s;\n                &:focus {\n                    border-color: ${theme.palette.intentions.primary.main};\n                }\n                &[data-touched=\"true\"]:invalid {\n                    border-color: ${theme.palette.intentions.error.main};\n                }\n                &::placeholder {\n                    color: ${theme.palette.text.secondary};\n                }\n                &:disabled {\n                    color: ${theme.palette.text.disabled};\n                    cursor: not-allowed;\n                    background-color: ${theme.palette.action.disabledBackground};\n                    border-color: ${theme.palette.action.disabled};\n                }\n                &[readonly] {\n                    background-color: ${readonlyFieldBackgroundColor};\n                    border-color: ${readonlyFieldBorderColor};\n                }\n            `}\n            ref={ref}\n            {...props}\n        />\n    )\n})\n"],"file":"index.js"}

package/dist/cjs/Thumbnail/index.js

@@ -0,0 +1,186 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Thumbnail = exports.useCompressImage = void 0;
+
+var _react = require("@emotion/react");
+
+var _useIntersectionObserver = require("./useIntersectionObserver");
+
+var _theme = require("../theme");
+
+var _react2 = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, 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)."; }
+
+const skeletonKeyframes = (0, _react.keyframes)`
+  0% {
+    background-position: -200px 0;
+  }
+  100% {
+    background-position: calc(200px + 100%) 0;
+  }
+`;
+
+const useCompressImage = () => {
+  const [image, setImage] = (0, _react2.useState)();
+  const compress = (0, _react2.useCallback)(({
+    src,
+    name = "noname",
+    width,
+    height,
+    quality = 1
+  }) => {
+    !(async () => {
+      const reader = new FileReader();
+      reader.readAsDataURL(typeof src === "string" ? await (await fetch(src)).blob() : src);
+
+      reader.onload = event => {
+        const img = new Image();
+        img.src = event.target.result;
+
+        img.onload = () => {
+          const getCanvasSize = () => {
+            let canvasWidth = 0,
+                canvasHeight = 0;
+
+            if (img.width < img.height) {
+              const scaleFactor = width / img.width;
+              canvasWidth = width;
+              canvasHeight = img.height * scaleFactor;
+            } else {
+              const scaleFactor = height / img.height;
+              canvasWidth = img.width * scaleFactor;
+              canvasHeight = height;
+            }
+
+            return {
+              canvasWidth,
+              canvasHeight
+            };
+          };
+
+          const canvas = document.createElement("canvas");
+          const {
+            canvasWidth,
+            canvasHeight
+          } = getCanvasSize();
+          canvas.width = canvasWidth;
+          canvas.height = canvasHeight;
+          const ctx = canvas.getContext("2d");
+          ctx.drawImage(img, 0, 0, canvasWidth, canvasHeight);
+          ctx.canvas.toBlob(blob => {
+            const file = new File([blob], name, {
+              type: "image/jpeg",
+              lastModified: Date.now()
+            });
+            setImage(URL.createObjectURL(file));
+          }, "image/jpeg", quality);
+        };
+      };
+    })();
+  }, []);
+  return [image, compress];
+};
+
+exports.useCompressImage = useCompressImage;
+
+var _ref = process.env.NODE_ENV === "production" ? {
+  name: "1d3w5wq",
+  styles: "width:100%"
+} : {
+  name: "fsz91o-Thumbnail",
+  styles: "width:100%;label:Thumbnail;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9PMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VJbnRlcnNlY3Rpb25PYnNlcnZlciB9IGZyb20gXCIuL3VzZUludGVyc2VjdGlvbk9ic2VydmVyXCJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiXG5cbmV4cG9ydCBpbnRlcmZhY2UgVGh1bWJuYWlsUHJvcHMgZXh0ZW5kcyBPbWl0PFJlYWN0LkltZ0hUTUxBdHRyaWJ1dGVzPEhUTUxJbWFnZUVsZW1lbnQ+LCBcInNyY1wiPiB7XG4gICAgLyoqXG4gICAgICog55S75YOP44Gu44K944O844K544KS5oyH5a6a44GX44G+44GZ44CCRmlsZeWei+OCguioseWuueOBl+OBpuOBhOOBvuOBmeOAglxuICAgICAqL1xuICAgIHNyYz86IHN0cmluZyB8IEZpbGVcbiAgICAvKipcbiAgICAgKiDnlLvlg4/jga7lk4Hos6rjgpIw44GL44KJMeOBruWApOOBp+ioreWumuOBl+OBvuOBmeOAglxuICAgICAqIEBkZWZhdWx0IDFcbiAgICAgKi9cbiAgICBxdWFsaXR5PzogbnVtYmVyXG4gICAgLyoqXG4gICAgICog5bmF44KSMTAwJeOBq+OBl+OBvuOBmeOAglxuICAgICAqXG4gICAgICogQGRlZmF1bHQgZmFsc2VcbiAgICAgKi9cbiAgICBmdWxsV2lkdGg/OiBib29sZWFuXG4gICAgY2hpbGRyZW4/OiBuZXZlclxuICAgIC8qKlxuICAgICAqIOeUu+WDj+Wcp+e4ruOCkuOBmeOCi+OBi+OBqeOBhuOBi+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqIOODpuODvOOCtuODvOOBrueSsOWig+OBjOiJr+OBhOOBvuOBn+OBr+S4juOBiOOCieOCjOOCi+eUu+WDj+OCteOCpOOCuuOBjOWFg+OAheacgOmBqeOBquWgtOWQiOOBr+OAgVxuICAgICAqIG5vY29tcHJlc3PjgpLmjIflrprjgZfjgZ/mlrnjgYxIVE1M44OR44O844K555u05b6M44GL44KJ44OQ44OD44Kv44Kw44Op44Km44Oz44OJ44OX44Ot44K744K544Gn5Yem55CG44GM6LWw44KL44Gf44KB6auY6YCf44Gn44GZ44CCXG4gICAgICog6KaB57Sg44Gu44K144Kk44K644Go55S75YOP44K144Kk44K644GM44G744G85ZCM44GY5aC05ZCI44Gv6Ieq5YuV44Gn6Z2e5Zyn57iu44Gr44GZ44KL5LuV5qeY44KS6ICD44GI44Gm44GE44G+44GZ44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIG5vY29tcHJlc3M/OiBib29sZWFuXG4gICAgLyoqXG4gICAgICog5Zyn57iu44GZ44KL6Zqb44Gu5bmF44Gu5pyA5L2O5YCk44KS5oyH5a6a44GX44G+44GZ44CCd2lkdGjlsZ7mgKfjgoRjc3PjgavjgojjgovmjIflrprjgojjgorjgoLlhKrlhYjjgZXjgozjgb7jgZnjgIJcbiAgICAgKi9cbiAgICBjb21wcmVzc1dpZHRoPzogbnVtYmVyXG4gICAgLyoqXG4gICAgICog5Zyn57iu44GZ44KL6Zqb44Gu6auY44GV44Gu5pyA5L2O5YCk44KS5oyH5a6a44GX44G+44GZ44CCaGVpZ2h05bGe5oCn44KEY3Nz44Gr44KI44KL5oyH5a6a44KI44KK44KC5YSq5YWI44GV44KM44G+44GZ44CCXG4gICAgICovXG4gICAgY29tcHJlc3NIZWlnaHQ/OiBudW1iZXJcbiAgICAvKipcbiAgICAgKiDjg4fjg5Xjgqnjg6vjg4jjga7ooajnpLrjga9vYmplY3QtZml0OiBjb3ZlcuOBp+OBmeOAgmNvbnRhaW5lZOOCkuaMh+WumuOBmeOCi+OBk+OBqOOBp29iamVjdC1maXQ6IGNvbnRhaW7jgavjgZnjgovjgZPjgajjgYzjgafjgY3jgb7jgZnjgIJcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIGNvbnRhaW5lZD86IGJvb2xlYW5cbn1cblxuY29uc3Qgc2tlbGV0b25LZXlmcmFtZXMgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMjAwcHggMDtcbiAgfVxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjYWxjKDIwMHB4ICsgMTAwJSkgMDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdXNlQ29tcHJlc3NJbWFnZSA9ICgpID0+IHtcbiAgICBjb25zdCBbaW1hZ2UsIHNldEltYWdlXSA9IHVzZVN0YXRlPHN0cmluZz4oKVxuXG4gICAgY29uc3QgY29tcHJlc3MgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHtcbiAgICAgICAgICAgIHNyYyxcbiAgICAgICAgICAgIG5hbWUgPSBcIm5vbmFtZVwiLFxuICAgICAgICAgICAgd2lkdGgsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICBxdWFsaXR5ID0gMVxuICAgICAgICB9OiB7XG4gICAgICAgICAgICBzcmM6IHN0cmluZyB8IEZpbGVcbiAgICAgICAgICAgIG5hbWU/OiBzdHJpbmdcbiAgICAgICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgICAgICBxdWFsaXR5PzogbnVtYmVyXG4gICAgICAgIH0pID0+IHtcbiAgICAgICAgICAgICEoYXN5bmMgKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKClcbiAgICAgICAgICAgICAgICByZWFkZXIucmVhZEFzRGF0YVVSTCh0eXBlb2Ygc3JjID09PSBcInN0cmluZ1wiID8gYXdhaXQgKGF3YWl0IGZldGNoKHNyYykpLmJsb2IoKSA6IHNyYylcbiAgICAgICAgICAgICAgICByZWFkZXIub25sb2FkID0gKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGltZyA9IG5ldyBJbWFnZSgpXG4gICAgICAgICAgICAgICAgICAgIGltZy5zcmMgPSBldmVudC50YXJnZXQhLnJlc3VsdCBhcyBzdHJpbmdcbiAgICAgICAgICAgICAgICAgICAgaW1nLm9ubG9hZCA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGdldENhbnZhc1NpemUgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGV0IGNhbnZhc1dpZHRoID0gMCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2FudmFzSGVpZ2h0ID0gMFxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGltZy53aWR0aCA8IGltZy5oZWlnaHQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3Qgc2NhbGVGYWN0b3IgPSB3aWR0aCAvIGltZy53aWR0aFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCA9IHdpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhc0hlaWdodCA9IGltZy5oZWlnaHQgKiBzY2FsZUZhY3RvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IHNjYWxlRmFjdG9yID0gaGVpZ2h0IC8gaW1nLmhlaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCA9IGltZy53aWR0aCAqIHNjYWxlRmFjdG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhc0hlaWdodCA9IGhlaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2FudmFzSGVpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgY2FudmFzID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImNhbnZhc1wiKVxuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgeyBjYW52YXNXaWR0aCwgY2FudmFzSGVpZ2h0IH0gPSBnZXRDYW52YXNTaXplKClcbiAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhcy53aWR0aCA9IGNhbnZhc1dpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICBjYW52YXMuaGVpZ2h0ID0gY2FudmFzSGVpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBjdHggPSBjYW52YXMuZ2V0Q29udGV4dChcIjJkXCIpIVxuICAgICAgICAgICAgICAgICAgICAgICAgY3R4LmRyYXdJbWFnZShpbWcsIDAsIDAsIGNhbnZhc1dpZHRoLCBjYW52YXNIZWlnaHQpXG4gICAgICAgICAgICAgICAgICAgICAgICBjdHguY2FudmFzLnRvQmxvYihcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAoYmxvYikgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBmaWxlID0gbmV3IEZpbGUoW2Jsb2IhXSwgbmFtZSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogXCJpbWFnZS9qcGVnXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYXN0TW9kaWZpZWQ6IERhdGUubm93KClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0SW1hZ2UoVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFwiaW1hZ2UvanBlZ1wiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHF1YWxpdHlcbiAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pKClcbiAgICAgICAgfSxcbiAgICAgICAgW11cbiAgICApXG5cbiAgICByZXR1cm4gW2ltYWdlLCBjb21wcmVzc10gYXMgY29uc3Rcbn1cbmV4cG9ydCBjb25zdCBUaHVtYm5haWwgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbWFnZUVsZW1lbnQsIFJlYWRvbmx5PFRodW1ibmFpbFByb3BzPj4oXG4gICAgKFxuICAgICAgICB7XG4gICAgICAgICAgICBzcmMsXG4gICAgICAgICAgICBxdWFsaXR5ID0gMSxcbiAgICAgICAgICAgIGZ1bGxXaWR0aCxcbiAgICAgICAgICAgIG5vY29tcHJlc3MsXG4gICAgICAgICAgICBjb21wcmVzc1dpZHRoLFxuICAgICAgICAgICAgY29tcHJlc3NIZWlnaHQsXG4gICAgICAgICAgICBjb250YWluZWQgPSBmYWxzZSxcbiAgICAgICAgICAgIHdpZHRoLFxuICAgICAgICAgICAgaGVpZ2h0LFxuICAgICAgICAgICAgYWx0ID0gXCJsb3JlbSBpcHN1bVwiLFxuICAgICAgICAgICAgLi4ucHJvcHNcbiAgICAgICAgfSxcbiAgICAgICAgcmVmXG4gICAgKSA9PiB7XG4gICAgICAgIGNvbnN0IFtpbWFnZSwgc2V0SW1hZ2VdID0gdXNlU3RhdGU8c3RyaW5nPigpXG4gICAgICAgIGNvbnN0IFtlbCwgc2V0RWxdID0gdXNlU3RhdGU8SFRNTEVsZW1lbnQgfCBudWxsPihudWxsKVxuICAgICAgICBjb25zdCB7IGVudHJ5LCB1bm9ic2VydmUgfSA9IHVzZUludGVyc2VjdGlvbk9ic2VydmVyKFxuICAgICAgICAgICAgZWwsXG4gICAgICAgICAgICB1c2VNZW1vKCgpID0+ICh7IHRocmVzaG9sZDogMC4xIH0pLCBbXSlcbiAgICAgICAgKVxuICAgICAgICBjb25zdCBsb2FkZWQgPSB1c2VNZW1vKCgpID0+ICEhaW1hZ2UsIFtpbWFnZV0pXG5cbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIHNldEltYWdlKHVuZGVmaW5lZClcbiAgICAgICAgfSwgW3NyY10pXG5cbiAgICAgICAgY29uc3QgW2NvbXByZXNzZWRJbWFnZSwgY29tcHJlc3NdID0gdXNlQ29tcHJlc3NJbWFnZSgpXG5cbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGlmIChjb21wcmVzc2VkSW1hZ2UpIHtcbiAgICAgICAgICAgICAgICBzZXRJbWFnZShjb21wcmVzc2VkSW1hZ2UpXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sIFtjb21wcmVzc2VkSW1hZ2VdKVxuXG4gICAgICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAobm9jb21wcmVzcyAmJiB0eXBlb2Ygc3JjID09PSBcInN0cmluZ1wiKSB7XG4gICAgICAgICAgICAgICAgc2V0SW1hZ2Uoc3JjKVxuICAgICAgICAgICAgICAgIHJldHVyblxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgIShhc3luYyAoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFsb2FkZWQgJiYgZW50cnk/LmlzSW50ZXJzZWN0aW5nICYmIHNyYyAmJiBlbCkge1xuICAgICAgICAgICAgICAgICAgICB1bm9ic2VydmUoKVxuICAgICAgICAgICAgICAgICAgICBjb21wcmVzcyh7XG4gICAgICAgICAgICAgICAgICAgICAgICBuYW1lOiBhbHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBzcmM6IHNyYyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiBjb21wcmVzc1dpZHRoIHx8IGVsLmNsaWVudFdpZHRoLFxuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBjb21wcmVzc0hlaWdodCB8fCBlbC5jbGllbnRIZWlnaHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBxdWFsaXR5XG4gICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSkoKVxuICAgICAgICB9LCBbYWx0LCBjb21wcmVzcywgY29tcHJlc3NIZWlnaHQsIGNvbXByZXNzV2lkdGgsIGVsLCBlbnRyeSwgbG9hZGVkLCBub2NvbXByZXNzLCBxdWFsaXR5LCBzcmMsIHVub2JzZXJ2ZV0pXG5cbiAgICAgICAgY29uc3QgaGFuZGxlUmVmID0gdXNlQ2FsbGJhY2soKG5vZGU6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgICAgICAgICBzZXRFbChub2RlKVxuICAgICAgICB9LCBbXSlcblxuICAgICAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICAgICAgICByZXR1cm4gc3JjID8gKFxuICAgICAgICAgICAgbG9hZGVkID8gKFxuICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgc3JjPXtpbWFnZX1cbiAgICAgICAgICAgICAgICAgICAgZGVjb2Rpbmc9XCJhc3luY1wiXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcbiAgICAgICAgICAgICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgICR7Y3NzKHRoZW1lLnR5cG9ncmFwaHkuYm9keSl9XG4gICAgICAgICAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogaW5oZXJpdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgICAgICAgICAgICAgICAgb2JqZWN0LWZpdDogJHtjb250YWluZWQgPyBcImNvbnRhaW5cIiA6IFwiY292ZXJcIn07XG4gICAgICAgICAgICAgICAgICAgICAgICAke2Z1bGxXaWR0aCAmJlxuICAgICAgICAgICAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgcmVmPXtoYW5kbGVSZWZ9XG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJHt3aWR0aH07XG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogd2FpdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlZWU7XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsICNlZWUsICNmNWY1ZjUsICNlZWUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogMjAwcHggMTAwJTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtza2VsZXRvbktleWZyYW1lc30gMS4ycyBlYXNlLWluLW91dCBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICR7ZnVsbFdpZHRoICYmXG4gICAgICAgICAgICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIClcbiAgICAgICAgKSA6IG51bGxcbiAgICB9XG4pXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "1d3w5wq",
+  styles: "width:100%"
+} : {
+  name: "fsz91o-Thumbnail",
+  styles: "width:100%;label:Thumbnail;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZNMkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VJbnRlcnNlY3Rpb25PYnNlcnZlciB9IGZyb20gXCIuL3VzZUludGVyc2VjdGlvbk9ic2VydmVyXCJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiXG5cbmV4cG9ydCBpbnRlcmZhY2UgVGh1bWJuYWlsUHJvcHMgZXh0ZW5kcyBPbWl0PFJlYWN0LkltZ0hUTUxBdHRyaWJ1dGVzPEhUTUxJbWFnZUVsZW1lbnQ+LCBcInNyY1wiPiB7XG4gICAgLyoqXG4gICAgICog55S75YOP44Gu44K944O844K544KS5oyH5a6a44GX44G+44GZ44CCRmlsZeWei+OCguioseWuueOBl+OBpuOBhOOBvuOBmeOAglxuICAgICAqL1xuICAgIHNyYz86IHN0cmluZyB8IEZpbGVcbiAgICAvKipcbiAgICAgKiDnlLvlg4/jga7lk4Hos6rjgpIw44GL44KJMeOBruWApOOBp+ioreWumuOBl+OBvuOBmeOAglxuICAgICAqIEBkZWZhdWx0IDFcbiAgICAgKi9cbiAgICBxdWFsaXR5PzogbnVtYmVyXG4gICAgLyoqXG4gICAgICog5bmF44KSMTAwJeOBq+OBl+OBvuOBmeOAglxuICAgICAqXG4gICAgICogQGRlZmF1bHQgZmFsc2VcbiAgICAgKi9cbiAgICBmdWxsV2lkdGg/OiBib29sZWFuXG4gICAgY2hpbGRyZW4/OiBuZXZlclxuICAgIC8qKlxuICAgICAqIOeUu+WDj+Wcp+e4ruOCkuOBmeOCi+OBi+OBqeOBhuOBi+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqIOODpuODvOOCtuODvOOBrueSsOWig+OBjOiJr+OBhOOBvuOBn+OBr+S4juOBiOOCieOCjOOCi+eUu+WDj+OCteOCpOOCuuOBjOWFg+OAheacgOmBqeOBquWgtOWQiOOBr+OAgVxuICAgICAqIG5vY29tcHJlc3PjgpLmjIflrprjgZfjgZ/mlrnjgYxIVE1M44OR44O844K555u05b6M44GL44KJ44OQ44OD44Kv44Kw44Op44Km44Oz44OJ44OX44Ot44K744K544Gn5Yem55CG44GM6LWw44KL44Gf44KB6auY6YCf44Gn44GZ44CCXG4gICAgICog6KaB57Sg44Gu44K144Kk44K644Go55S75YOP44K144Kk44K644GM44G744G85ZCM44GY5aC05ZCI44Gv6Ieq5YuV44Gn6Z2e5Zyn57iu44Gr44GZ44KL5LuV5qeY44KS6ICD44GI44Gm44GE44G+44GZ44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIG5vY29tcHJlc3M/OiBib29sZWFuXG4gICAgLyoqXG4gICAgICog5Zyn57iu44GZ44KL6Zqb44Gu5bmF44Gu5pyA5L2O5YCk44KS5oyH5a6a44GX44G+44GZ44CCd2lkdGjlsZ7mgKfjgoRjc3PjgavjgojjgovmjIflrprjgojjgorjgoLlhKrlhYjjgZXjgozjgb7jgZnjgIJcbiAgICAgKi9cbiAgICBjb21wcmVzc1dpZHRoPzogbnVtYmVyXG4gICAgLyoqXG4gICAgICog5Zyn57iu44GZ44KL6Zqb44Gu6auY44GV44Gu5pyA5L2O5YCk44KS5oyH5a6a44GX44G+44GZ44CCaGVpZ2h05bGe5oCn44KEY3Nz44Gr44KI44KL5oyH5a6a44KI44KK44KC5YSq5YWI44GV44KM44G+44GZ44CCXG4gICAgICovXG4gICAgY29tcHJlc3NIZWlnaHQ/OiBudW1iZXJcbiAgICAvKipcbiAgICAgKiDjg4fjg5Xjgqnjg6vjg4jjga7ooajnpLrjga9vYmplY3QtZml0OiBjb3ZlcuOBp+OBmeOAgmNvbnRhaW5lZOOCkuaMh+WumuOBmeOCi+OBk+OBqOOBp29iamVjdC1maXQ6IGNvbnRhaW7jgavjgZnjgovjgZPjgajjgYzjgafjgY3jgb7jgZnjgIJcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIGNvbnRhaW5lZD86IGJvb2xlYW5cbn1cblxuY29uc3Qgc2tlbGV0b25LZXlmcmFtZXMgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMjAwcHggMDtcbiAgfVxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjYWxjKDIwMHB4ICsgMTAwJSkgMDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdXNlQ29tcHJlc3NJbWFnZSA9ICgpID0+IHtcbiAgICBjb25zdCBbaW1hZ2UsIHNldEltYWdlXSA9IHVzZVN0YXRlPHN0cmluZz4oKVxuXG4gICAgY29uc3QgY29tcHJlc3MgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHtcbiAgICAgICAgICAgIHNyYyxcbiAgICAgICAgICAgIG5hbWUgPSBcIm5vbmFtZVwiLFxuICAgICAgICAgICAgd2lkdGgsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICBxdWFsaXR5ID0gMVxuICAgICAgICB9OiB7XG4gICAgICAgICAgICBzcmM6IHN0cmluZyB8IEZpbGVcbiAgICAgICAgICAgIG5hbWU/OiBzdHJpbmdcbiAgICAgICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgICAgICBxdWFsaXR5PzogbnVtYmVyXG4gICAgICAgIH0pID0+IHtcbiAgICAgICAgICAgICEoYXN5bmMgKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKClcbiAgICAgICAgICAgICAgICByZWFkZXIucmVhZEFzRGF0YVVSTCh0eXBlb2Ygc3JjID09PSBcInN0cmluZ1wiID8gYXdhaXQgKGF3YWl0IGZldGNoKHNyYykpLmJsb2IoKSA6IHNyYylcbiAgICAgICAgICAgICAgICByZWFkZXIub25sb2FkID0gKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGltZyA9IG5ldyBJbWFnZSgpXG4gICAgICAgICAgICAgICAgICAgIGltZy5zcmMgPSBldmVudC50YXJnZXQhLnJlc3VsdCBhcyBzdHJpbmdcbiAgICAgICAgICAgICAgICAgICAgaW1nLm9ubG9hZCA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGdldENhbnZhc1NpemUgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGV0IGNhbnZhc1dpZHRoID0gMCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2FudmFzSGVpZ2h0ID0gMFxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGltZy53aWR0aCA8IGltZy5oZWlnaHQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3Qgc2NhbGVGYWN0b3IgPSB3aWR0aCAvIGltZy53aWR0aFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCA9IHdpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhc0hlaWdodCA9IGltZy5oZWlnaHQgKiBzY2FsZUZhY3RvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IHNjYWxlRmFjdG9yID0gaGVpZ2h0IC8gaW1nLmhlaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCA9IGltZy53aWR0aCAqIHNjYWxlRmFjdG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhc0hlaWdodCA9IGhlaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2FudmFzSGVpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgY2FudmFzID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImNhbnZhc1wiKVxuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgeyBjYW52YXNXaWR0aCwgY2FudmFzSGVpZ2h0IH0gPSBnZXRDYW52YXNTaXplKClcbiAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhcy53aWR0aCA9IGNhbnZhc1dpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICBjYW52YXMuaGVpZ2h0ID0gY2FudmFzSGVpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBjdHggPSBjYW52YXMuZ2V0Q29udGV4dChcIjJkXCIpIVxuICAgICAgICAgICAgICAgICAgICAgICAgY3R4LmRyYXdJbWFnZShpbWcsIDAsIDAsIGNhbnZhc1dpZHRoLCBjYW52YXNIZWlnaHQpXG4gICAgICAgICAgICAgICAgICAgICAgICBjdHguY2FudmFzLnRvQmxvYihcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAoYmxvYikgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBmaWxlID0gbmV3IEZpbGUoW2Jsb2IhXSwgbmFtZSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogXCJpbWFnZS9qcGVnXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYXN0TW9kaWZpZWQ6IERhdGUubm93KClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0SW1hZ2UoVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFwiaW1hZ2UvanBlZ1wiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHF1YWxpdHlcbiAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pKClcbiAgICAgICAgfSxcbiAgICAgICAgW11cbiAgICApXG5cbiAgICByZXR1cm4gW2ltYWdlLCBjb21wcmVzc10gYXMgY29uc3Rcbn1cbmV4cG9ydCBjb25zdCBUaHVtYm5haWwgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbWFnZUVsZW1lbnQsIFJlYWRvbmx5PFRodW1ibmFpbFByb3BzPj4oXG4gICAgKFxuICAgICAgICB7XG4gICAgICAgICAgICBzcmMsXG4gICAgICAgICAgICBxdWFsaXR5ID0gMSxcbiAgICAgICAgICAgIGZ1bGxXaWR0aCxcbiAgICAgICAgICAgIG5vY29tcHJlc3MsXG4gICAgICAgICAgICBjb21wcmVzc1dpZHRoLFxuICAgICAgICAgICAgY29tcHJlc3NIZWlnaHQsXG4gICAgICAgICAgICBjb250YWluZWQgPSBmYWxzZSxcbiAgICAgICAgICAgIHdpZHRoLFxuICAgICAgICAgICAgaGVpZ2h0LFxuICAgICAgICAgICAgYWx0ID0gXCJsb3JlbSBpcHN1bVwiLFxuICAgICAgICAgICAgLi4ucHJvcHNcbiAgICAgICAgfSxcbiAgICAgICAgcmVmXG4gICAgKSA9PiB7XG4gICAgICAgIGNvbnN0IFtpbWFnZSwgc2V0SW1hZ2VdID0gdXNlU3RhdGU8c3RyaW5nPigpXG4gICAgICAgIGNvbnN0IFtlbCwgc2V0RWxdID0gdXNlU3RhdGU8SFRNTEVsZW1lbnQgfCBudWxsPihudWxsKVxuICAgICAgICBjb25zdCB7IGVudHJ5LCB1bm9ic2VydmUgfSA9IHVzZUludGVyc2VjdGlvbk9ic2VydmVyKFxuICAgICAgICAgICAgZWwsXG4gICAgICAgICAgICB1c2VNZW1vKCgpID0+ICh7IHRocmVzaG9sZDogMC4xIH0pLCBbXSlcbiAgICAgICAgKVxuICAgICAgICBjb25zdCBsb2FkZWQgPSB1c2VNZW1vKCgpID0+ICEhaW1hZ2UsIFtpbWFnZV0pXG5cbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIHNldEltYWdlKHVuZGVmaW5lZClcbiAgICAgICAgfSwgW3NyY10pXG5cbiAgICAgICAgY29uc3QgW2NvbXByZXNzZWRJbWFnZSwgY29tcHJlc3NdID0gdXNlQ29tcHJlc3NJbWFnZSgpXG5cbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGlmIChjb21wcmVzc2VkSW1hZ2UpIHtcbiAgICAgICAgICAgICAgICBzZXRJbWFnZShjb21wcmVzc2VkSW1hZ2UpXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sIFtjb21wcmVzc2VkSW1hZ2VdKVxuXG4gICAgICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAobm9jb21wcmVzcyAmJiB0eXBlb2Ygc3JjID09PSBcInN0cmluZ1wiKSB7XG4gICAgICAgICAgICAgICAgc2V0SW1hZ2Uoc3JjKVxuICAgICAgICAgICAgICAgIHJldHVyblxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgIShhc3luYyAoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFsb2FkZWQgJiYgZW50cnk/LmlzSW50ZXJzZWN0aW5nICYmIHNyYyAmJiBlbCkge1xuICAgICAgICAgICAgICAgICAgICB1bm9ic2VydmUoKVxuICAgICAgICAgICAgICAgICAgICBjb21wcmVzcyh7XG4gICAgICAgICAgICAgICAgICAgICAgICBuYW1lOiBhbHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBzcmM6IHNyYyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiBjb21wcmVzc1dpZHRoIHx8IGVsLmNsaWVudFdpZHRoLFxuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBjb21wcmVzc0hlaWdodCB8fCBlbC5jbGllbnRIZWlnaHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBxdWFsaXR5XG4gICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSkoKVxuICAgICAgICB9LCBbYWx0LCBjb21wcmVzcywgY29tcHJlc3NIZWlnaHQsIGNvbXByZXNzV2lkdGgsIGVsLCBlbnRyeSwgbG9hZGVkLCBub2NvbXByZXNzLCBxdWFsaXR5LCBzcmMsIHVub2JzZXJ2ZV0pXG5cbiAgICAgICAgY29uc3QgaGFuZGxlUmVmID0gdXNlQ2FsbGJhY2soKG5vZGU6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgICAgICAgICBzZXRFbChub2RlKVxuICAgICAgICB9LCBbXSlcblxuICAgICAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICAgICAgICByZXR1cm4gc3JjID8gKFxuICAgICAgICAgICAgbG9hZGVkID8gKFxuICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgc3JjPXtpbWFnZX1cbiAgICAgICAgICAgICAgICAgICAgZGVjb2Rpbmc9XCJhc3luY1wiXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcbiAgICAgICAgICAgICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgICR7Y3NzKHRoZW1lLnR5cG9ncmFwaHkuYm9keSl9XG4gICAgICAgICAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogaW5oZXJpdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgICAgICAgICAgICAgICAgb2JqZWN0LWZpdDogJHtjb250YWluZWQgPyBcImNvbnRhaW5cIiA6IFwiY292ZXJcIn07XG4gICAgICAgICAgICAgICAgICAgICAgICAke2Z1bGxXaWR0aCAmJlxuICAgICAgICAgICAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgcmVmPXtoYW5kbGVSZWZ9XG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJHt3aWR0aH07XG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogd2FpdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlZWU7XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsICNlZWUsICNmNWY1ZjUsICNlZWUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogMjAwcHggMTAwJTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtza2VsZXRvbktleWZyYW1lc30gMS4ycyBlYXNlLWluLW91dCBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICR7ZnVsbFdpZHRoICYmXG4gICAgICAgICAgICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIClcbiAgICAgICAgKSA6IG51bGxcbiAgICB9XG4pXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+const Thumbnail = /*#__PURE__*/_react2.default.forwardRef(({
+  src,
+  quality = 1,
+  fullWidth,
+  nocompress,
+  compressWidth,
+  compressHeight,
+  contained = false,
+  width,
+  height,
+  alt = "lorem ipsum",
+  ...props
+}, ref) => {
+  const [image, setImage] = (0, _react2.useState)();
+  const [el, setEl] = (0, _react2.useState)(null);
+  const {
+    entry,
+    unobserve
+  } = (0, _useIntersectionObserver.useIntersectionObserver)(el, (0, _react2.useMemo)(() => ({
+    threshold: 0.1
+  }), []));
+  const loaded = (0, _react2.useMemo)(() => !!image, [image]);
+  (0, _react2.useEffect)(() => {
+    setImage(undefined);
+  }, [src]);
+  const [compressedImage, compress] = useCompressImage();
+  (0, _react2.useEffect)(() => {
+    if (compressedImage) {
+      setImage(compressedImage);
+    }
+  }, [compressedImage]);
+  (0, _react2.useEffect)(() => {
+    if (nocompress && typeof src === "string") {
+      setImage(src);
+      return;
+    }
+
+    !(async () => {
+      if (!loaded && entry !== null && entry !== void 0 && entry.isIntersecting && src && el) {
+        unobserve();
+        compress({
+          name: alt,
+          src: src,
+          width: compressWidth || el.clientWidth,
+          height: compressHeight || el.clientHeight,
+          quality
+        });
+      }
+    })();
+  }, [alt, compress, compressHeight, compressWidth, el, entry, loaded, nocompress, quality, src, unobserve]);
+  const handleRef = (0, _react2.useCallback)(node => {
+    setEl(node);
+  }, []);
+  const theme = (0, _theme.useTheme)();
+  return src ? loaded ? (0, _react.jsx)("img", _extends({
+    src: image,
+    decoding: "async",
+    loading: "lazy",
+    alt: alt,
+    width: width,
+    height: height,
+    ref: ref,
+    css: /*#__PURE__*/(0, _react.css)( /*#__PURE__*/(0, _react.css)(theme.typography.body, process.env.NODE_ENV === "production" ? "" : ";label:Thumbnail;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9NMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VJbnRlcnNlY3Rpb25PYnNlcnZlciB9IGZyb20gXCIuL3VzZUludGVyc2VjdGlvbk9ic2VydmVyXCJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiXG5cbmV4cG9ydCBpbnRlcmZhY2UgVGh1bWJuYWlsUHJvcHMgZXh0ZW5kcyBPbWl0PFJlYWN0LkltZ0hUTUxBdHRyaWJ1dGVzPEhUTUxJbWFnZUVsZW1lbnQ+LCBcInNyY1wiPiB7XG4gICAgLyoqXG4gICAgICog55S75YOP44Gu44K944O844K544KS5oyH5a6a44GX44G+44GZ44CCRmlsZeWei+OCguioseWuueOBl+OBpuOBhOOBvuOBmeOAglxuICAgICAqL1xuICAgIHNyYz86IHN0cmluZyB8IEZpbGVcbiAgICAvKipcbiAgICAgKiDnlLvlg4/jga7lk4Hos6rjgpIw44GL44KJMeOBruWApOOBp+ioreWumuOBl+OBvuOBmeOAglxuICAgICAqIEBkZWZhdWx0IDFcbiAgICAgKi9cbiAgICBxdWFsaXR5PzogbnVtYmVyXG4gICAgLyoqXG4gICAgICog5bmF44KSMTAwJeOBq+OBl+OBvuOBmeOAglxuICAgICAqXG4gICAgICogQGRlZmF1bHQgZmFsc2VcbiAgICAgKi9cbiAgICBmdWxsV2lkdGg/OiBib29sZWFuXG4gICAgY2hpbGRyZW4/OiBuZXZlclxuICAgIC8qKlxuICAgICAqIOeUu+WDj+Wcp+e4ruOCkuOBmeOCi+OBi+OBqeOBhuOBi+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqIOODpuODvOOCtuODvOOBrueSsOWig+OBjOiJr+OBhOOBvuOBn+OBr+S4juOBiOOCieOCjOOCi+eUu+WDj+OCteOCpOOCuuOBjOWFg+OAheacgOmBqeOBquWgtOWQiOOBr+OAgVxuICAgICAqIG5vY29tcHJlc3PjgpLmjIflrprjgZfjgZ/mlrnjgYxIVE1M44OR44O844K555u05b6M44GL44KJ44OQ44OD44Kv44Kw44Op44Km44Oz44OJ44OX44Ot44K744K544Gn5Yem55CG44GM6LWw44KL44Gf44KB6auY6YCf44Gn44GZ44CCXG4gICAgICog6KaB57Sg44Gu44K144Kk44K644Go55S75YOP44K144Kk44K644GM44G744G85ZCM44GY5aC05ZCI44Gv6Ieq5YuV44Gn6Z2e5Zyn57iu44Gr44GZ44KL5LuV5qeY44KS6ICD44GI44Gm44GE44G+44GZ44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIG5vY29tcHJlc3M/OiBib29sZWFuXG4gICAgLyoqXG4gICAgICog5Zyn57iu44GZ44KL6Zqb44Gu5bmF44Gu5pyA5L2O5YCk44KS5oyH5a6a44GX44G+44GZ44CCd2lkdGjlsZ7mgKfjgoRjc3PjgavjgojjgovmjIflrprjgojjgorjgoLlhKrlhYjjgZXjgozjgb7jgZnjgIJcbiAgICAgKi9cbiAgICBjb21wcmVzc1dpZHRoPzogbnVtYmVyXG4gICAgLyoqXG4gICAgICog5Zyn57iu44GZ44KL6Zqb44Gu6auY44GV44Gu5pyA5L2O5YCk44KS5oyH5a6a44GX44G+44GZ44CCaGVpZ2h05bGe5oCn44KEY3Nz44Gr44KI44KL5oyH5a6a44KI44KK44KC5YSq5YWI44GV44KM44G+44GZ44CCXG4gICAgICovXG4gICAgY29tcHJlc3NIZWlnaHQ/OiBudW1iZXJcbiAgICAvKipcbiAgICAgKiDjg4fjg5Xjgqnjg6vjg4jjga7ooajnpLrjga9vYmplY3QtZml0OiBjb3ZlcuOBp+OBmeOAgmNvbnRhaW5lZOOCkuaMh+WumuOBmeOCi+OBk+OBqOOBp29iamVjdC1maXQ6IGNvbnRhaW7jgavjgZnjgovjgZPjgajjgYzjgafjgY3jgb7jgZnjgIJcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIGNvbnRhaW5lZD86IGJvb2xlYW5cbn1cblxuY29uc3Qgc2tlbGV0b25LZXlmcmFtZXMgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMjAwcHggMDtcbiAgfVxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjYWxjKDIwMHB4ICsgMTAwJSkgMDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdXNlQ29tcHJlc3NJbWFnZSA9ICgpID0+IHtcbiAgICBjb25zdCBbaW1hZ2UsIHNldEltYWdlXSA9IHVzZVN0YXRlPHN0cmluZz4oKVxuXG4gICAgY29uc3QgY29tcHJlc3MgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHtcbiAgICAgICAgICAgIHNyYyxcbiAgICAgICAgICAgIG5hbWUgPSBcIm5vbmFtZVwiLFxuICAgICAgICAgICAgd2lkdGgsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICBxdWFsaXR5ID0gMVxuICAgICAgICB9OiB7XG4gICAgICAgICAgICBzcmM6IHN0cmluZyB8IEZpbGVcbiAgICAgICAgICAgIG5hbWU/OiBzdHJpbmdcbiAgICAgICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgICAgICBxdWFsaXR5PzogbnVtYmVyXG4gICAgICAgIH0pID0+IHtcbiAgICAgICAgICAgICEoYXN5bmMgKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKClcbiAgICAgICAgICAgICAgICByZWFkZXIucmVhZEFzRGF0YVVSTCh0eXBlb2Ygc3JjID09PSBcInN0cmluZ1wiID8gYXdhaXQgKGF3YWl0IGZldGNoKHNyYykpLmJsb2IoKSA6IHNyYylcbiAgICAgICAgICAgICAgICByZWFkZXIub25sb2FkID0gKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGltZyA9IG5ldyBJbWFnZSgpXG4gICAgICAgICAgICAgICAgICAgIGltZy5zcmMgPSBldmVudC50YXJnZXQhLnJlc3VsdCBhcyBzdHJpbmdcbiAgICAgICAgICAgICAgICAgICAgaW1nLm9ubG9hZCA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGdldENhbnZhc1NpemUgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGV0IGNhbnZhc1dpZHRoID0gMCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2FudmFzSGVpZ2h0ID0gMFxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGltZy53aWR0aCA8IGltZy5oZWlnaHQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3Qgc2NhbGVGYWN0b3IgPSB3aWR0aCAvIGltZy53aWR0aFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCA9IHdpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhc0hlaWdodCA9IGltZy5oZWlnaHQgKiBzY2FsZUZhY3RvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IHNjYWxlRmFjdG9yID0gaGVpZ2h0IC8gaW1nLmhlaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCA9IGltZy53aWR0aCAqIHNjYWxlRmFjdG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhc0hlaWdodCA9IGhlaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2FudmFzSGVpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgY2FudmFzID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImNhbnZhc1wiKVxuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgeyBjYW52YXNXaWR0aCwgY2FudmFzSGVpZ2h0IH0gPSBnZXRDYW52YXNTaXplKClcbiAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhcy53aWR0aCA9IGNhbnZhc1dpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICBjYW52YXMuaGVpZ2h0ID0gY2FudmFzSGVpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBjdHggPSBjYW52YXMuZ2V0Q29udGV4dChcIjJkXCIpIVxuICAgICAgICAgICAgICAgICAgICAgICAgY3R4LmRyYXdJbWFnZShpbWcsIDAsIDAsIGNhbnZhc1dpZHRoLCBjYW52YXNIZWlnaHQpXG4gICAgICAgICAgICAgICAgICAgICAgICBjdHguY2FudmFzLnRvQmxvYihcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAoYmxvYikgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBmaWxlID0gbmV3IEZpbGUoW2Jsb2IhXSwgbmFtZSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogXCJpbWFnZS9qcGVnXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYXN0TW9kaWZpZWQ6IERhdGUubm93KClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0SW1hZ2UoVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFwiaW1hZ2UvanBlZ1wiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHF1YWxpdHlcbiAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pKClcbiAgICAgICAgfSxcbiAgICAgICAgW11cbiAgICApXG5cbiAgICByZXR1cm4gW2ltYWdlLCBjb21wcmVzc10gYXMgY29uc3Rcbn1cbmV4cG9ydCBjb25zdCBUaHVtYm5haWwgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbWFnZUVsZW1lbnQsIFJlYWRvbmx5PFRodW1ibmFpbFByb3BzPj4oXG4gICAgKFxuICAgICAgICB7XG4gICAgICAgICAgICBzcmMsXG4gICAgICAgICAgICBxdWFsaXR5ID0gMSxcbiAgICAgICAgICAgIGZ1bGxXaWR0aCxcbiAgICAgICAgICAgIG5vY29tcHJlc3MsXG4gICAgICAgICAgICBjb21wcmVzc1dpZHRoLFxuICAgICAgICAgICAgY29tcHJlc3NIZWlnaHQsXG4gICAgICAgICAgICBjb250YWluZWQgPSBmYWxzZSxcbiAgICAgICAgICAgIHdpZHRoLFxuICAgICAgICAgICAgaGVpZ2h0LFxuICAgICAgICAgICAgYWx0ID0gXCJsb3JlbSBpcHN1bVwiLFxuICAgICAgICAgICAgLi4ucHJvcHNcbiAgICAgICAgfSxcbiAgICAgICAgcmVmXG4gICAgKSA9PiB7XG4gICAgICAgIGNvbnN0IFtpbWFnZSwgc2V0SW1hZ2VdID0gdXNlU3RhdGU8c3RyaW5nPigpXG4gICAgICAgIGNvbnN0IFtlbCwgc2V0RWxdID0gdXNlU3RhdGU8SFRNTEVsZW1lbnQgfCBudWxsPihudWxsKVxuICAgICAgICBjb25zdCB7IGVudHJ5LCB1bm9ic2VydmUgfSA9IHVzZUludGVyc2VjdGlvbk9ic2VydmVyKFxuICAgICAgICAgICAgZWwsXG4gICAgICAgICAgICB1c2VNZW1vKCgpID0+ICh7IHRocmVzaG9sZDogMC4xIH0pLCBbXSlcbiAgICAgICAgKVxuICAgICAgICBjb25zdCBsb2FkZWQgPSB1c2VNZW1vKCgpID0+ICEhaW1hZ2UsIFtpbWFnZV0pXG5cbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIHNldEltYWdlKHVuZGVmaW5lZClcbiAgICAgICAgfSwgW3NyY10pXG5cbiAgICAgICAgY29uc3QgW2NvbXByZXNzZWRJbWFnZSwgY29tcHJlc3NdID0gdXNlQ29tcHJlc3NJbWFnZSgpXG5cbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGlmIChjb21wcmVzc2VkSW1hZ2UpIHtcbiAgICAgICAgICAgICAgICBzZXRJbWFnZShjb21wcmVzc2VkSW1hZ2UpXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sIFtjb21wcmVzc2VkSW1hZ2VdKVxuXG4gICAgICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAobm9jb21wcmVzcyAmJiB0eXBlb2Ygc3JjID09PSBcInN0cmluZ1wiKSB7XG4gICAgICAgICAgICAgICAgc2V0SW1hZ2Uoc3JjKVxuICAgICAgICAgICAgICAgIHJldHVyblxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgIShhc3luYyAoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFsb2FkZWQgJiYgZW50cnk/LmlzSW50ZXJzZWN0aW5nICYmIHNyYyAmJiBlbCkge1xuICAgICAgICAgICAgICAgICAgICB1bm9ic2VydmUoKVxuICAgICAgICAgICAgICAgICAgICBjb21wcmVzcyh7XG4gICAgICAgICAgICAgICAgICAgICAgICBuYW1lOiBhbHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBzcmM6IHNyYyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiBjb21wcmVzc1dpZHRoIHx8IGVsLmNsaWVudFdpZHRoLFxuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBjb21wcmVzc0hlaWdodCB8fCBlbC5jbGllbnRIZWlnaHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBxdWFsaXR5XG4gICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSkoKVxuICAgICAgICB9LCBbYWx0LCBjb21wcmVzcywgY29tcHJlc3NIZWlnaHQsIGNvbXByZXNzV2lkdGgsIGVsLCBlbnRyeSwgbG9hZGVkLCBub2NvbXByZXNzLCBxdWFsaXR5LCBzcmMsIHVub2JzZXJ2ZV0pXG5cbiAgICAgICAgY29uc3QgaGFuZGxlUmVmID0gdXNlQ2FsbGJhY2soKG5vZGU6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgICAgICAgICBzZXRFbChub2RlKVxuICAgICAgICB9LCBbXSlcblxuICAgICAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICAgICAgICByZXR1cm4gc3JjID8gKFxuICAgICAgICAgICAgbG9hZGVkID8gKFxuICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgc3JjPXtpbWFnZX1cbiAgICAgICAgICAgICAgICAgICAgZGVjb2Rpbmc9XCJhc3luY1wiXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcbiAgICAgICAgICAgICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgICR7Y3NzKHRoZW1lLnR5cG9ncmFwaHkuYm9keSl9XG4gICAgICAgICAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogaW5oZXJpdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgICAgICAgICAgICAgICAgb2JqZWN0LWZpdDogJHtjb250YWluZWQgPyBcImNvbnRhaW5cIiA6IFwiY292ZXJcIn07XG4gICAgICAgICAgICAgICAgICAgICAgICAke2Z1bGxXaWR0aCAmJlxuICAgICAgICAgICAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgcmVmPXtoYW5kbGVSZWZ9XG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJHt3aWR0aH07XG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogd2FpdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlZWU7XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsICNlZWUsICNmNWY1ZjUsICNlZWUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogMjAwcHggMTAwJTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtza2VsZXRvbktleWZyYW1lc30gMS4ycyBlYXNlLWluLW91dCBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICR7ZnVsbFdpZHRoICYmXG4gICAgICAgICAgICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIClcbiAgICAgICAgKSA6IG51bGxcbiAgICB9XG4pXG4iXX0= */"), " box-sizing:border-box;display:block;flex-shrink:0;cursor:inherit;user-select:none;border:none;object-fit:", contained ? "contain" : "cover", ";", fullWidth && _ref2, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Thumbnail;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1NNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VJbnRlcnNlY3Rpb25PYnNlcnZlciB9IGZyb20gXCIuL3VzZUludGVyc2VjdGlvbk9ic2VydmVyXCJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiXG5cbmV4cG9ydCBpbnRlcmZhY2UgVGh1bWJuYWlsUHJvcHMgZXh0ZW5kcyBPbWl0PFJlYWN0LkltZ0hUTUxBdHRyaWJ1dGVzPEhUTUxJbWFnZUVsZW1lbnQ+LCBcInNyY1wiPiB7XG4gICAgLyoqXG4gICAgICog55S75YOP44Gu44K944O844K544KS5oyH5a6a44GX44G+44GZ44CCRmlsZeWei+OCguioseWuueOBl+OBpuOBhOOBvuOBmeOAglxuICAgICAqL1xuICAgIHNyYz86IHN0cmluZyB8IEZpbGVcbiAgICAvKipcbiAgICAgKiDnlLvlg4/jga7lk4Hos6rjgpIw44GL44KJMeOBruWApOOBp+ioreWumuOBl+OBvuOBmeOAglxuICAgICAqIEBkZWZhdWx0IDFcbiAgICAgKi9cbiAgICBxdWFsaXR5PzogbnVtYmVyXG4gICAgLyoqXG4gICAgICog5bmF44KSMTAwJeOBq+OBl+OBvuOBmeOAglxuICAgICAqXG4gICAgICogQGRlZmF1bHQgZmFsc2VcbiAgICAgKi9cbiAgICBmdWxsV2lkdGg/OiBib29sZWFuXG4gICAgY2hpbGRyZW4/OiBuZXZlclxuICAgIC8qKlxuICAgICAqIOeUu+WDj+Wcp+e4ruOCkuOBmeOCi+OBi+OBqeOBhuOBi+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqIOODpuODvOOCtuODvOOBrueSsOWig+OBjOiJr+OBhOOBvuOBn+OBr+S4juOBiOOCieOCjOOCi+eUu+WDj+OCteOCpOOCuuOBjOWFg+OAheacgOmBqeOBquWgtOWQiOOBr+OAgVxuICAgICAqIG5vY29tcHJlc3PjgpLmjIflrprjgZfjgZ/mlrnjgYxIVE1M44OR44O844K555u05b6M44GL44KJ44OQ44OD44Kv44Kw44Op44Km44Oz44OJ44OX44Ot44K744K544Gn5Yem55CG44GM6LWw44KL44Gf44KB6auY6YCf44Gn44GZ44CCXG4gICAgICog6KaB57Sg44Gu44K144Kk44K644Go55S75YOP44K144Kk44K644GM44G744G85ZCM44GY5aC05ZCI44Gv6Ieq5YuV44Gn6Z2e5Zyn57iu44Gr44GZ44KL5LuV5qeY44KS6ICD44GI44Gm44GE44G+44GZ44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIG5vY29tcHJlc3M/OiBib29sZWFuXG4gICAgLyoqXG4gICAgICog5Zyn57iu44GZ44KL6Zqb44Gu5bmF44Gu5pyA5L2O5YCk44KS5oyH5a6a44GX44G+44GZ44CCd2lkdGjlsZ7mgKfjgoRjc3PjgavjgojjgovmjIflrprjgojjgorjgoLlhKrlhYjjgZXjgozjgb7jgZnjgIJcbiAgICAgKi9cbiAgICBjb21wcmVzc1dpZHRoPzogbnVtYmVyXG4gICAgLyoqXG4gICAgICog5Zyn57iu44GZ44KL6Zqb44Gu6auY44GV44Gu5pyA5L2O5YCk44KS5oyH5a6a44GX44G+44GZ44CCaGVpZ2h05bGe5oCn44KEY3Nz44Gr44KI44KL5oyH5a6a44KI44KK44KC5YSq5YWI44GV44KM44G+44GZ44CCXG4gICAgICovXG4gICAgY29tcHJlc3NIZWlnaHQ/OiBudW1iZXJcbiAgICAvKipcbiAgICAgKiDjg4fjg5Xjgqnjg6vjg4jjga7ooajnpLrjga9vYmplY3QtZml0OiBjb3ZlcuOBp+OBmeOAgmNvbnRhaW5lZOOCkuaMh+WumuOBmeOCi+OBk+OBqOOBp29iamVjdC1maXQ6IGNvbnRhaW7jgavjgZnjgovjgZPjgajjgYzjgafjgY3jgb7jgZnjgIJcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIGNvbnRhaW5lZD86IGJvb2xlYW5cbn1cblxuY29uc3Qgc2tlbGV0b25LZXlmcmFtZXMgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMjAwcHggMDtcbiAgfVxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjYWxjKDIwMHB4ICsgMTAwJSkgMDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdXNlQ29tcHJlc3NJbWFnZSA9ICgpID0+IHtcbiAgICBjb25zdCBbaW1hZ2UsIHNldEltYWdlXSA9IHVzZVN0YXRlPHN0cmluZz4oKVxuXG4gICAgY29uc3QgY29tcHJlc3MgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHtcbiAgICAgICAgICAgIHNyYyxcbiAgICAgICAgICAgIG5hbWUgPSBcIm5vbmFtZVwiLFxuICAgICAgICAgICAgd2lkdGgsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICBxdWFsaXR5ID0gMVxuICAgICAgICB9OiB7XG4gICAgICAgICAgICBzcmM6IHN0cmluZyB8IEZpbGVcbiAgICAgICAgICAgIG5hbWU/OiBzdHJpbmdcbiAgICAgICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgICAgICBxdWFsaXR5PzogbnVtYmVyXG4gICAgICAgIH0pID0+IHtcbiAgICAgICAgICAgICEoYXN5bmMgKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKClcbiAgICAgICAgICAgICAgICByZWFkZXIucmVhZEFzRGF0YVVSTCh0eXBlb2Ygc3JjID09PSBcInN0cmluZ1wiID8gYXdhaXQgKGF3YWl0IGZldGNoKHNyYykpLmJsb2IoKSA6IHNyYylcbiAgICAgICAgICAgICAgICByZWFkZXIub25sb2FkID0gKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGltZyA9IG5ldyBJbWFnZSgpXG4gICAgICAgICAgICAgICAgICAgIGltZy5zcmMgPSBldmVudC50YXJnZXQhLnJlc3VsdCBhcyBzdHJpbmdcbiAgICAgICAgICAgICAgICAgICAgaW1nLm9ubG9hZCA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGdldENhbnZhc1NpemUgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGV0IGNhbnZhc1dpZHRoID0gMCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2FudmFzSGVpZ2h0ID0gMFxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGltZy53aWR0aCA8IGltZy5oZWlnaHQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3Qgc2NhbGVGYWN0b3IgPSB3aWR0aCAvIGltZy53aWR0aFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCA9IHdpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhc0hlaWdodCA9IGltZy5oZWlnaHQgKiBzY2FsZUZhY3RvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IHNjYWxlRmFjdG9yID0gaGVpZ2h0IC8gaW1nLmhlaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCA9IGltZy53aWR0aCAqIHNjYWxlRmFjdG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhc0hlaWdodCA9IGhlaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2FudmFzSGVpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgY2FudmFzID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImNhbnZhc1wiKVxuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgeyBjYW52YXNXaWR0aCwgY2FudmFzSGVpZ2h0IH0gPSBnZXRDYW52YXNTaXplKClcbiAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhcy53aWR0aCA9IGNhbnZhc1dpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICBjYW52YXMuaGVpZ2h0ID0gY2FudmFzSGVpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBjdHggPSBjYW52YXMuZ2V0Q29udGV4dChcIjJkXCIpIVxuICAgICAgICAgICAgICAgICAgICAgICAgY3R4LmRyYXdJbWFnZShpbWcsIDAsIDAsIGNhbnZhc1dpZHRoLCBjYW52YXNIZWlnaHQpXG4gICAgICAgICAgICAgICAgICAgICAgICBjdHguY2FudmFzLnRvQmxvYihcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAoYmxvYikgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBmaWxlID0gbmV3IEZpbGUoW2Jsb2IhXSwgbmFtZSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogXCJpbWFnZS9qcGVnXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYXN0TW9kaWZpZWQ6IERhdGUubm93KClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0SW1hZ2UoVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFwiaW1hZ2UvanBlZ1wiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHF1YWxpdHlcbiAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pKClcbiAgICAgICAgfSxcbiAgICAgICAgW11cbiAgICApXG5cbiAgICByZXR1cm4gW2ltYWdlLCBjb21wcmVzc10gYXMgY29uc3Rcbn1cbmV4cG9ydCBjb25zdCBUaHVtYm5haWwgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbWFnZUVsZW1lbnQsIFJlYWRvbmx5PFRodW1ibmFpbFByb3BzPj4oXG4gICAgKFxuICAgICAgICB7XG4gICAgICAgICAgICBzcmMsXG4gICAgICAgICAgICBxdWFsaXR5ID0gMSxcbiAgICAgICAgICAgIGZ1bGxXaWR0aCxcbiAgICAgICAgICAgIG5vY29tcHJlc3MsXG4gICAgICAgICAgICBjb21wcmVzc1dpZHRoLFxuICAgICAgICAgICAgY29tcHJlc3NIZWlnaHQsXG4gICAgICAgICAgICBjb250YWluZWQgPSBmYWxzZSxcbiAgICAgICAgICAgIHdpZHRoLFxuICAgICAgICAgICAgaGVpZ2h0LFxuICAgICAgICAgICAgYWx0ID0gXCJsb3JlbSBpcHN1bVwiLFxuICAgICAgICAgICAgLi4ucHJvcHNcbiAgICAgICAgfSxcbiAgICAgICAgcmVmXG4gICAgKSA9PiB7XG4gICAgICAgIGNvbnN0IFtpbWFnZSwgc2V0SW1hZ2VdID0gdXNlU3RhdGU8c3RyaW5nPigpXG4gICAgICAgIGNvbnN0IFtlbCwgc2V0RWxdID0gdXNlU3RhdGU8SFRNTEVsZW1lbnQgfCBudWxsPihudWxsKVxuICAgICAgICBjb25zdCB7IGVudHJ5LCB1bm9ic2VydmUgfSA9IHVzZUludGVyc2VjdGlvbk9ic2VydmVyKFxuICAgICAgICAgICAgZWwsXG4gICAgICAgICAgICB1c2VNZW1vKCgpID0+ICh7IHRocmVzaG9sZDogMC4xIH0pLCBbXSlcbiAgICAgICAgKVxuICAgICAgICBjb25zdCBsb2FkZWQgPSB1c2VNZW1vKCgpID0+ICEhaW1hZ2UsIFtpbWFnZV0pXG5cbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIHNldEltYWdlKHVuZGVmaW5lZClcbiAgICAgICAgfSwgW3NyY10pXG5cbiAgICAgICAgY29uc3QgW2NvbXByZXNzZWRJbWFnZSwgY29tcHJlc3NdID0gdXNlQ29tcHJlc3NJbWFnZSgpXG5cbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGlmIChjb21wcmVzc2VkSW1hZ2UpIHtcbiAgICAgICAgICAgICAgICBzZXRJbWFnZShjb21wcmVzc2VkSW1hZ2UpXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sIFtjb21wcmVzc2VkSW1hZ2VdKVxuXG4gICAgICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAobm9jb21wcmVzcyAmJiB0eXBlb2Ygc3JjID09PSBcInN0cmluZ1wiKSB7XG4gICAgICAgICAgICAgICAgc2V0SW1hZ2Uoc3JjKVxuICAgICAgICAgICAgICAgIHJldHVyblxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgIShhc3luYyAoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFsb2FkZWQgJiYgZW50cnk/LmlzSW50ZXJzZWN0aW5nICYmIHNyYyAmJiBlbCkge1xuICAgICAgICAgICAgICAgICAgICB1bm9ic2VydmUoKVxuICAgICAgICAgICAgICAgICAgICBjb21wcmVzcyh7XG4gICAgICAgICAgICAgICAgICAgICAgICBuYW1lOiBhbHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBzcmM6IHNyYyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiBjb21wcmVzc1dpZHRoIHx8IGVsLmNsaWVudFdpZHRoLFxuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBjb21wcmVzc0hlaWdodCB8fCBlbC5jbGllbnRIZWlnaHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBxdWFsaXR5XG4gICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSkoKVxuICAgICAgICB9LCBbYWx0LCBjb21wcmVzcywgY29tcHJlc3NIZWlnaHQsIGNvbXByZXNzV2lkdGgsIGVsLCBlbnRyeSwgbG9hZGVkLCBub2NvbXByZXNzLCBxdWFsaXR5LCBzcmMsIHVub2JzZXJ2ZV0pXG5cbiAgICAgICAgY29uc3QgaGFuZGxlUmVmID0gdXNlQ2FsbGJhY2soKG5vZGU6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgICAgICAgICBzZXRFbChub2RlKVxuICAgICAgICB9LCBbXSlcblxuICAgICAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICAgICAgICByZXR1cm4gc3JjID8gKFxuICAgICAgICAgICAgbG9hZGVkID8gKFxuICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgc3JjPXtpbWFnZX1cbiAgICAgICAgICAgICAgICAgICAgZGVjb2Rpbmc9XCJhc3luY1wiXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcbiAgICAgICAgICAgICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgICR7Y3NzKHRoZW1lLnR5cG9ncmFwaHkuYm9keSl9XG4gICAgICAgICAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogaW5oZXJpdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgICAgICAgICAgICAgICAgb2JqZWN0LWZpdDogJHtjb250YWluZWQgPyBcImNvbnRhaW5cIiA6IFwiY292ZXJcIn07XG4gICAgICAgICAgICAgICAgICAgICAgICAke2Z1bGxXaWR0aCAmJlxuICAgICAgICAgICAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgcmVmPXtoYW5kbGVSZWZ9XG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJHt3aWR0aH07XG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogd2FpdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlZWU7XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsICNlZWUsICNmNWY1ZjUsICNlZWUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogMjAwcHggMTAwJTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtza2VsZXRvbktleWZyYW1lc30gMS4ycyBlYXNlLWluLW91dCBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICR7ZnVsbFdpZHRoICYmXG4gICAgICAgICAgICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIClcbiAgICAgICAgKSA6IG51bGxcbiAgICB9XG4pXG4iXX0= */")
+  }, props)) : (0, _react.jsx)("div", _extends({
+    ref: handleRef,
+    css: /*#__PURE__*/(0, _react.css)("box-sizing:border-box;display:block;flex-shrink:0;width:", width, ";height:", height, ";cursor:wait;background-color:#eee;background-image:linear-gradient(90deg, #eee, #f5f5f5, #eee);background-repeat:no-repeat;background-size:200px 100%;border:none;animation:", skeletonKeyframes, " 1.2s ease-in-out infinite;", fullWidth && _ref, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Thumbnail;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9UaHVtYm5haWwvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNONEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL1RodW1ibmFpbC9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiXG5pbXBvcnQgeyB1c2VJbnRlcnNlY3Rpb25PYnNlcnZlciB9IGZyb20gXCIuL3VzZUludGVyc2VjdGlvbk9ic2VydmVyXCJcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCJcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VNZW1vLCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiXG5cbmV4cG9ydCBpbnRlcmZhY2UgVGh1bWJuYWlsUHJvcHMgZXh0ZW5kcyBPbWl0PFJlYWN0LkltZ0hUTUxBdHRyaWJ1dGVzPEhUTUxJbWFnZUVsZW1lbnQ+LCBcInNyY1wiPiB7XG4gICAgLyoqXG4gICAgICog55S75YOP44Gu44K944O844K544KS5oyH5a6a44GX44G+44GZ44CCRmlsZeWei+OCguioseWuueOBl+OBpuOBhOOBvuOBmeOAglxuICAgICAqL1xuICAgIHNyYz86IHN0cmluZyB8IEZpbGVcbiAgICAvKipcbiAgICAgKiDnlLvlg4/jga7lk4Hos6rjgpIw44GL44KJMeOBruWApOOBp+ioreWumuOBl+OBvuOBmeOAglxuICAgICAqIEBkZWZhdWx0IDFcbiAgICAgKi9cbiAgICBxdWFsaXR5PzogbnVtYmVyXG4gICAgLyoqXG4gICAgICog5bmF44KSMTAwJeOBq+OBl+OBvuOBmeOAglxuICAgICAqXG4gICAgICogQGRlZmF1bHQgZmFsc2VcbiAgICAgKi9cbiAgICBmdWxsV2lkdGg/OiBib29sZWFuXG4gICAgY2hpbGRyZW4/OiBuZXZlclxuICAgIC8qKlxuICAgICAqIOeUu+WDj+Wcp+e4ruOCkuOBmeOCi+OBi+OBqeOBhuOBi+OCkuaMh+WumuOBl+OBvuOBmeOAglxuICAgICAqIOODpuODvOOCtuODvOOBrueSsOWig+OBjOiJr+OBhOOBvuOBn+OBr+S4juOBiOOCieOCjOOCi+eUu+WDj+OCteOCpOOCuuOBjOWFg+OAheacgOmBqeOBquWgtOWQiOOBr+OAgVxuICAgICAqIG5vY29tcHJlc3PjgpLmjIflrprjgZfjgZ/mlrnjgYxIVE1M44OR44O844K555u05b6M44GL44KJ44OQ44OD44Kv44Kw44Op44Km44Oz44OJ44OX44Ot44K744K544Gn5Yem55CG44GM6LWw44KL44Gf44KB6auY6YCf44Gn44GZ44CCXG4gICAgICog6KaB57Sg44Gu44K144Kk44K644Go55S75YOP44K144Kk44K644GM44G744G85ZCM44GY5aC05ZCI44Gv6Ieq5YuV44Gn6Z2e5Zyn57iu44Gr44GZ44KL5LuV5qeY44KS6ICD44GI44Gm44GE44G+44GZ44CCXG4gICAgICpcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIG5vY29tcHJlc3M/OiBib29sZWFuXG4gICAgLyoqXG4gICAgICog5Zyn57iu44GZ44KL6Zqb44Gu5bmF44Gu5pyA5L2O5YCk44KS5oyH5a6a44GX44G+44GZ44CCd2lkdGjlsZ7mgKfjgoRjc3PjgavjgojjgovmjIflrprjgojjgorjgoLlhKrlhYjjgZXjgozjgb7jgZnjgIJcbiAgICAgKi9cbiAgICBjb21wcmVzc1dpZHRoPzogbnVtYmVyXG4gICAgLyoqXG4gICAgICog5Zyn57iu44GZ44KL6Zqb44Gu6auY44GV44Gu5pyA5L2O5YCk44KS5oyH5a6a44GX44G+44GZ44CCaGVpZ2h05bGe5oCn44KEY3Nz44Gr44KI44KL5oyH5a6a44KI44KK44KC5YSq5YWI44GV44KM44G+44GZ44CCXG4gICAgICovXG4gICAgY29tcHJlc3NIZWlnaHQ/OiBudW1iZXJcbiAgICAvKipcbiAgICAgKiDjg4fjg5Xjgqnjg6vjg4jjga7ooajnpLrjga9vYmplY3QtZml0OiBjb3ZlcuOBp+OBmeOAgmNvbnRhaW5lZOOCkuaMh+WumuOBmeOCi+OBk+OBqOOBp29iamVjdC1maXQ6IGNvbnRhaW7jgavjgZnjgovjgZPjgajjgYzjgafjgY3jgb7jgZnjgIJcbiAgICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgICAqL1xuICAgIGNvbnRhaW5lZD86IGJvb2xlYW5cbn1cblxuY29uc3Qgc2tlbGV0b25LZXlmcmFtZXMgPSBrZXlmcmFtZXNgXG4gIDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiAtMjAwcHggMDtcbiAgfVxuICAxMDAlIHtcbiAgICBiYWNrZ3JvdW5kLXBvc2l0aW9uOiBjYWxjKDIwMHB4ICsgMTAwJSkgMDtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgdXNlQ29tcHJlc3NJbWFnZSA9ICgpID0+IHtcbiAgICBjb25zdCBbaW1hZ2UsIHNldEltYWdlXSA9IHVzZVN0YXRlPHN0cmluZz4oKVxuXG4gICAgY29uc3QgY29tcHJlc3MgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHtcbiAgICAgICAgICAgIHNyYyxcbiAgICAgICAgICAgIG5hbWUgPSBcIm5vbmFtZVwiLFxuICAgICAgICAgICAgd2lkdGgsXG4gICAgICAgICAgICBoZWlnaHQsXG4gICAgICAgICAgICBxdWFsaXR5ID0gMVxuICAgICAgICB9OiB7XG4gICAgICAgICAgICBzcmM6IHN0cmluZyB8IEZpbGVcbiAgICAgICAgICAgIG5hbWU/OiBzdHJpbmdcbiAgICAgICAgICAgIHdpZHRoOiBudW1iZXJcbiAgICAgICAgICAgIGhlaWdodDogbnVtYmVyXG4gICAgICAgICAgICBxdWFsaXR5PzogbnVtYmVyXG4gICAgICAgIH0pID0+IHtcbiAgICAgICAgICAgICEoYXN5bmMgKCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IHJlYWRlciA9IG5ldyBGaWxlUmVhZGVyKClcbiAgICAgICAgICAgICAgICByZWFkZXIucmVhZEFzRGF0YVVSTCh0eXBlb2Ygc3JjID09PSBcInN0cmluZ1wiID8gYXdhaXQgKGF3YWl0IGZldGNoKHNyYykpLmJsb2IoKSA6IHNyYylcbiAgICAgICAgICAgICAgICByZWFkZXIub25sb2FkID0gKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IGltZyA9IG5ldyBJbWFnZSgpXG4gICAgICAgICAgICAgICAgICAgIGltZy5zcmMgPSBldmVudC50YXJnZXQhLnJlc3VsdCBhcyBzdHJpbmdcbiAgICAgICAgICAgICAgICAgICAgaW1nLm9ubG9hZCA9ICgpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGdldENhbnZhc1NpemUgPSAoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGV0IGNhbnZhc1dpZHRoID0gMCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2FudmFzSGVpZ2h0ID0gMFxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWYgKGltZy53aWR0aCA8IGltZy5oZWlnaHQpIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY29uc3Qgc2NhbGVGYWN0b3IgPSB3aWR0aCAvIGltZy53aWR0aFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCA9IHdpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhc0hlaWdodCA9IGltZy5oZWlnaHQgKiBzY2FsZUZhY3RvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IHNjYWxlRmFjdG9yID0gaGVpZ2h0IC8gaW1nLmhlaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCA9IGltZy53aWR0aCAqIHNjYWxlRmFjdG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhc0hlaWdodCA9IGhlaWdodFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjYW52YXNXaWR0aCxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2FudmFzSGVpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgY2FudmFzID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudChcImNhbnZhc1wiKVxuICAgICAgICAgICAgICAgICAgICAgICAgY29uc3QgeyBjYW52YXNXaWR0aCwgY2FudmFzSGVpZ2h0IH0gPSBnZXRDYW52YXNTaXplKClcbiAgICAgICAgICAgICAgICAgICAgICAgIGNhbnZhcy53aWR0aCA9IGNhbnZhc1dpZHRoXG4gICAgICAgICAgICAgICAgICAgICAgICBjYW52YXMuaGVpZ2h0ID0gY2FudmFzSGVpZ2h0XG4gICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBjdHggPSBjYW52YXMuZ2V0Q29udGV4dChcIjJkXCIpIVxuICAgICAgICAgICAgICAgICAgICAgICAgY3R4LmRyYXdJbWFnZShpbWcsIDAsIDAsIGNhbnZhc1dpZHRoLCBjYW52YXNIZWlnaHQpXG4gICAgICAgICAgICAgICAgICAgICAgICBjdHguY2FudmFzLnRvQmxvYihcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAoYmxvYikgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBmaWxlID0gbmV3IEZpbGUoW2Jsb2IhXSwgbmFtZSwge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZTogXCJpbWFnZS9qcGVnXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYXN0TW9kaWZpZWQ6IERhdGUubm93KClcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0SW1hZ2UoVVJMLmNyZWF0ZU9iamVjdFVSTChmaWxlKSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFwiaW1hZ2UvanBlZ1wiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHF1YWxpdHlcbiAgICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0pKClcbiAgICAgICAgfSxcbiAgICAgICAgW11cbiAgICApXG5cbiAgICByZXR1cm4gW2ltYWdlLCBjb21wcmVzc10gYXMgY29uc3Rcbn1cbmV4cG9ydCBjb25zdCBUaHVtYm5haWwgPSBSZWFjdC5mb3J3YXJkUmVmPEhUTUxJbWFnZUVsZW1lbnQsIFJlYWRvbmx5PFRodW1ibmFpbFByb3BzPj4oXG4gICAgKFxuICAgICAgICB7XG4gICAgICAgICAgICBzcmMsXG4gICAgICAgICAgICBxdWFsaXR5ID0gMSxcbiAgICAgICAgICAgIGZ1bGxXaWR0aCxcbiAgICAgICAgICAgIG5vY29tcHJlc3MsXG4gICAgICAgICAgICBjb21wcmVzc1dpZHRoLFxuICAgICAgICAgICAgY29tcHJlc3NIZWlnaHQsXG4gICAgICAgICAgICBjb250YWluZWQgPSBmYWxzZSxcbiAgICAgICAgICAgIHdpZHRoLFxuICAgICAgICAgICAgaGVpZ2h0LFxuICAgICAgICAgICAgYWx0ID0gXCJsb3JlbSBpcHN1bVwiLFxuICAgICAgICAgICAgLi4ucHJvcHNcbiAgICAgICAgfSxcbiAgICAgICAgcmVmXG4gICAgKSA9PiB7XG4gICAgICAgIGNvbnN0IFtpbWFnZSwgc2V0SW1hZ2VdID0gdXNlU3RhdGU8c3RyaW5nPigpXG4gICAgICAgIGNvbnN0IFtlbCwgc2V0RWxdID0gdXNlU3RhdGU8SFRNTEVsZW1lbnQgfCBudWxsPihudWxsKVxuICAgICAgICBjb25zdCB7IGVudHJ5LCB1bm9ic2VydmUgfSA9IHVzZUludGVyc2VjdGlvbk9ic2VydmVyKFxuICAgICAgICAgICAgZWwsXG4gICAgICAgICAgICB1c2VNZW1vKCgpID0+ICh7IHRocmVzaG9sZDogMC4xIH0pLCBbXSlcbiAgICAgICAgKVxuICAgICAgICBjb25zdCBsb2FkZWQgPSB1c2VNZW1vKCgpID0+ICEhaW1hZ2UsIFtpbWFnZV0pXG5cbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIHNldEltYWdlKHVuZGVmaW5lZClcbiAgICAgICAgfSwgW3NyY10pXG5cbiAgICAgICAgY29uc3QgW2NvbXByZXNzZWRJbWFnZSwgY29tcHJlc3NdID0gdXNlQ29tcHJlc3NJbWFnZSgpXG5cbiAgICAgICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgICAgIGlmIChjb21wcmVzc2VkSW1hZ2UpIHtcbiAgICAgICAgICAgICAgICBzZXRJbWFnZShjb21wcmVzc2VkSW1hZ2UpXG4gICAgICAgICAgICB9XG4gICAgICAgIH0sIFtjb21wcmVzc2VkSW1hZ2VdKVxuXG4gICAgICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAobm9jb21wcmVzcyAmJiB0eXBlb2Ygc3JjID09PSBcInN0cmluZ1wiKSB7XG4gICAgICAgICAgICAgICAgc2V0SW1hZ2Uoc3JjKVxuICAgICAgICAgICAgICAgIHJldHVyblxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgIShhc3luYyAoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFsb2FkZWQgJiYgZW50cnk/LmlzSW50ZXJzZWN0aW5nICYmIHNyYyAmJiBlbCkge1xuICAgICAgICAgICAgICAgICAgICB1bm9ic2VydmUoKVxuICAgICAgICAgICAgICAgICAgICBjb21wcmVzcyh7XG4gICAgICAgICAgICAgICAgICAgICAgICBuYW1lOiBhbHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBzcmM6IHNyYyxcbiAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiBjb21wcmVzc1dpZHRoIHx8IGVsLmNsaWVudFdpZHRoLFxuICAgICAgICAgICAgICAgICAgICAgICAgaGVpZ2h0OiBjb21wcmVzc0hlaWdodCB8fCBlbC5jbGllbnRIZWlnaHQsXG4gICAgICAgICAgICAgICAgICAgICAgICBxdWFsaXR5XG4gICAgICAgICAgICAgICAgICAgIH0pXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSkoKVxuICAgICAgICB9LCBbYWx0LCBjb21wcmVzcywgY29tcHJlc3NIZWlnaHQsIGNvbXByZXNzV2lkdGgsIGVsLCBlbnRyeSwgbG9hZGVkLCBub2NvbXByZXNzLCBxdWFsaXR5LCBzcmMsIHVub2JzZXJ2ZV0pXG5cbiAgICAgICAgY29uc3QgaGFuZGxlUmVmID0gdXNlQ2FsbGJhY2soKG5vZGU6IEhUTUxEaXZFbGVtZW50KSA9PiB7XG4gICAgICAgICAgICBzZXRFbChub2RlKVxuICAgICAgICB9LCBbXSlcblxuICAgICAgICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKClcblxuICAgICAgICByZXR1cm4gc3JjID8gKFxuICAgICAgICAgICAgbG9hZGVkID8gKFxuICAgICAgICAgICAgICAgIDxpbWdcbiAgICAgICAgICAgICAgICAgICAgc3JjPXtpbWFnZX1cbiAgICAgICAgICAgICAgICAgICAgZGVjb2Rpbmc9XCJhc3luY1wiXG4gICAgICAgICAgICAgICAgICAgIGxvYWRpbmc9XCJsYXp5XCJcbiAgICAgICAgICAgICAgICAgICAgYWx0PXthbHR9XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoPXt3aWR0aH1cbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PXtoZWlnaHR9XG4gICAgICAgICAgICAgICAgICAgIHJlZj17cmVmfVxuICAgICAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgICAgICAgICR7Y3NzKHRoZW1lLnR5cG9ncmFwaHkuYm9keSl9XG4gICAgICAgICAgICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICAgICAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgICAgICAgICBmbGV4LXNocmluazogMDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogaW5oZXJpdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIHVzZXItc2VsZWN0OiBub25lO1xuICAgICAgICAgICAgICAgICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgICAgICAgICAgICAgICAgb2JqZWN0LWZpdDogJHtjb250YWluZWQgPyBcImNvbnRhaW5cIiA6IFwiY292ZXJcIn07XG4gICAgICAgICAgICAgICAgICAgICAgICAke2Z1bGxXaWR0aCAmJlxuICAgICAgICAgICAgICAgICAgICAgICAgY3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgICAgICAgICAgey4uLnByb3BzfVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgcmVmPXtoYW5kbGVSZWZ9XG4gICAgICAgICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgICAgICAgICAgZmxleC1zaHJpbms6IDA7XG4gICAgICAgICAgICAgICAgICAgICAgICB3aWR0aDogJHt3aWR0aH07XG4gICAgICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICR7aGVpZ2h0fTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGN1cnNvcjogd2FpdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICNlZWU7XG4gICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsICNlZWUsICNmNWY1ZjUsICNlZWUpO1xuICAgICAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZC1yZXBlYXQ6IG5vLXJlcGVhdDtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtc2l6ZTogMjAwcHggMTAwJTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtza2VsZXRvbktleWZyYW1lc30gMS4ycyBlYXNlLWluLW91dCBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgICR7ZnVsbFdpZHRoICYmXG4gICAgICAgICAgICAgICAgICAgICAgICBjc3NgXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIClcbiAgICAgICAgKSA6IG51bGxcbiAgICB9XG4pXG4iXX0= */")
+  }, props)) : null;
+});
+
+exports.Thumbnail = Thumbnail;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Thumbnail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Thumbnail/index.tsx"],"names":["skeletonKeyframes","useCompressImage","image","setImage","compress","src","name","width","height","quality","reader","FileReader","readAsDataURL","fetch","blob","onload","event","img","Image","target","result","getCanvasSize","canvasWidth","canvasHeight","scaleFactor","canvas","document","createElement","ctx","getContext","drawImage","toBlob","file","File","type","lastModified","Date","now","URL","createObjectURL","Thumbnail","React","forwardRef","fullWidth","nocompress","compressWidth","compressHeight","contained","alt","props","ref","el","setEl","entry","unobserve","threshold","loaded","undefined","compressedImage","isIntersecting","clientWidth","clientHeight","handleRef","node","theme","css","typography","body"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;AA2CA,MAAMA,iBAAiB,GAAG,qBAAU;AACpC;AACA;AACA;AACA;AACA;AACA;AACA,CAPA;;AASO,MAAMC,gBAAgB,GAAG,MAAM;AAClC,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,uBAA1B;AAEA,QAAMC,QAAQ,GAAG,yBACb,CAAC;AACGC,IAAAA,GADH;AAEGC,IAAAA,IAAI,GAAG,QAFV;AAGGC,IAAAA,KAHH;AAIGC,IAAAA,MAJH;AAKGC,IAAAA,OAAO,GAAG;AALb,GAAD,KAYM;AACF,KAAC,CAAC,YAAY;AACV,YAAMC,MAAM,GAAG,IAAIC,UAAJ,EAAf;AACAD,MAAAA,MAAM,CAACE,aAAP,CAAqB,OAAOP,GAAP,KAAe,QAAf,GAA0B,MAAM,CAAC,MAAMQ,KAAK,CAACR,GAAD,CAAZ,EAAmBS,IAAnB,EAAhC,GAA4DT,GAAjF;;AACAK,MAAAA,MAAM,CAACK,MAAP,GAAiBC,KAAD,IAAW;AACvB,cAAMC,GAAG,GAAG,IAAIC,KAAJ,EAAZ;AACAD,QAAAA,GAAG,CAACZ,GAAJ,GAAUW,KAAK,CAACG,MAAN,CAAcC,MAAxB;;AACAH,QAAAA,GAAG,CAACF,MAAJ,GAAa,MAAM;AACf,gBAAMM,aAAa,GAAG,MAAM;AACxB,gBAAIC,WAAW,GAAG,CAAlB;AAAA,gBACIC,YAAY,GAAG,CADnB;;AAGA,gBAAIN,GAAG,CAACV,KAAJ,GAAYU,GAAG,CAACT,MAApB,EAA4B;AACxB,oBAAMgB,WAAW,GAAGjB,KAAK,GAAGU,GAAG,CAACV,KAAhC;AACAe,cAAAA,WAAW,GAAGf,KAAd;AACAgB,cAAAA,YAAY,GAAGN,GAAG,CAACT,MAAJ,GAAagB,WAA5B;AACH,aAJD,MAIO;AACH,oBAAMA,WAAW,GAAGhB,MAAM,GAAGS,GAAG,CAACT,MAAjC;AACAc,cAAAA,WAAW,GAAGL,GAAG,CAACV,KAAJ,GAAYiB,WAA1B;AACAD,cAAAA,YAAY,GAAGf,MAAf;AACH;;AACD,mBAAO;AACHc,cAAAA,WADG;AAEHC,cAAAA;AAFG,aAAP;AAIH,WAjBD;;AAkBA,gBAAME,MAAM,GAAGC,QAAQ,CAACC,aAAT,CAAuB,QAAvB,CAAf;AACA,gBAAM;AAAEL,YAAAA,WAAF;AAAeC,YAAAA;AAAf,cAAgCF,aAAa,EAAnD;AACAI,UAAAA,MAAM,CAAClB,KAAP,GAAee,WAAf;AACAG,UAAAA,MAAM,CAACjB,MAAP,GAAgBe,YAAhB;AACA,gBAAMK,GAAG,GAAGH,MAAM,CAACI,UAAP,CAAkB,IAAlB,CAAZ;AACAD,UAAAA,GAAG,CAACE,SAAJ,CAAcb,GAAd,EAAmB,CAAnB,EAAsB,CAAtB,EAAyBK,WAAzB,EAAsCC,YAAtC;AACAK,UAAAA,GAAG,CAACH,MAAJ,CAAWM,MAAX,CACKjB,IAAD,IAAU;AACN,kBAAMkB,IAAI,GAAG,IAAIC,IAAJ,CAAS,CAACnB,IAAD,CAAT,EAAkBR,IAAlB,EAAwB;AACjC4B,cAAAA,IAAI,EAAE,YAD2B;AAEjCC,cAAAA,YAAY,EAAEC,IAAI,CAACC,GAAL;AAFmB,aAAxB,CAAb;AAIAlC,YAAAA,QAAQ,CAACmC,GAAG,CAACC,eAAJ,CAAoBP,IAApB,CAAD,CAAR;AACH,WAPL,EAQI,YARJ,EASIvB,OATJ;AAWH,SApCD;AAqCH,OAxCD;AAyCH,KA5CA,GAAD;AA6CH,GA3DY,EA4Db,EA5Da,CAAjB;AA+DA,SAAO,CAACP,KAAD,EAAQE,QAAR,CAAP;AACH,CAnEM;;;;;;;;;;;;;;;;;;;;;;;;AAoEA,MAAMoC,SAAS,gBAAGC,gBAAMC,UAAN,CACrB,CACI;AACIrC,EAAAA,GADJ;AAEII,EAAAA,OAAO,GAAG,CAFd;AAGIkC,EAAAA,SAHJ;AAIIC,EAAAA,UAJJ;AAKIC,EAAAA,aALJ;AAMIC,EAAAA,cANJ;AAOIC,EAAAA,SAAS,GAAG,KAPhB;AAQIxC,EAAAA,KARJ;AASIC,EAAAA,MATJ;AAUIwC,EAAAA,GAAG,GAAG,aAVV;AAWI,KAAGC;AAXP,CADJ,EAcIC,GAdJ,KAeK;AACD,QAAM,CAAChD,KAAD,EAAQC,QAAR,IAAoB,uBAA1B;AACA,QAAM,CAACgD,EAAD,EAAKC,KAAL,IAAc,sBAA6B,IAA7B,CAApB;AACA,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAuB,sDACzBH,EADyB,EAEzB,qBAAQ,OAAO;AAAEI,IAAAA,SAAS,EAAE;AAAb,GAAP,CAAR,EAAoC,EAApC,CAFyB,CAA7B;AAIA,QAAMC,MAAM,GAAG,qBAAQ,MAAM,CAAC,CAACtD,KAAhB,EAAuB,CAACA,KAAD,CAAvB,CAAf;AAEA,yBAAU,MAAM;AACZC,IAAAA,QAAQ,CAACsD,SAAD,CAAR;AACH,GAFD,EAEG,CAACpD,GAAD,CAFH;AAIA,QAAM,CAACqD,eAAD,EAAkBtD,QAAlB,IAA8BH,gBAAgB,EAApD;AAEA,yBAAU,MAAM;AACZ,QAAIyD,eAAJ,EAAqB;AACjBvD,MAAAA,QAAQ,CAACuD,eAAD,CAAR;AACH;AACJ,GAJD,EAIG,CAACA,eAAD,CAJH;AAMA,yBAAU,MAAM;AACZ,QAAId,UAAU,IAAI,OAAOvC,GAAP,KAAe,QAAjC,EAA2C;AACvCF,MAAAA,QAAQ,CAACE,GAAD,CAAR;AACA;AACH;;AACD,KAAC,CAAC,YAAY;AACV,UAAI,CAACmD,MAAD,IAAWH,KAAX,aAAWA,KAAX,eAAWA,KAAK,CAAEM,cAAlB,IAAoCtD,GAApC,IAA2C8C,EAA/C,EAAmD;AAC/CG,QAAAA,SAAS;AACTlD,QAAAA,QAAQ,CAAC;AACLE,UAAAA,IAAI,EAAE0C,GADD;AAEL3C,UAAAA,GAAG,EAAEA,GAFA;AAGLE,UAAAA,KAAK,EAAEsC,aAAa,IAAIM,EAAE,CAACS,WAHtB;AAILpD,UAAAA,MAAM,EAAEsC,cAAc,IAAIK,EAAE,CAACU,YAJxB;AAKLpD,UAAAA;AALK,SAAD,CAAR;AAOH;AACJ,KAXA,GAAD;AAYH,GAjBD,EAiBG,CAACuC,GAAD,EAAM5C,QAAN,EAAgB0C,cAAhB,EAAgCD,aAAhC,EAA+CM,EAA/C,EAAmDE,KAAnD,EAA0DG,MAA1D,EAAkEZ,UAAlE,EAA8EnC,OAA9E,EAAuFJ,GAAvF,EAA4FiD,SAA5F,CAjBH;AAmBA,QAAMQ,SAAS,GAAG,yBAAaC,IAAD,IAA0B;AACpDX,IAAAA,KAAK,CAACW,IAAD,CAAL;AACH,GAFiB,EAEf,EAFe,CAAlB;AAIA,QAAMC,KAAK,GAAG,sBAAd;AAEA,SAAO3D,GAAG,GACNmD,MAAM,GACF;AACI,IAAA,GAAG,EAAEtD,KADT;AAEI,IAAA,QAAQ,EAAC,OAFb;AAGI,IAAA,OAAO,EAAC,MAHZ;AAII,IAAA,GAAG,EAAE8C,GAJT;AAKI,IAAA,KAAK,EAAEzC,KALX;AAMI,IAAA,MAAM,EAAEC,MANZ;AAOI,IAAA,GAAG,EAAE0C,GAPT;AAQI,IAAA,GAAG,mBAAEe,UAAF,gBACG,gBAAID,KAAK,CAACE,UAAN,CAAiBC,IAArB,uhXADH,gHAQepB,SAAS,GAAG,SAAH,GAAe,OARvC,OASGJ,SAAS,SATZ;AARP,KAsBQM,KAtBR,EADE,GA0BF;AACI,IAAA,GAAG,EAAEa,SADT;AAEI,IAAA,GAAG,mBAAEG,UAAF,8DAIU1D,KAJV,cAKWC,MALX,mLAYcR,iBAZd,iCAaG2C,SAAS,QAbZ;AAFP,KAoBQM,KApBR,EA3BE,GAkDN,IAlDJ;AAmDH,CAjHoB,CAAlB","sourcesContent":["import { css, keyframes } from \"@emotion/react\"\nimport { useIntersectionObserver } from \"./useIntersectionObserver\"\nimport { useTheme } from \"../theme\"\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\"\n\nexport interface ThumbnailProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, \"src\"> {\n    /**\n     * 画像のソースを指定します。File型も許容しています。\n     */\n    src?: string | File\n    /**\n     * 画像の品質を0から1の値で設定します。\n     * @default 1\n     */\n    quality?: number\n    /**\n     * 幅を100%にします。\n     *\n     * @default false\n     */\n    fullWidth?: boolean\n    children?: never\n    /**\n     * 画像圧縮をするかどうかを指定します。\n     * ユーザーの環境が良いまたは与えられる画像サイズが元々最適な場合は、\n     * nocompressを指定した方がHTMLパース直後からバックグラウンドプロセスで処理が走るため高速です。\n     * 要素のサイズと画像サイズがほぼ同じ場合は自動で非圧縮にする仕様を考えています。\n     *\n     * @default false\n     */\n    nocompress?: boolean\n    /**\n     * 圧縮する際の幅の最低値を指定します。width属性やcssによる指定よりも優先されます。\n     */\n    compressWidth?: number\n    /**\n     * 圧縮する際の高さの最低値を指定します。height属性やcssによる指定よりも優先されます。\n     */\n    compressHeight?: number\n    /**\n     * デフォルトの表示はobject-fit: coverです。containedを指定することでobject-fit: containにすることができます。\n     * @default false\n     */\n    contained?: boolean\n}\n\nconst skeletonKeyframes = keyframes`\n  0% {\n    background-position: -200px 0;\n  }\n  100% {\n    background-position: calc(200px + 100%) 0;\n  }\n`\n\nexport const useCompressImage = () => {\n    const [image, setImage] = useState<string>()\n\n    const compress = useCallback(\n        ({\n            src,\n            name = \"noname\",\n            width,\n            height,\n            quality = 1\n        }: {\n            src: string | File\n            name?: string\n            width: number\n            height: number\n            quality?: number\n        }) => {\n            !(async () => {\n                const reader = new FileReader()\n                reader.readAsDataURL(typeof src === \"string\" ? await (await fetch(src)).blob() : src)\n                reader.onload = (event) => {\n                    const img = new Image()\n                    img.src = event.target!.result as string\n                    img.onload = () => {\n                        const getCanvasSize = () => {\n                            let canvasWidth = 0,\n                                canvasHeight = 0\n\n                            if (img.width < img.height) {\n                                const scaleFactor = width / img.width\n                                canvasWidth = width\n                                canvasHeight = img.height * scaleFactor\n                            } else {\n                                const scaleFactor = height / img.height\n                                canvasWidth = img.width * scaleFactor\n                                canvasHeight = height\n                            }\n                            return {\n                                canvasWidth,\n                                canvasHeight\n                            }\n                        }\n                        const canvas = document.createElement(\"canvas\")\n                        const { canvasWidth, canvasHeight } = getCanvasSize()\n                        canvas.width = canvasWidth\n                        canvas.height = canvasHeight\n                        const ctx = canvas.getContext(\"2d\")!\n                        ctx.drawImage(img, 0, 0, canvasWidth, canvasHeight)\n                        ctx.canvas.toBlob(\n                            (blob) => {\n                                const file = new File([blob!], name, {\n                                    type: \"image/jpeg\",\n                                    lastModified: Date.now()\n                                })\n                                setImage(URL.createObjectURL(file))\n                            },\n                            \"image/jpeg\",\n                            quality\n                        )\n                    }\n                }\n            })()\n        },\n        []\n    )\n\n    return [image, compress] as const\n}\nexport const Thumbnail = React.forwardRef<HTMLImageElement, Readonly<ThumbnailProps>>(\n    (\n        {\n            src,\n            quality = 1,\n            fullWidth,\n            nocompress,\n            compressWidth,\n            compressHeight,\n            contained = false,\n            width,\n            height,\n            alt = \"lorem ipsum\",\n            ...props\n        },\n        ref\n    ) => {\n        const [image, setImage] = useState<string>()\n        const [el, setEl] = useState<HTMLElement | null>(null)\n        const { entry, unobserve } = useIntersectionObserver(\n            el,\n            useMemo(() => ({ threshold: 0.1 }), [])\n        )\n        const loaded = useMemo(() => !!image, [image])\n\n        useEffect(() => {\n            setImage(undefined)\n        }, [src])\n\n        const [compressedImage, compress] = useCompressImage()\n\n        useEffect(() => {\n            if (compressedImage) {\n                setImage(compressedImage)\n            }\n        }, [compressedImage])\n\n        useEffect(() => {\n            if (nocompress && typeof src === \"string\") {\n                setImage(src)\n                return\n            }\n            !(async () => {\n                if (!loaded && entry?.isIntersecting && src && el) {\n                    unobserve()\n                    compress({\n                        name: alt,\n                        src: src,\n                        width: compressWidth || el.clientWidth,\n                        height: compressHeight || el.clientHeight,\n                        quality\n                    })\n                }\n            })()\n        }, [alt, compress, compressHeight, compressWidth, el, entry, loaded, nocompress, quality, src, unobserve])\n\n        const handleRef = useCallback((node: HTMLDivElement) => {\n            setEl(node)\n        }, [])\n\n        const theme = useTheme()\n\n        return src ? (\n            loaded ? (\n                <img\n                    src={image}\n                    decoding=\"async\"\n                    loading=\"lazy\"\n                    alt={alt}\n                    width={width}\n                    height={height}\n                    ref={ref}\n                    css={css`\n                        ${css(theme.typography.body)}\n                        box-sizing: border-box;\n                        display: block;\n                        flex-shrink: 0;\n                        cursor: inherit;\n                        user-select: none;\n                        border: none;\n                        object-fit: ${contained ? \"contain\" : \"cover\"};\n                        ${fullWidth &&\n                        css`\n                            width: 100%;\n                        `}\n                    `}\n                    {...props}\n                />\n            ) : (\n                <div\n                    ref={handleRef}\n                    css={css`\n                        box-sizing: border-box;\n                        display: block;\n                        flex-shrink: 0;\n                        width: ${width};\n                        height: ${height};\n                        cursor: wait;\n                        background-color: #eee;\n                        background-image: linear-gradient(90deg, #eee, #f5f5f5, #eee);\n                        background-repeat: no-repeat;\n                        background-size: 200px 100%;\n                        border: none;\n                        animation: ${skeletonKeyframes} 1.2s ease-in-out infinite;\n                        ${fullWidth &&\n                        css`\n                            width: 100%;\n                        `}\n                    `}\n                    {...props}\n                />\n            )\n        ) : null\n    }\n)\n"],"file":"index.js"}

package/dist/cjs/Thumbnail/useIntersectionObserver.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useIntersectionObserver = void 0;
+
+var _react = require("react");
+
+const useIntersectionObserver = (element, options) => {
+  const [entry, setEntry] = (0, _react.useState)();
+  const observer = (0, _react.useRef)();
+  const unobserve = (0, _react.useCallback)(() => {
+    if (element && observer.current) {
+      observer.current.unobserve(element);
+    }
+  }, [element]);
+  (0, _react.useLayoutEffect)(() => {
+    observer.current = new IntersectionObserver(entries => {
+      if (!Array.isArray(entries)) {
+        return;
+      }
+
+      if (!entries.length) {
+        return;
+      }
+
+      setEntry(entries[0]);
+    }, options);
+
+    if (element) {
+      observer.current.observe(element);
+    }
+
+    return () => {
+      if (element && observer.current) {
+        observer.current.unobserve(element);
+      }
+    };
+  }, [element, options]);
+  return {
+    entry,
+    unobserve
+  };
+};
+
+exports.useIntersectionObserver = useIntersectionObserver;
+//# sourceMappingURL=useIntersectionObserver.js.map

package/dist/cjs/Thumbnail/useIntersectionObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Thumbnail/useIntersectionObserver.ts"],"names":["useIntersectionObserver","element","options","entry","setEntry","observer","unobserve","current","IntersectionObserver","entries","Array","isArray","length","observe"],"mappings":";;;;;;;AAAA;;AAEO,MAAMA,uBAAuB,GAAG,CACnCC,OADmC,EAEnCC,OAFmC,KAMlC;AACD,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB,sBAA1B;AACA,QAAMC,QAAQ,GAAG,oBAAjB;AACA,QAAMC,SAAS,GAAG,wBAAY,MAAM;AAChC,QAAIL,OAAO,IAAII,QAAQ,CAACE,OAAxB,EAAiC;AAC7BF,MAAAA,QAAQ,CAACE,OAAT,CAAiBD,SAAjB,CAA2BL,OAA3B;AACH;AACJ,GAJiB,EAIf,CAACA,OAAD,CAJe,CAAlB;AAKA,8BAAgB,MAAM;AAClBI,IAAAA,QAAQ,CAACE,OAAT,GAAmB,IAAIC,oBAAJ,CAA0BC,OAAD,IAAa;AACrD,UAAI,CAACC,KAAK,CAACC,OAAN,CAAcF,OAAd,CAAL,EAA6B;AACzB;AACH;;AACD,UAAI,CAACA,OAAO,CAACG,MAAb,EAAqB;AACjB;AACH;;AACDR,MAAAA,QAAQ,CAACK,OAAO,CAAC,CAAD,CAAR,CAAR;AACH,KARkB,EAQhBP,OARgB,CAAnB;;AASA,QAAID,OAAJ,EAAa;AACTI,MAAAA,QAAQ,CAACE,OAAT,CAAiBM,OAAjB,CAAyBZ,OAAzB;AACH;;AACD,WAAO,MAAM;AACT,UAAIA,OAAO,IAAII,QAAQ,CAACE,OAAxB,EAAiC;AAC7BF,QAAAA,QAAQ,CAACE,OAAT,CAAiBD,SAAjB,CAA2BL,OAA3B;AACH;AACJ,KAJD;AAKH,GAlBD,EAkBG,CAACA,OAAD,EAAUC,OAAV,CAlBH;AAmBA,SAAO;AAAEC,IAAAA,KAAF;AAASG,IAAAA;AAAT,GAAP;AACH,CAlCM","sourcesContent":["import { useCallback, useLayoutEffect, useRef, useState } from \"react\"\n\nexport const useIntersectionObserver = (\n    element: HTMLElement | null,\n    options?: IntersectionObserverInit\n): {\n    entry: IntersectionObserverEntry | undefined\n    unobserve: () => void\n} => {\n    const [entry, setEntry] = useState<IntersectionObserverEntry>()\n    const observer = useRef<IntersectionObserver>()\n    const unobserve = useCallback(() => {\n        if (element && observer.current) {\n            observer.current.unobserve(element)\n        }\n    }, [element])\n    useLayoutEffect(() => {\n        observer.current = new IntersectionObserver((entries) => {\n            if (!Array.isArray(entries)) {\n                return\n            }\n            if (!entries.length) {\n                return\n            }\n            setEntry(entries[0])\n        }, options)\n        if (element) {\n            observer.current.observe(element)\n        }\n        return () => {\n            if (element && observer.current) {\n                observer.current.unobserve(element)\n            }\n        }\n    }, [element, options])\n    return { entry, unobserve }\n}\n"],"file":"useIntersectionObserver.js"}

package/dist/cjs/Time/Time.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Time = void 0;
+
+var _LocaleProvider = require("../LocaleProvider");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _dayjs = _interopRequireDefault(require("dayjs"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const Time = ({
+  date = new Date(),
+  style,
+  className,
+  ...options
+}) => {
+  const locale = (0, _react.useContext)(_LocaleProvider.LocaleContext);
+  const day = (0, _dayjs.default)(date);
+  const format = day.format("YYYY-MM-DDTHH:MM:ss");
+  const label = (0, _react.useMemo)(() => day.toDate().toLocaleDateString(locale, options), [day, locale, options]);
+  return (0, _react2.jsx)("time", {
+    dateTime: format,
+    style: style,
+    className: className
+  }, label);
+};
+
+exports.Time = Time;
+//# sourceMappingURL=Time.js.map

package/dist/cjs/Time/Time.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Time/Time.tsx"],"names":["Time","date","Date","style","className","options","locale","LocaleContext","day","format","label","toDate","toLocaleDateString"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;AAwEO,MAAMA,IAAyB,GAAG,CAAC;AAAEC,EAAAA,IAAI,GAAG,IAAIC,IAAJ,EAAT;AAAqBC,EAAAA,KAArB;AAA4BC,EAAAA,SAA5B;AAAuC,KAAGC;AAA1C,CAAD,KAAyD;AAC9F,QAAMC,MAAM,GAAG,uBAAWC,6BAAX,CAAf;AACA,QAAMC,GAAG,GAAG,oBAAMP,IAAN,CAAZ;AACA,QAAMQ,MAAM,GAAGD,GAAG,CAACC,MAAJ,CAAW,qBAAX,CAAf;AACA,QAAMC,KAAK,GAAG,oBAAQ,MAAMF,GAAG,CAACG,MAAJ,GAAaC,kBAAb,CAAgCN,MAAhC,EAAwCD,OAAxC,CAAd,EAAgE,CAACG,GAAD,EAAMF,MAAN,EAAcD,OAAd,CAAhE,CAAd;AACA,SACI;AAAM,IAAA,QAAQ,EAAEI,MAAhB;AAAwB,IAAA,KAAK,EAAEN,KAA/B;AAAsC,IAAA,SAAS,EAAEC;AAAjD,KACKM,KADL,CADJ;AAKH,CAVM","sourcesContent":["import { LocaleContext } from \"../LocaleProvider\"\nimport React, { useContext, useMemo } from \"react\"\nimport dayjs, { Dayjs } from \"dayjs\"\n\nexport interface TimeProps {\n    /**\n     * The locale matching algorithm to use.\n     * Possible values are \"lookup\" and \"best fit\"; the default is \"best fit\".\n     * @default \"best fit\"\n     */\n    localeMatcher?: \"lookup\" | \"best fit\"\n    /**\n     * The representation of the weekday.\n     */\n    weekday?: \"long\" | \"short\" | \"narrow\"\n    /**\n     * The representation of the era\n     */\n    era?: \"long\" | \"short\" | \"narrow\"\n    /**\n     * The representation of the year.\n     */\n    year?: \"numeric\" | \"2-digit\"\n    /**\n     * The representation of the month.\n     */\n    month?: \"numeric\" | \"2-digit\" | \"narrow\" | \"short\" | \"long\"\n    /**\n     * The representation of the day.\n     */\n    day?: \"numeric\" | \"2-digit\"\n    /**\n     * The representation of the hour.\n     */\n    hour?: \"numeric\" | \"2-digit\"\n    /**\n     * The representation of the minute.\n     */\n    minute?: \"numeric\" | \"2-digit\"\n    /**\n     * The representation of the second.\n     */\n    second?: \"numeric\" | \"2-digit\"\n    /**\n     * The representation of the time zone name.\n     */\n    timeZoneName?: \"long\" | \"short\"\n    /**\n     * The format matching algorithm to use. Possible values are \"basic\" and \"best fit\"; the default is \"best fit\". See the following paragraphs for information about the use of this property.\n     * @default \"best fit\"\n     */\n    formatMatcher?: \"basic\" | \"best fit\"\n    /**\n     * Whether to use 12-hour time (as opposed to 24-hour time). Possible values are true and false; the default is locale dependent. This option overrides the hc language tag and/or the hourCycle option in case both are present.\n     */\n    hour12?: boolean\n    /**\n     * The time zone to use.\n     * The only value implementations must recognize is \"UTC\";\n     * the default is the runtime's default time zone.\n     * Implementations may also recognize the time zone names of the IANA time zone database,\n     * such as \"Asia/Shanghai\", \"Asia/Kolkata\", \"America/New_York\".\n     * @see https://www.iana.org/time-zones\n     */\n    timeZone?: string\n    /**\n     *\n     */\n    date?: string | number | Date | Dayjs\n    children?: never\n    style?: React.CSSProperties\n    className?: string\n}\n\nexport const Time: React.FC<TimeProps> = ({ date = new Date(), style, className, ...options }) => {\n    const locale = useContext(LocaleContext)\n    const day = dayjs(date)\n    const format = day.format(\"YYYY-MM-DDTHH:MM:ss\")\n    const label = useMemo(() => day.toDate().toLocaleDateString(locale, options), [day, locale, options])\n    return (\n        <time dateTime={format} style={style} className={className}>\n            {label}\n        </time>\n    )\n}\n"],"file":"Time.js"}

package/dist/cjs/Time/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _Time = require("./Time");
+
+Object.keys(_Time).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Time[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Time[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/Time/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Time/index.tsx"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from \"./Time\"\n"],"file":"index.js"}