exodeui 2.6.4 → 2.6.6

package/dist/index.mjs

@@ -4642,7 +4642,7 @@ class KC {
     return this.objectStates.get(A);
   }
   load(A) {
-    this.artboard = A, this.reset(), this.advance(0);
+    this.artboard = A, this.loadFonts(), this.reset(), this.advance(0);
   }
   reset() {
     if (!this.artboard) return;
@@ -4671,9 +4671,8 @@ class KC {
             this.physicsEngine.createBody({
               id: C.id,
               type: C.geometry.type,
-              // FIX: Physics Engine expects Center coordinates, but stored state is Top-Left.
-              x: i.x + D / 2,
-              y: i.y + o / 2,
+              x: i.x,
+              y: i.y,
               width: D,
               height: o,
               rotation: i.rotation * (Math.PI / 180),
@@ -5122,24 +5121,27 @@ class KC {
       console.warn("No state for object:", I.id);
       return;
     }
-    const C = g.geometry || I.geometry, B = C.width || 0, i = C.height || 0, D = g.x + B / 2, o = g.y + i / 2;
+    const C = g.geometry || I.geometry, B = C.width || 0, i = C.height || 0, D = g.x, o = g.y;
     A.save(), A.translate(D, o), A.rotate(g.rotation * Math.PI / 180), A.scale(g.scale_x, g.scale_y);
     const w = g.style || I.style;
     if (C.type === "Text") {
       let h = C.text;
       if (C.textInputId) {
-        const R = this.inputs.get(C.textInputId);
-        R !== void 0 && (h = String(R), g.geometry && (g.geometry.text = h));
+        const a = this.inputs.get(C.textInputId);
+        a !== void 0 && (h = String(a), g.geometry && (g.geometry.text = h));
       }
-      const K = C.textAlign || C.align || "left", s = C.width || 0;
+      const K = C.textAlign || C.align || "left";
       A.textAlign = K, A.textBaseline = "top";
-      let k = -s / 2;
-      K === "center" && (k = 0), K === "right" && (k = s / 2);
-      let M = -i / 2;
-      const F = C.fontWeight || "normal", y = C.fontStyle || "normal";
-      A.font = `${y} ${F} ${C.fontSize}px "${C.fontFamily}"`, "letterSpacing" in A && C.letterSpacing && (A.letterSpacing = `${C.letterSpacing}px`);
-      const a = s > 0 ? s : void 0;
-      w.fill && (A.fillStyle = w.fill.color, A.globalAlpha = (g.opacity ?? 1) * (w.fill.opacity ?? 1), A.fillText(h, k, M, a)), w.stroke && w.stroke.width > 0 && (A.strokeStyle = w.stroke.color, A.lineWidth = w.stroke.width, A.globalAlpha = (g.opacity ?? 1) * (w.stroke.opacity ?? 1), A.strokeText(h, k, M, a)), "letterSpacing" in A && (A.letterSpacing = "0px");
+      let s = -B / 2;
+      K === "center" && (s = 0), K === "right" && (s = B / 2);
+      let k = -i / 2;
+      const M = C.fontWeight || "normal", F = C.fontStyle || "normal";
+      if (A.font = `${F} ${M} ${C.fontSize}px "${C.fontFamily}"`, "letterSpacing" in A) {
+        const a = C.letterSpacing !== void 0 ? `${C.letterSpacing}px` : "-0.5px";
+        A.letterSpacing = a;
+      }
+      const y = B > 0 ? B : void 0;
+      w.fill && (A.fillStyle = w.fill.color, A.globalAlpha = (g.opacity ?? 1) * (w.fill.opacity ?? 1), A.fillText(h, s, k, y)), w.stroke && w.stroke.width > 0 && (A.strokeStyle = w.stroke.color, A.lineWidth = w.stroke.width, A.globalAlpha = (g.opacity ?? 1) * (w.stroke.opacity ?? 1), A.strokeText(h, s, k, y)), "letterSpacing" in A && (A.letterSpacing = "0px");
     } else if (C.type === "Image") {
       const h = C.src;
       if (h) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "exodeui",
-  "version": "2.6.4",
+  "version": "2.6.6",
   "description": "React Runtime for ExodeUI Animation Engine",
   "main": "dist/index.js",
   "module": "dist/index.mjs",