@commander-services/cmd-dropdown-portal 1.5.0 → 1.6.1

package/dist/index.d.ts

@@ -7,6 +7,8 @@ export declare interface CmdDropdownPortalProps {
     elementId: string;
     children: default_2.ReactNode;
     handleOpen: (value: boolean) => void;
+    target?: HTMLElement;
+    keepWidth?: boolean;
 }
 
 export { }

package/dist/index.es.js

@@ -1,4 +1,4 @@
-import * as xe from "react";
+import * as ke from "react";
 import A, { useState as fr } from "react";
 import dr from "react-dom";
 var K = { exports: {} }, L = {};
@@ -15,17 +15,17 @@ var Ce;
 function vr() {
   if (Ce) return L;
   Ce = 1;
-  var g = A, f = Symbol.for("react.element"), y = Symbol.for("react.fragment"), h = Object.prototype.hasOwnProperty, k = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, j = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var v = A, f = Symbol.for("react.element"), y = Symbol.for("react.fragment"), h = Object.prototype.hasOwnProperty, x = v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, j = { key: !0, ref: !0, __self: !0, __source: !0 };
   function C(w, d, R) {
-    var c, p = {}, v = null, T = null;
-    R !== void 0 && (v = "" + R), d.key !== void 0 && (v = "" + d.key), d.ref !== void 0 && (T = d.ref);
-    for (c in d) h.call(d, c) && !j.hasOwnProperty(c) && (p[c] = d[c]);
-    if (w && w.defaultProps) for (c in d = w.defaultProps, d) p[c] === void 0 && (p[c] = d[c]);
-    return { $$typeof: f, type: w, key: v, ref: T, props: p, _owner: k.current };
+    var c, m = {}, p = null, T = null;
+    R !== void 0 && (p = "" + R), d.key !== void 0 && (p = "" + d.key), d.ref !== void 0 && (T = d.ref);
+    for (c in d) h.call(d, c) && !j.hasOwnProperty(c) && (m[c] = d[c]);
+    if (w && w.defaultProps) for (c in d = w.defaultProps, d) m[c] === void 0 && (m[c] = d[c]);
+    return { $$typeof: f, type: w, key: p, ref: T, props: m, _owner: x.current };
   }
   return L.Fragment = y, L.jsx = C, L.jsxs = C, L;
 }
-var $ = {};
+var W = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -38,22 +38,22 @@ var $ = {};
 var Pe;
 function pr() {
   return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && function() {
-    var g = A, f = Symbol.for("react.element"), y = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), w = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), v = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), W = Symbol.iterator, V = "@@iterator";
+    var v = A, f = Symbol.for("react.element"), y = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), C = Symbol.for("react.provider"), w = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), T = Symbol.for("react.offscreen"), $ = Symbol.iterator, V = "@@iterator";
     function J(e) {
       if (e === null || typeof e != "object")
         return null;
-      var r = W && e[W] || e[V];
+      var r = $ && e[$] || e[V];
       return typeof r == "function" ? r : null;
     }
-    var O = g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function m(e) {
+    var O = v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function E(e) {
       {
         for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
           t[n - 1] = arguments[n];
-        ke("error", e, t);
+        xe("error", e, t);
       }
     }
-    function ke(e, r, t) {
+    function xe(e, r, t) {
       {
         var n = O.ReactDebugCurrentFrame, i = n.getStackAddendum();
         i !== "" && (r += "%s", t = t.concat([i]));
@@ -66,7 +66,7 @@ function pr() {
     var je = !1, De = !1, Fe = !1, Ae = !1, Ie = !1, re;
     re = Symbol.for("react.module.reference");
     function Ye(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === h || e === j || Ie || e === k || e === R || e === c || Ae || e === T || je || De || Fe || typeof e == "object" && e !== null && (e.$$typeof === v || e.$$typeof === p || e.$$typeof === C || e.$$typeof === w || e.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === h || e === j || Ie || e === x || e === R || e === c || Ae || e === T || je || De || Fe || typeof e == "object" && e !== null && (e.$$typeof === p || e.$$typeof === m || e.$$typeof === C || e.$$typeof === w || e.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -85,7 +85,7 @@ function pr() {
     function P(e) {
       if (e == null)
         return null;
-      if (typeof e.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+      if (typeof e.tag == "number" && E("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
         return e.displayName || e.name || null;
       if (typeof e == "string")
         return e;
@@ -96,7 +96,7 @@ function pr() {
           return "Portal";
         case j:
           return "Profiler";
-        case k:
+        case x:
           return "StrictMode";
         case R:
           return "Suspense";
@@ -113,10 +113,10 @@ function pr() {
             return te(t._context) + ".Provider";
           case d:
             return Le(e, e.render, "ForwardRef");
-          case p:
+          case m:
             var n = e.displayName || null;
             return n !== null ? n : P(e.type) || "Memo";
-          case v: {
+          case p: {
             var i = e, u = i._payload, o = i._init;
             try {
               return P(o(u));
@@ -131,7 +131,7 @@ function pr() {
     function ce() {
     }
     ce.__reactDisabledLog = !0;
-    function $e() {
+    function We() {
       {
         if (I === 0) {
           ne = console.log, ae = console.info, oe = console.warn, ie = console.error, ue = console.group, se = console.groupCollapsed, le = console.groupEnd;
@@ -154,7 +154,7 @@ function pr() {
         I++;
       }
     }
-    function We() {
+    function $e() {
       {
         if (I--, I === 0) {
           var e = {
@@ -186,7 +186,7 @@ function pr() {
             })
           });
         }
-        I < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        I < 0 && E("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var q = O.ReactCurrentDispatcher, z;
@@ -221,7 +221,7 @@ function pr() {
       var i = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var u;
-      u = q.current, q.current = null, $e();
+      u = q.current, q.current = null, We();
       try {
         if (r) {
           var o = function() {
@@ -257,14 +257,14 @@ function pr() {
       } catch (b) {
         if (b && n && typeof b.stack == "string") {
           for (var a = b.stack.split(`
-`), E = n.stack.split(`
-`), s = a.length - 1, l = E.length - 1; s >= 1 && l >= 0 && a[s] !== E[l]; )
+`), g = n.stack.split(`
+`), s = a.length - 1, l = g.length - 1; s >= 1 && l >= 0 && a[s] !== g[l]; )
             l--;
           for (; s >= 1 && l >= 0; s--, l--)
-            if (a[s] !== E[l]) {
+            if (a[s] !== g[l]) {
               if (s !== 1 || l !== 1)
                 do
-                  if (s--, l--, l < 0 || a[s] !== E[l]) {
+                  if (s--, l--, l < 0 || a[s] !== g[l]) {
                     var _ = `
 ` + a[s].replace(" at new ", " at ");
                     return e.displayName && _.includes("<anonymous>") && (_ = _.replace("<anonymous>", e.displayName)), typeof e == "function" && B.set(e, _), _;
@@ -274,10 +274,10 @@ function pr() {
             }
         }
       } finally {
-        G = !1, q.current = u, We(), Error.prepareStackTrace = i;
+        G = !1, q.current = u, $e(), Error.prepareStackTrace = i;
       }
-      var F = e ? e.displayName || e.name : "", x = F ? M(F) : "";
-      return typeof e == "function" && B.set(e, x), x;
+      var F = e ? e.displayName || e.name : "", k = F ? M(F) : "";
+      return typeof e == "function" && B.set(e, k), k;
     }
     function Me(e, r, t) {
       return fe(e, !1);
@@ -303,9 +303,9 @@ function pr() {
         switch (e.$$typeof) {
           case d:
             return Me(e.render);
-          case p:
+          case m:
             return U(e.type, r, t);
-          case v: {
+          case p: {
             var n = e, i = n._payload, u = n._init;
             try {
               return U(u(i), r, t);
@@ -331,14 +331,14 @@ function pr() {
             var a = void 0;
             try {
               if (typeof e[o] != "function") {
-                var E = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw E.name = "Invariant Violation", E;
+                var g = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw g.name = "Invariant Violation", g;
               }
               a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (s) {
               a = s;
             }
-            a && !(a instanceof Error) && (N(i), m("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), N(null)), a instanceof Error && !(a.message in de) && (de[a.message] = !0, N(i), m("Failed %s type: %s", t, a.message), N(null));
+            a && !(a instanceof Error) && (N(i), E("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), N(null)), a instanceof Error && !(a.message in de) && (de[a.message] = !0, N(i), E("Failed %s type: %s", t, a.message), N(null));
           }
       }
     }
@@ -364,7 +364,7 @@ function pr() {
     }
     function me(e) {
       if (Je(e))
-        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), pe(e);
+        return E("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ke(e)), pe(e);
     }
     var Ee = O.ReactCurrentOwner, qe = {
       key: !0,
@@ -394,7 +394,7 @@ function pr() {
     function Xe(e, r) {
       {
         var t = function() {
-          ge || (ge = !0, m("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          ge || (ge = !0, E("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "key", {
           get: t,
@@ -405,7 +405,7 @@ function pr() {
     function Ze(e, r) {
       {
         var t = function() {
-          be || (be = !0, m("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
+          be || (be = !0, E("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
         };
         t.isReactWarning = !0, Object.defineProperty(e, "ref", {
           get: t,
@@ -444,8 +444,8 @@ function pr() {
     };
     function er(e, r, t, n, i) {
       {
-        var u, o = {}, a = null, E = null;
-        t !== void 0 && (me(t), a = "" + t), Ge(r) && (me(r.key), a = "" + r.key), ze(r) && (E = r.ref, He(r, i));
+        var u, o = {}, a = null, g = null;
+        t !== void 0 && (me(t), a = "" + t), Ge(r) && (me(r.key), a = "" + r.key), ze(r) && (g = r.ref, He(r, i));
         for (u in r)
           Y.call(r, u) && !qe.hasOwnProperty(u) && (o[u] = r[u]);
         if (e && e.defaultProps) {
@@ -453,11 +453,11 @@ function pr() {
           for (u in s)
             o[u] === void 0 && (o[u] = s[u]);
         }
-        if (a || E) {
+        if (a || g) {
           var l = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && Xe(o, l), E && Ze(o, l);
+          a && Xe(o, l), g && Ze(o, l);
         }
-        return Qe(e, a, E, i, n, Ee.current, o);
+        return Qe(e, a, g, i, n, Ee.current, o);
       }
     }
     var X = O.ReactCurrentOwner, ye = O.ReactDebugCurrentFrame;
@@ -511,7 +511,7 @@ Check the top-level render call using <` + t + ">.");
           return;
         Re[t] = !0;
         var n = "";
-        e && e._owner && e._owner !== X.current && (n = " It was passed a child from " + P(e._owner.type) + "."), D(e), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), D(null);
+        e && e._owner && e._owner !== X.current && (n = " It was passed a child from " + P(e._owner.type) + "."), D(e), E('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), D(null);
       }
     }
     function we(e, r) {
@@ -543,7 +543,7 @@ Check the top-level render call using <` + t + ">.");
           t = r.propTypes;
         else if (typeof r == "object" && (r.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === p))
+        r.$$typeof === m))
           t = r.propTypes;
         else
           return;
@@ -553,9 +553,9 @@ Check the top-level render call using <` + t + ">.");
         } else if (r.PropTypes !== void 0 && !Z) {
           Z = !0;
           var i = P(r);
-          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
+          E("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
         }
-        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && E("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function ar(e) {
@@ -563,11 +563,11 @@ Check the top-level render call using <` + t + ">.");
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
           var n = r[t];
           if (n !== "children" && n !== "key") {
-            D(e), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), D(null);
+            D(e), E("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), D(null);
             break;
           }
         }
-        e.ref !== null && (D(e), m("Invalid attribute `ref` supplied to `React.Fragment`."), D(null));
+        e.ref !== null && (D(e), E("Invalid attribute `ref` supplied to `React.Fragment`."), D(null));
       }
     }
     var Te = {};
@@ -577,10 +577,10 @@ Check the top-level render call using <` + t + ">.");
         if (!o) {
           var a = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var E = rr();
-          E ? a += E : a += he();
+          var g = rr();
+          g ? a += g : a += he();
           var s;
-          e === null ? s = "null" : H(e) ? s = "array" : e !== void 0 && e.$$typeof === f ? (s = "<" + (P(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
+          e === null ? s = "null" : H(e) ? s = "array" : e !== void 0 && e.$$typeof === f ? (s = "<" + (P(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, E("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
         }
         var l = er(e, r, t, i, u);
         if (l == null)
@@ -594,22 +594,22 @@ Check the top-level render call using <` + t + ">.");
                   we(_[F], e);
                 Object.freeze && Object.freeze(_);
               } else
-                m("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                E("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               we(_, e);
         }
         if (Y.call(r, "key")) {
-          var x = P(e), b = Object.keys(r).filter(function(cr) {
+          var k = P(e), b = Object.keys(r).filter(function(cr) {
             return cr !== "key";
           }), ee = b.length > 0 ? "{key: someKey, " + b.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Te[x + ee]) {
+          if (!Te[k + ee]) {
             var lr = b.length > 0 ? "{" + b.join(": ..., ") + ": ...}" : "{}";
-            m(`A props object containing a "key" prop is being spread into JSX:
+            E(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, ee, x, lr, x), Te[x + ee] = !0;
+  <%s key={someKey} {...props} />`, ee, k, lr, k), Te[k + ee] = !0;
           }
         }
         return e === h ? ar(l) : nr(l), l;
@@ -622,55 +622,55 @@ React keys must be passed directly to JSX without using spread:
       return Oe(e, r, t, !1);
     }
     var ur = ir, sr = or;
-    $.Fragment = h, $.jsx = ur, $.jsxs = sr;
-  }()), $;
+    W.Fragment = h, W.jsx = ur, W.jsxs = sr;
+  }()), W;
 }
 var Se;
 function mr() {
   return Se || (Se = 1, process.env.NODE_ENV === "production" ? K.exports = vr() : K.exports = pr()), K.exports;
 }
 var Er = mr();
-const gr = (g, f) => {
+const gr = (v, f) => {
   const y = (h) => {
-    g.current && !g.current.contains(h.target) && f(h);
+    v.current && !v.current.contains(h.target) && f(h);
   };
-  xe.useEffect(() => (document.addEventListener("click", y, { capture: !0 }), () => {
+  ke.useEffect(() => (document.addEventListener("click", y, { capture: !0 }), () => {
     document.removeEventListener("click", y, { capture: !0 });
   }));
-}, br = "Escape", yr = (g, f) => {
+}, br = "Escape", yr = (v, f) => {
   const y = ({ key: h }) => {
-    h === g && f();
+    h === v && f();
   };
-  xe.useEffect(() => (document.addEventListener("keyup", y), () => {
+  ke.useEffect(() => (document.addEventListener("keyup", y), () => {
     document.removeEventListener("keyup", y);
   }), []);
 }, hr = () => ({ useOutsideClick: gr, useKeyPress: yr, ESCAPE_KEY: br }), Rr = hr;
-function Tr(g) {
-  const [f, y] = fr(null), { useOutsideClick: h, useKeyPress: k, ESCAPE_KEY: j } = Rr(), C = A.useRef(), w = () => {
+function Tr(v) {
+  const [f, y] = fr(null), { useOutsideClick: h, useKeyPress: x, ESCAPE_KEY: j } = Rr(), C = A.useRef(), w = () => {
     setTimeout(function() {
-      g.handleOpen(!1);
+      v.handleOpen(!1);
     }, 50);
   };
   h(C, () => {
     w();
-  }), k(j, () => {
+  }), x(j, () => {
     w();
   });
-  const d = (c, p) => {
-    const v = c.getBoundingClientRect(), T = p.getBoundingClientRect();
-    return v.bottom >= T.top && v.bottom <= T.bottom;
+  const d = (c, m) => {
+    const p = c.getBoundingClientRect(), T = m.getBoundingClientRect();
+    return p.bottom >= T.top && p.bottom <= T.bottom;
   }, R = A.useCallback(() => {
-    const c = document.getElementById(g.elementId), p = document.getElementById("cmd-modal-body");
-    if (c && (!p || d(c, p))) {
-      const v = c.getBoundingClientRect(), T = 260, W = window.innerHeight - v.bottom, V = v.left, J = v.bottom, O = v.width;
-      W >= T || !p ? y({
+    const c = document.getElementById(v.elementId), m = document.getElementById("cmd-modal-body");
+    if (c && (!m || d(c, m))) {
+      const p = c.getBoundingClientRect(), T = 260, $ = window.innerHeight - p.bottom, V = p.left, J = p.bottom, O = p.width;
+      $ >= T || !m ? y({
         // top: rect.bottom + window.scrollY,
         top: J,
         left: V,
         width: O,
         bottom: void 0
       }) : y({
-        bottom: window.innerHeight - v.top - window.scrollY + 3,
+        bottom: window.innerHeight - p.top - window.scrollY + 3,
         left: V,
         width: O,
         top: void 0
@@ -682,25 +682,25 @@ function Tr(g) {
     window.removeEventListener("scroll", R, { capture: !0 }), window.removeEventListener("resize", R, { capture: !0 });
   }), [R]), A.useEffect(() => {
     R();
-  }, [g.elementId]), f ? dr.createPortal(
+  }, [v.elementId]), f ? dr.createPortal(
     /* @__PURE__ */ Er.jsx(
       "div",
       {
         className: "font-poppins",
-        id: `cmd-dropdown-portal-${g.elementId}`,
+        id: `cmd-dropdown-portal-${v.elementId}`,
         ref: C,
         style: {
           position: "absolute",
           left: f.left,
-          width: f.width,
           zIndex: 999999,
           ...f.top !== void 0 ? { top: f.top } : {},
-          ...f.bottom !== void 0 ? { bottom: f.bottom } : {}
+          ...f.bottom !== void 0 ? { bottom: f.bottom } : {},
+          ...v.keepWidth ? {} : { width: f.width }
         },
-        children: g.children
+        children: v.children
       }
     ),
-    document.body
+    v.target || document.body
   ) : null;
 }
 export {