@floegence/floe-webapp-core 0.86.55 → 0.86.58

package/dist/components/ui/floatingWindowGeometry.d.ts

@@ -30,6 +30,7 @@ interface ResolveFloatingWindowRectOptions {
     pointer: PointerPosition;
     dragStartPos: PointerPosition;
     dragStartRect: FloatingWindowRect;
+    dragTitlebarHeight?: number;
     resizeStartPos: PointerPosition;
     resizeStartRect: FloatingWindowRect;
     resizeHandle: FloatingWindowResizeHandle;

package/dist/components/ui/floatingWindowGeometry.js

@@ -1,97 +1,113 @@
-function x(n, i, m) {
-  return Math.max(i, Math.min(m, n));
+function r(t, n, s) {
+  return Math.max(n, Math.min(s, t));
 }
-function l(n, i, m) {
-  const s = Math.max(0, m), o = Math.min(n, s), c = Math.max(o, Math.min(i, s));
-  return { min: o, max: c };
+function Y(t, n, s, m, e) {
+  const x = r(t, n, s), i = t - x, c = Math.max(0, i < 0 ? m : e);
+  return x + (c === 0 ? 0 : i * c / (c + Math.abs(i)));
 }
-function v(n) {
-  const i = Number(n);
-  return Number.isFinite(i) && i > 0 ? i : 0;
+function f(t, n, s) {
+  const m = Math.max(0, s), e = Math.min(t, m), x = Math.max(e, Math.min(n, m));
+  return { min: e, max: x };
 }
-function X(n, i = {}) {
-  const m = Math.max(0, n.width), s = Math.max(0, n.height), o = Math.min(v(i.left), m), c = Math.min(v(i.top), s), e = Math.min(v(i.right), Math.max(0, m - o)), d = Math.min(v(i.bottom), Math.max(0, s - c));
+function R(t) {
+  const n = Number(t);
+  return Number.isFinite(n) && n > 0 ? n : 0;
+}
+function I(t, n = {}) {
+  const s = Math.max(0, t.width), m = Math.max(0, t.height), e = Math.min(R(n.left), s), x = Math.min(R(n.top), m), i = Math.min(R(n.right), Math.max(0, s - e)), c = Math.min(R(n.bottom), Math.max(0, m - x));
   return {
-    x: (n.x ?? 0) + o,
-    y: (n.y ?? 0) + c,
-    width: Math.max(0, m - o - e),
-    height: Math.max(0, s - c - d)
+    x: (t.x ?? 0) + e,
+    y: (t.y ?? 0) + x,
+    width: Math.max(0, s - e - i),
+    height: Math.max(0, m - x - c)
   };
 }
-function Y(n) {
-  return n.x + n.width;
+function V(t) {
+  return t.x + t.width;
 }
-function H(n) {
-  return n.y + n.height;
+function N(t) {
+  return t.y + t.height;
 }
-function I(n) {
+function T(t) {
   const {
-    mode: i,
-    pointer: m,
-    dragStartPos: s,
-    dragStartRect: o,
-    resizeStartPos: c,
-    resizeStartRect: e,
-    resizeHandle: d,
-    minSize: r,
-    maxSize: t,
-    viewport: R,
-    viewportInsets: S,
-    mobile: y,
-    mobilePadding: f
-  } = n, a = X(R, S), g = Y(a), M = H(a), u = m.x - (i === "drag" ? s.x : c.x), p = m.y - (i === "drag" ? s.y : c.y);
-  if (i === "drag") {
-    const h = Math.max(a.x, g - o.width), w = Math.max(a.y, M - o.height);
+    mode: n,
+    pointer: s,
+    dragStartPos: m,
+    dragStartRect: e,
+    resizeStartPos: x,
+    resizeStartRect: i,
+    resizeHandle: c,
+    minSize: w,
+    maxSize: h,
+    viewport: S,
+    viewportInsets: W,
+    mobile: b,
+    mobilePadding: p
+  } = t, a = I(S, W), d = V(a), g = N(a), u = s.x - (n === "drag" ? m.x : x.x), B = s.y - (n === "drag" ? m.y : x.y);
+  if (n === "drag") {
+    const o = Math.max(a.x, d - e.width), M = Math.max(a.y, g - e.height), l = Math.min(160, e.width, a.width), y = Math.min(t.dragTitlebarHeight ?? 32, e.height), P = Math.min(24, y, a.height), X = Math.min(160, e.width - l);
     return {
-      ...o,
-      x: x(y ? a.x + f : o.x + u, a.x, h),
-      y: x(o.y + p, a.y, w)
+      ...e,
+      x: b ? r(a.x + p, a.x, o) : Y(
+        e.x + u,
+        a.x,
+        o,
+        X,
+        Math.min(X, d - l - o)
+      ),
+      y: Y(
+        e.y + B,
+        a.y,
+        M,
+        y - P,
+        Math.min(160, g - P - M)
+      )
     };
   }
-  let b = e.width, z = e.height, W = e.x, F = e.y;
-  if (!y && d.includes("e")) {
-    const h = l(r.width, t.width, g - e.x);
-    b = x(e.width + u, h.min, h.max);
+  let v = i.width, z = i.height, H = i.x, F = i.y;
+  if (!b && c.includes("e")) {
+    const o = f(w.width, h.width, d - i.x);
+    v = r(i.width + u, o.min, o.max);
   }
-  if (!y && d.includes("w")) {
-    const h = e.x + e.width, w = l(r.width, t.width, h - a.x), B = h - w.max, P = Math.max(B, h - w.min);
-    W = x(e.x + u, B, P), b = Math.max(0, h - W);
+  if (!b && c.includes("w")) {
+    const o = i.x + i.width, M = f(w.width, h.width, o - a.x), l = o - M.max, y = Math.max(l, o - M.min);
+    H = r(i.x + u, l, y), v = Math.max(0, o - H);
   }
-  if (d.includes("s")) {
-    const h = l(r.height, t.height, M - e.y);
-    z = x(e.height + p, h.min, h.max);
+  if (c.includes("s")) {
+    const o = f(w.height, h.height, g - i.y);
+    z = r(i.height + B, o.min, o.max);
   }
-  if (d.includes("n")) {
-    const h = e.y + e.height, w = l(r.height, t.height, h - a.y), B = h - w.max, P = Math.max(B, h - w.min);
-    F = x(e.y + p, B, P), z = Math.max(0, h - F);
+  if (c.includes("n")) {
+    const o = i.y + i.height, M = f(w.height, h.height, o - a.y), l = o - M.max, y = Math.max(l, o - M.min);
+    F = r(i.y + B, l, y), z = Math.max(0, o - F);
   }
   return {
-    x: x(W, a.x, Math.max(a.x, g - b)),
-    y: x(F, a.y, Math.max(a.y, M - z)),
-    width: b,
+    x: r(H, a.x, Math.max(a.x, d - v)),
+    y: r(F, a.y, Math.max(a.y, g - z)),
+    width: v,
     height: z
   };
 }
-function V(n) {
+function A(t) {
   const {
-    rect: i,
-    minSize: m,
-    maxSize: s,
-    viewport: o,
-    viewportInsets: c,
-    mobile: e,
-    mobilePadding: d,
-    center: r = !1
-  } = n, t = X(o, c), R = Y(t), S = H(t), y = e ? Math.max(0, t.width - d * 2) : t.width, f = l(m.width, s.width, y), a = l(m.height, s.height, t.height), g = e ? f.max : x(i.width, f.min, f.max), M = x(i.height, a.min, a.max), u = Math.max(t.x, R - g), p = Math.max(t.y, S - M);
+    rect: n,
+    minSize: s,
+    maxSize: m,
+    viewport: e,
+    viewportInsets: x,
+    mobile: i,
+    mobilePadding: c,
+    center: w = !1
+  } = t, h = I(e, x), S = V(h), W = N(h), b = i ? Math.max(0, h.width - c * 2) : h.width, p = f(s.width, m.width, b), a = f(s.height, m.height, h.height), d = i ? p.max : r(n.width, p.min, p.max), g = r(n.height, a.min, a.max), u = Math.max(h.x, S - d), B = Math.max(h.y, W - g);
   return {
-    x: e ? x(t.x + d, t.x, u) : r ? Math.max(t.x, Math.round(t.x + (t.width - g) / 2)) : x(i.x, t.x, u),
-    y: r ? Math.max(t.y, Math.round(t.y + (t.height - M) / 2)) : x(i.y, t.y, p),
-    width: g,
-    height: M
+    x: i ? r(h.x + c, h.x, u) : w ? Math.max(h.x, Math.round(h.x + (h.width - d) / 2)) : r(n.x, h.x, u),
+    y: w ? Math.max(h.y, Math.round(h.y + (h.height - g) / 2)) : r(n.y, h.y, B),
+    width: d,
+    height: g
   };
 }
 export {
-  V as normalizeFloatingWindowRect,
-  I as resolveFloatingWindowRect,
-  X as resolveFloatingWindowViewport
+  A as normalizeFloatingWindowRect,
+  T as resolveFloatingWindowRect,
+  I as resolveFloatingWindowViewport
 };