ketcher-react 2.19.0-rc.1 → 2.19.0-rc.2

package/dist/index.modern.js

@@ -24,7 +24,7 @@ import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import _classCallCheck$2 from '@babel/runtime/helpers/classCallCheck';
 import _createClass$2 from '@babel/runtime/helpers/createClass';
-import { KetSerializer, MolSerializer, KetcherLogger, Ketcher, defaultBondThickness, FormatterFactory, notifyRequestCompleted, isControlKey, StereLabelStyleType, StereoColoringType, ShowHydrogenLabels, ShowHydrogenLabelNames, SettingsManager, SdfSerializer, KETCHER_SAVED_OPTIONS_KEY, Bond as Bond$2, Elements, AtomList, getAtomType, StereoLabel, isAttachmentBond, Atom as Atom$2, findStereoAtoms, RxnArrowMode, SimpleObjectMode, SGroup as SGroup$1, Pile, getStereoAtomsMap, identifyStructFormat, SupportedFormat, ChemicalMimeType, RenderStruct, Struct, shortcutStr, MonomerMicromolecule, FunctionalGroupsProvider, SaltsAndSolventsProvider, KetcherAsyncEvents, ElementColor, generateMenuShortcuts, Vec2, Scale, fromMultipleMove, FunctionalGroup, fromSgroupDeletion, fromFragmentDeletion, mergeMapOfItemsToSet, vectorUtils, fromBondAddition, Action, fromAtomAddition, fromAtomsAttrs, checkOverlapping, fromSeveralSgroupAddition, expandSGroupWithMultipleAttachmentPoint, SgContexts, fromSgroupAction, fromItemsFuse, ReBond, setExpandSGroup, fromBondsAttrs, OperationType, ReStruct, fromSimpleObjectResizing, fromArrowResizing, getItemsToFuse, getHoverToFuse, fromTextDeletion, fromTextUpdating, CoordinateTransformation, formatProperties, ketcherProvider, runAsyncAction, getStructure, initHotKeys, keyNorm, Fragment as Fragment$1, fromRGroupAttachmentPointUpdate, fromOneBondDeletion, bondChangingAction, fromChain, fromStereoFlagUpdate, fromOneAtomDeletion, fromArrowDeletion, fromPlusDeletion, fromSimpleObjectDeletion, fromRGroupAttachmentPointDeletion, fromPaste, fromTemplateOnAtom, RGroup as RGroup$2, fromRGroupFragment, fromUpdateIfThen, fromRGroupAttrs, fromArrowAddition, fromPlusAddition, fromRotate, fromFlip, fromSimpleObjectAddition, fromTemplateOnCanvas, fromTemplateOnBondAction, BondAttr, AtomAttr, fromTextCreation, fromHighlightCreate, fromHighlightClear, fromNewCanvas, Render, fromDescriptorsAlign, atomGetAttr, genericsList, getAtomCustomQuery, getFormatMimeTypeByFileName, getPropertiesByFormat, StereoFlag, getPropertiesByImgFormat, b64toBlob, Generics, TextCommand, DefaultStructServiceOptions } from 'ketcher-core';
+import { KetSerializer, MolSerializer, KetcherLogger, Ketcher, defaultBondThickness, FormatterFactory, notifyRequestCompleted, isControlKey, StereLabelStyleType, StereoColoringType, ShowHydrogenLabels, ShowHydrogenLabelNames, SettingsManager, SdfSerializer, KETCHER_SAVED_OPTIONS_KEY, Bond as Bond$2, Elements, AtomList, getAtomType, StereoLabel, isAttachmentBond, Atom as Atom$2, findStereoAtoms, RxnArrowMode, SimpleObjectMode, SGroup as SGroup$1, Pile, getStereoAtomsMap, identifyStructFormat, SupportedFormat, ChemicalMimeType, RenderStruct, Struct, shortcutStr, MonomerMicromolecule, FunctionalGroupsProvider, SaltsAndSolventsProvider, KetcherAsyncEvents, ElementColor, generateMenuShortcuts, Vec2, Scale, fromMultipleMove, FunctionalGroup, fromSgroupDeletion, fromFragmentDeletion, mergeMapOfItemsToSet, vectorUtils, fromBondAddition, Action, fromAtomAddition, fromAtomsAttrs, checkOverlapping, fromSeveralSgroupAddition, expandSGroupWithMultipleAttachmentPoint, SgContexts, fromSgroupAction, fromItemsFuse, ReBond, setExpandSGroup, fromBondsAttrs, OperationType, ReStruct, fromSimpleObjectResizing, fromArrowResizing, getItemsToFuse, getHoverToFuse, fromTextDeletion, fromTextUpdating, CoordinateTransformation, fromTemplateOnCanvas, fromTemplateOnBondAction, fromTemplateOnAtom, BondAttr, AtomAttr, formatProperties, ketcherProvider, runAsyncAction, getStructure, initHotKeys, keyNorm, Fragment as Fragment$1, fromRGroupAttachmentPointUpdate, fromOneBondDeletion, bondChangingAction, fromChain, fromStereoFlagUpdate, fromOneAtomDeletion, fromArrowDeletion, fromPlusDeletion, fromSimpleObjectDeletion, fromRGroupAttachmentPointDeletion, fromPaste, RGroup as RGroup$2, fromRGroupFragment, fromUpdateIfThen, fromRGroupAttrs, fromArrowAddition, fromPlusAddition, fromRotate, fromFlip, fromSimpleObjectAddition, fromTextCreation, fromHighlightCreate, fromHighlightClear, fromNewCanvas, Render, fromDescriptorsAlign, atomGetAttr, genericsList, getAtomCustomQuery, getFormatMimeTypeByFileName, getPropertiesByFormat, StereoFlag, getPropertiesByImgFormat, b64toBlob, Generics, TextCommand, DefaultStructServiceOptions } from 'ketcher-core';
 import * as React from 'react';
 import React__default, { createRef, Component, useRef, useEffect, useLayoutEffect, useState, useMemo, createElement, forwardRef, useCallback, Fragment as Fragment$2, PureComponent, lazy, Suspense } from 'react';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -3140,7 +3140,7 @@ function load(struct, options) {
                 }));
               }
             } else {
-              editor.struct(parsedStruct, method === 'layout' || method === 'toggleExplicitHydrogens');
+              editor.struct(parsedStruct, method === 'layout');
             }
             editor.zoomAccordingContent(parsedStruct);
             isIndigoFunctionCalled = !!method;
@@ -3595,7 +3595,7 @@ var zoom = {
 
 var openHelpLink = function openHelpLink() {
   var _window$open;
-  return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.19.0-rc.1\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
+  return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.19.0-rc.2\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
 };
 var help = {
   help: {
@@ -8019,13 +8019,15 @@ var Accordion$1 = function Accordion(_ref) {
     details = _ref.details,
     expanded = _ref.expanded,
     className = _ref.className,
-    onSummaryClick = _ref.onSummaryClick;
+    onSummaryClick = _ref.onSummaryClick,
+    dataTestIdDetails = _ref.dataTestIdDetails;
   return jsxs(Container, {
     className: className,
     children: [jsx(SummaryContainer, {
       onClick: onSummaryClick,
       children: summary
     }), jsx(DetailsContainer, {
+      "data-testid": dataTestIdDetails,
       expanded: expanded,
       children: details
     })]
@@ -9296,15 +9298,27 @@ var shams = function hasToStringTagShams() {
 	return shams$1() && !!Symbol.toStringTag;
 };
 
+/** @type {import('.')} */
+var esErrors = Error;
+
+/** @type {import('./eval')} */
+var _eval = EvalError;
+
 /** @type {import('./range')} */
 var range = RangeError;
 
+/** @type {import('./ref')} */
+var ref = ReferenceError;
+
 /** @type {import('./syntax')} */
 var syntax = SyntaxError;
 
 /** @type {import('./type')} */
 var type = TypeError;
 
+/** @type {import('./uri')} */
+var uri = URIError;
+
 var origSymbol = typeof Symbol !== 'undefined' && Symbol;
 
 
@@ -9318,13 +9332,17 @@ var hasSymbols$3 = function hasNativeSymbols() {
 };
 
 var test = {
+	__proto__: null,
 	foo: {}
 };
 
 var $Object = Object;
 
+/** @type {import('.')} */
 var hasProto$1 = function hasProto() {
-	return { __proto__: test }.foo === test.foo && !({ __proto__: null } instanceof $Object);
+	// @ts-expect-error: TS errors on an inherited property for some reason
+	return { __proto__: test }.foo === test.foo
+		&& !(test instanceof $Object);
 };
 
 /* eslint no-invalid-this: 1 */
@@ -9416,14 +9434,26 @@ var call = Function.prototype.call;
 var $hasOwn = Object.prototype.hasOwnProperty;
 
 
-/** @type {(o: {}, p: PropertyKey) => p is keyof o} */
+/** @type {import('.')} */
 var hasown = functionBind.call(call, $hasOwn);
 
+var $Error = esErrors;
+
+var $EvalError = _eval;
+
 var $RangeError = range;
 
-var $SyntaxError$1 = syntax;
+var $ReferenceError = ref;
+
+var $SyntaxError = syntax;
+
+var $TypeError = type;
 
-var $TypeError$2 = type;
+var $URIError = uri;
+
+var require$$1 = hasProto$1;
+
+var hasOwn = hasown;
 
 var undefined$1;
 
@@ -9431,6 +9461,10 @@ var undefined$1;
 
 
 
+
+
+
+
 var $Function = Function;
 
 // eslint-disable-next-line consistent-return
@@ -9450,7 +9484,7 @@ if ($gOPD$1) {
 }
 
 var throwTypeError = function () {
-	throw new $TypeError$2();
+	throw new $TypeError();
 };
 var ThrowTypeError = $gOPD$1
 	? (function () {
@@ -9470,7 +9504,7 @@ var ThrowTypeError = $gOPD$1
 	: throwTypeError;
 
 var hasSymbols$2 = hasSymbols$3();
-var hasProto = hasProto$1();
+var hasProto = require$$1();
 
 var getProto$1 = Object.getPrototypeOf || (
 	hasProto
@@ -9504,9 +9538,9 @@ var INTRINSICS = {
 	'%decodeURIComponent%': decodeURIComponent,
 	'%encodeURI%': encodeURI,
 	'%encodeURIComponent%': encodeURIComponent,
-	'%Error%': Error,
+	'%Error%': $Error,
 	'%eval%': eval, // eslint-disable-line no-eval
-	'%EvalError%': EvalError,
+	'%EvalError%': $EvalError,
 	'%Float32Array%': typeof Float32Array === 'undefined' ? undefined$1 : Float32Array,
 	'%Float64Array%': typeof Float64Array === 'undefined' ? undefined$1 : Float64Array,
 	'%FinalizationRegistry%': typeof FinalizationRegistry === 'undefined' ? undefined$1 : FinalizationRegistry,
@@ -9529,7 +9563,7 @@ var INTRINSICS = {
 	'%Promise%': typeof Promise === 'undefined' ? undefined$1 : Promise,
 	'%Proxy%': typeof Proxy === 'undefined' ? undefined$1 : Proxy,
 	'%RangeError%': $RangeError,
-	'%ReferenceError%': ReferenceError,
+	'%ReferenceError%': $ReferenceError,
 	'%Reflect%': typeof Reflect === 'undefined' ? undefined$1 : Reflect,
 	'%RegExp%': RegExp,
 	'%Set%': typeof Set === 'undefined' ? undefined$1 : Set,
@@ -9538,15 +9572,15 @@ var INTRINSICS = {
 	'%String%': String,
 	'%StringIteratorPrototype%': hasSymbols$2 && getProto$1 ? getProto$1(''[Symbol.iterator]()) : undefined$1,
 	'%Symbol%': hasSymbols$2 ? Symbol : undefined$1,
-	'%SyntaxError%': $SyntaxError$1,
+	'%SyntaxError%': $SyntaxError,
 	'%ThrowTypeError%': ThrowTypeError,
 	'%TypedArray%': TypedArray,
-	'%TypeError%': $TypeError$2,
+	'%TypeError%': $TypeError,
 	'%Uint8Array%': typeof Uint8Array === 'undefined' ? undefined$1 : Uint8Array,
 	'%Uint8ClampedArray%': typeof Uint8ClampedArray === 'undefined' ? undefined$1 : Uint8ClampedArray,
 	'%Uint16Array%': typeof Uint16Array === 'undefined' ? undefined$1 : Uint16Array,
 	'%Uint32Array%': typeof Uint32Array === 'undefined' ? undefined$1 : Uint32Array,
-	'%URIError%': URIError,
+	'%URIError%': $URIError,
 	'%WeakMap%': typeof WeakMap === 'undefined' ? undefined$1 : WeakMap,
 	'%WeakRef%': typeof WeakRef === 'undefined' ? undefined$1 : WeakRef,
 	'%WeakSet%': typeof WeakSet === 'undefined' ? undefined$1 : WeakSet
@@ -9657,9 +9691,9 @@ var stringToPath = function stringToPath(string) {
 	var first = $strSlice(string, 0, 1);
 	var last = $strSlice(string, -1);
 	if (first === '%' && last !== '%') {
-		throw new $SyntaxError$1('invalid intrinsic syntax, expected closing `%`');
+		throw new $SyntaxError('invalid intrinsic syntax, expected closing `%`');
 	} else if (last === '%' && first !== '%') {
-		throw new $SyntaxError$1('invalid intrinsic syntax, expected opening `%`');
+		throw new $SyntaxError('invalid intrinsic syntax, expected opening `%`');
 	}
 	var result = [];
 	$replace(string, rePropName, function (match, number, quote, subString) {
@@ -9672,18 +9706,18 @@ var stringToPath = function stringToPath(string) {
 var getBaseIntrinsic = function getBaseIntrinsic(name, allowMissing) {
 	var intrinsicName = name;
 	var alias;
-	if (hasown(LEGACY_ALIASES, intrinsicName)) {
+	if (hasOwn(LEGACY_ALIASES, intrinsicName)) {
 		alias = LEGACY_ALIASES[intrinsicName];
 		intrinsicName = '%' + alias[0] + '%';
 	}
 
-	if (hasown(INTRINSICS, intrinsicName)) {
+	if (hasOwn(INTRINSICS, intrinsicName)) {
 		var value = INTRINSICS[intrinsicName];
 		if (value === needsEval) {
 			value = doEval(intrinsicName);
 		}
 		if (typeof value === 'undefined' && !allowMissing) {
-			throw new $TypeError$2('intrinsic ' + name + ' exists, but is not available. Please file an issue!');
+			throw new $TypeError('intrinsic ' + name + ' exists, but is not available. Please file an issue!');
 		}
 
 		return {
@@ -9693,19 +9727,19 @@ var getBaseIntrinsic = function getBaseIntrinsic(name, allowMissing) {
 		};
 	}
 
-	throw new $SyntaxError$1('intrinsic ' + name + ' does not exist!');
+	throw new $SyntaxError('intrinsic ' + name + ' does not exist!');
 };
 
 var getIntrinsic = function GetIntrinsic(name, allowMissing) {
 	if (typeof name !== 'string' || name.length === 0) {
-		throw new $TypeError$2('intrinsic name must be a non-empty string');
+		throw new $TypeError('intrinsic name must be a non-empty string');
 	}
 	if (arguments.length > 1 && typeof allowMissing !== 'boolean') {
-		throw new $TypeError$2('"allowMissing" argument must be a boolean');
+		throw new $TypeError('"allowMissing" argument must be a boolean');
 	}
 
 	if ($exec(/^%?[^%]*%?$/, name) === null) {
-		throw new $SyntaxError$1('`%` may not be present anywhere but at the beginning and end of the intrinsic name');
+		throw new $SyntaxError('`%` may not be present anywhere but at the beginning and end of the intrinsic name');
 	}
 	var parts = stringToPath(name);
 	var intrinsicBaseName = parts.length > 0 ? parts[0] : '';
@@ -9732,7 +9766,7 @@ var getIntrinsic = function GetIntrinsic(name, allowMissing) {
 			)
 			&& first !== last
 		) {
-			throw new $SyntaxError$1('property names with quotes must have matching quotes');
+			throw new $SyntaxError('property names with quotes must have matching quotes');
 		}
 		if (part === 'constructor' || !isOwn) {
 			skipFurtherCaching = true;
@@ -9741,12 +9775,12 @@ var getIntrinsic = function GetIntrinsic(name, allowMissing) {
 		intrinsicBaseName += '.' + part;
 		intrinsicRealName = '%' + intrinsicBaseName + '%';
 
-		if (hasown(INTRINSICS, intrinsicRealName)) {
+		if (hasOwn(INTRINSICS, intrinsicRealName)) {
 			value = INTRINSICS[intrinsicRealName];
 		} else if (value != null) {
 			if (!(part in value)) {
 				if (!allowMissing) {
-					throw new $TypeError$2('base intrinsic for ' + name + ' exists, but the property is not available.');
+					throw new $TypeError('base intrinsic for ' + name + ' exists, but the property is not available.');
 				}
 				return void undefined$1;
 			}
@@ -9767,7 +9801,7 @@ var getIntrinsic = function GetIntrinsic(name, allowMissing) {
 					value = value[part];
 				}
 			} else {
-				isOwn = hasown(value, part);
+				isOwn = hasOwn(value, part);
 				value = value[part];
 			}
 
@@ -9781,35 +9815,18 @@ var getIntrinsic = function GetIntrinsic(name, allowMissing) {
 
 var GetIntrinsic = getIntrinsic;
 
-var $defineProperty$1 = GetIntrinsic('%Object.defineProperty%', true);
-
-var hasPropertyDescriptors$1 = function hasPropertyDescriptors() {
-	if ($defineProperty$1) {
-		try {
-			$defineProperty$1({}, 'a', { value: 1 });
-			return true;
-		} catch (e) {
-			// IE 8 has a broken defineProperty
-			return false;
-		}
-	}
-	return false;
-};
-
-hasPropertyDescriptors$1.hasArrayLengthDefineBug = function hasArrayLengthDefineBug() {
-	// node v0.6 has a bug where array lengths can be Set but not Defined
-	if (!hasPropertyDescriptors$1()) {
-		return null;
-	}
+/** @type {import('.')} */
+var $defineProperty$1 = GetIntrinsic('%Object.defineProperty%', true) || false;
+if ($defineProperty$1) {
 	try {
-		return $defineProperty$1([], 'length', { value: 1 }).length !== 1;
+		$defineProperty$1({}, 'a', { value: 1 });
 	} catch (e) {
-		// In Firefox 4-22, defining length on an array throws an exception.
-		return true;
+		// IE 8 has a broken defineProperty
+		$defineProperty$1 = false;
 	}
-};
+}
 
-var hasPropertyDescriptors_1 = hasPropertyDescriptors$1;
+var esDefineProperty = $defineProperty$1;
 
 var $gOPD = GetIntrinsic('%Object.getOwnPropertyDescriptor%', true);
 
@@ -9824,52 +9841,33 @@ if ($gOPD) {
 
 var gopd = $gOPD;
 
-var require$$0$1 = hasPropertyDescriptors_1;
+var $defineProperty = esDefineProperty;
 
 var gOPD = gopd;
 
-var hasPropertyDescriptors = require$$0$1();
-
-
-
-var $defineProperty = hasPropertyDescriptors && GetIntrinsic('%Object.defineProperty%', true);
-if ($defineProperty) {
-	try {
-		$defineProperty({}, 'a', { value: 1 });
-	} catch (e) {
-		// IE 8 has a broken defineProperty
-		$defineProperty = false;
-	}
-}
-
-var $SyntaxError = GetIntrinsic('%SyntaxError%');
-var $TypeError$1 = GetIntrinsic('%TypeError%');
-
-
-
-/** @type {(obj: Record<PropertyKey, unknown>, property: PropertyKey, value: unknown, nonEnumerable?: boolean | null, nonWritable?: boolean | null, nonConfigurable?: boolean | null, loose?: boolean) => void} */
+/** @type {import('.')} */
 var defineDataProperty$1 = function defineDataProperty(
 	obj,
 	property,
 	value
 ) {
 	if (!obj || (typeof obj !== 'object' && typeof obj !== 'function')) {
-		throw new $TypeError$1('`obj` must be an object or a function`');
+		throw new $TypeError('`obj` must be an object or a function`');
 	}
 	if (typeof property !== 'string' && typeof property !== 'symbol') {
-		throw new $TypeError$1('`property` must be a string or a symbol`');
+		throw new $TypeError('`property` must be a string or a symbol`');
 	}
 	if (arguments.length > 3 && typeof arguments[3] !== 'boolean' && arguments[3] !== null) {
-		throw new $TypeError$1('`nonEnumerable`, if provided, must be a boolean or null');
+		throw new $TypeError('`nonEnumerable`, if provided, must be a boolean or null');
 	}
 	if (arguments.length > 4 && typeof arguments[4] !== 'boolean' && arguments[4] !== null) {
-		throw new $TypeError$1('`nonWritable`, if provided, must be a boolean or null');
+		throw new $TypeError('`nonWritable`, if provided, must be a boolean or null');
 	}
 	if (arguments.length > 5 && typeof arguments[5] !== 'boolean' && arguments[5] !== null) {
-		throw new $TypeError$1('`nonConfigurable`, if provided, must be a boolean or null');
+		throw new $TypeError('`nonConfigurable`, if provided, must be a boolean or null');
 	}
 	if (arguments.length > 6 && typeof arguments[6] !== 'boolean') {
-		throw new $TypeError$1('`loose`, if provided, must be a boolean');
+		throw new $TypeError('`loose`, if provided, must be a boolean');
 	}
 
 	var nonEnumerable = arguments.length > 3 ? arguments[3] : null;
@@ -9895,12 +9893,33 @@ var defineDataProperty$1 = function defineDataProperty(
 	}
 };
 
+var hasPropertyDescriptors = function hasPropertyDescriptors() {
+	return !!$defineProperty;
+};
+
+hasPropertyDescriptors.hasArrayLengthDefineBug = function hasArrayLengthDefineBug() {
+	// node v0.6 has a bug where array lengths can be Set but not Defined
+	if (!$defineProperty) {
+		return null;
+	}
+	try {
+		return $defineProperty([], 'length', { value: 1 }).length !== 1;
+	} catch (e) {
+		// In Firefox 4-22, defining length on an array throws an exception.
+		return true;
+	}
+};
+
+var hasPropertyDescriptors_1 = hasPropertyDescriptors;
+
 var defineDataProperty = defineDataProperty$1;
 
+var require$$0$1 = hasPropertyDescriptors_1;
+
 var hasDescriptors = require$$0$1();
 
 
-var $TypeError = GetIntrinsic('%TypeError%');
+
 var $floor = GetIntrinsic('%Math.floor%');
 
 /** @typedef {(...args: unknown[]) => unknown} Func */
@@ -9946,22 +9965,13 @@ var callBind = createCommonjsModule(function (module) {
 
 
 
-var $TypeError = GetIntrinsic('%TypeError%');
+
 var $apply = GetIntrinsic('%Function.prototype.apply%');
 var $call = GetIntrinsic('%Function.prototype.call%');
 var $reflectApply = GetIntrinsic('%Reflect.apply%', true) || functionBind.call($call, $apply);
 
-var $defineProperty = GetIntrinsic('%Object.defineProperty%', true);
-var $max = GetIntrinsic('%Math.max%');
 
-if ($defineProperty) {
-	try {
-		$defineProperty({}, 'a', { value: 1 });
-	} catch (e) {
-		// IE 8 has a broken defineProperty
-		$defineProperty = null;
-	}
-}
+var $max = GetIntrinsic('%Math.max%');
 
 module.exports = function callBind(originalFunction) {
 	if (typeof originalFunction !== 'function') {
@@ -10224,20 +10234,23 @@ var forEach = function forEach(list, iterator, thisArg) {
 
 var forEach_1 = forEach;
 
-var /** @type {ReturnType<import('.')>} */ possibleNames = [
-	'BigInt64Array',
-	'BigUint64Array',
+/** @type {import('.')} */
+var possibleTypedArrayNames = [
 	'Float32Array',
 	'Float64Array',
+	'Int8Array',
 	'Int16Array',
 	'Int32Array',
-	'Int8Array',
+	'Uint8Array',
+	'Uint8ClampedArray',
 	'Uint16Array',
 	'Uint32Array',
-	'Uint8Array',
-	'Uint8ClampedArray'
+	'BigInt64Array',
+	'BigUint64Array'
 ];
 
+var possibleNames = possibleTypedArrayNames;
+
 var g$1 = typeof globalThis === 'undefined' ? commonjsGlobal : globalThis;
 
 /** @type {import('.')} */
@@ -17609,155 +17622,840 @@ function getNewSelectedItems(editor, selectedSgroups) {
   return newSelected;
 }
 
+var PREVIEW_DELAY = 300;
+function getUniqueCiId(ci) {
+  return "".concat(ci.id, "-").concat(ci.map);
+}
+var TemplatePreview = function () {
+  function TemplatePreview(editor, template, mode) {
+    _classCallCheck$2(this, TemplatePreview);
+    _defineProperty$1(this, "connectedPreviewTimeout", null);
+    this.editor = editor;
+    this.template = template;
+    this.floatingPreviewAction = new Action();
+    this.connectedPreviewAction = null;
+    this.connectedPreviewTimeout = null;
+    this.lastPreviewId = null;
+    this.mode = mode;
+    this.floatingPreview = null;
+    this.position = new Vec2();
+    this.previousPosition = new Vec2();
+  }
+  _createClass$2(TemplatePreview, [{
+    key: "struct",
+    get: function get() {
+      return this.restruct.molecule;
+    }
+  }, {
+    key: "restruct",
+    get: function get() {
+      return this.editor.render.ctab;
+    }
+  }, {
+    key: "isModeFunctionalGroup",
+    get: function get() {
+      return this.mode === MODES.FG;
+    }
+  }, {
+    key: "hidePreview",
+    value: function hidePreview() {
+      this.hideConnectedPreview();
+      this.hideFloatingPreview();
+    }
+  }, {
+    key: "getPreviewTarget",
+    value: function getPreviewTarget() {
+      var _this$restruct$molecu;
+      var ci = this.editor.findItem(event, ['atoms', 'bonds']);
+      if (ci && ((_this$restruct$molecu = this.restruct.molecule[ci.map].get(ci.id)) === null || _this$restruct$molecu === void 0 ? void 0 : _this$restruct$molecu.isPreview) === false) {
+        return ci;
+      } else {
+        return null;
+      }
+    }
+  }, {
+    key: "movePreview",
+    value: function movePreview(event) {
+      var _this = this;
+      this.position = this.editor.render.page2obj(event);
+      var struct = this.editor.struct();
+      var previewTarget = this.getPreviewTarget();
+      var isMouseAwayFromAtomsAndBonds = !previewTarget;
+      var isPreviewTargetChanged = previewTarget && this.lastPreviewId !== getUniqueCiId(previewTarget);
+      var shouldHidePreview = isMouseAwayFromAtomsAndBonds || isPreviewTargetChanged;
+      var shouldShowPreview = previewTarget && !struct.isTargetFromMacromolecule(previewTarget) && !this.connectedPreviewAction && !this.connectedPreviewTimeout;
+      if (shouldHidePreview) {
+        this.hideConnectedPreview();
+      }
+      if (shouldShowPreview) {
+        this.lastPreviewId = getUniqueCiId(previewTarget);
+        this.connectedPreviewTimeout = setTimeout(function () {
+          _this.previousPosition = _this.position;
+          _this.hideFloatingPreview();
+          _this.showConnectedPreview(event, previewTarget);
+        }, PREVIEW_DELAY);
+      } else if (shouldHidePreview) {
+        if (!this.floatingPreview) {
+          this.showFloatingPreview(this.position);
+          this.previousPosition = this.position;
+          this.editor.render.update(false, null);
+        } else {
+          this.moveFloatingPreview();
+        }
+      }
+    }
+  }, {
+    key: "moveFloatingPreview",
+    value: function moveFloatingPreview() {
+      var dist = this.position.sub(this.previousPosition);
+      this.previousPosition = this.position;
+      fromMultipleMove(this.restruct, this.floatingPreview, dist);
+      this.editor.render.update(false, null);
+    }
+  }, {
+    key: "showFloatingPreview",
+    value: function showFloatingPreview(position) {
+      var _fromTemplateOnCanvas = fromTemplateOnCanvas(this.restruct, this.template, position);
+      var _fromTemplateOnCanvas2 = _slicedToArray$1(_fromTemplateOnCanvas, 2);
+      this.floatingPreviewAction = _fromTemplateOnCanvas2[0];
+      this.floatingPreview = _fromTemplateOnCanvas2[1];
+      this.editor.render.update(true, null);
+    }
+  }, {
+    key: "hideFloatingPreview",
+    value: function hideFloatingPreview() {
+      if (this.floatingPreviewAction) {
+        var action = this.floatingPreviewAction.perform(this.restruct);
+        this.editor.update(action, true);
+        this.floatingPreviewAction = null;
+        this.floatingPreview = null;
+      }
+    }
+  }, {
+    key: "hideConnectedPreview",
+    value: function hideConnectedPreview() {
+      if (this.connectedPreviewAction) {
+        this.connectedPreviewAction.perform(this.restruct);
+        this.connectedPreviewAction = null;
+        this.editor.render.update();
+      }
+      if (this.connectedPreviewTimeout) {
+        clearTimeout(this.connectedPreviewTimeout);
+        this.connectedPreviewTimeout = null;
+      }
+    }
+  }, {
+    key: "showConnectedPreview",
+    value: function showConnectedPreview(event, ci) {
+      var _this2 = this;
+      if (ci.map === 'bonds' && !this.isModeFunctionalGroup) {
+        var bond = this.struct.bonds.get(ci.id);
+        if (!bond) {
+          return;
+        }
+        var sign1 = getBondFlipSign(this.struct, bond);
+        var sign2 = this.template.sign;
+        var shouldFlip = sign1 * sign2 > 0;
+        var promise = fromTemplateOnBondAction(this.restruct, this.template, ci.id, this.editor.event, shouldFlip, true, true);
+        promise.then(function (_ref) {
+          var _ref2 = _slicedToArray$1(_ref, 2),
+            action = _ref2[0],
+            pasteItems = _ref2[1];
+          if (!_this2.isModeFunctionalGroup) {
+            var mergeItems = getItemsToFuse(_this2.editor, pasteItems);
+            action = fromItemsFuse(_this2.restruct, mergeItems).mergeWith(action);
+            _this2.editor.update(action, true);
+            _this2.connectedPreviewAction = action;
+          }
+        });
+      } else if (ci.map === 'atoms') {
+        var angle = getAngleFromEvent(event, ci, this.restruct);
+        var _fromTemplateOnAtom = fromTemplateOnAtom(this.restruct, this.template, ci.id, angle, false, true),
+          _fromTemplateOnAtom2 = _slicedToArray$1(_fromTemplateOnAtom, 2),
+          action = _fromTemplateOnAtom2[0],
+          pasteItems = _fromTemplateOnAtom2[1];
+        if (pasteItems && !this.isModeFunctionalGroup) {
+          var mergeItems = getItemsToFuse(this.editor, pasteItems);
+          action = fromItemsFuse(this.restruct, mergeItems).mergeWith(action);
+        }
+        this.editor.update(action, true);
+        this.connectedPreviewAction = action;
+      }
+    }
+  }]);
+  return TemplatePreview;
+}();
+
+function _createForOfIteratorHelper$a(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$a(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$a(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$a(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$a(o, minLen); }
+function _arrayLikeToArray$a(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; }
 function ownKeys$T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$T(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function handleHotkeyOverItem(props) {
-  if (props.newAction.tool === 'eraser') {
-    handleEraser(props);
-  } else if (props.newAction.dialog) {
-    handleDialog(props);
-  } else if (props.newAction.tool) {
-    handleTool(props);
-  } else {
-    handleOtherActions(props);
+function getBondFlipSign(struct, bond) {
+  var _struct$atoms$get, _struct$halfBonds$get;
+  var xy0 = new Vec2();
+  var frid = (_struct$atoms$get = struct.atoms.get(bond === null || bond === void 0 ? void 0 : bond.begin)) === null || _struct$atoms$get === void 0 ? void 0 : _struct$atoms$get.fragment;
+  var frIds = struct.getFragmentIds(frid);
+  var count = 0;
+  var loop = (_struct$halfBonds$get = struct.halfBonds.get(bond === null || bond === void 0 ? void 0 : bond.hb1)) === null || _struct$halfBonds$get === void 0 ? void 0 : _struct$halfBonds$get.loop;
+  if (loop && loop < 0) {
+    var _struct$halfBonds$get2;
+    loop = (_struct$halfBonds$get2 = struct.halfBonds.get(bond === null || bond === void 0 ? void 0 : bond.hb2)) === null || _struct$halfBonds$get2 === void 0 ? void 0 : _struct$halfBonds$get2.loop;
   }
-}
-function handleOtherActions(_ref) {
-  var dispatch = _ref.dispatch,
-    newAction = _ref.newAction;
-  dispatch(onAction(newAction));
-}
-function eraseItem(_ref2) {
-  var editor = _ref2.editor,
-    item = _ref2.item;
-  var action = fromFragmentDeletion(editor.render.ctab, item);
-  editor.update(action);
-  editor.hover(null);
-}
-function handleEraser(_ref3) {
-  var editor = _ref3.editor,
-    hoveredItem = _ref3.hoveredItem,
-    newAction = _ref3.newAction,
-    dispatch = _ref3.dispatch;
-  var item = mapItemsToArrays(hoveredItem);
-  var itemType = Object.keys(hoveredItem)[0];
-  if ([STRUCT_TYPE.atoms, STRUCT_TYPE.bonds].includes(itemType)) {
-    isFunctionalGroupChange({
-      editor: editor,
-      hoveredItemId: item[itemType][0],
-      newAction: newAction,
-      dispatch: dispatch
-    }, itemType).then(function (res) {
-      res && eraseItem({
-        editor: editor,
-        item: item
-      });
+  if (loop && loop >= 0) {
+    var _struct$loops$get;
+    var loopHbs = (_struct$loops$get = struct.loops.get(loop)) === null || _struct$loops$get === void 0 ? void 0 : _struct$loops$get.hbs;
+    loopHbs === null || loopHbs === void 0 || loopHbs.forEach(function (hb) {
+      var _struct$halfBonds$get3;
+      var halfBondBegin = (_struct$halfBonds$get3 = struct.halfBonds.get(hb)) === null || _struct$halfBonds$get3 === void 0 ? void 0 : _struct$halfBonds$get3.begin;
+      if (halfBondBegin) {
+        var hbbAtom = struct.atoms.get(halfBondBegin);
+        if (hbbAtom) {
+          xy0.add_(hbbAtom.pp);
+          count++;
+        }
+      }
+    });
+  } else {
+    frIds.forEach(function (id) {
+      var atomById = struct.atoms.get(id);
+      if (atomById) {
+        xy0.add_(atomById.pp);
+        count++;
+      }
     });
-    return;
   }
-  eraseItem({
-    editor: editor,
-    item: item
-  });
+  var v0 = xy0.scaled(1 / count);
+  return getSign(struct, bond, v0) || 1;
 }
-function handleDialog(_ref4) {
-  var hoveredItem = _ref4.hoveredItem,
-    newAction = _ref4.newAction,
-    editor = _ref4.editor,
-    dispatch = _ref4.dispatch;
-  var dialogType = Object.keys(hoveredItem)[0];
-  var dialogHandler = getDialogHandler(dialogType);
-  var hoveredItemId = hoveredItem[dialogType];
-  if (dialogHandler) {
-    var props = {
-      hoveredItemId: hoveredItemId,
-      newAction: newAction,
-      editor: editor,
-      dispatch: dispatch
-    };
-    return dialogHandler(props);
+function getAngleFromEvent(event, ci, restruct) {
+  var _restruct$atoms$get;
+  var degree = (_restruct$atoms$get = restruct.atoms.get(ci.id)) === null || _restruct$atoms$get === void 0 ? void 0 : _restruct$atoms$get.a.neighbors.length;
+  var angle;
+  if (degree && degree > 1) {
+    angle = null;
+  } else if (degree === 1) {
+    var _restruct$molecule$ha;
+    var atom = restruct.molecule.atoms.get(ci.id);
+    var neiId = atom && ((_restruct$molecule$ha = restruct.molecule.halfBonds.get(atom.neighbors[0])) === null || _restruct$molecule$ha === void 0 ? void 0 : _restruct$molecule$ha.end);
+    var nei = (neiId || neiId === 0) && restruct.molecule.atoms.get(neiId);
+    angle = event.ctrlKey ? vectorUtils.calcAngle(nei === null || nei === void 0 ? void 0 : nei.pp, atom === null || atom === void 0 ? void 0 : atom.pp) : vectorUtils.fracAngle(vectorUtils.calcAngle(nei.pp, atom === null || atom === void 0 ? void 0 : atom.pp), null);
+  } else {
+    angle = 0;
   }
+  return angle;
 }
-function getDialogHandler(itemType) {
-  var dialogs = {
-    atoms: function atoms(props) {
-      return handleAtomPropsDialog(props);
-    },
-    bonds: function bonds(props) {
-      return handleBondPropsDialog(props);
-    }
-  };
-  var dialog = dialogs[itemType];
-  return dialog;
-}
-function handleAtomPropsDialog(_ref5) {
-  var hoveredItemId = _ref5.hoveredItemId,
-    newAction = _ref5.newAction,
-    editor = _ref5.editor,
-    dispatch = _ref5.dispatch;
-  var selection = editor.selection();
-  var atomsSelected = selection === null || selection === void 0 ? void 0 : selection.atoms;
-  var restruct = editor.render.ctab;
-  if (atomsSelected && atomsSelected.includes(hoveredItemId)) {
-    var atoms = getSelectedAtoms(selection, restruct.molecule);
-    var changeAtomPromise = editor.event.elementEdit.dispatch(atoms);
-    updateSelectedAtoms({
-      atoms: selection.atoms || [],
-      editor: editor,
-      changeAtomPromise: changeAtomPromise
-    });
-  } else {
-    var atomFromStruct = restruct.atoms.get(hoveredItemId);
-    var convertedAtomForModal = fromAtom(atomFromStruct === null || atomFromStruct === void 0 ? void 0 : atomFromStruct.a);
-    openDialog(dispatch, newAction.dialog, convertedAtomForModal).then(function (res) {
-      var updatedAtom = fromAtomsAttrs(restruct, hoveredItemId, toAtom(res), false);
-      editor.update(updatedAtom);
-    })["catch"](function (e) {
-      KetcherLogger.error('handleHotkeysOverItem.ts::handleAtomPropsDialog', e);
+var TemplateTool = function () {
+  function TemplateTool(editor, tmpl) {
+    _classCallCheck$2(this, TemplateTool);
+    _defineProperty$1(this, "targetGroupsIds", []);
+    this.editor = editor;
+    this.mode = getTemplateMode(tmpl);
+    this.editor.selection(null);
+    this.isSaltOrSolvent = SGroup$1.isSaltOrSolvent(tmpl.struct.name);
+    var sGroup = tmpl.struct.sgroups.values().next().value;
+    this.template = {
+      aid: parseInt(tmpl.aid) || (sGroup === null || sGroup === void 0 ? void 0 : sGroup.getAttachmentAtomId()) || 0,
+      bid: parseInt(tmpl.bid) || 0
+    };
+    this.templatePreview = new TemplatePreview(editor, this.template, this.mode);
+    var frag = tmpl.struct;
+    frag.rescale();
+    var xy0 = new Vec2();
+    frag.atoms.forEach(function (atom) {
+      xy0.add_(atom.pp);
     });
+    this.template.molecule = frag;
+    this.findItems = [];
+    this.template.xy0 = xy0.scaled(1 / (frag.atoms.size || 1));
+    var atom = frag.atoms.get(this.template.aid);
+    if (atom) {
+      this.template.angle0 = vectorUtils.calcAngle(atom.pp, this.template.xy0);
+      this.findItems.push('atoms');
+    }
+    var bond = frag.bonds.get(this.template.bid);
+    if (bond && !this.isModeFunctionalGroup) {
+      this.template.sign = getSign(frag, bond, this.template.xy0);
+      this.findItems.push('bonds');
+    }
+    var sGroupSize = frag.sgroups.size;
+    if (sGroupSize) {
+      this.findItems.push('functionalGroups');
+    }
   }
-}
-function handleBondPropsDialog(_ref6) {
-  var hoveredItemId = _ref6.hoveredItemId,
-    newAction = _ref6.newAction,
-    editor = _ref6.editor,
-    dispatch = _ref6.dispatch;
-  var restruct = editor.render.ctab;
-  var bondFromStruct = restruct.bonds.get(hoveredItemId);
-  var convertedBondForModal = fromBond(bondFromStruct === null || bondFromStruct === void 0 ? void 0 : bondFromStruct.b);
-  openDialog(dispatch, newAction.dialog, convertedBondForModal).then(function (res) {
-    var updatedBond = fromBondsAttrs(restruct, hoveredItemId, toBond(res), false);
-    editor.update(updatedBond);
-  })["catch"](function (e) {
-    KetcherLogger.error('handleHoutkeysOverItem.ts::handleBondPropsDialog', e);
-  });
-}
-function handleTool(_ref7) {
-  var hoveredItem = _ref7.hoveredItem,
-    newAction = _ref7.newAction,
-    editor = _ref7.editor,
-    dispatch = _ref7.dispatch;
-  var _loop = function _loop() {
-    var toolHandler = getToolHandler(item, newAction.tool);
-    var isChangeStructureTool = newAction.tool !== 'hand';
-    var hoveredItemId = hoveredItem[item];
-    if (toolHandler) {
-      var props = {
-        hoveredItemId: hoveredItemId,
-        editor: editor,
-        newAction: newAction,
-        dispatch: dispatch
-      };
-      isFunctionalGroupChange(props, item).then(function (result) {
-        if (!result && isChangeStructureTool) return;
-        toolHandler(props);
+  _createClass$2(TemplateTool, [{
+    key: "struct",
+    get: function get() {
+      return this.editor.render.ctab.molecule;
+    }
+  }, {
+    key: "functionalGroups",
+    get: function get() {
+      return this.struct.functionalGroups;
+    }
+  }, {
+    key: "isModeFunctionalGroup",
+    get: function get() {
+      return this.mode === MODES.FG;
+    }
+  }, {
+    key: "closestItem",
+    get: function get() {
+      return this.editor.findItem(this.event, ['atoms', 'bonds', 'sgroups', 'functionalGroups']);
+    }
+  }, {
+    key: "isNeedToShowRemoveAbbreviationPopup",
+    get: function get() {
+      var _this$closestItem;
+      var targetId = this.findKeyOfRelatedGroupId((_this$closestItem = this.closestItem) === null || _this$closestItem === void 0 ? void 0 : _this$closestItem.id);
+      var functionalGroup = this.functionalGroups.get(targetId);
+      if ((functionalGroup === null || functionalGroup === void 0 ? void 0 : functionalGroup.relatedSGroup) instanceof MonomerMicromolecule) {
+        return false;
+      }
+      var isTargetExpanded = functionalGroup === null || functionalGroup === void 0 ? void 0 : functionalGroup.isExpanded;
+      var isTargetAtomOrBond = this.targetGroupsIds.length && !this.isModeFunctionalGroup;
+      return Boolean(isTargetExpanded || isTargetAtomOrBond);
+    }
+  }, {
+    key: "findKeyOfRelatedGroupId",
+    value: function findKeyOfRelatedGroupId(clickedClosestItemId) {
+      var targetId;
+      var relatedGroupId = FunctionalGroup.findFunctionalGroupByAtom(this.functionalGroups, clickedClosestItemId);
+      this.functionalGroups.forEach(function (fg, key) {
+        if (fg.relatedSGroupId === relatedGroupId) {
+          targetId = key;
+        }
       });
+      return targetId;
     }
-  };
-  for (var item in hoveredItem) {
-    _loop();
-  }
-}
+  }, {
+    key: "showRemoveAbbreviationPopup",
+    value: function showRemoveAbbreviationPopup() {
+      var _this = this;
+      return this.editor.event.removeFG.dispatch({
+        fgIds: this.targetGroupsIds
+      }).then(function () {
+        _this.targetGroupsIds.length = 0;
+        return Promise.resolve();
+      });
+    }
+  }, {
+    key: "mousedown",
+    value: function () {
+      var _mousedown = _asyncToGenerator( _regeneratorRuntime.mark(function _callee(event) {
+        var _this$templatePreview;
+        var target, struct, _this$closestItem2, _this$closestItem3, _this$closestItem4, dragCtx, ci, bond;
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              target = this.editor.findItem(event, this.findItems);
+              struct = this.editor.struct();
+              this.event = event;
+              (_this$templatePreview = this.templatePreview) === null || _this$templatePreview === void 0 || _this$templatePreview.hidePreview();
+              if (this.functionalGroups.size) {
+                this.targetGroupsIds = getGroupIdsFromItemArrays(this.struct, _objectSpread$T(_objectSpread$T({}, ((_this$closestItem2 = this.closestItem) === null || _this$closestItem2 === void 0 ? void 0 : _this$closestItem2.map) === 'atoms' && {
+                  atoms: [this.closestItem.id]
+                }), ((_this$closestItem3 = this.closestItem) === null || _this$closestItem3 === void 0 ? void 0 : _this$closestItem3.map) === 'bonds' && {
+                  bonds: [this.closestItem.id]
+                }));
+                if (
+                ((_this$closestItem4 = this.closestItem) === null || _this$closestItem4 === void 0 ? void 0 : _this$closestItem4.map) === 'functionalGroups' && FunctionalGroup.isContractedFunctionalGroup(this.closestItem.id, this.functionalGroups)) {
+                  this.targetGroupsIds.push(this.closestItem.id);
+                }
+              }
+              if (!struct.isTargetFromMacromolecule(target)) {
+                _context.next = 7;
+                break;
+              }
+              return _context.abrupt("return");
+            case 7:
+              if (!this.isNeedToShowRemoveAbbreviationPopup) {
+                _context.next = 11;
+                break;
+              }
+              _context.next = 10;
+              return this.showRemoveAbbreviationPopup();
+            case 10:
+              return _context.abrupt("return");
+            case 11:
+              this.editor.hover(null);
+              this.dragCtx = {
+                xy0: this.editor.render.page2obj(event),
+                item: this.editor.findItem(this.event, this.findItems)
+              };
+              dragCtx = this.dragCtx;
+              ci = dragCtx.item;
+              if (ci) {
+                _context.next = 18;
+                break;
+              }
+              delete dragCtx.item;
+              return _context.abrupt("return");
+            case 18:
+              if (ci.map === 'bonds' && !this.isModeFunctionalGroup) {
+                bond = this.struct.bonds.get(ci.id);
+                dragCtx.sign1 = getBondFlipSign(this.struct, bond);
+                dragCtx.sign2 = this.template.sign;
+              }
+            case 19:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function mousedown(_x) {
+        return _mousedown.apply(this, arguments);
+      }
+      return mousedown;
+    }()
+  }, {
+    key: "mousemove",
+    value: function mousemove(event) {
+      if (!this.dragCtx) {
+        var _this$templatePreview2;
+        this.editor.hover(this.editor.findItem(event, this.findItems), null, event);
+        (_this$templatePreview2 = this.templatePreview) === null || _this$templatePreview2 === void 0 || _this$templatePreview2.movePreview(event);
+        return true;
+      }
+      if (this.isSaltOrSolvent) {
+        delete this.dragCtx.item;
+        return true;
+      }
+      var eventPosition = this.editor.render.page2obj(event);
+      var dragCtx = this.dragCtx;
+      var ci = dragCtx.item;
+      var targetPos = null;
+      if (ci && ci.map === 'bonds' && !this.isModeFunctionalGroup) {
+        var bond = this.struct.bonds.get(ci.id);
+        var sign = getSign(this.struct, bond, eventPosition);
+        if (dragCtx.sign1 * this.template.sign > 0) {
+          sign = -sign;
+        }
+        if (sign !== dragCtx.sign2 || !dragCtx.action) {
+          if (dragCtx.action) {
+            dragCtx.action.perform(this.editor.render.ctab);
+          }
+          dragCtx.sign2 = sign;
+          var _fromTemplateOnBondAc = fromTemplateOnBondAction(this.editor.render.ctab, this.template, ci.id, this.editor.event, dragCtx.sign1 * dragCtx.sign2 > 0, false),
+            _fromTemplateOnBondAc2 = _slicedToArray$1(_fromTemplateOnBondAc, 2),
+            _action = _fromTemplateOnBondAc2[0],
+            pasteItems = _fromTemplateOnBondAc2[1];
+          dragCtx.action = _action;
+          this.editor.update(dragCtx.action, true);
+          dragCtx.mergeItems = getItemsToFuse(this.editor, pasteItems);
+          this.editor.hover(getHoverToFuse(dragCtx.mergeItems));
+        }
+        return true;
+      }
+      var extraBond = null;
+      if (!ci) {
+        targetPos = dragCtx.xy0;
+      } else if (ci.map === 'atoms' || ci.map === 'functionalGroups') {
+        var atomId = getTargetAtomId(this.struct, ci);
+        if (atomId !== undefined) {
+          var atom = this.struct.atoms.get(atomId);
+          targetPos = atom === null || atom === void 0 ? void 0 : atom.pp;
+          if (targetPos) {
+            extraBond = this.isModeFunctionalGroup ? true : Vec2.dist(targetPos, eventPosition) > 1;
+          }
+        }
+      }
+      if (!targetPos) {
+        return true;
+      }
+      var angle = vectorUtils.calcAngle(targetPos, eventPosition);
+      if (!event.ctrlKey) {
+        angle = vectorUtils.fracAngle(angle, null);
+      }
+      var degrees = vectorUtils.degrees(angle);
+      this.editor.event.message.dispatch({
+        info: degrees + 'º'
+      });
+      if (
+      dragCtx.hasOwnProperty('angle') && dragCtx.angle === degrees && (
+      !dragCtx.hasOwnProperty('extra_bond') || dragCtx.extra_bond === extraBond)) {
+        return true;
+      }
+      if (dragCtx.action) {
+        dragCtx.action.perform(this.editor.render.ctab);
+      }
+      dragCtx.angle = degrees;
+      var action = null;
+      if (!ci) {
+        var _this$template;
+        var isAddingFunctionalGroup = (_this$template = this.template) === null || _this$template === void 0 || (_this$template = _this$template.molecule) === null || _this$template === void 0 ? void 0 : _this$template.sgroups.size;
+        if (isAddingFunctionalGroup) {
+          return true;
+        }
+        var _fromTemplateOnCanvas = fromTemplateOnCanvas(this.editor.render.ctab, this.template, targetPos, angle);
+        var _fromTemplateOnCanvas2 = _slicedToArray$1(_fromTemplateOnCanvas, 1);
+        action = _fromTemplateOnCanvas2[0];
+      } else if ((ci === null || ci === void 0 ? void 0 : ci.map) === 'atoms' || (ci === null || ci === void 0 ? void 0 : ci.map) === 'functionalGroups') {
+        var _atomId = getTargetAtomId(this.struct, ci);
+        var _fromTemplateOnAtom = fromTemplateOnAtom(this.editor.render.ctab, this.template, _atomId, angle, extraBond);
+        var _fromTemplateOnAtom2 = _slicedToArray$1(_fromTemplateOnAtom, 1);
+        action = _fromTemplateOnAtom2[0];
+        dragCtx.extra_bond = extraBond;
+      }
+      dragCtx.action = action;
+      this.editor.update(dragCtx.action, true);
+      if (this.targetGroupsIds.length) this.targetGroupsIds.length = 0;
+      return true;
+    }
+  }, {
+    key: "mouseup",
+    value: function mouseup(event) {
+      var _this2 = this,
+        _ci;
+      var dragCtx = this.dragCtx;
+      if (!dragCtx) {
+        return true;
+      }
+      delete this.dragCtx;
+      var restruct = this.editor.render.ctab;
+      var ci = dragCtx.item;
+      if (dragCtx.action && ci && ci.map === 'bonds' && !this.isModeFunctionalGroup) {
+        dragCtx.action.perform(restruct);
+        var promise = fromTemplateOnBondAction(restruct, this.template, ci.id, this.editor.event, dragCtx.sign1 * dragCtx.sign2 > 0, true);
+        promise.then(function (_ref) {
+          var _ref2 = _slicedToArray$1(_ref, 2),
+            action = _ref2[0],
+            pasteItems = _ref2[1];
+          var mergeItems = getItemsToFuse(_this2.editor, pasteItems);
+          action = fromItemsFuse(restruct, mergeItems).mergeWith(action);
+          _this2.editor.update(action);
+        });
+        return true;
+      }
+      var action, functionalGroupRemoveAction;
+      if (((_ci = ci) === null || _ci === void 0 ? void 0 : _ci.map) === 'functionalGroups' && FunctionalGroup.isContractedFunctionalGroup(ci.id, this.functionalGroups) && this.isModeFunctionalGroup && this.targetGroupsIds.length) {
+        var _restruct = this.editor.render.ctab;
+        var functionalGroupToReplace = this.struct.sgroups.get(ci.id);
+        if (this.isSaltOrSolvent && functionalGroupToReplace.isGroupAttached(this.struct)) {
+          addOnCanvasWithoutMerge({
+            restruct: _restruct,
+            template: this.template,
+            dragCtx: dragCtx,
+            editor: this.editor,
+            event: event
+          });
+          return true;
+        }
+        functionalGroupRemoveAction = new Action();
+        var _functionalGroupToRep = functionalGroupToReplace.getContractedPosition(_restruct.molecule),
+          sGroupPositionAtomId = _functionalGroupToRep.atomId;
+        var atomsWithoutAttachmentAtom = SGroup$1.getAtoms(this.struct, functionalGroupToReplace).filter(function (id) {
+          return id !== sGroupPositionAtomId;
+        });
+        functionalGroupRemoveAction.mergeWith(fromSgroupDeletion(_restruct, ci.id));
+        functionalGroupRemoveAction.mergeWith(fromFragmentDeletion(_restruct, {
+          atoms: atomsWithoutAttachmentAtom
+        }));
+        ci = {
+          map: 'atoms',
+          id: sGroupPositionAtomId
+        };
+      }
+      if (!dragCtx.action) {
+        if (!ci) {
+          addOnCanvasWithoutMerge({
+            restruct: restruct,
+            template: this.template,
+            dragCtx: dragCtx,
+            editor: this.editor,
+            event: event
+          });
+          return true;
+        } else if (ci.map === 'atoms') {
+          var _restruct$atoms$get2;
+          var degree = (_restruct$atoms$get2 = restruct.atoms.get(ci.id)) === null || _restruct$atoms$get2 === void 0 ? void 0 : _restruct$atoms$get2.a.neighbors.length;
+          if (degree && degree >= 1 && this.isSaltOrSolvent) {
+            addOnCanvasWithoutMerge({
+              restruct: restruct,
+              template: this.template,
+              dragCtx: dragCtx,
+              editor: this.editor,
+              event: event
+            });
+            return true;
+          }
+          var angle = getAngleFromEvent(event, ci, restruct);
+          var _fromTemplateOnAtom3 = fromTemplateOnAtom(restruct, this.template, ci.id, angle, false);
+          var _fromTemplateOnAtom4 = _slicedToArray$1(_fromTemplateOnAtom3, 1);
+          action = _fromTemplateOnAtom4[0];
+          if (functionalGroupRemoveAction) {
+            action = functionalGroupRemoveAction.mergeWith(action);
+          }
+          dragCtx.action = action;
+        } else if (ci.map === 'bonds' && !this.isModeFunctionalGroup) {
+          var _promise = fromTemplateOnBondAction(restruct, this.template, ci.id, this.editor.event, dragCtx.sign1 * dragCtx.sign2 > 0, true);
+          _promise.then(function (_ref3) {
+            var _ref4 = _slicedToArray$1(_ref3, 2),
+              action = _ref4[0],
+              pasteItems = _ref4[1];
+            if (!_this2.isModeFunctionalGroup) {
+              var mergeItems = getItemsToFuse(_this2.editor, pasteItems);
+              action = fromItemsFuse(restruct, mergeItems).mergeWith(action);
+              _this2.editor.update(action);
+            }
+          });
+          return true;
+        }
+      }
+      var _iterator = _createForOfIteratorHelper$a(restruct.molecule.bonds.keys()),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var id = _step.value;
+          new BondAttr(id, 'isPreview', false).perform(restruct);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      var _iterator2 = _createForOfIteratorHelper$a(restruct.molecule.atoms.keys()),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var _id = _step2.value;
+          new AtomAttr(_id, 'isPreview', false).perform(restruct);
+        }
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+      var completeAction = dragCtx.action;
+      if (completeAction && !completeAction.isDummy()) {
+        this.editor.update(completeAction);
+      }
+      this.editor.hover(this.editor.findItem(event, null), null, event);
+      return true;
+    }
+  }, {
+    key: "cancel",
+    value: function cancel() {
+      var _this$templatePreview3;
+      (_this$templatePreview3 = this.templatePreview) === null || _this$templatePreview3 === void 0 || _this$templatePreview3.hidePreview();
+      this.mouseup();
+    }
+  }, {
+    key: "mouseleave",
+    value: function mouseleave() {
+      this.cancel();
+    }
+  }, {
+    key: "mouseLeaveClientArea",
+    value: function mouseLeaveClientArea() {
+      var _this$templatePreview4;
+      (_this$templatePreview4 = this.templatePreview) === null || _this$templatePreview4 === void 0 || _this$templatePreview4.hidePreview();
+    }
+  }]);
+  return TemplateTool;
+}();
+function addOnCanvasWithoutMerge(_ref5) {
+  var restruct = _ref5.restruct,
+    template = _ref5.template,
+    dragCtx = _ref5.dragCtx,
+    editor = _ref5.editor,
+    event = _ref5.event;
+  var _fromTemplateOnCanvas3 = fromTemplateOnCanvas(restruct, template, dragCtx.xy0, 0, false),
+    _fromTemplateOnCanvas4 = _slicedToArray$1(_fromTemplateOnCanvas3, 1),
+    action = _fromTemplateOnCanvas4[0];
+  editor.update(action);
+  editor.selection(null);
+  editor.hover(editor.findItem(event, null), null, event);
+  editor.event.message.dispatch({
+    info: false
+  });
+}
+function getTemplateMode(tmpl) {
+  var _tmpl$props;
+  if (tmpl.mode) {
+    return tmpl.mode;
+  }
+  if (['Functional Groups', 'Salts and Solvents'].includes((_tmpl$props = tmpl.props) === null || _tmpl$props === void 0 ? void 0 : _tmpl$props.group)) {
+    return MODES.FG;
+  }
+  return null;
+}
+function getSign(molecule, bond, v) {
+  var begin = molecule.atoms.get(bond.begin).pp;
+  var end = molecule.atoms.get(bond.end).pp;
+  var sign = Vec2.cross(Vec2.diff(begin, end), Vec2.diff(v, end));
+  if (sign > 0) {
+    return 1;
+  }
+  if (sign < 0) {
+    return -1;
+  }
+  return 0;
+}
+function getTargetAtomId(struct, ci) {
+  if (ci.map === 'atoms') {
+    return ci.id;
+  }
+  if (ci.map === 'functionalGroups') {
+    var group = struct.sgroups.get(ci.id);
+    return group === null || group === void 0 ? void 0 : group.getAttachmentAtomId();
+  }
+}
+
+function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function handleHotkeyOverItem(props) {
+  if (props.newAction.tool === 'eraser') {
+    handleEraser(props);
+  } else if (props.newAction.dialog) {
+    handleDialog(props);
+  } else if (props.newAction.tool) {
+    handleTool(props);
+  } else {
+    handleOtherActions(props);
+  }
+}
+function handleOtherActions(_ref) {
+  var dispatch = _ref.dispatch,
+    newAction = _ref.newAction;
+  dispatch(onAction(newAction));
+}
+function eraseItem(_ref2) {
+  var editor = _ref2.editor,
+    item = _ref2.item;
+  var action = fromFragmentDeletion(editor.render.ctab, item);
+  editor.update(action);
+  editor.hover(null);
+}
+function handleEraser(_ref3) {
+  var editor = _ref3.editor,
+    hoveredItem = _ref3.hoveredItem,
+    newAction = _ref3.newAction,
+    dispatch = _ref3.dispatch;
+  var item = mapItemsToArrays(hoveredItem);
+  var itemType = Object.keys(hoveredItem)[0];
+  var activeTool = editor.tool();
+  if (activeTool instanceof TemplateTool) {
+    var _activeTool$templateP;
+    (_activeTool$templateP = activeTool.templatePreview) === null || _activeTool$templateP === void 0 || _activeTool$templateP.hideConnectedPreview();
+  }
+  if ([STRUCT_TYPE.atoms, STRUCT_TYPE.bonds].includes(itemType)) {
+    isFunctionalGroupChange({
+      editor: editor,
+      hoveredItemId: item[itemType][0],
+      newAction: newAction,
+      dispatch: dispatch
+    }, itemType).then(function (res) {
+      res && eraseItem({
+        editor: editor,
+        item: item
+      });
+    });
+  } else {
+    eraseItem({
+      editor: editor,
+      item: item
+    });
+  }
+}
+function handleDialog(_ref4) {
+  var hoveredItem = _ref4.hoveredItem,
+    newAction = _ref4.newAction,
+    editor = _ref4.editor,
+    dispatch = _ref4.dispatch;
+  var dialogType = Object.keys(hoveredItem)[0];
+  var dialogHandler = getDialogHandler(dialogType);
+  var hoveredItemId = hoveredItem[dialogType];
+  if (dialogHandler) {
+    var props = {
+      hoveredItemId: hoveredItemId,
+      newAction: newAction,
+      editor: editor,
+      dispatch: dispatch
+    };
+    return dialogHandler(props);
+  }
+}
+function getDialogHandler(itemType) {
+  var dialogs = {
+    atoms: function atoms(props) {
+      return handleAtomPropsDialog(props);
+    },
+    bonds: function bonds(props) {
+      return handleBondPropsDialog(props);
+    }
+  };
+  var dialog = dialogs[itemType];
+  return dialog;
+}
+function handleAtomPropsDialog(_ref5) {
+  var hoveredItemId = _ref5.hoveredItemId,
+    newAction = _ref5.newAction,
+    editor = _ref5.editor,
+    dispatch = _ref5.dispatch;
+  var selection = editor.selection();
+  var atomsSelected = selection === null || selection === void 0 ? void 0 : selection.atoms;
+  var restruct = editor.render.ctab;
+  if (atomsSelected && atomsSelected.includes(hoveredItemId)) {
+    var atoms = getSelectedAtoms(selection, restruct.molecule);
+    var changeAtomPromise = editor.event.elementEdit.dispatch(atoms);
+    updateSelectedAtoms({
+      atoms: selection.atoms || [],
+      editor: editor,
+      changeAtomPromise: changeAtomPromise
+    });
+  } else {
+    var atomFromStruct = restruct.atoms.get(hoveredItemId);
+    var convertedAtomForModal = fromAtom(atomFromStruct === null || atomFromStruct === void 0 ? void 0 : atomFromStruct.a);
+    openDialog(dispatch, newAction.dialog, convertedAtomForModal).then(function (res) {
+      var updatedAtom = fromAtomsAttrs(restruct, hoveredItemId, toAtom(res), false);
+      editor.update(updatedAtom);
+    })["catch"](function (e) {
+      KetcherLogger.error('handleHotkeysOverItem.ts::handleAtomPropsDialog', e);
+    });
+  }
+}
+function handleBondPropsDialog(_ref6) {
+  var hoveredItemId = _ref6.hoveredItemId,
+    newAction = _ref6.newAction,
+    editor = _ref6.editor,
+    dispatch = _ref6.dispatch;
+  var restruct = editor.render.ctab;
+  var bondFromStruct = restruct.bonds.get(hoveredItemId);
+  var convertedBondForModal = fromBond(bondFromStruct === null || bondFromStruct === void 0 ? void 0 : bondFromStruct.b);
+  openDialog(dispatch, newAction.dialog, convertedBondForModal).then(function (res) {
+    var updatedBond = fromBondsAttrs(restruct, hoveredItemId, toBond(res), false);
+    editor.update(updatedBond);
+  })["catch"](function (e) {
+    KetcherLogger.error('handleHoutkeysOverItem.ts::handleBondPropsDialog', e);
+  });
+}
+function handleTool(_ref7) {
+  var hoveredItem = _ref7.hoveredItem,
+    newAction = _ref7.newAction,
+    editor = _ref7.editor,
+    dispatch = _ref7.dispatch;
+  var _loop = function _loop() {
+    var toolHandler = getToolHandler(item, newAction.tool);
+    var isChangeStructureTool = newAction.tool !== 'hand';
+    var hoveredItemId = hoveredItem[item];
+    if (toolHandler) {
+      var props = {
+        hoveredItemId: hoveredItemId,
+        editor: editor,
+        newAction: newAction,
+        dispatch: dispatch
+      };
+      isFunctionalGroupChange(props, item).then(function (result) {
+        if (!result && isChangeStructureTool) return;
+        toolHandler(props);
+      });
+    }
+  };
+  for (var item in hoveredItem) {
+    _loop();
+  }
+}
 function isFunctionalGroupChange(_x, _x2) {
   return _isFunctionalGroupChange.apply(this, arguments);
 }
@@ -17829,7 +18527,7 @@ function handleAtomTool(_ref10) {
   var hoveredItemId = _ref10.hoveredItemId,
     newAction = _ref10.newAction,
     editor = _ref10.editor;
-  var atomProps = _objectSpread$T({}, newAction.opts);
+  var atomProps = _objectSpread$S({}, newAction.opts);
   var updatedAtoms = fromAtomsAttrs(editor.render.ctab, hoveredItemId, atomProps, true);
   editor.update(updatedAtoms);
 }
@@ -17837,7 +18535,7 @@ function handleSgroupsTool(_ref11) {
   var hoveredItemId = _ref11.hoveredItemId,
     newAction = _ref11.newAction,
     editor = _ref11.editor;
-  var atomProps = _objectSpread$T({}, newAction.opts);
+  var atomProps = _objectSpread$S({}, newAction.opts);
   var action = new Action();
   var ctab = editor.render.ctab;
   var sGroup = ctab.molecule.sgroups.get(hoveredItemId);
@@ -18502,11 +19200,11 @@ var LoadingCircles = function LoadingCircles() {
   });
 };
 
-function ownKeys$S(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$S(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _createForOfIteratorHelper$a(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$a(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$a(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$a(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$a(o, minLen); }
-function _arrayLikeToArray$a(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; }
+function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper$9(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$9(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$9(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$9(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$9(o, minLen); }
+function _arrayLikeToArray$9(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; }
 var SELECTION_DISTANCE_COEFFICIENT = 0.4;
 var SELECTION_WITHIN_TEXT = 0;
 var findMaps = {
@@ -18839,7 +19537,7 @@ function findClosestSGroup(restruct, pos) {
 function findClosestFG(restruct, pos, skip) {
   var sGroups = restruct.sgroups;
   var skipId = skip && skip.map === 'functionalGroups' ? skip.id : null;
-  var _iterator = _createForOfIteratorHelper$a(sGroups.entries()),
+  var _iterator = _createForOfIteratorHelper$9(sGroups.entries()),
     _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -18882,7 +19580,7 @@ function findClosestItem(restruct, pos, maps, skip, options) {
     var minDist = res ? res.dist : null;
     var item = findMaps[mp](restruct, pos, skip, minDist, options);
     if (item !== null) {
-      var enrichedItem = _objectSpread$S({
+      var enrichedItem = _objectSpread$R({
         map: mp
       }, item);
       if (mp === 'sgroupData') {
@@ -19006,9 +19704,9 @@ function _editRGroupAttachmentPoint() {
   return _editRGroupAttachmentPoint.apply(this, arguments);
 }
 
-function _createForOfIteratorHelper$9(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$9(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$9(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$9(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$9(o, minLen); }
-function _arrayLikeToArray$9(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; }
+function _createForOfIteratorHelper$8(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$8(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$8(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$8(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$8(o, minLen); }
+function _arrayLikeToArray$8(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; }
 var APointTool = function () {
   function APointTool(editor) {
     _classCallCheck$2(this, APointTool);
@@ -19048,7 +19746,7 @@ var APointTool = function () {
         }
       }
       if (atomResult.length > 0) {
-        var _iterator = _createForOfIteratorHelper$9(atomResult),
+        var _iterator = _createForOfIteratorHelper$8(atomResult),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -19083,9 +19781,9 @@ var APointTool = function () {
   return APointTool;
 }();
 
-function _createForOfIteratorHelper$8(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$8(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$8(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$8(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$8(o, minLen); }
-function _arrayLikeToArray$8(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; }
+function _createForOfIteratorHelper$7(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$7(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$7(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$7(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$7(o, minLen); }
+function _arrayLikeToArray$7(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; }
 var AttachTool = function () {
   function AttachTool(editor, attachPoints) {
     _classCallCheck$2(this, AttachTool);
@@ -19138,7 +19836,7 @@ var AttachTool = function () {
         }
       }
       if (atomResult.length > 0) {
-        var _iterator = _createForOfIteratorHelper$8(atomResult),
+        var _iterator = _createForOfIteratorHelper$7(atomResult),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -19158,7 +19856,7 @@ var AttachTool = function () {
         });
         return;
       } else if (bondResult.length > 0) {
-        var _iterator2 = _createForOfIteratorHelper$8(bondResult),
+        var _iterator2 = _createForOfIteratorHelper$7(bondResult),
           _step2;
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -19194,9 +19892,9 @@ var AttachTool = function () {
   return AttachTool;
 }();
 
-function _createForOfIteratorHelper$7(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$7(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$7(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$7(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$7(o, minLen); }
-function _arrayLikeToArray$7(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; }
+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; }
 var BondTool = function () {
   function BondTool(editor, bondProps) {
     var _editor$selection;
@@ -19236,7 +19934,7 @@ var BondTool = function () {
         if (bondId !== null) bondResult.push(bondId);
       }
       if (atomResult.length > 0) {
-        var _iterator = _createForOfIteratorHelper$7(atomResult),
+        var _iterator = _createForOfIteratorHelper$6(atomResult),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -19256,7 +19954,7 @@ var BondTool = function () {
         });
         return;
       } else if (bondResult.length > 0) {
-        var _iterator2 = _createForOfIteratorHelper$7(bondResult),
+        var _iterator2 = _createForOfIteratorHelper$6(bondResult),
           _step2;
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -19369,7 +20067,7 @@ var BondTool = function () {
               }
             }
             if (atomResult.length > 0) {
-              var _iterator3 = _createForOfIteratorHelper$7(atomResult),
+              var _iterator3 = _createForOfIteratorHelper$6(atomResult),
                 _step3;
               try {
                 for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -19489,7 +20187,7 @@ var BondTool = function () {
   }, {
     key: "getExistingBond",
     value: function getExistingBond(struct, begin, end) {
-      var _iterator4 = _createForOfIteratorHelper$7(struct.bonds.entries()),
+      var _iterator4 = _createForOfIteratorHelper$6(struct.bonds.entries()),
         _step4;
       try {
         for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
@@ -19512,9 +20210,9 @@ var BondTool = function () {
   return BondTool;
 }();
 
-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; }
+function _createForOfIteratorHelper$5(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$5(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$5(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$5(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$5(o, minLen); }
+function _arrayLikeToArray$5(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; }
 var ChainTool = function () {
   function ChainTool(editor) {
     _classCallCheck$2(this, ChainTool);
@@ -19549,7 +20247,7 @@ var ChainTool = function () {
         }
       }
       if (atomResult.length > 0) {
-        var _iterator = _createForOfIteratorHelper$6(atomResult),
+        var _iterator = _createForOfIteratorHelper$5(atomResult),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -19569,7 +20267,7 @@ var ChainTool = function () {
         });
         return;
       } else if (bondResult.length > 0) {
-        var _iterator2 = _createForOfIteratorHelper$6(bondResult),
+        var _iterator2 = _createForOfIteratorHelper$5(bondResult),
           _step2;
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -19674,7 +20372,7 @@ var ChainTool = function () {
         }
       }
       if (atomResult.length > 0) {
-        var _iterator3 = _createForOfIteratorHelper$6(atomResult),
+        var _iterator3 = _createForOfIteratorHelper$5(atomResult),
           _step3;
         try {
           for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -19736,9 +20434,9 @@ var ChainTool = function () {
   return ChainTool;
 }();
 
-function _createForOfIteratorHelper$5(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$5(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$5(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$5(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$5(o, minLen); }
-function _arrayLikeToArray$5(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; }
+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; }
 var ChargeTool = function () {
   function ChargeTool(editor, charge) {
     _classCallCheck$2(this, ChargeTool);
@@ -19779,7 +20477,7 @@ var ChargeTool = function () {
         }
       }
       if (atomResult.length > 0) {
-        var _iterator = _createForOfIteratorHelper$5(atomResult),
+        var _iterator = _createForOfIteratorHelper$4(atomResult),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -19859,9 +20557,9 @@ var EnhancedStereoTool = function () {
   return EnhancedStereoTool;
 }();
 
-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; }
+function _createForOfIteratorHelper$3(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$3(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$3(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$3(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$3(o, minLen); }
+function _arrayLikeToArray$3(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; }
 var EraserTool = function () {
   function EraserTool(editor, mode) {
     _classCallCheck$2(this, EraserTool);
@@ -19909,7 +20607,7 @@ var EraserTool = function () {
       var bondsResult = [];
       var preResult = [];
       if (selected && functionalGroups.size && selected.atoms) {
-        var _iterator = _createForOfIteratorHelper$4(selected.atoms),
+        var _iterator = _createForOfIteratorHelper$3(selected.atoms),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -19918,7 +20616,7 @@ var EraserTool = function () {
             var atomId = FunctionalGroup.atomsInFunctionalGroup(functionalGroups, atom);
             var atomFromStruct = atomId !== null && ((_struct$atoms$get = struct.atoms.get(atomId)) === null || _struct$atoms$get === void 0 ? void 0 : _struct$atoms$get.a);
             if (atomFromStruct) {
-              var _iterator2 = _createForOfIteratorHelper$4(atomFromStruct.sgs.values()),
+              var _iterator2 = _createForOfIteratorHelper$3(atomFromStruct.sgs.values()),
                 _step2;
               try {
                 for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -19948,7 +20646,7 @@ var EraserTool = function () {
         }
       }
       if (selected && functionalGroups.size && selected.bonds) {
-        var _iterator3 = _createForOfIteratorHelper$4(selected.bonds),
+        var _iterator3 = _createForOfIteratorHelper$3(selected.bonds),
           _step3;
         try {
           for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
@@ -19967,7 +20665,7 @@ var EraserTool = function () {
         }
       }
       if (selected && functionalGroups.size && selected.rgroupAttachmentPoints) {
-        var _iterator4 = _createForOfIteratorHelper$4(selected.rgroupAttachmentPoints),
+        var _iterator4 = _createForOfIteratorHelper$3(selected.rgroupAttachmentPoints),
           _step4;
         try {
           for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
@@ -19984,7 +20682,7 @@ var EraserTool = function () {
         }
       }
       if (atomsResult.length > 0) {
-        var _iterator5 = _createForOfIteratorHelper$4(atomsResult),
+        var _iterator5 = _createForOfIteratorHelper$3(atomsResult),
           _step5;
         try {
           for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
@@ -19999,7 +20697,7 @@ var EraserTool = function () {
         }
       }
       if (bondsResult.length > 0) {
-        var _iterator6 = _createForOfIteratorHelper$4(bondsResult),
+        var _iterator6 = _createForOfIteratorHelper$3(bondsResult),
           _step6;
         try {
           for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
@@ -20075,7 +20773,7 @@ var EraserTool = function () {
         }
       }
       if (atomResult.length) {
-        var _iterator7 = _createForOfIteratorHelper$4(atomResult),
+        var _iterator7 = _createForOfIteratorHelper$3(atomResult),
           _step7;
         try {
           for (_iterator7.s(); !(_step7 = _iterator7.n()).done;) {
@@ -20091,7 +20789,7 @@ var EraserTool = function () {
           _iterator7.f();
         }
       } else if (bondResult.length) {
-        var _iterator8 = _createForOfIteratorHelper$4(bondResult),
+        var _iterator8 = _createForOfIteratorHelper$3(bondResult),
           _step8;
         try {
           for (_iterator8.s(); !(_step8 = _iterator8.n()).done;) {
@@ -20166,8 +20864,8 @@ var EraserTool = function () {
   return EraserTool;
 }();
 
-function ownKeys$R(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$R(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HandTool = function () {
   function HandTool(editor) {
     _classCallCheck$2(this, HandTool);
@@ -20212,7 +20910,7 @@ var HandTool = function () {
       var diff = Vec2.diff(this.endPos, this.begPos).scaled(1 / rnd.options.zoom);
       this.begPos = this.endPos;
       rnd.setViewBox(function (prev) {
-        return _objectSpread$R(_objectSpread$R({}, prev), {}, {
+        return _objectSpread$Q(_objectSpread$Q({}, prev), {}, {
           minX: prev.minX - diff.x,
           minY: prev.minY - diff.y
         });
@@ -20255,8 +20953,8 @@ var HandTool = function () {
   return HandTool;
 }();
 
-function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PasteTool = function () {
   function PasteTool(editor, struct) {
     var _struct$functionalGro;
@@ -20370,7 +21068,7 @@ var PasteTool = function () {
   }, {
     key: "mouseup",
     value: function mouseup() {
-      var idsOfItemsMerged = this.mergeItems && _objectSpread$Q(_objectSpread$Q({}, this.mergeItems.atoms && {
+      var idsOfItemsMerged = this.mergeItems && _objectSpread$P(_objectSpread$P({}, this.mergeItems.atoms && {
         atoms: Array.from(this.mergeItems.atoms.values())
       }), this.mergeItems.bonds && {
         bonds: Array.from(this.mergeItems.bonds.values())
@@ -20440,9 +21138,9 @@ function prepareTemplateFromSingleGroup(molecule) {
   return template;
 }
 
-function _createForOfIteratorHelper$3(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$3(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$3(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$3(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$3(o, minLen); }
-function _arrayLikeToArray$3(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; }
+function _createForOfIteratorHelper$2(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(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$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(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$2(o, minLen); }
+function _arrayLikeToArray$2(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; }
 var RGroupAtomTool = function () {
   function RGroupAtomTool(editor) {
     _classCallCheck$2(this, RGroupAtomTool);
@@ -20480,7 +21178,7 @@ var RGroupAtomTool = function () {
         }
       }
       if (atomResult.length > 0) {
-        var _iterator = _createForOfIteratorHelper$3(atomResult),
+        var _iterator = _createForOfIteratorHelper$2(atomResult),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -20546,9 +21244,9 @@ function propsDialog$1(editor, id, pos) {
   });
 }
 
-function _createForOfIteratorHelper$2(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(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$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(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$2(o, minLen); }
-function _arrayLikeToArray$2(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; }
+function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(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$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(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$1(o, minLen); }
+function _arrayLikeToArray$1(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; }
 var RGroupFragmentTool = function () {
   function RGroupFragmentTool(editor) {
     _classCallCheck$2(this, RGroupFragmentTool);
@@ -20585,7 +21283,7 @@ var RGroupFragmentTool = function () {
         }
       }
       if (atomResult.length > 0) {
-        var _iterator = _createForOfIteratorHelper$2(atomResult),
+        var _iterator = _createForOfIteratorHelper$1(atomResult),
           _step;
         try {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -20605,7 +21303,7 @@ var RGroupFragmentTool = function () {
         });
         return;
       } else if (bondResult.length > 0) {
-        var _iterator2 = _createForOfIteratorHelper$2(bondResult),
+        var _iterator2 = _createForOfIteratorHelper$1(bondResult),
           _step2;
         try {
           for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
@@ -21038,8 +21736,8 @@ function normalizeAngle(angle) {
   return angleWithinFullCircle;
 }
 
-function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SNAP_ANGLES_RELATIVE_TO_FIXED_BOND = [Math.PI / 2, -Math.PI / 2, 2 * Math.PI / 3, -(2 * Math.PI) / 3, Math.PI];
 var MAX_SNAP_DELTA = Math.PI / 18;
 var ANGLE_INDICATOR_VISIBLE_DELTA = Math.PI / 9;
@@ -21116,7 +21814,7 @@ var RotateTool = function () {
     get: function get() {
       var _this$snapInfo;
       if ((_this$snapInfo = this.snapInfo) !== null && _this$snapInfo !== void 0 && _this$snapInfo.snapAngleDrawingProps) {
-        return _objectSpread$P({
+        return _objectSpread$O({
           snapMode: this.snapInfo.snapMode
         }, this.snapInfo.snapAngleDrawingProps);
       }
@@ -21293,861 +21991,181 @@ var RotateTool = function () {
           var currentHalfBondId = fixedHalfBondIds[j];
           var currentHalfBondAngle = fixedHalfBondAngles[j];
           var difference = currentHalfBondAngle - previousHalfBondAngle;
-          var bisectorAngle = normalizeAngle(currentHalfBondAngle - difference / 2);
-          var snapAngle = difference > Math.PI ? bisectorAngle : normalizeAngle(bisectorAngle + Math.PI);
-          absoluteSnapAngles.push(snapAngle);
-          snapAngleToHalfBonds.set(snapAngle, [rotatableHalfBondId, previousHalfBondId, currentHalfBondId]);
-        }
-      }
-      return [absoluteSnapAngles, snapAngleToHalfBonds];
-    }
-  }, {
-    key: "partitionNeighborsBySelection",
-    value: function partitionNeighborsBySelection(selection, atom) {
-      var _this3 = this;
-      var rotatableHalfBondIds = [];
-      var rotatableHalfBondAngles = [];
-      var fixedHalfBondIds = [];
-      var fixedHalfBondAngles = [];
-      atom.neighbors.forEach(function (halfBondId) {
-        var _selection$atoms;
-        var halfBond = _this3.struct.halfBonds.get(halfBondId);
-        assert_1(halfBond != null);
-        var neighborAtomId = halfBond.end;
-        if (selection !== null && selection !== void 0 && (_selection$atoms = selection.atoms) !== null && _selection$atoms !== void 0 && _selection$atoms.includes(neighborAtomId)) {
-          if (!FunctionalGroup.isHalfBondInContractedFunctionalGroup(halfBond, _this3.struct)) {
-            rotatableHalfBondIds.push(halfBondId);
-            rotatableHalfBondAngles.push(halfBond.ang);
-          }
-        } else {
-          fixedHalfBondIds.push(halfBondId);
-          fixedHalfBondAngles.push(halfBond.ang);
-        }
-      });
-      return {
-        rotatableHalfBondIds: rotatableHalfBondIds,
-        rotatableHalfBondAngles: rotatableHalfBondAngles,
-        fixedHalfBondIds: fixedHalfBondIds,
-        fixedHalfBondAngles: fixedHalfBondAngles
-      };
-    }
-  }, {
-    key: "snap",
-    value: function snap(mouseMoveAngle) {
-      var _this4 = this;
-      var isSnapping = false;
-      var rotateAngle = 0;
-      if (!this.snapInfo) {
-        return [isSnapping, rotateAngle];
-      }
-      var newRotatedHalfBondAngle = normalizeAngle(this.snapInfo.rotatableHalfBondAngle + mouseMoveAngle);
-      this.snapInfo.absoluteSnapAngles.some(function (snapAngle, index) {
-        if (Math.abs(newRotatedHalfBondAngle - snapAngle) <= MAX_SNAP_DELTA) {
-          isSnapping = true;
-          assert_1(_this4.snapInfo != null);
-          rotateAngle = snapAngle - _this4.snapInfo.rotatableHalfBondAngle;
-          _this4.saveSnappingBonds(snapAngle);
-          _this4.snapInfo.snapAngleDrawingProps = {
-            isSnapping: isSnapping,
-            absoluteAngle: snapAngle,
-            relativeAngle: SNAP_ANGLES_RELATIVE_TO_FIXED_BOND[index]
-          };
-          return true;
-        } else if (Math.abs(newRotatedHalfBondAngle - snapAngle) < ANGLE_INDICATOR_VISIBLE_DELTA) {
-          assert_1(_this4.snapInfo != null);
-          _this4.snapInfo.snapAngleDrawingProps = {
-            isSnapping: isSnapping,
-            absoluteAngle: snapAngle,
-            relativeAngle: SNAP_ANGLES_RELATIVE_TO_FIXED_BOND[index]
-          };
-          return true;
-        }
-        return false;
-      });
-      return [isSnapping, rotateAngle];
-    }
-  }, {
-    key: "saveSnappingBonds",
-    value: function saveSnappingBonds(snapAngle) {
-      var _this$snapInfo2,
-        _this5 = this;
-      var halfBondsToBeHighlighted = (_this$snapInfo2 = this.snapInfo) === null || _this$snapInfo2 === void 0 ? void 0 : _this$snapInfo2.snapAngleToHalfBonds.get(snapAngle);
-      var bondIds = halfBondsToBeHighlighted === null || halfBondsToBeHighlighted === void 0 ? void 0 : halfBondsToBeHighlighted.map(function (halfBond) {
-        var bondId = _this5.struct.getBondIdByHalfBond(halfBond);
-        assert_1(bondId != null);
-        return bondId;
-      });
-      bondIds === null || bondIds === void 0 || bondIds.forEach(function (bondId) {
-        _this5.reStruct.addSnappingBonds(bondId);
-      });
-    }
-  }]);
-  return RotateTool;
-}();
-
-var SimpleObjectTool = function () {
-  function SimpleObjectTool(editor, mode) {
-    _classCallCheck$2(this, SimpleObjectTool);
-    this.mode = mode;
-    this.editor = editor;
-    this.editor.selection(null);
-  }
-  _createClass$2(SimpleObjectTool, [{
-    key: "mousedown",
-    value: function mousedown(event) {
-      var rnd = this.editor.render;
-      var p0 = rnd.page2obj(event);
-      this.dragCtx = {
-        p0: p0
-      };
-      var ci = this.editor.findItem(event, ['simpleObjects']);
-      if (ci && ci.map === 'simpleObjects') {
-        this.editor.hover(null);
-        this.editor.selection({
-          simpleObjects: [ci.id]
-        });
-        this.dragCtx.ci = ci;
-      } else {
-        this.dragCtx.isNew = true;
-        this.editor.selection(null);
-      }
-    }
-  }, {
-    key: "mousemove",
-    value: function mousemove(event) {
-      var rnd = this.editor.render;
-      if (this.dragCtx) {
-        var current = rnd.page2obj(event);
-        var diff = current.sub(this.dragCtx.p0);
-        this.dragCtx.previous = current;
-        if (this.dragCtx.ci) {
-          if (this.dragCtx.action) {
-            this.dragCtx.action.perform(rnd.ctab);
-          }
-          if (!this.dragCtx.ci.ref) {
-            this.dragCtx.action = fromMultipleMove(rnd.ctab, this.editor.selection() || {}, diff);
-          } else {
-            this.dragCtx.action = fromSimpleObjectResizing(rnd.ctab, this.dragCtx.ci.id, diff, current, this.dragCtx.ci.ref, event.shiftKey);
-          }
-          this.editor.update(this.dragCtx.action, true);
-        } else {
-          if (!this.dragCtx.action) {
-            var action = fromSimpleObjectAddition(rnd.ctab, [this.dragCtx.p0, this.dragCtx.p0], this.mode, false);
-            var addOperation = action.operations[0];
-            this.dragCtx.itemId = addOperation.data.id;
-            this.dragCtx.action = action;
-            this.editor.update(this.dragCtx.action, true);
-          } else {
-            this.dragCtx.action.perform(rnd.ctab);
-          }
-          this.dragCtx.action = fromSimpleObjectResizing(rnd.ctab, this.dragCtx.itemId, diff, current, null, event.shiftKey);
-          this.editor.update(this.dragCtx.action, true);
-        }
-      } else {
-        var items = this.editor.findItem(event, ['simpleObjects']);
-        this.editor.hover(items, null, event);
-      }
-    }
-  }, {
-    key: "mouseup",
-    value: function mouseup(event) {
-      if (!this.dragCtx) {
-        return true;
-      }
-      if (this.dragCtx.action) {
-        if (this.dragCtx.isNew) {
-          var rnd = this.editor.render;
-          this.editor.update(fromSimpleObjectDeletion(rnd.ctab, this.dragCtx.itemId), true);
-          this.dragCtx.action = fromSimpleObjectAddition(rnd.ctab, [this.dragCtx.p0, this.dragCtx.previous], this.mode, event.shiftKey);
-        }
-        this.editor.update(this.dragCtx.action);
-      }
-      delete this.dragCtx;
-      return true;
-    }
-  }]);
-  return SimpleObjectTool;
-}();
-
-var PREVIEW_DELAY = 300;
-function getUniqueCiId(ci) {
-  return "".concat(ci.id, "-").concat(ci.map);
-}
-var TemplatePreview = function () {
-  function TemplatePreview(editor, template, mode) {
-    _classCallCheck$2(this, TemplatePreview);
-    _defineProperty$1(this, "connectedPreviewTimeout", null);
-    this.editor = editor;
-    this.template = template;
-    this.floatingPreviewAction = new Action();
-    this.connectedPreviewAction = null;
-    this.connectedPreviewTimeout = null;
-    this.lastPreviewId = null;
-    this.mode = mode;
-    this.floatingPreview = null;
-    this.position = new Vec2();
-    this.previousPosition = new Vec2();
-  }
-  _createClass$2(TemplatePreview, [{
-    key: "struct",
-    get: function get() {
-      return this.restruct.molecule;
-    }
-  }, {
-    key: "restruct",
-    get: function get() {
-      return this.editor.render.ctab;
-    }
-  }, {
-    key: "isModeFunctionalGroup",
-    get: function get() {
-      return this.mode === MODES.FG;
-    }
-  }, {
-    key: "hidePreview",
-    value: function hidePreview() {
-      this.hideConnectedPreview();
-      this.hideFloatingPreview();
-    }
-  }, {
-    key: "getPreviewTarget",
-    value: function getPreviewTarget() {
-      var _this$restruct$molecu;
-      var ci = this.editor.findItem(event, ['atoms', 'bonds']);
-      if (ci && ((_this$restruct$molecu = this.restruct.molecule[ci.map].get(ci.id)) === null || _this$restruct$molecu === void 0 ? void 0 : _this$restruct$molecu.isPreview) === false) {
-        return ci;
-      } else {
-        return null;
-      }
-    }
-  }, {
-    key: "movePreview",
-    value: function movePreview(event) {
-      var _this = this;
-      this.position = this.editor.render.page2obj(event);
-      var struct = this.editor.struct();
-      var previewTarget = this.getPreviewTarget();
-      var isMouseAwayFromAtomsAndBonds = !previewTarget;
-      var isPreviewTargetChanged = previewTarget && this.lastPreviewId !== getUniqueCiId(previewTarget);
-      var shouldHidePreview = isMouseAwayFromAtomsAndBonds || isPreviewTargetChanged;
-      var shouldShowPreview = previewTarget && !struct.isTargetFromMacromolecule(previewTarget) && !this.connectedPreviewAction && !this.connectedPreviewTimeout;
-      if (shouldHidePreview) {
-        this.hideConnectedPreview();
-      }
-      if (shouldShowPreview) {
-        this.lastPreviewId = getUniqueCiId(previewTarget);
-        this.connectedPreviewTimeout = setTimeout(function () {
-          _this.previousPosition = _this.position;
-          _this.hideFloatingPreview();
-          _this.showConnectedPreview(event, previewTarget);
-        }, PREVIEW_DELAY);
-      } else if (shouldHidePreview) {
-        if (!this.floatingPreview) {
-          this.showFloatingPreview(this.position);
-          this.previousPosition = this.position;
-          this.editor.render.update(false, null);
-        } else {
-          this.moveFloatingPreview();
-        }
-      }
-    }
-  }, {
-    key: "moveFloatingPreview",
-    value: function moveFloatingPreview() {
-      var dist = this.position.sub(this.previousPosition);
-      this.previousPosition = this.position;
-      fromMultipleMove(this.restruct, this.floatingPreview, dist);
-      this.editor.render.update(false, null);
-    }
-  }, {
-    key: "showFloatingPreview",
-    value: function showFloatingPreview(position) {
-      var _fromTemplateOnCanvas = fromTemplateOnCanvas(this.restruct, this.template, position);
-      var _fromTemplateOnCanvas2 = _slicedToArray$1(_fromTemplateOnCanvas, 2);
-      this.floatingPreviewAction = _fromTemplateOnCanvas2[0];
-      this.floatingPreview = _fromTemplateOnCanvas2[1];
-      this.editor.render.update(true, null);
-    }
-  }, {
-    key: "hideFloatingPreview",
-    value: function hideFloatingPreview() {
-      if (this.floatingPreviewAction) {
-        var action = this.floatingPreviewAction.perform(this.restruct);
-        this.editor.update(action, true);
-        this.floatingPreviewAction = null;
-        this.floatingPreview = null;
-      }
-    }
-  }, {
-    key: "hideConnectedPreview",
-    value: function hideConnectedPreview() {
-      if (this.connectedPreviewAction) {
-        this.connectedPreviewAction.perform(this.restruct);
-        this.connectedPreviewAction = null;
-        this.editor.render.update();
-      }
-      if (this.connectedPreviewTimeout) {
-        clearTimeout(this.connectedPreviewTimeout);
-        this.connectedPreviewTimeout = null;
-      }
-    }
-  }, {
-    key: "showConnectedPreview",
-    value: function showConnectedPreview(event, ci) {
-      var _this2 = this;
-      if (ci.map === 'bonds' && !this.isModeFunctionalGroup) {
-        var bond = this.struct.bonds.get(ci.id);
-        if (!bond) {
-          return;
-        }
-        var sign1 = getBondFlipSign(this.struct, bond);
-        var sign2 = this.template.sign;
-        var shouldFlip = sign1 * sign2 > 0;
-        var promise = fromTemplateOnBondAction(this.restruct, this.template, ci.id, this.editor.event, shouldFlip, true, true);
-        promise.then(function (_ref) {
-          var _ref2 = _slicedToArray$1(_ref, 2),
-            action = _ref2[0],
-            pasteItems = _ref2[1];
-          if (!_this2.isModeFunctionalGroup) {
-            var mergeItems = getItemsToFuse(_this2.editor, pasteItems);
-            action = fromItemsFuse(_this2.restruct, mergeItems).mergeWith(action);
-            _this2.editor.update(action, true);
-            _this2.connectedPreviewAction = action;
-          }
-        });
-      } else if (ci.map === 'atoms') {
-        var angle = getAngleFromEvent(event, ci, this.restruct);
-        var _fromTemplateOnAtom = fromTemplateOnAtom(this.restruct, this.template, ci.id, angle, false, true),
-          _fromTemplateOnAtom2 = _slicedToArray$1(_fromTemplateOnAtom, 2),
-          action = _fromTemplateOnAtom2[0],
-          pasteItems = _fromTemplateOnAtom2[1];
-        if (pasteItems && !this.isModeFunctionalGroup) {
-          var mergeItems = getItemsToFuse(this.editor, pasteItems);
-          action = fromItemsFuse(this.restruct, mergeItems).mergeWith(action);
-        }
-        this.editor.update(action, true);
-        this.connectedPreviewAction = action;
-      }
-    }
-  }]);
-  return TemplatePreview;
-}();
-
-function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(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$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(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$1(o, minLen); }
-function _arrayLikeToArray$1(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; }
-function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function getBondFlipSign(struct, bond) {
-  var _struct$atoms$get, _struct$halfBonds$get;
-  var xy0 = new Vec2();
-  var frid = (_struct$atoms$get = struct.atoms.get(bond === null || bond === void 0 ? void 0 : bond.begin)) === null || _struct$atoms$get === void 0 ? void 0 : _struct$atoms$get.fragment;
-  var frIds = struct.getFragmentIds(frid);
-  var count = 0;
-  var loop = (_struct$halfBonds$get = struct.halfBonds.get(bond === null || bond === void 0 ? void 0 : bond.hb1)) === null || _struct$halfBonds$get === void 0 ? void 0 : _struct$halfBonds$get.loop;
-  if (loop && loop < 0) {
-    var _struct$halfBonds$get2;
-    loop = (_struct$halfBonds$get2 = struct.halfBonds.get(bond === null || bond === void 0 ? void 0 : bond.hb2)) === null || _struct$halfBonds$get2 === void 0 ? void 0 : _struct$halfBonds$get2.loop;
-  }
-  if (loop && loop >= 0) {
-    var _struct$loops$get;
-    var loopHbs = (_struct$loops$get = struct.loops.get(loop)) === null || _struct$loops$get === void 0 ? void 0 : _struct$loops$get.hbs;
-    loopHbs === null || loopHbs === void 0 || loopHbs.forEach(function (hb) {
-      var _struct$halfBonds$get3;
-      var halfBondBegin = (_struct$halfBonds$get3 = struct.halfBonds.get(hb)) === null || _struct$halfBonds$get3 === void 0 ? void 0 : _struct$halfBonds$get3.begin;
-      if (halfBondBegin) {
-        var hbbAtom = struct.atoms.get(halfBondBegin);
-        if (hbbAtom) {
-          xy0.add_(hbbAtom.pp);
-          count++;
-        }
-      }
-    });
-  } else {
-    frIds.forEach(function (id) {
-      var atomById = struct.atoms.get(id);
-      if (atomById) {
-        xy0.add_(atomById.pp);
-        count++;
-      }
-    });
-  }
-  var v0 = xy0.scaled(1 / count);
-  return getSign(struct, bond, v0) || 1;
-}
-function getAngleFromEvent(event, ci, restruct) {
-  var _restruct$atoms$get;
-  var degree = (_restruct$atoms$get = restruct.atoms.get(ci.id)) === null || _restruct$atoms$get === void 0 ? void 0 : _restruct$atoms$get.a.neighbors.length;
-  var angle;
-  if (degree && degree > 1) {
-    angle = null;
-  } else if (degree === 1) {
-    var _restruct$molecule$ha;
-    var atom = restruct.molecule.atoms.get(ci.id);
-    var neiId = atom && ((_restruct$molecule$ha = restruct.molecule.halfBonds.get(atom.neighbors[0])) === null || _restruct$molecule$ha === void 0 ? void 0 : _restruct$molecule$ha.end);
-    var nei = (neiId || neiId === 0) && restruct.molecule.atoms.get(neiId);
-    angle = event.ctrlKey ? vectorUtils.calcAngle(nei === null || nei === void 0 ? void 0 : nei.pp, atom === null || atom === void 0 ? void 0 : atom.pp) : vectorUtils.fracAngle(vectorUtils.calcAngle(nei.pp, atom === null || atom === void 0 ? void 0 : atom.pp), null);
-  } else {
-    angle = 0;
-  }
-  return angle;
-}
-var TemplateTool = function () {
-  function TemplateTool(editor, tmpl) {
-    _classCallCheck$2(this, TemplateTool);
-    _defineProperty$1(this, "targetGroupsIds", []);
-    this.editor = editor;
-    this.mode = getTemplateMode(tmpl);
-    this.editor.selection(null);
-    this.isSaltOrSolvent = SGroup$1.isSaltOrSolvent(tmpl.struct.name);
-    var sGroup = tmpl.struct.sgroups.values().next().value;
-    this.template = {
-      aid: parseInt(tmpl.aid) || (sGroup === null || sGroup === void 0 ? void 0 : sGroup.getAttachmentAtomId()) || 0,
-      bid: parseInt(tmpl.bid) || 0
-    };
-    this.templatePreview = new TemplatePreview(editor, this.template, this.mode);
-    var frag = tmpl.struct;
-    frag.rescale();
-    var xy0 = new Vec2();
-    frag.atoms.forEach(function (atom) {
-      xy0.add_(atom.pp);
-    });
-    this.template.molecule = frag;
-    this.findItems = [];
-    this.template.xy0 = xy0.scaled(1 / (frag.atoms.size || 1));
-    var atom = frag.atoms.get(this.template.aid);
-    if (atom) {
-      this.template.angle0 = vectorUtils.calcAngle(atom.pp, this.template.xy0);
-      this.findItems.push('atoms');
-    }
-    var bond = frag.bonds.get(this.template.bid);
-    if (bond && !this.isModeFunctionalGroup) {
-      this.template.sign = getSign(frag, bond, this.template.xy0);
-      this.findItems.push('bonds');
-    }
-    var sGroupSize = frag.sgroups.size;
-    if (sGroupSize) {
-      this.findItems.push('functionalGroups');
-    }
-  }
-  _createClass$2(TemplateTool, [{
-    key: "struct",
-    get: function get() {
-      return this.editor.render.ctab.molecule;
-    }
-  }, {
-    key: "functionalGroups",
-    get: function get() {
-      return this.struct.functionalGroups;
-    }
-  }, {
-    key: "isModeFunctionalGroup",
-    get: function get() {
-      return this.mode === MODES.FG;
+          var bisectorAngle = normalizeAngle(currentHalfBondAngle - difference / 2);
+          var snapAngle = difference > Math.PI ? bisectorAngle : normalizeAngle(bisectorAngle + Math.PI);
+          absoluteSnapAngles.push(snapAngle);
+          snapAngleToHalfBonds.set(snapAngle, [rotatableHalfBondId, previousHalfBondId, currentHalfBondId]);
+        }
+      }
+      return [absoluteSnapAngles, snapAngleToHalfBonds];
     }
   }, {
-    key: "closestItem",
-    get: function get() {
-      return this.editor.findItem(this.event, ['atoms', 'bonds', 'sgroups', 'functionalGroups']);
+    key: "partitionNeighborsBySelection",
+    value: function partitionNeighborsBySelection(selection, atom) {
+      var _this3 = this;
+      var rotatableHalfBondIds = [];
+      var rotatableHalfBondAngles = [];
+      var fixedHalfBondIds = [];
+      var fixedHalfBondAngles = [];
+      atom.neighbors.forEach(function (halfBondId) {
+        var _selection$atoms;
+        var halfBond = _this3.struct.halfBonds.get(halfBondId);
+        assert_1(halfBond != null);
+        var neighborAtomId = halfBond.end;
+        if (selection !== null && selection !== void 0 && (_selection$atoms = selection.atoms) !== null && _selection$atoms !== void 0 && _selection$atoms.includes(neighborAtomId)) {
+          if (!FunctionalGroup.isHalfBondInContractedFunctionalGroup(halfBond, _this3.struct)) {
+            rotatableHalfBondIds.push(halfBondId);
+            rotatableHalfBondAngles.push(halfBond.ang);
+          }
+        } else {
+          fixedHalfBondIds.push(halfBondId);
+          fixedHalfBondAngles.push(halfBond.ang);
+        }
+      });
+      return {
+        rotatableHalfBondIds: rotatableHalfBondIds,
+        rotatableHalfBondAngles: rotatableHalfBondAngles,
+        fixedHalfBondIds: fixedHalfBondIds,
+        fixedHalfBondAngles: fixedHalfBondAngles
+      };
     }
   }, {
-    key: "isNeedToShowRemoveAbbreviationPopup",
-    get: function get() {
-      var _this$closestItem;
-      var targetId = this.findKeyOfRelatedGroupId((_this$closestItem = this.closestItem) === null || _this$closestItem === void 0 ? void 0 : _this$closestItem.id);
-      var functionalGroup = this.functionalGroups.get(targetId);
-      if ((functionalGroup === null || functionalGroup === void 0 ? void 0 : functionalGroup.relatedSGroup) instanceof MonomerMicromolecule) {
-        return false;
+    key: "snap",
+    value: function snap(mouseMoveAngle) {
+      var _this4 = this;
+      var isSnapping = false;
+      var rotateAngle = 0;
+      if (!this.snapInfo) {
+        return [isSnapping, rotateAngle];
       }
-      var isTargetExpanded = functionalGroup === null || functionalGroup === void 0 ? void 0 : functionalGroup.isExpanded;
-      var isTargetAtomOrBond = this.targetGroupsIds.length && !this.isModeFunctionalGroup;
-      return Boolean(isTargetExpanded || isTargetAtomOrBond);
-    }
-  }, {
-    key: "findKeyOfRelatedGroupId",
-    value: function findKeyOfRelatedGroupId(clickedClosestItemId) {
-      var targetId;
-      var relatedGroupId = FunctionalGroup.findFunctionalGroupByAtom(this.functionalGroups, clickedClosestItemId);
-      this.functionalGroups.forEach(function (fg, key) {
-        if (fg.relatedSGroupId === relatedGroupId) {
-          targetId = key;
+      var newRotatedHalfBondAngle = normalizeAngle(this.snapInfo.rotatableHalfBondAngle + mouseMoveAngle);
+      this.snapInfo.absoluteSnapAngles.some(function (snapAngle, index) {
+        if (Math.abs(newRotatedHalfBondAngle - snapAngle) <= MAX_SNAP_DELTA) {
+          isSnapping = true;
+          assert_1(_this4.snapInfo != null);
+          rotateAngle = snapAngle - _this4.snapInfo.rotatableHalfBondAngle;
+          _this4.saveSnappingBonds(snapAngle);
+          _this4.snapInfo.snapAngleDrawingProps = {
+            isSnapping: isSnapping,
+            absoluteAngle: snapAngle,
+            relativeAngle: SNAP_ANGLES_RELATIVE_TO_FIXED_BOND[index]
+          };
+          return true;
+        } else if (Math.abs(newRotatedHalfBondAngle - snapAngle) < ANGLE_INDICATOR_VISIBLE_DELTA) {
+          assert_1(_this4.snapInfo != null);
+          _this4.snapInfo.snapAngleDrawingProps = {
+            isSnapping: isSnapping,
+            absoluteAngle: snapAngle,
+            relativeAngle: SNAP_ANGLES_RELATIVE_TO_FIXED_BOND[index]
+          };
+          return true;
         }
+        return false;
       });
-      return targetId;
+      return [isSnapping, rotateAngle];
     }
   }, {
-    key: "showRemoveAbbreviationPopup",
-    value: function showRemoveAbbreviationPopup() {
-      var _this = this;
-      return this.editor.event.removeFG.dispatch({
-        fgIds: this.targetGroupsIds
-      }).then(function () {
-        _this.targetGroupsIds.length = 0;
-        return Promise.resolve();
+    key: "saveSnappingBonds",
+    value: function saveSnappingBonds(snapAngle) {
+      var _this$snapInfo2,
+        _this5 = this;
+      var halfBondsToBeHighlighted = (_this$snapInfo2 = this.snapInfo) === null || _this$snapInfo2 === void 0 ? void 0 : _this$snapInfo2.snapAngleToHalfBonds.get(snapAngle);
+      var bondIds = halfBondsToBeHighlighted === null || halfBondsToBeHighlighted === void 0 ? void 0 : halfBondsToBeHighlighted.map(function (halfBond) {
+        var bondId = _this5.struct.getBondIdByHalfBond(halfBond);
+        assert_1(bondId != null);
+        return bondId;
+      });
+      bondIds === null || bondIds === void 0 || bondIds.forEach(function (bondId) {
+        _this5.reStruct.addSnappingBonds(bondId);
       });
     }
-  }, {
+  }]);
+  return RotateTool;
+}();
+
+var SimpleObjectTool = function () {
+  function SimpleObjectTool(editor, mode) {
+    _classCallCheck$2(this, SimpleObjectTool);
+    this.mode = mode;
+    this.editor = editor;
+    this.editor.selection(null);
+  }
+  _createClass$2(SimpleObjectTool, [{
     key: "mousedown",
-    value: function () {
-      var _mousedown = _asyncToGenerator( _regeneratorRuntime.mark(function _callee(event) {
-        var _this$templatePreview;
-        var target, struct, _this$closestItem2, _this$closestItem3, _this$closestItem4, dragCtx, ci, bond;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              target = this.editor.findItem(event, this.findItems);
-              struct = this.editor.struct();
-              this.event = event;
-              (_this$templatePreview = this.templatePreview) === null || _this$templatePreview === void 0 || _this$templatePreview.hidePreview();
-              if (this.functionalGroups.size) {
-                this.targetGroupsIds = getGroupIdsFromItemArrays(this.struct, _objectSpread$O(_objectSpread$O({}, ((_this$closestItem2 = this.closestItem) === null || _this$closestItem2 === void 0 ? void 0 : _this$closestItem2.map) === 'atoms' && {
-                  atoms: [this.closestItem.id]
-                }), ((_this$closestItem3 = this.closestItem) === null || _this$closestItem3 === void 0 ? void 0 : _this$closestItem3.map) === 'bonds' && {
-                  bonds: [this.closestItem.id]
-                }));
-                if (
-                ((_this$closestItem4 = this.closestItem) === null || _this$closestItem4 === void 0 ? void 0 : _this$closestItem4.map) === 'functionalGroups' && FunctionalGroup.isContractedFunctionalGroup(this.closestItem.id, this.functionalGroups)) {
-                  this.targetGroupsIds.push(this.closestItem.id);
-                }
-              }
-              if (!struct.isTargetFromMacromolecule(target)) {
-                _context.next = 7;
-                break;
-              }
-              return _context.abrupt("return");
-            case 7:
-              if (!this.isNeedToShowRemoveAbbreviationPopup) {
-                _context.next = 11;
-                break;
-              }
-              _context.next = 10;
-              return this.showRemoveAbbreviationPopup();
-            case 10:
-              return _context.abrupt("return");
-            case 11:
-              this.editor.hover(null);
-              this.dragCtx = {
-                xy0: this.editor.render.page2obj(event),
-                item: this.editor.findItem(this.event, this.findItems)
-              };
-              dragCtx = this.dragCtx;
-              ci = dragCtx.item;
-              if (ci) {
-                _context.next = 18;
-                break;
-              }
-              delete dragCtx.item;
-              return _context.abrupt("return");
-            case 18:
-              if (ci.map === 'bonds' && !this.isModeFunctionalGroup) {
-                bond = this.struct.bonds.get(ci.id);
-                dragCtx.sign1 = getBondFlipSign(this.struct, bond);
-                dragCtx.sign2 = this.template.sign;
-              }
-            case 19:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee, this);
-      }));
-      function mousedown(_x) {
-        return _mousedown.apply(this, arguments);
+    value: function mousedown(event) {
+      var rnd = this.editor.render;
+      var p0 = rnd.page2obj(event);
+      this.dragCtx = {
+        p0: p0
+      };
+      var ci = this.editor.findItem(event, ['simpleObjects']);
+      if (ci && ci.map === 'simpleObjects') {
+        this.editor.hover(null);
+        this.editor.selection({
+          simpleObjects: [ci.id]
+        });
+        this.dragCtx.ci = ci;
+      } else {
+        this.dragCtx.isNew = true;
+        this.editor.selection(null);
       }
-      return mousedown;
-    }()
+    }
   }, {
     key: "mousemove",
     value: function mousemove(event) {
-      if (!this.dragCtx) {
-        var _this$templatePreview2;
-        this.editor.hover(this.editor.findItem(event, this.findItems), null, event);
-        (_this$templatePreview2 = this.templatePreview) === null || _this$templatePreview2 === void 0 || _this$templatePreview2.movePreview(event);
-        return true;
-      }
-      if (this.isSaltOrSolvent) {
-        delete this.dragCtx.item;
-        return true;
-      }
-      var eventPosition = this.editor.render.page2obj(event);
-      var dragCtx = this.dragCtx;
-      var ci = dragCtx.item;
-      var targetPos = null;
-      if (ci && ci.map === 'bonds' && !this.isModeFunctionalGroup) {
-        var bond = this.struct.bonds.get(ci.id);
-        var sign = getSign(this.struct, bond, eventPosition);
-        if (dragCtx.sign1 * this.template.sign > 0) {
-          sign = -sign;
-        }
-        if (sign !== dragCtx.sign2 || !dragCtx.action) {
-          if (dragCtx.action) {
-            dragCtx.action.perform(this.editor.render.ctab);
+      var rnd = this.editor.render;
+      if (this.dragCtx) {
+        var current = rnd.page2obj(event);
+        var diff = current.sub(this.dragCtx.p0);
+        this.dragCtx.previous = current;
+        if (this.dragCtx.ci) {
+          if (this.dragCtx.action) {
+            this.dragCtx.action.perform(rnd.ctab);
           }
-          dragCtx.sign2 = sign;
-          var _fromTemplateOnBondAc = fromTemplateOnBondAction(this.editor.render.ctab, this.template, ci.id, this.editor.event, dragCtx.sign1 * dragCtx.sign2 > 0, false),
-            _fromTemplateOnBondAc2 = _slicedToArray$1(_fromTemplateOnBondAc, 2),
-            _action = _fromTemplateOnBondAc2[0],
-            pasteItems = _fromTemplateOnBondAc2[1];
-          dragCtx.action = _action;
-          this.editor.update(dragCtx.action, true);
-          dragCtx.mergeItems = getItemsToFuse(this.editor, pasteItems);
-          this.editor.hover(getHoverToFuse(dragCtx.mergeItems));
-        }
-        return true;
-      }
-      var extraBond = null;
-      if (!ci) {
-        targetPos = dragCtx.xy0;
-      } else if (ci.map === 'atoms' || ci.map === 'functionalGroups') {
-        var atomId = getTargetAtomId(this.struct, ci);
-        if (atomId !== undefined) {
-          var atom = this.struct.atoms.get(atomId);
-          targetPos = atom === null || atom === void 0 ? void 0 : atom.pp;
-          if (targetPos) {
-            extraBond = this.isModeFunctionalGroup ? true : Vec2.dist(targetPos, eventPosition) > 1;
+          if (!this.dragCtx.ci.ref) {
+            this.dragCtx.action = fromMultipleMove(rnd.ctab, this.editor.selection() || {}, diff);
+          } else {
+            this.dragCtx.action = fromSimpleObjectResizing(rnd.ctab, this.dragCtx.ci.id, diff, current, this.dragCtx.ci.ref, event.shiftKey);
           }
+          this.editor.update(this.dragCtx.action, true);
+        } else {
+          if (!this.dragCtx.action) {
+            var action = fromSimpleObjectAddition(rnd.ctab, [this.dragCtx.p0, this.dragCtx.p0], this.mode, false);
+            var addOperation = action.operations[0];
+            this.dragCtx.itemId = addOperation.data.id;
+            this.dragCtx.action = action;
+            this.editor.update(this.dragCtx.action, true);
+          } else {
+            this.dragCtx.action.perform(rnd.ctab);
+          }
+          this.dragCtx.action = fromSimpleObjectResizing(rnd.ctab, this.dragCtx.itemId, diff, current, null, event.shiftKey);
+          this.editor.update(this.dragCtx.action, true);
         }
+      } else {
+        var items = this.editor.findItem(event, ['simpleObjects']);
+        this.editor.hover(items, null, event);
       }
-      if (!targetPos) {
-        return true;
-      }
-      var angle = vectorUtils.calcAngle(targetPos, eventPosition);
-      if (!event.ctrlKey) {
-        angle = vectorUtils.fracAngle(angle, null);
-      }
-      var degrees = vectorUtils.degrees(angle);
-      this.editor.event.message.dispatch({
-        info: degrees + 'º'
-      });
-      if (
-      dragCtx.hasOwnProperty('angle') && dragCtx.angle === degrees && (
-      !dragCtx.hasOwnProperty('extra_bond') || dragCtx.extra_bond === extraBond)) {
-        return true;
-      }
-      if (dragCtx.action) {
-        dragCtx.action.perform(this.editor.render.ctab);
-      }
-      dragCtx.angle = degrees;
-      var action = null;
-      if (!ci) {
-        var _this$template;
-        var isAddingFunctionalGroup = (_this$template = this.template) === null || _this$template === void 0 || (_this$template = _this$template.molecule) === null || _this$template === void 0 ? void 0 : _this$template.sgroups.size;
-        if (isAddingFunctionalGroup) {
-          return true;
-        }
-        var _fromTemplateOnCanvas = fromTemplateOnCanvas(this.editor.render.ctab, this.template, targetPos, angle);
-        var _fromTemplateOnCanvas2 = _slicedToArray$1(_fromTemplateOnCanvas, 1);
-        action = _fromTemplateOnCanvas2[0];
-      } else if ((ci === null || ci === void 0 ? void 0 : ci.map) === 'atoms' || (ci === null || ci === void 0 ? void 0 : ci.map) === 'functionalGroups') {
-        var _atomId = getTargetAtomId(this.struct, ci);
-        var _fromTemplateOnAtom = fromTemplateOnAtom(this.editor.render.ctab, this.template, _atomId, angle, extraBond);
-        var _fromTemplateOnAtom2 = _slicedToArray$1(_fromTemplateOnAtom, 1);
-        action = _fromTemplateOnAtom2[0];
-        dragCtx.extra_bond = extraBond;
-      }
-      dragCtx.action = action;
-      this.editor.update(dragCtx.action, true);
-      if (this.targetGroupsIds.length) this.targetGroupsIds.length = 0;
-      return true;
     }
   }, {
     key: "mouseup",
     value: function mouseup(event) {
-      var _this2 = this,
-        _ci;
-      var dragCtx = this.dragCtx;
-      if (!dragCtx) {
-        return true;
-      }
-      delete this.dragCtx;
-      var restruct = this.editor.render.ctab;
-      var ci = dragCtx.item;
-      if (dragCtx.action && ci && ci.map === 'bonds' && !this.isModeFunctionalGroup) {
-        dragCtx.action.perform(restruct);
-        var promise = fromTemplateOnBondAction(restruct, this.template, ci.id, this.editor.event, dragCtx.sign1 * dragCtx.sign2 > 0, true);
-        promise.then(function (_ref) {
-          var _ref2 = _slicedToArray$1(_ref, 2),
-            action = _ref2[0],
-            pasteItems = _ref2[1];
-          var mergeItems = getItemsToFuse(_this2.editor, pasteItems);
-          action = fromItemsFuse(restruct, mergeItems).mergeWith(action);
-          _this2.editor.update(action);
-        });
+      if (!this.dragCtx) {
         return true;
       }
-      var action, functionalGroupRemoveAction;
-      if (((_ci = ci) === null || _ci === void 0 ? void 0 : _ci.map) === 'functionalGroups' && FunctionalGroup.isContractedFunctionalGroup(ci.id, this.functionalGroups) && this.isModeFunctionalGroup && this.targetGroupsIds.length) {
-        var _restruct = this.editor.render.ctab;
-        var functionalGroupToReplace = this.struct.sgroups.get(ci.id);
-        if (this.isSaltOrSolvent && functionalGroupToReplace.isGroupAttached(this.struct)) {
-          addOnCanvasWithoutMerge({
-            restruct: _restruct,
-            template: this.template,
-            dragCtx: dragCtx,
-            editor: this.editor,
-            event: event
-          });
-          return true;
-        }
-        functionalGroupRemoveAction = new Action();
-        var _functionalGroupToRep = functionalGroupToReplace.getContractedPosition(_restruct.molecule),
-          sGroupPositionAtomId = _functionalGroupToRep.atomId;
-        var atomsWithoutAttachmentAtom = SGroup$1.getAtoms(this.struct, functionalGroupToReplace).filter(function (id) {
-          return id !== sGroupPositionAtomId;
-        });
-        functionalGroupRemoveAction.mergeWith(fromSgroupDeletion(_restruct, ci.id));
-        functionalGroupRemoveAction.mergeWith(fromFragmentDeletion(_restruct, {
-          atoms: atomsWithoutAttachmentAtom
-        }));
-        ci = {
-          map: 'atoms',
-          id: sGroupPositionAtomId
-        };
-      }
-      if (!dragCtx.action) {
-        if (!ci) {
-          addOnCanvasWithoutMerge({
-            restruct: restruct,
-            template: this.template,
-            dragCtx: dragCtx,
-            editor: this.editor,
-            event: event
-          });
-          return true;
-        } else if (ci.map === 'atoms') {
-          var _restruct$atoms$get2;
-          var degree = (_restruct$atoms$get2 = restruct.atoms.get(ci.id)) === null || _restruct$atoms$get2 === void 0 ? void 0 : _restruct$atoms$get2.a.neighbors.length;
-          if (degree && degree >= 1 && this.isSaltOrSolvent) {
-            addOnCanvasWithoutMerge({
-              restruct: restruct,
-              template: this.template,
-              dragCtx: dragCtx,
-              editor: this.editor,
-              event: event
-            });
-            return true;
-          }
-          var angle = getAngleFromEvent(event, ci, restruct);
-          var _fromTemplateOnAtom3 = fromTemplateOnAtom(restruct, this.template, ci.id, angle, false);
-          var _fromTemplateOnAtom4 = _slicedToArray$1(_fromTemplateOnAtom3, 1);
-          action = _fromTemplateOnAtom4[0];
-          if (functionalGroupRemoveAction) {
-            action = functionalGroupRemoveAction.mergeWith(action);
-          }
-          dragCtx.action = action;
-        } else if (ci.map === 'bonds' && !this.isModeFunctionalGroup) {
-          var _promise = fromTemplateOnBondAction(restruct, this.template, ci.id, this.editor.event, dragCtx.sign1 * dragCtx.sign2 > 0, true);
-          _promise.then(function (_ref3) {
-            var _ref4 = _slicedToArray$1(_ref3, 2),
-              action = _ref4[0],
-              pasteItems = _ref4[1];
-            if (!_this2.isModeFunctionalGroup) {
-              var mergeItems = getItemsToFuse(_this2.editor, pasteItems);
-              action = fromItemsFuse(restruct, mergeItems).mergeWith(action);
-              _this2.editor.update(action);
-            }
-          });
-          return true;
-        }
-      }
-      var _iterator = _createForOfIteratorHelper$1(restruct.molecule.bonds.keys()),
-        _step;
-      try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var id = _step.value;
-          new BondAttr(id, 'isPreview', false).perform(restruct);
-        }
-      } catch (err) {
-        _iterator.e(err);
-      } finally {
-        _iterator.f();
-      }
-      var _iterator2 = _createForOfIteratorHelper$1(restruct.molecule.atoms.keys()),
-        _step2;
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var _id = _step2.value;
-          new AtomAttr(_id, 'isPreview', false).perform(restruct);
+      if (this.dragCtx.action) {
+        if (this.dragCtx.isNew) {
+          var rnd = this.editor.render;
+          this.editor.update(fromSimpleObjectDeletion(rnd.ctab, this.dragCtx.itemId), true);
+          this.dragCtx.action = fromSimpleObjectAddition(rnd.ctab, [this.dragCtx.p0, this.dragCtx.previous], this.mode, event.shiftKey);
         }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
-      }
-      var completeAction = dragCtx.action;
-      if (completeAction && !completeAction.isDummy()) {
-        this.editor.update(completeAction);
+        this.editor.update(this.dragCtx.action);
       }
-      this.editor.hover(this.editor.findItem(event, null), null, event);
+      delete this.dragCtx;
       return true;
     }
-  }, {
-    key: "cancel",
-    value: function cancel() {
-      var _this$templatePreview3;
-      (_this$templatePreview3 = this.templatePreview) === null || _this$templatePreview3 === void 0 || _this$templatePreview3.hidePreview();
-      this.mouseup();
-    }
-  }, {
-    key: "mouseleave",
-    value: function mouseleave() {
-      this.cancel();
-    }
-  }, {
-    key: "mouseLeaveClientArea",
-    value: function mouseLeaveClientArea() {
-      var _this$templatePreview4;
-      (_this$templatePreview4 = this.templatePreview) === null || _this$templatePreview4 === void 0 || _this$templatePreview4.hidePreview();
-    }
   }]);
-  return TemplateTool;
+  return SimpleObjectTool;
 }();
-function addOnCanvasWithoutMerge(_ref5) {
-  var restruct = _ref5.restruct,
-    template = _ref5.template,
-    dragCtx = _ref5.dragCtx,
-    editor = _ref5.editor,
-    event = _ref5.event;
-  var _fromTemplateOnCanvas3 = fromTemplateOnCanvas(restruct, template, dragCtx.xy0, 0, false),
-    _fromTemplateOnCanvas4 = _slicedToArray$1(_fromTemplateOnCanvas3, 1),
-    action = _fromTemplateOnCanvas4[0];
-  editor.update(action);
-  editor.selection(null);
-  editor.hover(editor.findItem(event, null), null, event);
-  editor.event.message.dispatch({
-    info: false
-  });
-}
-function getTemplateMode(tmpl) {
-  var _tmpl$props;
-  if (tmpl.mode) {
-    return tmpl.mode;
-  }
-  if (['Functional Groups', 'Salts and Solvents'].includes((_tmpl$props = tmpl.props) === null || _tmpl$props === void 0 ? void 0 : _tmpl$props.group)) {
-    return MODES.FG;
-  }
-  return null;
-}
-function getSign(molecule, bond, v) {
-  var begin = molecule.atoms.get(bond.begin).pp;
-  var end = molecule.atoms.get(bond.end).pp;
-  var sign = Vec2.cross(Vec2.diff(begin, end), Vec2.diff(v, end));
-  if (sign > 0) {
-    return 1;
-  }
-  if (sign < 0) {
-    return -1;
-  }
-  return 0;
-}
-function getTargetAtomId(struct, ci) {
-  if (ci.map === 'atoms') {
-    return ci.id;
-  }
-  if (ci.map === 'functionalGroups') {
-    var group = struct.sgroups.get(ci.id);
-    return group === null || group === void 0 ? void 0 : group.getAttachmentAtomId();
-  }
-}
 
 var TextTool = function () {
   function TextTool(editor) {
@@ -32883,8 +32901,8 @@ var KetcherBuilder = function () {
                 initApp(element, appRoot, staticResourcesUrl, {
                   buttons: buttons || {},
                   errorHandler: errorHandler || null,
-                  version: "2.19.0-rc.1" ,
-                  buildDate: "2024-02-19T15:29:52" ,
+                  version: "2.19.0-rc.2" ,
+                  buildDate: "2024-03-11T08:48:42" ,
                   buildNumber: ''
                 }, structService, resolve, togglerComponent);
               });