@floegence/floe-webapp-core 0.35.43 → 0.35.44

package/dist/components/notes/NotesOverlay.js

@@ -1,19 +1,19 @@
-import { createComponent as o, insert as a, addEventListener as p, effect as h, setAttribute as N, memo as S, template as c, delegateEvents as $ } from "solid-js/web";
+import { createComponent as o, insert as a, addEventListener as m, effect as f, setAttribute as S, Portal as u, memo as $, template as c, delegateEvents as k } from "solid-js/web";
 import { Show as s } from "solid-js";
-import { Motion as f } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
-import { easing as k, duration as _ } from "../../utils/animations.js";
-import { useOverlayMask as O } from "../../hooks/useOverlayMask.js";
-import { X as x } from "../icons/index.js";
-import { NotesBoard as D } from "./NotesBoard.js";
-import { NotesContextMenu as I } from "./NotesContextMenu.js";
-import { NotesEditorFlyout as F, NotesManualPasteFlyout as R } from "./NotesEditorFlyout.js";
-import { NotesOverviewPanel as T } from "./NotesOverviewPanel.js";
-import { NotesTopicRail as L } from "./NotesTopicRail.js";
+import { Motion as _ } from "../../node_modules/.pnpm/solid-motionone@1.0.4_solid-js@1.9.11/node_modules/solid-motionone/dist/index.js";
+import { easing as O, duration as T } from "../../utils/animations.js";
+import { useOverlayMask as x } from "../../hooks/useOverlayMask.js";
+import { X as D } from "../icons/index.js";
+import { NotesBoard as I } from "./NotesBoard.js";
+import { NotesContextMenu as F } from "./NotesContextMenu.js";
+import { NotesEditorFlyout as R, NotesManualPasteFlyout as L } from "./NotesEditorFlyout.js";
+import { NotesOverviewPanel as C } from "./NotesOverviewPanel.js";
+import { NotesTopicRail as P } from "./NotesTopicRail.js";
 import { NotesTrashFlyout as B } from "./NotesTrashFlyout.js";
-import { NotesTrashCanIcon as P } from "./notesAppearance.js";
-import { useNotesOverlayModel as E } from "./useNotesOverlayModel.js";
-var Z = /* @__PURE__ */ c('<header class=notes-overlay__header data-floe-canvas-interactive=true><div class=notes-overlay__header-brand><div class=notes-overlay__header-title>Notes</div><div class=notes-overlay__header-separator></div><div class=notes-overlay__header-stat> topics</div><div class=notes-overlay__header-stat> live note</div><div class=notes-overlay__header-stat> trash</div></div><div class=notes-overlay__header-actions><button type=button class=notes-overlay__close aria-label="Close notes overlay"data-floe-overlay-close=true>'), z = /* @__PURE__ */ c("<button type=button class=notes-trash__toggle><div class=notes-trash__toggle-mark>"), W = /* @__PURE__ */ c("<div class=notes-overlay__body><div class=notes-trash data-floe-canvas-interactive=true>"), q = /* @__PURE__ */ c("<div class=notes-overview-backdrop>"), V = /* @__PURE__ */ c("<div class=notes-overview-flyout>"), A = /* @__PURE__ */ c("<div class=notes-menu-backdrop>");
-function H(l) {
+import { NotesTrashCanIcon as E } from "./notesAppearance.js";
+import { useNotesOverlayModel as Z } from "./useNotesOverlayModel.js";
+var z = /* @__PURE__ */ c('<header class=notes-overlay__header data-floe-canvas-interactive=true><div class=notes-overlay__header-brand><div class=notes-overlay__header-title>Notes</div><div class=notes-overlay__header-separator></div><div class=notes-overlay__header-stat> topics</div><div class=notes-overlay__header-stat> live note</div><div class=notes-overlay__header-stat> trash</div></div><div class=notes-overlay__header-actions><button type=button class=notes-overlay__close aria-label="Close notes overlay"data-floe-overlay-close=true>'), W = /* @__PURE__ */ c("<button type=button class=notes-trash__toggle><div class=notes-trash__toggle-mark>"), q = /* @__PURE__ */ c("<div class=notes-overlay__body><div class=notes-trash data-floe-canvas-interactive=true>"), V = /* @__PURE__ */ c("<div class=notes-overview-backdrop>"), A = /* @__PURE__ */ c("<div class=notes-overview-flyout>"), H = /* @__PURE__ */ c("<div class=notes-menu-backdrop>");
+function X(l) {
   return l === "floating" ? {
     mode: l,
     ariaModal: void 0,
@@ -36,13 +36,13 @@ function H(l) {
     }
   };
 }
-function ie(l) {
-  const e = E(l);
-  let d;
-  const i = () => H(l.interactionMode);
-  return O({
+function le(l) {
+  const e = Z(l);
+  let v;
+  const i = () => X(l.interactionMode);
+  return x({
     open: () => l.open,
-    root: () => d,
+    root: () => v,
     onClose: () => e.handleCloseRequest(),
     lockBodyScroll: i().lockBodyScroll,
     trapFocus: i().trapFocus,
@@ -57,10 +57,10 @@ function ie(l) {
       return l.open;
     },
     get children() {
-      return o(f.section, {
+      return o(_.section, {
         ref(t) {
-          var n = d;
-          typeof n == "function" ? n(t) : d = t;
+          var n = v;
+          typeof n == "function" ? n(t) : v = t;
         },
         class: "notes-overlay",
         role: "dialog",
@@ -80,11 +80,11 @@ function ie(l) {
         },
         get transition() {
           return {
-            duration: _.fast
+            duration: T.fast
           };
         },
         get children() {
-          return [o(f.div, {
+          return [o(_.div, {
             class: "notes-overlay__frame",
             initial: {
               opacity: 0,
@@ -98,19 +98,19 @@ function ie(l) {
             },
             get transition() {
               return {
-                duration: _.normal,
-                easing: k.easeOut
+                duration: T.normal,
+                easing: O.easeOut
               };
             },
             get children() {
               return [(() => {
-                var t = Z(), n = t.firstChild, r = n.firstChild, v = r.nextSibling, g = v.nextSibling, C = g.firstChild, u = g.nextSibling, y = u.firstChild, m = u.nextSibling, w = m.firstChild, M = n.nextSibling, b = M.firstChild;
-                return a(g, () => e.header.topicCount(), C), a(u, () => e.header.totalLiveNotes(), y), a(u, () => e.header.totalLiveNotes() === 1 ? "" : "s", null), a(m, () => e.header.trashCount(), w), b.$$click = () => e.handleCloseRequest(), a(b, o(x, {
+                var t = z(), n = t.firstChild, r = n.firstChild, g = r.nextSibling, p = g.nextSibling, y = p.firstChild, d = p.nextSibling, w = d.firstChild, b = d.nextSibling, M = b.firstChild, N = n.nextSibling, h = N.firstChild;
+                return a(p, () => e.header.topicCount(), y), a(d, () => e.header.totalLiveNotes(), w), a(d, () => e.header.totalLiveNotes() === 1 ? "" : "s", null), a(b, () => e.header.trashCount(), M), h.$$click = () => e.handleCloseRequest(), a(h, o(D, {
                   class: "w-4 h-4"
                 })), t;
               })(), (() => {
-                var t = W(), n = t.firstChild;
-                return a(t, o(L, {
+                var t = q(), n = t.firstChild;
+                return a(t, o(P, {
                   get topics() {
                     return e.rail.topics();
                   },
@@ -153,7 +153,7 @@ function ie(l) {
                   onDeleteTopic: (r) => {
                     e.rail.deleteTopic(r);
                   }
-                }), n), a(t, o(D, {
+                }), n), a(t, o(I, {
                   get activeTopic() {
                     return e.board.activeTopic();
                   },
@@ -243,7 +243,7 @@ function ie(l) {
                     return !e.board.isMobile();
                   },
                   get children() {
-                    return o(T, {
+                    return o(C, {
                       mode: "desktop",
                       get items() {
                         return e.overview.items();
@@ -273,153 +273,173 @@ function ie(l) {
                     return !e.trash.open();
                   },
                   get children() {
-                    var r = z(), v = r.firstChild;
-                    return p(r, "click", e.trash.openDock, !0), a(v, o(P, {
+                    var r = W(), g = r.firstChild;
+                    return m(r, "click", e.trash.openDock, !0), a(g, o(E, {
                       class: "notes-trash__toggle-icon"
-                    })), h(() => N(r, "aria-label", `Open trash dock${e.trash.count() > 0 ? `, ${e.trash.count()} items` : ""}`)), r;
+                    })), f(() => S(r, "aria-label", `Open trash dock${e.trash.count() > 0 ? `, ${e.trash.count()} items` : ""}`)), r;
                   }
-                })), h(() => n.classList.toggle("is-open", !!e.trash.open())), t;
+                })), f(() => n.classList.toggle("is-open", !!e.trash.open())), t;
               })()];
             }
           }), o(s, {
             get when() {
-              return S(() => !!e.board.isMobile())() && e.board.overviewOpen();
+              return $(() => !!e.board.isMobile())() && e.board.overviewOpen();
             },
             get children() {
-              return [(() => {
-                var t = q();
-                return p(t, "click", e.overview.close, !0), t;
-              })(), (() => {
-                var t = V();
-                return a(t, o(T, {
-                  mode: "mobile",
-                  get items() {
-                    return e.overview.items();
-                  },
-                  get boardScaleLabel() {
-                    return e.board.boardScaleLabel();
-                  },
-                  get viewportStyle() {
-                    return e.overview.viewportStyle();
-                  },
-                  get navigationState() {
-                    return e.overview.navigationState();
-                  },
-                  get onPointerDown() {
-                    return e.overview.beginNavigation;
-                  },
-                  get onZoomOut() {
-                    return e.board.zoomOut;
-                  },
-                  get onZoomIn() {
-                    return e.board.zoomIn;
-                  },
-                  get onClose() {
-                    return e.overview.close;
-                  }
-                })), t;
-              })()];
+              return o(u, {
+                get children() {
+                  return [(() => {
+                    var t = V();
+                    return m(t, "click", e.overview.close, !0), t;
+                  })(), (() => {
+                    var t = A();
+                    return a(t, o(C, {
+                      mode: "mobile",
+                      get items() {
+                        return e.overview.items();
+                      },
+                      get boardScaleLabel() {
+                        return e.board.boardScaleLabel();
+                      },
+                      get viewportStyle() {
+                        return e.overview.viewportStyle();
+                      },
+                      get navigationState() {
+                        return e.overview.navigationState();
+                      },
+                      get onPointerDown() {
+                        return e.overview.beginNavigation;
+                      },
+                      get onZoomOut() {
+                        return e.board.zoomOut;
+                      },
+                      get onZoomIn() {
+                        return e.board.zoomIn;
+                      },
+                      get onClose() {
+                        return e.overview.close;
+                      }
+                    })), t;
+                  })()];
+                }
+              });
             }
-          }), o(B, {
-            get open() {
-              return e.trash.open();
-            },
-            get groups() {
-              return e.trash.groups();
-            },
-            get now() {
-              return e.trash.now();
-            },
-            get canDeleteNow() {
-              return e.trash.canDeleteNow;
-            },
-            get onClose() {
-              return e.trash.close;
-            },
-            get onBackdropContextMenu() {
-              return e.trash.backdropContextMenu;
-            },
-            onRestore: (t) => {
-              e.trash.restore(t);
-            },
-            onDeleteNow: (t) => {
-              e.trash.deleteNow(t);
-            },
-            onClearTopicTrash: (t) => {
-              e.trash.clearTopic(t);
+          }), o(u, {
+            get children() {
+              return o(B, {
+                get open() {
+                  return e.trash.open();
+                },
+                get groups() {
+                  return e.trash.groups();
+                },
+                get now() {
+                  return e.trash.now();
+                },
+                get canDeleteNow() {
+                  return e.trash.canDeleteNow;
+                },
+                get onClose() {
+                  return e.trash.close;
+                },
+                get onBackdropContextMenu() {
+                  return e.trash.backdropContextMenu;
+                },
+                onRestore: (t) => {
+                  e.trash.restore(t);
+                },
+                onDeleteNow: (t) => {
+                  e.trash.deleteNow(t);
+                },
+                onClearTopicTrash: (t) => {
+                  e.trash.clearTopic(t);
+                }
+              });
             }
           }), o(s, {
             get when() {
               return e.contextMenu.state();
             },
             get children() {
-              return [(() => {
-                var t = A();
-                return p(t, "click", e.contextMenu.close, !0), t;
-              })(), o(I, {
-                get x() {
-                  return e.contextMenu.position()?.left ?? 0;
-                },
-                get y() {
-                  return e.contextMenu.position()?.top ?? 0;
-                },
-                get items() {
-                  return e.contextMenu.items();
+              return o(u, {
+                get children() {
+                  return [(() => {
+                    var t = H();
+                    return m(t, "click", e.contextMenu.close, !0), t;
+                  })(), o(F, {
+                    get x() {
+                      return e.contextMenu.position()?.left ?? 0;
+                    },
+                    get y() {
+                      return e.contextMenu.position()?.top ?? 0;
+                    },
+                    get items() {
+                      return e.contextMenu.items();
+                    }
+                  })];
                 }
-              })];
+              });
             }
           }), o(s, {
             get when() {
               return !!e.editor.note();
             },
             get children() {
-              return o(F, {
-                get note() {
-                  return e.editor.note();
-                },
-                get draftBody() {
-                  return e.editor.draftBody();
-                },
-                get draftColor() {
-                  return e.editor.draftColor();
+              return o(u, {
+                get children() {
+                  return o(R, {
+                    get note() {
+                      return e.editor.note();
+                    },
+                    get draftBody() {
+                      return e.editor.draftBody();
+                    },
+                    get draftColor() {
+                      return e.editor.draftColor();
+                    },
+                    get onDraftBodyChange() {
+                      return e.editor.setDraftBody;
+                    },
+                    get onDraftColorChange() {
+                      return e.editor.setDraftColor;
+                    },
+                    get onClose() {
+                      return e.editor.close;
+                    },
+                    onSave: () => {
+                      e.editor.save();
+                    }
+                  });
+                }
+              });
+            }
+          }), o(u, {
+            get children() {
+              return o(L, {
+                get open() {
+                  return e.manualPaste.open();
                 },
-                get onDraftBodyChange() {
-                  return e.editor.setDraftBody;
+                get text() {
+                  return e.manualPaste.text();
                 },
-                get onDraftColorChange() {
-                  return e.editor.setDraftColor;
+                get onTextChange() {
+                  return e.manualPaste.setText;
                 },
                 get onClose() {
-                  return e.editor.close;
+                  return e.manualPaste.close;
                 },
-                onSave: () => {
-                  e.editor.save();
+                onConfirm: () => {
+                  e.manualPaste.confirm();
                 }
               });
             }
-          }), o(R, {
-            get open() {
-              return e.manualPaste.open();
-            },
-            get text() {
-              return e.manualPaste.text();
-            },
-            get onTextChange() {
-              return e.manualPaste.setText;
-            },
-            get onClose() {
-              return e.manualPaste.close;
-            },
-            onConfirm: () => {
-              e.manualPaste.confirm();
-            }
           })];
         }
       });
     }
   });
 }
-$(["click"]);
+k(["click"]);
 export {
-  ie as NotesOverlay
+  le as NotesOverlay
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@floegence/floe-webapp-core",
-  "version": "0.35.43",
+  "version": "0.35.44",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",