@dynamix-layout/solid 1.1.0 → 2.0.0

package/dist/index.es.js

@@ -1,926 +0,0 @@
-import { spread as O, mergeProps as _, insert as y, memo as ee, effect as le, setStyleProperty as Fe, createComponent as p, setAttribute as W, template as I, style as Ae, use as Ee, delegateEvents as Be } from "solid-js/web";
-import { DynamixLayoutCore as C, Node as w, setElementRect as ve, placeTabbar as je, getTabbarPlacement as De, createFrameScheduler as Ue, getTabBodyRect as qe, getNavbarDropPreview as Ke, getRootSplitPreview as Xe, isSameDropPreview as Ve, getTabsetDropPreview as Ye } from "@dynamix-layout/core";
-import { onMount as $e, splitProps as Je, createMemo as ze, onCleanup as Se, createSignal as G, For as Q } from "solid-js";
-var A = I("<div>"), Ze = I("<div><div style=display:flex;align-items:center;gap:4px;height:100%>"), Ge = I('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="lucide lucide-grip-vertical size-2.5"><circle cx=9 cy=12 r=1></circle><circle cx=9 cy=5 r=1></circle><circle cx=9 cy=19 r=1></circle><circle cx=15 cy=12 r=1></circle><circle cx=15 cy=5 r=1></circle><circle cx=15 cy=19 r=1>'), Qe = I('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round style=transform:rotate(90deg)><circle cx=9 cy=12 r=1></circle><circle cx=9 cy=5 r=1></circle><circle cx=9 cy=19 r=1></circle><circle cx=15 cy=12 r=1></circle><circle cx=15 cy=5 r=1></circle><circle cx=15 cy=19 r=1>'), et = I('<svg xmlns=http://www.w3.org/2000/svg width=14 height=14 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path>'), tt = I("<div class=DefaultTabsetToolbar>"), pe = I("<button type=button class=DefaultTabsetToolbarButton>");
-const rt = (e) => (() => {
-  var a = A();
-  return O(a, _(e, {
-    get class() {
-      return `DefaultWrapTabLabel ${e.class || ""}`;
-    },
-    get "data-state"() {
-      return e.active ? "active" : "inactive";
-    },
-    get style() {
-      return {
-        "align-self": "center",
-        padding: "4px 6px",
-        "box-sizing": "border-box",
-        "font-size": "14px",
-        "border-radius": "4px",
-        ...e.style
-      };
-    }
-  }), !1, !0), y(a, () => e.children), a;
-})(), nt = (e) => (() => {
-  var a = A();
-  return O(a, _(e, {
-    get class() {
-      return `DefaultWrapTabBody hide-scrollbar ${e.class || ""}`;
-    },
-    get style() {
-      return {
-        "box-sizing": "border-box",
-        height: "100%",
-        width: "100%",
-        display: "grid",
-        overflow: "auto",
-        "scrollbar-width": "none",
-        "-ms-overflow-style": "none",
-        ...e.style
-      };
-    }
-  }), !1, !0), y(a, () => e.children), a;
-})(), at = (e) => (() => {
-  var a = A();
-  return O(a, _(e, {
-    get class() {
-      return `DefaultWrapTabHead hide-scrollbar ${e.class || ""}`;
-    },
-    get style() {
-      return {
-        display: "grid",
-        "grid-auto-flow": "column",
-        "justify-content": "start",
-        "align-items": "center",
-        gap: "6px",
-        "padding-left": "8px",
-        width: "100%",
-        "box-sizing": "border-box",
-        height: "100%",
-        "place-items": "self-start",
-        overflow: "auto",
-        "background-color": "#dfdfdf",
-        "scrollbar-width": "none",
-        "-ms-overflow-style": "none",
-        ...e.style
-      };
-    }
-  }), !1, !0), y(a, () => e.children), a;
-})(), ot = (e) => (() => {
-  var a = A();
-  return O(a, _(e, {
-    get class() {
-      return `DefaultWrapTabPanel ${e.class || ""}`;
-    },
-    get style() {
-      return {
-        display: "grid",
-        "align-items": "center",
-        "place-items": "self-start",
-        "box-sizing": "border-box",
-        position: "absolute",
-        "border-radius": "8px",
-        ...e.style
-      };
-    }
-  }), !1, !0), y(a, () => e.children), a;
-})(), it = (e) => (() => {
-  var a = A();
-  return O(a, _(e, {
-    get class() {
-      return `DefaultHoverElement ${e.class || ""}`;
-    },
-    get style() {
-      return {
-        display: "flex",
-        "justify-content": "center",
-        "align-items": "center",
-        opacity: 0.7,
-        position: "absolute",
-        "box-sizing": "border-box",
-        "font-weight": "bold",
-        "pointer-events": "none",
-        "background-color": "rgba(0, 175, 249, 0.5)",
-        "border-radius": "10px",
-        transition: "all 0.2s ease",
-        border: "2px dashed rgb(0, 196, 42)",
-        ...e.style
-      };
-    }
-  }), !1, !0), y(a, () => e.children), a;
-})(), lt = (e) => (() => {
-  var a = Ze(), h = a.firstChild;
-  return O(a, _(e, {
-    get class() {
-      return `DefaultSliderElement ${e.class || ""}`;
-    },
-    get style() {
-      return {
-        width: "100%",
-        height: "100%",
-        position: "absolute",
-        "box-sizing": "border-box",
-        "background-color": "white",
-        "z-index": 9,
-        cursor: "grab",
-        ...e.style
-      };
-    }
-  }), !1, !0), y(h, (() => {
-    var s = ee(() => !e.direction);
-    return () => s() ? Ge() : Qe();
-  })()), y(a, () => e.children, null), le((s) => Fe(h, "flex-direction", e.direction ? "column" : "row")), a;
-})(), dt = (e) => {
-  const [a, h] = Je(e, ["area", "size", "gap", "class", "style", "children"]), s = ze(() => {
-    const o = a.size || {
-      h: "20%",
-      w: "6px"
-    }, u = a.gap || "0px", c = {};
-    return a.area === "left" ? (Object.assign(c, {
-      "border-top-right-radius": "16px",
-      "border-bottom-right-radius": "16px",
-      height: o.h,
-      left: u,
-      width: o.w
-    }), c.top = `calc(50% - ${o.h} / 2)`) : a.area === "top" ? (Object.assign(c, {
-      "border-bottom-left-radius": "16px",
-      "border-bottom-right-radius": "16px",
-      width: o.h,
-      top: u,
-      height: o.w
-    }), c.left = `calc(50% - ${o.h} / 2)`) : a.area === "right" ? (Object.assign(c, {
-      "border-top-left-radius": "16px",
-      "border-bottom-left-radius": "16px",
-      height: o.h,
-      right: u,
-      width: o.w
-    }), c.top = `calc(50% - ${o.h} / 2)`) : a.area === "bottom" && (Object.assign(c, {
-      "border-top-left-radius": "16px",
-      "border-top-right-radius": "16px",
-      width: o.h,
-      bottom: u,
-      height: o.w
-    }), c.left = `calc(50% - ${o.h} / 2)`), c;
-  });
-  return (() => {
-    var o = A();
-    return O(o, _(h, {
-      get class() {
-        return `RootSplitterHoverEl ${a.class || ""}`;
-      },
-      get style() {
-        return {
-          position: "absolute",
-          "z-index": -1,
-          display: "none",
-          "box-sizing": "border-box",
-          "background-color": "#0081f9",
-          cursor: "grab",
-          ...a.style,
-          ...s()
-        };
-      }
-    }), !1, !0), y(o, () => a.children), o;
-  })();
-}, Te = (e) => (() => {
-  var a = et(), h = a.firstChild;
-  return le((s) => {
-    var o = e.rotate ? {
-      transform: `rotate(${e.rotate}deg)`
-    } : {}, u = e.path;
-    return s.e = Ae(a, o, s.e), u !== s.t && W(h, "d", s.t = u), s;
-  }, {
-    e: void 0,
-    t: void 0
-  }), a;
-})(), st = "M8 3H5a2 2 0 0 0-2 2v3M21 8V5a2 2 0 0 0-2-2h-3M3 16v3a2 2 0 0 0 2 2h3M16 21h3a2 2 0 0 0 2-2v-3", ct = "M8 3v3a2 2 0 0 1-2 2H3M21 8h-3a2 2 0 0 1-2-2V3M3 16h3a2 2 0 0 1 2 2v3M16 21v-3a2 2 0 0 1 2-2h3", ut = "m15 18-6-6 6-6", gt = (e) => {
-  const a = () => (e.rowIsHorizontal ? 0 : 90) + (e.folded ? 180 : 0), h = () => e.rotated ? -90 : 0;
-  let s;
-  return $e(() => {
-    const o = s?.parentElement;
-    if (!s || !o) return;
-    const u = () => {
-      s.style.transform = `translateX(${o.scrollLeft}px)`;
-    };
-    u(), o.addEventListener("scroll", u, {
-      passive: !0
-    }), Se(() => o.removeEventListener("scroll", u));
-  }), (() => {
-    var o = tt();
-    o.$$dblclick = (c) => c.stopPropagation();
-    var u = s;
-    return typeof u == "function" ? Ee(u, o) : s = o, y(o, (() => {
-      var c = ee(() => !!e.showMaximize);
-      return () => c() && (() => {
-        var v = pe();
-        return v.$$click = () => e.onToggleMaximize(), y(v, p(Te, {
-          get path() {
-            return e.maximized ? ct : st;
-          },
-          get rotate() {
-            return h();
-          }
-        })), le((f) => {
-          var T = e.maximized ? "Restore" : "Maximize", k = e.maximized, z = e.maximized ? "Restore (⌥ +)" : "Maximize (⌥ +)";
-          return T !== f.e && W(v, "aria-label", f.e = T), k !== f.t && W(v, "aria-pressed", f.t = k), z !== f.a && W(v, "title", f.a = z), f;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        }), v;
-      })();
-    })(), null), y(o, (() => {
-      var c = ee(() => !!e.showFold);
-      return () => c() && (() => {
-        var v = pe();
-        return v.$$click = () => e.onToggleFold(), y(v, p(Te, {
-          path: ut,
-          get rotate() {
-            return a() + h();
-          }
-        })), le((f) => {
-          var T = e.folded ? "Unfold" : "Fold", k = !e.folded, z = e.folded ? "Unfold (⌥ -)" : "Fold (⌥ -)";
-          return T !== f.e && W(v, "aria-label", f.e = T), k !== f.t && W(v, "aria-expanded", f.t = k), z !== f.a && W(v, "title", f.a = z), f;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        }), v;
-      })();
-    })(), null), o;
-  })();
-};
-Be(["dblclick", "click"]);
-const ft = ({
-  tabOutput: e,
-  rootId: a,
-  layoutTree: h,
-  updateJSON: s,
-  dimensions: o,
-  tabHeadHeight: u,
-  enableTabbar: c,
-  bondWidth: v,
-  minTabHeight: f,
-  minTabWidth: T,
-  sliderUpdateTimeout: k,
-  windowResizeTimeout: z,
-  disableSliderTimeout: B,
-  disableResizeTimeout: j,
-  keyboardShortcuts: U = !0,
-  enableDoubleClickMaximize: de = !0
-}) => {
-  const q = /* @__PURE__ */ new Map(), te = /* @__PURE__ */ new Map(), K = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map(), D = { current: void 0 }, X = [], [V, F] = G(
-    h
-  ), [se, ne] = G(
-    /* @__PURE__ */ new Map()
-  ), [ce, ae] = G(
-    /* @__PURE__ */ new Map()
-  ), [ue, $] = G(!1);
-  let S = null;
-  const [ge, fe] = G(!1), i = {
-    src: void 0,
-    des: void 0,
-    area: void 0,
-    drag: !1
-  }, R = {
-    sliderId: void 0,
-    isSliding: !1
-  }, oe = c ? Math.max(f, u) : f, M = new C({
-    tabs: e.keys,
-    tree: V(),
-    minW: T,
-    minH: oe,
-    bond: v,
-    uqid: a,
-    tabsIds: e.name,
-    collapsedSize: c ? u : oe
-  }), Y = (t) => {
-    const r = new Map(t);
-    ne(r);
-  }, J = (t) => {
-    const r = new Map(t);
-    ae(r);
-  }, b = () => {
-    const t = c ? u : 0;
-    w.cache.tabOpts.get().forEach((r, d) => {
-      const l = re.get(d);
-      if (!l) return;
-      const g = qe(r.nodDims, t);
-      ve(l, g);
-      const we = r.nodOpen && !r.nodFold && !r.nodHidden && g.h > 0;
-      l.style.display = we ? "block" : "none";
-    });
-  }, N = w.cache.nodOpts.onChange(
-    (t) => {
-      t.forEach((r, d) => {
-        const l = K.get(d);
-        l && ve(l, r.nodDims);
-        const g = q.get(d);
-        g && c && (g.toggleAttribute("data-dx-hidden", !!r.nodHidden), je(
-          g,
-          De(r, u)
-        ));
-      });
-    }
-  ), n = w.cache.tabOpts.onChange(() => b()), m = w.cache.bndOpts.onChange(
-    (t) => {
-      t.forEach((r, d) => {
-        const l = te.get(d);
-        l && (ve(l, r.nodDims), l.toggleAttribute("data-dx-hidden", !!r.nodHidden), l.style.pointerEvents = r.nodLocked ? "none" : "");
-      });
-    }
-  ), x = Ue(
-    ({ id: t, point: r }) => M.updateSlider(
-      t,
-      r,
-      B,
-      k
-    )
-  ), Z = (t) => {
-    const r = R.sliderId;
-    !R.isSliding || !r || x.schedule({ id: r, point: { x: t.clientX, y: t.clientY } });
-  }, P = (t) => {
-    if (!R.isSliding) return;
-    x.flush();
-    const r = t.currentTarget;
-    R.isSliding = !1, R.sliderId = void 0, $(!1), s && s(C._root.toJSON()), r.releasePointerCapture(t.pointerId), r.removeEventListener("pointermove", Z), r.removeEventListener("pointerup", P), r.removeEventListener("pointercancel", P);
-  }, E = (t) => {
-    t.preventDefault();
-    const r = t.currentTarget;
-    R.isSliding = !0, R.sliderId = r.id, $(!0), r.setPointerCapture(t.pointerId), r.addEventListener("pointermove", Z), r.addEventListener("pointerup", P), r.addEventListener("pointercancel", P);
-  };
-  let H = {};
-  const Me = (t, r, d) => {
-    if (!D.current || !i || !d)
-      return null;
-    const l = Ye(
-      d.getBoundingClientRect(),
-      t,
-      r
-    );
-    ie(l), i.des = d, i.area = l.area;
-  }, Ce = (t) => {
-    t.preventDefault(), t.stopPropagation(), t.dataTransfer && (t.dataTransfer.dropEffect = "move");
-    const r = t.currentTarget;
-    if (r.hasAttribute("data-rotated")) {
-      if (!D.current || !i) return;
-      const g = r.getBoundingClientRect();
-      ie({
-        area: "contain",
-        left: g.left,
-        top: g.top,
-        width: g.width,
-        height: g.height
-      }), i.des = r, i.area = "contain";
-      return;
-    }
-    const d = Array.from(
-      r.querySelectorAll(
-        ':scope > [data-type="tab"]'
-      )
-    );
-    if (!D.current || !i) return;
-    const l = Ke(
-      r.getBoundingClientRect(),
-      d.map((g) => g.getBoundingClientRect()),
-      t.clientX,
-      t.clientY
-    );
-    l && (ie(l), i.des = d[l.index], i.area = l.area);
-  }, ke = (t) => {
-    t.preventDefault(), t.stopPropagation(), t.dataTransfer && (t.dataTransfer.dropEffect = "move");
-    const r = t.currentTarget, { area: d, uid: l } = r.dataset;
-    if (!d || !l || !D.current || !i)
-      return;
-    const g = d;
-    i.des = r, i.area = g, ie(Xe(o(), g));
-  }, ie = (t) => {
-    const r = D.current;
-    !r || Ve(H, t) || (Object.assign(r.style, {
-      left: `${t.left}px`,
-      top: `${t.top}px`,
-      width: `${t.width}px`,
-      height: `${t.height}px`,
-      display: "block",
-      zIndex: "100"
-    }), H = t);
-  };
-  let me = null;
-  const he = () => {
-    Y(w.cache.nodOpts.get()), J(w.cache.bndOpts.get()), b(), s && s(C._root.toJSON());
-  }, be = (t) => {
-    M.toggleMaximize(t) && he();
-  }, ye = (t) => {
-    M.toggleCollapse(t) && he();
-  }, Re = (t) => {
-    const r = t.target.closest("[data-uid]"), d = r?.dataset.uid ? w.cache.mapElem.get(r.dataset.uid) : void 0;
-    d instanceof w && (d.type === "tabset" ? me = d.unId : d.type === "tab" && d.host && (me = d.host.unId));
-  }, Ne = (t) => {
-    const r = t.currentTarget.dataset.uid;
-    de && r && be(r);
-  }, xe = (t) => {
-    if (!U || !t.altKey || t.ctrlKey || t.metaKey) return;
-    const r = me ?? M.maximizedId;
-    r && (t.code === "Equal" || t.code === "NumpadAdd" ? (t.preventDefault(), be(r)) : (t.code === "Minus" || t.code === "NumpadSubtract") && (t.preventDefault(), ye(r)));
-  }, He = (t) => {
-    if (t.stopPropagation(), M.restore() && he(), $(!0), document.body.style.cursor = "move", t.currentTarget) {
-      if (t.dataTransfer) {
-        t.dataTransfer.effectAllowed = "move";
-        const r = document.createElement("div");
-        r.style.width = "1px", r.style.height = "1px", r.style.backgroundColor = "transparent", r.style.position = "absolute", r.style.top = "-1000px", document.body.appendChild(r), t.dataTransfer.setDragImage(r, 0, 0), setTimeout(() => {
-          r.parentNode && r.parentNode.removeChild(r);
-        }, 0);
-      }
-      X.forEach((r) => {
-        r && (r.style.display = "block", r.style.zIndex = "99");
-      }), K.forEach((r) => {
-        r && (r.style.display = "block", r.style.zIndex = "95");
-      }), i.src = t.currentTarget, i.drag = !0;
-    }
-  }, Ie = (t) => {
-    if (t.preventDefault(), t.stopPropagation(), document.body.style.cursor = "move", t.dataTransfer && (t.dataTransfer.dropEffect = "move"), !i?.src)
-      return;
-    const r = t.currentTarget, d = t.clientX, l = t.clientY;
-    S && cancelAnimationFrame(S), S = requestAnimationFrame(() => {
-      Me(d, l, r);
-    });
-  }, Oe = () => {
-    if (document.body.style.cursor = "default", X.forEach((t) => {
-      t && (t.style.display = "none", t.style.zIndex = "-1");
-    }), S && (cancelAnimationFrame(S), S = null), D.current && (D.current.style.display = "none", D.current.style.zIndex = "-1"), H = {}, i.drag = !1, !i?.src || !i?.des) {
-      i.area = void 0, i.src = void 0, i.des = void 0, $(!1);
-      return;
-    }
-    if (i.src === i.des) {
-      i.area = void 0, i.src = void 0, i.des = void 0, $(!1);
-      return;
-    }
-    if (i.src && i.des) {
-      if (!i.area) {
-        console.warn("No area specified for drag and drop"), $(!1);
-        return;
-      }
-      if (!M.updateTree(
-        i.src.dataset.uid,
-        i.des.dataset.uid,
-        i.area || "contain"
-      )) {
-        console.warn("Failed to update layout tree"), $(!1);
-        return;
-      }
-      requestAnimationFrame(() => {
-        Y(w.cache.nodOpts.get()), J(w.cache.bndOpts.get()), b(), s && s(C._root.toJSON());
-      });
-    }
-    i.area = void 0, i.src = void 0, i.des = void 0, $(!1);
-  }, _e = (t) => {
-    t.preventDefault(), t.stopPropagation(), t.dataTransfer && (t.dataTransfer.dropEffect = "move");
-  }, Pe = (t) => {
-    t.preventDefault(), t.stopPropagation();
-  }, Le = (t) => {
-    t.preventDefault(), t.stopPropagation(), t.dataTransfer && t.dataTransfer.getData("text/plain");
-  }, We = (t) => {
-    const r = t.currentTarget, d = r.dataset.uid;
-    if (!d) return;
-    const l = w.cache.mapElem.get(d);
-    if (!(l instanceof w)) {
-      console.warn(`Element with uid ${d} is not a Node instance`);
-      return;
-    }
-    if (!l || !l.host || !l.host.unId) {
-      console.warn(`Node with uid ${d} not found in mapNode`);
-      return;
-    }
-    if (l.host.open == l.name) {
-      console.warn(`Node ${l.name} is already open`);
-      return;
-    }
-    const g = w.cache.nodOpts.get().get(l.host.unId);
-    if (!g || g.nodOpen && l?.open)
-      return;
-    l.host.open = l.name, g.nodOpen = l.name, g.nodKids?.forEach((L) => {
-      L.nodOpen = L.nodName === l.name;
-    }), r?.parentElement?.childNodes?.forEach((L) => {
-      L instanceof HTMLDivElement && L.dataset.uid !== d ? L.dataset.state = "inactive" : L.dataset.state = "active";
-    }), b();
-  };
-  return $e(() => {
-    const t = (d) => {
-      M.updateDimension(
-        o(),
-        d,
-        z
-      );
-    };
-    t(!0);
-    const r = () => t(j ?? !1);
-    window.addEventListener("resize", r), window.addEventListener("keydown", xe), Y(w.cache.nodOpts.get()), J(w.cache.bndOpts.get()), b(), s && s(C._root.toJSON()), Se(() => {
-      window.removeEventListener("resize", r), window.removeEventListener("keydown", xe), N(), m(), n(), x.cancel(), S && cancelAnimationFrame(S);
-    });
-  }), {
-    tabsets: se,
-    sliders: ce,
-    tabsetsRef: q,
-    panelsRef: K,
-    tabsRef: re,
-    slidersRef: te,
-    layoutJSON: V,
-    layoutInstance: M,
-    hoverElementRef: D,
-    rootSplitHoverEl: X,
-    dragging: ue,
-    isUpdating: ge,
-    setIsUpdating: fe,
-    setDragging: $,
-    setTabsets: ne,
-    setSliders: ae,
-    setLayoutJSON: F,
-    onDragStart: He,
-    onDragOver: Ie,
-    onDragEnd: Oe,
-    onDragEnter: _e,
-    onDragLeave: Pe,
-    onDrop: Le,
-    onPointerDown: E,
-    updateActiveTab: We,
-    handleRootSplit: ke,
-    handleNavbarDragOver: Ce,
-    toggleMaximize: be,
-    toggleCollapse: ye,
-    onRootPointerDown: Re,
-    onTabbarDoubleClick: Ne
-  };
-};
-var mt = I("<div>"), ht = I('<div class="flex items-center justify-center h-full"><span class=text-gray-500>No content');
-const bt = (e) => {
-  const a = [], h = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
-  for (const [o, u] of e) {
-    const c = crypto.randomUUID();
-    a.push(o), h.set(o, {
-      uqid: c,
-      name: o,
-      node: u
-    }), s.set(o, c);
-  }
-  return {
-    keys: a,
-    maps: h,
-    name: s
-  };
-}, wt = (e) => {
-  const a = ze(() => bt(e.tabs));
-  let h;
-  const s = () => {
-    const b = h;
-    if (!b) return {
-      w: 0,
-      h: 0,
-      x: 0,
-      y: 0
-    };
-    const N = b.getBoundingClientRect(), n = e.pad || {
-      t: 0,
-      b: 0,
-      l: 0,
-      r: 0
-    };
-    return {
-      w: N.width - (n.l + n.r),
-      h: N.height - (n.t + n.b),
-      x: N.left + n.l,
-      y: N.top + n.t
-    };
-  }, {
-    tabsetsRef: o,
-    slidersRef: u,
-    sliders: c,
-    tabsets: v,
-    hoverElementRef: f,
-    onDragEnd: T,
-    onDragOver: k,
-    onDragStart: z,
-    onDragEnter: B,
-    onDragLeave: j,
-    onDrop: U,
-    dragging: de,
-    panelsRef: q,
-    onPointerDown: te,
-    handleNavbarDragOver: K,
-    updateActiveTab: re,
-    rootSplitHoverEl: D,
-    handleRootSplit: X,
-    tabsRef: V,
-    isUpdating: F,
-    toggleMaximize: se,
-    toggleCollapse: ne,
-    onRootPointerDown: ce,
-    onTabbarDoubleClick: ae
-  } = ft({
-    tabOutput: a(),
-    rootId: e.rootId || "dynamix-layout-root",
-    updateJSON: e.updateJSON,
-    enableTabbar: e.enableTabbar === void 0 ? !0 : e.enableTabbar,
-    layoutTree: e.layoutTree,
-    tabHeadHeight: e.tabHeadHeight || C._minH,
-    dimensions: s,
-    sliderUpdateTimeout: e.sliderUpdateTimeout || 2,
-    windowResizeTimeout: e.windowResizeTimeout || 2,
-    bondWidth: e.bondWidth || C._bond,
-    minTabHeight: e.minTabHeight || C._minH,
-    minTabWidth: e.minTabWidth || C._minW,
-    disableSliderTimeout: e.disableSliderTimeout === void 0 ? !0 : e.disableSliderTimeout,
-    disableResizeTimeout: e.disableResizeTimeout === void 0 ? !0 : e.disableResizeTimeout,
-    hoverElementStyles: e.hoverElementStyles,
-    keyboardShortcuts: e.keyboardShortcuts ?? !0,
-    enableDoubleClickMaximize: e.enableDoubleClickMaximize ?? !0
-  }), ue = e.WrapTabPanel || ot, $ = e.WrapTabHead || at, S = e.WrapTabLabel || rt, ge = e.WrapTabBody || nt, fe = e.SliderElement || lt, i = e.HoverElement || it, R = e.TabsetToolbar || gt, oe = e.tabHeadHeight || C._minH, M = e.enableTabbar ?? !0, Y = e.enableMaximize ?? !0, J = (e.enableCollapse ?? !0) && M;
-  return (() => {
-    var b = mt(), N = h;
-    return typeof N == "function" ? Ee(N, b) : h = b, O(b, _({
-      get id() {
-        return e.rootId || "dynamix-layout-root";
-      }
-    }, e, {
-      get "data-testid"() {
-        return e.rootId || "dynamix-layout-root";
-      },
-      get class() {
-        return de() ? "is-dragging" : "";
-      },
-      onPointerDown: ce,
-      get style() {
-        return {
-          position: "relative",
-          width: "100%",
-          height: "100%",
-          overflow: "hidden",
-          ...e.style
-        };
-      }
-    }), !1, !0), y(b, p(Q, {
-      get each() {
-        return Array.from(v().values());
-      },
-      children: (n) => {
-        const m = De(n, oe), x = Y && !!n.nodMaximizable, Z = J && !!n.nodFoldable && !n.nodMaxd, P = x || Z;
-        return [p(ue, {
-          ref: (E) => {
-            const H = n.uidNode;
-            E ? q.set(H, E) : q.delete(H);
-          },
-          onDragEnd: T,
-          onDragOver: k,
-          onDragEnter: B,
-          onDragLeave: j,
-          onDrop: U,
-          get "data-uid"() {
-            return n.uidNode;
-          },
-          get "data-type"() {
-            return n.typNode;
-          },
-          get class() {
-            return "hide-scrollbar DefaultWrapTabPanel " + (e.tabPanelElementClass || "");
-          },
-          get style() {
-            return {
-              position: "absolute",
-              ...e.tabPanelElementStyles,
-              width: `${n.nodDims.w}px`,
-              height: `${n.nodDims.h}px`,
-              left: `${n.nodDims.x}px`,
-              top: `${n.nodDims.y}px`,
-              "background-color": "transparent"
-            };
-          }
-        }), p($, {
-          get draggable() {
-            return !F();
-          },
-          get "data-uid"() {
-            return n.uidNode;
-          },
-          "data-type": "tabset",
-          "data-tabbar": "",
-          get "data-folded"() {
-            return n.nodFold ? "" : void 0;
-          },
-          get "data-maximized"() {
-            return n.nodMaxd ? "" : void 0;
-          },
-          get "data-dx-hidden"() {
-            return n.nodHidden ? "" : void 0;
-          },
-          get "data-rotated"() {
-            return m.rotated ? "" : void 0;
-          },
-          onDblClick: ae,
-          onDragOver: K,
-          onDragStart: z,
-          onDragEnd: T,
-          onDragEnter: B,
-          onDragLeave: j,
-          onDrop: U,
-          ref: (E) => {
-            const H = n.uidNode;
-            E ? o.set(H, E) : o.delete(H);
-          },
-          get class() {
-            return "hide-scrollbar " + (e.tabHeadElementClass || "");
-          },
-          get style() {
-            return {
-              ...e.tabHeadElementStyles,
-              position: "absolute",
-              "z-index": 99,
-              width: `${m.rect.w}px`,
-              height: `${m.rect.h}px`,
-              left: `${m.rect.x}px`,
-              top: `${m.rect.y}px`,
-              "transform-origin": "0 0",
-              ...m.rotated ? {
-                transform: "rotate(90deg)"
-              } : {},
-              ...P ? {
-                "padding-right": "64px"
-              } : {},
-              cursor: F() ? "wait" : "pointer"
-            };
-          },
-          get children() {
-            return [p(Q, {
-              get each() {
-                return n.nodKids;
-              },
-              children: (E) => p(S, {
-                get "data-uid"() {
-                  return E.uidNode;
-                },
-                "data-type": "tab",
-                onDragStart: z,
-                onDragEnd: T,
-                get draggable() {
-                  return !F();
-                },
-                get active() {
-                  return !!E.nodOpen;
-                },
-                get class() {
-                  return "hide-scrollbar " + (e.tabLabelElementClass || "");
-                },
-                get style() {
-                  return {
-                    cursor: F() ? "wait" : "pointer",
-                    ...e.tabLabelElementStyles
-                  };
-                },
-                onClick: re,
-                get children() {
-                  return ee(() => !!e.tabNames)() && e.tabNames.get(E.nodName) || E.nodName;
-                }
-              })
-            }), ee(() => P && p(R, {
-              get maximized() {
-                return !!n.nodMaxd;
-              },
-              get folded() {
-                return !!n.nodFold;
-              },
-              get rotated() {
-                return m.rotated;
-              },
-              get rowIsHorizontal() {
-                return n.nodeDir === !1;
-              },
-              showMaximize: x,
-              showFold: Z,
-              onToggleMaximize: () => se(n.uidNode),
-              onToggleFold: () => ne(n.uidNode)
-            }))];
-          }
-        })];
-      }
-    }), null), y(b, p(Q, {
-      get each() {
-        return a().keys;
-      },
-      children: (n) => {
-        const m = a().maps.get(n)?.uqid;
-        return p(ge, {
-          id: m,
-          draggable: !1,
-          "data-uid": m,
-          get class() {
-            return "hide-scrollbar " + (e.tabBodyElementClass || "");
-          },
-          get style() {
-            return {
-              position: "absolute",
-              "z-index": 90,
-              "overscroll-behavior": "contain",
-              ...e.tabBodyElementStyles
-            };
-          },
-          ref: (x) => {
-            m && (x ? V.set(m, x) : V.delete(m));
-          },
-          get children() {
-            return a().maps.get(n)?.node || ht();
-          }
-        });
-      }
-    }), null), y(b, p(Q, {
-      get each() {
-        return Array.from(c().values());
-      },
-      children: (n) => p(fe, {
-        get id() {
-          return n.uidNode;
-        },
-        get "data-uid"() {
-          return n.uidNode;
-        },
-        get "data-dx-hidden"() {
-          return n.nodHidden ? "" : void 0;
-        },
-        get direction() {
-          return n.nodeDir;
-        },
-        onPointerDown: te,
-        get class() {
-          return "hide-scrollbar " + (e.sliderElementClass || "");
-        },
-        ref: (m) => {
-          const x = n.uidNode;
-          m ? u.set(x, m) : u.delete(x);
-        },
-        get style() {
-          return {
-            width: `${n.nodDims.w}px`,
-            height: `${n.nodDims.h}px`,
-            left: `${n.nodDims.x}px`,
-            top: `${n.nodDims.y}px`,
-            cursor: n.nodeDir ? "ns-resize" : "ew-resize",
-            ...n.nodLocked ? {
-              "pointer-events": "none"
-            } : {},
-            ...e.sliderElementStyles
-          };
-        }
-      })
-    }), null), y(b, p(i, {
-      get class() {
-        return "hide-scrollbar " + (e.hoverElementClass || "");
-      },
-      get style() {
-        return {
-          ...e.hoverElementStyles
-        };
-      },
-      ref: (n) => f.current = n
-    }), null), y(b, p(Q, {
-      each: ["left", "right", "top", "bottom"],
-      children: (n, m) => p(dt, {
-        onDragOver: X,
-        onDragEnd: T,
-        onDragEnter: B,
-        onDragLeave: j,
-        onDrop: U,
-        get "data-uid"() {
-          return e.rootId || "dynamix-layout-root";
-        },
-        "data-area": n,
-        get class() {
-          return "hide-scrollbar " + (e.RootSplitterHoverElClass || "");
-        },
-        ref: (x) => {
-          x && (D[m()] = x);
-        },
-        get style() {
-          return {
-            ...e.RootSplitterHoverElStyles
-          };
-        },
-        area: n,
-        size: {
-          h: "25%",
-          w: "8px"
-        }
-      })
-    }), null), b;
-  })();
-};
-export {
-  it as DefaultHoverElement,
-  lt as DefaultSliderElement,
-  gt as DefaultTabsetToolbar,
-  nt as DefaultWrapTabBody,
-  at as DefaultWrapTabHead,
-  rt as DefaultWrapTabLabel,
-  ot as DefaultWrapTabPanel,
-  wt as DynamixLayout,
-  dt as RootSplitterHoverEl,
-  bt as getTabOutput,
-  ft as useDynamixLayout
-};