@almadar/ui 5.115.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/lib/drawable/three/index.cjs

@@ -706,7 +706,6 @@ function ModelLoader({
     box.getSize(size);
     const maxDim = Math.max(size.x, size.y, size.z);
     if (!Number.isFinite(maxDim) || maxDim < 0.05) return 1;
-    log3.warn(`TMP-GG1 bounds ${url.split("/").pop() ?? url} size=${JSON.stringify([size.x, size.y, size.z])} scaleProp=${JSON.stringify(scale)}`);
     return 1 / maxDim;
   }, [model]);
   const scaleArray = React3.useMemo(() => {
@@ -914,11 +913,7 @@ function Sprite3D({ node, projector }) {
       node.height * projector.cellSize,
       node.width * projector.cellSize
     ];
-    const world = projector.toWorld(node.position);
-    if (node.position.z !== void 0) {
-      console.warn(`TMP-GG1 sprite3d ${asset.url.split("/").pop() ?? asset.url} posZ=${node.position.z} world=${JSON.stringify(world)} scale=${JSON.stringify(scale)}`);
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("group", { position: world, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx("group", { position: projector.toWorld(node.position), children: /* @__PURE__ */ jsxRuntime.jsx(
       ModelLoader,
       {
         url: asset.url,

package/dist/lib/drawable/three/index.js

@@ -682,7 +682,6 @@ function ModelLoader({
     box.getSize(size);
     const maxDim = Math.max(size.x, size.y, size.z);
     if (!Number.isFinite(maxDim) || maxDim < 0.05) return 1;
-    log3.warn(`TMP-GG1 bounds ${url.split("/").pop() ?? url} size=${JSON.stringify([size.x, size.y, size.z])} scaleProp=${JSON.stringify(scale)}`);
     return 1 / maxDim;
   }, [model]);
   const scaleArray = useMemo(() => {
@@ -890,11 +889,7 @@ function Sprite3D({ node, projector }) {
       node.height * projector.cellSize,
       node.width * projector.cellSize
     ];
-    const world = projector.toWorld(node.position);
-    if (node.position.z !== void 0) {
-      console.warn(`TMP-GG1 sprite3d ${asset.url.split("/").pop() ?? asset.url} posZ=${node.position.z} world=${JSON.stringify(world)} scale=${JSON.stringify(scale)}`);
-    }
-    return /* @__PURE__ */ jsx("group", { position: world, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("group", { position: projector.toWorld(node.position), children: /* @__PURE__ */ jsx(
       ModelLoader,
       {
         url: asset.url,

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.115.0",
+  "version": "5.116.1",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [
@@ -118,10 +118,10 @@
   },
   "dependencies": {
     "@almadar/core": "^10.29.0",
-    "@almadar/evaluator": "^2.29.0",
+    "@almadar/evaluator": "^2.30.0",
     "@almadar/logger": "^1.9.0",
     "@almadar/runtime": "^6.33.0",
-    "@almadar/std": "^16.138.0",
+    "@almadar/std": "^16.140.0",
     "@almadar/syntax": "^1.11.0",
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",