matsuri-ui 9.7.2-alpha.0

package/dist/esm/Thumbnail/index.js

@@ -0,0 +1,178 @@
+var _excluded = ["src", "quality", "fullWidth", "nocompress", "compressWidth", "compressHeight", "contained", "width", "height", "alt"];
+
+var _templateObject;
+
+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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import { css, keyframes } from "@emotion/react";
+import { useIntersectionObserver } from "./useIntersectionObserver";
+import { useTheme } from "../theme";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var skeletonKeyframes = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    background-position: -200px 0;\n  }\n  100% {\n    background-position: calc(200px + 100%) 0;\n  }\n"])));
+export var useCompressImage = () => {
+  var [image, setImage] = useState();
+  var compress = useCallback(_ref3 => {
+    var {
+      src,
+      name = "noname",
+      width,
+      height,
+      quality = 1
+    } = _ref3;
+    !_asyncToGenerator(function* () {
+      var reader = new FileReader();
+      reader.readAsDataURL(typeof src === "string" ? yield (yield fetch(src)).blob() : src);
+
+      reader.onload = event => {
+        var img = new Image();
+        img.src = event.target.result;
+
+        img.onload = () => {
+          var getCanvasSize = () => {
+            var canvasWidth = 0,
+                canvasHeight = 0;
+
+            if (img.width < img.height) {
+              var scaleFactor = width / img.width;
+              canvasWidth = width;
+              canvasHeight = img.height * scaleFactor;
+            } else {
+              var _scaleFactor = height / img.height;
+
+              canvasWidth = img.width * _scaleFactor;
+              canvasHeight = height;
+            }
+
+            return {
+              canvasWidth,
+              canvasHeight
+            };
+          };
+
+          var canvas = document.createElement("canvas");
+          var {
+            canvasWidth,
+            canvasHeight
+          } = getCanvasSize();
+          canvas.width = canvasWidth;
+          canvas.height = canvasHeight;
+          var ctx = canvas.getContext("2d");
+          ctx.drawImage(img, 0, 0, canvasWidth, canvasHeight);
+          ctx.canvas.toBlob(blob => {
+            var file = new File([blob], name, {
+              type: "image/jpeg",
+              lastModified: Date.now()
+            });
+            setImage(URL.createObjectURL(file));
+          }, "image/jpeg", quality);
+        };
+      };
+    })();
+  }, []);
+  return [image, compress];
+};
+
+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__
+};
+
+export var Thumbnail = /*#__PURE__*/React.forwardRef((_ref5, ref) => {
+  var {
+    src,
+    quality = 1,
+    fullWidth,
+    nocompress,
+    compressWidth,
+    compressHeight,
+    contained = false,
+    width,
+    height,
+    alt = "lorem ipsum"
+  } = _ref5,
+      props = _objectWithoutProperties(_ref5, _excluded);
+
+  var [image, setImage] = useState();
+  var [el, setEl] = useState(null);
+  var {
+    entry,
+    unobserve
+  } = useIntersectionObserver(el, useMemo(() => ({
+    threshold: 0.1
+  }), []));
+  var loaded = useMemo(() => !!image, [image]);
+  useEffect(() => {
+    setImage(undefined);
+  }, [src]);
+  var [compressedImage, compress] = useCompressImage();
+  useEffect(() => {
+    if (compressedImage) {
+      setImage(compressedImage);
+    }
+  }, [compressedImage]);
+  useEffect(() => {
+    if (nocompress && typeof src === "string") {
+      setImage(src);
+      return;
+    }
+
+    !_asyncToGenerator(function* () {
+      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]);
+  var handleRef = useCallback(node => {
+    setEl(node);
+  }, []);
+  var theme = useTheme();
+  return src ? loaded ? ___EmotionJSX("img", _extends({
+    src: image,
+    decoding: "async",
+    loading: "lazy",
+    alt: alt,
+    width: width,
+    height: height,
+    ref: ref,
+    css: /*#__PURE__*/css( /*#__PURE__*/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)) : ___EmotionJSX("div", _extends({
+    ref: handleRef,
+    css: /*#__PURE__*/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;
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Thumbnail/index.tsx"],"names":["css","keyframes","useIntersectionObserver","useTheme","React","useCallback","useEffect","useMemo","useState","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","forwardRef","ref","fullWidth","nocompress","compressWidth","compressHeight","contained","alt","props","el","setEl","entry","unobserve","threshold","loaded","undefined","compressedImage","isIntersecting","clientWidth","clientHeight","handleRef","node","theme","typography","body"],"mappings":"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","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/esm/Thumbnail/useIntersectionObserver.js

@@ -0,0 +1,38 @@
+import { useCallback, useLayoutEffect, useRef, useState } from "react";
+export var useIntersectionObserver = (element, options) => {
+  var [entry, setEntry] = useState();
+  var observer = useRef();
+  var unobserve = useCallback(() => {
+    if (element && observer.current) {
+      observer.current.unobserve(element);
+    }
+  }, [element]);
+  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
+  };
+};
+//# sourceMappingURL=useIntersectionObserver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Thumbnail/useIntersectionObserver.ts"],"names":["useCallback","useLayoutEffect","useRef","useState","useIntersectionObserver","element","options","entry","setEntry","observer","unobserve","current","IntersectionObserver","entries","Array","isArray","length","observe"],"mappings":"AAAA,SAASA,WAAT,EAAsBC,eAAtB,EAAuCC,MAAvC,EAA+CC,QAA/C,QAA+D,OAA/D;AAEA,OAAO,IAAMC,uBAAuB,GAAG,CACnCC,OADmC,EAEnCC,OAFmC,KAMlC;AACD,MAAM,CAACC,KAAD,EAAQC,QAAR,IAAoBL,QAAQ,EAAlC;AACA,MAAMM,QAAQ,GAAGP,MAAM,EAAvB;AACA,MAAMQ,SAAS,GAAGV,WAAW,CAAC,MAAM;AAChC,QAAIK,OAAO,IAAII,QAAQ,CAACE,OAAxB,EAAiC;AAC7BF,MAAAA,QAAQ,CAACE,OAAT,CAAiBD,SAAjB,CAA2BL,OAA3B;AACH;AACJ,GAJ4B,EAI1B,CAACA,OAAD,CAJ0B,CAA7B;AAKAJ,EAAAA,eAAe,CAAC,MAAM;AAClBQ,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,GAlBc,EAkBZ,CAACA,OAAD,EAAUC,OAAV,CAlBY,CAAf;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/esm/Time/Time.js

@@ -0,0 +1,29 @@
+var _excluded = ["date", "style", "className"];
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { LocaleContext } from "../LocaleProvider";
+import React, { useContext, useMemo } from "react";
+import dayjs from "dayjs";
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var Time = _ref => {
+  var {
+    date = new Date(),
+    style,
+    className
+  } = _ref,
+      options = _objectWithoutProperties(_ref, _excluded);
+
+  var locale = useContext(LocaleContext);
+  var day = dayjs(date);
+  var format = day.format("YYYY-MM-DDTHH:MM:ss");
+  var label = useMemo(() => day.toDate().toLocaleDateString(locale, options), [day, locale, options]);
+  return ___EmotionJSX("time", {
+    dateTime: format,
+    style: style,
+    className: className
+  }, label);
+};
+//# sourceMappingURL=Time.js.map

package/dist/esm/Time/Time.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Time/Time.tsx"],"names":["LocaleContext","React","useContext","useMemo","dayjs","Time","date","Date","style","className","options","locale","day","format","label","toDate","toLocaleDateString"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAA8B,mBAA9B;AACA,OAAOC,KAAP,IAAgBC,UAAhB,EAA4BC,OAA5B,QAA2C,OAA3C;AACA,OAAOC,KAAP,MAA6B,OAA7B;;AAwEA,OAAO,IAAMC,IAAyB,GAAG,QAAyD;AAAA,MAAxD;AAAEC,IAAAA,IAAI,GAAG,IAAIC,IAAJ,EAAT;AAAqBC,IAAAA,KAArB;AAA4BC,IAAAA;AAA5B,GAAwD;AAAA,MAAdC,OAAc;;AAC9F,MAAMC,MAAM,GAAGT,UAAU,CAACF,aAAD,CAAzB;AACA,MAAMY,GAAG,GAAGR,KAAK,CAACE,IAAD,CAAjB;AACA,MAAMO,MAAM,GAAGD,GAAG,CAACC,MAAJ,CAAW,qBAAX,CAAf;AACA,MAAMC,KAAK,GAAGX,OAAO,CAAC,MAAMS,GAAG,CAACG,MAAJ,GAAaC,kBAAb,CAAgCL,MAAhC,EAAwCD,OAAxC,CAAP,EAAyD,CAACE,GAAD,EAAMD,MAAN,EAAcD,OAAd,CAAzD,CAArB;AACA,SACI;AAAM,IAAA,QAAQ,EAAEG,MAAhB;AAAwB,IAAA,KAAK,EAAEL,KAA/B;AAAsC,IAAA,SAAS,EAAEC;AAAjD,KACKK,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/esm/Time/index.js

@@ -0,0 +1,2 @@
+export * from "./Time";
+//# sourceMappingURL=index.js.map

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

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