@pixerate/editor-svelte 0.12.0 → 0.14.0

package/dist/canvas/index.js

@@ -1673,22 +1673,23 @@ function FloatingHorizontalScrollbar($$anchor, $$props) {
 import "svelte/internal/disclose-version";
 import * as $10 from "svelte/internal/client";
 var root2 = $10.from_html(`<span class="opacity-80 text-[10px]"> </span>`);
-var root_1 = $10.from_html(`<div class="absolute transition-transform duration-75 ease-out"><svg class="h-5 w-5 drop-shadow-md" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.65376 12.3673H5.46026L5.31717 12.4976L0.500002 16.8829L0.500002 1.19841L11.7841 12.3673H5.65376Z" stroke="white" stroke-width="1"></path></svg> <div class="mt-1 flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium text-white shadow-md whitespace-nowrap"><span> </span> <!></div></div>`);
-var root_2 = $10.from_html(`<div aria-hidden="true"></div>`);
+var root_1 = $10.from_html(`<div class="mt-1 max-w-xs rounded-lg bg-white/95 backdrop-blur-sm border border-slate-200 px-2.5 py-1.5 text-xs text-slate-800 shadow-lg dark:bg-slate-900/95 dark:border-slate-700 dark:text-slate-100"> </div>`);
+var root_2 = $10.from_html(`<div class="absolute transition-transform duration-75 ease-out"><svg class="h-5 w-5 drop-shadow-md" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.65376 12.3673H5.46026L5.31717 12.4976L0.500002 16.8829L0.500002 1.19841L11.7841 12.3673H5.65376Z" stroke="white" stroke-width="1"></path></svg> <div class="mt-1 flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium text-white shadow-md whitespace-nowrap"><span> </span> <!></div> <!></div>`);
+var root_3 = $10.from_html(`<div aria-hidden="true"></div>`);
 function AgentPresenceLayer($$anchor, $$props) {
   $10.push($$props, true);
   let presences = $10.prop($$props, "presences", 19, () => []), className = $10.prop($$props, "class", 3, "");
   var fragment = $10.comment();
   var node = $10.first_child(fragment);
   {
-    var consequent_2 = ($$anchor2) => {
-      var div = root_2();
+    var consequent_3 = ($$anchor2) => {
+      var div = root_3();
       $10.each(div, 21, presences, (agent) => agent.agentId, ($$anchor3, agent) => {
         var fragment_1 = $10.comment();
         var node_1 = $10.first_child(fragment_1);
         {
-          var consequent_1 = ($$anchor4) => {
-            var div_1 = root_1();
+          var consequent_2 = ($$anchor4) => {
+            var div_1 = root_2();
             var svg = $10.child(div_1);
             var path = $10.only_child(svg);
             var div_2 = $10.sibling(svg, 2);
@@ -1707,6 +1708,18 @@ function AgentPresenceLayer($$anchor, $$props) {
               });
             }
             $10.reset(div_2);
+            var node_3 = $10.sibling(div_2, 2);
+            {
+              var consequent_1 = ($$anchor5) => {
+                var div_3 = root_1();
+                var text_2 = $10.only_child(div_3, true);
+                $10.template_effect(() => $10.set_text(text_2, $10.get(agent).note));
+                $10.append($$anchor5, div_3);
+              };
+              $10.if(node_3, ($$render) => {
+                if ($10.get(agent).note) $$render(consequent_1);
+              });
+            }
             $10.reset(div_1);
             $10.template_effect(() => {
               $10.set_style(div_1, `transform: translate3d(${$10.get(agent).cursorPosition.x ?? ""}px, ${$10.get(agent).cursorPosition.y ?? ""}px, 0);`);
@@ -1717,17 +1730,17 @@ function AgentPresenceLayer($$anchor, $$props) {
             $10.append($$anchor4, div_1);
           };
           $10.if(node_1, ($$render) => {
-            if ($10.get(agent).cursorPosition) $$render(consequent_1);
+            if ($10.get(agent).cursorPosition) $$render(consequent_2);
           });
         }
         $10.append($$anchor3, fragment_1);
       });
       $10.reset(div);
-      $10.template_effect(() => $10.set_class(div, 1, `pixerate-agent-presence-layer pointer-events-none absolute inset-0 z-50 overflow-hidden ${className() ?? ""}`));
+      $10.template_effect(() => $10.set_class(div, 1, `pixerate-presence agent-presence pixerate-agent-presence-layer pointer-events-none absolute inset-0 z-50 overflow-hidden ${className() ?? ""}`));
       $10.append($$anchor2, div);
     };
     $10.if(node, ($$render) => {
-      if (presences().length > 0) $$render(consequent_2);
+      if (presences().length > 0) $$render(consequent_3);
     });
   }
   $10.append($$anchor, fragment);
@@ -1742,6 +1755,8 @@ function createStreamingCanvas(options = {}) {
   const manager = new StreamingLayoutManager({
     throttleMs: options.throttleMs,
     glideDurationMs: options.glideDurationMs,
+    connectedOnly: options.connectedOnly,
+    clock: options.clock,
     layoutOptions: options.layoutOptions,
     onLayoutUpdated: (updated) => {
       $11.set(positions, updated, true);
@@ -1763,14 +1778,29 @@ function createStreamingCanvas(options = {}) {
     }
   };
 }
+
+// src/canvas/index.ts
+import {
+  realClock,
+  ManualClock,
+  layoutBounds,
+  canvasHeight,
+  estimateCanvasHeight,
+  blendLayout,
+  connectedOnly
+} from "@pixerate/editor/canvas";
 export {
   AgentPresenceLayer,
   FloatingHorizontalScrollbar,
+  ManualClock,
+  blendLayout,
   calculateDirectionalDisplacement,
   calculateGraphDifferences,
   calculateReflowDisplacement,
+  canvasHeight,
   centerNodes,
   computeNodesBoundingBox,
+  connectedOnly,
   createBezierTrajectory,
   createCanvasClipboard,
   createCanvasDocking,
@@ -1784,6 +1814,7 @@ export {
   createStreamingCanvas,
   defaultSvelteFlowPreset,
   ensureLayout,
+  estimateCanvasHeight,
   estimateNodeSize,
   flowSide,
   getCenteredNodePosition,
@@ -1793,12 +1824,14 @@ export {
   isEventFromTextInput,
   isValidCanvasNode,
   isValidUrl,
+  layoutBounds,
   linearPositionTrajectory,
   linearTrajectory,
   miroCompatiblePreset,
   normalizeNodeHandles,
   placeBeside,
   preserveNodeMeasurements,
+  realClock,
   replaceNodeInGraph,
   restorePanelPointerEvents,
   runMultiNodeTransition