@floegence/floe-webapp-core 0.52.7 → 0.52.9

package/dist/components/ui/surfaceFloatingPanelGeometry.js

@@ -0,0 +1,78 @@
+const u = 8;
+function h(t, n) {
+  const e = Number(t);
+  return Number.isFinite(e) && e >= 0 ? e : n;
+}
+function M(t, n = {}) {
+  const e = Math.max(0, t.width), o = Math.max(0, t.height), i = Math.min(h(n.left, 0), e), a = Math.min(h(n.top, 0), o), c = Math.min(h(n.right, 0), Math.max(0, e - i)), r = Math.min(h(n.bottom, 0), Math.max(0, o - a));
+  return {
+    ...t,
+    left: t.left + i,
+    top: t.top + a,
+    width: Math.max(0, e - i - c),
+    height: Math.max(0, o - a - r)
+  };
+}
+function s(t) {
+  return h(t, 8);
+}
+function f(t) {
+  const n = Number(t);
+  return Number.isFinite(n) && n >= 0 ? n : 1 / 0;
+}
+function l(t, n, e, o) {
+  const i = Math.max(0, Number.isFinite(n) ? n : 0), a = Math.max(0, Number.isFinite(e) ? e : 0), c = Math.min(o, i / 2), r = t + c, m = Math.max(r, t + i - a - c);
+  return { min: r, max: m, room: Math.max(0, m - r) };
+}
+function F(t, n = 8) {
+  const e = s(n);
+  return {
+    x: l(t.left, t.width, t.panelWidth, e),
+    y: l(t.top, t.height, t.panelHeight, e)
+  };
+}
+function N(t, n) {
+  return {
+    x: t.x.min + n.x * t.x.room,
+    y: t.y.min + n.y * t.y.room
+  };
+}
+function x(t, n) {
+  return Math.max(n.min, Math.min(n.max, t));
+}
+function S(t, n, e = 1 / 0) {
+  const o = f(e), i = [
+    {
+      edge: "left",
+      distance: Math.max(0, t.x - n.x.min),
+      position: { x: n.x.min, y: x(t.y, n.y) }
+    },
+    {
+      edge: "right",
+      distance: Math.max(0, n.x.max - t.x),
+      position: { x: n.x.max, y: x(t.y, n.y) }
+    },
+    {
+      edge: "top",
+      distance: Math.max(0, t.y - n.y.min),
+      position: { x: x(t.x, n.x), y: n.y.min }
+    },
+    {
+      edge: "bottom",
+      distance: Math.max(0, n.y.max - t.y),
+      position: { x: x(t.x, n.x), y: n.y.max }
+    }
+  ];
+  i.sort((c, r) => c.distance - r.distance);
+  const a = i[0];
+  return !a || a.distance > o ? null : { edge: a.edge, position: a.position };
+}
+export {
+  u as DEFAULT_SURFACE_FLOATING_PANEL_INSET,
+  M as insetSurfaceFloatingPanelGeometry,
+  F as resolveSurfaceFloatingPanelBounds,
+  s as resolveSurfaceFloatingPanelInset,
+  N as resolveSurfaceFloatingPanelPosition,
+  S as resolveSurfaceFloatingPanelSnap,
+  f as resolveSurfaceFloatingPanelSnapThreshold
+};

package/dist/floe.css

@@ -735,15 +735,15 @@
   pointer-events: auto;
   transform-origin: bottom center;
   transition:
-    left 240ms cubic-bezier(0.22, 1, 0.36, 1),
-    top 240ms cubic-bezier(0.22, 1, 0.36, 1),
-    width 240ms cubic-bezier(0.22, 1, 0.36, 1),
-    height 240ms cubic-bezier(0.22, 1, 0.36, 1),
+    left 360ms cubic-bezier(0.22, 0.8, 0.24, 1),
+    top 360ms cubic-bezier(0.22, 0.8, 0.24, 1),
+    width 360ms cubic-bezier(0.22, 0.8, 0.24, 1),
+    height 360ms cubic-bezier(0.22, 0.8, 0.24, 1),
     border-radius 200ms ease,
     border-color 180ms ease,
+    background-color 200ms ease,
     box-shadow 200ms ease,
     opacity 120ms ease;
-  will-change: left, top, width, height;
 }
 
 .floe-bottom-bar-companion[data-companion-phase='expanding'],
@@ -755,8 +755,9 @@
     0 6px 18px -12px color-mix(in srgb, var(--foreground) 24%, transparent);
 }
 
+.floe-bottom-bar-companion[data-companion-phase='expanding'],
 .floe-bottom-bar-companion[data-companion-phase='collapsing'] {
-  transition-duration: 180ms, 180ms, 180ms, 180ms, 160ms, 140ms, 160ms, 100ms;
+  will-change: left, top, width, height;
 }
 
 .floe-bottom-bar-companion[data-companion-visibility='hidden'],