@webiny/lexical-editor-actions 5.43.2 → 6.0.0-alpha.0

package/LexicalEditorActions.js

@@ -1,22 +1,17 @@
-"use strict";
+import { TextAlignmentAction } from "@webiny/lexical-editor";
+import React from "react";
+import { LexicalColorPickerDropdown } from "./components/LexicalColorPickerDropdown";
+import { FontColorAction } from "@webiny/lexical-editor";
+import { TextAlignmentDropdown } from "./components/TextAlignmentDropdown";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LexicalEditorActions = void 0;
-var _lexicalEditor = require("@webiny/lexical-editor");
-var _react = _interopRequireDefault(require("react"));
-var _LexicalColorPickerDropdown = require("./components/LexicalColorPickerDropdown");
-var _TextAlignmentDropdown = require("./components/TextAlignmentDropdown");
 /*
  * Lexical editor configuration and components with global composition scope
  */
-var LexicalEditorActions = exports.LexicalEditorActions = function LexicalEditorActions() {
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_lexicalEditor.FontColorAction.ColorPicker, {
-    element: /*#__PURE__*/_react.default.createElement(_LexicalColorPickerDropdown.LexicalColorPickerDropdown, null)
-  }), /*#__PURE__*/_react.default.createElement(_lexicalEditor.TextAlignmentAction.TextAlignmentDropDown, {
-    element: /*#__PURE__*/_react.default.createElement(_TextAlignmentDropdown.TextAlignmentDropdown, null)
+export const LexicalEditorActions = () => {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FontColorAction.ColorPicker, {
+    element: /*#__PURE__*/React.createElement(LexicalColorPickerDropdown, null)
+  }), /*#__PURE__*/React.createElement(TextAlignmentAction.TextAlignmentDropDown, {
+    element: /*#__PURE__*/React.createElement(TextAlignmentDropdown, null)
   }));
 };
 

package/LexicalEditorActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["_lexicalEditor","require","_react","_interopRequireDefault","_LexicalColorPickerDropdown","_TextAlignmentDropdown","LexicalEditorActions","exports","default","createElement","Fragment","FontColorAction","ColorPicker","element","LexicalColorPickerDropdown","TextAlignmentAction","TextAlignmentDropDown","TextAlignmentDropdown"],"sources":["LexicalEditorActions.tsx"],"sourcesContent":["import { TextAlignmentAction } from \"@webiny/lexical-editor\";\nimport React from \"react\";\nimport { LexicalColorPickerDropdown } from \"~/components/LexicalColorPickerDropdown\";\nimport { FontColorAction } from \"@webiny/lexical-editor\";\nimport { TextAlignmentDropdown } from \"~/components/TextAlignmentDropdown\";\n\n/*\n * Lexical editor configuration and components with global composition scope\n */\nexport const LexicalEditorActions = () => {\n    return (\n        <>\n            <FontColorAction.ColorPicker element={<LexicalColorPickerDropdown />} />\n            <TextAlignmentAction.TextAlignmentDropDown element={<TextAlignmentDropdown />} />\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,2BAAA,GAAAH,OAAA;AAEA,IAAAI,sBAAA,GAAAJ,OAAA;AAEA;AACA;AACA;AACO,IAAMK,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,SAAvBA,oBAAoBA,CAAA,EAAS;EACtC,oBACIJ,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAAAP,MAAA,CAAAM,OAAA,CAAAE,QAAA,qBACIR,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACT,cAAA,CAAAW,eAAe,CAACC,WAAW;IAACC,OAAO,eAAEX,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACL,2BAAA,CAAAU,0BAA0B,MAAE;EAAE,CAAE,CAAC,eACxEZ,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACT,cAAA,CAAAe,mBAAmB,CAACC,qBAAqB;IAACH,OAAO,eAAEX,MAAA,CAAAM,OAAA,CAAAC,aAAA,CAACJ,sBAAA,CAAAY,qBAAqB,MAAE;EAAE,CAAE,CAClF,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["TextAlignmentAction","React","LexicalColorPickerDropdown","FontColorAction","TextAlignmentDropdown","LexicalEditorActions","createElement","Fragment","ColorPicker","element","TextAlignmentDropDown"],"sources":["LexicalEditorActions.tsx"],"sourcesContent":["import { TextAlignmentAction } from \"@webiny/lexical-editor\";\nimport React from \"react\";\nimport { LexicalColorPickerDropdown } from \"~/components/LexicalColorPickerDropdown\";\nimport { FontColorAction } from \"@webiny/lexical-editor\";\nimport { TextAlignmentDropdown } from \"~/components/TextAlignmentDropdown\";\n\n/*\n * Lexical editor configuration and components with global composition scope\n */\nexport const LexicalEditorActions = () => {\n    return (\n        <>\n            <FontColorAction.ColorPicker element={<LexicalColorPickerDropdown />} />\n            <TextAlignmentAction.TextAlignmentDropDown element={<TextAlignmentDropdown />} />\n        </>\n    );\n};\n"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,wBAAwB;AAC5D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,0BAA0B;AACnC,SAASC,eAAe,QAAQ,wBAAwB;AACxD,SAASC,qBAAqB;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACtC,oBACIJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,qBACIN,KAAA,CAAAK,aAAA,CAACH,eAAe,CAACK,WAAW;IAACC,OAAO,eAAER,KAAA,CAAAK,aAAA,CAACJ,0BAA0B,MAAE;EAAE,CAAE,CAAC,eACxED,KAAA,CAAAK,aAAA,CAACN,mBAAmB,CAACU,qBAAqB;IAACD,OAAO,eAAER,KAAA,CAAAK,aAAA,CAACF,qBAAqB,MAAE;EAAE,CAAE,CAClF,CAAC;AAEX,CAAC","ignoreList":[]}

package/components/LexicalColorPicker/LexicalColorPicker.js

@@ -1,23 +1,14 @@
-"use strict";
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import React, { useCallback, useState, useEffect, useMemo } from "react";
+import { css } from "emotion";
+import { usePageElements } from "@webiny/app-page-builder-elements/hooks/usePageElements";
+import { ChromePicker } from "react-color";
+import { Tooltip } from "@webiny/ui/Tooltip";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 _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" ? {
+// Icons
+import { ReactComponent as IconPalette } from "./round-color_lens-24px.svg";
+const ColorPickerStyle = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ewrv11k2"
 } : {
   target: "ewrv11k2",
@@ -28,24 +19,24 @@ var ColorPickerStyle = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_E
 } : {
   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== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3lCIiwiZmlsZSI6IkxleGljYWxDb2xvclBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCBTeW50aGV0aWNFdmVudCwgdXNlRWZmZWN0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyB1c2VQYWdlRWxlbWVudHMgfSBmcm9tIFwiQHdlYmlueS9hcHAtcGFnZS1idWlsZGVyLWVsZW1lbnRzL2hvb2tzL3VzZVBhZ2VFbGVtZW50c1wiO1xuaW1wb3J0IHsgQ2hyb21lUGlja2VyLCBDb2xvclN0YXRlLCBSR0JDb2xvciB9IGZyb20gXCJyZWFjdC1jb2xvclwiO1xuaW1wb3J0IHsgT25DaGFuZ2VIYW5kbGVyIH0gZnJvbSBcInJlYWN0LWNvbG9yL2xpYi9jb21wb25lbnRzL2NvbW1vbi9Db2xvcldyYXBcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5cbi8vIEljb25zXG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBJY29uUGFsZXR0ZSB9IGZyb20gXCIuL3JvdW5kLWNvbG9yX2xlbnMtMjRweC5zdmdcIjtcblxuY29uc3QgQ29sb3JQaWNrZXJTdHlsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIHdpZHRoOiAyNDAsXG4gICAgcGFkZGluZzogMTUsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNmZmZcIlxufSk7XG5cbmNvbnN0IENvbG9yQm94ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiA0MCxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICBtYXJnaW46IDUsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBwYWRkaW5nOiAzLFxuICAgIGJveFNpemluZzogXCJjb250ZW50LWJveFwiXG59KTtcblxuY29uc3QgQ29sb3IgPSBzdHlsZWQoXCJidXR0b25cIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogNDAsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4xcywgYm9yZGVyIDAuMnNcIixcbiAgICBib3JkZXJDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMC41cyBjdWJpYy1iZXppZXIoMC4xNjUsIDAuODQsIDAuNDQsIDEpXCIsXG4gICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogLTEsXG4gICAgICAgIG9wYWNpdHk6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRyYW5zZm9ybTogXCJzY2FsZSgxLjEpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAuMjVyZW0gMC4xMjVyZW0gMCByZ2JhKDAsMCwwLDAuMDUpXCIsXG4gICAgICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IGljb25QYWxldHRlU3R5bGUgPSBjc3Moe1xuICAgIGhlaWdodDogMjAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1hcmdpblRvcDogMSxcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiXG59KTtcblxuY29uc3QgQ09MT1JTID0ge1xuICAgIGxpZ2h0R3JheTogXCJoc2xhKDAsIDAlLCA5NyUsIDEpXCIsXG4gICAgZ3JheTogXCJoc2xhKDMwMCwgMiUsIDkyJSwgMSlcIixcbiAgICBkYXJrR3JheTogXCJoc2xhKDAsIDAlLCA3MCUsIDEpXCIsXG4gICAgZGFya2VzdEdyYXk6IFwiaHNsYSgwLCAwJSwgMjAlLCAxKVwiLFxuICAgIGJsYWNrOiBcImhzbGEoMjA4LCAxMDAlLCA1JSwgMSlcIlxufTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIHNlbGVjdGVkQ29sb3I6IGNzcyh7XG4gICAgICAgIGJveFNoYWRvdzogXCJpbnNldCAwcHggMHB4IDBweCAxMHB4IHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJ1dHRvbjoge1xuICAgICAgICAgICAgYm9yZGVyOiBcIjVweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgYnV0dG9uOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICBoZWlnaHQ6IDMwLFxuICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SUy5ncmF5IH0sXG4gICAgICAgIFwiJjpmb2N1czpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIlxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCJcbiAgICAgICAgfSxcbiAgICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgICAgICB3aWR0aDogMTYsXG4gICAgICAgICAgICBoZWlnaHQ6IDE2XG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBjb2xvcjogY3NzKHtcbiAgICAgICAgd2lkdGg6IFwiNDBweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiXG4gICAgfSlcbn07XG5cbmNvbnN0IGNocm9tZVBpY2tlclN0eWxlID0gY3NzKHtcbiAgICB3aWR0aDogXCIyNzBweCAhaW1wb3J0YW50XCIsXG4gICAgbWFyZ2luOiBcIjE1cHggLTE1cHggLTE1cHggLTE1cHhcIlxufSk7XG5cbmludGVyZmFjZSBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcyB7XG4gICAgdmFsdWU6IHN0cmluZztcbiAgICBvbkNoYW5nZT86IChjb2xvcjogc3RyaW5nKSA9PiB2b2lkO1xuICAgIG9uQ2hhbmdlQ29tcGxldGU6IChjb2xvcjogc3RyaW5nLCBuYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICAgIGhhbmRsZXJDbGFzc05hbWU/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" ? {
+const ColorBox = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ewrv11k1"
 } : {
   target: "ewrv11k1",
   label: "ColorBox"
 })(process.env.NODE_ENV === "production" ? {
-  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: "tujbiz",
+  styles: "cursor:pointer;width:40px;height:40px;border-radius:50%;margin:5px;border:1px solid var(--mdc-theme-on-background);padding:3px;box-sizing:content-box"
 } : {
-  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= */",
+  name: "tujbiz",
+  styles: "cursor:pointer;width:40px;height:40px;border-radius:50%;margin:5px;border:1px solid var(--mdc-theme-on-background);padding:3px;box-sizing:content-box",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJpQiIsImZpbGUiOiJMZXhpY2FsQ29sb3JQaWNrZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VTdGF0ZSwgU3ludGhldGljRXZlbnQsIHVzZUVmZmVjdCwgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgdXNlUGFnZUVsZW1lbnRzIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLXBhZ2UtYnVpbGRlci1lbGVtZW50cy9ob29rcy91c2VQYWdlRWxlbWVudHNcIjtcbmltcG9ydCB7IENocm9tZVBpY2tlciwgQ29sb3JTdGF0ZSwgUkdCQ29sb3IgfSBmcm9tIFwicmVhY3QtY29sb3JcIjtcbmltcG9ydCB7IE9uQ2hhbmdlSGFuZGxlciB9IGZyb20gXCJyZWFjdC1jb2xvci9saWIvY29tcG9uZW50cy9jb21tb24vQ29sb3JXcmFwXCI7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSBcIkB3ZWJpbnkvdWkvVG9vbHRpcFwiO1xuXG4vLyBJY29uc1xuaW1wb3J0IHsgUmVhY3RDb21wb25lbnQgYXMgSWNvblBhbGV0dGUgfSBmcm9tIFwiLi9yb3VuZC1jb2xvcl9sZW5zLTI0cHguc3ZnXCI7XG5cbmNvbnN0IENvbG9yUGlja2VyU3R5bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleFdyYXA6IFwid3JhcFwiLFxuICAgIGp1c3RpZnlDb250ZW50OiBcImZsZXgtc3RhcnRcIixcbiAgICB3aWR0aDogMjQwLFxuICAgIHBhZGRpbmc6IDE1LFxuICAgIGJhY2tncm91bmRDb2xvcjogXCIjZmZmXCJcbn0pO1xuXG5jb25zdCBDb2xvckJveCA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB3aWR0aDogNDAsXG4gICAgaGVpZ2h0OiA0MCxcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgbWFyZ2luOiA1LFxuICAgIGJvcmRlcjogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgcGFkZGluZzogMyxcbiAgICBib3hTaXppbmc6IFwiY29udGVudC1ib3hcIlxufSk7XG5cbmNvbnN0IENvbG9yID0gc3R5bGVkKFwiYnV0dG9uXCIpKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiA0MCxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIHRyYW5zaXRpb246IFwidHJhbnNmb3JtIDAuMXMsIGJvcmRlciAwLjJzXCIsXG4gICAgYm9yZGVyQ29sb3I6IFwidHJhbnNwYXJlbnRcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICBcIiY6OmFmdGVyXCI6IHtcbiAgICAgICAgdHJhbnNpdGlvbjogXCJvcGFjaXR5IDAuNXMgY3ViaWMtYmV6aWVyKDAuMTY1LCAwLjg0LCAwLjQ0LCAxKVwiLFxuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gICAgICAgIHRvcDogMCxcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgICB6SW5kZXg6IC0xLFxuICAgICAgICBvcGFjaXR5OiAwXG4gICAgfSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgICB0cmFuc2Zvcm06IFwic2NhbGUoMS4xKVwiLFxuICAgICAgICBib3hTaGFkb3c6IFwiMCAwLjI1cmVtIDAuMTI1cmVtIDAgcmdiYSgwLDAsMCwwLjA1KVwiLFxuICAgICAgICBcIiY6OmFmdGVyXCI6IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDFcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuXG5jb25zdCBpY29uUGFsZXR0ZVN0eWxlID0gY3NzKHtcbiAgICBoZWlnaHQ6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICBtYXJnaW5Ub3A6IDEsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIlxufSk7XG5cbmNvbnN0IENPTE9SUyA9IHtcbiAgICBsaWdodEdyYXk6IFwiaHNsYSgwLCAwJSwgOTclLCAxKVwiLFxuICAgIGdyYXk6IFwiaHNsYSgzMDAsIDIlLCA5MiUsIDEpXCIsXG4gICAgZGFya0dyYXk6IFwiaHNsYSgwLCAwJSwgNzAlLCAxKVwiLFxuICAgIGRhcmtlc3RHcmF5OiBcImhzbGEoMCwgMCUsIDIwJSwgMSlcIixcbiAgICBibGFjazogXCJoc2xhKDIwOCwgMTAwJSwgNSUsIDEpXCJcbn07XG5cbmNvbnN0IHN0eWxlcyA9IHtcbiAgICBzZWxlY3RlZENvbG9yOiBjc3Moe1xuICAgICAgICBib3hTaGFkb3c6IFwiaW5zZXQgMHB4IDBweCAwcHggMTBweCB2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiLFxuICAgICAgICBidXR0b246IHtcbiAgICAgICAgICAgIGJvcmRlcjogXCI1cHggc29saWQgdmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCJcbiAgICAgICAgfVxuICAgIH0pLFxuICAgIGJ1dHRvbjogY3NzKHtcbiAgICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgICAgaGVpZ2h0OiAzMCxcbiAgICAgICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICAgICAgXCImOmhvdmVyOm5vdCg6ZGlzYWJsZWQpXCI6IHsgYmFja2dyb3VuZENvbG9yOiBDT0xPUlMuZ3JheSB9LFxuICAgICAgICBcIiY6Zm9jdXM6bm90KDpkaXNhYmxlZClcIjoge1xuICAgICAgICAgICAgb3V0bGluZTogXCJub25lXCJcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmRpc2FibGVkXCI6IHtcbiAgICAgICAgICAgIG9wYWNpdHk6IDAuNSxcbiAgICAgICAgICAgIGN1cnNvcjogXCJub3QtYWxsb3dlZFwiXG4gICAgICAgIH0sXG4gICAgICAgIFwiJiBzdmdcIjoge1xuICAgICAgICAgICAgd2lkdGg6IDE2LFxuICAgICAgICAgICAgaGVpZ2h0OiAxNlxuICAgICAgICB9XG4gICAgfSksXG4gICAgY29sb3I6IGNzcyh7XG4gICAgICAgIHdpZHRoOiBcIjQwcHhcIixcbiAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIlxuICAgIH0pXG59O1xuXG5jb25zdCBjaHJvbWVQaWNrZXJTdHlsZSA9IGNzcyh7XG4gICAgd2lkdGg6IFwiMjcwcHggIWltcG9ydGFudFwiLFxuICAgIG1hcmdpbjogXCIxNXB4IC0xNXB4IC0xNXB4IC0xNXB4XCJcbn0pO1xuXG5pbnRlcmZhY2UgTGV4aWNhbENvbG9yUGlja2VyUHJvcHMge1xuICAgIHZhbHVlOiBzdHJpbmc7XG4gICAgb25DaGFuZ2U/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" ? {
+const Color = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "ewrv11k0"
 } : {
   target: "ewrv11k0",
@@ -77,28 +68,28 @@ var Color = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "
       opacity: 1
     }
   }
-}, 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)({
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0NjIiwiZmlsZSI6IkxleGljYWxDb2xvclBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVN0YXRlLCBTeW50aGV0aWNFdmVudCwgdXNlRWZmZWN0LCB1c2VNZW1vIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyB1c2VQYWdlRWxlbWVudHMgfSBmcm9tIFwiQHdlYmlueS9hcHAtcGFnZS1idWlsZGVyLWVsZW1lbnRzL2hvb2tzL3VzZVBhZ2VFbGVtZW50c1wiO1xuaW1wb3J0IHsgQ2hyb21lUGlja2VyLCBDb2xvclN0YXRlLCBSR0JDb2xvciB9IGZyb20gXCJyZWFjdC1jb2xvclwiO1xuaW1wb3J0IHsgT25DaGFuZ2VIYW5kbGVyIH0gZnJvbSBcInJlYWN0LWNvbG9yL2xpYi9jb21wb25lbnRzL2NvbW1vbi9Db2xvcldyYXBcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5cbi8vIEljb25zXG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBJY29uUGFsZXR0ZSB9IGZyb20gXCIuL3JvdW5kLWNvbG9yX2xlbnMtMjRweC5zdmdcIjtcblxuY29uc3QgQ29sb3JQaWNrZXJTdHlsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIHdpZHRoOiAyNDAsXG4gICAgcGFkZGluZzogMTUsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNmZmZcIlxufSk7XG5cbmNvbnN0IENvbG9yQm94ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiA0MCxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICBtYXJnaW46IDUsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBwYWRkaW5nOiAzLFxuICAgIGJveFNpemluZzogXCJjb250ZW50LWJveFwiXG59KTtcblxuY29uc3QgQ29sb3IgPSBzdHlsZWQoXCJidXR0b25cIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogNDAsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4xcywgYm9yZGVyIDAuMnNcIixcbiAgICBib3JkZXJDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMC41cyBjdWJpYy1iZXppZXIoMC4xNjUsIDAuODQsIDAuNDQsIDEpXCIsXG4gICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogLTEsXG4gICAgICAgIG9wYWNpdHk6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRyYW5zZm9ybTogXCJzY2FsZSgxLjEpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAuMjVyZW0gMC4xMjVyZW0gMCByZ2JhKDAsMCwwLDAuMDUpXCIsXG4gICAgICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IGljb25QYWxldHRlU3R5bGUgPSBjc3Moe1xuICAgIGhlaWdodDogMjAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1hcmdpblRvcDogMSxcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiXG59KTtcblxuY29uc3QgQ09MT1JTID0ge1xuICAgIGxpZ2h0R3JheTogXCJoc2xhKDAsIDAlLCA5NyUsIDEpXCIsXG4gICAgZ3JheTogXCJoc2xhKDMwMCwgMiUsIDkyJSwgMSlcIixcbiAgICBkYXJrR3JheTogXCJoc2xhKDAsIDAlLCA3MCUsIDEpXCIsXG4gICAgZGFya2VzdEdyYXk6IFwiaHNsYSgwLCAwJSwgMjAlLCAxKVwiLFxuICAgIGJsYWNrOiBcImhzbGEoMjA4LCAxMDAlLCA1JSwgMSlcIlxufTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIHNlbGVjdGVkQ29sb3I6IGNzcyh7XG4gICAgICAgIGJveFNoYWRvdzogXCJpbnNldCAwcHggMHB4IDBweCAxMHB4IHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJ1dHRvbjoge1xuICAgICAgICAgICAgYm9yZGVyOiBcIjVweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgYnV0dG9uOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICBoZWlnaHQ6IDMwLFxuICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SUy5ncmF5IH0sXG4gICAgICAgIFwiJjpmb2N1czpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIlxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCJcbiAgICAgICAgfSxcbiAgICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgICAgICB3aWR0aDogMTYsXG4gICAgICAgICAgICBoZWlnaHQ6IDE2XG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBjb2xvcjogY3NzKHtcbiAgICAgICAgd2lkdGg6IFwiNDBweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiXG4gICAgfSlcbn07XG5cbmNvbnN0IGNocm9tZVBpY2tlclN0eWxlID0gY3NzKHtcbiAgICB3aWR0aDogXCIyNzBweCAhaW1wb3J0YW50XCIsXG4gICAgbWFyZ2luOiBcIjE1cHggLTE1cHggLTE1cHggLTE1cHhcIlxufSk7XG5cbmludGVyZmFjZSBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcyB7XG4gICAgdmFsdWU6IHN0cmluZztcbiAgICBvbkNoYW5nZT86IChjb2xvcjogc3RyaW5nKSA9PiB2b2lkO1xuICAgIG9uQ2hhbmdlQ29tcGxldGU6IChjb2xvcjogc3RyaW5nLCBuYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICAgIGhhbmRsZXJDbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IHNob3dQaWNrZXJTdHlsZSA9IHsgZGlzcGxheTogXCJibG9ja1wiIH07XG5jb25zdCBoaWRlUGlja2VyU3R5bGUgPSB7IGRpc3BsYXk6IFwibm9uZVwiIH07XG5cbmV4cG9ydCBjb25zdCBMZXhpY2FsQ29sb3JQaWNrZXIgPSAoe1xuICAgIHZhbHVlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2hhbmdlQ29tcGxldGVcbn06IExleGljYWxDb2xvclBpY2tlclByb3BzKSA9PiB7XG4gICAgY29uc3QgW3Nob3dQaWNrZXIsIHNldFNob3dQaWNrZXJdID0gdXNlU3RhdGUoZmFsc2UpO1xuICAgIC8vIEVpdGhlciBhIGN1c3RvbSBjb2xvciBvciBhIGNvbG9yIGNvbWluZyBmcm9tIHRoZSB0aGVtZSBvYmplY3QuXG4gICAgY29uc3QgW2FjdHVhbFNlbGVjdGVkQ29sb3IsIHNldEFjdHVhbFNlbGVjdGVkQ29sb3JdID0gdXNlU3RhdGUodmFsdWUgfHwgXCIjZmZmXCIpO1xuICAgIGNvbnN0IFtpc1RoZW1lQ29sb3IsIHNldElzVGhlbWVDb2xvcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICBpZiAodmFsdWUpIHtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IodmFsdWUpO1xuICAgICAgICB9XG4gICAgfSwgW3ZhbHVlXSk7XG5cbiAgICBjb25zdCBnZXRDb2xvclZhbHVlID0gdXNlQ2FsbGJhY2soKHJnYjogUkdCQ29sb3IsIGFscGhhPzogbnVtYmVyKSA9PiB7XG4gICAgICAgIHJldHVybiBgcmdiYSgke3JnYi5yfSwgJHtyZ2IuZ30sICR7cmdiLmJ9LCAke2FscGhhID8/IHJnYi5hfSlgO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IG9uQ29sb3JDaGFuZ2UgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKGNvbG9yOiBDb2xvclN0YXRlLCBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAvLyBjb250cm9scyBvZiB0aGUgcGlja2VyIGFyZSB1cGRhdGVkIGFzIHVzZXIgbW92ZXMgdGhlIG1vdXNlXG4gICAgICAgICAgICBjb25zdCBjdXN0b21Db2xvciA9IGdldENvbG9yVmFsdWUoY29sb3IucmdiLCBjb2xvci5yZ2IuYSA9PT0gMCA/IDEgOiBjb2xvci5yZ2IuYSk7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIGlmICh0eXBlb2Ygb25DaGFuZ2UgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICAgICAgICAgIG9uQ2hhbmdlKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgW29uQ2hhbmdlXVxuICAgICk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlQ29tcGxldGUgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHsgcmdiIH06IENvbG9yU3RhdGUsIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGNvbnN0IGNvbG9yID0gZ2V0Q29sb3JWYWx1ZShyZ2IsIHJnYi5hID09PSAwID8gMSA6IHJnYi5hKTtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IoY29sb3IpO1xuICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShjb2xvcik7XG4gICAgICAgIH0sXG4gICAgICAgIFtvbkNoYW5nZUNvbXBsZXRlXVxuICAgICk7XG5cbiAgICBjb25zdCB0b2dnbGVQaWNrZXIgPSB1c2VDYWxsYmFjaygoZTogU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgc2V0U2hvd1BpY2tlcihzdGF0ZSA9PiAhc3RhdGUpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHBhZ2VFbGVtZW50cyA9IHVzZVBhZ2VFbGVtZW50cygpO1xuXG4gICAgY29uc3QgdGhlbWVDb2xvcnM6IFJlY29yZDxzdHJpbmcsIGFueT4gPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgY29uc3QgY29sb3JzID0gcGFnZUVsZW1lbnRzLnRoZW1lPy5zdHlsZXM/LmNvbG9ycyA/PyB7fTtcblxuICAgICAgICByZXR1cm4gT2JqZWN0LmtleXMoY29sb3JzKS5yZWR1Y2UoKGFjYywga2V5KSA9PiB7XG4gICAgICAgICAgICByZXR1cm4geyAuLi5hY2MsIFtrZXldOiBjb2xvcnNba2V5XSB9O1xuICAgICAgICB9LCB7fSk7XG4gICAgfSwgW3BhZ2VFbGVtZW50cy50aGVtZT8uc3R5bGVzPy5jb2xvcnNdKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGlzVGhlbWVDb2xvciA9IE9iamVjdC5rZXlzKHRoZW1lQ29sb3JzKS5zb21lKGtleSA9PiB0aGVtZUNvbG9yc1trZXldID09PSB2YWx1ZSk7XG4gICAgICAgIHNldElzVGhlbWVDb2xvcihpc1RoZW1lQ29sb3IpO1xuICAgIH0sIFt0aGVtZUNvbG9ycywgdmFsdWVdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxDb2xvclBpY2tlclN0eWxlPlxuICAgICAgICAgICAge09iamVjdC5rZXlzKHRoZW1lQ29sb3JzKS5tYXAoKGtleSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgICBjb25zdCBjb2xvciA9IHRoZW1lQ29sb3JzW2tleV07XG5cbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8Q29sb3JCb3gga2V5PXtpbmRleH0gY2xhc3NOYW1lPXtjb2xvciA9PT0gdmFsdWUgPyBzdHlsZXMuc2VsZWN0ZWRDb2xvciA6IFwiXCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17PHNwYW4+e2NvbG9yfTwvc3Bhbj59IHBsYWNlbWVudD1cImJvdHRvbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb2xvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8vIFdpdGggcGFnZSBlbGVtZW50cyBpbXBsZW1lbnRhdGlvbiwgd2Ugd2FudCB0byBzdG9yZSB0aGUgY29sb3Iga2V5IGFuZFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLy8gdGhlbiB0aGUgYWN0dWFsIGNvbG9yIHdpbGwgYmUgcmV0cmlldmVkIGZyb20gdGhlIHRoZW1lIG9iamVjdC5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGNvbG9ycyA9IHBhZ2VFbGVtZW50cy50aGVtZT8uc3R5bGVzPy5jb2xvcnM7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZUNvbXBsZXRlKGNvbG9yc1trZXldLCBrZXkpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgICAgIDwvQ29sb3JCb3g+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuXG4gICAgICAgICAgICA8Q29sb3JCb3ggY2xhc3NOYW1lPXt2YWx1ZSAmJiAhaXNUaGVtZUNvbG9yID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifT5cbiAgICAgICAgICAgICAgICA8VG9vbHRpcCBjb250ZW50PXs8c3Bhbj5Db2xvciBwaWNrZXI8L3NwYW4+fSBwbGFjZW1lbnQ9XCJib3R0b21cIj5cbiAgICAgICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGlzVGhlbWVDb2xvciA/IFwiI2ZmZlwiIDogdmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e3RvZ2dsZVBpY2tlcn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPEljb25QYWxldHRlIGNsYXNzTmFtZT17aWNvblBhbGV0dGVTdHlsZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9Db2xvcj5cbiAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICA8L0NvbG9yQm94PlxuXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPXtzaG93UGlja2VyID8gc2hvd1BpY2tlclN0eWxlIDogaGlkZVBpY2tlclN0eWxlfT5cbiAgICAgICAgICAgICAgICA8Q2hyb21lUGlja2VyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2hyb21lUGlja2VyU3R5bGV9XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPXthY3R1YWxTZWxlY3RlZENvbG9yfVxuICAgICAgICAgICAgICAgICAgICBkaXNhYmxlQWxwaGE9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNvbG9yQ2hhbmdlIGFzIE9uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZT17b25Db2xvckNoYW5nZUNvbXBsZXRlIGFzIE9uQ2hhbmdlSGFuZGxlcn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29sb3JQaWNrZXJTdHlsZT5cbiAgICApO1xufTtcbiJdfQ== */");
+const iconPaletteStyle = css({
   height: 20,
   width: "100%",
   marginTop: 1,
   color: "var(--mdc-theme-secondary)"
 });
-var COLORS = {
+const COLORS = {
   lightGray: "hsla(0, 0%, 97%, 1)",
   gray: "hsla(300, 2%, 92%, 1)",
   darkGray: "hsla(0, 0%, 70%, 1)",
   darkestGray: "hsla(0, 0%, 20%, 1)",
   black: "hsla(208, 100%, 5%, 1)"
 };
-var styles = {
-  selectedColor: (0, _emotion.css)({
+const styles = {
+  selectedColor: css({
     boxShadow: "inset 0px 0px 0px 10px var(--mdc-theme-secondary)",
     button: {
       border: "5px solid var(--mdc-theme-surface)"
     }
   }),
-  button: (0, _emotion.css)({
+  button: css({
     cursor: "pointer",
     height: 30,
     boxSizing: "border-box",
@@ -117,115 +108,107 @@ var styles = {
       height: 16
     }
   }),
-  color: (0, _emotion.css)({
+  color: css({
     width: "40px",
     height: "100%"
   })
 };
-var chromePickerStyle = (0, _emotion.css)({
+const chromePickerStyle = css({
   width: "270px !important",
   margin: "15px -15px -15px -15px"
 });
-var showPickerStyle = {
+const showPickerStyle = {
   display: "block"
 };
-var hidePickerStyle = {
+const hidePickerStyle = {
   display: "none"
 };
-var LexicalColorPicker = exports.LexicalColorPicker = function LexicalColorPicker(_ref) {
-  var value = _ref.value,
-    onChange = _ref.onChange,
-    onChangeComplete = _ref.onChangeComplete;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    showPicker = _useState2[0],
-    setShowPicker = _useState2[1];
+export const LexicalColorPicker = ({
+  value,
+  onChange,
+  onChangeComplete
+}) => {
+  const [showPicker, setShowPicker] = useState(false);
   // Either a custom color or a color coming from the theme object.
-  var _useState3 = (0, _react.useState)(value || "#fff"),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    actualSelectedColor = _useState4[0],
-    setActualSelectedColor = _useState4[1];
-  var _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    isThemeColor = _useState6[0],
-    setIsThemeColor = _useState6[1];
-  (0, _react.useEffect)(function () {
+  const [actualSelectedColor, setActualSelectedColor] = useState(value || "#fff");
+  const [isThemeColor, setIsThemeColor] = useState(false);
+  useEffect(() => {
     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, ")");
+  const getColorValue = useCallback((rgb, alpha) => {
+    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha ?? rgb.a})`;
   }, []);
-  var onColorChange = (0, _react.useCallback)(function (color, event) {
+  const onColorChange = useCallback((color, event) => {
     event.preventDefault();
     // controls of the picker are updated as user moves the mouse
-    var customColor = getColorValue(color.rgb, color.rgb.a === 0 ? 1 : color.rgb.a);
+    const customColor = getColorValue(color.rgb, color.rgb.a === 0 ? 1 : color.rgb.a);
     setActualSelectedColor(customColor);
     if (typeof onChange === "function") {
       onChange(customColor);
     }
   }, [onChange]);
-  var onColorChangeComplete = (0, _react.useCallback)(function (_ref2, event) {
-    var rgb = _ref2.rgb;
+  const onColorChangeComplete = useCallback(({
+    rgb
+  }, event) => {
     event.preventDefault();
-    var color = getColorValue(rgb, rgb.a === 0 ? 1 : rgb.a);
+    const color = getColorValue(rgb, rgb.a === 0 ? 1 : rgb.a);
     setActualSelectedColor(color);
     onChangeComplete(color);
   }, [onChangeComplete]);
-  var togglePicker = (0, _react.useCallback)(function (e) {
+  const togglePicker = useCallback(e => {
     e.stopPropagation();
-    setShowPicker(function (state) {
-      return !state;
-    });
+    setShowPicker(state => !state);
   }, []);
-  var pageElements = (0, _usePageElements.usePageElements)();
-  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]));
+  const pageElements = usePageElements();
+  const themeColors = useMemo(() => {
+    const colors = pageElements.theme?.styles?.colors ?? {};
+    return Object.keys(colors).reduce((acc, key) => {
+      return {
+        ...acc,
+        [key]: colors[key]
+      };
     }, {});
   }, [pageElements.theme?.styles?.colors]);
-  (0, _react.useEffect)(function () {
-    var isThemeColor = Object.keys(themeColors).some(function (key) {
-      return themeColors[key] === value;
-    });
+  useEffect(() => {
+    const isThemeColor = Object.keys(themeColors).some(key => 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];
-    return /*#__PURE__*/_react.default.createElement(ColorBox, {
+  return /*#__PURE__*/React.createElement(ColorPickerStyle, null, Object.keys(themeColors).map((key, index) => {
+    const color = themeColors[key];
+    return /*#__PURE__*/React.createElement(ColorBox, {
       key: index,
       className: color === value ? styles.selectedColor : ""
-    }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-      content: /*#__PURE__*/_react.default.createElement("span", null, color),
+    }, /*#__PURE__*/React.createElement(Tooltip, {
+      content: /*#__PURE__*/React.createElement("span", null, color),
       placement: "bottom"
-    }, /*#__PURE__*/_react.default.createElement(Color, {
+    }, /*#__PURE__*/React.createElement(Color, {
       style: {
         backgroundColor: color
       },
-      onClick: function onClick() {
+      onClick: () => {
         // With page elements implementation, we want to store the color key and
         // then the actual color will be retrieved from the theme object.
-        var colors = pageElements.theme?.styles?.colors;
+        const colors = pageElements.theme?.styles?.colors;
         onChangeComplete(colors[key], key);
       }
     })));
-  }), /*#__PURE__*/_react.default.createElement(ColorBox, {
+  }), /*#__PURE__*/React.createElement(ColorBox, {
     className: value && !isThemeColor ? styles.selectedColor : ""
-  }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: /*#__PURE__*/_react.default.createElement("span", null, "Color picker"),
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: /*#__PURE__*/React.createElement("span", null, "Color picker"),
     placement: "bottom"
-  }, /*#__PURE__*/_react.default.createElement(Color, {
+  }, /*#__PURE__*/React.createElement(Color, {
     style: {
       backgroundColor: isThemeColor ? "#fff" : value
     },
     onClick: togglePicker
-  }, /*#__PURE__*/_react.default.createElement(_roundColor_lens24px.ReactComponent, {
+  }, /*#__PURE__*/React.createElement(IconPalette, {
     className: iconPaletteStyle
-  })))), /*#__PURE__*/_react.default.createElement("div", {
+  })))), /*#__PURE__*/React.createElement("div", {
     style: showPicker ? showPickerStyle : hidePickerStyle
-  }, /*#__PURE__*/_react.default.createElement(_reactColor.ChromePicker, {
+  }, /*#__PURE__*/React.createElement(ChromePicker, {
     className: chromePickerStyle,
     color: actualSelectedColor,
     disableAlpha: true,

package/components/LexicalColorPicker/LexicalColorPicker.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["React","useCallback","useState","useEffect","useMemo","css","usePageElements","ChromePicker","Tooltip","ReactComponent","IconPalette","ColorPickerStyle","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ColorBox","Color","cursor","width","height","transition","borderColor","display","alignItems","borderRadius","content","position","top","left","zIndex","opacity","transform","boxShadow","iconPaletteStyle","marginTop","color","COLORS","lightGray","gray","darkGray","darkestGray","black","selectedColor","button","border","boxSizing","backgroundColor","outline","chromePickerStyle","margin","showPickerStyle","hidePickerStyle","LexicalColorPicker","value","onChange","onChangeComplete","showPicker","setShowPicker","actualSelectedColor","setActualSelectedColor","isThemeColor","setIsThemeColor","getColorValue","rgb","alpha","r","g","b","a","onColorChange","event","preventDefault","customColor","onColorChangeComplete","togglePicker","e","stopPropagation","state","pageElements","themeColors","colors","theme","Object","keys","reduce","acc","key","some","createElement","index","className","placement","style","onClick","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    boxSizing: \"content-box\"\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

@@ -1,29 +1,23 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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)({
+import React from "react";
+import { useFontColorPicker, DropDown } from "@webiny/lexical-editor";
+import { LexicalColorPicker } from "./LexicalColorPicker/LexicalColorPicker";
+import { css } from "emotion";
+export const LexicalColorPickerDropdown = () => {
+  const {
+    value,
+    applyColor
+  } = useFontColorPicker();
+  const buttonColorSelection = css({
     borderBottom: "3px solid " + value
   });
-  return /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDown, {
+  return /*#__PURE__*/React.createElement(DropDown, {
     buttonClassName: "toolbar-item color-picker",
     buttonAriaLabel: "Formatting options for text color",
     buttonIconClassName: "icon font-color " + buttonColorSelection,
     stopCloseOnClickSelf: true,
     disabled: false,
     showScroll: false
-  }, /*#__PURE__*/_react.default.createElement(_LexicalColorPicker.LexicalColorPicker, {
+  }, /*#__PURE__*/React.createElement(LexicalColorPicker, {
     value: value,
     onChangeComplete: applyColor
   }));

package/components/LexicalColorPickerDropdown.js.map

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["React","useFontColorPicker","DropDown","LexicalColorPicker","css","LexicalColorPickerDropdown","value","applyColor","buttonColorSelection","borderBottom","createElement","buttonClassName","buttonAriaLabel","buttonIconClassName","stopCloseOnClickSelf","disabled","showScroll","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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,EAAEC,QAAQ,QAAQ,wBAAwB;AACrE,SAASC,kBAAkB;AAC3B,SAASC,GAAG,QAAQ,SAAS;AAE7B,OAAO,MAAMC,0BAA0B,GAAGA,CAAA,KAAM;EAC5C,MAAM;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGN,kBAAkB,CAAC,CAAC;EAElD,MAAMO,oBAAoB,GAAGJ,GAAG,CAAC;IAC7BK,YAAY,EAAE,YAAY,GAAGH;EACjC,CAAC,CAAC;EAEF,oBACIN,KAAA,CAAAU,aAAA,CAACR,QAAQ;IACLS,eAAe,EAAC,2BAA2B;IAC3CC,eAAe,EAAE,mCAAoC;IACrDC,mBAAmB,EAAE,kBAAkB,GAAGL,oBAAqB;IAC/DM,oBAAoB,EAAE,IAAK;IAC3BC,QAAQ,EAAE,KAAM;IAChBC,UAAU,EAAE;EAAM,gBAElBhB,KAAA,CAAAU,aAAA,CAACP,kBAAkB;IAACG,KAAK,EAAEA,KAAM;IAACW,gBAAgB,EAAEV;EAAW,CAAE,CAC3D,CAAC;AAEnB,CAAC","ignoreList":[]}

package/components/TextAlignmentDropdown.js

@@ -1,81 +1,76 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TextAlignmentDropdown = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _selection = require("@lexical/selection");
-var _lexicalEditor = require("@webiny/lexical-editor");
-var _useCurrentSelection = require("@webiny/lexical-editor/hooks/useCurrentSelection");
-var TextAlignmentDropdown = exports.TextAlignmentDropdown = function TextAlignmentDropdown() {
-  var _useTextAlignmentActi = (0, _lexicalEditor.useTextAlignmentAction)(),
-    applyTextAlignment = _useTextAlignmentActi.applyTextAlignment,
-    outdentText = _useTextAlignmentActi.outdentText,
-    indentText = _useTextAlignmentActi.indentText;
-  var isRTL = (0, _useCurrentSelection.useDeriveValueFromSelection)(function (_ref) {
-    var rangeSelection = _ref.rangeSelection;
-    return rangeSelection ? (0, _selection.$isParentElementRTL)(rangeSelection) : false;
+import React from "react";
+import { $isParentElementRTL } from "@lexical/selection";
+import { Divider, DropDown, DropDownItem, useTextAlignmentAction } from "@webiny/lexical-editor";
+import { useDeriveValueFromSelection } from "@webiny/lexical-editor/hooks/useCurrentSelection";
+export const TextAlignmentDropdown = () => {
+  const {
+    applyTextAlignment,
+    outdentText,
+    indentText
+  } = useTextAlignmentAction();
+  const isRTL = useDeriveValueFromSelection(({
+    rangeSelection
+  }) => {
+    return rangeSelection ? $isParentElementRTL(rangeSelection) : false;
   });
-  return /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDown, {
+  return /*#__PURE__*/React.createElement(DropDown, {
     buttonLabel: "Align",
     buttonIconClassName: "icon left-align",
     buttonClassName: "toolbar-item spaced alignment",
     buttonAriaLabel: "Formatting options for text alignment"
-  }, /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDownItem, {
-    onClick: function onClick() {
+  }, /*#__PURE__*/React.createElement(DropDownItem, {
+    onClick: () => {
       applyTextAlignment("left");
     },
     className: "item"
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "icon left-align"
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "text"
-  }, "Left Align")), /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDownItem, {
-    onClick: function onClick() {
+  }, "Left Align")), /*#__PURE__*/React.createElement(DropDownItem, {
+    onClick: () => {
       applyTextAlignment("center");
     },
     className: "item"
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "icon center-align"
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "text"
-  }, "Center Align")), /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDownItem, {
-    onClick: function onClick() {
+  }, "Center Align")), /*#__PURE__*/React.createElement(DropDownItem, {
+    onClick: () => {
       applyTextAlignment("right");
     },
     className: "item"
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "icon right-align"
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "text"
-  }, "Right Align")), /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDownItem, {
-    onClick: function onClick() {
+  }, "Right Align")), /*#__PURE__*/React.createElement(DropDownItem, {
+    onClick: () => {
       applyTextAlignment("justify");
     },
     className: "item"
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "icon justify-align"
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "text"
-  }, "Justify Align")), /*#__PURE__*/_react.default.createElement(_lexicalEditor.Divider, null), /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDownItem, {
-    onClick: function onClick() {
+  }, "Justify Align")), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(DropDownItem, {
+    onClick: () => {
       outdentText();
     },
     className: "item"
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "icon " + (isRTL ? "indent" : "outdent")
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "text"
-  }, "Outdent")), /*#__PURE__*/_react.default.createElement(_lexicalEditor.DropDownItem, {
-    onClick: function onClick() {
+  }, "Outdent")), /*#__PURE__*/React.createElement(DropDownItem, {
+    onClick: () => {
       indentText();
     },
     className: "item"
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "icon " + (isRTL ? "outdent" : "indent")
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }), /*#__PURE__*/React.createElement("span", {
     className: "text"
   }, "Indent")));
 };

package/components/TextAlignmentDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_selection","_lexicalEditor","_useCurrentSelection","TextAlignmentDropdown","exports","_useTextAlignmentActi","useTextAlignmentAction","applyTextAlignment","outdentText","indentText","isRTL","useDeriveValueFromSelection","_ref","rangeSelection","$isParentElementRTL","default","createElement","DropDown","buttonLabel","buttonIconClassName","buttonClassName","buttonAriaLabel","DropDownItem","onClick","className","Divider"],"sources":["TextAlignmentDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { $isParentElementRTL } from \"@lexical/selection\";\nimport { Divider, DropDown, DropDownItem, useTextAlignmentAction } from \"@webiny/lexical-editor\";\nimport { useDeriveValueFromSelection } from \"@webiny/lexical-editor/hooks/useCurrentSelection\";\n\nexport const TextAlignmentDropdown = () => {\n    const { applyTextAlignment, outdentText, indentText } = useTextAlignmentAction();\n\n    const isRTL = useDeriveValueFromSelection(({ rangeSelection }) => {\n        return rangeSelection ? $isParentElementRTL(rangeSelection) : false;\n    });\n\n    return (\n        <DropDown\n            buttonLabel=\"Align\"\n            buttonIconClassName=\"icon left-align\"\n            buttonClassName=\"toolbar-item spaced alignment\"\n            buttonAriaLabel=\"Formatting options for text alignment\"\n        >\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"left\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon left-align\" />\n                <span className=\"text\">Left Align</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"center\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon center-align\" />\n                <span className=\"text\">Center Align</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"right\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon right-align\" />\n                <span className=\"text\">Right Align</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"justify\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon justify-align\" />\n                <span className=\"text\">Justify Align</span>\n            </DropDownItem>\n            <Divider />\n            <DropDownItem\n                onClick={() => {\n                    outdentText();\n                }}\n                className=\"item\"\n            >\n                <i className={\"icon \" + (isRTL ? \"indent\" : \"outdent\")} />\n                <span className=\"text\">Outdent</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    indentText();\n                }}\n                className=\"item\"\n            >\n                <i className={\"icon \" + (isRTL ? \"outdent\" : \"indent\")} />\n                <span className=\"text\">Indent</span>\n            </DropDownItem>\n        </DropDown>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","$isParentElementRTL","Divider","DropDown","DropDownItem","useTextAlignmentAction","useDeriveValueFromSelection","TextAlignmentDropdown","applyTextAlignment","outdentText","indentText","isRTL","rangeSelection","createElement","buttonLabel","buttonIconClassName","buttonClassName","buttonAriaLabel","onClick","className"],"sources":["TextAlignmentDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { $isParentElementRTL } from \"@lexical/selection\";\nimport { Divider, DropDown, DropDownItem, useTextAlignmentAction } from \"@webiny/lexical-editor\";\nimport { useDeriveValueFromSelection } from \"@webiny/lexical-editor/hooks/useCurrentSelection\";\n\nexport const TextAlignmentDropdown = () => {\n    const { applyTextAlignment, outdentText, indentText } = useTextAlignmentAction();\n\n    const isRTL = useDeriveValueFromSelection(({ rangeSelection }) => {\n        return rangeSelection ? $isParentElementRTL(rangeSelection) : false;\n    });\n\n    return (\n        <DropDown\n            buttonLabel=\"Align\"\n            buttonIconClassName=\"icon left-align\"\n            buttonClassName=\"toolbar-item spaced alignment\"\n            buttonAriaLabel=\"Formatting options for text alignment\"\n        >\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"left\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon left-align\" />\n                <span className=\"text\">Left Align</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"center\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon center-align\" />\n                <span className=\"text\">Center Align</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"right\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon right-align\" />\n                <span className=\"text\">Right Align</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"justify\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon justify-align\" />\n                <span className=\"text\">Justify Align</span>\n            </DropDownItem>\n            <Divider />\n            <DropDownItem\n                onClick={() => {\n                    outdentText();\n                }}\n                className=\"item\"\n            >\n                <i className={\"icon \" + (isRTL ? \"indent\" : \"outdent\")} />\n                <span className=\"text\">Outdent</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    indentText();\n                }}\n                className=\"item\"\n            >\n                <i className={\"icon \" + (isRTL ? \"outdent\" : \"indent\")} />\n                <span className=\"text\">Indent</span>\n            </DropDownItem>\n        </DropDown>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/index.js

@@ -1,14 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "LexicalEditorActions", {
-  enumerable: true,
-  get: function get() {
-    return _LexicalEditorActions.LexicalEditorActions;
-  }
-});
-var _LexicalEditorActions = require("./LexicalEditorActions");
+export { LexicalEditorActions } from "./LexicalEditorActions";
 
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_LexicalEditorActions","require"],"sources":["index.ts"],"sourcesContent":["export { LexicalEditorActions } from \"~/LexicalEditorActions\";\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA","ignoreList":[]}
+{"version":3,"names":["LexicalEditorActions"],"sources":["index.ts"],"sourcesContent":["export { LexicalEditorActions } from \"~/LexicalEditorActions\";\n"],"mappings":"AAAA,SAASA,oBAAoB","ignoreList":[]}

package/package.json

@@ -1,12 +1,12 @@
 {
 	"name": "@webiny/lexical-editor-actions",
-	"version": "5.43.2",
+	"version": "6.0.0-alpha.0",
 	"dependencies": {
 		"@emotion/styled": "11.10.6",
 		"@lexical/selection": "0.23.1",
-		"@webiny/app-page-builder-elements": "5.43.2",
-		"@webiny/lexical-editor": "5.43.2",
-		"@webiny/ui": "5.43.2",
+		"@webiny/app-page-builder-elements": "6.0.0-alpha.0",
+		"@webiny/lexical-editor": "6.0.0-alpha.0",
+		"@webiny/ui": "6.0.0-alpha.0",
 		"emotion": "10.0.27",
 		"react": "18.2.0",
 		"react-color": "2.19.3",
@@ -14,7 +14,7 @@
 	},
 	"devDependencies": {
 		"@types/react-color": "2.17.11",
-		"@webiny/project-utils": "5.43.2"
+		"@webiny/project-utils": "6.0.0-alpha.0"
 	},
 	"publishConfig": {
 		"access": "public",
@@ -24,5 +24,5 @@
 		"build": "node ../cli/bin.js run build",
 		"watch": "node ../cli/bin.js run watch"
 	},
-	"gitHead": "ec6176f001f6350221d992981e110a0351addbaf"
+	"gitHead": "a5b28fed7a242d8f56712197a8ea83aa6d2ed101"
 }