react-html-graph 1.2.1 → 1.2.2

package/dist/hooks/connection.js.map

@@ -1 +1 @@
-{"version":3,"file":"connection.js","sourceRoot":"","sources":["../../src/hooks/connection.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"connection.js","sourceRoot":"","sources":["../../src/hooks/connection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,YAAY,MAAM,cAAc,CAAC;AACxC,OAAO,aAAa,MAAM,eAAe,CAAC;AAE1C;;;;;GAKG;AACH,MAAM,UAAU,cAAc;IAC1B,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC3E,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;AAChD,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CAAC,MAAc,EAAE,QAAgB,EAAE,cAA8B;IACxF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC/D,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAE1C,MAAM,eAAe,GAAG,WAAW,CAC/B,CAAC,CAAmB,EAAE,EAAE;QACpB,IAAI,IAAI,KAAK,UAAU;YAAE,OAAO;QAChC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,SAAS,CAAC,MAAM,EAAE,QAAQ,EAAE,cAAc,CAAC,CAAC;IAChD,CAAC,EACD,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,CAAC,CACtD,CAAC;IAEF,MAAM,UAAU,GACZ,SAAS,CAAC,MAAM;QAChB,SAAS,CAAC,YAAY,KAAK,MAAM;QACjC,SAAS,CAAC,cAAc,KAAK,QAAQ,CAAC;IAE1C,OAAO;QACH,YAAY,EAAE,EAAE,WAAW,EAAE,eAAe,EAAE;QAC9C,UAAU;QACV,OAAO,EAAE,IAAI,KAAK,MAAM;KAC3B,CAAC;AACN,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,WAAW,CAAC,MAAc,EAAE,QAAgB,EAAE,cAA8B;IACxF,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,iBAAiB,CAAC,CAAC;IAC7D,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC1C,MAAM,SAAS,GAAG,YAAY,EAAE,CAAC;IACjC,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC;IAEnC,MAAM,OAAO,GACT,SAAS,CAAC,MAAM;QAChB,SAAS,CAAC,cAAc,KAAK,cAAc;QAC3C,SAAS,CAAC,YAAY,KAAK,MAAM,CAAC;IAEtC,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,CAAmB,EAAE,EAAE;QACpB,IAAI,IAAI,KAAK,UAAU,IAAI,CAAC,SAAS,CAAC,MAAM;YAAE,OAAO;QACrD,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC;QAChC,IAAI,SAAS,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;QAC/B,IAAI,KAAK,EAAE,CAAC;YACR,MAAM,IAAI,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC;YAC3C,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;YAC7B,SAAS,GAAG;gBACR,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;gBACrD,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,GAAG,OAAO,CAAC,CAAC;aACvD,CAAC;QACN,CAAC;QAED,OAAO,CAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,CAAC,CAAC;IACzC,CAAC,EACD,CAAC,IAAI,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAC7E,CAAC;IAEF,OAAO;QACH,YAAY,EAAE,EAAE,SAAS,EAAE,aAAa,EAAE;QAC1C,OAAO;KACV,CAAC;AACN,CAAC"}

package/dist/hooks/get-viewbox.d.ts

@@ -0,0 +1,9 @@
+import { Viewbox } from "../types";
+/**
+ * Hook que retorna um getter estável para o viewbox atual, sem causar
+ * re-render quando o viewbox muda. Mesma abordagem de `useGetZoom`.
+ *
+ * @returns Função que retorna o Viewbox mais recente.
+ */
+export default function useGetViewbox(): () => Viewbox;
+//# sourceMappingURL=get-viewbox.d.ts.map

package/dist/hooks/get-viewbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-viewbox.d.ts","sourceRoot":"","sources":["../../src/hooks/get-viewbox.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAGnC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa,kBAapC"}

package/dist/hooks/get-viewbox.js

@@ -0,0 +1,20 @@
+import { useCallback, useEffect, useRef } from "react";
+import useViewbox from "./viewbox";
+/**
+ * Hook que retorna um getter estável para o viewbox atual, sem causar
+ * re-render quando o viewbox muda. Mesma abordagem de `useGetZoom`.
+ *
+ * @returns Função que retorna o Viewbox mais recente.
+ */
+export default function useGetViewbox() {
+    const viewbox = useViewbox();
+    const ref = useRef(viewbox);
+    useEffect(() => {
+        ref.current = viewbox;
+    }, [viewbox]);
+    const getViewbox = useCallback(() => {
+        return ref.current;
+    }, []);
+    return getViewbox;
+}
+//# sourceMappingURL=get-viewbox.js.map

package/dist/hooks/get-viewbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-viewbox.js","sourceRoot":"","sources":["../../src/hooks/get-viewbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,UAAU,MAAM,WAAW,CAAC;AAInC;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,aAAa;IACjC,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,GAAG,GAAG,MAAM,CAAU,OAAO,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACX,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC;IAC1B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,OAAO,GAAG,CAAC,OAAO,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,UAAU,CAAC;AACtB,CAAC"}

package/dist/layouts/centralizar.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=centralizar.d.ts.map

package/dist/layouts/centralizar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"centralizar.d.ts","sourceRoot":"","sources":["../../src/layouts/centralizar.ts"],"names":[],"mappings":""}

package/dist/layouts/centralizar.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=centralizar.js.map

package/dist/layouts/centralizar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"centralizar.js","sourceRoot":"","sources":["../../src/layouts/centralizar.ts"],"names":[],"mappings":""}

package/dist/layouts/force-direction-layout.d.ts

@@ -0,0 +1,9 @@
+import { GraphLayoutInput, GraphLayoutResult } from "../types";
+/**
+ * Executa um layout por forças com viés direcional entre origem e destino.
+ *
+ * @param input Snapshot do grafo e opções compartilhadas
+ * @returns Resultado com novas posições para os nós
+ */
+export default function forceDirectionLayout(input: GraphLayoutInput): Promise<GraphLayoutResult>;
+//# sourceMappingURL=force-direction-layout.d.ts.map

package/dist/layouts/force-direction-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"force-direction-layout.d.ts","sourceRoot":"","sources":["../../src/layouts/force-direction-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI/D;;;;;GAKG;AACH,wBAA8B,oBAAoB,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAEtG"}

package/dist/layouts/force-direction-layout.js

@@ -0,0 +1,11 @@
+import { runLayoutAlgorithm } from "./shared";
+/**
+ * Executa um layout por forças com viés direcional entre origem e destino.
+ *
+ * @param input Snapshot do grafo e opções compartilhadas
+ * @returns Resultado com novas posições para os nós
+ */
+export default async function forceDirectionLayout(input) {
+    return runLayoutAlgorithm("force-direction", input);
+}
+//# sourceMappingURL=force-direction-layout.js.map

package/dist/layouts/force-direction-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"force-direction-layout.js","sourceRoot":"","sources":["../../src/layouts/force-direction-layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,oBAAoB,CAAC,KAAuB;IACtE,OAAO,kBAAkB,CAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;AACxD,CAAC"}

package/dist/layouts/index.d.ts

@@ -0,0 +1,13 @@
+import { GraphLayoutAlgorithm, GraphLayoutInput, GraphLayoutResult } from "../types";
+import forceDirectionLayout from "./force-direction-layout";
+import organicLayout from "./organic-layout";
+import radialLayout from "./radial-layout";
+import sequentialLayout from "./sequential-layout";
+import structuralLayout from "./structural-layout";
+import treeLayout from "./tree-layout";
+/** Assinatura compartilhada por todos os executores de layout. */
+export type GraphLayoutExecutor = (input: GraphLayoutInput) => Promise<GraphLayoutResult>;
+/** Mapa estável dos algoritmos de layout disponíveis. */
+export declare const GRAPH_LAYOUT_EXECUTORS: Record<GraphLayoutAlgorithm, GraphLayoutExecutor>;
+export { forceDirectionLayout, organicLayout, radialLayout, sequentialLayout, structuralLayout, treeLayout };
+//# sourceMappingURL=index.d.ts.map

package/dist/layouts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACrF,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAC5D,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,UAAU,MAAM,eAAe,CAAC;AAGvC,kEAAkE;AAClE,MAAM,MAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,gBAAgB,KAAK,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE1F,yDAAyD;AACzD,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,oBAAoB,EAAE,mBAAmB,CAOpF,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}

package/dist/layouts/index.js

@@ -0,0 +1,17 @@
+import forceDirectionLayout from "./force-direction-layout";
+import organicLayout from "./organic-layout";
+import radialLayout from "./radial-layout";
+import sequentialLayout from "./sequential-layout";
+import structuralLayout from "./structural-layout";
+import treeLayout from "./tree-layout";
+/** Mapa estável dos algoritmos de layout disponíveis. */
+export const GRAPH_LAYOUT_EXECUTORS = {
+    "force-direction": forceDirectionLayout,
+    organic: organicLayout,
+    radial: radialLayout,
+    sequential: sequentialLayout,
+    structural: structuralLayout,
+    tree: treeLayout,
+};
+export { forceDirectionLayout, organicLayout, radialLayout, sequentialLayout, structuralLayout, treeLayout };
+//# sourceMappingURL=index.js.map

package/dist/layouts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layouts/index.ts"],"names":[],"mappings":"AACA,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAC5D,OAAO,aAAa,MAAM,kBAAkB,CAAC;AAC7C,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,gBAAgB,MAAM,qBAAqB,CAAC;AACnD,OAAO,UAAU,MAAM,eAAe,CAAC;AAMvC,yDAAyD;AACzD,MAAM,CAAC,MAAM,sBAAsB,GAAsD;IACrF,iBAAiB,EAAE,oBAAoB;IACvC,OAAO,EAAE,aAAa;IACtB,MAAM,EAAE,YAAY;IACpB,UAAU,EAAE,gBAAgB;IAC5B,UAAU,EAAE,gBAAgB;IAC5B,IAAI,EAAE,UAAU;CACnB,CAAC;AAEF,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}

package/dist/layouts/organic-layout.d.ts

@@ -0,0 +1,9 @@
+import { GraphLayoutInput, GraphLayoutResult } from "../types";
+/**
+ * Executa um layout orgânico baseado em relaxamento por forças.
+ *
+ * @param input Snapshot do grafo e opções compartilhadas
+ * @returns Resultado com novas posições para os nós
+ */
+export default function organicLayout(input: GraphLayoutInput): Promise<GraphLayoutResult>;
+//# sourceMappingURL=organic-layout.d.ts.map

package/dist/layouts/organic-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"organic-layout.d.ts","sourceRoot":"","sources":["../../src/layouts/organic-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI/D;;;;;GAKG;AACH,wBAA8B,aAAa,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAE/F"}

package/dist/layouts/organic-layout.js

@@ -0,0 +1,11 @@
+import { runLayoutAlgorithm } from "./shared";
+/**
+ * Executa um layout orgânico baseado em relaxamento por forças.
+ *
+ * @param input Snapshot do grafo e opções compartilhadas
+ * @returns Resultado com novas posições para os nós
+ */
+export default async function organicLayout(input) {
+    return runLayoutAlgorithm("organic", input);
+}
+//# sourceMappingURL=organic-layout.js.map

package/dist/layouts/organic-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"organic-layout.js","sourceRoot":"","sources":["../../src/layouts/organic-layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,aAAa,CAAC,KAAuB;IAC/D,OAAO,kBAAkB,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAChD,CAAC"}

package/dist/layouts/radial-layout.d.ts

@@ -0,0 +1,9 @@
+import { GraphLayoutInput, GraphLayoutResult } from "../types";
+/**
+ * Executa um layout radial distribuindo camadas ao redor de uma raiz.
+ *
+ * @param input Snapshot do grafo e opções compartilhadas
+ * @returns Resultado com novas posições para os nós
+ */
+export default function radialLayout(input: GraphLayoutInput): Promise<GraphLayoutResult>;
+//# sourceMappingURL=radial-layout.d.ts.map

package/dist/layouts/radial-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radial-layout.d.ts","sourceRoot":"","sources":["../../src/layouts/radial-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI/D;;;;;GAKG;AACH,wBAA8B,YAAY,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAE9F"}

package/dist/layouts/radial-layout.js

@@ -0,0 +1,11 @@
+import { runLayoutAlgorithm } from "./shared";
+/**
+ * Executa um layout radial distribuindo camadas ao redor de uma raiz.
+ *
+ * @param input Snapshot do grafo e opções compartilhadas
+ * @returns Resultado com novas posições para os nós
+ */
+export default async function radialLayout(input) {
+    return runLayoutAlgorithm("radial", input);
+}
+//# sourceMappingURL=radial-layout.js.map

package/dist/layouts/radial-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radial-layout.js","sourceRoot":"","sources":["../../src/layouts/radial-layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,YAAY,CAAC,KAAuB;IAC9D,OAAO,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC;AAC/C,CAAC"}

package/dist/layouts/sequential-layout.d.ts

@@ -0,0 +1,9 @@
+import { GraphLayoutInput, GraphLayoutResult } from "../types";
+/**
+ * Executa um layout sequencial em linhas/colunas a partir da ordem do grafo.
+ *
+ * @param input Snapshot do grafo e opções compartilhadas
+ * @returns Resultado com novas posições para os nós
+ */
+export default function sequentialLayout(input: GraphLayoutInput): Promise<GraphLayoutResult>;
+//# sourceMappingURL=sequential-layout.d.ts.map

package/dist/layouts/sequential-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sequential-layout.d.ts","sourceRoot":"","sources":["../../src/layouts/sequential-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI/D;;;;;GAKG;AACH,wBAA8B,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAElG"}

package/dist/layouts/sequential-layout.js

@@ -0,0 +1,11 @@
+import { runLayoutAlgorithm } from "./shared";
+/**
+ * Executa um layout sequencial em linhas/colunas a partir da ordem do grafo.
+ *
+ * @param input Snapshot do grafo e opções compartilhadas
+ * @returns Resultado com novas posições para os nós
+ */
+export default async function sequentialLayout(input) {
+    return runLayoutAlgorithm("sequential", input);
+}
+//# sourceMappingURL=sequential-layout.js.map

package/dist/layouts/sequential-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sequential-layout.js","sourceRoot":"","sources":["../../src/layouts/sequential-layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,gBAAgB,CAAC,KAAuB;IAClE,OAAO,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AACnD,CAAC"}

package/dist/layouts/shared.d.ts

@@ -0,0 +1,10 @@
+import { GraphLayoutAlgorithm, GraphLayoutInput, GraphLayoutResult } from "../types";
+/**
+ * Executa um algoritmo de layout no worker pool a partir do snapshot público.
+ *
+ * @param algorithm Nome do algoritmo desejado
+ * @param input Snapshot de nós/links e opções compartilhadas
+ * @returns Resultado com posições e bounds calculados
+ */
+export declare function runLayoutAlgorithm(algorithm: GraphLayoutAlgorithm, input: GraphLayoutInput): Promise<GraphLayoutResult>;
+//# sourceMappingURL=shared.d.ts.map

package/dist/layouts/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/layouts/shared.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAGrF;;;;;;GAMG;AACH,wBAAsB,kBAAkB,CACpC,SAAS,EAAE,oBAAoB,EAC/B,KAAK,EAAE,gBAAgB,GACxB,OAAO,CAAC,iBAAiB,CAAC,CA8B5B"}

package/dist/layouts/shared.js

@@ -0,0 +1,39 @@
+import { calculateLayout } from "../calculations";
+/**
+ * Executa um algoritmo de layout no worker pool a partir do snapshot público.
+ *
+ * @param algorithm Nome do algoritmo desejado
+ * @param input Snapshot de nós/links e opções compartilhadas
+ * @returns Resultado com posições e bounds calculados
+ */
+export async function runLayoutAlgorithm(algorithm, input) {
+    const result = await calculateLayout({
+        algorithm,
+        nodes: input.nodes.map(node => ({
+            id: node.id,
+            width: node.width,
+            height: node.height,
+            x: node.position.x,
+            y: node.position.y,
+            z: node.position.z,
+        })),
+        links: input.links.map(link => ({
+            id: link.id,
+            from: link.from,
+            to: link.to,
+        })),
+        options: input.options,
+    });
+    return {
+        positions: result.positions.map(position => ({
+            id: position.id,
+            position: {
+                x: position.x,
+                y: position.y,
+                z: position.z,
+            },
+        })),
+        bounds: result.bounds,
+    };
+}
+//# sourceMappingURL=shared.js.map

package/dist/layouts/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/layouts/shared.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAIlD;;;;;;GAMG;AACH,MAAM,CAAC,KAAK,UAAU,kBAAkB,CACpC,SAA+B,EAC/B,KAAuB;IAEvB,MAAM,MAAM,GAAG,MAAM,eAAe,CAAC;QACjC,SAAS;QACT,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC5B,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,MAAM,EAAE,IAAI,CAAC,MAAM;YACnB,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YAClB,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;YAClB,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;SACrB,CAAC,CAAC;QACH,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YAC5B,EAAE,EAAE,IAAI,CAAC,EAAE;YACX,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,EAAE,EAAE,IAAI,CAAC,EAAE;SACd,CAAC,CAAC;QACH,OAAO,EAAE,KAAK,CAAC,OAAO;KACzB,CAAC,CAAC;IAEH,OAAO;QACH,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;YACzC,EAAE,EAAE,QAAQ,CAAC,EAAE;YACf,QAAQ,EAAE;gBACN,CAAC,EAAE,QAAQ,CAAC,CAAC;gBACb,CAAC,EAAE,QAAQ,CAAC,CAAC;gBACb,CAAC,EAAE,QAAQ,CAAC,CAAC;aAChB;SACJ,CAAC,CAAC;QACH,MAAM,EAAE,MAAM,CAAC,MAAM;KACxB,CAAC;AACN,CAAC"}

package/dist/layouts/structural-layout.d.ts

@@ -0,0 +1,9 @@
+import { GraphLayoutInput, GraphLayoutResult } from "../types";
+/**
+ * Executa um layout estrutural hierárquico com base na conectividade.
+ *
+ * @param input Snapshot do grafo e opções compartilhadas
+ * @returns Resultado com novas posições para os nós
+ */
+export default function structuralLayout(input: GraphLayoutInput): Promise<GraphLayoutResult>;
+//# sourceMappingURL=structural-layout.d.ts.map

package/dist/layouts/structural-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"structural-layout.d.ts","sourceRoot":"","sources":["../../src/layouts/structural-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI/D;;;;;GAKG;AACH,wBAA8B,gBAAgB,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAElG"}

package/dist/layouts/structural-layout.js

@@ -0,0 +1,11 @@
+import { runLayoutAlgorithm } from "./shared";
+/**
+ * Executa um layout estrutural hierárquico com base na conectividade.
+ *
+ * @param input Snapshot do grafo e opções compartilhadas
+ * @returns Resultado com novas posições para os nós
+ */
+export default async function structuralLayout(input) {
+    return runLayoutAlgorithm("structural", input);
+}
+//# sourceMappingURL=structural-layout.js.map

package/dist/layouts/structural-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"structural-layout.js","sourceRoot":"","sources":["../../src/layouts/structural-layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,gBAAgB,CAAC,KAAuB;IAClE,OAAO,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AACnD,CAAC"}

package/dist/layouts/tree-layout.d.ts

@@ -0,0 +1,9 @@
+import { GraphLayoutInput, GraphLayoutResult } from "../types";
+/**
+ * Executa um layout em árvore para grafos com hierarquia predominante.
+ *
+ * @param input Snapshot do grafo e opções compartilhadas
+ * @returns Resultado com novas posições para os nós
+ */
+export default function treeLayout(input: GraphLayoutInput): Promise<GraphLayoutResult>;
+//# sourceMappingURL=tree-layout.d.ts.map

package/dist/layouts/tree-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-layout.d.ts","sourceRoot":"","sources":["../../src/layouts/tree-layout.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAI/D;;;;;GAKG;AACH,wBAA8B,UAAU,CAAC,KAAK,EAAE,gBAAgB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAE5F"}

package/dist/layouts/tree-layout.js

@@ -0,0 +1,11 @@
+import { runLayoutAlgorithm } from "./shared";
+/**
+ * Executa um layout em árvore para grafos com hierarquia predominante.
+ *
+ * @param input Snapshot do grafo e opções compartilhadas
+ * @returns Resultado com novas posições para os nós
+ */
+export default async function treeLayout(input) {
+    return runLayoutAlgorithm("tree", input);
+}
+//# sourceMappingURL=tree-layout.js.map

package/dist/layouts/tree-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-layout.js","sourceRoot":"","sources":["../../src/layouts/tree-layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAG9C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,CAAC,KAAK,UAAU,UAAU,CAAC,KAAuB;IAC5D,OAAO,kBAAkB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AAC7C,CAAC"}

package/dist/link/base.d.ts

@@ -1,4 +1,4 @@
-import { LinkLabel } from "../types";
+import { GraphLinkRuntimeState, LinkLabel } from "../types";
 type GraphLinkProps = {
     id: string;
     from: {
@@ -20,6 +20,7 @@ type GraphLinkProps = {
     gapSize?: number;
     forwardDuration?: number;
     reverseDuration?: number;
+    onStateChange?: (state: GraphLinkRuntimeState) => void;
 };
 /**
  * Componente que renderiza um link entre dois nós usando caminhos SVG.
@@ -29,6 +30,6 @@ type GraphLinkProps = {
  * @param props Propriedades do link (GraphLinkProps)
  * @returns JSX.Element
  */
-declare const MemoizedGraphLink: import("react").MemoExoticComponent<({ id, from, to, width, forwardWidth, reverseWidth, spacing, labels, forwardColor, reverseColor, dashSize, gapSize, forwardDuration, reverseDuration, }: GraphLinkProps) => import("react/jsx-runtime").JSX.Element>;
+declare const MemoizedGraphLink: import("react").MemoExoticComponent<({ id, from, to, width, forwardWidth, reverseWidth, spacing, labels, forwardColor, reverseColor, dashSize, gapSize, forwardDuration, reverseDuration, onStateChange, }: GraphLinkProps) => import("react/jsx-runtime").JSX.Element>;
 export default MemoizedGraphLink;
 //# sourceMappingURL=base.d.ts.map

package/dist/link/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/link/base.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAIrC,KAAK,cAAc,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB,+LAepB,cAAc,6CA2Pf,CAAA;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/link/base.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAI5D,KAAK,cAAc,GAAG;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,EAAE,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CAC1D,CAAC;AAEF;;;;;;;GAOG;AACH,QAAA,MAAM,iBAAiB,8MAgBpB,cAAc,6CA6Wf,CAAA;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/link/base.js

@@ -12,7 +12,7 @@ import { calculatePath, calculateLabels } from "../calculations";
  * @param props Propriedades do link (GraphLinkProps)
  * @returns JSX.Element
  */
-const MemoizedGraphLink = memo(function GraphLink({ id, from, to, width = 3, forwardWidth, reverseWidth, spacing, labels, forwardColor = "#888", reverseColor = "#888", dashSize = 12, gapSize = 8, forwardDuration = 1, reverseDuration = 1, }) {
+const MemoizedGraphLink = memo(function GraphLink({ id, from, to, width = 3, forwardWidth, reverseWidth, spacing, labels, forwardColor = "#888", reverseColor = "#888", dashSize = 12, gapSize = 8, forwardDuration = 1, reverseDuration = 1, onStateChange, }) {
     const rootRef = useRef(null);
     const forwardRef = useRef(null);
     const reverseRef = useRef(null);
@@ -33,9 +33,11 @@ const MemoizedGraphLink = memo(function GraphLink({ id, from, to, width = 3, for
     const gapRef = useRef(gap);
     const labelsRef = useRef(labels);
     const invalidRef = useRef(invalid);
+    const onStateChangeRef = useRef(onStateChange);
     gapRef.current = gap;
     labelsRef.current = labels;
     invalidRef.current = invalid;
+    onStateChangeRef.current = onStateChange;
     // Descobre nós
     const checkNodes = useCallback(() => {
         const root = graphRoot.current;
@@ -97,6 +99,25 @@ const MemoizedGraphLink = memo(function GraphLink({ id, from, to, width = 3, for
             root.setAttribute("viewBox", `${bounds.left} ${bounds.top} ${bounds.width} ${bounds.height}`);
             fwd.setAttribute("d", forwardD);
             rev.setAttribute("d", reverseD);
+            onStateChangeRef.current?.({
+                id,
+                from: {
+                    nodeId: from.node,
+                    portId: from.port,
+                    x: pos.fromX,
+                    y: pos.fromY,
+                    direction: pos.fromDir,
+                },
+                to: {
+                    nodeId: to.node,
+                    portId: to.port,
+                    x: pos.toX,
+                    y: pos.toY,
+                    direction: pos.toDir,
+                },
+                bounds,
+                invalid: false,
+            });
             if (labelResult) {
                 const labelGroup = labelGroupRef.current;
                 if (labelGroup) {
@@ -114,17 +135,47 @@ const MemoizedGraphLink = memo(function GraphLink({ id, from, to, width = 3, for
                 }
             }
         });
+    }, [from.node, from.port, id, to.node, to.port]);
+    // Acumula offsets do elemento até o ancestral de referência
+    const accumulateOffset = useCallback((el, ancestor) => {
+        let x = 0;
+        let y = 0;
+        let current = el;
+        while (current && current !== ancestor) {
+            x += current.offsetLeft;
+            y += current.offsetTop;
+            current = current.offsetParent;
+        }
+        return { x, y };
     }, []);
-    // Determina direcao de saida da porta baseado na posicao relativa ao centro do no
-    const detectPortDir = useCallback((node, port) => {
-        if (!port)
-            return "right";
-        const relX = port.offsetLeft + port.offsetWidth / 2 - node.offsetWidth / 2;
-        const relY = port.offsetTop + port.offsetHeight / 2 - node.offsetHeight / 2;
-        if (Math.abs(relX) >= Math.abs(relY)) {
-            return relX >= 0 ? "right" : "left";
+    // Determina a direcao da porta pela posicao real dentro do no.
+    // Quando a porta estiver centralizada, usa o vetor entre origem e destino
+    // como heuristica para escolher um lado mais natural.
+    const detectPortDir = useCallback((node, portOrigin, delta, invertDelta = false) => {
+        const normalizedDelta = invertDelta
+            ? { x: -delta.x, y: -delta.y }
+            : delta;
+        if (!portOrigin) {
+            if (Math.abs(normalizedDelta.x) >= Math.abs(normalizedDelta.y)) {
+                return normalizedDelta.x >= 0 ? "right" : "left";
+            }
+            return normalizedDelta.y >= 0 ? "bottom" : "top";
+        }
+        const relX = portOrigin.x - node.offsetWidth / 2;
+        const relY = portOrigin.y - node.offsetHeight / 2;
+        const toleranceX = Math.max(4, node.offsetWidth * 0.05);
+        const toleranceY = Math.max(4, node.offsetHeight * 0.05);
+        const isCentered = Math.abs(relX) <= toleranceX && Math.abs(relY) <= toleranceY;
+        if (!isCentered) {
+            if (Math.abs(relX) >= Math.abs(relY)) {
+                return relX >= 0 ? "right" : "left";
+            }
+            return relY >= 0 ? "bottom" : "top";
+        }
+        if (Math.abs(normalizedDelta.x) >= Math.abs(normalizedDelta.y)) {
+            return normalizedDelta.x >= 0 ? "right" : "left";
         }
-        return relY >= 0 ? "bottom" : "top";
+        return normalizedDelta.y >= 0 ? "bottom" : "top";
     }, []);
     // Le posicoes do DOM via ref (sem setState), agenda rAF
     const readPositions = useCallback(() => {
@@ -132,18 +183,37 @@ const MemoizedGraphLink = memo(function GraphLink({ id, from, to, width = 3, for
             return;
         const fromPort = fromNode.querySelector('node-graph-port[port-id="' + from.port + '"]');
         const toPort = toNode.querySelector('node-graph-port[port-id="' + to.port + '"]');
+        const fromOffset = fromPort
+            ? accumulateOffset(fromPort, fromNode)
+            : { x: fromNode.offsetWidth / 2, y: fromNode.offsetHeight / 2 };
+        const toOffset = toPort
+            ? accumulateOffset(toPort, toNode)
+            : { x: toNode.offsetWidth / 2, y: toNode.offsetHeight / 2 };
+        const fromPortOrigin = fromPort
+            ? {
+                x: fromOffset.x + fromPort.offsetWidth / 2,
+                y: fromOffset.y + fromPort.offsetHeight / 2,
+            } : null;
+        const toPortOrigin = toPort
+            ? {
+                x: toOffset.x + toPort.offsetWidth / 2,
+                y: toOffset.y + toPort.offsetHeight / 2,
+            } : null;
+        const fromX = fromNode.offsetLeft + (fromPortOrigin?.x ?? fromOffset.x);
+        const fromY = fromNode.offsetTop + (fromPortOrigin?.y ?? fromOffset.y);
+        const toX = toNode.offsetLeft + (toPortOrigin?.x ?? toOffset.x);
+        const toY = toNode.offsetTop + (toPortOrigin?.y ?? toOffset.y);
+        const delta = { x: toX - fromX, y: toY - fromY };
         positionsRef.current = {
-            fromX: fromNode.offsetLeft + (fromPort ? fromPort.offsetLeft + fromPort.offsetWidth / 2 : fromNode.offsetWidth),
-            fromY: fromNode.offsetTop + (fromPort ? fromPort.offsetTop + fromPort.offsetHeight / 2 : fromNode.offsetHeight / 2),
-            toX: toNode.offsetLeft + (toPort ? toPort.offsetLeft + toPort.offsetWidth / 2 : 0),
-            toY: toNode.offsetTop + (toPort ? toPort.offsetTop + toPort.offsetHeight / 2 : toNode.offsetHeight / 2),
-            fromDir: detectPortDir(fromNode, fromPort),
-            toDir: detectPortDir(toNode, toPort),
+            fromX, fromY,
+            toX, toY,
+            fromDir: detectPortDir(fromNode, fromPortOrigin, delta),
+            toDir: detectPortDir(toNode, toPortOrigin, delta, true),
         };
         cancelAnimationFrame(rafIdRef.current);
         rafIdRef.current = requestAnimationFrame(runCalculation);
-    }, [fromNode, toNode, from.port, to.port, detectPortDir, runCalculation]);
-    // Observe node changes
+    }, [fromNode, toNode, from.port, to.port, accumulateOffset, detectPortDir, runCalculation]);
+    // Observar mudanças nos nós (posição, tamanho, existência) e recalcular
     useEffect(() => {
         if (!fromNode || !toNode || invalid)
             return;
@@ -170,10 +240,33 @@ const MemoizedGraphLink = memo(function GraphLink({ id, from, to, width = 3, for
             return;
         readPositions();
     }, [viewbox.zoom, fromNode, toNode, invalid, readPositions]);
-    // Limpa rAF ao desmontar
+    // Limpa animation frame ao desmontar
     useEffect(() => {
         return () => cancelAnimationFrame(rafIdRef.current);
     }, []);
+    useEffect(() => {
+        if (!invalid)
+            return;
+        onStateChangeRef.current?.({
+            id,
+            from: {
+                nodeId: from.node,
+                portId: from.port,
+                x: 0,
+                y: 0,
+                direction: "right",
+            },
+            to: {
+                nodeId: to.node,
+                portId: to.port,
+                x: 0,
+                y: 0,
+                direction: "left",
+            },
+            bounds: { left: 0, top: 0, width: 0, height: 0 },
+            invalid: true,
+        });
+    }, [from.node, from.port, id, invalid, to.node, to.port]);
     if (invalid)
         return _jsx(_Fragment, {});
     const fwdStroke = fwdW / viewbox.zoom;
@@ -184,7 +277,7 @@ const MemoizedGraphLink = memo(function GraphLink({ id, from, to, width = 3, for
     const cycleLen = scaledDash + scaledGap;
     return (_jsx("node-graph-link", { children: _jsxs("svg", { ref: rootRef, children: [_jsx("path", { ref: forwardRef, d: "", stroke: forwardColor, fill: "none", strokeWidth: fwdStroke, strokeLinecap: "round", strokeDasharray: dashPattern, style: {
                         animationDuration: forwardDuration > 0 ? forwardDuration + "s" : "0s",
-                        animationDirection: "reverse",
+                        animationDirection: "normal",
                         ["--cycle-len"]: cycleLen + "px",
                     } }), _jsx("path", { ref: reverseRef, d: "", stroke: reverseColor, fill: "none", strokeWidth: revStroke, strokeLinecap: "round", strokeDasharray: dashPattern, style: {
                         animationDuration: reverseDuration > 0 ? reverseDuration + "s" : "0s",