@m4l/components 5.0.0 → 5.0.2

package/{react-json-view-bhqIAaNg.js → node_modules-Cn6brygc.js}

@@ -1,5 +1,2019 @@
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./commonjs-BfYxJMv3.js";
+import * as React$3 from "react";
 import React__default from "react";
+import { g as getDefaultExportFromCjs, c as commonjsGlobal } from "./commonjs-BfYxJMv3.js";
+import require$$1 from "prop-types";
+import require$$2 from "react-dom";
+import clsx from "clsx";
+var cssUnit = {
+  cm: true,
+  mm: true,
+  in: true,
+  px: true,
+  pt: true,
+  pc: true,
+  em: true,
+  ex: true,
+  ch: true,
+  rem: true,
+  vw: true,
+  vh: true,
+  vmin: true,
+  vmax: true,
+  "%": true
+};
+function parseLengthAndUnit(size) {
+  if (typeof size === "number") {
+    return {
+      value: size,
+      unit: "px"
+    };
+  }
+  var value;
+  var valueString = (size.match(/^[0-9.]*/) || "").toString();
+  if (valueString.includes(".")) {
+    value = parseFloat(valueString);
+  } else {
+    value = parseInt(valueString, 10);
+  }
+  var unit = (size.match(/[^0-9]*$/) || "").toString();
+  if (cssUnit[unit]) {
+    return {
+      value,
+      unit
+    };
+  }
+  console.warn("React Spinners: ".concat(size, " is not a valid css value. Defaulting to ").concat(value, "px."));
+  return {
+    value,
+    unit: "px"
+  };
+}
+var createAnimation = function(loaderName, frames, suffix) {
+  var animationName = "react-spinners-".concat(loaderName, "-").concat(suffix);
+  if (typeof window == "undefined" || !window.document) {
+    return animationName;
+  }
+  var styleEl = document.createElement("style");
+  document.head.appendChild(styleEl);
+  var styleSheet = styleEl.sheet;
+  var keyFrames = "\n    @keyframes ".concat(animationName, " {\n      ").concat(frames, "\n    }\n  ");
+  if (styleSheet) {
+    styleSheet.insertRule(keyFrames, 0);
+  }
+  return animationName;
+};
+var __assign = function() {
+  __assign = Object.assign || function(t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+        t[p] = s[p];
+    }
+    return t;
+  };
+  return __assign.apply(this, arguments);
+};
+var __rest = function(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+    t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+};
+var distance = [1, 3, 5];
+var propagate = [
+  createAnimation("PropagateLoader", "25% {transform: translateX(-".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(-").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(-").concat(distance[2], "rem) scale(0.5)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-0"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(-".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(-").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(-").concat(distance[1], "rem) scale(0.6)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-1"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(-".concat(distance[0], "rem) scale(0.75)}\n    75% {transform: translateX(-").concat(distance[0], "rem) scale(0.75)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-2"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    75% {transform: translateX(").concat(distance[0], "rem) scale(0.75)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-3"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-4"),
+  createAnimation("PropagateLoader", "25% {transform: translateX(".concat(distance[0], "rem) scale(0.75)}\n    50% {transform: translateX(").concat(distance[1], "rem) scale(0.6)}\n    75% {transform: translateX(").concat(distance[2], "rem) scale(0.5)}\n    95% {transform: translateX(0rem) scale(1)}"), "propogate-5")
+];
+function PropagateLoader(_a) {
+  var _b = _a.loading, loading = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? "#000000" : _c, _d = _a.speedMultiplier, speedMultiplier = _d === void 0 ? 1 : _d, _e = _a.cssOverride, cssOverride = _e === void 0 ? {} : _e, _f = _a.size, size = _f === void 0 ? 15 : _f, additionalprops = __rest(_a, ["loading", "color", "speedMultiplier", "cssOverride", "size"]);
+  var _g = parseLengthAndUnit(size), value = _g.value, unit = _g.unit;
+  var wrapper = __assign({ display: "inherit", position: "relative" }, cssOverride);
+  var style = function(i) {
+    return {
+      position: "absolute",
+      fontSize: "".concat(value / 3).concat(unit),
+      width: "".concat(value).concat(unit),
+      height: "".concat(value).concat(unit),
+      background: color,
+      borderRadius: "50%",
+      animation: "".concat(propagate[i], " ").concat(1.5 / speedMultiplier, "s infinite"),
+      animationFillMode: "forwards"
+    };
+  };
+  if (!loading) {
+    return null;
+  }
+  return React$3.createElement(
+    "span",
+    __assign({ style: wrapper }, additionalprops),
+    React$3.createElement("span", { style: style(0) }),
+    React$3.createElement("span", { style: style(1) }),
+    React$3.createElement("span", { style: style(2) }),
+    React$3.createElement("span", { style: style(3) }),
+    React$3.createElement("span", { style: style(4) }),
+    React$3.createElement("span", { style: style(5) })
+  );
+}
+var cjs = { exports: {} };
+var Draggable$2 = {};
+var domFns = {};
+var shims = {};
+Object.defineProperty(shims, "__esModule", {
+  value: true
+});
+shims.dontSetMe = dontSetMe;
+shims.findInArray = findInArray;
+shims.int = int;
+shims.isFunction = isFunction;
+shims.isNum = isNum;
+function findInArray(array, callback) {
+  for (let i = 0, length = array.length; i < length; i++) {
+    if (callback.apply(callback, [array[i], i, array])) return array[i];
+  }
+}
+function isFunction(func) {
+  return typeof func === "function" || Object.prototype.toString.call(func) === "[object Function]";
+}
+function isNum(num) {
+  return typeof num === "number" && !isNaN(num);
+}
+function int(a) {
+  return parseInt(a, 10);
+}
+function dontSetMe(props, propName, componentName) {
+  if (props[propName]) {
+    return new Error("Invalid prop ".concat(propName, " passed to ").concat(componentName, " - do not set this, set it on the child."));
+  }
+}
+var getPrefix$1 = {};
+Object.defineProperty(getPrefix$1, "__esModule", {
+  value: true
+});
+getPrefix$1.browserPrefixToKey = browserPrefixToKey;
+getPrefix$1.browserPrefixToStyle = browserPrefixToStyle;
+getPrefix$1.default = void 0;
+getPrefix$1.getPrefix = getPrefix;
+const prefixes = ["Moz", "Webkit", "O", "ms"];
+function getPrefix() {
+  var _window$document;
+  let prop = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "transform";
+  if (typeof window === "undefined") return "";
+  const style = (_window$document = window.document) === null || _window$document === void 0 || (_window$document = _window$document.documentElement) === null || _window$document === void 0 ? void 0 : _window$document.style;
+  if (!style) return "";
+  if (prop in style) return "";
+  for (let i = 0; i < prefixes.length; i++) {
+    if (browserPrefixToKey(prop, prefixes[i]) in style) return prefixes[i];
+  }
+  return "";
+}
+function browserPrefixToKey(prop, prefix) {
+  return prefix ? "".concat(prefix).concat(kebabToTitleCase(prop)) : prop;
+}
+function browserPrefixToStyle(prop, prefix) {
+  return prefix ? "-".concat(prefix.toLowerCase(), "-").concat(prop) : prop;
+}
+function kebabToTitleCase(str) {
+  let out = "";
+  let shouldCapitalize = true;
+  for (let i = 0; i < str.length; i++) {
+    if (shouldCapitalize) {
+      out += str[i].toUpperCase();
+      shouldCapitalize = false;
+    } else if (str[i] === "-") {
+      shouldCapitalize = true;
+    } else {
+      out += str[i];
+    }
+  }
+  return out;
+}
+getPrefix$1.default = getPrefix();
+Object.defineProperty(domFns, "__esModule", {
+  value: true
+});
+domFns.addClassName = addClassName;
+domFns.addEvent = addEvent;
+domFns.addUserSelectStyles = addUserSelectStyles;
+domFns.createCSSTransform = createCSSTransform;
+domFns.createSVGTransform = createSVGTransform;
+domFns.getTouch = getTouch;
+domFns.getTouchIdentifier = getTouchIdentifier;
+domFns.getTranslation = getTranslation;
+domFns.innerHeight = innerHeight;
+domFns.innerWidth = innerWidth;
+domFns.matchesSelector = matchesSelector;
+domFns.matchesSelectorAndParentsTo = matchesSelectorAndParentsTo;
+domFns.offsetXYFromParent = offsetXYFromParent;
+domFns.outerHeight = outerHeight;
+domFns.outerWidth = outerWidth;
+domFns.removeClassName = removeClassName;
+domFns.removeEvent = removeEvent;
+domFns.removeUserSelectStyles = removeUserSelectStyles;
+var _shims$2 = shims;
+var _getPrefix = _interopRequireWildcard$3(getPrefix$1);
+function _getRequireWildcardCache$3(nodeInterop) {
+  if (typeof WeakMap !== "function") return null;
+  var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
+  var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
+  return (_getRequireWildcardCache$3 = function(nodeInterop2) {
+    return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
+  })(nodeInterop);
+}
+function _interopRequireWildcard$3(obj, nodeInterop) {
+  if (obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache$3(nodeInterop);
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
+let matchesSelectorFunc = "";
+function matchesSelector(el, selector) {
+  if (!matchesSelectorFunc) {
+    matchesSelectorFunc = (0, _shims$2.findInArray)(["matches", "webkitMatchesSelector", "mozMatchesSelector", "msMatchesSelector", "oMatchesSelector"], function(method) {
+      return (0, _shims$2.isFunction)(el[method]);
+    });
+  }
+  if (!(0, _shims$2.isFunction)(el[matchesSelectorFunc])) return false;
+  return el[matchesSelectorFunc](selector);
+}
+function matchesSelectorAndParentsTo(el, selector, baseNode) {
+  let node = el;
+  do {
+    if (matchesSelector(node, selector)) return true;
+    if (node === baseNode) return false;
+    node = node.parentNode;
+  } while (node);
+  return false;
+}
+function addEvent(el, event, handler, inputOptions) {
+  if (!el) return;
+  const options = {
+    capture: true,
+    ...inputOptions
+  };
+  if (el.addEventListener) {
+    el.addEventListener(event, handler, options);
+  } else if (el.attachEvent) {
+    el.attachEvent("on" + event, handler);
+  } else {
+    el["on" + event] = handler;
+  }
+}
+function removeEvent(el, event, handler, inputOptions) {
+  if (!el) return;
+  const options = {
+    capture: true,
+    ...inputOptions
+  };
+  if (el.removeEventListener) {
+    el.removeEventListener(event, handler, options);
+  } else if (el.detachEvent) {
+    el.detachEvent("on" + event, handler);
+  } else {
+    el["on" + event] = null;
+  }
+}
+function outerHeight(node) {
+  let height2 = node.clientHeight;
+  const computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
+  height2 += (0, _shims$2.int)(computedStyle.borderTopWidth);
+  height2 += (0, _shims$2.int)(computedStyle.borderBottomWidth);
+  return height2;
+}
+function outerWidth(node) {
+  let width2 = node.clientWidth;
+  const computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
+  width2 += (0, _shims$2.int)(computedStyle.borderLeftWidth);
+  width2 += (0, _shims$2.int)(computedStyle.borderRightWidth);
+  return width2;
+}
+function innerHeight(node) {
+  let height2 = node.clientHeight;
+  const computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
+  height2 -= (0, _shims$2.int)(computedStyle.paddingTop);
+  height2 -= (0, _shims$2.int)(computedStyle.paddingBottom);
+  return height2;
+}
+function innerWidth(node) {
+  let width2 = node.clientWidth;
+  const computedStyle = node.ownerDocument.defaultView.getComputedStyle(node);
+  width2 -= (0, _shims$2.int)(computedStyle.paddingLeft);
+  width2 -= (0, _shims$2.int)(computedStyle.paddingRight);
+  return width2;
+}
+function offsetXYFromParent(evt, offsetParent, scale) {
+  const isBody = offsetParent === offsetParent.ownerDocument.body;
+  const offsetParentRect = isBody ? {
+    left: 0,
+    top: 0
+  } : offsetParent.getBoundingClientRect();
+  const x = (evt.clientX + offsetParent.scrollLeft - offsetParentRect.left) / scale;
+  const y = (evt.clientY + offsetParent.scrollTop - offsetParentRect.top) / scale;
+  return {
+    x,
+    y
+  };
+}
+function createCSSTransform(controlPos, positionOffset) {
+  const translation = getTranslation(controlPos, positionOffset, "px");
+  return {
+    [(0, _getPrefix.browserPrefixToKey)("transform", _getPrefix.default)]: translation
+  };
+}
+function createSVGTransform(controlPos, positionOffset) {
+  const translation = getTranslation(controlPos, positionOffset, "");
+  return translation;
+}
+function getTranslation(_ref, positionOffset, unitSuffix) {
+  let {
+    x,
+    y
+  } = _ref;
+  let translation = "translate(".concat(x).concat(unitSuffix, ",").concat(y).concat(unitSuffix, ")");
+  if (positionOffset) {
+    const defaultX = "".concat(typeof positionOffset.x === "string" ? positionOffset.x : positionOffset.x + unitSuffix);
+    const defaultY = "".concat(typeof positionOffset.y === "string" ? positionOffset.y : positionOffset.y + unitSuffix);
+    translation = "translate(".concat(defaultX, ", ").concat(defaultY, ")") + translation;
+  }
+  return translation;
+}
+function getTouch(e, identifier) {
+  return e.targetTouches && (0, _shims$2.findInArray)(e.targetTouches, (t) => identifier === t.identifier) || e.changedTouches && (0, _shims$2.findInArray)(e.changedTouches, (t) => identifier === t.identifier);
+}
+function getTouchIdentifier(e) {
+  if (e.targetTouches && e.targetTouches[0]) return e.targetTouches[0].identifier;
+  if (e.changedTouches && e.changedTouches[0]) return e.changedTouches[0].identifier;
+}
+function addUserSelectStyles(doc) {
+  if (!doc) return;
+  let styleEl = doc.getElementById("react-draggable-style-el");
+  if (!styleEl) {
+    styleEl = doc.createElement("style");
+    styleEl.type = "text/css";
+    styleEl.id = "react-draggable-style-el";
+    styleEl.innerHTML = ".react-draggable-transparent-selection *::-moz-selection {all: inherit;}\n";
+    styleEl.innerHTML += ".react-draggable-transparent-selection *::selection {all: inherit;}\n";
+    doc.getElementsByTagName("head")[0].appendChild(styleEl);
+  }
+  if (doc.body) addClassName(doc.body, "react-draggable-transparent-selection");
+}
+function removeUserSelectStyles(doc) {
+  if (!doc) return;
+  try {
+    if (doc.body) removeClassName(doc.body, "react-draggable-transparent-selection");
+    if (doc.selection) {
+      doc.selection.empty();
+    } else {
+      const selection = (doc.defaultView || window).getSelection();
+      if (selection && selection.type !== "Caret") {
+        selection.removeAllRanges();
+      }
+    }
+  } catch (e) {
+  }
+}
+function addClassName(el, className) {
+  if (el.classList) {
+    el.classList.add(className);
+  } else {
+    if (!el.className.match(new RegExp("(?:^|\\s)".concat(className, "(?!\\S)")))) {
+      el.className += " ".concat(className);
+    }
+  }
+}
+function removeClassName(el, className) {
+  if (el.classList) {
+    el.classList.remove(className);
+  } else {
+    el.className = el.className.replace(new RegExp("(?:^|\\s)".concat(className, "(?!\\S)"), "g"), "");
+  }
+}
+var positionFns = {};
+Object.defineProperty(positionFns, "__esModule", {
+  value: true
+});
+positionFns.canDragX = canDragX;
+positionFns.canDragY = canDragY;
+positionFns.createCoreData = createCoreData;
+positionFns.createDraggableData = createDraggableData;
+positionFns.getBoundPosition = getBoundPosition;
+positionFns.getControlPosition = getControlPosition;
+positionFns.snapToGrid = snapToGrid;
+var _shims$1 = shims;
+var _domFns$1 = domFns;
+function getBoundPosition(draggable, x, y) {
+  if (!draggable.props.bounds) return [x, y];
+  let {
+    bounds
+  } = draggable.props;
+  bounds = typeof bounds === "string" ? bounds : cloneBounds(bounds);
+  const node = findDOMNode(draggable);
+  if (typeof bounds === "string") {
+    const {
+      ownerDocument
+    } = node;
+    const ownerWindow = ownerDocument.defaultView;
+    let boundNode;
+    if (bounds === "parent") {
+      boundNode = node.parentNode;
+    } else {
+      boundNode = ownerDocument.querySelector(bounds);
+    }
+    if (!(boundNode instanceof ownerWindow.HTMLElement)) {
+      throw new Error('Bounds selector "' + bounds + '" could not find an element.');
+    }
+    const boundNodeEl = boundNode;
+    const nodeStyle = ownerWindow.getComputedStyle(node);
+    const boundNodeStyle = ownerWindow.getComputedStyle(boundNodeEl);
+    bounds = {
+      left: -node.offsetLeft + (0, _shims$1.int)(boundNodeStyle.paddingLeft) + (0, _shims$1.int)(nodeStyle.marginLeft),
+      top: -node.offsetTop + (0, _shims$1.int)(boundNodeStyle.paddingTop) + (0, _shims$1.int)(nodeStyle.marginTop),
+      right: (0, _domFns$1.innerWidth)(boundNodeEl) - (0, _domFns$1.outerWidth)(node) - node.offsetLeft + (0, _shims$1.int)(boundNodeStyle.paddingRight) - (0, _shims$1.int)(nodeStyle.marginRight),
+      bottom: (0, _domFns$1.innerHeight)(boundNodeEl) - (0, _domFns$1.outerHeight)(node) - node.offsetTop + (0, _shims$1.int)(boundNodeStyle.paddingBottom) - (0, _shims$1.int)(nodeStyle.marginBottom)
+    };
+  }
+  if ((0, _shims$1.isNum)(bounds.right)) x = Math.min(x, bounds.right);
+  if ((0, _shims$1.isNum)(bounds.bottom)) y = Math.min(y, bounds.bottom);
+  if ((0, _shims$1.isNum)(bounds.left)) x = Math.max(x, bounds.left);
+  if ((0, _shims$1.isNum)(bounds.top)) y = Math.max(y, bounds.top);
+  return [x, y];
+}
+function snapToGrid(grid, pendingX, pendingY) {
+  const x = Math.round(pendingX / grid[0]) * grid[0];
+  const y = Math.round(pendingY / grid[1]) * grid[1];
+  return [x, y];
+}
+function canDragX(draggable) {
+  return draggable.props.axis === "both" || draggable.props.axis === "x";
+}
+function canDragY(draggable) {
+  return draggable.props.axis === "both" || draggable.props.axis === "y";
+}
+function getControlPosition(e, touchIdentifier, draggableCore) {
+  const touchObj = typeof touchIdentifier === "number" ? (0, _domFns$1.getTouch)(e, touchIdentifier) : null;
+  if (typeof touchIdentifier === "number" && !touchObj) return null;
+  const node = findDOMNode(draggableCore);
+  const offsetParent = draggableCore.props.offsetParent || node.offsetParent || node.ownerDocument.body;
+  return (0, _domFns$1.offsetXYFromParent)(touchObj || e, offsetParent, draggableCore.props.scale);
+}
+function createCoreData(draggable, x, y) {
+  const isStart = !(0, _shims$1.isNum)(draggable.lastX);
+  const node = findDOMNode(draggable);
+  if (isStart) {
+    return {
+      node,
+      deltaX: 0,
+      deltaY: 0,
+      lastX: x,
+      lastY: y,
+      x,
+      y
+    };
+  } else {
+    return {
+      node,
+      deltaX: x - draggable.lastX,
+      deltaY: y - draggable.lastY,
+      lastX: draggable.lastX,
+      lastY: draggable.lastY,
+      x,
+      y
+    };
+  }
+}
+function createDraggableData(draggable, coreData) {
+  const scale = draggable.props.scale;
+  return {
+    node: coreData.node,
+    x: draggable.state.x + coreData.deltaX / scale,
+    y: draggable.state.y + coreData.deltaY / scale,
+    deltaX: coreData.deltaX / scale,
+    deltaY: coreData.deltaY / scale,
+    lastX: draggable.state.x,
+    lastY: draggable.state.y
+  };
+}
+function cloneBounds(bounds) {
+  return {
+    left: bounds.left,
+    top: bounds.top,
+    right: bounds.right,
+    bottom: bounds.bottom
+  };
+}
+function findDOMNode(draggable) {
+  const node = draggable.findDOMNode();
+  if (!node) {
+    throw new Error("<DraggableCore>: Unmounted during event!");
+  }
+  return node;
+}
+var DraggableCore$2 = {};
+var log$1 = {};
+Object.defineProperty(log$1, "__esModule", {
+  value: true
+});
+log$1.default = log;
+function log() {
+}
+Object.defineProperty(DraggableCore$2, "__esModule", {
+  value: true
+});
+DraggableCore$2.default = void 0;
+var React$2 = _interopRequireWildcard$2(React__default);
+var _propTypes$3 = _interopRequireDefault$3(require$$1);
+var _reactDom = _interopRequireDefault$3(require$$2);
+var _domFns = domFns;
+var _positionFns = positionFns;
+var _shims = shims;
+var _log = _interopRequireDefault$3(log$1);
+function _interopRequireDefault$3(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+function _getRequireWildcardCache$2(nodeInterop) {
+  if (typeof WeakMap !== "function") return null;
+  var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
+  var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
+  return (_getRequireWildcardCache$2 = function(nodeInterop2) {
+    return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
+  })(nodeInterop);
+}
+function _interopRequireWildcard$2(obj, nodeInterop) {
+  if (obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache$2(nodeInterop);
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
+function _defineProperty$3(obj, key, value) {
+  key = _toPropertyKey$3(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPropertyKey$3(arg) {
+  var key = _toPrimitive$3(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+function _toPrimitive$3(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== void 0) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+const eventsFor = {
+  touch: {
+    start: "touchstart",
+    move: "touchmove",
+    stop: "touchend"
+  },
+  mouse: {
+    start: "mousedown",
+    move: "mousemove",
+    stop: "mouseup"
+  }
+};
+let dragEventFor = eventsFor.mouse;
+let DraggableCore$1 = class DraggableCore extends React$2.Component {
+  constructor() {
+    super(...arguments);
+    _defineProperty$3(this, "dragging", false);
+    _defineProperty$3(this, "lastX", NaN);
+    _defineProperty$3(this, "lastY", NaN);
+    _defineProperty$3(this, "touchIdentifier", null);
+    _defineProperty$3(this, "mounted", false);
+    _defineProperty$3(this, "handleDragStart", (e) => {
+      this.props.onMouseDown(e);
+      if (!this.props.allowAnyClick && typeof e.button === "number" && e.button !== 0) return false;
+      const thisNode = this.findDOMNode();
+      if (!thisNode || !thisNode.ownerDocument || !thisNode.ownerDocument.body) {
+        throw new Error("<DraggableCore> not mounted on DragStart!");
+      }
+      const {
+        ownerDocument
+      } = thisNode;
+      if (this.props.disabled || !(e.target instanceof ownerDocument.defaultView.Node) || this.props.handle && !(0, _domFns.matchesSelectorAndParentsTo)(e.target, this.props.handle, thisNode) || this.props.cancel && (0, _domFns.matchesSelectorAndParentsTo)(e.target, this.props.cancel, thisNode)) {
+        return;
+      }
+      if (e.type === "touchstart") e.preventDefault();
+      const touchIdentifier = (0, _domFns.getTouchIdentifier)(e);
+      this.touchIdentifier = touchIdentifier;
+      const position = (0, _positionFns.getControlPosition)(e, touchIdentifier, this);
+      if (position == null) return;
+      const {
+        x,
+        y
+      } = position;
+      const coreEvent = (0, _positionFns.createCoreData)(this, x, y);
+      (0, _log.default)("DraggableCore: handleDragStart: %j", coreEvent);
+      (0, _log.default)("calling", this.props.onStart);
+      const shouldUpdate = this.props.onStart(e, coreEvent);
+      if (shouldUpdate === false || this.mounted === false) return;
+      if (this.props.enableUserSelectHack) (0, _domFns.addUserSelectStyles)(ownerDocument);
+      this.dragging = true;
+      this.lastX = x;
+      this.lastY = y;
+      (0, _domFns.addEvent)(ownerDocument, dragEventFor.move, this.handleDrag);
+      (0, _domFns.addEvent)(ownerDocument, dragEventFor.stop, this.handleDragStop);
+    });
+    _defineProperty$3(this, "handleDrag", (e) => {
+      const position = (0, _positionFns.getControlPosition)(e, this.touchIdentifier, this);
+      if (position == null) return;
+      let {
+        x,
+        y
+      } = position;
+      if (Array.isArray(this.props.grid)) {
+        let deltaX = x - this.lastX, deltaY = y - this.lastY;
+        [deltaX, deltaY] = (0, _positionFns.snapToGrid)(this.props.grid, deltaX, deltaY);
+        if (!deltaX && !deltaY) return;
+        x = this.lastX + deltaX, y = this.lastY + deltaY;
+      }
+      const coreEvent = (0, _positionFns.createCoreData)(this, x, y);
+      (0, _log.default)("DraggableCore: handleDrag: %j", coreEvent);
+      const shouldUpdate = this.props.onDrag(e, coreEvent);
+      if (shouldUpdate === false || this.mounted === false) {
+        try {
+          this.handleDragStop(new MouseEvent("mouseup"));
+        } catch (err) {
+          const event = document.createEvent("MouseEvents");
+          event.initMouseEvent("mouseup", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
+          this.handleDragStop(event);
+        }
+        return;
+      }
+      this.lastX = x;
+      this.lastY = y;
+    });
+    _defineProperty$3(this, "handleDragStop", (e) => {
+      if (!this.dragging) return;
+      const position = (0, _positionFns.getControlPosition)(e, this.touchIdentifier, this);
+      if (position == null) return;
+      let {
+        x,
+        y
+      } = position;
+      if (Array.isArray(this.props.grid)) {
+        let deltaX = x - this.lastX || 0;
+        let deltaY = y - this.lastY || 0;
+        [deltaX, deltaY] = (0, _positionFns.snapToGrid)(this.props.grid, deltaX, deltaY);
+        x = this.lastX + deltaX, y = this.lastY + deltaY;
+      }
+      const coreEvent = (0, _positionFns.createCoreData)(this, x, y);
+      const shouldContinue = this.props.onStop(e, coreEvent);
+      if (shouldContinue === false || this.mounted === false) return false;
+      const thisNode = this.findDOMNode();
+      if (thisNode) {
+        if (this.props.enableUserSelectHack) (0, _domFns.removeUserSelectStyles)(thisNode.ownerDocument);
+      }
+      (0, _log.default)("DraggableCore: handleDragStop: %j", coreEvent);
+      this.dragging = false;
+      this.lastX = NaN;
+      this.lastY = NaN;
+      if (thisNode) {
+        (0, _log.default)("DraggableCore: Removing handlers");
+        (0, _domFns.removeEvent)(thisNode.ownerDocument, dragEventFor.move, this.handleDrag);
+        (0, _domFns.removeEvent)(thisNode.ownerDocument, dragEventFor.stop, this.handleDragStop);
+      }
+    });
+    _defineProperty$3(this, "onMouseDown", (e) => {
+      dragEventFor = eventsFor.mouse;
+      return this.handleDragStart(e);
+    });
+    _defineProperty$3(this, "onMouseUp", (e) => {
+      dragEventFor = eventsFor.mouse;
+      return this.handleDragStop(e);
+    });
+    _defineProperty$3(this, "onTouchStart", (e) => {
+      dragEventFor = eventsFor.touch;
+      return this.handleDragStart(e);
+    });
+    _defineProperty$3(this, "onTouchEnd", (e) => {
+      dragEventFor = eventsFor.touch;
+      return this.handleDragStop(e);
+    });
+  }
+  componentDidMount() {
+    this.mounted = true;
+    const thisNode = this.findDOMNode();
+    if (thisNode) {
+      (0, _domFns.addEvent)(thisNode, eventsFor.touch.start, this.onTouchStart, {
+        passive: false
+      });
+    }
+  }
+  componentWillUnmount() {
+    this.mounted = false;
+    const thisNode = this.findDOMNode();
+    if (thisNode) {
+      const {
+        ownerDocument
+      } = thisNode;
+      (0, _domFns.removeEvent)(ownerDocument, eventsFor.mouse.move, this.handleDrag);
+      (0, _domFns.removeEvent)(ownerDocument, eventsFor.touch.move, this.handleDrag);
+      (0, _domFns.removeEvent)(ownerDocument, eventsFor.mouse.stop, this.handleDragStop);
+      (0, _domFns.removeEvent)(ownerDocument, eventsFor.touch.stop, this.handleDragStop);
+      (0, _domFns.removeEvent)(thisNode, eventsFor.touch.start, this.onTouchStart, {
+        passive: false
+      });
+      if (this.props.enableUserSelectHack) (0, _domFns.removeUserSelectStyles)(ownerDocument);
+    }
+  }
+  // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
+  // the underlying DOM node ourselves. See the README for more information.
+  findDOMNode() {
+    var _this$props, _this$props2;
+    return (_this$props = this.props) !== null && _this$props !== void 0 && _this$props.nodeRef ? (_this$props2 = this.props) === null || _this$props2 === void 0 || (_this$props2 = _this$props2.nodeRef) === null || _this$props2 === void 0 ? void 0 : _this$props2.current : _reactDom.default.findDOMNode(this);
+  }
+  render() {
+    return /* @__PURE__ */ React$2.cloneElement(React$2.Children.only(this.props.children), {
+      // Note: mouseMove handler is attached to document so it will still function
+      // when the user drags quickly and leaves the bounds of the element.
+      onMouseDown: this.onMouseDown,
+      onMouseUp: this.onMouseUp,
+      // onTouchStart is added on `componentDidMount` so they can be added with
+      // {passive: false}, which allows it to cancel. See
+      // https://developers.google.com/web/updates/2017/01/scrolling-intervention
+      onTouchEnd: this.onTouchEnd
+    });
+  }
+};
+DraggableCore$2.default = DraggableCore$1;
+_defineProperty$3(DraggableCore$1, "displayName", "DraggableCore");
+_defineProperty$3(DraggableCore$1, "propTypes", {
+  /**
+   * `allowAnyClick` allows dragging using any mouse button.
+   * By default, we only accept the left button.
+   *
+   * Defaults to `false`.
+   */
+  allowAnyClick: _propTypes$3.default.bool,
+  children: _propTypes$3.default.node.isRequired,
+  /**
+   * `disabled`, if true, stops the <Draggable> from dragging. All handlers,
+   * with the exception of `onMouseDown`, will not fire.
+   */
+  disabled: _propTypes$3.default.bool,
+  /**
+   * By default, we add 'user-select:none' attributes to the document body
+   * to prevent ugly text selection during drag. If this is causing problems
+   * for your app, set this to `false`.
+   */
+  enableUserSelectHack: _propTypes$3.default.bool,
+  /**
+   * `offsetParent`, if set, uses the passed DOM node to compute drag offsets
+   * instead of using the parent node.
+   */
+  offsetParent: function(props, propName) {
+    if (props[propName] && props[propName].nodeType !== 1) {
+      throw new Error("Draggable's offsetParent must be a DOM Node.");
+    }
+  },
+  /**
+   * `grid` specifies the x and y that dragging should snap to.
+   */
+  grid: _propTypes$3.default.arrayOf(_propTypes$3.default.number),
+  /**
+   * `handle` specifies a selector to be used as the handle that initiates drag.
+   *
+   * Example:
+   *
+   * ```jsx
+   *   let App = React.createClass({
+   *       render: function () {
+   *         return (
+   *            <Draggable handle=".handle">
+   *              <div>
+   *                  <div className="handle">Click me to drag</div>
+   *                  <div>This is some other content</div>
+   *              </div>
+   *           </Draggable>
+   *         );
+   *       }
+   *   });
+   * ```
+   */
+  handle: _propTypes$3.default.string,
+  /**
+   * `cancel` specifies a selector to be used to prevent drag initialization.
+   *
+   * Example:
+   *
+   * ```jsx
+   *   let App = React.createClass({
+   *       render: function () {
+   *           return(
+   *               <Draggable cancel=".cancel">
+   *                   <div>
+   *                     <div className="cancel">You can't drag from here</div>
+   *                     <div>Dragging here works fine</div>
+   *                   </div>
+   *               </Draggable>
+   *           );
+   *       }
+   *   });
+   * ```
+   */
+  cancel: _propTypes$3.default.string,
+  /* If running in React Strict mode, ReactDOM.findDOMNode() is deprecated.
+   * Unfortunately, in order for <Draggable> to work properly, we need raw access
+   * to the underlying DOM node. If you want to avoid the warning, pass a `nodeRef`
+   * as in this example:
+   *
+   * function MyComponent() {
+   *   const nodeRef = React.useRef(null);
+   *   return (
+   *     <Draggable nodeRef={nodeRef}>
+   *       <div ref={nodeRef}>Example Target</div>
+   *     </Draggable>
+   *   );
+   * }
+   *
+   * This can be used for arbitrarily nested components, so long as the ref ends up
+   * pointing to the actual child DOM node and not a custom component.
+   */
+  nodeRef: _propTypes$3.default.object,
+  /**
+   * Called when dragging starts.
+   * If this function returns the boolean false, dragging will be canceled.
+   */
+  onStart: _propTypes$3.default.func,
+  /**
+   * Called while dragging.
+   * If this function returns the boolean false, dragging will be canceled.
+   */
+  onDrag: _propTypes$3.default.func,
+  /**
+   * Called when dragging stops.
+   * If this function returns the boolean false, the drag will remain active.
+   */
+  onStop: _propTypes$3.default.func,
+  /**
+   * A workaround option which can be passed if onMouseDown needs to be accessed,
+   * since it'll always be blocked (as there is internal use of onMouseDown)
+   */
+  onMouseDown: _propTypes$3.default.func,
+  /**
+   * `scale`, if set, applies scaling while dragging an element
+   */
+  scale: _propTypes$3.default.number,
+  /**
+   * These properties should be defined on the child, not here.
+   */
+  className: _shims.dontSetMe,
+  style: _shims.dontSetMe,
+  transform: _shims.dontSetMe
+});
+_defineProperty$3(DraggableCore$1, "defaultProps", {
+  allowAnyClick: false,
+  // by default only accept left click
+  disabled: false,
+  enableUserSelectHack: true,
+  onStart: function() {
+  },
+  onDrag: function() {
+  },
+  onStop: function() {
+  },
+  onMouseDown: function() {
+  },
+  scale: 1
+});
+(function(exports) {
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+  Object.defineProperty(exports, "DraggableCore", {
+    enumerable: true,
+    get: function() {
+      return _DraggableCore.default;
+    }
+  });
+  exports.default = void 0;
+  var React2 = _interopRequireWildcard2(React__default);
+  var _propTypes3 = _interopRequireDefault2(require$$1);
+  var _reactDom2 = _interopRequireDefault2(require$$2);
+  var _clsx = _interopRequireDefault2(clsx);
+  var _domFns2 = domFns;
+  var _positionFns2 = positionFns;
+  var _shims2 = shims;
+  var _DraggableCore = _interopRequireDefault2(DraggableCore$2);
+  var _log2 = _interopRequireDefault2(log$1);
+  function _interopRequireDefault2(obj) {
+    return obj && obj.__esModule ? obj : { default: obj };
+  }
+  function _getRequireWildcardCache2(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
+    var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
+    return (_getRequireWildcardCache2 = function(nodeInterop2) {
+      return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+  }
+  function _interopRequireWildcard2(obj, nodeInterop) {
+    if (obj && obj.__esModule) {
+      return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+      return { default: obj };
+    }
+    var cache = _getRequireWildcardCache2(nodeInterop);
+    if (cache && cache.has(obj)) {
+      return cache.get(obj);
+    }
+    var newObj = {};
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for (var key in obj) {
+      if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+        if (desc && (desc.get || desc.set)) {
+          Object.defineProperty(newObj, key, desc);
+        } else {
+          newObj[key] = obj[key];
+        }
+      }
+    }
+    newObj.default = obj;
+    if (cache) {
+      cache.set(obj, newObj);
+    }
+    return newObj;
+  }
+  function _extends2() {
+    _extends2 = Object.assign ? Object.assign.bind() : function(target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+      return target;
+    };
+    return _extends2.apply(this, arguments);
+  }
+  function _defineProperty2(obj, key, value) {
+    key = _toPropertyKey2(key);
+    if (key in obj) {
+      Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+    } else {
+      obj[key] = value;
+    }
+    return obj;
+  }
+  function _toPropertyKey2(arg) {
+    var key = _toPrimitive2(arg, "string");
+    return typeof key === "symbol" ? key : String(key);
+  }
+  function _toPrimitive2(input, hint) {
+    if (typeof input !== "object" || input === null) return input;
+    var prim = input[Symbol.toPrimitive];
+    if (prim !== void 0) {
+      var res = prim.call(input, hint || "default");
+      if (typeof res !== "object") return res;
+      throw new TypeError("@@toPrimitive must return a primitive value.");
+    }
+    return (hint === "string" ? String : Number)(input);
+  }
+  class Draggable2 extends React2.Component {
+    // React 16.3+
+    // Arity (props, state)
+    static getDerivedStateFromProps(_ref, _ref2) {
+      let {
+        position
+      } = _ref;
+      let {
+        prevPropsPosition
+      } = _ref2;
+      if (position && (!prevPropsPosition || position.x !== prevPropsPosition.x || position.y !== prevPropsPosition.y)) {
+        (0, _log2.default)("Draggable: getDerivedStateFromProps %j", {
+          position,
+          prevPropsPosition
+        });
+        return {
+          x: position.x,
+          y: position.y,
+          prevPropsPosition: {
+            ...position
+          }
+        };
+      }
+      return null;
+    }
+    constructor(props) {
+      super(props);
+      _defineProperty2(this, "onDragStart", (e, coreData) => {
+        (0, _log2.default)("Draggable: onDragStart: %j", coreData);
+        const shouldStart = this.props.onStart(e, (0, _positionFns2.createDraggableData)(this, coreData));
+        if (shouldStart === false) return false;
+        this.setState({
+          dragging: true,
+          dragged: true
+        });
+      });
+      _defineProperty2(this, "onDrag", (e, coreData) => {
+        if (!this.state.dragging) return false;
+        (0, _log2.default)("Draggable: onDrag: %j", coreData);
+        const uiData = (0, _positionFns2.createDraggableData)(this, coreData);
+        const newState = {
+          x: uiData.x,
+          y: uiData.y,
+          slackX: 0,
+          slackY: 0
+        };
+        if (this.props.bounds) {
+          const {
+            x,
+            y
+          } = newState;
+          newState.x += this.state.slackX;
+          newState.y += this.state.slackY;
+          const [newStateX, newStateY] = (0, _positionFns2.getBoundPosition)(this, newState.x, newState.y);
+          newState.x = newStateX;
+          newState.y = newStateY;
+          newState.slackX = this.state.slackX + (x - newState.x);
+          newState.slackY = this.state.slackY + (y - newState.y);
+          uiData.x = newState.x;
+          uiData.y = newState.y;
+          uiData.deltaX = newState.x - this.state.x;
+          uiData.deltaY = newState.y - this.state.y;
+        }
+        const shouldUpdate = this.props.onDrag(e, uiData);
+        if (shouldUpdate === false) return false;
+        this.setState(newState);
+      });
+      _defineProperty2(this, "onDragStop", (e, coreData) => {
+        if (!this.state.dragging) return false;
+        const shouldContinue = this.props.onStop(e, (0, _positionFns2.createDraggableData)(this, coreData));
+        if (shouldContinue === false) return false;
+        (0, _log2.default)("Draggable: onDragStop: %j", coreData);
+        const newState = {
+          dragging: false,
+          slackX: 0,
+          slackY: 0
+        };
+        const controlled = Boolean(this.props.position);
+        if (controlled) {
+          const {
+            x,
+            y
+          } = this.props.position;
+          newState.x = x;
+          newState.y = y;
+        }
+        this.setState(newState);
+      });
+      this.state = {
+        // Whether or not we are currently dragging.
+        dragging: false,
+        // Whether or not we have been dragged before.
+        dragged: false,
+        // Current transform x and y.
+        x: props.position ? props.position.x : props.defaultPosition.x,
+        y: props.position ? props.position.y : props.defaultPosition.y,
+        prevPropsPosition: {
+          ...props.position
+        },
+        // Used for compensating for out-of-bounds drags
+        slackX: 0,
+        slackY: 0,
+        // Can only determine if SVG after mounting
+        isElementSVG: false
+      };
+      if (props.position && !(props.onDrag || props.onStop)) {
+        console.warn("A `position` was applied to this <Draggable>, without drag handlers. This will make this component effectively undraggable. Please attach `onDrag` or `onStop` handlers so you can adjust the `position` of this element.");
+      }
+    }
+    componentDidMount() {
+      if (typeof window.SVGElement !== "undefined" && this.findDOMNode() instanceof window.SVGElement) {
+        this.setState({
+          isElementSVG: true
+        });
+      }
+    }
+    componentWillUnmount() {
+      this.setState({
+        dragging: false
+      });
+    }
+    // React Strict Mode compatibility: if `nodeRef` is passed, we will use it instead of trying to find
+    // the underlying DOM node ourselves. See the README for more information.
+    findDOMNode() {
+      var _this$props$nodeRef$c, _this$props;
+      return (_this$props$nodeRef$c = (_this$props = this.props) === null || _this$props === void 0 || (_this$props = _this$props.nodeRef) === null || _this$props === void 0 ? void 0 : _this$props.current) !== null && _this$props$nodeRef$c !== void 0 ? _this$props$nodeRef$c : _reactDom2.default.findDOMNode(this);
+    }
+    render() {
+      const {
+        axis,
+        bounds,
+        children,
+        defaultPosition,
+        defaultClassName,
+        defaultClassNameDragging,
+        defaultClassNameDragged,
+        position,
+        positionOffset,
+        scale,
+        ...draggableCoreProps
+      } = this.props;
+      let style = {};
+      let svgTransform = null;
+      const controlled = Boolean(position);
+      const draggable = !controlled || this.state.dragging;
+      const validPosition = position || defaultPosition;
+      const transformOpts = {
+        // Set left if horizontal drag is enabled
+        x: (0, _positionFns2.canDragX)(this) && draggable ? this.state.x : validPosition.x,
+        // Set top if vertical drag is enabled
+        y: (0, _positionFns2.canDragY)(this) && draggable ? this.state.y : validPosition.y
+      };
+      if (this.state.isElementSVG) {
+        svgTransform = (0, _domFns2.createSVGTransform)(transformOpts, positionOffset);
+      } else {
+        style = (0, _domFns2.createCSSTransform)(transformOpts, positionOffset);
+      }
+      const className = (0, _clsx.default)(children.props.className || "", defaultClassName, {
+        [defaultClassNameDragging]: this.state.dragging,
+        [defaultClassNameDragged]: this.state.dragged
+      });
+      return /* @__PURE__ */ React2.createElement(_DraggableCore.default, _extends2({}, draggableCoreProps, {
+        onStart: this.onDragStart,
+        onDrag: this.onDrag,
+        onStop: this.onDragStop
+      }), /* @__PURE__ */ React2.cloneElement(React2.Children.only(children), {
+        className,
+        style: {
+          ...children.props.style,
+          ...style
+        },
+        transform: svgTransform
+      }));
+    }
+  }
+  exports.default = Draggable2;
+  _defineProperty2(Draggable2, "displayName", "Draggable");
+  _defineProperty2(Draggable2, "propTypes", {
+    // Accepts all props <DraggableCore> accepts.
+    ..._DraggableCore.default.propTypes,
+    /**
+     * `axis` determines which axis the draggable can move.
+     *
+     *  Note that all callbacks will still return data as normal. This only
+     *  controls flushing to the DOM.
+     *
+     * 'both' allows movement horizontally and vertically.
+     * 'x' limits movement to horizontal axis.
+     * 'y' limits movement to vertical axis.
+     * 'none' limits all movement.
+     *
+     * Defaults to 'both'.
+     */
+    axis: _propTypes3.default.oneOf(["both", "x", "y", "none"]),
+    /**
+     * `bounds` determines the range of movement available to the element.
+     * Available values are:
+     *
+     * 'parent' restricts movement within the Draggable's parent node.
+     *
+     * Alternatively, pass an object with the following properties, all of which are optional:
+     *
+     * {left: LEFT_BOUND, right: RIGHT_BOUND, bottom: BOTTOM_BOUND, top: TOP_BOUND}
+     *
+     * All values are in px.
+     *
+     * Example:
+     *
+     * ```jsx
+     *   let App = React.createClass({
+     *       render: function () {
+     *         return (
+     *            <Draggable bounds={{right: 300, bottom: 300}}>
+     *              <div>Content</div>
+     *           </Draggable>
+     *         );
+     *       }
+     *   });
+     * ```
+     */
+    bounds: _propTypes3.default.oneOfType([_propTypes3.default.shape({
+      left: _propTypes3.default.number,
+      right: _propTypes3.default.number,
+      top: _propTypes3.default.number,
+      bottom: _propTypes3.default.number
+    }), _propTypes3.default.string, _propTypes3.default.oneOf([false])]),
+    defaultClassName: _propTypes3.default.string,
+    defaultClassNameDragging: _propTypes3.default.string,
+    defaultClassNameDragged: _propTypes3.default.string,
+    /**
+     * `defaultPosition` specifies the x and y that the dragged item should start at
+     *
+     * Example:
+     *
+     * ```jsx
+     *      let App = React.createClass({
+     *          render: function () {
+     *              return (
+     *                  <Draggable defaultPosition={{x: 25, y: 25}}>
+     *                      <div>I start with transformX: 25px and transformY: 25px;</div>
+     *                  </Draggable>
+     *              );
+     *          }
+     *      });
+     * ```
+     */
+    defaultPosition: _propTypes3.default.shape({
+      x: _propTypes3.default.number,
+      y: _propTypes3.default.number
+    }),
+    positionOffset: _propTypes3.default.shape({
+      x: _propTypes3.default.oneOfType([_propTypes3.default.number, _propTypes3.default.string]),
+      y: _propTypes3.default.oneOfType([_propTypes3.default.number, _propTypes3.default.string])
+    }),
+    /**
+     * `position`, if present, defines the current position of the element.
+     *
+     *  This is similar to how form elements in React work - if no `position` is supplied, the component
+     *  is uncontrolled.
+     *
+     * Example:
+     *
+     * ```jsx
+     *      let App = React.createClass({
+     *          render: function () {
+     *              return (
+     *                  <Draggable position={{x: 25, y: 25}}>
+     *                      <div>I start with transformX: 25px and transformY: 25px;</div>
+     *                  </Draggable>
+     *              );
+     *          }
+     *      });
+     * ```
+     */
+    position: _propTypes3.default.shape({
+      x: _propTypes3.default.number,
+      y: _propTypes3.default.number
+    }),
+    /**
+     * These properties should be defined on the child, not here.
+     */
+    className: _shims2.dontSetMe,
+    style: _shims2.dontSetMe,
+    transform: _shims2.dontSetMe
+  });
+  _defineProperty2(Draggable2, "defaultProps", {
+    ..._DraggableCore.default.defaultProps,
+    axis: "both",
+    bounds: false,
+    defaultClassName: "react-draggable",
+    defaultClassNameDragging: "react-draggable-dragging",
+    defaultClassNameDragged: "react-draggable-dragged",
+    defaultPosition: {
+      x: 0,
+      y: 0
+    },
+    scale: 1
+  });
+})(Draggable$2);
+const {
+  default: Draggable,
+  DraggableCore: DraggableCore2
+} = Draggable$2;
+cjs.exports = Draggable;
+cjs.exports.default = Draggable;
+var DraggableCore_1 = cjs.exports.DraggableCore = DraggableCore2;
+var cjsExports = cjs.exports;
+const Draggable$1 = /* @__PURE__ */ getDefaultExportFromCjs(cjsExports);
+var reactResizable = { exports: {} };
+var Resizable$2 = {};
+var utils = {};
+utils.__esModule = true;
+utils.cloneElement = cloneElement;
+var _react = _interopRequireDefault$2(React__default);
+function _interopRequireDefault$2(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+function ownKeys$2(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread$2(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys$2(Object(source), true).forEach(function(key) {
+      _defineProperty$2(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _defineProperty$2(obj, key, value) {
+  key = _toPropertyKey$2(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPropertyKey$2(arg) {
+  var key = _toPrimitive$2(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+function _toPrimitive$2(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== void 0) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function cloneElement(element, props) {
+  if (props.style && element.props.style) {
+    props.style = _objectSpread$2(_objectSpread$2({}, element.props.style), props.style);
+  }
+  if (props.className && element.props.className) {
+    props.className = element.props.className + " " + props.className;
+  }
+  return /* @__PURE__ */ _react.default.cloneElement(element, props);
+}
+var propTypes = {};
+propTypes.__esModule = true;
+propTypes.resizableProps = void 0;
+var _propTypes$2 = _interopRequireDefault$1(require$$1);
+function _interopRequireDefault$1(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+var resizableProps = {
+  /*
+  * Restricts resizing to a particular axis (default: 'both')
+  * 'both' - allows resizing by width or height
+  * 'x' - only allows the width to be changed
+  * 'y' - only allows the height to be changed
+  * 'none' - disables resizing altogether
+  * */
+  axis: _propTypes$2.default.oneOf(["both", "x", "y", "none"]),
+  className: _propTypes$2.default.string,
+  /*
+  * Require that one and only one child be present.
+  * */
+  children: _propTypes$2.default.element.isRequired,
+  /*
+  * These will be passed wholesale to react-draggable's DraggableCore
+  * */
+  draggableOpts: _propTypes$2.default.shape({
+    allowAnyClick: _propTypes$2.default.bool,
+    cancel: _propTypes$2.default.string,
+    children: _propTypes$2.default.node,
+    disabled: _propTypes$2.default.bool,
+    enableUserSelectHack: _propTypes$2.default.bool,
+    offsetParent: _propTypes$2.default.node,
+    grid: _propTypes$2.default.arrayOf(_propTypes$2.default.number),
+    handle: _propTypes$2.default.string,
+    nodeRef: _propTypes$2.default.object,
+    onStart: _propTypes$2.default.func,
+    onDrag: _propTypes$2.default.func,
+    onStop: _propTypes$2.default.func,
+    onMouseDown: _propTypes$2.default.func,
+    scale: _propTypes$2.default.number
+  }),
+  /*
+  * Initial height
+  * */
+  height: function height() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    var props = args[0];
+    if (props.axis === "both" || props.axis === "y") {
+      var _PropTypes$number;
+      return (_PropTypes$number = _propTypes$2.default.number).isRequired.apply(_PropTypes$number, args);
+    }
+    return _propTypes$2.default.number.apply(_propTypes$2.default, args);
+  },
+  /*
+  * Customize cursor resize handle
+  * */
+  handle: _propTypes$2.default.oneOfType([_propTypes$2.default.node, _propTypes$2.default.func]),
+  /*
+  * If you change this, be sure to update your css
+  * */
+  handleSize: _propTypes$2.default.arrayOf(_propTypes$2.default.number),
+  lockAspectRatio: _propTypes$2.default.bool,
+  /*
+  * Max X & Y measure
+  * */
+  maxConstraints: _propTypes$2.default.arrayOf(_propTypes$2.default.number),
+  /*
+  * Min X & Y measure
+  * */
+  minConstraints: _propTypes$2.default.arrayOf(_propTypes$2.default.number),
+  /*
+  * Called on stop resize event
+  * */
+  onResizeStop: _propTypes$2.default.func,
+  /*
+  * Called on start resize event
+  * */
+  onResizeStart: _propTypes$2.default.func,
+  /*
+  * Called on resize event
+  * */
+  onResize: _propTypes$2.default.func,
+  /*
+  * Defines which resize handles should be rendered (default: 'se')
+  * 's' - South handle (bottom-center)
+  * 'w' - West handle (left-center)
+  * 'e' - East handle (right-center)
+  * 'n' - North handle (top-center)
+  * 'sw' - Southwest handle (bottom-left)
+  * 'nw' - Northwest handle (top-left)
+  * 'se' - Southeast handle (bottom-right)
+  * 'ne' - Northeast handle (top-center)
+  * */
+  resizeHandles: _propTypes$2.default.arrayOf(_propTypes$2.default.oneOf(["s", "w", "e", "n", "sw", "nw", "se", "ne"])),
+  /*
+  * If `transform: scale(n)` is set on the parent, this should be set to `n`.
+  * */
+  transformScale: _propTypes$2.default.number,
+  /*
+   * Initial width
+   */
+  width: function width() {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+    var props = args[0];
+    if (props.axis === "both" || props.axis === "x") {
+      var _PropTypes$number2;
+      return (_PropTypes$number2 = _propTypes$2.default.number).isRequired.apply(_PropTypes$number2, args);
+    }
+    return _propTypes$2.default.number.apply(_propTypes$2.default, args);
+  }
+};
+propTypes.resizableProps = resizableProps;
+Resizable$2.__esModule = true;
+Resizable$2.default = void 0;
+var React$1 = _interopRequireWildcard$1(React__default);
+var _reactDraggable = cjsExports;
+var _utils = utils;
+var _propTypes$1 = propTypes;
+var _excluded$1 = ["children", "className", "draggableOpts", "width", "height", "handle", "handleSize", "lockAspectRatio", "axis", "minConstraints", "maxConstraints", "onResize", "onResizeStop", "onResizeStart", "resizeHandles", "transformScale"];
+function _getRequireWildcardCache$1(nodeInterop) {
+  if (typeof WeakMap !== "function") return null;
+  var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
+  var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
+  return (_getRequireWildcardCache$1 = function _getRequireWildcardCache2(nodeInterop2) {
+    return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
+  })(nodeInterop);
+}
+function _interopRequireWildcard$1(obj, nodeInterop) {
+  if (obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache$1(nodeInterop);
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends$1.apply(this, arguments);
+}
+function _objectWithoutPropertiesLoose$1(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function ownKeys$1(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread$1(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys$1(Object(source), true).forEach(function(key) {
+      _defineProperty$1(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _defineProperty$1(obj, key, value) {
+  key = _toPropertyKey$1(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPropertyKey$1(arg) {
+  var key = _toPrimitive$1(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+function _toPrimitive$1(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== void 0) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _inheritsLoose$1(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf$1(subClass, superClass);
+}
+function _setPrototypeOf$1(o, p) {
+  _setPrototypeOf$1 = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
+    o2.__proto__ = p2;
+    return o2;
+  };
+  return _setPrototypeOf$1(o, p);
+}
+var Resizable$1 = /* @__PURE__ */ function(_React$Component) {
+  _inheritsLoose$1(Resizable2, _React$Component);
+  function Resizable2() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.handleRefs = {};
+    _this.lastHandleRect = null;
+    _this.slack = null;
+    return _this;
+  }
+  var _proto = Resizable2.prototype;
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.resetData();
+  };
+  _proto.resetData = function resetData() {
+    this.lastHandleRect = this.slack = null;
+  };
+  _proto.runConstraints = function runConstraints(width2, height2) {
+    var _this$props = this.props, minConstraints = _this$props.minConstraints, maxConstraints = _this$props.maxConstraints, lockAspectRatio = _this$props.lockAspectRatio;
+    if (!minConstraints && !maxConstraints && !lockAspectRatio) return [width2, height2];
+    if (lockAspectRatio) {
+      var ratio = this.props.width / this.props.height;
+      var deltaW = width2 - this.props.width;
+      var deltaH = height2 - this.props.height;
+      if (Math.abs(deltaW) > Math.abs(deltaH * ratio)) {
+        height2 = width2 / ratio;
+      } else {
+        width2 = height2 * ratio;
+      }
+    }
+    var oldW = width2, oldH = height2;
+    var _ref = this.slack || [0, 0], slackW = _ref[0], slackH = _ref[1];
+    width2 += slackW;
+    height2 += slackH;
+    if (minConstraints) {
+      width2 = Math.max(minConstraints[0], width2);
+      height2 = Math.max(minConstraints[1], height2);
+    }
+    if (maxConstraints) {
+      width2 = Math.min(maxConstraints[0], width2);
+      height2 = Math.min(maxConstraints[1], height2);
+    }
+    this.slack = [slackW + (oldW - width2), slackH + (oldH - height2)];
+    return [width2, height2];
+  };
+  _proto.resizeHandler = function resizeHandler(handlerName, axis) {
+    var _this2 = this;
+    return function(e, _ref2) {
+      var node = _ref2.node, deltaX = _ref2.deltaX, deltaY = _ref2.deltaY;
+      if (handlerName === "onResizeStart") _this2.resetData();
+      var canDragX2 = (_this2.props.axis === "both" || _this2.props.axis === "x") && axis !== "n" && axis !== "s";
+      var canDragY2 = (_this2.props.axis === "both" || _this2.props.axis === "y") && axis !== "e" && axis !== "w";
+      if (!canDragX2 && !canDragY2) return;
+      var axisV = axis[0];
+      var axisH = axis[axis.length - 1];
+      var handleRect = node.getBoundingClientRect();
+      if (_this2.lastHandleRect != null) {
+        if (axisH === "w") {
+          var deltaLeftSinceLast = handleRect.left - _this2.lastHandleRect.left;
+          deltaX += deltaLeftSinceLast;
+        }
+        if (axisV === "n") {
+          var deltaTopSinceLast = handleRect.top - _this2.lastHandleRect.top;
+          deltaY += deltaTopSinceLast;
+        }
+      }
+      _this2.lastHandleRect = handleRect;
+      if (axisH === "w") deltaX = -deltaX;
+      if (axisV === "n") deltaY = -deltaY;
+      var width2 = _this2.props.width + (canDragX2 ? deltaX / _this2.props.transformScale : 0);
+      var height2 = _this2.props.height + (canDragY2 ? deltaY / _this2.props.transformScale : 0);
+      var _this2$runConstraints = _this2.runConstraints(width2, height2);
+      width2 = _this2$runConstraints[0];
+      height2 = _this2$runConstraints[1];
+      var dimensionsChanged = width2 !== _this2.props.width || height2 !== _this2.props.height;
+      var cb = typeof _this2.props[handlerName] === "function" ? _this2.props[handlerName] : null;
+      var shouldSkipCb = handlerName === "onResize" && !dimensionsChanged;
+      if (cb && !shouldSkipCb) {
+        e.persist == null ? void 0 : e.persist();
+        cb(e, {
+          node,
+          size: {
+            width: width2,
+            height: height2
+          },
+          handle: axis
+        });
+      }
+      if (handlerName === "onResizeStop") _this2.resetData();
+    };
+  };
+  _proto.renderResizeHandle = function renderResizeHandle(handleAxis, ref) {
+    var handle = this.props.handle;
+    if (!handle) {
+      return /* @__PURE__ */ React$1.createElement("span", {
+        className: "react-resizable-handle react-resizable-handle-" + handleAxis,
+        ref
+      });
+    }
+    if (typeof handle === "function") {
+      return handle(handleAxis, ref);
+    }
+    var isDOMElement = typeof handle.type === "string";
+    var props = _objectSpread$1({
+      ref
+    }, isDOMElement ? {} : {
+      handleAxis
+    });
+    return /* @__PURE__ */ React$1.cloneElement(handle, props);
+  };
+  _proto.render = function render() {
+    var _this3 = this;
+    var _this$props2 = this.props, children = _this$props2.children, className = _this$props2.className, draggableOpts = _this$props2.draggableOpts;
+    _this$props2.width;
+    _this$props2.height;
+    _this$props2.handle;
+    _this$props2.handleSize;
+    _this$props2.lockAspectRatio;
+    _this$props2.axis;
+    _this$props2.minConstraints;
+    _this$props2.maxConstraints;
+    _this$props2.onResize;
+    _this$props2.onResizeStop;
+    _this$props2.onResizeStart;
+    var resizeHandles = _this$props2.resizeHandles;
+    _this$props2.transformScale;
+    var p = _objectWithoutPropertiesLoose$1(_this$props2, _excluded$1);
+    return (0, _utils.cloneElement)(children, _objectSpread$1(_objectSpread$1({}, p), {}, {
+      className: (className ? className + " " : "") + "react-resizable",
+      children: [].concat(children.props.children, resizeHandles.map(function(handleAxis) {
+        var _this3$handleRefs$han;
+        var ref = (_this3$handleRefs$han = _this3.handleRefs[handleAxis]) != null ? _this3$handleRefs$han : _this3.handleRefs[handleAxis] = /* @__PURE__ */ React$1.createRef();
+        return /* @__PURE__ */ React$1.createElement(_reactDraggable.DraggableCore, _extends$1({}, draggableOpts, {
+          nodeRef: ref,
+          key: "resizableHandle-" + handleAxis,
+          onStop: _this3.resizeHandler("onResizeStop", handleAxis),
+          onStart: _this3.resizeHandler("onResizeStart", handleAxis),
+          onDrag: _this3.resizeHandler("onResize", handleAxis)
+        }), _this3.renderResizeHandle(handleAxis, ref));
+      }))
+    }));
+  };
+  return Resizable2;
+}(React$1.Component);
+Resizable$2.default = Resizable$1;
+Resizable$1.propTypes = _propTypes$1.resizableProps;
+Resizable$1.defaultProps = {
+  axis: "both",
+  handleSize: [20, 20],
+  lockAspectRatio: false,
+  minConstraints: [20, 20],
+  maxConstraints: [Infinity, Infinity],
+  resizeHandles: ["se"],
+  transformScale: 1
+};
+var ResizableBox$2 = {};
+ResizableBox$2.__esModule = true;
+ResizableBox$2.default = void 0;
+var React = _interopRequireWildcard(React__default);
+var _propTypes = _interopRequireDefault(require$$1);
+var _Resizable = _interopRequireDefault(Resizable$2);
+var _propTypes2 = propTypes;
+var _excluded = ["handle", "handleSize", "onResize", "onResizeStart", "onResizeStop", "draggableOpts", "minConstraints", "maxConstraints", "lockAspectRatio", "axis", "width", "height", "resizeHandles", "style", "transformScale"];
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+function _getRequireWildcardCache(nodeInterop) {
+  if (typeof WeakMap !== "function") return null;
+  var cacheBabelInterop = /* @__PURE__ */ new WeakMap();
+  var cacheNodeInterop = /* @__PURE__ */ new WeakMap();
+  return (_getRequireWildcardCache = function _getRequireWildcardCache2(nodeInterop2) {
+    return nodeInterop2 ? cacheNodeInterop : cacheBabelInterop;
+  })(nodeInterop);
+}
+function _interopRequireWildcard(obj, nodeInterop) {
+  if (obj && obj.__esModule) {
+    return obj;
+  }
+  if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+    return { default: obj };
+  }
+  var cache = _getRequireWildcardCache(nodeInterop);
+  if (cache && cache.has(obj)) {
+    return cache.get(obj);
+  }
+  var newObj = {};
+  var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+  for (var key in obj) {
+    if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+      var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+      if (desc && (desc.get || desc.set)) {
+        Object.defineProperty(newObj, key, desc);
+      } else {
+        newObj[key] = obj[key];
+      }
+    }
+  }
+  newObj.default = obj;
+  if (cache) {
+    cache.set(obj, newObj);
+  }
+  return newObj;
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function ownKeys(object, enumerableOnly) {
+  var keys = Object.keys(object);
+  if (Object.getOwnPropertySymbols) {
+    var symbols = Object.getOwnPropertySymbols(object);
+    enumerableOnly && (symbols = symbols.filter(function(sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
+  }
+  return keys;
+}
+function _objectSpread(target) {
+  for (var i = 1; i < arguments.length; i++) {
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
+  }
+  return target;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== void 0) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
+}
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
+    o2.__proto__ = p2;
+    return o2;
+  };
+  return _setPrototypeOf(o, p);
+}
+var ResizableBox$1 = /* @__PURE__ */ function(_React$Component) {
+  _inheritsLoose(ResizableBox2, _React$Component);
+  function ResizableBox2() {
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.state = {
+      width: _this.props.width,
+      height: _this.props.height,
+      propsWidth: _this.props.width,
+      propsHeight: _this.props.height
+    };
+    _this.onResize = function(e, data) {
+      var size = data.size;
+      if (_this.props.onResize) {
+        e.persist == null ? void 0 : e.persist();
+        _this.setState(size, function() {
+          return _this.props.onResize && _this.props.onResize(e, data);
+        });
+      } else {
+        _this.setState(size);
+      }
+    };
+    return _this;
+  }
+  ResizableBox2.getDerivedStateFromProps = function getDerivedStateFromProps(props, state) {
+    if (state.propsWidth !== props.width || state.propsHeight !== props.height) {
+      return {
+        width: props.width,
+        height: props.height,
+        propsWidth: props.width,
+        propsHeight: props.height
+      };
+    }
+    return null;
+  };
+  var _proto = ResizableBox2.prototype;
+  _proto.render = function render() {
+    var _this$props = this.props, handle = _this$props.handle, handleSize = _this$props.handleSize;
+    _this$props.onResize;
+    var onResizeStart = _this$props.onResizeStart, onResizeStop = _this$props.onResizeStop, draggableOpts = _this$props.draggableOpts, minConstraints = _this$props.minConstraints, maxConstraints = _this$props.maxConstraints, lockAspectRatio = _this$props.lockAspectRatio, axis = _this$props.axis;
+    _this$props.width;
+    _this$props.height;
+    var resizeHandles = _this$props.resizeHandles, style = _this$props.style, transformScale = _this$props.transformScale, props = _objectWithoutPropertiesLoose(_this$props, _excluded);
+    return /* @__PURE__ */ React.createElement(_Resizable.default, {
+      axis,
+      draggableOpts,
+      handle,
+      handleSize,
+      height: this.state.height,
+      lockAspectRatio,
+      maxConstraints,
+      minConstraints,
+      onResizeStart,
+      onResize: this.onResize,
+      onResizeStop,
+      resizeHandles,
+      transformScale,
+      width: this.state.width
+    }, /* @__PURE__ */ React.createElement("div", _extends({}, props, {
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        width: this.state.width + "px",
+        height: this.state.height + "px"
+      })
+    })));
+  };
+  return ResizableBox2;
+}(React.Component);
+ResizableBox$2.default = ResizableBox$1;
+ResizableBox$1.propTypes = _objectSpread(_objectSpread({}, _propTypes2.resizableProps), {}, {
+  children: _propTypes.default.element
+});
+reactResizable.exports = function() {
+  throw new Error("Don't instantiate Resizable directly! Use require('react-resizable').Resizable");
+};
+var Resizable = reactResizable.exports.Resizable = Resizable$2.default;
+var ResizableBox = reactResizable.exports.ResizableBox = ResizableBox$2.default;
 var main = { exports: {} };
 (function(module, exports) {
   !function(e, t) {
@@ -2571,6 +4585,164 @@ var main = { exports: {} };
 })(main);
 var mainExports = main.exports;
 const ReactJson = /* @__PURE__ */ getDefaultExportFromCjs(mainExports);
+var lib = { exports: {} };
+(function(module, exports) {
+  !function(e, t) {
+    module.exports = t(require$$1, React__default);
+  }(window, function(e, t) {
+    return function(e2) {
+      var t2 = {};
+      function n(o) {
+        if (t2[o]) return t2[o].exports;
+        var r = t2[o] = { i: o, l: false, exports: {} };
+        return e2[o].call(r.exports, r, r.exports, n), r.l = true, r.exports;
+      }
+      return n.m = e2, n.c = t2, n.d = function(e3, t3, o) {
+        n.o(e3, t3) || Object.defineProperty(e3, t3, { enumerable: true, get: o });
+      }, n.r = function(e3) {
+        "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e3, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e3, "__esModule", { value: true });
+      }, n.t = function(e3, t3) {
+        if (1 & t3 && (e3 = n(e3)), 8 & t3) return e3;
+        if (4 & t3 && "object" == typeof e3 && e3 && e3.__esModule) return e3;
+        var o = /* @__PURE__ */ Object.create(null);
+        if (n.r(o), Object.defineProperty(o, "default", { enumerable: true, value: e3 }), 2 & t3 && "string" != typeof e3) for (var r in e3) n.d(o, r, function(t4) {
+          return e3[t4];
+        }.bind(null, r));
+        return o;
+      }, n.n = function(e3) {
+        var t3 = e3 && e3.__esModule ? function() {
+          return e3.default;
+        } : function() {
+          return e3;
+        };
+        return n.d(t3, "a", t3), t3;
+      }, n.o = function(e3, t3) {
+        return Object.prototype.hasOwnProperty.call(e3, t3);
+      }, n.p = "", n(n.s = 2);
+    }([function(t2, n) {
+      t2.exports = e;
+    }, function(e2, n) {
+      e2.exports = t;
+    }, function(e2, t2, n) {
+      e2.exports = n(3);
+    }, function(e2, t2, n) {
+      n.r(t2);
+      var o = n(1), r = n.n(o), i = n(0), a = n.n(i);
+      function s(e3) {
+        var t3 = e3.size || 0, n2 = e3.percentage ? "%" : "px", o2 = "layout-pane", i2 = {};
+        return e3.primary ? o2 += " layout-pane-primary" : e3.vertical ? i2.height = "".concat(t3).concat(n2) : i2.width = "".concat(t3).concat(n2), r.a.createElement("div", { className: o2, style: i2 }, e3.children);
+      }
+      s.propTypes = { vertical: a.a.bool, primary: a.a.bool, size: a.a.number, percentage: a.a.bool, children: a.a.oneOfType([a.a.arrayOf(a.a.node), a.a.node]) }, s.defaultProps = { vertical: false, primary: false, size: 0, percentage: false, children: [] };
+      var c = s;
+      function l(e3) {
+        return (l = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e4) {
+          return typeof e4;
+        } : function(e4) {
+          return e4 && "function" == typeof Symbol && e4.constructor === Symbol && e4 !== Symbol.prototype ? "symbol" : typeof e4;
+        })(e3);
+      }
+      function u(e3, t3) {
+        for (var n2 = 0; n2 < t3.length; n2++) {
+          var o2 = t3[n2];
+          o2.enumerable = o2.enumerable || false, o2.configurable = true, "value" in o2 && (o2.writable = true), Object.defineProperty(e3, o2.key, o2);
+        }
+      }
+      function p(e3) {
+        return (p = Object.setPrototypeOf ? Object.getPrototypeOf : function(e4) {
+          return e4.__proto__ || Object.getPrototypeOf(e4);
+        })(e3);
+      }
+      function d(e3, t3) {
+        return (d = Object.setPrototypeOf || function(e4, t4) {
+          return e4.__proto__ = t4, e4;
+        })(e3, t3);
+      }
+      function h(e3) {
+        if (void 0 === e3) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+        return e3;
+      }
+      function f() {
+        if (document.body.createTextRange) {
+          var e3 = document.body.createTextRange();
+          e3.collapse(), e3.select();
+        } else window.getSelection ? window.getSelection().empty ? window.getSelection().empty() : window.getSelection().removeAllRanges && window.getSelection().removeAllRanges() : document.selection && document.selection.empty();
+      }
+      var y = function(e3) {
+        function t3(e4) {
+          var n3, o3, r2;
+          return function(e5, t4) {
+            if (!(e5 instanceof t4)) throw new TypeError("Cannot call a class as a function");
+          }(this, t3), o3 = this, (n3 = !(r2 = p(t3).call(this, e4)) || "object" !== l(r2) && "function" != typeof r2 ? h(o3) : r2).handleResize = n3.handleResize.bind(h(h(n3))), n3.handleMouseMove = n3.handleMouseMove.bind(h(h(n3))), n3.handleMouseUp = n3.handleMouseUp.bind(h(h(n3))), n3.handleTouchMove = n3.handleTouchMove.bind(h(h(n3))), n3.handleSplitterMouseDown = n3.handleSplitterMouseDown.bind(h(h(n3))), n3.state = { secondaryPaneSize: 0, resizing: false }, n3;
+        }
+        var n2, o2;
+        return function(e4, t4) {
+          if ("function" != typeof t4 && null !== t4) throw new TypeError("Super expression must either be null or a function");
+          e4.prototype = Object.create(t4 && t4.prototype, { constructor: { value: e4, writable: true, configurable: true } }), t4 && d(e4, t4);
+        }(t3, r.a.Component), n2 = t3, (o2 = [{ key: "componentDidMount", value: function() {
+          var e4;
+          if (window.addEventListener("resize", this.handleResize), document.addEventListener("mouseup", this.handleMouseUp), document.addEventListener("mousemove", this.handleMouseMove), document.addEventListener("touchend", this.handleMouseUp), document.addEventListener("touchmove", this.handleTouchMove), void 0 !== this.props.secondaryInitialSize) e4 = this.props.secondaryInitialSize;
+          else {
+            var t4, n3 = this.container.getBoundingClientRect();
+            t4 = this.splitter ? this.splitter.getBoundingClientRect() : { width: 4, height: 4 }, e4 = this.getSecondaryPaneSize(n3, t4, { left: n3.left + (n3.width - t4.width) / 2, top: n3.top + (n3.height - t4.height) / 2 }, false);
+          }
+          this.setState({ secondaryPaneSize: e4 });
+        } }, { key: "componentDidUpdate", value: function(e4, t4) {
+          t4.secondaryPaneSize !== this.state.secondaryPaneSize && this.props.onSecondaryPaneSizeChange && this.props.onSecondaryPaneSizeChange(this.state.secondaryPaneSize), t4.resizing !== this.state.resizing && (this.state.resizing ? this.props.onDragStart && this.props.onDragStart() : this.props.onDragEnd && this.props.onDragEnd());
+        } }, { key: "componentWillUnmount", value: function() {
+          window.removeEventListener("resize", this.handleResize), document.removeEventListener("mouseup", this.handleMouseUp), document.removeEventListener("mousemove", this.handleMouseMove), document.removeEventListener("touchend", this.handleMouseUp), document.removeEventListener("touchmove", this.handleTouchMove);
+        } }, { key: "getSecondaryPaneSize", value: function(e4, t4, n3, o3) {
+          var r2, i2, a2, s2;
+          this.props.vertical ? (r2 = e4.height, i2 = t4.height, a2 = n3.top - e4.top) : (r2 = e4.width, i2 = t4.width, a2 = n3.left - e4.left), o3 && (a2 -= i2 / 2), a2 < 0 ? a2 = 0 : a2 > r2 - i2 && (a2 = r2 - i2);
+          var c2 = r2 - i2 - (s2 = 1 === this.props.primaryIndex ? a2 : r2 - i2 - a2);
+          return this.props.percentage && (s2 = 100 * s2 / r2, c2 = 100 * c2 / r2, i2 = 100 * i2 / r2, r2 = 100), c2 < this.props.primaryMinSize ? s2 = Math.max(s2 - (this.props.primaryMinSize - c2), 0) : s2 < this.props.secondaryMinSize && (s2 = Math.min(r2 - i2 - this.props.primaryMinSize, this.props.secondaryMinSize)), s2;
+        } }, { key: "handleResize", value: function() {
+          if (this.splitter && !this.props.percentage) {
+            var e4 = this.container.getBoundingClientRect(), t4 = this.splitter.getBoundingClientRect(), n3 = this.getSecondaryPaneSize(e4, t4, { left: t4.left, top: t4.top }, false);
+            this.setState({ secondaryPaneSize: n3 });
+          }
+        } }, { key: "handleMouseMove", value: function(e4) {
+          if (this.state.resizing) {
+            var t4 = this.container.getBoundingClientRect(), n3 = this.splitter.getBoundingClientRect(), o3 = this.getSecondaryPaneSize(t4, n3, { left: e4.clientX, top: e4.clientY }, true);
+            f(), this.setState({ secondaryPaneSize: o3 });
+          }
+        } }, { key: "handleTouchMove", value: function(e4) {
+          this.handleMouseMove(e4.changedTouches[0]);
+        } }, { key: "handleSplitterMouseDown", value: function() {
+          f(), this.setState({ resizing: true });
+        } }, { key: "handleMouseUp", value: function() {
+          this.setState(function(e4) {
+            return e4.resizing ? { resizing: false } : null;
+          });
+        } }, { key: "render", value: function() {
+          var e4 = this, t4 = "splitter-layout";
+          this.props.customClassName && (t4 += " ".concat(this.props.customClassName)), this.props.vertical && (t4 += " splitter-layout-vertical"), this.state.resizing && (t4 += " layout-changing");
+          var n3 = r.a.Children.toArray(this.props.children).slice(0, 2);
+          0 === n3.length && n3.push(r.a.createElement("div", null));
+          for (var o3 = [], i2 = 0 !== this.props.primaryIndex && 1 !== this.props.primaryIndex ? 0 : this.props.primaryIndex, a2 = 0; a2 < n3.length; ++a2) {
+            var s2 = true, l2 = null;
+            n3.length > 1 && a2 !== i2 && (s2 = false, l2 = this.state.secondaryPaneSize), o3.push(r.a.createElement(c, { vertical: this.props.vertical, percentage: this.props.percentage, primary: s2, size: l2 }, n3[a2]));
+          }
+          return r.a.createElement("div", { className: t4, ref: function(t5) {
+            e4.container = t5;
+          } }, o3[0], o3.length > 1 && r.a.createElement("div", { role: "separator", className: "layout-splitter", ref: function(t5) {
+            e4.splitter = t5;
+          }, onMouseDown: this.handleSplitterMouseDown, onTouchStart: this.handleSplitterMouseDown }), o3.length > 1 && o3[1]);
+        } }]) && u(n2.prototype, o2), t3;
+      }();
+      y.propTypes = { customClassName: a.a.string, vertical: a.a.bool, percentage: a.a.bool, primaryIndex: a.a.number, primaryMinSize: a.a.number, secondaryInitialSize: a.a.number, secondaryMinSize: a.a.number, onDragStart: a.a.func, onDragEnd: a.a.func, onSecondaryPaneSizeChange: a.a.func, children: a.a.arrayOf(a.a.node) }, y.defaultProps = { customClassName: "", vertical: false, percentage: false, primaryIndex: 0, primaryMinSize: 0, secondaryInitialSize: void 0, secondaryMinSize: 0, onDragStart: null, onDragEnd: null, onSecondaryPaneSizeChange: null, children: [] };
+      var m = y;
+      t2.default = m;
+    }]);
+  });
+})(lib);
+var libExports = lib.exports;
+const SplitterLayout = /* @__PURE__ */ getDefaultExportFromCjs(libExports);
 export {
-  ReactJson as R
+  DraggableCore_1 as D,
+  PropagateLoader as P,
+  Resizable as R,
+  SplitterLayout as S,
+  ResizableBox as a,
+  Draggable$1 as b,
+  ReactJson as c
 };