exodeui 6.3.43 → 6.3.44

package/dist/index.mjs

@@ -30,7 +30,7 @@ function Ps(g, t, i) {
 }
 const Ge = /* @__PURE__ */ new Map();
 function ps(g) {
-  var I;
+  var M;
   const {
     text: t,
     fontFamily: i = "Inter",
@@ -40,15 +40,15 @@ function ps(g) {
     lineHeight: n = 1.2,
     width: a = 200,
     letterSpacing: r = 0,
-    paragraphSpacing: l = 0,
+    paragraphSpacing: c = 0,
     paragraphIndent: f = 0,
     textCase: h = "none",
     segments: u = [],
-    enableSegments: c = !1
+    enableSegments: l = !1
   } = g;
   let d = String(t || "");
   h === "uppercase" ? d = d.toUpperCase() : h === "lowercase" ? d = d.toLowerCase() : h === "capitalize" && (d = d.replace(/\b\w/g, (k) => k.toUpperCase())), g.hyphenation === !0 && (d = Ts(d));
-  const p = `${s} ${e} ${o}px "${i}", sans-serif`, y = `${d}|${p}|${r}|${l}|${f}|${c}|${JSON.stringify(u)}|hyp:${!!g.hyphenation}|comp:${g.composer}|bal:${!!g.balanceRaggedLines}`;
+  const p = `${s} ${e} ${o}px "${i}", sans-serif`, y = `${d}|${p}|${r}|${c}|${f}|${l}|${JSON.stringify(u)}|hyp:${!!g.hyphenation}|comp:${g.composer}|bal:${!!g.balanceRaggedLines}`;
   let b = Ge.get(y);
   const m = typeof CanvasRenderingContext2D < "u" ? CanvasRenderingContext2D.prototype.measureText : null, v = function(k) {
     if (!m) return { width: 0, fontBoundingBoxAscent: 0, fontBoundingBoxDescent: 0 };
@@ -60,7 +60,7 @@ function ps(g) {
   };
   if (!b) {
     try {
-      if (r !== 0 && typeof CanvasRenderingContext2D < "u" && (CanvasRenderingContext2D.prototype.measureText = v), c && u && u.length > 0) {
+      if (r !== 0 && typeof CanvasRenderingContext2D < "u" && (CanvasRenderingContext2D.prototype.measureText = v), l && u && u.length > 0) {
         const k = u.map((T) => {
           let R = T.text || "";
           const P = T.textCase || h || "none";
@@ -135,21 +135,21 @@ function ps(g) {
   } finally {
     r !== 0 && m && (CanvasRenderingContext2D.prototype.measureText = m);
   }
-  let w = (C == null ? void 0 : C.height) !== void 0 && C.height > 0 ? C.height : (((I = C == null ? void 0 : C.lines) == null ? void 0 : I.length) || 0) * S * o;
-  if (l > 0 && C && C.lines && C.lines.length > 1) {
+  let w = (C == null ? void 0 : C.height) !== void 0 && C.height > 0 ? C.height : (((M = C == null ? void 0 : C.lines) == null ? void 0 : M.length) || 0) * S * o;
+  if (c > 0 && C && C.lines && C.lines.length > 1) {
     let k = 0;
     const T = b.fullText || t;
     for (let R = 0; R < C.lines.length - 1; R++)
       k += C.lines[R].text.length, (T[k] === `
-` || T[k] === "\r") && (w += l, k++, T[k - 1] === "\r" && T[k] === `
+` || T[k] === "\r") && (w += c, k++, T[k - 1] === "\r" && T[k] === `
 ` && k++);
   }
-  let M = (C == null ? void 0 : C.lines) || [];
-  return g.composer === "every-line" && M.length > 1 && (M = _s(M)), g.balanceRaggedLines === !0 && M.length > 1 && (M = Ps(M)), {
+  let I = (C == null ? void 0 : C.lines) || [];
+  return g.composer === "every-line" && I.length > 1 && (I = _s(I)), g.balanceRaggedLines === !0 && I.length > 1 && (I = Ps(I)), {
     width: a,
     height: w,
-    lineCount: M.length,
-    lines: M
+    lineCount: I.length,
+    lines: I
   };
 }
 function is(g, t, i) {
@@ -160,15 +160,15 @@ function is(g, t, i) {
   }
   const e = o.split(/\s+/).filter(Boolean), s = new Array(e.length).fill(0);
   let n = t - (e.length - 1) * i, a = 0;
-  if (e.forEach((r, l) => {
+  if (e.forEach((r, c) => {
     if (r.endsWith("px")) {
       const f = parseFloat(r);
-      s[l] = f, n -= f;
-    } else r.endsWith("fr") ? a += parseFloat(r) : r === "auto" && (s[l] = 100, n -= 100);
+      s[c] = f, n -= f;
+    } else r.endsWith("fr") ? a += parseFloat(r) : r === "auto" && (s[c] = 100, n -= 100);
   }), a > 0 && n > 0) {
     const r = n / a;
-    e.forEach((l, f) => {
-      l.endsWith("fr") && (s[f] = r * parseFloat(l));
+    e.forEach((c, f) => {
+      c.endsWith("fr") && (s[f] = r * parseFloat(c));
     });
   }
   return s;
@@ -183,7 +183,7 @@ function ns(g, t, i) {
 }
 function Es(g, t, i) {
   var _, E;
-  const o = g.autoLayout, { direction: e, spacing: s, padding: n, align: a, wrap: r } = o, l = e === "vertical", f = t.map((A) => {
+  const o = g.autoLayout, { direction: e, spacing: s, padding: n, align: a, wrap: r } = o, c = e === "vertical", f = t.map((A) => {
     const W = i(A.id), z = A.geometry;
     let Y = (W == null ? void 0 : W.width) ?? z.width ?? 100, G = (W == null ? void 0 : W.height) ?? z.height ?? 100;
     if (z.type === "Ellipse" || z.type === "Polygon" || z.type === "Star") {
@@ -210,47 +210,47 @@ function Es(g, t, i) {
     return Y *= A.transform.scale_x || 1, G *= A.transform.scale_y || 1, { id: A.id, w: Y, h: G, original: A };
   });
   let h = g.width, u = g.height;
-  const c = ((_ = g.layoutProps) == null ? void 0 : _.width) === "hug", d = ((E = g.layoutProps) == null ? void 0 : E.height) === "hug", p = [];
+  const l = ((_ = g.layoutProps) == null ? void 0 : _.width) === "hug", d = ((E = g.layoutProps) == null ? void 0 : E.height) === "hug", p = [];
   let y = [], b = 0, m = 0;
   const v = h - n.left - n.right, S = u - n.top - n.bottom;
   f.forEach((A) => {
-    r && y.length > 0 && (l ? m + s + A.h > S : b + s + A.w > v) ? (p.push({ children: y, width: b, height: m }), y = [A], b = A.w, m = A.h) : (y.push(A), l ? (b = Math.max(b, A.w), m += (y.length > 1 ? s : 0) + A.h) : (b += (y.length > 1 ? s : 0) + A.w, m = Math.max(m, A.h)));
-  }), y.length > 0 && p.push({ children: y, width: b, height: m }), c && !l && (h = Math.max(...p.map((A) => A.width), 0) + n.left + n.right), d && l && (u = Math.max(...p.map((A) => A.height), 0) + n.top + n.bottom);
+    r && y.length > 0 && (c ? m + s + A.h > S : b + s + A.w > v) ? (p.push({ children: y, width: b, height: m }), y = [A], b = A.w, m = A.h) : (y.push(A), c ? (b = Math.max(b, A.w), m += (y.length > 1 ? s : 0) + A.h) : (b += (y.length > 1 ? s : 0) + A.w, m = Math.max(m, A.h)));
+  }), y.length > 0 && p.push({ children: y, width: b, height: m }), l && !c && (h = Math.max(...p.map((A) => A.width), 0) + n.left + n.right), d && c && (u = Math.max(...p.map((A) => A.height), 0) + n.top + n.bottom);
   const C = [];
-  let w = n.left, M = n.top;
-  const I = a.toLowerCase(), k = I === "center" || I.endsWith("-center"), T = I.endsWith("-right"), R = I === "center" || I.startsWith("center-"), P = I.startsWith("bottom-");
+  let w = n.left, I = n.top;
+  const M = a.toLowerCase(), k = M === "center" || M.endsWith("-center"), T = M.endsWith("-right"), R = M === "center" || M.startsWith("center-"), P = M.startsWith("bottom-");
   return p.forEach((A) => {
-    let W = w, z = M;
-    l ? R ? z = n.top + (u - n.top - n.bottom - A.height) / 2 : P && (z = u - n.bottom - A.height) : k ? W = n.left + (h - n.left - n.right - A.width) / 2 : T && (W = h - n.right - A.width), A.children.forEach((Y) => {
+    let W = w, z = I;
+    c ? R ? z = n.top + (u - n.top - n.bottom - A.height) / 2 : P && (z = u - n.bottom - A.height) : k ? W = n.left + (h - n.left - n.right - A.width) / 2 : T && (W = h - n.right - A.width), A.children.forEach((Y) => {
       var F, j;
       let G = W, N = z;
-      l ? k ? G += (A.width - Y.w) / 2 : T && (G += A.width - Y.w) : R ? N += (A.height - Y.h) / 2 : P && (N += A.height - Y.h);
+      c ? k ? G += (A.width - Y.w) / 2 : T && (G += A.width - Y.w) : R ? N += (A.height - Y.h) / 2 : P && (N += A.height - Y.h);
       const J = ((F = Y.original.layoutProps) == null ? void 0 : F.width) === "fill", x = ((j = Y.original.layoutProps) == null ? void 0 : j.height) === "fill";
       C.push({
         id: Y.id,
         x: G + Y.w / 2 - h / 2,
         y: N + Y.h / 2 - u / 2,
-        width: J && l ? A.width : void 0,
-        height: x ? l ? void 0 : A.height : void 0
-      }), l ? z += Y.h + s : W += Y.w + s;
-    }), l ? w += A.width + s : M += A.height + s;
-  }), { frameWidth: c ? h : void 0, frameHeight: d ? u : void 0, childUpdates: C };
+        width: J && c ? A.width : void 0,
+        height: x ? c ? void 0 : A.height : void 0
+      }), c ? z += Y.h + s : W += Y.w + s;
+    }), c ? w += A.width + s : I += A.height + s;
+  }), { frameWidth: l ? h : void 0, frameHeight: d ? u : void 0, childUpdates: C };
 }
 function As(g, t, i) {
   const o = g.autoLayout;
   if (!o) return { childUpdates: [] };
-  const { gridColumns: e, gridRows: s, columnGap: n = 0, rowGap: a = 0, padding: r, align: l } = o;
+  const { gridColumns: e, gridRows: s, columnGap: n = 0, rowGap: a = 0, padding: r, align: c } = o;
   let f = g.width, h = g.height;
-  const u = f - r.left - r.right, c = h - r.top - r.bottom, d = is(e || "1fr", u, n), p = is(s || "auto", c, a), y = d.length > 0 ? d.reduce((T, R) => T + R, 0) + (d.length - 1) * n : 0, b = p.length > 0 ? p.reduce((T, R) => T + R, 0) + (p.length - 1) * a : 0, m = l.toLowerCase(), v = m === "center" || m.endsWith("-center"), S = m.endsWith("-right"), C = m === "center" || m.startsWith("center-"), w = m.startsWith("bottom-");
-  let M = 0, I = 0;
-  v ? M = (u - y) / 2 : S && (M = u - y), C ? I = (c - b) / 2 : w && (I = c - b);
+  const u = f - r.left - r.right, l = h - r.top - r.bottom, d = is(e || "1fr", u, n), p = is(s || "auto", l, a), y = d.length > 0 ? d.reduce((T, R) => T + R, 0) + (d.length - 1) * n : 0, b = p.length > 0 ? p.reduce((T, R) => T + R, 0) + (p.length - 1) * a : 0, m = c.toLowerCase(), v = m === "center" || m.endsWith("-center"), S = m.endsWith("-right"), C = m === "center" || m.startsWith("center-"), w = m.startsWith("bottom-");
+  let I = 0, M = 0;
+  v ? I = (u - y) / 2 : S && (I = u - y), C ? M = (l - b) / 2 : w && (M = l - b);
   const k = [];
   return t.forEach((T, R) => {
     var j, X;
     const P = R % d.length || 0, _ = Math.floor(R / d.length) || 0;
     _ >= p.length && p.push(100);
     const E = d[P], A = p[_];
-    let W = r.left + M + d.slice(0, P).reduce((tt, L) => tt + L + n, 0), z = r.top + I + p.slice(0, _).reduce((tt, L) => tt + L + a, 0);
+    let W = r.left + I + d.slice(0, P).reduce((tt, L) => tt + L + n, 0), z = r.top + M + p.slice(0, _).reduce((tt, L) => tt + L + 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") {
@@ -404,8 +404,8 @@ class xs {
     const e = new qt.Vector2(t.anchorA.x, t.anchorA.y), s = new qt.Vector2(t.anchorB.x, t.anchorB.y);
     let n;
     if (t.type === "Distance") {
-      const a = t.length ?? 100, r = t.stiffness ?? 100, l = t.damping ?? 10;
-      n = qt.JointData.spring(a, r, l, e, s);
+      const a = t.length ?? 100, r = t.stiffness ?? 100, c = t.damping ?? 10;
+      n = qt.JointData.spring(a, r, c, e, s);
     } else
       n = qt.JointData.revolute(e, s);
     try {
@@ -433,15 +433,15 @@ const gs = (g) => g, Rs = (g) => g > 0 ? 1 : 0, Ls = (g) => g < 1 ? 0 : 1, os =
   const s = (f) => (1 - 3 * i + 3 * g) * f * f * f + (3 * i - 6 * g) * f * f + 3 * g * f, n = (f) => (1 - 3 * o + 3 * t) * f * f * f + (3 * o - 6 * t) * f * f + 3 * t * f, a = (f) => 3 * (1 - 3 * i + 3 * g) * f * f + 2 * (3 * i - 6 * g) * f + 3 * g, r = (f) => {
     let h = f;
     for (let u = 0; u < 8; u++) {
-      const c = s(h) - f;
-      if (Math.abs(c) < 1e-6) return h;
+      const l = s(h) - f;
+      if (Math.abs(l) < 1e-6) return h;
       const d = a(h);
       if (Math.abs(d) < 1e-6) break;
-      h = h - c / d;
+      h = h - l / d;
     }
     return h;
-  }, l = (f) => f === 0 ? 0 : f === 1 ? 1 : n(r(f));
-  return es.set(e, l), l;
+  }, c = (f) => f === 0 ? 0 : f === 1 ? 1 : n(r(f));
+  return es.set(e, c), c;
 }, cs = (g) => {
   const t = g.match(/cubic-bezier\s*\(\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*,\s*([-?\d.]+)\s*\)/);
   if (!t) return null;
@@ -572,11 +572,11 @@ const gs = (g) => g, Rs = (g) => g > 0 ? 1 : 0, Ls = (g) => g < 1 ? 0 : 1, os =
   }
 }, li = (g, t, i, o, e) => {
   if (!g || !t || !i) return g;
-  const s = o.scale_x ?? 1, n = o.scale_y ?? 1, a = (r, l, f) => {
+  const s = o.scale_x ?? 1, n = o.scale_y ?? 1, a = (r, c, f) => {
     let h = 0, u = 0;
-    const c = o.rotation * Math.PI / 180, d = Math.cos(c), p = Math.sin(c), y = r * s * d - l * n * p + o.x, b = r * s * p + l * n * d + o.y;
-    f.forEach((I) => {
-      const k = e(I.boneId);
+    const l = o.rotation * Math.PI / 180, d = Math.cos(l), p = Math.sin(l), y = r * s * d - c * n * p + o.x, b = r * s * p + c * n * d + o.y;
+    f.forEach((M) => {
+      const k = e(M.boneId);
       if (!k) return;
       const T = {
         x: k.x,
@@ -584,17 +584,17 @@ const gs = (g) => g, Rs = (g) => g > 0 ? 1 : 0, Ls = (g) => g < 1 ? 0 : 1, os =
         rotation: k.rotation,
         scaleX: k.scale_x ?? 1,
         scaleY: k.scale_y ?? 1
-      }, R = i[I.boneId] || [1, 0, 0, 1, 0, 0], P = y * R[0] + b * R[2] + R[4], _ = y * R[1] + b * R[3] + R[5], E = T.rotation * Math.PI / 180, A = Math.cos(E), W = Math.sin(E), z = P * T.scaleX * A - _ * T.scaleY * W + T.x, Y = P * T.scaleX * W + _ * T.scaleY * A + T.y;
-      h += z * I.amount, u += Y * I.amount;
+      }, R = i[M.boneId] || [1, 0, 0, 1, 0, 0], P = y * R[0] + b * R[2] + R[4], _ = y * R[1] + b * R[3] + R[5], E = T.rotation * Math.PI / 180, A = Math.cos(E), W = Math.sin(E), z = P * T.scaleX * A - _ * T.scaleY * W + T.x, Y = P * T.scaleX * W + _ * T.scaleY * A + T.y;
+      h += z * M.amount, u += Y * M.amount;
     });
-    const m = [...f].sort((I, k) => k.amount - I.amount);
+    const m = [...f].sort((M, k) => k.amount - M.amount);
     if (m.length >= 2 && m[0].amount > 0 && m[1].amount > 0) {
-      const I = e(m[0].boneId), k = e(m[1].boneId);
-      if (I && k && I.length !== void 0 && k.length !== void 0) {
-        const T = I.length * (I.scale_y ?? 1), R = I.rotation * Math.PI / 180, P = I.x - T * Math.sin(R), _ = I.y + T * Math.cos(R), E = k.length * (k.scale_y ?? 1), A = k.rotation * Math.PI / 180, W = k.x - E * Math.sin(A), z = k.y + E * Math.cos(A);
+      const M = e(m[0].boneId), k = e(m[1].boneId);
+      if (M && k && M.length !== void 0 && k.length !== void 0) {
+        const T = M.length * (M.scale_y ?? 1), R = M.rotation * Math.PI / 180, P = M.x - T * Math.sin(R), _ = M.y + T * Math.cos(R), E = k.length * (k.scale_y ?? 1), A = k.rotation * Math.PI / 180, W = k.x - E * Math.sin(A), z = k.y + E * Math.cos(A);
         let Y = null, G = null, N = !1;
         const J = 1;
-        if (Math.hypot(I.x - k.x, I.y - k.y) < J || Math.hypot(I.x - W, I.y - z) < J ? (Y = I.x, G = I.y) : (Math.hypot(P - k.x, _ - k.y) < J || Math.hypot(P - W, _ - z) < J) && (Y = P, G = _, N = !0), Y !== null && G !== null) {
+        if (Math.hypot(M.x - k.x, M.y - k.y) < J || Math.hypot(M.x - W, M.y - z) < J ? (Y = M.x, G = M.y) : (Math.hypot(P - k.x, _ - k.y) < J || Math.hypot(P - W, _ - z) < J) && (Y = P, G = _, N = !0), Y !== null && G !== null) {
           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) {
@@ -602,7 +602,7 @@ const gs = (g) => g, Rs = (g) => g > 0 ? 1 : 0, Ls = (g) => g < 1 ? 0 : 1, os =
             if (!N)
               j = tt, X = L;
             else {
-              const ot = -x[2] / F, yt = x[0] / F, bt = Math.hypot(ot, yt), gt = I.length * bt;
+              const ot = -x[2] / F, yt = x[0] / F, bt = Math.hypot(ot, yt), gt = M.length * bt;
               j = tt - gt * Math.sin(O), X = L + gt * Math.cos(O);
             }
             const D = Math.hypot(y - j, b - X), q = Math.hypot(h - Y, u - G);
@@ -614,14 +614,14 @@ const gs = (g) => g, Rs = (g) => g > 0 ? 1 : 0, Ls = (g) => g < 1 ? 0 : 1, os =
         }
       }
     }
-    const v = o.rotation * Math.PI / 180, S = Math.cos(v), C = Math.sin(v), w = h - o.x, M = u - o.y;
+    const v = o.rotation * Math.PI / 180, S = Math.cos(v), C = Math.sin(v), w = h - o.x, I = u - o.y;
     return {
-      x: (w * S + M * C) / s,
-      y: (-w * C + M * S) / n
+      x: (w * S + I * C) / s,
+      y: (-w * C + I * S) / n
     };
   };
-  return g.map((r, l) => {
-    const f = t[l];
+  return g.map((r, c) => {
+    const f = t[c];
     if (!f || f.length === 0) return { ...r };
     const h = { ...r, ...a(r.x, r.y, f) };
     if (r.in_x !== void 0 && r.in_y !== void 0) {
@@ -909,9 +909,9 @@ class ci {
   }
   svgPathToPoints(t) {
     const i = /([MLHVCSQTAZmlhvcsqtaz])([^MLHVCSQTAZmlhvcsqtaz]*)/g, o = /[-+]?(?:\d*\.\d+|\d+)(?:[eE][-+]?\d+)?/g, e = [];
-    let s = !1, n = 0, a = 0, r = 0, l = 0, f = 0, h = 0, u;
+    let s = !1, n = 0, a = 0, r = 0, c = 0, f = 0, h = 0, u;
     for (; (u = i.exec(t)) !== null; ) {
-      const c = u[1], d = (u[2].match(o) || []).map(parseFloat), p = c === c.toLowerCase(), y = c.toUpperCase();
+      const l = u[1], d = (u[2].match(o) || []).map(parseFloat), p = l === l.toLowerCase(), y = l.toUpperCase();
       let b = 0;
       const m = (S) => {
         let C = d[b++];
@@ -944,20 +944,20 @@ class ci {
           for (; b < d.length; ) {
             const S = v(), C = v(), w = v();
             if (e.length > 0) {
-              const M = e[e.length - 1];
-              M.out_x = S.x, M.out_y = S.y;
+              const I = e[e.length - 1];
+              I.out_x = S.x, I.out_y = S.y;
             }
-            n = w.x, a = w.y, e.push({ x: n, y: a, in_x: C.x, in_y: C.y, out_x: n, out_y: a }), r = C.x, l = C.y;
+            n = w.x, a = w.y, e.push({ x: n, y: a, in_x: C.x, in_y: C.y, out_x: n, out_y: a }), r = C.x, c = C.y;
           }
           break;
         case "S":
           for (; b < d.length; ) {
-            const S = { x: 2 * n - r, y: 2 * a - l }, C = v(), w = v();
+            const S = { x: 2 * n - r, y: 2 * a - c }, C = v(), w = v();
             if (e.length > 0) {
-              const M = e[e.length - 1];
-              M.out_x = S.x, M.out_y = S.y;
+              const I = e[e.length - 1];
+              I.out_x = S.x, I.out_y = S.y;
             }
-            n = w.x, a = w.y, e.push({ x: n, y: a, in_x: C.x, in_y: C.y, out_x: n, out_y: a }), r = C.x, l = C.y;
+            n = w.x, a = w.y, e.push({ x: n, y: a, in_x: C.x, in_y: C.y, out_x: n, out_y: a }), r = C.x, c = C.y;
           }
           break;
         case "Q":
@@ -967,17 +967,17 @@ class ci {
               const w = e[e.length - 1];
               w.out_x = w.x + 2 / 3 * (S.x - w.x), w.out_y = w.y + 2 / 3 * (S.y - w.y);
             }
-            n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (S.x - n), in_y: a + 2 / 3 * (S.y - a), out_x: n, out_y: a }), r = S.x, l = S.y;
+            n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (S.x - n), in_y: a + 2 / 3 * (S.y - a), out_x: n, out_y: a }), r = S.x, c = S.y;
           }
           break;
         case "T":
           for (; b < d.length; ) {
-            const S = { x: 2 * n - r, y: 2 * a - l }, C = v();
+            const S = { x: 2 * n - r, y: 2 * a - c }, C = v();
             if (e.length > 0) {
               const w = e[e.length - 1];
               w.out_x = w.x + 2 / 3 * (S.x - w.x), w.out_y = w.y + 2 / 3 * (S.y - w.y);
             }
-            n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (S.x - n), in_y: a + 2 / 3 * (S.y - a), out_x: n, out_y: a }), r = S.x, l = S.y;
+            n = C.x, a = C.y, e.push({ x: n, y: a, in_x: n + 2 / 3 * (S.x - n), in_y: a + 2 / 3 * (S.y - a), out_x: n, out_y: a }), r = S.x, c = S.y;
           }
           break;
         case "Z":
@@ -1064,20 +1064,20 @@ class ci {
     if (!t) return;
     let i = this.decompressStrings(t);
     const o = [], e = /* @__PURE__ */ new Set(), s = (r) => {
-      r && r.forEach((l) => {
-        if (e.has(l.id)) return;
-        const f = { ...l }, h = f.childrenObjects || [];
+      r && r.forEach((c) => {
+        if (e.has(c.id)) return;
+        const f = { ...c }, h = f.childrenObjects || [];
         e.add(f.id), o.push(f), s(h);
       });
     };
     if (s(i.objects || []), o.length > (i.objects || []).length && this.log(`[Engine] Flattened artboard from ${(i.objects || []).length} to ${o.length} objects.`), i.objects = o, this.artboard = i, this.currentTime = 0, this.objectStates.clear(), this.log(`[ExodeUIEngine] Loading artboard: "${(n = this.artboard) == null ? void 0 : n.name}" with ${(a = this.artboard) == null ? void 0 : a.objects.length} objects`), this.artboard && this.artboard.objects) {
       const r = /* @__PURE__ */ new Map();
-      this.artboard.objects.forEach((l) => {
-        r.set(l.id, l), l.children || (l.children = []);
-      }), this.artboard.objects.forEach((l) => {
-        if (l.parentId) {
-          const f = r.get(l.parentId);
-          f && (f.children || (f.children = []), f.children.includes(l.id) || f.children.push(l.id));
+      this.artboard.objects.forEach((c) => {
+        r.set(c.id, c), c.children || (c.children = []);
+      }), this.artboard.objects.forEach((c) => {
+        if (c.parentId) {
+          const f = r.get(c.parentId);
+          f && (f.children || (f.children = []), f.children.includes(c.id) || f.children.push(c.id));
         }
       });
     }
@@ -1127,8 +1127,8 @@ class ci {
   reset() {
     if (!this.artboard) return;
     if (this.objectStates.clear(), this.objectVelocities.clear(), this.currentTime = 0, this.inputs.clear(), this.inputNameMap.clear(), this.layerStates.clear(), this.logicNodeValues.clear(), this.justFiredTriggers.clear(), this.inputs.set("mouseX", 0), this.inputs.set("mouseY", 0), this.inputs.set("scrollX", 0), this.inputs.set("scrollY", 0), this.inputs.set("isMouseDown", !1), this.physicsEngine && (this.physicsEngine.destroy(), this.physicsEngine = null), this._layoutAnimCache.clear(), this._springChainState.clear(), this._emitterPools.clear(), this.artboard.objects.forEach((i) => {
-      var n, a, r, l, f, h, u;
-      const o = i.width ?? ((n = i.geometry) == null ? void 0 : n.width) ?? 0, e = i.height ?? ((a = i.geometry) == null ? void 0 : a.height) ?? 0, s = i.cornerRadius ?? i.corner_radius ?? ((r = i.geometry) == null ? void 0 : r.corner_radius) ?? ((l = i.geometry) == null ? void 0 : l.cornerRadius) ?? 0;
+      var n, a, r, c, f, h, u;
+      const o = i.width ?? ((n = i.geometry) == null ? void 0 : n.width) ?? 0, e = i.height ?? ((a = i.geometry) == null ? void 0 : a.height) ?? 0, s = i.cornerRadius ?? i.corner_radius ?? ((r = i.geometry) == null ? void 0 : r.corner_radius) ?? ((c = i.geometry) == null ? void 0 : c.cornerRadius) ?? 0;
       this.objectStates.set(i.id, {
         ...i.transform || {},
         x: ((f = i.transform) == null ? void 0 : f.x) ?? i.x ?? 0,
@@ -1168,14 +1168,14 @@ class ci {
           if ((s = e.physics) != null && s.enabled && e.type === "Shape") {
             const a = this.objectStates.get(e.id);
             if (!a) return;
-            const r = e.geometry.width || 100, l = e.geometry.height || 100;
+            const r = e.geometry.width || 100, c = e.geometry.height || 100;
             this.physicsEngine.createBody({
               id: e.id,
               type: ((n = e.geometry) == null ? void 0 : n.type) || "Rectangle",
               x: a.x,
               y: a.y,
               width: r,
-              height: l,
+              height: c,
               rotation: a.rotation * (Math.PI / 180),
               // Convert deg to rad
               isStatic: e.physics.bodyType === "Static",
@@ -1212,8 +1212,8 @@ class ci {
       n.forEach((a) => {
         const r = this.objectStates.get(a.id);
         if (r) {
-          const l = Math.abs(r.x - a.x), f = Math.abs(r.y - a.y);
-          !t && (l > 20 || f > 20) ? (r.x += (a.x - r.x) * o, r.y += (a.y - r.y) * o) : (r.x = a.x, r.y = a.y), a.width !== void 0 && (r.width = a.width), a.height !== void 0 && (r.height = a.height);
+          const c = Math.abs(r.x - a.x), f = Math.abs(r.y - a.y);
+          !t && (c > 20 || f > 20) ? (r.x += (a.x - r.x) * o, r.y += (a.y - r.y) * o) : (r.x = a.x, r.y = a.y), a.width !== void 0 && (r.width = a.width), a.height !== void 0 && (r.height = a.height);
         }
       });
     };
@@ -1224,10 +1224,10 @@ class ci {
     this.artboard.objects.forEach((n) => {
       var a;
       if (n.type === "Frame" && ((a = n.autoLayout) != null && a.enabled) && n.children && n.children.length > 0) {
-        const r = n.children.map((h) => i.get(h)).filter((h) => !!h), l = this.objectStates.get(n.id);
-        if (!l) return;
-        const f = ns(l, r, (h) => this.objectStates.get(h));
-        f.frameWidth !== void 0 && (l.width = f.frameWidth), f.frameHeight !== void 0 && (l.height = f.frameHeight), e(f.childUpdates);
+        const r = n.children.map((h) => i.get(h)).filter((h) => !!h), c = this.objectStates.get(n.id);
+        if (!c) return;
+        const f = ns(c, r, (h) => this.objectStates.get(h));
+        f.frameWidth !== void 0 && (c.width = f.frameWidth), f.frameHeight !== void 0 && (c.height = f.frameHeight), e(f.childUpdates);
       }
     });
   }
@@ -1278,21 +1278,21 @@ class ci {
       const a = this.activeStateMachine.layers.find((r) => r.name === t);
       if (a)
         for (const r of i) {
-          const l = a.states.find((f) => f.id === r);
-          if (l)
-            if (l.isBlendState && l.blendAnimations && l.blendAnimations.length > 0)
-              e.push({ animation: null, state: l }), l.blendAnimations.forEach((f) => {
+          const c = a.states.find((f) => f.id === r);
+          if (c)
+            if (c.isBlendState && c.blendAnimations && c.blendAnimations.length > 0)
+              e.push({ animation: null, state: c }), c.blendAnimations.forEach((f) => {
                 const h = this.artboard.animations.find((u) => u.id === f.animationId);
                 h && (s = Math.max(s, h.duration));
               });
             else {
               let f = null;
-              l.animationId && (f = this.artboard.animations.find((h) => h.id === l.animationId) || null), f || (f = this.artboard.animations.find(
+              c.animationId && (f = this.artboard.animations.find((h) => h.id === c.animationId) || null), f || (f = this.artboard.animations.find(
                 (h) => {
-                  var u, c;
-                  return h.name === l.name || h.id === l.name || (l.name === "Entry" || l.id === "entry") && (((u = h.name) == null ? void 0 : u.toLowerCase()) === "onload" || ((c = h.name) == null ? void 0 : c.toLowerCase()) === "intro");
+                  var u, l;
+                  return h.name === c.name || h.id === c.name || (c.name === "Entry" || c.id === "entry") && (((u = h.name) == null ? void 0 : u.toLowerCase()) === "onload" || ((l = h.name) == null ? void 0 : l.toLowerCase()) === "intro");
                 }
-              ) || null), f && ((n = this.artboard.animationFlow) != null && n.some((u) => (u.trigger === "on_load" || u.trigger === "after_delay") && u.targetAnimationId === (f == null ? void 0 : f.id)) || (e.push({ animation: f, state: l }), s = Math.max(s, f.duration)));
+              ) || null), f && ((n = this.artboard.animationFlow) != null && n.some((u) => (u.trigger === "on_load" || u.trigger === "after_delay") && u.targetAnimationId === (f == null ? void 0 : f.id)) || (e.push({ animation: f, state: c }), s = Math.max(s, f.duration)));
             }
         }
     }
@@ -1338,22 +1338,22 @@ class ci {
     var n, a, r;
     let o;
     if (this.inputs.has(t)) {
-      const l = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((f) => f.id === t);
-      l && typeof l.value == "object" && (o = l.value.type);
+      const c = (n = this.activeStateMachine) == null ? void 0 : n.inputs.find((f) => f.id === t);
+      c && typeof c.value == "object" && (o = c.value.type);
     } else {
-      const l = this.inputNameMap.get(t);
-      if (l && l.length > 0) {
-        const f = (a = this.activeStateMachine) == null ? void 0 : a.inputs.find((h) => h.id === l[0]);
+      const c = this.inputNameMap.get(t);
+      if (c && c.length > 0) {
+        const f = (a = this.activeStateMachine) == null ? void 0 : a.inputs.find((h) => h.id === c[0]);
         f && typeof f.value == "object" && (o = f.value.type);
       }
     }
     let e = i;
     o === "Trigger" && (i === 1 ? e = !0 : i === 0 && (e = !1)), this.inputs.has(t) && this.setInternalInput(t, e);
     const s = this.inputNameMap.get(t);
-    s && s.forEach((l) => this.setInternalInput(l, e)), o === "Trigger" && e === !0 && (this.justFiredTriggers.add(t), s && s.forEach((l) => this.justFiredTriggers.add(l))), Array.isArray(e) && ((r = this.artboard) == null || r.objects.forEach((l) => {
-      if (l.inputId === t || l.name === t) {
-        const f = this.objectStates.get(l.id);
-        f && f.options && (l.type === "ListView" || l.variant === "listview" ? f.options.items = e : (l.type === "Dropdown" || l.variant === "dropdown") && (f.options.optionsList = e));
+    s && s.forEach((c) => this.setInternalInput(c, e)), o === "Trigger" && e === !0 && (this.justFiredTriggers.add(t), s && s.forEach((c) => this.justFiredTriggers.add(c))), Array.isArray(e) && ((r = this.artboard) == null || r.objects.forEach((c) => {
+      if (c.inputId === t || c.name === t) {
+        const f = this.objectStates.get(c.id);
+        f && f.options && (c.type === "ListView" || c.variant === "listview" ? f.options.items = e : (c.type === "Dropdown" || c.variant === "dropdown") && (f.options.optionsList = e));
       }
     })), this.evaluateTransitions(), this.evaluateVariableTriggers(t, e);
   }
@@ -1363,40 +1363,40 @@ class ci {
     o.forEach((s) => {
       if (s.trigger === "variable" && s.conditionVariableId && s.targetAnimationId && (s.conditionVariableId === t || e && e.includes(s.conditionVariableId))) {
         const a = s.conditionOperator || "IsTrue", r = s.conditionValue;
-        let l = !1;
+        let c = !1;
         switch (a) {
           case "Equal":
           case "==":
-            l = i == r;
+            c = i == r;
             break;
           case "NotEqual":
           case "!=":
-            l = i != r;
+            c = i != r;
             break;
           case "GreaterThan":
           case ">":
-            l = i > r;
+            c = i > r;
             break;
           case "LessThan":
           case "<":
-            l = i < r;
+            c = i < r;
             break;
           case "GreaterEqual":
           case ">=":
-            l = i >= r;
+            c = i >= r;
             break;
           case "LessEqual":
           case "<=":
-            l = i <= r;
+            c = i <= r;
             break;
           case "IsTrue":
-            l = !!i;
+            c = !!i;
             break;
           case "IsFalse":
-            l = !i;
+            c = !i;
             break;
         }
-        if (l) {
+        if (c) {
           const f = s.delay || 0;
           f <= 0 ? this.triggerGlobalAnimation(s.targetAnimationId, s.subAnimationIds, s.loop, s.id) : setTimeout(() => this.triggerGlobalAnimation(s.targetAnimationId, s.subAnimationIds, s.loop, s.id), f);
         }
@@ -1421,7 +1421,7 @@ class ci {
         const s = this.findGlobalTransition(t, i.currentStateIds);
         s && (o.length = 0, o.push(s.targetStateId), e = !0, s.conditions && (s.conditions || []).forEach((n) => {
           var r;
-          const a = (r = this.activeStateMachine) == null ? void 0 : r.inputs.find((l) => l.id === n.inputId);
+          const a = (r = this.activeStateMachine) == null ? void 0 : r.inputs.find((c) => c.id === n.inputId);
           a && typeof a.value == "object" && a.value.type === "Trigger" && this.setInternalInput(n.inputId, !1);
         }));
       }
@@ -1498,29 +1498,29 @@ class ci {
     });
   }
   evaluateLogicTree(t, i = null, o = /* @__PURE__ */ new Set()) {
-    var a, r, l, f, h, u;
+    var a, r, c, f, h, u;
     if (o.has(t))
       return this.inputs.get(t) ?? this.logicNodeValues.get(t) ?? 0;
     o.add(t);
-    const e = (r = (a = this.activeStateMachine) == null ? void 0 : a.logicNodes) == null ? void 0 : r.find((c) => c.id === t);
+    const e = (r = (a = this.activeStateMachine) == null ? void 0 : a.logicNodes) == null ? void 0 : r.find((l) => l.id === t);
     if (e) {
-      const c = (p, y) => {
+      const l = (p, y) => {
         const b = e.inputs.find((m) => m.id === p);
         return b ? b.sourceId ? this.evaluateLogicTree(b.sourceId, b.sourceHandleId, o) : b.value !== void 0 ? b.value : y : y;
       };
       let d = 0;
       switch (e.op) {
         case wt.AND:
-          d = c("a", !1) && c("b", !1);
+          d = l("a", !1) && l("b", !1);
           break;
         case wt.OR:
-          d = c("a", !1) || c("b", !1);
+          d = l("a", !1) || l("b", !1);
           break;
         case wt.NOT:
-          d = !c("in", !1);
+          d = !l("in", !1);
           break;
         case wt.XOR:
-          d = !!c("a", !1) != !!c("b", !1);
+          d = !!l("a", !1) != !!l("b", !1);
           break;
         // Object & Property
         case wt.OBJECT:
@@ -1528,7 +1528,7 @@ class ci {
           break;
         case wt.PROPERTY:
         case wt.GET_PROPERTY: {
-          const p = c("id", "");
+          const p = l("id", "");
           if (!p) {
             d = 0;
             break;
@@ -1547,7 +1547,7 @@ class ci {
           break;
         }
         case wt.SET_PROPERTY: {
-          const p = c("id", ""), y = c("value", void 0);
+          const p = l("id", ""), y = l("value", void 0);
           if (!p || y === void 0) {
             d = 0;
             break;
@@ -1567,9 +1567,9 @@ class ci {
           else {
             const S = b.split(".");
             let C = m;
-            for (let M = 0; M < S.length - 1; M++) {
-              const I = S[M];
-              C[I] === void 0 && (C[I] = {}), C = C[I];
+            for (let I = 0; I < S.length - 1; I++) {
+              const M = S[I];
+              C[M] === void 0 && (C[M] = {}), C = C[M];
             }
             const w = S[S.length - 1];
             C[w] = y, d = y;
@@ -1578,78 +1578,78 @@ class ci {
         }
         // Math
         case wt.ADD:
-          d = c("a", 0) + c("b", 0);
+          d = l("a", 0) + l("b", 0);
           break;
         case wt.SUB:
-          d = c("a", 0) - c("b", 0);
+          d = l("a", 0) - l("b", 0);
           break;
         case wt.MUL:
-          d = c("a", 0) * c("b", 0);
+          d = l("a", 0) * l("b", 0);
           break;
         case wt.DIV: {
-          const p = c("b", 1);
-          d = p === 0 ? 0 : c("a", 0) / p;
+          const p = l("b", 1);
+          d = p === 0 ? 0 : l("a", 0) / p;
           break;
         }
         case wt.MOD:
-          d = c("a", 0) % c("b", 1);
+          d = l("a", 0) % l("b", 1);
           break;
         case wt.POW:
-          d = Math.pow(c("a", 0), c("b", 1));
+          d = Math.pow(l("a", 0), l("b", 1));
           break;
         case wt.ABS:
-          d = Math.abs(c("in", 0));
+          d = Math.abs(l("in", 0));
           break;
         case wt.ROUND:
-          d = Math.round(c("in", 0));
+          d = Math.round(l("in", 0));
           break;
         case wt.FLOOR:
-          d = Math.floor(c("in", 0));
+          d = Math.floor(l("in", 0));
           break;
         case wt.CEIL:
-          d = Math.ceil(c("in", 0));
+          d = Math.ceil(l("in", 0));
           break;
         case wt.SIN:
-          d = Math.sin(c("in", 0));
+          d = Math.sin(l("in", 0));
           break;
         case wt.COS:
-          d = Math.cos(c("in", 0));
+          d = Math.cos(l("in", 0));
           break;
         case wt.TAN:
-          d = Math.tan(c("in", 0));
+          d = Math.tan(l("in", 0));
           break;
         case wt.CLAMP: {
-          const p = c("in", 0), y = c("min", 0), b = c("max", 1);
+          const p = l("in", 0), y = l("min", 0), b = l("max", 1);
           d = Math.max(y, Math.min(b, p));
           break;
         }
         case wt.REMAP: {
-          const p = c("in", 0), y = c("inMin", 0), b = c("inMax", 100), m = c("outMin", 0), v = c("outMax", 1);
+          const p = l("in", 0), y = l("inMin", 0), b = l("inMax", 100), m = l("outMin", 0), v = l("outMax", 1);
           d = b === y ? m : m + (p - y) * (v - m) / (b - y);
           break;
         }
         // Comparison
         case wt.EQ:
-          d = c("a", 0) == c("b", 0);
+          d = l("a", 0) == l("b", 0);
           break;
         case wt.NEQ:
-          d = c("a", 0) != c("b", 0);
+          d = l("a", 0) != l("b", 0);
           break;
         case wt.GT:
-          d = c("a", 0) > c("b", 0);
+          d = l("a", 0) > l("b", 0);
           break;
         case wt.LT:
-          d = c("a", 0) < c("b", 0);
+          d = l("a", 0) < l("b", 0);
           break;
         case wt.GTE:
-          d = c("a", 0) >= c("b", 0);
+          d = l("a", 0) >= l("b", 0);
           break;
         case wt.LTE:
-          d = c("a", 0) <= c("b", 0);
+          d = l("a", 0) <= l("b", 0);
           break;
         // Control Flow & Utils
         case wt.IF_ELSE:
-          d = c("cond", !1) ? c("then", 0) : c("else", 0);
+          d = l("cond", !1) ? l("then", 0) : l("else", 0);
           break;
         case wt.VALUE:
           d = e.value !== void 0 ? e.value : 0;
@@ -1658,7 +1658,7 @@ class ci {
           d = this.inputs.get(e.name) ?? 0;
           break;
         case wt.LOG: {
-          const p = c("in", "");
+          const p = l("in", "");
           this.debugLog(`[User Logic] ${p}`), d = p;
           break;
         }
@@ -1678,7 +1678,7 @@ class ci {
           d = this.inputs.get("isMouseDown") ?? !1;
           break;
         case wt.EFFECTOR: {
-          const p = c("id", ""), y = c("intensity", 1), b = c("trigger", !0);
+          const p = l("id", ""), y = l("intensity", 1), b = l("trigger", !0);
           if (!p || !b) {
             d = 0;
             break;
@@ -1703,38 +1703,38 @@ class ci {
           break;
         }
         case wt.MONITOR: {
-          d = c("in", 0);
+          d = l("in", 0);
           break;
         }
         case wt.SPRING_PULL: {
-          const p = c("objectId", ""), y = c("forceX", 0), b = c("forceY", 0);
-          p && ((l = this.artboard) == null || l.objects.forEach((m) => {
+          const p = l("objectId", ""), y = l("forceX", 0), b = l("forceY", 0);
+          p && ((c = this.artboard) == null || c.objects.forEach((m) => {
             m.behaviors && m.behaviors.forEach((v) => {
               var S;
               if (v.type === U.SpringChain && ((S = v.settings) != null && S.connections) && (v.settings.connections.some((w) => w.targetId === p) || m.id === p)) {
                 this._springChainState.has(m.id) || this._springChainState.set(m.id, /* @__PURE__ */ new Map());
                 const w = this._springChainState.get(m.id);
                 if (!w.has(p)) {
-                  const I = this.objectStates.get(p);
+                  const M = this.objectStates.get(p);
                   w.set(p, {
-                    x: (I == null ? void 0 : I.x) ?? 0,
-                    y: (I == null ? void 0 : I.y) ?? 0,
+                    x: (M == null ? void 0 : M.x) ?? 0,
+                    y: (M == null ? void 0 : M.y) ?? 0,
                     vx: 0,
                     vy: 0
                   });
                 }
-                const M = w.get(p);
-                M && (M.vx += y, M.vy += b);
+                const I = w.get(p);
+                I && (I.vx += y, I.vy += b);
               }
             });
           })), d = 1;
           break;
         }
         case wt.SPRING_SETTLE: {
-          const p = c("objectId", "");
+          const p = l("objectId", "");
           let y = !0;
           if (p) {
-            const b = c("threshold", 1);
+            const b = l("threshold", 1);
             this._springChainState.forEach((m) => {
               const v = m.get(p);
               v && (Math.abs(v.vx) > b || Math.abs(v.vy) > b) && (y = !1);
@@ -1744,7 +1744,7 @@ class ci {
           break;
         }
         case wt.EMIT: {
-          const p = c("objectId", ""), y = c("count", 20);
+          const p = l("objectId", ""), y = l("count", 20);
           p && ((f = this.artboard) == null || f.objects.forEach((b) => {
             b.behaviors && b.behaviors.forEach((m) => {
               m.type === U.ParticleEmitter && b.id === p && (m._pendingBurst = (m._pendingBurst || 0) + y);
@@ -1757,7 +1757,7 @@ class ci {
           break;
       }
       if (this.logicNodeValues.set(t, d), e.op === wt.DELAY) {
-        const p = c("delay", 0), y = c("in", 0);
+        const p = l("delay", 0), y = l("in", 0);
         let b = this.logicNodeState.get(t);
         for (b || (b = { queue: [] }, this.logicNodeState.set(t, b)), b.queue.push({ time: this.currentTime + p, value: y }); b.queue.length > 0 && b.queue[0].time <= this.currentTime; )
           b.lastValue = b.queue.shift().value;
@@ -1765,16 +1765,16 @@ class ci {
       }
       return d;
     }
-    const s = (h = this.activeStateMachine) == null ? void 0 : h.inputs.find((c) => c.id === t || c.name === t);
+    const s = (h = this.activeStateMachine) == null ? void 0 : h.inputs.find((l) => l.id === t || l.name === t);
     if (s && s.sourceId && !o.has(s.sourceId)) {
-      const c = this.evaluateLogicTree(s.sourceId, s.sourceHandleId, o);
-      return this.inputs.set(s.id, c), c;
+      const l = this.evaluateLogicTree(s.sourceId, s.sourceHandleId, o);
+      return this.inputs.set(s.id, l), l;
     }
     let n = this.inputs.get(t) ?? (s ? this.inputs.get(s.id) : void 0);
     if ((this.justFiredTriggers.has(t) || s && this.justFiredTriggers.has(s.id)) && (n = !0), i && n !== void 0) {
-      const c = (u = this.activeStateMachine) == null ? void 0 : u.inputs.find((d) => d.id === t);
-      if (c && c.value.type === "Number" && typeof n == "number") {
-        const d = c.value.defaultValue ?? c.value.value;
+      const l = (u = this.activeStateMachine) == null ? void 0 : u.inputs.find((d) => d.id === t);
+      if (l && l.value.type === "Number" && typeof n == "number") {
+        const d = l.value.defaultValue ?? l.value.value;
         if (i === "source-greater") return n > d;
         if (i === "source-less") return n < d;
         if (i === "source-equal") return n === d;
@@ -1841,13 +1841,13 @@ class ci {
     }), i.forEach((o) => {
       this.layerStates.delete(o), this.debugLog(`[Engine] Cleaned up completed global layer: ${o}`);
     }), this.solveConstraints(t), this.solveBehaviors(t), this.activeTriggers.forEach((o, e) => {
-      var s, n, a, r, l, f, h;
+      var s, n, a, r, c, f, h;
       if (o.phase === "entry")
         o.time += t, o.time >= o.animation.duration && ((a = (n = (s = this.artboard) == null ? void 0 : s.objects.find((u) => u.id === e)) == null ? void 0 : n.triggers) == null || a.find((u) => u.id === o.triggerId), o.phase = "hold", o.elapsedHold = 0, o.time = o.animation.duration), this.applyAnimation(o.animation, o.time, o.filterObjectIds || o.filterObjectId || void 0);
       else if (o.phase === "hold") {
-        const u = (f = (l = (r = this.artboard) == null ? void 0 : r.objects.find((p) => p.id === e)) == null ? void 0 : l.triggers) == null ? void 0 : f.find((p) => p.id === o.triggerId), c = (u == null ? void 0 : u.duration) || 0;
+        const u = (f = (c = (r = this.artboard) == null ? void 0 : r.objects.find((p) => p.id === e)) == null ? void 0 : c.triggers) == null ? void 0 : f.find((p) => p.id === o.triggerId), l = (u == null ? void 0 : u.duration) || 0;
         o.elapsedHold += t * 1e3;
-        let d = o.elapsedHold >= c;
+        let d = o.elapsedHold >= l;
         if ((u == null ? void 0 : u.eventType) === "hover" && !this.activeHoverIds.has(e) && (d = !0), ((u == null ? void 0 : u.eventType) === "onHold" || (u == null ? void 0 : u.eventType) === "pointerDown") && !this.isMouseDown && (d = !0), d)
           if (u != null && u.exitAnimationId) {
             const p = (h = this.artboard) == null ? void 0 : h.animations.find((y) => y.id === u.exitAnimationId);
@@ -1864,8 +1864,8 @@ class ci {
       if (o && o.isEnabled && o.triggerType === "visible") {
         const a = this.objectStates.get(i.id);
         if (a && a.visible !== !1) {
-          const r = this.getGlobalTransform(i.id), l = (((s = i.geometry) == null ? void 0 : s.width) || 100) * (r.scale_x || 1), f = (((n = i.geometry) == null ? void 0 : n.height) || 100) * (r.scale_y || 1), h = 50, u = r.x + l / 2 >= -this.canvasWidth / 2 - h && r.x - l / 2 <= this.canvasWidth / 2 + h && r.y + f / 2 >= -this.canvasHeight / 2 - h && r.y - f / 2 <= this.canvasHeight / 2 + h, c = `analytics_${i.id}`, d = this.wasInView.has(c);
-          u && !d && this.fireAnalyticsEvent(i.id, "visible"), u ? this.wasInView.add(c) : this.wasInView.delete(c);
+          const r = this.getGlobalTransform(i.id), c = (((s = i.geometry) == null ? void 0 : s.width) || 100) * (r.scale_x || 1), f = (((n = i.geometry) == null ? void 0 : n.height) || 100) * (r.scale_y || 1), h = 50, u = r.x + c / 2 >= -this.canvasWidth / 2 - h && r.x - c / 2 <= this.canvasWidth / 2 + h && r.y + f / 2 >= -this.canvasHeight / 2 - h && r.y - f / 2 <= this.canvasHeight / 2 + h, l = `analytics_${i.id}`, d = this.wasInView.has(l);
+          u && !d && this.fireAnalyticsEvent(i.id, "visible"), u ? this.wasInView.add(l) : this.wasInView.delete(l);
         }
       }
     }), this.artboard.objects.forEach((i) => {
@@ -1873,7 +1873,7 @@ class ci {
       o.length !== 0 && o.forEach((e) => {
         const s = e.triggers || [e.event || e.trigger];
         s && s.forEach((n) => {
-          var r, l, f;
+          var r, c, f;
           const a = n.toLowerCase();
           if (a === "on interval" || a === "oninterval") {
             const h = e.intervalValue || 2e3, u = this.periodicTriggerTimes.get(e.id) || 0;
@@ -1886,7 +1886,7 @@ class ci {
           if (a === "scroll into view" || a === "scrollintoview") {
             const h = this.objectStates.get(i.id);
             if (h && h.visible !== !1) {
-              const u = this.getGlobalTransform(i.id), c = (((r = i.geometry) == null ? void 0 : r.width) || 100) * (u.scale_x || 1), d = (((l = i.geometry) == null ? void 0 : l.height) || 100) * (u.scale_y || 1), p = 50, y = u.x + c / 2 >= -this.canvasWidth / 2 - p && u.x - c / 2 <= this.canvasWidth / 2 + p && u.y + d / 2 >= -this.canvasHeight / 2 - p && u.y - d / 2 <= this.canvasHeight / 2 + p, b = this.wasInView.has(i.id);
+              const u = this.getGlobalTransform(i.id), l = (((r = i.geometry) == null ? void 0 : r.width) || 100) * (u.scale_x || 1), d = (((c = i.geometry) == null ? void 0 : c.height) || 100) * (u.scale_y || 1), p = 50, y = u.x + l / 2 >= -this.canvasWidth / 2 - p && u.x - l / 2 <= this.canvasWidth / 2 + p && u.y + d / 2 >= -this.canvasHeight / 2 - p && u.y - d / 2 <= this.canvasHeight / 2 + p, b = this.wasInView.has(i.id);
               y && !b && (!e.conditions || this.checkConditions(e.conditions)) && this.fireEventForObject(i.id, "Scroll Into View"), y ? this.wasInView.add(i.id) : this.wasInView.delete(i.id);
             }
           }
@@ -1905,17 +1905,17 @@ class ci {
       if (!o) return;
       const e = this.getGlobalTransform(i.id);
       if (i.constraints.forEach((s, n) => {
-        var f, h, u, c, d, p, y, b, m;
-        const a = ((f = o.constraints) == null ? void 0 : f[n]) || {}, r = { ...s, ...a }, l = r.strength ?? 1;
+        var f, h, u, l, d, p, y, b, m;
+        const a = ((f = o.constraints) == null ? void 0 : f[n]) || {}, r = { ...s, ...a }, c = r.strength ?? 1;
         if (r.type === "Translation") {
           const v = this.getGlobalTransform(r.targetId);
           if (v) {
-            const S = r.offsetX || 0, C = r.offsetY || 0, w = v.x + S, M = v.y + C, I = r.useSpring;
-            if (I) {
-              const T = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: R, y: P, vx: _, vy: E } = this.computeSpring(e.x, e.y, T.vx, T.vy, w, M, r, t);
-              r.copyX && (e.x = e.x + (R - e.x) * l), r.copyY && (e.y = e.y + (P - e.y) * l), this.objectVelocities.set(i.id, { vx: _, vy: E });
+            const S = r.offsetX || 0, C = r.offsetY || 0, w = v.x + S, I = v.y + C, M = r.useSpring;
+            if (M) {
+              const T = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: R, y: P, vx: _, vy: E } = this.computeSpring(e.x, e.y, T.vx, T.vy, w, I, r, t);
+              r.copyX && (e.x = e.x + (R - e.x) * c), r.copyY && (e.y = e.y + (P - e.y) * c), this.objectVelocities.set(i.id, { vx: _, vy: E });
             } else
-              r.copyX && (e.x = e.x + (w - e.x) * l), r.copyY && (e.y = e.y + (M - e.y) * l);
+              r.copyX && (e.x = e.x + (w - e.x) * c), r.copyY && (e.y = e.y + (I - e.y) * c);
             let k = !1;
             if ((h = r.limitX) != null && h.enabled) {
               const T = e.x;
@@ -1925,63 +1925,63 @@ class ci {
               const T = e.y;
               e.y = Math.max(r.limitY.min, Math.min(r.limitY.max, e.y)), e.y !== T && (k = !0);
             }
-            k && I && this.objectVelocities.set(i.id, { vx: 0, vy: 0 });
+            k && M && this.objectVelocities.set(i.id, { vx: 0, vy: 0 });
           }
         } else if (r.type === "Rotation") {
           const v = this.getGlobalTransform(r.targetId);
           if (v) {
             let C = (v.rotation + (r.offset || 0) - e.rotation) % 360;
-            C > 180 && (C -= 360), C < -180 && (C += 360), e.rotation = e.rotation + C * l;
+            C > 180 && (C -= 360), C < -180 && (C += 360), e.rotation = e.rotation + C * c;
           }
         } else if (r.type === "Scale") {
           const v = this.getGlobalTransform(r.targetId);
-          v && (r.copyX && (e.scale_x = e.scale_x + (v.scale_x - e.scale_x) * l), r.copyY && (e.scale_y = e.scale_y + (v.scale_y - e.scale_y) * l));
+          v && (r.copyX && (e.scale_x = e.scale_x + (v.scale_x - e.scale_x) * c), r.copyY && (e.scale_y = e.scale_y + (v.scale_y - e.scale_y) * c));
         } else if (r.type === "Transform") {
           const v = this.getGlobalTransform(r.targetId);
           if (v) {
-            e.x = e.x + (v.x - e.x) * l, e.y = e.y + (v.y - e.y) * l;
+            e.x = e.x + (v.x - e.x) * c, e.y = e.y + (v.y - e.y) * c;
             let S = (v.rotation - e.rotation) % 360;
-            S > 180 && (S -= 360), S < -180 && (S += 360), e.rotation = e.rotation + S * l, e.scale_x = e.scale_x + (v.scale_x - e.scale_x) * l, e.scale_y = e.scale_y + (v.scale_y - e.scale_y) * l;
+            S > 180 && (S -= 360), S < -180 && (S += 360), e.rotation = e.rotation + S * c, e.scale_x = e.scale_x + (v.scale_x - e.scale_x) * c, e.scale_y = e.scale_y + (v.scale_y - e.scale_y) * c;
           }
         } else if (r.type === "FollowPointer") {
-          const v = ((c = this._lastPointerPos) == null ? void 0 : c.x) ?? e.x, S = ((d = this._lastPointerPos) == null ? void 0 : d.y) ?? e.y, C = r.useSpring;
+          const v = ((l = this._lastPointerPos) == null ? void 0 : l.x) ?? e.x, S = ((d = this._lastPointerPos) == null ? void 0 : d.y) ?? e.y, C = r.useSpring;
           if (C) {
-            const M = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: I, y: k, vx: T, vy: R } = this.computeSpring(e.x, e.y, M.vx, M.vy, v, S, r, t);
-            e.x = I, e.y = k, this.objectVelocities.set(i.id, { vx: T, vy: R });
+            const I = this.objectVelocities.get(i.id) || { vx: 0, vy: 0 }, { x: M, y: k, vx: T, vy: R } = this.computeSpring(e.x, e.y, I.vx, I.vy, v, S, r, t);
+            e.x = M, e.y = k, this.objectVelocities.set(i.id, { vx: T, vy: R });
           } else
-            e.x = e.x + (v - e.x) * l, e.y = e.y + (S - e.y) * l;
+            e.x = e.x + (v - e.x) * c, e.y = e.y + (S - e.y) * c;
           let w = !1;
           if ((p = r.limitX) != null && p.enabled) {
-            const M = e.x;
-            e.x = Math.max(r.limitX.min, Math.min(r.limitX.max, e.x)), e.x !== M && (w = !0);
+            const I = e.x;
+            e.x = Math.max(r.limitX.min, Math.min(r.limitX.max, e.x)), e.x !== I && (w = !0);
           }
           if ((y = r.limitY) != null && y.enabled) {
-            const M = e.y;
-            e.y = Math.max(r.limitY.min, Math.min(r.limitY.max, e.y)), e.y !== M && (w = !0);
+            const I = e.y;
+            e.y = Math.max(r.limitY.min, Math.min(r.limitY.max, e.y)), e.y !== I && (w = !0);
           }
           w && C && this.objectVelocities.set(i.id, { vx: 0, vy: 0 });
         } else if (r.type === "Distance") {
           const v = this.getGlobalTransform(r.targetId);
           if (v) {
-            const S = e.x - v.x, C = e.y - v.y, w = Math.sqrt(S * S + C * C), M = r.distance || 0;
-            let I = w;
+            const S = e.x - v.x, C = e.y - v.y, w = Math.sqrt(S * S + C * C), I = r.distance || 0;
+            let M = w;
             switch (r.mode) {
               case "exact":
-                I = M;
+                M = I;
                 break;
               case "minimum":
-                I = Math.max(M, w);
+                M = Math.max(I, w);
                 break;
               case "maximum":
-                I = Math.min(M, w);
+                M = Math.min(I, w);
                 break;
               case "clamped":
-                I = Math.max(0, Math.min(M, w));
+                M = Math.max(0, Math.min(I, w));
                 break;
             }
             if (w > 0) {
-              const k = e.x === v.x && e.y === v.y ? 1 : I / w;
-              e.x = e.x + (v.x + S * k - e.x) * l, e.y = e.y + (v.y + C * k - e.y) * l;
+              const k = e.x === v.x && e.y === v.y ? 1 : M / w;
+              e.x = e.x + (v.x + S * k - e.x) * c, e.y = e.y + (v.y + C * k - e.y) * c;
             }
           }
         } else if (r.type === "FollowPath") {
@@ -1997,22 +1997,22 @@ class ci {
                 F && (C = F.geometry);
               }
               if (!C) return;
-              const w = (r.distance || 0) / 100, M = S.width || C.width || 0, I = S.height || C.height || 0, k = this.getPointOnPath(C, M, I, w), T = S.rotation * Math.PI / 180, R = Math.cos(T), P = Math.sin(T), _ = k.x * S.scale_x * R - k.y * S.scale_y * P, E = k.x * S.scale_x * P + k.y * S.scale_y * R;
+              const w = (r.distance || 0) / 100, I = S.width || C.width || 0, M = S.height || C.height || 0, k = this.getPointOnPath(C, I, M, w), T = S.rotation * Math.PI / 180, R = Math.cos(T), P = Math.sin(T), _ = k.x * S.scale_x * R - k.y * S.scale_y * P, E = k.x * S.scale_x * P + k.y * S.scale_y * R;
               let A = S.rotation + (r.offsetRotation || 0);
               if (r.orient) {
                 const F = Math.cos(k.angle), j = Math.sin(k.angle), X = F * S.scale_x * R - j * S.scale_y * P, tt = F * S.scale_x * P + j * S.scale_y * R;
                 A = Math.atan2(tt, X) * 180 / Math.PI + (r.offsetRotation || 0);
               }
               const W = A * Math.PI / 180, z = Math.cos(W), Y = Math.sin(W), G = (r.offsetX || 0) * z - (r.offsetY || 0) * Y, N = (r.offsetX || 0) * Y + (r.offsetY || 0) * z, J = S.x + _ + G, x = S.y + E + N;
-              if (e.x = e.x + (J - e.x) * l, e.y = e.y + (x - e.y) * l, r.orient) {
+              if (e.x = e.x + (J - e.x) * c, e.y = e.y + (x - e.y) * c, r.orient) {
                 let F = (A - e.rotation) % 360;
-                F > 180 && (F -= 360), F < -180 && (F += 360), e.rotation = e.rotation + F * l;
+                F > 180 && (F -= 360), F < -180 && (F += 360), e.rotation = e.rotation + F * c;
               }
             }
           }
         } else if (r.type === "IK") {
           const v = this.getGlobalTransform(r.targetId);
-          v && this.solveIK(i, v, r.boneCount || 2, l);
+          v && this.solveIK(i, v, r.boneCount || 2, c);
         }
       }), i.constraints.some((s) => s.type !== "IK")) {
         const s = this.globalToLocal(i.parentId, e);
@@ -2024,7 +2024,7 @@ class ci {
     var h, u;
     const i = this.objectStates.get(t);
     if (!i) return { x: 0, y: 0, rotation: 0, scale_x: 1, scale_y: 1 };
-    const o = (h = this.artboard) == null ? void 0 : h.objects.find((c) => c.id === t), e = (o == null ? void 0 : o.type) === "Bone" ? (u = o.geometry) == null ? void 0 : u.length : void 0;
+    const o = (h = this.artboard) == null ? void 0 : h.objects.find((l) => l.id === t), e = (o == null ? void 0 : o.type) === "Bone" ? (u = o.geometry) == null ? void 0 : u.length : void 0;
     if (!o || !o.parentId)
       return {
         x: i.x,
@@ -2034,9 +2034,9 @@ class ci {
         scale_y: (i.scale_y ?? 1) * (i.flip_y ? -1 : 1),
         length: e
       };
-    const s = this.getGlobalTransform(o.parentId), n = s.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), l = s.x + (i.x * s.scale_x * a - i.y * s.scale_y * r), f = s.y + (i.x * s.scale_x * r + i.y * s.scale_y * a);
+    const s = this.getGlobalTransform(o.parentId), n = s.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), c = s.x + (i.x * s.scale_x * a - i.y * s.scale_y * r), f = s.y + (i.x * s.scale_x * r + i.y * s.scale_y * a);
     return {
-      x: l,
+      x: c,
       y: f,
       rotation: s.rotation + i.rotation,
       scale_x: s.scale_x * (i.scale_x ?? 1) * (i.flip_x ? -1 : 1),
@@ -2046,7 +2046,7 @@ class ci {
   }
   globalToLocal(t, i) {
     if (!t) return i;
-    const o = this.getGlobalTransform(t), e = o.scale_x === 0 ? 0 : 1 / o.scale_x, s = o.scale_y === 0 ? 0 : 1 / o.scale_y, n = -o.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), l = i.x - o.x, f = i.y - o.y, h = (l * a - f * r) * e, u = (l * r + f * a) * s;
+    const o = this.getGlobalTransform(t), e = o.scale_x === 0 ? 0 : 1 / o.scale_x, s = o.scale_y === 0 ? 0 : 1 / o.scale_y, n = -o.rotation * Math.PI / 180, a = Math.cos(n), r = Math.sin(n), c = i.x - o.x, f = i.y - o.y, h = (c * a - f * r) * e, u = (c * r + f * a) * s;
     return {
       x: h,
       y: u,
@@ -2056,11 +2056,11 @@ class ci {
     };
   }
   solveIK(t, i, o, e) {
-    var l;
+    var c;
     const s = [];
     let n = t.id;
     for (let f = 0; f < o && n; f++) {
-      const h = (l = this.artboard) == null ? void 0 : l.objects.find((u) => u.id === n);
+      const h = (c = this.artboard) == null ? void 0 : c.objects.find((u) => u.id === n);
       if (!h) break;
       s.push({
         id: n,
@@ -2073,19 +2073,19 @@ class ci {
     for (let f = 0; f < r; f++) {
       const h = this.getGlobalTransform(t.id);
       for (let u = a.length - 2; u >= 0; u--) {
-        const c = a[u], d = this.getGlobalTransform(c.id), p = h.x - d.x, y = h.y - d.y, b = i.x - d.x, m = i.y - d.y, v = Math.sqrt(p * p + y * y), S = Math.sqrt(b * b + m * m);
+        const l = a[u], d = this.getGlobalTransform(l.id), p = h.x - d.x, y = h.y - d.y, b = i.x - d.x, m = i.y - d.y, v = Math.sqrt(p * p + y * y), S = Math.sqrt(b * b + m * m);
         if (v > 1e-3 && S > 1e-3) {
           const C = Math.atan2(y, p);
-          let M = (Math.atan2(m, b) - C) * 180 / Math.PI;
-          M *= e;
-          const I = this.objectStates.get(c.id);
-          I && (I.rotation += M);
+          let I = (Math.atan2(m, b) - C) * 180 / Math.PI;
+          I *= e;
+          const M = this.objectStates.get(l.id);
+          M && (M.rotation += I);
         }
       }
     }
   }
   computeSpring(t, i, o, e, s, n, a, r) {
-    const l = a.stiffness ?? 100, f = a.damping ?? 10, h = a.mass ?? 1, u = -l * (t - s), c = -l * (i - n), d = -f * o, p = -f * e, y = (u + d) / h, b = (c + p) / h, m = o + y * r, v = e + b * r, S = t + m * r, C = i + v * r;
+    const c = a.stiffness ?? 100, f = a.damping ?? 10, h = a.mass ?? 1, u = -c * (t - s), l = -c * (i - n), d = -f * o, p = -f * e, y = (u + d) / h, b = (l + p) / h, m = o + y * r, v = e + b * r, S = t + m * r, C = i + v * r;
     return { x: S, y: C, vx: m, vy: v };
   }
   handlePointerInput(t, i, o, e, s) {
@@ -2109,22 +2109,22 @@ class ci {
     this._totalScroll.x += t, this._totalScroll.y += i, this.scrollOffset = { x: this._totalScroll.x, y: this._totalScroll.y }, this.updateInput("scrollX", this._totalScroll.x), this.updateInput("scrollY", this._totalScroll.y);
   }
   handlePointerEvent(t, i, o) {
-    var r, l, f, h, u;
+    var r, c, f, h, u;
     if (!this.artboard) return;
     t === "down" ? (this.isMouseDown = !0, this.updateInput("isMouseDown", !0)) : (t === "up" || t === "blur") && (this.isMouseDown = !1, this.updateInput("isMouseDown", !1));
     let e = null;
-    const s = (c, d) => {
+    const s = (l, d) => {
       var S;
       let p = d;
       d === "click" ? p = "onClick" : d === "down" ? p = "onPointerDown" : d === "up" ? p = "onPointerUp" : d === "blur" && (p = "onPointerLeave");
       const y = /* @__PURE__ */ new Set([p]);
       d === "move" && y.add("onPointerEnter").add("hover").add("onPointerLeave").add("blur"), p === "onClick" && y.add("click"), p === "onPointerDown" && y.add("pointerDown"), p === "onPointerUp" && y.add("pointerUp");
       const b = ["button", "toggle", "toggle_button", "dropdown", "listview", "inputbox", "slider", "checkbox", "radiogroup", "joystick"];
-      return !!(c.type === "Component" && b.includes(c.variant) || c.type === "Joystick" || b.includes((S = c.type) == null ? void 0 : S.toLowerCase()) || (c.interactions || []).some((C) => y.has(C.event)) || (c.triggers || []).some((C) => y.has(C.eventType)));
+      return !!(l.type === "Component" && b.includes(l.variant) || l.type === "Joystick" || b.includes((S = l.type) == null ? void 0 : S.toLowerCase()) || (l.interactions || []).some((C) => y.has(C.event)) || (l.triggers || []).some((C) => y.has(C.eventType)));
     };
     let n = null;
-    for (let c = this.artboard.objects.length - 1; c >= 0; c--) {
-      const d = this.artboard.objects[c], p = this.objectStates.get(d.id);
+    for (let l = this.artboard.objects.length - 1; l >= 0; l--) {
+      const d = this.artboard.objects[l], p = this.objectStates.get(d.id);
       if (p && p.visible !== !1 && p.opacity > 0 && this.hitTest(d, i, o) && (n || (n = d), s(d, t))) {
         e = d;
         break;
@@ -2134,36 +2134,36 @@ class ci {
     const a = (e == null ? void 0 : e.id) || null;
     if (t === "move") {
       if (this.draggingSliderId) {
-        const c = this.artboard.objects.find((d) => d.id === this.draggingSliderId);
-        c && this.updateSliderValueFromPointer(c, i, o);
+        const l = this.artboard.objects.find((d) => d.id === this.draggingSliderId);
+        l && this.updateSliderValueFromPointer(l, i, o);
         return;
       }
       if (this.draggingJoystickId) {
-        const c = this.artboard.objects.find((d) => d.id === this.draggingJoystickId);
-        c && this.updateJoystickValueFromPointer(c, i, o);
+        const l = this.artboard.objects.find((d) => d.id === this.draggingJoystickId);
+        l && this.updateJoystickValueFromPointer(l, i, o);
         return;
       }
       if (this.draggingListViewId) {
-        const c = this.artboard.objects.find((d) => d.id === this.draggingListViewId);
-        c && this.updateListViewScrollFromPointer(c);
+        const l = this.artboard.objects.find((d) => d.id === this.draggingListViewId);
+        l && this.updateListViewScrollFromPointer(l);
         return;
       }
       e && (e.type === "ListView" || e.type === "Component" && e.variant === "listview") && this.updateListViewHoverFromPointer(e, i, o), this.isMouseDown && a && this.fireEventForObject(a, "Drag"), a !== this.lastHoveredObjectId && (this.log(`[Engine] HOVER CHANGE: ${this.lastHoveredObjectId} -> ${a}`), this.lastHoveredObjectId && this.fireEventForObject(this.lastHoveredObjectId, "onPointerLeave"), a && this.fireEventForObject(a, "onPointerEnter"), this.lastHoveredObjectId = a);
       return;
     }
-    if ((t === "up" || t === "blur") && (this.draggingSliderId = null, this.draggingJoystickId = null, this.draggingListViewId = null, this.draggingBehaviors.clear(), this.pointerDownTimes.delete(a), this.activeObjectId = null), t === "down" && (this.pointerDownTimes.set(a, this.currentTime), this.activeObjectId = a, e && ((r = e.behaviors) != null && r.some((c) => c.type === U.Draggable)) && this.draggingBehaviors.add(a)), t === "move" ? (a && !this.activeHoverIds.has(a) && this.activeHoverIds.add(a), this.activeHoverIds.forEach((c) => {
-      c !== a && this.activeHoverIds.delete(c);
+    if ((t === "up" || t === "blur") && (this.draggingSliderId = null, this.draggingJoystickId = null, this.draggingListViewId = null, this.draggingBehaviors.clear(), this.pointerDownTimes.delete(a), this.activeObjectId = null), t === "down" && (this.pointerDownTimes.set(a, this.currentTime), this.activeObjectId = a, e && ((r = e.behaviors) != null && r.some((l) => l.type === U.Draggable)) && this.draggingBehaviors.add(a)), t === "move" ? (a && !this.activeHoverIds.has(a) && this.activeHoverIds.add(a), this.activeHoverIds.forEach((l) => {
+      l !== a && this.activeHoverIds.delete(l);
     })) : t === "blur" && this.activeHoverIds.clear(), this.activeDropdownId && t === "down") {
-      const c = this.artboard.objects.find((d) => d.id === this.activeDropdownId);
-      if (c && (c.type === "Dropdown" || c.variant === "dropdown")) {
-        const d = this.objectStates.get(c.id), p = (d == null ? void 0 : d.options) || c.options || {}, y = c.geometry || {}, b = y.width ?? c.width ?? 200, m = y.height ?? c.height ?? 40, v = p.optionsList || [], S = p.itemHeight || 32, C = p.listPadding ?? 4, w = v.length * S + C * 2, M = this.getWorldTransform(c.id), I = b * Math.abs(M.scaleX), k = m * Math.abs(M.scaleY), T = M.y + k / 2 + 4, R = Math.abs(i - M.x) <= I / 2, P = o >= T && o <= T + w * Math.abs(M.scaleY);
+      const l = this.artboard.objects.find((d) => d.id === this.activeDropdownId);
+      if (l && (l.type === "Dropdown" || l.variant === "dropdown")) {
+        const d = this.objectStates.get(l.id), p = (d == null ? void 0 : d.options) || l.options || {}, y = l.geometry || {}, b = y.width ?? l.width ?? 200, m = y.height ?? l.height ?? 40, v = p.optionsList || [], S = p.itemHeight || 32, C = p.listPadding ?? 4, w = v.length * S + C * 2, I = this.getWorldTransform(l.id), M = b * Math.abs(I.scaleX), k = m * Math.abs(I.scaleY), T = I.y + k / 2 + 4, R = Math.abs(i - I.x) <= M / 2, P = o >= T && o <= T + w * Math.abs(I.scaleY);
         if (R && P) {
-          const _ = Math.abs(M.scaleY), E = o - (T + C * _), A = Math.floor(E / (S * _));
+          const _ = Math.abs(I.scaleY), E = o - (T + C * _), A = Math.floor(E / (S * _));
           if (A >= 0 && A < v.length) {
             const W = v[A];
-            p.selectedOption = W, p.isOpen = !1, this.activeDropdownId = null, c.inputId && this.setInternalInput(c.inputId, W), this.onComponentChange && this.onComponentChange({
-              objectId: c.id,
-              componentName: c.name,
+            p.selectedOption = W, p.isOpen = !1, this.activeDropdownId = null, l.inputId && this.setInternalInput(l.inputId, W), this.onComponentChange && this.onComponentChange({
+              objectId: l.id,
+              componentName: l.name,
               variant: "dropdown",
               property: "selectedOption",
               value: W
@@ -2174,107 +2174,107 @@ class ci {
       }
     }
     if (e) {
-      let c = e, d = e;
+      let l = e, d = e;
       for (; d && d.parentId; ) {
         const y = this.artboard.objects.find((b) => b.id === d.parentId);
         if (y && y.type === "Component") {
-          c = y;
+          l = y;
           break;
         }
         d = y;
       }
       let p = t;
-      if (t === "click" ? p = "onClick" : t === "down" ? p = "onPointerDown" : t === "up" ? p = "onPointerUp" : t === "blur" && (p = "onPointerLeave"), this.fireEventForObject(e.id, p), c !== e && this.fireEventForObject(c.id, p), c.type === "Component" && c.variant === "toggle_button" && t === "down") {
-        const y = this.objectStates.get(c.id), b = (y == null ? void 0 : y.options) || c.options || {};
-        b.checked = !b.checked, c.inputId && this.setInternalInput(c.inputId, b.checked), this.onComponentChange && this.onComponentChange({
-          objectId: c.id,
-          componentName: c.name,
+      if (t === "click" ? p = "onClick" : t === "down" ? p = "onPointerDown" : t === "up" ? p = "onPointerUp" : t === "blur" && (p = "onPointerLeave"), this.fireEventForObject(e.id, p), l !== e && this.fireEventForObject(l.id, p), l.type === "Component" && l.variant === "toggle_button" && t === "down") {
+        const y = this.objectStates.get(l.id), b = (y == null ? void 0 : y.options) || l.options || {};
+        b.checked = !b.checked, l.inputId && this.setInternalInput(l.inputId, b.checked), this.onComponentChange && this.onComponentChange({
+          objectId: l.id,
+          componentName: l.name,
           variant: "toggle_button",
           property: "checked",
           value: b.checked
-        }), this.fireEventForObject(c.id, "Toggle"), this.fireEventForObject(c.id, b.checked ? "Toggle True" : "Toggle False");
+        }), this.fireEventForObject(l.id, "Toggle"), this.fireEventForObject(l.id, b.checked ? "Toggle True" : "Toggle False");
       }
-      if (c.type === "Component" && c.variant === "toggle" && t === "down") {
-        const y = this.objectStates.get(c.id), b = (y == null ? void 0 : y.options) || c.options || {};
-        b.checked = !b.checked, c.inputId && this.setInternalInput(c.inputId, b.checked), this.onComponentChange && this.onComponentChange({
-          objectId: c.id,
-          componentName: c.name,
+      if (l.type === "Component" && l.variant === "toggle" && t === "down") {
+        const y = this.objectStates.get(l.id), b = (y == null ? void 0 : y.options) || l.options || {};
+        b.checked = !b.checked, l.inputId && this.setInternalInput(l.inputId, b.checked), this.onComponentChange && this.onComponentChange({
+          objectId: l.id,
+          componentName: l.name,
           variant: "toggle",
           property: "checked",
           value: b.checked
-        }), this.onToggle && this.onToggle(c.name, b.checked), this.fireEventForObject(c.id, "Toggle"), this.fireEventForObject(c.id, b.checked ? "Toggle True" : "Toggle False");
+        }), this.onToggle && this.onToggle(l.name, b.checked), this.fireEventForObject(l.id, "Toggle"), this.fireEventForObject(l.id, b.checked ? "Toggle True" : "Toggle False");
       }
-      if (c.type === "Component" && c.variant === "dropdown" && t === "down") {
-        const y = this.objectStates.get(c.id), b = (y == null ? void 0 : y.options) || c.options || {}, m = !b.isOpen;
-        if (m && this.activeDropdownId && this.activeDropdownId !== c.id) {
+      if (l.type === "Component" && l.variant === "dropdown" && t === "down") {
+        const y = this.objectStates.get(l.id), b = (y == null ? void 0 : y.options) || l.options || {}, m = !b.isOpen;
+        if (m && this.activeDropdownId && this.activeDropdownId !== l.id) {
           const v = this.artboard.objects.find((S) => S.id === this.activeDropdownId);
           v && v.options && (v.options.isOpen = !1);
         }
-        b.isOpen = m, this.activeDropdownId = m ? c.id : null;
+        b.isOpen = m, this.activeDropdownId = m ? l.id : null;
       }
-      if (c.type === "Component" && c.variant === "button" && t === "down" && (this.onButtonClick && this.onButtonClick(c.name, c.id), this.onComponentChange && this.onComponentChange({
-        objectId: c.id,
-        componentName: c.name,
+      if (l.type === "Component" && l.variant === "button" && t === "down" && (this.onButtonClick && this.onButtonClick(l.name, l.id), this.onComponentChange && this.onComponentChange({
+        objectId: l.id,
+        componentName: l.name,
         variant: "button",
         property: "click",
         value: !0
-      })), (c.type === "ListView" || c.type === "Component" && c.variant === "listview") && t === "down") {
-        this.draggingListViewId = c.id;
-        const y = this.getListViewItemIndexAtPointer(c, i, o);
+      })), (l.type === "ListView" || l.type === "Component" && l.variant === "listview") && t === "down") {
+        this.draggingListViewId = l.id;
+        const y = this.getListViewItemIndexAtPointer(l, i, o);
         if (y !== null) {
-          const b = c.options || {};
+          const b = l.options || {};
           b.activeItemIndex = y;
-          const m = this.objectStates.get(c.id);
+          const m = this.objectStates.get(l.id);
           m && m.options && (m.options.activeItemIndex = y);
           const v = (b.items || [])[y], S = typeof v == "string" ? v : v.label || v.value || y;
-          m && m.options && (m.options.selectedValue = S), c.inputId && this.setInternalInput(c.inputId, S), this.onComponentChange && (this.onComponentChange({
-            objectId: c.id,
-            componentName: c.name,
+          m && m.options && (m.options.selectedValue = S), l.inputId && this.setInternalInput(l.inputId, S), this.onComponentChange && (this.onComponentChange({
+            objectId: l.id,
+            componentName: l.name,
             variant: "listview",
             property: "activeItemIndex",
             value: y
           }), this.onComponentChange({
-            objectId: c.id,
-            componentName: c.name,
+            objectId: l.id,
+            componentName: l.name,
             variant: "listview",
             property: "selected",
             value: S
           }));
         }
       }
-      if (c.type === "Component" && c.variant === "slider" && t === "down" && (this.draggingSliderId = c.id, this.updateSliderValueFromPointer(c, i, o)), c.type === "Joystick" || c.type === "Component" && c.variant === "joystick") {
+      if (l.type === "Component" && l.variant === "slider" && t === "down" && (this.draggingSliderId = l.id, this.updateSliderValueFromPointer(l, i, o)), l.type === "Joystick" || l.type === "Component" && l.variant === "joystick") {
         if (t === "down")
-          this.draggingJoystickId = c.id, this.updateJoystickValueFromPointer(c, i, o);
+          this.draggingJoystickId = l.id, this.updateJoystickValueFromPointer(l, i, o);
         else if (t === "up" || t === "blur") {
-          const y = this.objectStates.get(c.id);
-          y && c.isSpringReturn !== !1 && (y.handleX = 0, y.handleY = 0), c.isSpringReturn !== !1 && (c.handleX = 0, c.handleY = 0);
+          const y = this.objectStates.get(l.id);
+          y && l.isSpringReturn !== !1 && (y.handleX = 0, y.handleY = 0), l.isSpringReturn !== !1 && (l.handleX = 0, l.handleY = 0);
         }
       }
-      if (c.type === "Component" && c.variant === "checkbox" && t === "down") {
-        const y = this.objectStates.get(c.id), b = (y == null ? void 0 : y.options) || c.options || {};
-        b.checked = !b.checked, c.inputId && this.setInternalInput(c.inputId, b.checked), this.onComponentChange && this.onComponentChange({
-          objectId: c.id,
-          componentName: c.name,
+      if (l.type === "Component" && l.variant === "checkbox" && t === "down") {
+        const y = this.objectStates.get(l.id), b = (y == null ? void 0 : y.options) || l.options || {};
+        b.checked = !b.checked, l.inputId && this.setInternalInput(l.inputId, b.checked), this.onComponentChange && this.onComponentChange({
+          objectId: l.id,
+          componentName: l.name,
           variant: "checkbox",
           property: "checked",
           value: b.checked
-        }), this.fireEventForObject(c.id, "Click"), this.fireEventForObject(c.id, b.checked ? "Checked" : "Unchecked");
+        }), this.fireEventForObject(l.id, "Click"), this.fireEventForObject(l.id, b.checked ? "Checked" : "Unchecked");
       }
-      if (c.type === "Component" && c.variant === "radiogroup" && t === "down") {
-        const y = this.objectStates.get(c.id), b = (y == null ? void 0 : y.options) || c.options || {}, m = b.optionsList || [], v = this.getRadioGroupItemIndexAtPointer(c, i, o);
+      if (l.type === "Component" && l.variant === "radiogroup" && t === "down") {
+        const y = this.objectStates.get(l.id), b = (y == null ? void 0 : y.options) || l.options || {}, m = b.optionsList || [], v = this.getRadioGroupItemIndexAtPointer(l, i, o);
         if (v !== null && v >= 0 && v < m.length) {
           const S = m[v];
-          b.selectedValue = S, c.inputId && this.setInternalInput(c.inputId, S), this.onComponentChange && this.onComponentChange({
-            objectId: c.id,
-            componentName: c.name,
+          b.selectedValue = S, l.inputId && this.setInternalInput(l.inputId, S), this.onComponentChange && this.onComponentChange({
+            objectId: l.id,
+            componentName: l.name,
             variant: "radiogroup",
             property: "selectedValue",
             value: S
-          }), this.fireEventForObject(c.id, "Click"), this.fireEventForObject(c.id, `Selected: ${S}`);
+          }), this.fireEventForObject(l.id, "Click"), this.fireEventForObject(l.id, `Selected: ${S}`);
         }
       }
-      if (c.type === "LineGraph" && (t === "down" || t === "click")) {
-        const y = c.geometry, b = (y == null ? void 0 : y.datasets) || [], m = this.objectStates.get(c.id), v = (m == null ? void 0 : m.width) || (y == null ? void 0 : y.width) || 200, S = (m == null ? void 0 : m.height) || (y == null ? void 0 : y.height) || 150, C = this.getWorldTransform(c.id), w = 30, M = 20, I = v - w, k = S - M;
+      if (l.type === "LineGraph" && (t === "down" || t === "click")) {
+        const y = l.geometry, b = (y == null ? void 0 : y.datasets) || [], m = this.objectStates.get(l.id), v = (m == null ? void 0 : m.width) || (y == null ? void 0 : y.width) || 200, S = (m == null ? void 0 : m.height) || (y == null ? void 0 : y.height) || 150, C = this.getWorldTransform(l.id), w = 30, I = 20, M = v - w, k = S - I;
         let T = 1;
         b.forEach((_) => {
           const E = Math.max(..._.data || [0]);
@@ -2282,15 +2282,15 @@ class ci {
         });
         let R = 1 / 0, P = null;
         b.forEach((_, E) => {
-          const A = _.data || [], W = I / Math.max(A.length - 1, 1);
+          const A = _.data || [], W = M / Math.max(A.length - 1, 1);
           A.forEach((z, Y) => {
-            const G = C.x - v / 2 + w + Y * W, N = C.y + S / 2 - M - z / T * k, J = Math.sqrt((i - G) ** 2 + (o - N) ** 2);
+            const G = C.x - v / 2 + w + Y * W, N = C.y + S / 2 - I - z / T * k, J = Math.sqrt((i - G) ** 2 + (o - N) ** 2);
             J < R && (R = J, P = { dIdx: E, pIdx: Y, val: z, label: _.label || `Dataset ${E + 1}` });
           });
-        }), P && R < 20 && this.onGraphPointClick && this.onGraphPointClick({ objectId: c.id, componentName: c.name, datasetIndex: P.dIdx, pointIndex: P.pIdx, value: P.val, label: P.label }), this.onComponentChange && this.onComponentChange({ objectId: c.id, componentName: c.name, variant: "linegraph", property: "click", value: (P == null ? void 0 : P.val) ?? null });
+        }), P && R < 20 && this.onGraphPointClick && this.onGraphPointClick({ objectId: l.id, componentName: l.name, datasetIndex: P.dIdx, pointIndex: P.pIdx, value: P.val, label: P.label }), this.onComponentChange && this.onComponentChange({ objectId: l.id, componentName: l.name, variant: "linegraph", property: "click", value: (P == null ? void 0 : P.val) ?? null });
       }
       if (t === "click") {
-        const y = (l = this.artboard) == null ? void 0 : l.objects.find((v) => v.id === e.id), b = this.focusedId, m = (y == null ? void 0 : y.type) === "InputBox" || (y == null ? void 0 : y.type) === "Component" && y.variant === "inputbox";
+        const y = (c = this.artboard) == null ? void 0 : c.objects.find((v) => v.id === e.id), b = this.focusedId, m = (y == null ? void 0 : y.type) === "InputBox" || (y == null ? void 0 : y.type) === "Component" && y.variant === "inputbox";
         if (y && m) {
           if (this.focusedId = e.id, this.log(`[Engine] Focus set to: ${e.id}`), b !== this.focusedId) {
             if (b) {
@@ -2305,9 +2305,9 @@ class ci {
         }
       }
     } else if (t === "click") {
-      const c = this.focusedId;
-      if (this.focusedId = null, c) {
-        const d = (u = this.artboard) == null ? void 0 : u.objects.find((p) => p.id === c);
+      const l = this.focusedId;
+      if (this.focusedId = null, l) {
+        const d = (u = this.artboard) == null ? void 0 : u.objects.find((p) => p.id === l);
         d && this.onInputBlur && this.onInputBlur(d.name);
       }
     }
@@ -2346,7 +2346,7 @@ class ci {
     this.artboard && (this.activeKeys.delete(t.key.toLowerCase()), this.activeKeys.delete(t.code));
   }
   fireEventForObject(t, i) {
-    var f, h, u, c, d;
+    var f, h, u, l, d;
     const o = (f = this.artboard) == null ? void 0 : f.objects.find((p) => p.id === t);
     if (!o) return;
     const e = /* @__PURE__ */ new Set([i, i.toLowerCase()]), s = i.toLowerCase();
@@ -2394,29 +2394,29 @@ class ci {
       }
       this.onTrigger && this.onTrigger(i, a.action);
     }
-    const l = (o.triggers || []).find((p) => {
+    const c = (o.triggers || []).find((p) => {
       const y = p.eventType.toLowerCase();
       let b = !1;
       return (e.has(y) || y === "click" && e.has("onclick") || y === "hover" && (e.has("onpointerenter") || e.has("hover")) || y === "pointerdown" && e.has("onpointerdown") || y === "pointerup" && e.has("onpointerup")) && (b = !0), b && p.conditions && p.conditions.length > 0 ? this.checkConditions(p.conditions) : b;
     });
-    if (l && l.entryAnimationId) {
-      this.log(`[Engine] Trigger matched: ${i} (as ${l.eventType}) -> Animation ${l.entryAnimationId}`);
-      const p = (d = (c = this.artboard) == null ? void 0 : c.animations) == null ? void 0 : d.find((y) => y.id === l.entryAnimationId);
+    if (c && c.entryAnimationId) {
+      this.log(`[Engine] Trigger matched: ${i} (as ${c.eventType}) -> Animation ${c.entryAnimationId}`);
+      const p = (d = (l = this.artboard) == null ? void 0 : l.animations) == null ? void 0 : d.find((y) => y.id === c.entryAnimationId);
       p && (this.activeTriggers.set(o.id, {
-        triggerId: l.id,
+        triggerId: c.id,
         animation: p,
         time: 0,
         phase: "entry",
         elapsedHold: 0,
-        filterObjectId: l.targetObjectId
-      }), this.onTrigger && this.onTrigger(l.name, p.name));
+        filterObjectId: c.targetObjectId
+      }), this.onTrigger && this.onTrigger(c.name, p.name));
     }
   }
   fireAnalyticsEvent(t, i) {
-    var r, l;
+    var r, c;
     const o = (r = this.artboard) == null ? void 0 : r.objects.find((f) => f.id === t);
     if (!o) return;
-    const e = (l = o.style) == null ? void 0 : l.analytics;
+    const e = (c = o.style) == null ? void 0 : c.analytics;
     if (!e || !e.isEnabled || e.triggerType !== i) return;
     const s = e.eventName || `${o.name.toLowerCase().replace(/\s+/g, "_")}_interacted`, n = {};
     e.parameters && Array.isArray(e.parameters) && e.parameters.forEach((f) => {
@@ -2479,7 +2479,7 @@ class ci {
     var u;
     const i = this.objectStates.get(t);
     if (!i) return { x: 0, y: 0, scaleX: 1, scaleY: 1, rotation: 0 };
-    const o = (u = this.artboard) == null ? void 0 : u.objects.find((c) => c.id === t);
+    const o = (u = this.artboard) == null ? void 0 : u.objects.find((l) => l.id === t);
     if (!o || !o.parentId)
       return {
         x: i.x,
@@ -2488,7 +2488,7 @@ class ci {
         scaleY: i.scale_y ?? 1,
         rotation: i.rotation ?? 0
       };
-    const e = this.getWorldTransform(o.parentId), s = e.rotation * (Math.PI / 180), n = Math.cos(s), a = Math.sin(s), r = i.x * e.scaleX, l = i.y * e.scaleY, f = e.x + (r * n - l * a), h = e.y + (r * a + l * n);
+    const e = this.getWorldTransform(o.parentId), s = e.rotation * (Math.PI / 180), n = Math.cos(s), a = Math.sin(s), r = i.x * e.scaleX, c = i.y * e.scaleY, f = e.x + (r * n - c * a), h = e.y + (r * a + c * n);
     return {
       x: f,
       y: h,
@@ -2500,15 +2500,15 @@ class ci {
   hitTest(t, i, o) {
     var v, S;
     if (!this.objectStates.get(t.id)) return !1;
-    const s = ((v = t.geometry) == null ? void 0 : v.width) ?? t.width ?? 100, n = ((S = t.geometry) == null ? void 0 : S.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, l = o - a.y, f = -a.rotation * (Math.PI / 180), h = Math.cos(f), u = Math.sin(f), c = r * h - l * u, d = r * u + l * h, p = a.scaleX, y = a.scaleY, b = s * Math.abs(p), m = n * Math.abs(y);
-    return Math.abs(c) <= b / 2 && Math.abs(d) <= m / 2;
+    const s = ((v = t.geometry) == null ? void 0 : v.width) ?? t.width ?? 100, n = ((S = t.geometry) == null ? void 0 : S.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, c = o - a.y, f = -a.rotation * (Math.PI / 180), h = Math.cos(f), u = Math.sin(f), l = r * h - c * u, d = r * u + c * h, p = a.scaleX, y = a.scaleY, b = s * Math.abs(p), m = n * Math.abs(y);
+    return Math.abs(l) <= b / 2 && Math.abs(d) <= m / 2;
   }
   updateSliderValueFromPointer(t, i, o) {
-    var M;
+    var I;
     const e = this.objectStates.get(t.id);
     if (!e) return;
-    const s = t.options || {}, n = ((M = t.geometry) == null ? void 0 : M.width) ?? t.width ?? 200, a = this.getWorldTransform(t.id), r = i - a.x, l = o - a.y, f = -a.rotation * (Math.PI / 180), h = Math.cos(f), u = Math.sin(f), c = r * h - l * u, d = s.thumbWidth ?? 16, p = n - d;
-    let b = (c + p / 2) / p;
+    const s = t.options || {}, n = ((I = t.geometry) == null ? void 0 : I.width) ?? t.width ?? 200, a = this.getWorldTransform(t.id), r = i - a.x, c = o - a.y, f = -a.rotation * (Math.PI / 180), h = Math.cos(f), u = Math.sin(f), l = r * h - c * u, d = s.thumbWidth ?? 16, p = n - d;
+    let b = (l + p / 2) / p;
     b = Math.max(0, Math.min(1, b));
     const m = s.min ?? 0, v = s.max ?? 100, S = s.step || 1;
     let C = m + b * (v - m);
@@ -2523,14 +2523,14 @@ class ci {
     }));
   }
   updateJoystickValueFromPointer(t, i, o) {
-    var M, I;
+    var I, M;
     const e = this.objectStates.get(t.id);
     if (!e) return;
-    const s = (e == null ? void 0 : e.width) !== void 0 ? e.width : ((M = t.geometry) == null ? void 0 : M.width) ?? t.width ?? 100, n = (e == null ? void 0 : e.height) !== void 0 ? e.height : ((I = t.geometry) == null ? void 0 : I.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, l = o - a.y, f = -a.rotation * (Math.PI / 180), h = Math.cos(f), u = Math.sin(f);
-    let c = (r * h - l * u) / Math.max(1e-3, Math.abs(a.scaleX || 1)), d = (r * u + l * h) / Math.max(1e-3, Math.abs(a.scaleY || 1));
-    t.handleOrigin === "top-left" ? (c -= s / 2, d -= n / 2) : t.handleOrigin === "bottom-right" && (c += s / 2, d += n / 2);
+    const s = (e == null ? void 0 : e.width) !== void 0 ? e.width : ((I = t.geometry) == null ? void 0 : I.width) ?? t.width ?? 100, n = (e == null ? void 0 : e.height) !== void 0 ? e.height : ((M = t.geometry) == null ? void 0 : M.height) ?? t.height ?? 100, a = this.getWorldTransform(t.id), r = i - a.x, c = o - a.y, f = -a.rotation * (Math.PI / 180), h = Math.cos(f), u = Math.sin(f);
+    let l = (r * h - c * u) / Math.max(1e-3, Math.abs(a.scaleX || 1)), d = (r * u + c * h) / Math.max(1e-3, Math.abs(a.scaleY || 1));
+    t.handleOrigin === "top-left" ? (l -= s / 2, d -= n / 2) : t.handleOrigin === "bottom-right" && (l += s / 2, d += n / 2);
     const p = Math.min(s, n) * 0.45, y = Math.min(s, n) * 0.15, b = p - y;
-    let m = c / b, v = d / b;
+    let m = l / b, v = d / b;
     const S = Math.sqrt(m * m + v * v);
     t.boundsShape === "square" ? (m = Math.max(-1, Math.min(1, m)), v = Math.max(-1, Math.min(1, v))) : S > 1 && (m /= S, v /= S), t.deadzone !== void 0 && S < t.deadzone ? (m = 0, v = 0) : (t.stepX !== void 0 && t.stepX > 0 && (m = Math.round(m / t.stepX) * t.stepX), t.stepY !== void 0 && t.stepY > 0 && (v = Math.round(v / t.stepY) * t.stepY)), t.joystickType === "1D_X" ? v = 0 : t.joystickType === "1D_Y" && (m = 0);
     const C = e.handleX, w = e.handleY;
@@ -2544,49 +2544,49 @@ class ci {
       if (!e) return;
       let s = e.handleX ?? o.handleX ?? 0, n = e.handleY ?? o.handleY ?? 0;
       if (((a = o.inputBinding) == null ? void 0 : a.type) === "keyboard" && o.inputBinding.keyboardConfig) {
-        const l = o.inputBinding.keyboardConfig;
+        const c = o.inputBinding.keyboardConfig;
         let f = s, h = n;
-        const c = (l.speed || 5) * t;
+        const l = (c.speed || 5) * t;
         let d = !1;
-        this.activeKeys.has(l.upKey.toLowerCase()) && (h -= c, d = !0), this.activeKeys.has(l.downKey.toLowerCase()) && (h += c, d = !0), this.activeKeys.has(l.leftKey.toLowerCase()) && (f -= c, d = !0), this.activeKeys.has(l.rightKey.toLowerCase()) && (f += c, d = !0), o.joystickType === "1D_X" && (h = 0), o.joystickType === "1D_Y" && (f = 0);
+        this.activeKeys.has(c.upKey.toLowerCase()) && (h -= l, d = !0), this.activeKeys.has(c.downKey.toLowerCase()) && (h += l, d = !0), this.activeKeys.has(c.leftKey.toLowerCase()) && (f -= l, d = !0), this.activeKeys.has(c.rightKey.toLowerCase()) && (f += l, d = !0), o.joystickType === "1D_X" && (h = 0), o.joystickType === "1D_Y" && (f = 0);
         const p = Math.sqrt(f * f + h * h);
         p > 1 && (f /= p, h /= p), !d && o.isSpringReturn !== !1 && (f += (0 - f) * (10 * t), h += (0 - h) * (10 * t), Math.abs(f) < 0.01 && (f = 0), Math.abs(h) < 0.01 && (h = 0)), s = f, n = h;
       } else if (((r = o.inputBinding) == null ? void 0 : r.type) === "mouse" && o.inputBinding.mouseConfig) {
-        const l = o.inputBinding.mouseConfig;
+        const c = o.inputBinding.mouseConfig;
         let f = s, h = n;
-        const u = l.sensitivity || 0.01, c = Math.abs(this._mouseDelta.dx) > 0 || Math.abs(this._mouseDelta.dy) > 0;
-        l.axisX && (f += this._mouseDelta.dx * u), l.axisY && (h += this._mouseDelta.dy * u), o.joystickType === "1D_X" && (h = 0), o.joystickType === "1D_Y" && (f = 0);
+        const u = c.sensitivity || 0.01, l = Math.abs(this._mouseDelta.dx) > 0 || Math.abs(this._mouseDelta.dy) > 0;
+        c.axisX && (f += this._mouseDelta.dx * u), c.axisY && (h += this._mouseDelta.dy * u), o.joystickType === "1D_X" && (h = 0), o.joystickType === "1D_Y" && (f = 0);
         const d = Math.sqrt(f * f + h * h);
-        d > 1 && (f /= d, h /= d), !c && o.isSpringReturn !== !1 && (f += (0 - f) * (10 * t), h += (0 - h) * (10 * t), Math.abs(f) < 0.01 && (f = 0), Math.abs(h) < 0.01 && (h = 0)), s = f, n = h;
+        d > 1 && (f /= d, h /= d), !l && o.isSpringReturn !== !1 && (f += (0 - f) * (10 * t), h += (0 - h) * (10 * t), Math.abs(f) < 0.01 && (f = 0), Math.abs(h) < 0.01 && (h = 0)), s = f, n = h;
       }
       if (e.handleX = s, e.handleY = n, o.handleX = s, o.handleY = n, o.bindings && o.bindings.length > 0) {
-        const l = Math.sqrt(s * s + n * n);
+        const c = Math.sqrt(s * s + n * n);
         let f = Math.atan2(n, s) * (180 / Math.PI);
         f < 0 && (f += 360), o.bindings.forEach((h) => {
           var d, p, y, b, m, v, S, C;
           let u = 0;
-          h.sourceAxis === "x" ? u = o.invertX ? -s : s : h.sourceAxis === "y" ? u = o.invertY ? -n : n : h.sourceAxis === "distance" ? u = l : h.sourceAxis === "angle" && (u = f);
-          const c = (d = this.artboard) == null ? void 0 : d.objects.find((w) => w.id === h.targetObjectId);
-          if (c) {
+          h.sourceAxis === "x" ? u = o.invertX ? -s : s : h.sourceAxis === "y" ? u = o.invertY ? -n : n : h.sourceAxis === "distance" ? u = c : h.sourceAxis === "angle" && (u = f);
+          const l = (d = this.artboard) == null ? void 0 : d.objects.find((w) => w.id === h.targetObjectId);
+          if (l) {
             if (h.actionType === "bind" && h.targetProperty && h.isContinuous !== !1) {
-              const w = h.sourceMin ?? -1, M = h.sourceMax ?? 1, I = h.targetMin ?? 0, k = h.targetMax ?? 100;
+              const w = h.sourceMin ?? -1, I = h.sourceMax ?? 1, M = h.targetMin ?? 0, k = h.targetMax ?? 100;
               let T = !!h.isContinuous, R = 0, P = 0;
               if (T) {
-                if ((h.sourceAxis === "x" || h.sourceAxis === "y") && I >= 0) {
-                  const E = Math.max(Math.abs(w), Math.abs(M)) || 1;
+                if ((h.sourceAxis === "x" || h.sourceAxis === "y") && M >= 0) {
+                  const E = Math.max(Math.abs(w), Math.abs(I)) || 1;
                   P = u / E * k;
                 } else {
-                  let E = (u - w) / (M - w);
-                  E = Math.max(0, Math.min(1, E)), P = I + E * (k - I);
+                  let E = (u - w) / (I - w);
+                  E = Math.max(0, Math.min(1, E)), P = M + E * (k - M);
                 }
                 Math.abs(u) < 0.05 && (P = 0);
               } else {
-                const E = (u - w) / (M - w), A = Math.max(0, Math.min(1, E));
-                R = I + A * (k - I), h.step && h.step > 0 && (R = Math.round(R / h.step) * h.step);
+                const E = (u - w) / (I - w), A = Math.max(0, Math.min(1, E));
+                R = M + A * (k - M), h.step && h.step > 0 && (R = Math.round(R / h.step) * h.step);
               }
-              const _ = this.objectStates.get(c.id);
+              const _ = this.objectStates.get(l.id);
               if (_) {
-                const E = h.isRelative !== !1, A = E ? ((p = c.transform) == null ? void 0 : p.x) ?? 0 : 0, W = E ? ((y = c.transform) == null ? void 0 : y.y) ?? 0 : 0, z = E ? ((b = c.transform) == null ? void 0 : b.rotation) ?? 0 : 0, Y = E ? ((m = c.transform) == null ? void 0 : m.scale_x) ?? 1 : 0, G = E ? ((v = c.transform) == null ? void 0 : v.scale_y) ?? 1 : 0, N = E ? ((S = c.style) == null ? void 0 : S.opacity) ?? 100 : 0, J = t * 60, x = (F, j) => {
+                const E = h.isRelative !== !1, A = E ? ((p = l.transform) == null ? void 0 : p.x) ?? 0 : 0, W = E ? ((y = l.transform) == null ? void 0 : y.y) ?? 0 : 0, z = E ? ((b = l.transform) == null ? void 0 : b.rotation) ?? 0 : 0, Y = E ? ((m = l.transform) == null ? void 0 : m.scale_x) ?? 1 : 0, G = E ? ((v = l.transform) == null ? void 0 : v.scale_y) ?? 1 : 0, N = E ? ((S = l.style) == null ? void 0 : S.opacity) ?? 100 : 0, J = t * 60, x = (F, j) => {
                   let X = R;
                   if (T) {
                     const tt = `_internal_${F}_${h.id}`;
@@ -2598,14 +2598,14 @@ class ci {
                 };
                 h.targetProperty === "x" || h.targetProperty === "transform.x" ? x("x", A) : h.targetProperty === "y" || h.targetProperty === "transform.y" ? x("y", W) : h.targetProperty === "rotation" || h.targetProperty === "r" || h.targetProperty === "transform.rotation" ? x("rotation", z) : h.targetProperty === "scaleX" || h.targetProperty === "transform.scale_x" ? x("scale_x", Y) : h.targetProperty === "scaleY" || h.targetProperty === "transform.scale_y" ? x("scale_y", G) : (h.targetProperty === "opacity" || h.targetProperty === "transform.opacity") && x("opacity", N);
               }
-              (C = c.physics) != null && C.enabled && this.physicsEngine && (h.targetProperty === "x" || h.targetProperty === "transform.x" || h.targetProperty === "y" || h.targetProperty === "transform.y") && (h.targetProperty === "x" || h.targetProperty === "transform.x" ? this.physicsEngine.applyForce(c.id, (R - ((_ == null ? void 0 : _.x) || 0)) * 10, 0) : (h.targetProperty === "y" || h.targetProperty === "transform.y") && this.physicsEngine.applyForce(c.id, 0, (R - ((_ == null ? void 0 : _.y) || 0)) * 10));
+              (C = l.physics) != null && C.enabled && this.physicsEngine && (h.targetProperty === "x" || h.targetProperty === "transform.x" || h.targetProperty === "y" || h.targetProperty === "transform.y") && (h.targetProperty === "x" || h.targetProperty === "transform.x" ? this.physicsEngine.applyForce(l.id, (R - ((_ == null ? void 0 : _.x) || 0)) * 10, 0) : (h.targetProperty === "y" || h.targetProperty === "transform.y") && this.physicsEngine.applyForce(l.id, 0, (R - ((_ == null ? void 0 : _.y) || 0)) * 10));
             } else if (h.actionType === "playAnimation" || h.actionType === "stopAnimation" || h.actionType === "pauseAnimation") {
               let w = !1;
-              const M = h.threshold ?? 0;
-              h.condition === "always" ? w = !0 : h.condition === ">" ? w = u > M : h.condition === "<" ? w = u < M : h.condition === "==" && (w = Math.abs(u - M) < 0.01);
-              const I = e[`_prev_src_${h.id}`] ?? u;
+              const I = h.threshold ?? 0;
+              h.condition === "always" ? w = !0 : h.condition === ">" ? w = u > I : h.condition === "<" ? w = u < I : h.condition === "==" && (w = Math.abs(u - I) < 0.01);
+              const M = e[`_prev_src_${h.id}`] ?? u;
               let k = !1;
-              h.condition === "always" ? k = !0 : h.condition === ">" ? k = I > M : h.condition === "<" ? k = I < M : h.condition === "==" && (k = Math.abs(I - M) < 0.01), e[`_prev_src_${h.id}`] = u, w && !k && h.targetAnimationId && (h.actionType === "playAnimation" || h.actionType);
+              h.condition === "always" ? k = !0 : h.condition === ">" ? k = M > I : h.condition === "<" ? k = M < I : h.condition === "==" && (k = Math.abs(M - I) < 0.01), e[`_prev_src_${h.id}`] = u, w && !k && h.targetAnimationId && (h.actionType === "playAnimation" || h.actionType);
             }
           }
         });
@@ -2613,7 +2613,7 @@ class ci {
     }), this._mouseDelta.dx = 0, this._mouseDelta.dy = 0);
   }
   applyBlendState(t, i) {
-    var l, f, h, u, c, d, p, y;
+    var c, f, h, u, l, d, p, y;
     if (!t.blendAnimations || t.blendAnimations.length === 0) return;
     let o = 0, e = 0;
     t.blendInputX && (o = this.inputs.get(t.blendInputX) ?? 0), t.blendInputY && (e = this.inputs.get(t.blendInputY) ?? 0);
@@ -2622,7 +2622,7 @@ class ci {
     if (t.blendType === "1D") {
       const b = [...t.blendAnimations].sort((m, v) => m.position[0] - v.position[0]);
       if (b.length === 1) {
-        const m = (f = (l = this.artboard) == null ? void 0 : l.animations) == null ? void 0 : f.find((v) => v.id === b[0].animationId);
+        const m = (f = (c = this.artboard) == null ? void 0 : c.animations) == null ? void 0 : f.find((v) => v.id === b[0].animationId);
         m && (s.push({ anim: m, weight: 1 }), n = 1);
       } else {
         let m = 0;
@@ -2632,24 +2632,24 @@ class ci {
           const v = (u = (h = this.artboard) == null ? void 0 : h.animations) == null ? void 0 : u.find((S) => S.id === b[m].animationId);
           v && (s.push({ anim: v, weight: 1 }), n = 1);
         } else {
-          const v = b[m].position[0], S = b[m + 1].position[0], C = (d = (c = this.artboard) == null ? void 0 : c.animations) == null ? void 0 : d.find((T) => T.id === b[m].animationId), w = (y = (p = this.artboard) == null ? void 0 : p.animations) == null ? void 0 : y.find((T) => T.id === b[m + 1].animationId), M = Math.max(1e-3, S - v);
-          let I = (o - v) / M;
-          I = Math.max(0, Math.min(1, I));
-          const k = 1 - I;
-          C && (s.push({ anim: C, weight: k }), n += k), w && (s.push({ anim: w, weight: I }), n += I);
+          const v = b[m].position[0], S = b[m + 1].position[0], C = (d = (l = this.artboard) == null ? void 0 : l.animations) == null ? void 0 : d.find((T) => T.id === b[m].animationId), w = (y = (p = this.artboard) == null ? void 0 : p.animations) == null ? void 0 : y.find((T) => T.id === b[m + 1].animationId), I = Math.max(1e-3, S - v);
+          let M = (o - v) / I;
+          M = Math.max(0, Math.min(1, M));
+          const k = 1 - M;
+          C && (s.push({ anim: C, weight: k }), n += k), w && (s.push({ anim: w, weight: M }), n += M);
         }
       }
     } else
       t.blendAnimations.forEach((b) => {
-        var w, M;
-        const m = (M = (w = this.artboard) == null ? void 0 : w.animations) == null ? void 0 : M.find((I) => I.id === b.animationId);
+        var w, I;
+        const m = (I = (w = this.artboard) == null ? void 0 : w.animations) == null ? void 0 : I.find((M) => M.id === b.animationId);
         if (!m) return;
         const v = b.position[0] - o, S = b.position[1] - e, C = v * v + S * S;
         if (C < 1e-4)
           s.push({ anim: m, weight: 1e4 }), n += 1e4;
         else {
-          const I = 1 / C;
-          s.push({ anim: m, weight: I }), n += I;
+          const M = 1 / C;
+          s.push({ anim: m, weight: M }), n += M;
         }
       });
     if (n === 0) return;
@@ -2663,38 +2663,38 @@ class ci {
         var R, P;
         const S = v.object_id || v.objectId, C = v.property, w = (R = this.artboard) == null ? void 0 : R.objects.find((_) => _.id === S);
         if (((P = w == null ? void 0 : w.physics) == null ? void 0 : P.enabled) && w.physics.bodyType !== "Static" && (C === "x" || C === "y" || C === "rotation")) return;
-        const I = this.interpolate(v.keyframes, i);
-        if (I === void 0) return;
+        const M = this.interpolate(v.keyframes, i);
+        if (M === void 0) return;
         let k = a.get(S);
         k || (k = /* @__PURE__ */ new Map(), a.set(S, k));
         let T = k.get(C);
         if (!T) {
-          if (typeof I == "number")
+          if (typeof M == "number")
             T = { type: "number", value: 0 };
-          else if (typeof I == "string" && I.startsWith("#"))
-            T = { type: "color", value: I, colorAcc: { r: 0, g: 0, b: 0, a: 0 } };
-          else if (T = { type: "number", value: I }, m < 0.5) return;
+          else if (typeof M == "string" && M.startsWith("#"))
+            T = { type: "color", value: M, colorAcc: { r: 0, g: 0, b: 0, a: 0 } };
+          else if (T = { type: "number", value: M }, m < 0.5) return;
           k.set(C, T);
         }
-        if (T.type === "number" && typeof I == "number")
-          T.value += I * m;
-        else if (T.type === "color" && typeof I == "string" && T.colorAcc) {
-          const _ = r(I);
+        if (T.type === "number" && typeof M == "number")
+          T.value += M * m;
+        else if (T.type === "color" && typeof M == "string" && T.colorAcc) {
+          const _ = r(M);
           _ && (T.colorAcc.r += _.r * m, T.colorAcc.g += _.g * m, T.colorAcc.b += _.b * m, T.colorAcc.a += _.a * m);
         } else
-          m > 0.5 && (T.value = I);
+          m > 0.5 && (T.value = M);
       });
     }), a.forEach((b, m) => {
       var C;
       const v = this.objectStates.get(m), S = (C = this.artboard) == null ? void 0 : C.objects.find((w) => w.id === m);
-      !v || !S || b.forEach((w, M) => {
-        let I = w.value;
+      !v || !S || b.forEach((w, I) => {
+        let M = w.value;
         if (w.type === "color" && w.colorAcc) {
           const k = Math.round(w.colorAcc.r).toString(16).padStart(2, "0"), T = Math.round(w.colorAcc.g).toString(16).padStart(2, "0"), R = Math.round(w.colorAcc.b).toString(16).padStart(2, "0");
-          I = `#${k}${T}${R}`;
+          M = `#${k}${T}${R}`;
         }
-        if (M.includes(".")) {
-          const k = (M || "").split(".");
+        if (I.includes(".")) {
+          const k = (I || "").split(".");
           let T = v;
           for (let R = 0; R < k.length - 1; R++) {
             if (typeof T[k[R]] != "object" || T[k[R]] === null) {
@@ -2709,15 +2709,15 @@ class ci {
             }
             T = T[k[R]];
           }
-          T[k[k.length - 1]] = I, k[k.length - 1] === "color" && (k[k.length - 2] === "fill" || k[k.length - 2] === "stroke") && (T.type = "Solid");
+          T[k[k.length - 1]] = M, k[k.length - 1] === "color" && (k[k.length - 2] === "fill" || k[k.length - 2] === "stroke") && (T.type = "Solid");
         } else
-          M === "fill" ? (v.style || (v.style = {}), v.style.fill = I) : M === "stroke" ? (v.style || (v.style = {}), v.style.stroke = I) : v[M] = I;
+          I === "fill" ? (v.style || (v.style = {}), v.style.fill = M) : I === "stroke" ? (v.style || (v.style = {}), v.style.stroke = M) : v[I] = M;
       });
     });
   }
   applyAnimation(t, i, o) {
     !t || !t.tracks || t.tracks.forEach((e) => {
-      var h, u, c;
+      var h, u, l;
       const s = e.object_id || e.objectId;
       if (o) {
         if (Array.isArray(o)) {
@@ -2729,8 +2729,8 @@ class ci {
       let r = e.property;
       if (a && (r === "x" || r === "y" || r === "rotation"))
         return;
-      const l = this.objectStates.get(s);
-      if (!l) {
+      const c = this.objectStates.get(s);
+      if (!c) {
         this.frameCount % 600 === 0 && this.debugLog(`Skipping track: Object ${s} not found in state`);
         return;
       }
@@ -2742,7 +2742,7 @@ class ci {
         }
         if (r.includes(".")) {
           const d = (r || "").split(".");
-          let p = l;
+          let p = c;
           for (let y = 0; y < d.length - 1; y++) {
             if (typeof p[d[y]] != "object" || p[d[y]] === null) {
               let b = n;
@@ -2758,8 +2758,8 @@ class ci {
           }
           p[d[d.length - 1]] = f, d[d.length - 1] === "color" && (d[d.length - 2] === "fill" || d[d.length - 2] === "stroke") && (p.type = "Solid");
         } else
-          r === "fill" ? (l.style || (l.style = {}), l.style.fill = f) : r === "stroke" ? (l.style || (l.style = {}), l.style.stroke = f) : l[r] = f;
-        if (this.physicsEngine && ((c = n == null ? void 0 : n.physics) != null && c.enabled) && n.physics.bodyType === "Static")
+          r === "fill" ? (c.style || (c.style = {}), c.style.fill = f) : r === "stroke" ? (c.style || (c.style = {}), c.style.stroke = f) : c[r] = f;
+        if (this.physicsEngine && ((l = n == null ? void 0 : n.physics) != null && l.enabled) && n.physics.bodyType === "Static")
           if (r === "x") {
             const d = this.physicsEngine.getPosition(s);
             d && this.physicsEngine.setPosition(s, f, d.y);
@@ -2790,8 +2790,8 @@ class ci {
     }
     if (Array.isArray(o.value) && Array.isArray(e.value))
       return o.value.length === e.value.length ? o.value.map((a, r) => {
-        const l = e.value[r];
-        return typeof a == "number" && typeof l == "number" ? a + (l - a) * n : n < 0.5 ? a : l;
+        const c = e.value[r];
+        return typeof a == "number" && typeof c == "number" ? a + (c - a) * n : n < 0.5 ? a : c;
       }) : n < 0.5 ? o.value : e.value;
     if (typeof o.value == "object" && typeof e.value == "object" && o.value !== null && e.value !== null) {
       if (o.value.width !== void 0 && o.value.color !== void 0)
@@ -2799,9 +2799,9 @@ class ci {
       if (o.value.type && e.value.type)
         return this.interpolateFill(o.value, e.value, n);
       const a = {};
-      return (/* @__PURE__ */ new Set([...Object.keys(o.value), ...Object.keys(e.value)])).forEach((l) => {
-        const f = o.value[l], h = e.value[l];
-        typeof f == "number" && typeof h == "number" ? a[l] = f + (h - f) * n : f === void 0 ? a[l] = h : h === void 0 ? a[l] = f : a[l] = n < 0.5 ? f : h;
+      return (/* @__PURE__ */ new Set([...Object.keys(o.value), ...Object.keys(e.value)])).forEach((c) => {
+        const f = o.value[c], h = e.value[c];
+        typeof f == "number" && typeof h == "number" ? a[c] = f + (h - f) * n : f === void 0 ? a[c] = h : h === void 0 ? a[c] = f : a[c] = n < 0.5 ? f : h;
       }), a;
     }
     return typeof o.value == "number" && typeof e.value == "number" ? o.value + (e.value - o.value) * n : n < 0.5 ? o.value : e.value;
@@ -2820,11 +2820,11 @@ class ci {
         g: parseInt(b.substring(2, 4), 16),
         b: parseInt(b.substring(4, 6), 16)
       };
-    }, r = a(s), l = a(n), f = Math.round(r.r + (l.r - r.r) * o), h = Math.round(r.g + (l.g - r.g) * o), u = Math.round(r.b + (l.b - r.b) * o), c = (y) => {
+    }, r = a(s), c = a(n), f = Math.round(r.r + (c.r - r.r) * o), h = Math.round(r.g + (c.g - r.g) * o), u = Math.round(r.b + (c.b - r.b) * o), l = (y) => {
       const b = Math.max(0, Math.min(255, y)).toString(16);
       return b.length === 1 ? "0" + b : b;
     };
-    return `#${c(f)}${c(h)}${c(u)}`;
+    return `#${l(f)}${l(h)}${l(u)}`;
   }
   interpolateStops(t, i, o) {
     return !t || !i || t.length !== i.length ? o < 0.5 ? t : i : t.map((e, s) => {
@@ -2872,63 +2872,63 @@ class ci {
     );
     if (t.save(), t.translate(Math.round(a.tx), Math.round(a.ty)), t.scale(a.scaleX, a.scaleY), this.rootTransform = t.getTransform(), this.artboard.backgroundVisible !== !1 && (t.fillStyle = this.artboard.backgroundColor || "#000000", t.fillRect(0, 0, s, n)), this.artboard.backgroundImage) {
       const u = this.artboard.backgroundImage;
-      let c = this.imageCache.get(u);
-      if (c || (c = new Image(), c.src = u, this.imageCache.set(u, c)), c.complete && c.naturalWidth > 0) {
+      let l = this.imageCache.get(u);
+      if (l || (l = new Image(), l.src = u, this.imageCache.set(u, l)), l.complete && l.naturalWidth > 0) {
         t.save(), t.globalAlpha = this.normalizeOpacity(this.artboard.backgroundOpacity ?? 100);
-        const d = c.naturalWidth / c.naturalHeight, p = s / n;
+        const d = l.naturalWidth / l.naturalHeight, p = s / n;
         let y, b, m, v;
-        p > d ? (y = s, b = s / d) : (b = n, y = n * d), m = (s - y) / 2, v = (n - b) / 2, t.drawImage(c, m, v, y, b), t.restore();
+        p > d ? (y = s, b = s / d) : (b = n, y = n * d), m = (s - y) / 2, v = (n - b) / 2, t.drawImage(l, m, v, y, b), t.restore();
       }
     }
     (this.artboard.clipContent === !0 || this.artboard.clip_content === !0) && (t.beginPath(), t.rect(0, 0, s, n), t.clip());
-    const l = /* @__PURE__ */ new Map();
-    this.artboard.objects.forEach((u) => l.set(u.id, u)), this.artboard.objects.filter((u) => !u.parentId).map((u, c) => {
-      const d = this.objectStates.get(u.id), p = (d == null ? void 0 : d.zIndex) ?? c;
+    const c = /* @__PURE__ */ new Map();
+    this.artboard.objects.forEach((u) => c.set(u.id, u)), this.artboard.objects.filter((u) => !u.parentId).map((u, l) => {
+      const d = this.objectStates.get(u.id), p = (d == null ? void 0 : d.zIndex) ?? l;
       return { obj: u, zIndex: p };
-    }).sort((u, c) => u.zIndex - c.zIndex).forEach(({ obj: u }) => {
-      this.renderObject(t, u, l);
-    }), this._emitterPools.forEach((u, c) => {
-      if (!(u.length === 0 || !l.get(c)))
+    }).sort((u, l) => u.zIndex - l.zIndex).forEach(({ obj: u }) => {
+      this.renderObject(t, u, c);
+    }), this._emitterPools.forEach((u, l) => {
+      if (!(u.length === 0 || !c.get(l)))
         for (const p of u)
           t.save(), t.globalAlpha = p.opacity, t.fillStyle = p.color, t.beginPath(), t.arc(p.x, p.y, Math.max(1, p.size * p.opacity), 0, Math.PI * 2), t.fill(), t.restore();
     }), this.lastRenderTime = performance.now() - e, this.debugMode && this.frameCount % 60 === 0 && this.log(`[Engine Debug] Rendered ${this.debug_objectsRendered}/${this.debug_objectsTotal} objects in ${this.lastRenderTime.toFixed(2)}ms`), t.restore();
   }
   isObjectInView(t, i, o, e, s, n = 0) {
-    const a = t.getTransform(), r = i * a.a + o * a.c + a.e, l = i * a.b + o * a.d + a.f, f = Math.sqrt(a.a * a.a + a.b * a.b), h = Math.sqrt(a.c * a.c + a.d * a.d), u = (e / 2 + n) * f, c = (s / 2 + n) * h;
-    return r + u >= 0 && r - u <= this.canvasWidth && l + c >= 0 && l - c <= this.canvasHeight;
+    const a = t.getTransform(), r = i * a.a + o * a.c + a.e, c = i * a.b + o * a.d + a.f, f = Math.sqrt(a.a * a.a + a.b * a.b), h = Math.sqrt(a.c * a.c + a.d * a.d), u = (e / 2 + n) * f, l = (s / 2 + n) * h;
+    return r + u >= 0 && r - u <= this.canvasWidth && c + l >= 0 && c - l <= this.canvasHeight;
   }
   calculateTransform(t, i, o, e, s, n) {
-    let a = 1, r = 1, l = 1;
+    let a = 1, r = 1, c = 1;
     const f = o / e, h = t / i;
     switch (s) {
       case "Contain":
-        h > f ? l = i / e : l = t / o, a = r = l;
+        h > f ? c = i / e : c = t / o, a = r = c;
         break;
       case "Cover":
-        h > f ? l = t / o : l = i / e, a = r = l;
+        h > f ? c = t / o : c = i / e, a = r = c;
         break;
       case "Fill":
         a = t / o, r = i / e;
         break;
       case "FitWidth":
-        l = t / o, a = r = l;
+        c = t / o, a = r = c;
         break;
       case "FitHeight":
-        l = i / e, a = r = l;
+        c = i / e, a = r = c;
         break;
       case "None":
         a = r = 1;
         break;
       case "ScaleDown":
-        l = Math.min(t / o, i / e), l > 1 && (l = 1), a = r = l;
+        c = Math.min(t / o, i / e), c > 1 && (c = 1), a = r = c;
         break;
       default:
         a = r = 1;
         break;
     }
-    const u = o * a, c = e * r;
+    const u = o * a, l = e * r;
     let d = 0, p = 0;
-    return n.includes("Left") ? d = 0 : n.includes("Right") ? d = t - u : d = (t - u) / 2, n.includes("Top") ? p = 0 : n.includes("Bottom") ? p = i - c : p = (i - c) / 2, { scaleX: a, scaleY: r, tx: d, ty: p };
+    return n.includes("Left") ? d = 0 : n.includes("Right") ? d = t - u : d = (t - u) / 2, n.includes("Top") ? p = 0 : n.includes("Bottom") ? p = i - l : p = (i - l) / 2, { scaleX: a, scaleY: r, tx: d, ty: p };
   }
   mapFontWeight(t) {
     const i = t.toLowerCase();
@@ -2950,7 +2950,7 @@ class ci {
   }
   */
   renderObject(t, i, o) {
-    var p, y, b, m, v, S, C, w, M, I, k, T, R, P, _, E, A, W, z, Y, G, N, J, x, F, j;
+    var p, y, b, m, v, S, C, w, I, M, k, T, R, P, _, E, A, W, z, Y, G, N, J, x, F, j;
     const e = this.objectStates.get(i.id);
     if (!e) {
       this.warn("No state for object:", i.id);
@@ -2965,10 +2965,10 @@ class ci {
         X = Math.min(X, D.x), tt = Math.max(tt, D.x), L = Math.min(L, D.y), O = Math.max(O, D.y);
       }), a === 0 && (a = tt - X), r === 0 && (r = O - L);
     }
-    const l = (X) => {
+    const c = (X) => {
       if (X)
         return X.corner_radius ?? X.cornerRadius;
-    }, f = l(e) ?? l(n) ?? l(s) ?? l(i.style) ?? l(i.geometry) ?? 0;
+    }, f = c(e) ?? c(n) ?? c(s) ?? c(i.style) ?? c(i.geometry) ?? 0;
     let h = { ...s, width: a, height: r };
     if (delete h.cornerRadius, h.corner_radius = f, h.type === "Path" && i.weights && i.bindMatrices && h.points) {
       const X = this.getGlobalTransform(i.id);
@@ -2985,10 +2985,10 @@ class ci {
     }
     if (e.visible === !1)
       return;
-    const u = i.repeaterConfig, c = u && u.isEnabled && u.count > 1, d = c ? u.count : 1;
+    const u = i.repeaterConfig, l = u && u.isEnabled && u.count > 1, d = l ? u.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, L = e.y !== void 0 ? e.y : ((m = e.transform) == null ? void 0 : m.y) ?? 0, O = e.rotation !== void 0 ? e.rotation : ((v = e.transform) == null ? void 0 : v.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 (l && X > 0) {
         if (u.type === "Linear") {
           const ht = u.offsetX || 0, ut = u.offsetY || 0, at = u.rotation || 0, B = u.scale !== void 0 ? u.scale : 1;
           tt += X * ht, L += X * ut, O += X * at, D *= Math.pow(B, X), q *= Math.pow(B, X);
@@ -3002,7 +3002,7 @@ class ci {
       }
       const ot = i.type === "Group" || i.type === "Frame" || i.type === "Component", yt = a > 0 && r > 0;
       if (!ot && yt) {
-        const ht = (((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;
+        const ht = (((w = n.shadow) == null ? void 0 : w.isEnabled) !== !1 ? (((I = n.shadow) == null ? void 0 : I.blur) || 0) + 10 : 0) + (((M = n.blur) == null ? void 0 : M.isEnabled) !== !1 && ((k = n.blur) == null ? void 0 : k.radius) || 0) + 20;
         if (!this.isObjectInView(t, tt, L, a, r, ht))
           continue;
       }
@@ -3491,7 +3491,7 @@ class ci {
         t.restore();
     }
   }
-  _renderText(t, i, o, e, s, n, a, r = !1, l = !1, f = 1, h = 1) {
+  _renderText(t, i, o, e, s, n, a, r = !1, c = !1, f = 1, h = 1) {
     var yt, bt, gt, Et, It, vt, Yt, ie, fe;
     let u = o.text || "";
     if (o.textInputId && !r) {
@@ -3507,10 +3507,10 @@ class ci {
       t.fill(_t), t.restore();
       return;
     }
-    let c = u || "";
-    o.enableSegments === !0 && o.segments && Array.isArray(o.segments) && (c = o.segments.map((st) => st && st.text ? st.text : "").join(""));
+    let l = u || "";
+    o.enableSegments === !0 && o.segments && Array.isArray(o.segments) && (l = o.segments.map((st) => st && st.text ? st.text : "").join(""));
     const d = o.textCase || "none";
-    d === "uppercase" ? c = c.toUpperCase() : d === "lowercase" ? c = c.toLowerCase() : d === "capitalize" && (c = c.replace(/\b\w/g, (st) => st.toUpperCase()));
+    d === "uppercase" ? l = l.toUpperCase() : d === "lowercase" ? l = l.toLowerCase() : d === "capitalize" && (l = l.replace(/\b\w/g, (st) => st.toUpperCase()));
     let p = ((Et = o.fontWeight) == null ? void 0 : Et.toString()) || "400", y = o.fontStyle || "normal";
     p.toLowerCase().includes("italic") && (y = "italic", p = p.replace(/italic/gi, "").trim() || "400");
     const b = this.mapFontWeight(p), m = Math.max(1, o.fontSize || 32);
@@ -3520,9 +3520,9 @@ class ci {
       const mt = new RegExp(`[\\s-]${st}$`, "i");
       mt.test(v) && (v = v.replace(mt, "").trim());
     });
-    const M = `${o.smallCaps === !0 ? "small-caps " : ""}${y} ${b} ${m}px "${v}", sans-serif`;
-    t.font = M;
-    const I = o.textVerticalAlign || "top";
+    const I = `${o.smallCaps === !0 ? "small-caps " : ""}${y} ${b} ${m}px "${v}", sans-serif`;
+    t.font = I;
+    const M = o.textVerticalAlign || "top";
     t.textBaseline = "top";
     const k = o.textAlign || "left";
     t.textAlign = k;
@@ -3542,7 +3542,7 @@ class ci {
     const A = (E || 1.2) * m, W = o.isPointText === !0 || !o.width || o.width <= 0, z = ((It = o.padding) == null ? void 0 : It.left) || ((vt = o.padding) == null ? void 0 : vt.right) || 0, Y = W ? 1e5 : o.width && o.width > 0 ? Math.ceil(o.width) - z * 2 : 1e5;
     o.autoHeight;
     const G = ps({
-      text: c,
+      text: l,
       fontFamily: v,
       fontSize: m,
       fontWeight: b,
@@ -3562,7 +3562,7 @@ class ci {
     let j = G.height, X = n, tt = a;
     if (X === 0 || tt === 0 || X >= 1e5) {
       let st = 0, mt = 0;
-      const Lt = G.fullText || c;
+      const Lt = G.fullText || l;
       (N || []).forEach((_t) => {
         const dt = _t.text || "", Ft = t.measureText(dt).width + (dt.length > 0 ? (dt.length - 1) * T : 0);
         Ft > st && (st = Ft), mt += dt.length, mt < Lt.length && (Lt[mt] === `
@@ -3571,7 +3571,7 @@ class ci {
       }), (X === 0 || X >= 1e5) && (X = st), tt === 0 && (tt = j || 0);
     }
     let L = -j / 2;
-    a > 0 && a > j && (I === "top" ? L = -a / 2 : I === "middle" || I === "center" ? L = -j / 2 : I === "bottom" && (L = a / 2 - j)), L += F;
+    a > 0 && a > j && (M === "top" ? L = -a / 2 : M === "middle" || M === "center" ? L = -j / 2 : M === "bottom" && (L = a / 2 - j)), L += F;
     let O = null, D = 0;
     if (o.pathId && this.artboard) {
       const st = this.artboard.objects.find((mt) => mt.id === o.pathId);
@@ -3610,18 +3610,18 @@ class ci {
       return Lt - (st.length > 0 ? T : 0);
     }, ot = (st, mt, Lt, _t, dt) => {
       var me, ye;
-      const Dt = (dt === 0 || c[dt - 1] === `
-` || c[dt - 1] === "\r") && o.paragraphIndent ? o.paragraphIndent : 0, $t = (!r || l) && (i.behaviors || []).some(
+      const Dt = (dt === 0 || l[dt - 1] === `
+` || l[dt - 1] === "\r") && o.paragraphIndent ? o.paragraphIndent : 0, $t = (!r || c) && (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, ne = Lt + Vt;
       if (Ot)
-        t.font = M, _t ? t.strokeText(st, mt + Dt, ne) : t.fillText(st, mt + Dt, ne);
+        t.font = I, _t ? t.strokeText(st, mt + Dt, ne) : t.fillText(st, mt + Dt, ne);
       else {
         const Ut = q(st, dt);
         let Se = mt + Dt;
         k === "center" ? Se -= Ut / 2 : k === "right" && (Se -= Ut);
-        const Pe = dt + st.length >= c.length || c[dt + st.length] === `
-` || c[dt + st.length] === "\r";
+        const Pe = dt + st.length >= l.length || l[dt + st.length] === `
+` || l[dt + st.length] === "\r";
         let Ee = 0, Ce = 0;
         const Ae = o.justifyMinWordSpacing, xe = o.justifyMaxWordSpacing;
         if (k === "justify" && !Pe && Ut > 0 && !o.pathId) {
@@ -3637,7 +3637,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));
         let jt = Se;
-        const ht = r && !l ? [] : ((me = i.behaviors) == null ? void 0 : me.filter(
+        const ht = r && !c ? [] : ((me = i.behaviors) == null ? void 0 : me.filter(
           (ut) => [
             U.Typewriter,
             U.Scramble,
@@ -3790,7 +3790,7 @@ class ci {
               Kt = ct.fontSize || m, t.font = `${V} ${rt} ${Kt}px "${Ct}", sans-serif`, ct.fill && ($ = ct.fill), ct.textDecoration && (Wt = ct.textDecoration), Kt < J && (Q += (J - Kt) * 0.85);
             }
           } else
-            t.font = M;
+            t.font = I;
           const te = t.globalAlpha;
           t.globalAlpha *= At, t.save();
           const Jt = t.measureText(Mt).width;
@@ -3799,16 +3799,16 @@ class ci {
             t.translate(rt.x + St + et, rt.y + Xt), t.rotate(V + kt + (nt === -1 ? Math.PI : 0));
           } else
             t.translate(jt + et + Jt / 2, Lt + Q), kt !== 0 && t.rotate(kt);
-          if (t.scale(Pt, xt), $ && !r && !l) {
+          if (t.scale(Pt, xt), $ && !r && !c) {
             const pt = this.createCanvasFill(t, $, X, tt);
             t.fillStyle = pt || $.color || "#000000";
-          } else if (!r && !l) {
+          } else if (!r && !c) {
             const pt = this.createCanvasFill(t, e.fill, X, tt);
             t.fillStyle = pt || e.fill.color || "#000000";
           }
           if (At > 0)
-            if (r || l) {
-              const pt = l ? "#000000" : this.createCanvasFill(t, e.fill, X, tt);
+            if (r || c) {
+              const pt = c ? "#000000" : this.createCanvasFill(t, e.fill, X, tt);
               t.fillStyle = pt || e.fill.color || "#ffffff", t.fillText(Mt, -Jt / 2, 0);
             } else _t ? t.strokeText(Mt, -Jt / 2, 0) : t.fillText(Mt, -Jt / 2, 0);
           Wt !== "none" && !r && this.drawTextDecoration(t, Wt, 0, 0, Jt, Kt), t.restore(), t.globalAlpha = te, k === "justify" && Ee > 0 && Mt === " " && !Pe ? jt += Jt + T + Ee : jt += Jt + T;
@@ -3818,18 +3818,18 @@ class ci {
     if (r) {
       let st = 0, mt = L;
       (N || []).forEach((Lt) => {
-        const _t = Lt.text || "", dt = c.indexOf(_t, st);
+        const _t = Lt.text || "", dt = l.indexOf(_t, st);
         dt !== -1 && (st = dt);
         let Ft = -X / 2;
         k === "center" ? Ft = 0 : k === "right" && (Ft = X / 2), ot(_t, Ft, mt, !1, st), st += _t.length, mt += A;
       });
-    } else if (l) {
+    } else if (c) {
       let st = 0, mt = L;
       (N || []).forEach((Lt) => {
         const _t = Lt.text || "";
         let dt = -X / 2;
-        k === "center" ? dt = 0 : k === "right" && (dt = X / 2), ot(_t, dt, mt, !1, st), st += _t.length, st < c.length && (c[st] === `
-` || c[st] === "\r") && (st++, c[st - 1] === "\r" && c[st] === `
+        k === "center" ? dt = 0 : k === "right" && (dt = X / 2), ot(_t, dt, mt, !1, st), st += _t.length, st < l.length && (l[st] === `
+` || l[st] === "\r") && (st++, l[st - 1] === "\r" && l[st] === `
 ` && st++), mt += A;
       });
     } else {
@@ -3840,7 +3840,7 @@ class ci {
           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;
-        }).join("") : c);
+        }).join("") : l);
         let dt = 0, Ft = L;
         (N || []).forEach((Dt) => {
           const $t = Dt.text || "";
@@ -3855,8 +3855,8 @@ class ci {
         let mt = 0;
         (N || []).forEach((Lt, _t) => {
           var Dt, $t;
-          const Ft = mt === 0 || mt < c.length && (c[mt] === `
-` || c[mt] === "\r");
+          const Ft = mt === 0 || mt < l.length && (l[mt] === `
+` || l[mt] === "\r");
           if (Ft && _t > 0 && mt++, Ft) {
             if (((Dt = st.top) == null ? void 0 : Dt.width) > 0) {
               const Ot = L + _t * A - st.top.offset;
@@ -3887,8 +3887,8 @@ class ci {
         let dt = 0, Ft = L;
         (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] === `
-` || c[dt] === "\r") && (_ > 0 && (Ft += _), dt++, c[dt - 1] === "\r" && c[dt] === `
+          k === "center" ? $t = 0 : k === "right" && ($t = X / 2), ot(Dt.text, $t, Ft, !0, dt), dt += (Dt.text || "").length, Ft += A, dt < l.length && (l[dt] === `
+` || l[dt] === "\r") && (_ > 0 && (Ft += _), dt++, l[dt - 1] === "\r" && l[dt] === `
 ` && dt++);
         }), t.globalAlpha = mt;
       }
@@ -3896,34 +3896,34 @@ class ci {
   }
   applyStrokeAlignment(t, i, o, e, s, n, a = 1, r = 1) {
     if (!i.stroke || i.stroke.width <= 0 || i.stroke.isEnabled === !1) return;
-    const l = i.stroke;
+    const c = i.stroke;
     let f = 1;
     if (this.rootTransform) {
-      const S = t.getTransform(), C = Math.sqrt(S.a * S.a + S.b * S.b) || 1, w = this.rootTransform, M = Math.sqrt(w.a * w.a + w.b * w.b) || 1;
-      f = C / M;
+      const S = t.getTransform(), C = Math.sqrt(S.a * S.a + S.b * S.b) || 1, w = this.rootTransform, I = Math.sqrt(w.a * w.a + w.b * w.b) || 1;
+      f = C / I;
     } else
       f = (Math.abs(a) + Math.abs(r)) / 2 || 1;
-    const h = (l.width || 1) / (f || 1), u = (l.alignment || "center").toLowerCase();
-    if (t.save(), i.fill && i.fill.type !== "None" && i.fill.isEnabled !== !1 && i.fill.opacity !== 0 && i.fill.color !== "transparent" && i.fill.color !== "rgba(0,0,0,0)" && (t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0), l.fill) {
-      const S = this.createCanvasFill(t, l.fill, e, s);
-      S ? t.strokeStyle = S : t.strokeStyle = l.color || "#000000";
+    const h = (c.width || 1) / (f || 1), u = (c.alignment || "center").toLowerCase();
+    if (t.save(), i.fill && i.fill.type !== "None" && i.fill.isEnabled !== !1 && i.fill.opacity !== 0 && i.fill.color !== "transparent" && i.fill.color !== "rgba(0,0,0,0)" && (t.shadowColor = "transparent", t.shadowBlur = 0, t.shadowOffsetX = 0, t.shadowOffsetY = 0), c.fill) {
+      const S = this.createCanvasFill(t, c.fill, e, s);
+      S ? t.strokeStyle = S : t.strokeStyle = c.color || "#000000";
     } else
-      t.strokeStyle = l.color || "#000000";
+      t.strokeStyle = c.color || "#000000";
     const d = t.globalAlpha;
-    t.globalAlpha = d * this.normalizeOpacity(l.opacity ?? 100), t.lineWidth = h, t.lineCap = l.lineCap || "round", t.lineJoin = l.lineJoin || "round", l.miterLimit !== void 0 && (t.miterLimit = l.miterLimit);
-    const p = l.trimStart ?? 0, y = l.trimEnd ?? 1, b = l.trimOffset ?? 0, m = l.dashOffset ?? 0, v = l.dashArray || [];
+    t.globalAlpha = d * this.normalizeOpacity(c.opacity ?? 100), t.lineWidth = h, t.lineCap = c.lineCap || "round", t.lineJoin = c.lineJoin || "round", c.miterLimit !== void 0 && (t.miterLimit = c.miterLimit);
+    const p = c.trimStart ?? 0, y = c.trimEnd ?? 1, b = c.trimOffset ?? 0, m = c.dashOffset ?? 0, v = c.dashArray || [];
     if (p !== 0 || y !== 1 || b !== 0) {
       const S = this.getPerimeter(o, e, s);
       if (S > 0) {
         const C = Math.max(0, Math.min(1, p)), w = Math.max(0, Math.min(1, y));
         if (C < w) {
-          const M = S * (w - C), I = S - M, k = -(S * (C + b % 1));
-          t.setLineDash([M, I]), t.lineDashOffset = k + m * S;
+          const I = S * (w - C), M = S - I, k = -(S * (C + b % 1));
+          t.setLineDash([I, M]), t.lineDashOffset = k + m * S;
         } else if (C === w)
           t.setLineDash([0, S]);
         else {
-          const M = S * (1 - C + w), I = S - M, k = -(S * C);
-          t.setLineDash([M, I]), t.lineDashOffset = k + m * S;
+          const I = S * (1 - C + w), M = S - I, k = -(S * C);
+          t.setLineDash([I, M]), t.lineDashOffset = k + m * S;
         }
       }
     } else v.length > 0 && (t.setLineDash(v), t.lineDashOffset = m);
@@ -3946,12 +3946,12 @@ class ci {
       case "Ellipse": {
         const e = Math.abs(i) / 2, s = Math.abs(o) / 2, n = Math.abs(t.sweepAngle ?? 360), a = t.ratio || 0, r = Math.PI * (3 * (e + s) - Math.sqrt((3 * e + s) * (e + 3 * s)));
         if (n >= 360 && a <= 0) return r;
-        let l = n / 360 * r;
+        let c = n / 360 * r;
         if (a > 0) {
           const f = Math.PI * (3 * (e * a + s * a) - Math.sqrt((3 * e * a + s * a) * (e * a + 3 * s * a)));
-          l += n / 360 * f, n < 360 && (l += 2 * Math.sqrt((e - e * a) ** 2 + (s - s * a) ** 2));
-        } else n < 360 && (l += 2 * Math.max(e, s));
-        return isNaN(l) ? 0 : l;
+          c += n / 360 * f, n < 360 && (c += 2 * Math.sqrt((e - e * a) ** 2 + (s - s * a) ** 2));
+        } else n < 360 && (c += 2 * Math.max(e, s));
+        return isNaN(c) ? 0 : c;
       }
       case "Line":
         return t.length || Math.sqrt(i * i + o * o);
@@ -3970,23 +3970,23 @@ class ci {
         if (e.length < 2) return t.length || 0;
         let s = 0, n = e[0].x, a = e[0].y;
         for (let r = 1; r < e.length; r++) {
-          const l = e[r];
-          if (l.moveTo) {
-            n = l.x, a = l.y;
+          const c = e[r];
+          if (c.moveTo) {
+            n = c.x, a = c.y;
             continue;
           }
-          const f = n, h = a, u = e[r - 1].out_x, c = e[r - 1].out_y;
-          if (u !== void 0 || l.in_x !== void 0 ? s += this.getBezierLength(
+          const f = n, h = a, u = e[r - 1].out_x, l = e[r - 1].out_y;
+          if (u !== void 0 || c.in_x !== void 0 ? s += this.getBezierLength(
             f,
             h,
             u ?? f,
-            c ?? h,
-            l.in_x ?? l.x,
-            l.in_y ?? l.y,
-            l.x,
-            l.y
-          ) : s += Math.sqrt((l.x - f) ** 2 + (l.y - h) ** 2), n = l.x, a = l.y, l.closePath || r === e.length - 1 && (t.is_closed || t.isClosed)) {
-            const d = n, p = a, y = [...e.slice(0, r + 1)].reverse().find((M) => M.moveTo) || e[0], b = y.x, m = y.y, v = e[r].out_x, S = e[r].out_y, C = y.in_x, w = y.in_y;
+            l ?? h,
+            c.in_x ?? c.x,
+            c.in_y ?? c.y,
+            c.x,
+            c.y
+          ) : s += Math.sqrt((c.x - f) ** 2 + (c.y - h) ** 2), n = c.x, a = c.y, c.closePath || r === e.length - 1 && (t.is_closed || t.isClosed)) {
+            const d = n, p = a, y = [...e.slice(0, r + 1)].reverse().find((I) => I.moveTo) || e[0], b = y.x, m = y.y, v = e[r].out_x, S = e[r].out_y, C = y.in_x, w = y.in_y;
             v !== void 0 || C !== void 0 ? s += this.getBezierLength(
               d,
               p,
@@ -4005,24 +4005,24 @@ class ci {
         return (i + o) * 2;
     }
   }
-  getBezierLength(t, i, o, e, s, n, a, r, l = 10) {
+  getBezierLength(t, i, o, e, s, n, a, r, c = 10) {
     let f = 0, h = t, u = i;
-    for (let c = 1; c <= l; c++) {
-      const d = c / l, p = 1 - d, y = d * d, b = p * p, m = b * p, v = y * d, S = m * t + 3 * b * d * o + 3 * p * y * s + v * a, C = m * i + 3 * b * d * e + 3 * p * y * n + v * r, w = S - h, M = C - u;
-      f += Math.sqrt(w * w + M * M), h = S, u = C;
+    for (let l = 1; l <= c; l++) {
+      const d = l / c, p = 1 - d, y = d * d, b = p * p, m = b * p, v = y * d, S = m * t + 3 * b * d * o + 3 * p * y * s + v * a, C = m * i + 3 * b * d * e + 3 * p * y * n + v * r, w = S - h, I = C - u;
+      f += Math.sqrt(w * w + I * I), h = S, u = C;
     }
     return f;
   }
-  getBezierTAtLength(t, i, o, e, s, n, a, r, l, f = 20) {
+  getBezierTAtLength(t, i, o, e, s, n, a, r, c, f = 20) {
     if (t <= 0) return 0;
-    let h = 0, u = i, c = o;
+    let h = 0, u = i, l = o;
     for (let d = 1; d <= f; d++) {
-      const p = d / f, y = 1 - p, b = p * p, m = y * y, v = m * y, S = b * p, C = v * i + 3 * m * p * e + 3 * y * b * n + S * r, w = v * o + 3 * m * p * s + 3 * y * b * a + S * l, M = C - u, I = w - c, k = Math.sqrt(M * M + I * I);
+      const p = d / f, y = 1 - p, b = p * p, m = y * y, v = m * y, S = b * p, C = v * i + 3 * m * p * e + 3 * y * b * n + S * r, w = v * o + 3 * m * p * s + 3 * y * b * a + S * c, I = C - u, M = w - l, k = Math.sqrt(I * I + M * M);
       if (h + k >= t) {
         const T = t - h, R = k === 0 ? 0 : T / k;
         return (d - 1 + R) / f;
       }
-      h += k, u = C, c = w;
+      h += k, u = C, l = w;
     }
     return 1;
   }
@@ -4030,11 +4030,11 @@ class ci {
     if (this.ensurePathPoints(t), (t == null ? void 0 : t.type) === "Path") {
       const s = t.points || [];
       if (s.length < 2) return { x: 0, y: 0, angle: 0 };
-      let n = 1 / 0, a = -1 / 0, r = 1 / 0, l = -1 / 0;
+      let n = 1 / 0, a = -1 / 0, r = 1 / 0, c = -1 / 0;
       s.forEach((m) => {
-        typeof m.x == "number" && typeof m.y == "number" && (n = Math.min(n, m.x), a = Math.max(a, m.x), r = Math.min(r, m.y), l = Math.max(l, m.y), m.out_x !== void 0 && (n = Math.min(n, m.out_x), a = Math.max(a, m.out_x)), m.out_y !== void 0 && (r = Math.min(r, m.out_y), l = Math.max(l, m.out_y)), m.in_x !== void 0 && (n = Math.min(n, m.in_x), a = Math.max(a, m.in_x)), m.in_y !== void 0 && (r = Math.min(r, m.in_y), l = Math.max(l, m.in_y)));
+        typeof m.x == "number" && typeof m.y == "number" && (n = Math.min(n, m.x), a = Math.max(a, m.x), r = Math.min(r, m.y), c = Math.max(c, m.y), m.out_x !== void 0 && (n = Math.min(n, m.out_x), a = Math.max(a, m.out_x)), m.out_y !== void 0 && (r = Math.min(r, m.out_y), c = Math.max(c, m.out_y)), m.in_x !== void 0 && (n = Math.min(n, m.in_x), a = Math.max(a, m.in_x)), m.in_y !== void 0 && (r = Math.min(r, m.in_y), c = Math.max(c, m.in_y)));
       });
-      const f = (n + a) / 2, h = (r + l) / 2, c = this.getPerimeter(t, i, o) * e;
+      const f = (n + a) / 2, h = (r + c) / 2, l = this.getPerimeter(t, i, o) * e;
       let d = 0;
       const p = [];
       let y = s[0], b = s[0];
@@ -4050,31 +4050,31 @@ class ci {
         const v = m.p0, S = m.p1;
         let C = 0;
         const w = v.out_x !== void 0 || S.in_x !== void 0;
-        if (w ? C = this.getBezierLength(v.x, v.y, v.out_x ?? v.x, v.out_y ?? v.y, S.in_x ?? S.x, S.in_y ?? S.y, S.x, S.y) : C = Math.sqrt((S.x - v.x) ** 2 + (S.y - v.y) ** 2), d + C >= c || m === p[p.length - 1]) {
-          let M = 0;
+        if (w ? C = this.getBezierLength(v.x, v.y, v.out_x ?? v.x, v.out_y ?? v.y, S.in_x ?? S.x, S.in_y ?? S.y, S.x, S.y) : C = Math.sqrt((S.x - v.x) ** 2 + (S.y - v.y) ** 2), d + C >= l || m === p[p.length - 1]) {
+          let I = 0;
           if (w)
-            return M = this.getBezierTAtLength(c - d, v.x, v.y, v.out_x ?? v.x, v.out_y ?? v.y, S.in_x ?? S.x, S.in_y ?? S.y, S.x, S.y, 20), this.getBezierPointAndAngle(M, v, S, f, h);
+            return I = this.getBezierTAtLength(l - d, v.x, v.y, v.out_x ?? v.x, v.out_y ?? v.y, S.in_x ?? S.x, S.in_y ?? S.y, S.x, S.y, 20), this.getBezierPointAndAngle(I, v, S, f, h);
           {
-            M = C === 0 ? 0 : (c - d) / C;
-            const I = v.x + (S.x - v.x) * M - f, k = v.y + (S.y - v.y) * M - h, T = Math.atan2(S.y - v.y, S.x - v.x);
-            return { x: I, y: k, angle: T };
+            I = C === 0 ? 0 : (l - d) / C;
+            const M = v.x + (S.x - v.x) * I - f, k = v.y + (S.y - v.y) * I - h, T = Math.atan2(S.y - v.y, S.x - v.x);
+            return { x: M, y: k, angle: T };
           }
         }
         d += C;
       }
     } else if (t.type === "Ellipse") {
-      const s = Math.abs(i) / 2, n = Math.abs(o) / 2, a = t.sweepAngle ?? 360, l = ((t.startAngle ?? 0) + a * e) * Math.PI / 180, f = s * Math.cos(l), h = n * Math.sin(l), u = -s * Math.sin(l), c = n * Math.cos(l), d = Math.atan2(c, u);
+      const s = Math.abs(i) / 2, n = Math.abs(o) / 2, a = t.sweepAngle ?? 360, c = ((t.startAngle ?? 0) + a * e) * Math.PI / 180, f = s * Math.cos(c), h = n * Math.sin(c), u = -s * Math.sin(c), l = n * Math.cos(c), d = Math.atan2(l, u);
       return { x: f, y: h, angle: d };
     } else if ((t == null ? void 0 : t.type) === "Rectangle") {
       const s = Math.abs(i), n = Math.abs(o), r = (s + n) * 2 * e;
-      let l = 0, f = 0, h = 0;
-      return r < s ? (l = -s / 2 + r, f = -n / 2, h = 0) : r < s + n ? (l = s / 2, f = -n / 2 + (r - s), h = Math.PI / 2) : r < 2 * s + n ? (l = s / 2 - (r - (s + n)), f = n / 2, h = Math.PI) : (l = -s / 2, f = n / 2 - (r - (2 * s + n)), h = -Math.PI / 2), { x: l, y: f, angle: h };
+      let c = 0, f = 0, h = 0;
+      return r < s ? (c = -s / 2 + r, f = -n / 2, h = 0) : r < s + n ? (c = s / 2, f = -n / 2 + (r - s), h = Math.PI / 2) : r < 2 * s + n ? (c = s / 2 - (r - (s + n)), f = n / 2, h = Math.PI) : (c = -s / 2, f = n / 2 - (r - (2 * s + n)), h = -Math.PI / 2), { x: c, y: f, angle: h };
     }
     return { x: 0, y: 0, angle: 0 };
   }
   getBezierPointAndAngle(t, i, o, e, s) {
-    const n = i.x, a = i.y, r = i.out_x ?? i.x, l = i.out_y ?? i.y, f = o.in_x ?? o.x, h = o.in_y ?? o.y, u = o.x, c = o.y, d = 1 - t, p = t * t, y = d * d, b = y * d, m = p * t, v = b * n + 3 * y * t * r + 3 * d * p * f + m * u - e, S = b * a + 3 * y * t * l + 3 * d * p * h + m * c - s, C = 3 * y * (r - n) + 6 * d * t * (f - r) + 3 * p * (u - f), w = 3 * y * (l - a) + 6 * d * t * (h - l) + 3 * p * (c - h), M = Math.atan2(w, C);
-    return { x: v, y: S, angle: M };
+    const n = i.x, a = i.y, r = i.out_x ?? i.x, c = i.out_y ?? i.y, f = o.in_x ?? o.x, h = o.in_y ?? o.y, u = o.x, l = o.y, d = 1 - t, p = t * t, y = d * d, b = y * d, m = p * t, v = b * n + 3 * y * t * r + 3 * d * p * f + m * u - e, S = b * a + 3 * y * t * c + 3 * d * p * h + m * l - s, C = 3 * y * (r - n) + 6 * d * t * (f - r) + 3 * p * (u - f), w = 3 * y * (c - a) + 6 * d * t * (h - c) + 3 * p * (l - h), I = Math.atan2(w, C);
+    return { x: v, y: S, angle: I };
   }
   applyAbsoluteTransform(t, i, o) {
     if (!o.get(i)) return;
@@ -4099,46 +4099,46 @@ class ci {
       const b = Math.tan(e * Math.PI / 180), m = Math.tan(s * Math.PI / 180);
       t.transform(1 + b * m, m, b, 1, 0, 0);
     }
-    const n = o.rotate_x !== void 0 ? o.rotate_x : ((d = o.transform) == null ? void 0 : d.rotate_x) ?? 0, a = o.rotate_y !== void 0 ? o.rotate_y : ((p = o.transform) == null ? void 0 : p.rotate_y) ?? 0, l = 1 + (o.translate_z !== void 0 ? o.translate_z : ((y = o.transform) == null ? void 0 : y.translate_z) ?? 0) / 1e3, f = (o.flip_x === !0 ? -1 : 1) * Math.cos(a * Math.PI / 180) * l, h = (o.flip_y === !0 ? -1 : 1) * Math.cos(n * Math.PI / 180) * l, u = (o.scale_x ?? 1) * f, c = (o.scale_y ?? 1) * h;
-    t.scale(u, c);
+    const n = o.rotate_x !== void 0 ? o.rotate_x : ((d = o.transform) == null ? void 0 : d.rotate_x) ?? 0, a = o.rotate_y !== void 0 ? o.rotate_y : ((p = o.transform) == null ? void 0 : p.rotate_y) ?? 0, c = 1 + (o.translate_z !== void 0 ? o.translate_z : ((y = o.transform) == null ? void 0 : y.translate_z) ?? 0) / 1e3, f = (o.flip_x === !0 ? -1 : 1) * Math.cos(a * Math.PI / 180) * c, h = (o.flip_y === !0 ? -1 : 1) * Math.cos(n * Math.PI / 180) * c, u = (o.scale_x ?? 1) * f, l = (o.scale_y ?? 1) * h;
+    t.scale(u, l);
   }
   applyArtEffectOverlay(t, i, o, e, s, n) {
-    var c, d, p, y, b;
-    const a = this.objectStates.get(i.id), r = ((c = a == null ? void 0 : a.style) == null ? void 0 : c.artEffect) || i.artEffect || ((d = i.style) == null ? void 0 : d.artEffect);
+    var l, d, p, y, b;
+    const a = this.objectStates.get(i.id), r = ((l = a == null ? void 0 : a.style) == null ? void 0 : l.artEffect) || i.artEffect || ((d = i.style) == null ? void 0 : d.artEffect);
     if (!r || !r.enabled) return;
-    const l = r.type, f = r.intensity ?? 0.5, h = r.speed ?? 1, u = r.scale ?? 10;
-    if (l === "acid_gradient" || l === "acid_rave" || l === "shimmer" || l === "glint_overlay" || l === "halftone" || l === "noise" || l === "scanlines" || l === "chromatic_aberration" || l === "pixelate" || l === "glitch" || l === "fold_overlay" || l === "crumple_overlay") {
-      if (t.save(), this.applyPath(t, o, e, s, n), t.clip(), l === "shimmer") {
+    const c = r.type, f = r.intensity ?? 0.5, h = r.speed ?? 1, u = r.scale ?? 10;
+    if (c === "acid_gradient" || c === "acid_rave" || c === "shimmer" || c === "glint_overlay" || c === "halftone" || c === "noise" || c === "scanlines" || c === "chromatic_aberration" || c === "pixelate" || c === "glitch" || c === "fold_overlay" || c === "crumple_overlay") {
+      if (t.save(), this.applyPath(t, o, e, s, n), t.clip(), c === "shimmer") {
         const v = this.currentTime * h % 2 / 2, S = t.createLinearGradient(-e, -s, e, s);
         S.addColorStop(Math.max(0, v - 0.2), "rgba(255,255,255,0)"), S.addColorStop(v, `rgba(255,255,255,${f * 0.8})`), S.addColorStop(Math.min(1, v + 0.2), "rgba(255,255,255,0)"), t.fillStyle = S, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over";
-      } else if (l === "glint_overlay") {
+      } else if (c === "glint_overlay") {
         let S = ((this._lastPointerPos || { x: 0 }).x - (((p = i.transform) == null ? void 0 : p.x) ?? 0) + 300) / 600;
         S = Math.max(-0.2, Math.min(1.2, S));
         const C = t.createLinearGradient(-e, -s, e, s);
         C.addColorStop(Math.max(0, S - 0.15), "rgba(255,255,255,0)"), C.addColorStop(Math.max(0, Math.min(1, S)), `rgba(255,255,255,${f})`), C.addColorStop(Math.min(1, S + 0.15), "rgba(255,255,255,0)"), t.fillStyle = C, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over";
-      } else if (l === "fold_overlay") {
+      } else if (c === "fold_overlay") {
         const m = this._lastPointerPos || { x: 0, y: 0 }, v = m.x - (((y = i.transform) == null ? void 0 : y.x) ?? 0), S = m.y - (((b = i.transform) == null ? void 0 : b.y) ?? 0), C = t.createLinearGradient(v > 0 ? -e / 2 : e / 2, S > 0 ? -s / 2 : s / 2, v > 0 ? e / 2 : -e / 2, S > 0 ? s / 2 : -s / 2);
         C.addColorStop(0, `rgba(0,0,0,${f * 0.6})`), C.addColorStop(0.4, "rgba(0,0,0,0)"), C.addColorStop(0.5, `rgba(255,255,255,${f * 0.4})`), C.addColorStop(1, `rgba(0,0,0,${f * 0.2})`), t.fillStyle = C, t.globalCompositeOperation = "overlay", t.fillRect(-e / 2, -s / 2, e, s), t.globalCompositeOperation = "source-over", t.beginPath(), v > 0 && S > 0 ? (t.moveTo(e / 2 - 40, s / 2), t.lineTo(e / 2, s / 2 - 40), t.lineTo(e / 2 - 40, s / 2 - 40)) : v < 0 && S > 0 ? (t.moveTo(-e / 2 + 40, s / 2), t.lineTo(-e / 2, s / 2 - 40), t.lineTo(-e / 2 + 40, s / 2 - 40)) : v > 0 && S < 0 ? (t.moveTo(e / 2 - 40, -s / 2), t.lineTo(e / 2, -s / 2 + 40), t.lineTo(e / 2 - 40, -s / 2 + 40)) : (t.moveTo(-e / 2 + 40, -s / 2), t.lineTo(-e / 2, -s / 2 + 40), t.lineTo(-e / 2 + 40, -s / 2 + 40)), t.closePath(), t.fillStyle = "#ffffff", t.shadowColor = "rgba(0,0,0,0.5)", t.shadowBlur = 10, t.shadowOffsetX = v > 0 ? -2 : 2, t.shadowOffsetY = S > 0 ? -2 : 2, t.fill();
-      } else if (l === "crumple_overlay") {
+      } else if (c === "crumple_overlay") {
         const m = Math.floor(e / u), v = document.createElement("canvas");
         v.width = m, v.height = Math.floor(s / u);
         const S = v.getContext("2d"), C = S.createImageData(v.width, v.height);
         for (let w = 0; w < C.data.length; w += 4) {
-          const M = Math.random() > 0.95 ? 150 : 255;
-          C.data[w] = M, C.data[w + 1] = M, C.data[w + 2] = M, C.data[w + 3] = 255 * f;
+          const I = Math.random() > 0.95 ? 150 : 255;
+          C.data[w] = I, C.data[w + 1] = I, C.data[w + 2] = I, C.data[w + 3] = 255 * f;
         }
         S.putImageData(C, 0, 0), t.globalCompositeOperation = "multiply", t.imageSmoothingEnabled = !1, t.drawImage(v, -e / 2, -s / 2, e, s);
-      } else if (l === "acid_gradient" || l === "acid_rave") {
+      } else if (c === "acid_gradient" || c === "acid_rave") {
         const m = this.currentTime * h, v = r.color1, S = r.color2, C = t.createLinearGradient(-e / 2, -s / 2, e / 2, s / 2);
         if (v && S) {
           const w = m * 60 % 360;
           C.addColorStop(0, this._shiftHue(v, w, f * 0.7)), C.addColorStop(1, this._shiftHue(S, (w + 180) % 360, f * 0.7));
         } else {
-          const w = m * 100 % 360, M = (w + 180) % 360;
-          C.addColorStop(0, `hsla(${w}, 80%, 50%, ${f * 0.5})`), C.addColorStop(1, `hsla(${M}, 80%, 50%, ${f * 0.5})`);
+          const w = m * 100 % 360, I = (w + 180) % 360;
+          C.addColorStop(0, `hsla(${w}, 80%, 50%, ${f * 0.5})`), C.addColorStop(1, `hsla(${I}, 80%, 50%, ${f * 0.5})`);
         }
         t.fillStyle = C, t.globalCompositeOperation = "screen", t.fillRect(-e / 2, -s / 2, e, s);
-      } else if (l === "halftone") {
+      } else if (c === "halftone") {
         const m = Math.max(2, u * (1 - f * 0.8)), v = document.createElement("canvas");
         v.width = m, v.height = m;
         const S = v.getContext("2d");
@@ -4147,7 +4147,7 @@ class ci {
           const C = t.createPattern(v, "repeat");
           C && (t.globalAlpha = 0.3 * f, t.fillStyle = C, t.fillRect(-e / 2, -s / 2, e, s));
         }
-      } else if (l === "noise") {
+      } else if (c === "noise") {
         const m = Math.floor(e * s * f * 0.02);
         t.globalAlpha = 0.4 * f;
         for (let v = 0; v < m; v++) {
@@ -4159,33 +4159,33 @@ class ci {
             2
           );
         }
-      } else if (l === "scanlines") {
+      } else if (c === "scanlines") {
         t.globalAlpha = 0.2 * f, t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1;
         for (let m = -s / 2; m < s / 2; m += 4)
           t.beginPath(), t.moveTo(-e / 2, m), t.lineTo(e / 2, m), t.stroke();
-      } else if (l === "chromatic_aberration") {
+      } else if (c === "chromatic_aberration") {
         const m = 5 * f;
         t.globalCompositeOperation = "screen", t.globalAlpha = 0.5, t.fillStyle = "cyan", t.fillRect(-e / 2 - m, -s / 2, e, s), t.fillStyle = "magenta", t.fillRect(-e / 2 + m, -s / 2, e, s);
-      } else if (l === "pixelate") {
+      } else if (c === "pixelate") {
         const m = Math.max(2, Math.round(u * (1 - f * 0.5))), v = document.createElement("canvas"), S = Math.max(1, Math.ceil(e / m)), C = Math.max(1, Math.ceil(s / m));
         v.width = S, v.height = C;
         const w = v.getContext("2d");
         if (w) {
           w.imageSmoothingEnabled = !1;
-          const M = t.getTransform(), I = M.e - e / 2, k = M.f - s / 2;
-          w.drawImage(t.canvas, I, k, e, s, 0, 0, S, C), t.imageSmoothingEnabled = !1, t.drawImage(v, 0, 0, S, C, -e / 2, -s / 2, e, s), t.imageSmoothingEnabled = !0;
+          const I = t.getTransform(), M = I.e - e / 2, k = I.f - s / 2;
+          w.drawImage(t.canvas, M, k, e, s, 0, 0, S, C), t.imageSmoothingEnabled = !1, t.drawImage(v, 0, 0, S, C, -e / 2, -s / 2, e, s), t.imageSmoothingEnabled = !0;
         }
-      } else if (l === "glitch") {
+      } else if (c === "glitch") {
         const m = this.currentTime * h, v = r.chaosAmount ?? 0.2, S = Math.max(3, Math.floor(8 * f)), C = f * e * 0.15;
         t.globalCompositeOperation = "screen", t.globalAlpha = f * 0.4;
         const w = C * 0.3;
         t.fillStyle = "rgba(255, 0, 0, 0.4)", t.fillRect(-e / 2 + w, -s / 2, e, s), t.fillStyle = "rgba(0, 255, 255, 0.4)", t.fillRect(-e / 2 - w, -s / 2, e, s), t.globalCompositeOperation = "source-over", t.globalAlpha = 1;
-        const M = s / S;
-        for (let I = 0; I < S; I++) {
-          const k = Math.sin(I * 127.1 + m * 311.7 * h) * 43758.5, T = k - Math.floor(k);
+        const I = s / S;
+        for (let M = 0; M < S; M++) {
+          const k = Math.sin(M * 127.1 + m * 311.7 * h) * 43758.5, T = k - Math.floor(k);
           if (T > 1 - v) {
-            const R = (T - (1 - v)) / v * C * (Math.random() > 0.5 ? 1 : -1), P = -s / 2 + I * M, _ = t.getTransform(), E = _.e - e / 2 + R, A = _.f + P;
-            t.save(), t.beginPath(), t.rect(-e / 2, P, e, M), t.clip(), t.globalAlpha = 0.8, t.drawImage(t.canvas, E, A, e, M, -e / 2 + R, P, e, M), t.restore();
+            const R = (T - (1 - v)) / v * C * (Math.random() > 0.5 ? 1 : -1), P = -s / 2 + M * I, _ = t.getTransform(), E = _.e - e / 2 + R, A = _.f + P;
+            t.save(), t.beginPath(), t.rect(-e / 2, P, e, I), t.clip(), t.globalAlpha = 0.8, t.drawImage(t.canvas, E, A, e, I, -e / 2 + R, P, e, I), t.restore();
           }
         }
       }
@@ -4196,26 +4196,26 @@ class ci {
   _shiftHue(t, i, o) {
     let e = 0, s = 0, n = 0;
     if (t.startsWith("#")) {
-      const c = t.replace("#", "");
-      e = parseInt(c.substring(0, 2), 16) / 255, s = parseInt(c.substring(2, 4), 16) / 255, n = parseInt(c.substring(4, 6), 16) / 255;
+      const l = t.replace("#", "");
+      e = parseInt(l.substring(0, 2), 16) / 255, s = parseInt(l.substring(2, 4), 16) / 255, n = parseInt(l.substring(4, 6), 16) / 255;
     }
     const a = Math.max(e, s, n), r = Math.min(e, s, n);
-    let l = 0, f = 0, h = (a + r) / 2;
+    let c = 0, f = 0, h = (a + r) / 2;
     if (a !== r) {
-      const c = a - r;
-      switch (f = h > 0.5 ? c / (2 - a - r) : c / (a + r), a) {
+      const l = a - r;
+      switch (f = h > 0.5 ? l / (2 - a - r) : l / (a + r), a) {
         case e:
-          l = ((s - n) / c + (s < n ? 6 : 0)) / 6;
+          c = ((s - n) / l + (s < n ? 6 : 0)) / 6;
           break;
         case s:
-          l = ((n - e) / c + 2) / 6;
+          c = ((n - e) / l + 2) / 6;
           break;
         case n:
-          l = ((e - s) / c + 4) / 6;
+          c = ((e - s) / l + 4) / 6;
           break;
       }
     }
-    return `hsla(${(((l * 360 + i) % 360 + 360) % 360).toFixed(0)}, ${(f * 100).toFixed(0)}%, ${(h * 100).toFixed(0)}%, ${o})`;
+    return `hsla(${(((c * 360 + i) % 360 + 360) % 360).toFixed(0)}, ${(f * 100).toFixed(0)}%, ${(h * 100).toFixed(0)}%, ${o})`;
   }
   /**
    * Parse any CSS color string and return it with the alpha channel replaced by `opacity`.
@@ -4231,12 +4231,12 @@ class ci {
     if (t.startsWith("#")) {
       const s = t.replace("#", ""), n = s.length;
       if (n === 3 || n === 6) {
-        const a = n === 3 ? s.split("").map((h) => h + h).join("") : s, r = parseInt(a.slice(0, 2), 16), l = parseInt(a.slice(2, 4), 16), f = parseInt(a.slice(4, 6), 16);
-        return `rgba(${r},${l},${f},${i})`;
+        const a = n === 3 ? s.split("").map((h) => h + h).join("") : s, r = parseInt(a.slice(0, 2), 16), c = parseInt(a.slice(2, 4), 16), f = parseInt(a.slice(4, 6), 16);
+        return `rgba(${r},${c},${f},${i})`;
       }
       if (n === 8) {
-        const a = parseInt(s.slice(0, 2), 16), r = parseInt(s.slice(2, 4), 16), l = parseInt(s.slice(4, 6), 16);
-        return `rgba(${a},${r},${l},${i})`;
+        const a = parseInt(s.slice(0, 2), 16), r = parseInt(s.slice(2, 4), 16), c = parseInt(s.slice(4, 6), 16);
+        return `rgba(${a},${r},${c},${i})`;
       }
     }
     const e = t.match(/hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.%]+))?\s*\)/);
@@ -4251,9 +4251,9 @@ class ci {
    * 4. Apply the overlay color tint, sheen highlight, noise grain, and glass border
    */
   applyBackgroundBlurGlass(t, i, o, e, s, n) {
-    const a = n.radius ?? 10, r = n.opacity !== void 0 ? this.normalizeOpacity(n.opacity) : 0.5, l = n.noise ?? 0, f = n.color ?? "rgba(255,255,255,0.2)", h = this._applyAlphaToColor(f, r);
+    const a = n.radius ?? 10, r = n.opacity !== void 0 ? this.normalizeOpacity(n.opacity) : 0.5, c = n.noise ?? 0, f = n.color ?? "rgba(255,255,255,0.2)";
     t.save(), this.applyPath(t, i, o, e, s), t.clip();
-    const u = t.getTransform(), c = t.canvas;
+    const h = t.getTransform(), u = t.canvas, l = (typeof window < "u" ? window.devicePixelRatio : 1) || 1;
     try {
       const p = document.createElement("canvas");
       p.width = Math.max(1, Math.ceil(o)), p.height = Math.max(1, Math.ceil(e));
@@ -4261,25 +4261,27 @@ class ci {
       if (y) {
         y.save(), y.translate(o / 2, e / 2);
         const b = n.magnification || 1;
-        if (b !== 1 && y.scale(b, b), typeof u.inverse == "function") {
-          const S = u.inverse();
-          y.transform(S.a, S.b, S.c, S.d, S.e, S.f);
+        b !== 1 && y.scale(b, b);
+        const m = h.a * l, v = h.b * l, S = h.c * l, C = h.d * l, w = h.e * l, I = h.f * l;
+        if (typeof h.inverse == "function") {
+          const T = h.inverse();
+          y.transform(T.a / l, T.b / l, T.c / l, T.d / l, T.e / l, T.f / l);
         } else {
-          const S = u.a * u.d - u.b * u.c;
-          S !== 0 && y.transform(u.d / S, -u.b / S, -u.c / S, u.a / S, (u.c * u.f - u.d * u.e) / S, (u.b * u.e - u.a * u.f) / S);
+          const T = m * C - v * S;
+          T !== 0 && y.transform(C / T, -v / T, -S / T, m / T, (S * I - C * w) / T, (v * w - m * I) / T);
         }
-        y.drawImage(c, 0, 0), y.restore(), y.filter = `blur(${a}px)`;
-        const m = document.createElement("canvas");
-        m.width = p.width, m.height = p.height;
-        const v = m.getContext("2d");
-        v.filter = `blur(${a}px)`, v.drawImage(p, 0, 0), t.globalCompositeOperation = "source-over", t.globalAlpha = 1, t.drawImage(m, -o / 2, -e / 2, o, e);
+        y.drawImage(u, 0, 0), y.restore();
+        const M = document.createElement("canvas");
+        M.width = p.width, M.height = p.height;
+        const k = M.getContext("2d");
+        k.filter = `blur(${a}px)`, k.drawImage(p, 0, 0), t.globalCompositeOperation = "source-over", t.globalAlpha = 1, t.drawImage(M, -o / 2, -e / 2, o, e);
       }
     } catch {
     }
-    t.globalCompositeOperation = "source-over", t.globalAlpha = 1, t.fillStyle = h, t.fillRect(-o / 2, -e / 2, o, e), t.globalAlpha = 1, t.globalCompositeOperation = "source-atop";
+    t.globalCompositeOperation = "source-over", t.globalAlpha = r, t.fillStyle = f, t.fillRect(-o / 2, -e / 2, o, e), t.globalAlpha = 1, t.globalCompositeOperation = "source-atop";
     const d = t.createLinearGradient(-o / 2, -e / 2, o / 2, e / 2);
-    if (d.addColorStop(0, "rgba(255,255,255,0.12)"), d.addColorStop(0.3, "rgba(255,255,255,0.04)"), d.addColorStop(0.5, "rgba(255,255,255,0.0)"), d.addColorStop(1, "rgba(255,255,255,0.0)"), t.fillStyle = d, t.fillRect(-o / 2, -e / 2, o, e), l > 0) {
-      if (t.globalAlpha = l / 100, !this._noiseTileCanvas) {
+    if (d.addColorStop(0, "rgba(255,255,255,0.12)"), d.addColorStop(0.3, "rgba(255,255,255,0.04)"), d.addColorStop(0.5, "rgba(255,255,255,0.0)"), d.addColorStop(1, "rgba(255,255,255,0.0)"), t.fillStyle = d, t.fillRect(-o / 2, -e / 2, o, e), c > 0) {
+      if (t.globalAlpha = c / 100, !this._noiseTileCanvas) {
         const y = document.createElement("canvas");
         y.width = 64, y.height = 64;
         const b = y.getContext("2d"), m = b.createImageData(64, 64), v = m.data;
@@ -4305,14 +4307,14 @@ class ci {
       } else if (i.type === "Line")
         t.moveTo(-o / 2, 0), t.lineTo(o / 2, 0);
       else if (i.type === "Ellipse") {
-        const { startAngle: n = 0, sweepAngle: a = 360, ratio: r = 0 } = i, l = o / 2, f = e / 2, h = n * Math.PI / 180, u = a * Math.PI / 180, c = h + u;
-        a >= 360 && r <= 0 ? t.ellipse(0, 0, l, f, 0, 0, Math.PI * 2) : (t.ellipse(0, 0, l, f, 0, h, c, !1), r > 0 ? t.ellipse(0, 0, l * r, f * r, 0, c, h, !0) : t.lineTo(0, 0), t.closePath());
+        const { startAngle: n = 0, sweepAngle: a = 360, ratio: r = 0 } = i, c = o / 2, f = e / 2, h = n * Math.PI / 180, u = a * Math.PI / 180, l = h + u;
+        a >= 360 && r <= 0 ? t.ellipse(0, 0, c, f, 0, 0, Math.PI * 2) : (t.ellipse(0, 0, c, f, 0, h, l, !1), r > 0 ? t.ellipse(0, 0, c * r, f * r, 0, l, h, !0) : t.lineTo(0, 0), t.closePath());
       } else if (i.type === "Triangle")
         t.moveTo(0, -e / 2), t.lineTo(o / 2, e / 2), t.lineTo(-o / 2, e / 2), t.closePath();
       else if (i.type === "Polygon") {
         const n = i.sides || 3, a = i.radius || Math.min(o, e) / 2;
         for (let r = 0; r < n; r++) {
-          const l = r * 2 * Math.PI / n - Math.PI / 2, f = a * Math.cos(l), h = a * Math.sin(l);
+          const c = r * 2 * Math.PI / n - Math.PI / 2, f = a * Math.cos(c), h = a * Math.sin(c);
           r === 0 ? t.moveTo(f, h) : t.lineTo(f, h);
         }
         t.closePath();
@@ -4320,33 +4322,33 @@ class ci {
         const n = i.points || 5, a = i.outer_radius || Math.min(o, e) / 2;
         let r = i.inner_radius;
         r == null ? r = a * 0.382 : r <= 1 && (r = a * r);
-        for (let l = 0; l < n * 2; l++) {
-          const f = l * Math.PI / n - Math.PI / 2, h = l % 2 === 0 ? a : r, u = h * Math.cos(f), c = h * Math.sin(f);
-          l === 0 ? t.moveTo(u, c) : t.lineTo(u, c);
+        for (let c = 0; c < n * 2; c++) {
+          const f = c * Math.PI / n - Math.PI / 2, h = c % 2 === 0 ? a : r, u = h * Math.cos(f), l = h * Math.sin(f);
+          c === 0 ? t.moveTo(u, l) : t.lineTo(u, l);
         }
         t.closePath();
       } else if (((i == null ? void 0 : i.type) === "Path" || i.type === "Subtract" || i.type === "Union" || i.type === "Intersect" || i.type === "Exclude" || i.type === "BooleanOperation") && i.points) {
         this.frameCount % 300 === 0 && this.log("[Engine] Tracing Path:", i.points.length, "points");
-        let n = 1 / 0, a = -1 / 0, r = 1 / 0, l = -1 / 0;
+        let n = 1 / 0, a = -1 / 0, r = 1 / 0, c = -1 / 0;
         if (i.points.forEach((u) => {
-          typeof u.x == "number" && typeof u.y == "number" && (n = Math.min(n, u.x), a = Math.max(a, u.x), r = Math.min(r, u.y), l = Math.max(l, u.y), u.out_x !== void 0 && (n = Math.min(n, u.out_x), a = Math.max(a, u.out_x)), u.out_y !== void 0 && (r = Math.min(r, u.out_y), l = Math.max(l, u.out_y)), u.in_x !== void 0 && (n = Math.min(n, u.in_x), a = Math.max(a, u.in_x)), u.in_y !== void 0 && (r = Math.min(r, u.in_y), l = Math.max(l, u.in_y)));
+          typeof u.x == "number" && typeof u.y == "number" && (n = Math.min(n, u.x), a = Math.max(a, u.x), r = Math.min(r, u.y), c = Math.max(c, u.y), u.out_x !== void 0 && (n = Math.min(n, u.out_x), a = Math.max(a, u.out_x)), u.out_y !== void 0 && (r = Math.min(r, u.out_y), c = Math.max(c, u.out_y)), u.in_x !== void 0 && (n = Math.min(n, u.in_x), a = Math.max(a, u.in_x)), u.in_y !== void 0 && (r = Math.min(r, u.in_y), c = Math.max(c, u.in_y)));
         }), n === 1 / 0) return;
-        const f = (n + a) / 2, h = (r + l) / 2;
+        const f = (n + a) / 2, h = (r + c) / 2;
         if (isNaN(f) || isNaN(h)) {
           this.warn("[Engine] Invalid path center:", f, h);
           return;
         }
-        i.points.forEach((u, c) => {
-          if (c === 0 || u.moveTo)
+        i.points.forEach((u, l) => {
+          if (l === 0 || u.moveTo)
             t.moveTo(u.x - f, u.y - h);
           else {
-            const d = i.points[c - 1];
+            const d = i.points[l - 1];
             if (!d) return;
             const p = (d.out_x ?? d.x) - f, y = (d.out_y ?? d.y) - h, b = (u.in_x ?? u.x) - f, m = (u.in_y ?? u.y) - h;
             isNaN(p) || isNaN(b) || isNaN(u.x) ? t.lineTo(u.x - f, u.y - h) : t.bezierCurveTo(p, y, b, m, u.x - f, u.y - h);
           }
-          if (u.closePath || c === i.points.length - 1 && (i.is_closed || i.isClosed)) {
-            const d = [...i.points.slice(0, c + 1)].reverse().find((p) => p.moveTo) || i.points[0];
+          if (u.closePath || l === i.points.length - 1 && (i.is_closed || i.isClosed)) {
+            const d = [...i.points.slice(0, l + 1)].reverse().find((p) => p.moveTo) || i.points[0];
             d && (u.out_x !== void 0 || d.in_x !== void 0) && t.bezierCurveTo(
               (u.out_x ?? u.x) - f,
               (u.out_y ?? u.y) - h,
@@ -4358,15 +4360,15 @@ class ci {
           }
         });
       } else if (i.points && Array.isArray(i.points)) {
-        let n = 1 / 0, a = -1 / 0, r = 1 / 0, l = -1 / 0;
+        let n = 1 / 0, a = -1 / 0, r = 1 / 0, c = -1 / 0;
         i.points.forEach((u) => {
-          n = Math.min(n, u.x), a = Math.max(a, u.x), r = Math.min(r, u.y), l = Math.max(l, u.y);
+          n = Math.min(n, u.x), a = Math.max(a, u.x), r = Math.min(r, u.y), c = Math.max(c, u.y);
         });
-        const f = (n + a) / 2, h = (r + l) / 2;
-        i.points.forEach((u, c) => {
-          if (c === 0) t.moveTo(u.x - f, u.y - h);
+        const f = (n + a) / 2, h = (r + c) / 2;
+        i.points.forEach((u, l) => {
+          if (l === 0) t.moveTo(u.x - f, u.y - h);
           else {
-            const d = i.points[c - 1];
+            const d = i.points[l - 1];
             d.out_x !== void 0 || u.in_x !== void 0 ? t.bezierCurveTo(
               (d.out_x ?? d.x) - f,
               (d.out_y ?? d.y) - h,
@@ -4376,17 +4378,17 @@ class ci {
               u.y - h
             ) : t.lineTo(u.x - f, u.y - h);
           }
-          (u.closePath || c === i.points.length - 1 && (i.is_closed || i.isClosed)) && t.closePath();
+          (u.closePath || l === i.points.length - 1 && (i.is_closed || i.isClosed)) && t.closePath();
         });
       }
     }
   }
   renderInputBox(t, i) {
     var L, O;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((L = i.geometry) == null ? void 0 : L.width) || 250, n = ((O = i.geometry) == null ? void 0 : O.height) || 45, a = this.focusedId === i.id, r = this.lastHoveredObjectId === i.id, l = e.previewState || "default", f = l !== "default" ? l : a ? "focused" : r ? "hovered" : "default", h = e.label || { visible: !0, text: "Label" }, u = e.helperText || { visible: !1, text: "Helper text" }, c = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, p = e.multiline === !0, y = e.corner_radius ?? 8, b = e.corners || { tl: y, tr: y, bl: y, br: y }, m = [b.tl, b.tr, b.br, b.bl];
-    let v = 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 o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((L = i.geometry) == null ? void 0 : L.width) || 250, n = ((O = i.geometry) == null ? void 0 : O.height) || 45, a = this.focusedId === i.id, r = this.lastHoveredObjectId === i.id, c = e.previewState || "default", f = c !== "default" ? c : a ? "focused" : r ? "hovered" : "default", h = e.label || { visible: !0, text: "Label" }, u = e.helperText || { visible: !1, text: "Helper text" }, l = e.leftIcon || { visible: !1 }, d = e.rightIcon || { visible: !1 }, p = e.multiline === !0, y = e.corner_radius ?? 8, b = e.corners || { tl: y, tr: y, bl: y, br: y }, m = [b.tl, b.tr, b.br, b.bl];
+    let v = e.backgroundColor || "rgba(31, 41, 55, 1)", S = e.borderColor || "rgba(55, 65, 81, 1)", C = e.borderWidth ?? 1.5, w = e.color || "#ffffff", I = e.placeholderColor || "rgba(156, 163, 175, 1)", M = e.fontSize || 14;
     const k = `${f}Style`, T = e[k];
-    T ? (T.backgroundColor !== void 0 && (v = 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)) : f === "focused" ? (S = e.focusBorderColor || "rgba(59, 130, 246, 1)", C = Math.max(C, 2)) : f === "hovered" || f === "hover" ? (S = e.hoverBorderColor || S, v = e.hoverBackgroundColor || v) : f === "disabled" ? (v = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", S = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : f === "error" && (S = "rgba(239, 68, 68, 1)", C = Math.max(C, 2)), t.beginPath(), this.drawRoundRect(t, -s / 2, -n / 2, s, n, m);
+    T ? (T.backgroundColor !== void 0 && (v = 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 && (I = T.placeholderColor), T.fontSize !== void 0 && (M = T.fontSize)) : f === "focused" ? (S = e.focusBorderColor || "rgba(59, 130, 246, 1)", C = Math.max(C, 2)) : f === "hovered" || f === "hover" ? (S = e.hoverBorderColor || S, v = e.hoverBackgroundColor || v) : f === "disabled" ? (v = e.disabledBackgroundColor || "rgba(31, 41, 55, 0.6)", S = e.disabledBorderColor || "rgba(55, 65, 81, 0.4)") : f === "error" && (S = "rgba(239, 68, 68, 1)", C = Math.max(C, 2)), t.beginPath(), this.drawRoundRect(t, -s / 2, -n / 2, s, n, m);
     const R = this.createCanvasFill(t, v, s, n);
     if (R && (t.fillStyle = R, t.fill()), C > 0) {
       const D = this.createCanvasFill(t, S, s, n);
@@ -4405,10 +4407,10 @@ class ci {
       }
       t.restore();
     };
-    P(c, !0), P(d, !1);
-    const _ = e.text || "", E = e.placeholder || "Enter text...", A = !_, W = _ || E, z = A ? M : w, Y = I, G = e.fontFamily || "Inter", N = e.fontWeight || 400;
+    P(l, !0), P(d, !1);
+    const _ = e.text || "", E = e.placeholder || "Enter text...", A = !_, W = _ || E, z = A ? I : w, Y = M, G = e.fontFamily || "Inter", N = e.fontWeight || 400;
     t.font = `${N} ${Y}px "${G}", sans-serif`, t.fillStyle = z, t.textAlign = "left", t.textBaseline = p ? "top" : "middle";
-    const J = e.inputPadding ?? 16, x = c.visible ? (c.offset ?? 16) + (c.size || 14) / 2 + 8 : J, F = d.visible ? (d.offset ?? 16) + (d.size || 14) / 2 + 8 : J, j = -(s / 2) + x, X = s - x - F, tt = e.inputType === "password" ? "•".repeat(W.length) : W;
+    const J = e.inputPadding ?? 16, x = l.visible ? (l.offset ?? 16) + (l.size || 14) / 2 + 8 : J, F = d.visible ? (d.offset ?? 16) + (d.size || 14) / 2 + 8 : J, j = -(s / 2) + x, X = s - x - F, tt = e.inputType === "password" ? "•".repeat(W.length) : W;
     if (t.save(), t.beginPath(), t.rect(j - 2, -n / 2 + 4, X + 4, n - 8), t.clip(), p) {
       const D = tt.split(`
 `);
@@ -4446,7 +4448,7 @@ 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, f = (s.max ?? 100) - r, h = f === 0 ? 0 : (a - r) / f, u = s.trackHeight || 4, c = s.trackRoundedness ?? 2, d = s.trackShape ?? "Rectangle", p = s.trackPath || "", y = s.accentColor || "#3b82f6", b = s.inactiveColor || "#374151", m = s.thumbShape || "Ellipse", v = 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", R = s.tooltipColor || "#ffffff", P = s.tooltipOffsetX ?? 0, _ = s.tooltipOffsetY ?? -25, E = (X, tt, L, 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, f = (s.max ?? 100) - r, h = f === 0 ? 0 : (a - r) / f, u = s.trackHeight || 4, l = s.trackRoundedness ?? 2, d = s.trackShape ?? "Rectangle", p = s.trackPath || "", y = s.accentColor || "#3b82f6", b = s.inactiveColor || "#374151", m = s.thumbShape || "Ellipse", v = s.thumbWidth ?? 16, S = s.thumbHeight ?? 16, C = s.thumbRoundedness ?? 0, w = s.thumbColor || "#ffffff", I = s.thumbPath || "", M = s.thumbIcon || "", k = s.showValueTooltip ?? !1, T = s.tooltipBgColor || "#333333", R = s.tooltipColor || "#ffffff", P = s.tooltipOffsetX ?? 0, _ = s.tooltipOffsetY ?? -25, E = (X, tt, L, O, D, q, ot) => {
       if ((X === "Custom" || X === "Icon") && ot)
         try {
           const yt = new Path2D(ot);
@@ -4484,17 +4486,17 @@ class ci {
       } else X === "Line" && (t.moveTo(tt - O / 2, L), t.lineTo(tt + O / 2, L));
       t.fill();
     }, A = this.createCanvasFill(t, b, n, u);
-    A && (t.fillStyle = A, t.strokeStyle = A), d === "Line" ? (t.lineWidth = u, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(n / 2, 0), t.stroke()) : E(d, 0, 0, n, u, c, p);
+    A && (t.fillStyle = A, t.strokeStyle = A), d === "Line" ? (t.lineWidth = u, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(n / 2, 0), t.stroke()) : E(d, 0, 0, n, u, l, p);
     const W = n - v, z = -n / 2 + v / 2 + h * W, Y = z - -n / 2;
     if (Y > 0) {
       const X = this.createCanvasFill(t, y, n, u);
-      X && (t.fillStyle = X, t.strokeStyle = X), d === "Line" ? (t.lineWidth = u, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(z, 0), t.stroke()) : d === "Rectangle" && (t.beginPath(), this.drawRoundRect(t, -n / 2, -u / 2, Y, u, c), t.fill());
+      X && (t.fillStyle = X, t.strokeStyle = X), d === "Line" ? (t.lineWidth = u, t.beginPath(), t.moveTo(-n / 2, 0), t.lineTo(z, 0), t.stroke()) : d === "Rectangle" && (t.beginPath(), this.drawRoundRect(t, -n / 2, -u / 2, Y, u, l), t.fill());
     }
     t.save(), t.translate(z, 0);
     const G = t.getTransform(), N = Math.sqrt(G.a * G.a + G.b * G.b) || 1;
     t.shadowColor = "rgba(0,0,0,0.2)", t.shadowBlur = 4 * N, t.shadowOffsetY = 1 * N;
     const J = this.createCanvasFill(t, w, v, S);
-    if (J && (t.fillStyle = J), E(m, 0, 0, v, S, C, m === "Icon" ? I : M), t.restore(), k) {
+    if (J && (t.fillStyle = J), E(m, 0, 0, v, S, C, m === "Icon" ? M : I), t.restore(), k) {
       t.save(), t.translate(z + P, _);
       const X = Math.round(a).toString();
       t.font = "10px Inter, sans-serif";
@@ -4519,11 +4521,11 @@ class ci {
     var _;
     const o = this.objectStates.get(i.id);
     if (!o) return;
-    const e = o.options || i.options || {}, s = i.geometry.width || 160, n = i.geometry.height || 40, a = -s / 2, r = -n / 2, l = e.corner_radius ?? 6, f = e.disabled || e.previewState === "disabled", h = this.lastHoveredObjectId === i.id || e.previewState === "hover", u = (e.isOpen || e.previewState === "active") && !f;
-    let c = e.backgroundColor, d = e.borderColor, p = e.color || "#333333";
-    f ? (c = e.disabledBackgroundColor || "#f3f4f6", d = e.disabledBorderColor || "#e5e7eb", p = e.disabledColor || "#9ca3af") : u ? (c = e.activeBackgroundColor || c, d = e.activeBorderColor || d, p = e.activeColor || p) : h && (c = e.hoverBackgroundColor || c, d = e.hoverBorderColor || d, p = e.hoverColor || p), c || (c = "#ffffff"), d || (d = "#e5e7eb");
+    const e = o.options || i.options || {}, s = i.geometry.width || 160, n = i.geometry.height || 40, a = -s / 2, r = -n / 2, c = e.corner_radius ?? 6, f = e.disabled || e.previewState === "disabled", h = this.lastHoveredObjectId === i.id || e.previewState === "hover", u = (e.isOpen || e.previewState === "active") && !f;
+    let l = e.backgroundColor, d = e.borderColor, p = e.color || "#333333";
+    f ? (l = e.disabledBackgroundColor || "#f3f4f6", d = e.disabledBorderColor || "#e5e7eb", p = e.disabledColor || "#9ca3af") : u ? (l = e.activeBackgroundColor || l, d = e.activeBorderColor || d, p = e.activeColor || p) : h && (l = e.hoverBackgroundColor || l, d = e.hoverBorderColor || d, p = e.hoverColor || p), l || (l = "#ffffff"), d || (d = "#e5e7eb");
     const y = t.globalAlpha;
-    t.globalAlpha = y * (e.opacity ?? 1), this.drawRoundRect(t, a, r, s, n, l), t.fillStyle = this.createCanvasFill(t, typeof c == "string" ? { type: "Solid", color: c } : c, s, n) || "#ffffff", t.fill();
+    t.globalAlpha = y * (e.opacity ?? 1), this.drawRoundRect(t, a, r, s, n, c), t.fillStyle = this.createCanvasFill(t, typeof l == "string" ? { type: "Solid", color: l } : l, s, n) || "#ffffff", t.fill();
     const b = e.borderWidth ?? 1;
     b > 0 && (t.strokeStyle = this.createCanvasFill(t, typeof d == "string" ? { type: "Solid", color: d } : d, s, n) || "#e5e7eb", t.lineWidth = b, t.stroke());
     const m = 12, v = e.chevronType || "chevron", S = e.chevronSize || 16, C = (u ? e.openIconColor : e.closedIconColor) || e.chevronColor || "#6b7280";
@@ -4544,20 +4546,20 @@ class ci {
       }
       t.restore();
     }
-    const w = e.selectedOption || e.placeholder || "Select...", M = e.fontSize || 14, I = e.fontWeight || 400, k = e.fontFamily || "Inter, sans-serif";
-    t.font = `${I} ${M}px ${k}`;
+    const w = e.selectedOption || e.placeholder || "Select...", I = e.fontSize || 14, M = e.fontWeight || 400, k = e.fontFamily || "Inter, sans-serif";
+    t.font = `${M} ${I}px ${k}`;
     const T = f ? e.disabledColor || "#9ca3af" : !e.selectedOption && e.placeholder ? "#9ca3af" : p;
     t.fillStyle = this.createCanvasFill(t, typeof T == "string" ? { type: "Solid", color: T } : T, s, n) || "#333333", t.textAlign = "left", t.textBaseline = "middle";
     const R = v === "none" ? 0 : S + 8, P = s - m * 2 - R;
     if (t.save(), t.beginPath(), t.rect(a + m, r, P, n), t.clip(), t.fillText(w, a + m, 0), t.restore(), u && !f) {
-      const E = r + n + 4, A = e.optionsList || [], W = e.itemHeight || 32, z = e.listPadding ?? 4, Y = A.length * W + z * 2, G = e.listCornerRadius ?? l;
+      const E = r + n + 4, A = e.optionsList || [], W = e.itemHeight || 32, z = e.listPadding ?? 4, Y = A.length * W + z * 2, G = e.listCornerRadius ?? c;
       t.save();
       const N = e.listShadow || {}, J = t.getTransform(), x = Math.sqrt(J.a * J.a + J.b * J.b) || 1;
       t.shadowColor = typeof N.color == "string" ? N.color : ((_ = N.color) == null ? void 0 : _.color) || "rgba(0,0,0,0.15)", t.shadowBlur = (N.blur ?? 12) * x, t.shadowOffsetY = (N.offsetY ?? 6) * x, t.shadowOffsetX = (N.offsetX ?? 0) * x, t.beginPath(), this.drawRoundRect(t, a, E, s, Y, G), t.fillStyle = this.createCanvasFill(t, typeof e.listBackgroundColor == "string" ? { type: "Solid", color: e.listBackgroundColor } : e.listBackgroundColor || { type: "Solid", color: "#ffffff" }, s, Y) || "#ffffff", t.fill();
       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, L) => {
+      const j = e.itemFontSize || I, X = e.itemFontFamily || k;
+      t.font = `${M} ${j}px ${X}`, A.forEach((tt, L) => {
         const O = E + z + L * 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 || p || "#374151";
@@ -4572,34 +4574,34 @@ class ci {
   }
   renderButton(t, i) {
     if (i.children && i.children.length > 0) return;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = i.geometry || {}, n = s.width || 120, a = s.height || 40, r = this.lastHoveredObjectId === i.id, l = this.activeObjectId === i.id, f = e.label || {}, h = e.hoverStyle || {}, u = e.activeStyle || {}, c = e.icon || { enabled: !1 };
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = i.geometry || {}, n = s.width || 120, a = s.height || 40, r = this.lastHoveredObjectId === i.id, c = this.activeObjectId === i.id, f = e.label || {}, h = e.hoverStyle || {}, u = e.activeStyle || {}, l = e.icon || { enabled: !1 };
     let d = e.backgroundColor || "#3b82f6", p = f.color || "#ffffff", y = f.text || "Button", b = s.cornerRadius ?? 8, m = e.borderColor || "transparent", v = e.borderWidth || 0, S = 1;
-    l && u ? (d = u.backgroundColor || d, p = u.color || p, y = u.text || y, S = u.scale ?? 0.95, b = u.cornerRadius ?? b) : r && h && (d = h.backgroundColor || d, p = h.color || p, y = h.text || y, S = h.scale ?? 1, b = h.cornerRadius ?? b, m = h.borderColor || m);
+    c && u ? (d = u.backgroundColor || d, p = u.color || p, y = u.text || y, S = u.scale ?? 0.95, b = u.cornerRadius ?? b) : r && h && (d = h.backgroundColor || d, p = h.color || p, y = h.text || y, S = h.scale ?? 1, b = h.cornerRadius ?? b, m = h.borderColor || m);
     const C = -n / 2, w = -a / 2;
     t.save(), t.scale(S, S), t.beginPath(), this.drawRoundRect(t, C, w, n, a, b);
-    const M = this.createCanvasFill(t, d, n, a);
-    M && (t.fillStyle = M, t.fill()), (v > 0 || r && h.borderColor) && (t.strokeStyle = m, t.lineWidth = v || (r ? 1 : 0), t.stroke());
-    const I = f.fontSize || 14, k = f.fontFamily || "Inter", T = f.fontWeight || 600;
-    t.font = `${T} ${I}px "${k}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, t.fillStyle = p, t.textAlign = "center", t.textBaseline = "middle";
+    const I = this.createCanvasFill(t, d, n, a);
+    I && (t.fillStyle = I, t.fill()), (v > 0 || r && h.borderColor) && (t.strokeStyle = m, t.lineWidth = v || (r ? 1 : 0), t.stroke());
+    const M = f.fontSize || 14, k = f.fontFamily || "Inter", T = f.fontWeight || 600;
+    t.font = `${T} ${M}px "${k}", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif`, t.fillStyle = p, t.textAlign = "center", t.textBaseline = "middle";
     let R = 0;
-    if (c.enabled && c.svgPath) {
-      const P = I * 1.1, _ = c.gap || 8, E = t.measureText(y), W = -(E.width + P + _) / 2, z = c.position === "left" ? W + P / 2 : W + E.width + _ + P / 2;
-      R = c.position === "left" ? W + P + _ + E.width / 2 : W + E.width / 2, t.save(), t.translate(z, 0);
-      const Y = new Path2D(c.svgPath), G = P / 24;
+    if (l.enabled && l.svgPath) {
+      const P = M * 1.1, _ = l.gap || 8, E = t.measureText(y), W = -(E.width + P + _) / 2, z = l.position === "left" ? W + P / 2 : W + E.width + _ + P / 2;
+      R = l.position === "left" ? W + P + _ + E.width / 2 : W + E.width / 2, t.save(), t.translate(z, 0);
+      const Y = new Path2D(l.svgPath), G = P / 24;
       t.scale(G, G), t.translate(-12, -12), t.fillStyle = p, t.fill(Y), t.restore();
     }
     t.fillText(y, R, 0), t.restore();
   }
   renderToggleButton(t, i) {
     var y, b;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = e.checked ?? !1, n = ((y = i.geometry) == null ? void 0 : y.width) || 120, a = ((b = i.geometry) == null ? void 0 : b.height) || 40, r = -n / 2, l = -a / 2, f = e.corner_radius ?? 8, h = e.label || {}, u = s ? e.accentColor || "#3b82f6" : e.inactiveColor || "#374151", c = s ? e.activeTextColor || "#ffffff" : e.inactiveTextColor || "#9ca3af";
-    t.save(), t.beginPath(), this.drawRoundRect(t, r, l, n, a, f), t.fillStyle = u, t.fill();
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = e.checked ?? !1, n = ((y = i.geometry) == null ? void 0 : y.width) || 120, a = ((b = i.geometry) == null ? void 0 : b.height) || 40, r = -n / 2, c = -a / 2, f = e.corner_radius ?? 8, h = e.label || {}, u = s ? e.accentColor || "#3b82f6" : e.inactiveColor || "#374151", l = s ? e.activeTextColor || "#ffffff" : e.inactiveTextColor || "#9ca3af";
+    t.save(), t.beginPath(), this.drawRoundRect(t, r, c, n, a, f), t.fillStyle = u, t.fill();
     const d = h.fontSize || 14, p = h.fontFamily || "Inter";
-    t.font = `${h.fontWeight || 600} ${d}px "${p}", sans-serif`, t.fillStyle = c, t.textAlign = "center", t.textBaseline = "middle", t.fillText(h.text || "Toggle", 0, 0), t.restore();
+    t.font = `${h.fontWeight || 600} ${d}px "${p}", sans-serif`, t.fillStyle = l, t.textAlign = "center", t.textBaseline = "middle", t.fillText(h.text || "Toggle", 0, 0), t.restore();
   }
   renderToggle(t, i) {
     var G, N, J, x, F, j, X, tt, L, O, 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, l = e.checked ?? !1, f = e.cornerRadius ?? e.corner_radius ?? n / 2, h = e.toggleStyle || {}, u = h.backgroundColor || e.activeColor || "#10b981", c = h.borderColor || e.borderColor || "transparent", d = h.borderWidth ?? e.borderWidth ?? 0, p = h.knobColor || e.knobColor || "#ffffff", y = l ? u : e.inactiveColor || "#374151", b = l ? c : e.borderColor || "transparent", m = l ? d : e.borderWidth ?? 0, v = l ? p : e.knobColor || "#ffffff";
+    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, c = e.checked ?? !1, f = e.cornerRadius ?? e.corner_radius ?? n / 2, h = e.toggleStyle || {}, u = h.backgroundColor || e.activeColor || "#10b981", l = h.borderColor || e.borderColor || "transparent", d = h.borderWidth ?? e.borderWidth ?? 0, p = h.knobColor || e.knobColor || "#ffffff", y = c ? u : e.inactiveColor || "#374151", b = c ? l : e.borderColor || "transparent", m = c ? d : e.borderWidth ?? 0, v = c ? p : e.knobColor || "#ffffff";
     e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, f);
     const S = this.createCanvasFill(t, y, s, n);
     if (S && (t.fillStyle = S, t.fill()), m > 0) {
@@ -4607,17 +4609,17 @@ class ci {
       const ot = this.createCanvasFill(t, b, s, n);
       ot && (t.strokeStyle = ot, t.stroke());
     }
-    const C = 2, w = n - C * 2, M = w / 2, I = a + C, k = a + s - C - w, T = l ? k : I, R = r + C;
-    t.beginPath(), t.arc(T + M, R + M, M, 0, Math.PI * 2);
+    const C = 2, w = n - C * 2, I = w / 2, M = a + C, k = a + s - C - w, T = c ? k : M, R = r + C;
+    t.beginPath(), t.arc(T + I, R + I, I, 0, Math.PI * 2);
     const P = this.createCanvasFill(t, v, w, w);
     P && (t.fillStyle = P, t.fill()), e.disabled && (t.globalAlpha *= 2);
     let _ = !1, E = !1;
-    const A = (l ? (J = h.leftLabel) == null ? void 0 : J.text : null) || ((x = e.leftLabel) == null ? void 0 : x.text) || "", W = (l ? (F = h.leftLabel) == null ? void 0 : F.color : null) || ((j = e.leftLabel) == null ? void 0 : j.color) || "#f3f4f6";
+    const A = (c ? (J = h.leftLabel) == null ? void 0 : J.text : null) || ((x = e.leftLabel) == null ? void 0 : x.text) || "", W = (c ? (F = h.leftLabel) == null ? void 0 : F.color : null) || ((j = e.leftLabel) == null ? void 0 : j.color) || "#f3f4f6";
     if ((X = e.leftLabel) != null && X.enabled && A) {
       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 = (l ? (tt = h.rightLabel) == null ? void 0 : tt.text : null) || ((L = e.rightLabel) == null ? void 0 : L.text) || "", Y = (l ? (O = h.rightLabel) == null ? void 0 : O.color : null) || ((D = e.rightLabel) == null ? void 0 : D.color) || "#f3f4f6";
+    const z = (c ? (tt = h.rightLabel) == null ? void 0 : tt.text : null) || ((L = e.rightLabel) == null ? void 0 : L.text) || "", Y = (c ? (O = h.rightLabel) == null ? void 0 : O.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;
@@ -4632,8 +4634,8 @@ class ci {
   }
   renderCheckbox(t, i) {
     var S, C;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((S = i.geometry) == null ? void 0 : S.width) || 20, n = ((C = i.geometry) == null ? void 0 : C.height) || 20, a = -s / 2, r = -n / 2, l = e.cornerRadius ?? 4, f = e.checked ?? !1, h = e.activeColor || "#3b82f6", u = e.inactiveColor || "transparent", c = e.checkColor || "#ffffff", d = e.borderColor || "#4b5563", p = e.borderWidth ?? 2, y = f ? h : u, b = f ? "transparent" : d, m = f ? 0 : p;
-    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, l);
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((S = i.geometry) == null ? void 0 : S.width) || 20, n = ((C = i.geometry) == null ? void 0 : C.height) || 20, a = -s / 2, r = -n / 2, c = e.cornerRadius ?? 4, f = e.checked ?? !1, h = e.activeColor || "#3b82f6", u = e.inactiveColor || "transparent", l = e.checkColor || "#ffffff", d = e.borderColor || "#4b5563", p = e.borderWidth ?? 2, y = f ? h : u, b = f ? "transparent" : d, m = f ? 0 : p;
+    e.disabled && (t.globalAlpha *= 0.5), t.beginPath(), this.drawRoundRect(t, a, r, s, n, c);
     const v = this.createCanvasFill(t, y, s, n);
     if (v && (t.fillStyle = v, t.fill()), m > 0) {
       t.lineWidth = m;
@@ -4646,47 +4648,47 @@ class ci {
     }
     if (f) {
       t.save(), t.beginPath();
-      const w = this.createCanvasFill(t, c, s, n);
-      t.strokeStyle = w || c, t.lineWidth = Math.max(2, s * 0.12), t.lineCap = "round", t.lineJoin = "round";
-      const M = a + s * 0.25, I = r + n * 0.5, k = a + s * 0.45, T = r + n * 0.7, R = a + s * 0.75, P = r + n * 0.25;
-      t.moveTo(M, I), t.lineTo(k, T), t.lineTo(R, P), t.stroke(), t.restore();
+      const w = this.createCanvasFill(t, l, s, n);
+      t.strokeStyle = w || l, t.lineWidth = Math.max(2, s * 0.12), t.lineCap = "round", t.lineJoin = "round";
+      const I = a + s * 0.25, M = r + n * 0.5, k = a + s * 0.45, T = r + n * 0.7, R = a + s * 0.75, P = r + n * 0.25;
+      t.moveTo(I, M), t.lineTo(k, T), t.lineTo(R, P), t.stroke(), t.restore();
     }
     if (e.disabled && (t.globalAlpha *= 2), e.label && e.label.text) {
       const w = e.label;
       t.save(), t.font = `${w.fontWeight || 400} ${w.fontSize || 14}px "${w.fontFamily || "Inter"}", sans-serif`, t.fillStyle = w.color || "#f3f4f6", t.textBaseline = "middle";
-      const M = w.gap || 8;
-      let I = 0, k = 0;
-      w.position === "left" ? (t.textAlign = "right", I = a - M, k = 0) : w.position === "right" ? (t.textAlign = "left", I = a + s + M, k = 0) : w.position === "top" ? (t.textAlign = "center", I = 0, k = r - M, t.textBaseline = "bottom") : w.position === "bottom" && (t.textAlign = "center", I = 0, k = r + n + M, t.textBaseline = "top"), t.fillText(w.text, I, k), t.restore();
+      const I = w.gap || 8;
+      let M = 0, k = 0;
+      w.position === "left" ? (t.textAlign = "right", M = a - I, k = 0) : w.position === "right" ? (t.textAlign = "left", M = a + s + I, k = 0) : w.position === "top" ? (t.textAlign = "center", M = 0, k = r - I, t.textBaseline = "bottom") : w.position === "bottom" && (t.textAlign = "center", M = 0, k = r + n + I, t.textBaseline = "top"), t.fillText(w.text, M, k), t.restore();
     }
   }
   renderRadioGroup(t, i) {
     var C, w;
-    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((C = i.geometry) == null ? void 0 : C.width) || 180, n = ((w = i.geometry) == null ? void 0 : w.height) || 100, a = -s / 2, r = -n / 2, l = e.selectedValue, f = e.optionsList || ["Option 1", "Option 2", "Option 3"], h = e.orientation || "vertical", u = e.itemGap !== void 0 ? e.itemGap : 16, c = e.activeColor || "#3b82f6", d = e.inactiveColor || "#4b5563", p = e.textColor || "#ffffff", y = e.fontSize || 14, b = e.fontFamily || "Inter", m = e.fontWeight || 400;
+    const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.options) || i.options || {}, s = ((C = i.geometry) == null ? void 0 : C.width) || 180, n = ((w = i.geometry) == null ? void 0 : w.height) || 100, a = -s / 2, r = -n / 2, c = e.selectedValue, f = e.optionsList || ["Option 1", "Option 2", "Option 3"], h = e.orientation || "vertical", u = e.itemGap !== void 0 ? e.itemGap : 16, l = e.activeColor || "#3b82f6", d = e.inactiveColor || "#4b5563", p = e.textColor || "#ffffff", y = e.fontSize || 14, b = e.fontFamily || "Inter", m = e.fontWeight || 400;
     e.disabled && (t.globalAlpha *= 0.5);
     const v = 8, S = v * 2;
     if (t.save(), t.font = `${m} ${y}px "${b}", sans-serif`, t.textBaseline = "middle", t.textAlign = "left", h === "vertical") {
-      const M = Math.max(S, y) + u;
-      f.forEach((I, k) => {
-        const T = r + k * M + v;
+      const I = Math.max(S, y) + u;
+      f.forEach((M, k) => {
+        const T = r + k * I + v;
         t.beginPath(), t.arc(a + v, T, v, 0, Math.PI * 2);
-        const R = l === I, P = this.createCanvasFill(t, c, S, S), _ = this.createCanvasFill(t, d, S, S);
-        R ? (t.strokeStyle = P || c, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(a + v, T, v / 2, 0, Math.PI * 2), t.fillStyle = P || c, t.fill()) : (t.strokeStyle = _ || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = p, t.fillText(I, a + S + 8, T);
+        const R = c === M, P = this.createCanvasFill(t, l, S, S), _ = this.createCanvasFill(t, d, S, S);
+        R ? (t.strokeStyle = P || l, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(a + v, T, v / 2, 0, Math.PI * 2), t.fillStyle = P || l, t.fill()) : (t.strokeStyle = _ || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = p, t.fillText(M, a + S + 8, T);
       });
     } else {
-      let M = a;
-      f.forEach((I) => {
-        const k = l === I, T = t.measureText(I).width;
-        t.beginPath(), t.arc(M + v, 0, v, 0, Math.PI * 2);
-        const R = this.createCanvasFill(t, c, S, S), P = this.createCanvasFill(t, d, S, S);
-        k ? (t.strokeStyle = R || c, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(M + v, 0, v / 2, 0, Math.PI * 2), t.fillStyle = R || c, t.fill()) : (t.strokeStyle = P || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = p, t.fillText(I, M + S + 6, 0), M += S + 6 + T + u;
+      let I = a;
+      f.forEach((M) => {
+        const k = c === M, T = t.measureText(M).width;
+        t.beginPath(), t.arc(I + v, 0, v, 0, Math.PI * 2);
+        const R = this.createCanvasFill(t, l, S, S), P = this.createCanvasFill(t, d, S, S);
+        k ? (t.strokeStyle = R || l, t.lineWidth = 2, t.stroke(), t.beginPath(), t.arc(I + v, 0, v / 2, 0, Math.PI * 2), t.fillStyle = R || l, t.fill()) : (t.strokeStyle = P || d, t.lineWidth = 1.5, t.stroke()), t.fillStyle = p, t.fillText(M, I + S + 6, 0), I += S + 6 + T + u;
       });
     }
     if (t.restore(), e.disabled && (t.globalAlpha *= 2), e.label && e.label.text) {
-      const M = e.label;
-      t.save(), t.font = `${M.fontWeight || 400} ${M.fontSize || 14}px "${M.fontFamily || "Inter"}", sans-serif`, t.fillStyle = M.color || "#9ca3af", t.textBaseline = "middle";
-      const I = M.gap || 8;
+      const I = e.label;
+      t.save(), t.font = `${I.fontWeight || 400} ${I.fontSize || 14}px "${I.fontFamily || "Inter"}", sans-serif`, t.fillStyle = I.color || "#9ca3af", t.textBaseline = "middle";
+      const M = I.gap || 8;
       let k = 0, T = 0;
-      M.position === "left" ? (t.textAlign = "right", k = a - I, T = 0) : M.position === "right" ? (t.textAlign = "left", k = a + s + I, T = 0) : M.position === "top" ? (t.textAlign = "center", k = 0, T = r - I, t.textBaseline = "bottom") : M.position === "bottom" && (t.textAlign = "center", k = 0, T = r + n + I, t.textBaseline = "top"), t.fillText(M.text, k, T), t.restore();
+      I.position === "left" ? (t.textAlign = "right", k = a - M, T = 0) : I.position === "right" ? (t.textAlign = "left", k = a + s + M, T = 0) : I.position === "top" ? (t.textAlign = "center", k = 0, T = r - M, t.textBaseline = "bottom") : I.position === "bottom" && (t.textAlign = "center", k = 0, T = r + n + M, t.textBaseline = "top"), t.fillText(I.text, k, T), t.restore();
     }
   }
   renderBarChart(t, i) {
@@ -4753,16 +4755,16 @@ class ci {
         }
         P.beginPath(), Y ? (P.moveTo(_, E + W), P.lineTo(_, E + z), P.quadraticCurveTo(_, E, _ + z, E), P.lineTo(_ + A - z, E), P.quadraticCurveTo(_ + A, E, _ + A, E + z), P.lineTo(_ + A, E + W), P.lineTo(_, E + W)) : (P.moveTo(_, E), P.lineTo(_ + A - z, E), P.quadraticCurveTo(_ + A, E, _ + A, E + z), P.lineTo(_ + A, E + W - z), P.quadraticCurveTo(_ + A, E + W, _ + A - z, E + W), P.lineTo(_, E + W), P.lineTo(_, E)), P.closePath();
       }
-    }, n = s.width, a = s.height, r = -n / 2, l = -a / 2;
+    }, n = s.width, a = s.height, r = -n / 2, c = -a / 2;
     if (!s.datasets || s.datasets.length === 0 || s.categories.length === 0) {
       t.save(), t.fillStyle = "rgba(99,102,241,0.7)", t.font = "bold 11px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText("NO CHART DATA", 0, 0), t.restore();
       return;
     }
     const f = s._getPreset();
     let h = -1 / 0, u = 1 / 0;
-    const c = s.categories.length, d = s.datasets.length;
+    const l = s.categories.length, d = s.datasets.length;
     if (s.chartType === "stacked")
-      for (let P = 0; P < c; P++) {
+      for (let P = 0; P < l; P++) {
         let _ = 0, E = 0;
         s.datasets.forEach((A) => {
           const W = A.data[P] ?? 0;
@@ -4778,10 +4780,10 @@ class ci {
     isFinite(h) || (h = 10), isFinite(u) || (u = 0), h = Math.max(h, 0), u = Math.min(u, 0);
     const p = h - u || 10;
     t.save(), s.enableShadows && (t.shadowColor = s.shadowColor, t.shadowBlur = s.shadowBlur, t.shadowOffsetY = s.shadowOffsetY), t.font = s.axisLabelFontSize + "px Inter, sans-serif";
-    const y = s.showYLabels ? t.measureText(h.toFixed(0)).width + 14 : 10, b = s.showXLabels ? s.axisLabelFontSize + 12 : 8, v = (s.showLegend && d > 0 ? s.legendFontSize + 10 : 0) + 8, S = 10, C = r + y, w = l + v, M = n - y - S, I = a - v - b;
-    if (s.enableShadows && (t.shadowColor = "transparent"), t.beginPath(), t.roundRect(r, l, n, a, 10), t.fillStyle = f.cardBackground, t.fill(), t.strokeStyle = f.cardBorderColor, t.lineWidth = 1, t.stroke(), s.chartBackground && s.chartBackground !== "transparent" && (t.beginPath(), t.rect(C, w, M, I), t.fillStyle = s.chartBackground, t.fill()), s.showLegend && d > 0) {
+    const y = s.showYLabels ? t.measureText(h.toFixed(0)).width + 14 : 10, b = s.showXLabels ? s.axisLabelFontSize + 12 : 8, v = (s.showLegend && d > 0 ? s.legendFontSize + 10 : 0) + 8, S = 10, C = r + y, w = c + v, I = n - y - S, M = a - v - b;
+    if (s.enableShadows && (t.shadowColor = "transparent"), t.beginPath(), t.roundRect(r, c, n, a, 10), t.fillStyle = f.cardBackground, t.fill(), t.strokeStyle = f.cardBorderColor, t.lineWidth = 1, t.stroke(), s.chartBackground && s.chartBackground !== "transparent" && (t.beginPath(), t.rect(C, w, I, M), t.fillStyle = s.chartBackground, t.fill()), s.showLegend && d > 0) {
       t.font = s.legendFontSize + "px Inter, sans-serif", t.textBaseline = "middle";
-      const P = l + 12;
+      const P = c + 12;
       let _ = C;
       s.datasets.forEach((E, A) => {
         const W = s._resolveColor(E.color, A), z = E.label || "Series " + (A + 1), Y = 7;
@@ -4793,11 +4795,11 @@ class ci {
       t.setLineDash(s.gridLineDash || []), t.lineWidth = s.gridLineWidth || 1, t.strokeStyle = f.gridColor;
       for (let P = 0; P <= k; P++)
         if (s.orientation === "horizontal") {
-          const _ = C + P / k * M;
-          t.beginPath(), t.moveTo(_, w), t.lineTo(_, w + I), t.stroke();
+          const _ = C + P / k * I;
+          t.beginPath(), t.moveTo(_, w), t.lineTo(_, w + M), t.stroke();
         } else {
-          const _ = w + P / k * I;
-          t.beginPath(), t.moveTo(C, _), t.lineTo(C + M, _), t.stroke();
+          const _ = w + P / k * M;
+          t.beginPath(), t.moveTo(C, _), t.lineTo(C + I, _), t.stroke();
         }
       t.setLineDash([]);
     }
@@ -4805,39 +4807,39 @@ class ci {
       t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = f.axisLabelColor;
       for (let P = 0; P <= k; P++)
         if (s.orientation === "horizontal") {
-          const _ = u + P / k * p, E = C + P / k * M;
-          t.textAlign = "center", t.fillText(_.toFixed(0), E, w + I + s.axisLabelFontSize);
+          const _ = u + P / k * p, E = C + P / k * I;
+          t.textAlign = "center", t.fillText(_.toFixed(0), E, w + M + s.axisLabelFontSize);
         } else {
-          const _ = h - P / k * p, E = w + P / k * I;
+          const _ = h - P / k * p, E = w + P / k * M;
           t.textAlign = "right", t.fillText(_.toFixed(0), C - 6, E);
         }
     }
-    if (t.setLineDash([]), s.showXAxis && (t.lineWidth = s.xAxisLineWidth || 1, t.strokeStyle = s.xAxisColor, t.beginPath(), t.moveTo(C, w + I), t.lineTo(C + M, w + I), t.stroke()), s.showYAxis && (t.lineWidth = s.yAxisLineWidth || 1, t.strokeStyle = s.yAxisColor, t.beginPath(), t.moveTo(C, w), t.lineTo(C, w + I), t.stroke()), s.enableShadows && (t.shadowColor = s.shadowColor), s.chartType === "stacked")
+    if (t.setLineDash([]), s.showXAxis && (t.lineWidth = s.xAxisLineWidth || 1, t.strokeStyle = s.xAxisColor, t.beginPath(), t.moveTo(C, w + M), t.lineTo(C + I, w + M), t.stroke()), s.showYAxis && (t.lineWidth = s.yAxisLineWidth || 1, t.strokeStyle = s.yAxisColor, t.beginPath(), t.moveTo(C, w), t.lineTo(C, w + M), t.stroke()), s.enableShadows && (t.shadowColor = s.shadowColor), s.chartType === "stacked")
       if (s.orientation === "horizontal") {
-        const P = I / c;
-        for (let _ = 0; _ < c; _++) {
+        const P = M / l;
+        for (let _ = 0; _ < l; _++) {
           const E = w + _ * P + P / 2;
           s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = f.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[_] || "", C - 5, E), s.enableShadows && (t.shadowColor = s.shadowColor));
           let A = C;
           s.datasets.forEach((W, z) => {
             const Y = W.data[_] ?? 0;
             if (Y === 0) return;
-            const G = Y / p * M, N = Math.min(s.barWidth * d + s.barGap, P - 8), J = E - N / 2, x = A;
+            const G = Y / p * I, N = Math.min(s.barWidth * d + s.barGap, P - 8), J = E - N / 2, x = A;
             A += G;
             const F = s._resolveColor(W.color, z);
             t.beginPath(), t.fillStyle = s._makeGradient(t, F, x, J, x + G, J), s._drawRoundedBar(t, x, J, G, N, z === d - 1 ? s.barCornerRadius : 0, !1), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? F : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill();
           });
         }
       } else {
-        const P = M / c;
-        for (let _ = 0; _ < c; _++) {
+        const P = I / l;
+        for (let _ = 0; _ < l; _++) {
           const E = C + _ * P + P / 2;
-          s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = f.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[_] || "", E, w + I + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
-          let A = w + I;
+          s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = f.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[_] || "", E, w + M + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
+          let A = w + M;
           s.datasets.forEach((W, z) => {
             const Y = W.data[_] ?? 0;
             if (Y === 0) return;
-            const G = Y / p * I, N = Math.min(s.barWidth * d + s.barGap, P - 8), J = E - N / 2, x = A - G;
+            const G = Y / p * M, N = Math.min(s.barWidth * d + s.barGap, P - 8), J = E - N / 2, x = A - G;
             A -= G;
             const F = s._resolveColor(W.color, z);
             t.beginPath(), t.fillStyle = s._makeGradient(t, F, J, x, J, x + G), s._drawRoundedBar(t, J, x, N, G, z === d - 1 ? s.barCornerRadius : 0, !0), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? F : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill();
@@ -4845,26 +4847,26 @@ class ci {
         }
       }
     else if (s.orientation === "horizontal") {
-      const P = I / c, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = C + (0 - u) / p * M;
-      for (let A = 0; A < c; A++) {
+      const P = M / l, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = C + (0 - u) / p * I;
+      for (let A = 0; A < l; A++) {
         const W = w + A * P + P / 2;
         s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "right", t.textBaseline = "middle", t.fillStyle = f.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[A] || "", C - 5, W), s.enableShadows && (t.shadowColor = s.shadowColor));
         const z = W - _ / 2;
         s.datasets.forEach((Y, G) => {
-          const N = Y.data[A] ?? 0, J = Math.abs(N / p * M);
+          const N = Y.data[A] ?? 0, J = Math.abs(N / p * I);
           if (J < 1) return;
           const x = z + G * (s.barWidth + s.barGap), F = N >= 0 ? E : E - J, j = s._resolveColor(Y.color, G);
           t.beginPath(), t.fillStyle = s._makeGradient(t, j, F, x, F + J, x), s._drawRoundedBar(t, F, x, J, s.barWidth, s.barCornerRadius, !1), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? j : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill(), s.showValueOnTop && N !== 0 && (t.font = (s.valueFontWeight || "bold") + " " + (s.valueFontSize || 10) + "px Inter, sans-serif", t.textAlign = N >= 0 ? "left" : "right", t.textBaseline = "middle", t.fillStyle = s.valueColor === "auto" ? j : s.valueColor || "#fff", t.shadowColor = "transparent", t.fillText(N.toString(), N >= 0 ? F + J + 4 : F - 4, x + s.barWidth / 2), s.enableShadows && (t.shadowColor = s.shadowColor));
         });
       }
     } else {
-      const P = M / c, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = w + I - (0 - u) / p * I;
-      for (let A = 0; A < c; A++) {
+      const P = I / l, _ = d * s.barWidth + Math.max(0, (d - 1) * s.barGap), E = w + M - (0 - u) / p * M;
+      for (let A = 0; A < l; A++) {
         const W = C + A * P + P / 2;
-        s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = f.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[A] || "", W, w + I + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
+        s.showXLabels && (t.font = s.axisLabelFontSize + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "top", t.fillStyle = f.axisLabelColor, t.shadowColor = "transparent", t.fillText(s.categories[A] || "", W, w + M + 5), s.enableShadows && (t.shadowColor = s.shadowColor));
         const z = W - _ / 2;
         s.datasets.forEach((Y, G) => {
-          const N = Y.data[A] ?? 0, J = Math.abs(N / p * I);
+          const N = Y.data[A] ?? 0, J = Math.abs(N / p * M);
           if (J < 1) return;
           const x = z + G * (s.barWidth + s.barGap), F = N >= 0 ? E - J : E, j = s._resolveColor(Y.color, G);
           t.beginPath(), t.fillStyle = s._makeGradient(t, j, x, F, x, F + J), s._drawRoundedBar(t, x, F, s.barWidth, J, s.barCornerRadius, !0), s.barStyle === "outline" || s.barStyle === "dashed" ? (t.fillStyle = "transparent", t.strokeStyle = s.barBorderColor === "auto" ? j : s.barBorderColor, t.lineWidth = s.barBorderWidth, s.barStyle === "dashed" && t.setLineDash([4, 4]), t.stroke(), t.setLineDash([])) : t.fill(), s.showValueOnTop && N !== 0 && (t.font = (s.valueFontWeight || "bold") + " " + (s.valueFontSize || 10) + "px Inter, sans-serif", t.textAlign = "center", t.textBaseline = N >= 0 ? "bottom" : "top", t.fillStyle = s.valueColor === "auto" ? j : s.valueColor || "#fff", t.shadowColor = "transparent", t.fillText(N.toString(), x + s.barWidth / 2, N >= 0 ? F - 4 : F + J + 4), s.enableShadows && (t.shadowColor = s.shadowColor));
@@ -4910,52 +4912,52 @@ class ci {
       t.save(), t.fillStyle = "rgba(99,102,241,0.8)", t.font = "bold 11px Inter, sans-serif", t.textAlign = "center", t.textBaseline = "middle", t.fillText("EMPTY DATA", 0, 0), t.restore();
       return;
     }
-    const l = s._getPreset();
-    t.save(), t.beginPath(), t.roundRect(-n / 2, -a / 2, n, a, 10), t.fillStyle = l.cardBackground, t.fill(), t.strokeStyle = l.cardBorderColor, t.lineWidth = 1, t.stroke();
-    const f = s.showLegend ? Math.ceil(s.slices.length / 2) : 0, h = f > 0 ? f * (s.legendFontSize + 8) + 10 : 0, u = a - h - 16, c = Math.min(n - 24, u) / 2, d = 0, p = -h / 2;
+    const c = s._getPreset();
+    t.save(), t.beginPath(), t.roundRect(-n / 2, -a / 2, n, a, 10), t.fillStyle = c.cardBackground, t.fill(), t.strokeStyle = c.cardBorderColor, t.lineWidth = 1, t.stroke();
+    const f = s.showLegend ? Math.ceil(s.slices.length / 2) : 0, h = f > 0 ? f * (s.legendFontSize + 8) + 10 : 0, u = a - h - 16, l = Math.min(n - 24, u) / 2, d = 0, p = -h / 2;
     if (s.chartType === "rose") {
-      const m = Math.max(...s.slices.map((C) => C.value || 0)), v = Math.PI * 2 / s.slices.length, S = c > 0 ? s.sliceGap / c : 0;
+      const m = Math.max(...s.slices.map((C) => C.value || 0)), v = Math.PI * 2 / s.slices.length, S = l > 0 ? s.sliceGap / l : 0;
       s.slices.forEach((C, w) => {
-        const M = C.value || 0;
-        if (M === 0) return;
-        const I = M / m * c, k = -Math.PI / 2 + w * v + S / 2, T = k + v - S, R = s._resolveSliceColor(C, w);
-        if (t.beginPath(), t.moveTo(d, p), t.arc(d, p, I, k, T), t.closePath(), t.fillStyle = R + "cc", t.fill(), t.strokeStyle = R, t.lineWidth = 1.5, t.stroke(), s.showLabels) {
-          const P = k + (T - k) / 2, _ = d + I * 0.65 * Math.cos(P), E = p + I * 0.65 * Math.sin(P), A = Math.round(M / r * 100);
-          t.save(), t.font = `bold ${s.labelFontSize}px Inter, sans-serif`, t.fillStyle = l.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${A}%`, _, E), t.restore();
+        const I = C.value || 0;
+        if (I === 0) return;
+        const M = I / m * l, k = -Math.PI / 2 + w * v + S / 2, T = k + v - S, R = s._resolveSliceColor(C, w);
+        if (t.beginPath(), t.moveTo(d, p), t.arc(d, p, M, k, T), t.closePath(), t.fillStyle = R + "cc", t.fill(), t.strokeStyle = R, t.lineWidth = 1.5, t.stroke(), s.showLabels) {
+          const P = k + (T - k) / 2, _ = d + M * 0.65 * Math.cos(P), E = p + M * 0.65 * Math.sin(P), A = Math.round(I / r * 100);
+          t.save(), t.font = `bold ${s.labelFontSize}px Inter, sans-serif`, t.fillStyle = c.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${A}%`, _, E), t.restore();
         }
       });
     } else {
-      const m = s.chartType === "pie" ? 0 : s.innerRadius, v = c * Math.max(0, m), S = c > 0 ? s.sliceGap / c : 0;
+      const m = s.chartType === "pie" ? 0 : s.innerRadius, v = l * Math.max(0, m), S = l > 0 ? s.sliceGap / l : 0;
       let C = -Math.PI / 2;
-      if (s.slices.forEach((w, M) => {
-        const I = w.value || 0;
-        if (I === 0) {
-          C += I / r * Math.PI * 2;
+      if (s.slices.forEach((w, I) => {
+        const M = w.value || 0;
+        if (M === 0) {
+          C += M / r * Math.PI * 2;
           return;
         }
-        const k = I / r * Math.PI * 2, T = C + S / 2, R = C + k - S / 2;
+        const k = M / r * Math.PI * 2, T = C + S / 2, R = C + k - S / 2;
         if (R <= T) {
           C += k;
           return;
         }
-        const P = s._resolveSliceColor(w, M);
-        if (t.beginPath(), t.fillStyle = P, v <= 0 ? (t.moveTo(d, p), t.arc(d, p, c, T, R), t.lineTo(d, p)) : (t.moveTo(d + c * Math.cos(T), p + c * Math.sin(T)), t.arc(d, p, c, T, R), t.arc(d, p, v, R, T, !0), t.closePath()), t.fill(), s.showLabels) {
-          const _ = T + (R - T) / 2, E = v + (c - v) / 2, A = d + E * Math.cos(_), W = p + E * Math.sin(_), z = Math.round(I / r * 100);
-          t.save(), t.font = `bold ${s.labelFontSize}px Inter, sans-serif`, t.fillStyle = l.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${z}%`, A, W), t.restore();
+        const P = s._resolveSliceColor(w, I);
+        if (t.beginPath(), t.fillStyle = P, v <= 0 ? (t.moveTo(d, p), t.arc(d, p, l, T, R), t.lineTo(d, p)) : (t.moveTo(d + l * Math.cos(T), p + l * Math.sin(T)), t.arc(d, p, l, T, R), t.arc(d, p, v, R, T, !0), t.closePath()), t.fill(), s.showLabels) {
+          const _ = T + (R - T) / 2, E = v + (l - v) / 2, A = d + E * Math.cos(_), W = p + E * Math.sin(_), z = Math.round(M / r * 100);
+          t.save(), t.font = `bold ${s.labelFontSize}px Inter, sans-serif`, t.fillStyle = c.labelColor, t.textAlign = "center", t.textBaseline = "middle", t.fillText(`${z}%`, A, W), t.restore();
         }
         C += k;
       }), s.chartType === "donut" && s.showCenterText && v > 14) {
-        const w = Math.round(r), M = Math.min(Math.floor(v * 0.52), 20), I = Math.min(Math.floor(v * 0.26), 10);
-        t.textAlign = "center", t.textBaseline = "middle", t.font = `bold ${M}px Inter, sans-serif`, t.fillStyle = l.centerTextColor, t.fillText(w.toString(), d, p - I * 0.5), s.centerLabel && (t.font = `${I}px Inter, sans-serif`, t.fillStyle = l.centerLabelColor, t.fillText(s.centerLabel, d, p + M * 0.6));
+        const w = Math.round(r), I = Math.min(Math.floor(v * 0.52), 20), M = Math.min(Math.floor(v * 0.26), 10);
+        t.textAlign = "center", t.textBaseline = "middle", t.font = `bold ${I}px Inter, sans-serif`, t.fillStyle = c.centerTextColor, t.fillText(w.toString(), d, p - M * 0.5), s.centerLabel && (t.font = `${M}px Inter, sans-serif`, t.fillStyle = c.centerLabelColor, t.fillText(s.centerLabel, d, p + I * 0.6));
       }
     }
     if (s.showLegend && s.slices.length > 0) {
       t.font = `${s.legendFontSize}px Inter, sans-serif`;
       const m = 2, v = n / m, S = s.legendFontSize + 8, C = a / 2 - h + 10, w = -n / 2 + 10;
-      s.slices.forEach((M, I) => {
-        const k = I % m, T = Math.floor(I / m), R = w + k * v, P = C + T * S, _ = s._resolveSliceColor(M, I), E = 7;
-        t.beginPath(), t.roundRect(R, P - E / 2, E, E, 2), t.fillStyle = _, t.fill(), t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = l.legendColor;
-        const A = Math.round((M.value || 0) / r * 100), W = `${M.label || "Item"} ${A}%`, z = v - E - 20;
+      s.slices.forEach((I, M) => {
+        const k = M % m, T = Math.floor(M / m), R = w + k * v, P = C + T * S, _ = s._resolveSliceColor(I, M), E = 7;
+        t.beginPath(), t.roundRect(R, P - E / 2, E, E, 2), t.fillStyle = _, t.fill(), t.textAlign = "left", t.textBaseline = "middle", t.fillStyle = c.legendColor;
+        const A = Math.round((I.value || 0) / r * 100), W = `${I.label || "Item"} ${A}%`, z = v - E - 20;
         let Y = W;
         for (; t.measureText(Y).width > z && Y.length > 4; )
           Y = Y.slice(0, -4) + "…";
@@ -4967,23 +4969,23 @@ class ci {
   renderJoystick(t, i) {
     var p, y, b, m, v;
     const o = this.objectStates.get(i.id), e = (o == null ? void 0 : o.width) !== void 0 ? o.width : ((p = i.geometry) == null ? void 0 : p.width) ?? i.width ?? 100, s = (o == null ? void 0 : o.height) !== void 0 ? o.height : ((y = i.geometry) == null ? void 0 : y.height) ?? i.height ?? 100, n = Math.min(e, s) * 0.45, a = Math.min(e, s) * 0.15;
-    let r = i.handleX || 0, l = i.handleY || 0;
-    o && o.handleX !== void 0 && (r = o.handleX), o && o.handleY !== void 0 && (l = o.handleY), t.save();
+    let r = i.handleX || 0, c = i.handleY || 0;
+    o && o.handleX !== void 0 && (r = o.handleX), o && o.handleY !== void 0 && (c = o.handleY), t.save();
     let f = 0, h = 0;
     i.handleOrigin === "top-left" ? (f = e / 2, h = s / 2) : i.handleOrigin === "bottom-right" && (f = -e / 2, h = -s / 2), t.translate(f, h), t.beginPath(), i.boundsShape === "square" ? t.rect(-n, -n, n * 2, n * 2) : t.arc(0, 0, n, 0, Math.PI * 2), t.fillStyle = "rgba(0,0,0,0.2)", (b = i.style) != null && b.fill && typeof i.style.fill == "string" ? t.fillStyle = i.style.fill : (m = i.style) != null && m.fill && i.style.fill.type === "solid" && (t.fillStyle = i.style.fill.color), t.fill(), (v = i.style) != null && v.stroke && i.style.stroke.isEnabled !== !1 && (t.lineWidth = i.style.stroke.width || 1, t.strokeStyle = i.style.stroke.color || "#000", t.stroke());
     const u = n - a;
-    let c = 0, d = 0;
-    i.joystickType === "2D" ? (c = r * u, d = l * u) : i.joystickType === "1D_X" ? (c = r * u, d = 0) : i.joystickType === "1D_Y" && (c = 0, d = l * u), t.beginPath(), t.arc(c, d, a, 0, Math.PI * 2), t.fillStyle = "#fff", t.fill(), t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1, t.stroke(), t.restore();
+    let l = 0, d = 0;
+    i.joystickType === "2D" ? (l = r * u, d = c * u) : i.joystickType === "1D_X" ? (l = r * u, d = 0) : i.joystickType === "1D_Y" && (l = 0, d = c * u), t.beginPath(), t.arc(l, d, a, 0, Math.PI * 2), t.fillStyle = "#fff", t.fill(), t.strokeStyle = "rgba(0,0,0,0.5)", t.lineWidth = 1, t.stroke(), t.restore();
   }
   getRadioGroupItemIndexAtPointer(t, i, o) {
-    var I, k;
+    var M, k;
     const e = t.options || {}, s = this.objectStates.get(t.id) || {}, n = e.optionsList || [];
     if (n.length === 0) return null;
-    const a = s.width !== void 0 ? s.width : ((I = t.geometry) == null ? void 0 : I.width) || 180, r = s.height !== void 0 ? s.height : ((k = t.geometry) == null ? void 0 : k.height) || 100, l = e.orientation || "vertical", f = e.itemGap !== void 0 ? e.itemGap : 16, h = e.fontSize || 14, u = this.getWorldTransform(t.id), c = i - u.x, d = o - u.y, p = -u.rotation * (Math.PI / 180), y = Math.cos(p), b = Math.sin(p), m = c * y - d * b, v = c * b + d * y, C = 8 * 2, w = -a / 2, M = -r / 2;
-    if (l === "vertical") {
+    const a = s.width !== void 0 ? s.width : ((M = t.geometry) == null ? void 0 : M.width) || 180, r = s.height !== void 0 ? s.height : ((k = t.geometry) == null ? void 0 : k.height) || 100, c = e.orientation || "vertical", f = e.itemGap !== void 0 ? e.itemGap : 16, h = e.fontSize || 14, u = this.getWorldTransform(t.id), l = i - u.x, d = o - u.y, p = -u.rotation * (Math.PI / 180), y = Math.cos(p), b = Math.sin(p), m = l * y - d * b, v = l * b + d * y, C = 8 * 2, w = -a / 2, I = -r / 2;
+    if (c === "vertical") {
       const T = Math.max(C, h) + f;
       for (let R = 0; R < n.length; R++) {
-        const P = M + R * T;
+        const P = I + R * T;
         if (m >= w && m <= w + a && v >= P && v <= P + T)
           return R;
       }
@@ -4991,7 +4993,7 @@ class ci {
       let T = w;
       for (let R = 0; R < n.length; R++) {
         const _ = n[R].length * 8, E = C + 6 + _ + f;
-        if (m >= T && m <= T + E && v >= M && v <= M + r)
+        if (m >= T && m <= T + E && v >= I && v <= I + r)
           return R;
         T += E;
       }
@@ -5035,11 +5037,11 @@ class ci {
       }
       p._resolvedData = y;
     }), r < 2) return;
-    const l = a - n, f = o / (r - 1), h = (p) => {
-      const y = l === 0 ? 0.5 : (p - n) / l;
+    const c = a - n, f = o / (r - 1), h = (p) => {
+      const y = c === 0 ? 0.5 : (p - n) / c;
       return e / 2 - y * e;
-    }, u = (p) => p * f - o / 2, c = i.axisColor || "#333333";
-    if (i.showXAxis && (t.beginPath(), t.strokeStyle = i.xAxisColor || c, t.lineWidth = 1, t.moveTo(-o / 2, e / 2), t.lineTo(o / 2, e / 2), t.stroke()), i.showYAxis && (t.beginPath(), t.strokeStyle = i.yAxisColor || c, t.lineWidth = 1, t.moveTo(-o / 2, -e / 2), t.lineTo(-o / 2, e / 2), t.stroke()), t.fillStyle = i.axisLabelColor || "#333333", t.font = `${i.axisLabelFontSize || 10}px Inter, sans-serif`, i.showXLabels) {
+    }, u = (p) => p * f - o / 2, l = i.axisColor || "#333333";
+    if (i.showXAxis && (t.beginPath(), t.strokeStyle = i.xAxisColor || l, t.lineWidth = 1, t.moveTo(-o / 2, e / 2), t.lineTo(o / 2, e / 2), t.stroke()), i.showYAxis && (t.beginPath(), t.strokeStyle = i.yAxisColor || l, t.lineWidth = 1, t.moveTo(-o / 2, -e / 2), t.lineTo(-o / 2, e / 2), t.stroke()), t.fillStyle = i.axisLabelColor || "#333333", t.font = `${i.axisLabelFontSize || 10}px Inter, sans-serif`, i.showXLabels) {
       t.textAlign = "center", t.textBaseline = "top";
       for (let p = 0; p < r; p++) {
         const y = u(p);
@@ -5059,9 +5061,9 @@ class ci {
           if (t.beginPath(), t.moveTo(u(0), e / 2), t.lineTo(u(0), h(y[0])), p.smoothing && y.length > 2)
             for (let m = 0; m < y.length - 1; m++) {
               const v = y[m === 0 ? m : m - 1], S = y[m], C = y[m + 1], w = y[m + 1 === y.length - 1 ? m + 1 : m + 2];
-              for (let M = 1; M <= d; M++) {
-                const I = M / d, k = this._catmullRom(v, S, C, w, I);
-                t.lineTo(u(m + I), h(k));
+              for (let I = 1; I <= d; I++) {
+                const M = I / d, k = this._catmullRom(v, S, C, w, M);
+                t.lineTo(u(m + M), h(k));
               }
             }
           else
@@ -5075,8 +5077,8 @@ class ci {
           for (let b = 0; b < y.length - 1; b++) {
             const m = y[b === 0 ? b : b - 1], v = y[b], S = y[b + 1], C = y[b + 1 === y.length - 1 ? b + 1 : b + 2];
             for (let w = 1; w <= d; w++) {
-              const M = w / d, I = this._catmullRom(m, v, S, C, M);
-              t.lineTo(u(b + M), h(I));
+              const I = w / d, M = this._catmullRom(m, v, S, C, I);
+              t.lineTo(u(b + I), h(M));
             }
           }
         else
@@ -5098,8 +5100,8 @@ class ci {
     }
   }
   _catmullRom(t, i, o, e, s) {
-    const n = (o - t) * 0.5, a = (e - i) * 0.5, r = s * s, l = s * r;
-    return (2 * i - 2 * o + n + a) * l + (-3 * i + 3 * o - 2 * n - a) * r + n * s + i;
+    const n = (o - t) * 0.5, a = (e - i) * 0.5, r = s * s, c = s * r;
+    return (2 * i - 2 * o + n + a) * c + (-3 * i + 3 * o - 2 * n - a) * r + n * s + i;
   }
   normalizeOpacity(t) {
     const i = typeof t == "number" ? t : parseFloat(String(t));
@@ -5114,15 +5116,15 @@ class ci {
       return t.fillStyle = f, f;
     }
     if ((i.type === "LinearGradient" || i.type === "RadialGradient" || i.type === "AngularGradient" || i.type === "DiamondGradient") && i.stops) {
-      const r = (l, f = 100) => {
+      const r = (c, f = 100) => {
         var S, C;
-        const u = (((C = (S = this.artboard) == null ? void 0 : S.tokens) == null ? void 0 : C.colors) || {})[l] || l, c = this.normalizeOpacity(i.opacity ?? 100), p = this.normalizeOpacity(f) * c;
+        const u = (((C = (S = this.artboard) == null ? void 0 : S.tokens) == null ? void 0 : C.colors) || {})[c] || c, l = this.normalizeOpacity(i.opacity ?? 100), p = this.normalizeOpacity(f) * l;
         if (p >= 1 && u.startsWith("#")) return u;
         const y = u.startsWith("#") ? u.replace("#", "") : "ffffff", b = parseInt(y.substring(0, 2), 16), m = parseInt(y.substring(2, 4), 16), v = parseInt(y.substring(4, 6), 16);
         return `rgba(${b}, ${m}, ${v}, ${p})`;
       };
       if (i.type === "LinearGradient") {
-        const l = (p, y, b) => Array.isArray(p) ? p[y] ?? (y === 0 ? 0 : 1) : p && typeof p == "object" ? p[b] ?? (y === 0 ? 0 : 1) : y === 0 ? 0 : 1, f = l(i.start, 0, "x") * o - o / 2, h = l(i.start, 1, "y") * e - e / 2, u = l(i.end, 0, "x") * o - o / 2, c = l(i.end, 1, "y") * e - e / 2, d = t.createLinearGradient(f, h, u, c);
+        const c = (p, y, b) => Array.isArray(p) ? p[y] ?? (y === 0 ? 0 : 1) : p && typeof p == "object" ? p[b] ?? (y === 0 ? 0 : 1) : y === 0 ? 0 : 1, f = c(i.start, 0, "x") * o - o / 2, h = c(i.start, 1, "y") * e - e / 2, u = c(i.end, 0, "x") * o - o / 2, l = c(i.end, 1, "y") * e - e / 2, d = t.createLinearGradient(f, h, u, l);
         if (i.stops.forEach((p) => {
           const y = p.offset !== void 0 ? p.offset : p.pos !== void 0 ? p.pos : p.position !== void 0 ? p.position : 0, b = r(p.color || "#000000", p.opacity ?? 100);
           d.addColorStop(Math.max(0, Math.min(1, y)), b);
@@ -5132,50 +5134,50 @@ class ci {
         }
         return d;
       } else if (i.type === "RadialGradient") {
-        const l = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, f = l(i.center, 0, "x") * o - o / 2, h = l(i.center, 1, "y") * e - e / 2, u = (i.radius ?? 0.5) * Math.max(o, e), c = t.createRadialGradient(f, h, 0, f, h, u);
+        const c = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, f = c(i.center, 0, "x") * o - o / 2, h = c(i.center, 1, "y") * e - e / 2, u = (i.radius ?? 0.5) * Math.max(o, e), l = t.createRadialGradient(f, h, 0, f, h, u);
         if (i.stops.forEach((d) => {
           const p = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, y = r(d.color || "#000000", d.opacity ?? 100);
-          c.addColorStop(Math.max(0, Math.min(1, p)), y);
-        }), i.gradientTransform && c.setTransform) {
+          l.addColorStop(Math.max(0, Math.min(1, p)), y);
+        }), i.gradientTransform && l.setTransform) {
           const [d, p, y, b, m, v] = i.gradientTransform;
-          c.setTransform({ a: d, b: p, c: y, d: b, e: m, f: v });
+          l.setTransform({ a: d, b: p, c: y, d: b, e: m, f: v });
         }
-        return c;
+        return l;
       } else if (i.type === "AngularGradient") {
-        const l = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, f = l(i.center || [0.5, 0.5], 0, "x") * o - o / 2, h = l(i.center || [0.5, 0.5], 1, "y") * e - e / 2, u = (i.degree || i.angle || 0) * (Math.PI / 180), c = (a = t.createConicGradient) == null ? void 0 : a.call(t, u, f, h);
-        if (c) {
+        const c = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, f = c(i.center || [0.5, 0.5], 0, "x") * o - o / 2, h = c(i.center || [0.5, 0.5], 1, "y") * e - e / 2, u = (i.degree || i.angle || 0) * (Math.PI / 180), l = (a = t.createConicGradient) == null ? void 0 : a.call(t, u, f, h);
+        if (l) {
           if (i.stops.forEach((d) => {
             const p = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, y = r(d.color || "#000000", d.opacity ?? 100);
-            c.addColorStop(Math.max(0, Math.min(1, p)), y);
-          }), i.gradientTransform && c.setTransform) {
+            l.addColorStop(Math.max(0, Math.min(1, p)), y);
+          }), i.gradientTransform && l.setTransform) {
             const [d, p, y, b, m, v] = i.gradientTransform;
-            c.setTransform({ a: d, b: p, c: y, d: b, e: m, f: v });
+            l.setTransform({ a: d, b: p, c: y, d: b, e: m, f: v });
           }
-          return c;
+          return l;
         }
       } else if (i.type === "DiamondGradient") {
-        const l = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, f = l(i.center || [0.5, 0.5], 0, "x") * o - o / 2, h = l(i.center || [0.5, 0.5], 1, "y") * e - e / 2, u = (i.radius ?? 0.5) * Math.max(o, e);
+        const c = (d, p, y) => Array.isArray(d) ? d[p] ?? 0.5 : d && typeof d == "object" ? d[y] ?? 0.5 : 0.5, f = c(i.center || [0.5, 0.5], 0, "x") * o - o / 2, h = c(i.center || [0.5, 0.5], 1, "y") * e - e / 2, u = (i.radius ?? 0.5) * Math.max(o, e);
         t.save(), t.translate(f, h), t.rotate(Math.PI / 4);
-        const c = t.createRadialGradient(0, 0, 0, 0, 0, u);
+        const l = t.createRadialGradient(0, 0, 0, 0, 0, u);
         if (i.stops.forEach((d) => {
           const p = d.offset !== void 0 ? d.offset : d.pos !== void 0 ? d.pos : d.position !== void 0 ? d.position : 0, y = r(d.color || "#000000", d.opacity ?? 100);
-          c.addColorStop(Math.max(0, Math.min(1, p)), y);
-        }), i.gradientTransform && c.setTransform) {
+          l.addColorStop(Math.max(0, Math.min(1, p)), y);
+        }), i.gradientTransform && l.setTransform) {
           const [d, p, y, b, m, v] = i.gradientTransform;
-          c.setTransform({ a: d, b: p, c: y, d: b, e: m, f: v });
+          l.setTransform({ a: d, b: p, c: y, d: b, e: m, f: v });
         }
-        return t.scale(1 / Math.SQRT2, 1 / Math.SQRT2), t.fillStyle = c, t.restore(), c;
+        return t.scale(1 / Math.SQRT2, 1 / Math.SQRT2), t.fillStyle = l, t.restore(), l;
       }
     }
     if (i.type === "Pattern" && i.url) {
       let r = this.imageCache.get(i.url);
       if (r || (r = new Image(), r.src = i.url, this.imageCache.set(i.url, r)), r.complete && r.naturalWidth > 0) {
-        const l = t.createPattern(r, "repeat");
-        if (l && (i.scaleX !== void 0 || i.offsetX !== void 0)) {
-          const f = new DOMMatrix(), h = i.scaleX ?? 1, u = i.scaleY ?? 1, c = i.offsetX ?? 0, d = i.offsetY ?? 0, p = i.rotation ?? 0;
-          f.translateSelf(c, d), f.rotateSelf(p), f.scaleSelf(h, u), l.setTransform(f);
+        const c = t.createPattern(r, "repeat");
+        if (c && (i.scaleX !== void 0 || i.offsetX !== void 0)) {
+          const f = new DOMMatrix(), h = i.scaleX ?? 1, u = i.scaleY ?? 1, l = i.offsetX ?? 0, d = i.offsetY ?? 0, p = i.rotation ?? 0;
+          f.translateSelf(l, d), f.rotateSelf(p), f.scaleSelf(h, u), c.setTransform(f);
         }
-        return l;
+        return c;
       }
     }
     return i.color || null;
@@ -5192,43 +5194,43 @@ class ci {
       } catch {
         a = parseFloat(a) || 0;
       }
-    let r = 0, l = 0, f = 0, h = 0;
-    typeof a == "number" ? r = l = f = h = a : Array.isArray(a) ? a.length === 1 ? r = l = f = h = a[0] : a.length === 2 ? (r = f = a[0], l = h = a[1]) : a.length === 3 ? (r = a[0], l = h = a[1], f = a[2]) : a.length >= 4 && (r = a[0], l = a[1], f = a[2], h = a[3]) : a && typeof a == "object" && (r = a.tl ?? a.corner_radius ?? a.cornerRadius ?? 0, l = a.tr ?? a.corner_radius ?? a.cornerRadius ?? 0, f = a.br ?? a.corner_radius ?? a.cornerRadius ?? 0, h = a.bl ?? a.corner_radius ?? a.cornerRadius ?? 0);
+    let r = 0, c = 0, f = 0, h = 0;
+    typeof a == "number" ? r = c = f = h = a : Array.isArray(a) ? a.length === 1 ? r = c = f = h = a[0] : a.length === 2 ? (r = f = a[0], c = h = a[1]) : a.length === 3 ? (r = a[0], c = h = a[1], f = a[2]) : a.length >= 4 && (r = a[0], c = a[1], f = a[2], h = a[3]) : a && typeof a == "object" && (r = a.tl ?? a.corner_radius ?? a.cornerRadius ?? 0, c = a.tr ?? a.corner_radius ?? a.cornerRadius ?? 0, f = a.br ?? a.corner_radius ?? a.cornerRadius ?? 0, h = a.bl ?? a.corner_radius ?? a.cornerRadius ?? 0);
     const u = Math.min(Math.abs(e) / 2, Math.abs(s) / 2);
-    if (r = Math.min(Math.max(0, r), u), l = Math.min(Math.max(0, l), u), f = Math.min(Math.max(0, f), u), h = Math.min(Math.max(0, h), u), t.roundRect) {
-      t.roundRect(i, o, e, s, [r, l, f, h]);
+    if (r = Math.min(Math.max(0, r), u), c = Math.min(Math.max(0, c), u), f = Math.min(Math.max(0, f), u), h = Math.min(Math.max(0, h), u), t.roundRect) {
+      t.roundRect(i, o, e, s, [r, c, f, h]);
       return;
     }
-    t.moveTo(i + r, o), t.lineTo(i + e - l, o), t.arcTo(i + e, o, i + e, o + l, l), t.lineTo(i + e, o + s - f), t.arcTo(i + e, o + s, i + e - f, o + s, f), t.lineTo(i + h, o + s), t.arcTo(i, o + s, i, o + s - h, h), t.lineTo(i, o + r), t.arcTo(i, o, i + r, o, r), t.closePath();
+    t.moveTo(i + r, o), t.lineTo(i + e - c, o), t.arcTo(i + e, o, i + e, o + c, c), t.lineTo(i + e, o + s - f), t.arcTo(i + e, o + s, i + e - f, o + s, f), t.lineTo(i + h, o + s), t.arcTo(i, o + s, i, o + s - h, h), t.lineTo(i, o + r), t.arcTo(i, o, i + r, o, r), t.closePath();
   }
   renderListView(t, i) {
     var A, W, z, Y;
-    const o = this.objectStates.get(i.id) || {}, e = o.options || i.options || {}, s = o.width !== void 0 ? o.width : ((A = i.geometry) == null ? void 0 : A.width) || 200, n = o.height !== void 0 ? o.height : ((W = i.geometry) == null ? void 0 : W.height) || 300, a = -s / 2, r = -n / 2, l = o.corner_radius !== void 0 ? o.corner_radius : e.corner_radius ?? 0, f = e.orientation || "vertical", h = e.items || [], u = e.itemGap ?? 10, c = e.itemHeight ?? 50, d = e.itemWidth ?? 200, p = e.scrollOffset ?? 0, y = e.padding ?? 0, b = e.glassEffect !== !1, m = e.accentColor || "#3b82f6", v = e.itemTextColor || "#333333", S = e.itemBackgroundColor || "#ffffff", C = e.hoveredIndex ?? null, w = e.activeItemIndex ?? null, M = e.glowIntensity ?? 0, I = e.glowColor || "#3b82f6", k = typeof I == "string" ? I : I.color || ((Y = (z = I.stops) == null ? void 0 : z[0]) == null ? void 0 : Y.color) || "#3b82f6", T = e.opacity !== void 0 ? e.opacity : i.opacity !== void 0 ? i.opacity : 1;
-    if (t.save(), t.globalAlpha *= T, M > 0) {
+    const o = this.objectStates.get(i.id) || {}, e = o.options || i.options || {}, s = o.width !== void 0 ? o.width : ((A = i.geometry) == null ? void 0 : A.width) || 200, n = o.height !== void 0 ? o.height : ((W = i.geometry) == null ? void 0 : W.height) || 300, a = -s / 2, r = -n / 2, c = o.corner_radius !== void 0 ? o.corner_radius : e.corner_radius ?? 0, f = e.orientation || "vertical", h = e.items || [], u = e.itemGap ?? 10, l = e.itemHeight ?? 50, d = e.itemWidth ?? 200, p = e.scrollOffset ?? 0, y = e.padding ?? 0, b = e.glassEffect !== !1, m = e.accentColor || "#3b82f6", v = e.itemTextColor || "#333333", S = e.itemBackgroundColor || "#ffffff", C = e.hoveredIndex ?? null, w = e.activeItemIndex ?? null, I = e.glowIntensity ?? 0, M = e.glowColor || "#3b82f6", k = typeof M == "string" ? M : M.color || ((Y = (z = M.stops) == null ? void 0 : z[0]) == null ? void 0 : Y.color) || "#3b82f6", T = e.opacity !== void 0 ? e.opacity : i.opacity !== void 0 ? i.opacity : 1;
+    if (t.save(), t.globalAlpha *= T, I > 0) {
       const G = t.getTransform(), N = Math.sqrt(G.a * G.a + G.b * G.b) || 1;
-      t.shadowColor = k, t.shadowBlur = M * 2 * N, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
+      t.shadowColor = k, t.shadowBlur = I * 2 * N, t.shadowOffsetX = 0, t.shadowOffsetY = 0;
     }
     if (b) {
       const G = e.listBackgroundColor || "rgba(31, 41, 55, 0.4)", N = this.createCanvasFill(t, G, s, n);
-      t.fillStyle = N || "rgba(31, 41, 55, 0.4)", t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l) || t.fill();
+      t.fillStyle = N || "rgba(31, 41, 55, 0.4)", t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, c) || t.fill();
       const x = t.createLinearGradient(a, r, a + s, r + n);
-      x.addColorStop(0, "rgba(255, 255, 255, 0.15)"), x.addColorStop(0.5, "rgba(255, 255, 255, 0.08)"), x.addColorStop(1, "rgba(255, 255, 255, 0.03)"), t.fillStyle = x, t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l) || t.fill(), t.strokeStyle = "rgba(255, 255, 255, 0.25)", t.lineWidth = 1, t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l) || t.stroke();
+      x.addColorStop(0, "rgba(255, 255, 255, 0.15)"), x.addColorStop(0.5, "rgba(255, 255, 255, 0.08)"), x.addColorStop(1, "rgba(255, 255, 255, 0.03)"), t.fillStyle = x, t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, c) || t.fill(), t.strokeStyle = "rgba(255, 255, 255, 0.25)", t.lineWidth = 1, t.beginPath(), this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, c) || t.stroke();
     } else {
       const G = e.backgroundColor || e.listBackgroundColor || "transparent", N = this.createCanvasFill(t, G, s, n);
       if (N) {
         t.fillStyle = N, t.beginPath();
-        const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l);
+        const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, c);
         t.fill();
       }
       const J = e.borderWidth ?? 0;
       if (J > 0) {
         t.strokeStyle = e.borderColor || "#cccccc", t.lineWidth = J, t.beginPath();
-        const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l);
+        const x = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, c);
         t.stroke();
       }
     }
     t.shadowBlur = 0, t.save(), t.beginPath();
-    const R = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, l);
+    const R = this.drawCustomShape(t, e.containerShape || "rectangle", e.containerPath || "", a, r, s, n, c);
     if (e.listLayout !== "circular")
       if (R && e.containerShape === "custom")
         try {
@@ -5241,7 +5243,7 @@ class ci {
     const P = typeof y == "number" ? y : f === "vertical" ? y[0] : y[3];
     let _ = (f === "vertical" ? r : a) + p + P;
     if (t.textBaseline = "middle", h.forEach((G, N) => {
-      const J = e.listLayout || "linear", x = J === "circular" ? d : f === "vertical" ? s : d, F = J === "circular" || f === "vertical" ? c : n;
+      const J = e.listLayout || "linear", x = J === "circular" ? d : f === "vertical" ? s : d, F = J === "circular" || f === "vertical" ? l : n;
       let j = 0, X = 0, tt = 0;
       if (J === "circular") {
         const vt = h.length || 1, Yt = Math.PI * 2 / vt, ie = e.circularStartAngle || 0, fe = e.circularRadius || 100, st = p * 0.01 + ie * Math.PI / 180, mt = N * Yt + st, Lt = a + s / 2, _t = r + n / 2;
@@ -5269,9 +5271,9 @@ class ci {
       const bt = typeof G == "string" ? G : (G == null ? void 0 : G.label) || `Item ${N + 1}`, gt = j + (f === "vertical" ? 16 : x / 2), Et = X + F / 2;
       f === "horizontal" || J === "circular" ? t.textAlign = "center" : t.textAlign = "left";
       const It = J === "circular" ? j + x / 2 : gt;
-      t.fillText(bt, It, Et), t.restore(), _ += (f === "vertical" ? c : d) + u;
+      t.fillText(bt, It, Et), t.restore(), _ += (f === "vertical" ? l : d) + u;
     }), t.restore(), e.showScrollbar !== !1) {
-      const G = (h.length || 0) * (f === "vertical" ? c : d) + ((h.length || 0) - 1) * u, N = f === "vertical" ? n : s, J = e.listLayout || "linear", x = e.containerShape === "circle" || J === "circular";
+      const G = (h.length || 0) * (f === "vertical" ? l : d) + ((h.length || 0) - 1) * u, N = f === "vertical" ? n : s, J = e.listLayout || "linear", x = e.containerShape === "circle" || J === "circular";
       if (G > N || J === "circular" && h.length > 0) {
         const F = e.scrollbarColor || "rgba(255,255,255,0.3)", j = e.scrollbarWidth || 4;
         if (x) {
@@ -5294,15 +5296,15 @@ class ci {
   }
   drawCustomShape(t, i, o, e, s, n, a, r) {
     if (i === "circle") {
-      const l = Math.min(n, a) / 2;
-      return t.arc(e + n / 2, s + a / 2, l, 0, Math.PI * 2), !1;
+      const c = Math.min(n, a) / 2;
+      return t.arc(e + n / 2, s + a / 2, c, 0, Math.PI * 2), !1;
     } else if (i === "pill") {
-      const l = Math.min(n, a) / 2;
-      return this.drawListViewRect(t, e, s, n, a, l), !1;
+      const c = Math.min(n, a) / 2;
+      return this.drawListViewRect(t, e, s, n, a, c), !1;
     } else if (i === "custom" && o)
       try {
-        const l = new Path2D(o);
-        return t.save(), t.translate(e, s), t.scale(n / 100, a / 100), t.fill(l), t.restore(), !0;
+        const c = new Path2D(o);
+        return t.save(), t.translate(e, s), t.scale(n / 100, a / 100), t.fill(c), t.restore(), !0;
       } catch {
         return this.drawListViewRect(t, e, s, n, a, r), !1;
       }
@@ -5313,10 +5315,10 @@ class ci {
     if (!this._lastPointerPos || !this._prevPointerPos) return;
     const i = t.options || {}, o = i.orientation || "vertical", e = this._lastPointerPos.x - this._prevPointerPos.x, s = this._lastPointerPos.y - this._prevPointerPos.y;
     o === "vertical" ? i.scrollOffset = (i.scrollOffset || 0) + s : i.scrollOffset = (i.scrollOffset || 0) + e;
-    const n = i.listLayout || "linear", a = this.objectStates.get(t.id) || {}, r = i.items || [], l = i.itemGap ?? 10, f = i.itemHeight ?? 50, h = i.itemWidth ?? 200, u = a.width !== void 0 ? a.width : ((b = t.geometry) == null ? void 0 : b.width) || 200, c = a.height !== void 0 ? a.height : ((m = t.geometry) == null ? void 0 : m.height) || 300;
+    const n = i.listLayout || "linear", a = this.objectStates.get(t.id) || {}, r = i.items || [], c = i.itemGap ?? 10, f = i.itemHeight ?? 50, h = i.itemWidth ?? 200, u = a.width !== void 0 ? a.width : ((b = t.geometry) == null ? void 0 : b.width) || 200, l = a.height !== void 0 ? a.height : ((m = t.geometry) == null ? void 0 : m.height) || 300;
     if (n === "circular")
       return;
-    const d = (r.length || 0) * (o === "vertical" ? f : h) + ((r.length || 0) - 1) * l, y = Math.max(0, d - (o === "vertical" ? c : u) + (i.padding * 2 || 0));
+    const d = (r.length || 0) * (o === "vertical" ? f : h) + ((r.length || 0) - 1) * c, y = Math.max(0, d - (o === "vertical" ? l : u) + (i.padding * 2 || 0));
     i.scrollOffset > 0 && (i.scrollOffset = 0), i.scrollOffset < -y && (i.scrollOffset = -y);
   }
   updateListViewHoverFromPointer(t, i, o) {
@@ -5327,24 +5329,24 @@ class ci {
     var z, Y;
     const e = t.options || {}, s = this.objectStates.get(t.id) || {}, n = e.items || [];
     if (n.length === 0) return null;
-    const a = s.width !== void 0 ? s.width : ((z = t.geometry) == null ? void 0 : z.width) || 200, r = s.height !== void 0 ? s.height : ((Y = t.geometry) == null ? void 0 : Y.height) || 300, l = e.orientation || "vertical", f = e.itemGap ?? 10, h = e.itemHeight ?? 50, u = e.itemWidth ?? 200, c = e.scrollOffset ?? 0, d = e.padding ?? 0, p = this.getWorldTransform(t.id), y = i - p.x, b = o - p.y, m = -p.rotation * (Math.PI / 180), v = Math.cos(m), S = Math.sin(m), C = y * v - b * S, w = y * S + b * v, M = -a / 2, I = -r / 2, k = typeof d == "number" ? d : l === "vertical" ? d[0] : d[3];
-    let T = (l === "vertical" ? I : M) + c + k;
-    const R = e.listLayout || "linear", P = n.length || 1, _ = Math.PI * 2 / P, E = e.circularStartAngle || 0, A = e.circularRadius || 100, W = c * 0.01 + E * Math.PI / 180;
+    const a = s.width !== void 0 ? s.width : ((z = t.geometry) == null ? void 0 : z.width) || 200, r = s.height !== void 0 ? s.height : ((Y = t.geometry) == null ? void 0 : Y.height) || 300, c = e.orientation || "vertical", f = e.itemGap ?? 10, h = e.itemHeight ?? 50, u = e.itemWidth ?? 200, l = e.scrollOffset ?? 0, d = e.padding ?? 0, p = this.getWorldTransform(t.id), y = i - p.x, b = o - p.y, m = -p.rotation * (Math.PI / 180), v = Math.cos(m), S = Math.sin(m), C = y * v - b * S, w = y * S + b * v, I = -a / 2, M = -r / 2, k = typeof d == "number" ? d : c === "vertical" ? d[0] : d[3];
+    let T = (c === "vertical" ? M : I) + l + k;
+    const R = e.listLayout || "linear", P = n.length || 1, _ = Math.PI * 2 / P, E = e.circularStartAngle || 0, A = e.circularRadius || 100, W = l * 0.01 + E * Math.PI / 180;
     for (let G = 0; G < n.length; G++) {
-      const N = R === "circular" ? u : l === "vertical" ? a : u, J = R === "circular" || l === "vertical" ? h : r;
+      const N = R === "circular" ? u : c === "vertical" ? a : u, J = R === "circular" || c === "vertical" ? h : r;
       let x = 0, F = 0, j = 0;
       if (R === "circular") {
-        const X = G * _ + W, tt = M + a / 2, L = I + r / 2;
+        const X = G * _ + W, tt = I + a / 2, L = M + r / 2;
         x = tt + Math.cos(X) * A - N / 2, F = L + Math.sin(X) * A - J / 2, j = X + (e.itemRotation || 0) * Math.PI / 180;
       } else
-        x = l === "vertical" ? M : T, F = l === "vertical" ? T : I, j = (e.itemRotation || 0) * Math.PI / 180;
+        x = c === "vertical" ? I : T, F = c === "vertical" ? T : M, j = (e.itemRotation || 0) * Math.PI / 180;
       if (j !== 0) {
         const X = x + N / 2, tt = F + J / 2, L = C - X, O = w - tt, D = -j, q = L * Math.cos(D) - O * Math.sin(D) + X, ot = L * Math.sin(D) + O * 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)
         return G;
-      T += (l === "vertical" ? h : u) + f;
+      T += (c === "vertical" ? h : u) + f;
     }
     return null;
   }
@@ -5362,28 +5364,28 @@ class ci {
       if (!e.behaviors || e.behaviors.length === 0) return;
       const s = this.objectStates.get(e.id);
       s && e.behaviors.forEach((n) => {
-        var u, c, d, p, y, b, m, v, S, C, w, M, I, k, T, R, P, _, E, A, W, z, Y, G, N, J, x, F, j, X, tt, L, O, D, q, ot, yt, bt, gt, Et, It, vt, Yt, ie, fe, st, mt, Lt, _t, dt, Ft, Dt, $t, Ot, Vt, ne, me, ye, Ut, Se, Pe, Ee, Ce, Ae, xe, se, jt, ht, ut, at, B, et, Q, Pt, xt, kt, At, Mt, $, Wt, Kt, te, Jt, pt, ct, Ct, rt, V, it, nt, St, Xt, Qt, oe, Gt, Ht, Nt, Ie, Re, Le, Oe, Fe, $e, Ye, zt, ae, we, Be, We, de, ce, he, ke, Xe, Ve, Ne, De, He;
+        var u, l, d, p, y, b, m, v, S, C, w, I, M, k, T, R, P, _, E, A, W, z, Y, G, N, J, x, F, j, X, tt, L, O, D, q, ot, yt, bt, gt, Et, It, vt, Yt, ie, fe, st, mt, Lt, _t, dt, Ft, Dt, $t, Ot, Vt, ne, me, ye, Ut, Se, Pe, Ee, Ce, Ae, xe, se, jt, ht, ut, at, B, et, Q, Pt, xt, kt, At, Mt, $, Wt, Kt, te, Jt, pt, ct, Ct, rt, V, it, nt, St, Xt, Qt, oe, Gt, Ht, Nt, Ie, Re, Le, Oe, Fe, $e, Ye, zt, ae, we, Be, We, de, ce, he, 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;
-        const l = s.x - i, f = s.y - o, h = Math.sqrt(l * l + f * f);
+        const c = s.x - i, f = s.y - o, h = Math.sqrt(c * c + f * f);
         if (this.frameCount % 240 === 0 && Math.random() < 0.1 && this.log(`[ExodeUI] Executing ${n.type} on ${e.name}`), n.type === U.Proximity) {
-          const H = ((u = n.settings) == null ? void 0 : u.radius) || 300, Z = ((c = n.settings) == null ? void 0 : c.falloff) || "smooth";
+          const H = ((u = n.settings) == null ? void 0 : u.radius) || 300, Z = ((l = n.settings) == null ? void 0 : l.falloff) || "smooth";
           let K = 0;
           h < H && (Z === "linear" ? K = 1 - h / H : K = Math.pow(1 - h / H, 2)), n.sensors.forEach((ft) => {
-            this.applyBehaviorSensor(s, ft, K, t, n.settings, e, l, f, h);
+            this.applyBehaviorSensor(s, ft, K, t, n.settings, e, c, f, h);
           });
         } else if (n.type === U.Magnetic) {
           const H = ((d = n.settings) == null ? void 0 : d.radius) || 400, Z = ((p = n.settings) == null ? void 0 : p.strength) || 0.5;
           if (h < H && h > 5) {
-            const K = 1 - h / H, ft = l * K * Z, Tt = f * K * Z;
+            const K = 1 - h / H, ft = c * K * Z, Tt = f * K * Z;
             s.x -= ft * t * 10, s.y -= Tt * t * 10;
           }
         } else if (n.type === U.Repel) {
           const H = ((y = n.settings) == null ? void 0 : y.radius) || 300, Z = ((b = n.settings) == null ? void 0 : b.strength) || 1;
           if (h < H) {
             const K = Math.pow(1 - h / H, 2);
-            s.x += l / (h || 1) * K * 60 * Z * t * 5, s.y += f / (h || 1) * K * 60 * Z * t * 5;
+            s.x += c / (h || 1) * K * 60 * Z * t * 5, s.y += f / (h || 1) * K * 60 * Z * t * 5;
           }
         } else if (n.type === U.Orbit) {
           const H = ((m = n.settings) == null ? void 0 : m.speed) || 1, Z = ((v = n.settings) == null ? void 0 : v.radius) || 30, K = this.currentTime * H * Math.PI * 2;
@@ -5391,13 +5393,13 @@ class ci {
         } else if (n.type === U.Vortex) {
           const H = ((S = n.settings) == null ? void 0 : S.radius) || 400, Z = ((C = n.settings) == null ? void 0 : C.speed) || 2, K = ((w = n.settings) == null ? void 0 : w.strength) || 1;
           if (h < H) {
-            const ft = Math.pow(1 - h / H, 1.5), Tt = this.currentTime * Z * Math.PI * 2, Rt = Math.cos(Tt) * 30 - l * 0.4, Bt = Math.sin(Tt) * 30 - f * 0.4;
+            const ft = Math.pow(1 - h / H, 1.5), Tt = this.currentTime * Z * Math.PI * 2, Rt = Math.cos(Tt) * 30 - c * 0.4, Bt = Math.sin(Tt) * 30 - f * 0.4;
             s.x += Rt * ft * K * t * 5, s.y += Bt * ft * K * t * 5, s.rotation += 5 * ft * K * t * 5, s.scale_x *= 1 - ft * 0.1 * K * t, s.scale_y *= 1 - ft * 0.1 * K * t;
           }
         } else if (n.type === U.Fluid) {
-          const H = ((M = n.settings) == null ? void 0 : M.radius) || 300, Z = ((I = n.settings) == null ? void 0 : I.strength) || 1;
+          const H = ((I = n.settings) == null ? void 0 : I.radius) || 300, Z = ((M = n.settings) == null ? void 0 : M.strength) || 1;
           if (h < H) {
-            const K = Math.pow(1 - h / H, 1.2), ft = l / (h || 1) * K * 1.2 * Z, Tt = f / (h || 1) * K * 1.2 * Z;
+            const K = Math.pow(1 - h / H, 1.2), ft = c / (h || 1) * K * 1.2 * Z, Tt = f / (h || 1) * K * 1.2 * Z;
             s.x += ft * 10 * t * 5, s.y += Tt * 10 * t * 5, s.scale_x *= 1 + K * 0.3 * Z * t, s.scale_y *= 1 + K * 0.3 * Z * t;
           }
         } else if (n.type === U.Elastic) {
@@ -5416,7 +5418,7 @@ class ci {
           const H = ((P = n.settings) == null ? void 0 : P.radius) || 80, Z = ((_ = n.settings) == null ? void 0 : _.strength) || 1;
           if (h < H) {
             const K = Math.pow(1 - h / H, 2);
-            s.x -= l * K * Z * t * 10, s.y -= f * K * Z * t * 10, s.scale_x *= 1 - K * 0.1 * Z * t, s.scale_y *= 1 - K * 0.1 * Z * t;
+            s.x -= c * K * Z * t * 10, s.y -= f * K * Z * t * 10, s.scale_x *= 1 - K * 0.1 * Z * t, s.scale_y *= 1 - K * 0.1 * Z * t;
           }
         } else if (n.type === U.Dilation) {
           const H = ((E = n.settings) == null ? void 0 : E.size) || 120, Z = ((A = n.settings) == null ? void 0 : A.strength) || 1;
@@ -5429,7 +5431,7 @@ class ci {
           s.x = this.lerp(s.x ?? ((x = e.transform) == null ? void 0 : x.x) ?? 0, ee, be), s.y = this.lerp(s.y ?? ((F = e.transform) == null ? void 0 : F.y) ?? 0, ue, be), s.rotate_x = this.lerp(s.rotate_x ?? ((j = e.transform) == null ? void 0 : j.rotate_x) ?? 0, Te, be), s.rotate_y = this.lerp(s.rotate_y ?? ((X = e.transform) == null ? void 0 : X.rotate_y) ?? 0, re, be);
         } else if (n.type === U.Fold) {
           if (h < 300) {
-            const H = 1 - h / 300, Z = (l > 0 ? -1 : 1) * H * 10, K = 1 - H * 0.1, ft = f / 300 * H * 20, Tt = -(l / 300) * H * 20, Rt = Math.min(1, 10 * t);
+            const H = 1 - h / 300, Z = (c > 0 ? -1 : 1) * H * 10, K = 1 - H * 0.1, ft = f / 300 * H * 20, Tt = -(c / 300) * H * 20, Rt = Math.min(1, 10 * t);
             s.skew_x = this.lerp(s.skew_x ?? ((tt = e.transform) == null ? void 0 : tt.skew_x) ?? 0, Z, Rt), s.scale_y = this.lerp(s.scale_y ?? ((L = e.transform) == null ? void 0 : L.scale_y) ?? 1, (((O = e.transform) == null ? void 0 : O.scale_y) ?? 1) * K, Rt), s.rotate_x = this.lerp(s.rotate_x ?? ((D = e.transform) == null ? void 0 : D.rotate_x) ?? 0, ft, Rt), s.rotate_y = this.lerp(s.rotate_y ?? ((q = e.transform) == null ? void 0 : q.rotate_y) ?? 0, Tt, Rt), 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) {
@@ -5471,7 +5473,7 @@ class ci {
           const H = ((Q = n.settings) == null ? void 0 : Q.axis) || "vertical", Z = ((Pt = n.settings) == null ? void 0 : Pt.factor) || 0.5, K = ((xt = n.settings) == null ? void 0 : xt.strength) || 1, ft = ((kt = n.settings) == null ? void 0 : kt.scaleFactor) || 0;
           (H === "vertical" || H === "both") && (s.y += this.scrollOffset.y * Z * K * t), (H === "horizontal" || H === "both") && (s.x += this.scrollOffset.x * Z * K * t), ft !== 0 && (s.scale_x *= 1 + this.scrollOffset.y * ft * t, s.scale_y *= 1 + this.scrollOffset.y * ft * t);
         } else if (n.type === U.LookAt) {
-          const H = ((At = n.settings) == null ? void 0 : At.factor) || 1, Z = ((Mt = n.settings) == null ? void 0 : Mt.strength) || 1, K = Math.atan2(-f, -l) * (180 / Math.PI), ft = s.rotation, Tt = (K - ft + 180) % 360 - 180;
+          const H = ((At = n.settings) == null ? void 0 : At.factor) || 1, Z = ((Mt = n.settings) == null ? void 0 : Mt.strength) || 1, K = Math.atan2(-f, -c) * (180 / Math.PI), ft = s.rotation, Tt = (K - ft + 180) % 360 - 180;
           s.rotation += Tt * H * Z * t * 10;
         } else if (n.type === U.Scan) {
           const H = ((($ = n.settings) == null ? void 0 : $.speed) || 1) * 4e-3, Z = ((Wt = n.settings) == null ? void 0 : Wt.strength) || 1, K = (Math.sin(Date.now() * H) + 1) / 2;
@@ -5650,9 +5652,9 @@ class ci {
       });
     });
   }
-  applyBehaviorSensor(t, i, o, e, s, n, a = 0, r = 0, l = 1) {
-    var d, p, y, b, m, v, S, C, w, M, I, k, T, R, P, _, E, A, W, z, Y, G, N, J;
-    const f = (s == null ? void 0 : s.intensity) || (s == null ? void 0 : s.strength) || 1, h = Math.min(1, 15 * e), u = l > 0 ? a / l : 0, c = l > 0 ? r / l : 0;
+  applyBehaviorSensor(t, i, o, e, s, n, a = 0, r = 0, c = 1) {
+    var d, p, y, b, m, v, S, C, w, I, M, k, T, R, P, _, E, A, W, z, Y, G, N, J;
+    const f = (s == null ? void 0 : s.intensity) || (s == null ? void 0 : s.strength) || 1, h = Math.min(1, 15 * e), u = c > 0 ? a / c : 0, l = c > 0 ? r / c : 0;
     switch (i) {
       case Zt.Scale: {
         const x = ((d = n == null ? void 0 : n.transform) == null ? void 0 : d.scale_x) ?? 1, F = ((p = n == null ? void 0 : n.transform) == null ? void 0 : p.scale_y) ?? 1, j = x * (1 + o * f * 0.4), X = F * (1 + o * f * 0.4);
@@ -5670,7 +5672,7 @@ class ci {
         break;
       }
       case Zt.RotateX: {
-        const x = ((m = n == null ? void 0 : n.transform) == null ? void 0 : m.rotate_x) ?? 0, F = x - c * o * f * 60;
+        const x = ((m = n == null ? void 0 : n.transform) == null ? void 0 : m.rotate_x) ?? 0, F = x - l * o * f * 60;
         t.rotate_x = (t.rotate_x ?? x) * (1 - h) + F * h;
         break;
       }
@@ -5685,7 +5687,7 @@ class ci {
         break;
       }
       case Zt.PositionY: {
-        const x = ((C = n == null ? void 0 : n.transform) == null ? void 0 : C.y) ?? 0, F = x - c * o * f * 40;
+        const x = ((C = n == null ? void 0 : n.transform) == null ? void 0 : C.y) ?? 0, F = x - l * o * f * 40;
         t.y = (t.y ?? x) * (1 - h) + F * h;
         break;
       }
@@ -5695,8 +5697,8 @@ class ci {
         break;
       }
       case Zt.Blur: {
-        t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.blur || (t.style.blur = { ...(M = n == null ? void 0 : n.style) == null ? void 0 : M.blur });
-        const x = ((k = (I = n == null ? void 0 : n.style) == null ? void 0 : I.blur) == null ? void 0 : k.amount) || 0, F = x + o * ((s == null ? void 0 : s.blur) || 20) * f;
+        t.style || (t.style = { ...n == null ? void 0 : n.style }), t.style.blur || (t.style.blur = { ...(I = n == null ? void 0 : n.style) == null ? void 0 : I.blur });
+        const x = ((k = (M = n == null ? void 0 : n.style) == null ? void 0 : M.blur) == null ? void 0 : k.amount) || 0, F = x + o * ((s == null ? void 0 : s.blur) || 20) * f;
         t.style.blur.amount = (t.style.blur.amount ?? x) * (1 - h) + F * h;
         break;
       }
@@ -5754,12 +5756,12 @@ class ci {
     const s = o.split(".");
     let n = t;
     for (let r = 0; r < s.length - 1; r++) {
-      const l = s[r];
-      if (n[l] === void 0 || n[l] === null) {
-        const f = i, h = s.slice(0, r + 1).reduce((u, c) => u == null ? void 0 : u[c], f);
-        n[l] = h !== void 0 ? { ...h } : {};
+      const c = s[r];
+      if (n[c] === void 0 || n[c] === null) {
+        const f = i, h = s.slice(0, r + 1).reduce((u, l) => u == null ? void 0 : u[l], f);
+        n[c] = h !== void 0 ? { ...h } : {};
       }
-      n = n[l];
+      n = n[c];
     }
     const a = s[s.length - 1];
     n != null && (n[a] = e);
@@ -5807,9 +5809,9 @@ class ci {
     return o;
   }
   renderFittedImage(t, i, o, e, s, n, a = "cover") {
-    const r = i.naturalWidth, l = i.naturalHeight, f = r / l, h = s / n;
-    let u = s, c = n, d = o, p = e;
-    a === "cover" ? f > h ? (u = n * f, d = o - (u - s) / 2) : (c = s / f, p = e - (c - n) / 2) : a === "contain" && (f > h ? (c = s / f, p = e + (n - c) / 2) : (u = n * f, d = o + (s - u) / 2)), t.drawImage(i, d, p, u, c);
+    const r = i.naturalWidth, c = i.naturalHeight, f = r / c, h = s / n;
+    let u = s, l = n, d = o, p = e;
+    a === "cover" ? f > h ? (u = n * f, d = o - (u - s) / 2) : (l = s / f, p = e - (l - n) / 2) : a === "contain" && (f > h ? (l = s / f, p = e + (n - l) / 2) : (u = n * f, d = o + (s - u) / 2)), t.drawImage(i, d, p, u, l);
   }
 }
 const yi = Ss(({
@@ -5822,11 +5824,11 @@ const yi = Ss(({
   onReady: n,
   onTrigger: a,
   onInputUpdate: r,
-  onComponentChange: l,
+  onComponentChange: c,
   onToggle: f,
   onInputChange: h,
   onInputFocus: u,
-  onInputBlur: c,
+  onInputBlur: l,
   onLog: d,
   onLogicUpdate: p,
   onButtonClick: y,
@@ -5836,8 +5838,8 @@ const yi = Ss(({
   scrollY: S,
   scrollX: C,
   mouseX: w,
-  mouseY: M,
-  isMouseDown: I,
+  mouseY: I,
+  isMouseDown: M,
   inputs: k,
   interactive: T = !0,
   onNavigation: R
@@ -5851,8 +5853,8 @@ const yi = Ss(({
     E.current.setLayout(e, s);
   }, [e, s]), ve(() => {
     const L = E.current;
-    a && L.setTriggerCallback(a), r && L.setInputUpdateCallback((O, D) => r({ [O]: D })), l && L.setComponentChangeCallback((O) => l(O)), f && L.setToggleCallback(f), h && L.setInputChangeCallback(h), u && L.setInputFocusCallback(u), c && L.setInputBlurCallback(c), d && L.setOnLogCallback((O) => d(O, "info")), p && L.setLogicUpdateCallback(p), y && L.setButtonClickCallback(y), b && L.setGraphPointClickCallback((O) => b(O.objectId, O)), R && L.setNavigationCallback(R);
-  }, [a, r, l, f, h, u, c, d, p, y, b, R]), ve(() => {
+    a && L.setTriggerCallback(a), r && L.setInputUpdateCallback((O, D) => r({ [O]: D })), c && L.setComponentChangeCallback((O) => c(O)), f && L.setToggleCallback(f), h && L.setInputChangeCallback(h), u && L.setInputFocusCallback(u), l && L.setInputBlurCallback(l), d && L.setOnLogCallback((O) => d(O, "info")), p && L.setLogicUpdateCallback(p), y && L.setButtonClickCallback(y), b && L.setGraphPointClickCallback((O) => b(O.objectId, O)), R && L.setNavigationCallback(R);
+  }, [a, r, c, f, h, u, l, d, p, y, b, R]), ve(() => {
     (async () => {
       let O = g;
       if (t && !g)
@@ -5891,8 +5893,8 @@ const yi = Ss(({
     };
   }, [o, m]), ve(() => {
     const L = E.current;
-    S !== void 0 && L.updateInput("scrollY", S), C !== void 0 && L.updateInput("scrollX", C), w !== void 0 && L.updateInput("mouseX", w), M !== void 0 && L.updateInput("mouseY", M), I !== void 0 && L.updateInput("isMouseDown", I), k && Object.entries(k).forEach(([O, D]) => L.updateInput(O, D));
-  }, [S, C, w, M, I, k]);
+    S !== void 0 && L.updateInput("scrollY", S), C !== void 0 && L.updateInput("scrollX", C), w !== void 0 && L.updateInput("mouseX", w), I !== void 0 && L.updateInput("mouseY", I), M !== void 0 && L.updateInput("isMouseDown", M), k && Object.entries(k).forEach(([O, D]) => L.updateInput(O, D));
+  }, [S, C, w, I, M, k]);
   const x = (L, O) => {
     if (!T || !_.current) return;
     L.stopPropagation(), "nativeEvent" in L && L.nativeEvent && typeof L.nativeEvent.stopImmediatePropagation == "function" ? L.nativeEvent.stopImmediatePropagation() : typeof L.stopImmediatePropagation == "function" && L.stopImmediatePropagation();
@@ -6088,8 +6090,8 @@ function bi() {
     g == null || g.setInputStringArray(h, u);
   }, [g]), r = Me((h, u) => {
     g == null || g.updateObjectOptions(h, u);
-  }, [g]), l = Me((h, u, c) => {
-    g == null || g.updateConstraint(h, u, c);
+  }, [g]), c = Me((h, u, l) => {
+    g == null || g.updateConstraint(h, u, l);
   }, [g]), f = Me((h, u) => {
     g == null || g.updateGraphData(h, u);
   }, [g]);
@@ -6103,7 +6105,7 @@ function bi() {
     setInputText: s,
     setInputNumberArray: n,
     setInputStringArray: a,
-    updateConstraint: l,
+    updateConstraint: c,
     updateGraphData: f,
     updateObjectOptions: r
   };
@@ -6116,35 +6118,35 @@ const vi = ({ artboard: g, config: t }) => {
     let r = i.description;
     if (!r && o) {
       const h = g.objects.filter((u) => {
-        var c;
-        return ((c = u.geometry) == null ? void 0 : c.type) === "Text";
+        var l;
+        return ((l = u.geometry) == null ? void 0 : l.type) === "Text";
       }).sort(
-        (u, c) => {
+        (u, l) => {
           var d, p;
-          return (((d = c.geometry.text) == null ? void 0 : d.length) || 0) - (((p = u.geometry.text) == null ? void 0 : p.length) || 0);
+          return (((d = l.geometry.text) == null ? void 0 : d.length) || 0) - (((p = u.geometry.text) == null ? void 0 : p.length) || 0);
         }
       );
       h.length > 0 && (r = h[0].geometry.text);
     }
     r && (e("name", "description", r), e("property", "og:description", r)), i.keywords && i.keywords.length > 0 && e("name", "keywords", i.keywords.join(", "));
-    const l = i.ogImage || g.backgroundImage;
-    l && e("property", "og:image", l), a && e("property", "og:title", a), e("property", "og:type", "website");
+    const c = i.ogImage || g.backgroundImage;
+    c && e("property", "og:image", c), a && e("property", "og:title", a), e("property", "og:type", "website");
   }, [i, g, o]);
-  const e = (a, r, l) => {
+  const e = (a, r, c) => {
     let f = document.querySelector(`meta[${a}="${r}"]`);
-    f || (f = document.createElement("meta"), f.setAttribute(a, r), document.head.appendChild(f)), f.setAttribute("content", l);
+    f || (f = document.createElement("meta"), f.setAttribute(a, r), document.head.appendChild(f)), f.setAttribute("content", c);
   }, s = () => {
     const a = [];
-    return a.push(/* @__PURE__ */ ge("h1", { children: i.title || g.name }, "artboard-title")), g.objects.forEach((l, f) => {
+    return a.push(/* @__PURE__ */ ge("h1", { children: i.title || g.name }, "artboard-title")), g.objects.forEach((c, f) => {
       var h, u;
-      if (!(l.visible === !1 || l.isVisible === !1))
-        if (((h = l.geometry) == null ? void 0 : h.type) === "Text") {
-          const c = l.geometry.text;
-          c && (l.geometry.fontSize > 24 ? a.push(/* @__PURE__ */ ge("h2", { children: c }, l.id || f)) : a.push(/* @__PURE__ */ ge("p", { children: c }, l.id || f)));
-        } else if (((u = l.geometry) == null ? void 0 : u.type) === "Image") {
-          const c = l.geometry.src, d = l.altText || l.name || "Illustration";
-          a.push(/* @__PURE__ */ ge("img", { src: c, alt: d }, l.id || f));
-        } else l.type === "Button" && a.push(/* @__PURE__ */ ge("button", { children: l.name || "Button" }, l.id || f));
+      if (!(c.visible === !1 || c.isVisible === !1))
+        if (((h = c.geometry) == null ? void 0 : h.type) === "Text") {
+          const l = c.geometry.text;
+          l && (c.geometry.fontSize > 24 ? a.push(/* @__PURE__ */ ge("h2", { children: l }, c.id || f)) : a.push(/* @__PURE__ */ ge("p", { children: l }, c.id || f)));
+        } else if (((u = c.geometry) == null ? void 0 : u.type) === "Image") {
+          const l = c.geometry.src, d = c.altText || c.name || "Illustration";
+          a.push(/* @__PURE__ */ ge("img", { src: l, alt: d }, c.id || f));
+        } else c.type === "Button" && a.push(/* @__PURE__ */ ge("button", { children: c.name || "Button" }, c.id || f));
     }), a;
   }, n = i.jsonLd || {
     "@context": "https://schema.org",
@@ -6177,7 +6179,7 @@ const vi = ({ artboard: g, config: t }) => {
       ]
     }
   );
-}, hi = "6.3.42", fi = {
+}, hi = "6.3.43", fi = {
   version: hi
 }, Si = fi.version;
 export {