@versa_ai/vmml-editor 1.0.32 → 1.0.33

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @versa_ai/vmml-editor@1.0.32 build D:\code\work\vmml-player\packages\editor
+> @versa_ai/vmml-editor@1.0.33 build D:\code\work\vmml-player\packages\editor
 > tsup
 
 CLI Building entry: src/index.tsx
@@ -9,6 +9,7 @@
 CLI Target: node16
 CJS Build start
 ESM Build start
+DTS Build start
 
  WARN  ▲ [WARNING] Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
 
@@ -123,13 +124,12 @@ More info and automated migrator: https://sass-lang.com/d/slash-div [35
 
 
 
-CJS dist\index.js     115.87 KB
-CJS dist\index.js.map 221.07 KB
-CJS ⚡️ Build success in 906ms
-ESM dist\index.mjs     114.26 KB
-ESM dist\index.mjs.map 220.78 KB
-ESM ⚡️ Build success in 906ms
-DTS Build start
-DTS ⚡️ Build success in 1918ms
+CJS dist\index.js     116.27 KB
+CJS dist\index.js.map 222.40 KB
+CJS ⚡️ Build success in 2872ms
+ESM dist\index.mjs     114.66 KB
+ESM dist\index.mjs.map 222.11 KB
+ESM ⚡️ Build success in 2872ms
+DTS ⚡️ Build success in 6088ms
 DTS dist\index.d.ts  158.00 B
 DTS dist\index.d.mts 158.00 B

package/dist/index.js

@@ -1441,6 +1441,25 @@ var EditorCanvas = react.forwardRef(
         return null;
       }
     };
+    const setTextAlign = (p, stroke, direction) => {
+      if (direction === "center") {
+        p.style.justifyContent = "center";
+        stroke.style.left = "50%";
+        stroke.style.top = "50%";
+        stroke.style.transform = "translate(-50%, -50%)";
+      }
+      if (direction === "left") {
+        stroke.style.left = "0";
+        stroke.style.top = "0";
+        stroke.style.transform = "none";
+      }
+      if (direction === "right") {
+        p.style.justifyContent = "flex-end";
+        stroke.style.right = "0";
+        stroke.style.top = "50%";
+        stroke.style.transform = "translateY(-50%)";
+      }
+    };
     const createTextImg = async ({ textContent, bgColor, textColor, stColor, strokeW, fontAssetUrl = null, textBasicInfo, letterSpacing }) => {
       const fontBase64 = await loadFont(fontAssetUrl);
       const container = document.createElement("div");
@@ -1462,7 +1481,6 @@ var EditorCanvas = react.forwardRef(
         p.style.padding = "0";
         if (letterSpacing) p.style.letterSpacing = `${letterSpacing}px`;
         p.style.zIndex = "2";
-        if (textWarapCenter) p.style.justifyContent = "center";
         const fill = document.createElement("span");
         fill.textContent = line || " ";
         fill.style.color = textColor;
@@ -1474,15 +1492,9 @@ var EditorCanvas = react.forwardRef(
         stroke.style.color = "transparent";
         stroke.style.webkitTextStrokeWidth = `${strokeW}px`;
         stroke.style.webkitTextStrokeColor = stColor;
-        if (textWarapCenter) {
-          stroke.style.left = "50%";
-          stroke.style.top = "50%";
-          stroke.style.transform = "translate(-50%, -50%)";
-        } else {
-          stroke.style.left = "0";
-          stroke.style.top = "0";
-        }
-        stroke.style.zIndex = "-1";
+        let dr = textBasicInfo.textAlign || "left";
+        if (textWarapCenter) dr = "center";
+        setTextAlign(p, stroke, dr);
         p.appendChild(fill);
         p.appendChild(stroke);
         container.appendChild(p);