@webiny/lexical-editor-actions 5.40.0 → 5.40.1-beta.0

package/components/LexicalColorPicker/LexicalColorPicker.js

@@ -7,13 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.LexicalColorPicker = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireWildcard(require("react"));
 var _emotion = require("emotion");
 var _usePageElements = require("@webiny/app-page-builder-elements/hooks/usePageElements");
-var _classnames2 = _interopRequireDefault(require("classnames"));
 var _reactColor = require("react-color");
+var _Tooltip = require("@webiny/ui/Tooltip");
 var _roundColor_lens24px = require("./round-color_lens-24px.svg");
 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)."; } // Icons
 var ColorPickerStyle = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
@@ -22,12 +23,12 @@ var ColorPickerStyle = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_E
   target: "ewrv11k2",
   label: "ColorPickerStyle"
 })(process.env.NODE_ENV === "production" ? {
-  name: "1barz4t",
-  styles: "position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;width:225px;padding:0;background-color:#fff"
+  name: "1tb6adp",
+  styles: "position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;width:240px;padding:15px;background-color:#fff"
 } : {
-  name: "1barz4t",
-  styles: "position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;width:225px;padding:0;background-color:#fff",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lCIiwiZmlsZSI6IkxleGljYWxDb2xvclBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCBTeW50aGV0aWNFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgdXNlUGFnZUVsZW1lbnRzIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLXBhZ2UtYnVpbGRlci1lbGVtZW50cy9ob29rcy91c2VQYWdlRWxlbWVudHNcIjtcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgeyBDaHJvbWVQaWNrZXIsIENvbG9yU3RhdGUsIFJHQkNvbG9yIH0gZnJvbSBcInJlYWN0LWNvbG9yXCI7XG5pbXBvcnQgeyBPbkNoYW5nZUhhbmRsZXIgfSBmcm9tIFwicmVhY3QtY29sb3IvbGliL2NvbXBvbmVudHMvY29tbW9uL0NvbG9yV3JhcFwiO1xuXG4vLyBJY29uc1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgSWNvblBhbGV0dGUgfSBmcm9tIFwiLi9yb3VuZC1jb2xvcl9sZW5zLTI0cHguc3ZnXCI7XG5cbmNvbnN0IENvbG9yUGlja2VyU3R5bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleFdyYXA6IFwid3JhcFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICB3aWR0aDogMjI1LFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNmZmZcIlxufSk7XG5cbmNvbnN0IENvbG9yQm94ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiA1MCxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIG1hcmdpbjogMTAsXG4gICAgYm9yZGVyUmFkaXVzOiAyXG59KTtcblxuY29uc3QgQ29sb3IgPSBzdHlsZWQoXCJidXR0b25cIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogMzAsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICB0cmFuc2l0aW9uOiBcInRyYW5zZm9ybSAwLjJzLCBzY2FsZSAwLjJzXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBcIiY6OmFmdGVyXCI6IHtcbiAgICAgICAgYm94U2hhZG93OiBcIjAgMC4yNXJlbSAwLjEyNXJlbSAwIHJnYmEoMCwwLDAsMC4wNSlcIixcbiAgICAgICAgdHJhbnNpdGlvbjogXCJvcGFjaXR5IDAuNXMgY3ViaWMtYmV6aWVyKDAuMTY1LCAwLjg0LCAwLjQ0LCAxKVwiLFxuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB6SW5kZXg6IC0xLFxuICAgICAgICBvcGFjaXR5OiAwXG4gICAgfSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICB0cmFuc2Zvcm06IFwic2NhbGUoMS4yNSlcIixcbiAgICAgICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAxXG4gICAgICAgIH1cbiAgICB9XG59KTtcblxuY29uc3QgdHJhbnNwYXJlbnQgPSBjc3Moe1xuICAgIGJhY2tncm91bmRTaXplOiBcIjEwcHggMTBweFwiLFxuICAgIGJhY2tncm91bmRJbWFnZTpcbiAgICAgICAgXCJsaW5lYXItZ3JhZGllbnQoIDQ1ZGVnLCAjNTU1IDI1JSwgdHJhbnNwYXJlbnQgMjUlLCB0cmFuc3BhcmVudCksXCIgK1xuICAgICAgICBcImxpbmVhci1ncmFkaWVudCgtNDVkZWcsICM1NTUgMjUlLCB0cmFuc3BhcmVudCAyNSUsIHRyYW5zcGFyZW50KSxcIiArXG4gICAgICAgIFwibGluZWFyLWdyYWRpZW50KCA0NWRlZywgdHJhbnNwYXJlbnQgNzUlLCAjNTU1IDc1JSksXCIgK1xuICAgICAgICBcImxpbmVhci1ncmFkaWVudCgtNDVkZWcsIHRyYW5zcGFyZW50IDc1JSwgIzU1NSA3NSUpXCJcbn0pO1xuXG5jb25zdCBpY29uUGFsZXR0ZVN0eWxlID0gY3NzKHtcbiAgICBoZWlnaHQ6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBtYXJnaW5Ub3A6IDEsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIlxufSk7XG5cbmNvbnN0IENPTE9SUyA9IHtcbiAgICBsaWdodEdyYXk6IFwiaHNsYSgwLCAwJSwgOTclLCAxKVwiLFxuICAgIGdyYXk6IFwiaHNsYSgzMDAsIDIlLCA5MiUsIDEpXCIsXG4gICAgZGFya0dyYXk6IFwiaHNsYSgwLCAwJSwgNzAlLCAxKVwiLFxuICAgIGRhcmtlc3RHcmF5OiBcImhzbGEoMCwgMCUsIDIwJSwgMSlcIixcbiAgICBibGFjazogXCJoc2xhKDIwOCwgMTAwJSwgNSUsIDEpXCJcbn07XG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgICBzZWxlY3RlZENvbG9yOiBjc3Moe1xuICAgICAgICBib3hTaGFkb3c6IFwiMHB4IDBweCAwcHggMnB4IHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCJcbiAgICB9KSxcbiAgICBidXR0b246IGNzcyh7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgIGhlaWdodDogMzAsXG4gICAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICAgIFwiJjpob3Zlcjpub3QoOmRpc2FibGVkKVwiOiB7IGJhY2tncm91bmRDb2xvcjogQ09MT1JTLmdyYXkgfSxcbiAgICAgICAgXCImOmZvY3VzOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIlxuICAgICAgICB9LFxuICAgICAgICBcIiYgc3ZnXCI6IHtcbiAgICAgICAgICAgIHdpZHRoOiAxNixcbiAgICAgICAgICAgIGhlaWdodDogMTZcbiAgICAgICAgfVxuICAgIH0pLFxuICAgIGNvbG9yOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCI0MHB4XCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCJcbiAgICB9KVxufTtcblxuaW50ZXJmYWNlIExleGljYWxDb2xvclBpY2tlclByb3BzIHtcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIG9uQ2hhbmdlPzogKGNvbG9yOiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgb25DaGFuZ2VDb21wbGV0ZTogKGNvbG9yOiBzdHJpbmcsIG5hbWU/OiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgaGFuZGxlckNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IExleGljYWxDb2xvclBpY2tlciA9ICh7XG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgb25DaGFuZ2VDb21wbGV0ZVxufTogTGV4aWNhbENvbG9yUGlja2VyUHJvcHMpID0+IHtcbiAgICBjb25zdCBbc2hvd1BpY2tlciwgc2V0U2hvd1BpY2tlcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgLy8gRWl0aGVyIGEgY3VzdG9tIGNvbG9yIG9yIGEgY29sb3IgY29taW5nIGZyb20gdGhlIHRoZW1lIG9iamVjdC5cbiAgICBjb25zdCBbYWN0dWFsU2VsZWN0ZWRDb2xvciwgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcl0gPSB1c2VTdGF0ZSh2YWx1ZSB8fCBcIiNmZmZcIik7XG4gICAgbGV0IHRoZW1lQ29sb3IgPSBmYWxzZTtcblxuICAgIGNvbnN0IGdldENvbG9yVmFsdWUgPSB1c2VDYWxsYmFjaygocmdiOiBSR0JDb2xvcikgPT4ge1xuICAgICAgICByZXR1cm4gYHJnYmEoJHtyZ2Iucn0sICR7cmdiLmd9LCAke3JnYi5ifSwgJHtyZ2IuYX0pYDtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChjb2xvcjogQ29sb3JTdGF0ZSwgZXZlbnQ6IFJlYWN0LlN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgLy8gY29udHJvbHMgb2YgdGhlIHBpY2tlciBhcmUgdXBkYXRlZCBhcyB1c2VyIG1vdmVzIHRoZSBtb3VzZVxuICAgICAgICAgICAgY29uc3QgY3VzdG9tQ29sb3IgPSBnZXRDb2xvclZhbHVlKGNvbG9yLnJnYik7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIGlmICh0eXBlb2Ygb25DaGFuZ2UgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICAgICAgICAgIG9uQ2hhbmdlKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgW29uQ2hhbmdlXVxuICAgICk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlQ29tcGxldGUgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHsgcmdiIH06IENvbG9yU3RhdGUsIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcih2YWx1ZSk7XG4gICAgICAgICAgICBvbkNoYW5nZUNvbXBsZXRlKGdldENvbG9yVmFsdWUocmdiKSk7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2VDb21wbGV0ZV1cbiAgICApO1xuXG4gICAgY29uc3QgdG9nZ2xlUGlja2VyID0gdXNlQ2FsbGJhY2soKGU6IFN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIHNldFNob3dQaWNrZXIoIXNob3dQaWNrZXIpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHBhZ2VFbGVtZW50cyA9IHVzZVBhZ2VFbGVtZW50cygpO1xuXG4gICAgY29uc3QgdGhlbWVDb2xvcnM6IFJlY29yZDxzdHJpbmcsIGFueT4gPSB7fTtcbiAgICBjb25zdCBjb2xvcnMgPSBwYWdlRWxlbWVudHMudGhlbWU/LnN0eWxlcz8uY29sb3JzO1xuICAgIGlmIChjb2xvcnMpIHtcbiAgICAgICAgZm9yIChjb25zdCBrZXkgaW4gY29sb3JzKSB7XG4gICAgICAgICAgICBpZiAoY29sb3JzW2tleV0pIHtcbiAgICAgICAgICAgICAgICB0aGVtZUNvbG9yc1trZXldID0gY29sb3JzW2tleV07XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29sb3JQaWNrZXJTdHlsZT5cbiAgICAgICAgICAgIHtPYmplY3Qua2V5cyh0aGVtZUNvbG9ycykubWFwKChrZXksIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgY29sb3IgPSB0aGVtZUNvbG9yc1trZXldO1xuXG4gICAgICAgICAgICAgICAgaWYgKGNvbG9yID09PSB2YWx1ZSB8fCB2YWx1ZSA9PT0gXCJ0cmFuc3BhcmVudFwiKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoZW1lQ29sb3IgPSB0cnVlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8Q29sb3JCb3gga2V5PXtpbmRleH0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29sb3JcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2tleSA9PT0gdmFsdWUgPyBzdHlsZXMuc2VsZWN0ZWRDb2xvciA6IFwiXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgYmFja2dyb3VuZENvbG9yOiBjb2xvciB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLy8gV2l0aCBwYWdlIGVsZW1lbnRzIGltcGxlbWVudGF0aW9uLCB3ZSB3YW50IHRvIHN0b3JlIHRoZSBjb2xvciBrZXkgYW5kXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8vIHRoZW4gdGhlIGFjdHVhbCBjb2xvciB3aWxsIGJlIHJldHJpZXZlZCBmcm9tIHRoZSB0aGVtZSBvYmplY3QuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGNvbG9ycyA9IHBhZ2VFbGVtZW50cy50aGVtZT8uc3R5bGVzPy5jb2xvcnM7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGUoY29sb3JzW2tleV0sIGtleSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvQ29sb3JCb3g+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuXG4gICAgICAgICAgICA8Q29sb3JCb3g+XG4gICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyh0cmFuc3BhcmVudCwge1xuICAgICAgICAgICAgICAgICAgICAgICAgW3N0eWxlcy5zZWxlY3RlZENvbG9yXTogdmFsdWUgPT09IFwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShcInRyYW5zcGFyZW50XCIpO1xuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0NvbG9yQm94PlxuXG4gICAgICAgICAgICA8Q29sb3JCb3g+XG4gICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17dmFsdWUgJiYgIXRoZW1lQ29sb3IgPyBzdHlsZXMuc2VsZWN0ZWRDb2xvciA6IFwiXCJ9XG4gICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IGJhY2tncm91bmRDb2xvcjogdGhlbWVDb2xvciA/IFwiI2ZmZlwiIDogdmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlUGlja2VyfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPEljb25QYWxldHRlIGNsYXNzTmFtZT17aWNvblBhbGV0dGVTdHlsZX0gLz5cbiAgICAgICAgICAgICAgICA8L0NvbG9yPlxuICAgICAgICAgICAgPC9Db2xvckJveD5cblxuICAgICAgICAgICAge3Nob3dQaWNrZXIgJiYgKFxuICAgICAgICAgICAgICAgIDxDaHJvbWVQaWNrZXJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I9e2FjdHVhbFNlbGVjdGVkQ29sb3J9XG4gICAgICAgICAgICAgICAgICAgIC8vIFRPRE8gZmlndXJlIG91dCB0eXBlcyBmb3IgdGhlIHByb3BzXG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNvbG9yQ2hhbmdlIGFzIE9uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZT17b25Db2xvckNoYW5nZUNvbXBsZXRlIGFzIE9uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9Db2xvclBpY2tlclN0eWxlPlxuICAgICk7XG59O1xuIl19 */",
+  name: "1tb6adp",
+  styles: "position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;width:240px;padding:15px;background-color:#fff",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lCIiwiZmlsZSI6IkxleGljYWxDb2xvclBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCBTeW50aGV0aWNFdmVudCwgdXNlRWZmZWN0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyB1c2VQYWdlRWxlbWVudHMgfSBmcm9tIFwiQHdlYmlueS9hcHAtcGFnZS1idWlsZGVyLWVsZW1lbnRzL2hvb2tzL3VzZVBhZ2VFbGVtZW50c1wiO1xuaW1wb3J0IHsgQ2hyb21lUGlja2VyLCBDb2xvclN0YXRlLCBSR0JDb2xvciB9IGZyb20gXCJyZWFjdC1jb2xvclwiO1xuaW1wb3J0IHsgT25DaGFuZ2VIYW5kbGVyIH0gZnJvbSBcInJlYWN0LWNvbG9yL2xpYi9jb21wb25lbnRzL2NvbW1vbi9Db2xvcldyYXBcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5cbi8vIEljb25zXG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBJY29uUGFsZXR0ZSB9IGZyb20gXCIuL3JvdW5kLWNvbG9yX2xlbnMtMjRweC5zdmdcIjtcblxuY29uc3QgQ29sb3JQaWNrZXJTdHlsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIHdpZHRoOiAyNDAsXG4gICAgcGFkZGluZzogMTUsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNmZmZcIlxufSk7XG5cbmNvbnN0IENvbG9yQm94ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiA0MCxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICBtYXJnaW46IDUsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBwYWRkaW5nOiAzXG59KTtcblxuY29uc3QgQ29sb3IgPSBzdHlsZWQoXCJidXR0b25cIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogNDAsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4xcywgYm9yZGVyIDAuMnNcIixcbiAgICBib3JkZXJDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMC41cyBjdWJpYy1iZXppZXIoMC4xNjUsIDAuODQsIDAuNDQsIDEpXCIsXG4gICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogLTEsXG4gICAgICAgIG9wYWNpdHk6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRyYW5zZm9ybTogXCJzY2FsZSgxLjEpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAuMjVyZW0gMC4xMjVyZW0gMCByZ2JhKDAsMCwwLDAuMDUpXCIsXG4gICAgICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IGljb25QYWxldHRlU3R5bGUgPSBjc3Moe1xuICAgIGhlaWdodDogMjAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1hcmdpblRvcDogMSxcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiXG59KTtcblxuY29uc3QgQ09MT1JTID0ge1xuICAgIGxpZ2h0R3JheTogXCJoc2xhKDAsIDAlLCA5NyUsIDEpXCIsXG4gICAgZ3JheTogXCJoc2xhKDMwMCwgMiUsIDkyJSwgMSlcIixcbiAgICBkYXJrR3JheTogXCJoc2xhKDAsIDAlLCA3MCUsIDEpXCIsXG4gICAgZGFya2VzdEdyYXk6IFwiaHNsYSgwLCAwJSwgMjAlLCAxKVwiLFxuICAgIGJsYWNrOiBcImhzbGEoMjA4LCAxMDAlLCA1JSwgMSlcIlxufTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIHNlbGVjdGVkQ29sb3I6IGNzcyh7XG4gICAgICAgIGJveFNoYWRvdzogXCJpbnNldCAwcHggMHB4IDBweCAxMHB4IHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJ1dHRvbjoge1xuICAgICAgICAgICAgYm9yZGVyOiBcIjVweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgYnV0dG9uOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICBoZWlnaHQ6IDMwLFxuICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SUy5ncmF5IH0sXG4gICAgICAgIFwiJjpmb2N1czpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIlxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCJcbiAgICAgICAgfSxcbiAgICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgICAgICB3aWR0aDogMTYsXG4gICAgICAgICAgICBoZWlnaHQ6IDE2XG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBjb2xvcjogY3NzKHtcbiAgICAgICAgd2lkdGg6IFwiNDBweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiXG4gICAgfSlcbn07XG5cbmNvbnN0IGNocm9tZVBpY2tlclN0eWxlID0gY3NzKHtcbiAgICB3aWR0aDogXCIyNzBweCAhaW1wb3J0YW50XCIsXG4gICAgbWFyZ2luOiBcIjE1cHggLTE1cHggLTE1cHggLTE1cHhcIlxufSk7XG5cbmludGVyZmFjZSBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcyB7XG4gICAgdmFsdWU6IHN0cmluZztcbiAgICBvbkNoYW5nZT86IChjb2xvcjogc3RyaW5nKSA9PiB2b2lkO1xuICAgIG9uQ2hhbmdlQ29tcGxldGU6IChjb2xvcjogc3RyaW5nLCBuYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICAgIGhhbmRsZXJDbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IHNob3dQaWNrZXJTdHlsZSA9IHsgZGlzcGxheTogXCJibG9ja1wiIH07XG5jb25zdCBoaWRlUGlja2VyU3R5bGUgPSB7IGRpc3BsYXk6IFwibm9uZVwiIH07XG5cbmV4cG9ydCBjb25zdCBMZXhpY2FsQ29sb3JQaWNrZXIgPSAoe1xuICAgIHZhbHVlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2hhbmdlQ29tcGxldGVcbn06IExleGljYWxDb2xvclBpY2tlclByb3BzKSA9PiB7XG4gICAgY29uc3QgW3Nob3dQaWNrZXIsIHNldFNob3dQaWNrZXJdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIC8vIEVpdGhlciBhIGN1c3RvbSBjb2xvciBvciBhIGNvbG9yIGNvbWluZyBmcm9tIHRoZSB0aGVtZSBvYmplY3QuXG4gICAgY29uc3QgW2FjdHVhbFNlbGVjdGVkQ29sb3IsIHNldEFjdHVhbFNlbGVjdGVkQ29sb3JdID0gdXNlU3RhdGUodmFsdWUgfHwgXCIjZmZmXCIpO1xuICAgIGNvbnN0IFtpc1RoZW1lQ29sb3IsIHNldElzVGhlbWVDb2xvcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IodmFsdWUpO1xuICAgICAgICB9XG4gICAgfSwgW3ZhbHVlXSk7XG5cbiAgICBjb25zdCBnZXRDb2xvclZhbHVlID0gdXNlQ2FsbGJhY2soKHJnYjogUkdCQ29sb3IsIGFscGhhPzogbnVtYmVyKSA9PiB7XG4gICAgICAgIHJldHVybiBgcmdiYSgke3JnYi5yfSwgJHtyZ2IuZ30sICR7cmdiLmJ9LCAke2FscGhhID8/IHJnYi5hfSlgO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IG9uQ29sb3JDaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGNvbG9yOiBDb2xvclN0YXRlLCBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAvLyBjb250cm9scyBvZiB0aGUgcGlja2VyIGFyZSB1cGRhdGVkIGFzIHVzZXIgbW92ZXMgdGhlIG1vdXNlXG4gICAgICAgICAgICBjb25zdCBjdXN0b21Db2xvciA9IGdldENvbG9yVmFsdWUoY29sb3IucmdiLCBjb2xvci5yZ2IuYSA9PT0gMCA/IDEgOiBjb2xvci5yZ2IuYSk7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIGlmICh0eXBlb2Ygb25DaGFuZ2UgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICAgICAgICAgIG9uQ2hhbmdlKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgW29uQ2hhbmdlXVxuICAgICk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlQ29tcGxldGUgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHsgcmdiIH06IENvbG9yU3RhdGUsIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGNvbnN0IGNvbG9yID0gZ2V0Q29sb3JWYWx1ZShyZ2IsIHJnYi5hID09PSAwID8gMSA6IHJnYi5hKTtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IoY29sb3IpO1xuICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShjb2xvcik7XG4gICAgICAgIH0sXG4gICAgICAgIFtvbkNoYW5nZUNvbXBsZXRlXVxuICAgICk7XG5cbiAgICBjb25zdCB0b2dnbGVQaWNrZXIgPSB1c2VDYWxsYmFjaygoZTogU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgc2V0U2hvd1BpY2tlcihzdGF0ZSA9PiAhc3RhdGUpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHBhZ2VFbGVtZW50cyA9IHVzZVBhZ2VFbGVtZW50cygpO1xuXG4gICAgY29uc3QgdGhlbWVDb2xvcnM6IFJlY29yZDxzdHJpbmcsIGFueT4gPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgY29uc3QgY29sb3JzID0gcGFnZUVsZW1lbnRzLnRoZW1lPy5zdHlsZXM/LmNvbG9ycyA/PyB7fTtcblxuICAgICAgICByZXR1cm4gT2JqZWN0LmtleXMoY29sb3JzKS5yZWR1Y2UoKGFjYywga2V5KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4geyAuLi5hY2MsIFtrZXldOiBjb2xvcnNba2V5XSB9O1xuICAgICAgICB9LCB7fSk7XG4gICAgfSwgW3BhZ2VFbGVtZW50cy50aGVtZT8uc3R5bGVzPy5jb2xvcnNdKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGlzVGhlbWVDb2xvciA9IE9iamVjdC5rZXlzKHRoZW1lQ29sb3JzKS5zb21lKGtleSA9PiB0aGVtZUNvbG9yc1trZXldID09PSB2YWx1ZSk7XG4gICAgICAgIHNldElzVGhlbWVDb2xvcihpc1RoZW1lQ29sb3IpO1xuICAgIH0sIFt0aGVtZUNvbG9ycywgdmFsdWVdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb2xvclBpY2tlclN0eWxlPlxuICAgICAgICAgICAge09iamVjdC5rZXlzKHRoZW1lQ29sb3JzKS5tYXAoKGtleSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBjb2xvciA9IHRoZW1lQ29sb3JzW2tleV07XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8Q29sb3JCb3gga2V5PXtpbmRleH0gY2xhc3NOYW1lPXtjb2xvciA9PT0gdmFsdWUgPyBzdHlsZXMuc2VsZWN0ZWRDb2xvciA6IFwiXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17PHNwYW4+e2NvbG9yfTwvc3Bhbj59IHBsYWNlbWVudD1cImJvdHRvbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb2xvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8vIFdpdGggcGFnZSBlbGVtZW50cyBpbXBsZW1lbnRhdGlvbiwgd2Ugd2FudCB0byBzdG9yZSB0aGUgY29sb3Iga2V5IGFuZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLy8gdGhlbiB0aGUgYWN0dWFsIGNvbG9yIHdpbGwgYmUgcmV0cmlldmVkIGZyb20gdGhlIHRoZW1lIG9iamVjdC5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGNvbG9ycyA9IHBhZ2VFbGVtZW50cy50aGVtZT8uc3R5bGVzPy5jb2xvcnM7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZUNvbXBsZXRlKGNvbG9yc1trZXldLCBrZXkpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgICAgIDwvQ29sb3JCb3g+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuXG4gICAgICAgICAgICA8Q29sb3JCb3ggY2xhc3NOYW1lPXt2YWx1ZSAmJiAhaXNUaGVtZUNvbG9yID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifT5cbiAgICAgICAgICAgICAgICA8VG9vbHRpcCBjb250ZW50PXs8c3Bhbj5Db2xvciBwaWNrZXI8L3NwYW4+fSBwbGFjZW1lbnQ9XCJib3R0b21cIj5cbiAgICAgICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGlzVGhlbWVDb2xvciA/IFwiI2ZmZlwiIDogdmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3RvZ2dsZVBpY2tlcn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEljb25QYWxldHRlIGNsYXNzTmFtZT17aWNvblBhbGV0dGVTdHlsZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9Db2xvcj5cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0NvbG9yQm94PlxuXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPXtzaG93UGlja2VyID8gc2hvd1BpY2tlclN0eWxlIDogaGlkZVBpY2tlclN0eWxlfT5cbiAgICAgICAgICAgICAgICA8Q2hyb21lUGlja2VyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2hyb21lUGlja2VyU3R5bGV9XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPXthY3R1YWxTZWxlY3RlZENvbG9yfVxuICAgICAgICAgICAgICAgICAgICBkaXNhYmxlQWxwaGE9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNvbG9yQ2hhbmdlIGFzIE9uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZT17b25Db2xvckNoYW5nZUNvbXBsZXRlIGFzIE9uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29sb3JQaWNrZXJTdHlsZT5cbiAgICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var ColorBox = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
@@ -36,12 +37,12 @@ var ColorBox = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "
   target: "ewrv11k1",
   label: "ColorBox"
 })(process.env.NODE_ENV === "production" ? {
-  name: "qdj757",
-  styles: "cursor:pointer;width:50px;height:40px;margin:10px;border-radius:2px"
+  name: "ycm87k",
+  styles: "cursor:pointer;width:40px;height:40px;border-radius:50%;margin:5px;border:1px solid var(--mdc-theme-on-background);padding:3px"
 } : {
-  name: "qdj757",
-  styles: "cursor:pointer;width:50px;height:40px;margin:10px;border-radius:2px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJpQiIsImZpbGUiOiJMZXhpY2FsQ29sb3JQaWNrZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSwgU3ludGhldGljRXZlbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCB7IHVzZVBhZ2VFbGVtZW50cyB9IGZyb20gXCJAd2ViaW55L2FwcC1wYWdlLWJ1aWxkZXItZWxlbWVudHMvaG9va3MvdXNlUGFnZUVsZW1lbnRzXCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgQ2hyb21lUGlja2VyLCBDb2xvclN0YXRlLCBSR0JDb2xvciB9IGZyb20gXCJyZWFjdC1jb2xvclwiO1xuaW1wb3J0IHsgT25DaGFuZ2VIYW5kbGVyIH0gZnJvbSBcInJlYWN0LWNvbG9yL2xpYi9jb21wb25lbnRzL2NvbW1vbi9Db2xvcldyYXBcIjtcblxuLy8gSWNvbnNcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEljb25QYWxldHRlIH0gZnJvbSBcIi4vcm91bmQtY29sb3JfbGVucy0yNHB4LnN2Z1wiO1xuXG5jb25zdCBDb2xvclBpY2tlclN0eWxlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gICAgd2lkdGg6IDIyNSxcbiAgICBwYWRkaW5nOiAwLFxuICAgIGJhY2tncm91bmRDb2xvcjogXCIjZmZmXCJcbn0pO1xuXG5jb25zdCBDb2xvckJveCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB3aWR0aDogNTAsXG4gICAgaGVpZ2h0OiA0MCxcbiAgICBtYXJnaW46IDEwLFxuICAgIGJvcmRlclJhZGl1czogMlxufSk7XG5cbmNvbnN0IENvbG9yID0gc3R5bGVkKFwiYnV0dG9uXCIpKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiA0MCxcbiAgICBoZWlnaHQ6IDMwLFxuICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4ycywgc2NhbGUgMC4yc1wiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAuMjVyZW0gMC4xMjVyZW0gMCByZ2JhKDAsMCwwLDAuMDUpXCIsXG4gICAgICAgIHRyYW5zaXRpb246IFwib3BhY2l0eSAwLjVzIGN1YmljLWJlemllcigwLjE2NSwgMC44NCwgMC40NCwgMSlcIixcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgekluZGV4OiAtMSxcbiAgICAgICAgb3BhY2l0eTogMFxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgdHJhbnNmb3JtOiBcInNjYWxlKDEuMjUpXCIsXG4gICAgICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IHRyYW5zcGFyZW50ID0gY3NzKHtcbiAgICBiYWNrZ3JvdW5kU2l6ZTogXCIxMHB4IDEwcHhcIixcbiAgICBiYWNrZ3JvdW5kSW1hZ2U6XG4gICAgICAgIFwibGluZWFyLWdyYWRpZW50KCA0NWRlZywgIzU1NSAyNSUsIHRyYW5zcGFyZW50IDI1JSwgdHJhbnNwYXJlbnQpLFwiICtcbiAgICAgICAgXCJsaW5lYXItZ3JhZGllbnQoLTQ1ZGVnLCAjNTU1IDI1JSwgdHJhbnNwYXJlbnQgMjUlLCB0cmFuc3BhcmVudCksXCIgK1xuICAgICAgICBcImxpbmVhci1ncmFkaWVudCggNDVkZWcsIHRyYW5zcGFyZW50IDc1JSwgIzU1NSA3NSUpLFwiICtcbiAgICAgICAgXCJsaW5lYXItZ3JhZGllbnQoLTQ1ZGVnLCB0cmFuc3BhcmVudCA3NSUsICM1NTUgNzUlKVwiXG59KTtcblxuY29uc3QgaWNvblBhbGV0dGVTdHlsZSA9IGNzcyh7XG4gICAgaGVpZ2h0OiAyMCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbWFyZ2luVG9wOiAxLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCJcbn0pO1xuXG5jb25zdCBDT0xPUlMgPSB7XG4gICAgbGlnaHRHcmF5OiBcImhzbGEoMCwgMCUsIDk3JSwgMSlcIixcbiAgICBncmF5OiBcImhzbGEoMzAwLCAyJSwgOTIlLCAxKVwiLFxuICAgIGRhcmtHcmF5OiBcImhzbGEoMCwgMCUsIDcwJSwgMSlcIixcbiAgICBkYXJrZXN0R3JheTogXCJoc2xhKDAsIDAlLCAyMCUsIDEpXCIsXG4gICAgYmxhY2s6IFwiaHNsYSgyMDgsIDEwMCUsIDUlLCAxKVwiXG59O1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gICAgc2VsZWN0ZWRDb2xvcjogY3NzKHtcbiAgICAgICAgYm94U2hhZG93OiBcIjBweCAwcHggMHB4IDJweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiXG4gICAgfSksXG4gICAgYnV0dG9uOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICBoZWlnaHQ6IDMwLFxuICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SUy5ncmF5IH0sXG4gICAgICAgIFwiJjpmb2N1czpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIlxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCJcbiAgICAgICAgfSxcbiAgICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgICAgICB3aWR0aDogMTYsXG4gICAgICAgICAgICBoZWlnaHQ6IDE2XG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBjb2xvcjogY3NzKHtcbiAgICAgICAgd2lkdGg6IFwiNDBweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiXG4gICAgfSlcbn07XG5cbmludGVyZmFjZSBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcyB7XG4gICAgdmFsdWU6IHN0cmluZztcbiAgICBvbkNoYW5nZT86IChjb2xvcjogc3RyaW5nKSA9PiB2b2lkO1xuICAgIG9uQ2hhbmdlQ29tcGxldGU6IChjb2xvcjogc3RyaW5nLCBuYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICAgIGhhbmRsZXJDbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjb25zdCBMZXhpY2FsQ29sb3JQaWNrZXIgPSAoe1xuICAgIHZhbHVlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2hhbmdlQ29tcGxldGVcbn06IExleGljYWxDb2xvclBpY2tlclByb3BzKSA9PiB7XG4gICAgY29uc3QgW3Nob3dQaWNrZXIsIHNldFNob3dQaWNrZXJdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIC8vIEVpdGhlciBhIGN1c3RvbSBjb2xvciBvciBhIGNvbG9yIGNvbWluZyBmcm9tIHRoZSB0aGVtZSBvYmplY3QuXG4gICAgY29uc3QgW2FjdHVhbFNlbGVjdGVkQ29sb3IsIHNldEFjdHVhbFNlbGVjdGVkQ29sb3JdID0gdXNlU3RhdGUodmFsdWUgfHwgXCIjZmZmXCIpO1xuICAgIGxldCB0aGVtZUNvbG9yID0gZmFsc2U7XG5cbiAgICBjb25zdCBnZXRDb2xvclZhbHVlID0gdXNlQ2FsbGJhY2soKHJnYjogUkdCQ29sb3IpID0+IHtcbiAgICAgICAgcmV0dXJuIGByZ2JhKCR7cmdiLnJ9LCAke3JnYi5nfSwgJHtyZ2IuYn0sICR7cmdiLmF9KWA7XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3Qgb25Db2xvckNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoY29sb3I6IENvbG9yU3RhdGUsIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIC8vIGNvbnRyb2xzIG9mIHRoZSBwaWNrZXIgYXJlIHVwZGF0ZWQgYXMgdXNlciBtb3ZlcyB0aGUgbW91c2VcbiAgICAgICAgICAgIGNvbnN0IGN1c3RvbUNvbG9yID0gZ2V0Q29sb3JWYWx1ZShjb2xvci5yZ2IpO1xuICAgICAgICAgICAgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcihjdXN0b21Db2xvcik7XG4gICAgICAgICAgICBpZiAodHlwZW9mIG9uQ2hhbmdlID09PSBcImZ1bmN0aW9uXCIpIHtcbiAgICAgICAgICAgICAgICBvbkNoYW5nZShjdXN0b21Db2xvcik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFtvbkNoYW5nZV1cbiAgICApO1xuXG4gICAgY29uc3Qgb25Db2xvckNoYW5nZUNvbXBsZXRlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICh7IHJnYiB9OiBDb2xvclN0YXRlLCBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IodmFsdWUpO1xuICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShnZXRDb2xvclZhbHVlKHJnYikpO1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgfSxcbiAgICAgICAgW29uQ2hhbmdlQ29tcGxldGVdXG4gICAgKTtcblxuICAgIGNvbnN0IHRvZ2dsZVBpY2tlciA9IHVzZUNhbGxiYWNrKChlOiBTeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgICBzZXRTaG93UGlja2VyKCFzaG93UGlja2VyKTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBwYWdlRWxlbWVudHMgPSB1c2VQYWdlRWxlbWVudHMoKTtcblxuICAgIGNvbnN0IHRoZW1lQ29sb3JzOiBSZWNvcmQ8c3RyaW5nLCBhbnk+ID0ge307XG4gICAgY29uc3QgY29sb3JzID0gcGFnZUVsZW1lbnRzLnRoZW1lPy5zdHlsZXM/LmNvbG9ycztcbiAgICBpZiAoY29sb3JzKSB7XG4gICAgICAgIGZvciAoY29uc3Qga2V5IGluIGNvbG9ycykge1xuICAgICAgICAgICAgaWYgKGNvbG9yc1trZXldKSB7XG4gICAgICAgICAgICAgICAgdGhlbWVDb2xvcnNba2V5XSA9IGNvbG9yc1trZXldO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbG9yUGlja2VyU3R5bGU+XG4gICAgICAgICAgICB7T2JqZWN0LmtleXModGhlbWVDb2xvcnMpLm1hcCgoa2V5LCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICAgIGNvbnN0IGNvbG9yID0gdGhlbWVDb2xvcnNba2V5XTtcblxuICAgICAgICAgICAgICAgIGlmIChjb2xvciA9PT0gdmFsdWUgfHwgdmFsdWUgPT09IFwidHJhbnNwYXJlbnRcIikge1xuICAgICAgICAgICAgICAgICAgICB0aGVtZUNvbG9yID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPENvbG9yQm94IGtleT17aW5kZXh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtrZXkgPT09IHZhbHVlID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IGJhY2tncm91bmRDb2xvcjogY29sb3IgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8vIFdpdGggcGFnZSBlbGVtZW50cyBpbXBsZW1lbnRhdGlvbiwgd2Ugd2FudCB0byBzdG9yZSB0aGUgY29sb3Iga2V5IGFuZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvLyB0aGVuIHRoZSBhY3R1YWwgY29sb3Igd2lsbCBiZSByZXRyaWV2ZWQgZnJvbSB0aGUgdGhlbWUgb2JqZWN0LlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBjb2xvcnMgPSBwYWdlRWxlbWVudHMudGhlbWU/LnN0eWxlcz8uY29sb3JzO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZUNvbXBsZXRlKGNvbG9yc1trZXldLCBrZXkpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L0NvbG9yQm94PlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cblxuICAgICAgICAgICAgPENvbG9yQm94PlxuICAgICAgICAgICAgICAgIDxDb2xvclxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXModHJhbnNwYXJlbnQsIHtcbiAgICAgICAgICAgICAgICAgICAgICAgIFtzdHlsZXMuc2VsZWN0ZWRDb2xvcl06IHZhbHVlID09PSBcInRyYW5zcGFyZW50XCJcbiAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGUoXCJ0cmFuc3BhcmVudFwiKTtcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9Db2xvckJveD5cblxuICAgICAgICAgICAgPENvbG9yQm94PlxuICAgICAgICAgICAgICAgIDxDb2xvclxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e3ZhbHVlICYmICF0aGVtZUNvbG9yID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifVxuICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lQ29sb3IgPyBcIiNmZmZcIiA6IHZhbHVlIH19XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3RvZ2dsZVBpY2tlcn1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgIDxJY29uUGFsZXR0ZSBjbGFzc05hbWU9e2ljb25QYWxldHRlU3R5bGV9IC8+XG4gICAgICAgICAgICAgICAgPC9Db2xvcj5cbiAgICAgICAgICAgIDwvQ29sb3JCb3g+XG5cbiAgICAgICAgICAgIHtzaG93UGlja2VyICYmIChcbiAgICAgICAgICAgICAgICA8Q2hyb21lUGlja2VyXG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPXthY3R1YWxTZWxlY3RlZENvbG9yfVxuICAgICAgICAgICAgICAgICAgICAvLyBUT0RPIGZpZ3VyZSBvdXQgdHlwZXMgZm9yIHRoZSBwcm9wc1xuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25Db2xvckNoYW5nZSBhcyBPbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGU9e29uQ29sb3JDaGFuZ2VDb21wbGV0ZSBhcyBPbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgIDwvQ29sb3JQaWNrZXJTdHlsZT5cbiAgICApO1xufTtcbiJdfQ== */",
+  name: "ycm87k",
+  styles: "cursor:pointer;width:40px;height:40px;border-radius:50%;margin:5px;border:1px solid var(--mdc-theme-on-background);padding:3px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJpQiIsImZpbGUiOiJMZXhpY2FsQ29sb3JQaWNrZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSwgU3ludGhldGljRXZlbnQsIHVzZUVmZmVjdCwgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgdXNlUGFnZUVsZW1lbnRzIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLXBhZ2UtYnVpbGRlci1lbGVtZW50cy9ob29rcy91c2VQYWdlRWxlbWVudHNcIjtcbmltcG9ydCB7IENocm9tZVBpY2tlciwgQ29sb3JTdGF0ZSwgUkdCQ29sb3IgfSBmcm9tIFwicmVhY3QtY29sb3JcIjtcbmltcG9ydCB7IE9uQ2hhbmdlSGFuZGxlciB9IGZyb20gXCJyZWFjdC1jb2xvci9saWIvY29tcG9uZW50cy9jb21tb24vQ29sb3JXcmFwXCI7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVG9vbHRpcFwiO1xuXG4vLyBJY29uc1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgSWNvblBhbGV0dGUgfSBmcm9tIFwiLi9yb3VuZC1jb2xvcl9sZW5zLTI0cHguc3ZnXCI7XG5cbmNvbnN0IENvbG9yUGlja2VyU3R5bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleFdyYXA6IFwid3JhcFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgICB3aWR0aDogMjQwLFxuICAgIHBhZGRpbmc6IDE1LFxuICAgIGJhY2tncm91bmRDb2xvcjogXCIjZmZmXCJcbn0pO1xuXG5jb25zdCBDb2xvckJveCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB3aWR0aDogNDAsXG4gICAgaGVpZ2h0OiA0MCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgbWFyZ2luOiA1LFxuICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgcGFkZGluZzogM1xufSk7XG5cbmNvbnN0IENvbG9yID0gc3R5bGVkKFwiYnV0dG9uXCIpKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiA0MCxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIHRyYW5zaXRpb246IFwidHJhbnNmb3JtIDAuMXMsIGJvcmRlciAwLjJzXCIsXG4gICAgYm9yZGVyQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICBcIiY6OmFmdGVyXCI6IHtcbiAgICAgICAgdHJhbnNpdGlvbjogXCJvcGFjaXR5IDAuNXMgY3ViaWMtYmV6aWVyKDAuMTY1LCAwLjg0LCAwLjQ0LCAxKVwiLFxuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB6SW5kZXg6IC0xLFxuICAgICAgICBvcGFjaXR5OiAwXG4gICAgfSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICB0cmFuc2Zvcm06IFwic2NhbGUoMS4xKVwiLFxuICAgICAgICBib3hTaGFkb3c6IFwiMCAwLjI1cmVtIDAuMTI1cmVtIDAgcmdiYSgwLDAsMCwwLjA1KVwiLFxuICAgICAgICBcIiY6OmFmdGVyXCI6IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDFcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuXG5jb25zdCBpY29uUGFsZXR0ZVN0eWxlID0gY3NzKHtcbiAgICBoZWlnaHQ6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBtYXJnaW5Ub3A6IDEsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIlxufSk7XG5cbmNvbnN0IENPTE9SUyA9IHtcbiAgICBsaWdodEdyYXk6IFwiaHNsYSgwLCAwJSwgOTclLCAxKVwiLFxuICAgIGdyYXk6IFwiaHNsYSgzMDAsIDIlLCA5MiUsIDEpXCIsXG4gICAgZGFya0dyYXk6IFwiaHNsYSgwLCAwJSwgNzAlLCAxKVwiLFxuICAgIGRhcmtlc3RHcmF5OiBcImhzbGEoMCwgMCUsIDIwJSwgMSlcIixcbiAgICBibGFjazogXCJoc2xhKDIwOCwgMTAwJSwgNSUsIDEpXCJcbn07XG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgICBzZWxlY3RlZENvbG9yOiBjc3Moe1xuICAgICAgICBib3hTaGFkb3c6IFwiaW5zZXQgMHB4IDBweCAwcHggMTBweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBidXR0b246IHtcbiAgICAgICAgICAgIGJvcmRlcjogXCI1cHggc29saWQgdmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCJcbiAgICAgICAgfVxuICAgIH0pLFxuICAgIGJ1dHRvbjogY3NzKHtcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgaGVpZ2h0OiAzMCxcbiAgICAgICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICAgICAgXCImOmhvdmVyOm5vdCg6ZGlzYWJsZWQpXCI6IHsgYmFja2dyb3VuZENvbG9yOiBDT0xPUlMuZ3JheSB9LFxuICAgICAgICBcIiY6Zm9jdXM6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICAgICAgb3V0bGluZTogXCJub25lXCJcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDAuNSxcbiAgICAgICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiXG4gICAgICAgIH0sXG4gICAgICAgIFwiJiBzdmdcIjoge1xuICAgICAgICAgICAgd2lkdGg6IDE2LFxuICAgICAgICAgICAgaGVpZ2h0OiAxNlxuICAgICAgICB9XG4gICAgfSksXG4gICAgY29sb3I6IGNzcyh7XG4gICAgICAgIHdpZHRoOiBcIjQwcHhcIixcbiAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIlxuICAgIH0pXG59O1xuXG5jb25zdCBjaHJvbWVQaWNrZXJTdHlsZSA9IGNzcyh7XG4gICAgd2lkdGg6IFwiMjcwcHggIWltcG9ydGFudFwiLFxuICAgIG1hcmdpbjogXCIxNXB4IC0xNXB4IC0xNXB4IC0xNXB4XCJcbn0pO1xuXG5pbnRlcmZhY2UgTGV4aWNhbENvbG9yUGlja2VyUHJvcHMge1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgb25DaGFuZ2U/OiAoY29sb3I6IHN0cmluZykgPT4gdm9pZDtcbiAgICBvbkNoYW5nZUNvbXBsZXRlOiAoY29sb3I6IHN0cmluZywgbmFtZT86IHN0cmluZykgPT4gdm9pZDtcbiAgICBoYW5kbGVyQ2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5jb25zdCBzaG93UGlja2VyU3R5bGUgPSB7IGRpc3BsYXk6IFwiYmxvY2tcIiB9O1xuY29uc3QgaGlkZVBpY2tlclN0eWxlID0geyBkaXNwbGF5OiBcIm5vbmVcIiB9O1xuXG5leHBvcnQgY29uc3QgTGV4aWNhbENvbG9yUGlja2VyID0gKHtcbiAgICB2YWx1ZSxcbiAgICBvbkNoYW5nZSxcbiAgICBvbkNoYW5nZUNvbXBsZXRlXG59OiBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICAvLyBFaXRoZXIgYSBjdXN0b20gY29sb3Igb3IgYSBjb2xvciBjb21pbmcgZnJvbSB0aGUgdGhlbWUgb2JqZWN0LlxuICAgIGNvbnN0IFthY3R1YWxTZWxlY3RlZENvbG9yLCBzZXRBY3R1YWxTZWxlY3RlZENvbG9yXSA9IHVzZVN0YXRlKHZhbHVlIHx8IFwiI2ZmZlwiKTtcbiAgICBjb25zdCBbaXNUaGVtZUNvbG9yLCBzZXRJc1RoZW1lQ29sb3JdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKHZhbHVlKTtcbiAgICAgICAgfVxuICAgIH0sIFt2YWx1ZV0pO1xuXG4gICAgY29uc3QgZ2V0Q29sb3JWYWx1ZSA9IHVzZUNhbGxiYWNrKChyZ2I6IFJHQkNvbG9yLCBhbHBoYT86IG51bWJlcikgPT4ge1xuICAgICAgICByZXR1cm4gYHJnYmEoJHtyZ2Iucn0sICR7cmdiLmd9LCAke3JnYi5ifSwgJHthbHBoYSA/PyByZ2IuYX0pYDtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChjb2xvcjogQ29sb3JTdGF0ZSwgZXZlbnQ6IFJlYWN0LlN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgLy8gY29udHJvbHMgb2YgdGhlIHBpY2tlciBhcmUgdXBkYXRlZCBhcyB1c2VyIG1vdmVzIHRoZSBtb3VzZVxuICAgICAgICAgICAgY29uc3QgY3VzdG9tQ29sb3IgPSBnZXRDb2xvclZhbHVlKGNvbG9yLnJnYiwgY29sb3IucmdiLmEgPT09IDAgPyAxIDogY29sb3IucmdiLmEpO1xuICAgICAgICAgICAgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcihjdXN0b21Db2xvcik7XG4gICAgICAgICAgICBpZiAodHlwZW9mIG9uQ2hhbmdlID09PSBcImZ1bmN0aW9uXCIpIHtcbiAgICAgICAgICAgICAgICBvbkNoYW5nZShjdXN0b21Db2xvcik7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFtvbkNoYW5nZV1cbiAgICApO1xuXG4gICAgY29uc3Qgb25Db2xvckNoYW5nZUNvbXBsZXRlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICh7IHJnYiB9OiBDb2xvclN0YXRlLCBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBjb25zdCBjb2xvciA9IGdldENvbG9yVmFsdWUocmdiLCByZ2IuYSA9PT0gMCA/IDEgOiByZ2IuYSk7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGNvbG9yKTtcbiAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGUoY29sb3IpO1xuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2VDb21wbGV0ZV1cbiAgICApO1xuXG4gICAgY29uc3QgdG9nZ2xlUGlja2VyID0gdXNlQ2FsbGJhY2soKGU6IFN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIHNldFNob3dQaWNrZXIoc3RhdGUgPT4gIXN0YXRlKTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBwYWdlRWxlbWVudHMgPSB1c2VQYWdlRWxlbWVudHMoKTtcblxuICAgIGNvbnN0IHRoZW1lQ29sb3JzOiBSZWNvcmQ8c3RyaW5nLCBhbnk+ID0gdXNlTWVtbygoKSA9PiB7XG4gICAgICAgIGNvbnN0IGNvbG9ycyA9IHBhZ2VFbGVtZW50cy50aGVtZT8uc3R5bGVzPy5jb2xvcnMgPz8ge307XG5cbiAgICAgICAgcmV0dXJuIE9iamVjdC5rZXlzKGNvbG9ycykucmVkdWNlKChhY2MsIGtleSkgPT4ge1xuICAgICAgICAgICAgcmV0dXJuIHsgLi4uYWNjLCBba2V5XTogY29sb3JzW2tleV0gfTtcbiAgICAgICAgfSwge30pO1xuICAgIH0sIFtwYWdlRWxlbWVudHMudGhlbWU/LnN0eWxlcz8uY29sb3JzXSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBjb25zdCBpc1RoZW1lQ29sb3IgPSBPYmplY3Qua2V5cyh0aGVtZUNvbG9ycykuc29tZShrZXkgPT4gdGhlbWVDb2xvcnNba2V5XSA9PT0gdmFsdWUpO1xuICAgICAgICBzZXRJc1RoZW1lQ29sb3IoaXNUaGVtZUNvbG9yKTtcbiAgICB9LCBbdGhlbWVDb2xvcnMsIHZhbHVlXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29sb3JQaWNrZXJTdHlsZT5cbiAgICAgICAgICAgIHtPYmplY3Qua2V5cyh0aGVtZUNvbG9ycykubWFwKChrZXksIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgY29sb3IgPSB0aGVtZUNvbG9yc1trZXldO1xuXG4gICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPENvbG9yQm94IGtleT17aW5kZXh9IGNsYXNzTmFtZT17Y29sb3IgPT09IHZhbHVlID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9ezxzcGFuPntjb2xvcn08L3NwYW4+fSBwbGFjZW1lbnQ9XCJib3R0b21cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q29sb3JcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgYmFja2dyb3VuZENvbG9yOiBjb2xvciB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvLyBXaXRoIHBhZ2UgZWxlbWVudHMgaW1wbGVtZW50YXRpb24sIHdlIHdhbnQgdG8gc3RvcmUgdGhlIGNvbG9yIGtleSBhbmRcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8vIHRoZW4gdGhlIGFjdHVhbCBjb2xvciB3aWxsIGJlIHJldHJpZXZlZCBmcm9tIHRoZSB0aGVtZSBvYmplY3QuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25zdCBjb2xvcnMgPSBwYWdlRWxlbWVudHMudGhlbWU/LnN0eWxlcz8uY29sb3JzO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShjb2xvcnNba2V5XSwga2V5KTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgICAgICAgICA8L0NvbG9yQm94PlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cblxuICAgICAgICAgICAgPENvbG9yQm94IGNsYXNzTmFtZT17dmFsdWUgJiYgIWlzVGhlbWVDb2xvciA/IHN0eWxlcy5zZWxlY3RlZENvbG9yIDogXCJcIn0+XG4gICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17PHNwYW4+Q29sb3IgcGlja2VyPC9zcGFuPn0gcGxhY2VtZW50PVwiYm90dG9tXCI+XG4gICAgICAgICAgICAgICAgICAgIDxDb2xvclxuICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgYmFja2dyb3VuZENvbG9yOiBpc1RoZW1lQ29sb3IgPyBcIiNmZmZcIiA6IHZhbHVlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVQaWNrZXJ9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uUGFsZXR0ZSBjbGFzc05hbWU9e2ljb25QYWxldHRlU3R5bGV9IC8+XG4gICAgICAgICAgICAgICAgICAgIDwvQ29sb3I+XG4gICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgPC9Db2xvckJveD5cblxuICAgICAgICAgICAgPGRpdiBzdHlsZT17c2hvd1BpY2tlciA/IHNob3dQaWNrZXJTdHlsZSA6IGhpZGVQaWNrZXJTdHlsZX0+XG4gICAgICAgICAgICAgICAgPENocm9tZVBpY2tlclxuICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Nocm9tZVBpY2tlclN0eWxlfVxuICAgICAgICAgICAgICAgICAgICBjb2xvcj17YWN0dWFsU2VsZWN0ZWRDb2xvcn1cbiAgICAgICAgICAgICAgICAgICAgZGlzYWJsZUFscGhhPXt0cnVlfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25Db2xvckNoYW5nZSBhcyBPbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGU9e29uQ29sb3JDaGFuZ2VDb21wbGV0ZSBhcyBPbkNoYW5nZUhhbmRsZXJ9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbG9yUGlja2VyU3R5bGU+XG4gICAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var Color = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
@@ -52,13 +53,13 @@ var Color = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "
 })({
   cursor: "pointer",
   width: 40,
-  height: 30,
-  border: "1px solid var(--mdc-theme-on-background)",
-  transition: "transform 0.2s, scale 0.2s",
+  height: 40,
+  transition: "transform 0.1s, border 0.2s",
+  borderColor: "transparent",
   display: "flex",
   alignItems: "center",
+  borderRadius: "50%",
   "&::after": {
-    boxShadow: "0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)",
     transition: "opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)",
     content: '""',
     position: "absolute",
@@ -70,16 +71,13 @@ var Color = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "
     opacity: 0
   },
   "&:hover": {
-    transform: "scale(1.25)",
+    transform: "scale(1.1)",
+    boxShadow: "0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)",
     "&::after": {
       opacity: 1
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJjIiwiZmlsZSI6IkxleGljYWxDb2xvclBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCBTeW50aGV0aWNFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgdXNlUGFnZUVsZW1lbnRzIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLXBhZ2UtYnVpbGRlci1lbGVtZW50cy9ob29rcy91c2VQYWdlRWxlbWVudHNcIjtcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgeyBDaHJvbWVQaWNrZXIsIENvbG9yU3RhdGUsIFJHQkNvbG9yIH0gZnJvbSBcInJlYWN0LWNvbG9yXCI7XG5pbXBvcnQgeyBPbkNoYW5nZUhhbmRsZXIgfSBmcm9tIFwicmVhY3QtY29sb3IvbGliL2NvbXBvbmVudHMvY29tbW9uL0NvbG9yV3JhcFwiO1xuXG4vLyBJY29uc1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgSWNvblBhbGV0dGUgfSBmcm9tIFwiLi9yb3VuZC1jb2xvcl9sZW5zLTI0cHguc3ZnXCI7XG5cbmNvbnN0IENvbG9yUGlja2VyU3R5bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleFdyYXA6IFwid3JhcFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgICB3aWR0aDogMjI1LFxuICAgIHBhZGRpbmc6IDAsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNmZmZcIlxufSk7XG5cbmNvbnN0IENvbG9yQm94ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiA1MCxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIG1hcmdpbjogMTAsXG4gICAgYm9yZGVyUmFkaXVzOiAyXG59KTtcblxuY29uc3QgQ29sb3IgPSBzdHlsZWQoXCJidXR0b25cIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogMzAsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICB0cmFuc2l0aW9uOiBcInRyYW5zZm9ybSAwLjJzLCBzY2FsZSAwLjJzXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBcIiY6OmFmdGVyXCI6IHtcbiAgICAgICAgYm94U2hhZG93OiBcIjAgMC4yNXJlbSAwLjEyNXJlbSAwIHJnYmEoMCwwLDAsMC4wNSlcIixcbiAgICAgICAgdHJhbnNpdGlvbjogXCJvcGFjaXR5IDAuNXMgY3ViaWMtYmV6aWVyKDAuMTY1LCAwLjg0LCAwLjQ0LCAxKVwiLFxuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB6SW5kZXg6IC0xLFxuICAgICAgICBvcGFjaXR5OiAwXG4gICAgfSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICB0cmFuc2Zvcm06IFwic2NhbGUoMS4yNSlcIixcbiAgICAgICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAxXG4gICAgICAgIH1cbiAgICB9XG59KTtcblxuY29uc3QgdHJhbnNwYXJlbnQgPSBjc3Moe1xuICAgIGJhY2tncm91bmRTaXplOiBcIjEwcHggMTBweFwiLFxuICAgIGJhY2tncm91bmRJbWFnZTpcbiAgICAgICAgXCJsaW5lYXItZ3JhZGllbnQoIDQ1ZGVnLCAjNTU1IDI1JSwgdHJhbnNwYXJlbnQgMjUlLCB0cmFuc3BhcmVudCksXCIgK1xuICAgICAgICBcImxpbmVhci1ncmFkaWVudCgtNDVkZWcsICM1NTUgMjUlLCB0cmFuc3BhcmVudCAyNSUsIHRyYW5zcGFyZW50KSxcIiArXG4gICAgICAgIFwibGluZWFyLWdyYWRpZW50KCA0NWRlZywgdHJhbnNwYXJlbnQgNzUlLCAjNTU1IDc1JSksXCIgK1xuICAgICAgICBcImxpbmVhci1ncmFkaWVudCgtNDVkZWcsIHRyYW5zcGFyZW50IDc1JSwgIzU1NSA3NSUpXCJcbn0pO1xuXG5jb25zdCBpY29uUGFsZXR0ZVN0eWxlID0gY3NzKHtcbiAgICBoZWlnaHQ6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBtYXJnaW5Ub3A6IDEsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIlxufSk7XG5cbmNvbnN0IENPTE9SUyA9IHtcbiAgICBsaWdodEdyYXk6IFwiaHNsYSgwLCAwJSwgOTclLCAxKVwiLFxuICAgIGdyYXk6IFwiaHNsYSgzMDAsIDIlLCA5MiUsIDEpXCIsXG4gICAgZGFya0dyYXk6IFwiaHNsYSgwLCAwJSwgNzAlLCAxKVwiLFxuICAgIGRhcmtlc3RHcmF5OiBcImhzbGEoMCwgMCUsIDIwJSwgMSlcIixcbiAgICBibGFjazogXCJoc2xhKDIwOCwgMTAwJSwgNSUsIDEpXCJcbn07XG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgICBzZWxlY3RlZENvbG9yOiBjc3Moe1xuICAgICAgICBib3hTaGFkb3c6IFwiMHB4IDBweCAwcHggMnB4IHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCJcbiAgICB9KSxcbiAgICBidXR0b246IGNzcyh7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgIGhlaWdodDogMzAsXG4gICAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICAgIFwiJjpob3Zlcjpub3QoOmRpc2FibGVkKVwiOiB7IGJhY2tncm91bmRDb2xvcjogQ09MT1JTLmdyYXkgfSxcbiAgICAgICAgXCImOmZvY3VzOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIlxuICAgICAgICB9LFxuICAgICAgICBcIiYgc3ZnXCI6IHtcbiAgICAgICAgICAgIHdpZHRoOiAxNixcbiAgICAgICAgICAgIGhlaWdodDogMTZcbiAgICAgICAgfVxuICAgIH0pLFxuICAgIGNvbG9yOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCI0MHB4XCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCJcbiAgICB9KVxufTtcblxuaW50ZXJmYWNlIExleGljYWxDb2xvclBpY2tlclByb3BzIHtcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIG9uQ2hhbmdlPzogKGNvbG9yOiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgb25DaGFuZ2VDb21wbGV0ZTogKGNvbG9yOiBzdHJpbmcsIG5hbWU/OiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgaGFuZGxlckNsYXNzTmFtZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGNvbnN0IExleGljYWxDb2xvclBpY2tlciA9ICh7XG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgb25DaGFuZ2VDb21wbGV0ZVxufTogTGV4aWNhbENvbG9yUGlja2VyUHJvcHMpID0+IHtcbiAgICBjb25zdCBbc2hvd1BpY2tlciwgc2V0U2hvd1BpY2tlcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgLy8gRWl0aGVyIGEgY3VzdG9tIGNvbG9yIG9yIGEgY29sb3IgY29taW5nIGZyb20gdGhlIHRoZW1lIG9iamVjdC5cbiAgICBjb25zdCBbYWN0dWFsU2VsZWN0ZWRDb2xvciwgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcl0gPSB1c2VTdGF0ZSh2YWx1ZSB8fCBcIiNmZmZcIik7XG4gICAgbGV0IHRoZW1lQ29sb3IgPSBmYWxzZTtcblxuICAgIGNvbnN0IGdldENvbG9yVmFsdWUgPSB1c2VDYWxsYmFjaygocmdiOiBSR0JDb2xvcikgPT4ge1xuICAgICAgICByZXR1cm4gYHJnYmEoJHtyZ2Iucn0sICR7cmdiLmd9LCAke3JnYi5ifSwgJHtyZ2IuYX0pYDtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChjb2xvcjogQ29sb3JTdGF0ZSwgZXZlbnQ6IFJlYWN0LlN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgLy8gY29udHJvbHMgb2YgdGhlIHBpY2tlciBhcmUgdXBkYXRlZCBhcyB1c2VyIG1vdmVzIHRoZSBtb3VzZVxuICAgICAgICAgICAgY29uc3QgY3VzdG9tQ29sb3IgPSBnZXRDb2xvclZhbHVlKGNvbG9yLnJnYik7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIGlmICh0eXBlb2Ygb25DaGFuZ2UgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICAgICAgICAgIG9uQ2hhbmdlKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgW29uQ2hhbmdlXVxuICAgICk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlQ29tcGxldGUgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHsgcmdiIH06IENvbG9yU3RhdGUsIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcih2YWx1ZSk7XG4gICAgICAgICAgICBvbkNoYW5nZUNvbXBsZXRlKGdldENvbG9yVmFsdWUocmdiKSk7XG4gICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2VDb21wbGV0ZV1cbiAgICApO1xuXG4gICAgY29uc3QgdG9nZ2xlUGlja2VyID0gdXNlQ2FsbGJhY2soKGU6IFN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIHNldFNob3dQaWNrZXIoIXNob3dQaWNrZXIpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHBhZ2VFbGVtZW50cyA9IHVzZVBhZ2VFbGVtZW50cygpO1xuXG4gICAgY29uc3QgdGhlbWVDb2xvcnM6IFJlY29yZDxzdHJpbmcsIGFueT4gPSB7fTtcbiAgICBjb25zdCBjb2xvcnMgPSBwYWdlRWxlbWVudHMudGhlbWU/LnN0eWxlcz8uY29sb3JzO1xuICAgIGlmIChjb2xvcnMpIHtcbiAgICAgICAgZm9yIChjb25zdCBrZXkgaW4gY29sb3JzKSB7XG4gICAgICAgICAgICBpZiAoY29sb3JzW2tleV0pIHtcbiAgICAgICAgICAgICAgICB0aGVtZUNvbG9yc1trZXldID0gY29sb3JzW2tleV07XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29sb3JQaWNrZXJTdHlsZT5cbiAgICAgICAgICAgIHtPYmplY3Qua2V5cyh0aGVtZUNvbG9ycykubWFwKChrZXksIGluZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc3QgY29sb3IgPSB0aGVtZUNvbG9yc1trZXldO1xuXG4gICAgICAgICAgICAgICAgaWYgKGNvbG9yID09PSB2YWx1ZSB8fCB2YWx1ZSA9PT0gXCJ0cmFuc3BhcmVudFwiKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoZW1lQ29sb3IgPSB0cnVlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8Q29sb3JCb3gga2V5PXtpbmRleH0+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29sb3JcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2tleSA9PT0gdmFsdWUgPyBzdHlsZXMuc2VsZWN0ZWRDb2xvciA6IFwiXCJ9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgYmFja2dyb3VuZENvbG9yOiBjb2xvciB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLy8gV2l0aCBwYWdlIGVsZW1lbnRzIGltcGxlbWVudGF0aW9uLCB3ZSB3YW50IHRvIHN0b3JlIHRoZSBjb2xvciBrZXkgYW5kXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8vIHRoZW4gdGhlIGFjdHVhbCBjb2xvciB3aWxsIGJlIHJldHJpZXZlZCBmcm9tIHRoZSB0aGVtZSBvYmplY3QuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGNvbG9ycyA9IHBhZ2VFbGVtZW50cy50aGVtZT8uc3R5bGVzPy5jb2xvcnM7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGUoY29sb3JzW2tleV0sIGtleSk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvQ29sb3JCb3g+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuXG4gICAgICAgICAgICA8Q29sb3JCb3g+XG4gICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyh0cmFuc3BhcmVudCwge1xuICAgICAgICAgICAgICAgICAgICAgICAgW3N0eWxlcy5zZWxlY3RlZENvbG9yXTogdmFsdWUgPT09IFwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShcInRyYW5zcGFyZW50XCIpO1xuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8L0NvbG9yQm94PlxuXG4gICAgICAgICAgICA8Q29sb3JCb3g+XG4gICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17dmFsdWUgJiYgIXRoZW1lQ29sb3IgPyBzdHlsZXMuc2VsZWN0ZWRDb2xvciA6IFwiXCJ9XG4gICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IGJhY2tncm91bmRDb2xvcjogdGhlbWVDb2xvciA/IFwiI2ZmZlwiIDogdmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlUGlja2VyfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPEljb25QYWxldHRlIGNsYXNzTmFtZT17aWNvblBhbGV0dGVTdHlsZX0gLz5cbiAgICAgICAgICAgICAgICA8L0NvbG9yPlxuICAgICAgICAgICAgPC9Db2xvckJveD5cblxuICAgICAgICAgICAge3Nob3dQaWNrZXIgJiYgKFxuICAgICAgICAgICAgICAgIDxDaHJvbWVQaWNrZXJcbiAgICAgICAgICAgICAgICAgICAgY29sb3I9e2FjdHVhbFNlbGVjdGVkQ29sb3J9XG4gICAgICAgICAgICAgICAgICAgIC8vIFRPRE8gZmlndXJlIG91dCB0eXBlcyBmb3IgdGhlIHByb3BzXG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNvbG9yQ2hhbmdlIGFzIE9uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZT17b25Db2xvckNoYW5nZUNvbXBsZXRlIGFzIE9uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgPC9Db2xvclBpY2tlclN0eWxlPlxuICAgICk7XG59O1xuIl19 */");
-var transparent = (0, _emotion.css)({
-  backgroundSize: "10px 10px",
-  backgroundImage: "linear-gradient( 45deg, #555 25%, transparent 25%, transparent)," + "linear-gradient(-45deg, #555 25%, transparent 25%, transparent)," + "linear-gradient( 45deg, transparent 75%, #555 75%)," + "linear-gradient(-45deg, transparent 75%, #555 75%)"
-});
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JjIiwiZmlsZSI6IkxleGljYWxDb2xvclBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCBTeW50aGV0aWNFdmVudCwgdXNlRWZmZWN0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyB1c2VQYWdlRWxlbWVudHMgfSBmcm9tIFwiQHdlYmlueS9hcHAtcGFnZS1idWlsZGVyLWVsZW1lbnRzL2hvb2tzL3VzZVBhZ2VFbGVtZW50c1wiO1xuaW1wb3J0IHsgQ2hyb21lUGlja2VyLCBDb2xvclN0YXRlLCBSR0JDb2xvciB9IGZyb20gXCJyZWFjdC1jb2xvclwiO1xuaW1wb3J0IHsgT25DaGFuZ2VIYW5kbGVyIH0gZnJvbSBcInJlYWN0LWNvbG9yL2xpYi9jb21wb25lbnRzL2NvbW1vbi9Db2xvcldyYXBcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5cbi8vIEljb25zXG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBJY29uUGFsZXR0ZSB9IGZyb20gXCIuL3JvdW5kLWNvbG9yX2xlbnMtMjRweC5zdmdcIjtcblxuY29uc3QgQ29sb3JQaWNrZXJTdHlsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIHdpZHRoOiAyNDAsXG4gICAgcGFkZGluZzogMTUsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNmZmZcIlxufSk7XG5cbmNvbnN0IENvbG9yQm94ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiA0MCxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICBtYXJnaW46IDUsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBwYWRkaW5nOiAzXG59KTtcblxuY29uc3QgQ29sb3IgPSBzdHlsZWQoXCJidXR0b25cIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogNDAsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4xcywgYm9yZGVyIDAuMnNcIixcbiAgICBib3JkZXJDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMC41cyBjdWJpYy1iZXppZXIoMC4xNjUsIDAuODQsIDAuNDQsIDEpXCIsXG4gICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogLTEsXG4gICAgICAgIG9wYWNpdHk6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRyYW5zZm9ybTogXCJzY2FsZSgxLjEpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAuMjVyZW0gMC4xMjVyZW0gMCByZ2JhKDAsMCwwLDAuMDUpXCIsXG4gICAgICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IGljb25QYWxldHRlU3R5bGUgPSBjc3Moe1xuICAgIGhlaWdodDogMjAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1hcmdpblRvcDogMSxcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiXG59KTtcblxuY29uc3QgQ09MT1JTID0ge1xuICAgIGxpZ2h0R3JheTogXCJoc2xhKDAsIDAlLCA5NyUsIDEpXCIsXG4gICAgZ3JheTogXCJoc2xhKDMwMCwgMiUsIDkyJSwgMSlcIixcbiAgICBkYXJrR3JheTogXCJoc2xhKDAsIDAlLCA3MCUsIDEpXCIsXG4gICAgZGFya2VzdEdyYXk6IFwiaHNsYSgwLCAwJSwgMjAlLCAxKVwiLFxuICAgIGJsYWNrOiBcImhzbGEoMjA4LCAxMDAlLCA1JSwgMSlcIlxufTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIHNlbGVjdGVkQ29sb3I6IGNzcyh7XG4gICAgICAgIGJveFNoYWRvdzogXCJpbnNldCAwcHggMHB4IDBweCAxMHB4IHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJ1dHRvbjoge1xuICAgICAgICAgICAgYm9yZGVyOiBcIjVweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgYnV0dG9uOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICBoZWlnaHQ6IDMwLFxuICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SUy5ncmF5IH0sXG4gICAgICAgIFwiJjpmb2N1czpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIlxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCJcbiAgICAgICAgfSxcbiAgICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgICAgICB3aWR0aDogMTYsXG4gICAgICAgICAgICBoZWlnaHQ6IDE2XG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBjb2xvcjogY3NzKHtcbiAgICAgICAgd2lkdGg6IFwiNDBweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiXG4gICAgfSlcbn07XG5cbmNvbnN0IGNocm9tZVBpY2tlclN0eWxlID0gY3NzKHtcbiAgICB3aWR0aDogXCIyNzBweCAhaW1wb3J0YW50XCIsXG4gICAgbWFyZ2luOiBcIjE1cHggLTE1cHggLTE1cHggLTE1cHhcIlxufSk7XG5cbmludGVyZmFjZSBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcyB7XG4gICAgdmFsdWU6IHN0cmluZztcbiAgICBvbkNoYW5nZT86IChjb2xvcjogc3RyaW5nKSA9PiB2b2lkO1xuICAgIG9uQ2hhbmdlQ29tcGxldGU6IChjb2xvcjogc3RyaW5nLCBuYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICAgIGhhbmRsZXJDbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IHNob3dQaWNrZXJTdHlsZSA9IHsgZGlzcGxheTogXCJibG9ja1wiIH07XG5jb25zdCBoaWRlUGlja2VyU3R5bGUgPSB7IGRpc3BsYXk6IFwibm9uZVwiIH07XG5cbmV4cG9ydCBjb25zdCBMZXhpY2FsQ29sb3JQaWNrZXIgPSAoe1xuICAgIHZhbHVlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2hhbmdlQ29tcGxldGVcbn06IExleGljYWxDb2xvclBpY2tlclByb3BzKSA9PiB7XG4gICAgY29uc3QgW3Nob3dQaWNrZXIsIHNldFNob3dQaWNrZXJdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIC8vIEVpdGhlciBhIGN1c3RvbSBjb2xvciBvciBhIGNvbG9yIGNvbWluZyBmcm9tIHRoZSB0aGVtZSBvYmplY3QuXG4gICAgY29uc3QgW2FjdHVhbFNlbGVjdGVkQ29sb3IsIHNldEFjdHVhbFNlbGVjdGVkQ29sb3JdID0gdXNlU3RhdGUodmFsdWUgfHwgXCIjZmZmXCIpO1xuICAgIGNvbnN0IFtpc1RoZW1lQ29sb3IsIHNldElzVGhlbWVDb2xvcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IodmFsdWUpO1xuICAgICAgICB9XG4gICAgfSwgW3ZhbHVlXSk7XG5cbiAgICBjb25zdCBnZXRDb2xvclZhbHVlID0gdXNlQ2FsbGJhY2soKHJnYjogUkdCQ29sb3IsIGFscGhhPzogbnVtYmVyKSA9PiB7XG4gICAgICAgIHJldHVybiBgcmdiYSgke3JnYi5yfSwgJHtyZ2IuZ30sICR7cmdiLmJ9LCAke2FscGhhID8/IHJnYi5hfSlgO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IG9uQ29sb3JDaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGNvbG9yOiBDb2xvclN0YXRlLCBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAvLyBjb250cm9scyBvZiB0aGUgcGlja2VyIGFyZSB1cGRhdGVkIGFzIHVzZXIgbW92ZXMgdGhlIG1vdXNlXG4gICAgICAgICAgICBjb25zdCBjdXN0b21Db2xvciA9IGdldENvbG9yVmFsdWUoY29sb3IucmdiLCBjb2xvci5yZ2IuYSA9PT0gMCA/IDEgOiBjb2xvci5yZ2IuYSk7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIGlmICh0eXBlb2Ygb25DaGFuZ2UgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICAgICAgICAgIG9uQ2hhbmdlKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgW29uQ2hhbmdlXVxuICAgICk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlQ29tcGxldGUgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHsgcmdiIH06IENvbG9yU3RhdGUsIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGNvbnN0IGNvbG9yID0gZ2V0Q29sb3JWYWx1ZShyZ2IsIHJnYi5hID09PSAwID8gMSA6IHJnYi5hKTtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IoY29sb3IpO1xuICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShjb2xvcik7XG4gICAgICAgIH0sXG4gICAgICAgIFtvbkNoYW5nZUNvbXBsZXRlXVxuICAgICk7XG5cbiAgICBjb25zdCB0b2dnbGVQaWNrZXIgPSB1c2VDYWxsYmFjaygoZTogU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgc2V0U2hvd1BpY2tlcihzdGF0ZSA9PiAhc3RhdGUpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHBhZ2VFbGVtZW50cyA9IHVzZVBhZ2VFbGVtZW50cygpO1xuXG4gICAgY29uc3QgdGhlbWVDb2xvcnM6IFJlY29yZDxzdHJpbmcsIGFueT4gPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgY29uc3QgY29sb3JzID0gcGFnZUVsZW1lbnRzLnRoZW1lPy5zdHlsZXM/LmNvbG9ycyA/PyB7fTtcblxuICAgICAgICByZXR1cm4gT2JqZWN0LmtleXMoY29sb3JzKS5yZWR1Y2UoKGFjYywga2V5KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4geyAuLi5hY2MsIFtrZXldOiBjb2xvcnNba2V5XSB9O1xuICAgICAgICB9LCB7fSk7XG4gICAgfSwgW3BhZ2VFbGVtZW50cy50aGVtZT8uc3R5bGVzPy5jb2xvcnNdKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGlzVGhlbWVDb2xvciA9IE9iamVjdC5rZXlzKHRoZW1lQ29sb3JzKS5zb21lKGtleSA9PiB0aGVtZUNvbG9yc1trZXldID09PSB2YWx1ZSk7XG4gICAgICAgIHNldElzVGhlbWVDb2xvcihpc1RoZW1lQ29sb3IpO1xuICAgIH0sIFt0aGVtZUNvbG9ycywgdmFsdWVdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb2xvclBpY2tlclN0eWxlPlxuICAgICAgICAgICAge09iamVjdC5rZXlzKHRoZW1lQ29sb3JzKS5tYXAoKGtleSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBjb2xvciA9IHRoZW1lQ29sb3JzW2tleV07XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8Q29sb3JCb3gga2V5PXtpbmRleH0gY2xhc3NOYW1lPXtjb2xvciA9PT0gdmFsdWUgPyBzdHlsZXMuc2VsZWN0ZWRDb2xvciA6IFwiXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17PHNwYW4+e2NvbG9yfTwvc3Bhbj59IHBsYWNlbWVudD1cImJvdHRvbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb2xvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8vIFdpdGggcGFnZSBlbGVtZW50cyBpbXBsZW1lbnRhdGlvbiwgd2Ugd2FudCB0byBzdG9yZSB0aGUgY29sb3Iga2V5IGFuZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLy8gdGhlbiB0aGUgYWN0dWFsIGNvbG9yIHdpbGwgYmUgcmV0cmlldmVkIGZyb20gdGhlIHRoZW1lIG9iamVjdC5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGNvbG9ycyA9IHBhZ2VFbGVtZW50cy50aGVtZT8uc3R5bGVzPy5jb2xvcnM7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZUNvbXBsZXRlKGNvbG9yc1trZXldLCBrZXkpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgICAgIDwvQ29sb3JCb3g+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuXG4gICAgICAgICAgICA8Q29sb3JCb3ggY2xhc3NOYW1lPXt2YWx1ZSAmJiAhaXNUaGVtZUNvbG9yID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifT5cbiAgICAgICAgICAgICAgICA8VG9vbHRpcCBjb250ZW50PXs8c3Bhbj5Db2xvciBwaWNrZXI8L3NwYW4+fSBwbGFjZW1lbnQ9XCJib3R0b21cIj5cbiAgICAgICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGlzVGhlbWVDb2xvciA/IFwiI2ZmZlwiIDogdmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3RvZ2dsZVBpY2tlcn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEljb25QYWxldHRlIGNsYXNzTmFtZT17aWNvblBhbGV0dGVTdHlsZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9Db2xvcj5cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0NvbG9yQm94PlxuXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPXtzaG93UGlja2VyID8gc2hvd1BpY2tlclN0eWxlIDogaGlkZVBpY2tlclN0eWxlfT5cbiAgICAgICAgICAgICAgICA8Q2hyb21lUGlja2VyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2hyb21lUGlja2VyU3R5bGV9XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPXthY3R1YWxTZWxlY3RlZENvbG9yfVxuICAgICAgICAgICAgICAgICAgICBkaXNhYmxlQWxwaGE9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNvbG9yQ2hhbmdlIGFzIE9uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZT17b25Db2xvckNoYW5nZUNvbXBsZXRlIGFzIE9uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29sb3JQaWNrZXJTdHlsZT5cbiAgICApO1xufTtcbiJdfQ== */");
 var iconPaletteStyle = (0, _emotion.css)({
   height: 20,
   width: "100%",
@@ -95,7 +93,10 @@ var COLORS = {
 };
 var styles = {
   selectedColor: (0, _emotion.css)({
-    boxShadow: "0px 0px 0px 2px var(--mdc-theme-secondary)"
+    boxShadow: "inset 0px 0px 0px 10px var(--mdc-theme-secondary)",
+    button: {
+      border: "5px solid var(--mdc-theme-surface)"
+    }
   }),
   button: (0, _emotion.css)({
     cursor: "pointer",
@@ -121,6 +122,16 @@ var styles = {
     height: "100%"
   })
 };
+var chromePickerStyle = (0, _emotion.css)({
+  width: "270px !important",
+  margin: "15px -15px -15px -15px"
+});
+var showPickerStyle = {
+  display: "block"
+};
+var hidePickerStyle = {
+  display: "none"
+};
 var LexicalColorPicker = exports.LexicalColorPicker = function LexicalColorPicker(_ref) {
   var value = _ref.value,
     onChange = _ref.onChange,
@@ -134,14 +145,22 @@ var LexicalColorPicker = exports.LexicalColorPicker = function LexicalColorPicke
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
     actualSelectedColor = _useState4[0],
     setActualSelectedColor = _useState4[1];
-  var themeColor = false;
-  var getColorValue = (0, _react.useCallback)(function (rgb) {
-    return "rgba(".concat(rgb.r, ", ").concat(rgb.g, ", ").concat(rgb.b, ", ").concat(rgb.a, ")");
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    isThemeColor = _useState6[0],
+    setIsThemeColor = _useState6[1];
+  (0, _react.useEffect)(function () {
+    if (value) {
+      setActualSelectedColor(value);
+    }
+  }, [value]);
+  var getColorValue = (0, _react.useCallback)(function (rgb, alpha) {
+    return "rgba(".concat(rgb.r, ", ").concat(rgb.g, ", ").concat(rgb.b, ", ").concat(alpha ?? rgb.a, ")");
   }, []);
   var onColorChange = (0, _react.useCallback)(function (color, event) {
     event.preventDefault();
     // controls of the picker are updated as user moves the mouse
-    var customColor = getColorValue(color.rgb);
+    var customColor = getColorValue(color.rgb, color.rgb.a === 0 ? 1 : color.rgb.a);
     setActualSelectedColor(customColor);
     if (typeof onChange === "function") {
       onChange(customColor);
@@ -149,33 +168,39 @@ var LexicalColorPicker = exports.LexicalColorPicker = function LexicalColorPicke
   }, [onChange]);
   var onColorChangeComplete = (0, _react.useCallback)(function (_ref2, event) {
     var rgb = _ref2.rgb;
-    setActualSelectedColor(value);
-    onChangeComplete(getColorValue(rgb));
     event.preventDefault();
+    var color = getColorValue(rgb, rgb.a === 0 ? 1 : rgb.a);
+    setActualSelectedColor(color);
+    onChangeComplete(color);
   }, [onChangeComplete]);
   var togglePicker = (0, _react.useCallback)(function (e) {
     e.stopPropagation();
-    setShowPicker(!showPicker);
+    setShowPicker(function (state) {
+      return !state;
+    });
   }, []);
   var pageElements = (0, _usePageElements.usePageElements)();
-  var themeColors = {};
-  var colors = pageElements.theme?.styles?.colors;
-  if (colors) {
-    for (var key in colors) {
-      if (colors[key]) {
-        themeColors[key] = colors[key];
-      }
-    }
-  }
+  var themeColors = (0, _react.useMemo)(function () {
+    var colors = pageElements.theme?.styles?.colors ?? {};
+    return Object.keys(colors).reduce(function (acc, key) {
+      return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, key, colors[key]));
+    }, {});
+  }, [pageElements.theme?.styles?.colors]);
+  (0, _react.useEffect)(function () {
+    var isThemeColor = Object.keys(themeColors).some(function (key) {
+      return themeColors[key] === value;
+    });
+    setIsThemeColor(isThemeColor);
+  }, [themeColors, value]);
   return /*#__PURE__*/_react.default.createElement(ColorPickerStyle, null, Object.keys(themeColors).map(function (key, index) {
     var color = themeColors[key];
-    if (color === value || value === "transparent") {
-      themeColor = true;
-    }
     return /*#__PURE__*/_react.default.createElement(ColorBox, {
-      key: index
+      key: index,
+      className: color === value ? styles.selectedColor : ""
+    }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      content: /*#__PURE__*/_react.default.createElement("span", null, color),
+      placement: "bottom"
     }, /*#__PURE__*/_react.default.createElement(Color, {
-      className: key === value ? styles.selectedColor : "",
       style: {
         backgroundColor: color
       },
@@ -185,27 +210,28 @@ var LexicalColorPicker = exports.LexicalColorPicker = function LexicalColorPicke
         var colors = pageElements.theme?.styles?.colors;
         onChangeComplete(colors[key], key);
       }
-    }));
-  }), /*#__PURE__*/_react.default.createElement(ColorBox, null, /*#__PURE__*/_react.default.createElement(Color, {
-    className: (0, _classnames2.default)(transparent, (0, _defineProperty2.default)({}, styles.selectedColor, value === "transparent")),
-    onClick: function onClick() {
-      onChangeComplete("transparent");
-    }
-  })), /*#__PURE__*/_react.default.createElement(ColorBox, null, /*#__PURE__*/_react.default.createElement(Color, {
-    className: value && !themeColor ? styles.selectedColor : "",
+    })));
+  }), /*#__PURE__*/_react.default.createElement(ColorBox, {
+    className: value && !isThemeColor ? styles.selectedColor : ""
+  }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: /*#__PURE__*/_react.default.createElement("span", null, "Color picker"),
+    placement: "bottom"
+  }, /*#__PURE__*/_react.default.createElement(Color, {
     style: {
-      backgroundColor: themeColor ? "#fff" : value
+      backgroundColor: isThemeColor ? "#fff" : value
     },
     onClick: togglePicker
   }, /*#__PURE__*/_react.default.createElement(_roundColor_lens24px.ReactComponent, {
     className: iconPaletteStyle
-  }))), showPicker && /*#__PURE__*/_react.default.createElement(_reactColor.ChromePicker, {
-    color: actualSelectedColor
-    // TODO figure out types for the props
-    ,
+  })))), /*#__PURE__*/_react.default.createElement("div", {
+    style: showPicker ? showPickerStyle : hidePickerStyle
+  }, /*#__PURE__*/_react.default.createElement(_reactColor.ChromePicker, {
+    className: chromePickerStyle,
+    color: actualSelectedColor,
+    disableAlpha: true,
     onChange: onColorChange,
     onChangeComplete: onColorChangeComplete
-  }));
+  })));
 };
 
 //# sourceMappingURL=LexicalColorPicker.js.map

package/components/LexicalColorPicker/LexicalColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_usePageElements","_classnames2","_interopRequireDefault","_reactColor","_roundColor_lens24px","_EMOTION_STRINGIFIED_CSS_ERROR__","ColorPickerStyle","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ColorBox","Color","cursor","width","height","border","transition","display","alignItems","boxShadow","content","position","top","left","zIndex","opacity","transform","transparent","css","backgroundSize","backgroundImage","iconPaletteStyle","marginTop","color","COLORS","lightGray","gray","darkGray","darkestGray","black","selectedColor","button","boxSizing","backgroundColor","outline","LexicalColorPicker","exports","_ref","value","onChange","onChangeComplete","_useState","useState","_useState2","_slicedToArray2","showPicker","setShowPicker","_useState3","_useState4","actualSelectedColor","setActualSelectedColor","themeColor","getColorValue","useCallback","rgb","concat","r","g","b","a","onColorChange","event","preventDefault","customColor","onColorChangeComplete","_ref2","togglePicker","e","stopPropagation","pageElements","usePageElements","themeColors","colors","theme","key","createElement","Object","keys","index","className","style","onClick","classnames","_defineProperty2","ReactComponent","ChromePicker"],"sources":["LexicalColorPicker.tsx"],"sourcesContent":["import React, { useCallback, useState, SyntheticEvent } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { usePageElements } from \"@webiny/app-page-builder-elements/hooks/usePageElements\";\nimport classnames from \"classnames\";\nimport { ChromePicker, ColorState, RGBColor } from \"react-color\";\nimport { OnChangeHandler } from \"react-color/lib/components/common/ColorWrap\";\n\n// Icons\nimport { ReactComponent as IconPalette } from \"./round-color_lens-24px.svg\";\n\nconst ColorPickerStyle = styled(\"div\")({\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    justifyContent: \"space-between\",\n    width: 225,\n    padding: 0,\n    backgroundColor: \"#fff\"\n});\n\nconst ColorBox = styled(\"div\")({\n    cursor: \"pointer\",\n    width: 50,\n    height: 40,\n    margin: 10,\n    borderRadius: 2\n});\n\nconst Color = styled(\"button\")({\n    cursor: \"pointer\",\n    width: 40,\n    height: 30,\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    transition: \"transform 0.2s, scale 0.2s\",\n    display: \"flex\",\n    alignItems: \"center\",\n    \"&::after\": {\n        boxShadow: \"0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)\",\n        transition: \"opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n        content: '\"\"',\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        zIndex: -1,\n        opacity: 0\n    },\n    \"&:hover\": {\n        transform: \"scale(1.25)\",\n        \"&::after\": {\n            opacity: 1\n        }\n    }\n});\n\nconst transparent = css({\n    backgroundSize: \"10px 10px\",\n    backgroundImage:\n        \"linear-gradient( 45deg, #555 25%, transparent 25%, transparent),\" +\n        \"linear-gradient(-45deg, #555 25%, transparent 25%, transparent),\" +\n        \"linear-gradient( 45deg, transparent 75%, #555 75%),\" +\n        \"linear-gradient(-45deg, transparent 75%, #555 75%)\"\n});\n\nconst iconPaletteStyle = css({\n    height: 20,\n    width: \"100%\",\n    marginTop: 1,\n    color: \"var(--mdc-theme-secondary)\"\n});\n\nconst COLORS = {\n    lightGray: \"hsla(0, 0%, 97%, 1)\",\n    gray: \"hsla(300, 2%, 92%, 1)\",\n    darkGray: \"hsla(0, 0%, 70%, 1)\",\n    darkestGray: \"hsla(0, 0%, 20%, 1)\",\n    black: \"hsla(208, 100%, 5%, 1)\"\n};\n\nconst styles = {\n    selectedColor: css({\n        boxShadow: \"0px 0px 0px 2px var(--mdc-theme-secondary)\"\n    }),\n    button: css({\n        cursor: \"pointer\",\n        height: 30,\n        boxSizing: \"border-box\",\n        \"&:hover:not(:disabled)\": { backgroundColor: COLORS.gray },\n        \"&:focus:not(:disabled)\": {\n            outline: \"none\"\n        },\n        \"&:disabled\": {\n            opacity: 0.5,\n            cursor: \"not-allowed\"\n        },\n        \"& svg\": {\n            width: 16,\n            height: 16\n        }\n    }),\n    color: css({\n        width: \"40px\",\n        height: \"100%\"\n    })\n};\n\ninterface LexicalColorPickerProps {\n    value: string;\n    onChange?: (color: string) => void;\n    onChangeComplete: (color: string, name?: string) => void;\n    handlerClassName?: string;\n}\n\nexport const LexicalColorPicker = ({\n    value,\n    onChange,\n    onChangeComplete\n}: LexicalColorPickerProps) => {\n    const [showPicker, setShowPicker] = useState(false);\n    // Either a custom color or a color coming from the theme object.\n    const [actualSelectedColor, setActualSelectedColor] = useState(value || \"#fff\");\n    let themeColor = false;\n\n    const getColorValue = useCallback((rgb: RGBColor) => {\n        return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${rgb.a})`;\n    }, []);\n\n    const onColorChange = useCallback(\n        (color: ColorState, event: React.SyntheticEvent) => {\n            event.preventDefault();\n            // controls of the picker are updated as user moves the mouse\n            const customColor = getColorValue(color.rgb);\n            setActualSelectedColor(customColor);\n            if (typeof onChange === \"function\") {\n                onChange(customColor);\n            }\n        },\n        [onChange]\n    );\n\n    const onColorChangeComplete = useCallback(\n        ({ rgb }: ColorState, event: React.SyntheticEvent) => {\n            setActualSelectedColor(value);\n            onChangeComplete(getColorValue(rgb));\n            event.preventDefault();\n        },\n        [onChangeComplete]\n    );\n\n    const togglePicker = useCallback((e: SyntheticEvent) => {\n        e.stopPropagation();\n        setShowPicker(!showPicker);\n    }, []);\n\n    const pageElements = usePageElements();\n\n    const themeColors: Record<string, any> = {};\n    const colors = pageElements.theme?.styles?.colors;\n    if (colors) {\n        for (const key in colors) {\n            if (colors[key]) {\n                themeColors[key] = colors[key];\n            }\n        }\n    }\n\n    return (\n        <ColorPickerStyle>\n            {Object.keys(themeColors).map((key, index) => {\n                const color = themeColors[key];\n\n                if (color === value || value === \"transparent\") {\n                    themeColor = true;\n                }\n                return (\n                    <ColorBox key={index}>\n                        <Color\n                            className={key === value ? styles.selectedColor : \"\"}\n                            style={{ backgroundColor: color }}\n                            onClick={() => {\n                                // With page elements implementation, we want to store the color key and\n                                // then the actual color will be retrieved from the theme object.\n                                const colors = pageElements.theme?.styles?.colors;\n                                onChangeComplete(colors[key], key);\n                            }}\n                        />\n                    </ColorBox>\n                );\n            })}\n\n            <ColorBox>\n                <Color\n                    className={classnames(transparent, {\n                        [styles.selectedColor]: value === \"transparent\"\n                    })}\n                    onClick={() => {\n                        onChangeComplete(\"transparent\");\n                    }}\n                />\n            </ColorBox>\n\n            <ColorBox>\n                <Color\n                    className={value && !themeColor ? styles.selectedColor : \"\"}\n                    style={{ backgroundColor: themeColor ? \"#fff\" : value }}\n                    onClick={togglePicker}\n                >\n                    <IconPalette className={iconPaletteStyle} />\n                </Color>\n            </ColorBox>\n\n            {showPicker && (\n                <ChromePicker\n                    color={actualSelectedColor}\n                    // TODO figure out types for the props\n                    onChange={onColorChange as OnChangeHandler}\n                    onChangeComplete={onColorChangeComplete as OnChangeHandler}\n                />\n            )}\n        </ColorPickerStyle>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_usePageElements","_reactColor","_Tooltip","_roundColor_lens24px","_EMOTION_STRINGIFIED_CSS_ERROR__","ColorPickerStyle","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ColorBox","Color","cursor","width","height","transition","borderColor","display","alignItems","borderRadius","content","position","top","left","zIndex","opacity","transform","boxShadow","iconPaletteStyle","css","marginTop","color","COLORS","lightGray","gray","darkGray","darkestGray","black","selectedColor","button","border","boxSizing","backgroundColor","outline","chromePickerStyle","margin","showPickerStyle","hidePickerStyle","LexicalColorPicker","exports","_ref","value","onChange","onChangeComplete","_useState","useState","_useState2","_slicedToArray2","showPicker","setShowPicker","_useState3","_useState4","actualSelectedColor","setActualSelectedColor","_useState5","_useState6","isThemeColor","setIsThemeColor","useEffect","getColorValue","useCallback","rgb","alpha","concat","r","g","b","a","onColorChange","event","preventDefault","customColor","onColorChangeComplete","_ref2","togglePicker","e","stopPropagation","state","pageElements","usePageElements","themeColors","useMemo","colors","theme","Object","keys","reduce","acc","key","_objectSpread3","_defineProperty2","some","createElement","index","className","Tooltip","placement","style","onClick","ReactComponent","ChromePicker","disableAlpha"],"sources":["LexicalColorPicker.tsx"],"sourcesContent":["import React, { useCallback, useState, SyntheticEvent, useEffect, useMemo } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { usePageElements } from \"@webiny/app-page-builder-elements/hooks/usePageElements\";\nimport { ChromePicker, ColorState, RGBColor } from \"react-color\";\nimport { OnChangeHandler } from \"react-color/lib/components/common/ColorWrap\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\n\n// Icons\nimport { ReactComponent as IconPalette } from \"./round-color_lens-24px.svg\";\n\nconst ColorPickerStyle = styled(\"div\")({\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    justifyContent: \"flex-start\",\n    width: 240,\n    padding: 15,\n    backgroundColor: \"#fff\"\n});\n\nconst ColorBox = styled(\"div\")({\n    cursor: \"pointer\",\n    width: 40,\n    height: 40,\n    borderRadius: \"50%\",\n    margin: 5,\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    padding: 3\n});\n\nconst Color = styled(\"button\")({\n    cursor: \"pointer\",\n    width: 40,\n    height: 40,\n    transition: \"transform 0.1s, border 0.2s\",\n    borderColor: \"transparent\",\n    display: \"flex\",\n    alignItems: \"center\",\n    borderRadius: \"50%\",\n    \"&::after\": {\n        transition: \"opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n        content: '\"\"',\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        zIndex: -1,\n        opacity: 0\n    },\n    \"&:hover\": {\n        transform: \"scale(1.1)\",\n        boxShadow: \"0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)\",\n        \"&::after\": {\n            opacity: 1\n        }\n    }\n});\n\nconst iconPaletteStyle = css({\n    height: 20,\n    width: \"100%\",\n    marginTop: 1,\n    color: \"var(--mdc-theme-secondary)\"\n});\n\nconst COLORS = {\n    lightGray: \"hsla(0, 0%, 97%, 1)\",\n    gray: \"hsla(300, 2%, 92%, 1)\",\n    darkGray: \"hsla(0, 0%, 70%, 1)\",\n    darkestGray: \"hsla(0, 0%, 20%, 1)\",\n    black: \"hsla(208, 100%, 5%, 1)\"\n};\n\nconst styles = {\n    selectedColor: css({\n        boxShadow: \"inset 0px 0px 0px 10px var(--mdc-theme-secondary)\",\n        button: {\n            border: \"5px solid var(--mdc-theme-surface)\"\n        }\n    }),\n    button: css({\n        cursor: \"pointer\",\n        height: 30,\n        boxSizing: \"border-box\",\n        \"&:hover:not(:disabled)\": { backgroundColor: COLORS.gray },\n        \"&:focus:not(:disabled)\": {\n            outline: \"none\"\n        },\n        \"&:disabled\": {\n            opacity: 0.5,\n            cursor: \"not-allowed\"\n        },\n        \"& svg\": {\n            width: 16,\n            height: 16\n        }\n    }),\n    color: css({\n        width: \"40px\",\n        height: \"100%\"\n    })\n};\n\nconst chromePickerStyle = css({\n    width: \"270px !important\",\n    margin: \"15px -15px -15px -15px\"\n});\n\ninterface LexicalColorPickerProps {\n    value: string;\n    onChange?: (color: string) => void;\n    onChangeComplete: (color: string, name?: string) => void;\n    handlerClassName?: string;\n}\n\nconst showPickerStyle = { display: \"block\" };\nconst hidePickerStyle = { display: \"none\" };\n\nexport const LexicalColorPicker = ({\n    value,\n    onChange,\n    onChangeComplete\n}: LexicalColorPickerProps) => {\n    const [showPicker, setShowPicker] = useState(false);\n    // Either a custom color or a color coming from the theme object.\n    const [actualSelectedColor, setActualSelectedColor] = useState(value || \"#fff\");\n    const [isThemeColor, setIsThemeColor] = useState(false);\n\n    useEffect(() => {\n        if (value) {\n            setActualSelectedColor(value);\n        }\n    }, [value]);\n\n    const getColorValue = useCallback((rgb: RGBColor, alpha?: number) => {\n        return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha ?? rgb.a})`;\n    }, []);\n\n    const onColorChange = useCallback(\n        (color: ColorState, event: React.SyntheticEvent) => {\n            event.preventDefault();\n            // controls of the picker are updated as user moves the mouse\n            const customColor = getColorValue(color.rgb, color.rgb.a === 0 ? 1 : color.rgb.a);\n            setActualSelectedColor(customColor);\n            if (typeof onChange === \"function\") {\n                onChange(customColor);\n            }\n        },\n        [onChange]\n    );\n\n    const onColorChangeComplete = useCallback(\n        ({ rgb }: ColorState, event: React.SyntheticEvent) => {\n            event.preventDefault();\n            const color = getColorValue(rgb, rgb.a === 0 ? 1 : rgb.a);\n            setActualSelectedColor(color);\n            onChangeComplete(color);\n        },\n        [onChangeComplete]\n    );\n\n    const togglePicker = useCallback((e: SyntheticEvent) => {\n        e.stopPropagation();\n        setShowPicker(state => !state);\n    }, []);\n\n    const pageElements = usePageElements();\n\n    const themeColors: Record<string, any> = useMemo(() => {\n        const colors = pageElements.theme?.styles?.colors ?? {};\n\n        return Object.keys(colors).reduce((acc, key) => {\n            return { ...acc, [key]: colors[key] };\n        }, {});\n    }, [pageElements.theme?.styles?.colors]);\n\n    useEffect(() => {\n        const isThemeColor = Object.keys(themeColors).some(key => themeColors[key] === value);\n        setIsThemeColor(isThemeColor);\n    }, [themeColors, value]);\n\n    return (\n        <ColorPickerStyle>\n            {Object.keys(themeColors).map((key, index) => {\n                const color = themeColors[key];\n\n                return (\n                    <ColorBox key={index} className={color === value ? styles.selectedColor : \"\"}>\n                        <Tooltip content={<span>{color}</span>} placement=\"bottom\">\n                            <Color\n                                style={{ backgroundColor: color }}\n                                onClick={() => {\n                                    // With page elements implementation, we want to store the color key and\n                                    // then the actual color will be retrieved from the theme object.\n                                    const colors = pageElements.theme?.styles?.colors;\n                                    onChangeComplete(colors[key], key);\n                                }}\n                            />\n                        </Tooltip>\n                    </ColorBox>\n                );\n            })}\n\n            <ColorBox className={value && !isThemeColor ? styles.selectedColor : \"\"}>\n                <Tooltip content={<span>Color picker</span>} placement=\"bottom\">\n                    <Color\n                        style={{ backgroundColor: isThemeColor ? \"#fff\" : value }}\n                        onClick={togglePicker}\n                    >\n                        <IconPalette className={iconPaletteStyle} />\n                    </Color>\n                </Tooltip>\n            </ColorBox>\n\n            <div style={showPicker ? showPickerStyle : hidePickerStyle}>\n                <ChromePicker\n                    className={chromePickerStyle}\n                    color={actualSelectedColor}\n                    disableAlpha={true}\n                    onChange={onColorChange as OnChangeHandler}\n                    onChangeComplete={onColorChangeComplete as OnChangeHandler}\n                />\n            </div>\n        </ColorPickerStyle>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/components/LexicalColorPickerDropdown.js

@@ -8,14 +8,18 @@ exports.LexicalColorPickerDropdown = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _lexicalEditor = require("@webiny/lexical-editor");
 var _LexicalColorPicker = require("./LexicalColorPicker/LexicalColorPicker");
+var _emotion = require("emotion");
 var LexicalColorPickerDropdown = exports.LexicalColorPickerDropdown = function LexicalColorPickerDropdown() {
   var _useFontColorPicker = (0, _lexicalEditor.useFontColorPicker)(),
     value = _useFontColorPicker.value,
     applyColor = _useFontColorPicker.applyColor;
+  var buttonColorSelection = (0, _emotion.css)({
+    borderBottom: "3px solid " + value
+  });
   return /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDown, {
     buttonClassName: "toolbar-item color-picker",
     buttonAriaLabel: "Formatting options for text color",
-    buttonIconClassName: "icon font-color",
+    buttonIconClassName: "icon font-color " + buttonColorSelection,
     stopCloseOnClickSelf: true,
     disabled: false,
     showScroll: false

package/components/LexicalColorPickerDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_lexicalEditor","_LexicalColorPicker","LexicalColorPickerDropdown","exports","_useFontColorPicker","useFontColorPicker","value","applyColor","default","createElement","DropDown","buttonClassName","buttonAriaLabel","buttonIconClassName","stopCloseOnClickSelf","disabled","showScroll","LexicalColorPicker","onChangeComplete"],"sources":["LexicalColorPickerDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFontColorPicker, DropDown } from \"@webiny/lexical-editor\";\nimport { LexicalColorPicker } from \"~/components/LexicalColorPicker/LexicalColorPicker\";\n\nexport const LexicalColorPickerDropdown = () => {\n    const { value, applyColor } = useFontColorPicker();\n\n    return (\n        <DropDown\n            buttonClassName=\"toolbar-item color-picker\"\n            buttonAriaLabel={\"Formatting options for text color\"}\n            buttonIconClassName=\"icon font-color\"\n            stopCloseOnClickSelf={true}\n            disabled={false}\n            showScroll={false}\n        >\n            <LexicalColorPicker value={value} onChangeComplete={applyColor} />\n        </DropDown>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AAEO,IAAMG,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAA,EAAS;EAC5C,IAAAE,mBAAA,GAA8B,IAAAC,iCAAkB,EAAC,CAAC;IAA1CC,KAAK,GAAAF,mBAAA,CAALE,KAAK;IAAEC,UAAU,GAAAH,mBAAA,CAAVG,UAAU;EAEzB,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,cAAA,CAAAU,QAAQ;IACLC,eAAe,EAAC,2BAA2B;IAC3CC,eAAe,EAAE,mCAAoC;IACrDC,mBAAmB,EAAC,iBAAiB;IACrCC,oBAAoB,EAAE,IAAK;IAC3BC,QAAQ,EAAE,KAAM;IAChBC,UAAU,EAAE;EAAM,gBAElBnB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,mBAAA,CAAAgB,kBAAkB;IAACX,KAAK,EAAEA,KAAM;IAACY,gBAAgB,EAAEX;EAAW,CAAE,CAC3D,CAAC;AAEnB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_lexicalEditor","_LexicalColorPicker","_emotion","LexicalColorPickerDropdown","exports","_useFontColorPicker","useFontColorPicker","value","applyColor","buttonColorSelection","css","borderBottom","default","createElement","DropDown","buttonClassName","buttonAriaLabel","buttonIconClassName","stopCloseOnClickSelf","disabled","showScroll","LexicalColorPicker","onChangeComplete"],"sources":["LexicalColorPickerDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFontColorPicker, DropDown } from \"@webiny/lexical-editor\";\nimport { LexicalColorPicker } from \"~/components/LexicalColorPicker/LexicalColorPicker\";\nimport { css } from \"emotion\";\n\nexport const LexicalColorPickerDropdown = () => {\n    const { value, applyColor } = useFontColorPicker();\n\n    const buttonColorSelection = css({\n        borderBottom: \"3px solid \" + value\n    });\n\n    return (\n        <DropDown\n            buttonClassName=\"toolbar-item color-picker\"\n            buttonAriaLabel={\"Formatting options for text color\"}\n            buttonIconClassName={\"icon font-color \" + buttonColorSelection}\n            stopCloseOnClickSelf={true}\n            disabled={false}\n            showScroll={false}\n        >\n            <LexicalColorPicker value={value} onChangeComplete={applyColor} />\n        </DropDown>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAEO,IAAMI,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,SAA7BA,0BAA0BA,CAAA,EAAS;EAC5C,IAAAE,mBAAA,GAA8B,IAAAC,iCAAkB,EAAC,CAAC;IAA1CC,KAAK,GAAAF,mBAAA,CAALE,KAAK;IAAEC,UAAU,GAAAH,mBAAA,CAAVG,UAAU;EAEzB,IAAMC,oBAAoB,GAAG,IAAAC,YAAG,EAAC;IAC7BC,YAAY,EAAE,YAAY,GAAGJ;EACjC,CAAC,CAAC;EAEF,oBACIV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,cAAA,CAAAc,QAAQ;IACLC,eAAe,EAAC,2BAA2B;IAC3CC,eAAe,EAAE,mCAAoC;IACrDC,mBAAmB,EAAE,kBAAkB,GAAGR,oBAAqB;IAC/DS,oBAAoB,EAAE,IAAK;IAC3BC,QAAQ,EAAE,KAAM;IAChBC,UAAU,EAAE;EAAM,gBAElBvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,mBAAA,CAAAoB,kBAAkB;IAACd,KAAK,EAAEA,KAAM;IAACe,gBAAgB,EAAEd;EAAW,CAAE,CAC3D,CAAC;AAEnB,CAAC","ignoreList":[]}

package/package.json

@@ -1,12 +1,12 @@
 {
 	"name": "@webiny/lexical-editor-actions",
-	"version": "5.40.0",
+	"version": "5.40.1-beta.0",
 	"dependencies": {
 		"@emotion/styled": "11.10.6",
-		"@lexical/selection": "0.12.2",
-		"@webiny/app-page-builder-elements": "5.40.0",
-		"@webiny/lexical-editor": "5.40.0",
-		"classnames": "2.3.2",
+		"@lexical/selection": "0.16.0",
+		"@webiny/app-page-builder-elements": "5.40.1-beta.0",
+		"@webiny/lexical-editor": "5.40.1-beta.0",
+		"@webiny/ui": "5.40.1-beta.0",
 		"emotion": "10.0.27",
 		"react": "18.2.0",
 		"react-color": "2.19.3",
@@ -14,8 +14,8 @@
 	},
 	"devDependencies": {
 		"@types/react-color": "2.17.11",
-		"@webiny/cli": "5.40.0",
-		"@webiny/project-utils": "5.40.0"
+		"@webiny/cli": "5.40.1-beta.0",
+		"@webiny/project-utils": "5.40.1-beta.0"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -25,5 +25,5 @@
 		"build": "yarn webiny run build",
 		"watch": "yarn webiny run watch"
 	},
-	"gitHead": "e6ce53a387a9b1ab39aa8d15e4ed9be2359f17aa"
+	"gitHead": "a20d2b69a4fbc681a3dad6469e09ef6eb314505e"
 }