ketcher-react 2.5.0 → 2.5.1

package/dist/index.js

@@ -75,7 +75,7 @@ var Tab = require('@mui/material/Tab');
 require('draft-js/dist/Draft.css');
 var draftJs = require('draft-js');
 var createStyles = require('draft-js-custom-styles');
-var _extends$2V = require('@babel/runtime/helpers/extends');
+var _extends$2X = require('@babel/runtime/helpers/extends');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -133,7 +133,7 @@ var AccordionDetails__default = /*#__PURE__*/_interopDefaultLegacy(AccordionDeta
 var Tabs__default = /*#__PURE__*/_interopDefaultLegacy(Tabs$1);
 var Tab__default = /*#__PURE__*/_interopDefaultLegacy(Tab);
 var createStyles__default = /*#__PURE__*/_interopDefaultLegacy(createStyles);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$2V);
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$2X);
 
 function createApi(structServiceProvider, defaultOptions) {
   var structService = structServiceProvider.createStructService(defaultOptions);
@@ -446,8 +446,8 @@ function exec(action) {
   return enabled;
 }
 
-function ownKeys$10(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$10(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$11(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$11(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$11(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$11(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var editor = {
   resetToSelect: {
     title: 'Reset to Select Tool',
@@ -689,7 +689,7 @@ var optionsSchema = {
   title: 'Settings',
   type: 'object',
   required: [],
-  properties: _objectSpread$10(_objectSpread$10(_objectSpread$10(_objectSpread$10(_objectSpread$10({}, editor), render), server), debug), miew)
+  properties: _objectSpread$11(_objectSpread$11(_objectSpread$11(_objectSpread$11(_objectSpread$11({}, editor), render), server), debug), miew)
 };
 function getDefaultOptions() {
   if (!optionsSchema.properties) return {};
@@ -750,8 +750,8 @@ var storage = {
   }
 };
 
-function ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$$(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$10(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$10(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$10(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$10(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var initOptionsState = {
   app: {
     server: false,
@@ -847,27 +847,27 @@ function optionsReducer() {
   var action = arguments.length > 1 ? arguments[1] : undefined;
   var type = action.type,
       data = action.data;
-  if (type === 'APP_OPTIONS') return _objectSpread$$(_objectSpread$$({}, state), {}, {
-    app: _objectSpread$$(_objectSpread$$({}, state.app), data)
+  if (type === 'APP_OPTIONS') return _objectSpread$10(_objectSpread$10({}, state), {}, {
+    app: _objectSpread$10(_objectSpread$10({}, state.app), data)
   });
-  if (type === 'SAVE_SETTINGS') return _objectSpread$$(_objectSpread$$({}, state), {}, {
+  if (type === 'SAVE_SETTINGS') return _objectSpread$10(_objectSpread$10({}, state), {}, {
     settings: data
   });
-  if (type === 'SAVE_CHECK_OPTS') return _objectSpread$$(_objectSpread$$({}, state), {}, {
+  if (type === 'SAVE_CHECK_OPTS') return _objectSpread$10(_objectSpread$10({}, state), {}, {
     check: data
   });
-  if (type === 'CHANGE_ANALYSE') return _objectSpread$$(_objectSpread$$({}, state), {}, {
-    analyse: _objectSpread$$(_objectSpread$$(_objectSpread$$({}, state.analyse), data), {}, {
+  if (type === 'CHANGE_ANALYSE') return _objectSpread$10(_objectSpread$10({}, state), {}, {
+    analyse: _objectSpread$10(_objectSpread$10(_objectSpread$10({}, state.analyse), data), {}, {
       loading: false
     })
   });
-  if (type === 'ANALYSE_LOADING') return _objectSpread$$(_objectSpread$$({}, state), {}, {
-    analyse: _objectSpread$$(_objectSpread$$({}, state.analyse), {}, {
+  if (type === 'ANALYSE_LOADING') return _objectSpread$10(_objectSpread$10({}, state), {}, {
+    analyse: _objectSpread$10(_objectSpread$10({}, state.analyse), {}, {
       loading: true
     })
   });
-  if (recognizeActions.includes(type)) return _objectSpread$$(_objectSpread$$({}, state), {}, {
-    recognize: _objectSpread$$(_objectSpread$$({}, state.recognize), data)
+  if (recognizeActions.includes(type)) return _objectSpread$10(_objectSpread$10({}, state), {}, {
+    recognize: _objectSpread$10(_objectSpread$10({}, state.recognize), data)
   });
   return state;
 }
@@ -1163,8 +1163,8 @@ function getSdataDefault(context, fieldName) {
   return sdataSchema[context][fieldName] ? sdataSchema[context][fieldName].properties.fieldValue["default"] : '';
 }
 
-function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$_(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$$(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$$(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$$(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$$(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var initSdata = function initSdata() {
   var context = getSdataDefault();
   var fieldName = getSdataDefault(context);
@@ -1184,7 +1184,7 @@ var initSdata = function initSdata() {
 };
 function sdataReducer(state, action) {
   if (action.data.result.init) {
-    return correctErrors(_objectSpread$_(_objectSpread$_({}, state), {}, {
+    return correctErrors(_objectSpread$$(_objectSpread$$({}, state), {}, {
       result: Object.assign({}, state.result, action.data.result)
     }), action.data);
   }
@@ -1192,7 +1192,7 @@ function sdataReducer(state, action) {
   var actionFieldName = action.data.result.fieldName;
   var newstate = null;
   if (actionContext !== state.result.context) newstate = onContextChange(state, action.data.result);else if (actionFieldName !== state.result.fieldName) newstate = onFieldNameChange(state, action.data.result);
-  newstate = newstate || _objectSpread$_(_objectSpread$_({}, state), {}, {
+  newstate = newstate || _objectSpread$$(_objectSpread$$({}, state), {}, {
     result: Object.assign({}, state.result, action.data.result)
   });
   return correctErrors(newstate, action.data);
@@ -1216,7 +1216,7 @@ var onContextChange = function onContextChange(state, payload) {
   var fValue = fieldValue;
   if (fValue === state.result.fieldValue) fValue = getSdataDefault(context, fieldName);
   return {
-    result: _objectSpread$_(_objectSpread$_({}, payload), {}, {
+    result: _objectSpread$$(_objectSpread$$({}, payload), {}, {
       context: context,
       fieldName: fieldName,
       fieldValue: fValue
@@ -1230,7 +1230,7 @@ var onFieldNameChange = function onFieldNameChange(state, payload) {
   if (sdataSchema[context][fieldName]) fieldValue = getSdataDefault(context, fieldName);
   if (fieldValue === state.result.fieldValue && sdataSchema[context][state.result.fieldName]) fieldValue = '';
   return {
-    result: _objectSpread$_(_objectSpread$_({}, payload), {}, {
+    result: _objectSpread$$(_objectSpread$$({}, payload), {}, {
       fieldName: fieldName,
       fieldValue: fieldValue
     })
@@ -1368,8 +1368,8 @@ function formReducer(state, action, formName) {
 var INDIGO_VERIFICATION = 'INDIGO_VERIFICATION';
 var ANALYZING_FILE = 'ANALYZING_FILE';
 
-function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Z(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$_(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$_(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$_(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$_(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function indigoVerification(data) {
   return {
     type: INDIGO_VERIFICATION,
@@ -1394,13 +1394,13 @@ function requestReducer () {
   switch (type) {
     case INDIGO_VERIFICATION:
       {
-        return _objectSpread$Z(_objectSpread$Z({}, state), {}, {
+        return _objectSpread$_(_objectSpread$_({}, state), {}, {
           indigoVerification: data
         });
       }
     case ANALYZING_FILE:
       {
-        return _objectSpread$Z(_objectSpread$Z({}, state), {}, {
+        return _objectSpread$_(_objectSpread$_({}, state), {}, {
           isAnalyzingFile: data
         });
       }
@@ -1589,9 +1589,7 @@ var sgroup = {
         title: 'Repeat count',
         type: 'integer',
         "default": 1,
-        minimum: 1,
-        maximum: 1000,
-        invalidMessage: 'Value out of range: must be between 1 and 1000'
+        minimum: 1
       }
     },
     required: ['mul']
@@ -1675,12 +1673,12 @@ var attachSchema = {
 };
 
 var _excluded$E = ["type", "radiobuttons"];
-function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Y(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$Z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$Z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Z(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var DefaultStereoGroupNumber = 1;
 function fromElement(selem) {
   if (selem.label === 'R#') {
-    return _objectSpread$Y({
+    return _objectSpread$Z({
       type: 'rlabel',
       values: fromRlabel(selem.rglabel)
     }, selem);
@@ -1839,7 +1837,7 @@ function fromBond(sbond) {
   };
 }
 function toBond(bond) {
-  return _objectSpread$Y({
+  return _objectSpread$Z({
     topology: bond.topology,
     reactingCenterStatus: bond.center
   }, toBondType(bond.type));
@@ -1929,7 +1927,7 @@ function toSgroup(sgroup) {
   var type = sgroup.type,
       radiobuttons = sgroup.radiobuttons,
       props = _objectWithoutProperties__default["default"](sgroup, _excluded$E);
-  var attrs = _objectSpread$Y({}, props);
+  var attrs = _objectSpread$Z({}, props);
   var absolute = 'absolute';
   var attached = 'attached';
   switch (radiobuttons) {
@@ -1957,6 +1955,16 @@ function toSgroup(sgroup) {
 }
 
 var toolActions = {
+  hand: {
+    title: 'Hand tool',
+    shortcut: 'Mod+h',
+    action: {
+      tool: 'hand'
+    },
+    hidden: function hidden(options) {
+      return isHidden(options, 'hand');
+    }
+  },
   'select-lasso': {
     title: 'Lasso Selection',
     shortcut: 'Escape',
@@ -2951,9 +2959,9 @@ var fullscreen = {
   }
 };
 
-function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$X(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var config = _objectSpread$X(_objectSpread$X(_objectSpread$X(_objectSpread$X(_objectSpread$X(_objectSpread$X(_objectSpread$X(_objectSpread$X(_objectSpread$X({
+function ownKeys$Y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$Y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Y(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var config = _objectSpread$Y(_objectSpread$Y(_objectSpread$Y(_objectSpread$Y(_objectSpread$Y(_objectSpread$Y(_objectSpread$Y(_objectSpread$Y(_objectSpread$Y({
   clear: {
     shortcut: 'Mod+Delete',
     title: 'Clear Canvas',
@@ -3226,18 +3234,18 @@ function dontClipMessage(title, errorHandler) {
   'Instead, use shortcut to ' + title + '.');
 }
 
-var _path$2U, _rect, _rect2;
+var _path$2W, _rect, _rect2;
 
-function _extends$2U() { _extends$2U = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2U.apply(this, arguments); }
+function _extends$2W() { _extends$2W = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2W.apply(this, arguments); }
 
 function SvgAbout(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2U({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2W({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2U || (_path$2U = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2W || (_path$2W = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12 4.5a7.5 7.5 0 100 15 7.5 7.5 0 000-15zM12 18c-3.307 0-6-2.693-6-6s2.693-6 6-6 6 2.693 6 6-2.693 6-6 6z",
     fill: "currentcolor"
   })), _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
@@ -3257,20 +3265,20 @@ function SvgAbout(props) {
   })));
 }
 
-var _path$2T, _path2$F, _path3$9, _path4$3;
+var _path$2V, _path2$G, _path3$9, _path4$3;
 
-function _extends$2T() { _extends$2T = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2T.apply(this, arguments); }
+function _extends$2V() { _extends$2V = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2V.apply(this, arguments); }
 
 function SvgAnalyse(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2T({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2V({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2T || (_path$2T = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2V || (_path$2V = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M17.56 18.412a2.551 2.551 0 01-2.2 1.242H8.271a2.571 2.571 0 01-2.3-3.724l3.51-7a.99.99 0 00.1-.441V6.337h-.6v-2h5.705v2h-.846v2.1c.002.162.044.32.121.463l.05.094a4.448 4.448 0 00-1.61 1.239l-.214-.4a2.993 2.993 0 01-.343-1.388V6.554h-.26V8.49c-.001.464-.11.922-.317 1.338l-3.51 7a.57.57 0 00.51.827h7.087a.548.548 0 00.424-.19h.062a4.4 4.4 0 002.084-.521 2.558 2.558 0 01-.366 1.467z",
     fill: "currentcolor"
-  })), _path2$F || (_path2$F = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$G || (_path2$G = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M15.842 17.465a4.436 4.436 0 110-8.872 4.436 4.436 0 010 8.872zm0-7.87a3.436 3.436 0 100 6.872 3.436 3.436 0 000-6.873z",
     fill: "currentcolor"
   })), _path3$9 || (_path3$9 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -3282,22 +3290,22 @@ function SvgAnalyse(props) {
   })));
 }
 
-var _path$2S, _path2$E;
+var _path$2U, _path2$F;
 
-function _extends$2S() { _extends$2S = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2S.apply(this, arguments); }
+function _extends$2U() { _extends$2U = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2U.apply(this, arguments); }
 
 function SvgArom(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2S({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2U({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2S || (_path$2S = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2U || (_path$2U = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M11.53 3.626a.94.94 0 01.939 0l6.561 3.781c.291.168.47.477.47.812v7.562a.937.937 0 01-.47.812l-6.562 3.781a.94.94 0 01-.938 0l-6.56-3.781a.937.937 0 01-.47-.812V8.219c0-.335.179-.644.47-.812l6.56-3.781zM12 5.52L6.377 8.76v6.48L12 18.48l5.623-3.24V8.76l-5.623-3.24z",
     fill: "currentcolor"
-  })), _path2$E || (_path2$E = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$F || (_path2$F = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M12.005 9.7A2.3 2.3 0 009.702 12a2.3 2.3 0 002.303 2.298 2.3 2.3 0 002.302-2.299 2.3 2.3 0 00-2.302-2.298zM7.825 12a4.177 4.177 0 014.18-4.174 4.177 4.177 0 014.18 4.173 4.177 4.177 0 01-4.18 4.174 4.177 4.177 0 01-4.18-4.174z",
@@ -3305,35 +3313,35 @@ function SvgArom(props) {
   })));
 }
 
-var _path$2R;
+var _path$2T;
 
-function _extends$2R() { _extends$2R = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2R.apply(this, arguments); }
+function _extends$2T() { _extends$2T = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2T.apply(this, arguments); }
 
 function SvgArrowUpward(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2R({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2T({
     width: 21,
     height: 27,
     viewBox: "0 0 21 27",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2R || (_path$2R = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2T || (_path$2T = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M.898 8.972L9.54.395a1.365 1.365 0 011.92 0l8.642 8.577c.53.527.53 1.38 0 1.906-.53.527-1.39.527-1.92 0l-6.324-6.276V26.5H9.142V4.602l-6.324 6.276c-.53.527-1.39.527-1.92 0a1.34 1.34 0 010-1.906z"
   })));
 }
 
-var _path$2Q;
+var _path$2S;
 
-function _extends$2Q() { _extends$2Q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2Q.apply(this, arguments); }
+function _extends$2S() { _extends$2S = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2S.apply(this, arguments); }
 
 function SvgBondAny(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2Q({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2S({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2Q || (_path$2Q = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2S || (_path$2S = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M15.942 32.078a2 2 0 01-.02 2.828l-3.646 3.595a2 2 0 01-2.808-2.85l3.646-3.593a2 2 0 012.828.02zM23.457 24.538a2 2 0 01-.02 2.829l-3.647 3.592a2 2 0 11-2.807-2.85l3.646-3.592a2 2 0 012.828.021zM31.013 17.036a2 2 0 01-.021 2.829l-3.646 3.592a2 2 0 11-2.807-2.85l3.646-3.592a2 2 0 012.828.021zM38.553 9.52a2 2 0 01-.02 2.828l-3.647 3.594a2 2 0 11-2.808-2.848L35.724 9.5a2 2 0 012.829.02z",
@@ -3341,86 +3349,86 @@ function SvgBondAny(props) {
   })));
 }
 
-var _path$2P;
+var _path$2R;
 
-function _extends$2P() { _extends$2P = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2P.apply(this, arguments); }
+function _extends$2R() { _extends$2R = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2R.apply(this, arguments); }
 
 function SvgBondAromatic(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2P({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2R({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2P || (_path$2P = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2R || (_path$2R = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M15.886 40.04a2 2 0 01-1.4-3.424l19.6-19.324a2 2 0 012.8 2.85l-19.6 19.322a2 2 0 01-1.4.576zM17.456 27.214l-3.544 3.494a1.998 1.998 0 01-2.896.045 2 2 0 01.095-2.895l3.544-3.494a1.998 1.998 0 012.896-.044 2 2 0 01-.095 2.894zM28.568 15.454a2 2 0 01-1.4-3.424l3.546-3.494a2 2 0 012.8 2.848l-3.542 3.494a2 2 0 01-1.404.576zM20.539 23.368a1.999 1.999 0 01-1.4-3.424l3.542-3.494a2.001 2.001 0 013.286 2.203 2 2 0 01-.486.645L21.943 22.8a2 2 0 01-1.404.568z",
     fill: "#231F20"
   })));
 }
 
-var _path$2O;
+var _path$2Q;
 
-function _extends$2O() { _extends$2O = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2O.apply(this, arguments); }
+function _extends$2Q() { _extends$2Q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2Q.apply(this, arguments); }
 
 function SvgBondCrossed(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2O({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2Q({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2O || (_path$2O = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2Q || (_path$2Q = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M39.563 18.718l-14.098 6.8-7.25 13.866a2 2 0 01-3.546-1.852l4.762-9.11-9.26 4.464a2.001 2.001 0 11-1.735-3.6l14.098-6.8 7.25-13.87a2 2 0 113.546 1.852l-4.762 9.11 9.26-4.464a2 2 0 111.735 3.6v.004z",
     fill: "#231F20"
   })));
 }
 
-var _path$2N;
+var _path$2P;
 
-function _extends$2N() { _extends$2N = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2N.apply(this, arguments); }
+function _extends$2P() { _extends$2P = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2P.apply(this, arguments); }
 
 function SvgBondDative(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2N({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2P({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2N || (_path$2N = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2P || (_path$2P = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M38.2 11.278l-5.554 11.76c-.234.494-.914.558-1.346.126l-1.65-1.65-15.278 15.054a2.001 2.001 0 01-3.468-1.423 2.002 2.002 0 01.668-1.427l15.252-15.032-1.728-1.728c-.432-.434-.368-1.112.126-1.346l11.76-5.554c.708-.338 1.55.504 1.218 1.22z",
     fill: "#231F20"
   })));
 }
 
-var _path$2M;
+var _path$2O;
 
-function _extends$2M() { _extends$2M = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2M.apply(this, arguments); }
+function _extends$2O() { _extends$2O = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2O.apply(this, arguments); }
 
 function SvgBondDoublearomatic(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2M({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2O({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2M || (_path$2M = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2O || (_path$2O = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M17.572 27.342l-3.544 3.494a2 2 0 11-2.8-2.85l3.544-3.494a1.999 1.999 0 112.8 2.85zM24.427 19.6a1.999 1.999 0 01-1.4-3.424l3.544-3.494a2 2 0 012.8 2.848l-3.54 3.502a2 2 0 01-1.404.568zM32.102 11.96a2 2 0 100-4 2 2 0 000 4zM20.298 23.762a2 2 0 100-4 2 2 0 000 4zM20.888 36.036l-3.544 3.494a2 2 0 11-2.8-2.85l3.536-3.494a1.999 1.999 0 112.8 2.85h.008zM27.744 28.302a2 2 0 01-1.4-3.424l3.544-3.494a2 2 0 112.8 2.848l-3.544 3.494a2 2 0 01-1.4.576zM35.418 20.654a2 2 0 100-4 2 2 0 000 4zM23.614 32.456a2 2 0 100-4 2 2 0 000 4z",
     fill: "#231F20"
   })));
 }
 
-var _path$2L;
+var _path$2N;
 
-function _extends$2L() { _extends$2L = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2L.apply(this, arguments); }
+function _extends$2N() { _extends$2N = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2N.apply(this, arguments); }
 
 function SvgBondDouble(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2L({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2N({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2L || (_path$2L = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2N || (_path$2N = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M36.916 17.314a2 2 0 01-.02 2.828L17.29 39.465a2 2 0 01-2.808-2.85l19.606-19.322a2 2 0 012.828.021zM33.538 8.556a2 2 0 01-.02 2.829L13.912 30.706a2 2 0 01-2.808-2.85L30.71 8.536a2 2 0 012.828.021z",
@@ -3428,89 +3436,89 @@ function SvgBondDouble(props) {
   })));
 }
 
-var _path$2K, _path2$D;
+var _path$2M, _path2$E;
 
-function _extends$2K() { _extends$2K = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2K.apply(this, arguments); }
+function _extends$2M() { _extends$2M = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2M.apply(this, arguments); }
 
 function SvgBondDown(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2K({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2M({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2K || (_path$2K = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2M || (_path$2M = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M14.531 35.178l-1.132.658a.866.866 0 01-1.183-1.18l.655-1.14 1.66 1.662zM17.896 33.23l-1.79 1.038-2.33-2.33 1.032-1.796 3.088 3.088zM21.146 31.348l-1.79 1.038-3.706-3.706 1.032-1.796 4.464 4.464zM24.398 29.468l-1.793 1.036-5.084-5.082 1.032-1.798 5.845 5.844zM27.648 27.586l-1.793 1.036-6.46-6.46 1.032-1.796 7.22 7.22zM30.897 25.704l-1.792 1.038-7.836-7.838 1.032-1.796 8.596 8.596zM34.147 23.822l-1.792 1.038-9.212-9.214 1.032-1.796 9.972 9.972zM37.394 21.94l-1.79 1.038-10.59-10.59 1.032-1.796L37.394 21.94zM39.42 20.768l-.566.328L26.888 9.13l.324-.566a.866.866 0 011.362-.18L39.6 19.4a.863.863 0 01-.18 1.368z",
     fill: "#231F20"
-  })), _path2$D || (_path2$D = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$E || (_path2$E = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M37.394 21.94l-1.79 1.038-10.59-10.59 1.032-1.796L37.394 21.94zM39.42 20.768l-.566.328L26.888 9.13l.324-.566a.866.866 0 011.362-.18L39.6 19.4a.863.863 0 01-.18 1.368zM34.147 23.822l-1.792 1.038-9.212-9.214 1.032-1.796 9.972 9.972zM30.897 25.704l-1.792 1.038-7.836-7.838 1.032-1.796 8.596 8.596zM27.648 27.586l-1.793 1.036-6.46-6.46 1.032-1.796 7.22 7.22zM24.398 29.468l-1.793 1.036-5.084-5.082 1.032-1.798 5.845 5.844zM21.146 31.348l-1.79 1.038-3.706-3.706 1.032-1.796 4.464 4.464zM17.896 33.23l-1.79 1.038-2.33-2.33 1.032-1.796 3.088 3.088zM14.531 35.178l-1.132.658a.866.866 0 01-1.183-1.18l.655-1.14 1.66 1.662z",
     fill: "#231F20"
   })));
 }
 
-var _path$2J;
+var _path$2L;
 
-function _extends$2J() { _extends$2J = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2J.apply(this, arguments); }
+function _extends$2L() { _extends$2L = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2L.apply(this, arguments); }
 
 function SvgBondHydrogen(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2J({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2L({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2J || (_path$2J = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2L || (_path$2L = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M14.261 35.726a2 2 0 01-1.4-3.424l1.012-1a2 2 0 112.8 2.848l-1.012 1a2 2 0 01-1.4.576zM18.875 31.108a2 2 0 01-1.4-3.424l1.012-1a2 2 0 012.8 2.85l-1 1a2 2 0 01-1.412.574zM23.486 26.49a2 2 0 01-1.4-3.426l1-1a2 2 0 012.8 2.848l-1 1a2 2 0 01-1.4.578zM28.112 21.886a2 2 0 01-1.4-3.426l1.01-1a2 2 0 112.8 2.848l-1 1a2 2 0 01-1.41.578zM32.726 17.27a2 2 0 01-1.4-3.424l1.012-1a2 2 0 012.8 2.85l-1.012 1a2 2 0 01-1.4.574z",
     fill: "#231F20"
   })));
 }
 
-var _path$2I;
+var _path$2K;
 
-function _extends$2I() { _extends$2I = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2I.apply(this, arguments); }
+function _extends$2K() { _extends$2K = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2K.apply(this, arguments); }
 
 function SvgBondSinglearomatic(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2I({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2K({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2I || (_path$2I = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2K || (_path$2K = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M15.886 40.04a2 2 0 01-1.4-3.424l19.6-19.324a2 2 0 112.8 2.85l-19.6 19.322a2 2 0 01-1.4.576zM17.584 27.342l-3.544 3.494a2 2 0 11-2.8-2.85l3.544-3.494a1.998 1.998 0 012.896-.044 1.998 1.998 0 01-.096 2.894zM24.441 19.6a2 2 0 01-1.4-3.424l3.54-3.486a1.998 1.998 0 013.343.623 2.001 2.001 0 01-.543 2.225l-3.536 3.494a2 2 0 01-1.404.568zM32.113 11.96a2 2 0 100-4 2 2 0 000 4zM20.31 23.762a2 2 0 100-4 2 2 0 000 4z",
     fill: "#231F20"
   })));
 }
 
-var _path$2H;
+var _path$2J;
 
-function _extends$2H() { _extends$2H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2H.apply(this, arguments); }
+function _extends$2J() { _extends$2J = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2J.apply(this, arguments); }
 
 function SvgBondSingledouble(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2H({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2J({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2H || (_path$2H = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2J || (_path$2J = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M19.078 31.6l-3.544 3.488a2 2 0 11-2.8-2.85l3.543-3.494a2 2 0 112.8 2.85v.006zM30.2 19.832a2 2 0 01-1.4-3.424l3.545-3.494a2 2 0 112.8 2.85L31.6 19.258a2 2 0 01-1.4.574zM22.16 27.748a2 2 0 01-1.4-3.426l3.544-3.494a2 2 0 012.8 2.85l-3.544 3.494a2 2 0 01-1.4.576zM22.4 16.352a2 2 0 01-1.4-3.424l3.544-3.494a2 2 0 112.8 2.848L23.8 15.776a2 2 0 01-1.4.576zM14.372 24.266a2 2 0 01-1.4-3.424l3.54-3.494A2.001 2.001 0 1119.32 20.2l-3.544 3.49a2 2 0 01-1.404.576zM29.946 31.228a2 2 0 01-1.4-3.424l3.546-3.494a2 2 0 112.8 2.848l-3.546 3.494a2 2 0 01-1.4.576zM21.916 39.142a2 2 0 01-1.4-3.424l3.547-3.494a2 2 0 112.8 2.848l-3.543 3.494a2 2 0 01-1.404.576z",
     fill: "#231F20"
   })));
 }
 
-var _path$2G;
+var _path$2I;
 
-function _extends$2G() { _extends$2G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2G.apply(this, arguments); }
+function _extends$2I() { _extends$2I = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2I.apply(this, arguments); }
 
 function SvgBondSingle(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2G({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2I({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2G || (_path$2G = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2I || (_path$2I = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M35.227 12.934a2 2 0 01-.02 2.829L15.601 35.087a2 2 0 11-2.808-2.85l19.604-19.323a2 2 0 012.829.02z",
@@ -3518,18 +3526,18 @@ function SvgBondSingle(props) {
   })));
 }
 
-var _path$2F;
+var _path$2H;
 
-function _extends$2F() { _extends$2F = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2F.apply(this, arguments); }
+function _extends$2H() { _extends$2H = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2H.apply(this, arguments); }
 
 function SvgBondTriple(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2F({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2H({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2F || (_path$2F = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2H || (_path$2H = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M35.158 12.928a2 2 0 01-.02 2.829L15.532 35.078a2 2 0 11-2.808-2.849L32.33 12.908a2 2 0 012.828.021zM31.306 5.49a2 2 0 01-.02 2.829L11.678 27.64a2 2 0 11-2.807-2.849L28.477 5.47a2 2 0 012.829.02zM39.013 20.366a2 2 0 01-.02 2.829L19.385 42.517a2 2 0 01-2.807-2.85l19.606-19.322a2 2 0 012.828.021z",
@@ -3537,35 +3545,35 @@ function SvgBondTriple(props) {
   })));
 }
 
-var _path$2E;
+var _path$2G;
 
-function _extends$2E() { _extends$2E = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2E.apply(this, arguments); }
+function _extends$2G() { _extends$2G = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2G.apply(this, arguments); }
 
 function SvgBondUp(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2E({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2G({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2E || (_path$2E = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2G || (_path$2G = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M19.71 10.384L6.7 17.918a.433.433 0 01-.592-.59l7.5-13.046a.433.433 0 01.68-.09L19.8 9.7a.432.432 0 01-.09.684z",
     fill: "#333"
   })));
 }
 
-var _path$2D;
+var _path$2F;
 
-function _extends$2D() { _extends$2D = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2D.apply(this, arguments); }
+function _extends$2F() { _extends$2F = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2F.apply(this, arguments); }
 
 function SvgBondUpdown(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2D({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2F({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2D || (_path$2D = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2F || (_path$2F = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M27.326 8.31a1 1 0 011.264.128l10.728 10.818a1 1 0 01-1.42 1.408l-7.14-7.2 3.81 9.17a1 1 0 01-1.479 1.216l-7.03-4.693 2.959 6.644a1 1 0 01-1.31 1.325l-5.921-2.562 1.467 4.91a1 1 0 01-1.218 1.251l-4.594-1.237-3.369 5.868a1 1 0 11-1.734-.996l3.752-6.536a1 1 0 011.127-.468l3.607.972-1.569-5.248a1 1 0 011.355-1.204l5.537 2.396-3.321-7.46a1 1 0 011.468-1.238l7.16 4.78-4.498-10.829a1 1 0 01.369-1.215z",
@@ -3573,33 +3581,33 @@ function SvgBondUpdown(props) {
   })));
 }
 
-var _path$2C;
+var _path$2E;
 
-function _extends$2C() { _extends$2C = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2C.apply(this, arguments); }
+function _extends$2E() { _extends$2E = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2E.apply(this, arguments); }
 
 function SvgCapitalT(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2C({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2E({
     width: 22,
     height: 23,
     viewBox: "0 0 22 23",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2C || (_path$2C = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2E || (_path$2E = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M.5 0v4.5h8.25v18h4.5v-18h8.25V0H.5z"
   })));
 }
 
-var _path$2B;
+var _path$2D;
 
-function _extends$2B() { _extends$2B = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2B.apply(this, arguments); }
+function _extends$2D() { _extends$2D = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2D.apply(this, arguments); }
 
 function SvgChain(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2B({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2D({
     width: 32,
     height: 32,
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2B || (_path$2B = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2D || (_path$2D = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M26.323 10.62c.517.525.51 1.369-.014 1.886l-5.414 5.336c-.33.324-.804.455-1.254.345l-6.996-1.715-4.993 4.92a1.333 1.333 0 01-1.872-1.899l5.523-5.443c.33-.324.804-.455 1.253-.345l6.997 1.715 4.885-4.814a1.333 1.333 0 011.885.014z",
@@ -3607,60 +3615,60 @@ function SvgChain(props) {
   })));
 }
 
-var _path$2A, _path2$C;
+var _path$2C, _path2$D;
 
-function _extends$2A() { _extends$2A = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2A.apply(this, arguments); }
+function _extends$2C() { _extends$2C = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2C.apply(this, arguments); }
 
 function SvgChargeMinus(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2A({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2C({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2A || (_path$2A = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2C || (_path$2C = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M20 4h-8v2h8V4z",
     fill: "#231F20"
-  })), _path2$C || (_path2$C = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$D || (_path2$D = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M5.82 19.32a1 1 0 01-.948.68h-.45a1 1 0 01-.942-1.338l3.228-9A1 1 0 017.65 9h1.707a1 1 0 01.941.663l3.224 9A1 1 0 0112.58 20h-.451a1 1 0 01-.948-.68l-2.62-7.764a.062.062 0 00-.117 0L5.819 19.32zm-.392-2.736c0-.501.406-.908.907-.908h4.302a.908.908 0 010 1.816H6.335a.908.908 0 01-.907-.908z",
     fill: "#000"
   })));
 }
 
-var _path$2z, _path2$B;
+var _path$2B, _path2$C;
 
-function _extends$2z() { _extends$2z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2z.apply(this, arguments); }
+function _extends$2B() { _extends$2B = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2B.apply(this, arguments); }
 
 function SvgChargePlus(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2z({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2B({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2z || (_path$2z = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2B || (_path$2B = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M21.5 6.499v2h-4V12.5h-2V8.499h-4v-2h4V2.5h2v3.999h4z",
     fill: "#231F20"
-  })), _path2$B || (_path2$B = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$C || (_path2$C = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M5.82 19.32a1 1 0 01-.948.68h-.45a1 1 0 01-.942-1.338l3.228-9A1 1 0 017.65 9h1.707a1 1 0 01.941.663l3.224 9A1 1 0 0112.58 20h-.451a1 1 0 01-.948-.68l-2.62-7.764a.062.062 0 00-.117 0L5.819 19.32zm-.392-2.736c0-.501.406-.908.907-.908h4.302a.908.908 0 010 1.816H6.335a.908.908 0 01-.907-.908z",
     fill: "#000"
   })));
 }
 
-var _path$2y, _path2$A;
+var _path$2A, _path2$B;
 
-function _extends$2y() { _extends$2y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2y.apply(this, arguments); }
+function _extends$2A() { _extends$2A = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2A.apply(this, arguments); }
 
 function SvgCheck(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2y({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2A({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2y || (_path$2y = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2A || (_path$2A = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12 5a7 7 0 11-7 7 7.008 7.008 0 017-7zm0-2a9 9 0 100 18 9 9 0 000-18z",
     fill: "currentcolor"
-  })), _path2$A || (_path2$A = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$B || (_path2$B = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M16.73 9.555l-5.838 5.837-3.314-3.54 1.46-1.367 1.902 2.031 4.376-4.375 1.414 1.414z",
@@ -3668,86 +3676,86 @@ function SvgCheck(props) {
   })));
 }
 
-var _path$2x, _path2$z;
+var _path$2z, _path2$A;
 
-function _extends$2x() { _extends$2x = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2x.apply(this, arguments); }
+function _extends$2z() { _extends$2z = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2z.apply(this, arguments); }
 
 function SvgChiralFlag(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2x({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2z({
     "data-name": "Layer 1",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 -5 70 35"
-  }, props), _path$2x || (_path$2x = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2z || (_path$2z = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M0 25h69V0H0zM68 1v23H1V1z"
-  })), _path2$z || (_path2$z = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$A || (_path2$A = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M21 18.14a3.85 3.85 0 002.71-.93 3.07 3.07 0 001-2.43H23.1a2.09 2.09 0 01-.53 1.54 2.09 2.09 0 01-1.55.53 1.94 1.94 0 01-1.64-.8 3.31 3.31 0 01-.6-2v-1.98a3.33 3.33 0 01.59-2 1.89 1.89 0 011.6-.8 2.18 2.18 0 011.59.53 2 2 0 01.54 1.53h1.61a3 3 0 00-1-2.45A4 4 0 0021 7.9a3.58 3.58 0 00-2.78 1.18 4.3 4.3 0 00-1.07 3V14a4.25 4.25 0 001.08 3A3.65 3.65 0 0021 18.14zM27.77 12.54a1.67 1.67 0 01.64-.52 2.09 2.09 0 01.92-.19 1.26 1.26 0 011 .39 1.91 1.91 0 01.34 1.26V18h1.66v-4.51a3.36 3.36 0 00-.66-2.29 2.33 2.33 0 00-1.84-.74 2.42 2.42 0 00-1.17.29 2.63 2.63 0 00-.9.81V7.34h-1.65V18h1.66zM34.16 7.34h1.66V8.8h-1.66zM34.16 10.6h1.66V18h-1.66zM39.32 12.86a1.35 1.35 0 01.5-.58 1.49 1.49 0 01.81-.21h.71l.2-1.55-.24-.06h-.28a1.68 1.68 0 00-1 .32 2.38 2.38 0 00-.72.89l-.11-1.07h-1.53V18h1.66zM45.49 13.65a4.08 4.08 0 00-2.39.6 1.93 1.93 0 00-.85 1.67 2.16 2.16 0 00.62 1.63 2.46 2.46 0 001.77.59 2.3 2.3 0 001.25-.35 2.85 2.85 0 00.9-.87 4 4 0 00.08.53q.06.27.15.55h1.68a4.59 4.59 0 01-.2-.82 6 6 0 01-.06-.88V13a2.31 2.31 0 00-.79-1.89 3.17 3.17 0 00-2.08-.66 3.32 3.32 0 00-2.16.68 1.83 1.83 0 00-.78 1.55h1.6a.86.86 0 01.33-.7 1.39 1.39 0 01.9-.27 1.35 1.35 0 011 .33 1.21 1.21 0 01.34.91v.65zm1.29 2.13a1.59 1.59 0 01-.67.72 2.07 2.07 0 01-1.12.31 1.15 1.15 0 01-.8-.25.86.86 0 01-.28-.67 1.09 1.09 0 01.41-.84 1.67 1.67 0 011.13-.36h1.32zM50.27 7.34h1.66V18h-1.66z"
   })));
 }
 
-var _path$2w;
+var _path$2y;
 
-function _extends$2w() { _extends$2w = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2w.apply(this, arguments); }
+function _extends$2y() { _extends$2y = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2y.apply(this, arguments); }
 
 function SvgCip(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2w({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2y({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2w || (_path$2w = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2y || (_path$2y = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M11.998 19.27L4.607 7.949a.7.7 0 01.347-1.042L9.447 5.27a.7.7 0 01.934.574l1.617 13.426zM5.65 7.718l4.848 7.419-1.06-8.8-3.788 1.38zM19.392 7.947L12 19.27l1.617-13.426a.7.7 0 01.935-.574l4.493 1.635a.7.7 0 01.347 1.041z",
     fill: "currentcolor"
   })));
 }
 
-var _path$2v;
+var _path$2x;
 
-function _extends$2v() { _extends$2v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2v.apply(this, arguments); }
+function _extends$2x() { _extends$2x = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2x.apply(this, arguments); }
 
 function SvgClean(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2v({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2x({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2v || (_path$2v = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2x || (_path$2x = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M19.848 16.312a2.437 2.437 0 11-4.843-.386l-1.987-1.147-1-.578-1 .577-1.687.974a2.437 2.437 0 11-1.234-1.596l1.922-1.109 1-.578V9.16a2.437 2.437 0 112 0v3.31l1 .577 2.09 1.207a2.436 2.436 0 013.741 2.058h-.002z",
     fill: "currentcolor"
   })));
 }
 
-var _path$2u;
+var _path$2w;
 
-function _extends$2u() { _extends$2u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2u.apply(this, arguments); }
+function _extends$2w() { _extends$2w = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2w.apply(this, arguments); }
 
 function SvgCopy(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2u({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2w({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2u || (_path$2u = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2w || (_path$2w = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M17.25 18.75H9V8.25h8.25v10.5zm0-12H9a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h8.25a1.5 1.5 0 001.5-1.5V8.25a1.5 1.5 0 00-1.5-1.5zm-2.25-3H6a1.5 1.5 0 00-1.5 1.5v10.5H6V5.25h9v-1.5z",
     fill: "currentcolor"
   })));
 }
 
-var _path$2t, _path2$y, _path3$8;
+var _path$2v, _path2$z, _path3$8;
 
-function _extends$2t() { _extends$2t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2t.apply(this, arguments); }
+function _extends$2v() { _extends$2v = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2v.apply(this, arguments); }
 
 function SvgCopyImage(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2t({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2v({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2t || (_path$2t = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2v || (_path$2v = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M17.25 18.75H9V8.25h8.25v10.5zm0-12H9a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h8.25a1.5 1.5 0 001.5-1.5V8.25a1.5 1.5 0 00-1.5-1.5zm-2.25-3H6a1.5 1.5 0 00-1.5 1.5v10.5H6V5.25h9v-1.5z",
     fill: "currentColor"
-  })), _path2$y || (_path2$y = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$z || (_path2$z = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M10.2 10a.5.5 0 01.5-.5h5a.5.5 0 01.5.5v2.469c0 .298-.26.527-.559.531a4.497 4.497 0 00-4.124 2.84 4.496 4.496 0 00-.29 1.161c-.03.274-.252.499-.528.499a.5.5 0 01-.5-.5v-7zm3 1.5a1 1 0 11-2 0 1 1 0 012 0z",
@@ -3758,128 +3766,128 @@ function SvgCopyImage(props) {
   })));
 }
 
-var _path$2s, _path2$x;
+var _path$2u, _path2$y;
 
-function _extends$2s() { _extends$2s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2s.apply(this, arguments); }
+function _extends$2u() { _extends$2u = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2u.apply(this, arguments); }
 
 function SvgCopyKet(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2s({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2u({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2s || (_path$2s = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2u || (_path$2u = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M17.25 18.75H9V8.25h8.25v10.5zm0-12H9a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h8.25a1.5 1.5 0 001.5-1.5V8.25a1.5 1.5 0 00-1.5-1.5zm-2.25-3H6a1.5 1.5 0 00-1.5 1.5v10.5H6V5.25h9v-1.5z",
     fill: "currentColor"
-  })), _path2$x || (_path2$x = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$y || (_path2$y = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M11.3 16.318a.3.3 0 01-.3-.3V10.8a.3.3 0 01.3-.3h.63a.3.3 0 01.3.3v2.213a.052.052 0 00.092.033l1.989-2.436a.3.3 0 01.232-.11h.694a.3.3 0 01.23.491l-1.607 1.94a.3.3 0 00-.017.36l1.739 2.559a.3.3 0 01-.248.468h-.744a.3.3 0 01-.25-.134l-1.28-1.92a.3.3 0 00-.482-.024l-.28.342a.3.3 0 00-.068.19v1.246a.3.3 0 01-.3.3h-.63z",
     fill: "currentColor"
   })));
 }
 
-var _path$2r, _path2$w;
+var _path$2t, _path2$x;
 
-function _extends$2r() { _extends$2r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2r.apply(this, arguments); }
+function _extends$2t() { _extends$2t = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2t.apply(this, arguments); }
 
 function SvgCopyMol(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2r({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2t({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2r || (_path$2r = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2t || (_path$2t = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M17.25 18.75H9V8.25h8.25v10.5zm0-12H9a1.5 1.5 0 00-1.5 1.5v10.5a1.5 1.5 0 001.5 1.5h8.25a1.5 1.5 0 001.5-1.5V8.25a1.5 1.5 0 00-1.5-1.5zm-2.25-3H6a1.5 1.5 0 00-1.5 1.5v10.5H6V5.25h9v-1.5z",
     fill: "currentColor"
-  })), _path2$w || (_path2$w = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$x || (_path2$x = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M10 11a.5.5 0 01.5-.5h.682a.5.5 0 01.462.31l1.462 3.567a.05.05 0 00.094 0l1.463-3.567a.5.5 0 01.462-.31h.682a.5.5 0 01.5.5v4.818a.5.5 0 01-.5.5h-.193a.5.5 0 01-.5-.5V12.56a.029.029 0 00-.03-.029.029.029 0 00-.026.018l-1.373 3.427a.5.5 0 01-.464.314h-.135a.5.5 0 01-.464-.315l-1.373-3.44a.029.029 0 00-.056.01v3.273a.5.5 0 01-.5.5H10.5a.5.5 0 01-.5-.5V11z",
     fill: "currentColor"
   })));
 }
 
-var _path$2q;
+var _path$2s;
 
-function _extends$2q() { _extends$2q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2q.apply(this, arguments); }
+function _extends$2s() { _extends$2s = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2s.apply(this, arguments); }
 
 function SvgCut(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2q({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2s({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2q || (_path$2q = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2s || (_path$2s = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M17.25 5.25l-4.5 4.5 1.5 1.5L19.5 6v-.75h-2.25zM12 12.375a.375.375 0 110-.75.375.375 0 010 .75zM7.5 18a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm0-9a1.5 1.5 0 110-3 1.5 1.5 0 010 3zm2.73-.27c.172-.375.27-.788.27-1.23a3 3 0 10-3 3c.442 0 .855-.098 1.23-.27L10.5 12l-1.77 1.77a2.923 2.923 0 00-1.23-.27 3 3 0 103 3c0-.442-.098-.855-.27-1.23L12 13.5l5.25 5.25h2.25V18l-9.27-9.27z",
     fill: "currentcolor"
   })));
 }
 
-var _path$2p, _path2$v;
+var _path$2r, _path2$w;
 
-function _extends$2p() { _extends$2p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2p.apply(this, arguments); }
+function _extends$2r() { _extends$2r = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2r.apply(this, arguments); }
 
 function SvgDearom(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2p({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2r({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2p || (_path$2p = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2r || (_path$2r = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M11.53 3.626a.94.94 0 01.94 0l6.56 3.781c.291.168.47.477.47.812v7.562a.937.937 0 01-.47.812l-6.56 3.781a.94.94 0 01-.94 0l-6.56-3.781a.937.937 0 01-.47-.812V8.219c0-.335.179-.644.47-.812l6.56-3.781zM6.378 8.76v6.48L12 18.48l5.622-3.24V8.76L12 5.52 6.378 8.76z",
     fill: "currentcolor"
-  })), _path2$v || (_path2$v = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$w || (_path2$w = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M15.565 9.812v4.363l.935.569V9.243l-.935.569zM11.998 6.5C10.5 7.412 9.001 8.325 7.5 9.241l.934.57 3.564-2.173V6.5zM7.5 14.751l4.498 2.749v-1.138L8.434 14.17l-.934.58z",
     fill: "currentcolor"
   })));
 }
 
-var _path$2o;
+var _path$2q;
 
-function _extends$2o() { _extends$2o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2o.apply(this, arguments); }
+function _extends$2q() { _extends$2q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2q.apply(this, arguments); }
 
 function SvgDelete(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2o({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2q({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2o || (_path$2o = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2q || (_path$2q = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M15.813 20.483h-7.63a1.8 1.8 0 01-1.8-1.8V7.357h11.23v11.326a1.8 1.8 0 01-1.8 1.8zm-7.43-2h7.23V9.357h-7.23v9.126zM19.305 4.613v2H4.695v-2h3.433l1.034-1.13h5.676l1.034 1.13h3.433z",
     fill: "currentColor"
   })));
 }
 
-var _path$2n;
+var _path$2p;
 
-function _extends$2n() { _extends$2n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2n.apply(this, arguments); }
+function _extends$2p() { _extends$2p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2p.apply(this, arguments); }
 
 function SvgDropdown(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2n({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2p({
     xmlns: "http://www.w3.org/2000/svg",
     width: 1000,
     height: 1000,
     viewBox: "0 0 1000 1000"
-  }, props), _path$2n || (_path$2n = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2p || (_path$2p = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M876.337 751.055c0 70.936-57.736 128.672-128.672 128.672H201.297c-70.936 0-128.557-57.736-128.557-128.672L747.55 76.36c70.936 0 128.672 57.506 128.672 128.557v546.138z"
   })));
 }
 
-var _path$2m;
+var _path$2o;
 
-function _extends$2m() { _extends$2m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2m.apply(this, arguments); }
+function _extends$2o() { _extends$2o = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2o.apply(this, arguments); }
 
 function SvgEnhancedStereo(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2m({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2o({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2m || (_path$2m = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2o || (_path$2o = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M14 4.5c0 1.138-.76 2.098-1.8 2.4v2.963a2.53 2.53 0 011.54 1.333l1.766-.758A1.501 1.501 0 1118.5 10.3a1.5 1.5 0 01-2.417 1.187l-2.084.894c-.003.301-.057.59-.152.858l1.476 1.273a3 3 0 11-.988 1.108l-1.367-1.18a2.433 2.433 0 01-2.656.184l-2.35 1.442a2.5 2.5 0 11-.683-1.322l1.993-1.223A2.649 2.649 0 019 12.347c0-1.14.711-2.107 1.7-2.452V6.87A2.501 2.501 0 1114 4.5zm-3.635 0a1.134 1.134 0 102.27 0 1.134 1.134 0 00-2.27 0zm1.135 8.955c-.592 0-1.071-.496-1.071-1.108 0-.612.48-1.108 1.07-1.108.592 0 1.072.496 1.072 1.108 0 .612-.48 1.108-1.071 1.108zM4.298 16.5a1.201 1.201 0 102.403 0 1.201 1.201 0 00-2.403 0zM17 18.513a1.513 1.513 0 110-3.026 1.513 1.513 0 010 3.026zM17 11a.7.7 0 110-1.398.7.7 0 010 1.398z",
@@ -3887,89 +3895,89 @@ function SvgEnhancedStereo(props) {
   })));
 }
 
-var _path$2l;
+var _path$2n;
 
-function _extends$2l() { _extends$2l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2l.apply(this, arguments); }
+function _extends$2n() { _extends$2n = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2n.apply(this, arguments); }
 
 function SvgEdit(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2l({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2n({
     width: 18,
     height: 18,
     viewBox: "0 0 18 18",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2l || (_path$2l = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2n || (_path$2n = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M11.796 7.265l-1.06-1.06L3.75 13.19v1.06h1.06l6.986-6.985zm1.06-1.06l1.061-1.061-1.06-1.06-1.061 1.06 1.06 1.06zM5.432 15.75H2.25v-3.182L12.326 2.492a.75.75 0 011.06 0l2.123 2.121a.75.75 0 010 1.06L5.431 15.75z",
     fill: "currentColor"
   })));
 }
 
-var _path$2k;
+var _path$2m;
 
-function _extends$2k() { _extends$2k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2k.apply(this, arguments); }
+function _extends$2m() { _extends$2m = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2m.apply(this, arguments); }
 
 function SvgElementsGroup(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2k({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2m({
     width: 18,
     height: 15,
     viewBox: "0 0 18 15",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2k || (_path$2k = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2m || (_path$2m = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M16.2 2.579H8.705L7.026.899H.768A.768.768 0 000 1.669v11.207a1.8 1.8 0 001.8 1.8h14.4a1.8 1.8 0 001.8-1.8v-8.5a1.8 1.8 0 00-1.8-1.796zm-.2 10.1H2v-8.1h14v8.1z",
     fill: "currentcolor"
   })));
 }
 
-var _path$2j;
+var _path$2l;
 
-function _extends$2j() { _extends$2j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2j.apply(this, arguments); }
+function _extends$2l() { _extends$2l = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2l.apply(this, arguments); }
 
 function SvgErase(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2j({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2l({
     width: 48,
     height: 48,
     viewBox: "0 0 48 48",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2j || (_path$2j = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2l || (_path$2l = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M40.284 18.458L30.37 8.546a2 2 0 00-2.828 0L7.716 28.372a2 2 0 000 2.828l7.084 7.082a6.001 6.001 0 008.488 0l17-17a2 2 0 000-2.828l-.004.004zm-19.824 17a2 2 0 01-2.832 0l-5.67-5.672 7.824-7.824 7.084 7.086-6.406 6.41z",
     fill: "#231F20"
   })));
 }
 
-var _path$2i;
+var _path$2k;
 
-function _extends$2i() { _extends$2i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2i.apply(this, arguments); }
+function _extends$2k() { _extends$2k = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2k.apply(this, arguments); }
 
 function SvgExtendedTable(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2i({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2k({
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2i || (_path$2i = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2k || (_path$2k = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M7.445 15.5H4.146c-.357 0-.646.269-.646.6v3.062c0 .331.29.6.646.6h3.299c.357 0 .646-.269.646-.6V16.1c0-.331-.29-.6-.646-.6zM13.652 15.5h-3.299c-.357 0-.646.269-.646.6v3.062c0 .331.29.6.646.6h3.299c.357 0 .646-.269.646-.6V16.1c0-.331-.29-.6-.646-.6zM19.855 15.5h-3.299c-.357 0-.646.269-.646.6v3.062c0 .331.29.6.646.6h3.299c.357 0 .646-.269.646-.6V16.1c0-.331-.29-.6-.646-.6zM5 13.5a.5.5 0 01-.5-.5V5a.5.5 0 01.5-.5h5.296a.5.5 0 01.5.5v.767a.5.5 0 01-.5.5H7.183a.5.5 0 00-.5.5v.845a.5.5 0 00.5.5h2.791a.5.5 0 01.5.5v.771a.5.5 0 01-.5.5H7.183a.5.5 0 00-.5.5v.85a.5.5 0 00.5.5h3.113a.5.5 0 01.5.5V13a.5.5 0 01-.5.5H5zM12.368 6.267a.5.5 0 01-.5-.5V5a.5.5 0 01.5-.5H19a.5.5 0 01.5.5v.767a.5.5 0 01-.5.5h-1.738a.5.5 0 00-.5.5V13a.5.5 0 01-.5.5H15.11a.5.5 0 01-.5-.5V6.767a.5.5 0 00-.5-.5h-1.742z",
     fill: "#333"
   })));
 }
 
-var _path$2h, _path2$u, _circle$1, _circle2$1, _circle3$1;
+var _path$2j, _path2$v, _circle$1, _circle2$1, _circle3$1;
 
-function _extends$2h() { _extends$2h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2h.apply(this, arguments); }
+function _extends$2j() { _extends$2j = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2j.apply(this, arguments); }
 
 function SvgFileThumbnail(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2h({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2j({
     width: 29,
     height: 37,
     viewBox: "0 0 29 37",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$2h || (_path$2h = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2j || (_path$2j = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M19.872.583H3.747A3.594 3.594 0 00.164 4.167v28.666a3.594 3.594 0 003.583 3.584h21.5a3.594 3.594 0 003.584-3.584V9.543L19.872.583zM3.747 32.833V4.168h14.334v7.167h7.166v21.5h-21.5z",
     fill: "#005662"
-  })), _path2$u || (_path2$u = /*#__PURE__*/React__namespace.createElement("path", {
+  })), _path2$v || (_path2$v = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12.21 10.723l-3.66 9.15 10.065 6.404",
     stroke: "#005662",
     strokeWidth: 1.483
@@ -3991,21 +3999,58 @@ function SvgFileThumbnail(props) {
   })));
 }
 
-var _path$2g;
+var _path$2i;
 
-function _extends$2g() { _extends$2g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2g.apply(this, arguments); }
+function _extends$2i() { _extends$2i = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2i.apply(this, arguments); }
 
 function SvgGenericGroups(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2g({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2i({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 750 750",
     height: 1000,
     width: 1000
-  }, props), _path$2g || (_path$2g = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$2i || (_path$2i = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M73.129 209.914v403.543h403.226v73.371H62.133c-34.418 0-62.317-27.922-62.317-62.367V209.914zM304.07 343.45l103.004-103.086-48.754-49.89c-10.734-10.73-28.12-10.73-38.855 0l-63.05 64.199c-10.72 10.742-10.72 28.144 0 38.887zm132.696-73.37L334.859 373.53l311.95 313.297 103.375-103.086zm186.218 123.265V136.543c0-53.195-19.43-73.371-73.316-73.371H183.102c-56.454 0-73.317 16.875-73.317 73.371v366.855c0 54.297 16.863 73.372 73.317 73.372h293.253l-73.312-73.372H183.102V136.543h366.566v183.43zm0 0"
   })));
 }
 
+var _path$2h;
+
+function _extends$2h() { _extends$2h = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2h.apply(this, arguments); }
+
+function SvgHand(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2h({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$2h || (_path$2h = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M20.434 7.673c-.1-.6-.713-1.731-2.32-1.731-.126 0-.252.007-.377.023v-.79a1.01 1.01 0 00-.045-.3c-.177-.564-.876-1.631-2.262-1.631a2.599 2.599 0 00-.676.086 2.394 2.394 0 00-.146-.23c-.453-.645-1.186-1-2.063-1-.877 0-1.584.36-2.025 1.017a2.461 2.461 0 00-.361.85 2.663 2.663 0 00-.408-.03c-1.474 0-2.124 1.15-2.262 1.757a1.034 1.034 0 00-.024.222V11.1l-.13-.1c-.588-.5-2.034-1.121-3.391.029-1.357 1.15-1.015 2.664-.431 3.452.453.773 4.512 7.425 10.223 7.425 3.25 0 4.91-1.512 5.729-2.781a6.291 6.291 0 00.98-2.8V7.838c.001-.056-.003-.11-.011-.165zm-1.986 8.542a4.474 4.474 0 01-.7 1.887c-.805 1.2-2.153 1.8-4.008 1.8-4.768 0-8.484-6.412-8.52-6.476a.669.669 0 00-.09-.126c-.294-.408 0-.655.107-.748.267-.227.54-.237.81-.031l1.77 1.452a1 1 0 001.644-.763V6.08a.287.287 0 01.29-.148.44.44 0 01.372.16v4.7a1 1 0 102 0v-6.45c.068-.248.3-.248.422-.248.2 0 .414.032.482.255v6.44a1 1 0 102 0v-5.2a.75.75 0 01.074-.19c.049-.081.108-.15.325-.15a.35.35 0 01.307.15v5.39a1 1 0 102 0V8.047a.583.583 0 01.377-.1c.065 0 .258.006.334.078l.004 8.19z",
+    fill: "currentcolor"
+  })));
+}
+
+var _path$2g, _path2$u;
+
+function _extends$2g() { _extends$2g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2g.apply(this, arguments); }
+
+function SvgCompressedHand(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2g({
+    width: 24,
+    height: 24,
+    viewBox: "0 0 30 30",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$2g || (_path$2g = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M10.744 3C8.89 3 7.384 4.525 7.384 6.4v.22h-.012c-1.997 0-3.622 1.602-3.622 3.568l.001 7.02c0 1.77 1.512 3.515 3.112 5.361.72.83 1.919 2.216 2.034 2.731v1.522h13.442v-1.554c0-.59.618-1.77 1.163-2.81.938-1.789 1.998-3.815 1.998-5.991 0-3.258-.01-6.248-.01-6.248 0-1.696-1.39-3.08-3.1-3.08-.203 0-.4.02-.592.057a3.65 3.65 0 00-3.033-1.607c-.367 0-.72.053-1.055.153a3.636 3.636 0 00-3.09-1.705c-.444 0-.87.08-1.264.225A3.345 3.345 0 0010.744 3z",
+    fill: "#fff"
+  })), _path2$u || (_path2$u = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M10.744 4.554c1 0 1.808.826 1.808 1.845v1.197c0-1.109.927-2.008 2.068-2.008 1.143 0 2.068.9 2.068 2.008v1.552c0-1.11.93-2.008 2.077-2.008 1.147 0 2.076.899 2.076 2.008v1.068A1.54 1.54 0 0122.39 8.69c.856 0 1.548.684 1.548 1.53 0 0 .01 2.988.01 6.244 0 3.257-3.161 6.636-3.161 8.802H10.45c0-1.94-5.146-5.773-5.146-8.061v-7.02c0-1.112.926-2.014 2.07-2.015v4.051c0 .342.35.62.781.62.432 0 .782-.278.782-.62V6.4c0-1.02.809-1.845 1.807-1.845zm0-1.554C8.89 3 7.384 4.525 7.384 6.4v.22h-.012c-1.997 0-3.622 1.602-3.622 3.568l.001 7.02c0 1.77 1.512 3.515 3.112 5.361.72.83 1.919 2.216 2.034 2.731v1.522h13.442v-1.554c0-.59.618-1.77 1.163-2.81.938-1.789 1.998-3.815 1.998-5.991 0-3.258-.01-6.248-.01-6.248 0-1.696-1.39-3.08-3.1-3.08-.203 0-.4.02-.592.057a3.65 3.65 0 00-3.033-1.607c-.367 0-.72.053-1.055.153a3.636 3.636 0 00-3.09-1.705c-.444 0-.87.08-1.264.225A3.345 3.345 0 0010.744 3z",
+    fill: "#000"
+  })));
+}
+
 var _path$2f;
 
 function _extends$2f() { _extends$2f = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2f.apply(this, arguments); }
@@ -6713,6 +6758,8 @@ var icons = {
   'fullscreen-enter': SvgFullscreenEnter,
   'fullscreen-exit': SvgFullscreenExit,
   'generic-groups': SvgGenericGroups,
+  hand: SvgHand,
+  compressedhand: SvgCompressedHand,
   help: SvgHelp,
   history: SvgHistory,
   'image-frame': SvgImageFrame,
@@ -6820,13 +6867,13 @@ function findIconByName(name) {
 }
 
 var _excluded$C = ["name"];
-function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$W(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$X(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$X(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$X(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$X(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function Icon(_ref) {
   var name = _ref.name,
       props = _objectWithoutProperties__default["default"](_ref, _excluded$C);
   var Component = findIconByName(name);
-  return jsxRuntime.jsx(Component, _objectSpread$W({}, props));
+  return jsxRuntime.jsx(Component, _objectSpread$X({}, props));
 }
 
 var classes$M = {"button-common-styles":"ActionButton-module_button-common-styles__y-hng","scrollbar":"ActionButton-module_scrollbar__lD3MH","button":"ActionButton-module_button__nfoWQ","selected":"ActionButton-module_selected__kPCxA"};
@@ -7122,8 +7169,8 @@ function usePortalStyle(_ref) {
   return [portalStyle];
 }
 
-function ownKeys$V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$V(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$W(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$W(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$W(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$W(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ToolbarMultiToolItem = function ToolbarMultiToolItem(props) {
   var id = props.id,
       options = props.options,
@@ -7185,7 +7232,7 @@ var ToolbarMultiToolItem = function ToolbarMultiToolItem(props) {
   return displayMultiToolItem ? jsxRuntime.jsxs("div", {
     ref: ref,
     className: classes$K.root,
-    children: [jsxRuntime.jsx(ActionButton, _objectSpread$V(_objectSpread$V({}, actionButtonProps), {}, {
+    children: [jsxRuntime.jsx(ActionButton, _objectSpread$W(_objectSpread$W({}, actionButtonProps), {}, {
       className: className,
       name: currentId,
       action: config[currentId],
@@ -7285,8 +7332,8 @@ var TemplatesList = function TemplatesList(props) {
 var classes$J = {"button-common-styles":"BottomToolbar-module_button-common-styles__PbtE9","scrollbar":"BottomToolbar-module_scrollbar__i1f8P","group":"BottomToolbar-module_group__b-pGt","root":"BottomToolbar-module_root__kjkSm"};
 
 var _excluded$B = ["className"];
-function ownKeys$U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$U(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$V(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$V(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$V(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$V(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Group$1 = function Group(_ref) {
   var children = _ref.children,
       className = _ref.className;
@@ -7312,7 +7359,7 @@ var BottomToolbar = function BottomToolbar(props) {
         onAction: onAction
       })
     }), jsxRuntime.jsx(Group$1, {
-      children: jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$U({
+      children: jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$V({
         id: "template-lib"
       }, rest))
     })]
@@ -7407,15 +7454,15 @@ function prefetchRender(tmpls, baseUrl, cacheEl) {
   });
 }
 
-function ownKeys$T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$T(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$U(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$U(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$U(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$U(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function openDialog(dispatch, dialogName, props) {
   return new Promise(function (resolve, reject) {
     dispatch({
       type: 'MODAL_OPEN',
       data: {
         name: dialogName,
-        prop: _objectSpread$T(_objectSpread$T({}, props), {}, {
+        prop: _objectSpread$U(_objectSpread$U({}, props), {}, {
           onResult: resolve,
           onCancel: reject
         })
@@ -7433,7 +7480,7 @@ function modalReducer() {
       return null;
     }
     var formState = formReducer(state.form, action, state.name);
-    return _objectSpread$T(_objectSpread$T({}, state), {}, {
+    return _objectSpread$U(_objectSpread$U({}, state), {}, {
       form: formState
     });
   }
@@ -7451,8 +7498,8 @@ function modalReducer() {
   }
 }
 
-function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$S(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$T(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$T(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$T(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$T(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function selectTmpl(tmpl) {
   return {
     type: 'TMPL_SELECT',
@@ -7552,7 +7599,7 @@ function saveUserTmpl(struct) {
       var name = _ref.name,
           attach = _ref.attach;
       tmpl.struct.name = name.trim();
-      tmpl.props = _objectSpread$S(_objectSpread$S({}, attach), {}, {
+      tmpl.props = _objectSpread$T(_objectSpread$T({}, attach), {}, {
         group: 'User Templates'
       });
       var lib = getState().templates.lib.concat(tmpl);
@@ -7591,7 +7638,7 @@ function templatesReducer() {
   if (tmplActions.includes(action.type)) return Object.assign({}, state, action.data);
   if (attachActions.includes(action.type)) {
     var attach = Object.assign({}, state.attach, action.data);
-    return _objectSpread$S(_objectSpread$S({}, state), {}, {
+    return _objectSpread$T(_objectSpread$T({}, state), {}, {
       attach: attach
     });
   }
@@ -7600,7 +7647,7 @@ function templatesReducer() {
     var lib = currentState.lib.filter(function (value) {
       return value !== action.data.tmpl;
     });
-    return _objectSpread$S(_objectSpread$S({}, currentState), {}, {
+    return _objectSpread$T(_objectSpread$T({}, currentState), {}, {
       lib: lib
     });
   }
@@ -7608,8 +7655,8 @@ function templatesReducer() {
 }
 
 var _excluded$A = ["type", "action"];
-function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$S(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$S(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$S(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$S(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function execute(activeTool, _ref) {
   var action = _ref.action,
       editor = _ref.editor,
@@ -7663,7 +7710,7 @@ function actionStateReducer () {
     case 'INIT':
       action = config['select-lasso'].action;
     case 'ACTION':
-      activeTool = execute(state && state.activeTool, _objectSpread$R(_objectSpread$R({}, params), {}, {
+      activeTool = execute(state && state.activeTool, _objectSpread$S(_objectSpread$S({}, params), {}, {
         action: action
       }));
     case 'UPDATE':
@@ -7679,8 +7726,8 @@ function actionStateReducer () {
   }
 }
 
-function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Q(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$R(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$R(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$R(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$R(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var initialState = {
   lib: [],
   mode: 'fg'
@@ -7692,7 +7739,7 @@ var functionalGroupsReducer = function functionalGroupsReducer() {
       payload = _ref.payload;
   switch (type) {
     case 'FG_INIT':
-      return _objectSpread$Q(_objectSpread$Q({}, state), payload);
+      return _objectSpread$R(_objectSpread$R({}, state), payload);
     default:
       return state;
   }
@@ -7744,8 +7791,8 @@ function initFGTemplates(baseUrl) {
   }();
 }
 
-function ownKeys$P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$P(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$Q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$Q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$Q(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$Q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var initial = {
   freqAtoms: [],
   currentAtom: 0,
@@ -7765,7 +7812,7 @@ function updateVisibleTools(visibleTool, activeTool) {
     if (key === 'shape' && menuHeight > 900) return res;
     if (!key.match(regExp) || menuHeight > 700) res[key] = visibleTool[key];
     return res;
-  }, _objectSpread$P({}, activeTool));
+  }, _objectSpread$Q({}, activeTool));
 }
 function initResize() {
   return function (dispatch, getState) {
@@ -7789,41 +7836,41 @@ function toolbarReducer () {
     case 'ACTION':
       {
         var visibleTool = toolInMenu(action.action);
-        return visibleTool ? _objectSpread$P(_objectSpread$P({}, state), {}, {
+        return visibleTool ? _objectSpread$Q(_objectSpread$Q({}, state), {}, {
           opened: null,
-          visibleTools: _objectSpread$P(_objectSpread$P({}, state.visibleTools), visibleTool)
-        }) : _objectSpread$P(_objectSpread$P({}, state), {}, {
+          visibleTools: _objectSpread$Q(_objectSpread$Q({}, state.visibleTools), visibleTool)
+        }) : _objectSpread$Q(_objectSpread$Q({}, state), {}, {
           opened: null
         });
       }
     case 'ADD_ATOMS':
       {
         var newState = addFreqAtom(data, state.freqAtoms, state.currentAtom);
-        return _objectSpread$P(_objectSpread$P({}, state), newState);
+        return _objectSpread$Q(_objectSpread$Q({}, state), newState);
       }
     case 'CLEAR_VISIBLE':
       {
         var activeTool = toolInMenu(action.data);
         var correctTools = updateVisibleTools(state.visibleTools, activeTool);
-        return _objectSpread$P(_objectSpread$P({}, state), {}, {
+        return _objectSpread$Q(_objectSpread$Q({}, state), {}, {
           opened: null,
-          visibleTools: _objectSpread$P({}, correctTools)
+          visibleTools: _objectSpread$Q({}, correctTools)
         });
       }
     case 'OPENED':
       {
-        return data.isSelected && state.opened ? _objectSpread$P(_objectSpread$P({}, state), {}, {
+        return data.isSelected && state.opened ? _objectSpread$Q(_objectSpread$Q({}, state), {}, {
           opened: null
-        }) : _objectSpread$P(_objectSpread$P({}, state), {}, {
+        }) : _objectSpread$Q(_objectSpread$Q({}, state), {}, {
           opened: data.menuName
         });
       }
     case 'UPDATE':
-      return _objectSpread$P(_objectSpread$P({}, state), {}, {
+      return _objectSpread$Q(_objectSpread$Q({}, state), {}, {
         opened: null
       });
     case 'MODAL_OPEN':
-      return _objectSpread$P(_objectSpread$P({}, state), {}, {
+      return _objectSpread$Q(_objectSpread$Q({}, state), {}, {
         opened: null
       });
     default:
@@ -7868,8 +7915,8 @@ function hiddenAncestor(el, base) {
 
 var _excluded$z = ["type"],
     _excluded2$6 = ["buttons"];
-function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$O(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$P(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$P(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$P(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$P(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var shared = redux.combineReducers({
   actionState: actionStateReducer,
   toolbar: toolbarReducer,
@@ -7895,10 +7942,10 @@ function getRootReducer(setEditor) {
       case 'UPDATE':
         action.type;
             var data = _objectWithoutProperties__default["default"](action, _excluded$z);
-        if (data) state = _objectSpread$O(_objectSpread$O({}, state), data);
+        if (data) state = _objectSpread$P(_objectSpread$P({}, state), data);
     }
-    var sh = shared(state, _objectSpread$O(_objectSpread$O({}, action), fp.pick(['editor', 'server', 'options'], state)));
-    var finalState = sh === state.shared ? state : _objectSpread$O(_objectSpread$O({}, state), sh);
+    var sh = shared(state, _objectSpread$P(_objectSpread$P({}, action), fp.pick(['editor', 'server', 'options'], state)));
+    var finalState = sh === state.shared ? state : _objectSpread$P(_objectSpread$P({}, state), sh);
     global.currentState = finalState;
     return finalState;
   };
@@ -7987,8 +8034,8 @@ function useSettingsContext() {
   return React__default["default"].useContext(settingsContext);
 }
 
-function ownKeys$N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$N(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$O(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$O(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$O(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$O(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var throttleMilliseconds = 100;
 function useThrottleResizeObserver() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -8002,11 +8049,11 @@ function useThrottleResizeObserver() {
   var onResize = React.useMemo(function () {
     return lodash.throttle(setSize, throttleMilliseconds);
   }, []);
-  var _useResizeObserver = useResizeObserver__default["default"](_objectSpread$N({
+  var _useResizeObserver = useResizeObserver__default["default"](_objectSpread$O({
     onResize: onResize
   }, options)),
       ref = _useResizeObserver.ref;
-  return _objectSpread$N({
+  return _objectSpread$O({
     ref: ref
   }, size);
 }
@@ -8101,13 +8148,13 @@ var mediaSizes$2 = {
 };
 
 var _excluded$y = ["height"];
-function ownKeys$M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$M(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$N(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$N(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$N(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$N(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Bond$1 = function Bond(props) {
   var height = props.height,
       rest = _objectWithoutProperties__default["default"](props, _excluded$y);
   if (height && height <= mediaSizes$2.bondCollapsableHeight) {
-    return jsxRuntime.jsx(ToolbarMultiToolItem, _objectSpread$M({
+    return jsxRuntime.jsx(ToolbarMultiToolItem, _objectSpread$N({
       id: "bonds",
       options: groupOptions,
       variant: "grouped",
@@ -8115,58 +8162,58 @@ var Bond$1 = function Bond(props) {
     }, rest));
   }
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(ToolbarMultiToolItem, _objectSpread$M({
+    children: [jsxRuntime.jsx(ToolbarMultiToolItem, _objectSpread$N({
       id: "bond-common",
       options: bondCommon
-    }, rest)), jsxRuntime.jsx(ToolbarMultiToolItem, _objectSpread$M({
+    }, rest)), jsxRuntime.jsx(ToolbarMultiToolItem, _objectSpread$N({
       id: "bond-stereo",
       options: bondStereo
-    }, rest)), jsxRuntime.jsx(ToolbarMultiToolItem, _objectSpread$M({
+    }, rest)), jsxRuntime.jsx(ToolbarMultiToolItem, _objectSpread$N({
       id: "bond-query",
       options: bondQuery
-    }, rest)), jsxRuntime.jsx(ToolbarMultiToolItem, _objectSpread$M({
+    }, rest)), jsxRuntime.jsx(ToolbarMultiToolItem, _objectSpread$N({
       id: "bond-special",
       options: bondSpecial
     }, rest))]
   });
 };
 
-function ownKeys$L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$L(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$M(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$M(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$M(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$M(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var RGroup$1 = function RGroup(props) {
-  return jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$L({
+  return jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$M({
     id: "rgroup",
     options: rGroupOptions
   }, props));
 };
 
-function ownKeys$K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$K(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$L(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$L(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$L(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$L(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Shape = function Shape(props) {
-  return jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$K({
+  return jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$L({
     id: "shapes",
     options: shapeOptions
   }, props));
 };
 
 var _excluded$x = ["height"];
-function ownKeys$J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$J(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$K(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$K(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$K(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$K(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Transform = function Transform(props) {
   var height = props.height,
       rest = _objectWithoutProperties__default["default"](props, _excluded$x);
   if (height && height <= mediaSizes$2.transformCollapsableHeight) {
-    return jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$J({
+    return jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$K({
       id: "transforms",
       options: transformOptions
     }, rest));
   }
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$J({
+    children: [jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$K({
       id: "transform-rotate"
-    }, rest)), jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$J({
+    }, rest)), jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$K({
       id: "transform-flip-h"
-    }, rest)), jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$J({
+    }, rest)), jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$K({
       id: "transform-flip-v"
     }, rest))]
   });
@@ -8175,8 +8222,8 @@ var Transform = function Transform(props) {
 var classes$H = {"button-common-styles":"LeftToolbar-module_button-common-styles__WgnON","scrollbar":"LeftToolbar-module_scrollbar__OBwid","group":"LeftToolbar-module_group__0s41t","root":"LeftToolbar-module_root__yhhZm","buttons":"LeftToolbar-module_buttons__lnIjn","borderOff":"LeftToolbar-module_borderOff__om425","groupItem":"LeftToolbar-module_groupItem__OqQu0"};
 
 var _excluded$w = ["className"];
-function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$J(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$J(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$J(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$J(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var LeftToolbar = function LeftToolbar(props) {
   var className = props.className,
       rest = _objectWithoutProperties__default["default"](props, _excluded$w);
@@ -8200,7 +8247,7 @@ var LeftToolbar = function LeftToolbar(props) {
   var Item = function Item(_ref) {
     var id = _ref.id,
         options = _ref.options;
-    return ToolbarGroupItem(_objectSpread$I({
+    return ToolbarGroupItem(_objectSpread$J({
       id: id,
       options: options
     }, rest));
@@ -8236,21 +8283,21 @@ var LeftToolbar = function LeftToolbar(props) {
       children: visibleItems.map(function (item) {
         switch (item.id) {
           case 'bond-common':
-            return React.createElement(Bond$1, _objectSpread$I(_objectSpread$I({}, rest), {}, {
+            return React.createElement(Bond$1, _objectSpread$J(_objectSpread$J({}, rest), {}, {
               height: height,
               key: item.id
             }));
           case 'transform-rotate':
-            return React.createElement(Transform, _objectSpread$I(_objectSpread$I({}, rest), {}, {
+            return React.createElement(Transform, _objectSpread$J(_objectSpread$J({}, rest), {}, {
               height: height,
               key: item.id
             }));
           case 'rgroup':
-            return React.createElement(RGroup$1, _objectSpread$I(_objectSpread$I({}, rest), {}, {
+            return React.createElement(RGroup$1, _objectSpread$J(_objectSpread$J({}, rest), {}, {
               key: item.id
             }));
           case 'shapes':
-            return React.createElement(Shape, _objectSpread$I(_objectSpread$I({}, rest), {}, {
+            return React.createElement(Shape, _objectSpread$J(_objectSpread$J({}, rest), {}, {
               key: item.id
             }));
           default:
@@ -8274,6 +8321,8 @@ var LeftToolbar = function LeftToolbar(props) {
         children: jsxRuntime.jsx(Group, {
           className: classes$H.groupItem,
           items: [{
+            id: 'hand'
+          }, {
             id: 'select',
             options: selectOptions$2
           }, {
@@ -8382,14 +8431,14 @@ var LeftToolbarContainer = reactRedux.connect(mapStateToProps$i, mapDispatchToPr
 var classes$G = {"button-common-styles":"Atom-module_button-common-styles__j3EUJ","scrollbar":"Atom-module_scrollbar__iO-Ni","atom":"Atom-module_atom__g2RUu"};
 
 var _excluded$v = ["el", "shortcut", "selected"];
-function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$H(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$I(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$I(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$I(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$I(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function Atom$1(_ref) {
   var el = _ref.el,
       shortcut = _ref.shortcut,
       selected = _ref.selected,
       props = _objectWithoutProperties__default["default"](_ref, _excluded$v);
-  return jsxRuntime.jsx("button", _objectSpread$H(_objectSpread$H({
+  return jsxRuntime.jsx("button", _objectSpread$I(_objectSpread$I({
     title: shortcut ? "".concat(el.title, " (").concat(shortcut, ")") : el.title,
     className: clsx__default["default"](classes$G.atom, {
       selected: selected
@@ -8736,35 +8785,33 @@ function alpha (color, value) {
 	return obj.space + ['a(', obj.values, ',', value, ')'].join('');
 }
 
-var StyledAtomList = styled__default["default"].div(function (props) {
-  var _props$children;
-  var atomColor = props !== null && props !== void 0 && (_props$children = props.children) !== null && _props$children !== void 0 && _props$children.key ? ketcherCore.ElementColor[props.children.key] : '#000';
-  return "\n    ".concat(Atom$1, " > button {\n       color: ").concat(atomColor, ";\n       border: 1px solid ").concat(atomColor, ";\n       &:hover {\n         background-color: ").concat(alpha(atomColor, 0.2), ";\n       }\n       &:active {\n         color: #fff;\n         background-color: ").concat(alpha(atomColor, 0.8), ";\n       }\n       &.selected {\n         color: #fff;\n         background-color: ").concat(alpha(atomColor, 0.8), ";\n  \n         &:hover {\n           background-color: ").concat(atomColor, ";\n         }\n       }\n     }\n   ");
+var StyledAtom = styled__default["default"](Atom$1)(function (props) {
+  var _props$el;
+  var atomColor = props !== null && props !== void 0 && (_props$el = props.el) !== null && _props$el !== void 0 && _props$el.label ? ketcherCore.ElementColor[props.el.label] : '#000';
+  return "\n       color: ".concat(atomColor, ";\n       border: 1px solid ").concat(atomColor, ";\n       background-color: transparent;\n       cursor: pointer;\n       &:hover {\n         background-color: ").concat(alpha(atomColor, 0.2), ";\n       }\n       &:active {\n         color: #fff;\n         background-color: ").concat(alpha(atomColor, 0.8), ";\n       }\n       &.selected {\n         color: #fff;\n         background-color: ").concat(alpha(atomColor, 0.8), ";\n         &:hover {\n           background-color: ").concat(atomColor, ";\n         }\n       }\n   ");
 });
 var AtomsList = React.forwardRef(function (props, ref) {
   var atoms = props.atoms,
       active = props.active,
       onAction = props.onAction;
   var isAtom = active && active.tool === 'atom';
-  return jsxRuntime.jsx(jsxRuntime.Fragment, {
+  return jsxRuntime.jsx("div", {
+    ref: ref,
     children: atoms.map(function (label) {
       var element = ketcherCore.Elements.get(label);
-      var shortcut = basicAtoms.indexOf(label) > -1 ? shortcutStr(atomCuts[label]) : null;
-      return jsxRuntime.jsx(StyledAtomList, {
-        ref: ref,
-        children: jsxRuntime.jsx(Atom$1, {
-          el: element,
-          shortcut: shortcut,
-          selected: isAtom && active && active.opts.label === label,
-          onClick: function onClick() {
-            return onAction({
-              tool: 'atom',
-              opts: {
-                label: label
-              }
-            });
-          }
-        }, label)
+      var shortcut = atoms.indexOf(label) > -1 ? shortcutStr(atomCuts[label]) : null;
+      return jsxRuntime.jsx(StyledAtom, {
+        el: element,
+        shortcut: shortcut,
+        selected: isAtom && active && active.opts.label === label,
+        onClick: function onClick() {
+          return onAction({
+            tool: 'atom',
+            opts: {
+              label: label
+            }
+          });
+        }
       }, label);
     })
   });
@@ -8773,8 +8820,8 @@ var AtomsList = React.forwardRef(function (props, ref) {
 var classes$F = {"button-common-styles":"RightToolbar-module_button-common-styles__fNlqY","scrollbar":"RightToolbar-module_scrollbar__2Q0UU","group":"RightToolbar-module_group__3mhUx","root":"RightToolbar-module_root__1D5hp","atomsList":"RightToolbar-module_atomsList__ar08-","buttons":"RightToolbar-module_buttons__YxRHI"};
 
 var _excluded$u = ["className"];
-function ownKeys$G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$G(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$H(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$H(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$H(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$H(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Group = function Group(_ref) {
   var children = _ref.children,
       className = _ref.className;
@@ -8790,7 +8837,7 @@ var RightToolbar = function RightToolbar(props) {
       onAction = rest.onAction,
       freqAtoms = rest.freqAtoms;
   var _useInView = reactIntersectionObserver.useInView({
-    threshold: 0.8
+    threshold: 0.95
   }),
       _useInView2 = _slicedToArray__default["default"](_useInView, 2),
       startRef = _useInView2[0],
@@ -8825,15 +8872,15 @@ var RightToolbar = function RightToolbar(props) {
           atoms: freqAtoms,
           active: active,
           onAction: onAction
-        }), jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$G({
+        }), jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$H({
           id: "period-table"
         }, rest))]
       }), jsxRuntime.jsx(Group, {
         children: jsxRuntime.jsxs("div", {
           ref: sizeRef,
-          children: [jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$G({
+          children: [jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$H({
             id: "any-atom"
-          }, rest)), jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$G({
+          }, rest)), jsxRuntime.jsx(ToolbarGroupItem, _objectSpread$H({
             id: "extended-table"
           }, rest))]
         })
@@ -8877,8 +8924,8 @@ var mapDispatchToProps$g = function mapDispatchToProps(dispatch) {
 };
 var RightToolbarContainer = reactRedux.connect(mapStateToProps$h, mapDispatchToProps$g)(RightToolbar);
 
-var _templateObject$7;
-var Button = styled__default["default"](material.IconButton)(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral__default["default"](["\n  display: block;\n  color: #333;\n  border: 0;\n  position: relative;\n  background: inherit;\n\n  flex-shrink: 0;\n\n  border-radius: 4px;\n  margin: 0px;\n  padding: 2px;\n  height: 28px;\n  width: 28px;\n\n  &:hover {\n    color: #006775;\n    transform: none;\n    box-shadow: none;\n    transition: none;\n    background: none;\n  }\n\n  &:active {\n    background-color: #006775;\n    color: white;\n    &:hover {\n      background-color: #188794;\n    }\n  }\n\n  & svg {\n    width: 100%;\n    height: 100%;\n  }\n\n  &.Mui-disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n    background-color: initial;\n    color: #333;\n    pointer-events: auto;\n  }\n\n  @media only screen and (min-width: 1024px) {\n    height: 32px;\n    width: 32px;\n    padding: 4px;\n  }\n\n  @media only screen and (min-width: 1920px) {\n    height: 40px;\n    width: 40px;\n    padding: 5px;\n  }\n"])));
+var _templateObject$8;
+var Button = styled__default["default"](material.IconButton)(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral__default["default"](["\n  display: block;\n  color: #333;\n  border: 0;\n  position: relative;\n  background: inherit;\n\n  flex-shrink: 0;\n\n  border-radius: 4px;\n  margin: 0px;\n  padding: 2px;\n  height: 28px;\n  width: 28px;\n\n  &:hover {\n    color: #006775;\n    transform: none;\n    box-shadow: none;\n    transition: none;\n    background: none;\n  }\n\n  &:active {\n    background-color: #006775;\n    color: white;\n    &:hover {\n      background-color: #188794;\n    }\n  }\n\n  & svg {\n    width: 100%;\n    height: 100%;\n  }\n\n  &.Mui-disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n    background-color: initial;\n    color: #333;\n    pointer-events: auto;\n  }\n\n  @media only screen and (min-width: 1024px) {\n    height: 32px;\n    width: 32px;\n    padding: 4px;\n  }\n\n  @media only screen and (min-width: 1920px) {\n    height: 40px;\n    width: 40px;\n    padding: 5px;\n  }\n"])));
 var IconButton = function IconButton(_ref) {
   var onClick = _ref.onClick,
       iconName = _ref.iconName,
@@ -8924,8 +8971,8 @@ var FileControls = function FileControls(_ref) {
   });
 };
 
-var _templateObject$6, _templateObject2$2, _templateObject3$2, _templateObject4$2;
-var ElementAndDropdown$1 = styled__default["default"]('div')(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral__default["default"](["\n  position: relative;\n"])));
+var _templateObject$7, _templateObject2$2, _templateObject3$2, _templateObject4$2;
+var ElementAndDropdown$1 = styled__default["default"]('div')(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral__default["default"](["\n  position: relative;\n"])));
 var DropDownContent$1 = styled__default["default"]('div')(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral__default["default"](["\n  display: flex;\n  position: absolute;\n  left: 5px;\n  border-radius: 2px;\n  flex-direction: column;\n  z-index: 20;\n  white-space: nowrap;\n  word-break: keep-all;\n  padding: 2px;\n  background: white; // TODO use variable\n  border: 1px solid #cad3dd; // TODO use variable\n  border-radius: 5px;\n  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);\n"])));
 var DropDownButton$1 = styled__default["default"](material.IconButton)(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral__default["default"](["\n  position: absolute;\n  padding: 0;\n  right: 0;\n  bottom: 0;\n\n  &.disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n    background-color: initial;\n    color: #333;\n    pointer-events: auto;\n  }\n"])));
 var DropDownArrow = styled__default["default"](Icon)(_templateObject4$2 || (_templateObject4$2 = _taggedTemplateLiteral__default["default"](["\n  display: block;\n  width: 7px;\n  height: 7px;\n  margin: 1px;\n\n  &:hover {\n    fill: #005662;\n    transform: none;\n    box-shadow: none;\n    transition: none;\n    background: none;\n  }\n\n  &svg {\n    width: 100%;\n    height: 100%;\n  }\n\n  &svg path {\n    fill: inherit;\n  }\n"])));
@@ -9049,8 +9096,8 @@ var ClipboardControls = function ClipboardControls(_ref) {
   });
 };
 
-var _templateObject$5;
-var VerticalDivider = styled__default["default"]('hr')(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral__default["default"](["\n  margin: 0px 3px;\n  flex-shrink: 0;\n  height: 45%;\n  align-self: center;\n  border-width: 0px thin 0px 0px;\n  border-style: solid;\n  border-color: #b4b9d6; // TODO: use variable\n"])));
+var _templateObject$6;
+var VerticalDivider = styled__default["default"]('hr')(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral__default["default"](["\n  margin: 0px 3px;\n  flex-shrink: 0;\n  height: 45%;\n  align-self: center;\n  border-width: 0px thin 0px 0px;\n  border-style: solid;\n  border-color: #b4b9d6; // TODO: use variable\n"])));
 var Divider = function Divider() {
   return jsxRuntime.jsx(VerticalDivider, {});
 };
@@ -9080,8 +9127,8 @@ var UndoRedo = function UndoRedo(_ref) {
   });
 };
 
-var _templateObject$4;
-var StyledInput = styled__default["default"]('input')(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default["default"](["\n  border: 1px solid #cad3dd;\n  border-radius: 4px;\n  padding: 3px 8px;\n  color: #585858;\n  font-size: 14px;\n  line-height: 16px;\n  caret-color: #43b5c0;\n  margin-bottom: 8px;\n\n  &:hover {\n    border-color: #43b5c0;\n  }\n\n  &:active,\n  &:focus {\n    border-color: #167782;\n    outline: none;\n  }\n\n  &::after,\n  &::before {\n    display: none;\n  }\n"])));
+var _templateObject$5;
+var StyledInput = styled__default["default"]('input')(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral__default["default"](["\n  border: 1px solid #cad3dd;\n  border-radius: 4px;\n  padding: 3px 8px;\n  color: #585858;\n  font-size: 14px;\n  line-height: 16px;\n  caret-color: #43b5c0;\n  margin-bottom: 8px;\n\n  &:hover {\n    border-color: #43b5c0;\n  }\n\n  &:active,\n  &:focus {\n    border-color: #167782;\n    outline: none;\n  }\n\n  &::after,\n  &::before {\n    display: none;\n  }\n"])));
 var onFocusHandler = function onFocusHandler(event) {
   var el = event.target;
   el.select();
@@ -9128,8 +9175,8 @@ var ZoomInput = function ZoomInput(_ref) {
   });
 };
 
-var _templateObject$3, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
-var ElementAndDropdown = styled__default["default"]('div')(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral__default["default"](["\n  position: relative;\n"])));
+var _templateObject$4, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1;
+var ElementAndDropdown = styled__default["default"]('div')(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default["default"](["\n  position: relative;\n"])));
 var DropDownButton = styled__default["default"](material.Button)(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral__default["default"](["\n  display: flex;\n  color: #000000;\n  padding-right: 0;\n  padding-left: 0;\n\n  & svg {\n    margin-left: 2px;\n    width: 16px;\n    height: 16px;\n  }\n"])));
 var ZoomLabel = styled__default["default"]('span')(_templateObject3$1 || (_templateObject3$1 = _taggedTemplateLiteral__default["default"](["\n  width: 35px;\n"])));
 var Dropdown = styled__default["default"](material.Popover)(_templateObject4$1 || (_templateObject4$1 = _taggedTemplateLiteral__default["default"](["\n  & .MuiPopover-paper {\n    padding: 8px;\n    width: 135px;\n    border: none;\n    border-radius: 0px 0px 4px 4px;\n    box-shadow: 0px 30px 48px -17px rgba(160, 165, 174, 0.3);\n    box-sizing: border-box;\n  }\n"])));
@@ -9250,11 +9297,11 @@ var ZoomControls = function ZoomControls(_ref) {
   });
 };
 
-var _templateObject$2;
+var _templateObject$3;
 var getIfFullScreen = function getIfFullScreen() {
   return !!(document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement || document.msFullscreenElement);
 };
-var ControlsPanel$1 = styled__default["default"]('div')(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral__default["default"](["\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: flex-end;\n"])));
+var ControlsPanel$1 = styled__default["default"]('div')(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral__default["default"](["\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  justify-content: flex-end;\n"])));
 var SystemControls = function SystemControls(_ref) {
   var disabledButtons = _ref.disabledButtons,
       hiddenButtons = _ref.hiddenButtons,
@@ -9376,9 +9423,9 @@ var ExternalFuncControls = function ExternalFuncControls(_ref) {
   });
 };
 
-var _templateObject$1;
+var _templateObject$2;
 var collapseLimit = 650;
-var ControlsPanel = styled__default["default"]('div')(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral__default["default"](["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0px;\n  height: 36px;\n  padding: 0px 8px;\n\n  .group {\n    display: flex;\n    flex-direction: row;\n    gap: 0px;\n  }\n\n  & * {\n    box-sizing: border-box;\n  }\n\n  @media only screen and (min-width: 1024px) {\n    height: 40px;\n    gap: 4px;\n\n    .group {\n      gap: 4px;\n    }\n  }\n\n  @media only screen and (min-width: 1920px) {\n    height: 64px;\n    gap: 12px;\n  }\n"])));
+var ControlsPanel = styled__default["default"]('div')(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral__default["default"](["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0px;\n  height: 36px;\n  padding: 0px 8px;\n\n  .group {\n    display: flex;\n    flex-direction: row;\n    gap: 0px;\n  }\n\n  & * {\n    box-sizing: border-box;\n  }\n\n  @media only screen and (min-width: 1024px) {\n    height: 40px;\n    gap: 4px;\n\n    .group {\n      gap: 4px;\n    }\n  }\n\n  @media only screen and (min-width: 1920px) {\n    height: 64px;\n    gap: 12px;\n  }\n"])));
 var TopToolbar = function TopToolbar(_ref) {
   var className = _ref.className,
       disabledButtons = _ref.disabledButtons,
@@ -9865,8 +9912,8 @@ var mediaSizes$1 = {
 var styles$c = {"button-common-styles":"Dialog-module_button-common-styles__HcaFV","scrollbar":"Dialog-module_scrollbar__9Iy27","dialog":"Dialog-module_dialog__IafFQ","hide":"Dialog-module_hide__6R16B","header":"Dialog-module_header__T7-24","btnContainer":"Dialog-module_btnContainer__TOLPx","buttonTop":"Dialog-module_buttonTop__ZhwZQ","closeButton":"Dialog-module_closeButton__Ch6UT","footer":"Dialog-module_footer__NTq5o","ok":"Dialog-module_ok__T4j7Z","cancel":"Dialog-module_cancel__RcR-D","withDivider":"Dialog-module_withDivider__8LsbA","body":"Dialog-module_body__YgzDR","withMargin":"Dialog-module_withMargin__SDH61"};
 
 var _excluded$t = ["children", "title", "params", "result", "valid", "buttons", "headerContent", "footerContent", "className", "buttonsNameMap", "needMargin", "withDivider", "focusable"];
-function ownKeys$F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$F(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$G(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$G(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$G(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$G(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Dialog = function Dialog(props) {
   var children = props.children,
       title = props.title,
@@ -9919,7 +9966,7 @@ var Dialog = function Dialog(props) {
       event.stopPropagation();
     }
   };
-  return jsxRuntime.jsxs("div", _objectSpread$F(_objectSpread$F({
+  return jsxRuntime.jsxs("div", _objectSpread$G(_objectSpread$G({
     ref: dialogRef,
     role: "dialog",
     onSubmit: function onSubmit(event) {
@@ -9976,8 +10023,8 @@ var LoadingCircles = function LoadingCircles() {
 };
 
 var _excluded$s = ["id", "dist"];
-function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$F(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$F(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$F(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$F(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SELECTION_DISTANCE_COEFFICIENT = 0.4;
 var SELECTION_WITHIN_TEXT = 0;
 var findMaps = {
@@ -10312,7 +10359,7 @@ function findClosestItem(restruct, pos, maps, skip, scale) {
       var id = item.id,
           dist = item.dist,
           other = _objectWithoutProperties__default["default"](item, _excluded$s);
-      return _objectSpread$E({
+      return _objectSpread$F({
         map: mp,
         id: id,
         dist: dist
@@ -10628,7 +10675,6 @@ function _checkPrivateRedeclaration$2(obj, privateCollection) { if (privateColle
 var _bondProps = new WeakMap();
 var AtomTool = function () {
   function AtomTool(editor, atomProps) {
-    var _editor$selection;
     _classCallCheck__default["default"](this, AtomTool);
     _classPrivateFieldInitSpec$2(this, _bondProps, {
       writable: true,
@@ -10640,10 +10686,13 @@ var AtomTool = function () {
       type: 1,
       stereo: ketcherCore.Bond.PATTERN.STEREO.NONE
     });
-    if (editor.selection() || (_editor$selection = editor.selection()) !== null && _editor$selection !== void 0 && _editor$selection.atoms) {
-      var action = ketcherCore.fromAtomsAttrs(editor.render.ctab, editor.selection().atoms, atomProps, true);
-      editor.update(action);
-      editor.selection(null);
+    if (editor.selection()) {
+      var _editor$selection;
+      if ((_editor$selection = editor.selection()) !== null && _editor$selection !== void 0 && _editor$selection.atoms) {
+        var action = ketcherCore.fromAtomsAttrs(editor.render.ctab, editor.selection().atoms, atomProps, true);
+        editor.update(action);
+        editor.selection(null);
+      }
       this.isNotActiveTool = true;
     }
   }
@@ -12300,8 +12349,8 @@ function countOfSelectedComponents(restruct, atoms) {
   }, 0);
 }
 
-function ownKeys$D(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$D(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$E(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$E(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$E(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$E(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createForOfIteratorHelper$6(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$6(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray$6(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$6(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$6(o, minLen); }
 function _arrayLikeToArray$6(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
@@ -12695,7 +12744,7 @@ var SelectTool = function () {
       } else if (ci.map === 'texts') {
         editor.selection(closestToSel(ci));
         var text = molecule.texts.get(ci.id);
-        var dialog = editor.event.elementEdit.dispatch(_objectSpread$D(_objectSpread$D({}, text), {}, {
+        var dialog = editor.event.elementEdit.dispatch(_objectSpread$E(_objectSpread$E({}, text), {}, {
           type: 'text'
         }));
         dialog.then(function (_ref) {
@@ -13033,6 +13082,87 @@ var EraserTool = function () {
   return EraserTool;
 }();
 
+var HandTool = function () {
+  function HandTool(editor) {
+    _classCallCheck__default["default"](this, HandTool);
+    _defineProperty__default["default"](this, "begPos", null);
+    _defineProperty__default["default"](this, "endPos", null);
+    this.editor = editor;
+    var _ref = this.editor.lastEvent || {
+      clientX: 0,
+      clientY: 0
+    },
+        clientX = _ref.clientX,
+        clientY = _ref.clientY;
+    this.editor.event.cursor.dispatch({
+      status: 'enable',
+      cursorPosition: {
+        clientX: clientX,
+        clientY: clientY
+      }
+    });
+  }
+  _createClass__default["default"](HandTool, [{
+    key: "mousedown",
+    value: function mousedown(event) {
+      var clientX = event.clientX,
+          clientY = event.clientY;
+      this.begPos = new ketcherCore.Vec2(clientX, clientY);
+    }
+  }, {
+    key: "mousemove",
+    value: function mousemove(event) {
+      this.editor.event.cursor.dispatch({
+        status: 'move'
+      });
+      if (this.begPos == null) return;
+      var clientX = event.clientX,
+          clientY = event.clientY;
+      this.endPos = new ketcherCore.Vec2(clientX, clientY);
+      var rnd = this.editor.render;
+      var diff = ketcherCore.Vec2.diff(this.endPos, this.begPos).scaled(1 / this.editor.zoom());
+      this.begPos = this.endPos;
+      rnd.ctab.translate(diff);
+      rnd.options.offset = rnd.options.offset.add(diff);
+      rnd.update(false);
+    }
+  }, {
+    key: "mouseup",
+    value: function mouseup(event) {
+      if (this.begPos === null) return;
+      var rnd = this.editor.render;
+      this.endPos = rnd.page2obj(event);
+      this.begPos = null;
+      this.endPos = null;
+      rnd.update(false);
+    }
+  }, {
+    key: "mouseover",
+    value: function mouseover() {
+      this.editor.event.cursor.dispatch({
+        status: 'mouseover'
+      });
+    }
+  }, {
+    key: "mouseleave",
+    value: function mouseleave() {
+      this.begPos = null;
+      this.endPos = null;
+      this.editor.event.cursor.dispatch({
+        status: 'leave'
+      });
+    }
+  }, {
+    key: "cancel",
+    value: function cancel() {
+      this.editor.event.cursor.dispatch({
+        status: 'disable'
+      });
+    }
+  }]);
+  return HandTool;
+}();
+
 function _createForOfIteratorHelper$4(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$4(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 function _unsupportedIterableToArray$4(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$4(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$4(o, minLen); }
 function _arrayLikeToArray$4(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
@@ -14454,6 +14584,7 @@ function propsDialog(editor, id, position) {
 }
 
 var tools = {
+  hand: HandTool,
   rgroupatom: RGroupAtomTool,
   select: SelectTool,
   sgroup: SGroupTool,
@@ -14618,7 +14749,8 @@ var Editor$3 = function () {
       aromatizeStruct: new subscription.PipelineSubscription(),
       dearomatizeStruct: new subscription.PipelineSubscription(),
       enhancedStereoEdit: new subscription.PipelineSubscription(),
-      confirm: new subscription.PipelineSubscription()
+      confirm: new subscription.PipelineSubscription(),
+      cursor: new subscription.PipelineSubscription()
     };
     domEventSetup(this, clientArea);
   }
@@ -14915,7 +15047,7 @@ function isMouseRight(event) {
   return event.which && event.which === 3 || event.button && event.button === 2;
 }
 function domEventSetup(editor, clientArea) {
-  ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseup', 'mouseleave'].forEach(function (eventName) {
+  ['click', 'dblclick', 'mousedown', 'mousemove', 'mouseup', 'mouseleave', 'mouseover'].forEach(function (eventName) {
     editor.event[eventName] = new subscription.DOMSubscription();
     var subs = editor.event[eventName];
     clientArea.addEventListener(eventName, subs.dispatch.bind(subs));
@@ -15077,24 +15209,94 @@ var FGContextMenu = function FGContextMenu() {
     onShow: function onShow(e) {
       return showMenu(e);
     },
-    className: clsx__default["default"](_defineProperty__default["default"]({}, classes$D.isHidden, !showSGroupMenu)),
-    children: [jsxRuntime.jsxs(reactContextmenu.MenuItem, {
-      onClick: handleExpand,
-      children: [targetItems.length && targetItems[0].isExpanded ? 'Contract ' : 'Expand ', "Abbreviation"]
-    }), jsxRuntime.jsx(reactContextmenu.MenuItem, {
-      divider: true
-    }), jsxRuntime.jsx(reactContextmenu.MenuItem, {
-      onClick: handleRemove,
-      children: "Remove Abbreviation"
-    })]
+    className: clsx__default["default"](_defineProperty__default["default"]({}, classes$D.isHidden, !showSGroupMenu)),
+    children: [jsxRuntime.jsxs(reactContextmenu.MenuItem, {
+      onClick: handleExpand,
+      children: [targetItems.length && targetItems[0].isExpanded ? 'Contract ' : 'Expand ', "Abbreviation"]
+    }), jsxRuntime.jsx(reactContextmenu.MenuItem, {
+      divider: true
+    }), jsxRuntime.jsx(reactContextmenu.MenuItem, {
+      onClick: handleRemove,
+      children: "Remove Abbreviation"
+    })]
+  });
+};
+
+var classes$C = {"button-common-styles":"StructEditor-module_button-common-styles__3P7PO","scrollbar":"StructEditor-module_scrollbar__SUs-o","spinnerOverlay":"StructEditor-module_spinnerOverlay__5H1IM","canvas":"StructEditor-module_canvas__LLnzh","measureLog":"StructEditor-module_measureLog__B2wuy","visible":"StructEditor-module_visible__3eFNB","intermediateCanvas":"StructEditor-module_intermediateCanvas__fR3ws","enableCursor":"StructEditor-module_enableCursor__Qla0A"};
+
+var Cursor = function Cursor(_ref) {
+  var Icon = _ref.Icon,
+      PressedIcon = _ref.PressedIcon,
+      enableHandTool = _ref.enableHandTool;
+  var _useState = React.useState({
+    clientX: 50,
+    clientY: 50
+  }),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      position = _useState2[0],
+      setPosition = _useState2[1];
+  var _useState3 = React.useState(false),
+      _useState4 = _slicedToArray__default["default"](_useState3, 2),
+      mousedown = _useState4[0],
+      setMouseDown = _useState4[1];
+  var updatePosition = function updatePosition(event) {
+    event.pageX;
+        event.pageY;
+        var clientX = event.clientX,
+        clientY = event.clientY;
+    setPosition({
+      clientX: clientX,
+      clientY: clientY
+    });
+  };
+  var handleMouseDown = function handleMouseDown() {
+    setMouseDown(true);
+  };
+  var handleMouseUp = function handleMouseUp() {
+    setMouseDown(false);
+  };
+  React.useEffect(function () {
+    document.addEventListener('mousemove', updatePosition, false);
+    document.addEventListener('mouseenter', updatePosition, false);
+    document.addEventListener('mousedown', handleMouseDown, false);
+    document.addEventListener('mouseup', handleMouseUp, false);
+    return function () {
+      document.removeEventListener('mousedown', handleMouseDown);
+      document.removeEventListener('mouseup', handleMouseUp);
+      document.removeEventListener('mousemove', updatePosition);
+      document.removeEventListener('mouseenter', updatePosition);
+    };
+  }, []);
+  if (!enableHandTool) return null;
+  return jsxRuntime.jsx("div", {
+    style: {
+      position: 'fixed',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      zIndex: 9999,
+      pointerEvents: 'none'
+    },
+    children: mousedown ? jsxRuntime.jsx(PressedIcon, {
+      style: {
+        position: 'absolute',
+        left: position.clientX,
+        top: position.clientY
+      }
+    }) : jsxRuntime.jsx(Icon, {
+      style: {
+        position: 'absolute',
+        left: position.clientX,
+        top: position.clientY
+      }
+    })
   });
 };
 
-var classes$C = {"button-common-styles":"StructEditor-module_button-common-styles__3P7PO","scrollbar":"StructEditor-module_scrollbar__SUs-o","spinnerOverlay":"StructEditor-module_spinnerOverlay__5H1IM","canvas":"StructEditor-module_canvas__LLnzh","measureLog":"StructEditor-module_measureLog__B2wuy","visible":"StructEditor-module_visible__3eFNB","intermediateCanvas":"StructEditor-module_intermediateCanvas__fR3ws"};
-
 var _excluded$r = ["Tag", "struct", "tool", "toolOpts", "options", "onInit", "onSelectionChange", "onElementEdit", "onEnhancedStereoEdit", "onQuickEdit", "onBondEdit", "onRgroupEdit", "onSgroupEdit", "onSdataEdit", "onRemoveFG", "onMessage", "onAromatizeStruct", "onDearomatizeStruct", "onAttachEdit", "indigoVerification", "onCipChange", "className", "onConfirm", "showAttachmentPoints"];
-function ownKeys$C(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$C(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$D(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$D(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$D(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$D(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$a(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$a(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct$a() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function setupEditor(editor, props) {
@@ -15134,14 +15336,17 @@ var StructEditor = function (_Component) {
     var _this;
     _classCallCheck__default["default"](this, StructEditor);
     _this = _super.call(this, props);
+    _this.state = {
+      enableCursor: false
+    };
     _this.editorRef = React.createRef();
     _this.logRef = React.createRef();
     return _this;
   }
   _createClass__default["default"](StructEditor, [{
     key: "shouldComponentUpdate",
-    value: function shouldComponentUpdate(nextProps) {
-      return this.props.indigoVerification !== nextProps.indigoVerification;
+    value: function shouldComponentUpdate(nextProps, nextState) {
+      return this.props.indigoVerification !== nextProps.indigoVerification || nextState.enableCursor !== this.state.enableCursor;
     }
   }, {
     key: "UNSAFE_componentWillReceiveProps",
@@ -15152,7 +15357,7 @@ var StructEditor = function (_Component) {
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
-      this.editor = new Editor$3(this.editorRef.current, _objectSpread$C({}, this.props.options));
+      this.editor = new Editor$3(this.editorRef.current, _objectSpread$D({}, this.props.options));
       setupEditor(this.editor, this.props);
       if (this.props.onInit) this.props.onInit(this.editor);
       this.editor.event.message.add(function (msg) {
@@ -15169,6 +15374,51 @@ var StructEditor = function (_Component) {
           el.classList.remove(classes$C.visible);
         }
       });
+      this.editor.event.cursor.add(function (csr) {
+        switch (csr.status) {
+          case 'enable':
+            _this2.editorRef.current.classList.add(classes$C.enableCursor);
+            var _this2$editorRef$curr = _this2.editorRef.current.getBoundingClientRect(),
+                left = _this2$editorRef$curr.left,
+                top = _this2$editorRef$curr.top,
+                right = _this2$editorRef$curr.right,
+                bottom = _this2$editorRef$curr.bottom;
+            var _csr$cursorPosition = csr.cursorPosition,
+                clientX = _csr$cursorPosition.clientX,
+                clientY = _csr$cursorPosition.clientY;
+            var handShouldBeShown = clientX >= left && clientX <= right && clientY >= top && clientX <= bottom;
+            if (!_this2.state.enableCursor && handShouldBeShown) {
+              _this2.setState({
+                enableCursor: true
+              });
+            }
+            break;
+          case 'move':
+            _this2.editorRef.current.classList.add(classes$C.enableCursor);
+            _this2.setState({
+              enableCursor: true
+            });
+            break;
+          case 'disable':
+            _this2.editorRef.current.classList.remove(classes$C.enableCursor);
+            _this2.setState({
+              enableCursor: false
+            });
+            break;
+          case 'leave':
+            _this2.editorRef.current.classList.remove(classes$C.enableCursor);
+            _this2.setState({
+              enableCursor: false
+            });
+            break;
+          case 'mouseover':
+            _this2.editorRef.current.classList.add(classes$C.enableCursor);
+            _this2.setState({
+              enableCursor: true
+            });
+            break;
+        }
+      });
       this.editor.event.message.dispatch({
         info: JSON.stringify(this.props.toolOpts)
       });
@@ -15208,7 +15458,7 @@ var StructEditor = function (_Component) {
           _this$props.onConfirm;
           _this$props.showAttachmentPoints;
           var props = _objectWithoutProperties__default["default"](_this$props, _excluded$r);
-      return jsxRuntime.jsxs(Tag, _objectSpread$C(_objectSpread$C({
+      return jsxRuntime.jsxs(Tag, _objectSpread$D(_objectSpread$D({
         className: clsx__default["default"](classes$C.canvas, className),
         onMouseDown: function onMouseDown(event) {
           return event.preventDefault();
@@ -15226,6 +15476,10 @@ var StructEditor = function (_Component) {
             onMouseDown: function onMouseDown(event) {
               return event.preventDefault();
             }
+          }), jsxRuntime.jsx(Cursor, {
+            Icon: SvgHand,
+            PressedIcon: SvgCompressedHand,
+            enableHandTool: this.state.enableCursor
           }), jsxRuntime.jsx("div", {
             className: classes$C.measureLog,
             ref: this.logRef
@@ -15395,6 +15649,37 @@ var mapDispatchToProps$c = function mapDispatchToProps(dispatch) {
 };
 var About = reactRedux.connect(mapStateToProps$f, mapDispatchToProps$c)(AboutDialog);
 
+var _templateObject$1;
+var ErrorMessage = styled__default["default"](material.Popover)(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral__default["default"](["\n  & .MuiPopover-paper {\n    padding: 0 8px;\n    box-shadow: 4px 0px, 2px rgba(0, 0, 0, 0.25);\n    font-size: 12px;\n    max-width: 160px;\n  }\n"])));
+var ErrorPopover = function ErrorPopover(_ref) {
+  var error = _ref.error,
+      anchorEl = _ref.anchorEl,
+      handleClose = _ref.handleClose;
+  return jsxRuntime.jsx(ErrorMessage, {
+    id: "form-error",
+    open: true,
+    anchorEl: anchorEl,
+    disableAutoFocus: true,
+    sx: {
+      pointerEvents: 'none'
+    },
+    onClose: handleClose,
+    anchorOrigin: {
+      vertical: 'bottom',
+      horizontal: 'center'
+    },
+    transformOrigin: {
+      vertical: 'top',
+      horizontal: 'left'
+    },
+    children: jsxRuntime.jsx(jsxRuntime.Fragment, {
+      children: jsxRuntime.jsx("p", {
+        children: error
+      })
+    })
+  });
+};
+
 var classes$A = {"fieldSetLabel":"input-module_fieldSetLabel__DxKa5","checkbox":"input-module_checkbox__CowSc","radioButton":"input-module_radioButton__2eHO0","slider":"input-module_slider__-Xsc0","select":"input-module_select__GhgBs","input":"input-module_input__WzHgL"};
 
 var _excluded$q = ["schema", "value", "onChange", "type"],
@@ -15406,8 +15691,8 @@ var _excluded$q = ["schema", "value", "onChange", "type"],
     _excluded7 = ["children", "onChange"];
 function _createSuper$9(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$9(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct$9() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function ownKeys$B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$B(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$C(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$C(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$C(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$C(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function GenericInput(_ref) {
   _ref.schema;
       var _ref$value = _ref.value,
@@ -15417,7 +15702,7 @@ function GenericInput(_ref) {
       type = _ref$type === void 0 ? 'text' : _ref$type,
       props = _objectWithoutProperties__default["default"](_ref, _excluded$q);
   return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [jsxRuntime.jsx("input", _objectSpread$B({
+    children: [jsxRuntime.jsx("input", _objectSpread$C({
       type: type,
       value: value,
       onInput: onChange,
@@ -15441,7 +15726,7 @@ function TextArea(_ref2) {
       var value = _ref2.value,
       onChange = _ref2.onChange,
       rest = _objectWithoutProperties__default["default"](_ref2, _excluded2$5);
-  return jsxRuntime.jsx("textarea", _objectSpread$B({
+  return jsxRuntime.jsx("textarea", _objectSpread$C({
     value: value,
     onInput: onChange
   }, rest));
@@ -15457,7 +15742,7 @@ function CheckBox(_ref3) {
       rest = _objectWithoutProperties__default["default"](_ref3, _excluded3$1);
   return jsxRuntime.jsxs("div", {
     className: classes$A.fieldSetItem,
-    children: [jsxRuntime.jsx("input", _objectSpread$B({
+    children: [jsxRuntime.jsx("input", _objectSpread$C({
       type: "checkbox",
       checked: value,
       onClick: onChange,
@@ -15517,7 +15802,7 @@ function FieldSet(_ref5) {
         className: classes$A.fieldSetItem,
         children: jsxRuntime.jsxs("label", {
           className: classes$A.fieldSetLabel,
-          children: [jsxRuntime.jsx("input", _objectSpread$B({
+          children: [jsxRuntime.jsx("input", _objectSpread$C({
             type: type,
             defaultChecked: type === 'radio' ? selected(val, checked) : selected(val, value),
             value: _typeof__default["default"](val) !== 'object' && val
@@ -15550,7 +15835,7 @@ function Slider(_ref6) {
       rest = _objectWithoutProperties__default["default"](_ref6, _excluded5$1);
   return jsxRuntime.jsxs("div", {
     className: classes$A.slider,
-    children: [jsxRuntime.jsx("input", _objectSpread$B({
+    children: [jsxRuntime.jsx("input", _objectSpread$C({
       type: "checkbox",
       checked: value,
       onClick: onChange,
@@ -15583,7 +15868,7 @@ function inputCtrl(component, schema, _onChange) {
       type: 'text'
     };
   }
-  return _objectSpread$B({
+  return _objectSpread$C({
     onChange: function onChange(ev) {
       var val = !component.val ? ev : component.val(ev, schema);
       _onChange(val);
@@ -15679,14 +15964,12 @@ var Input = function (_Component) {
           _this$props.onChange;
           var props = _objectWithoutProperties__default["default"](_this$props, _excluded7);
       var Component = this.component;
-      return jsxRuntime.jsx(Component, _objectSpread$B(_objectSpread$B({}, this.ctrl), props));
+      return jsxRuntime.jsx(Component, _objectSpread$C(_objectSpread$C({}, this.ctrl), props));
     }
   }]);
   return Input;
 }(React.Component);
 
-var classes$z = {"button-common-styles":"form-module_button-common-styles__BvKSn","scrollbar":"form-module_scrollbar__MgLtc","dataError":"form-module_dataError__IXK1h"};
-
 var ChevronIcon = function ChevronIcon(_ref) {
   var className = _ref.className;
   return jsxRuntime.jsx(Icon, {
@@ -15739,6 +16022,8 @@ var Select = function Select(_ref2) {
   });
 };
 
+var classes$z = {"button-common-styles":"form-module_button-common-styles__BvKSn","scrollbar":"form-module_scrollbar__MgLtc","dataError":"form-module_dataError__IXK1h","inputWrapper":"form-module_inputWrapper__sIDHH"};
+
 function fileOpener(server) {
   return new Promise(function (resolve, reject) {
     if (global.FileReader) {
@@ -15830,8 +16115,8 @@ var _excluded$p = ["schema", "result", "customValid"],
     _excluded3 = ["name", "onChange", "component", "labelPos", "className"],
     _excluded4 = ["dataError"],
     _excluded5 = ["title", "name", "schema"];
-function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$A(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$B(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$B(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$B(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$B(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$8(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$8(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct$8() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var Form = function (_Component) {
@@ -15851,7 +16136,7 @@ var Form = function (_Component) {
           valid = _this$schema$serializ.valid,
           errors = _this$schema$serializ.errors;
       var errs = getErrorsObj(errors);
-      var initialState = _objectSpread$A(_objectSpread$A({}, init), {}, {
+      var initialState = _objectSpread$B(_objectSpread$B({}, init), {}, {
         init: true
       });
       onUpdate(initialState, valid, errs);
@@ -15936,7 +16221,7 @@ function Label(_ref) {
       title = _ref.title,
       children = _ref.children,
       props = _objectWithoutProperties__default["default"](_ref, _excluded2$4);
-  return jsxRuntime.jsxs("label", _objectSpread$A(_objectSpread$A({}, props), {}, {
+  return jsxRuntime.jsxs("label", _objectSpread$B(_objectSpread$B({}, props), {}, {
     children: [title && labelPos !== 'after' ? jsxRuntime.jsx("span", {
       children: title
     }) : '', children, title && labelPos === 'after' ? jsxRuntime.jsx("span", {
@@ -15951,6 +16236,16 @@ function Field(props) {
       labelPos = props.labelPos,
       className = props.className,
       rest = _objectWithoutProperties__default["default"](props, _excluded3);
+  var _useState = React.useState(null),
+      _useState2 = _slicedToArray__default["default"](_useState, 2),
+      anchorEl = _useState2[0],
+      setAnchorEl = _useState2[1];
+  var handlePopoverOpen = React.useCallback(function (event) {
+    setAnchorEl(event.currentTarget);
+  }, []);
+  var handlePopoverClose = React.useCallback(function () {
+    setAnchorEl(null);
+  }, []);
   var _useFormContext = useFormContext(),
       schema = _useFormContext.schema,
       stateStore = _useFormContext.stateStore;
@@ -15959,20 +16254,30 @@ function Field(props) {
       dataError = _stateStore$field.dataError,
       fieldOpts = _objectWithoutProperties__default["default"](_stateStore$field, _excluded4);
   var Component = component;
-  var formField = component ? jsxRuntime.jsx(Component, _objectSpread$A(_objectSpread$A({
+  var formField = component ? jsxRuntime.jsx(Component, _objectSpread$B(_objectSpread$B({
     name: name,
     schema: desc
-  }, fieldOpts), rest)) : jsxRuntime.jsx(Input, _objectSpread$A(_objectSpread$A({
+  }, fieldOpts), rest)) : jsxRuntime.jsx(Input, _objectSpread$B(_objectSpread$B({
     name: name,
     schema: desc
   }, fieldOpts), rest));
   if (labelPos === false) return formField;
-  return jsxRuntime.jsx(Label, {
+  return jsxRuntime.jsxs(Label, {
     className: clsx__default["default"](_defineProperty__default["default"]({}, classes$z.dataError, dataError), className),
     error: dataError,
     title: rest.title || desc.title,
     labelPos: labelPos,
-    children: formField
+    children: [jsxRuntime.jsx("span", {
+      className: classes$z.inputWrapper,
+      onMouseEnter: handlePopoverOpen,
+      onMouseLeave: handlePopoverClose,
+      children: formField
+    }), dataError && anchorEl && jsxRuntime.jsx(ErrorPopover, {
+      anchorEl: anchorEl,
+      open: !!anchorEl,
+      error: dataError,
+      onClose: handlePopoverClose
+    })]
   });
 }
 var SelectOneOf = function SelectOneOf(props) {
@@ -15989,7 +16294,7 @@ var SelectOneOf = function SelectOneOf(props) {
     selectDesc["enum"].push(item);
     selectDesc.enumNames.push(schema[item].title || item);
   });
-  return jsxRuntime.jsx(Field, _objectSpread$A(_objectSpread$A({
+  return jsxRuntime.jsx(Field, _objectSpread$B(_objectSpread$B({
     name: name,
     options: getSelectOptionsFromSchema(selectDesc),
     title: title
@@ -16012,7 +16317,7 @@ function propSchema(schema, _ref2) {
     schema = Object.assign({}, schema);
     schema.properties = Object.keys(customValid).reduce(function (res, prop) {
       ajv.addFormat(customValid[prop].name, customValid[prop]);
-      res[prop] = _objectSpread$A({
+      res[prop] = _objectSpread$B({
         format: prop
       }, res[prop]);
       return res;
@@ -16175,8 +16480,8 @@ var ColorPicker = function ColorPicker(props) {
 var styles$a = {"measureInput":"measure-input-module_measureInput__uZQ-j","select":"measure-input-module_select__1ZFmv"};
 
 var _excluded$o = ["schema", "value", "onChange", "name"];
-function ownKeys$z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$A(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$A(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$A(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$A(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var selectOptions$1 = getSelectOptionsFromSchema({
   "enum": ['cm', 'px', 'pt', 'inch']
 });
@@ -16219,7 +16524,7 @@ var MeasureInput = function MeasureInput(_ref) {
     calcValue();
   }, [value, measure, calcValue]);
   var desc = schema || schema.properties[name];
-  return jsxRuntime.jsxs("div", _objectSpread$z(_objectSpread$z({
+  return jsxRuntime.jsxs("div", _objectSpread$A(_objectSpread$A({
     className: styles$a.measureInput
   }, rest), {}, {
     children: [jsxRuntime.jsx("span", {
@@ -16256,8 +16561,8 @@ function convertValue(value, measureFrom, measureTo) {
 var classes$x = {"button-common-styles":"buttons-module_button-common-styles__qWDOz","scrollbar":"buttons-module_scrollbar__SpaVV","openButton":"buttons-module_openButton__wErm9"};
 
 var _excluded$n = ["children", "type", "server", "className"];
-function ownKeys$y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$z(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$7(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$7(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct$7() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var OpenButton = function (_Component) {
@@ -16303,7 +16608,7 @@ var OpenButton = function (_Component) {
           _this$props2.server;
           var className = _this$props2.className,
           props = _objectWithoutProperties__default["default"](_this$props2, _excluded$n);
-      return jsxRuntime.jsxs("button", _objectSpread$y(_objectSpread$y({
+      return jsxRuntime.jsxs("button", _objectSpread$z(_objectSpread$z({
         onClick: function onClick() {
           return _this2.btn.click();
         },
@@ -16325,8 +16630,8 @@ var OpenButton = function (_Component) {
   return OpenButton;
 }(React.Component);
 
-function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$y(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$y(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$y(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$y(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SaveButton$1 = function SaveButton(props) {
   var noop = function noop() {
     return null;
@@ -16380,7 +16685,7 @@ var SaveButton$1 = function SaveButton(props) {
       onError(error);
     });
   };
-  return jsxRuntime.jsx("button", _objectSpread$x(_objectSpread$x({
+  return jsxRuntime.jsx("button", _objectSpread$y(_objectSpread$y({
     className: className,
     onClick: function onClick(event) {
       save(event);
@@ -16560,8 +16865,8 @@ var fieldGroups = {
 };
 
 var _excluded$m = ["initState", "formState", "server", "onOpenFile", "onReset", "appOpts"];
-function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$x(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$x(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$x(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$x(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var defaultSettings = getDefaultOptions();
 var HeaderContent$1 = function HeaderContent(_ref) {
   var server = _ref.server,
@@ -16806,7 +17111,7 @@ var SettingsDialog = function SettingsDialog(props) {
       formState: formState,
       initState: initState
     }),
-    children: jsxRuntime.jsx(Form$1, _objectSpread$w(_objectSpread$w({
+    children: jsxRuntime.jsx(Form$1, _objectSpread$x(_objectSpread$x({
       schema: optionsSchema,
       init: initState
     }, formState), {}, {
@@ -16878,8 +17183,8 @@ function ErrorsCheck(props) {
 var style = {"button-common-styles":"Check-module_button-common-styles__WPocW","scrollbar":"Check-module_scrollbar__3jzOc","dialog_body":"Check-module_dialog_body__wHZMM","buttons":"Check-module_buttons__cjuqO","buttonSecondary":"Check-module_buttonSecondary__2482r","buttonPrimary":"Check-module_buttonPrimary__1h5p1","buttonsRight":"Check-module_buttonsRight__L1v9A","wrapper":"Check-module_wrapper__27SOp","checkInfo":"Check-module_checkInfo__Iqq6t","settings":"Check-module_settings__knuQF","warnings":"Check-module_warnings__b4ozd","centeredContainer":"Check-module_centeredContainer__t61r8","warningsContainer":"Check-module_warningsContainer__vSbyK","checkBoxesDisabled":"Check-module_checkBoxesDisabled__EAdRo"};
 
 var _excluded$l = ["formState", "checkState", "onCheck", "onApply", "onCancel"];
-function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var checkSchema = {
   title: 'Check',
   type: 'object',
@@ -16973,7 +17278,7 @@ function CheckDialog(props) {
   return jsxRuntime.jsx(Dialog, {
     title: "Structure Check",
     className: style.dialog_body,
-    params: _objectSpread$v(_objectSpread$v({}, restProps), {}, {
+    params: _objectSpread$w(_objectSpread$w({}, restProps), {}, {
       onCancel: onCancel
     }),
     buttons: [],
@@ -16985,7 +17290,7 @@ function CheckDialog(props) {
       isCheckedWithNewSettings: isCheckedWithNewSettings
     }),
     withDivider: true,
-    children: jsxRuntime.jsx(Form$1, _objectSpread$v(_objectSpread$v({
+    children: jsxRuntime.jsx(Form$1, _objectSpread$w(_objectSpread$w({
       schema: checkSchema,
       init: checkState
     }, formState), {}, {
@@ -17242,8 +17547,8 @@ var Analyse = reactRedux.connect(mapStateToProps$c, mapDispatchToProps$9)(Analys
 var _excluded$j = ["struct", "Tag"];
 function _createSuper$5(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$5(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct$5() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function renderStruct(el, struct) {
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   if (el) {
@@ -17252,7 +17557,7 @@ function renderStruct(el, struct) {
       struct.initNeighbors();
       struct.setImplicitHydrogen();
       struct.markFragments();
-      var rnd = new ketcherCore.Render(el, _objectSpread$u({
+      var rnd = new ketcherCore.Render(el, _objectSpread$v({
         autoScale: true
       }, options));
       rnd.setMolecule(struct);
@@ -17303,7 +17608,7 @@ var StructRender = function (_Component) {
           _this$props2$Tag = _this$props2.Tag,
           Tag = _this$props2$Tag === void 0 ? 'div' : _this$props2$Tag,
           props = _objectWithoutProperties__default["default"](_this$props2, _excluded$j);
-      return jsxRuntime.jsx(Tag, _objectSpread$u(_objectSpread$u({
+      return jsxRuntime.jsx(Tag, _objectSpread$v(_objectSpread$v({
         ref: this.tagRef
       }, props), {}, {
         children: struct ? null : 'No molecule'
@@ -17333,8 +17638,8 @@ var DialogActionButton = function DialogActionButton(_ref) {
 
 var _excluded$i = ["file", "structStr", "fragment", "version", "imagoVersions", "onOk"],
     _excluded2$3 = ["onRecognize", "isFragment", "onImage", "onChangeImago"];
-function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function isImage(file) {
   var _file$type;
   return file === null || file === void 0 ? void 0 : (_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.includes('image');
@@ -17416,7 +17721,7 @@ function RecognizeDialog(prop) {
   return jsxRuntime.jsxs(Dialog, {
     title: "Import Structure from Image",
     className: classes$t.recognize,
-    params: _objectSpread$t(_objectSpread$t({}, props), {}, {
+    params: _objectSpread$u(_objectSpread$u({}, props), {}, {
       onOk: onOk
     }),
     result: function result() {
@@ -17678,8 +17983,8 @@ var ElementNumber = function ElementNumber(props) {
 var classes$r = {"button-common-styles":"Atom-module_button-common-styles__ipWaI","scrollbar":"Atom-module_scrollbar__z5cVx","atomProps":"Atom-module_atomProps__pqBjY","accordionWrapper":"Atom-module_accordionWrapper__MSuU7","expandIcon":"Atom-module_expandIcon__mPszC","turnedIcon":"Atom-module_turnedIcon__0Kzwy","accordionSummaryWrapper":"Atom-module_accordionSummaryWrapper__MGqsq","accordionSummary":"Atom-module_accordionSummary__HMKzl","accordionDetailsWrapper":"Atom-module_accordionDetailsWrapper__p6EI7","hiddenAccordion":"Atom-module_hiddenAccordion__pDNdM","accordionDetails":"Atom-module_accordionDetails__-B3jK","checkbox":"Atom-module_checkbox__Vup40","reactionFlags":"Atom-module_reactionFlags__gdNb1","querySpecific":"Atom-module_querySpecific__7XxMr"};
 
 var _excluded$g = ["formState", "stereoParity"];
-function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var atomProps = atom.properties;
 var Atom = function Atom(props) {
   var formState = props.formState;
@@ -17782,7 +18087,7 @@ var Atom = function Atom(props) {
     },
     buttons: ['Cancel', 'OK'],
     withDivider: true,
-    children: jsxRuntime.jsx(Form$1, _objectSpread$s(_objectSpread$s({
+    children: jsxRuntime.jsx(Form$1, _objectSpread$t(_objectSpread$t({
       schema: atom,
       customValid: {
         label: function label(_label) {
@@ -17846,8 +18151,8 @@ var AtomContainer = reactRedux.connect(mapStateToProps$9)(Atom);
 var classes$q = {"attachPoints":"Attach-module_attachPoints__5QEAv"};
 
 var _excluded$f = ["formState"];
-function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var AttachPoints = function AttachPoints(props) {
   var formState = props.formState,
       rest = _objectWithoutProperties__default["default"](props, _excluded$f);
@@ -17866,7 +18171,7 @@ var AttachPoints = function AttachPoints(props) {
     },
     buttons: ['Cancel', 'OK'],
     withDivider: true,
-    children: jsxRuntime.jsxs(Form$1, _objectSpread$r(_objectSpread$r({
+    children: jsxRuntime.jsxs(Form$1, _objectSpread$s(_objectSpread$s({
       schema: attachmentPoints,
       init: rest
     }, formState), {}, {
@@ -17889,8 +18194,8 @@ var AttachPointsContainer = reactRedux.connect(mapStateToProps$8)(AttachPoints);
 var classes$p = {"automap":"Automap-module_automap__531ko"};
 
 var _excluded$e = ["formState"];
-function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var automapSchema = {
   title: 'Reaction Auto-Mapping',
   type: 'object',
@@ -17922,10 +18227,10 @@ var Automap = function Automap(props) {
     buttonsNameMap: {
       OK: 'Apply'
     },
-    children: jsxRuntime.jsx(Form$1, _objectSpread$q(_objectSpread$q({
+    children: jsxRuntime.jsx(Form$1, _objectSpread$r(_objectSpread$r({
       schema: automapSchema
     }, formState), {}, {
-      children: jsxRuntime.jsx(Field, _objectSpread$q(_objectSpread$q({
+      children: jsxRuntime.jsx(Field, _objectSpread$r(_objectSpread$r({
         name: "mode",
         options: getSelectOptionsFromSchema(automapSchema.properties.mode)
       }, props), {}, {
@@ -17953,8 +18258,8 @@ var AutomapContainer = reactRedux.connect(mapStateToProps$7, mapDispatchToProps$
 var classes$o = {"bond":"Bond-module_bond__EDfLY"};
 
 var _excluded$d = ["formState"];
-function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Bond = function Bond(props) {
   var formState = props.formState,
       rest = _objectWithoutProperties__default["default"](props, _excluded$d);
@@ -17974,7 +18279,7 @@ var Bond = function Bond(props) {
     },
     buttons: ['Cancel', 'OK'],
     withDivider: true,
-    children: jsxRuntime.jsxs(Form$1, _objectSpread$p(_objectSpread$p({
+    children: jsxRuntime.jsxs(Form$1, _objectSpread$q(_objectSpread$q({
       schema: bond,
       init: rest
     }, formState), {}, {
@@ -18004,8 +18309,8 @@ var BondContainer = reactRedux.connect(mapStateToProps$6)(Bond);
 
 var classes$n = {"field":"IfThenSelect-module_field__9YaPA"};
 
-function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var IfThenSelect = function IfThenSelect(props) {
   var rgroupLabels = props.rgroupLabels,
       label = props.label,
@@ -18023,7 +18328,7 @@ var IfThenSelect = function IfThenSelect(props) {
       desc.enumNames.push("IF R".concat(label, " THEN R").concat(rgroupLabel));
     }
   });
-  return jsxRuntime.jsx(Field, _objectSpread$o(_objectSpread$o({
+  return jsxRuntime.jsx(Field, _objectSpread$p(_objectSpread$p({
     schema: desc,
     className: classes$n.field
   }, props), {}, {
@@ -18035,8 +18340,8 @@ var IfThenSelect = function IfThenSelect(props) {
 var classes$m = {"button-common-styles":"RgroupLogic-module_button-common-styles__P-ABP","scrollbar":"RgroupLogic-module_scrollbar__gDniy","rgroupLogic":"RgroupLogic-module_rgroupLogic__q4RTy","resth":"RgroupLogic-module_resth__RL2qE"};
 
 var _excluded$c = ["formState", "label", "rgroupLabels"];
-function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var RgroupLogic = function RgroupLogic(props) {
   var formState = props.formState,
       label = props.label,
@@ -18057,7 +18362,7 @@ var RgroupLogic = function RgroupLogic(props) {
     },
     buttons: ['Cancel', 'OK'],
     withDivider: true,
-    children: jsxRuntime.jsxs(Form$1, _objectSpread$n(_objectSpread$n({
+    children: jsxRuntime.jsxs(Form$1, _objectSpread$o(_objectSpread$o({
       schema: rgroupLogic,
       customValid: {
         range: function range(r) {
@@ -18119,8 +18424,8 @@ var styles$7 = {"optionsContainer":"OpenOptions-module_optionsContainer__-WqT8",
 var styles$6 = {"isHovered":"FileDrop-module_isHovered__c-CDn","isDisabled":"FileDrop-module_isDisabled__Ejuyq"};
 
 var _excluded$b = ["buttonLabel", "textLabel", "iconName", "disabled", "disabledText"];
-function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FileDrop = function FileDrop(_ref) {
   var buttonLabel = _ref.buttonLabel,
       textLabel = _ref.textLabel,
@@ -18128,7 +18433,7 @@ var FileDrop = function FileDrop(_ref) {
       disabled = _ref.disabled,
       disabledText = _ref.disabledText,
       rest = _objectWithoutProperties__default["default"](_ref, _excluded$b);
-  var _useDropzone = reactDropzone.useDropzone(_objectSpread$m({
+  var _useDropzone = reactDropzone.useDropzone(_objectSpread$n({
     multiple: false,
     disabled: disabled
   }, rest)),
@@ -18140,12 +18445,12 @@ var FileDrop = function FileDrop(_ref) {
     var classes = [styles$7.dropContainer, isDragActive ? styles$6.isHovered : null, disabled ? styles$6.isDisabled : null];
     return classes.join(' ');
   }, [isDragActive]);
-  return jsxRuntime.jsxs("div", _objectSpread$m(_objectSpread$m({
+  return jsxRuntime.jsxs("div", _objectSpread$n(_objectSpread$n({
     onKeyDown: open
   }, getRootProps({
     className: getClassesString
   })), {}, {
-    children: [jsxRuntime.jsx("input", _objectSpread$m({}, getInputProps())), jsxRuntime.jsx("div", {
+    children: [jsxRuntime.jsx("input", _objectSpread$n({}, getInputProps())), jsxRuntime.jsx("div", {
       className: styles$7.dropIconWrapper,
       children: jsxRuntime.jsx(Icon, {
         name: iconName
@@ -18238,8 +18543,8 @@ var TextEditor = function TextEditor(_ref) {
   });
 };
 
-function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ViewSwitcher = function ViewSwitcher(props) {
   if (props.isAnalyzingFile) {
     return jsxRuntime.jsx(AnalyzingFile, {
@@ -18248,9 +18553,9 @@ var ViewSwitcher = function ViewSwitcher(props) {
   } else {
     switch (props.currentState) {
       case props.states.idle:
-        return jsxRuntime.jsx(OpenOptions, _objectSpread$l({}, props));
+        return jsxRuntime.jsx(OpenOptions, _objectSpread$m({}, props));
       case props.states.textEditor:
-        return jsxRuntime.jsx(TextEditor, _objectSpread$l({}, props));
+        return jsxRuntime.jsx(TextEditor, _objectSpread$m({}, props));
       default:
         return null;
     }
@@ -18258,8 +18563,8 @@ var ViewSwitcher = function ViewSwitcher(props) {
 };
 
 var _excluded$a = ["server", "onImageUpload", "errorHandler", "isAnalyzingFile", "isRecognizeDisabled"];
-function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var MODAL_STATES = {
   idle: 'idle',
   textEditor: 'textEditor',
@@ -18355,7 +18660,7 @@ var Open = function Open(props) {
   };
   var withFooterContent = currentState === MODAL_STATES.textEditor && !isAnalyzingFile;
   if (currentState === MODAL_STATES.imageRec) {
-    return jsxRuntime.jsx(Recognize, _objectSpread$k({}, rest));
+    return jsxRuntime.jsx(Recognize, _objectSpread$l({}, rest));
   }
   return jsxRuntime.jsx(Dialog, {
     title: "Open structure",
@@ -18483,8 +18788,8 @@ function couldBeSaved(struct, format) {
 
 var classes$k = {"tabs":"Tabs-module_tabs__PuztJ","active":"Tabs-module_active__eeyNd"};
 
-function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$4(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$4(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct$4() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var Tabs = function (_Component) {
@@ -18546,7 +18851,7 @@ var Tabs = function (_Component) {
           })
         }), tabPanel && jsxRuntime.jsx("div", {
           className: contentClassName,
-          children: jsxRuntime.jsx(Component, _objectSpread$j({}, componentProps))
+          children: jsxRuntime.jsx(Component, _objectSpread$k({}, componentProps))
         })]
       });
     }
@@ -18556,8 +18861,8 @@ var Tabs = function (_Component) {
 
 var classes$j = {"button-common-styles":"Save-module_button-common-styles__mpLS8","scrollbar":"Save-module_scrollbar__XMf7I","dialog":"Save-module_dialog__of-0M","formContainer":"Save-module_formContainer__v1pIq","tabs":"Save-module_tabs__TOB-R","warnings":"Save-module_warnings__1PxJT","warningsContainer":"Save-module_warningsContainer__-3yVy","warningsArr":"Save-module_warningsArr__bKUFY","previewBackground":"Save-module_previewBackground__AbaUf","previewArea":"Save-module_previewArea__-0SLb","loadingCirclesContainer":"Save-module_loadingCirclesContainer__COUKN","imageContainer":"Save-module_imageContainer__gFELk","previewMessage":"Save-module_previewMessage__CZfZB","ok":"Save-module_ok__SgeCM","cancel":"Save-module_cancel__SMkEV","saveTmpl":"Save-module_saveTmpl__O-d0T"};
 
-function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct$3() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var saveSchema = {
@@ -18701,7 +19006,7 @@ var SaveDialog = function (_Component) {
       }];
       return jsxRuntime.jsxs("div", {
         className: classes$j.formContainer,
-        children: [jsxRuntime.jsxs(Form$1, _objectSpread$i(_objectSpread$i({
+        children: [jsxRuntime.jsxs(Form$1, _objectSpread$j(_objectSpread$j({
           schema: _this.saveSchema,
           init: {
             filename: filename,
@@ -18905,8 +19210,8 @@ var Save = reactRedux.connect(mapStateToProps$3, mapDispatchToProps$4)(SaveDialo
 var classes$i = {"enhancedStereo":"enhancedStereo-module_enhancedStereo__8FLSY","stereoLabelItem":"enhancedStereo-module_stereoLabelItem__lEf-0","labelGroupSelect":"enhancedStereo-module_labelGroupSelect__K7TYC"};
 
 var _excluded$9 = ["struct", "formState", "init"];
-function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var EnhancedStereo = function EnhancedStereo(props) {
   var struct = props.struct,
       formState = props.formState,
@@ -18947,7 +19252,7 @@ var EnhancedStereo = function EnhancedStereo(props) {
     buttonsNameMap: {
       OK: 'Apply'
     },
-    children: jsxRuntime.jsx(Form$1, _objectSpread$h(_objectSpread$h({
+    children: jsxRuntime.jsx(Form$1, _objectSpread$i(_objectSpread$i({
       schema: enhancedStereoSchema,
       init: init
     }, formState), {}, {
@@ -19040,8 +19345,8 @@ var EnhancedStereo$1 = reactRedux.connect(function (state) {
 var styles$5 = {"button-common-styles":"labelEdit-module_button-common-styles__S5XMA","scrollbar":"labelEdit-module_scrollbar__GFcQm","labelEdit":"labelEdit-module_labelEdit__9LnIH","labelEditInputField":"labelEdit-module_labelEditInputField__tb-J4"};
 
 var _excluded$8 = ["formState"];
-function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function serialize(lc) {
   var charge = Math.abs(lc.charge);
   var radical = ['', ':', '.', '^^'][lc.radical] || '';
@@ -19091,6 +19396,7 @@ function LabelEdit(props) {
       return _valid;
     },
     withDivider: true,
+    needMargin: false,
     result: function result() {
       return deserialize(_result.label);
     },
@@ -19101,7 +19407,7 @@ function LabelEdit(props) {
     },
     focusable: false,
     params: prop,
-    children: jsxRuntime.jsx(Form$1, _objectSpread$g(_objectSpread$g({
+    children: jsxRuntime.jsx(Form$1, _objectSpread$h(_objectSpread$h({
       schema: labelEdit,
       customValid: {
         label: function label(l) {
@@ -19165,8 +19471,8 @@ function Header() {
   });
 }
 
-function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function MainRow(_ref) {
   var row = _ref.row,
       caption = _ref.caption,
@@ -19183,7 +19489,7 @@ function MainRow(_ref) {
       }), row.map(function (element, index) {
         return typeof element !== 'number' ?
         jsxRuntime.jsx("td", {
-          children: jsxRuntime.jsx(Atom$1, _objectSpread$f({
+          children: jsxRuntime.jsx(Atom$1, _objectSpread$g({
             el: element,
             className: clsx__default["default"].apply(void 0, _toConsumableArray__default["default"](atomClassNames(element))),
             onClick: function onClick() {
@@ -19204,8 +19510,8 @@ function MainRow(_ref) {
   });
 }
 
-function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function OutinerRow(_ref) {
   var row = _ref.row,
       caption = _ref.caption,
@@ -19222,7 +19528,7 @@ function OutinerRow(_ref) {
         children: caption
       }), row.map(function (element) {
         return jsxRuntime.jsx("td", {
-          children: jsxRuntime.jsx(Atom$1, _objectSpread$e({
+          children: jsxRuntime.jsx(Atom$1, _objectSpread$f({
             el: element,
             className: clsx__default["default"].apply(void 0, _toConsumableArray__default["default"](atomClassNames(element))),
             onClick: function onClick() {
@@ -19240,8 +19546,8 @@ function OutinerRow(_ref) {
 
 var styles$4 = {"button-common-styles":"ElementsTable-module_button-common-styles__-6eHN","scrollbar":"ElementsTable-module_scrollbar__0R-HA","table":"ElementsTable-module_table__iNPVY","main_row":"ElementsTable-module_main_row__csN5a","outiner_row":"ElementsTable-module_outiner_row__fzfGL","noble":"ElementsTable-module_noble__65B92","alkali":"ElementsTable-module_alkali__sM9z9","alkaline-earth":"ElementsTable-module_alkaline-earth__t2h2s","metalloid":"ElementsTable-module_metalloid__Ui4Y8","other-nonmetal":"ElementsTable-module_other-nonmetal__mbkMN","post-transition":"ElementsTable-module_post-transition__k4C-G","transition":"ElementsTable-module_transition__GCnID","lanthanide":"ElementsTable-module_lanthanide__wVoLa","actinide":"ElementsTable-module_actinide__bVCBg","halogen":"ElementsTable-module_halogen__W6EjM","unknown-props":"ElementsTable-module_unknown-props__d9rq4","unknown-state":"ElementsTable-module_unknown-state__lRBCp","button":"ElementsTable-module_button__xCaL4","selected":"ElementsTable-module_selected__B9LGf"};
 
-function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$2(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$2(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct$2() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var metalPrefix = ['alkali', 'alkaline-earth', 'transition', 'post-transition'];
@@ -19325,7 +19631,7 @@ var ElementsTable = function (_Component) {
         className: styles$4.table,
         summary: "Periodic table of the chemical elements",
         children: [jsxRuntime.jsx(Header, {}), main.map(function (row, index) {
-          return jsxRuntime.jsx(MainRow, _objectSpread$d({
+          return jsxRuntime.jsx(MainRow, _objectSpread$e({
             atomClassNames: _this2.getAtomClassNames,
             className: styles$4.main_row,
             row: row,
@@ -19334,12 +19640,12 @@ var ElementsTable = function (_Component) {
               return element === 1 && (index === 5 ? '*' : '**');
             }
           }, callbacks), index);
-        }), jsxRuntime.jsx(OutinerRow, _objectSpread$d({
+        }), jsxRuntime.jsx(OutinerRow, _objectSpread$e({
           atomClassNames: this.getAtomClassNames,
           className: styles$4.outiner_row,
           row: lanthanides,
           caption: "*"
-        }, callbacks)), jsxRuntime.jsx(OutinerRow, _objectSpread$d({
+        }, callbacks)), jsxRuntime.jsx(OutinerRow, _objectSpread$e({
           atomClassNames: this.getAtomClassNames,
           className: styles$4.outiner_row,
           row: actinides,
@@ -19351,13 +19657,36 @@ var ElementsTable = function (_Component) {
   return ElementsTable;
 }(React.Component);
 
+var styles$3 = {"horizintalNodeLines":"BoxWithLines-module_horizintalNodeLines__QO-Su","upperLines":"BoxWithLines-module_upperLines__8pL-R","lowerLine":"BoxWithLines-module_lowerLine__tBZJd","verticalNodeLines":"BoxWithLines-module_verticalNodeLines__wBgwS"};
+
+var HorizontalBoxWithLines = function HorizontalBoxWithLines() {
+  return jsxRuntime.jsxs("div", {
+    className: styles$3.horizintalNodeLines,
+    children: [jsxRuntime.jsx("div", {
+      className: styles$3.upperLines
+    }), jsxRuntime.jsx("div", {
+      className: styles$3.lowerLine
+    })]
+  });
+};
+var VerticalBoxWithLines = function VerticalBoxWithLines() {
+  return jsxRuntime.jsxs("div", {
+    className: styles$3.verticalNodeLines,
+    children: [jsxRuntime.jsx("div", {
+      className: styles$3.upperLines
+    }), jsxRuntime.jsx("div", {
+      className: styles$3.lowerLine
+    })]
+  });
+};
+
+var classes$g = {"button-common-styles":"GenSet-module_button-common-styles__0Ro-U","scrollbar":"GenSet-module_scrollbar__Ev8Uz","genGroupLegendBox":"GenSet-module_genGroupLegendBox__CSTQr","legendBox":"GenSet-module_legendBox__0zIAk","SpecialNodes":"GenSet-module_SpecialNodes__oFKp3","AtomGenerics":"GenSet-module_AtomGenerics__MoQCf","GroupGenerics":"GenSet-module_GroupGenerics__pFPtX","Cyclic":"GenSet-module_Cyclic__VJRtt","Acyclic":"GenSet-module_Acyclic__R97MM","CyclicCarbo":"GenSet-module_CyclicCarbo__Aanb0","AcyclicCarbo":"GenSet-module_AcyclicCarbo__nowGn","CyclicHetero":"GenSet-module_CyclicHetero__bbOnT","AcyclicHetero":"GenSet-module_AcyclicHetero__hnr4G","button":"GenSet-module_button__TCbeM","selected":"GenSet-module_selected__58d2u"};
+
 var isGenericGroup = function isGenericGroup(group) {
   var cyclicGroups = ['Acyclic', 'Cyclic', 'Acyclic Carbo', 'Cyclic Carbo', 'Acyclic Hetero', 'Cyclic Hetero'];
   return cyclicGroups.includes(group);
 };
 
-var classes$g = {"button-common-styles":"GenSet-module_button-common-styles__0Ro-U","scrollbar":"GenSet-module_scrollbar__Ev8Uz","genGroupLegendBox":"GenSet-module_genGroupLegendBox__CSTQr","legendBox":"GenSet-module_legendBox__0zIAk","SpecialNodes":"GenSet-module_SpecialNodes__oFKp3","AtomGenerics":"GenSet-module_AtomGenerics__MoQCf","GroupGenerics":"GenSet-module_GroupGenerics__pFPtX","Cyclic":"GenSet-module_Cyclic__VJRtt","Acyclic":"GenSet-module_Acyclic__R97MM","CyclicCarbo":"GenSet-module_CyclicCarbo__Aanb0","AcyclicCarbo":"GenSet-module_AcyclicCarbo__nowGn","CyclicHetero":"GenSet-module_CyclicHetero__bbOnT","AcyclicHetero":"GenSet-module_AcyclicHetero__hnr4G","button":"GenSet-module_button__TCbeM","selected":"GenSet-module_selected__58d2u"};
-
 var getGroupClassName = function getGroupClassName(groupName) {
   return groupName.replaceAll(' ', '');
 };
@@ -19378,7 +19707,10 @@ function GenSet(_ref) {
           children: buttons.map(function (button, index) {
             return jsxRuntime.jsx("button", {
               onClick: function onClick() {
-                return onAtomSelect(button.label);
+                return onAtomSelect(button.label, false);
+              },
+              onDoubleClick: function onDoubleClick() {
+                return onAtomSelect(button.label, true);
               },
               title: button.description || button.label,
               className: clsx__default["default"](_defineProperty__default["default"]({}, classes$g.selected, selected(button.label)), classes$g.button),
@@ -19402,7 +19734,7 @@ function GenSet(_ref) {
   });
 }
 
-var styles$3 = {"fieldFlexWrapper":"GenGroup-module_fieldFlexWrapper__mBHRt","buttonContainer":"GenGroup-module_buttonContainer__7qTti","genButtonContainer":"GenGroup-module_genButtonContainer__6Bwe1","subGroup":"GenGroup-module_subGroup__afiEU","legendMain":"GenGroup-module_legendMain__h-Wl3","legend":"GenGroup-module_legend__JWafm","fieldset":"GenGroup-module_fieldset__JehYt"};
+var styles$2 = {"fieldFlexWrapper":"GenGroup-module_fieldFlexWrapper__mBHRt","buttonContainer":"GenGroup-module_buttonContainer__7qTti","genButtonContainer":"GenGroup-module_genButtonContainer__6Bwe1","subGroup":"GenGroup-module_subGroup__afiEU","legendMain":"GenGroup-module_legendMain__h-Wl3","legend":"GenGroup-module_legend__JWafm","fieldset":"GenGroup-module_fieldset__JehYt"};
 
 var getLegendClassname = function getLegendClassname(title) {
   var mainTitles = ['Atom Generics', 'Special Nodes', 'Group Generics', 'Acyclic', 'Cyclic'];
@@ -19414,19 +19746,19 @@ var GenGroup = function GenGroup(_ref) {
       onAtomSelect = _ref.onAtomSelect,
       selected = _ref.selected;
   return jsxRuntime.jsx("div", {
-    className: styles$3.fieldFlexWrapper,
+    className: styles$2.fieldFlexWrapper,
     children: jsxRuntime.jsxs("fieldset", {
-      className: styles$3.fieldset,
+      className: styles$2.fieldset,
       children: [jsxRuntime.jsx("legend", {
-        className: styles$3[getLegendClassname(group.title)],
+        className: styles$2[getLegendClassname(group.title)],
         children: group.title
       }), jsxRuntime.jsx("div", {
-        className: isGenericGroup(group.title) ? styles$3.genButtonContainer : styles$3.buttonContainer,
+        className: isGenericGroup(group.title) ? styles$2.genButtonContainer : styles$2.buttonContainer,
         children: group.itemSets && jsxRuntime.jsx(GenSet, {
           labels: group.itemSets,
           selected: selected,
           onAtomSelect: onAtomSelect,
-          className: styles$3.subGroup,
+          className: styles$2.subGroup,
           group: group.title
         })
       })]
@@ -19436,39 +19768,16 @@ var GenGroup = function GenGroup(_ref) {
 
 var classes$f = {"button-common-styles":"GenericGroups-module_button-common-styles__nYUJe","scrollbar":"GenericGroups-module_scrollbar__5iavS","genericGroups":"GenericGroups-module_genericGroups__z4EaG","topGroupsContainer":"GenericGroups-module_topGroupsContainer__bMeoG","groupGenerics":"GenericGroups-module_groupGenerics__6UpH6","subgroupContainer":"GenericGroups-module_subgroupContainer__xULxX"};
 
-var styles$2 = {"horizintalNodeLines":"BoxWithLines-module_horizintalNodeLines__QO-Su","upperLines":"BoxWithLines-module_upperLines__8pL-R","lowerLine":"BoxWithLines-module_lowerLine__tBZJd","verticalNodeLines":"BoxWithLines-module_verticalNodeLines__wBgwS"};
-
-var HorizontalBoxWithLines = function HorizontalBoxWithLines() {
-  return jsxRuntime.jsxs("div", {
-    className: styles$2.horizintalNodeLines,
-    children: [jsxRuntime.jsx("div", {
-      className: styles$2.upperLines
-    }), jsxRuntime.jsx("div", {
-      className: styles$2.lowerLine
-    })]
-  });
-};
-var VerticalBoxWithLines = function VerticalBoxWithLines() {
-  return jsxRuntime.jsxs("div", {
-    className: styles$2.verticalNodeLines,
-    children: [jsxRuntime.jsx("div", {
-      className: styles$2.upperLines
-    }), jsxRuntime.jsx("div", {
-      className: styles$2.lowerLine
-    })]
-  });
-};
-
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getGenericsGroupsMap = function getGenericsGroupsMap(tree) {
   var newGroups = {};
   for (var _i = 0, _Object$keys = Object.keys(tree); _i < _Object$keys.length; _i++) {
     var _newGroups$groupName;
     var groupName = _Object$keys[_i];
-    newGroups[groupName] = _objectSpread$c({}, tree[groupName]);
+    newGroups[groupName] = _objectSpread$d({}, tree[groupName]);
     if ((_newGroups$groupName = newGroups[groupName]) !== null && _newGroups$groupName !== void 0 && _newGroups$groupName.subGroups) {
-      newGroups = _objectSpread$c(_objectSpread$c({}, newGroups), getGenericsGroupsMap(newGroups[groupName].subGroups));
+      newGroups = _objectSpread$d(_objectSpread$d({}, newGroups), getGenericsGroupsMap(newGroups[groupName].subGroups));
     }
   }
   return newGroups;
@@ -19526,8 +19835,8 @@ var groupNames;
 var classes$e = {"fieldset":"TypeChoice-module_fieldset__yJqT7"};
 
 var _excluded$7 = ["value", "onChange"];
-function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var typeSchema = [{
   title: 'Single',
   value: 'atom'
@@ -19546,7 +19855,7 @@ function TypeChoice(_ref) {
     className: classes$e.fieldset,
     children: typeSchema.map(function (type) {
       return jsxRuntime.jsxs("label", {
-        children: [jsxRuntime.jsx(GenericInput, _objectSpread$b({
+        children: [jsxRuntime.jsx(GenericInput, _objectSpread$c({
           type: "radio",
           value: type.value,
           checked: type.value === value,
@@ -19561,8 +19870,8 @@ function TypeChoice(_ref) {
 
 var classes$d = {"button-common-styles":"PeriodTable-module_button-common-styles__8JrOW","scrollbar":"PeriodTable-module_scrollbar__iG-vx","elementsTable":"PeriodTable-module_elementsTable__Vcz12","dialogHeader":"PeriodTable-module_dialogHeader__-Wgw4","tabs":"PeriodTable-module_tabs__q-2GL","tabsContent":"PeriodTable-module_tabsContent__5rij5","contentGeneral":"PeriodTable-module_contentGeneral__-XKPp","periodTable":"PeriodTable-module_periodTable__l-Uqx","addAtom":"PeriodTable-module_addAtom__ehSSN"};
 
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper$1(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$1(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct$1() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var Table$1 = function (_Component) {
@@ -19603,8 +19912,8 @@ var Table$1 = function (_Component) {
       return type === 'atom' || type === 'gen' ? value === label : value.includes(label);
     });
     _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "onAtomSelect", function (label) {
-      var activateImmidiatly = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-      if (activateImmidiatly) {
+      var activateImmediately = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+      if (activateImmediately) {
         var result = _this.result();
         var type = _this.state.type;
         if (result && type === 'atom') {
@@ -19658,10 +19967,9 @@ var Table$1 = function (_Component) {
         }
       };
     });
-    var genType = !_this.props.pseudo ? null : 'gen';
     _this.state = {
-      type: props.type || genType || 'atom',
-      value: props.values || props.label || null,
+      type: props.type || 'atom',
+      value: props.values || (!props.pseudo ? props.label : null) || null,
       current: ketcherCore.Elements.get(2),
       isInfo: false
     };
@@ -19716,7 +20024,7 @@ function mapSelectionToProps$1(editor) {
   if (selection && Object.keys(selection).length === 1 && selection.atoms && Object.keys(selection.atoms).length === 1) {
     var struct = editor.struct();
     var atom = struct.atoms.get(selection.atoms[0]);
-    return _objectSpread$a({}, fromElement(atom));
+    return _objectSpread$b({}, fromElement(atom));
   }
   return {};
 }
@@ -19744,10 +20052,10 @@ var PeriodTable = reactRedux.connect(mapStateToProps$2, mapDispatchToProps$3)(Ta
 
 var classes$c = {"extendedTable":"ExtendedTable-module_extendedTable__2-hjV"};
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Table = function Table(props) {
-  var _useState = React.useState(null),
+  var _useState = React.useState(props.pseudo ? props.label : null),
       _useState2 = _slicedToArray__default["default"](_useState, 2),
       value = _useState2[0],
       setValue = _useState2[1];
@@ -19765,7 +20073,11 @@ var Table = function Table(props) {
     };
   };
   var onAtomSelect = function onAtomSelect(label) {
+    var activateImmediately = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     setValue(label);
+    if (activateImmediately) {
+      props.onOk(result());
+    }
   };
   return jsxRuntime.jsx(Dialog, {
     title: "Extended Table",
@@ -19790,7 +20102,7 @@ function mapSelectionToProps(editor) {
   if ((selection === null || selection === void 0 ? void 0 : (_selection$atoms = selection.atoms) === null || _selection$atoms === void 0 ? void 0 : _selection$atoms.length) === 1) {
     var struct = editor.struct();
     var atom = struct.atoms.get(selection.atoms[0]);
-    return _objectSpread$9({}, fromElement(atom));
+    return _objectSpread$a({}, fromElement(atom));
   }
   return {};
 }
@@ -19910,8 +20222,8 @@ function ButtonList(_ref) {
 var classes$a = {"button-common-styles":"rgroup-module_button-common-styles__O66iR","scrollbar":"rgroup-module_scrollbar__GmU8o","rgroup":"rgroup-module_rgroup__Pm-uA","selected":"rgroup-module_selected__hP5cM"};
 
 var _excluded$6 = ["disabledIds", "values", "formState", "type"];
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function RGroup(_ref) {
   var disabledIds = _ref.disabledIds,
       values = _ref.values,
@@ -19930,7 +20242,7 @@ function RGroup(_ref) {
     },
     buttons: ['Cancel', 'OK'],
     withDivider: true,
-    children: jsxRuntime.jsx(Form$1, _objectSpread$8(_objectSpread$8({
+    children: jsxRuntime.jsx(Form$1, _objectSpread$9(_objectSpread$9({
       schema: rgroupSchema,
       init: {
         values: values
@@ -19957,8 +20269,8 @@ var classes$9 = {"button-common-styles":"sgroup-module_button-common-styles__MAe
 
 var _excluded$5 = ["title", "name", "schema"],
     _excluded2$2 = ["context", "fieldName", "fieldValue", "type", "radiobuttons", "formState"];
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function SelectInput(_ref) {
   var title = _ref.title,
       name = _ref.name,
@@ -19976,7 +20288,7 @@ function SelectInput(_ref) {
     "enum": [],
     enumNames: []
   });
-  return jsxRuntime.jsx(Field, _objectSpread$7({
+  return jsxRuntime.jsx(Field, _objectSpread$8({
     name: name,
     options: getSelectOptionsFromSchema(inputSelect),
     component: Select
@@ -20021,7 +20333,7 @@ function SData(_ref2) {
     withDivider: true,
     needMargin: false,
     params: prop,
-    children: jsxRuntime.jsx(Form$1, _objectSpread$7(_objectSpread$7({
+    children: jsxRuntime.jsx(Form$1, _objectSpread$8(_objectSpread$8({
       serialize: serialize,
       schema: formSchema,
       init: init
@@ -20066,8 +20378,8 @@ var Sdata = reactRedux.connect(function (store) {
 })(SData);
 
 var _excluded$4 = ["formState"];
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function Sgroup(_ref) {
   var formState = _ref.formState,
       prop = _objectWithoutProperties__default["default"](_ref, _excluded$4);
@@ -20089,7 +20401,7 @@ function Sgroup(_ref) {
     },
     withDivider: true,
     params: prop,
-    children: jsxRuntime.jsxs(Form$1, _objectSpread$6(_objectSpread$6({
+    children: jsxRuntime.jsxs(Form$1, _objectSpread$7(_objectSpread$7({
       schema: sgroupMap[type],
       init: prop
     }, formState), {}, {
@@ -20113,13 +20425,13 @@ var content = function content(type) {
     if (prop === 'fieldName') props.maxLength = 30;
     if (prop === 'fieldValue') props.type = 'textarea';
     if (prop === 'radiobuttons') props.type = 'radio';
-    if (prop === 'connectivity') return jsxRuntime.jsx(Field, _objectSpread$6(_objectSpread$6({
+    if (prop === 'connectivity') return jsxRuntime.jsx(Field, _objectSpread$7(_objectSpread$7({
       name: prop
     }, props), {}, {
       component: Select,
       options: getSelectOptionsFromSchema(sgroupMap[type].properties[prop])
     }), "".concat(type, "-").concat(prop));
-    return jsxRuntime.jsx(Field, _objectSpread$6({
+    return jsxRuntime.jsx(Field, _objectSpread$7({
       name: prop
     }, props), "".concat(type, "-").concat(prop));
   });
@@ -20135,8 +20447,8 @@ var classes$8 = {"button-common-styles":"template-lib-module_button-common-style
 var _excluded$3 = ["onInit"],
     _excluded2$1 = ["name", "onNameEdit", "onAttachEdit"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf__default["default"](Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf__default["default"](this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn__default["default"](this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var TemplateEditDialog = styled__default["default"](Dialog)(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  background-color: #fff;\n\n  & header {\n    text-transform: none;\n    border-bottom: 1px solid #e1e5ea;\n    margin: 0;\n    padding: 12px;\n  }\n\n  & form {\n    display: flex;\n\n    & label::after {\n      top: 92px;\n      margin-right: 12px;\n    }\n  }\n"])));
@@ -20225,7 +20537,7 @@ var Attach = function (_Component) {
         params: prop,
         buttons: [],
         needMargin: false,
-        children: jsxRuntime.jsxs(Form$1, _objectSpread$5(_objectSpread$5({
+        children: jsxRuntime.jsxs(Form$1, _objectSpread$6(_objectSpread$6({
           schema: attachSchema,
           customValid: {
             name: function name(_name) {
@@ -20288,7 +20600,7 @@ var Attach = function (_Component) {
   return Attach;
 }(React.Component);
 var TemplateAttach = reactRedux.connect(function (store) {
-  return _objectSpread$5(_objectSpread$5({}, store.templates.attach), {}, {
+  return _objectSpread$6(_objectSpread$6({}, store.templates.attach), {}, {
     templateLib: store.templates.lib,
     formState: store.modal.form,
     globalSettings: store.options.settings
@@ -20356,8 +20668,8 @@ function getScale(struct) {
 var classes$7 = {"button-common-styles":"TemplateTable-module_button-common-styles__ZYUa5","scrollbar":"TemplateTable-module_scrollbar__aSGhu","tableContent":"TemplateTable-module_tableContent__dnVKg","structTitle":"TemplateTable-module_structTitle__2XUWI","twoRowsTitleTable":"TemplateTable-module_twoRowsTitleTable__ZYwHq","oneRowTitleTable":"TemplateTable-module_oneRowTitleTable__N8Ibd","struct":"TemplateTable-module_struct__lOLBI","selectedTitle":"TemplateTable-module_selectedTitle__J-cte","td":"TemplateTable-module_td__6LIhx","selected":"TemplateTable-module_selected__qZEF9","button":"TemplateTable-module_button__dpOF0","deleteButton":"TemplateTable-module_deleteButton__KfBpW","editButton":"TemplateTable-module_editButton__A0BoE","structure":"TemplateTable-module_structure__rI84W"};
 
 var _excluded$2 = ["tmpl", "options"];
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getSettingsSelector = function getSettingsSelector(state) {
   return state.options.settings;
 };
@@ -20368,9 +20680,9 @@ var RenderTmpl = function RenderTmpl(_ref) {
   var tmpl = _ref.tmpl,
       options = _ref.options,
       props = _objectWithoutProperties__default["default"](_ref, _excluded$2);
-  return jsxRuntime.jsx(StructRender, _objectSpread$4({
+  return jsxRuntime.jsx(StructRender, _objectSpread$5({
     struct: tmpl.modifiedStruct || tmpl.struct,
-    options: _objectSpread$4(_objectSpread$4({}, options), {}, {
+    options: _objectSpread$5(_objectSpread$5({}, options), {}, {
       autoScaleMargin: 15
     })
   }, props));
@@ -20448,14 +20760,14 @@ var EmptySearchResult = function EmptySearchResult(_ref) {
 
 var _excluded$1 = ["children", "value", "index"],
     _excluded2 = ["filter", "onFilter", "onChangeGroup", "mode", "initialTab", "functionalGroups", "lib"];
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function TabPanel(props) {
   var children = props.children,
       value = props.value,
       index = props.index,
       other = _objectWithoutProperties__default["default"](props, _excluded$1);
-  return jsxRuntime.jsx("div", _objectSpread$3(_objectSpread$3({
+  return jsxRuntime.jsx("div", _objectSpread$4(_objectSpread$4({
     className: classes$8.tabPanel,
     component: "div",
     role: "tabpanel",
@@ -20593,9 +20905,9 @@ var TemplateDialog = function TemplateDialog(props) {
       value: tab,
       onChange: handleTabChange,
       className: classes$8.tabs,
-      children: [jsxRuntime.jsx(Tab__default["default"], _objectSpread$3({
+      children: [jsxRuntime.jsx(Tab__default["default"], _objectSpread$4({
         label: "Template Library"
-      }, a11yProps(TemplateTabs.TemplateLibrary))), jsxRuntime.jsx(Tab__default["default"], _objectSpread$3({
+      }, a11yProps(TemplateTabs.TemplateLibrary))), jsxRuntime.jsx(Tab__default["default"], _objectSpread$4({
         label: "Functional Groups"
       }, a11yProps(TemplateTabs.FunctionalGroupLibrary)))]
     }), jsxRuntime.jsxs("div", {
@@ -20670,12 +20982,12 @@ var TemplateDialog = function TemplateDialog(props) {
 };
 var TemplatesDialog = reactRedux.connect(function (store) {
   var _store$modal, _store$modal$prop;
-  return _objectSpread$3(_objectSpread$3({}, fp.omit(['attach'], store.templates)), {}, {
+  return _objectSpread$4(_objectSpread$4({}, fp.omit(['attach'], store.templates)), {}, {
     initialTab: (_store$modal = store.modal) === null || _store$modal === void 0 ? void 0 : (_store$modal$prop = _store$modal.prop) === null || _store$modal$prop === void 0 ? void 0 : _store$modal$prop.tab,
     functionalGroups: functionalGroupsSelector(store).map(function (template) {
       var struct = template.struct.clone();
       struct.sgroups["delete"](0);
-      return _objectSpread$3(_objectSpread$3({}, template), {}, {
+      return _objectSpread$4(_objectSpread$4({}, template), {}, {
         modifiedStruct: struct
       });
     })
@@ -21051,8 +21363,8 @@ var modals = {
 };
 
 var _excluded = ["modal"];
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function Modal(props) {
   var modal = props.modal,
       rest = _objectWithoutProperties__default["default"](props, _excluded);
@@ -21068,14 +21380,14 @@ function Modal(props) {
   return jsxRuntime.jsx("div", {
     className: clsx__default["default"](classes$E.modalOverlay, selectClasses.selectContainer),
     ref: containerRef,
-    children: jsxRuntime.jsx(Component, _objectSpread$2({
+    children: jsxRuntime.jsx(Component, _objectSpread$3({
       className: clsx__default["default"](_defineProperty__default["default"]({}, classes$E.smallScreen, height && height <= mediaSizes$1.smallHeight || width && width <= mediaSizes$1.smallWidth))
     }, rest))
   });
 }
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var mapStateToProps = function mapStateToProps(state) {
   return {
     modal: state.modal
@@ -21098,7 +21410,7 @@ var mapDispatchToProps$1 = function mapDispatchToProps(dispatch) {
 var mergeProps = function mergeProps(stateProps, dispatchProps) {
   var prop = stateProps.modal && stateProps.modal.prop;
   var initProps = prop ? fp.omit(['onResult', 'onCancel'], prop) : {};
-  return _objectSpread$1(_objectSpread$1({
+  return _objectSpread$2(_objectSpread$2({
     modal: stateProps.modal
   }, initProps), {}, {
     onOk: function onOk(result) {
@@ -21113,6 +21425,8 @@ var mergeProps = function mergeProps(stateProps, dispatchProps) {
 };
 var ModalContainer = reactRedux.connect(mapStateToProps, mapDispatchToProps$1, mergeProps)(Modal);
 
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function initEditor(dispatch, getState) {
   var updateAction = fp.debounce(100, function () {
     return dispatch({
@@ -21166,7 +21480,9 @@ function initEditor(dispatch, getState) {
           };
         });
       } else if (elem.type === 'list' || elem.type === 'not-list') {
-        dlg = openDialog(dispatch, 'period-table', elem);
+        dlg = openDialog(dispatch, !elem.pseudo ? 'period-table' : 'extended-table', _objectSpread$1(_objectSpread$1({}, elem), {}, {
+          pseudo: elem.pseudo
+        }));
       } else if (elem.type === 'rlabel') {
         var rgroups = getState().editor.struct().rgroups;
         var params = {
@@ -21187,7 +21503,9 @@ function initEditor(dispatch, getState) {
           };
         });
       } else {
-        dlg = openDialog(dispatch, 'period-table', elem);
+        dlg = openDialog(dispatch, !elem.pseudo ? 'period-table' : 'extended-table', _objectSpread$1(_objectSpread$1({}, elem), {}, {
+          pseudo: elem.pseudo
+        }));
       }
       return dlg.then(toElement);
     },
@@ -21411,8 +21729,8 @@ var KetcherBuilder = function () {
                   initApp(element, staticResourcesUrl, {
                     buttons: buttons || {},
                     errorHandler: errorHandler || null,
-                    version: "2.5.0" ,
-                    buildDate: "2022-05-30T15:36:32" ,
+                    version: "2.5.1" ,
+                    buildDate: "2022-06-17T15:19:17" ,
                     buildNumber: ''
                   }, structService, resolve);
                 });