@floegence/floe-webapp-core 0.36.12 → 0.36.15

package/dist/components/deck/DeckCell.js

@@ -1,24 +1,41 @@
-import { insert as s, createComponent as g, Dynamic as D, effect as W, setAttribute as b, className as S, style as k, template as m } from "solid-js/web";
-import { createMemo as l, Show as z } from "solid-js";
-import { cn as C } from "../../utils/cn.js";
-import { useDeck as R } from "../../context/DeckContext.js";
-import { useWidgetRegistry as x } from "../../context/WidgetRegistry.js";
-import { WidgetStateProvider as M } from "../../context/WidgetStateContext.js";
-import { positionToGridArea as A } from "../../utils/gridLayout.js";
-import { WidgetFrame as I } from "./WidgetFrame.js";
-var P = /* @__PURE__ */ m("<div data-floe-dialog-surface-host=true data-floe-geometry-surface=deck-widget>"), T = /* @__PURE__ */ m('<div class="h-full flex items-center justify-center text-muted-foreground text-xs"><span>Widget: ');
-function B(e) {
-  const r = R(), n = x(), f = () => r.editMode(), d = () => e.widget.type, a = l(() => n.getWidget(d())), w = l(() => A(e.position)), h = () => r.getWidgetState(e.widget.id), v = (i, t) => {
-    r.updateWidgetState(e.widget.id, i, t);
-  }, o = () => a()?.component;
+import { spread as h, mergeProps as y, insert as u, createComponent as i, Dynamic as v, template as c } from "solid-js/web";
+import { createMemo as a, Show as D } from "solid-js";
+import { cn as R } from "../../utils/cn.js";
+import { useDeck as S } from "../../context/DeckContext.js";
+import { useWidgetRegistry as W } from "../../context/WidgetRegistry.js";
+import { WidgetStateProvider as C } from "../../context/WidgetStateContext.js";
+import { positionToGridArea as _ } from "../../utils/gridLayout.js";
+import { WidgetFrame as b } from "./WidgetFrame.js";
+import { SURFACE_PORTAL_LAYER_ATTR as k } from "../ui/dialogSurfaceScope.js";
+var z = /* @__PURE__ */ c("<div data-floe-dialog-surface-host=true>"), x = /* @__PURE__ */ c('<div class="h-full flex items-center justify-center text-muted-foreground text-xs"><span>Widget: ');
+function j(e) {
+  const t = S(), g = W(), s = () => t.editMode(), n = () => e.widget.type, d = a(() => g.getWidget(n())), l = a(() => _(e.position)), m = () => t.getWidgetState(e.widget.id), f = (r, w) => {
+    t.updateWidgetState(e.widget.id, r, w);
+  }, o = () => d()?.component;
   return (() => {
-    var i = P();
-    return s(i, g(I, {
+    var r = z();
+    return h(r, y({
+      get "data-floe-deck-widget-id"() {
+        return e.widget.id;
+      }
+    }, {
+      [k]: "true"
+    }, {
+      "data-floe-geometry-surface": "deck-widget",
+      get class() {
+        return R("deck-cell relative rounded-md overflow-hidden group", "bg-card border border-border", !e.isDragging && !e.isResizing && "transition-shadow duration-150 ease-out", e.isDragging && "shadow-2xl z-50 ring-2 ring-primary/70", e.isResizing && "shadow-lg z-50 ring-2 ring-primary", !e.isDragging && !e.isResizing && "hover:ring-1 hover:ring-primary/50", "select-none", e.isDragging && "cursor-grabbing");
+      },
+      get style() {
+        return e.dragOverlayStyle ?? {
+          "grid-area": l()
+        };
+      }
+    }), !1, !0), u(r, i(b, {
       get widget() {
         return e.widget;
       },
       get widgetDef() {
-        return a();
+        return d();
       },
       get isDragging() {
         return e.isDragging;
@@ -27,26 +44,26 @@ function B(e) {
         return e.isResizing;
       },
       get children() {
-        return g(z, {
+        return i(D, {
           get when() {
             return o();
           },
           get fallback() {
-            return g(_, {
+            return i(A, {
               get type() {
-                return d();
+                return n();
               }
             });
           },
           get children() {
-            return g(M, {
+            return i(C, {
               get widgetId() {
                 return e.widget.id;
               },
-              state: h,
-              onStateChange: v,
+              state: m,
+              onStateChange: f,
               get children() {
-                return g(D, {
+                return i(v, {
                   get component() {
                     return o();
                   },
@@ -57,7 +74,7 @@ function B(e) {
                     return e.widget.config;
                   },
                   get isEditMode() {
-                    return f();
+                    return s();
                   }
                 });
               }
@@ -65,24 +82,15 @@ function B(e) {
           }
         });
       }
-    })), W((t) => {
-      var c = e.widget.id, u = C("deck-cell relative rounded-md overflow-hidden group", "bg-card border border-border", !e.isDragging && !e.isResizing && "transition-shadow duration-150 ease-out", e.isDragging && "shadow-2xl z-50 ring-2 ring-primary/70", e.isResizing && "shadow-lg z-50 ring-2 ring-primary", !e.isDragging && !e.isResizing && "hover:ring-1 hover:ring-primary/50", "select-none", e.isDragging && "cursor-grabbing"), y = e.dragOverlayStyle ?? {
-        "grid-area": w()
-      };
-      return c !== t.e && b(i, "data-floe-deck-widget-id", t.e = c), u !== t.t && S(i, t.t = u), t.a = k(i, y, t.a), t;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    }), i;
+    })), r;
   })();
 }
-function _(e) {
+function A(e) {
   return (() => {
-    var r = T(), n = r.firstChild;
-    return n.firstChild, s(n, () => e.type, null), r;
+    var t = x(), g = t.firstChild;
+    return g.firstChild, u(g, () => e.type, null), t;
   })();
 }
 export {
-  B as DeckCell
+  j as DeckCell
 };