@nice2dev/ui-graphics 1.1.0 → 1.1.1

package/dist/esm/packages/ui/dist/NiceWindow-DeC83yfE.js

@@ -0,0 +1,796 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { W as me, b as Is, h as rl, d as ks } from './core-Da43q-pO.js';
+import { useState, useRef, forwardRef, useCallback, useEffect, createContext } from 'react';
+
+const $t = ({
+  visible: e,
+  onClose: t,
+  title: o,
+  items: s,
+  showCancelButton: u = true,
+  cancelText: d,
+  className: h,
+  style: g
+}) => {
+  const { t: p } = me();
+  return e ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "nice-actionsheet__overlay", onClick: t }),
+    /* @__PURE__ */ jsxs("div", { className: `nice-actionsheet ${h || ""}`, style: g, children: [
+      o && /* @__PURE__ */ jsx("div", { className: "nice-actionsheet__title", children: o }),
+      /* @__PURE__ */ jsx("div", { className: "nice-actionsheet__items", children: s.map((E, r) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: `nice-actionsheet__item ${E.type === "danger" ? "nice-actionsheet__item--danger" : ""}`,
+          disabled: E.disabled,
+          onClick: () => {
+            E.onClick?.(), t();
+          },
+          children: [
+            E.icon && /* @__PURE__ */ jsx("span", { className: "nice-actionsheet__icon", children: E.icon }),
+            E.text
+          ]
+        },
+        r
+      )) }),
+      u && /* @__PURE__ */ jsx("button", { className: "nice-actionsheet__cancel", onClick: t, children: d || p("cancel", "Cancel") })
+    ] })
+  ] }) : null;
+}, Dt = ({
+  visible: e,
+  onClose: t,
+  targetRef: o,
+  position: s = "bottom",
+  title: u,
+  showArrow: d = true,
+  width: h,
+  children: g,
+  className: p,
+  style: E,
+  displayStyle: r
+}) => {
+  ks("tooltip", r);
+  const b = useRef(null), [Y, f] = useState({ top: 0, left: 0 }), L = useCallback(() => {
+    const w = o.current, X = b.current;
+    if (!w || !X)
+      return;
+    const n = w.getBoundingClientRect(), v = X.getBoundingClientRect();
+    let a = 0, z = 0;
+    const T = 8;
+    switch (s) {
+      case "top":
+        a = n.top - v.height - T, z = n.left + (n.width - v.width) / 2;
+        break;
+      case "bottom":
+        a = n.bottom + T, z = n.left + (n.width - v.width) / 2;
+        break;
+      case "left":
+        a = n.top + (n.height - v.height) / 2, z = n.left - v.width - T;
+        break;
+      case "right":
+        a = n.top + (n.height - v.height) / 2, z = n.right + T;
+        break;
+    }
+    f({ top: a + window.scrollY, left: z + window.scrollX });
+  }, [o, s]);
+  return useEffect(() => {
+    if (e) {
+      requestAnimationFrame(L);
+      const w = (X) => {
+        b.current && !b.current.contains(X.target) && o.current && !o.current.contains(X.target) && t();
+      };
+      return document.addEventListener("mousedown", w), () => document.removeEventListener("mousedown", w);
+    }
+  }, [e, L, t, o]), e ? /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: b,
+      className: `nice-popover nice-popover--${s} ${p || ""}`,
+      style: { ...E, position: "absolute", top: Y.top, left: Y.left, width: h },
+      children: [
+        d && /* @__PURE__ */ jsx("div", { className: `nice-popover__arrow nice-popover__arrow--${s}` }),
+        u && /* @__PURE__ */ jsx("div", { className: "nice-popover__title", children: u }),
+        /* @__PURE__ */ jsx("div", { className: "nice-popover__content", children: g })
+      ]
+    }
+  ) : null;
+}, Pt = ({
+  visible: e,
+  message: t,
+  container: o,
+  showIndicator: s = true,
+  shading: u = true,
+  className: d,
+  style: h
+}) => {
+  const { t: g } = me();
+  if (!e)
+    return null;
+  const p = !!o?.current, E = /* @__PURE__ */ jsxs("div", { className: `nice-loadpanel ${d || ""}`, style: h, children: [
+    u && /* @__PURE__ */ jsx("div", { className: "nice-loadpanel__shade" }),
+    /* @__PURE__ */ jsxs("div", { className: "nice-loadpanel__box", children: [
+      s && /* @__PURE__ */ jsx("div", { className: "nice-spinner nice-spinner--md" }),
+      /* @__PURE__ */ jsx("span", { className: "nice-loadpanel__text", children: t || g("loading", "Loading...") })
+    ] })
+  ] });
+  if (p && o.current) {
+    const r = o.current;
+    return r.style.position = r.style.position || "relative", E;
+  }
+  return E;
+}, Yt = ({
+  direction: e = "row",
+  align: t,
+  justify: o,
+  wrap: s,
+  gap: u,
+  flex: d,
+  children: h,
+  className: g,
+  style: p
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: `nice-box ${g || ""}`,
+    style: {
+      display: "flex",
+      flexDirection: e,
+      alignItems: t,
+      justifyContent: o,
+      flexWrap: s ? "wrap" : void 0,
+      gap: u,
+      flex: d,
+      ...p
+    },
+    children: h
+  }
+), Xt = ({
+  direction: e = "row",
+  items: t,
+  gap: o,
+  className: s,
+  style: u
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: `nice-responsivebox ${s || ""}`,
+    style: { display: "flex", flexDirection: e, gap: o, ...u },
+    children: t.map((d, h) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: { flex: d.ratio ?? 1, flexBasis: d.baseSize, flexShrink: d.shrink ?? 1 },
+        children: d.children
+      },
+      h
+    ))
+  }
+), Ot = ({
+  width: e = 200,
+  height: t = 200,
+  minWidth: o = 50,
+  minHeight: s = 50,
+  maxWidth: u = 1 / 0,
+  maxHeight: d = 1 / 0,
+  handles: h = ["right", "bottom", "bottomRight"],
+  onResize: g,
+  children: p,
+  className: E,
+  style: r
+}) => {
+  const [b, Y] = useState({ width: e, height: t }), f = useRef(null), L = (n, v) => {
+    v.preventDefault();
+    const a = v.clientX, z = v.clientY, T = b.width, W = b.height, _ = (i) => {
+      const x = i.clientX - a, S = i.clientY - z;
+      let I = T, l = W;
+      (n.includes("right") || n === "right") && (I = T + x), (n.includes("bottom") || n === "bottom") && (l = W + S), (n.includes("left") || n === "left") && (I = T - x), (n.includes("top") || n === "top") && (l = W - S), I = Math.max(o, Math.min(u, I)), l = Math.max(s, Math.min(d, l)), Y({ width: I, height: l }), g?.({ width: I, height: l });
+    }, D = () => {
+      document.removeEventListener("pointermove", _), document.removeEventListener("pointerup", D);
+    };
+    document.addEventListener("pointermove", _), document.addEventListener("pointerup", D);
+  }, w = (n) => {
+    switch (n) {
+      case "top":
+      case "bottom":
+        return "ns-resize";
+      case "left":
+      case "right":
+        return "ew-resize";
+      case "topLeft":
+      case "bottomRight":
+        return "nwse-resize";
+      case "topRight":
+      case "bottomLeft":
+        return "nesw-resize";
+      default:
+        return "default";
+    }
+  }, X = (n) => {
+    const v = { position: "absolute", zIndex: 1 }, a = 8;
+    return n === "right" ? {
+      ...v,
+      top: 0,
+      right: -a / 2,
+      width: a,
+      height: "100%",
+      cursor: w(n)
+    } : n === "bottom" ? {
+      ...v,
+      left: 0,
+      bottom: -a / 2,
+      width: "100%",
+      height: a,
+      cursor: w(n)
+    } : n === "left" ? { ...v, top: 0, left: -a / 2, width: a, height: "100%", cursor: w(n) } : n === "top" ? { ...v, top: -a / 2, left: 0, width: "100%", height: a, cursor: w(n) } : n === "bottomRight" ? {
+      ...v,
+      bottom: -a / 2,
+      right: -a / 2,
+      width: a * 2,
+      height: a * 2,
+      cursor: w(n)
+    } : n === "bottomLeft" ? {
+      ...v,
+      bottom: -a / 2,
+      left: -a / 2,
+      width: a * 2,
+      height: a * 2,
+      cursor: w(n)
+    } : n === "topRight" ? {
+      ...v,
+      top: -a / 2,
+      right: -a / 2,
+      width: a * 2,
+      height: a * 2,
+      cursor: w(n)
+    } : n === "topLeft" ? {
+      ...v,
+      top: -a / 2,
+      left: -a / 2,
+      width: a * 2,
+      height: a * 2,
+      cursor: w(n)
+    } : v;
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: f,
+      className: `nice-resizable ${E || ""}`,
+      style: {
+        ...r,
+        width: b.width,
+        height: b.height,
+        position: "relative",
+        overflow: "hidden"
+      },
+      children: [
+        p,
+        h.map((n) => /* @__PURE__ */ jsx("div", { style: X(n), onPointerDown: (v) => L(n, v) }, n))
+      ]
+    }
+  );
+}, qt = ({
+  direction: e = "vertical",
+  showScrollbar: t = "onInteraction",
+  width: o,
+  height: s,
+  onScroll: u,
+  children: d,
+  className: h,
+  style: g
+}) => {
+  const p = e === "horizontal" || e === "both" ? "auto" : "hidden", E = e === "vertical" || e === "both" ? "auto" : "hidden";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `nice-scrollview ${t === "never" ? "nice-scrollview--hide-sb" : t === "always" ? "nice-scrollview--show-sb" : ""} ${h || ""}`,
+      style: { ...g, width: o, height: s, overflowX: p, overflowY: E },
+      onScroll: u,
+      children: d
+    }
+  );
+};
+createContext(null);
+const Nt = forwardRef(
+  ({ blocked: e, message: t, children: o, className: s, style: u, id: d }, h) => {
+    const g = Is(d);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: h,
+        id: g,
+        className: `nice-block-ui ${s || ""}`,
+        style: { position: "relative", ...u },
+        children: [
+          o,
+          e && /* @__PURE__ */ jsx("div", { className: "nice-block-ui__overlay", "aria-busy": "true", role: "alert", children: t && /* @__PURE__ */ jsx("div", { className: "nice-block-ui__message", children: t }) })
+        ]
+      }
+    );
+  }
+);
+Nt.displayName = "NiceBlockUI";
+const kt = forwardRef(
+  ({
+    windows: e,
+    children: t,
+    onChange: o,
+    onClose: s,
+    onFocus: u,
+    showTaskbar: d = true,
+    size: h = "md",
+    className: g,
+    style: p,
+    id: E,
+    ...r
+  }, b) => {
+    const Y = Is(E), { t: f } = me(), [L, w] = useState(null), X = useRef(null), n = e ?? [], v = Math.max(1, ...n.map((i) => i.zIndex ?? 1)), a = useCallback(
+      (i, x) => {
+        const S = n.map((I) => I.key === i ? { ...I, ...x } : I);
+        o?.(S);
+      },
+      [n, o]
+    ), z = useCallback(
+      (i) => {
+        a(i, { zIndex: v + 1 }), u?.(i);
+      },
+      [a, v, u]
+    ), T = useCallback(
+      (i) => {
+        s?.(i), o?.(n.filter((x) => x.key !== i));
+      },
+      [n, o, s]
+    ), W = useCallback(
+      (i) => {
+        const x = n.find((S) => S.key === i);
+        x && a(i, { minimized: !x.minimized, maximized: false });
+      },
+      [n, a]
+    ), _ = useCallback(
+      (i) => {
+        const x = n.find((S) => S.key === i);
+        x && a(i, { maximized: !x.maximized, minimized: false });
+      },
+      [n, a]
+    );
+    useEffect(() => {
+      if (!L)
+        return;
+      const i = (S) => {
+        const I = n.find((l) => l.key === L.key);
+        if (I)
+          if (L.mode === "move")
+            a(L.key, {
+              x: S.clientX - L.offsetX,
+              y: S.clientY - L.offsetY
+            });
+          else {
+            const C = X.current?.getBoundingClientRect(), m = C?.left ?? 0, O = C?.top ?? 0;
+            a(L.key, {
+              width: Math.max(200, S.clientX - m - I.x),
+              height: Math.max(100, S.clientY - O - I.y)
+            });
+          }
+      }, x = () => w(null);
+      return document.addEventListener("mousemove", i), document.addEventListener("mouseup", x), () => {
+        document.removeEventListener("mousemove", i), document.removeEventListener("mouseup", x);
+      };
+    }, [L, n, a]);
+    const D = useCallback(
+      (i, x, S) => {
+        x.preventDefault();
+        const I = n.find((l) => l.key === i);
+        I && (z(i), w({
+          key: i,
+          offsetX: S === "move" ? x.clientX - I.x : 0,
+          offsetY: S === "move" ? x.clientY - I.y : 0,
+          mode: S
+        }));
+      },
+      [n, z]
+    );
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: (i) => {
+          X.current = i, typeof b == "function" ? b(i) : b && (b.current = i);
+        },
+        id: Y,
+        className: `nice-wm nice-wm--${h} ${g ?? ""}`,
+        style: { ...p, position: "relative", overflow: "hidden" },
+        ...r,
+        children: [
+          n.map((i) => {
+            if (i.minimized)
+              return null;
+            const x = i.maximized, S = x ? {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: "100%",
+              height: "100%",
+              zIndex: i.zIndex ?? 1
+            } : {
+              position: "absolute",
+              top: i.y,
+              left: i.x,
+              width: i.width,
+              height: i.height,
+              zIndex: i.zIndex ?? 1
+            };
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: `nice-wm__window ${x ? "nice-wm__window--maximized" : ""}`,
+                style: S,
+                onMouseDown: () => z(i.key),
+                role: "dialog",
+                "aria-label": i.title,
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "nice-wm__titlebar",
+                      onMouseDown: (I) => !x && D(i.key, I, "move"),
+                      children: [
+                        i.icon && /* @__PURE__ */ jsx("span", { className: "nice-wm__icon", children: i.icon }),
+                        /* @__PURE__ */ jsx("span", { className: "nice-wm__title", children: i.title }),
+                        /* @__PURE__ */ jsxs("div", { className: "nice-wm__controls", children: [
+                          (i.minimizable ?? true) && /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              type: "button",
+                              className: "nice-wm__ctrl-btn nice-wm__ctrl-btn--min",
+                              onClick: () => W(i.key),
+                              title: f("wm.minimize", "Minimize"),
+                              children: "─"
+                            }
+                          ),
+                          (i.maximizable ?? true) && /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              type: "button",
+                              className: "nice-wm__ctrl-btn nice-wm__ctrl-btn--max",
+                              onClick: () => _(i.key),
+                              title: f("wm.maximize", "Maximize"),
+                              children: x ? "❐" : "☐"
+                            }
+                          ),
+                          (i.closable ?? true) && /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              type: "button",
+                              className: "nice-wm__ctrl-btn nice-wm__ctrl-btn--close",
+                              onClick: () => T(i.key),
+                              title: f("wm.close", "Close"),
+                              children: "✕"
+                            }
+                          )
+                        ] })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "nice-wm__body", children: i.content }),
+                  (i.resizable ?? true) && !x && /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "nice-wm__resize-handle",
+                      onMouseDown: (I) => D(i.key, I, "resize")
+                    }
+                  )
+                ]
+              },
+              i.key
+            );
+          }),
+          e === void 0 && t,
+          d && /* @__PURE__ */ jsx("div", { className: "nice-wm__taskbar", role: "toolbar", "aria-label": f("wm.taskbar", "Taskbar"), children: n.map((i) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: `nice-wm__taskbar-btn ${i.minimized ? "nice-wm__taskbar-btn--minimized" : ""}`,
+              onClick: () => {
+                i.minimized && W(i.key), z(i.key);
+              },
+              children: [
+                i.icon && /* @__PURE__ */ jsx("span", { className: "nice-wm__taskbar-icon", children: i.icon }),
+                /* @__PURE__ */ jsx("span", { className: "nice-wm__taskbar-label", children: i.title })
+              ]
+            },
+            i.key
+          )) })
+        ]
+      }
+    );
+  }
+);
+kt.displayName = "NiceWindowManager";
+createContext({
+  startTutorial: () => {
+  },
+  stopTutorial: () => {
+  },
+  isActive: false,
+  currentStep: 0,
+  nextStep: () => {
+  },
+  prevStep: () => {
+  },
+  goToStep: () => {
+  }
+});
+function It(e, t, o, s, u) {
+  const d = e <= u, h = e + u >= o, g = t <= u, p = t + u >= s;
+  return g && d ? "top-left" : g && h ? "top-right" : p && d ? "bottom-left" : p && h ? "bottom-right" : d ? "left" : h ? "right" : g ? "top" : p ? "bottom" : "none";
+}
+function Mt(e) {
+  switch (e) {
+    case "left":
+      return { left: 0, top: 0, width: "50%", height: "100%" };
+    case "right":
+      return { left: "50%", top: 0, width: "50%", height: "100%" };
+    case "top":
+      return { left: 0, top: 0, width: "100%", height: "50%" };
+    case "bottom":
+      return { left: 0, top: "50%", width: "100%", height: "50%" };
+    case "top-left":
+      return { left: 0, top: 0, width: "50%", height: "50%" };
+    case "top-right":
+      return { left: "50%", top: 0, width: "50%", height: "50%" };
+    case "bottom-left":
+      return { left: 0, top: "50%", width: "50%", height: "50%" };
+    case "bottom-right":
+      return { left: "50%", top: "50%", width: "50%", height: "50%" };
+    default:
+      return null;
+  }
+}
+const St = forwardRef(
+  ({
+    windowKey: e,
+    title: t,
+    icon: o,
+    children: s,
+    footer: u,
+    x: d,
+    y: h,
+    defaultPosition: g,
+    width: p = 480,
+    height: E = 360,
+    minWidth: r = 200,
+    minHeight: b = 120,
+    maxWidth: Y,
+    maxHeight: f,
+    zIndex: L = 1,
+    closable: w = true,
+    minimizable: X = true,
+    maximizable: n = true,
+    fullscreenable: v = false,
+    pinnable: a = false,
+    resizable: z = true,
+    draggable: T = true,
+    snappable: W = true,
+    snapThreshold: _ = 20,
+    minimized: D,
+    maximized: i,
+    fullscreen: x,
+    pinned: S,
+    focused: I,
+    onClose: l,
+    onMinimize: C,
+    onMaximize: m,
+    onFullscreen: O,
+    onPin: R,
+    onFocus: Q,
+    onMove: le,
+    onResize: M,
+    onSnap: q,
+    onTitleBarDoubleClick: ae,
+    size: Oe = "md",
+    statusBar: Me,
+    titleBarActions: qe,
+    className: Ae,
+    style: We,
+    id: Se,
+    accessMode: Be,
+    ...Fe
+  }, He) => {
+    const Ue = Is(Se), Ke = rl(Be, Se), { t: de } = me(), ye = useRef(null);
+    ye.current == null && (ye.current = `nice-window-${Math.random().toString(36).slice(2, 10)}`);
+    const A = e ?? ye.current, Ge = d ?? g?.x ?? 100, Ve = h ?? g?.y ?? 100;
+    if (Ke === "hidden")
+      return null;
+    const [fe, se] = useState({ x: Ge, y: Ve }), [we, _e] = useState({ width: p, height: E }), [je, Qe] = useState(false), [Ze, Je] = useState(false), [et, tt] = useState(false), [nt, it] = useState(false), [V, be] = useState("none"), ot = D ?? je, G = i ?? Ze, H = x ?? et, ue = S ?? nt, xe = I ?? true, oe = fe.x, ce = fe.y, Z = we.width, J = we.height, ee = useRef(
+      null
+    ), U = useRef(null), $ = useRef(null), ct = useCallback(() => {
+      l?.(A);
+    }, [A, l]), st = useCallback(() => {
+      Qe(true), C?.(A);
+    }, [A, C]), Ne = useCallback(() => {
+      const N = !G;
+      Je(N), !N && $.current ? (se({ x: $.current.x, y: $.current.y }), _e({ width: $.current.w, height: $.current.h }), $.current = null) : N && ($.current = { x: oe, y: ce, w: Z, h: J }), be("none"), m?.(A, N);
+    }, [A, G, oe, ce, Z, J, m]), ke = useCallback(() => {
+      const N = !H;
+      tt(N), N ? $.current = { x: oe, y: ce, w: Z, h: J } : $.current && (se({ x: $.current.x, y: $.current.y }), _e({ width: $.current.w, height: $.current.h }), $.current = null), O?.(A, N);
+    }, [A, H, oe, ce, Z, J, O]), rt = useCallback(() => {
+      const N = !ue;
+      it(N), R?.(A, N);
+    }, [A, ue, R]), me$1 = useCallback(() => {
+      Q?.(A);
+    }, [A, Q]), lt = useCallback(() => {
+      ae ? ae(A) : n && Ne();
+    }, [A, n, Ne, ae]);
+    useEffect(() => {
+      const N = (te) => {
+        if (!ee.current)
+          return;
+        const j = te.clientX - ee.current.startX + ee.current.origX, he = te.clientY - ee.current.startY + ee.current.origY;
+        se({ x: j, y: he }), le?.(A, { x: j, y: he });
+      }, F = (te) => {
+        if (ee.current) {
+          if (W) {
+            const j = It(
+              te.clientX,
+              te.clientY,
+              window.innerWidth,
+              window.innerHeight,
+              _
+            );
+            j !== "none" && ($.current = { x: fe.x, y: fe.y, w: Z, h: J }, be(j), q?.(A, j));
+          }
+          ee.current = null;
+        }
+      };
+      return document.addEventListener("mousemove", N), document.addEventListener("mouseup", F), () => {
+        document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", F);
+      };
+    });
+    const at = useCallback(
+      (N) => {
+        !T || G || H || (N.preventDefault(), V !== "none" && ($.current && (se({ x: $.current.x, y: $.current.y }), _e({ width: $.current.w, height: $.current.h })), be("none")), me$1(), ee.current = { startX: N.clientX, startY: N.clientY, origX: oe, origY: ce });
+      },
+      [T, G, H, V, oe, ce, me$1]
+    );
+    useEffect(() => {
+      const N = (te) => {
+        if (!U.current)
+          return;
+        const j = te.clientX - U.current.startX, he = te.clientY - U.current.startY, re = U.current.handle;
+        let ne = U.current.origW, ie = U.current.origH;
+        if (re.includes("e") && (ne = U.current.origW + j), re.includes("w") && (ne = U.current.origW - j), re.includes("s") && (ie = U.current.origH + he), re.includes("n") && (ie = U.current.origH - he), ne = Math.max(r, Y ? Math.min(Y, ne) : ne), ie = Math.max(b, f ? Math.min(f, ie) : ie), re.includes("w")) {
+          const Ee = we.width - ne;
+          se((pe) => ({ ...pe, x: pe.x + Ee }));
+        }
+        if (re.includes("n")) {
+          const Ee = we.height - ie;
+          se((pe) => ({ ...pe, y: pe.y + Ee }));
+        }
+        _e({ width: ne, height: ie }), M?.(A, { width: ne, height: ie });
+      }, F = () => {
+        U.current = null;
+      };
+      return document.addEventListener("mousemove", N), document.addEventListener("mouseup", F), () => {
+        document.removeEventListener("mousemove", N), document.removeEventListener("mouseup", F);
+      };
+    });
+    const dt = useCallback(
+      (N, F) => {
+        !z || G || H || V !== "none" || (F.preventDefault(), F.stopPropagation(), me$1(), U.current = { startX: F.clientX, startY: F.clientY, origW: Z, origH: J, handle: N });
+      },
+      [z, G, H, V, Z, J, me$1]
+    );
+    if (useEffect(() => {
+      if (!xe)
+        return;
+      const N = (F) => {
+        F.key === "Escape" && H && ke();
+      };
+      return document.addEventListener("keydown", N), () => document.removeEventListener("keydown", N);
+    }, [xe, H, ke]), ot)
+      return null;
+    const Re = V !== "none" ? Mt(V) : null, Le = G || H, ut = H ? { position: "fixed", top: 0, left: 0, width: "100vw", height: "100vh", zIndex: 999999 } : G ? { position: "absolute", top: 0, left: 0, width: "100%", height: "100%", zIndex: L } : Re ? { position: "absolute", ...Re, zIndex: L } : { position: "absolute", top: ce, left: oe, width: Z, height: J, zIndex: L }, mt = ["n", "e", "s", "w", "ne", "se", "sw", "nw"], ht = {
+      n: "ns-resize",
+      s: "ns-resize",
+      e: "ew-resize",
+      w: "ew-resize",
+      ne: "nesw-resize",
+      sw: "nesw-resize",
+      nw: "nwse-resize",
+      se: "nwse-resize"
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: He,
+        id: Ue,
+        className: `nice-window nice-window--${Oe} ${xe ? "nice-window--focused" : ""} ${ue ? "nice-window--pinned" : ""} ${Le ? "nice-window--maximized" : ""} ${V !== "none" ? `nice-window--snapped-${V}` : ""} ${Ae ?? ""}`,
+        style: { ...ut, ...We },
+        onMouseDown: me$1,
+        role: "dialog",
+        "aria-label": t,
+        ...Fe,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "nice-window__titlebar",
+              onMouseDown: at,
+              onDoubleClick: lt,
+              children: [
+                o && /* @__PURE__ */ jsx("span", { className: "nice-window__icon", children: o }),
+                /* @__PURE__ */ jsx("span", { className: "nice-window__title", children: t }),
+                /* @__PURE__ */ jsxs("div", { className: "nice-window__actions", children: [
+                  qe,
+                  a && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: `nice-window__action nice-window__action--pin ${ue ? "nice-window__action--active" : ""}`,
+                      onClick: rt,
+                      title: de("window.pin", ue ? "Unpin" : "Pin"),
+                      children: "📌"
+                    }
+                  ),
+                  X && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-window__action nice-window__action--minimize",
+                      onClick: st,
+                      title: de("window.minimize", "Minimize"),
+                      children: "─"
+                    }
+                  ),
+                  n && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-window__action nice-window__action--maximize",
+                      onClick: Ne,
+                      title: de("window.maximize", G ? "Restore" : "Maximize"),
+                      children: G ? "❐" : "☐"
+                    }
+                  ),
+                  v && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-window__action nice-window__action--fullscreen",
+                      onClick: ke,
+                      title: de("window.fullscreen", H ? "Exit Full Screen" : "Full Screen"),
+                      children: H ? "⇲" : "⇱"
+                    }
+                  ),
+                  w && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "nice-window__action nice-window__action--close",
+                      onClick: ct,
+                      title: de("window.close", "Close"),
+                      children: "✕"
+                    }
+                  )
+                ] })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "nice-window__body", children: s }),
+          u && /* @__PURE__ */ jsx("div", { className: "nice-window__footer", children: u }),
+          Me && /* @__PURE__ */ jsx("div", { className: "nice-window__statusbar", children: Me }),
+          z && !Le && V === "none" && /* @__PURE__ */ jsx(Fragment, { children: mt.map((N) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: `nice-window__resize nice-window__resize--${N}`,
+              style: { cursor: ht[N] },
+              onMouseDown: (F) => dt(N, F)
+            },
+            N
+          )) })
+        ]
+      }
+    );
+  }
+);
+St.displayName = "NiceWindow";
+
+export { $t as N, Nt as a, Yt as b, Pt as d, Dt as e, Ot as f, Xt as g, qt as h, St as k, kt as l };
+//# sourceMappingURL=NiceWindow-DeC83yfE.js.map