@almadar/ui 5.116.0 → 5.116.1

package/dist/avl/index.cjs

@@ -37242,7 +37242,7 @@ function measureLabelWidth(text) {
   if (!labelMeasureCtx) labelMeasureCtx = document.createElement("canvas").getContext("2d");
   if (!labelMeasureCtx) return text.length * 6;
   labelMeasureCtx.font = "12px system-ui";
-  return labelMeasureCtx.measureText(text).width;
+  return labelMeasureCtx.measureText(text).width + 4;
 }
 function getGroupColor(group, groups) {
   if (!group) return GROUP_COLORS2[0];
@@ -37380,10 +37380,13 @@ var init_GraphCanvas = __esm({
         if (!canvas || propNodes.length === 0) return;
         const w = logicalW;
         const h = height;
+        const prevPos = /* @__PURE__ */ new Map();
+        for (const pn of nodesRef.current) if (pn.x != null && pn.y != null) prevPos.set(pn.id, { x: pn.x, y: pn.y });
         const simNodes = propNodes.map((n, idx) => {
-          let x = n.x ?? 0;
-          let y = n.y ?? 0;
-          if (!n.x || !n.y) {
+          const prev = prevPos.get(n.id);
+          let x = prev?.x ?? n.x ?? 0;
+          let y = prev?.y ?? n.y ?? 0;
+          if (!prev && (!n.x || !n.y)) {
             if (layout === "circular") {
               const angle = idx / propNodes.length * 2 * Math.PI;
               const radius = Math.min(w, h) * 0.35;
@@ -37404,7 +37407,6 @@ var init_GraphCanvas = __esm({
         });
         nodesRef.current = simNodes;
         if (layout === "force") {
-          let iterations = 0;
           const maxIterations = 300;
           const tick = () => {
             const nodes = nodesRef.current;
@@ -37509,13 +37511,9 @@ var init_GraphCanvas = __esm({
                 }
               }
             }
-            iterations++;
-            forceUpdate((n) => n + 1);
-            if (iterations < maxIterations) {
-              animRef.current = requestAnimationFrame(tick);
-            }
           };
-          animRef.current = requestAnimationFrame(tick);
+          for (let i = 0; i < maxIterations; i++) tick();
+          forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
         }

package/dist/avl/index.js

@@ -37196,7 +37196,7 @@ function measureLabelWidth(text) {
   if (!labelMeasureCtx) labelMeasureCtx = document.createElement("canvas").getContext("2d");
   if (!labelMeasureCtx) return text.length * 6;
   labelMeasureCtx.font = "12px system-ui";
-  return labelMeasureCtx.measureText(text).width;
+  return labelMeasureCtx.measureText(text).width + 4;
 }
 function getGroupColor(group, groups) {
   if (!group) return GROUP_COLORS2[0];
@@ -37334,10 +37334,13 @@ var init_GraphCanvas = __esm({
         if (!canvas || propNodes.length === 0) return;
         const w = logicalW;
         const h = height;
+        const prevPos = /* @__PURE__ */ new Map();
+        for (const pn of nodesRef.current) if (pn.x != null && pn.y != null) prevPos.set(pn.id, { x: pn.x, y: pn.y });
         const simNodes = propNodes.map((n, idx) => {
-          let x = n.x ?? 0;
-          let y = n.y ?? 0;
-          if (!n.x || !n.y) {
+          const prev = prevPos.get(n.id);
+          let x = prev?.x ?? n.x ?? 0;
+          let y = prev?.y ?? n.y ?? 0;
+          if (!prev && (!n.x || !n.y)) {
             if (layout === "circular") {
               const angle = idx / propNodes.length * 2 * Math.PI;
               const radius = Math.min(w, h) * 0.35;
@@ -37358,7 +37361,6 @@ var init_GraphCanvas = __esm({
         });
         nodesRef.current = simNodes;
         if (layout === "force") {
-          let iterations = 0;
           const maxIterations = 300;
           const tick = () => {
             const nodes = nodesRef.current;
@@ -37463,13 +37465,9 @@ var init_GraphCanvas = __esm({
                 }
               }
             }
-            iterations++;
-            forceUpdate((n) => n + 1);
-            if (iterations < maxIterations) {
-              animRef.current = requestAnimationFrame(tick);
-            }
           };
-          animRef.current = requestAnimationFrame(tick);
+          for (let i = 0; i < maxIterations; i++) tick();
+          forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
         }

package/dist/components/index.cjs

@@ -36631,7 +36631,7 @@ function measureLabelWidth(text) {
   if (!labelMeasureCtx) labelMeasureCtx = document.createElement("canvas").getContext("2d");
   if (!labelMeasureCtx) return text.length * 6;
   labelMeasureCtx.font = "12px system-ui";
-  return labelMeasureCtx.measureText(text).width;
+  return labelMeasureCtx.measureText(text).width + 4;
 }
 function getGroupColor(group, groups) {
   if (!group) return GROUP_COLORS2[0];
@@ -36769,10 +36769,13 @@ var init_GraphCanvas = __esm({
         if (!canvas || propNodes.length === 0) return;
         const w = logicalW;
         const h = height;
+        const prevPos = /* @__PURE__ */ new Map();
+        for (const pn of nodesRef.current) if (pn.x != null && pn.y != null) prevPos.set(pn.id, { x: pn.x, y: pn.y });
         const simNodes = propNodes.map((n, idx) => {
-          let x = n.x ?? 0;
-          let y = n.y ?? 0;
-          if (!n.x || !n.y) {
+          const prev = prevPos.get(n.id);
+          let x = prev?.x ?? n.x ?? 0;
+          let y = prev?.y ?? n.y ?? 0;
+          if (!prev && (!n.x || !n.y)) {
             if (layout === "circular") {
               const angle = idx / propNodes.length * 2 * Math.PI;
               const radius = Math.min(w, h) * 0.35;
@@ -36793,7 +36796,6 @@ var init_GraphCanvas = __esm({
         });
         nodesRef.current = simNodes;
         if (layout === "force") {
-          let iterations = 0;
           const maxIterations = 300;
           const tick = () => {
             const nodes = nodesRef.current;
@@ -36898,13 +36900,9 @@ var init_GraphCanvas = __esm({
                 }
               }
             }
-            iterations++;
-            forceUpdate((n) => n + 1);
-            if (iterations < maxIterations) {
-              animRef.current = requestAnimationFrame(tick);
-            }
           };
-          animRef.current = requestAnimationFrame(tick);
+          for (let i = 0; i < maxIterations; i++) tick();
+          forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
         }

package/dist/components/index.js

@@ -36586,7 +36586,7 @@ function measureLabelWidth(text) {
   if (!labelMeasureCtx) labelMeasureCtx = document.createElement("canvas").getContext("2d");
   if (!labelMeasureCtx) return text.length * 6;
   labelMeasureCtx.font = "12px system-ui";
-  return labelMeasureCtx.measureText(text).width;
+  return labelMeasureCtx.measureText(text).width + 4;
 }
 function getGroupColor(group, groups) {
   if (!group) return GROUP_COLORS2[0];
@@ -36724,10 +36724,13 @@ var init_GraphCanvas = __esm({
         if (!canvas || propNodes.length === 0) return;
         const w = logicalW;
         const h = height;
+        const prevPos = /* @__PURE__ */ new Map();
+        for (const pn of nodesRef.current) if (pn.x != null && pn.y != null) prevPos.set(pn.id, { x: pn.x, y: pn.y });
         const simNodes = propNodes.map((n, idx) => {
-          let x = n.x ?? 0;
-          let y = n.y ?? 0;
-          if (!n.x || !n.y) {
+          const prev = prevPos.get(n.id);
+          let x = prev?.x ?? n.x ?? 0;
+          let y = prev?.y ?? n.y ?? 0;
+          if (!prev && (!n.x || !n.y)) {
             if (layout === "circular") {
               const angle = idx / propNodes.length * 2 * Math.PI;
               const radius = Math.min(w, h) * 0.35;
@@ -36748,7 +36751,6 @@ var init_GraphCanvas = __esm({
         });
         nodesRef.current = simNodes;
         if (layout === "force") {
-          let iterations = 0;
           const maxIterations = 300;
           const tick = () => {
             const nodes = nodesRef.current;
@@ -36853,13 +36855,9 @@ var init_GraphCanvas = __esm({
                 }
               }
             }
-            iterations++;
-            forceUpdate((n) => n + 1);
-            if (iterations < maxIterations) {
-              animRef.current = requestAnimationFrame(tick);
-            }
           };
-          animRef.current = requestAnimationFrame(tick);
+          for (let i = 0; i < maxIterations; i++) tick();
+          forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
         }

package/dist/providers/index.cjs

@@ -35372,7 +35372,7 @@ function measureLabelWidth(text) {
   if (!labelMeasureCtx) labelMeasureCtx = document.createElement("canvas").getContext("2d");
   if (!labelMeasureCtx) return text.length * 6;
   labelMeasureCtx.font = "12px system-ui";
-  return labelMeasureCtx.measureText(text).width;
+  return labelMeasureCtx.measureText(text).width + 4;
 }
 function getGroupColor(group, groups) {
   if (!group) return GROUP_COLORS2[0];
@@ -35510,10 +35510,13 @@ var init_GraphCanvas = __esm({
         if (!canvas || propNodes.length === 0) return;
         const w = logicalW;
         const h = height;
+        const prevPos = /* @__PURE__ */ new Map();
+        for (const pn of nodesRef.current) if (pn.x != null && pn.y != null) prevPos.set(pn.id, { x: pn.x, y: pn.y });
         const simNodes = propNodes.map((n, idx) => {
-          let x = n.x ?? 0;
-          let y = n.y ?? 0;
-          if (!n.x || !n.y) {
+          const prev = prevPos.get(n.id);
+          let x = prev?.x ?? n.x ?? 0;
+          let y = prev?.y ?? n.y ?? 0;
+          if (!prev && (!n.x || !n.y)) {
             if (layout === "circular") {
               const angle = idx / propNodes.length * 2 * Math.PI;
               const radius = Math.min(w, h) * 0.35;
@@ -35534,7 +35537,6 @@ var init_GraphCanvas = __esm({
         });
         nodesRef.current = simNodes;
         if (layout === "force") {
-          let iterations = 0;
           const maxIterations = 300;
           const tick = () => {
             const nodes = nodesRef.current;
@@ -35639,13 +35641,9 @@ var init_GraphCanvas = __esm({
                 }
               }
             }
-            iterations++;
-            forceUpdate((n) => n + 1);
-            if (iterations < maxIterations) {
-              animRef.current = requestAnimationFrame(tick);
-            }
           };
-          animRef.current = requestAnimationFrame(tick);
+          for (let i = 0; i < maxIterations; i++) tick();
+          forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
         }

package/dist/providers/index.js

@@ -35327,7 +35327,7 @@ function measureLabelWidth(text) {
   if (!labelMeasureCtx) labelMeasureCtx = document.createElement("canvas").getContext("2d");
   if (!labelMeasureCtx) return text.length * 6;
   labelMeasureCtx.font = "12px system-ui";
-  return labelMeasureCtx.measureText(text).width;
+  return labelMeasureCtx.measureText(text).width + 4;
 }
 function getGroupColor(group, groups) {
   if (!group) return GROUP_COLORS2[0];
@@ -35465,10 +35465,13 @@ var init_GraphCanvas = __esm({
         if (!canvas || propNodes.length === 0) return;
         const w = logicalW;
         const h = height;
+        const prevPos = /* @__PURE__ */ new Map();
+        for (const pn of nodesRef.current) if (pn.x != null && pn.y != null) prevPos.set(pn.id, { x: pn.x, y: pn.y });
         const simNodes = propNodes.map((n, idx) => {
-          let x = n.x ?? 0;
-          let y = n.y ?? 0;
-          if (!n.x || !n.y) {
+          const prev = prevPos.get(n.id);
+          let x = prev?.x ?? n.x ?? 0;
+          let y = prev?.y ?? n.y ?? 0;
+          if (!prev && (!n.x || !n.y)) {
             if (layout === "circular") {
               const angle = idx / propNodes.length * 2 * Math.PI;
               const radius = Math.min(w, h) * 0.35;
@@ -35489,7 +35492,6 @@ var init_GraphCanvas = __esm({
         });
         nodesRef.current = simNodes;
         if (layout === "force") {
-          let iterations = 0;
           const maxIterations = 300;
           const tick = () => {
             const nodes = nodesRef.current;
@@ -35594,13 +35596,9 @@ var init_GraphCanvas = __esm({
                 }
               }
             }
-            iterations++;
-            forceUpdate((n) => n + 1);
-            if (iterations < maxIterations) {
-              animRef.current = requestAnimationFrame(tick);
-            }
           };
-          animRef.current = requestAnimationFrame(tick);
+          for (let i = 0; i < maxIterations; i++) tick();
+          forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
         }

package/dist/runtime/index.cjs

@@ -34737,7 +34737,7 @@ function measureLabelWidth(text) {
   if (!labelMeasureCtx) labelMeasureCtx = document.createElement("canvas").getContext("2d");
   if (!labelMeasureCtx) return text.length * 6;
   labelMeasureCtx.font = "12px system-ui";
-  return labelMeasureCtx.measureText(text).width;
+  return labelMeasureCtx.measureText(text).width + 4;
 }
 function getGroupColor(group, groups) {
   if (!group) return GROUP_COLORS2[0];
@@ -34875,10 +34875,13 @@ var init_GraphCanvas = __esm({
         if (!canvas || propNodes.length === 0) return;
         const w = logicalW;
         const h = height;
+        const prevPos = /* @__PURE__ */ new Map();
+        for (const pn of nodesRef.current) if (pn.x != null && pn.y != null) prevPos.set(pn.id, { x: pn.x, y: pn.y });
         const simNodes = propNodes.map((n, idx) => {
-          let x = n.x ?? 0;
-          let y = n.y ?? 0;
-          if (!n.x || !n.y) {
+          const prev = prevPos.get(n.id);
+          let x = prev?.x ?? n.x ?? 0;
+          let y = prev?.y ?? n.y ?? 0;
+          if (!prev && (!n.x || !n.y)) {
             if (layout === "circular") {
               const angle = idx / propNodes.length * 2 * Math.PI;
               const radius = Math.min(w, h) * 0.35;
@@ -34899,7 +34902,6 @@ var init_GraphCanvas = __esm({
         });
         nodesRef.current = simNodes;
         if (layout === "force") {
-          let iterations = 0;
           const maxIterations = 300;
           const tick = () => {
             const nodes = nodesRef.current;
@@ -35004,13 +35006,9 @@ var init_GraphCanvas = __esm({
                 }
               }
             }
-            iterations++;
-            forceUpdate((n) => n + 1);
-            if (iterations < maxIterations) {
-              animRef.current = requestAnimationFrame(tick);
-            }
           };
-          animRef.current = requestAnimationFrame(tick);
+          for (let i = 0; i < maxIterations; i++) tick();
+          forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
         }

package/dist/runtime/index.js

@@ -34693,7 +34693,7 @@ function measureLabelWidth(text) {
   if (!labelMeasureCtx) labelMeasureCtx = document.createElement("canvas").getContext("2d");
   if (!labelMeasureCtx) return text.length * 6;
   labelMeasureCtx.font = "12px system-ui";
-  return labelMeasureCtx.measureText(text).width;
+  return labelMeasureCtx.measureText(text).width + 4;
 }
 function getGroupColor(group, groups) {
   if (!group) return GROUP_COLORS2[0];
@@ -34831,10 +34831,13 @@ var init_GraphCanvas = __esm({
         if (!canvas || propNodes.length === 0) return;
         const w = logicalW;
         const h = height;
+        const prevPos = /* @__PURE__ */ new Map();
+        for (const pn of nodesRef.current) if (pn.x != null && pn.y != null) prevPos.set(pn.id, { x: pn.x, y: pn.y });
         const simNodes = propNodes.map((n, idx) => {
-          let x = n.x ?? 0;
-          let y = n.y ?? 0;
-          if (!n.x || !n.y) {
+          const prev = prevPos.get(n.id);
+          let x = prev?.x ?? n.x ?? 0;
+          let y = prev?.y ?? n.y ?? 0;
+          if (!prev && (!n.x || !n.y)) {
             if (layout === "circular") {
               const angle = idx / propNodes.length * 2 * Math.PI;
               const radius = Math.min(w, h) * 0.35;
@@ -34855,7 +34858,6 @@ var init_GraphCanvas = __esm({
         });
         nodesRef.current = simNodes;
         if (layout === "force") {
-          let iterations = 0;
           const maxIterations = 300;
           const tick = () => {
             const nodes = nodesRef.current;
@@ -34960,13 +34962,9 @@ var init_GraphCanvas = __esm({
                 }
               }
             }
-            iterations++;
-            forceUpdate((n) => n + 1);
-            if (iterations < maxIterations) {
-              animRef.current = requestAnimationFrame(tick);
-            }
           };
-          animRef.current = requestAnimationFrame(tick);
+          for (let i = 0; i < maxIterations; i++) tick();
+          forceUpdate((n) => n + 1);
         } else {
           forceUpdate((n) => n + 1);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.116.0",
+  "version": "5.116.1",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [