@darajs/components 1.4.5 → 1.5.0

package/dist/umd/dara.components.umd.js

@@ -261,21 +261,21 @@
     }
     subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } });
     if (superClass)
-      _setPrototypeOf$5(subClass, superClass);
+      _setPrototypeOf$4(subClass, superClass);
   }
-  function _setPrototypeOf$5(o2, p2) {
-    _setPrototypeOf$5 = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
+  function _setPrototypeOf$4(o2, p2) {
+    _setPrototypeOf$4 = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
       o3.__proto__ = p3;
       return o3;
     };
-    return _setPrototypeOf$5(o2, p2);
+    return _setPrototypeOf$4(o2, p2);
   }
   function _createSuper$3(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct$4();
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$3();
     return function _createSuperInternal() {
-      var Super = _getPrototypeOf$4(Derived), result;
+      var Super = _getPrototypeOf$3(Derived), result;
       if (hasNativeReflectConstruct) {
-        var NewTarget = _getPrototypeOf$4(this).constructor;
+        var NewTarget = _getPrototypeOf$3(this).constructor;
         result = Reflect.construct(Super, arguments, NewTarget);
       } else {
         result = Super.apply(this, arguments);
@@ -289,15 +289,15 @@
     } else if (call2 !== void 0) {
       throw new TypeError("Derived constructors may only return object or undefined");
     }
-    return _assertThisInitialized$5(self2);
+    return _assertThisInitialized$4(self2);
   }
-  function _assertThisInitialized$5(self2) {
+  function _assertThisInitialized$4(self2) {
     if (self2 === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
     return self2;
   }
-  function _isNativeReflectConstruct$4() {
+  function _isNativeReflectConstruct$3() {
     if (typeof Reflect === "undefined" || !Reflect.construct)
       return false;
     if (Reflect.construct.sham)
@@ -312,11 +312,11 @@
       return false;
     }
   }
-  function _getPrototypeOf$4(o2) {
-    _getPrototypeOf$4 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o3) {
+  function _getPrototypeOf$3(o2) {
+    _getPrototypeOf$3 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o3) {
       return o3.__proto__ || Object.getPrototypeOf(o3);
     };
-    return _getPrototypeOf$4(o2);
+    return _getPrototypeOf$3(o2);
   }
   function _defineProperty$s(obj, key, value) {
     if (key in obj) {
@@ -333,10 +333,10 @@
       var _this;
       _classCallCheck$j(this, Collapse2);
       _this = _super.call(this, props);
-      _defineProperty$s(_assertThisInitialized$5(_this), "timeout", void 0);
-      _defineProperty$s(_assertThisInitialized$5(_this), "container", void 0);
-      _defineProperty$s(_assertThisInitialized$5(_this), "content", void 0);
-      _defineProperty$s(_assertThisInitialized$5(_this), "onResize", function() {
+      _defineProperty$s(_assertThisInitialized$4(_this), "timeout", void 0);
+      _defineProperty$s(_assertThisInitialized$4(_this), "container", void 0);
+      _defineProperty$s(_assertThisInitialized$4(_this), "content", void 0);
+      _defineProperty$s(_assertThisInitialized$4(_this), "onResize", function() {
         clearTimeout(_this.timeout);
         if (!_this.container || !_this.content) {
           return;
@@ -367,7 +367,7 @@
           }, checkTimeout);
         }
       });
-      _defineProperty$s(_assertThisInitialized$5(_this), "onRest", function(_ref2) {
+      _defineProperty$s(_assertThisInitialized$4(_this), "onRest", function(_ref2) {
         var isFullyOpened = _ref2.isFullyOpened, isFullyClosed = _ref2.isFullyClosed, isOpened = _ref2.isOpened, containerHeight = _ref2.containerHeight, contentHeight = _ref2.contentHeight;
         if (!_this.container || !_this.content) {
           return;
@@ -389,7 +389,7 @@
           }
         }
       });
-      _defineProperty$s(_assertThisInitialized$5(_this), "onWork", function(_ref2) {
+      _defineProperty$s(_assertThisInitialized$4(_this), "onWork", function(_ref2) {
         var isFullyOpened = _ref2.isFullyOpened, isFullyClosed = _ref2.isFullyClosed, isOpened = _ref2.isOpened, containerHeight = _ref2.containerHeight, contentHeight = _ref2.contentHeight;
         if (!_this.container || !_this.content) {
           return;
@@ -412,10 +412,10 @@
           });
         }
       });
-      _defineProperty$s(_assertThisInitialized$5(_this), "onRefContainer", function(container) {
+      _defineProperty$s(_assertThisInitialized$4(_this), "onRefContainer", function(container) {
         _this.container = container;
       });
-      _defineProperty$s(_assertThisInitialized$5(_this), "onRefContent", function(content2) {
+      _defineProperty$s(_assertThisInitialized$4(_this), "onRefContent", function(content2) {
         _this.content = content2;
       });
       if (props.initialStyle) {
@@ -518,8 +518,8 @@
   function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : { "default": obj };
   }
-  function _extends$4() {
-    _extends$4 = Object.assign || function(target) {
+  function _extends$3() {
+    _extends$3 = Object.assign || function(target) {
       for (var i2 = 1; i2 < arguments.length; i2++) {
         var source = arguments[i2];
         for (var key in source) {
@@ -530,7 +530,7 @@
       }
       return target;
     };
-    return _extends$4.apply(this, arguments);
+    return _extends$3.apply(this, arguments);
   }
   function ownKeys$9(object2, enumerableOnly) {
     var keys2 = Object.keys(object2);
@@ -622,21 +622,21 @@
     }
     subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } });
     if (superClass)
-      _setPrototypeOf$4(subClass, superClass);
+      _setPrototypeOf$3(subClass, superClass);
   }
-  function _setPrototypeOf$4(o2, p2) {
-    _setPrototypeOf$4 = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
+  function _setPrototypeOf$3(o2, p2) {
+    _setPrototypeOf$3 = Object.setPrototypeOf || function _setPrototypeOf2(o3, p3) {
       o3.__proto__ = p3;
       return o3;
     };
-    return _setPrototypeOf$4(o2, p2);
+    return _setPrototypeOf$3(o2, p2);
   }
   function _createSuper$2(Derived) {
-    var hasNativeReflectConstruct = _isNativeReflectConstruct$3();
+    var hasNativeReflectConstruct = _isNativeReflectConstruct$2();
     return function _createSuperInternal() {
-      var Super = _getPrototypeOf$3(Derived), result;
+      var Super = _getPrototypeOf$2(Derived), result;
       if (hasNativeReflectConstruct) {
-        var NewTarget = _getPrototypeOf$3(this).constructor;
+        var NewTarget = _getPrototypeOf$2(this).constructor;
         result = Reflect.construct(Super, arguments, NewTarget);
       } else {
         result = Super.apply(this, arguments);
@@ -650,15 +650,15 @@
     } else if (call2 !== void 0) {
       throw new TypeError("Derived constructors may only return object or undefined");
     }
-    return _assertThisInitialized$4(self2);
+    return _assertThisInitialized$3(self2);
   }
-  function _assertThisInitialized$4(self2) {
+  function _assertThisInitialized$3(self2) {
     if (self2 === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
     return self2;
   }
-  function _isNativeReflectConstruct$3() {
+  function _isNativeReflectConstruct$2() {
     if (typeof Reflect === "undefined" || !Reflect.construct)
       return false;
     if (Reflect.construct.sham)
@@ -673,11 +673,11 @@
       return false;
     }
   }
-  function _getPrototypeOf$3(o2) {
-    _getPrototypeOf$3 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o3) {
+  function _getPrototypeOf$2(o2) {
+    _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o3) {
       return o3.__proto__ || Object.getPrototypeOf(o3);
     };
-    return _getPrototypeOf$3(o2);
+    return _getPrototypeOf$2(o2);
   }
   function _defineProperty$r(obj, key, value) {
     if (key in obj) {
@@ -694,7 +694,7 @@
       var _this;
       _classCallCheck$i(this, UnmountClosed2);
       _this = _super.call(this, props);
-      _defineProperty$r(_assertThisInitialized$4(_this), "onWork", function(_ref2) {
+      _defineProperty$r(_assertThisInitialized$3(_this), "onWork", function(_ref2) {
         var isOpened = _ref2.isOpened, rest = _objectWithoutProperties$3(_ref2, _excluded$6);
         _this.setState({
           isResting: false,
@@ -707,7 +707,7 @@
           }, rest));
         }
       });
-      _defineProperty$r(_assertThisInitialized$4(_this), "onRest", function(_ref2) {
+      _defineProperty$r(_assertThisInitialized$3(_this), "onRest", function(_ref2) {
         var isOpened = _ref2.isOpened, rest = _objectWithoutProperties$3(_ref2, _excluded2$3);
         _this.setState({
           isResting: true,
@@ -721,7 +721,7 @@
           }, rest));
         }
       });
-      _defineProperty$r(_assertThisInitialized$4(_this), "getInitialStyle", function() {
+      _defineProperty$r(_assertThisInitialized$3(_this), "getInitialStyle", function() {
         var _this$state = _this.state, isOpened = _this$state.isOpened, isInitialRender = _this$state.isInitialRender;
         if (isInitialRender) {
           return isOpened ? {
@@ -760,7 +760,7 @@
       key: "render",
       value: function render2() {
         var _this$state2 = this.state, isResting = _this$state2.isResting, isOpened = _this$state2.isOpened;
-        return isResting && !isOpened ? null : /* @__PURE__ */ _react["default"].createElement(_Collapse.Collapse, _extends$4({}, this.props, {
+        return isResting && !isOpened ? null : /* @__PURE__ */ _react["default"].createElement(_Collapse.Collapse, _extends$3({}, this.props, {
           initialStyle: this.getInitialStyle(),
           onWork: this.onWork,
           onRest: this.onRest
@@ -1333,7 +1333,7 @@
     }
     return id2;
   }
-  function toArray(obj) {
+  function toArray$1(obj) {
     var array2 = [];
     for (var i2 = (obj || []).length >>> 0; i2--; ) {
       array2[i2] = obj[i2];
@@ -1342,7 +1342,7 @@
   }
   function classArray$1(node2) {
     if (node2.classList) {
-      return toArray(node2.classList);
+      return toArray$1(node2.classList);
     } else {
       return (node2.getAttribute("class") || "").split(" ").filter(function(i2) {
         return i2;
@@ -2422,7 +2422,7 @@
       if (disabled)
         return;
       var defaultPrefix = getDefaultUsablePrefix();
-      toArray(objects).forEach(function(mutationRecord) {
+      toArray$1(objects).forEach(function(mutationRecord) {
         if (mutationRecord.type === "childList" && mutationRecord.addedNodes.length > 0 && !isWatched(mutationRecord.addedNodes[0])) {
           if (config$1.searchPseudoElements) {
             pseudoElementsCallback(mutationRecord.target);
@@ -2498,7 +2498,7 @@
     return val;
   }
   function attributesParser(node2) {
-    var extraAttributes = toArray(node2.attributes).reduce(function(acc, attr) {
+    var extraAttributes = toArray$1(node2.attributes).reduce(function(acc, attr) {
       if (acc.name !== "class" && acc.name !== "style") {
         acc[attr.name] = attr.value;
       }
@@ -2608,7 +2608,7 @@
     }
     var candidates = [];
     try {
-      candidates = toArray(root2.querySelectorAll(prefixesDomQuery));
+      candidates = toArray$1(root2.querySelectorAll(prefixesDomQuery));
     } catch (e3) {
     }
     if (candidates.length > 0) {
@@ -2920,7 +2920,7 @@
       if (node2.getAttribute(pendingAttribute) !== null) {
         return resolve2();
       }
-      var children2 = toArray(node2.children);
+      var children2 = toArray$1(node2.children);
       var alreadyProcessedPseudoElement = children2.filter(function(c2) {
         return c2.getAttribute(DATA_FA_PSEUDO_ELEMENT) === position2;
       })[0];
@@ -2995,7 +2995,7 @@
     if (!IS_DOM)
       return;
     return new Promise(function(resolve2, reject) {
-      var operations = toArray(root2.querySelectorAll("*")).filter(processable).map(replace$2);
+      var operations = toArray$1(root2.querySelectorAll("*")).filter(processable).map(replace$2);
       var end2 = perf.begin("searchPseudoElements");
       disableObservation();
       Promise.all(operations).then(function() {
@@ -4507,11 +4507,11 @@
   var _Symbol = Symbol$6;
   var Symbol$5 = _Symbol;
   var objectProto$e = Object.prototype;
-  var hasOwnProperty$e = objectProto$e.hasOwnProperty;
+  var hasOwnProperty$d = objectProto$e.hasOwnProperty;
   var nativeObjectToString$1 = objectProto$e.toString;
   var symToStringTag$1 = Symbol$5 ? Symbol$5.toStringTag : void 0;
   function getRawTag$1(value) {
-    var isOwn = hasOwnProperty$e.call(value, symToStringTag$1), tag = value[symToStringTag$1];
+    var isOwn = hasOwnProperty$d.call(value, symToStringTag$1), tag = value[symToStringTag$1];
     try {
       value[symToStringTag$1] = void 0;
       var unmasked = true;
@@ -4592,9 +4592,9 @@
   var reIsHostCtor = /^\[object .+?Constructor\]$/;
   var funcProto = Function.prototype, objectProto$c = Object.prototype;
   var funcToString = funcProto.toString;
-  var hasOwnProperty$d = objectProto$c.hasOwnProperty;
+  var hasOwnProperty$c = objectProto$c.hasOwnProperty;
   var reIsNative = RegExp(
-    "^" + funcToString.call(hasOwnProperty$d).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+    "^" + funcToString.call(hasOwnProperty$c).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
   );
   function baseIsNative$1(value) {
     if (!isObject$8(value) || isMasked(value)) {
@@ -4635,22 +4635,22 @@
   var nativeCreate$2 = _nativeCreate;
   var HASH_UNDEFINED$2 = "__lodash_hash_undefined__";
   var objectProto$b = Object.prototype;
-  var hasOwnProperty$c = objectProto$b.hasOwnProperty;
+  var hasOwnProperty$b = objectProto$b.hasOwnProperty;
   function hashGet$1(key) {
     var data2 = this.__data__;
     if (nativeCreate$2) {
       var result = data2[key];
       return result === HASH_UNDEFINED$2 ? void 0 : result;
     }
-    return hasOwnProperty$c.call(data2, key) ? data2[key] : void 0;
+    return hasOwnProperty$b.call(data2, key) ? data2[key] : void 0;
   }
   var _hashGet = hashGet$1;
   var nativeCreate$1 = _nativeCreate;
   var objectProto$a = Object.prototype;
-  var hasOwnProperty$b = objectProto$a.hasOwnProperty;
+  var hasOwnProperty$a = objectProto$a.hasOwnProperty;
   function hashHas$1(key) {
     var data2 = this.__data__;
-    return nativeCreate$1 ? data2[key] !== void 0 : hasOwnProperty$b.call(data2, key);
+    return nativeCreate$1 ? data2[key] !== void 0 : hasOwnProperty$a.call(data2, key);
   }
   var _hashHas = hashHas$1;
   var nativeCreate = _nativeCreate;
@@ -4984,12 +4984,12 @@
   var _baseIsArguments = baseIsArguments$1;
   var baseIsArguments = _baseIsArguments, isObjectLike$5 = isObjectLike_1;
   var objectProto$8 = Object.prototype;
-  var hasOwnProperty$a = objectProto$8.hasOwnProperty;
+  var hasOwnProperty$9 = objectProto$8.hasOwnProperty;
   var propertyIsEnumerable = objectProto$8.propertyIsEnumerable;
   var isArguments$1 = baseIsArguments(function() {
     return arguments;
   }()) ? baseIsArguments : function(value) {
-    return isObjectLike$5(value) && hasOwnProperty$a.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
+    return isObjectLike$5(value) && hasOwnProperty$9.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
   };
   var isArguments_1 = isArguments$1;
   var isBuffer$5 = { exports: {} };
@@ -5061,11 +5061,11 @@
   var isTypedArray_1 = isTypedArray$2;
   var baseTimes = _baseTimes, isArguments = isArguments_1, isArray$c = isArray_1, isBuffer$4 = isBuffer$5.exports, isIndex$1 = _isIndex, isTypedArray$1 = isTypedArray_1;
   var objectProto$7 = Object.prototype;
-  var hasOwnProperty$9 = objectProto$7.hasOwnProperty;
+  var hasOwnProperty$8 = objectProto$7.hasOwnProperty;
   function arrayLikeKeys$2(value, inherited) {
     var isArr = isArray$c(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer$4(value), isType2 = !isArr && !isArg && !isBuff && isTypedArray$1(value), skipIndexes = isArr || isArg || isBuff || isType2, result = skipIndexes ? baseTimes(value.length, String) : [], length2 = result.length;
     for (var key in value) {
-      if ((inherited || hasOwnProperty$9.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType2 && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex$1(key, length2)))) {
+      if ((inherited || hasOwnProperty$8.call(value, key)) && !(skipIndexes && (key == "length" || isBuff && (key == "offset" || key == "parent") || isType2 && (key == "buffer" || key == "byteLength" || key == "byteOffset") || isIndex$1(key, length2)))) {
         result.push(key);
       }
     }
@@ -5089,14 +5089,14 @@
   var _nativeKeys = nativeKeys$1;
   var isPrototype$2 = _isPrototype, nativeKeys = _nativeKeys;
   var objectProto$5 = Object.prototype;
-  var hasOwnProperty$8 = objectProto$5.hasOwnProperty;
+  var hasOwnProperty$7 = objectProto$5.hasOwnProperty;
   function baseKeys$1(object2) {
     if (!isPrototype$2(object2)) {
       return nativeKeys(object2);
     }
     var result = [];
     for (var key in Object(object2)) {
-      if (hasOwnProperty$8.call(object2, key) && key != "constructor") {
+      if (hasOwnProperty$7.call(object2, key) && key != "constructor") {
         result.push(key);
       }
     }
@@ -5104,13 +5104,13 @@
   }
   var _baseKeys = baseKeys$1;
   var isFunction = isFunction_1, isLength = isLength_1;
-  function isArrayLike$2(value) {
+  function isArrayLike$3(value) {
     return value != null && isLength(value.length) && !isFunction(value);
   }
-  var isArrayLike_1 = isArrayLike$2;
-  var arrayLikeKeys$1 = _arrayLikeKeys, baseKeys = _baseKeys, isArrayLike$1 = isArrayLike_1;
+  var isArrayLike_1 = isArrayLike$3;
+  var arrayLikeKeys$1 = _arrayLikeKeys, baseKeys = _baseKeys, isArrayLike$2 = isArrayLike_1;
   function keys$4(object2) {
-    return isArrayLike$1(object2) ? arrayLikeKeys$1(object2) : baseKeys(object2);
+    return isArrayLike$2(object2) ? arrayLikeKeys$1(object2) : baseKeys(object2);
   }
   var keys_1 = keys$4;
   var baseGetAllKeys$1 = _baseGetAllKeys, getSymbols$2 = _getSymbols, keys$3 = keys_1;
@@ -5121,7 +5121,7 @@
   var getAllKeys$1 = _getAllKeys;
   var COMPARE_PARTIAL_FLAG$1 = 1;
   var objectProto$4 = Object.prototype;
-  var hasOwnProperty$7 = objectProto$4.hasOwnProperty;
+  var hasOwnProperty$6 = objectProto$4.hasOwnProperty;
   function equalObjects$1(object2, other, bitmask, customizer, equalFunc, stack) {
     var isPartial = bitmask & COMPARE_PARTIAL_FLAG$1, objProps = getAllKeys$1(object2), objLength = objProps.length, othProps = getAllKeys$1(other), othLength = othProps.length;
     if (objLength != othLength && !isPartial) {
@@ -5130,7 +5130,7 @@
     var index2 = objLength;
     while (index2--) {
       var key = objProps[index2];
-      if (!(isPartial ? key in other : hasOwnProperty$7.call(other, key))) {
+      if (!(isPartial ? key in other : hasOwnProperty$6.call(other, key))) {
         return false;
       }
     }
@@ -5208,7 +5208,7 @@
   var COMPARE_PARTIAL_FLAG = 1;
   var argsTag$1 = "[object Arguments]", arrayTag$1 = "[object Array]", objectTag$1 = "[object Object]";
   var objectProto$3 = Object.prototype;
-  var hasOwnProperty$6 = objectProto$3.hasOwnProperty;
+  var hasOwnProperty$5 = objectProto$3.hasOwnProperty;
   function baseIsEqualDeep$1(object2, other, bitmask, customizer, equalFunc, stack) {
     var objIsArr = isArray$b(object2), othIsArr = isArray$b(other), objTag = objIsArr ? arrayTag$1 : getTag$3(object2), othTag = othIsArr ? arrayTag$1 : getTag$3(other);
     objTag = objTag == argsTag$1 ? objectTag$1 : objTag;
@@ -5226,7 +5226,7 @@
       return objIsArr || isTypedArray(object2) ? equalArrays(object2, other, bitmask, customizer, equalFunc, stack) : equalByTag(object2, other, objTag, bitmask, customizer, equalFunc, stack);
     }
     if (!(bitmask & COMPARE_PARTIAL_FLAG)) {
-      var objIsWrapped = objIsObj && hasOwnProperty$6.call(object2, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty$6.call(other, "__wrapped__");
+      var objIsWrapped = objIsObj && hasOwnProperty$5.call(object2, "__wrapped__"), othIsWrapped = othIsObj && hasOwnProperty$5.call(other, "__wrapped__");
       if (objIsWrapped || othIsWrapped) {
         var objUnwrapped = objIsWrapped ? object2.value() : object2, othUnwrapped = othIsWrapped ? other.value() : other;
         stack || (stack = new Stack$4());
@@ -5488,55 +5488,6 @@
     var step2 = (stop - start2) / Math.max(0, count2), power = Math.floor(Math.log(step2) / Math.LN10), error2 = step2 / Math.pow(10, power);
     return power >= 0 ? (error2 >= e10$1 ? 10 : error2 >= e5$1 ? 5 : error2 >= e2$1 ? 2 : 1) * Math.pow(10, power) : -Math.pow(10, -power) / (error2 >= e10$1 ? 10 : error2 >= e5$1 ? 5 : error2 >= e2$1 ? 2 : 1);
   }
-  function initRange(domain2, range2) {
-    switch (arguments.length) {
-      case 0:
-        break;
-      case 1:
-        this.range(domain2);
-        break;
-      default:
-        this.range(range2).domain(domain2);
-        break;
-    }
-    return this;
-  }
-  const implicit = Symbol("implicit");
-  function ordinal() {
-    var index2 = /* @__PURE__ */ new Map(), domain2 = [], range2 = [], unknown2 = implicit;
-    function scale(d2) {
-      var key = d2 + "", i2 = index2.get(key);
-      if (!i2) {
-        if (unknown2 !== implicit)
-          return unknown2;
-        index2.set(key, i2 = domain2.push(d2));
-      }
-      return range2[(i2 - 1) % range2.length];
-    }
-    scale.domain = function(_2) {
-      if (!arguments.length)
-        return domain2.slice();
-      domain2 = [], index2 = /* @__PURE__ */ new Map();
-      for (const value of _2) {
-        const key = value + "";
-        if (index2.has(key))
-          continue;
-        index2.set(key, domain2.push(value));
-      }
-      return scale;
-    };
-    scale.range = function(_2) {
-      return arguments.length ? (range2 = Array.from(_2), scale) : range2.slice();
-    };
-    scale.unknown = function(_2) {
-      return arguments.length ? (unknown2 = _2, scale) : unknown2;
-    };
-    scale.copy = function() {
-      return ordinal(domain2, range2).unknown(unknown2);
-    };
-    initRange.apply(scale, arguments);
-    return scale;
-  }
   function useIntersectionObserver(ref, rootMargin = "0px", threshold = 1) {
     const [isIntersecting, setIntersecting] = React.useState(false);
     React.useEffect(() => {
@@ -5818,8 +5769,8 @@
     border: 1px solid ${(props) => props.color};
     border-radius: ${(props) => props.height ? `${props.height / 2}px` : "1rem"};
 `;
-  function _extends$3() {
-    _extends$3 = Object.assign ? Object.assign.bind() : function(target) {
+  function _extends$2() {
+    _extends$2 = Object.assign ? Object.assign.bind() : function(target) {
       for (var i2 = 1; i2 < arguments.length; i2++) {
         var source = arguments[i2];
         for (var key in source) {
@@ -5830,40 +5781,40 @@
       }
       return target;
     };
-    return _extends$3.apply(this, arguments);
+    return _extends$2.apply(this, arguments);
   }
-  function _assertThisInitialized$3(self2) {
+  function _assertThisInitialized$2(self2) {
     if (self2 === void 0) {
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     }
     return self2;
   }
-  function _setPrototypeOf$3(o2, p2) {
-    _setPrototypeOf$3 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o3, p3) {
+  function _setPrototypeOf$2(o2, p2) {
+    _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o3, p3) {
       o3.__proto__ = p3;
       return o3;
     };
-    return _setPrototypeOf$3(o2, p2);
+    return _setPrototypeOf$2(o2, p2);
   }
-  function _inheritsLoose$2(subClass, superClass) {
+  function _inheritsLoose$1(subClass, superClass) {
     subClass.prototype = Object.create(superClass.prototype);
     subClass.prototype.constructor = subClass;
-    _setPrototypeOf$3(subClass, superClass);
+    _setPrototypeOf$2(subClass, superClass);
   }
-  function _getPrototypeOf$2(o2) {
-    _getPrototypeOf$2 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o3) {
+  function _getPrototypeOf$1(o2) {
+    _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o3) {
       return o3.__proto__ || Object.getPrototypeOf(o3);
     };
-    return _getPrototypeOf$2(o2);
+    return _getPrototypeOf$1(o2);
   }
-  function _isNativeFunction$1(fn2) {
+  function _isNativeFunction(fn2) {
     try {
       return Function.toString.call(fn2).indexOf("[native code]") !== -1;
     } catch (e3) {
       return typeof fn2 === "function";
     }
   }
-  function _isNativeReflectConstruct$2() {
+  function _isNativeReflectConstruct$1() {
     if (typeof Reflect === "undefined" || !Reflect.construct)
       return false;
     if (Reflect.construct.sham)
@@ -5878,26 +5829,26 @@
       return false;
     }
   }
-  function _construct$1(Parent, args, Class) {
-    if (_isNativeReflectConstruct$2()) {
-      _construct$1 = Reflect.construct.bind();
+  function _construct(Parent, args, Class) {
+    if (_isNativeReflectConstruct$1()) {
+      _construct = Reflect.construct.bind();
     } else {
-      _construct$1 = function _construct2(Parent2, args2, Class2) {
+      _construct = function _construct2(Parent2, args2, Class2) {
         var a2 = [null];
         a2.push.apply(a2, args2);
         var Constructor = Function.bind.apply(Parent2, a2);
         var instance2 = new Constructor();
         if (Class2)
-          _setPrototypeOf$3(instance2, Class2.prototype);
+          _setPrototypeOf$2(instance2, Class2.prototype);
         return instance2;
       };
     }
-    return _construct$1.apply(null, arguments);
+    return _construct.apply(null, arguments);
   }
-  function _wrapNativeSuper$1(Class) {
+  function _wrapNativeSuper(Class) {
     var _cache = typeof Map === "function" ? /* @__PURE__ */ new Map() : void 0;
-    _wrapNativeSuper$1 = function _wrapNativeSuper2(Class2) {
-      if (Class2 === null || !_isNativeFunction$1(Class2))
+    _wrapNativeSuper = function _wrapNativeSuper2(Class2) {
+      if (Class2 === null || !_isNativeFunction(Class2))
         return Class2;
       if (typeof Class2 !== "function") {
         throw new TypeError("Super expression must either be null or a function");
@@ -5908,7 +5859,7 @@
         _cache.set(Class2, Wrapper2);
       }
       function Wrapper2() {
-        return _construct$1(Class2, arguments, _getPrototypeOf$2(this).constructor);
+        return _construct(Class2, arguments, _getPrototypeOf$1(this).constructor);
       }
       Wrapper2.prototype = Object.create(Class2.prototype, {
         constructor: {
@@ -5918,21 +5869,21 @@
           configurable: true
         }
       });
-      return _setPrototypeOf$3(Wrapper2, Class2);
+      return _setPrototypeOf$2(Wrapper2, Class2);
     };
-    return _wrapNativeSuper$1(Class);
+    return _wrapNativeSuper(Class);
   }
   var PolishedError$1 = /* @__PURE__ */ function(_Error) {
-    _inheritsLoose$2(PolishedError2, _Error);
+    _inheritsLoose$1(PolishedError2, _Error);
     function PolishedError2(code2) {
       var _this;
       {
         _this = _Error.call(this, "An error occurred. See https://github.com/styled-components/polished/blob/master/src/internalHelpers/errors.md#" + code2 + " for more information.") || this;
       }
-      return _assertThisInitialized$3(_this);
+      return _assertThisInitialized$2(_this);
     }
     return PolishedError2;
-  }(/* @__PURE__ */ _wrapNativeSuper$1(Error));
+  }(/* @__PURE__ */ _wrapNativeSuper(Error));
   function colorToInt$1(color2) {
     return Math.round(color2 * 255);
   }
@@ -6276,7 +6227,7 @@
       return color2;
     var parsedColor = parseToRgb$1(color2);
     var alpha = typeof parsedColor.alpha === "number" ? parsedColor.alpha : 1;
-    var colorWithAlpha = _extends$3({}, parsedColor, {
+    var colorWithAlpha = _extends$2({}, parsedColor, {
       alpha: guard$1(0, 1, (alpha * 100 - parseFloat(amount) * 100) / 100)
     });
     return rgba$3(colorWithAlpha);
@@ -7746,7 +7697,7 @@
       }
     });
     if (props.onStateChange && Object.keys(changes).length) {
-      props.onStateChange(_extends$3({
+      props.onStateChange(_extends$2({
         type
       }, changes));
     }
@@ -7755,7 +7706,7 @@
     var props = action.props, type = action.type;
     var handler = "on" + capitalizeString(key) + "Change";
     if (props[handler] && newState[key] !== void 0 && newState[key] !== state[key]) {
-      props[handler](_extends$3({
+      props[handler](_extends$2({
         type
       }, newState));
     }
@@ -7819,7 +7770,7 @@
       actionRef.current = action2;
       state2 = getState(state2, action2.props);
       var changes = reducer2(state2, action2);
-      var newState = action2.props.stateReducer(state2, _extends$3({}, action2, {
+      var newState = action2.props.stateReducer(state2, _extends$2({}, action2, {
         changes
       }));
       return newState;
@@ -7827,7 +7778,7 @@
     var _useReducer = React.useReducer(enhancedReducer, initialState2), state = _useReducer[0], dispatch2 = _useReducer[1];
     var propsRef = useLatestRef(props);
     var dispatchWithProps = React.useCallback(function(action2) {
-      return dispatch2(_extends$3({
+      return dispatch2(_extends$2({
         props: propsRef.current
       }, action2));
     }, [propsRef]);
@@ -7965,7 +7916,7 @@
         return;
       }
       updateA11yStatus(function() {
-        return getA11yMessage(_extends$3({
+        return getA11yMessage(_extends$2({
           highlightedIndex,
           highlightedItem: items[highlightedIndex],
           resultCount: items.length
@@ -7995,10 +7946,10 @@
       inputValue = true;
     }
     var shouldSelect = ((_props$items = props.items) == null ? void 0 : _props$items.length) && highlightedIndex >= 0;
-    return _extends$3({
+    return _extends$2({
       isOpen: false,
       highlightedIndex: -1
-    }, shouldSelect && _extends$3({
+    }, shouldSelect && _extends$2({
       selectedItem: props.items[highlightedIndex],
       isOpen: getDefaultValue$1(props, "isOpen"),
       highlightedIndex: getDefaultValue$1(props, "highlightedIndex")
@@ -8059,7 +8010,7 @@
       default:
         throw new Error("Reducer called without proper action type.");
     }
-    return _extends$3({}, state, changes);
+    return _extends$2({}, state, changes);
   }
   function getItemIndexByCharacterKey(_a3) {
     var keysSoFar = _a3.keysSoFar, highlightedIndex = _a3.highlightedIndex, items = _a3.items, itemToString2 = _a3.itemToString, getItemNodeFromIndex = _a3.getItemNodeFromIndex;
@@ -8255,7 +8206,7 @@
         };
         break;
       case ToggleButtonBlur:
-        changes = _extends$3({
+        changes = _extends$2({
           isOpen: false,
           highlightedIndex: -1
         }, state.highlightedIndex >= 0 && ((_props$items = props.items) == null ? void 0 : _props$items.length) && {
@@ -8270,7 +8221,7 @@
       default:
         return downshiftCommonReducer(state, action, stateChangeTypes$2$1);
     }
-    return _extends$3({}, state, changes);
+    return _extends$2({}, state, changes);
   }
   var _excluded$2 = ["onMouseLeave", "refKey", "onKeyDown", "onBlur", "ref"], _excluded2$2 = ["onBlur", "onClick", "onPress", "onKeyDown", "refKey", "ref"], _excluded3$1 = ["item", "index", "onMouseMove", "onClick", "onPress", "refKey", "ref", "disabled"];
   useSelect.stateChangeTypes = stateChangeTypes$2$1;
@@ -8278,7 +8229,7 @@
     if (userProps === void 0) {
       userProps = {};
     }
-    var props = _extends$3({}, defaultProps$2$1, userProps);
+    var props = _extends$2({}, defaultProps$2$1, userProps);
     var items = props.items, scrollIntoView2 = props.scrollIntoView, environment = props.environment, itemToString2 = props.itemToString, getA11ySelectionMessage2 = props.getA11ySelectionMessage, getA11yStatusMessage2 = props.getA11yStatusMessage;
     var initialState2 = getInitialState$2(props);
     var _useControlledReducer = useControlledReducer$1(downshiftSelectReducer, initialState2, props), state = _useControlledReducer[0], dispatch2 = _useControlledReducer[1];
@@ -8297,14 +8248,14 @@
     var getItemNodeFromIndex = React.useCallback(function(index2) {
       return itemRefs.current[elementIds.getItemId(index2)];
     }, [elementIds]);
-    useA11yMessageSetter(getA11yStatusMessage2, [isOpen, highlightedIndex, inputValue, items], _extends$3({
+    useA11yMessageSetter(getA11yStatusMessage2, [isOpen, highlightedIndex, inputValue, items], _extends$2({
       isInitialMount: isInitialMountRef.current,
       previousResultCount: previousResultCountRef.current,
       items,
       environment,
       itemToString: itemToString2
     }, state));
-    useA11yMessageSetter(getA11ySelectionMessage2, [selectedItem], _extends$3({
+    useA11yMessageSetter(getA11ySelectionMessage2, [selectedItem], _extends$2({
       isInitialMount: isInitialMountRef.current,
       previousResultCount: previousResultCountRef.current,
       items,
@@ -8489,7 +8440,7 @@
       });
     }, [dispatch2]);
     var getLabelProps = React.useCallback(function(labelProps) {
-      return _extends$3({
+      return _extends$2({
         id: elementIds.labelId,
         htmlFor: elementIds.toggleButtonId
       }, labelProps);
@@ -8507,7 +8458,7 @@
           type: MenuMouseLeave$1
         });
       };
-      return _extends$3((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function(menuNode) {
+      return _extends$2((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function(menuNode) {
         menuRef.current = menuNode;
       }), _extends2.id = elementIds.menuId, _extends2.role = "listbox", _extends2["aria-labelledby"] = rest && rest["aria-label"] ? void 0 : "" + elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, menuHandleMouseLeave), _extends2), rest);
     }, [dispatch2, setGetterPropCallInfo, elementIds]);
@@ -8543,7 +8494,7 @@
           });
         }
       };
-      var toggleProps = _extends$3((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function(toggleButtonNode) {
+      var toggleProps = _extends$2((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function(toggleButtonNode) {
         toggleButtonRef.current = toggleButtonNode;
       }), _extends3["aria-activedescendant"] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : "", _extends3["aria-controls"] = elementIds.menuId, _extends3["aria-expanded"] = latest.current.state.isOpen, _extends3["aria-haspopup"] = "listbox", _extends3["aria-labelledby"] = rest && rest["aria-label"] ? void 0 : "" + elementIds.labelId, _extends3.id = elementIds.toggleButtonId, _extends3.role = "combobox", _extends3.tabIndex = 0, _extends3.onBlur = callAllEventHandlers(onBlur, toggleButtonHandleBlur), _extends3), rest);
       if (!rest.disabled) {
@@ -8578,7 +8529,7 @@
           index: index2
         });
       };
-      var itemProps = _extends$3((_extends4 = {
+      var itemProps = _extends$2((_extends4 = {
         disabled: disabled2,
         role: "option",
         "aria-selected": "" + (item === selectedItem),
@@ -8670,7 +8621,7 @@
     if (inputValue === "" && selectedItem && props.defaultInputValue === void 0 && props.initialInputValue === void 0 && props.inputValue === void 0) {
       inputValue = props.itemToString(selectedItem);
     }
-    return _extends$3({}, initialState2, {
+    return _extends$2({}, initialState2, {
       inputValue
     });
   }
@@ -8731,7 +8682,7 @@
     }, [state.selectedItem, props.selectedItem]);
     return [getState(state, props), dispatch2];
   }
-  var defaultProps$1$1 = _extends$3({}, defaultProps$3, {
+  var defaultProps$1$1 = _extends$2({}, defaultProps$3, {
     selectedItemChanged: function selectedItemChanged(prevItem, item) {
       return prevItem !== item;
     },
@@ -8782,7 +8733,7 @@
         changes = getChangesOnSelection(props, state.highlightedIndex);
         break;
       case InputKeyDownEscape:
-        changes = _extends$3({
+        changes = _extends$2({
           isOpen: false,
           highlightedIndex: -1
         }, !state.isOpen && {
@@ -8811,7 +8762,7 @@
         };
         break;
       case InputBlur:
-        changes = _extends$3({
+        changes = _extends$2({
           isOpen: false,
           highlightedIndex: -1
         }, state.highlightedIndex >= 0 && ((_props$items = props.items) == null ? void 0 : _props$items.length) && action.selectItem && {
@@ -8846,7 +8797,7 @@
       default:
         return downshiftCommonReducer(state, action, stateChangeTypes$1$1);
     }
-    return _extends$3({}, state, changes);
+    return _extends$2({}, state, changes);
   }
   var _excluded$1 = ["onMouseLeave", "refKey", "ref"], _excluded2$1 = ["item", "index", "refKey", "ref", "onMouseMove", "onMouseDown", "onClick", "onPress", "disabled"], _excluded3 = ["onClick", "onPress", "refKey", "ref"], _excluded4 = ["onKeyDown", "onChange", "onInput", "onFocus", "onBlur", "onChangeText", "refKey", "ref"];
   useCombobox.stateChangeTypes = stateChangeTypes$1$1;
@@ -8854,7 +8805,7 @@
     if (userProps === void 0) {
       userProps = {};
     }
-    var props = _extends$3({}, defaultProps$1$1, userProps);
+    var props = _extends$2({}, defaultProps$1$1, userProps);
     var initialIsOpen = props.initialIsOpen, defaultIsOpen = props.defaultIsOpen, items = props.items, scrollIntoView2 = props.scrollIntoView, environment = props.environment, getA11yStatusMessage2 = props.getA11yStatusMessage, getA11ySelectionMessage2 = props.getA11ySelectionMessage, itemToString2 = props.itemToString;
     var initialState2 = getInitialState$1(props);
     var _useControlledReducer = useControlledReducer(downshiftUseComboboxReducer, initialState2, props), state = _useControlledReducer[0], dispatch2 = _useControlledReducer[1];
@@ -8873,14 +8824,14 @@
     var getItemNodeFromIndex = React.useCallback(function(index2) {
       return itemRefs.current[elementIds.getItemId(index2)];
     }, [elementIds]);
-    useA11yMessageSetter(getA11yStatusMessage2, [isOpen, highlightedIndex, inputValue, items], _extends$3({
+    useA11yMessageSetter(getA11yStatusMessage2, [isOpen, highlightedIndex, inputValue, items], _extends$2({
       isInitialMount: isInitialMountRef.current,
       previousResultCount: previousResultCountRef.current,
       items,
       environment,
       itemToString: itemToString2
     }, state));
-    useA11yMessageSetter(getA11ySelectionMessage2, [selectedItem], _extends$3({
+    useA11yMessageSetter(getA11ySelectionMessage2, [selectedItem], _extends$2({
       isInitialMount: isInitialMountRef.current,
       previousResultCount: previousResultCountRef.current,
       items,
@@ -9013,7 +8964,7 @@
       };
     }, [dispatch2, latest, getItemNodeFromIndex]);
     var getLabelProps = React.useCallback(function(labelProps) {
-      return _extends$3({
+      return _extends$2({
         id: elementIds.labelId,
         htmlFor: elementIds.inputId
       }, labelProps);
@@ -9023,7 +8974,7 @@
       var _ref2 = _temp === void 0 ? {} : _temp, onMouseLeave = _ref2.onMouseLeave, _ref$refKey = _ref2.refKey, refKey = _ref$refKey === void 0 ? "ref" : _ref$refKey, ref = _ref2.ref, rest = _objectWithoutPropertiesLoose$4(_ref2, _excluded$1);
       var _ref22 = _temp2 === void 0 ? {} : _temp2;
       _ref22.suppressRefError;
-      return _extends$3((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function(menuNode) {
+      return _extends$2((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function(menuNode) {
         menuRef.current = menuNode;
       }), _extends2.id = elementIds.menuId, _extends2.role = "listbox", _extends2["aria-labelledby"] = rest && rest["aria-label"] ? void 0 : "" + elementIds.labelId, _extends2.onMouseLeave = callAllEventHandlers(onMouseLeave, function() {
         dispatch2({
@@ -9060,7 +9011,7 @@
       var itemHandleMouseDown = function itemHandleMouseDown2(e3) {
         return e3.preventDefault();
       };
-      return _extends$3((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function(itemNode) {
+      return _extends$2((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function(itemNode) {
         if (itemNode) {
           itemRefs.current[elementIds.getItemId(index2)] = itemNode;
         }
@@ -9080,9 +9031,9 @@
           type: ToggleButtonClick
         });
       };
-      return _extends$3((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function(toggleButtonNode) {
+      return _extends$2((_extends4 = {}, _extends4[refKey] = handleRefs(ref, function(toggleButtonNode) {
         toggleButtonRef.current = toggleButtonNode;
-      }), _extends4["aria-controls"] = elementIds.menuId, _extends4["aria-expanded"] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends$3({}, {
+      }), _extends4["aria-controls"] = elementIds.menuId, _extends4["aria-expanded"] = latestState.isOpen, _extends4.id = elementIds.toggleButtonId, _extends4.tabIndex = -1, _extends4), !rest.disabled && _extends$2({}, {
         onClick: callAllEventHandlers(onClick, toggleButtonHandleClick)
       }), rest);
     }, [dispatch2, latest, elementIds]);
@@ -9128,7 +9079,7 @@
         var _eventHandlers;
         eventHandlers = (_eventHandlers = {}, _eventHandlers[onChangeKey] = callAllEventHandlers(onChange2, onInput, inputHandleChange), _eventHandlers.onKeyDown = callAllEventHandlers(onKeyDown, inputHandleKeyDown), _eventHandlers.onBlur = callAllEventHandlers(onBlur, inputHandleBlur), _eventHandlers.onFocus = callAllEventHandlers(onFocus, inputHandleFocus), _eventHandlers);
       }
-      return _extends$3((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function(inputNode) {
+      return _extends$2((_extends5 = {}, _extends5[refKey] = handleRefs(ref, function(inputNode) {
         inputRef.current = inputNode;
       }), _extends5["aria-activedescendant"] = latestState.isOpen && latestState.highlightedIndex > -1 ? elementIds.getItemId(latestState.highlightedIndex) : "", _extends5["aria-autocomplete"] = "list", _extends5["aria-controls"] = elementIds.menuId, _extends5["aria-expanded"] = latestState.isOpen, _extends5["aria-labelledby"] = rest && rest["aria-label"] ? void 0 : "" + elementIds.labelId, _extends5.autoComplete = "off", _extends5.id = elementIds.inputId, _extends5.role = "combobox", _extends5.value = latestState.inputValue, _extends5), eventHandlers, rest);
     }, [setGetterPropCallInfo, latest, elementIds, inputKeyDownHandlers, dispatch2, mouseAndTouchTrackersRef, environment]);
@@ -9313,7 +9264,7 @@
         } else if (activeIndex === selectedItems.length - 1) {
           newActiveIndex = selectedItems.length - 2;
         }
-        changes = _extends$3({
+        changes = _extends$2({
           selectedItems: [].concat(selectedItems.slice(0, activeIndex), selectedItems.slice(activeIndex + 1))
         }, {
           activeIndex: newActiveIndex
@@ -9380,7 +9331,7 @@
       default:
         throw new Error("Reducer called without proper action type.");
     }
-    return _extends$3({}, state, changes);
+    return _extends$2({}, state, changes);
   }
   var _excluded$4 = ["refKey", "ref", "onClick", "onKeyDown", "selectedItem", "index"], _excluded2 = ["refKey", "ref", "onKeyDown", "onClick", "preventKeyAction"];
   useMultipleSelection.stateChangeTypes = stateChangeTypes$4;
@@ -9388,7 +9339,7 @@
     if (userProps === void 0) {
       userProps = {};
     }
-    var props = _extends$3({}, defaultProps$4, userProps);
+    var props = _extends$2({}, defaultProps$4, userProps);
     var getA11yRemovalMessage2 = props.getA11yRemovalMessage, itemToString2 = props.itemToString, environment = props.environment, keyNavigationNext = props.keyNavigationNext, keyNavigationPrevious = props.keyNavigationPrevious;
     var _useControlledReducer = useControlledReducer$1(downshiftMultipleSelectionReducer, getInitialState(props), props), state = _useControlledReducer[0], dispatch2 = _useControlledReducer[1];
     var activeIndex = state.activeIndex, selectedItems = state.selectedItems;
@@ -9495,7 +9446,7 @@
           selectedItemKeyDownHandlers[key](event2);
         }
       };
-      return _extends$3((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function(selectedItemNode) {
+      return _extends$2((_extends2 = {}, _extends2[refKey] = handleRefs(ref, function(selectedItemNode) {
         if (selectedItemNode) {
           selectedItemRefs.current.push(selectedItemNode);
         }
@@ -9517,7 +9468,7 @@
           type: DropdownClick
         });
       };
-      return _extends$3((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function(dropdownNode) {
+      return _extends$2((_extends3 = {}, _extends3[refKey] = handleRefs(ref, function(dropdownNode) {
         if (dropdownNode) {
           dropdownRef.current = dropdownNode;
         }
@@ -11056,7 +11007,7 @@
   function getBasePlacement$2(placement) {
     return placement.split("-")[0];
   }
-  var max$3 = Math.max;
+  var max$4 = Math.max;
   var min$3 = Math.min;
   var round$2 = Math.round;
   function getUAString() {
@@ -11193,7 +11144,7 @@
     return ["top", "bottom"].indexOf(placement) >= 0 ? "x" : "y";
   }
   function within(min2, value, max2) {
-    return max$3(min2, min$3(value, max2));
+    return max$4(min2, min$3(value, max2));
   }
   function withinMaxClamp(min2, value, max2) {
     var v2 = within(min2, value, max2);
@@ -11489,12 +11440,12 @@
     var html2 = getDocumentElement(element2);
     var winScroll = getWindowScroll(element2);
     var body = (_element$ownerDocumen = element2.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
-    var width = max$3(html2.scrollWidth, html2.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
-    var height = max$3(html2.scrollHeight, html2.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
+    var width = max$4(html2.scrollWidth, html2.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
+    var height = max$4(html2.scrollHeight, html2.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
     var x2 = -winScroll.scrollLeft + getWindowScrollBarX(element2);
     var y2 = -winScroll.scrollTop;
     if (getComputedStyle$1(body || html2).direction === "rtl") {
-      x2 += max$3(html2.clientWidth, body ? body.clientWidth : 0) - width;
+      x2 += max$4(html2.clientWidth, body ? body.clientWidth : 0) - width;
     }
     return {
       width,
@@ -11568,10 +11519,10 @@
     var firstClippingParent = clippingParents2[0];
     var clippingRect = clippingParents2.reduce(function(accRect, clippingParent) {
       var rect = getClientRectFromMixedType(element2, clippingParent, strategy);
-      accRect.top = max$3(rect.top, accRect.top);
+      accRect.top = max$4(rect.top, accRect.top);
       accRect.right = min$3(rect.right, accRect.right);
       accRect.bottom = min$3(rect.bottom, accRect.bottom);
-      accRect.left = max$3(rect.left, accRect.left);
+      accRect.left = max$4(rect.left, accRect.left);
       return accRect;
     }, getClientRectFromMixedType(element2, firstClippingParent, strategy));
     clippingRect.width = clippingRect.right - clippingRect.left;
@@ -11970,7 +11921,7 @@
       var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;
       var tetherMin = offset2 + minOffset - offsetModifierValue - clientOffset;
       var tetherMax = offset2 + maxOffset2 - offsetModifierValue;
-      var preventedOffset = within(tether ? min$3(min2, tetherMin) : min2, offset2, tether ? max$3(max2, tetherMax) : max2);
+      var preventedOffset = within(tether ? min$3(min2, tetherMin) : min2, offset2, tether ? max$4(max2, tetherMax) : max2);
       popperOffsets2[mainAxis] = preventedOffset;
       data2[mainAxis] = preventedOffset - offset2;
     }
@@ -14865,8 +14816,8 @@
   }}
     }
 `;
-  function Tooltip$1({ appendTo = document.body, getReferenceClientRect, children: children2, className, content: content2, disabled: disabled2, hideOnClick = true, interactive, visible, placement = "auto", styling = "default", followCursor: followCursor$1 = false, hidden = false, style: style2, onClickOutside = () => false }) {
-    return jsxRuntime.exports.jsx(Tippy, { appendTo, arrow: true, disabled: disabled2, followCursor: followCursor$1, getReferenceClientRect, hideOnClick: visible !== void 0 ? void 0 : hideOnClick, interactive, onClickOutside, placement, plugins: [followCursor], render: (attrs2) => jsxRuntime.exports.jsxs(TooltipWrapper, Object.assign({ "$hidden": hidden, className, style: style2, styling }, attrs2, { children: [content2, jsxRuntime.exports.jsx(Arrow, { "$hidden": hidden, "data-popper-arrow": "", placement: attrs2["data-placement"], styling })] })), visible, zIndex: 9998, children: children2 });
+  function Tooltip$1({ appendTo = document.body, getReferenceClientRect, children: children2, className, content: content2, disabled: disabled2, hideOnClick = true, interactive, visible, placement = "auto", styling = "default", followCursor: followCursor$1 = false, hidden = false, style: style2, delay = 0, onClickOutside = () => false }) {
+    return jsxRuntime.exports.jsx(Tippy, { appendTo, arrow: true, delay, disabled: disabled2, followCursor: followCursor$1, getReferenceClientRect, hideOnClick: visible !== void 0 ? void 0 : hideOnClick, interactive, onClickOutside, placement, plugins: [followCursor], render: (attrs2) => jsxRuntime.exports.jsxs(TooltipWrapper, Object.assign({ "$hidden": hidden, className, style: style2, styling }, attrs2, { children: [content2, jsxRuntime.exports.jsx(Arrow, { "$hidden": hidden, "data-popper-arrow": "", placement: attrs2["data-placement"], styling })] })), visible, zIndex: 9998, children: children2 });
   }
   const { stateChangeTypes: stateChangeTypes$3 } = useCombobox;
   const Wrapper$a = styled__default.default.div`
@@ -21834,7 +21785,7 @@
           depth = depth === undefined$12 ? 1 : toInteger2(depth);
           return baseFlatten(map2(collection2, iteratee2), depth);
         }
-        function forEach(collection2, iteratee2) {
+        function forEach2(collection2, iteratee2) {
           var func = isArray2(collection2) ? arrayEach2 : baseEach;
           return func(collection2, getIteratee(iteratee2, 3));
         }
@@ -23365,7 +23316,7 @@
         lodash2.findLastIndex = findLastIndex;
         lodash2.findLastKey = findLastKey;
         lodash2.floor = floor;
-        lodash2.forEach = forEach;
+        lodash2.forEach = forEach2;
         lodash2.forEachRight = forEachRight;
         lodash2.forIn = forIn;
         lodash2.forInRight = forInRight;
@@ -23488,7 +23439,7 @@
         lodash2.uniqueId = uniqueId;
         lodash2.upperCase = upperCase;
         lodash2.upperFirst = upperFirst;
-        lodash2.each = forEach;
+        lodash2.each = forEach2;
         lodash2.eachRight = forEachRight;
         lodash2.first = head;
         mixin2(lodash2, function() {
@@ -25451,7 +25402,7 @@
     });
     return result || new Date(NaN);
   }
-  function max$2(dirtyDatesArray) {
+  function max$3(dirtyDatesArray) {
     requiredArgs(1, arguments);
     var datesArray;
     if (dirtyDatesArray && typeof dirtyDatesArray.forEach === "function") {
@@ -25666,19 +25617,6 @@
     }
     return target;
   }
-  function _assertThisInitialized$2(self2) {
-    if (self2 === void 0) {
-      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-    }
-    return self2;
-  }
-  function _setPrototypeOf$2(o2, p2) {
-    _setPrototypeOf$2 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o3, p3) {
-      o3.__proto__ = p3;
-      return o3;
-    };
-    return _setPrototypeOf$2(o2, p2);
-  }
   function _inherits$1(subClass, superClass) {
     if (typeof superClass !== "function" && superClass !== null) {
       throw new TypeError("Super expression must either be null or a function");
@@ -25696,27 +25634,6 @@
     if (superClass)
       _setPrototypeOf$2(subClass, superClass);
   }
-  function _getPrototypeOf$1(o2) {
-    _getPrototypeOf$1 = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o3) {
-      return o3.__proto__ || Object.getPrototypeOf(o3);
-    };
-    return _getPrototypeOf$1(o2);
-  }
-  function _isNativeReflectConstruct$1() {
-    if (typeof Reflect === "undefined" || !Reflect.construct)
-      return false;
-    if (Reflect.construct.sham)
-      return false;
-    if (typeof Proxy === "function")
-      return true;
-    try {
-      Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
-      }));
-      return true;
-    } catch (e3) {
-      return false;
-    }
-  }
   function _possibleConstructorReturn$1(self2, call2) {
     if (call2 && (_typeof$5(call2) === "object" || typeof call2 === "function")) {
       return call2;
@@ -28080,7 +27997,7 @@
   function validateTimezone(_hours, minutes) {
     return minutes >= 0 && minutes <= 59;
   }
-  function _inheritsLoose$1(subClass, superClass) {
+  function _inheritsLoose(subClass, superClass) {
     subClass.prototype = Object.create(superClass.prototype);
     subClass.prototype.constructor = subClass;
     _setPrototypeOf$1(subClass, superClass);
@@ -28178,7 +28095,7 @@
     var _class, _temp;
     var componentName = WrappedComponent.displayName || WrappedComponent.name || "Component";
     return _temp = _class = /* @__PURE__ */ function(_Component) {
-      _inheritsLoose$1(onClickOutside, _Component);
+      _inheritsLoose(onClickOutside, _Component);
       function onClickOutside(props) {
         var _this;
         _this = _Component.call(this, props) || this;
@@ -28909,9 +28826,9 @@
       var n2 = r2.filter(function(e4) {
         return differenceInCalendarDays(e4, t2) <= 0;
       });
-      return max$2(n2);
+      return max$3(n2);
     }
-    return r2 ? max$2(r2) : t2;
+    return r2 ? max$3(r2) : t2;
   }
   function mt() {
     for (var e3 = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : [], t2 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "react-datepicker__day--highlighted", r2 = /* @__PURE__ */ new Map(), o2 = 0, a2 = e3.length; o2 < a2; o2++) {
@@ -36377,7 +36294,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return Constructor;
     };
   }();
-  var _extends$2 = Object.assign || function(target) {
+  var _extends$1 = Object.assign || function(target) {
     for (var i2 = 1; i2 < arguments.length; i2++) {
       var source = arguments[i2];
       for (var key in source) {
@@ -36707,7 +36624,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           {
             className,
             ref: this._setRef,
-            style: _extends$2({}, outerStyle, style2)
+            style: _extends$1({}, outerStyle, style2)
           },
           !bailoutOnChildren && children2(childParams)
         );
@@ -36833,15 +36750,15 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     var _class, _temp;
     var getItemOffset = _ref2.getItemOffset, getEstimatedTotalSize = _ref2.getEstimatedTotalSize, getItemSize = _ref2.getItemSize, getOffsetForIndexAndAlignment = _ref2.getOffsetForIndexAndAlignment, getStartIndexForOffset = _ref2.getStartIndexForOffset, getStopIndexForStartIndex = _ref2.getStopIndexForStartIndex, initInstanceProps = _ref2.initInstanceProps, shouldResetStyleCacheOnItemSizeChange = _ref2.shouldResetStyleCacheOnItemSizeChange, validateProps = _ref2.validateProps;
     return _temp = _class = /* @__PURE__ */ function(_PureComponent) {
-      _inheritsLoose$2(List2, _PureComponent);
+      _inheritsLoose$1(List2, _PureComponent);
       function List2(props) {
         var _this;
         _this = _PureComponent.call(this, props) || this;
-        _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized$3(_assertThisInitialized$3(_this)));
+        _this._instanceProps = initInstanceProps(_this.props, _assertThisInitialized$2(_assertThisInitialized$2(_this)));
         _this._outerRef = void 0;
         _this._resetIsScrollingTimeoutId = null;
         _this.state = {
-          instance: _assertThisInitialized$3(_assertThisInitialized$3(_this)),
+          instance: _assertThisInitialized$2(_assertThisInitialized$2(_this)),
           isScrolling: false,
           scrollDirection: "forward",
           scrollOffset: typeof _this.props.initialScrollOffset === "number" ? _this.props.initialScrollOffset : 0,
@@ -37055,7 +36972,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           className,
           onScroll,
           ref: this._outerRefSetter,
-          style: _extends$3({
+          style: _extends$2({
             position: "relative",
             height,
             width,
@@ -38430,7 +38347,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     ComponentType2["TOOLTIP"] = "tooltip";
     return ComponentType2;
   })(ComponentType || {});
-  const CustomA = styled__default.default.a`
+  const StyledA = core$2.injectCss(styled__default.default.a`
     :visited {
         color: ${(props) => props.theme.colors.secondary};
     }
@@ -38443,20 +38360,35 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     :active {
         color: ${(props) => props.theme.colors.primaryDown};
     }
-`;
-  const StyledA = core$2.injectCss(CustomA);
+`);
   function Anchor(props) {
     const [style2, css2] = core$2.useComponentStyles(props);
+    const isRelative = React.useMemo(() => {
+      var _a3;
+      return (_a3 = props.href) == null ? void 0 : _a3.startsWith("/");
+    }, [props.href]);
+    const extraProps = React.useMemo(() => {
+      if (!isRelative) {
+        return {};
+      }
+      return {
+        href: void 0,
+        to: props.href
+      };
+    }, [isRelative, props.href]);
+    const AsComponent = React.useMemo(() => isRelative ? core$2.ReactRouter.Link : "a", [isRelative]);
     return /* @__PURE__ */ React__default.default.createElement(
       StyledA,
       {
         $rawCss: css2,
+        as: AsComponent,
         className: props.clean ? "report-clean-anchor" : props.className,
         href: props.href,
         id: props.name,
         rel: "noreferrer",
         style: style2,
-        target: props.new_tab ? "_blank" : "_self"
+        target: props.new_tab ? "_blank" : "_self",
+        ...extraProps
       },
       /* @__PURE__ */ React__default.default.createElement(core$2.DisplayCtx.Provider, { value: { component: ComponentType.ANCHOR, direction: "horizontal" } }, props.children.map((child, idx) => /* @__PURE__ */ React__default.default.createElement(core$2.DynamicComponent, { component: child, key: `stack-${idx}-${child.name}` })))
     );
@@ -38606,74 +38538,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }
     );
   }
-  function _extends$1() {
-    _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
-      for (var i2 = 1; i2 < arguments.length; i2++) {
-        var source = arguments[i2];
-        for (var key in source) {
-          if (Object.prototype.hasOwnProperty.call(source, key)) {
-            target[key] = source[key];
-          }
-        }
-      }
-      return target;
-    };
-    return _extends$1.apply(this, arguments);
-  }
-  function _inheritsLoose(subClass, superClass) {
-    subClass.prototype = Object.create(superClass.prototype);
-    subClass.prototype.constructor = subClass;
-    _setPrototypeOf$2(subClass, superClass);
-  }
-  function _isNativeFunction(fn2) {
-    return Function.toString.call(fn2).indexOf("[native code]") !== -1;
-  }
-  function _construct(Parent, args, Class) {
-    if (_isNativeReflectConstruct$1()) {
-      _construct = Reflect.construct.bind();
-    } else {
-      _construct = function _construct2(Parent2, args2, Class2) {
-        var a2 = [null];
-        a2.push.apply(a2, args2);
-        var Constructor = Function.bind.apply(Parent2, a2);
-        var instance2 = new Constructor();
-        if (Class2)
-          _setPrototypeOf$2(instance2, Class2.prototype);
-        return instance2;
-      };
-    }
-    return _construct.apply(null, arguments);
-  }
-  function _wrapNativeSuper(Class) {
-    var _cache = typeof Map === "function" ? /* @__PURE__ */ new Map() : void 0;
-    _wrapNativeSuper = function _wrapNativeSuper2(Class2) {
-      if (Class2 === null || !_isNativeFunction(Class2))
-        return Class2;
-      if (typeof Class2 !== "function") {
-        throw new TypeError("Super expression must either be null or a function");
-      }
-      if (typeof _cache !== "undefined") {
-        if (_cache.has(Class2))
-          return _cache.get(Class2);
-        _cache.set(Class2, Wrapper2);
-      }
-      function Wrapper2() {
-        return _construct(Class2, arguments, _getPrototypeOf$1(this).constructor);
-      }
-      Wrapper2.prototype = Object.create(Class2.prototype, {
-        constructor: {
-          value: Wrapper2,
-          enumerable: false,
-          writable: true,
-          configurable: true
-        }
-      });
-      return _setPrototypeOf$2(Wrapper2, Class2);
-    };
-    return _wrapNativeSuper(Class);
-  }
   var PolishedError = /* @__PURE__ */ function(_Error) {
-    _inheritsLoose(PolishedError2, _Error);
+    _inheritsLoose$1(PolishedError2, _Error);
     function PolishedError2(code2) {
       var _this;
       {
@@ -39027,7 +38893,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return color2;
     var parsedColor = parseToRgb(color2);
     var alpha = typeof parsedColor.alpha === "number" ? parsedColor.alpha : 1;
-    var colorWithAlpha = _extends$1({}, parsedColor, {
+    var colorWithAlpha = _extends$2({}, parsedColor, {
       alpha: guard(0, 1, +(alpha * 100 - parseFloat(amount) * 100).toFixed(2) / 100)
     });
     return rgba$2(colorWithAlpha);
@@ -43444,7 +43310,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   var hasOwn$2 = Object.prototype.hasOwnProperty;
   var toStr$2 = Object.prototype.toString;
   var defineProperty$2 = Object.defineProperty;
-  var gOPD = Object.getOwnPropertyDescriptor;
+  var gOPD$1 = Object.getOwnPropertyDescriptor;
   var isArray$8 = function isArray2(arr) {
     if (typeof Array.isArray === "function") {
       return Array.isArray(arr);
@@ -43481,8 +43347,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     if (name2 === "__proto__") {
       if (!hasOwn$2.call(obj, name2)) {
         return void 0;
-      } else if (gOPD) {
-        return gOPD(obj, name2).value;
+      } else if (gOPD$1) {
+        return gOPD$1(obj, name2).value;
       }
     }
     return obj[name2];
@@ -43979,7 +43845,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     return items;
   }
-  const hasOwnProperty$5 = {}.hasOwnProperty;
+  const hasOwnProperty$4 = {}.hasOwnProperty;
   function combineExtensions(extensions2) {
     const all2 = {};
     let index2 = -1;
@@ -43991,13 +43857,13 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function syntaxExtension(all2, extension2) {
     let hook;
     for (hook in extension2) {
-      const maybe = hasOwnProperty$5.call(all2, hook) ? all2[hook] : void 0;
+      const maybe = hasOwnProperty$4.call(all2, hook) ? all2[hook] : void 0;
       const left2 = maybe || (all2[hook] = {});
       const right2 = extension2[hook];
       let code2;
       if (right2) {
         for (code2 in right2) {
-          if (!hasOwnProperty$5.call(left2, code2))
+          if (!hasOwnProperty$4.call(left2, code2))
             left2[code2] = [];
           const value = right2[code2];
           constructs(
@@ -49826,6 +49692,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       onAuxClick: null,
       onBeforeMatch: null,
       onBeforePrint: null,
+      onBeforeToggle: null,
       onBeforeUnload: null,
       onBlur: null,
       onCancel: null,
@@ -49931,6 +49798,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       scoped: boolean,
       seamless: boolean,
       selected: boolean,
+      shadowRootDelegatesFocus: boolean,
+      shadowRootMode: null,
       shape: null,
       size: number$4,
       sizes: null,
@@ -100033,10 +99902,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
               fullLayout = fullLayout || {};
               var axId = ax._id || "x";
               var axLetter = axId.charAt(0);
-              function toLog(v2, clip) {
+              function toLog(v2, clip2) {
                 if (v2 > 0)
                   return Math.log(v2) / Math.LN10;
-                else if (v2 <= 0 && clip && ax.range && ax.range.length === 2) {
+                else if (v2 <= 0 && clip2 && ax.range && ax.range.length === 2) {
                   var r0 = ax.range[0];
                   var r1 = ax.range[1];
                   return 0.5 * (r0 + r1 - 2 * LOG_CLIP * Math.abs(r0 - r1));
@@ -100168,8 +100037,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
               ax.l2c = ax.type === "log" ? fromLog : ensureNumber;
               ax.l2p = l2p;
               ax.p2l = p2l;
-              ax.c2p = ax.type === "log" ? function(v2, clip) {
-                return l2p(toLog(v2, clip));
+              ax.c2p = ax.type === "log" ? function(v2, clip2) {
+                return l2p(toLog(v2, clip2));
               } : l2p;
               ax.p2c = ax.type === "log" ? function(px) {
                 return fromLog(p2l(px));
@@ -100183,8 +100052,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                 ax.p2d = ax.p2r = p2l;
                 ax.cleanPos = ensureNumber;
               } else if (ax.type === "log") {
-                ax.d2r = ax.d2l = function(v2, clip) {
-                  return toLog(cleanNumber(v2), clip);
+                ax.d2r = ax.d2l = function(v2, clip2) {
+                  return toLog(cleanNumber(v2), clip2);
                 };
                 ax.r2d = ax.r2c = function(v2) {
                   return fromLog(cleanNumber(v2));
@@ -100193,8 +100062,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                 ax.c2d = ax.l2r = ensureNumber;
                 ax.c2r = toLog;
                 ax.l2d = fromLog;
-                ax.d2p = function(v2, clip) {
-                  return ax.l2p(ax.d2r(v2, clip));
+                ax.d2p = function(v2, clip2) {
+                  return ax.l2p(ax.d2r(v2, clip2));
                 };
                 ax.p2d = function(px) {
                   return fromLog(p2l(px));
@@ -119789,11 +119658,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             };
             function drawClipPath(trace, t2, layer, xaxis, yaxis) {
               var seg, xp, yp, i2;
-              var clip = layer.select("#" + trace._clipPathId);
-              if (!clip.size()) {
-                clip = layer.append("clipPath").classed("carpetclip", true);
+              var clip2 = layer.select("#" + trace._clipPathId);
+              if (!clip2.size()) {
+                clip2 = layer.append("clipPath").classed("carpetclip", true);
               }
-              var path2 = Lib.ensureSingle(clip, "path", "carpetboundary");
+              var path2 = Lib.ensureSingle(clip2, "path", "carpetboundary");
               var segments = t2.clipsegments;
               var segs = [];
               for (i2 = 0; i2 < segments.length; i2++) {
@@ -119803,7 +119672,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                 segs.push(makepath(xp, yp, seg.bicubic));
               }
               var clipPathData = "M" + segs.join("L") + "Z";
-              clip.attr("id", trace._clipPathId);
+              clip2.attr("id", trace._clipPathId);
               path2.attr("d", clipPathData);
             }
             function drawGridLines(xaxis, yaxis, layer, axis, axisLetter, gridlines, isStatic) {
@@ -163483,7 +163352,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                 }, 7080: function(module4) {
                   module4.exports = createRBTree;
                   var RED = 0;
-                  var BLACK = 1;
+                  var BLACK2 = 1;
                   function RBNode(color2, key, value, left2, right2, count2) {
                     this._color = color2;
                     this.key = key;
@@ -163553,7 +163422,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                     for (var s2 = n_stack.length - 1; s2 > 1; --s2) {
                       var p2 = n_stack[s2 - 1];
                       var n2 = n_stack[s2];
-                      if (p2._color === BLACK || n2._color === BLACK) {
+                      if (p2._color === BLACK2 || n2._color === BLACK2) {
                         break;
                       }
                       var pp = n_stack[s2 - 2];
@@ -163561,14 +163430,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                         if (p2.left === n2) {
                           var y2 = pp.right;
                           if (y2 && y2._color === RED) {
-                            p2._color = BLACK;
-                            pp.right = repaint(BLACK, y2);
+                            p2._color = BLACK2;
+                            pp.right = repaint(BLACK2, y2);
                             pp._color = RED;
                             s2 -= 1;
                           } else {
                             pp._color = RED;
                             pp.left = p2.right;
-                            p2._color = BLACK;
+                            p2._color = BLACK2;
                             p2.right = pp;
                             n_stack[s2 - 2] = p2;
                             n_stack[s2 - 1] = n2;
@@ -163587,15 +163456,15 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                         } else {
                           var y2 = pp.right;
                           if (y2 && y2._color === RED) {
-                            p2._color = BLACK;
-                            pp.right = repaint(BLACK, y2);
+                            p2._color = BLACK2;
+                            pp.right = repaint(BLACK2, y2);
                             pp._color = RED;
                             s2 -= 1;
                           } else {
                             p2.right = n2.left;
                             pp._color = RED;
                             pp.left = n2.right;
-                            n2._color = BLACK;
+                            n2._color = BLACK2;
                             n2.left = p2;
                             n2.right = pp;
                             n_stack[s2 - 2] = n2;
@@ -163618,14 +163487,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                         if (p2.right === n2) {
                           var y2 = pp.left;
                           if (y2 && y2._color === RED) {
-                            p2._color = BLACK;
-                            pp.left = repaint(BLACK, y2);
+                            p2._color = BLACK2;
+                            pp.left = repaint(BLACK2, y2);
                             pp._color = RED;
                             s2 -= 1;
                           } else {
                             pp._color = RED;
                             pp.right = p2.left;
-                            p2._color = BLACK;
+                            p2._color = BLACK2;
                             p2.left = pp;
                             n_stack[s2 - 2] = p2;
                             n_stack[s2 - 1] = n2;
@@ -163644,15 +163513,15 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                         } else {
                           var y2 = pp.left;
                           if (y2 && y2._color === RED) {
-                            p2._color = BLACK;
-                            pp.left = repaint(BLACK, y2);
+                            p2._color = BLACK2;
+                            pp.left = repaint(BLACK2, y2);
                             pp._color = RED;
                             s2 -= 1;
                           } else {
                             p2.left = n2.right;
                             pp._color = RED;
                             pp.right = n2.left;
-                            n2._color = BLACK;
+                            n2._color = BLACK2;
                             n2.right = p2;
                             n2.left = pp;
                             n_stack[s2 - 2] = n2;
@@ -163673,7 +163542,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                         }
                       }
                     }
-                    n_stack[0]._color = BLACK;
+                    n_stack[0]._color = BLACK2;
                     return new RedBlackTree(cmp, n_stack[0]);
                   };
                   function doVisitFull(visit2, node2) {
@@ -163946,7 +163815,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                     for (var i2 = stack.length - 1; i2 >= 0; --i2) {
                       n2 = stack[i2];
                       if (i2 === 0) {
-                        n2._color = BLACK;
+                        n2._color = BLACK2;
                         return;
                       }
                       p2 = stack[i2 - 1];
@@ -163959,9 +163828,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                           s2.left = p2;
                           s2.right = z2;
                           s2._color = p2._color;
-                          n2._color = BLACK;
-                          p2._color = BLACK;
-                          z2._color = BLACK;
+                          n2._color = BLACK2;
+                          p2._color = BLACK2;
+                          z2._color = BLACK2;
                           recount(p2);
                           recount(s2);
                           if (i2 > 1) {
@@ -163982,9 +163851,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                           z2.left = p2;
                           z2.right = s2;
                           z2._color = p2._color;
-                          p2._color = BLACK;
-                          s2._color = BLACK;
-                          n2._color = BLACK;
+                          p2._color = BLACK2;
+                          s2._color = BLACK2;
+                          n2._color = BLACK2;
                           recount(p2);
                           recount(s2);
                           recount(z2);
@@ -163999,9 +163868,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                           stack[i2 - 1] = z2;
                           return;
                         }
-                        if (s2._color === BLACK) {
+                        if (s2._color === BLACK2) {
                           if (p2._color === RED) {
-                            p2._color = BLACK;
+                            p2._color = BLACK2;
                             p2.right = repaint(RED, s2);
                             return;
                           } else {
@@ -164042,9 +163911,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                           s2.right = p2;
                           s2.left = z2;
                           s2._color = p2._color;
-                          n2._color = BLACK;
-                          p2._color = BLACK;
-                          z2._color = BLACK;
+                          n2._color = BLACK2;
+                          p2._color = BLACK2;
+                          z2._color = BLACK2;
                           recount(p2);
                           recount(s2);
                           if (i2 > 1) {
@@ -164065,9 +163934,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                           z2.right = p2;
                           z2.left = s2;
                           z2._color = p2._color;
-                          p2._color = BLACK;
-                          s2._color = BLACK;
-                          n2._color = BLACK;
+                          p2._color = BLACK2;
+                          s2._color = BLACK2;
+                          n2._color = BLACK2;
                           recount(p2);
                           recount(s2);
                           recount(z2);
@@ -164082,9 +163951,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                           stack[i2 - 1] = z2;
                           return;
                         }
-                        if (s2._color === BLACK) {
+                        if (s2._color === BLACK2) {
                           if (p2._color === RED) {
-                            p2._color = BLACK;
+                            p2._color = BLACK2;
                             p2.left = repaint(RED, s2);
                             return;
                           } else {
@@ -164173,7 +164042,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                         } else if (n2.right) {
                           swapNode(n2, n2.right);
                         }
-                        n2._color = BLACK;
+                        n2._color = BLACK2;
                         for (var i2 = 0; i2 < cstack.length - 1; ++i2) {
                           cstack[i2]._count--;
                         }
@@ -174373,9 +174242,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                     return out;
                   }
                 }, 7447: function(module4, __unused_webpack_exports2, __nested_webpack_require_594470__) {
-                  module4.exports = forEach;
+                  module4.exports = forEach2;
                   var vec = __nested_webpack_require_594470__(8501)();
-                  function forEach(a2, stride, offset2, count2, fn2, arg) {
+                  function forEach2(a2, stride, offset2, count2, fn2, arg) {
                     var i2, l2;
                     if (!stride) {
                       stride = 3;
@@ -190732,10 +190601,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                 };
               }
               function d3_geom_voronoiClipEdges(extent2) {
-                var edges = d3_geom_voronoiEdges, clip = d3_geom_clipLine(extent2[0][0], extent2[0][1], extent2[1][0], extent2[1][1]), i2 = edges.length, e3;
+                var edges = d3_geom_voronoiEdges, clip2 = d3_geom_clipLine(extent2[0][0], extent2[0][1], extent2[1][0], extent2[1][1]), i2 = edges.length, e3;
                 while (i2--) {
                   e3 = edges[i2];
-                  if (!d3_geom_voronoiConnectEdge(e3, extent2) || !clip(e3) || abs(e3.a.x - e3.b.x) < \u03B5 && abs(e3.a.y - e3.b.y) < \u03B5) {
+                  if (!d3_geom_voronoiConnectEdge(e3, extent2) || !clip2(e3) || abs(e3.a.x - e3.b.x) < \u03B5 && abs(e3.a.y - e3.b.y) < \u03B5) {
                     e3.a = e3.b = null;
                     edges.splice(i2, 1);
                   }
@@ -200806,21 +200675,21 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             var $call = GetIntrinsic2("%Function.prototype.call%");
             var $reflectApply = GetIntrinsic2("%Reflect.apply%", true) || bind2.call($call, $apply);
             var $gOPD2 = GetIntrinsic2("%Object.getOwnPropertyDescriptor%", true);
-            var $defineProperty = GetIntrinsic2("%Object.defineProperty%", true);
+            var $defineProperty2 = GetIntrinsic2("%Object.defineProperty%", true);
             var $max = GetIntrinsic2("%Math.max%");
-            if ($defineProperty) {
+            if ($defineProperty2) {
               try {
-                $defineProperty({}, "a", { value: 1 });
+                $defineProperty2({}, "a", { value: 1 });
               } catch (e3) {
-                $defineProperty = null;
+                $defineProperty2 = null;
               }
             }
             module3.exports = function callBind2(originalFunction) {
               var func = $reflectApply(bind2, $call, arguments);
-              if ($gOPD2 && $defineProperty) {
+              if ($gOPD2 && $defineProperty2) {
                 var desc = $gOPD2(func, "length");
                 if (desc.configurable) {
-                  $defineProperty(
+                  $defineProperty2(
                     func,
                     "length",
                     { value: 1 + $max(0, originalFunction.length - (arguments.length - 1)) }
@@ -200832,8 +200701,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             var applyBind = function applyBind2() {
               return $reflectApply(bind2, $apply, arguments);
             };
-            if ($defineProperty) {
-              $defineProperty(module3.exports, "apply", { value: applyBind });
+            if ($defineProperty2) {
+              $defineProperty2(module3.exports, "apply", { value: applyBind });
             } else {
               module3.exports.apply = applyBind;
             }
@@ -208116,21 +207985,21 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             function __WEBPACK_DEFAULT_EXPORT__(pointVisible, clipLine, interpolate2, start2) {
               return function(sink) {
                 var line = clipLine(sink), ringBuffer = (0, _buffer_js__WEBPACK_IMPORTED_MODULE_1__.Z)(), ringSink = clipLine(ringBuffer), polygonStarted = false, polygon2, segments, ring;
-                var clip = {
+                var clip2 = {
                   point: point2,
                   lineStart,
                   lineEnd,
                   polygonStart: function() {
-                    clip.point = pointRing;
-                    clip.lineStart = ringStart;
-                    clip.lineEnd = ringEnd;
+                    clip2.point = pointRing;
+                    clip2.lineStart = ringStart;
+                    clip2.lineEnd = ringEnd;
                     segments = [];
                     polygon2 = [];
                   },
                   polygonEnd: function() {
-                    clip.point = point2;
-                    clip.lineStart = lineStart;
-                    clip.lineEnd = lineEnd;
+                    clip2.point = point2;
+                    clip2.lineStart = lineStart;
+                    clip2.lineEnd = lineEnd;
                     segments = (0, d3_array__WEBPACK_IMPORTED_MODULE_0__.TS)(segments);
                     var startInside = (0, _polygonContains_js__WEBPACK_IMPORTED_MODULE_2__.Z)(polygon2, start2);
                     if (segments.length) {
@@ -208164,11 +208033,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                   line.point(lambda, phi2);
                 }
                 function lineStart() {
-                  clip.point = pointLine;
+                  clip2.point = pointLine;
                   line.lineStart();
                 }
                 function lineEnd() {
-                  clip.point = point2;
+                  clip2.point = point2;
                   line.lineEnd();
                 }
                 function pointRing(lambda, phi2) {
@@ -208204,7 +208073,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                     ringSegments.push(ringSegments.pop().concat(ringSegments.shift()));
                   segments.push(ringSegments.filter(validSegment));
                 }
-                return clip;
+                return clip2;
               };
             }
             function validSegment(segment) {
@@ -208439,7 +208308,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
               this.n = this.p = null;
             }
             function __WEBPACK_DEFAULT_EXPORT__(segments, compareIntersection, startInside, interpolate2, stream) {
-              var subject = [], clip = [], i2, n2;
+              var subject = [], clip2 = [], i2, n2;
               segments.forEach(function(segment) {
                 if ((n3 = segment.length - 1) <= 0)
                   return;
@@ -208455,17 +208324,17 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                   p1[0] += 2 * _math_js__WEBPACK_IMPORTED_MODULE_1__.Ho;
                 }
                 subject.push(x2 = new Intersection(p0, segment, null, true));
-                clip.push(x2.o = new Intersection(p0, null, x2, false));
+                clip2.push(x2.o = new Intersection(p0, null, x2, false));
                 subject.push(x2 = new Intersection(p1, segment, null, false));
-                clip.push(x2.o = new Intersection(p1, null, x2, true));
+                clip2.push(x2.o = new Intersection(p1, null, x2, true));
               });
               if (!subject.length)
                 return;
-              clip.sort(compareIntersection);
+              clip2.sort(compareIntersection);
               link2(subject);
-              link2(clip);
-              for (i2 = 0, n2 = clip.length; i2 < n2; ++i2) {
-                clip[i2].e = startInside = !startInside;
+              link2(clip2);
+              for (i2 = 0, n2 = clip2.length; i2 < n2; ++i2) {
+                clip2[i2].e = startInside = !startInside;
               }
               var start2 = subject[0], points, point2;
               while (1) {
@@ -208701,13 +208570,13 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             var clip_circle = __webpack_require__2(1457);
             var rectangle = __webpack_require__2(87605);
             function extent2() {
-              var x02 = 0, y02 = 0, x1 = 960, y1 = 500, cache2, cacheStream, clip;
-              return clip = {
+              var x02 = 0, y02 = 0, x1 = 960, y1 = 500, cache2, cacheStream, clip2;
+              return clip2 = {
                 stream: function(stream2) {
                   return cache2 && cacheStream === stream2 ? cache2 : cache2 = (0, rectangle.Z)(x02, y02, x1, y1)(cacheStream = stream2);
                 },
                 extent: function(_2) {
-                  return arguments.length ? (x02 = +_2[0][0], y02 = +_2[0][1], x1 = +_2[1][0], y1 = +_2[1][1], cache2 = cacheStream = null, clip) : [[x02, y02], [x1, y1]];
+                  return arguments.length ? (x02 = +_2[0][0], y02 = +_2[0][1], x1 = +_2[1][0], y1 = +_2[1][1], cache2 = cacheStream = null, clip2) : [[x02, y02], [x1, y1]];
                 }
               };
             }
@@ -209891,14 +209760,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             var _stream_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__2(72736);
             var _path_bounds_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__2(3559);
             function fit(projection, fitBounds, object2) {
-              var clip = projection.clipExtent && projection.clipExtent();
+              var clip2 = projection.clipExtent && projection.clipExtent();
               projection.scale(150).translate([0, 0]);
-              if (clip != null)
+              if (clip2 != null)
                 projection.clipExtent(null);
               (0, _stream_js__WEBPACK_IMPORTED_MODULE_0__.Z)(object2, projection.stream(_path_bounds_js__WEBPACK_IMPORTED_MODULE_1__.Z));
               fitBounds(_path_bounds_js__WEBPACK_IMPORTED_MODULE_1__.Z.result());
-              if (clip != null)
-                projection.clipExtent(clip);
+              if (clip2 != null)
+                projection.clipExtent(clip2);
               return projection;
             }
             function fitExtent(projection, extent2, object2) {
@@ -212716,8 +212585,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             var isFunction2 = function(fn2) {
               return typeof fn2 === "function" && toStr2.call(fn2) === "[object Function]";
             };
-            var hasPropertyDescriptors = __webpack_require__2(55622)();
-            var supportsDescriptors = origDefineProperty && hasPropertyDescriptors;
+            var hasPropertyDescriptors2 = __webpack_require__2(55622)();
+            var supportsDescriptors = origDefineProperty && hasPropertyDescriptors2;
             var defineProperty2 = function(object2, name2, value, predicate) {
               if (name2 in object2) {
                 if (predicate === true) {
@@ -213807,11 +213676,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             };
           },
           16906: function(module3, __unused_webpack_exports, __webpack_require__2) {
-            var callable = __webpack_require__2(78513), forEach = __webpack_require__2(96437), call2 = Function.prototype.call;
+            var callable = __webpack_require__2(78513), forEach2 = __webpack_require__2(96437), call2 = Function.prototype.call;
             module3.exports = function(obj, cb) {
               var result = {}, thisArg = arguments[2];
               callable(cb);
-              forEach(obj, function(value, key, targetObj, index2) {
+              forEach2(obj, function(value, key, targetObj, index2) {
                 result[key] = call2.call(cb, thisArg, value, key, targetObj, index2);
               });
               return result;
@@ -213819,7 +213688,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           },
           21780: function(module3, __unused_webpack_exports, __webpack_require__2) {
             var isValue = __webpack_require__2(95296);
-            var forEach = Array.prototype.forEach, create2 = Object.create;
+            var forEach2 = Array.prototype.forEach, create2 = Object.create;
             var process2 = function(src2, obj) {
               var key;
               for (key in src2)
@@ -213827,7 +213696,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             };
             module3.exports = function(opts1) {
               var result = create2(null);
-              forEach.call(arguments, function(options) {
+              forEach2.call(arguments, function(options) {
                 if (!isValue(options))
                   return;
                 process2(Object(options), result);
@@ -215238,7 +215107,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                 }
               }
             };
-            var forEach = function forEach2(list2, iterator2, thisArg) {
+            var forEach2 = function forEach3(list2, iterator2, thisArg) {
               if (!isCallable(iterator2)) {
                 throw new TypeError("iterator must be a function");
               }
@@ -215254,7 +215123,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                 forEachObject(list2, iterator2, receiver);
               }
             };
-            module3.exports = forEach;
+            module3.exports = forEach2;
           },
           73047: function(module3) {
             var ERROR_MESSAGE2 = "Function.prototype.bind called on incompatible ";
@@ -217177,11 +217046,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           },
           55622: function(module3, __unused_webpack_exports, __webpack_require__2) {
             var GetIntrinsic2 = __webpack_require__2(68318);
-            var $defineProperty = GetIntrinsic2("%Object.defineProperty%", true);
-            var hasPropertyDescriptors = function hasPropertyDescriptors2() {
-              if ($defineProperty) {
+            var $defineProperty2 = GetIntrinsic2("%Object.defineProperty%", true);
+            var hasPropertyDescriptors2 = function hasPropertyDescriptors3() {
+              if ($defineProperty2) {
                 try {
-                  $defineProperty({}, "a", { value: 1 });
+                  $defineProperty2({}, "a", { value: 1 });
                   return true;
                 } catch (e3) {
                   return false;
@@ -217189,17 +217058,17 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
               }
               return false;
             };
-            hasPropertyDescriptors.hasArrayLengthDefineBug = function hasArrayLengthDefineBug() {
-              if (!hasPropertyDescriptors()) {
+            hasPropertyDescriptors2.hasArrayLengthDefineBug = function hasArrayLengthDefineBug() {
+              if (!hasPropertyDescriptors2()) {
                 return null;
               }
               try {
-                return $defineProperty([], "length", { value: 1 }).length !== 1;
+                return $defineProperty2([], "length", { value: 1 }).length !== 1;
               } catch (e3) {
                 return true;
               }
             };
-            module3.exports = hasPropertyDescriptors;
+            module3.exports = hasPropertyDescriptors2;
           },
           57877: function(module3, __unused_webpack_exports, __webpack_require__2) {
             var origSymbol2 = typeof Symbol !== "undefined" && Symbol;
@@ -217639,14 +217508,14 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             };
           },
           9187: function(module3, __unused_webpack_exports, __webpack_require__2) {
-            var forEach = __webpack_require__2(31353);
+            var forEach2 = __webpack_require__2(31353);
             var availableTypedArrays = __webpack_require__2(72077);
             var callBound2 = __webpack_require__2(6614);
             var $toString = callBound2("Object.prototype.toString");
             var hasToStringTag = __webpack_require__2(84543)();
             var gOPD2 = __webpack_require__2(40383);
             var g2 = typeof globalThis === "undefined" ? __webpack_require__2.g : globalThis;
-            var typedArrays = availableTypedArrays();
+            var typedArrays2 = availableTypedArrays();
             var $indexOf2 = callBound2("Array.prototype.indexOf", true) || function indexOf2(array2, value) {
               for (var i2 = 0; i2 < array2.length; i2 += 1) {
                 if (array2[i2] === value) {
@@ -217659,7 +217528,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             var toStrTags = {};
             var getPrototypeOf = Object.getPrototypeOf;
             if (hasToStringTag && gOPD2 && getPrototypeOf) {
-              forEach(typedArrays, function(typedArray) {
+              forEach2(typedArrays2, function(typedArray) {
                 var arr = new g2[typedArray]();
                 if (Symbol.toStringTag in arr) {
                   var proto2 = getPrototypeOf(arr);
@@ -217674,7 +217543,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             }
             var tryTypedArrays = function tryAllTypedArrays(value) {
               var anyTrue = false;
-              forEach(toStrTags, function(getter, typedArray) {
+              forEach2(toStrTags, function(getter, typedArray) {
                 if (!anyTrue) {
                   try {
                     anyTrue = getter.call(value) === typedArray;
@@ -217690,7 +217559,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
               }
               if (!hasToStringTag || !(Symbol.toStringTag in value)) {
                 var tag = $slice2($toString(value), 8, -1);
-                return $indexOf2(typedArrays, tag) > -1;
+                return $indexOf2(typedArrays2, tag) > -1;
               }
               if (!gOPD2) {
                 return false;
@@ -236546,17 +236415,17 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                     }, src2.data);
                   }
                   for (var id$12 in patterns2) {
-                    var src$12 = patterns2[id$12];
+                    var src$1 = patterns2[id$12];
                     var bin$1 = patternPositions[id$12].paddedRect;
-                    var x2 = bin$1.x + IMAGE_PADDING, y2 = bin$1.y + IMAGE_PADDING, w$12 = src$12.data.width, h$12 = src$12.data.height;
-                    RGBAImage.copy(src$12.data, image2, {
+                    var x2 = bin$1.x + IMAGE_PADDING, y2 = bin$1.y + IMAGE_PADDING, w$12 = src$1.data.width, h$12 = src$1.data.height;
+                    RGBAImage.copy(src$1.data, image2, {
                       x: 0,
                       y: 0
                     }, {
                       x: x2,
                       y: y2
-                    }, src$12.data);
-                    RGBAImage.copy(src$12.data, image2, {
+                    }, src$1.data);
+                    RGBAImage.copy(src$1.data, image2, {
                       x: 0,
                       y: h$12 - 1
                     }, {
@@ -236566,7 +236435,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                       width: w$12,
                       height: 1
                     });
-                    RGBAImage.copy(src$12.data, image2, {
+                    RGBAImage.copy(src$1.data, image2, {
                       x: 0,
                       y: 0
                     }, {
@@ -236576,7 +236445,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                       width: w$12,
                       height: 1
                     });
-                    RGBAImage.copy(src$12.data, image2, {
+                    RGBAImage.copy(src$1.data, image2, {
                       x: w$12 - 1,
                       y: 0
                     }, {
@@ -236586,7 +236455,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                       width: 1,
                       height: h$12
                     });
-                    RGBAImage.copy(src$12.data, image2, {
+                    RGBAImage.copy(src$1.data, image2, {
                       x: 0,
                       y: 0
                     }, {
@@ -241049,18 +240918,18 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                   for (var stack$1 in stacks) {
                     var glyphs$1 = stacks[stack$1];
                     for (var id$12 in glyphs$1) {
-                      var src$12 = glyphs$1[+id$12];
-                      if (!src$12 || src$12.bitmap.width === 0 || src$12.bitmap.height === 0) {
+                      var src$1 = glyphs$1[+id$12];
+                      if (!src$1 || src$1.bitmap.width === 0 || src$1.bitmap.height === 0) {
                         continue;
                       }
                       var bin$1 = positions[stack$1][id$12].rect;
-                      performance$12.AlphaImage.copy(src$12.bitmap, image2, {
+                      performance$12.AlphaImage.copy(src$1.bitmap, image2, {
                         x: 0,
                         y: 0
                       }, {
                         x: bin$1.x + padding,
                         y: bin$1.y + padding
-                      }, src$12.bitmap);
+                      }, src$1.bitmap);
                     }
                   }
                   this.image = image2;
@@ -242394,7 +242263,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                   var y22 = 0.5 - 0.25 * Math.log((1 + sin2) / (1 - sin2)) / Math.PI;
                   return y22 < 0 ? 0 : y22 > 1 ? 1 : y22;
                 }
-                function clip(features, scale, k1, k2, axis, minAll, maxAll, options) {
+                function clip2(features, scale, k1, k2, axis, minAll, maxAll, options) {
                   k1 /= scale;
                   k2 /= scale;
                   if (minAll >= k1 && maxAll < k2) {
@@ -242569,10 +242438,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                 function wrap2(features, options) {
                   var buffer2 = options.buffer / options.extent;
                   var merged = features;
-                  var left2 = clip(features, 1, -1 - buffer2, buffer2, 0, -1, 2, options);
-                  var right2 = clip(features, 1, 1 - buffer2, 2 + buffer2, 0, -1, 2, options);
+                  var left2 = clip2(features, 1, -1 - buffer2, buffer2, 0, -1, 2, options);
+                  var right2 = clip2(features, 1, 1 - buffer2, 2 + buffer2, 0, -1, 2, options);
                   if (left2 || right2) {
-                    merged = clip(features, 1, -buffer2, 1 + buffer2, 0, -1, 2, options) || [];
+                    merged = clip2(features, 1, -buffer2, 1 + buffer2, 0, -1, 2, options) || [];
                     if (left2) {
                       merged = shiftFeatureCoords(left2, 1).concat(merged);
                     }
@@ -242875,17 +242744,17 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
                     }
                     var k1 = 0.5 * options.buffer / options.extent, k2 = 0.5 - k1, k3 = 0.5 + k1, k4 = 1 + k1, tl, bl, tr, br, left2, right2;
                     tl = bl = tr = br = null;
-                    left2 = clip(features, z22, x2 - k1, x2 + k3, 0, tile.minX, tile.maxX, options);
-                    right2 = clip(features, z22, x2 + k2, x2 + k4, 0, tile.minX, tile.maxX, options);
+                    left2 = clip2(features, z22, x2 - k1, x2 + k3, 0, tile.minX, tile.maxX, options);
+                    right2 = clip2(features, z22, x2 + k2, x2 + k4, 0, tile.minX, tile.maxX, options);
                     features = null;
                     if (left2) {
-                      tl = clip(left2, z22, y2 - k1, y2 + k3, 1, tile.minY, tile.maxY, options);
-                      bl = clip(left2, z22, y2 + k2, y2 + k4, 1, tile.minY, tile.maxY, options);
+                      tl = clip2(left2, z22, y2 - k1, y2 + k3, 1, tile.minY, tile.maxY, options);
+                      bl = clip2(left2, z22, y2 + k2, y2 + k4, 1, tile.minY, tile.maxY, options);
                       left2 = null;
                     }
                     if (right2) {
-                      tr = clip(right2, z22, y2 - k1, y2 + k3, 1, tile.minY, tile.maxY, options);
-                      br = clip(right2, z22, y2 + k2, y2 + k4, 1, tile.minY, tile.maxY, options);
+                      tr = clip2(right2, z22, y2 - k1, y2 + k3, 1, tile.minY, tile.maxY, options);
+                      br = clip2(right2, z22, y2 + k2, y2 + k4, 1, tile.minY, tile.maxY, options);
                       right2 = null;
                     }
                     if (debug > 1) {
@@ -275941,19 +275810,19 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             };
           },
           21099: function(module3, __unused_webpack_exports, __webpack_require__2) {
-            var forEach = __webpack_require__2(31353);
+            var forEach2 = __webpack_require__2(31353);
             var availableTypedArrays = __webpack_require__2(72077);
             var callBound2 = __webpack_require__2(6614);
             var gOPD2 = __webpack_require__2(40383);
             var $toString = callBound2("Object.prototype.toString");
             var hasToStringTag = __webpack_require__2(84543)();
             var g2 = typeof globalThis === "undefined" ? __webpack_require__2.g : globalThis;
-            var typedArrays = availableTypedArrays();
+            var typedArrays2 = availableTypedArrays();
             var $slice2 = callBound2("String.prototype.slice");
             var toStrTags = {};
             var getPrototypeOf = Object.getPrototypeOf;
             if (hasToStringTag && gOPD2 && getPrototypeOf) {
-              forEach(typedArrays, function(typedArray) {
+              forEach2(typedArrays2, function(typedArray) {
                 if (typeof g2[typedArray] === "function") {
                   var arr = new g2[typedArray]();
                   if (Symbol.toStringTag in arr) {
@@ -275970,7 +275839,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             }
             var tryTypedArrays = function tryAllTypedArrays(value) {
               var foundName = false;
-              forEach(toStrTags, function(getter, typedArray) {
+              forEach2(toStrTags, function(getter, typedArray) {
                 if (!foundName) {
                   try {
                     var name2 = getter.call(value);
@@ -284240,7 +284109,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     dispatch: selection_dispatch,
     [Symbol.iterator]: selection_iterator
   };
-  function define$4(constructor, factory2, prototype) {
+  function define$5(constructor, factory2, prototype) {
     constructor.prototype = factory2.prototype = prototype;
     prototype.constructor = constructor;
   }
@@ -284405,7 +284274,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     yellow: 16776960,
     yellowgreen: 10145074
   };
-  define$4(Color$1, color, {
+  define$5(Color$1, color, {
     copy: function(channels) {
       return Object.assign(new this.constructor(), this, channels);
     },
@@ -284457,7 +284326,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     this.b = +b2;
     this.opacity = +opacity;
   }
-  define$4(Rgb, rgb, extend$2(Color$1, {
+  define$5(Rgb, rgb, extend$2(Color$1, {
     brighter: function(k2) {
       k2 = k2 == null ? brighter : Math.pow(brighter, k2);
       return new Rgb(this.r * k2, this.g * k2, this.b * k2, this.opacity);
@@ -284532,7 +284401,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     this.l = +l2;
     this.opacity = +opacity;
   }
-  define$4(Hsl, hsl, extend$2(Color$1, {
+  define$5(Hsl, hsl, extend$2(Color$1, {
     brighter: function(k2) {
       k2 = k2 == null ? brighter : Math.pow(brighter, k2);
       return new Hsl(this.h, this.s, this.l * k2, this.opacity);
@@ -286689,6 +286558,55 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     };
     return treemap;
   }
+  function initRange(domain2, range2) {
+    switch (arguments.length) {
+      case 0:
+        break;
+      case 1:
+        this.range(domain2);
+        break;
+      default:
+        this.range(range2).domain(domain2);
+        break;
+    }
+    return this;
+  }
+  const implicit = Symbol("implicit");
+  function ordinal() {
+    var index2 = /* @__PURE__ */ new Map(), domain2 = [], range2 = [], unknown2 = implicit;
+    function scale(d2) {
+      var key = d2 + "", i2 = index2.get(key);
+      if (!i2) {
+        if (unknown2 !== implicit)
+          return unknown2;
+        index2.set(key, i2 = domain2.push(d2));
+      }
+      return range2[(i2 - 1) % range2.length];
+    }
+    scale.domain = function(_2) {
+      if (!arguments.length)
+        return domain2.slice();
+      domain2 = [], index2 = /* @__PURE__ */ new Map();
+      for (const value of _2) {
+        const key = value + "";
+        if (index2.has(key))
+          continue;
+        index2.set(key, domain2.push(value));
+      }
+      return scale;
+    };
+    scale.range = function(_2) {
+      return arguments.length ? (range2 = Array.from(_2), scale) : range2.slice();
+    };
+    scale.unknown = function(_2) {
+      return arguments.length ? (unknown2 = _2, scale) : unknown2;
+    };
+    scale.copy = function() {
+      return ordinal(domain2, range2).unknown(unknown2);
+    };
+    initRange.apply(scale, arguments);
+    return scale;
+  }
   function Transform$1(k2, x2, y2) {
     this.k = k2;
     this.x = x2;
@@ -286825,6 +286743,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return this.lineInner(n2, true, 1, 0);
     }
     replace(from, to, text2) {
+      [from, to] = clip(this, from, to);
       let parts = [];
       this.decompose(0, from, parts, 2);
       if (text2.length)
@@ -286836,6 +286755,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return this.replace(this.length, this.length, other);
     }
     slice(from, to = this.length) {
+      [from, to] = clip(this, from, to);
       let parts = [];
       this.decompose(from, to, parts, 0);
       return TextNode.from(parts, to - from);
@@ -286933,6 +286853,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     replace(from, to, text2) {
       if (!(text2 instanceof TextLeaf))
         return super.replace(from, to, text2);
+      [from, to] = clip(this, from, to);
       let lines = appendText(this.text, appendText(text2.text, sliceText(this.text, 0, from)), to);
       let newLen = this.length + text2.length - (to - from);
       if (lines.length <= 32)
@@ -286940,6 +286861,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return TextNode.from(TextLeaf.split(lines, []), newLen);
     }
     sliceString(from, to = this.length, lineSep = "\n") {
+      [from, to] = clip(this, from, to);
       let result = "";
       for (let pos = 0, i2 = 0; pos <= to && i2 < this.text.length; i2++) {
         let line = this.text[i2], end2 = pos + line.length;
@@ -287006,6 +286928,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       }
     }
     replace(from, to, text2) {
+      [from, to] = clip(this, from, to);
       if (text2.lines < this.lines)
         for (let i2 = 0, pos = 0; i2 < this.children.length; i2++) {
           let child = this.children[i2], end2 = pos + child.length;
@@ -287024,6 +286947,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return super.replace(from, to, text2);
     }
     sliceString(from, to = this.length, lineSep = "\n") {
+      [from, to] = clip(this, from, to);
       let result = "";
       for (let i2 = 0, pos = 0; i2 < this.children.length && pos <= to; i2++) {
         let child = this.children[i2], end2 = pos + child.length;
@@ -287235,7 +287159,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     next(skip = 0) {
       let { done, lineBreak, value } = this.inner.next(skip);
-      if (done) {
+      if (done && this.afterBreak) {
+        this.value = "";
+        this.afterBreak = false;
+      } else if (done) {
         this.done = true;
         this.value = "";
       } else if (lineBreak) {
@@ -287274,6 +287201,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return this.to - this.from;
     }
   }
+  function clip(text2, from, to) {
+    from = Math.max(0, Math.min(text2.length, from));
+    return [from, Math.max(from, Math.min(text2.length, to))];
+  }
   let extend$1 = /* @__PURE__ */ "lc,34,7n,7,7b,19,,,,2,,2,,,20,b,1c,l,g,,2t,7,2,6,2,2,,4,z,,u,r,2j,b,1m,9,9,,o,4,,9,,3,,5,17,3,3b,f,,w,1j,,,,4,8,4,,3,7,a,2,t,,1m,,,,2,4,8,,9,,a,2,q,,2,2,1l,,4,2,4,2,2,3,3,,u,2,3,,b,2,1l,,4,5,,2,4,,k,2,m,6,,,1m,,,2,,4,8,,7,3,a,2,u,,1n,,,,c,,9,,14,,3,,1l,3,5,3,,4,7,2,b,2,t,,1m,,2,,2,,3,,5,2,7,2,b,2,s,2,1l,2,,,2,4,8,,9,,a,2,t,,20,,4,,2,3,,,8,,29,,2,7,c,8,2q,,2,9,b,6,22,2,r,,,,,,1j,e,,5,,2,5,b,,10,9,,2u,4,,6,,2,2,2,p,2,4,3,g,4,d,,2,2,6,,f,,jj,3,qa,3,t,3,t,2,u,2,1s,2,,7,8,,2,b,9,,19,3,3b,2,y,,3a,3,4,2,9,,6,3,63,2,2,,1m,,,7,,,,,2,8,6,a,2,,1c,h,1r,4,1c,7,,,5,,14,9,c,2,w,4,2,2,,3,1k,,,2,3,,,3,1m,8,2,2,48,3,,d,,7,4,,6,,3,2,5i,1m,,5,ek,,5f,x,2da,3,3x,,2o,w,fe,6,2x,2,n9w,4,,a,w,2,28,2,7k,,3,,4,,p,2,5,,47,2,q,i,d,,12,8,p,b,1a,3,1c,,2,4,2,2,13,,1v,6,2,2,2,2,c,,8,,1b,,1f,,,3,2,2,5,2,,,16,2,8,,6m,,2,,4,,fn4,,kh,g,g,g,a6,2,gt,,6a,,45,5,1ae,3,,2,5,4,14,3,4,,4l,2,fx,4,ar,2,49,b,4w,,1i,f,1k,3,1d,4,2,2,1x,3,10,5,,8,1q,,c,2,1g,9,a,4,2,,2n,3,2,,,2,6,,4g,,3,8,l,2,1l,2,,,,,m,,e,7,3,5,5f,8,2,3,,,n,,29,,2,6,,,2,,,2,,2,6j,,2,4,6,2,,2,r,2,2d,8,2,,,2,2y,,,,2,6,,,2t,3,2,4,,5,77,9,,2,6t,,a,2,,,4,,40,4,2,2,4,,w,a,14,6,2,4,8,,9,6,2,3,1a,d,,2,ba,7,,6,,,2a,m,2,7,,2,,2,3e,6,3,,,2,,7,,,20,2,3,,,,9n,2,f0b,5,1n,7,t4,,1r,4,29,,f5k,2,43q,,,3,4,5,8,8,2,7,u,4,44,3,1iz,1j,4,1e,8,,e,,m,5,,f,11s,7,,h,2,7,,2,,5,79,7,c5,4,15s,7,31,7,240,5,gx7k,2o,3k,6o".split(",").map((s2) => s2 ? parseInt(s2, 36) : 1);
   for (let i2 = 1; i2 < extend$1.length; i2++)
     extend$1[i2] += extend$1[i2 - 1];
@@ -288637,7 +288568,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       } else {
         startValues = tr.startState.values.slice();
       }
-      new EditorState(conf, tr.newDoc, tr.newSelection, startValues, (state, slot) => slot.update(state, tr), tr);
+      let selection2 = tr.startState.facet(allowMultipleSelections) ? tr.newSelection : tr.newSelection.asSingle();
+      new EditorState(conf, tr.newDoc, selection2, startValues, (state, slot) => slot.update(state, tr), tr);
     }
     replaceSelection(text2) {
       if (typeof text2 == "string")
@@ -290194,7 +290126,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       this.markDirty();
       for (let i2 = from; i2 < to; i2++) {
         let child = this.children[i2];
-        if (child.parent == this)
+        if (child.parent == this && children2.indexOf(child) < 0)
           child.destroy();
       }
       this.children.splice(from, to - from, ...children2);
@@ -290242,6 +290174,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return 0;
     }
     destroy() {
+      for (let child of this.children)
+        child.destroy();
       this.parent = null;
     }
   }
@@ -291357,15 +291291,19 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     combine: (values) => values.some((x2) => x2)
   });
   class ScrollTarget {
-    constructor(range2, y2 = "nearest", x2 = "nearest", yMargin = 5, xMargin = 5) {
+    constructor(range2, y2 = "nearest", x2 = "nearest", yMargin = 5, xMargin = 5, isSnapshot = false) {
       this.range = range2;
       this.y = y2;
       this.x = x2;
       this.yMargin = yMargin;
       this.xMargin = xMargin;
+      this.isSnapshot = isSnapshot;
     }
     map(changes) {
-      return changes.empty ? this : new ScrollTarget(this.range.map(changes), this.y, this.x, this.yMargin, this.xMargin);
+      return changes.empty ? this : new ScrollTarget(this.range.map(changes), this.y, this.x, this.yMargin, this.xMargin, this.isSnapshot);
+    }
+    clip(state) {
+      return this.range.to <= state.doc.length ? this : new ScrollTarget(EditorSelection.cursor(state.doc.length), this.y, this.x, this.yMargin, this.xMargin, this.isSnapshot);
     }
   }
   const scrollIntoView = /* @__PURE__ */ StateEffect.define({ map: (t2, ch) => t2.map(ch) });
@@ -292372,6 +292310,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       ];
     }
     scrollIntoView(target) {
+      if (target.isSnapshot) {
+        let ref = this.view.viewState.lineBlockAt(target.range.head);
+        this.view.scrollDOM.scrollTop = ref.top - target.yMargin;
+        this.view.scrollDOM.scrollLeft = target.xMargin;
+        return;
+      }
       let { range: range2 } = target;
       let rect = this.coordsAt(range2.head, range2.empty ? range2.assoc : range2.head > range2.anchor ? -1 : 1), other;
       if (!rect)
@@ -292390,7 +292334,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         right: rect.right + margins.right,
         bottom: rect.bottom + margins.bottom
       };
-      scrollRectIntoView(this.view.scrollDOM, targetRect, range2.head < range2.anchor ? -1 : 1, target.x, target.y, target.xMargin, target.yMargin, this.view.textDirection == Direction.LTR);
+      let { offsetWidth, offsetHeight } = this.view.scrollDOM;
+      scrollRectIntoView(this.view.scrollDOM, targetRect, range2.head < range2.anchor ? -1 : 1, target.x, target.y, Math.max(Math.min(target.xMargin, offsetWidth), -offsetWidth), Math.max(Math.min(target.yMargin, offsetHeight), -offsetHeight), this.view.textDirection == Direction.LTR);
     }
   }
   function betweenUneditable(pos) {
@@ -292876,6 +292821,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       this.compositionPendingKey = false;
       this.compositionPendingChange = false;
       this.mouseSelection = null;
+      this.draggedContent = null;
       this.handleEvent = this.handleEvent.bind(this);
       this.notifiedFocused = view.hasFocus;
       if (browser.safari)
@@ -292970,6 +292916,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     update(update2) {
       if (this.mouseSelection)
         this.mouseSelection.update(update2);
+      if (this.draggedContent && update2.docChanged)
+        this.draggedContent = this.draggedContent.map(update2.changes);
       if (update2.transactions.length)
         this.lastKeyCode = this.lastSelectionTime = 0;
     }
@@ -293082,7 +293030,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       let doc2 = this.view.contentDOM.ownerDocument;
       doc2.removeEventListener("mousemove", this.move);
       doc2.removeEventListener("mouseup", this.up);
-      this.view.inputState.mouseSelection = null;
+      this.view.inputState.mouseSelection = this.view.inputState.draggedContent = null;
     }
     setScrollSpeed(sx, sy) {
       this.scrollSpeed = { x: sx, y: sy };
@@ -293136,8 +293084,6 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       this.mustSelect = false;
     }
     update(update2) {
-      if (update2.docChanged && this.dragging)
-        this.dragging = this.dragging.map(update2.changes);
       if (this.style.update(update2))
         setTimeout(() => this.select(this.lastEvent), 20);
     }
@@ -293350,22 +293296,35 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     return null;
   }
   handlers.dragstart = (view, event2) => {
-    let { selection: { main: main2 } } = view.state;
-    let { mouseSelection } = view.inputState;
-    if (mouseSelection)
-      mouseSelection.dragging = main2;
+    let { selection: { main: range2 } } = view.state;
+    if (event2.target.draggable) {
+      let cView = view.docView.nearest(event2.target);
+      if (cView && cView.isWidget) {
+        let from = cView.posAtStart, to = from + cView.length;
+        if (from >= range2.to || to <= range2.from)
+          range2 = EditorSelection.range(from, to);
+      }
+    }
+    let { inputState } = view;
+    if (inputState.mouseSelection)
+      inputState.mouseSelection.dragging = true;
+    inputState.draggedContent = range2;
     if (event2.dataTransfer) {
-      event2.dataTransfer.setData("Text", view.state.sliceDoc(main2.from, main2.to));
+      event2.dataTransfer.setData("Text", view.state.sliceDoc(range2.from, range2.to));
       event2.dataTransfer.effectAllowed = "copyMove";
     }
     return false;
   };
+  handlers.dragend = (view) => {
+    view.inputState.draggedContent = null;
+    return false;
+  };
   function dropText(view, event2, text2, direct) {
     if (!text2)
       return;
     let dropPos = view.posAtCoords({ x: event2.clientX, y: event2.clientY }, false);
-    let { mouseSelection } = view.inputState;
-    let del = direct && mouseSelection && mouseSelection.dragging && dragMovesSelection(view, event2) ? { from: mouseSelection.dragging.from, to: mouseSelection.dragging.to } : null;
+    let { draggedContent } = view.inputState;
+    let del = direct && draggedContent && dragMovesSelection(view, event2) ? { from: draggedContent.from, to: draggedContent.to } : null;
     let ins = { from: dropPos, insert: text2 };
     let changes = view.state.changes(del ? [del, ins] : ins);
     view.focus();
@@ -293374,6 +293333,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       selection: { anchor: changes.mapPos(dropPos, -1), head: changes.mapPos(dropPos, 1) },
       userEvent: del ? "move.drop" : "input.drop"
     });
+    view.inputState.draggedContent = null;
   }
   handlers.drop = (view, event2) => {
     if (!event2.dataTransfer)
@@ -294878,6 +294838,13 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     "&.cm-focused > .cm-scroller > .cm-cursorLayer .cm-cursor": {
       display: "block"
     },
+    ".cm-announced": {
+      position: "fixed",
+      top: "-10000px"
+    },
+    "@media print": {
+      ".cm-announced": { display: "none" }
+    },
     "&light .cm-activeLine": { backgroundColor: "#cceeff44" },
     "&dark .cm-activeLine": { backgroundColor: "#99eeff33" },
     "&light .cm-specialChar": { color: "red" },
@@ -295739,7 +295706,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       this.scrollDOM.className = "cm-scroller";
       this.scrollDOM.appendChild(this.contentDOM);
       this.announceDOM = document.createElement("div");
-      this.announceDOM.style.cssText = "position: fixed; top: -10000px";
+      this.announceDOM.className = "cm-announced";
       this.announceDOM.setAttribute("aria-live", "polite");
       this.dom = document.createElement("div");
       this.dom.appendChild(this.announceDOM);
@@ -295749,6 +295716,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       this.dispatch = this.dispatch.bind(this);
       this._root = config2.root || getRoot(config2.parent) || document;
       this.viewState = new ViewState(config2.state || EditorState.create(config2));
+      if (config2.scrollTo && config2.scrollTo.is(scrollIntoView))
+        this.viewState.scrollTarget = config2.scrollTo.value.clip(this.viewState.state);
       this.plugins = this.state.facet(viewPlugin).map((spec) => new PluginInstance(spec));
       for (let plugin of this.plugins)
         plugin.update(this);
@@ -295816,7 +295785,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           }
           for (let e3 of tr.effects)
             if (e3.is(scrollIntoView))
-              scrollTarget = e3.value;
+              scrollTarget = e3.value.clip(this.state);
         }
         this.viewState.update(update2, scrollTarget);
         this.bidiCache = CachedOrder.update(this.bidiCache, update2.changes);
@@ -295838,8 +295807,13 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       if (redrawn || attrsChanged || scrollTarget || this.viewState.mustEnforceCursorAssoc || this.viewState.mustMeasureContent)
         this.requestMeasure();
       if (!update2.empty)
-        for (let listener2 of this.state.facet(updateListener))
-          listener2(update2);
+        for (let listener2 of this.state.facet(updateListener)) {
+          try {
+            listener2(update2);
+          } catch (e3) {
+            logException(this.state, e3, "update listener");
+          }
+        }
       if (dispatchFocus || domChange)
         Promise.resolve().then(() => {
           if (dispatchFocus && this.state == dispatchFocus.startState)
@@ -295867,6 +295841,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         this.pluginMap.clear();
         for (let plugin of this.plugins)
           plugin.update(this);
+        this.docView.destroy();
         this.docView = new DocView(this);
         this.inputState.ensureHandlers(this.plugins);
         this.mountStyles();
@@ -296204,6 +296179,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         plugin.destroy(this);
       this.plugins = [];
       this.inputState.destroy();
+      this.docView.destroy();
       this.dom.remove();
       this.observer.destroy();
       if (this.measureScheduled > -1)
@@ -296213,6 +296189,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     static scrollIntoView(pos, options = {}) {
       return scrollIntoView.of(new ScrollTarget(typeof pos == "number" ? EditorSelection.cursor(pos) : pos, options.y, options.x, options.yMargin, options.xMargin));
     }
+    scrollSnapshot() {
+      let { scrollTop, scrollLeft } = this.scrollDOM;
+      let ref = this.viewState.scrollAnchorAt(scrollTop);
+      return scrollIntoView.of(new ScrollTarget(EditorSelection.cursor(ref.from), "start", "start", ref.top - scrollTop, scrollLeft, true));
+    }
     static domEventHandlers(handlers2) {
       return ViewPlugin.define(() => ({}), { eventHandlers: handlers2 });
     }
@@ -296478,8 +296459,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       "&::selection": { backgroundColor: "transparent !important" }
     }
   };
-  if (CanHidePrimary)
+  if (CanHidePrimary) {
     themeSpec[".cm-line"].caretColor = "transparent !important";
+    themeSpec[".cm-content"] = { caretColor: "transparent !important" };
+  }
   const panelConfig = /* @__PURE__ */ Facet.define({
     combine(configs) {
       let topContainer, bottomContainer;
@@ -297620,8 +297603,6 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   function iterStack(heads) {
     if (!heads.length)
       return null;
-    if (heads.length == 1)
-      return heads[0];
     let pick = 0, picked = heads[0];
     for (let i2 = 1; i2 < heads.length; i2++) {
       let node2 = heads[i2];
@@ -297657,7 +297638,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       } else {
         let mount = MountedTree.get(scan2.tree);
         if (mount && mount.overlay && mount.overlay[0].from <= pos && mount.overlay[mount.overlay.length - 1].to >= pos) {
-          let root2 = new TreeNode(mount.tree, mount.overlay[0].from + scan2.from, 0, null);
+          let root2 = new TreeNode(mount.tree, mount.overlay[0].from + scan2.from, -1, scan2);
           (layers || (layers = [inner])).push(resolveNode(root2, pos, side, false));
         }
       }
@@ -297897,7 +297878,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     let cursor = Array.isArray(buffer2) ? new FlatBufferCursor(buffer2, buffer2.length) : buffer2;
     let types2 = nodeSet.types;
     let contextHash = 0, lookAhead = 0;
-    function takeNode(parentStart, minPos, children3, positions2, inRepeat) {
+    function takeNode(parentStart, minPos, children3, positions2, inRepeat, depth) {
       let { id: id2, start: start2, end: end2, size } = cursor;
       let lookAheadAtStart = lookAhead;
       while (size < 0) {
@@ -297940,8 +297921,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
               lastEnd = cursor.end;
             }
             cursor.next();
+          } else if (depth > 2500) {
+            takeFlatNode(start2, endPos, localChildren, localPositions);
           } else {
-            takeNode(start2, endPos, localChildren, localPositions, localInRepeat);
+            takeNode(start2, endPos, localChildren, localPositions, localInRepeat, depth + 1);
           }
         }
         if (localInRepeat >= 0 && lastGroup > 0 && lastGroup < localChildren.length)
@@ -297958,6 +297941,36 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       children3.push(node2);
       positions2.push(startPos);
     }
+    function takeFlatNode(parentStart, minPos, children3, positions2) {
+      let nodes = [];
+      let nodeCount = 0, stopAt = -1;
+      while (cursor.pos > minPos) {
+        let { id: id2, start: start2, end: end2, size } = cursor;
+        if (size > 4) {
+          cursor.next();
+        } else if (stopAt > -1 && start2 < stopAt) {
+          break;
+        } else {
+          if (stopAt < 0)
+            stopAt = end2 - maxBufferLength;
+          nodes.push(id2, start2, end2);
+          nodeCount++;
+          cursor.next();
+        }
+      }
+      if (nodeCount) {
+        let buffer3 = new Uint16Array(nodeCount * 4);
+        let start2 = nodes[nodes.length - 2];
+        for (let i2 = nodes.length - 3, j2 = 0; i2 >= 0; i2 -= 3) {
+          buffer3[j2++] = nodes[i2];
+          buffer3[j2++] = nodes[i2 + 1] - start2;
+          buffer3[j2++] = nodes[i2 + 2] - start2;
+          buffer3[j2++] = j2;
+        }
+        children3.push(new TreeBuffer(buffer3, nodes[2] - start2, nodeSet));
+        positions2.push(start2 - parentStart);
+      }
+    }
     function makeBalanced(type) {
       return (children3, positions2, length3) => {
         let lookAhead2 = 0, lastI = children3.length - 1, last, lookAheadProp;
@@ -298057,7 +298070,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     let children2 = [], positions = [];
     while (cursor.pos > 0)
-      takeNode(data2.start || 0, data2.bufferStart || 0, children2, positions, -1);
+      takeNode(data2.start || 0, data2.bufferStart || 0, children2, positions, -1, 0);
     let length2 = (_a3 = data2.length) !== null && _a3 !== void 0 ? _a3 : children2.length ? positions[0] + children2[0].length : 0;
     return new Tree(types2[data2.topID], children2.reverse(), positions.reverse(), length2);
   }
@@ -299558,6 +299571,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   const noTokens = /* @__PURE__ */ Object.create(null);
   const typeArray = [NodeType.none];
   const warned = [];
+  const byTag = /* @__PURE__ */ Object.create(null);
   const defaultTable = /* @__PURE__ */ Object.create(null);
   for (let [legacyName, name2] of [
     ["variable", "variableName"],
@@ -299605,7 +299619,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     if (!tags$1.length)
       return 0;
-    let name2 = tagStr.replace(/ /g, "_"), type = NodeType.define({
+    let name2 = tagStr.replace(/ /g, "_"), key = name2 + " " + tags$1.map((t2) => t2.id);
+    let known = byTag[key];
+    if (known)
+      return known.id;
+    let type = byTag[key] = NodeType.define({
       id: typeArray.length,
       name: name2,
       props: [styleTags({ [name2]: tags$1 })]
@@ -300001,13 +300019,11 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return RangeSet.empty;
     },
     update(value, tr) {
+      value = value.map(tr.changes);
       if (tr.selection) {
-        let lineStart = tr.state.doc.lineAt(tr.selection.main.head).from;
-        let prevLineStart = tr.startState.doc.lineAt(tr.startState.selection.main.head).from;
-        if (lineStart != tr.changes.mapPos(prevLineStart, -1))
-          value = RangeSet.empty;
+        let line = tr.state.doc.lineAt(tr.selection.main.head);
+        value = value.update({ filter: (from) => from >= line.from && from <= line.to });
       }
-      value = value.map(tr.changes);
       for (let effect2 of tr.effects)
         if (effect2.is(closeBracketEffect))
           value = value.update({ add: [closedBracket.range(effect2.value, effect2.value + 1)] });
@@ -300340,11 +300356,6 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       });
     }
   });
-  function changeEnd(changes) {
-    let end2 = 0;
-    changes.iterChangedRanges((_2, to) => end2 = to);
-    return end2;
-  }
   const historyField_ = /* @__PURE__ */ StateField.define({
     create() {
       return HistoryState.empty;
@@ -300353,8 +300364,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       let config2 = tr.state.facet(historyConfig);
       let fromHist = tr.annotation(fromHistory);
       if (fromHist) {
-        let selection2 = tr.docChanged ? EditorSelection.single(changeEnd(tr.changes)) : void 0;
-        let item = HistEvent.fromTransaction(tr, selection2), from = fromHist.side;
+        let item = HistEvent.fromTransaction(tr, fromHist.selection), from = fromHist.side;
         let other = from == 0 ? state.undone : state.done;
         if (item)
           other = updateBranch(other, other.length, config2.minDepth, item);
@@ -300554,15 +300564,15 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     addMapping(mapping) {
       return new HistoryState(addMappingToBranch(this.done, mapping), addMappingToBranch(this.undone, mapping), this.prevTime, this.prevUserEvent);
     }
-    pop(side, state, selection2) {
+    pop(side, state, onlySelection) {
       let branch = side == 0 ? this.done : this.undone;
       if (branch.length == 0)
         return null;
-      let event2 = branch[branch.length - 1];
-      if (selection2 && event2.selectionsAfter.length) {
+      let event2 = branch[branch.length - 1], selection2 = event2.selectionsAfter[0] || state.selection;
+      if (onlySelection && event2.selectionsAfter.length) {
         return state.update({
           selection: event2.selectionsAfter[event2.selectionsAfter.length - 1],
-          annotations: fromHistory.of({ side, rest: popSelection(branch) }),
+          annotations: fromHistory.of({ side, rest: popSelection(branch), selection: selection2 }),
           userEvent: side == 0 ? "select.undo" : "select.redo",
           scrollIntoView: true
         });
@@ -300576,7 +300586,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           changes: event2.changes,
           selection: event2.startSelection,
           effects: event2.effects,
-          annotations: fromHistory.of({ side, rest }),
+          annotations: fromHistory.of({ side, rest, selection: selection2 }),
           filter: false,
           userEvent: side == 0 ? "undo" : "redo",
           scrollIntoView: true
@@ -300874,6 +300884,8 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       targetPos = findClusterBreak(line.text, pos - line.from, forward, forward) + line.from;
       if (targetPos == pos && line.number != (forward ? state.doc.lines : 1))
         targetPos += forward ? 1 : -1;
+      else if (!forward && /[\ufe00-\ufe0f]/.test(line.text.slice(targetPos - line.from, pos - line.from)))
+        targetPos = findClusterBreak(line.text, targetPos - line.from, false, false) + line.from;
     }
     return targetPos;
   });
@@ -301837,7 +301849,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
             }
           }
         let next2 = input.next, low = 0, high = data2[state + 2];
-        if (input.next < 0 && high > low && data2[accEnd + high * 3 - 3] == 65535 && data2[accEnd + high * 3 - 3] == 65535) {
+        if (input.next < 0 && high > low && data2[accEnd + high * 3 - 3] == 65535) {
           state = data2[accEnd + high * 3 - 1];
           continue scan;
         }
@@ -302224,7 +302236,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
           console.log(base2 + this.stackID(stack) + ` (via always-reduce ${parser2.getName(defaultReduce & 65535)})`);
         return true;
       }
-      if (stack.stack.length >= 9e3) {
+      if (stack.stack.length >= 8400) {
         while (stack.stack.length > 6e3 && stack.forceReduce()) {
         }
       }
@@ -303779,7 +303791,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       return this.prevMatchInRange(state, 0, curFrom) || this.prevMatchInRange(state, curTo, state.doc.length);
     }
     getReplacement(result) {
-      return this.spec.unquote(this.spec.replace.replace(/\$([$&\d+])/g, (m2, i2) => i2 == "$" ? "$" : i2 == "&" ? result.match[0] : i2 != "0" && +i2 < result.match.length ? result.match[i2] : m2));
+      return this.spec.unquote(this.spec.replace).replace(/\$([$&\d+])/g, (m2, i2) => i2 == "$" ? "$" : i2 == "&" ? result.match[0] : i2 != "0" && +i2 < result.match.length ? result.match[i2] : m2);
     }
     matchAll(state, limit) {
       let cursor = regexpCursor(this.spec, state, 0, state.doc.length), ranges = [];
@@ -304022,7 +304034,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     { key: "Mod-g", run: findNext, shift: findPrevious, scope: "editor search-panel", preventDefault: true },
     { key: "Escape", run: closeSearchPanel, scope: "editor search-panel" },
     { key: "Mod-Shift-l", run: selectSelectionMatches },
-    { key: "Alt-g", run: gotoLine },
+    { key: "Mod-Alt-g", run: gotoLine },
     { key: "Mod-d", run: selectNextOccurrence, preventDefault: true }
   ];
   class SearchPanel {
@@ -304511,10 +304523,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   })(EdgeType || (EdgeType = {}));
   var EdgeConstraintType;
   (function(EdgeConstraintType2) {
-    EdgeConstraintType2[EdgeConstraintType2["DIRECTED"] = 2] = "DIRECTED";
-    EdgeConstraintType2[EdgeConstraintType2["BACKWARD_DIRECTED"] = 3] = "BACKWARD_DIRECTED";
-    EdgeConstraintType2[EdgeConstraintType2["FORBIDDEN"] = 4] = "FORBIDDEN";
-    EdgeConstraintType2[EdgeConstraintType2["UNDIRECTED"] = 1] = "UNDIRECTED";
+    EdgeConstraintType2["FORBIDDEN"] = "forbidden";
+    EdgeConstraintType2["HARD_DIRECTED"] = "hard_directed";
+    EdgeConstraintType2["SOFT_DIRECTED"] = "soft_directed";
+    EdgeConstraintType2["UNDIRECTED"] = "hard_undirected";
   })(EdgeConstraintType || (EdgeConstraintType = {}));
   var PagSymbol;
   (function(PagSymbol2) {
@@ -304548,14 +304560,61 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     throw new Error(`Unrecognised symbol: ${string2}`);
   }
+  const FloatingButton = styled__default.default(Button$3).attrs((props) => {
+    var _a3;
+    return Object.assign(Object.assign({}, props), { styling: (_a3 = props.styling) !== null && _a3 !== void 0 ? _a3 : "ghost" });
+  })`
+    pointer-events: ${(props) => props.disableEvents ? "none" : "all"};
+    min-width: 0;
+    margin: 0;
+    padding: 0 1rem;
+
+    ${(props) => props.fixedSize ? "height: 40px; width: 40px;" : ""};
+
+    ${(props) => props.styling === "ghost" ? `background-color: ${props.theme.colors.blue1}` : ""};
+    ${(props) => props.disableBoxShadow ? "" : `box-shadow: ${props.theme.shadow.light};`}
+`;
+  function EditControls(props) {
+    const { disableLatentNodeAdd, editorMode, editable: editable2 } = useSettings();
+    const { disablePointerEvents } = React.useContext(pointerCtx);
+    return jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, { children: editable2 && editorMode !== EditorMode.EDGE_ENCODER && !disableLatentNodeAdd && jsxRuntime.exports.jsx(Tooltip$1, { content: "Add Latent Node", placement: "bottom", children: jsxRuntime.exports.jsx(FloatingButton, { "aria-label": "Add Latent Node", disableEvents: disablePointerEvents, fixedSize: true, onClick: props.onAddNode, children: jsxRuntime.exports.jsx(Plus, {}) }) }) });
+  }
+  function CenterGraphButton(props) {
+    const { disablePointerEvents } = React.useContext(pointerCtx);
+    const theme2 = useClTheme();
+    return jsxRuntime.exports.jsx(Tooltip$1, { content: "Center Graph", placement: "bottom", children: jsxRuntime.exports.jsx(FloatingButton, { "aria-label": "Center Graph", disableEvents: disablePointerEvents, fixedSize: true, onClick: props.onResetZoom, style: { padding: "0 0.75rem" }, children: jsxRuntime.exports.jsx("svg", { fill: "none", stroke: theme2.colors.grey4, strokeWidth: 2, style: {
+      height: "100%",
+      width: "100%"
+    }, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.exports.jsx("path", { d: "M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) });
+  }
+  function DragModeButton(props) {
+    const { editable: editable2, disableEdgeAdd, allowNodeDrag } = useSettings();
+    const { disablePointerEvents } = React.useContext(pointerCtx);
+    const theme2 = useClTheme();
+    const isMoveNode = props.dragMode === "move_node";
+    return jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, { children: editable2 && !disableEdgeAdd && allowNodeDrag && jsxRuntime.exports.jsx(Tooltip$1, { content: `Drag behaviour: ${isMoveNode ? "Node Move" : "Edge Creation"}. Press and hold Command or Control to switch mode temporarily`, placement: "bottom", children: jsxRuntime.exports.jsx(FloatingButton, { "aria-label": "Toggle drag behaviour", disableEvents: disablePointerEvents, fixedSize: true, onClick: () => props.setDragMode(isMoveNode ? "create_edge" : "move_node"), style: {
+      color: isMoveNode ? theme2.colors.primary : theme2.colors.grey4
+    }, children: jsxRuntime.exports.jsx(Arrows$1, {}) }) }) });
+  }
+  function RecalculateLayoutButton(props) {
+    const { disablePointerEvents } = React.useContext(pointerCtx);
+    return jsxRuntime.exports.jsx(Tooltip$1, { content: "Recalculate Layout", placement: "bottom", children: jsxRuntime.exports.jsx(FloatingButton, { "aria-label": "Recalculate Layout", disableEvents: disablePointerEvents, fixedSize: true, onClick: props.onResetLayout, children: jsxRuntime.exports.jsx(Refresh, {}) }) });
+  }
+  function SoftEdgeArrowButton() {
+    return jsxRuntime.exports.jsxs("svg", { fill: "none", height: "15", viewBox: "0 0 16 15", width: "16", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.exports.jsx("path", { d: "M9.1333 0.867188C10.9545 0.867188 12.701 1.59064 13.9888 2.87839C15.2765 4.16614 16 5.9127 16 7.73385C16 9.55501 15.2765 11.3016 13.9888 12.5893C12.701 13.8771 10.9545 14.6005 9.1333 14.6005L9.1333 12.2659C10.3353 12.2659 11.488 11.7884 12.3379 10.9385C13.1878 10.0885 13.6653 8.93581 13.6653 7.73385C13.6653 6.53189 13.1878 5.37916 12.3379 4.52925C11.488 3.67933 10.3353 3.20185 9.1333 3.20185V0.867188Z", fill: "currentColor" }), jsxRuntime.exports.jsx("path", { d: "M1.14286 6.59375H14.1667V8.87946H1.14286C0.510714 8.87946 0 8.36875 0 7.73661C0 7.10446 0.510714 6.59375 1.14286 6.59375Z", fill: "currentColor" }), jsxRuntime.exports.jsx("circle", { cx: "9.13389", cy: "2.03452", fill: "currentColor", r: "1.16733" }), jsxRuntime.exports.jsx("circle", { cx: "9.13389", cy: "13.4344", fill: "currentColor", r: "1.16733" })] });
+  }
   const constraintItems = [
     {
-      label: jsxRuntime.exports.jsx(Tooltip$1, { content: "Undirected", children: jsxRuntime.exports.jsx("span", { children: jsxRuntime.exports.jsx(ArrowsHorizontal, { size: "lg" }) }) }),
-      value: EdgeConstraintType.UNDIRECTED
+      label: jsxRuntime.exports.jsx(Tooltip$1, { content: "Hard Directed", children: jsxRuntime.exports.jsx("span", { children: jsxRuntime.exports.jsx(ArrowRightLong, { size: "lg" }) }) }),
+      value: EdgeConstraintType.HARD_DIRECTED
+    },
+    {
+      label: jsxRuntime.exports.jsx(Tooltip$1, { content: "Soft Directed", children: jsxRuntime.exports.jsx("span", { style: { alignItems: "center", display: "flex" }, children: jsxRuntime.exports.jsx(SoftEdgeArrowButton, {}) }) }),
+      value: EdgeConstraintType.SOFT_DIRECTED
     },
     {
-      label: jsxRuntime.exports.jsx(Tooltip$1, { content: "Directed", children: jsxRuntime.exports.jsx("span", { children: jsxRuntime.exports.jsx(ArrowRightLong, { size: "lg" }) }) }),
-      value: EdgeConstraintType.DIRECTED
+      label: jsxRuntime.exports.jsx(Tooltip$1, { content: "Undirected", children: jsxRuntime.exports.jsx("span", { children: jsxRuntime.exports.jsx(ArrowsHorizontal, { size: "lg" }) }) }),
+      value: EdgeConstraintType.UNDIRECTED
     },
     {
       label: jsxRuntime.exports.jsx(Tooltip$1, { content: "Forbidden", children: jsxRuntime.exports.jsx("span", { children: jsxRuntime.exports.jsx(Ban, { size: "lg" }) }) }),
@@ -304573,6 +304632,421 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     return jsxRuntime.exports.jsxs(ColumnWrapper, { children: [jsxRuntime.exports.jsx(SectionTitle, { children: "Connection" }), jsxRuntime.exports.jsx(ButtonBar$1, { initialValue: constraintItems.find((i2) => i2.value === props.edgeConstraint.type), items: constraintItems, onSelect: (e3) => updateConstraintType(e3.value), styling: "secondary" }, props.edgeConstraint.id)] });
   }
+  var isGraph$8 = function isGraph2(value) {
+    return value !== null && typeof value === "object" && typeof value.addUndirectedEdgeWithKey === "function" && typeof value.dropNode === "function" && typeof value.multi === "boolean";
+  };
+  const isGraph$7 = isGraph$8;
+  const WHITE = void 0;
+  const GREY = 0;
+  const BLACK = 1;
+  var hasCycle$1 = function hasCycle2(graph) {
+    if (!isGraph$7(graph))
+      throw new Error(
+        "graphology-dag/has-cycle: the given graph is not a valid graphology instance."
+      );
+    if (graph.size === 0)
+      return false;
+    if (graph.selfLoopCount !== 0)
+      return true;
+    const labels = {};
+    const stack = [];
+    function neighborCallback(neighbor) {
+      const neighborLabel = labels[neighbor];
+      if (neighborLabel === WHITE)
+        stack.push(neighbor);
+      else if (neighborLabel === GREY)
+        return true;
+      return false;
+    }
+    return graph.someNode((node2) => {
+      if (labels[node2] === BLACK)
+        return false;
+      stack.push(node2);
+      while (stack.length !== 0) {
+        const current = stack[stack.length - 1];
+        const currentLabel = labels[current];
+        if (currentLabel !== GREY) {
+          labels[current] = GREY;
+          const shouldStop = graph.someOutboundNeighbor(
+            current,
+            neighborCallback
+          );
+          if (shouldStop)
+            return true;
+        } else if (currentLabel === GREY) {
+          stack.pop();
+          labels[current] = BLACK;
+        }
+      }
+      return false;
+    });
+  };
+  var iterables$1 = {};
+  var support$2 = {};
+  support$2.ARRAY_BUFFER_SUPPORT = typeof ArrayBuffer !== "undefined";
+  support$2.SYMBOL_SUPPORT = typeof Symbol !== "undefined";
+  var support$1 = support$2;
+  var ARRAY_BUFFER_SUPPORT$1 = support$1.ARRAY_BUFFER_SUPPORT;
+  var SYMBOL_SUPPORT$1 = support$1.SYMBOL_SUPPORT;
+  var foreach = function forEach2(iterable, callback) {
+    var iterator2, k2, i2, l2, s2;
+    if (!iterable)
+      throw new Error("obliterator/forEach: invalid iterable.");
+    if (typeof callback !== "function")
+      throw new Error("obliterator/forEach: expecting a callback.");
+    if (Array.isArray(iterable) || ARRAY_BUFFER_SUPPORT$1 && ArrayBuffer.isView(iterable) || typeof iterable === "string" || iterable.toString() === "[object Arguments]") {
+      for (i2 = 0, l2 = iterable.length; i2 < l2; i2++)
+        callback(iterable[i2], i2);
+      return;
+    }
+    if (typeof iterable.forEach === "function") {
+      iterable.forEach(callback);
+      return;
+    }
+    if (SYMBOL_SUPPORT$1 && Symbol.iterator in iterable && typeof iterable.next !== "function") {
+      iterable = iterable[Symbol.iterator]();
+    }
+    if (typeof iterable.next === "function") {
+      iterator2 = iterable;
+      i2 = 0;
+      while (s2 = iterator2.next(), s2.done !== true) {
+        callback(s2.value, i2);
+        i2++;
+      }
+      return;
+    }
+    for (k2 in iterable) {
+      if (iterable.hasOwnProperty(k2)) {
+        callback(iterable[k2], k2);
+      }
+    }
+    return;
+  };
+  var typedArrays = {};
+  (function(exports3) {
+    var MAX_8BIT_INTEGER = Math.pow(2, 8) - 1, MAX_16BIT_INTEGER = Math.pow(2, 16) - 1, MAX_32BIT_INTEGER = Math.pow(2, 32) - 1;
+    var MAX_SIGNED_8BIT_INTEGER = Math.pow(2, 7) - 1, MAX_SIGNED_16BIT_INTEGER = Math.pow(2, 15) - 1, MAX_SIGNED_32BIT_INTEGER = Math.pow(2, 31) - 1;
+    exports3.getPointerArray = function(size) {
+      var maxIndex2 = size - 1;
+      if (maxIndex2 <= MAX_8BIT_INTEGER)
+        return Uint8Array;
+      if (maxIndex2 <= MAX_16BIT_INTEGER)
+        return Uint16Array;
+      if (maxIndex2 <= MAX_32BIT_INTEGER)
+        return Uint32Array;
+      throw new Error("mnemonist: Pointer Array of size > 4294967295 is not supported.");
+    };
+    exports3.getSignedPointerArray = function(size) {
+      var maxIndex2 = size - 1;
+      if (maxIndex2 <= MAX_SIGNED_8BIT_INTEGER)
+        return Int8Array;
+      if (maxIndex2 <= MAX_SIGNED_16BIT_INTEGER)
+        return Int16Array;
+      if (maxIndex2 <= MAX_SIGNED_32BIT_INTEGER)
+        return Int32Array;
+      return Float64Array;
+    };
+    exports3.getNumberType = function(value) {
+      if (value === (value | 0)) {
+        if (Math.sign(value) === -1) {
+          if (value <= 127 && value >= -128)
+            return Int8Array;
+          if (value <= 32767 && value >= -32768)
+            return Int16Array;
+          return Int32Array;
+        } else {
+          if (value <= 255)
+            return Uint8Array;
+          if (value <= 65535)
+            return Uint16Array;
+          return Uint32Array;
+        }
+      }
+      return Float64Array;
+    };
+    var TYPE_PRIORITY = {
+      Uint8Array: 1,
+      Int8Array: 2,
+      Uint16Array: 3,
+      Int16Array: 4,
+      Uint32Array: 5,
+      Int32Array: 6,
+      Float32Array: 7,
+      Float64Array: 8
+    };
+    exports3.getMinimalRepresentation = function(array2, getter) {
+      var maxType = null, maxPriority = 0, p2, t2, v2, i2, l2;
+      for (i2 = 0, l2 = array2.length; i2 < l2; i2++) {
+        v2 = getter ? getter(array2[i2]) : array2[i2];
+        t2 = exports3.getNumberType(v2);
+        p2 = TYPE_PRIORITY[t2.name];
+        if (p2 > maxPriority) {
+          maxPriority = p2;
+          maxType = t2;
+        }
+      }
+      return maxType;
+    };
+    exports3.isTypedArray = function(value) {
+      return typeof ArrayBuffer !== "undefined" && ArrayBuffer.isView(value);
+    };
+    exports3.concat = function() {
+      var length2 = 0, i2, o2, l2;
+      for (i2 = 0, l2 = arguments.length; i2 < l2; i2++)
+        length2 += arguments[i2].length;
+      var array2 = new arguments[0].constructor(length2);
+      for (i2 = 0, o2 = 0; i2 < l2; i2++) {
+        array2.set(arguments[i2], o2);
+        o2 += arguments[i2].length;
+      }
+      return array2;
+    };
+    exports3.indices = function(length2) {
+      var PointerArray = exports3.getPointerArray(length2);
+      var array2 = new PointerArray(length2);
+      for (var i2 = 0; i2 < length2; i2++)
+        array2[i2] = i2;
+      return array2;
+    };
+  })(typedArrays);
+  var forEach = foreach;
+  var typed = typedArrays;
+  function isArrayLike$1(target) {
+    return Array.isArray(target) || typed.isTypedArray(target);
+  }
+  function guessLength(target) {
+    if (typeof target.length === "number")
+      return target.length;
+    if (typeof target.size === "number")
+      return target.size;
+    return;
+  }
+  function toArray(target) {
+    var l2 = guessLength(target);
+    var array2 = typeof l2 === "number" ? new Array(l2) : [];
+    var i2 = 0;
+    forEach(target, function(value) {
+      array2[i2++] = value;
+    });
+    return array2;
+  }
+  function toArrayWithIndices(target) {
+    var l2 = guessLength(target);
+    var IndexArray = typeof l2 === "number" ? typed.getPointerArray(l2) : Array;
+    var array2 = typeof l2 === "number" ? new Array(l2) : [];
+    var indices2 = typeof l2 === "number" ? new IndexArray(l2) : [];
+    var i2 = 0;
+    forEach(target, function(value) {
+      array2[i2] = value;
+      indices2[i2] = i2++;
+    });
+    return [array2, indices2];
+  }
+  iterables$1.isArrayLike = isArrayLike$1;
+  iterables$1.guessLength = guessLength;
+  iterables$1.toArray = toArray;
+  iterables$1.toArrayWithIndices = toArrayWithIndices;
+  function Iterator$3(next2) {
+    if (typeof next2 !== "function")
+      throw new Error("obliterator/iterator: expecting a function!");
+    this.next = next2;
+  }
+  if (typeof Symbol !== "undefined")
+    Iterator$3.prototype[Symbol.iterator] = function() {
+      return this;
+    };
+  Iterator$3.of = function() {
+    var args = arguments, l2 = args.length, i2 = 0;
+    return new Iterator$3(function() {
+      if (i2 >= l2)
+        return { done: true };
+      return { done: false, value: args[i2++] };
+    });
+  };
+  Iterator$3.empty = function() {
+    var iterator2 = new Iterator$3(function() {
+      return { done: true };
+    });
+    return iterator2;
+  };
+  Iterator$3.fromSequence = function(sequence) {
+    var i2 = 0, l2 = sequence.length;
+    return new Iterator$3(function() {
+      if (i2 >= l2)
+        return { done: true };
+      return { done: false, value: sequence[i2++] };
+    });
+  };
+  Iterator$3.is = function(value) {
+    if (value instanceof Iterator$3)
+      return true;
+    return typeof value === "object" && value !== null && typeof value.next === "function";
+  };
+  var iterator = Iterator$3;
+  var iterables = iterables$1, Iterator$2 = iterator;
+  function FixedDeque(ArrayClass, capacity) {
+    if (arguments.length < 2)
+      throw new Error("mnemonist/fixed-deque: expecting an Array class and a capacity.");
+    if (typeof capacity !== "number" || capacity <= 0)
+      throw new Error("mnemonist/fixed-deque: `capacity` should be a positive number.");
+    this.ArrayClass = ArrayClass;
+    this.capacity = capacity;
+    this.items = new ArrayClass(this.capacity);
+    this.clear();
+  }
+  FixedDeque.prototype.clear = function() {
+    this.start = 0;
+    this.size = 0;
+  };
+  FixedDeque.prototype.push = function(item) {
+    if (this.size === this.capacity)
+      throw new Error("mnemonist/fixed-deque.push: deque capacity (" + this.capacity + ") exceeded!");
+    var index2 = (this.start + this.size) % this.capacity;
+    this.items[index2] = item;
+    return ++this.size;
+  };
+  FixedDeque.prototype.unshift = function(item) {
+    if (this.size === this.capacity)
+      throw new Error("mnemonist/fixed-deque.unshift: deque capacity (" + this.capacity + ") exceeded!");
+    var index2 = this.start - 1;
+    if (this.start === 0)
+      index2 = this.capacity - 1;
+    this.items[index2] = item;
+    this.start = index2;
+    return ++this.size;
+  };
+  FixedDeque.prototype.pop = function() {
+    if (this.size === 0)
+      return;
+    const index2 = (this.start + this.size - 1) % this.capacity;
+    this.size--;
+    return this.items[index2];
+  };
+  FixedDeque.prototype.shift = function() {
+    if (this.size === 0)
+      return;
+    var index2 = this.start;
+    this.size--;
+    this.start++;
+    if (this.start === this.capacity)
+      this.start = 0;
+    return this.items[index2];
+  };
+  FixedDeque.prototype.peekFirst = function() {
+    if (this.size === 0)
+      return;
+    return this.items[this.start];
+  };
+  FixedDeque.prototype.peekLast = function() {
+    if (this.size === 0)
+      return;
+    var index2 = this.start + this.size - 1;
+    if (index2 > this.capacity)
+      index2 -= this.capacity;
+    return this.items[index2];
+  };
+  FixedDeque.prototype.get = function(index2) {
+    if (this.size === 0)
+      return;
+    index2 = this.start + index2;
+    if (index2 > this.capacity)
+      index2 -= this.capacity;
+    return this.items[index2];
+  };
+  FixedDeque.prototype.forEach = function(callback, scope2) {
+    scope2 = arguments.length > 1 ? scope2 : this;
+    var c2 = this.capacity, l2 = this.size, i2 = this.start, j2 = 0;
+    while (j2 < l2) {
+      callback.call(scope2, this.items[i2], j2, this);
+      i2++;
+      j2++;
+      if (i2 === c2)
+        i2 = 0;
+    }
+  };
+  FixedDeque.prototype.toArray = function() {
+    var offset2 = this.start + this.size;
+    if (offset2 < this.capacity)
+      return this.items.slice(this.start, offset2);
+    var array2 = new this.ArrayClass(this.size), c2 = this.capacity, l2 = this.size, i2 = this.start, j2 = 0;
+    while (j2 < l2) {
+      array2[j2] = this.items[i2];
+      i2++;
+      j2++;
+      if (i2 === c2)
+        i2 = 0;
+    }
+    return array2;
+  };
+  FixedDeque.prototype.values = function() {
+    var items = this.items, c2 = this.capacity, l2 = this.size, i2 = this.start, j2 = 0;
+    return new Iterator$2(function() {
+      if (j2 >= l2)
+        return {
+          done: true
+        };
+      var value = items[i2];
+      i2++;
+      j2++;
+      if (i2 === c2)
+        i2 = 0;
+      return {
+        value,
+        done: false
+      };
+    });
+  };
+  FixedDeque.prototype.entries = function() {
+    var items = this.items, c2 = this.capacity, l2 = this.size, i2 = this.start, j2 = 0;
+    return new Iterator$2(function() {
+      if (j2 >= l2)
+        return {
+          done: true
+        };
+      var value = items[i2];
+      i2++;
+      if (i2 === c2)
+        i2 = 0;
+      return {
+        value: [j2++, value],
+        done: false
+      };
+    });
+  };
+  if (typeof Symbol !== "undefined")
+    FixedDeque.prototype[Symbol.iterator] = FixedDeque.prototype.values;
+  FixedDeque.prototype.inspect = function() {
+    var array2 = this.toArray();
+    array2.type = this.ArrayClass.name;
+    array2.capacity = this.capacity;
+    Object.defineProperty(array2, "constructor", {
+      value: FixedDeque,
+      enumerable: false
+    });
+    return array2;
+  };
+  if (typeof Symbol !== "undefined")
+    FixedDeque.prototype[Symbol.for("nodejs.util.inspect.custom")] = FixedDeque.prototype.inspect;
+  FixedDeque.from = function(iterable, ArrayClass, capacity) {
+    if (arguments.length < 3) {
+      capacity = iterables.guessLength(iterable);
+      if (typeof capacity !== "number")
+        throw new Error("mnemonist/fixed-deque.from: could not guess iterable length. Please provide desired capacity as last argument.");
+    }
+    var deque = new FixedDeque(ArrayClass, capacity);
+    if (iterables.isArrayLike(iterable)) {
+      var i2, l2;
+      for (i2 = 0, l2 = iterable.length; i2 < l2; i2++)
+        deque.items[i2] = iterable[i2];
+      deque.size = l2;
+      return deque;
+    }
+    iterables.forEach(iterable, function(value) {
+      deque.push(value);
+    });
+    return deque;
+  };
+  var hasCycle = hasCycle$1;
   function willCreateCycle(graphOriginal, edge) {
     const graph = graphOriginal.copy();
     try {
@@ -304618,6 +305092,18 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     }
     return group2;
   }
+  function isDag(graph) {
+    if (hasCycle(graph)) {
+      return false;
+    }
+    const isDirected = graph.everyEdge((edge, attributes2) => {
+      if (attributes2.edge_type !== EdgeType.DIRECTED_EDGE) {
+        return false;
+      }
+      return true;
+    });
+    return isDirected;
+  }
   const DIRECTED_SYMBOLS = [EdgeType.DIRECTED_EDGE, EdgeType.BACKWARDS_DIRECTED_EDGE];
   const symbolItems = [
     { label: "Directed", value: PagSymbol.ARROW },
@@ -304859,46 +305345,6 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     const showClass = props.showFrameButtons ? "show" : void 0;
     return jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [jsxRuntime.exports.jsxs(TopDiv, { className: showClass, padding: controlPadding, children: [jsxRuntime.exports.jsx(TopLeftDiv, { onMouseEnter: onPanelEnter, onMouseLeave: onPanelExit, children: props.topLeft }), jsxRuntime.exports.jsx(TopRightDiv, { onMouseEnter: onPanelEnter, onMouseLeave: onPanelExit, children: props.topRight })] }), jsxRuntime.exports.jsxs(BottomDiv, { className: showClass, padding: controlPadding, children: [jsxRuntime.exports.jsx(BottomLeftDiv, { onMouseEnter: onPanelEnter, onMouseLeave: onPanelExit, children: props.bottomLeft }), jsxRuntime.exports.jsx(BottomRightDiv, { onMouseEnter: onPanelEnter, onMouseLeave: onPanelExit, children: props.bottomRight })] }), showPanel2 && props.validContentSelected && jsxRuntime.exports.jsx(PanelContent, { onDelete: props.onDelete, onMouseEnter: onPanelEnter, onMouseLeave: onPanelExit, onNext: props.onNext, onPrev: props.onPrev, title: props.title, children: (_a3 = props.children) !== null && _a3 !== void 0 ? _a3 : null })] });
   }
-  const FloatingButton = styled__default.default(Button$3).attrs((props) => {
-    var _a3;
-    return Object.assign(Object.assign({}, props), { styling: (_a3 = props.styling) !== null && _a3 !== void 0 ? _a3 : "ghost" });
-  })`
-    pointer-events: ${(props) => props.disableEvents ? "none" : "all"};
-    min-width: 0;
-    margin: 0;
-    padding: 0 1rem;
-
-    ${(props) => props.fixedSize ? "height: 40px; width: 40px;" : ""};
-
-    ${(props) => props.styling === "ghost" ? `background-color: ${props.theme.colors.blue1}` : ""};
-    ${(props) => props.disableBoxShadow ? "" : `box-shadow: ${props.theme.shadow.light};`}
-`;
-  function EditControls(props) {
-    const { disableLatentNodeAdd, editorMode, editable: editable2 } = useSettings();
-    const { disablePointerEvents } = React.useContext(pointerCtx);
-    return jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, { children: editable2 && editorMode !== EditorMode.EDGE_ENCODER && !disableLatentNodeAdd && jsxRuntime.exports.jsx(Tooltip$1, { content: "Add Latent Node", placement: "bottom", children: jsxRuntime.exports.jsx(FloatingButton, { "aria-label": "Add Latent Node", disableEvents: disablePointerEvents, fixedSize: true, onClick: props.onAddNode, children: jsxRuntime.exports.jsx(Plus, {}) }) }) });
-  }
-  function CenterGraphButton(props) {
-    const { disablePointerEvents } = React.useContext(pointerCtx);
-    const theme2 = useClTheme();
-    return jsxRuntime.exports.jsx(Tooltip$1, { content: "Center Graph", placement: "bottom", children: jsxRuntime.exports.jsx(FloatingButton, { "aria-label": "Center Graph", disableEvents: disablePointerEvents, fixedSize: true, onClick: props.onResetZoom, style: { padding: "0 0.75rem" }, children: jsxRuntime.exports.jsx("svg", { fill: "none", stroke: theme2.colors.grey4, strokeWidth: 2, style: {
-      height: "100%",
-      width: "100%"
-    }, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.exports.jsx("path", { d: "M9 9V4.5M9 9H4.5M9 9L3.75 3.75M9 15v4.5M9 15H4.5M9 15l-5.25 5.25M15 9h4.5M15 9V4.5M15 9l5.25-5.25M15 15h4.5M15 15v4.5m0-4.5l5.25 5.25", strokeLinecap: "round", strokeLinejoin: "round" }) }) }) });
-  }
-  function DragModeButton(props) {
-    const { editable: editable2, disableEdgeAdd, allowNodeDrag } = useSettings();
-    const { disablePointerEvents } = React.useContext(pointerCtx);
-    const theme2 = useClTheme();
-    const isMoveNode = props.dragMode === "move_node";
-    return jsxRuntime.exports.jsx(jsxRuntime.exports.Fragment, { children: editable2 && !disableEdgeAdd && allowNodeDrag && jsxRuntime.exports.jsx(Tooltip$1, { content: `Drag behaviour: ${isMoveNode ? "Node Move" : "Edge Creation"}. Press and hold Command or Control to switch mode temporarily`, placement: "bottom", children: jsxRuntime.exports.jsx(FloatingButton, { "aria-label": "Toggle drag behaviour", disableEvents: disablePointerEvents, fixedSize: true, onClick: () => props.setDragMode(isMoveNode ? "create_edge" : "move_node"), style: {
-      color: isMoveNode ? theme2.colors.primary : theme2.colors.grey4
-    }, children: jsxRuntime.exports.jsx(Arrows$1, {}) }) }) });
-  }
-  function RecalculateLayoutButton(props) {
-    const { disablePointerEvents } = React.useContext(pointerCtx);
-    return jsxRuntime.exports.jsx(Tooltip$1, { content: "Recalculate Layout", placement: "bottom", children: jsxRuntime.exports.jsx(FloatingButton, { "aria-label": "Recalculate Layout", disableEvents: disablePointerEvents, fixedSize: true, onClick: props.onResetLayout, children: jsxRuntime.exports.jsx(Refresh, {}) }) });
-  }
   const Results = styled__default.default.span`
     pointer-events: none;
 
@@ -306269,10 +306715,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     })();
   })(fontfaceobserver_standalone);
   const FontFaceObserver = fontfaceobserver_standalone.exports;
-  var isGraph$7 = function isGraph2(value) {
-    return value !== null && typeof value === "object" && typeof value.addUndirectedEdgeWithKey === "function" && typeof value.dropNode === "function" && typeof value.multi === "boolean";
-  };
-  var isGraph$6 = isGraph$7;
+  var isGraph$6 = isGraph$8;
   var DEFAULT_DIMENSIONS = ["x", "y"];
   function assignLayout(graph, layout2, options) {
     if (!isGraph$6(graph))
@@ -307542,39 +307985,65 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     return { __proto__: test }.foo === test.foo && !({ __proto__: null } instanceof $Object);
   };
   var ERROR_MESSAGE = "Function.prototype.bind called on incompatible ";
-  var slice$1 = Array.prototype.slice;
   var toStr$1 = Object.prototype.toString;
+  var max$2 = Math.max;
   var funcType = "[object Function]";
+  var concatty = function concatty2(a2, b2) {
+    var arr = [];
+    for (var i2 = 0; i2 < a2.length; i2 += 1) {
+      arr[i2] = a2[i2];
+    }
+    for (var j2 = 0; j2 < b2.length; j2 += 1) {
+      arr[j2 + a2.length] = b2[j2];
+    }
+    return arr;
+  };
+  var slicy = function slicy2(arrLike, offset2) {
+    var arr = [];
+    for (var i2 = offset2 || 0, j2 = 0; i2 < arrLike.length; i2 += 1, j2 += 1) {
+      arr[j2] = arrLike[i2];
+    }
+    return arr;
+  };
+  var joiny = function(arr, joiner) {
+    var str = "";
+    for (var i2 = 0; i2 < arr.length; i2 += 1) {
+      str += arr[i2];
+      if (i2 + 1 < arr.length) {
+        str += joiner;
+      }
+    }
+    return str;
+  };
   var implementation$1 = function bind2(that) {
     var target = this;
-    if (typeof target !== "function" || toStr$1.call(target) !== funcType) {
+    if (typeof target !== "function" || toStr$1.apply(target) !== funcType) {
       throw new TypeError(ERROR_MESSAGE + target);
     }
-    var args = slice$1.call(arguments, 1);
+    var args = slicy(arguments, 1);
     var bound2;
     var binder = function() {
       if (this instanceof bound2) {
         var result = target.apply(
           this,
-          args.concat(slice$1.call(arguments))
+          concatty(args, arguments)
         );
         if (Object(result) === result) {
           return result;
         }
         return this;
-      } else {
-        return target.apply(
-          that,
-          args.concat(slice$1.call(arguments))
-        );
       }
+      return target.apply(
+        that,
+        concatty(args, arguments)
+      );
     };
-    var boundLength = Math.max(0, target.length - args.length);
+    var boundLength = max$2(0, target.length - args.length);
     var boundArgs = [];
     for (var i2 = 0; i2 < boundLength; i2++) {
-      boundArgs.push("$" + i2);
+      boundArgs[i2] = "$" + i2;
     }
-    bound2 = Function("binder", "return function (" + boundArgs.join(",") + "){ return binder.apply(this,arguments); }")(binder);
+    bound2 = Function("binder", "return function (" + joiny(boundArgs, ",") + "){ return binder.apply(this,arguments); }")(binder);
     if (target.prototype) {
       var Empty = function Empty2() {
       };
@@ -307586,39 +308055,38 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
   };
   var implementation = implementation$1;
   var functionBind = Function.prototype.bind || implementation;
-  var hasOwnProperty$4 = {}.hasOwnProperty;
   var call = Function.prototype.call;
-  var src$1 = call.bind ? call.bind(hasOwnProperty$4) : function(O2, P2) {
-    return call.call(hasOwnProperty$4, O2, P2);
-  };
+  var $hasOwn = Object.prototype.hasOwnProperty;
+  var bind$1 = functionBind;
+  var hasown = bind$1.call(call, $hasOwn);
   var undefined$1;
-  var $SyntaxError = SyntaxError;
+  var $SyntaxError$1 = SyntaxError;
   var $Function = Function;
-  var $TypeError$1 = TypeError;
+  var $TypeError$3 = TypeError;
   var getEvalledConstructor = function(expressionSyntax) {
     try {
       return $Function('"use strict"; return (' + expressionSyntax + ").constructor;")();
     } catch (e3) {
     }
   };
-  var $gOPD = Object.getOwnPropertyDescriptor;
-  if ($gOPD) {
+  var $gOPD$1 = Object.getOwnPropertyDescriptor;
+  if ($gOPD$1) {
     try {
-      $gOPD({}, "");
+      $gOPD$1({}, "");
     } catch (e3) {
-      $gOPD = null;
+      $gOPD$1 = null;
     }
   }
   var throwTypeError = function() {
-    throw new $TypeError$1();
+    throw new $TypeError$3();
   };
-  var ThrowTypeError = $gOPD ? function() {
+  var ThrowTypeError = $gOPD$1 ? function() {
     try {
       arguments.callee;
       return throwTypeError;
     } catch (calleeThrows) {
       try {
-        return $gOPD(arguments, "callee").get;
+        return $gOPD$1(arguments, "callee").get;
       } catch (gOPDthrows) {
         return throwTypeError;
       }
@@ -307686,10 +308154,10 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     "%String%": String,
     "%StringIteratorPrototype%": hasSymbols && getProto ? getProto(""[Symbol.iterator]()) : undefined$1,
     "%Symbol%": hasSymbols ? Symbol : undefined$1,
-    "%SyntaxError%": $SyntaxError,
+    "%SyntaxError%": $SyntaxError$1,
     "%ThrowTypeError%": ThrowTypeError,
     "%TypedArray%": TypedArray,
-    "%TypeError%": $TypeError$1,
+    "%TypeError%": $TypeError$3,
     "%Uint8Array%": typeof Uint8Array === "undefined" ? undefined$1 : Uint8Array,
     "%Uint8ClampedArray%": typeof Uint8ClampedArray === "undefined" ? undefined$1 : Uint8ClampedArray,
     "%Uint16Array%": typeof Uint16Array === "undefined" ? undefined$1 : Uint16Array,
@@ -307783,7 +308251,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     "%WeakSetPrototype%": ["WeakSet", "prototype"]
   };
   var bind = functionBind;
-  var hasOwn$1 = src$1;
+  var hasOwn$1 = hasown;
   var $concat$1 = bind.call(Function.call, Array.prototype.concat);
   var $spliceApply = bind.call(Function.apply, Array.prototype.splice);
   var $replace$1 = bind.call(Function.call, String.prototype.replace);
@@ -307795,9 +308263,9 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     var first = $strSlice(string2, 0, 1);
     var last = $strSlice(string2, -1);
     if (first === "%" && last !== "%") {
-      throw new $SyntaxError("invalid intrinsic syntax, expected closing `%`");
+      throw new $SyntaxError$1("invalid intrinsic syntax, expected closing `%`");
     } else if (last === "%" && first !== "%") {
-      throw new $SyntaxError("invalid intrinsic syntax, expected opening `%`");
+      throw new $SyntaxError$1("invalid intrinsic syntax, expected opening `%`");
     }
     var result = [];
     $replace$1(string2, rePropName$1, function(match2, number2, quote2, subString) {
@@ -307818,7 +308286,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         value = doEval(intrinsicName);
       }
       if (typeof value === "undefined" && !allowMissing) {
-        throw new $TypeError$1("intrinsic " + name2 + " exists, but is not available. Please file an issue!");
+        throw new $TypeError$3("intrinsic " + name2 + " exists, but is not available. Please file an issue!");
       }
       return {
         alias,
@@ -307826,17 +308294,17 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
         value
       };
     }
-    throw new $SyntaxError("intrinsic " + name2 + " does not exist!");
+    throw new $SyntaxError$1("intrinsic " + name2 + " does not exist!");
   };
   var getIntrinsic = function GetIntrinsic2(name2, allowMissing) {
     if (typeof name2 !== "string" || name2.length === 0) {
-      throw new $TypeError$1("intrinsic name must be a non-empty string");
+      throw new $TypeError$3("intrinsic name must be a non-empty string");
     }
     if (arguments.length > 1 && typeof allowMissing !== "boolean") {
-      throw new $TypeError$1('"allowMissing" argument must be a boolean');
+      throw new $TypeError$3('"allowMissing" argument must be a boolean');
     }
     if ($exec(/^%?[^%]*%?$/, name2) === null) {
-      throw new $SyntaxError("`%` may not be present anywhere but at the beginning and end of the intrinsic name");
+      throw new $SyntaxError$1("`%` may not be present anywhere but at the beginning and end of the intrinsic name");
     }
     var parts = stringToPath$3(name2);
     var intrinsicBaseName = parts.length > 0 ? parts[0] : "";
@@ -307854,7 +308322,7 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       var first = $strSlice(part, 0, 1);
       var last = $strSlice(part, -1);
       if ((first === '"' || first === "'" || first === "`" || (last === '"' || last === "'" || last === "`")) && first !== last) {
-        throw new $SyntaxError("property names with quotes must have matching quotes");
+        throw new $SyntaxError$1("property names with quotes must have matching quotes");
       }
       if (part === "constructor" || !isOwn) {
         skipFurtherCaching = true;
@@ -307866,12 +308334,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
       } else if (value != null) {
         if (!(part in value)) {
           if (!allowMissing) {
-            throw new $TypeError$1("base intrinsic for " + name2 + " exists, but the property is not available.");
+            throw new $TypeError$3("base intrinsic for " + name2 + " exists, but the property is not available.");
           }
           return void 0;
         }
-        if ($gOPD && i2 + 1 >= parts.length) {
-          var desc = $gOPD(value, part);
+        if ($gOPD$1 && i2 + 1 >= parts.length) {
+          var desc = $gOPD$1(value, part);
           isOwn = !!desc;
           if (isOwn && "get" in desc && !("originalValue" in desc.get)) {
             value = desc.get;
@@ -307890,41 +308358,157 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     return value;
   };
   var callBind$1 = { exports: {} };
+  var GetIntrinsic$5 = getIntrinsic;
+  var $defineProperty$1 = GetIntrinsic$5("%Object.defineProperty%", true);
+  var hasPropertyDescriptors$1 = function hasPropertyDescriptors2() {
+    if ($defineProperty$1) {
+      try {
+        $defineProperty$1({}, "a", { value: 1 });
+        return true;
+      } catch (e3) {
+        return false;
+      }
+    }
+    return false;
+  };
+  hasPropertyDescriptors$1.hasArrayLengthDefineBug = function hasArrayLengthDefineBug() {
+    if (!hasPropertyDescriptors$1()) {
+      return null;
+    }
+    try {
+      return $defineProperty$1([], "length", { value: 1 }).length !== 1;
+    } catch (e3) {
+      return true;
+    }
+  };
+  var hasPropertyDescriptors_1 = hasPropertyDescriptors$1;
+  var GetIntrinsic$4 = getIntrinsic;
+  var $gOPD = GetIntrinsic$4("%Object.getOwnPropertyDescriptor%", true);
+  if ($gOPD) {
+    try {
+      $gOPD([], "length");
+    } catch (e3) {
+      $gOPD = null;
+    }
+  }
+  var gopd$1 = $gOPD;
+  var hasPropertyDescriptors = hasPropertyDescriptors_1();
+  var GetIntrinsic$3 = getIntrinsic;
+  var $defineProperty = hasPropertyDescriptors && GetIntrinsic$3("%Object.defineProperty%", true);
+  if ($defineProperty) {
+    try {
+      $defineProperty({}, "a", { value: 1 });
+    } catch (e3) {
+      $defineProperty = false;
+    }
+  }
+  var $SyntaxError = GetIntrinsic$3("%SyntaxError%");
+  var $TypeError$2 = GetIntrinsic$3("%TypeError%");
+  var gopd = gopd$1;
+  var defineDataProperty = function defineDataProperty2(obj, property, value) {
+    if (!obj || typeof obj !== "object" && typeof obj !== "function") {
+      throw new $TypeError$2("`obj` must be an object or a function`");
+    }
+    if (typeof property !== "string" && typeof property !== "symbol") {
+      throw new $TypeError$2("`property` must be a string or a symbol`");
+    }
+    if (arguments.length > 3 && typeof arguments[3] !== "boolean" && arguments[3] !== null) {
+      throw new $TypeError$2("`nonEnumerable`, if provided, must be a boolean or null");
+    }
+    if (arguments.length > 4 && typeof arguments[4] !== "boolean" && arguments[4] !== null) {
+      throw new $TypeError$2("`nonWritable`, if provided, must be a boolean or null");
+    }
+    if (arguments.length > 5 && typeof arguments[5] !== "boolean" && arguments[5] !== null) {
+      throw new $TypeError$2("`nonConfigurable`, if provided, must be a boolean or null");
+    }
+    if (arguments.length > 6 && typeof arguments[6] !== "boolean") {
+      throw new $TypeError$2("`loose`, if provided, must be a boolean");
+    }
+    var nonEnumerable = arguments.length > 3 ? arguments[3] : null;
+    var nonWritable = arguments.length > 4 ? arguments[4] : null;
+    var nonConfigurable = arguments.length > 5 ? arguments[5] : null;
+    var loose = arguments.length > 6 ? arguments[6] : false;
+    var desc = !!gopd && gopd(obj, property);
+    if ($defineProperty) {
+      $defineProperty(obj, property, {
+        configurable: nonConfigurable === null && desc ? desc.configurable : !nonConfigurable,
+        enumerable: nonEnumerable === null && desc ? desc.enumerable : !nonEnumerable,
+        value,
+        writable: nonWritable === null && desc ? desc.writable : !nonWritable
+      });
+    } else if (loose || !nonEnumerable && !nonWritable && !nonConfigurable) {
+      obj[property] = value;
+    } else {
+      throw new $SyntaxError("This environment does not support defining a property as non-configurable, non-writable, or non-enumerable.");
+    }
+  };
+  var GetIntrinsic$2 = getIntrinsic;
+  var define$4 = defineDataProperty;
+  var hasDescriptors = hasPropertyDescriptors_1();
+  var gOPD = gopd$1;
+  var $TypeError$1 = GetIntrinsic$2("%TypeError%");
+  var $floor$1 = GetIntrinsic$2("%Math.floor%");
+  var setFunctionLength = function setFunctionLength2(fn2, length2) {
+    if (typeof fn2 !== "function") {
+      throw new $TypeError$1("`fn` is not a function");
+    }
+    if (typeof length2 !== "number" || length2 < 0 || length2 > 4294967295 || $floor$1(length2) !== length2) {
+      throw new $TypeError$1("`length` must be a positive 32-bit integer");
+    }
+    var loose = arguments.length > 2 && !!arguments[2];
+    var functionLengthIsConfigurable = true;
+    var functionLengthIsWritable = true;
+    if ("length" in fn2 && gOPD) {
+      var desc = gOPD(fn2, "length");
+      if (desc && !desc.configurable) {
+        functionLengthIsConfigurable = false;
+      }
+      if (desc && !desc.writable) {
+        functionLengthIsWritable = false;
+      }
+    }
+    if (functionLengthIsConfigurable || functionLengthIsWritable || !loose) {
+      if (hasDescriptors) {
+        define$4(fn2, "length", length2, true, true);
+      } else {
+        define$4(fn2, "length", length2);
+      }
+    }
+    return fn2;
+  };
   (function(module2) {
     var bind2 = functionBind;
     var GetIntrinsic2 = getIntrinsic;
+    var setFunctionLength$1 = setFunctionLength;
+    var $TypeError2 = GetIntrinsic2("%TypeError%");
     var $apply = GetIntrinsic2("%Function.prototype.apply%");
     var $call = GetIntrinsic2("%Function.prototype.call%");
     var $reflectApply = GetIntrinsic2("%Reflect.apply%", true) || bind2.call($call, $apply);
-    var $gOPD2 = GetIntrinsic2("%Object.getOwnPropertyDescriptor%", true);
-    var $defineProperty = GetIntrinsic2("%Object.defineProperty%", true);
+    var $defineProperty2 = GetIntrinsic2("%Object.defineProperty%", true);
     var $max = GetIntrinsic2("%Math.max%");
-    if ($defineProperty) {
+    if ($defineProperty2) {
       try {
-        $defineProperty({}, "a", { value: 1 });
+        $defineProperty2({}, "a", { value: 1 });
       } catch (e3) {
-        $defineProperty = null;
+        $defineProperty2 = null;
       }
     }
     module2.exports = function callBind2(originalFunction) {
-      var func = $reflectApply(bind2, $call, arguments);
-      if ($gOPD2 && $defineProperty) {
-        var desc = $gOPD2(func, "length");
-        if (desc.configurable) {
-          $defineProperty(
-            func,
-            "length",
-            { value: 1 + $max(0, originalFunction.length - (arguments.length - 1)) }
-          );
-        }
+      if (typeof originalFunction !== "function") {
+        throw new $TypeError2("a function is required");
       }
-      return func;
+      var func = $reflectApply(bind2, $call, arguments);
+      return setFunctionLength$1(
+        func,
+        1 + $max(0, originalFunction.length - (arguments.length - 1)),
+        true
+      );
     };
     var applyBind = function applyBind2() {
       return $reflectApply(bind2, $apply, arguments);
     };
-    if ($defineProperty) {
-      $defineProperty(module2.exports, "apply", { value: applyBind });
+    if ($defineProperty2) {
+      $defineProperty2(module2.exports, "apply", { value: applyBind });
     } else {
       module2.exports.apply = applyBind;
     }
@@ -308158,6 +308742,12 @@ You must set sticky: 'left' | 'right' for the '${bugWithUnderColumnsSticky.Heade
     if (isString(obj)) {
       return markBoxed(inspect2(String(obj)));
     }
+    if (typeof window !== "undefined" && obj === window) {
+      return "{ [object Window] }";
+    }
+    if (obj === commonjsGlobal) {
+      return "{ [object globalThis] }";
+    }
     if (!isDate(obj) && !isRegExp$1(obj)) {
       var ys = arrObjKeys(obj, inspect2);
       var isPlainObject2 = gPO ? gPO(obj) === Object.prototype : obj instanceof Object || obj.constructor === Object;
@@ -337481,48 +338071,8 @@ ${e3}`);
       throw new TypeError('The "emitter" argument must be of type EventEmitter. Received type ' + typeof emitter);
     }
   }
-  function Iterator$2(next2) {
-    if (typeof next2 !== "function")
-      throw new Error("obliterator/iterator: expecting a function!");
-    this.next = next2;
-  }
-  if (typeof Symbol !== "undefined")
-    Iterator$2.prototype[Symbol.iterator] = function() {
-      return this;
-    };
-  Iterator$2.of = function() {
-    var args = arguments, l2 = args.length, i2 = 0;
-    return new Iterator$2(function() {
-      if (i2 >= l2)
-        return { done: true };
-      return { done: false, value: args[i2++] };
-    });
-  };
-  Iterator$2.empty = function() {
-    var iterator2 = new Iterator$2(function() {
-      return { done: true };
-    });
-    return iterator2;
-  };
-  Iterator$2.fromSequence = function(sequence) {
-    var i2 = 0, l2 = sequence.length;
-    return new Iterator$2(function() {
-      if (i2 >= l2)
-        return { done: true };
-      return { done: false, value: sequence[i2++] };
-    });
-  };
-  Iterator$2.is = function(value) {
-    if (value instanceof Iterator$2)
-      return true;
-    return typeof value === "object" && value !== null && typeof value.next === "function";
-  };
-  var iterator = Iterator$2;
-  var support$1 = {};
-  support$1.ARRAY_BUFFER_SUPPORT = typeof ArrayBuffer !== "undefined";
-  support$1.SYMBOL_SUPPORT = typeof Symbol !== "undefined";
   var Iterator$1 = iterator;
-  var support = support$1;
+  var support = support$2;
   var ARRAY_BUFFER_SUPPORT = support.ARRAY_BUFFER_SUPPORT;
   var SYMBOL_SUPPORT = support.SYMBOL_SUPPORT;
   function iterOrNull(target) {
@@ -337563,7 +338113,7 @@ ${e3}`);
   var Iterator = iterator;
   var iter = iter$2;
   var chain = function chain2() {
-    var iterables = arguments;
+    var iterables2 = arguments;
     var current = null;
     var i2 = -1;
     return new Iterator(function next2() {
@@ -337571,9 +338121,9 @@ ${e3}`);
       do {
         if (current === null) {
           i2++;
-          if (i2 >= iterables.length)
+          if (i2 >= iterables2.length)
             return { done: true };
-          current = iter(iterables[i2]);
+          current = iter(iterables2[i2]);
         }
         step2 = current.next();
         if (step2.done === true) {
@@ -341628,7 +342178,7 @@ ${e3}`);
   shuffleInPlace.createShuffleInPlace = createShuffleInPlace;
   var shuffleInPlace_1 = shuffleInPlace;
   var resolveDefaults$3 = defaults$j;
-  var isGraph$5 = isGraph$7;
+  var isGraph$5 = isGraph$8;
   var shuffle = shuffleInPlace_1;
   var DEFAULTS$3 = {
     attributes: {
@@ -341957,7 +342507,7 @@ ${e3}`);
   var circlePackLayout = genericCirclePackLayout.bind(null, false);
   circlePackLayout.assign = genericCirclePackLayout.bind(null, true);
   var resolveDefaults$2 = defaults$j;
-  var isGraph$4 = isGraph$7;
+  var isGraph$4 = isGraph$8;
   var DEFAULTS$2 = {
     dimensions: ["x", "y"],
     center: 0.5,
@@ -342006,7 +342556,7 @@ ${e3}`);
   circularLayout.assign = genericCircularLayout.bind(null, true);
   var circular$1 = circularLayout;
   var resolveDefaults$1 = defaults$j;
-  var isGraph$3 = isGraph$7;
+  var isGraph$3 = isGraph$8;
   var DEFAULTS$1 = {
     dimensions: ["x", "y"],
     center: 0.5,
@@ -342054,7 +342604,7 @@ ${e3}`);
   randomLayout.assign = genericRandomLayout.bind(null, true);
   var random$1 = randomLayout;
   var resolveDefaults = defaults$j;
-  var isGraph$2 = isGraph$7;
+  var isGraph$2 = isGraph$8;
   var RAD_CONVERSION = Math.PI / 180;
   var DEFAULTS = {
     dimensions: ["x", "y"],
@@ -342829,7 +343379,7 @@ ${e3}`);
     barnesHutOptimize: false,
     barnesHutTheta: 0.5
   };
-  var isGraph$1 = isGraph$7;
+  var isGraph$1 = isGraph$8;
   var createEdgeWeightGetter = getters.createEdgeWeightGetter;
   var iterate$2 = iterate$3;
   var helpers$2 = helpers$3;
@@ -343070,7 +343620,7 @@ ${e3}`);
     ratio: 1,
     speed: 3
   };
-  var isGraph = isGraph$7;
+  var isGraph = isGraph$8;
   var iterate = iterate$1;
   var helpers = helpers$1;
   var DEFAULT_SETTINGS = defaults$h;
@@ -344559,7 +345109,7 @@ ${e3}`);
       }
     }, {
       key: "forEach",
-      value: function forEach(callback, thisArg) {
+      value: function forEach2(callback, thisArg) {
         return this.toArray().forEach(callback, thisArg);
       }
     }]);
@@ -352334,7 +352884,7 @@ ${e3}`);
     return a2.poolIndex() - b2.poolIndex();
   };
   var elesfn$6 = {
-    forEach: function forEach(fn2, thisArg) {
+    forEach: function forEach2(fn2, thisArg) {
       if (fn$6(fn2)) {
         var N2 = this.length;
         for (var i2 = 0; i2 < N2; i2++) {
@@ -366493,8 +367043,8 @@ ${e3}`);
     var nodeTW = nodeW + (getIndexedStyle(node2, "background-width-relative-to", "value", index2) === "inner" ? 0 : paddingX2);
     var nodeTH = nodeH + (getIndexedStyle(node2, "background-height-relative-to", "value", index2) === "inner" ? 0 : paddingX2);
     var rs = node2._private.rscratch;
-    var clip = getIndexedStyle(node2, "background-clip", "value", index2);
-    var shouldClip = clip === "node";
+    var clip2 = getIndexedStyle(node2, "background-clip", "value", index2);
+    var shouldClip = clip2 === "node";
     var imgOpacity = getIndexedStyle(node2, "background-image-opacity", "value", index2) * nodeOpacity;
     var smooth = getIndexedStyle(node2, "background-image-smoothing", "value", index2);
     var imgW = img.width || img.cachedW;
@@ -381491,7 +382041,7 @@ void main(void){
     }
   }
   function createSideSymbol(style2, position2, tint, bgTint) {
-    var _a3;
+    var _a3, _b;
     const gfx = new SmoothGraphics();
     const color2 = tint;
     if ([EditorMode.RESOLVER, EditorMode.DEFAULT, EditorMode.EDGE_ENCODER].includes(style2.editorMode)) {
@@ -381504,7 +382054,16 @@ void main(void){
         }
       }
       if (style2.editorMode === EditorMode.EDGE_ENCODER) {
-        if (((_a3 = style2.constraint) === null || _a3 === void 0 ? void 0 : _a3.type) !== EdgeConstraintType.DIRECTED) {
+        if (((_a3 = style2.constraint) === null || _a3 === void 0 ? void 0 : _a3.type) === EdgeConstraintType.SOFT_DIRECTED) {
+          gfx.lineStyle({
+            cap: LINE_CAP.ROUND,
+            color: color2,
+            width: 2
+          });
+          gfx.arc(0, 0, 8, 0, Math.PI, false);
+          return gfx;
+        }
+        if (((_b = style2.constraint) === null || _b === void 0 ? void 0 : _b.type) !== EdgeConstraintType.HARD_DIRECTED) {
           return gfx;
         }
       }
@@ -382999,13 +383558,10 @@ ${letters.join("\n")}`;
       return [newKey, val];
     }));
     const _b = (_a3 = attributes2.extras) !== null && _a3 !== void 0 ? _a3 : {}, { meta: newMeta } = _b, restExtras = __rest$2(_b, ["meta"]);
-    const output2 = Object.assign({ edge_type: attributes2.edge_type, meta: Object.assign(Object.assign(Object.assign({}, attributes2.originalMeta), newMeta), { rendering_properties: unflattenedMeta }) }, restExtras);
-    if (source) {
-      output2.source = source;
-    }
-    if (destination) {
-      output2.destination = destination;
-    }
+    const output2 = Object.assign(Object.assign({ edge_type: attributes2.edge_type, meta: Object.assign(Object.assign(Object.assign({}, attributes2.originalMeta), newMeta), { rendering_properties: unflattenedMeta }) }, restExtras), {
+      destination,
+      source
+    });
     if (output2.edge_type === EdgeType.BACKWARDS_DIRECTED_EDGE) {
       output2.edge_type = EdgeType.DIRECTED_EDGE;
       if (output2.source) {
@@ -383017,7 +383573,7 @@ ${letters.join("\n")}`;
     }
     return output2;
   }
-  function serializeGraphNode(attributes2, includeIdentifier = false) {
+  function serializeGraphNode(attributes2) {
     var _a3;
     const entries = Object.entries(attributes2);
     const unflattenedMeta = Object.fromEntries(entries.filter(([key]) => isPrefixed(key)).map(([key, val]) => {
@@ -383025,19 +383581,30 @@ ${letters.join("\n")}`;
       return [newKey, val];
     }));
     const _b = (_a3 = attributes2.extras) !== null && _a3 !== void 0 ? _a3 : {}, { meta: newMeta } = _b, restExtras = __rest$2(_b, ["meta"]);
-    const output2 = Object.assign({ meta: Object.assign(Object.assign(Object.assign({}, attributes2.originalMeta), newMeta), { rendering_properties: unflattenedMeta }), variable_type: attributes2.variable_type }, restExtras);
-    if (includeIdentifier) {
-      output2.identifier = attributes2.id;
-    }
+    const output2 = Object.assign(Object.assign({ meta: Object.assign(Object.assign(Object.assign({}, attributes2.originalMeta), newMeta), { rendering_properties: unflattenedMeta }), variable_type: attributes2.variable_type }, restExtras), { identifier: attributes2.id });
     return output2;
   }
   function causalGraphSerializer(state) {
+    const nodes = state.graph.reduceNodes((acc, id2, attributes2) => {
+      var _a3;
+      const entries = Object.entries(attributes2);
+      const unflattenedMeta = Object.fromEntries(entries.filter(([key]) => isPrefixed(key)).map(([key, val]) => {
+        const newKey = removeNodePrefix(key);
+        return [newKey, val];
+      }));
+      const _b = (_a3 = attributes2.extras) !== null && _a3 !== void 0 ? _a3 : {}, { meta: newMeta } = _b, restExtras = __rest$2(_b, ["meta"]);
+      acc[id2] = Object.assign(Object.assign({ meta: Object.assign(Object.assign(Object.assign({}, attributes2.originalMeta), newMeta), { rendering_properties: unflattenedMeta }), variable_type: attributes2.variable_type }, restExtras), { identifier: attributes2.id });
+      return acc;
+    }, {});
     const edges = state.graph.reduceEdges((acc, id2, attributes2, source, target) => {
-      const serializedEdge = serializeGraphEdge(attributes2);
+      const serializedEdge = serializeGraphEdge(attributes2, nodes[source], nodes[target]);
       if (attributes2.edge_type === EdgeType.BACKWARDS_DIRECTED_EDGE) {
         if (!(target in acc)) {
           acc[target] = {};
         }
+        const temp = serializedEdge.destination;
+        serializedEdge.destination = serializedEdge.source;
+        serializedEdge.source = temp;
         acc[target][source] = serializedEdge;
       } else {
         if (!(source in acc)) {
@@ -383047,17 +383614,6 @@ ${letters.join("\n")}`;
       }
       return acc;
     }, {});
-    const nodes = state.graph.reduceNodes((acc, id2, attributes2) => {
-      var _a3;
-      const entries = Object.entries(attributes2);
-      const unflattenedMeta = Object.fromEntries(entries.filter(([key]) => isPrefixed(key)).map(([key, val]) => {
-        const newKey = removeNodePrefix(key);
-        return [newKey, val];
-      }));
-      const _b = (_a3 = attributes2.extras) !== null && _a3 !== void 0 ? _a3 : {}, { meta: newMeta } = _b, restExtras = __rest$2(_b, ["meta"]);
-      acc[id2] = Object.assign({ meta: Object.assign(Object.assign(Object.assign({}, attributes2.originalMeta), newMeta), { rendering_properties: unflattenedMeta }), variable_type: attributes2.variable_type }, restExtras);
-      return acc;
-    }, {});
     return Object.assign({
       edges,
       nodes,
@@ -383342,7 +383898,8 @@ ${letters.join("\n")}`;
     return constraints.map((c2) => {
       let constraintType = c2.type;
       switch (constraintType) {
-        case EdgeConstraintType.DIRECTED:
+        case EdgeConstraintType.HARD_DIRECTED:
+        case EdgeConstraintType.SOFT_DIRECTED:
         case EdgeConstraintType.FORBIDDEN:
         case EdgeConstraintType.UNDIRECTED:
           break;
@@ -383458,7 +384015,11 @@ ${letters.join("\n")}`;
     const theme2 = useClTheme();
     const canvasParentRef = React__namespace.useRef(null);
     const { state, api: api2 } = useCausalGraphEditor(props.graphData, props.editorMode, props.availableInputs, props.graphLayout.requiresPosition);
-    const { getCenterPosition, useEngineEvent, resetViewport, resetLayout, onSetDragMode, onNodeSelected, onEdgeSelected, onSearchResults, onUpdateConstraints } = useRenderEngine(canvasParentRef, state.graph, props.graphLayout, props.editable, props.editorMode, props.initialConstraints, props.processEdgeStyle, props.zoomThresholds);
+    const [editorMode] = React.useState(() => {
+      var _a4;
+      return (_a4 = props.editorMode) !== null && _a4 !== void 0 ? _a4 : isDag(state.graph) ? EditorMode.DEFAULT : EditorMode.PAG_VIEWER;
+    });
+    const { getCenterPosition, useEngineEvent, resetViewport, resetLayout, onSetDragMode, onNodeSelected, onEdgeSelected, onSearchResults, onUpdateConstraints } = useRenderEngine(canvasParentRef, state.graph, props.graphLayout, props.editable, editorMode, props.initialConstraints, props.processEdgeStyle, props.zoomThresholds);
     const [selectedEdge, setSelectedEdge] = React.useState(null);
     const [selectedNode, setSelectedNode] = React.useState(null);
     const [highlightedNode, setHighlightedNode] = React.useState();
@@ -383472,7 +384033,7 @@ ${letters.join("\n")}`;
       if (props.onClickNode) {
         let serializedNode = null;
         if (selectedNode) {
-          serializedNode = serializeGraphNode(state.graph.getNodeAttributes(selectedNode), true);
+          serializedNode = serializeGraphNode(state.graph.getNodeAttributes(selectedNode));
         }
         props.onClickNode(serializedNode);
       }
@@ -383485,18 +384046,18 @@ ${letters.join("\n")}`;
         let serializedEdge = null;
         if (selectedEdge) {
           const [source, target] = selectedEdge;
-          serializedEdge = serializeGraphEdge(state.graph.getEdgeAttributes(source, target), source, target);
+          serializedEdge = serializeGraphEdge(state.graph.getEdgeAttributes(source, target), serializeGraphNode(state.graph.getNodeAttributes(source)), serializeGraphNode(state.graph.getNodeAttributes(target)));
         }
         props.onClickEdge(serializedEdge);
       }
     }, [selectedEdge]);
     const { constraints, addConstraint, updateConstraint, removeConstraint, reverseConstraint } = useEdgeConstraintEncoder(props.initialConstraints, props.onEdgeConstraintsUpdate);
     const selectedConstraint = React.useMemo(() => {
-      if (props.editorMode === EditorMode.EDGE_ENCODER && selectedEdge) {
+      if (editorMode === EditorMode.EDGE_ENCODER && selectedEdge) {
         const [source, target] = selectedEdge;
         return constraints.find((c2) => c2.source === source && c2.target === target || c2.source === target && c2.target === source);
       }
-    }, [props.editorMode, selectedEdge, constraints]);
+    }, [editorMode, selectedEdge, constraints]);
     function onRemoveNode() {
       api2.removeNode(selectedNode);
       setSelectedNode(null);
@@ -383505,7 +384066,7 @@ ${letters.join("\n")}`;
       removeConstraint(selectedConstraint.id);
     }
     function onConfirmRemoveEdge() {
-      if (props.editorMode === EditorMode.EDGE_ENCODER) {
+      if (editorMode === EditorMode.EDGE_ENCODER) {
         onRemoveConstraint();
       }
       api2.removeEdge(selectedEdge);
@@ -383540,7 +384101,7 @@ ${letters.join("\n")}`;
         });
         return;
       }
-      if (props.editorMode === EditorMode.EDGE_ENCODER) {
+      if (editorMode === EditorMode.EDGE_ENCODER) {
         const [source, target] = edge;
         addConstraint(source, target);
       }
@@ -383576,7 +384137,7 @@ ${letters.join("\n")}`;
     function confirmDirection(reverse2) {
       api2.updateEdgeType(selectedEdge, EdgeType.DIRECTED_EDGE);
       if (reverse2) {
-        if (props.editorMode === EditorMode.EDGE_ENCODER) {
+        if (editorMode === EditorMode.EDGE_ENCODER) {
           onReverseConstraint();
         }
         onReverseEdge();
@@ -383622,7 +384183,7 @@ ${letters.join("\n")}`;
       const targetNodeAttributes = state.graph.getNodeAttributes(targetNodeKey);
       const sourceLabel = (_a4 = sourceNodeAttributes["meta.rendering_properties.label"]) !== null && _a4 !== void 0 ? _a4 : sourceNodeAttributes.id;
       const targetLabel = (_b2 = targetNodeAttributes["meta.rendering_properties.label"]) !== null && _b2 !== void 0 ? _b2 : targetNodeAttributes.id;
-      const tooltipArrow = props.editorMode === EditorMode.DEFAULT ? "\u279C" : "-";
+      const tooltipArrow = editorMode === EditorMode.DEFAULT ? "\u279C" : "-";
       const edgeTooltipContent = getTooltipContent(`${sourceLabel} ${tooltipArrow} ${targetLabel}`, edgeAttributes["meta.rendering_properties.tooltip"], theme2, null, props.tooltipSize);
       tooltipRef.current = () => ({
         bottom: event2.clientY,
@@ -383721,7 +384282,7 @@ ${letters.join("\n")}`;
     if (selectedEdge) {
       contentSelected = state.graph.hasEdge(selectedEdge[0], selectedEdge[1]);
       panelTitle = "Edge";
-    } else if (selectedNode && state.editorMode !== EditorMode.EDGE_ENCODER) {
+    } else if (selectedNode && editorMode !== EditorMode.EDGE_ENCODER) {
       contentSelected = state.graph.hasNode(selectedNode);
       panelTitle = "Node";
     }
@@ -383735,10 +384296,10 @@ ${letters.join("\n")}`;
       disableLatentNodeAdd: props.disableLatentNodeAdd,
       disableNodeRemoval: props.disableNodeRemoval,
       editable: props.editable,
-      editorMode: props.editorMode,
+      editorMode,
       onNotify: props.onNotify,
       verboseDescriptions: props.verboseDescriptions
-    }, children: jsxRuntime.exports.jsx(pointerCtx.Provider, { value: { disablePointerEvents: isDragging, onPanelEnter, onPanelExit }, children: jsxRuntime.exports.jsx("div", { style: Object.assign({ display: "flex", flex: "1 1 auto", flexDirection: "column", minHeight: "100px", position: "relative" }, props.style), children: jsxRuntime.exports.jsxs(Graph, { onMouseEnter: () => setShowFrameButtons(true), onMouseLeave: () => setShowFrameButtons(false), children: [jsxRuntime.exports.jsx(EditorOverlay, { bottomLeft: jsxRuntime.exports.jsx(Legend, { listItems: getLegendData(state.editorMode, props.additionalLegends) }), onDelete, onNext, onPrev, showFrameButtons: !isDragging && showFrameButtons, title: panelTitle, topLeft: jsxRuntime.exports.jsx(RecalculateLayoutButton, { onResetLayout: resetLayout }), topRight: jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [jsxRuntime.exports.jsx(FloatingSearchBar, { onChange: onSearchBarChange, onClose: () => setSelectedNode(null), onNext: onNextSearchResult, onPrev: onPrevSearchResult, selectedResult: currentSearchNode + 1, totalNumberOfResults: searchResults.length }), jsxRuntime.exports.jsx(CenterGraphButton, { onResetZoom: resetViewport }), jsxRuntime.exports.jsx(EditControls, { onAddNode }), jsxRuntime.exports.jsx(DragModeButton, { dragMode, setDragMode })] }), validContentSelected: contentSelected, children: jsxRuntime.exports.jsxs(graphCtx.Provider, { value: {
+    }, children: jsxRuntime.exports.jsx(pointerCtx.Provider, { value: { disablePointerEvents: isDragging, onPanelEnter, onPanelExit }, children: jsxRuntime.exports.jsx("div", { style: Object.assign({ display: "flex", flex: "1 1 auto", flexDirection: "column", minHeight: "100px", position: "relative" }, props.style), children: jsxRuntime.exports.jsxs(Graph, { onMouseEnter: () => setShowFrameButtons(true), onMouseLeave: () => setShowFrameButtons(false), children: [jsxRuntime.exports.jsx(EditorOverlay, { bottomLeft: jsxRuntime.exports.jsx(Legend, { listItems: getLegendData(editorMode, props.additionalLegends) }), onDelete, onNext, onPrev, showFrameButtons: !isDragging && showFrameButtons, title: panelTitle, topLeft: jsxRuntime.exports.jsx(RecalculateLayoutButton, { onResetLayout: resetLayout }), topRight: jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [jsxRuntime.exports.jsx(FloatingSearchBar, { onChange: onSearchBarChange, onClose: () => setSelectedNode(null), onNext: onNextSearchResult, onPrev: onPrevSearchResult, selectedResult: currentSearchNode + 1, totalNumberOfResults: searchResults.length }), jsxRuntime.exports.jsx(CenterGraphButton, { onResetZoom: resetViewport }), jsxRuntime.exports.jsx(EditControls, { onAddNode }), jsxRuntime.exports.jsx(DragModeButton, { dragMode, setDragMode })] }), validContentSelected: contentSelected, children: jsxRuntime.exports.jsxs(graphCtx.Provider, { value: {
       api: api2,
       constraints,
       editable: props.editable,
@@ -388734,12 +389295,8 @@ ${letters.join("\n")}`;
       return [];
     }
     return constraints.map((c2) => {
-      let constraintType = c2.type;
-      let { source, target } = c2;
-      if (constraintType === EdgeConstraintType.BACKWARD_DIRECTED) {
-        [source, target] = [target, source];
-        constraintType = EdgeConstraintType.DIRECTED;
-      }
+      const constraintType = c2.type;
+      const { source, target } = c2;
       return {
         ...c2,
         source,
@@ -388778,8 +389335,10 @@ ${letters.join("\n")}`;
               acc[c2.source] = {};
             }
             acc[c2.source][c2.target] = {
+              destination: parsedNodes[c2.target],
               edge_type: EdgeType.UNDIRECTED_EDGE,
-              meta: {}
+              meta: {},
+              source: parsedNodes[c2.source]
             };
           }
           return acc;