@cnvx/nodal 0.2.1 → 0.2.3

package/dist/DiagramController.svelte

@@ -1,19 +1,32 @@
+<script lang="ts" module>
+    export type PassthroughDiagramControllerProps = ({
+        eagerLoad?: boolean;
+        rootMargin?: string;
+        figureAttributes?: HTMLAttributes<HTMLElement>;
+    } & (
+        | {
+              scaleToFit?: boolean;
+              width?: never;
+              height?: never;
+          }
+        | {
+              scaleToFit?: never;
+              width: number;
+              height: number;
+          }
+    )) &
+        Omit<HTMLAttributes<HTMLDivElement>, "width" | "height">;
+</script>
+
 <script lang="ts">
     import { SvelteMap } from "svelte/reactivity";
     import Diagram, {
         type DiagramNodeDef,
         type DiagramEdgeDef,
     } from "./Diagram.svelte";
-    import {
-        createRawSnippet,
-        flushSync,
-        onMount,
-        setContext,
-        type Snippet,
-    } from "svelte";
+    import { onMount, setContext, type Snippet } from "svelte";
     import type { HTMLAttributes } from "svelte/elements";
     import PrerenderDiagram from "./PrerenderDiagram.svelte";
-    import { browser } from "./diagram-lib.js";
 
     let {
         children,
@@ -24,31 +37,14 @@
         rootMargin = "100px", // start a bit before it enters the viewport
         figureAttributes = { inert: true, "aria-hidden": true },
         ...rest
-    }: ({
-        children: Snippet;
-        eagerLoad?: boolean;
-        rootMargin?: string;
-        figureAttributes?: HTMLAttributes<HTMLElement>;
-    } & (
-        | {
-              scaleToFit?: boolean;
-              width?: never;
-              height?: never;
-          }
-        | {
-              scaleToFit?: never;
-              width: number;
-              height: number;
-          }
-    )) &
-        Omit<HTMLAttributes<HTMLDivElement>, "width" | "height"> = $props();
+    }: PassthroughDiagramControllerProps & { children: Snippet } = $props();
 
     const nodes = new SvelteMap<string, DiagramNodeDef>();
     const layers = new SvelteMap<number, Record<string, DiagramNodeDef>>();
     setContext("layerNodeMap", () => layers);
     const edges = new SvelteMap<string, DiagramEdgeDef>();
 
-    let containerEl: HTMLDivElement | undefined;
+    let containerEl: HTMLDivElement | undefined = $state();
 
     // If we're SSR (not browser), or eagerLoad is false, render immediately.
     // Otherwise wait until after load + idle + intersection.

package/dist/DiagramController.svelte.d.ts

@@ -1,7 +1,4 @@
-import { type Snippet } from "svelte";
-import type { HTMLAttributes } from "svelte/elements";
-type $$ComponentProps = ({
-    children: Snippet;
+export type PassthroughDiagramControllerProps = ({
     eagerLoad?: boolean;
     rootMargin?: string;
     figureAttributes?: HTMLAttributes<HTMLElement>;
@@ -14,6 +11,11 @@ type $$ComponentProps = ({
     width: number;
     height: number;
 })) & Omit<HTMLAttributes<HTMLDivElement>, "width" | "height">;
+import { type Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+type $$ComponentProps = PassthroughDiagramControllerProps & {
+    children: Snippet;
+};
 declare const DiagramController: import("svelte").Component<$$ComponentProps, {}, "">;
 type DiagramController = ReturnType<typeof DiagramController>;
 export default DiagramController;

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 export { default as Diagram } from './Diagram.svelte';
-export { default as DiagramController } from './DiagramController.svelte';
+export { default as DiagramController, type PassthroughDiagramControllerProps } from './DiagramController.svelte';
 export { default as DiagramNode } from './DiagramNode.svelte';
 export { default as PrerenderDiagram } from './PrerenderDiagram.svelte';
 export * from './diagram-lib.js';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@cnvx/nodal",
   "private": false,
   "license": "MIT",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "scripts": {
     "dev": "vite dev",
     "dev-lib": "svelte-package -w",