exodeui 6.3.37 → 6.3.38

package/dist/index.mjs

@@ -250,7 +250,7 @@ function As(g, t, i) {
     const P = L % d.length || 0, _ = Math.floor(L / d.length) || 0;
     _ >= u.length && u.push(100);
     const E = d[P], A = u[_];
-    let W = r.left + M + d.slice(0, P).reduce((tt, R) => tt + R + n, 0), z = r.top + I + u.slice(0, _).reduce((tt, R) => tt + R + a, 0);
+    let W = r.left + M + d.slice(0, P).reduce((tt, O) => tt + O + n, 0), z = r.top + I + u.slice(0, _).reduce((tt, O) => tt + O + a, 0);
     const Y = i(T.id), G = T.geometry;
     let N = (Y == null ? void 0 : Y.width) ?? G.width ?? 100, J = (Y == null ? void 0 : Y.height) ?? G.height ?? 100;
     if (G.type === "Ellipse" || G.type === "Polygon" || G.type === "Star") {
@@ -427,7 +427,7 @@ class xs {
     }
   }
 }
-const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os = (g) => g * g, as = (g) => g * (2 - g), rs = (g) => g < 0.5 ? 2 * g * g : -1 + (4 - 2 * g) * g, Os = (g) => g * g * g, Fs = (g) => --g * g * g + 1, $s = (g) => g < 0.5 ? 4 * g * g * g : (g - 1) * (2 * g - 2) * (2 * g - 2) + 1, Bs = (g) => g * g * g * g, Ws = (g) => 1 - --g * g * g * g, Ys = (g) => g < 0.5 ? 8 * g * g * g * g : 1 - 8 * --g * g * g * g, Xs = (g) => g * g * g * g * g, Ds = (g) => 1 + --g * g * g * g * g, Gs = (g) => g < 0.5 ? 16 * g * g * g * g * g : 1 + 16 * --g * g * g * g * g, zs = (g) => 1 - Math.cos(g * Math.PI / 2), Vs = (g) => Math.sin(g * Math.PI / 2), Ns = (g) => -(Math.cos(Math.PI * g) - 1) / 2, Hs = (g) => g === 0 ? 0 : Math.pow(2, 10 * (g - 1)), Us = (g) => g === 1 ? 1 : 1 - Math.pow(2, -10 * g), qs = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? Math.pow(2, 20 * g - 10) / 2 : (2 - Math.pow(2, -20 * g + 10)) / 2, Ks = (g) => 1 - Math.sqrt(1 - g * g), Js = (g) => Math.sqrt(1 - --g * g), Qs = (g) => g < 0.5 ? (1 - Math.sqrt(1 - 4 * g * g)) / 2 : (Math.sqrt(1 - (-2 * g + 2) * (-2 * g + 2)) + 1) / 2, je = 1.70158, qe = je * 1.525, ms = je + 1, Zs = (g) => ms * g * g * g - je * g * g, js = (g) => 1 + ms * Math.pow(g - 1, 3) + je * Math.pow(g - 1, 2), ti = (g) => g < 0.5 ? Math.pow(2 * g, 2) * ((qe + 1) * 2 * g - qe) / 2 : (Math.pow(2 * g - 2, 2) * ((qe + 1) * (g * 2 - 2) + qe) + 2) / 2, ys = 2 * Math.PI / 3, ls = 2 * Math.PI / 4.5, ei = (g) => g === 0 ? 0 : g === 1 ? 1 : -Math.pow(2, 10 * g - 10) * Math.sin((g * 10 - 10.75) * ys), si = (g) => g === 0 ? 0 : g === 1 ? 1 : Math.pow(2, -10 * g) * Math.sin((g * 10 - 0.75) * ys) + 1, ii = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? -(Math.pow(2, 20 * g - 10) * Math.sin((20 * g - 11.125) * ls)) / 2 : Math.pow(2, -20 * g + 10) * Math.sin((20 * g - 11.125) * ls) / 2 + 1, Ze = (g) => g < 1 / 2.75 ? 7.5625 * g * g : g < 2 / 2.75 ? 7.5625 * (g -= 1.5 / 2.75) * g + 0.75 : g < 2.5 / 2.75 ? 7.5625 * (g -= 2.25 / 2.75) * g + 0.9375 : 7.5625 * (g -= 2.625 / 2.75) * g + 0.984375, ni = (g) => 1 - Ze(1 - g), oi = Ze, ai = (g) => g < 0.5 ? (1 - Ze(1 - 2 * g)) / 2 : (1 + Ze(2 * g - 1)) / 2, es = /* @__PURE__ */ new Map(), ze = (g, t, i, o) => {
+const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Os = (g) => g < 1 ? 0 : 1, os = (g) => g * g, as = (g) => g * (2 - g), rs = (g) => g < 0.5 ? 2 * g * g : -1 + (4 - 2 * g) * g, Rs = (g) => g * g * g, Fs = (g) => --g * g * g + 1, $s = (g) => g < 0.5 ? 4 * g * g * g : (g - 1) * (2 * g - 2) * (2 * g - 2) + 1, Bs = (g) => g * g * g * g, Ws = (g) => 1 - --g * g * g * g, Ys = (g) => g < 0.5 ? 8 * g * g * g * g : 1 - 8 * --g * g * g * g, Xs = (g) => g * g * g * g * g, Ds = (g) => 1 + --g * g * g * g * g, Gs = (g) => g < 0.5 ? 16 * g * g * g * g * g : 1 + 16 * --g * g * g * g * g, zs = (g) => 1 - Math.cos(g * Math.PI / 2), Vs = (g) => Math.sin(g * Math.PI / 2), Ns = (g) => -(Math.cos(Math.PI * g) - 1) / 2, Hs = (g) => g === 0 ? 0 : Math.pow(2, 10 * (g - 1)), Us = (g) => g === 1 ? 1 : 1 - Math.pow(2, -10 * g), qs = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? Math.pow(2, 20 * g - 10) / 2 : (2 - Math.pow(2, -20 * g + 10)) / 2, Ks = (g) => 1 - Math.sqrt(1 - g * g), Js = (g) => Math.sqrt(1 - --g * g), Qs = (g) => g < 0.5 ? (1 - Math.sqrt(1 - 4 * g * g)) / 2 : (Math.sqrt(1 - (-2 * g + 2) * (-2 * g + 2)) + 1) / 2, je = 1.70158, qe = je * 1.525, ms = je + 1, Zs = (g) => ms * g * g * g - je * g * g, js = (g) => 1 + ms * Math.pow(g - 1, 3) + je * Math.pow(g - 1, 2), ti = (g) => g < 0.5 ? Math.pow(2 * g, 2) * ((qe + 1) * 2 * g - qe) / 2 : (Math.pow(2 * g - 2, 2) * ((qe + 1) * (g * 2 - 2) + qe) + 2) / 2, ys = 2 * Math.PI / 3, ls = 2 * Math.PI / 4.5, ei = (g) => g === 0 ? 0 : g === 1 ? 1 : -Math.pow(2, 10 * g - 10) * Math.sin((g * 10 - 10.75) * ys), si = (g) => g === 0 ? 0 : g === 1 ? 1 : Math.pow(2, -10 * g) * Math.sin((g * 10 - 0.75) * ys) + 1, ii = (g) => g === 0 ? 0 : g === 1 ? 1 : g < 0.5 ? -(Math.pow(2, 20 * g - 10) * Math.sin((20 * g - 11.125) * ls)) / 2 : Math.pow(2, -20 * g + 10) * Math.sin((20 * g - 11.125) * ls) / 2 + 1, Ze = (g) => g < 1 / 2.75 ? 7.5625 * g * g : g < 2 / 2.75 ? 7.5625 * (g -= 1.5 / 2.75) * g + 0.75 : g < 2.5 / 2.75 ? 7.5625 * (g -= 2.25 / 2.75) * g + 0.9375 : 7.5625 * (g -= 2.625 / 2.75) * g + 0.984375, ni = (g) => 1 - Ze(1 - g), oi = Ze, ai = (g) => g < 0.5 ? (1 - Ze(1 - 2 * g)) / 2 : (1 + Ze(2 * g - 1)) / 2, es = /* @__PURE__ */ new Map(), ze = (g, t, i, o) => {
   const e = `${g},${t},${i},${o}`;
   if (es.has(e)) return es.get(e);
   const s = (h) => (1 - 3 * i + 3 * g) * h * h * h + (3 * i - 6 * g) * h * h + 3 * g * h, n = (h) => (1 - 3 * o + 3 * t) * h * h * h + (3 * o - 6 * t) * h * h + 3 * t * h, a = (h) => 3 * (1 - 3 * i + 3 * g) * h * h + 2 * (3 * i - 6 * g) * h + 3 * g, r = (h) => {
@@ -460,7 +460,7 @@ const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os =
   EaseOutQuad: as,
   EaseInOutQuad: rs,
   // Cubic
-  EaseInCubic: Os,
+  EaseInCubic: Rs,
   EaseOutCubic: Fs,
   EaseInOutCubic: $s,
   // Quartic
@@ -501,7 +501,7 @@ const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os =
   EaseInOut: rs,
   // Discrete
   StepStart: Ls,
-  StepEnd: Rs
+  StepEnd: Os
 }, ri = (g) => {
   const t = g.trim(), i = t.toLowerCase();
   if (Ke[t]) return Ke[t];
@@ -598,12 +598,12 @@ const gs = (g) => g, Ls = (g) => g > 0 ? 1 : 0, Rs = (g) => g < 1 ? 0 : 1, os =
           const x = i[m[0].boneId] || [1, 0, 0, 1, 0, 0], F = x[0] * x[3] - x[1] * x[2];
           let j = 0, X = 0;
           if (F !== 0) {
-            const tt = (x[2] * x[5] - x[3] * x[4]) / F, R = (x[1] * x[4] - x[0] * x[5]) / F, O = Math.atan2(-x[1], x[3]);
+            const tt = (x[2] * x[5] - x[3] * x[4]) / F, O = (x[1] * x[4] - x[0] * x[5]) / F, R = Math.atan2(-x[1], x[3]);
             if (!N)
-              j = tt, X = R;
+              j = tt, X = O;
             else {
               const ot = -x[2] / F, yt = x[0] / F, bt = Math.hypot(ot, yt), gt = I.length * bt;
-              j = tt - gt * Math.sin(O), X = R + gt * Math.cos(O);
+              j = tt - gt * Math.sin(R), X = O + gt * Math.cos(R);
             }
             const D = Math.hypot(v - j, b - X), q = Math.hypot(l - Y, p - G);
             if (q > 0 && D > 0) {
@@ -2590,8 +2590,8 @@ class ci {
                   let X = L;
                   if (T) {
                     const tt = `_internal_${F}_${l.id}`;
-                    let R = _[tt];
-                    R === void 0 && (R = _[F] ?? j), X = R + P * J, _[tt] = X, l.step && l.step > 0 && (X = Math.round(X / l.step) * l.step);
+                    let O = _[tt];
+                    O === void 0 && (O = _[F] ?? j), X = O + P * J, _[tt] = X, l.step && l.step > 0 && (X = Math.round(X / l.step) * l.step);
                   } else
                     X = j + L;
                   _[F] = X;
@@ -2956,14 +2956,14 @@ class ci {
       this.warn("No state for object:", i.id);
       return;
     }
-    this.frameCount % 60, t.roundRect || (t.roundRect = (X, tt, R, O, D) => (this.drawRoundRect(t, X, tt, R, O, D), t));
+    this.frameCount % 60, t.roundRect || (t.roundRect = (X, tt, O, R, D) => (this.drawRoundRect(t, X, tt, O, R, D), t));
     const s = e.geometry ? this.deepMerge(i.geometry, e.geometry) : i.geometry;
     let n = e.style ? this.deepMerge(i.style, e.style) : i.style, a = (s == null ? void 0 : s.width) || ((u = i.geometry) == null ? void 0 : u.width) || i.width || 0, r = (s == null ? void 0 : s.height) || ((v = i.geometry) == null ? void 0 : v.height) || i.height || 0;
     if ((a === 0 || r === 0) && (s != null && s.points) && Array.isArray(s.points) && s.points.length > 0) {
-      let X = 1 / 0, tt = -1 / 0, R = 1 / 0, O = -1 / 0;
+      let X = 1 / 0, tt = -1 / 0, O = 1 / 0, R = -1 / 0;
       s.points.forEach((D) => {
-        X = Math.min(X, D.x), tt = Math.max(tt, D.x), R = Math.min(R, D.y), O = Math.max(O, D.y);
-      }), a === 0 && (a = tt - X), r === 0 && (r = O - R);
+        X = Math.min(X, D.x), tt = Math.max(tt, D.x), O = Math.min(O, D.y), R = Math.max(R, D.y);
+      }), a === 0 && (a = tt - X), r === 0 && (r = R - O);
     }
     const f = (X) => {
       if (X)
@@ -2978,7 +2978,7 @@ class ci {
           i.weights,
           i.bindMatrices,
           X,
-          (R) => this.getGlobalTransform(R)
+          (O) => this.getGlobalTransform(O)
         );
         l = { ...l, points: tt };
       }
@@ -2987,23 +2987,23 @@ class ci {
       return;
     const p = i.repeaterConfig, c = p && p.isEnabled && p.count > 1, d = c ? p.count : 1;
     for (let X = 0; X < d; X++) {
-      let tt = e.x !== void 0 ? e.x : ((b = e.transform) == null ? void 0 : b.x) ?? 0, R = e.y !== void 0 ? e.y : ((m = e.transform) == null ? void 0 : m.y) ?? 0, O = e.rotation !== void 0 ? e.rotation : ((y = e.transform) == null ? void 0 : y.rotation) ?? 0, D = e.scale_x !== void 0 ? e.scale_x : ((S = e.transform) == null ? void 0 : S.scale_x) ?? 1, q = e.scale_y !== void 0 ? e.scale_y : ((C = e.transform) == null ? void 0 : C.scale_y) ?? 1;
+      let tt = e.x !== void 0 ? e.x : ((b = e.transform) == null ? void 0 : b.x) ?? 0, O = e.y !== void 0 ? e.y : ((m = e.transform) == null ? void 0 : m.y) ?? 0, R = e.rotation !== void 0 ? e.rotation : ((y = e.transform) == null ? void 0 : y.rotation) ?? 0, D = e.scale_x !== void 0 ? e.scale_x : ((S = e.transform) == null ? void 0 : S.scale_x) ?? 1, q = e.scale_y !== void 0 ? e.scale_y : ((C = e.transform) == null ? void 0 : C.scale_y) ?? 1;
       if (c && X > 0) {
         if (p.type === "Linear") {
           const ft = p.offsetX || 0, pt = p.offsetY || 0, at = p.rotation || 0, B = p.scale !== void 0 ? p.scale : 1;
-          tt += X * ft, R += X * pt, O += X * at, D *= Math.pow(B, X), q *= Math.pow(B, X);
+          tt += X * ft, O += X * pt, R += X * at, D *= Math.pow(B, X), q *= Math.pow(B, X);
         } else if (p.type === "Grid") {
           const ft = p.cols || Math.ceil(Math.sqrt(p.count)), pt = p.gapX || 0, at = p.gapY || 0, B = Math.floor(X / ft), nt = X % ft, Z = a + pt, Pt = r + at;
-          tt += nt * Z, R += B * Pt;
+          tt += nt * Z, O += B * Pt;
         } else if (p.type === "Radial") {
           const ft = p.radius || 100, pt = p.startAngle || 0, B = (p.endAngle || 360) - pt, nt = p.count > 1 ? B / (B === 360 ? p.count : p.count - 1) : 0, Z = pt + X * nt, Pt = Z * Math.PI / 180;
-          tt = e.x + ft * Math.cos(Pt), R = e.y + ft * Math.sin(Pt), O += Z;
+          tt = e.x + ft * Math.cos(Pt), O = e.y + ft * Math.sin(Pt), R += Z;
         }
       }
       const ot = i.type === "Group" || i.type === "Frame" || i.type === "Component", yt = a > 0 && r > 0;
       if (!ot && yt) {
         const ft = (((w = n.shadow) == null ? void 0 : w.isEnabled) !== !1 ? (((M = n.shadow) == null ? void 0 : M.blur) || 0) + 10 : 0) + (((I = n.blur) == null ? void 0 : I.isEnabled) !== !1 && ((k = n.blur) == null ? void 0 : k.radius) || 0) + 20;
-        if (!this.isObjectInView(t, tt, R, a, r, ft))
+        if (!this.isObjectInView(t, tt, O, a, r, ft))
           continue;
       }
       this.debug_objectsRendered++, t.save();
@@ -3014,7 +3014,7 @@ class ci {
       It || (It = n.effect || ((P = i.style) == null ? void 0 : P.effect) || Et.find((ft) => ft.isEnabled !== !1));
       const St = It, Xt = (St == null ? void 0 : St.isEnabled) !== !1, le = St == null ? void 0 : St.type, he = (St == null ? void 0 : St.radius) ?? 10;
       Xt && le === "LayerBlur" ? bt.push(`blur(${he}px)`) : Xt && le === "BackgroundBlur" && (n === i.style && (n = { ...n }), n.fill = { type: "None" });
-      const et = ((_ = s == null ? void 0 : s.type) == null ? void 0 : _.toLowerCase().includes("image")) || ((E = i.type) == null ? void 0 : E.toLowerCase().includes("image")), mt = n.adjustments && Object.keys(n.adjustments).length > 0 ? n.adjustments : null, Rt = s != null && s.adjustments && Object.keys(s.adjustments).length > 0 ? s.adjustments : null, _t = et ? Rt || mt : mt || Rt, dt = et && !_t ? {
+      const et = ((_ = s == null ? void 0 : s.type) == null ? void 0 : _.toLowerCase().includes("image")) || ((E = i.type) == null ? void 0 : E.toLowerCase().includes("image")), mt = n.adjustments && Object.keys(n.adjustments).length > 0 ? n.adjustments : null, Ot = s != null && s.adjustments && Object.keys(s.adjustments).length > 0 ? s.adjustments : null, _t = et ? Ot || mt : mt || Ot, dt = et && !_t ? {
         exposure: 0,
         contrast: 0,
         saturation: 100,
@@ -3119,7 +3119,7 @@ class ci {
           "screen"
         ].includes(ft) && (t.globalCompositeOperation = ft);
       }
-      const Ot = t, Vt = e.masks || (i.maskedBy ? [{
+      const Rt = t, Vt = e.masks || (i.maskedBy ? [{
         maskId: i.maskedBy,
         inverted: i.maskInverted === !0,
         type: i.maskType || "alpha",
@@ -3131,9 +3131,9 @@ class ci {
       const me = Vt.filter((ft) => ft.isVisible !== !1 && o.has(ft.maskId));
       if (me.length > 0) {
         const ft = me[0], pt = o.get(ft.maskId), at = this.objectStates.get(pt.id);
-        at && at.visible !== !1 && (ie = !0, (!this.maskBuffer || this.maskBuffer.width !== this.canvasWidth || this.maskBuffer.height !== this.canvasHeight) && (this.maskBuffer = document.createElement("canvas"), this.maskBuffer.width = this.canvasWidth, this.maskBuffer.height = this.canvasHeight, this.maskCtx = this.maskBuffer.getContext("2d", { willReadFrequently: !0 }), this.maskCtx && (this.maskCtx.imageSmoothingEnabled = !0, this.maskCtx.imageSmoothingQuality = "high")), this.maskCtx.setTransform(1, 0, 0, 1, 0, 0), this.maskCtx.globalCompositeOperation = "source-over", this.maskCtx.globalAlpha = 1, this.maskCtx.filter = "none", this.maskCtx.clearRect(0, 0, this.maskBuffer.width, this.maskBuffer.height), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), i.parentId && this.applyAbsoluteTransform(this.maskCtx, i.parentId, o), this.maskCtx.save(), this.maskCtx.globalAlpha = 1, t = this.maskCtx, t.filter = Ot.filter);
+        at && at.visible !== !1 && (ie = !0, (!this.maskBuffer || this.maskBuffer.width !== this.canvasWidth || this.maskBuffer.height !== this.canvasHeight) && (this.maskBuffer = document.createElement("canvas"), this.maskBuffer.width = this.canvasWidth, this.maskBuffer.height = this.canvasHeight, this.maskCtx = this.maskBuffer.getContext("2d", { willReadFrequently: !0 }), this.maskCtx && (this.maskCtx.imageSmoothingEnabled = !0, this.maskCtx.imageSmoothingQuality = "high")), this.maskCtx.setTransform(1, 0, 0, 1, 0, 0), this.maskCtx.globalCompositeOperation = "source-over", this.maskCtx.globalAlpha = 1, this.maskCtx.filter = "none", this.maskCtx.clearRect(0, 0, this.maskBuffer.width, this.maskBuffer.height), this.rootTransform && this.maskCtx.setTransform(this.rootTransform), i.parentId && this.applyAbsoluteTransform(this.maskCtx, i.parentId, o), this.maskCtx.save(), this.maskCtx.globalAlpha = 1, t = this.maskCtx, t.filter = Rt.filter);
       }
-      t.translate(Math.round(tt), Math.round(R)), t.rotate(O * Math.PI / 180);
+      t.translate(Math.round(tt), Math.round(O)), t.rotate(R * Math.PI / 180);
       const ye = e.skew_x || 0, Ut = e.skew_y || 0;
       if (ye !== 0 || Ut !== 0) {
         const ft = Math.tan(ye * Math.PI / 180), pt = Math.tan(Ut * Math.PI / 180);
@@ -3162,7 +3162,8 @@ class ci {
         }
         const Pt = t.getTransform(), xt = Math.sqrt(Pt.a * Pt.a + Pt.b * Pt.b) || 1;
         t.shadowColor = Z, t.shadowBlur = nt * xt, t.shadowOffsetX = (se.offsetX || 0) * xt, t.shadowOffsetY = (se.offsetY || 0) * xt;
-      }
+      } else
+        t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
       const jt = i.liquidFill || ((N = i.style) == null ? void 0 : N.liquidFill);
       if (jt && jt.enabled) {
         t.save();
@@ -3298,9 +3299,9 @@ class ci {
               $.match(/\bstroke-linecap\s*=\s*["']/i) ? $ = $.replace(/\bstroke-linecap\s*=\s*["'][^"']*["']/gi, `stroke-linecap="${Ie}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-linecap="${Ie}"`), $ = $.replace(/stroke-linecap\s*:\s*[^;"')]+/gi, `stroke-linecap:${Ie}`);
               const Le = B.lineJoin || "round";
               $.match(/\bstroke-linejoin\s*=\s*["']/i) ? $ = $.replace(/\bstroke-linejoin\s*=\s*["'][^"']*["']/gi, `stroke-linejoin="${Le}"`) : $ = $.replace(/<(path|circle|rect|ellipse|polygon|polyline)/gi, `<$1 stroke-linejoin="${Le}"`), $ = $.replace(/stroke-linejoin\s*:\s*[^;"')]+/gi, `stroke-linejoin:${Le}`);
-              const Re = B.trimStart ?? 0, Oe = B.trimEnd ?? 1, Fe = B.trimOffset ?? 0, $e = B.dashOffset ?? 0, Ye = Re !== 0 || Oe !== 1 || Fe !== 0 || $e !== 0;
+              const Oe = B.trimStart ?? 0, Re = B.trimEnd ?? 1, Fe = B.trimOffset ?? 0, $e = B.dashOffset ?? 0, Ye = Oe !== 0 || Re !== 1 || Fe !== 0 || $e !== 0;
               if (Ye) {
-                const zt = Math.max(0, Math.min(1, Re)), oe = Math.max(0, Math.min(1, Oe));
+                const zt = Math.max(0, Math.min(1, Oe)), oe = Math.max(0, Math.min(1, Re));
                 this.frameCount % 600 === 0 && this.debugLog(`SVG Trim - Object: ${i.name || i.id}, Start: ${zt}, End: ${oe}`);
                 const we = (vt + Yt) * 2, Be = (Fe % 1 + 1) % 1, We = ($e % 1 + 1) % 1;
                 let de = "", ce = 0;
@@ -3318,7 +3319,7 @@ class ci {
               if (!/\bstroke\s*=\s*["']/i.test(ft) && !new RegExp("(?<![a-z-])stroke\\s*:", "i").test(ft)) {
                 let zt = "", oe = "";
                 if (Ye) {
-                  const de = s.width || a || 100, ce = s.height || r || 100, fe = (de + ce) * 2, ke = Math.max(0, Math.min(1, Re)), Xe = Math.max(0, Math.min(1, Oe)), Ve = (Fe % 1 + 1) % 1, Ne = ($e % 1 + 1) % 1;
+                  const de = s.width || a || 100, ce = s.height || r || 100, fe = (de + ce) * 2, ke = Math.max(0, Math.min(1, Oe)), Xe = Math.max(0, Math.min(1, Re)), Ve = (Fe % 1 + 1) % 1, Ne = ($e % 1 + 1) % 1;
                   if (ke >= Xe)
                     zt = ` stroke-dasharray="0 ${fe}"`, oe = ' stroke-dashoffset="0"';
                   else {
@@ -3480,9 +3481,9 @@ class ci {
               this.applyPath(this.maskCtx, nt.geometry, ut, ct, Ct), this.maskCtx.fillStyle = "#ffffff", this.maskCtx.fill();
             this.maskCtx.restore();
           }
-        }), Ot.save(), Ot.setTransform(1, 0, 0, 1, 0, 0);
+        }), Rt.save(), Rt.setTransform(1, 0, 0, 1, 0, 0);
         const at = i.maskBlendMode || i.blendMode;
-        at && at !== "Normal" && (Ot.globalCompositeOperation = at.toLowerCase()), Ot.drawImage(this.maskBuffer, 0, 0), Ot.restore(), Ot.restore();
+        at && at !== "Normal" && (Rt.globalCompositeOperation = at.toLowerCase()), Rt.drawImage(this.maskBuffer, 0, 0), Rt.restore(), Rt.restore();
       } else
         t.restore();
     }
@@ -3497,8 +3498,8 @@ class ci {
     if (o.svgPath) {
       const et = o.svgPath;
       t.save();
-      const mt = ((yt = e == null ? void 0 : e.fill) == null ? void 0 : yt.color) || "#000000", Rt = ((bt = e == null ? void 0 : e.fill) == null ? void 0 : bt.opacity) !== void 0 ? (gt = e == null ? void 0 : e.fill) == null ? void 0 : gt.opacity : 1;
-      t.fillStyle = mt, t.globalAlpha *= Rt;
+      const mt = ((yt = e == null ? void 0 : e.fill) == null ? void 0 : yt.color) || "#000000", Ot = ((bt = e == null ? void 0 : e.fill) == null ? void 0 : bt.opacity) !== void 0 ? (gt = e == null ? void 0 : e.fill) == null ? void 0 : gt.opacity : 1;
+      t.fillStyle = mt, t.globalAlpha *= Ot;
       const _t = new Path2D(et);
       t.fill(_t), t.restore();
       return;
@@ -3558,39 +3559,39 @@ class ci {
     let j = G.height, X = n, tt = a;
     if (X === 0 || tt === 0 || X >= 1e5) {
       let et = 0, mt = 0;
-      const Rt = G.fullText || c;
+      const Ot = G.fullText || c;
       (N || []).forEach((_t) => {
         const dt = _t.text || "", Ft = t.measureText(dt).width + (dt.length > 0 ? (dt.length - 1) * T : 0);
-        Ft > et && (et = Ft), mt += dt.length, mt < Rt.length && (Rt[mt] === `
-` || Rt[mt] === "\r") && (mt++, Rt[mt - 1] === "\r" && Rt[mt] === `
+        Ft > et && (et = Ft), mt += dt.length, mt < Ot.length && (Ot[mt] === `
+` || Ot[mt] === "\r") && (mt++, Ot[mt - 1] === "\r" && Ot[mt] === `
 ` && mt++);
       }), (X === 0 || X >= 1e5) && (X = et), tt === 0 && (tt = j || 0);
     }
-    let R = -j / 2;
-    a > 0 && a > j && (I === "top" ? R = -a / 2 : I === "middle" || I === "center" ? R = -j / 2 : I === "bottom" && (R = a / 2 - j)), R += F;
-    let O = null, D = 0;
+    let O = -j / 2;
+    a > 0 && a > j && (I === "top" ? O = -a / 2 : I === "middle" || I === "center" ? O = -j / 2 : I === "bottom" && (O = a / 2 - j)), O += F;
+    let R = null, D = 0;
     if (o.pathId && this.artboard) {
       const et = this.artboard.objects.find((mt) => mt.id === o.pathId);
       if (et && et.type === "Shape" && ((Xt = et.geometry) == null ? void 0 : Xt.type) === "Path") {
-        const mt = this.objectStates.get(et.id), Rt = mt != null && mt.geometry ? this.deepMerge(et.geometry, mt.geometry) : et.geometry, _t = (mt == null ? void 0 : mt.scale_x) !== void 0 ? (et.width || 0) * mt.scale_x : et.width || 0, dt = (mt == null ? void 0 : mt.scale_y) !== void 0 ? (et.height || 0) * mt.scale_y : et.height || 0;
-        O = { geo: Rt, obj: et, w: _t, h: dt }, D = this.getPerimeter(Rt, _t, dt);
+        const mt = this.objectStates.get(et.id), Ot = mt != null && mt.geometry ? this.deepMerge(et.geometry, mt.geometry) : et.geometry, _t = (mt == null ? void 0 : mt.scale_x) !== void 0 ? (et.width || 0) * mt.scale_x : et.width || 0, dt = (mt == null ? void 0 : mt.scale_y) !== void 0 ? (et.height || 0) * mt.scale_y : et.height || 0;
+        R = { geo: Ot, obj: et, w: _t, h: dt }, D = this.getPerimeter(Ot, _t, dt);
       }
     }
     const q = (et, mt) => {
       var _t, dt;
       if (T === 0 && (!o.enableSegments || !((_t = o.segments) != null && _t.length))) return t.measureText(et).width;
-      let Rt = 0;
+      let Ot = 0;
       for (let Ft = 0; Ft < et.length; Ft++) {
         const Dt = mt + Ft;
         let $t = 0;
         if (o.enableSegments === !0 && ((dt = o.segments) == null ? void 0 : dt.length) > 0) {
-          let Ot = 0, Vt = null;
+          let Rt = 0, Vt = null;
           for (const ie of o.segments) {
-            if (Dt < Ot + (ie.text || "").length) {
+            if (Dt < Rt + (ie.text || "").length) {
               Vt = ie;
               break;
             }
-            Ot += (ie.text || "").length;
+            Rt += (ie.text || "").length;
           }
           if (Vt) {
             t.save();
@@ -3601,16 +3602,16 @@ class ci {
             $t = t.measureText(et[Ft]).width;
         } else
           $t = t.measureText(et[Ft]).width;
-        Rt += $t + T;
+        Ot += $t + T;
       }
-      return Rt - (et.length > 0 ? T : 0);
-    }, ot = (et, mt, Rt, _t, dt) => {
+      return Ot - (et.length > 0 ? T : 0);
+    }, ot = (et, mt, Ot, _t, dt) => {
       var me, ye;
       const Dt = (dt === 0 || c[dt - 1] === `
 ` || c[dt - 1] === "\r") && o.paragraphIndent ? o.paragraphIndent : 0, $t = (!r || f) && (i.behaviors || []).some(
         (Ut) => Ut.enabled && (Ut.type.toString().includes("Text") || ["Typewriter", "Scramble", "Wave", "Bounce", "GlitchText", "Reveal3D", "RevealSlide", "RevealBlur"].includes(Ut.type))
-      ), Ot = !o.pathId && !$t && (o.enableSegments !== !0 || !o.segments || o.segments.length === 0), Vt = o.baselineShift || 0, ie = Rt + Vt;
-      if (Ot)
+      ), Rt = !o.pathId && !$t && (o.enableSegments !== !0 || !o.segments || o.segments.length === 0), Vt = o.baselineShift || 0, ie = Ot + Vt;
+      if (Rt)
         t.font = M, _t ? t.strokeText(et, mt + Dt, ie) : t.fillText(et, mt + Dt, ie);
       else {
         const Ut = q(et, dt);
@@ -3631,7 +3632,7 @@ class ci {
           }
         }
         let se = o.pathOffset || 0;
-        o.pathId && D > 0 && O && (k === "center" ? se += D / 2 - Ut / 2 : k === "right" && (se += D - Ut));
+        o.pathId && D > 0 && R && (k === "center" ? se += D / 2 - Ut / 2 : k === "right" && (se += D - Ut));
         let jt = Se;
         const ft = r && !f ? [] : ((me = i.behaviors) == null ? void 0 : me.filter(
           (pt) => [
@@ -3683,7 +3684,7 @@ class ci {
               V < 1 && (Z -= Math.abs(Math.sin(V * Math.PI)) * (ct.height || 50) * Ct);
             } else if (ut.type === U.TextTrail) {
               const V = this.pointerHistory[Math.max(0, this.pointerHistory.length - 1 - B * (ct.delay || 5))];
-              V && (nt += (V.x - (s.x + jt)) * Ct * 0.2, Z += (V.y - (s.y + Rt + Z)) * Ct * 0.2);
+              V && (nt += (V.x - (s.x + jt)) * Ct * 0.2, Z += (V.y - (s.y + Ot + Z)) * Ct * 0.2);
             } else if (ut.type === U.Reveal3D) {
               const V = Math.max(0, Math.min(1, this.currentTime * (ct.speed || 1) - B * (ct.stagger || 0.1)));
               Pt *= V, xt *= V, At = V;
@@ -3735,7 +3736,7 @@ class ci {
             } else if (ut.type === U.TextMagnet) {
               const V = this.pointerHistory[this.pointerHistory.length - 1];
               if (V) {
-                const st = V.x - (s.x + jt), it = V.y - (s.y + Rt);
+                const st = V.x - (s.x + jt), it = V.y - (s.y + Ot);
                 kt = Math.atan2(it, st);
               }
             } else if (ut.type === U.TextPerspective) {
@@ -3790,11 +3791,11 @@ class ci {
           const te = t.globalAlpha;
           t.globalAlpha *= At, t.save();
           const Jt = t.measureText(Mt).width;
-          if (O && D > 0) {
-            const ut = jt - Se + Jt / 2, Ct = (se + ut) / D, rt = this.getPointOnPath(O.geo, O.w, O.h, Math.abs(Ct % 1)), V = rt.angle, st = Rt + Z + (o.pathOffsetY || 0), it = o.pathSide === "right" ? -1 : 1, vt = Math.cos(V + Math.PI / 2) * st * it, Yt = Math.sin(V + Math.PI / 2) * st * it;
+          if (R && D > 0) {
+            const ut = jt - Se + Jt / 2, Ct = (se + ut) / D, rt = this.getPointOnPath(R.geo, R.w, R.h, Math.abs(Ct % 1)), V = rt.angle, st = Ot + Z + (o.pathOffsetY || 0), it = o.pathSide === "right" ? -1 : 1, vt = Math.cos(V + Math.PI / 2) * st * it, Yt = Math.sin(V + Math.PI / 2) * st * it;
             t.translate(rt.x + vt + nt, rt.y + Yt), t.rotate(V + kt + (it === -1 ? Math.PI : 0));
           } else
-            t.translate(jt + nt + Jt / 2, Rt + Z), kt !== 0 && t.rotate(kt);
+            t.translate(jt + nt + Jt / 2, Ot + Z), kt !== 0 && t.rotate(kt);
           if (t.scale(Pt, xt), $ && !r && !f) {
             const ut = this.createCanvasFill(t, $, X, tt);
             t.fillStyle = ut || $.color || "#000000";
@@ -3812,17 +3813,17 @@ class ci {
       }
     };
     if (r) {
-      let et = 0, mt = R;
-      (N || []).forEach((Rt) => {
-        const _t = Rt.text || "", dt = c.indexOf(_t, et);
+      let et = 0, mt = O;
+      (N || []).forEach((Ot) => {
+        const _t = Ot.text || "", dt = c.indexOf(_t, et);
         dt !== -1 && (et = dt);
         let Ft = -X / 2;
         k === "center" ? Ft = 0 : k === "right" && (Ft = X / 2), ot(_t, Ft, mt, !1, et), et += _t.length, mt += A;
       });
     } else if (f) {
-      let et = 0, mt = R;
-      (N || []).forEach((Rt) => {
-        const _t = Rt.text || "";
+      let et = 0, mt = O;
+      (N || []).forEach((Ot) => {
+        const _t = Ot.text || "";
         let dt = -X / 2;
         k === "center" ? dt = 0 : k === "right" && (dt = X / 2), ot(_t, dt, mt, !1, et), et += _t.length, et < c.length && (c[et] === `
 ` || c[et] === "\r") && (et++, c[et - 1] === "\r" && c[et] === `
@@ -3830,18 +3831,18 @@ class ci {
       });
     } else {
       if (e.fill) {
-        const mt = t.globalAlpha, Rt = this.createCanvasFill(t, e.fill, X, tt);
-        t.fillStyle = Rt || e.fill.color || "#000000", t.globalAlpha = mt * this.normalizeOpacity(e.fill.opacity ?? 100);
+        const mt = t.globalAlpha, Ot = this.createCanvasFill(t, e.fill, X, tt);
+        t.fillStyle = Ot || e.fill.color || "#000000", t.globalAlpha = mt * this.normalizeOpacity(e.fill.opacity ?? 100);
         const _t = G.fullText || (o.enableSegments ? (o.segments || []).map((Dt) => {
           let $t = Dt.text || "";
-          const Ot = Dt.textCase || o.textCase || "none";
-          return Ot === "uppercase" ? $t.toUpperCase() : Ot === "lowercase" ? $t.toLowerCase() : Ot === "capitalize" ? $t.replace(/\b\w/g, (Vt) => Vt.toUpperCase()) : $t;
+          const Rt = Dt.textCase || o.textCase || "none";
+          return Rt === "uppercase" ? $t.toUpperCase() : Rt === "lowercase" ? $t.toLowerCase() : Rt === "capitalize" ? $t.replace(/\b\w/g, (Vt) => Vt.toUpperCase()) : $t;
         }).join("") : c);
-        let dt = 0, Ft = R;
+        let dt = 0, Ft = O;
         (N || []).forEach((Dt) => {
           const $t = Dt.text || "";
-          let Ot = -X / 2;
-          k === "center" ? Ot = 0 : k === "right" && (Ot = X / 2), ot($t, Ot, Ft, !1, dt), dt += $t.length, Ft += A, dt < _t.length && (_t[dt] === `
+          let Rt = -X / 2;
+          k === "center" ? Rt = 0 : k === "right" && (Rt = X / 2), ot($t, Rt, Ft, !1, dt), dt += $t.length, Ft += A, dt < _t.length && (_t[dt] === `
 ` || _t[dt] === "\r") && (_ > 0 && (Ft += _), dt++, _t[dt - 1] === "\r" && _t[dt] === `
 ` && dt++);
         }), t.globalAlpha = mt;
@@ -3849,25 +3850,25 @@ class ci {
       const et = o.paragraphRule;
       if (et && (((le = et.top) == null ? void 0 : le.width) > 0 || ((he = et.bottom) == null ? void 0 : he.width) > 0)) {
         let mt = 0;
-        (N || []).forEach((Rt, _t) => {
+        (N || []).forEach((Ot, _t) => {
           var Dt, $t;
           const Ft = mt === 0 || mt < c.length && (c[mt] === `
 ` || c[mt] === "\r");
           if (Ft && _t > 0 && mt++, Ft) {
             if (((Dt = et.top) == null ? void 0 : Dt.width) > 0) {
-              const Ot = R + _t * A - et.top.offset;
+              const Rt = O + _t * A - et.top.offset;
               t.strokeStyle = et.top.color || "#000000", t.lineWidth = et.top.width, t.beginPath();
               const Vt = -n / 2 + A * 0.2;
-              t.moveTo(Vt, Ot), t.lineTo(n / 2 - A * 0.2, Ot), t.stroke();
+              t.moveTo(Vt, Rt), t.lineTo(n / 2 - A * 0.2, Rt), t.stroke();
             }
             if ((($t = et.bottom) == null ? void 0 : $t.width) > 0) {
-              const Ot = R + (_t + 1) * A - et.bottom.offset;
+              const Rt = O + (_t + 1) * A - et.bottom.offset;
               t.strokeStyle = et.bottom.color || "#000000", t.lineWidth = et.bottom.width, t.beginPath();
               const Vt = -n / 2 + A * 0.2;
-              t.moveTo(Vt, Ot), t.lineTo(n / 2 - A * 0.2, Ot), t.stroke();
+              t.moveTo(Vt, Rt), t.lineTo(n / 2 - A * 0.2, Rt), t.stroke();
             }
           }
-          mt += (Rt.text || "").length;
+          mt += (Ot.text || "").length;
         });
       }
       if (e.stroke && e.stroke.width > 0) {
@@ -3875,12 +3876,12 @@ class ci {
         e.fill && e.fill.type !== "None" && e.fill.isEnabled !== !1 && e.fill.opacity !== 0 && e.fill.color !== "transparent" && e.fill.color !== "rgba(0,0,0,0)" && (t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0), t.strokeStyle = e.stroke.color;
         let _t = 1;
         if (this.rootTransform) {
-          const Dt = t.getTransform(), $t = Math.sqrt(Dt.a * Dt.a + Dt.b * Dt.b) || 1, Ot = this.rootTransform, Vt = Math.sqrt(Ot.a * Ot.a + Ot.b * Ot.b) || 1;
+          const Dt = t.getTransform(), $t = Math.sqrt(Dt.a * Dt.a + Dt.b * Dt.b) || 1, Rt = this.rootTransform, Vt = Math.sqrt(Rt.a * Rt.a + Rt.b * Rt.b) || 1;
           _t = $t / Vt;
         } else
           _t = (Math.abs(h) + Math.abs(l)) / 2 || 1;
         t.lineWidth = (e.stroke.width || 1) / (_t || 1), t.globalAlpha = mt * this.normalizeOpacity(e.stroke.opacity ?? 100);
-        let dt = 0, Ft = R;
+        let dt = 0, Ft = O;
         (N || []).forEach((Dt) => {
           let $t = -X / 2;
           k === "center" ? $t = 0 : k === "right" && ($t = X / 2), ot(Dt.text, $t, Ft, !0, dt), dt += (Dt.text || "").length, Ft += A, dt < c.length && (c[dt] === `
@@ -4343,8 +4344,8 @@ class ci {
     }
   }
   renderInputBox(t, i) {
-    var R, O;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((R = i.geometry) == null ? void 0 : R.width) || 250, n = ((O = i.geometry) == null ? void 0 : O.height) || 45, a = this.focusedId === i.id, r = this.lastHoveredObjectId === i.id, f = e.previewState || "default", h = f !== "default" ? f : a ? "focused" : r ? "hovered" : "default", l = e.label || { visible: !0, text: "Label" }, p = e.helperText || { visible: !1, text: "Helper text" }, c = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, u = e.multiline === !0, v = e.corner_radius ?? 8, b = e.corners || { tl: v, tr: v, bl: v, br: v }, m = [b.tl, b.tr, b.br, b.bl];
+    var O, R;
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((O = i.geometry) == null ? void 0 : O.width) || 250, n = ((R = i.geometry) == null ? void 0 : R.height) || 45, a = this.focusedId === i.id, r = this.lastHoveredObjectId === i.id, f = e.previewState || "default", h = f !== "default" ? f : a ? "focused" : r ? "hovered" : "default", l = e.label || { visible: !0, text: "Label" }, p = e.helperText || { visible: !1, text: "Helper text" }, c = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, u = e.multiline === !0, v = e.corner_radius ?? 8, b = e.corners || { tl: v, tr: v, bl: v, br: v }, m = [b.tl, b.tr, b.br, b.bl];
     let y = e.backgroundColor || "rgba(31, 41, 55, 1)", S = e.borderColor || "rgba(55, 65, 81, 1)", C = e.borderWidth ?? 1.5, w = e.color || "#ffffff", M = e.placeholderColor || "rgba(156, 163, 175, 1)", I = e.fontSize || 14;
     const k = `${h}Style`, T = e[k];
     T ? (T.backgroundColor !== void 0 && (y = T.backgroundColor), T.borderColor !== void 0 && (S = T.borderColor), T.borderWidth !== void 0 && (C = T.borderWidth), T.color !== void 0 && (w = T.color), T.placeholderColor !== void 0 && (M = T.placeholderColor), T.fontSize !== void 0 && (I = T.fontSize)) : h === "focused" ? (S = e.focusBorderColor || "rgba(59, 130, 246, 1)", C = Math.max(C, 2)) : h === "hovered" || h === "hover" ? (S = e.hoverBorderColor || S, y = e.hoverBackgroundColor || y) : h === "disabled" ? (y = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", S = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : h === "error" && (S = "rgba(239, 68, 68, 1)", C = Math.max(C, 2)), t.beginPath(), this.drawRoundRect(t, -s / 2, -n / 2, s, n, m);
@@ -4407,12 +4408,12 @@ class ci {
     }
   }
   renderSlider(t, i) {
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.geometry) || i.geometry, s = (o == null ? void 0 : o.options) || i.options || {}, n = e.width || 200, a = s.value ?? 50, r = s.min ?? 0, h = (s.max ?? 100) - r, l = h === 0 ? 0 : (a - r) / h, p = s.trackHeight || 4, c = s.trackRoundedness ?? 2, d = s.trackShape ?? "Rectangle", u = s.trackPath || "", v = s.accentColor || "#3b82f6", b = s.inactiveColor || "#374151", m = s.thumbShape || "Ellipse", y = s.thumbWidth ?? 16, S = s.thumbHeight ?? 16, C = s.thumbRoundedness ?? 0, w = s.thumbColor || "#ffffff", M = s.thumbPath || "", I = s.thumbIcon || "", k = s.showValueTooltip ?? !1, T = s.tooltipBgColor || "#333333", L = s.tooltipColor || "#ffffff", P = s.tooltipOffsetX ?? 0, _ = s.tooltipOffsetY ?? -25, E = (X, tt, R, O, D, q, ot) => {
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.geometry) || i.geometry, s = (o == null ? void 0 : o.options) || i.options || {}, n = e.width || 200, a = s.value ?? 50, r = s.min ?? 0, h = (s.max ?? 100) - r, l = h === 0 ? 0 : (a - r) / h, p = s.trackHeight || 4, c = s.trackRoundedness ?? 2, d = s.trackShape ?? "Rectangle", u = s.trackPath || "", v = s.accentColor || "#3b82f6", b = s.inactiveColor || "#374151", m = s.thumbShape || "Ellipse", y = s.thumbWidth ?? 16, S = s.thumbHeight ?? 16, C = s.thumbRoundedness ?? 0, w = s.thumbColor || "#ffffff", M = s.thumbPath || "", I = s.thumbIcon || "", k = s.showValueTooltip ?? !1, T = s.tooltipBgColor || "#333333", L = s.tooltipColor || "#ffffff", P = s.tooltipOffsetX ?? 0, _ = s.tooltipOffsetY ?? -25, E = (X, tt, O, R, D, q, ot) => {
       if ((X === "Custom" || X === "Icon") && ot)
         try {
           const yt = new Path2D(ot);
-          if (t.save(), t.translate(tt, R), X === "Icon") {
-            const bt = Math.min(O, D) / 24;
+          if (t.save(), t.translate(tt, O), X === "Icon") {
+            const bt = Math.min(R, D) / 24;
             t.scale(bt, bt), t.translate(-12, -12);
           }
           t.fill(yt), t.restore();
@@ -4421,28 +4422,28 @@ class ci {
           console.error("Error drawing slider shape in engine:", yt);
         }
       if (t.beginPath(), X === "Ellipse")
-        t.ellipse(tt, R, O / 2, D / 2, 0, 0, Math.PI * 2);
+        t.ellipse(tt, O, R / 2, D / 2, 0, 0, Math.PI * 2);
       else if (X === "Rectangle")
-        this.drawRoundRect(t, tt - O / 2, R - D / 2, O, D, q);
+        this.drawRoundRect(t, tt - R / 2, O - D / 2, R, D, q);
       else if (X === "Triangle")
-        t.moveTo(tt, R - D / 2), t.lineTo(tt + O / 2, R + D / 2), t.lineTo(tt - O / 2, R + D / 2), t.closePath();
+        t.moveTo(tt, O - D / 2), t.lineTo(tt + R / 2, O + D / 2), t.lineTo(tt - R / 2, O + D / 2), t.closePath();
       else if (X === "Diamond")
-        t.moveTo(tt, R - D / 2), t.lineTo(tt + O / 2, R), t.lineTo(tt, R + D / 2), t.lineTo(tt - O / 2, R), t.closePath();
+        t.moveTo(tt, O - D / 2), t.lineTo(tt + R / 2, O), t.lineTo(tt, O + D / 2), t.lineTo(tt - R / 2, O), t.closePath();
       else if (X === "Polygon") {
-        const yt = i.geometry.sides || 3, bt = i.geometry.radius || Math.min(O, D) / 2;
+        const yt = i.geometry.sides || 3, bt = i.geometry.radius || Math.min(R, D) / 2;
         for (let gt = 0; gt < yt; gt++) {
-          const Et = gt * 2 * Math.PI / yt - Math.PI / 2, It = tt + bt * Math.cos(Et), St = R + bt * Math.sin(Et);
+          const Et = gt * 2 * Math.PI / yt - Math.PI / 2, It = tt + bt * Math.cos(Et), St = O + bt * Math.sin(Et);
           gt === 0 ? t.moveTo(It, St) : t.lineTo(It, St);
         }
         t.closePath();
       } else if (X === "Star") {
-        const bt = Math.min(O, D) / 2, gt = bt / 2;
+        const bt = Math.min(R, D) / 2, gt = bt / 2;
         for (let Et = 0; Et < 10; Et++) {
           const It = Et % 2 === 0 ? bt : gt, St = Et * Math.PI / 5 - Math.PI / 2;
-          t.lineTo(tt + It * Math.cos(St), R + It * Math.sin(St));
+          t.lineTo(tt + It * Math.cos(St), O + It * Math.sin(St));
         }
         t.closePath();
-      } else X === "Line" && (t.moveTo(tt - O / 2, R), t.lineTo(tt + O / 2, R));
+      } else X === "Line" && (t.moveTo(tt - R / 2, O), t.lineTo(tt + R / 2, O));
       t.fill();
     }, A = this.createCanvasFill(t, b, n, p);
     A && (t.fillStyle = A, t.strokeStyle = A), d === "Line" ? (t.lineWidth = p, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(n / 2, 0), t.stroke()) : E(d, 0, 0, n, p, c, u);
@@ -4459,20 +4460,20 @@ class ci {
       t.save(), t.translate(z + P, _);
       const X = Math.round(a).toString();
       t.font = "10px Inter, sans-serif";
-      const tt = t.measureText(X), R = 6, O = 4, D = tt.width + R * 2, q = 14 + O;
+      const tt = t.measureText(X), O = 6, R = 4, D = tt.width + O * 2, q = 14 + R;
       t.beginPath(), this.drawRoundRect(t, -D / 2, -q / 2, D, q, 4), t.fillStyle = T, t.fill(), t.fillStyle = L, t.textAlign = "center", t.textBaseline = "middle", t.fillText(X, 0, 0), t.restore();
     }
     const x = s.label || {}, F = s.helperText || {}, j = s.fontFamily || "Inter";
     if (x.visible !== !1) {
-      const X = x.text || "Label", tt = x.fontSize || 12, R = x.color || "rgba(156, 163, 175, 1)", O = x.offset ?? 8;
-      t.font = `600 ${tt}px "${j}", sans-serif`, t.fillStyle = R, t.textAlign = "left", t.textBaseline = "bottom";
-      const D = -(n / 2), q = -(p / 2) - O;
+      const X = x.text || "Label", tt = x.fontSize || 12, O = x.color || "rgba(156, 163, 175, 1)", R = x.offset ?? 8;
+      t.font = `600 ${tt}px "${j}", sans-serif`, t.fillStyle = O, t.textAlign = "left", t.textBaseline = "bottom";
+      const D = -(n / 2), q = -(p / 2) - R;
       t.fillText(X, D, q);
     }
     if (F.visible === !0) {
-      const X = F.text || "Helper text", tt = F.fontSize || 11, R = F.color || "rgba(156, 163, 175, 1)", O = F.offset ?? 6;
-      t.font = `400 ${tt}px "${j}", sans-serif`, t.fillStyle = R, t.textAlign = "left", t.textBaseline = "top";
-      const D = -(n / 2), q = p / 2 + O;
+      const X = F.text || "Helper text", tt = F.fontSize || 11, O = F.color || "rgba(156, 163, 175, 1)", R = F.offset ?? 6;
+      t.font = `400 ${tt}px "${j}", sans-serif`, t.fillStyle = O, t.textAlign = "left", t.textBaseline = "top";
+      const D = -(n / 2), q = p / 2 + R;
       t.fillText(X, D, q);
     }
   }
@@ -4518,15 +4519,15 @@ class ci {
       const F = e.listBorderWidth ?? 1;
       F > 0 && (t.shadowColor = "transparent", t.strokeStyle = this.createCanvasFill(t, typeof e.listBorderColor == "string" ? { type: "Solid", color: e.listBorderColor } : e.listBorderColor || { type: "Solid", color: d }, s, Y) || "#e5e7eb", t.lineWidth = F, t.stroke()), t.restore();
       const j = e.itemFontSize || M, X = e.itemFontFamily || k;
-      t.font = `${I} ${j}px ${X}`, A.forEach((tt, R) => {
-        const O = E + z + R * W;
+      t.font = `${I} ${j}px ${X}`, A.forEach((tt, O) => {
+        const R = E + z + O * W;
         if (tt === e.selectedOption)
-          t.fillStyle = this.createCanvasFill(t, typeof e.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: e.itemSelectedBackgroundColor } : e.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, s, W) || "#f3f4f6", t.fillRect(a + F, O, s - F * 2, W), t.fillStyle = e.itemSelectedColor || e.accentColor || u || "#374151";
+          t.fillStyle = this.createCanvasFill(t, typeof e.itemSelectedBackgroundColor == "string" ? { type: "Solid", color: e.itemSelectedBackgroundColor } : e.itemSelectedBackgroundColor || { type: "Solid", color: "#f3f4f6" }, s, W) || "#f3f4f6", t.fillRect(a + F, R, s - F * 2, W), t.fillStyle = e.itemSelectedColor || e.accentColor || u || "#374151";
         else if (t.fillStyle = e.listTextColor || u || "#333333", this.activeDropdownId === i.id && this._lastPointerPos) {
           const q = this._lastPointerPos.y - (E + z), ot = Math.floor(q / W);
-          R === ot && (t.fillStyle = this.createCanvasFill(t, typeof e.itemHoverBackgroundColor == "string" ? { type: "Solid", color: e.itemHoverBackgroundColor } : e.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, s, W) || "#f9fafb", t.fillRect(a + F, O, s - F * 2, W), t.fillStyle = e.itemHoverColor || u);
+          O === ot && (t.fillStyle = this.createCanvasFill(t, typeof e.itemHoverBackgroundColor == "string" ? { type: "Solid", color: e.itemHoverBackgroundColor } : e.itemHoverBackgroundColor || { type: "Solid", color: "#f9fafb" }, s, W) || "#f9fafb", t.fillRect(a + F, R, s - F * 2, W), t.fillStyle = e.itemHoverColor || u);
         }
-        t.fillText(tt, a + m, O + W / 2);
+        t.fillText(tt, a + m, R + W / 2);
       });
     }
     t.globalAlpha = v;
@@ -4559,7 +4560,7 @@ class ci {
     t.font = `${l.fontWeight || 600} ${d}px "${u}", sans-serif`, t.fillStyle = c, t.textAlign = "center", t.textBaseline = "middle", t.fillText(l.text || "Toggle", 0, 0), t.restore();
   }
   renderToggle(t, i) {
-    var G, N, J, x, F, j, X, tt, R, O, D, q;
+    var G, N, J, x, F, j, X, tt, O, R, D, q;
     const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((G = i.geometry) == null ? void 0 : G.width) || 52, n = ((N = i.geometry) == null ? void 0 : N.height) || 30, a = -s / 2, r = -n / 2, f = e.checked ?? !1, h = e.cornerRadius ?? e.corner_radius ?? n / 2, l = e.toggleStyle || {}, p = l.backgroundColor || e.activeColor || "#10b981", c = l.borderColor || e.borderColor || "transparent", d = l.borderWidth ?? e.borderWidth ?? 0, u = l.knobColor || e.knobColor || "#ffffff", v = f ? p : e.inactiveColor || "#374151", b = f ? c : e.borderColor || "transparent", m = f ? d : e.borderWidth ?? 0, y = f ? u : e.knobColor || "#ffffff";
     e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, h);
     const S = this.createCanvasFill(t, v, s, n);
@@ -4578,7 +4579,7 @@ class ci {
       const ot = e.leftLabel;
       t.font = `${ot.fontWeight || 400} ${ot.fontSize || 12}px "${ot.fontFamily || "Inter"}", sans-serif`, t.fillStyle = W, t.textBaseline = "middle", t.textAlign = "right", t.fillText(A, a - (ot.gap || 8), 0), _ = !0;
     }
-    const z = (f ? (tt = l.rightLabel) == null ? void 0 : tt.text : null) || ((R = e.rightLabel) == null ? void 0 : R.text) || "", Y = (f ? (O = l.rightLabel) == null ? void 0 : O.color : null) || ((D = e.rightLabel) == null ? void 0 : D.color) || "#f3f4f6";
+    const z = (f ? (tt = l.rightLabel) == null ? void 0 : tt.text : null) || ((O = e.rightLabel) == null ? void 0 : O.text) || "", Y = (f ? (R = l.rightLabel) == null ? void 0 : R.color : null) || ((D = e.rightLabel) == null ? void 0 : D.color) || "#f3f4f6";
     if ((q = e.rightLabel) != null && q.enabled && z) {
       const ot = e.rightLabel;
       t.font = `${ot.fontWeight || 400} ${ot.fontSize || 12}px "${ot.fontFamily || "Inter"}", sans-serif`, t.fillStyle = Y, t.textBaseline = "middle", t.textAlign = "left", t.fillText(z, a + s + (ot.gap || 8), 0), E = !0;
@@ -5205,28 +5206,28 @@ class ci {
       const J = e.listLayout || "linear", x = J === "circular" ? d : h === "vertical" ? s : d, F = J === "circular" || h === "vertical" ? c : n;
       let j = 0, X = 0, tt = 0;
       if (J === "circular") {
-        const St = l.length || 1, Xt = Math.PI * 2 / St, le = e.circularStartAngle || 0, he = e.circularRadius || 100, et = u * 0.01 + le * Math.PI / 180, mt = N * Xt + et, Rt = a + s / 2, _t = r + n / 2;
-        j = Rt + Math.cos(mt) * he - x / 2, X = _t + Math.sin(mt) * he - F / 2, tt = mt + (e.itemRotation || 0) * Math.PI / 180;
+        const St = l.length || 1, Xt = Math.PI * 2 / St, le = e.circularStartAngle || 0, he = e.circularRadius || 100, et = u * 0.01 + le * Math.PI / 180, mt = N * Xt + et, Ot = a + s / 2, _t = r + n / 2;
+        j = Ot + Math.cos(mt) * he - x / 2, X = _t + Math.sin(mt) * he - F / 2, tt = mt + (e.itemRotation || 0) * Math.PI / 180;
       } else
         j = h === "vertical" ? a : _, X = h === "vertical" ? _ : r, tt = (e.itemRotation || 0) * Math.PI / 180;
-      const R = C === N, O = w === N, D = O && e.activeItemShape ? e.activeItemShape : e.itemShape || "rectangle", q = O && e.activeItemShape ? e.activeItemPath : e.itemPath || "", ot = e.itemCornerRadius || 0;
-      if (t.save(), tt !== 0 && (t.translate(j + x / 2, X + F / 2), t.rotate(tt), t.translate(-(j + x / 2), -(X + F / 2))), O) {
+      const O = C === N, R = w === N, D = R && e.activeItemShape ? e.activeItemShape : e.itemShape || "rectangle", q = R && e.activeItemShape ? e.activeItemPath : e.itemPath || "", ot = e.itemCornerRadius || 0;
+      if (t.save(), tt !== 0 && (t.translate(j + x / 2, X + F / 2), t.rotate(tt), t.translate(-(j + x / 2), -(X + F / 2))), R) {
         const St = this.createCanvasFill(t, m, x, F);
         t.fillStyle = St || m;
         const Xt = t.globalAlpha;
         t.globalAlpha = Xt * 0.8, t.beginPath(), this.drawCustomShape(t, D, q, j, X, x, F, ot) || (t.rect(j, X, x, F), t.fill()), t.globalAlpha = Xt;
-      } else if (R)
+      } else if (O)
         t.fillStyle = b ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.05)", t.beginPath(), this.drawCustomShape(t, D, q, j, X, x, F, ot) || (t.rect(j, X, x, F), t.fill());
       else if (S !== "transparent") {
         const St = this.createCanvasFill(t, S, x, F);
         t.fillStyle = St || S, t.beginPath(), this.drawCustomShape(t, D, q, j, X, x, F, ot) || (t.rect(j, X, x, F), t.fill());
       }
-      if (O || R) {
+      if (R || O) {
         const St = this.createCanvasFill(t, m, h === "vertical" ? 3 : x, h === "vertical" ? F : 3);
         t.fillStyle = St || m, h === "vertical" ? t.fillRect(j, X, 3, F) : t.fillRect(j, X + F - 3, x, 3);
       }
-      const yt = O ? "#ffffff" : b ? "rgba(255, 255, 255, 0.9)" : y;
-      t.fillStyle = yt, t.font = O || R ? "600 14px Inter, sans-serif" : "400 14px Inter, sans-serif";
+      const yt = R ? "#ffffff" : b ? "rgba(255, 255, 255, 0.9)" : y;
+      t.fillStyle = yt, t.font = R || O ? "600 14px Inter, sans-serif" : "400 14px Inter, sans-serif";
       const bt = typeof G == "string" ? G : (G == null ? void 0 : G.label) || `Item ${N + 1}`, gt = j + (h === "vertical" ? 16 : x / 2), Et = X + F / 2;
       h === "horizontal" || J === "circular" ? t.textAlign = "center" : t.textAlign = "left";
       const It = J === "circular" ? j + x / 2 : gt;
@@ -5236,18 +5237,18 @@ class ci {
       if (G > N || J === "circular" && l.length > 0) {
         const F = e.scrollbarColor || "rgba(255,255,255,0.3)", j = e.scrollbarWidth || 4;
         if (x) {
-          const X = Math.min(s, n) / 2 - j / 2 - 2, tt = a + s / 2, R = r + n / 2;
+          const X = Math.min(s, n) / 2 - j / 2 - 2, tt = a + s / 2, O = r + n / 2;
           if (t.strokeStyle = F, t.lineWidth = j, t.lineCap = "round", t.beginPath(), J === "circular") {
-            const O = Math.PI / 4, D = -(u * 0.01) - Math.PI / 2;
-            t.arc(tt, R, X, D, D + O);
+            const R = Math.PI / 4, D = -(u * 0.01) - Math.PI / 2;
+            t.arc(tt, O, X, D, D + R);
           } else {
-            const O = Math.PI / 2, D = N / G, q = O * D, ot = -u / G * O, bt = -Math.PI / 4 + ot;
-            t.arc(tt, R, X, bt, bt + q);
+            const R = Math.PI / 2, D = N / G, q = R * D, ot = -u / G * R, bt = -Math.PI / 4 + ot;
+            t.arc(tt, O, X, bt, bt + q);
           }
           t.stroke();
         } else {
-          const X = N / G, tt = N * X, R = -u / G * N;
-          t.fillStyle = F, h === "vertical" ? t.fillRect(a + s - j - 2, r + R, j, tt) : t.fillRect(a + R, r + n - j - 2, tt, j);
+          const X = N / G, tt = N * X, O = -u / G * N;
+          t.fillStyle = F, h === "vertical" ? t.fillRect(a + s - j - 2, r + O, j, tt) : t.fillRect(a + O, r + n - j - 2, tt, j);
         }
       }
     }
@@ -5295,12 +5296,12 @@ class ci {
       const N = L === "circular" ? p : f === "vertical" ? a : p, J = L === "circular" || f === "vertical" ? l : r;
       let x = 0, F = 0, j = 0;
       if (L === "circular") {
-        const X = G * _ + W, tt = M + a / 2, R = I + r / 2;
-        x = tt + Math.cos(X) * A - N / 2, F = R + Math.sin(X) * A - J / 2, j = X + (e.itemRotation || 0) * Math.PI / 180;
+        const X = G * _ + W, tt = M + a / 2, O = I + r / 2;
+        x = tt + Math.cos(X) * A - N / 2, F = O + Math.sin(X) * A - J / 2, j = X + (e.itemRotation || 0) * Math.PI / 180;
       } else
         x = f === "vertical" ? M : T, F = f === "vertical" ? T : I, j = (e.itemRotation || 0) * Math.PI / 180;
       if (j !== 0) {
-        const X = x + N / 2, tt = F + J / 2, R = C - X, O = w - tt, D = -j, q = R * Math.cos(D) - O * Math.sin(D) + X, ot = R * Math.sin(D) + O * Math.cos(D) + tt;
+        const X = x + N / 2, tt = F + J / 2, O = C - X, R = w - tt, D = -j, q = O * Math.cos(D) - R * Math.sin(D) + X, ot = O * Math.sin(D) + R * Math.cos(D) + tt;
         if (q >= x && q <= x + N && ot >= F && ot <= F + J)
           return G;
       } else if (C >= x && C <= x + N && w >= F && w <= F + J)
@@ -5323,7 +5324,7 @@ class ci {
       if (!e.behaviors || e.behaviors.length === 0) return;
       const s = this.objectStates.get(e.id);
       s && e.behaviors.forEach((n) => {
-        var p, c, d, u, v, b, m, y, S, C, w, M, I, k, T, L, P, _, E, A, W, z, Y, G, N, J, x, F, j, X, tt, R, O, D, q, ot, yt, bt, gt, Et, It, St, Xt, le, he, et, mt, Rt, _t, dt, Ft, Dt, $t, Ot, Vt, ie, me, ye, Ut, Se, Pe, Ee, Ce, Ae, xe, se, jt, ft, pt, at, B, nt, Z, Pt, xt, kt, At, Mt, $, Wt, Kt, te, Jt, ut, ct, Ct, rt, V, st, it, vt, Yt, Qt, ne, Gt, Ht, Nt, Ie, Le, Re, Oe, Fe, $e, Ye, zt, oe, we, Be, We, de, ce, fe, ke, Xe, Ve, Ne, De, He;
+        var p, c, d, u, v, b, m, y, S, C, w, M, I, k, T, L, P, _, E, A, W, z, Y, G, N, J, x, F, j, X, tt, O, R, D, q, ot, yt, bt, gt, Et, It, St, Xt, le, he, et, mt, Ot, _t, dt, Ft, Dt, $t, Rt, Vt, ie, me, ye, Ut, Se, Pe, Ee, Ce, Ae, xe, se, jt, ft, pt, at, B, nt, Z, Pt, xt, kt, At, Mt, $, Wt, Kt, te, Jt, ut, ct, Ct, rt, V, st, it, vt, Yt, Qt, ne, Gt, Ht, Nt, Ie, Le, Oe, Re, Fe, $e, Ye, zt, oe, we, Be, We, de, ce, fe, ke, Xe, Ve, Ne, De, He;
         if (!n.enabled) return;
         const a = n.startTime || 0, r = n.endTime || 1 / 0;
         if (this.currentTime < a || this.currentTime > r) return;
@@ -5391,7 +5392,7 @@ class ci {
         } else if (n.type === U.Fold) {
           if (l < 300) {
             const H = 1 - l / 300, Q = (f > 0 ? -1 : 1) * H * 10, K = 1 - H * 0.1, ht = h / 300 * H * 20, Tt = -(f / 300) * H * 20, Lt = Math.min(1, 10 * t);
-            s.skew_x = this.lerp(s.skew_x ?? ((tt = e.transform) == null ? void 0 : tt.skew_x) ?? 0, Q, Lt), s.scale_y = this.lerp(s.scale_y ?? ((R = e.transform) == null ? void 0 : R.scale_y) ?? 1, (((O = e.transform) == null ? void 0 : O.scale_y) ?? 1) * K, Lt), s.rotate_x = this.lerp(s.rotate_x ?? ((D = e.transform) == null ? void 0 : D.rotate_x) ?? 0, ht, Lt), s.rotate_y = this.lerp(s.rotate_y ?? ((q = e.transform) == null ? void 0 : q.rotate_y) ?? 0, Tt, Lt), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "fold_overlay", intensity: ((ot = n.settings) == null ? void 0 : ot.opacity) ?? 0.5 };
+            s.skew_x = this.lerp(s.skew_x ?? ((tt = e.transform) == null ? void 0 : tt.skew_x) ?? 0, Q, Lt), s.scale_y = this.lerp(s.scale_y ?? ((O = e.transform) == null ? void 0 : O.scale_y) ?? 1, (((R = e.transform) == null ? void 0 : R.scale_y) ?? 1) * K, Lt), s.rotate_x = this.lerp(s.rotate_x ?? ((D = e.transform) == null ? void 0 : D.rotate_x) ?? 0, ht, Lt), s.rotate_y = this.lerp(s.rotate_y ?? ((q = e.transform) == null ? void 0 : q.rotate_y) ?? 0, Tt, Lt), s.style = s.style || { ...e.style }, s.style.artEffect = { enabled: !0, type: "fold_overlay", intensity: ((ot = n.settings) == null ? void 0 : ot.opacity) ?? 0.5 };
           }
         } else if (n.type === U.Crumple) {
           if (l < 300) {
@@ -5400,13 +5401,13 @@ class ci {
           }
         } else if (n.type === U.Squash) {
           const H = ((le = n.settings) == null ? void 0 : le.strength) || 0.8;
-          l < (e.width || 100) && this.isMouseDown ? (s.scale_y = this.lerp(s.scale_y ?? 1, (((he = e.transform) == null ? void 0 : he.scale_y) ?? 1) * H, 0.3), s.scale_x = this.lerp(s.scale_x ?? 1, (((et = e.transform) == null ? void 0 : et.scale_x) ?? 1) * (1 + (1 - H) * 0.4), 0.3)) : (s.scale_y = this.lerp(s.scale_y ?? 1, ((mt = e.transform) == null ? void 0 : mt.scale_y) ?? 1, 0.2), s.scale_x = this.lerp(s.scale_x ?? 1, ((Rt = e.transform) == null ? void 0 : Rt.scale_x) ?? 1, 0.2));
+          l < (e.width || 100) && this.isMouseDown ? (s.scale_y = this.lerp(s.scale_y ?? 1, (((he = e.transform) == null ? void 0 : he.scale_y) ?? 1) * H, 0.3), s.scale_x = this.lerp(s.scale_x ?? 1, (((et = e.transform) == null ? void 0 : et.scale_x) ?? 1) * (1 + (1 - H) * 0.4), 0.3)) : (s.scale_y = this.lerp(s.scale_y ?? 1, ((mt = e.transform) == null ? void 0 : mt.scale_y) ?? 1, 0.2), s.scale_x = this.lerp(s.scale_x ?? 1, ((Ot = e.transform) == null ? void 0 : Ot.scale_x) ?? 1, 0.2));
         } else if (n.type === U.TextCounter) {
           const H = ((_t = n.settings) == null ? void 0 : _t.duration) || 2, Q = ((dt = n.settings) == null ? void 0 : dt.from) || 0, K = ((Ft = n.settings) == null ? void 0 : Ft.to) || 100;
           n._runtimeStart === void 0 && (n._runtimeStart = this.currentTime);
           const ht = this.currentTime - n._runtimeStart, Tt = Math.min(1, ht / H), Lt = Math.floor(Q + (K - Q) * Tt);
           if (((Dt = e.geometry) == null ? void 0 : Dt.type) === "Text") {
-            const Bt = (($t = n.settings) == null ? void 0 : $t.prefix) || "", ee = ((Ot = n.settings) == null ? void 0 : Ot.suffix) || "";
+            const Bt = (($t = n.settings) == null ? void 0 : $t.prefix) || "", ee = ((Rt = n.settings) == null ? void 0 : Rt.suffix) || "";
             s.geometry || (s.geometry = { ...e.geometry }), s.geometry.text = `${Bt}${Lt}${ee}`;
           }
         } else if (n.type === U.Spotlight) {
@@ -5479,9 +5480,9 @@ class ci {
             const K = Math.pow(1 - l / H, 2);
             s.scale_x = this.lerp(s.scale_x ?? 1, (((Nt = e.transform) == null ? void 0 : Nt.scale_x) ?? 1) * (1 + K * Q), 0.2), s.scale_y = this.lerp(s.scale_y ?? 1, (((Ie = e.transform) == null ? void 0 : Ie.scale_y) ?? 1) * (1 + K * Q), 0.2);
           } else
-            s.scale_x = this.lerp(s.scale_x ?? 1, ((Le = e.transform) == null ? void 0 : Le.scale_x) ?? 1, 0.1), s.scale_y = this.lerp(s.scale_y ?? 1, ((Re = e.transform) == null ? void 0 : Re.scale_y) ?? 1, 0.1);
+            s.scale_x = this.lerp(s.scale_x ?? 1, ((Le = e.transform) == null ? void 0 : Le.scale_x) ?? 1, 0.1), s.scale_y = this.lerp(s.scale_y ?? 1, ((Oe = e.transform) == null ? void 0 : Oe.scale_y) ?? 1, 0.1);
         } else if (n.type === U.LayoutAnimation) {
-          const H = ((Oe = n.settings) == null ? void 0 : Oe.watchProperties) || ["x", "y", "scale_x", "scale_y", "opacity", "rotation"], Q = ((Fe = n.settings) == null ? void 0 : Fe.duration) || 0.3;
+          const H = ((Re = n.settings) == null ? void 0 : Re.watchProperties) || ["x", "y", "scale_x", "scale_y", "opacity", "rotation"], Q = ((Fe = n.settings) == null ? void 0 : Fe.duration) || 0.3;
           this._layoutAnimCache.has(e.id) || this._layoutAnimCache.set(e.id, /* @__PURE__ */ new Map());
           const K = this._layoutAnimCache.get(e.id);
           for (const ht of H) {
@@ -5811,30 +5812,30 @@ const yi = Ss(({
   }), []), ve(() => {
     E.current.setLayout(e, s);
   }, [e, s]), ve(() => {
-    const R = E.current;
-    a && R.setTriggerCallback(a), r && R.setInputUpdateCallback((O, D) => r({ [O]: D })), f && R.setComponentChangeCallback((O) => f(O)), h && R.setToggleCallback(h), l && R.setInputChangeCallback(l), p && R.setInputFocusCallback(p), c && R.setInputBlurCallback(c), d && R.setOnLogCallback((O) => d(O, "info")), u && R.setLogicUpdateCallback(u), v && R.setButtonClickCallback(v), b && R.setGraphPointClickCallback((O) => b(O.objectId, O)), L && R.setNavigationCallback(L);
+    const O = E.current;
+    a && O.setTriggerCallback(a), r && O.setInputUpdateCallback((R, D) => r({ [R]: D })), f && O.setComponentChangeCallback((R) => f(R)), h && O.setToggleCallback(h), l && O.setInputChangeCallback(l), p && O.setInputFocusCallback(p), c && O.setInputBlurCallback(c), d && O.setOnLogCallback((R) => d(R, "info")), u && O.setLogicUpdateCallback(u), v && O.setButtonClickCallback(v), b && O.setGraphPointClickCallback((R) => b(R.objectId, R)), L && O.setNavigationCallback(L);
   }, [a, r, f, h, l, p, c, d, u, v, b, L]), ve(() => {
     (async () => {
-      let O = g;
+      let R = g;
       if (t && !g)
         try {
-          t.startsWith("{") ? O = JSON.parse(t) : O = await (await fetch(t)).json();
+          t.startsWith("{") ? R = JSON.parse(t) : R = await (await fetch(t)).json();
         } catch (D) {
           console.error("[ExodeUI] Failed to load src:", D);
         }
-      if (O) {
-        const D = E.current, q = O.id || O.name || "default";
-        (z.current !== q || Y.current !== y || G.current !== O) && (D.load(O), z.current = q, Y.current = y, G.current = O, N(O), W.current = 0, D.advance(0)), n && n(D);
+      if (R) {
+        const D = E.current, q = R.id || R.name || "default";
+        (z.current !== q || Y.current !== y || G.current !== R) && (D.load(R), z.current = q, Y.current = y, G.current = R, N(R), W.current = 0, D.advance(0)), n && n(D);
       }
     })();
   }, [g, t, y]), ve(() => {
-    const R = (O) => {
+    const O = (R) => {
       if (!E.current || !J.current) return;
       const D = E.current, q = _.current;
       if (!q) return;
       const ot = q.getContext("2d");
       if (!ot) return;
-      const yt = O / 1e3;
+      const yt = R / 1e3;
       W.current === 0 && (W.current = yt);
       let bt = yt - W.current;
       bt > 0.1 && (bt = 0.1), W.current = yt;
@@ -5845,55 +5846,55 @@ const yi = Ss(({
       } catch (Xt) {
         console.error("[ExodeUICanvas] Error in animation loop:", Xt), d && d(`[Error] Animation loop crashed: ${Xt}`, "error");
       }
-      A.current = requestAnimationFrame(R);
+      A.current = requestAnimationFrame(O);
     };
-    return A.current = requestAnimationFrame(R), () => {
+    return A.current = requestAnimationFrame(O), () => {
       A.current && cancelAnimationFrame(A.current);
     };
   }, [o, m]), ve(() => {
-    const R = E.current;
-    S !== void 0 && R.updateInput("scrollY", S), C !== void 0 && R.updateInput("scrollX", C), w !== void 0 && R.updateInput("mouseX", w), M !== void 0 && R.updateInput("mouseY", M), I !== void 0 && R.updateInput("isMouseDown", I), k && Object.entries(k).forEach(([O, D]) => R.updateInput(O, D));
+    const O = E.current;
+    S !== void 0 && O.updateInput("scrollY", S), C !== void 0 && O.updateInput("scrollX", C), w !== void 0 && O.updateInput("mouseX", w), M !== void 0 && O.updateInput("mouseY", M), I !== void 0 && O.updateInput("isMouseDown", I), k && Object.entries(k).forEach(([R, D]) => O.updateInput(R, D));
   }, [S, C, w, M, I, k]);
-  const x = (R, O) => {
+  const x = (O, R) => {
     if (!T || !_.current) return;
-    R.stopPropagation(), "nativeEvent" in R && R.nativeEvent && typeof R.nativeEvent.stopImmediatePropagation == "function" ? R.nativeEvent.stopImmediatePropagation() : typeof R.stopImmediatePropagation == "function" && R.stopImmediatePropagation();
-    const D = _.current, q = D.getBoundingClientRect(), ot = R.clientX - q.left, yt = R.clientY - q.top, bt = window.devicePixelRatio || 1;
-    (O === "click" || O === "down" || O === "up") && d && d(`[Canvas] Pointer ${O} at rect(${Math.round(ot)},${Math.round(yt)}) mapped to buffer(${Math.round(ot * bt)},${Math.round(yt * bt)})`, "info"), E.current.handlePointerInput(O, ot * bt, yt * bt, D.width, D.height);
+    O.stopPropagation(), "nativeEvent" in O && O.nativeEvent && typeof O.nativeEvent.stopImmediatePropagation == "function" ? O.nativeEvent.stopImmediatePropagation() : typeof O.stopImmediatePropagation == "function" && O.stopImmediatePropagation();
+    const D = _.current, q = D.getBoundingClientRect(), ot = O.clientX - q.left, yt = O.clientY - q.top, bt = window.devicePixelRatio || 1;
+    (R === "click" || R === "down" || R === "up") && d && d(`[Canvas] Pointer ${R} at rect(${Math.round(ot)},${Math.round(yt)}) mapped to buffer(${Math.round(ot * bt)},${Math.round(yt * bt)})`, "info"), E.current.handlePointerInput(R, ot * bt, yt * bt, D.width, D.height);
   };
   ve(() => {
     if (!T) return;
-    const R = (D) => {
+    const O = (D) => {
       var q, ot, yt;
       ((q = document.activeElement) == null ? void 0 : q.tagName) === "INPUT" || ((ot = document.activeElement) == null ? void 0 : ot.tagName) === "TEXTAREA" || (yt = E.current) == null || yt.handleKeyDown(D);
-    }, O = (D) => {
+    }, R = (D) => {
       var q, ot, yt;
       ((q = document.activeElement) == null ? void 0 : q.tagName) === "INPUT" || ((ot = document.activeElement) == null ? void 0 : ot.tagName) === "TEXTAREA" || (yt = E.current) == null || yt.handleKeyUp(D);
     };
-    return window.addEventListener("keydown", R), window.addEventListener("keyup", O), () => {
-      window.removeEventListener("keydown", R), window.removeEventListener("keyup", O);
+    return window.addEventListener("keydown", O), window.addEventListener("keyup", R), () => {
+      window.removeEventListener("keydown", O), window.removeEventListener("keyup", R);
     };
   }, [T]);
   const [F, j] = Qe([]);
   ve(() => {
     if (g && g.objects) {
-      const R = g.objects.filter((O) => {
+      const O = g.objects.filter((R) => {
         var D, q;
-        return O.type === "Joystick" && ((D = O.inputBinding) == null ? void 0 : D.type) === "keyboard" && ((q = O.inputBinding.keyboardConfig) == null ? void 0 : q.showVirtualKeyboard);
+        return R.type === "Joystick" && ((D = R.inputBinding) == null ? void 0 : D.type) === "keyboard" && ((q = R.inputBinding.keyboardConfig) == null ? void 0 : q.showVirtualKeyboard);
       });
-      j(R);
+      j(O);
     }
   }, [g]);
   const [, X] = Qe(0);
   ve(() => {
     if (F.length === 0) return;
-    let R;
-    const O = () => {
-      X((D) => D + 1), R = requestAnimationFrame(O);
+    let O;
+    const R = () => {
+      X((D) => D + 1), O = requestAnimationFrame(R);
     };
-    return R = requestAnimationFrame(O), () => cancelAnimationFrame(R);
+    return O = requestAnimationFrame(R), () => cancelAnimationFrame(O);
   }, [F.length]);
-  const tt = () => F.map((R) => {
-    const O = R.inputBinding.keyboardConfig, D = (gt) => {
+  const tt = () => F.map((O) => {
+    const R = O.inputBinding.keyboardConfig, D = (gt) => {
       var It;
       const Et = { key: gt, code: gt, preventDefault: () => {
       } };
@@ -5935,90 +5936,90 @@ const yi = Ss(({
       /* @__PURE__ */ ge(
         "div",
         {
-          style: bt(yt(O.upKey)),
-          onMouseDown: () => D(O.upKey),
-          onMouseUp: () => q(O.upKey),
-          onMouseLeave: () => q(O.upKey),
+          style: bt(yt(R.upKey)),
+          onMouseDown: () => D(R.upKey),
+          onMouseUp: () => q(R.upKey),
+          onMouseLeave: () => q(R.upKey),
           onTouchStart: (gt) => {
-            gt.preventDefault(), D(O.upKey);
+            gt.preventDefault(), D(R.upKey);
           },
           onTouchEnd: (gt) => {
-            gt.preventDefault(), q(O.upKey);
+            gt.preventDefault(), q(R.upKey);
           },
-          children: O.upKey.toUpperCase()
+          children: R.upKey.toUpperCase()
         }
       ),
       /* @__PURE__ */ Je("div", { style: { display: "flex", gap: "8px" }, children: [
         /* @__PURE__ */ ge(
           "div",
           {
-            style: bt(yt(O.leftKey)),
-            onMouseDown: () => D(O.leftKey),
-            onMouseUp: () => q(O.leftKey),
-            onMouseLeave: () => q(O.leftKey),
+            style: bt(yt(R.leftKey)),
+            onMouseDown: () => D(R.leftKey),
+            onMouseUp: () => q(R.leftKey),
+            onMouseLeave: () => q(R.leftKey),
             onTouchStart: (gt) => {
-              gt.preventDefault(), D(O.leftKey);
+              gt.preventDefault(), D(R.leftKey);
             },
             onTouchEnd: (gt) => {
-              gt.preventDefault(), q(O.leftKey);
+              gt.preventDefault(), q(R.leftKey);
             },
-            children: O.leftKey.toUpperCase()
+            children: R.leftKey.toUpperCase()
           }
         ),
         /* @__PURE__ */ ge(
           "div",
           {
-            style: bt(yt(O.downKey)),
-            onMouseDown: () => D(O.downKey),
-            onMouseUp: () => q(O.downKey),
-            onMouseLeave: () => q(O.downKey),
+            style: bt(yt(R.downKey)),
+            onMouseDown: () => D(R.downKey),
+            onMouseUp: () => q(R.downKey),
+            onMouseLeave: () => q(R.downKey),
             onTouchStart: (gt) => {
-              gt.preventDefault(), D(O.downKey);
+              gt.preventDefault(), D(R.downKey);
             },
             onTouchEnd: (gt) => {
-              gt.preventDefault(), q(O.downKey);
+              gt.preventDefault(), q(R.downKey);
             },
-            children: O.downKey.toUpperCase()
+            children: R.downKey.toUpperCase()
           }
         ),
         /* @__PURE__ */ ge(
           "div",
           {
-            style: bt(yt(O.rightKey)),
-            onMouseDown: () => D(O.rightKey),
-            onMouseUp: () => q(O.rightKey),
-            onMouseLeave: () => q(O.rightKey),
+            style: bt(yt(R.rightKey)),
+            onMouseDown: () => D(R.rightKey),
+            onMouseUp: () => q(R.rightKey),
+            onMouseLeave: () => q(R.rightKey),
             onTouchStart: (gt) => {
-              gt.preventDefault(), D(O.rightKey);
+              gt.preventDefault(), D(R.rightKey);
             },
             onTouchEnd: (gt) => {
-              gt.preventDefault(), q(O.rightKey);
+              gt.preventDefault(), q(R.rightKey);
             },
-            children: O.rightKey.toUpperCase()
+            children: R.rightKey.toUpperCase()
           }
         )
       ] })
-    ] }, R.id);
+    ] }, O.id);
   });
   return /* @__PURE__ */ Je("div", { style: { position: "relative", width: "100%", height: "100%" }, children: [
     /* @__PURE__ */ ge(
       "canvas",
       {
         ref: _,
-        onPointerDown: (R) => {
-          var O;
-          x(R, "down"), (O = _.current) == null || O.focus();
+        onPointerDown: (O) => {
+          var R;
+          x(O, "down"), (R = _.current) == null || R.focus();
         },
-        onPointerMove: (R) => x(R, "move"),
-        onPointerUp: (R) => x(R, "up"),
-        onPointerCancel: (R) => x(R, "up"),
-        onClick: (R) => x(R, "click"),
-        onWheel: (R) => {
-          E.current.handleWheel(R.deltaX, R.deltaY);
+        onPointerMove: (O) => x(O, "move"),
+        onPointerUp: (O) => x(O, "up"),
+        onPointerCancel: (O) => x(O, "up"),
+        onClick: (O) => x(O, "click"),
+        onWheel: (O) => {
+          E.current.handleWheel(O.deltaX, O.deltaY);
         },
-        onKeyDown: (R) => E.current.handleKeyDown(R.nativeEvent),
-        onKeyUp: (R) => E.current.handleKeyUp(R.nativeEvent),
-        onContextMenu: (R) => R.preventDefault(),
+        onKeyDown: (O) => E.current.handleKeyDown(O.nativeEvent),
+        onKeyUp: (O) => E.current.handleKeyUp(O.nativeEvent),
+        onContextMenu: (O) => O.preventDefault(),
         tabIndex: 0,
         style: {
           ...i,
@@ -6138,7 +6139,7 @@ const vi = ({ artboard: g, config: t }) => {
       ]
     }
   );
-}, fi = "6.3.36", hi = {
+}, fi = "6.3.37", hi = {
   version: fi
 }, Si = hi.version;
 export {