ketcher-react 2.18.0-rc.6 → 2.18.0-rc.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3140,7 +3140,7 @@ function load(struct, options) {
3140
3140
  }));
3141
3141
  }
3142
3142
  } else {
3143
- editor.struct(parsedStruct, method === 'layout' || method === 'toggleExplicitHydrogens');
3143
+ editor.struct(parsedStruct, method === 'layout');
3144
3144
  }
3145
3145
  editor.zoomAccordingContent(parsedStruct);
3146
3146
  isIndigoFunctionCalled = !!method;
@@ -3595,7 +3595,7 @@ var zoom = {
3595
3595
 
3596
3596
  var openHelpLink = function openHelpLink() {
3597
3597
  var _window$open;
3598
- return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.18.0-rc.6\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
3598
+ return (_window$open = window.open("https://github.com/epam/ketcher/blob/".concat("v2.18.0-rc.8\n", "/documentation/help.md#ketcher-overview"))) === null || _window$open === void 0 ? void 0 : _window$open.focus();
3599
3599
  };
3600
3600
  var help = {
3601
3601
  help: {
@@ -3619,6 +3619,8 @@ var STRUCT_TYPE = {
3619
3619
  };
3620
3620
  var KETCHER_ROOT_NODE_CLASS_NAME = 'Ketcher-root';
3621
3621
  var KETCHER_ROOT_NODE_CSS_SELECTOR = ".".concat(KETCHER_ROOT_NODE_CLASS_NAME);
3622
+ var EditorClassName = 'Ketcher-polymer-editor-root';
3623
+ var KETCHER_MACROMOLECULES_ROOT_NODE_SELECTOR = ".".concat(EditorClassName);
3622
3624
 
3623
3625
  var functionalGroupsLib = {
3624
3626
  'functional-groups': {
@@ -9192,15 +9194,27 @@ var shams = function hasToStringTagShams() {
9192
9194
  return shams$1() && !!Symbol.toStringTag;
9193
9195
  };
9194
9196
 
9197
+ /** @type {import('.')} */
9198
+ var esErrors = Error;
9199
+
9200
+ /** @type {import('./eval')} */
9201
+ var _eval = EvalError;
9202
+
9195
9203
  /** @type {import('./range')} */
9196
9204
  var range = RangeError;
9197
9205
 
9206
+ /** @type {import('./ref')} */
9207
+ var ref = ReferenceError;
9208
+
9198
9209
  /** @type {import('./syntax')} */
9199
9210
  var syntax = SyntaxError;
9200
9211
 
9201
9212
  /** @type {import('./type')} */
9202
9213
  var type = TypeError;
9203
9214
 
9215
+ /** @type {import('./uri')} */
9216
+ var uri = URIError;
9217
+
9204
9218
  var origSymbol = typeof Symbol !== 'undefined' && Symbol;
9205
9219
 
9206
9220
 
@@ -9214,13 +9228,17 @@ var hasSymbols$3 = function hasNativeSymbols() {
9214
9228
  };
9215
9229
 
9216
9230
  var test = {
9231
+ __proto__: null,
9217
9232
  foo: {}
9218
9233
  };
9219
9234
 
9220
9235
  var $Object = Object;
9221
9236
 
9237
+ /** @type {import('.')} */
9222
9238
  var hasProto$1 = function hasProto() {
9223
- return { __proto__: test }.foo === test.foo && !({ __proto__: null } instanceof $Object);
9239
+ // @ts-expect-error: TS errors on an inherited property for some reason
9240
+ return { __proto__: test }.foo === test.foo
9241
+ && !(test instanceof $Object);
9224
9242
  };
9225
9243
 
9226
9244
  /* eslint no-invalid-this: 1 */
@@ -9312,14 +9330,26 @@ var call = Function.prototype.call;
9312
9330
  var $hasOwn = Object.prototype.hasOwnProperty;
9313
9331
 
9314
9332
 
9315
- /** @type {(o: {}, p: PropertyKey) => p is keyof o} */
9333
+ /** @type {import('.')} */
9316
9334
  var hasown = functionBind.call(call, $hasOwn);
9317
9335
 
9336
+ var $Error = esErrors;
9337
+
9338
+ var $EvalError = _eval;
9339
+
9318
9340
  var $RangeError = range;
9319
9341
 
9320
- var $SyntaxError$1 = syntax;
9342
+ var $ReferenceError = ref;
9343
+
9344
+ var $SyntaxError = syntax;
9321
9345
 
9322
- var $TypeError$2 = type;
9346
+ var $TypeError = type;
9347
+
9348
+ var $URIError = uri;
9349
+
9350
+ var require$$1 = hasProto$1;
9351
+
9352
+ var hasOwn = hasown;
9323
9353
 
9324
9354
  var undefined$1;
9325
9355
 
@@ -9327,6 +9357,10 @@ var undefined$1;
9327
9357
 
9328
9358
 
9329
9359
 
9360
+
9361
+
9362
+
9363
+
9330
9364
  var $Function = Function;
9331
9365
 
9332
9366
  // eslint-disable-next-line consistent-return
@@ -9346,7 +9380,7 @@ if ($gOPD$1) {
9346
9380
  }
9347
9381
 
9348
9382
  var throwTypeError = function () {
9349
- throw new $TypeError$2();
9383
+ throw new $TypeError();
9350
9384
  };
9351
9385
  var ThrowTypeError = $gOPD$1
9352
9386
  ? (function () {
@@ -9366,7 +9400,7 @@ var ThrowTypeError = $gOPD$1
9366
9400
  : throwTypeError;
9367
9401
 
9368
9402
  var hasSymbols$2 = hasSymbols$3();
9369
- var hasProto = hasProto$1();
9403
+ var hasProto = require$$1();
9370
9404
 
9371
9405
  var getProto$1 = Object.getPrototypeOf || (
9372
9406
  hasProto
@@ -9400,9 +9434,9 @@ var INTRINSICS = {
9400
9434
  '%decodeURIComponent%': decodeURIComponent,
9401
9435
  '%encodeURI%': encodeURI,
9402
9436
  '%encodeURIComponent%': encodeURIComponent,
9403
- '%Error%': Error,
9437
+ '%Error%': $Error,
9404
9438
  '%eval%': eval, // eslint-disable-line no-eval
9405
- '%EvalError%': EvalError,
9439
+ '%EvalError%': $EvalError,
9406
9440
  '%Float32Array%': typeof Float32Array === 'undefined' ? undefined$1 : Float32Array,
9407
9441
  '%Float64Array%': typeof Float64Array === 'undefined' ? undefined$1 : Float64Array,
9408
9442
  '%FinalizationRegistry%': typeof FinalizationRegistry === 'undefined' ? undefined$1 : FinalizationRegistry,
@@ -9425,7 +9459,7 @@ var INTRINSICS = {
9425
9459
  '%Promise%': typeof Promise === 'undefined' ? undefined$1 : Promise,
9426
9460
  '%Proxy%': typeof Proxy === 'undefined' ? undefined$1 : Proxy,
9427
9461
  '%RangeError%': $RangeError,
9428
- '%ReferenceError%': ReferenceError,
9462
+ '%ReferenceError%': $ReferenceError,
9429
9463
  '%Reflect%': typeof Reflect === 'undefined' ? undefined$1 : Reflect,
9430
9464
  '%RegExp%': RegExp,
9431
9465
  '%Set%': typeof Set === 'undefined' ? undefined$1 : Set,
@@ -9434,15 +9468,15 @@ var INTRINSICS = {
9434
9468
  '%String%': String,
9435
9469
  '%StringIteratorPrototype%': hasSymbols$2 && getProto$1 ? getProto$1(''[Symbol.iterator]()) : undefined$1,
9436
9470
  '%Symbol%': hasSymbols$2 ? Symbol : undefined$1,
9437
- '%SyntaxError%': $SyntaxError$1,
9471
+ '%SyntaxError%': $SyntaxError,
9438
9472
  '%ThrowTypeError%': ThrowTypeError,
9439
9473
  '%TypedArray%': TypedArray,
9440
- '%TypeError%': $TypeError$2,
9474
+ '%TypeError%': $TypeError,
9441
9475
  '%Uint8Array%': typeof Uint8Array === 'undefined' ? undefined$1 : Uint8Array,
9442
9476
  '%Uint8ClampedArray%': typeof Uint8ClampedArray === 'undefined' ? undefined$1 : Uint8ClampedArray,
9443
9477
  '%Uint16Array%': typeof Uint16Array === 'undefined' ? undefined$1 : Uint16Array,
9444
9478
  '%Uint32Array%': typeof Uint32Array === 'undefined' ? undefined$1 : Uint32Array,
9445
- '%URIError%': URIError,
9479
+ '%URIError%': $URIError,
9446
9480
  '%WeakMap%': typeof WeakMap === 'undefined' ? undefined$1 : WeakMap,
9447
9481
  '%WeakRef%': typeof WeakRef === 'undefined' ? undefined$1 : WeakRef,
9448
9482
  '%WeakSet%': typeof WeakSet === 'undefined' ? undefined$1 : WeakSet
@@ -9553,9 +9587,9 @@ var stringToPath = function stringToPath(string) {
9553
9587
  var first = $strSlice(string, 0, 1);
9554
9588
  var last = $strSlice(string, -1);
9555
9589
  if (first === '%' && last !== '%') {
9556
- throw new $SyntaxError$1('invalid intrinsic syntax, expected closing `%`');
9590
+ throw new $SyntaxError('invalid intrinsic syntax, expected closing `%`');
9557
9591
  } else if (last === '%' && first !== '%') {
9558
- throw new $SyntaxError$1('invalid intrinsic syntax, expected opening `%`');
9592
+ throw new $SyntaxError('invalid intrinsic syntax, expected opening `%`');
9559
9593
  }
9560
9594
  var result = [];
9561
9595
  $replace(string, rePropName, function (match, number, quote, subString) {
@@ -9568,18 +9602,18 @@ var stringToPath = function stringToPath(string) {
9568
9602
  var getBaseIntrinsic = function getBaseIntrinsic(name, allowMissing) {
9569
9603
  var intrinsicName = name;
9570
9604
  var alias;
9571
- if (hasown(LEGACY_ALIASES, intrinsicName)) {
9605
+ if (hasOwn(LEGACY_ALIASES, intrinsicName)) {
9572
9606
  alias = LEGACY_ALIASES[intrinsicName];
9573
9607
  intrinsicName = '%' + alias[0] + '%';
9574
9608
  }
9575
9609
 
9576
- if (hasown(INTRINSICS, intrinsicName)) {
9610
+ if (hasOwn(INTRINSICS, intrinsicName)) {
9577
9611
  var value = INTRINSICS[intrinsicName];
9578
9612
  if (value === needsEval) {
9579
9613
  value = doEval(intrinsicName);
9580
9614
  }
9581
9615
  if (typeof value === 'undefined' && !allowMissing) {
9582
- throw new $TypeError$2('intrinsic ' + name + ' exists, but is not available. Please file an issue!');
9616
+ throw new $TypeError('intrinsic ' + name + ' exists, but is not available. Please file an issue!');
9583
9617
  }
9584
9618
 
9585
9619
  return {
@@ -9589,19 +9623,19 @@ var getBaseIntrinsic = function getBaseIntrinsic(name, allowMissing) {
9589
9623
  };
9590
9624
  }
9591
9625
 
9592
- throw new $SyntaxError$1('intrinsic ' + name + ' does not exist!');
9626
+ throw new $SyntaxError('intrinsic ' + name + ' does not exist!');
9593
9627
  };
9594
9628
 
9595
9629
  var getIntrinsic = function GetIntrinsic(name, allowMissing) {
9596
9630
  if (typeof name !== 'string' || name.length === 0) {
9597
- throw new $TypeError$2('intrinsic name must be a non-empty string');
9631
+ throw new $TypeError('intrinsic name must be a non-empty string');
9598
9632
  }
9599
9633
  if (arguments.length > 1 && typeof allowMissing !== 'boolean') {
9600
- throw new $TypeError$2('"allowMissing" argument must be a boolean');
9634
+ throw new $TypeError('"allowMissing" argument must be a boolean');
9601
9635
  }
9602
9636
 
9603
9637
  if ($exec(/^%?[^%]*%?$/, name) === null) {
9604
- throw new $SyntaxError$1('`%` may not be present anywhere but at the beginning and end of the intrinsic name');
9638
+ throw new $SyntaxError('`%` may not be present anywhere but at the beginning and end of the intrinsic name');
9605
9639
  }
9606
9640
  var parts = stringToPath(name);
9607
9641
  var intrinsicBaseName = parts.length > 0 ? parts[0] : '';
@@ -9628,7 +9662,7 @@ var getIntrinsic = function GetIntrinsic(name, allowMissing) {
9628
9662
  )
9629
9663
  && first !== last
9630
9664
  ) {
9631
- throw new $SyntaxError$1('property names with quotes must have matching quotes');
9665
+ throw new $SyntaxError('property names with quotes must have matching quotes');
9632
9666
  }
9633
9667
  if (part === 'constructor' || !isOwn) {
9634
9668
  skipFurtherCaching = true;
@@ -9637,12 +9671,12 @@ var getIntrinsic = function GetIntrinsic(name, allowMissing) {
9637
9671
  intrinsicBaseName += '.' + part;
9638
9672
  intrinsicRealName = '%' + intrinsicBaseName + '%';
9639
9673
 
9640
- if (hasown(INTRINSICS, intrinsicRealName)) {
9674
+ if (hasOwn(INTRINSICS, intrinsicRealName)) {
9641
9675
  value = INTRINSICS[intrinsicRealName];
9642
9676
  } else if (value != null) {
9643
9677
  if (!(part in value)) {
9644
9678
  if (!allowMissing) {
9645
- throw new $TypeError$2('base intrinsic for ' + name + ' exists, but the property is not available.');
9679
+ throw new $TypeError('base intrinsic for ' + name + ' exists, but the property is not available.');
9646
9680
  }
9647
9681
  return void undefined$1;
9648
9682
  }
@@ -9663,7 +9697,7 @@ var getIntrinsic = function GetIntrinsic(name, allowMissing) {
9663
9697
  value = value[part];
9664
9698
  }
9665
9699
  } else {
9666
- isOwn = hasown(value, part);
9700
+ isOwn = hasOwn(value, part);
9667
9701
  value = value[part];
9668
9702
  }
9669
9703
 
@@ -9677,35 +9711,18 @@ var getIntrinsic = function GetIntrinsic(name, allowMissing) {
9677
9711
 
9678
9712
  var GetIntrinsic = getIntrinsic;
9679
9713
 
9680
- var $defineProperty$1 = GetIntrinsic('%Object.defineProperty%', true);
9681
-
9682
- var hasPropertyDescriptors$1 = function hasPropertyDescriptors() {
9683
- if ($defineProperty$1) {
9684
- try {
9685
- $defineProperty$1({}, 'a', { value: 1 });
9686
- return true;
9687
- } catch (e) {
9688
- // IE 8 has a broken defineProperty
9689
- return false;
9690
- }
9691
- }
9692
- return false;
9693
- };
9694
-
9695
- hasPropertyDescriptors$1.hasArrayLengthDefineBug = function hasArrayLengthDefineBug() {
9696
- // node v0.6 has a bug where array lengths can be Set but not Defined
9697
- if (!hasPropertyDescriptors$1()) {
9698
- return null;
9699
- }
9714
+ /** @type {import('.')} */
9715
+ var $defineProperty$1 = GetIntrinsic('%Object.defineProperty%', true) || false;
9716
+ if ($defineProperty$1) {
9700
9717
  try {
9701
- return $defineProperty$1([], 'length', { value: 1 }).length !== 1;
9718
+ $defineProperty$1({}, 'a', { value: 1 });
9702
9719
  } catch (e) {
9703
- // In Firefox 4-22, defining length on an array throws an exception.
9704
- return true;
9720
+ // IE 8 has a broken defineProperty
9721
+ $defineProperty$1 = false;
9705
9722
  }
9706
- };
9723
+ }
9707
9724
 
9708
- var hasPropertyDescriptors_1 = hasPropertyDescriptors$1;
9725
+ var esDefineProperty = $defineProperty$1;
9709
9726
 
9710
9727
  var $gOPD = GetIntrinsic('%Object.getOwnPropertyDescriptor%', true);
9711
9728
 
@@ -9720,52 +9737,33 @@ if ($gOPD) {
9720
9737
 
9721
9738
  var gopd = $gOPD;
9722
9739
 
9723
- var require$$0$1 = hasPropertyDescriptors_1;
9740
+ var $defineProperty = esDefineProperty;
9724
9741
 
9725
9742
  var gOPD = gopd;
9726
9743
 
9727
- var hasPropertyDescriptors = require$$0$1();
9728
-
9729
-
9730
-
9731
- var $defineProperty = hasPropertyDescriptors && GetIntrinsic('%Object.defineProperty%', true);
9732
- if ($defineProperty) {
9733
- try {
9734
- $defineProperty({}, 'a', { value: 1 });
9735
- } catch (e) {
9736
- // IE 8 has a broken defineProperty
9737
- $defineProperty = false;
9738
- }
9739
- }
9740
-
9741
- var $SyntaxError = GetIntrinsic('%SyntaxError%');
9742
- var $TypeError$1 = GetIntrinsic('%TypeError%');
9743
-
9744
-
9745
-
9746
- /** @type {(obj: Record<PropertyKey, unknown>, property: PropertyKey, value: unknown, nonEnumerable?: boolean | null, nonWritable?: boolean | null, nonConfigurable?: boolean | null, loose?: boolean) => void} */
9744
+ /** @type {import('.')} */
9747
9745
  var defineDataProperty$1 = function defineDataProperty(
9748
9746
  obj,
9749
9747
  property,
9750
9748
  value
9751
9749
  ) {
9752
9750
  if (!obj || (typeof obj !== 'object' && typeof obj !== 'function')) {
9753
- throw new $TypeError$1('`obj` must be an object or a function`');
9751
+ throw new $TypeError('`obj` must be an object or a function`');
9754
9752
  }
9755
9753
  if (typeof property !== 'string' && typeof property !== 'symbol') {
9756
- throw new $TypeError$1('`property` must be a string or a symbol`');
9754
+ throw new $TypeError('`property` must be a string or a symbol`');
9757
9755
  }
9758
9756
  if (arguments.length > 3 && typeof arguments[3] !== 'boolean' && arguments[3] !== null) {
9759
- throw new $TypeError$1('`nonEnumerable`, if provided, must be a boolean or null');
9757
+ throw new $TypeError('`nonEnumerable`, if provided, must be a boolean or null');
9760
9758
  }
9761
9759
  if (arguments.length > 4 && typeof arguments[4] !== 'boolean' && arguments[4] !== null) {
9762
- throw new $TypeError$1('`nonWritable`, if provided, must be a boolean or null');
9760
+ throw new $TypeError('`nonWritable`, if provided, must be a boolean or null');
9763
9761
  }
9764
9762
  if (arguments.length > 5 && typeof arguments[5] !== 'boolean' && arguments[5] !== null) {
9765
- throw new $TypeError$1('`nonConfigurable`, if provided, must be a boolean or null');
9763
+ throw new $TypeError('`nonConfigurable`, if provided, must be a boolean or null');
9766
9764
  }
9767
9765
  if (arguments.length > 6 && typeof arguments[6] !== 'boolean') {
9768
- throw new $TypeError$1('`loose`, if provided, must be a boolean');
9766
+ throw new $TypeError('`loose`, if provided, must be a boolean');
9769
9767
  }
9770
9768
 
9771
9769
  var nonEnumerable = arguments.length > 3 ? arguments[3] : null;
@@ -9791,12 +9789,33 @@ var defineDataProperty$1 = function defineDataProperty(
9791
9789
  }
9792
9790
  };
9793
9791
 
9792
+ var hasPropertyDescriptors = function hasPropertyDescriptors() {
9793
+ return !!$defineProperty;
9794
+ };
9795
+
9796
+ hasPropertyDescriptors.hasArrayLengthDefineBug = function hasArrayLengthDefineBug() {
9797
+ // node v0.6 has a bug where array lengths can be Set but not Defined
9798
+ if (!$defineProperty) {
9799
+ return null;
9800
+ }
9801
+ try {
9802
+ return $defineProperty([], 'length', { value: 1 }).length !== 1;
9803
+ } catch (e) {
9804
+ // In Firefox 4-22, defining length on an array throws an exception.
9805
+ return true;
9806
+ }
9807
+ };
9808
+
9809
+ var hasPropertyDescriptors_1 = hasPropertyDescriptors;
9810
+
9794
9811
  var defineDataProperty = defineDataProperty$1;
9795
9812
 
9813
+ var require$$0$1 = hasPropertyDescriptors_1;
9814
+
9796
9815
  var hasDescriptors = require$$0$1();
9797
9816
 
9798
9817
 
9799
- var $TypeError = GetIntrinsic('%TypeError%');
9818
+
9800
9819
  var $floor = GetIntrinsic('%Math.floor%');
9801
9820
 
9802
9821
  /** @typedef {(...args: unknown[]) => unknown} Func */
@@ -9842,22 +9861,13 @@ var callBind = createCommonjsModule(function (module) {
9842
9861
 
9843
9862
 
9844
9863
 
9845
- var $TypeError = GetIntrinsic('%TypeError%');
9864
+
9846
9865
  var $apply = GetIntrinsic('%Function.prototype.apply%');
9847
9866
  var $call = GetIntrinsic('%Function.prototype.call%');
9848
9867
  var $reflectApply = GetIntrinsic('%Reflect.apply%', true) || functionBind.call($call, $apply);
9849
9868
 
9850
- var $defineProperty = GetIntrinsic('%Object.defineProperty%', true);
9851
- var $max = GetIntrinsic('%Math.max%');
9852
9869
 
9853
- if ($defineProperty) {
9854
- try {
9855
- $defineProperty({}, 'a', { value: 1 });
9856
- } catch (e) {
9857
- // IE 8 has a broken defineProperty
9858
- $defineProperty = null;
9859
- }
9860
- }
9870
+ var $max = GetIntrinsic('%Math.max%');
9861
9871
 
9862
9872
  module.exports = function callBind(originalFunction) {
9863
9873
  if (typeof originalFunction !== 'function') {
@@ -10120,20 +10130,23 @@ var forEach = function forEach(list, iterator, thisArg) {
10120
10130
 
10121
10131
  var forEach_1 = forEach;
10122
10132
 
10123
- var /** @type {ReturnType<import('.')>} */ possibleNames = [
10124
- 'BigInt64Array',
10125
- 'BigUint64Array',
10133
+ /** @type {import('.')} */
10134
+ var possibleTypedArrayNames = [
10126
10135
  'Float32Array',
10127
10136
  'Float64Array',
10137
+ 'Int8Array',
10128
10138
  'Int16Array',
10129
10139
  'Int32Array',
10130
- 'Int8Array',
10140
+ 'Uint8Array',
10141
+ 'Uint8ClampedArray',
10131
10142
  'Uint16Array',
10132
10143
  'Uint32Array',
10133
- 'Uint8Array',
10134
- 'Uint8ClampedArray'
10144
+ 'BigInt64Array',
10145
+ 'BigUint64Array'
10135
10146
  ];
10136
10147
 
10148
+ var possibleNames = possibleTypedArrayNames;
10149
+
10137
10150
  var g$1 = typeof globalThis === 'undefined' ? commonjsGlobal : globalThis;
10138
10151
 
10139
10152
  /** @type {import('.')} */
@@ -14810,6 +14823,7 @@ var ZoomInput = function ZoomInput(_ref) {
14810
14823
  }, [inputRef]);
14811
14824
  return jsx(StyledInput, {
14812
14825
  ref: inputRef,
14826
+ "data-testid": "zoom-value",
14813
14827
  onFocus: onFocusHandler,
14814
14828
  onKeyDown: onKeyDown
14815
14829
  });
@@ -14898,14 +14912,13 @@ var ZoomControls = function ZoomControls(_ref) {
14898
14912
  open: isExpanded,
14899
14913
  onClose: onClose,
14900
14914
  anchorEl: containerRef.current,
14901
- container: containerRef.current,
14915
+ container: document.querySelector(KETCHER_ROOT_NODE_CSS_SELECTOR) || document.querySelector(KETCHER_MACROMOLECULES_ROOT_NODE_SELECTOR),
14902
14916
  anchorOrigin: {
14903
14917
  vertical: 'bottom',
14904
14918
  horizontal: 'left'
14905
14919
  },
14906
14920
  children: jsxs(DropDownContent, {
14907
14921
  children: [jsx(ZoomInput, {
14908
- "data-testid": "zoom-value",
14909
14922
  onZoomSubmit: onZoomSubmit,
14910
14923
  inputRef: inputRef,
14911
14924
  currentZoom: currentZoom,
@@ -25137,6 +25150,8 @@ function setupEditor(editor, props) {
25137
25150
  }
25138
25151
  }
25139
25152
  });
25153
+ editor.render.unobserveCanvasResize();
25154
+ editor.render.observeCanvasResize();
25140
25155
  }
25141
25156
  function removeEditorHandlers(editor, props) {
25142
25157
  Object.keys(editor.event).forEach(function (name) {
@@ -25305,7 +25320,6 @@ var StructEditor = function (_Component) {
25305
25320
  info: JSON.stringify(this.props.toolOpts)
25306
25321
  });
25307
25322
  this.editorRef.current.addEventListener('wheel', this.handleWheel);
25308
- this.editor.render.observeCanvasResize();
25309
25323
  }
25310
25324
  }, {
25311
25325
  key: "componentWillUnmount",
@@ -32778,8 +32792,8 @@ var KetcherBuilder = function () {
32778
32792
  initApp(element, appRoot, staticResourcesUrl, {
32779
32793
  buttons: buttons || {},
32780
32794
  errorHandler: errorHandler || null,
32781
- version: "2.18.0-rc.6" ,
32782
- buildDate: "2024-02-13T18:53:18" ,
32795
+ version: "2.18.0-rc.8" ,
32796
+ buildDate: "2024-02-22T17:37:07" ,
32783
32797
  buildNumber: ''
32784
32798
  }, structService, resolve, togglerComponent);
32785
32799
  });
@@ -32895,5 +32909,5 @@ function Editor(props) {
32895
32909
  });
32896
32910
  }
32897
32911
 
32898
- export { Accordion$1 as Accordion, Button, Dialog, Editor, Icon, IconButton, IndigoProvider, InfoModal$1 as InfoModal, Input$2 as Input, KETCHER_INIT_EVENT_NAME, KETCHER_ROOT_NODE_CLASS_NAME, KETCHER_ROOT_NODE_CSS_SELECTOR, MODES, STRUCT_TYPE, StructRender, getIconName };
32912
+ export { Accordion$1 as Accordion, Button, Dialog, Editor, EditorClassName, Icon, IconButton, IndigoProvider, InfoModal$1 as InfoModal, Input$2 as Input, KETCHER_INIT_EVENT_NAME, KETCHER_MACROMOLECULES_ROOT_NODE_SELECTOR, KETCHER_ROOT_NODE_CLASS_NAME, KETCHER_ROOT_NODE_CSS_SELECTOR, MODES, STRUCT_TYPE, StructRender, getIconName };
32899
32913
  //# sourceMappingURL=index.modern.js.map