@teselagen/ove 0.7.3-beta.5 → 0.7.3-beta.7

package/index.umd.js

@@ -9860,25 +9860,16 @@ var __async = (__this, __arguments, generator) => {
     return value;
   }, "GetIntrinsic");
   var callBind$3 = { exports: {} };
-  var esDefineProperty;
-  var hasRequiredEsDefineProperty;
-  function requireEsDefineProperty() {
-    if (hasRequiredEsDefineProperty)
-      return esDefineProperty;
-    hasRequiredEsDefineProperty = 1;
-    var GetIntrinsic2 = getIntrinsic;
-    var $defineProperty2 = GetIntrinsic2("%Object.defineProperty%", true) || false;
-    if ($defineProperty2) {
-      try {
-        $defineProperty2({}, "a", { value: 1 });
-      } catch (e2) {
-        $defineProperty2 = false;
-      }
+  var GetIntrinsic$4 = getIntrinsic;
+  var $defineProperty$2 = GetIntrinsic$4("%Object.defineProperty%", true) || false;
+  if ($defineProperty$2) {
+    try {
+      $defineProperty$2({}, "a", { value: 1 });
+    } catch (e2) {
+      $defineProperty$2 = false;
     }
-    esDefineProperty = $defineProperty2;
-    return esDefineProperty;
   }
-  __name(requireEsDefineProperty, "requireEsDefineProperty");
+  var esDefineProperty = $defineProperty$2;
   var GetIntrinsic$3 = getIntrinsic;
   var $gOPD$1 = GetIntrinsic$3("%Object.getOwnPropertyDescriptor%", true);
   if ($gOPD$1) {
@@ -9889,7 +9880,7 @@ var __async = (__this, __arguments, generator) => {
     }
   }
   var gopd$1 = $gOPD$1;
-  var $defineProperty$1 = requireEsDefineProperty();
+  var $defineProperty$1 = esDefineProperty;
   var $SyntaxError = syntax;
   var $TypeError$4 = type$1;
   var gopd = gopd$1;
@@ -9930,7 +9921,7 @@ var __async = (__this, __arguments, generator) => {
       throw new $SyntaxError("This environment does not support defining a property as non-configurable, non-writable, or non-enumerable.");
     }
   }, "defineDataProperty");
-  var $defineProperty = requireEsDefineProperty();
+  var $defineProperty = esDefineProperty;
   var hasPropertyDescriptors = /* @__PURE__ */ __name(function hasPropertyDescriptors2() {
     return !!$defineProperty;
   }, "hasPropertyDescriptors");
@@ -9999,7 +9990,7 @@ var __async = (__this, __arguments, generator) => {
     var $apply = GetIntrinsic2("%Function.prototype.apply%");
     var $call = GetIntrinsic2("%Function.prototype.call%");
     var $reflectApply = GetIntrinsic2("%Reflect.apply%", true) || bind2.call($call, $apply);
-    var $defineProperty2 = requireEsDefineProperty();
+    var $defineProperty2 = esDefineProperty;
     var $max = GetIntrinsic2("%Math.max%");
     module2.exports = /* @__PURE__ */ __name(function callBind2(originalFunction) {
       if (typeof originalFunction !== "function") {
@@ -98604,11 +98595,19 @@ ${latestSubscriptionCallbackError.current.stack}
     inDialog,
     centeredInPage
   }) => {
+    const [longerThan200MS, setLongerThan200MS] = reactExports.useState(false);
+    reactExports.useEffect(() => {
+      const timeoutId = setTimeout(() => {
+        setLongerThan200MS(true);
+      }, 200);
+      return () => {
+        clearTimeout(timeoutId);
+      };
+    }, []);
     const style2 = __spreadValues(__spreadValues({}, userStyle), inDialog && { minHeight: 120 });
     const LoaderComp = bounce || inDialog ? BounceLoader : DNALoader;
     if (loading || !children) {
-      if (!displayInstantly && // !longerThan200MS &&
-      (!bounce && !inDialog || withTimeout)) {
+      if (!displayInstantly && !longerThan200MS && (!bounce && !inDialog || withTimeout)) {
         return /* @__PURE__ */ React$2.createElement("div", null);
       }
       return /* @__PURE__ */ React$2.createElement(
@@ -145011,785 +145010,6 @@ ${seq.sequence}
   )(Droppable$1);
   ConnectedDroppable.defaultProps = defaultProps;
   var ConnectedDroppable$1 = ConnectedDroppable;
-  var clipboard = { exports: {} };
-  /*!
-   * clipboard.js v2.0.8
-   * https://clipboardjs.com/
-   *
-   * Licensed MIT © Zeno Rocha
-   */
-  (function(module2, exports3) {
-    (/* @__PURE__ */ __name(function webpackUniversalModuleDefinition(root2, factory) {
-      module2.exports = factory();
-    }, "webpackUniversalModuleDefinition"))(commonjsGlobal, function() {
-      return (
-        /******/
-        function() {
-          var __webpack_modules__ = {
-            /***/
-            134: (
-              /***/
-              function(__unused_webpack_module, __webpack_exports__, __webpack_require__2) {
-                __webpack_require__2.d(__webpack_exports__, {
-                  "default": function() {
-                    return (
-                      /* binding */
-                      clipboard2
-                    );
-                  }
-                });
-                var tiny_emitter = __webpack_require__2(279);
-                var tiny_emitter_default = /* @__PURE__ */ __webpack_require__2.n(tiny_emitter);
-                var listen = __webpack_require__2(370);
-                var listen_default = /* @__PURE__ */ __webpack_require__2.n(listen);
-                var src_select = __webpack_require__2(817);
-                var select_default = /* @__PURE__ */ __webpack_require__2.n(src_select);
-                function _typeof2(obj) {
-                  "@babel/helpers - typeof";
-                  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-                    _typeof2 = /* @__PURE__ */ __name(function _typeof3(obj2) {
-                      return typeof obj2;
-                    }, "_typeof");
-                  } else {
-                    _typeof2 = /* @__PURE__ */ __name(function _typeof3(obj2) {
-                      return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-                    }, "_typeof");
-                  }
-                  return _typeof2(obj);
-                }
-                __name(_typeof2, "_typeof");
-                function _classCallCheck2(instance, Constructor) {
-                  if (!(instance instanceof Constructor)) {
-                    throw new TypeError("Cannot call a class as a function");
-                  }
-                }
-                __name(_classCallCheck2, "_classCallCheck");
-                function _defineProperties2(target, props) {
-                  for (var i2 = 0; i2 < props.length; i2++) {
-                    var descriptor = props[i2];
-                    descriptor.enumerable = descriptor.enumerable || false;
-                    descriptor.configurable = true;
-                    if ("value" in descriptor)
-                      descriptor.writable = true;
-                    Object.defineProperty(target, descriptor.key, descriptor);
-                  }
-                }
-                __name(_defineProperties2, "_defineProperties");
-                function _createClass2(Constructor, protoProps, staticProps) {
-                  if (protoProps)
-                    _defineProperties2(Constructor.prototype, protoProps);
-                  return Constructor;
-                }
-                __name(_createClass2, "_createClass");
-                var ClipboardAction = /* @__PURE__ */ function() {
-                  function ClipboardAction2(options) {
-                    _classCallCheck2(this, ClipboardAction2);
-                    this.resolveOptions(options);
-                    this.initSelection();
-                  }
-                  __name(ClipboardAction2, "ClipboardAction");
-                  _createClass2(ClipboardAction2, [{
-                    key: "resolveOptions",
-                    value: /* @__PURE__ */ __name(function resolveOptions() {
-                      var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-                      this.action = options.action;
-                      this.container = options.container;
-                      this.emitter = options.emitter;
-                      this.target = options.target;
-                      this.text = options.text;
-                      this.trigger = options.trigger;
-                      this.selectedText = "";
-                    }, "resolveOptions")
-                    /**
-                     * Decides which selection strategy is going to be applied based
-                     * on the existence of `text` and `target` properties.
-                     */
-                  }, {
-                    key: "initSelection",
-                    value: /* @__PURE__ */ __name(function initSelection() {
-                      if (this.text) {
-                        this.selectFake();
-                      } else if (this.target) {
-                        this.selectTarget();
-                      }
-                    }, "initSelection")
-                    /**
-                     * Creates a fake textarea element, sets its value from `text` property,
-                     */
-                  }, {
-                    key: "createFakeElement",
-                    value: /* @__PURE__ */ __name(function createFakeElement() {
-                      var isRTL = document.documentElement.getAttribute("dir") === "rtl";
-                      this.fakeElem = document.createElement("textarea");
-                      this.fakeElem.style.fontSize = "12pt";
-                      this.fakeElem.style.border = "0";
-                      this.fakeElem.style.padding = "0";
-                      this.fakeElem.style.margin = "0";
-                      this.fakeElem.style.position = "absolute";
-                      this.fakeElem.style[isRTL ? "right" : "left"] = "-9999px";
-                      var yPosition = window.pageYOffset || document.documentElement.scrollTop;
-                      this.fakeElem.style.top = "".concat(yPosition, "px");
-                      this.fakeElem.setAttribute("readonly", "");
-                      this.fakeElem.value = this.text;
-                      return this.fakeElem;
-                    }, "createFakeElement")
-                    /**
-                     * Get's the value of fakeElem,
-                     * and makes a selection on it.
-                     */
-                  }, {
-                    key: "selectFake",
-                    value: /* @__PURE__ */ __name(function selectFake() {
-                      var _this = this;
-                      var fakeElem = this.createFakeElement();
-                      this.fakeHandlerCallback = function() {
-                        return _this.removeFake();
-                      };
-                      this.fakeHandler = this.container.addEventListener("click", this.fakeHandlerCallback) || true;
-                      this.container.appendChild(fakeElem);
-                      this.selectedText = select_default()(fakeElem);
-                      this.copyText();
-                      this.removeFake();
-                    }, "selectFake")
-                    /**
-                     * Only removes the fake element after another click event, that way
-                     * a user can hit `Ctrl+C` to copy because selection still exists.
-                     */
-                  }, {
-                    key: "removeFake",
-                    value: /* @__PURE__ */ __name(function removeFake() {
-                      if (this.fakeHandler) {
-                        this.container.removeEventListener("click", this.fakeHandlerCallback);
-                        this.fakeHandler = null;
-                        this.fakeHandlerCallback = null;
-                      }
-                      if (this.fakeElem) {
-                        this.container.removeChild(this.fakeElem);
-                        this.fakeElem = null;
-                      }
-                    }, "removeFake")
-                    /**
-                     * Selects the content from element passed on `target` property.
-                     */
-                  }, {
-                    key: "selectTarget",
-                    value: /* @__PURE__ */ __name(function selectTarget() {
-                      this.selectedText = select_default()(this.target);
-                      this.copyText();
-                    }, "selectTarget")
-                    /**
-                     * Executes the copy operation based on the current selection.
-                     */
-                  }, {
-                    key: "copyText",
-                    value: /* @__PURE__ */ __name(function copyText() {
-                      var succeeded;
-                      try {
-                        succeeded = document.execCommand(this.action);
-                      } catch (err2) {
-                        succeeded = false;
-                      }
-                      this.handleResult(succeeded);
-                    }, "copyText")
-                    /**
-                     * Fires an event based on the copy operation result.
-                     * @param {Boolean} succeeded
-                     */
-                  }, {
-                    key: "handleResult",
-                    value: /* @__PURE__ */ __name(function handleResult(succeeded) {
-                      this.emitter.emit(succeeded ? "success" : "error", {
-                        action: this.action,
-                        text: this.selectedText,
-                        trigger: this.trigger,
-                        clearSelection: this.clearSelection.bind(this)
-                      });
-                    }, "handleResult")
-                    /**
-                     * Moves focus away from `target` and back to the trigger, removes current selection.
-                     */
-                  }, {
-                    key: "clearSelection",
-                    value: /* @__PURE__ */ __name(function clearSelection() {
-                      if (this.trigger) {
-                        this.trigger.focus();
-                      }
-                      document.activeElement.blur();
-                      window.getSelection().removeAllRanges();
-                    }, "clearSelection")
-                    /**
-                     * Sets the `action` to be performed which can be either 'copy' or 'cut'.
-                     * @param {String} action
-                     */
-                  }, {
-                    key: "destroy",
-                    /**
-                     * Destroy lifecycle.
-                     */
-                    value: /* @__PURE__ */ __name(function destroy2() {
-                      this.removeFake();
-                    }, "destroy")
-                  }, {
-                    key: "action",
-                    set: /* @__PURE__ */ __name(function set2() {
-                      var action2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "copy";
-                      this._action = action2;
-                      if (this._action !== "copy" && this._action !== "cut") {
-                        throw new Error('Invalid "action" value, use either "copy" or "cut"');
-                      }
-                    }, "set"),
-                    get: /* @__PURE__ */ __name(function get2() {
-                      return this._action;
-                    }, "get")
-                    /**
-                     * Sets the `target` property using an element
-                     * that will be have its content copied.
-                     * @param {Element} target
-                     */
-                  }, {
-                    key: "target",
-                    set: /* @__PURE__ */ __name(function set2(target) {
-                      if (target !== void 0) {
-                        if (target && _typeof2(target) === "object" && target.nodeType === 1) {
-                          if (this.action === "copy" && target.hasAttribute("disabled")) {
-                            throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');
-                          }
-                          if (this.action === "cut" && (target.hasAttribute("readonly") || target.hasAttribute("disabled"))) {
-                            throw new Error(`Invalid "target" attribute. You can't cut text from elements with "readonly" or "disabled" attributes`);
-                          }
-                          this._target = target;
-                        } else {
-                          throw new Error('Invalid "target" value, use a valid Element');
-                        }
-                      }
-                    }, "set"),
-                    get: /* @__PURE__ */ __name(function get2() {
-                      return this._target;
-                    }, "get")
-                  }]);
-                  return ClipboardAction2;
-                }();
-                var clipboard_action = ClipboardAction;
-                function clipboard_typeof(obj) {
-                  "@babel/helpers - typeof";
-                  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-                    clipboard_typeof = /* @__PURE__ */ __name(function _typeof3(obj2) {
-                      return typeof obj2;
-                    }, "_typeof");
-                  } else {
-                    clipboard_typeof = /* @__PURE__ */ __name(function _typeof3(obj2) {
-                      return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-                    }, "_typeof");
-                  }
-                  return clipboard_typeof(obj);
-                }
-                __name(clipboard_typeof, "clipboard_typeof");
-                function clipboard_classCallCheck(instance, Constructor) {
-                  if (!(instance instanceof Constructor)) {
-                    throw new TypeError("Cannot call a class as a function");
-                  }
-                }
-                __name(clipboard_classCallCheck, "clipboard_classCallCheck");
-                function clipboard_defineProperties(target, props) {
-                  for (var i2 = 0; i2 < props.length; i2++) {
-                    var descriptor = props[i2];
-                    descriptor.enumerable = descriptor.enumerable || false;
-                    descriptor.configurable = true;
-                    if ("value" in descriptor)
-                      descriptor.writable = true;
-                    Object.defineProperty(target, descriptor.key, descriptor);
-                  }
-                }
-                __name(clipboard_defineProperties, "clipboard_defineProperties");
-                function clipboard_createClass(Constructor, protoProps, staticProps) {
-                  if (protoProps)
-                    clipboard_defineProperties(Constructor.prototype, protoProps);
-                  if (staticProps)
-                    clipboard_defineProperties(Constructor, staticProps);
-                  return Constructor;
-                }
-                __name(clipboard_createClass, "clipboard_createClass");
-                function _inherits2(subClass, superClass) {
-                  if (typeof superClass !== "function" && superClass !== null) {
-                    throw new TypeError("Super expression must either be null or a function");
-                  }
-                  subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } });
-                  if (superClass)
-                    _setPrototypeOf2(subClass, superClass);
-                }
-                __name(_inherits2, "_inherits");
-                function _setPrototypeOf2(o2, p2) {
-                  _setPrototypeOf2 = Object.setPrototypeOf || /* @__PURE__ */ __name(function _setPrototypeOf3(o3, p3) {
-                    o3.__proto__ = p3;
-                    return o3;
-                  }, "_setPrototypeOf");
-                  return _setPrototypeOf2(o2, p2);
-                }
-                __name(_setPrototypeOf2, "_setPrototypeOf");
-                function _createSuper2(Derived) {
-                  var hasNativeReflectConstruct = _isNativeReflectConstruct2();
-                  return /* @__PURE__ */ __name(function _createSuperInternal() {
-                    var Super = _getPrototypeOf2(Derived), result;
-                    if (hasNativeReflectConstruct) {
-                      var NewTarget = _getPrototypeOf2(this).constructor;
-                      result = Reflect.construct(Super, arguments, NewTarget);
-                    } else {
-                      result = Super.apply(this, arguments);
-                    }
-                    return _possibleConstructorReturn2(this, result);
-                  }, "_createSuperInternal");
-                }
-                __name(_createSuper2, "_createSuper");
-                function _possibleConstructorReturn2(self2, call2) {
-                  if (call2 && (clipboard_typeof(call2) === "object" || typeof call2 === "function")) {
-                    return call2;
-                  }
-                  return _assertThisInitialized2(self2);
-                }
-                __name(_possibleConstructorReturn2, "_possibleConstructorReturn");
-                function _assertThisInitialized2(self2) {
-                  if (self2 === void 0) {
-                    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-                  }
-                  return self2;
-                }
-                __name(_assertThisInitialized2, "_assertThisInitialized");
-                function _isNativeReflectConstruct2() {
-                  if (typeof Reflect === "undefined" || !Reflect.construct)
-                    return false;
-                  if (Reflect.construct.sham)
-                    return false;
-                  if (typeof Proxy === "function")
-                    return true;
-                  try {
-                    Date.prototype.toString.call(Reflect.construct(Date, [], function() {
-                    }));
-                    return true;
-                  } catch (e2) {
-                    return false;
-                  }
-                }
-                __name(_isNativeReflectConstruct2, "_isNativeReflectConstruct");
-                function _getPrototypeOf2(o2) {
-                  _getPrototypeOf2 = Object.setPrototypeOf ? Object.getPrototypeOf : /* @__PURE__ */ __name(function _getPrototypeOf3(o3) {
-                    return o3.__proto__ || Object.getPrototypeOf(o3);
-                  }, "_getPrototypeOf");
-                  return _getPrototypeOf2(o2);
-                }
-                __name(_getPrototypeOf2, "_getPrototypeOf");
-                function getAttributeValue(suffix, element2) {
-                  var attribute = "data-clipboard-".concat(suffix);
-                  if (!element2.hasAttribute(attribute)) {
-                    return;
-                  }
-                  return element2.getAttribute(attribute);
-                }
-                __name(getAttributeValue, "getAttributeValue");
-                var Clipboard2 = /* @__PURE__ */ function(_Emitter) {
-                  _inherits2(Clipboard3, _Emitter);
-                  var _super = _createSuper2(Clipboard3);
-                  function Clipboard3(trigger2, options) {
-                    var _this;
-                    clipboard_classCallCheck(this, Clipboard3);
-                    _this = _super.call(this);
-                    _this.resolveOptions(options);
-                    _this.listenClick(trigger2);
-                    return _this;
-                  }
-                  __name(Clipboard3, "Clipboard");
-                  clipboard_createClass(Clipboard3, [{
-                    key: "resolveOptions",
-                    value: /* @__PURE__ */ __name(function resolveOptions() {
-                      var options = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
-                      this.action = typeof options.action === "function" ? options.action : this.defaultAction;
-                      this.target = typeof options.target === "function" ? options.target : this.defaultTarget;
-                      this.text = typeof options.text === "function" ? options.text : this.defaultText;
-                      this.container = clipboard_typeof(options.container) === "object" ? options.container : document.body;
-                    }, "resolveOptions")
-                    /**
-                     * Adds a click event listener to the passed trigger.
-                     * @param {String|HTMLElement|HTMLCollection|NodeList} trigger
-                     */
-                  }, {
-                    key: "listenClick",
-                    value: /* @__PURE__ */ __name(function listenClick(trigger2) {
-                      var _this2 = this;
-                      this.listener = listen_default()(trigger2, "click", function(e2) {
-                        return _this2.onClick(e2);
-                      });
-                    }, "listenClick")
-                    /**
-                     * Defines a new `ClipboardAction` on each click event.
-                     * @param {Event} e
-                     */
-                  }, {
-                    key: "onClick",
-                    value: /* @__PURE__ */ __name(function onClick(e2) {
-                      var trigger2 = e2.delegateTarget || e2.currentTarget;
-                      if (this.clipboardAction) {
-                        this.clipboardAction = null;
-                      }
-                      this.clipboardAction = new clipboard_action({
-                        action: this.action(trigger2),
-                        target: this.target(trigger2),
-                        text: this.text(trigger2),
-                        container: this.container,
-                        trigger: trigger2,
-                        emitter: this
-                      });
-                    }, "onClick")
-                    /**
-                     * Default `action` lookup function.
-                     * @param {Element} trigger
-                     */
-                  }, {
-                    key: "defaultAction",
-                    value: /* @__PURE__ */ __name(function defaultAction(trigger2) {
-                      return getAttributeValue("action", trigger2);
-                    }, "defaultAction")
-                    /**
-                     * Default `target` lookup function.
-                     * @param {Element} trigger
-                     */
-                  }, {
-                    key: "defaultTarget",
-                    value: /* @__PURE__ */ __name(function defaultTarget(trigger2) {
-                      var selector = getAttributeValue("target", trigger2);
-                      if (selector) {
-                        return document.querySelector(selector);
-                      }
-                    }, "defaultTarget")
-                    /**
-                     * Returns the support of the given action, or all actions if no action is
-                     * given.
-                     * @param {String} [action]
-                     */
-                  }, {
-                    key: "defaultText",
-                    /**
-                     * Default `text` lookup function.
-                     * @param {Element} trigger
-                     */
-                    value: /* @__PURE__ */ __name(function defaultText(trigger2) {
-                      return getAttributeValue("text", trigger2);
-                    }, "defaultText")
-                    /**
-                     * Destroy lifecycle.
-                     */
-                  }, {
-                    key: "destroy",
-                    value: /* @__PURE__ */ __name(function destroy2() {
-                      this.listener.destroy();
-                      if (this.clipboardAction) {
-                        this.clipboardAction.destroy();
-                        this.clipboardAction = null;
-                      }
-                    }, "destroy")
-                  }], [{
-                    key: "isSupported",
-                    value: /* @__PURE__ */ __name(function isSupported() {
-                      var action2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : ["copy", "cut"];
-                      var actions2 = typeof action2 === "string" ? [action2] : action2;
-                      var support = !!document.queryCommandSupported;
-                      actions2.forEach(function(action3) {
-                        support = support && !!document.queryCommandSupported(action3);
-                      });
-                      return support;
-                    }, "isSupported")
-                  }]);
-                  return Clipboard3;
-                }(tiny_emitter_default());
-                var clipboard2 = Clipboard2;
-              }
-            ),
-            /***/
-            828: (
-              /***/
-              function(module3) {
-                var DOCUMENT_NODE_TYPE = 9;
-                if (typeof Element !== "undefined" && !Element.prototype.matches) {
-                  var proto = Element.prototype;
-                  proto.matches = proto.matchesSelector || proto.mozMatchesSelector || proto.msMatchesSelector || proto.oMatchesSelector || proto.webkitMatchesSelector;
-                }
-                function closest2(element2, selector) {
-                  while (element2 && element2.nodeType !== DOCUMENT_NODE_TYPE) {
-                    if (typeof element2.matches === "function" && element2.matches(selector)) {
-                      return element2;
-                    }
-                    element2 = element2.parentNode;
-                  }
-                }
-                __name(closest2, "closest");
-                module3.exports = closest2;
-              }
-            ),
-            /***/
-            438: (
-              /***/
-              function(module3, __unused_webpack_exports, __webpack_require__2) {
-                var closest2 = __webpack_require__2(828);
-                function _delegate(element2, selector, type2, callback2, useCapture) {
-                  var listenerFn = listener.apply(this, arguments);
-                  element2.addEventListener(type2, listenerFn, useCapture);
-                  return {
-                    destroy: function() {
-                      element2.removeEventListener(type2, listenerFn, useCapture);
-                    }
-                  };
-                }
-                __name(_delegate, "_delegate");
-                function delegate(elements, selector, type2, callback2, useCapture) {
-                  if (typeof elements.addEventListener === "function") {
-                    return _delegate.apply(null, arguments);
-                  }
-                  if (typeof type2 === "function") {
-                    return _delegate.bind(null, document).apply(null, arguments);
-                  }
-                  if (typeof elements === "string") {
-                    elements = document.querySelectorAll(elements);
-                  }
-                  return Array.prototype.map.call(elements, function(element2) {
-                    return _delegate(element2, selector, type2, callback2, useCapture);
-                  });
-                }
-                __name(delegate, "delegate");
-                function listener(element2, selector, type2, callback2) {
-                  return function(e2) {
-                    e2.delegateTarget = closest2(e2.target, selector);
-                    if (e2.delegateTarget) {
-                      callback2.call(element2, e2);
-                    }
-                  };
-                }
-                __name(listener, "listener");
-                module3.exports = delegate;
-              }
-            ),
-            /***/
-            879: (
-              /***/
-              function(__unused_webpack_module, exports4) {
-                exports4.node = function(value) {
-                  return value !== void 0 && value instanceof HTMLElement && value.nodeType === 1;
-                };
-                exports4.nodeList = function(value) {
-                  var type2 = Object.prototype.toString.call(value);
-                  return value !== void 0 && (type2 === "[object NodeList]" || type2 === "[object HTMLCollection]") && "length" in value && (value.length === 0 || exports4.node(value[0]));
-                };
-                exports4.string = function(value) {
-                  return typeof value === "string" || value instanceof String;
-                };
-                exports4.fn = function(value) {
-                  var type2 = Object.prototype.toString.call(value);
-                  return type2 === "[object Function]";
-                };
-              }
-            ),
-            /***/
-            370: (
-              /***/
-              function(module3, __unused_webpack_exports, __webpack_require__2) {
-                var is2 = __webpack_require__2(879);
-                var delegate = __webpack_require__2(438);
-                function listen(target, type2, callback2) {
-                  if (!target && !type2 && !callback2) {
-                    throw new Error("Missing required arguments");
-                  }
-                  if (!is2.string(type2)) {
-                    throw new TypeError("Second argument must be a String");
-                  }
-                  if (!is2.fn(callback2)) {
-                    throw new TypeError("Third argument must be a Function");
-                  }
-                  if (is2.node(target)) {
-                    return listenNode(target, type2, callback2);
-                  } else if (is2.nodeList(target)) {
-                    return listenNodeList(target, type2, callback2);
-                  } else if (is2.string(target)) {
-                    return listenSelector(target, type2, callback2);
-                  } else {
-                    throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList");
-                  }
-                }
-                __name(listen, "listen");
-                function listenNode(node2, type2, callback2) {
-                  node2.addEventListener(type2, callback2);
-                  return {
-                    destroy: function() {
-                      node2.removeEventListener(type2, callback2);
-                    }
-                  };
-                }
-                __name(listenNode, "listenNode");
-                function listenNodeList(nodeList, type2, callback2) {
-                  Array.prototype.forEach.call(nodeList, function(node2) {
-                    node2.addEventListener(type2, callback2);
-                  });
-                  return {
-                    destroy: function() {
-                      Array.prototype.forEach.call(nodeList, function(node2) {
-                        node2.removeEventListener(type2, callback2);
-                      });
-                    }
-                  };
-                }
-                __name(listenNodeList, "listenNodeList");
-                function listenSelector(selector, type2, callback2) {
-                  return delegate(document.body, selector, type2, callback2);
-                }
-                __name(listenSelector, "listenSelector");
-                module3.exports = listen;
-              }
-            ),
-            /***/
-            817: (
-              /***/
-              function(module3) {
-                function select(element2) {
-                  var selectedText;
-                  if (element2.nodeName === "SELECT") {
-                    element2.focus();
-                    selectedText = element2.value;
-                  } else if (element2.nodeName === "INPUT" || element2.nodeName === "TEXTAREA") {
-                    var isReadOnly = element2.hasAttribute("readonly");
-                    if (!isReadOnly) {
-                      element2.setAttribute("readonly", "");
-                    }
-                    element2.select();
-                    element2.setSelectionRange(0, element2.value.length);
-                    if (!isReadOnly) {
-                      element2.removeAttribute("readonly");
-                    }
-                    selectedText = element2.value;
-                  } else {
-                    if (element2.hasAttribute("contenteditable")) {
-                      element2.focus();
-                    }
-                    var selection = window.getSelection();
-                    var range2 = document.createRange();
-                    range2.selectNodeContents(element2);
-                    selection.removeAllRanges();
-                    selection.addRange(range2);
-                    selectedText = selection.toString();
-                  }
-                  return selectedText;
-                }
-                __name(select, "select");
-                module3.exports = select;
-              }
-            ),
-            /***/
-            279: (
-              /***/
-              function(module3) {
-                function E2() {
-                }
-                __name(E2, "E");
-                E2.prototype = {
-                  on: function(name2, callback2, ctx) {
-                    var e2 = this.e || (this.e = {});
-                    (e2[name2] || (e2[name2] = [])).push({
-                      fn: callback2,
-                      ctx
-                    });
-                    return this;
-                  },
-                  once: function(name2, callback2, ctx) {
-                    var self2 = this;
-                    function listener() {
-                      self2.off(name2, listener);
-                      callback2.apply(ctx, arguments);
-                    }
-                    __name(listener, "listener");
-                    listener._ = callback2;
-                    return this.on(name2, listener, ctx);
-                  },
-                  emit: function(name2) {
-                    var data = [].slice.call(arguments, 1);
-                    var evtArr = ((this.e || (this.e = {}))[name2] || []).slice();
-                    var i2 = 0;
-                    var len2 = evtArr.length;
-                    for (i2; i2 < len2; i2++) {
-                      evtArr[i2].fn.apply(evtArr[i2].ctx, data);
-                    }
-                    return this;
-                  },
-                  off: function(name2, callback2) {
-                    var e2 = this.e || (this.e = {});
-                    var evts = e2[name2];
-                    var liveEvents = [];
-                    if (evts && callback2) {
-                      for (var i2 = 0, len2 = evts.length; i2 < len2; i2++) {
-                        if (evts[i2].fn !== callback2 && evts[i2].fn._ !== callback2)
-                          liveEvents.push(evts[i2]);
-                      }
-                    }
-                    liveEvents.length ? e2[name2] = liveEvents : delete e2[name2];
-                    return this;
-                  }
-                };
-                module3.exports = E2;
-                module3.exports.TinyEmitter = E2;
-              }
-            )
-            /******/
-          };
-          var __webpack_module_cache__ = {};
-          function __webpack_require__(moduleId) {
-            if (__webpack_module_cache__[moduleId]) {
-              return __webpack_module_cache__[moduleId].exports;
-            }
-            var module3 = __webpack_module_cache__[moduleId] = {
-              /******/
-              // no module.id needed
-              /******/
-              // no module.loaded needed
-              /******/
-              exports: {}
-              /******/
-            };
-            __webpack_modules__[moduleId](module3, module3.exports, __webpack_require__);
-            return module3.exports;
-          }
-          __name(__webpack_require__, "__webpack_require__");
-          !function() {
-            __webpack_require__.n = function(module3) {
-              var getter = module3 && module3.__esModule ? (
-                /******/
-                function() {
-                  return module3["default"];
-                }
-              ) : (
-                /******/
-                function() {
-                  return module3;
-                }
-              );
-              __webpack_require__.d(getter, { a: getter });
-              return getter;
-            };
-          }();
-          !function() {
-            __webpack_require__.d = function(exports4, definition2) {
-              for (var key2 in definition2) {
-                if (__webpack_require__.o(definition2, key2) && !__webpack_require__.o(exports4, key2)) {
-                  Object.defineProperty(exports4, key2, { enumerable: true, get: definition2[key2] });
-                }
-              }
-            };
-          }();
-          !function() {
-            __webpack_require__.o = function(obj, prop2) {
-              return Object.prototype.hasOwnProperty.call(obj, prop2);
-            };
-          }();
-          return __webpack_require__(134);
-        }().default
-      );
-    });
-  })(clipboard);
-  var clipboardExports = clipboard.exports;
-  const Clipboard$1 = /* @__PURE__ */ getDefaultExportFromCjs(clipboardExports);
   var connectionStore = /* @__PURE__ */ new WeakMap();
   var ITERATION_KEY = Symbol("iteration key");
   function storeObservable(obj) {
@@ -151730,7 +150950,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
   }
   __name(showFileDialog, "showFileDialog");
   const name = "@teselagen/ove";
-  const version = "0.7.3-beta.4";
+  const version = "0.7.3-beta.6";
   const main = "./src/index.js";
   const type = "module";
   const exports$1 = {
@@ -154033,7 +153253,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
     return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
   }
   __name(isElementInViewport, "isElementInViewport");
-  const _Clipboard = class _Clipboard extends React$2.Component {
+  const _Keyboard = class _Keyboard extends React$2.Component {
     constructor() {
       super(...arguments);
       __publicField(this, "handleKeyDown", /* @__PURE__ */ __name((e2) => {
@@ -154102,14 +153322,14 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
       );
     }
   };
-  __name(_Clipboard, "Clipboard");
+  __name(_Keyboard, "Keyboard");
   // static propTypes = {
   //   value: PropTypes.string.isRequired
   // };
-  __publicField(_Clipboard, "defaultProps", {
+  __publicField(_Keyboard, "defaultProps", {
     className: "clipboard"
   });
-  let Clipboard = _Clipboard;
+  let Keyboard = _Keyboard;
   let dragInProgress = false;
   let selectionStartOrEndGrabbed;
   let caretPositionOnDragStart;
@@ -155125,9 +154345,8 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           const { sequenceData: sequenceData2, readOnly: readOnly2, disableBpEditing, selectionLayer: selectionLayer2 } = this.props;
           const { isProtein: isProtein2 } = sequenceData2;
           const makeTextCopyable = /* @__PURE__ */ __name((transformFunc, className, action2 = "copy") => {
-            return new Clipboard$1(`.${className}`, {
-              action: () => action2,
-              text: () => {
+            document.querySelectorAll(`.${className}`).forEach((element2) => {
+              element2.addEventListener("click", () => __async(this, null, function* () {
                 const { selectionLayer: selectionLayer22, editorName, store: store2 } = this.props;
                 const { sequenceData: sequenceData22, copyOptions: copyOptions2 } = store2.getState().VectorEditor[editorName];
                 const selectedSeqData = getSequenceDataBetweenRange(
@@ -155152,17 +154371,19 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
                   sequenceData22
                 );
                 this.sequenceDataToCopy = sequenceDataToCopy;
-                if (action2 === "copy") {
-                  document.body.addEventListener("copy", this.handleCopy);
-                } else {
-                  document.body.addEventListener("cut", this.handleCut);
-                }
-                if (window.Cypress) {
-                  window.Cypress.textToCopy = sequenceDataToCopy.textToCopy;
-                  window.Cypress.seqDataToCopy = sequenceDataToCopy;
+                const textToCopy = sequenceDataToCopy.textToCopy || sequenceDataToCopy.sequence;
+                try {
+                  yield navigator.clipboard.writeText(textToCopy);
+                  if (action2 === "cut") {
+                  }
+                  if (window.Cypress) {
+                    window.Cypress.textToCopy = sequenceDataToCopy.textToCopy;
+                    window.Cypress.seqDataToCopy = sequenceDataToCopy;
+                  }
+                } catch (err2) {
+                  console.error(`${action2} failed:`, err2);
                 }
-                return sequenceDataToCopy.textToCopy || sequenceDataToCopy.sequence;
-              }
+              }));
             });
           }, "makeTextCopyable");
           const aaCopy = {
@@ -155800,7 +155021,7 @@ Part of ${annotation.translationType} Translation from BPs ${annotation.start +
           },
           closePanelButton,
           /* @__PURE__ */ React$2.createElement(
-            Clipboard,
+            Keyboard,
             {
               value: selectedBps,
               onCopy: this.handleCopy,
@@ -168003,15 +167224,27 @@ ${seqDataToCopy}\r
                                 this.copyAllAlignmentsFastaClipboardHelper && this.copyAllAlignmentsFastaClipboardHelper.destroy();
                               },
                               didMount: () => {
-                                this.copyAllAlignmentsFastaClipboardHelper = new Clipboard$1(
-                                  `.copyAllAlignmentsFastaClipboardHelper`,
-                                  {
-                                    action: "copyAllAlignmentsFasta",
-                                    text: () => {
-                                      return this.getAllAlignmentsFastaText();
-                                    }
-                                  }
+                                const elements = document.querySelectorAll(
+                                  `.copyAllAlignmentsFastaClipboardHelper`
                                 );
+                                elements.forEach((element2) => {
+                                  element2.addEventListener(
+                                    "click",
+                                    () => __async(this, null, function* () {
+                                      const textToCopy = this.getAllAlignmentsFastaText();
+                                      try {
+                                        yield navigator.clipboard.writeText(
+                                          textToCopy
+                                        );
+                                      } catch (err2) {
+                                        console.error(
+                                          "Failed to copy text:",
+                                          err2
+                                        );
+                                      }
+                                    })
+                                  );
+                                });
                               },
                               onClick: () => {
                                 window.toastr.success("Selection Copied");
@@ -168024,11 +167257,13 @@ ${seqDataToCopy}\r
                                 this.copySpecificAlignmentFastaClipboardHelper && this.copySpecificAlignmentFastaClipboardHelper.destroy();
                               },
                               didMount: () => {
-                                this.copySpecificAlignmentFastaClipboardHelper = new Clipboard$1(
-                                  `.copySpecificAlignmentFastaClipboardHelper`,
-                                  {
-                                    action: "copySpecificAlignmentFasta",
-                                    text: () => {
+                                const elements = document.querySelectorAll(
+                                  `.copySpecificAlignmentFastaClipboardHelper`
+                                );
+                                elements.forEach((element2) => {
+                                  element2.addEventListener(
+                                    "click",
+                                    () => __async(this, null, function* () {
                                       const { selectionLayer: selectionLayer2 } = this.props.store.getState().VectorEditor.__allEditorsOptions.alignments[this.props.id] || {};
                                       const seqDataToCopy = getSequenceDataBetweenRange(
                                         alignmentData,
@@ -168037,10 +167272,19 @@ ${seqDataToCopy}\r
                                       const seqDataToCopyAsFasta = `>${name2}\r
 ${seqDataToCopy}\r
 `;
-                                      return seqDataToCopyAsFasta;
-                                    }
-                                  }
-                                );
+                                      try {
+                                        yield navigator.clipboard.writeText(
+                                          seqDataToCopyAsFasta
+                                        );
+                                      } catch (err2) {
+                                        console.error(
+                                          "Failed to copy text:",
+                                          err2
+                                        );
+                                      }
+                                    })
+                                  );
+                                });
                               },
                               onClick: () => {
                                 window.toastr.success(
@@ -168055,20 +167299,31 @@ ${seqDataToCopy}\r
                                 this.copySpecificAlignmentAsPlainClipboardHelper && this.copySpecificAlignmentAsPlainClipboardHelper.destroy();
                               },
                               didMount: () => {
-                                this.copySpecificAlignmentAsPlainClipboardHelper = new Clipboard$1(
-                                  `.copySpecificAlignmentAsPlainClipboardHelper`,
-                                  {
-                                    action: "copySpecificAlignmentFasta",
-                                    text: () => {
+                                const elements = document.querySelectorAll(
+                                  `.copySpecificAlignmentAsPlainClipboardHelper`
+                                );
+                                elements.forEach((element2) => {
+                                  element2.addEventListener(
+                                    "click",
+                                    () => __async(this, null, function* () {
                                       const { selectionLayer: selectionLayer2 } = this.props.store.getState().VectorEditor.__allEditorsOptions.alignments[this.props.id] || {};
                                       const seqDataToCopy = getSequenceDataBetweenRange(
                                         alignmentData,
                                         selectionLayer2
                                       ).sequence;
-                                      return seqDataToCopy;
-                                    }
-                                  }
-                                );
+                                      try {
+                                        yield navigator.clipboard.writeText(
+                                          seqDataToCopy
+                                        );
+                                      } catch (err2) {
+                                        console.error(
+                                          "Failed to copy text:",
+                                          err2
+                                        );
+                                      }
+                                    })
+                                  );
+                                });
                               },
                               onClick: () => {
                                 window.toastr.success("Selection Copied");