mce 0.32.4 → 0.32.5

package/dist/index.js

@@ -28,7 +28,7 @@ function Lo(n, e, t) {
   const o = e.x - n.x, s = e.y - n.y, i = Math.hypot(o, s) || 1, r = o / i, a = s / i, l = -a, c = r, d = t * 0.12, u = t * 0.7, h = t * 2.4, m = i - Math.min(t * 5, i * 0.5), f = (V, O) => ({
     x: n.x + r * V + l * O,
     y: n.y + a * V + c * O
-  }), w = [
+  }), _ = [
     f(0, -d),
     f(m, -u),
     f(m, -h),
@@ -38,8 +38,8 @@ function Lo(n, e, t) {
     f(0, d)
   ], L = (V) => Math.round(V * 100) / 100;
   return [
-    `M ${L(w[0].x)} ${L(w[0].y)}`,
-    ...w.slice(1).map((V) => `L ${L(V.x)} ${L(V.y)}`),
+    `M ${L(_[0].x)} ${L(_[0].y)}`,
+    ..._.slice(1).map((V) => `L ${L(V.x)} ${L(V.y)}`),
     "Z"
   ].join(" ");
 }
@@ -330,11 +330,11 @@ function Gt(n, e = {}) {
       y: d.clientY
     };
     u || (a.startPoint = { ...f }), h || (a.lastPoint = h = { ...f });
-    const w = {
+    const _ = {
       x: f.x - h.x,
       y: f.y - h.y
     };
-    !m && (Math.abs(w.x) >= i || Math.abs(w.y) >= i) && (a.dragging = m = !0, a.event = a.startEvent = n ?? d, t?.(a)), m && (a.event = a.moveEvent = d, a.movePoint = f, o?.(a), a.lastPoint = { ...f });
+    !m && (Math.abs(_.x) >= i || Math.abs(_.y) >= i) && (a.dragging = m = !0, a.event = a.startEvent = n ?? d, t?.(a)), m && (a.event = a.moveEvent = d, a.movePoint = f, o?.(a), a.lastPoint = { ...f });
   }
   function c(d) {
     a.dragging && d && (a.event = a.endEvent = d, a.endPoint = {
@@ -605,15 +605,15 @@ function da(n) {
   return !0;
 }
 function ha(n, e, t, o) {
-  const s = n.prev, i = n, r = n.next, a = s.x, l = i.x, c = r.x, d = s.y, u = i.y, h = r.y, m = Math.min(a, l, c), f = Math.min(d, u, h), w = Math.max(a, l, c), L = Math.max(d, u, h), V = Bo(m, f, e, t, o), O = Bo(w, L, e, t, o);
+  const s = n.prev, i = n, r = n.next, a = s.x, l = i.x, c = r.x, d = s.y, u = i.y, h = r.y, m = Math.min(a, l, c), f = Math.min(d, u, h), _ = Math.max(a, l, c), L = Math.max(d, u, h), V = Bo(m, f, e, t, o), O = Bo(_, L, e, t, o);
   let A = n.prevZ;
   for (; A && A.z >= V; ) {
-    if (A.x >= m && A.x <= w && A.y >= f && A.y <= L && A !== r && !(a === A.x && d === A.y) && io(a, d, l, u, c, h, A.x, A.y) && Je(A.prev, A, A.next) >= 0) return !1;
+    if (A.x >= m && A.x <= _ && A.y >= f && A.y <= L && A !== r && !(a === A.x && d === A.y) && io(a, d, l, u, c, h, A.x, A.y) && Je(A.prev, A, A.next) >= 0) return !1;
     A = A.prevZ;
   }
   let T = n.nextZ;
   for (; T && T.z <= O; ) {
-    if (T.x >= m && T.x <= w && T.y >= f && T.y <= L && T !== r && !(a === T.x && d === T.y) && io(a, d, l, u, c, h, T.x, T.y) && Je(T.prev, T, T.next) >= 0) return !1;
+    if (T.x >= m && T.x <= _ && T.y >= f && T.y <= L && T !== r && !(a === T.x && d === T.y) && io(a, d, l, u, c, h, T.x, T.y) && Je(T.prev, T, T.next) >= 0) return !1;
     T = T.nextZ;
   }
   return !0;
@@ -708,8 +708,8 @@ function ba(n, e) {
       if (t.prev.next === t) {
         if (Rn(n, t.next)) return t.next;
         if (s <= t.y && s >= t.next.y && t.next.y !== t.y) {
-          const w = t.x + (s - t.y) * (t.next.x - t.x) / (t.next.y - t.y);
-          if (w <= o && w > i && (i = w, r = t.x < t.next.x ? t : t.next, w === o))
+          const _ = t.x + (s - t.y) * (t.next.x - t.x) / (t.next.y - t.y);
+          if (_ <= o && _ > i && (i = _, r = t.x < t.next.x ? t : t.next, _ === o))
             return r;
         }
       }
@@ -725,8 +725,8 @@ function ba(n, e) {
     t = ws(h);
     do {
       if (t.prev.next === t && o >= t.x && t.x >= a && o !== t.x && io(s < l ? o : i, s, a, l, s < l ? i : o, s, t.x, t.y)) {
-        const w = Math.abs(s - t.y) / (o - t.x);
-        (On(t, n) || t.y === s && t.next.y === s && t.next.x > o) && (w < u || w === u && (t.x > r.x || t.x === r.x && _a(r, t))) && (r = t, u = w);
+        const _ = Math.abs(s - t.y) / (o - t.x);
+        (On(t, n) || t.y === s && t.next.y === s && t.next.x > o) && (_ < u || _ === u && (t.x > r.x || t.x === r.x && _a(r, t))) && (r = t, u = _);
       }
       t = t.next;
     } while (t !== f);
@@ -1123,7 +1123,7 @@ var Aa = /* @__PURE__ */ qr(((n, e) => {
         if (R && L(x, S, 0, D - 1, B), this._root === null)
           this._root = u(x, S, 0, D), this._size = D;
         else {
-          var re = w(this.toList(), h(x, S), B);
+          var re = _(this.toList(), h(x, S), B);
           D = this._size + D, this._root = f({ head: re }, 0, D);
         }
         return this;
@@ -1200,7 +1200,7 @@ var Aa = /* @__PURE__ */ qr(((n, e) => {
       }
       return null;
     }
-    function w(J, x, S) {
+    function _(J, x, S) {
       for (var R = new o(null, null), D = R, B = J, re = x; B !== null && re !== null; )
         S(B.key, re.key) < 0 ? (D.next = B, B = B.next) : (D.next = re, re = re.next), D = D.next;
       return B !== null ? D.next = B : re !== null && (D.next = re), R.next;
@@ -1270,7 +1270,7 @@ var Aa = /* @__PURE__ */ qr(((n, e) => {
       }
     }
     const v = new $(), y = 11102230246251565e-32, b = 134217729, g = 3.000000000000001 * y;
-    function _(J, x, S, R, D) {
+    function w(J, x, S, R, D) {
       let B, re, se, ce, ne = x[0], fe = R[0], ie = 0, de = 0;
       fe > ne == fe > -ne ? (B = ne, ne = x[++ie]) : (B = fe, fe = R[++de]);
       let xe = 0;
@@ -1299,10 +1299,10 @@ var Aa = /* @__PURE__ */ qr(((n, e) => {
       let Lt = E(4, N), bn = C * re;
       if (Lt >= bn || -Lt >= bn || (ie = J - kt, se = J - (kt + ie) + (ie - D), ie = S - Mt, ne = S - (Mt + ie) + (ie - D), ie = x - St, ce = x - (St + ie) + (ie - B), ie = R - Ct, fe = R - (Ct + ie) + (ie - B), se === 0 && ce === 0 && ne === 0 && fe === 0) || (bn = P * re + g * Math.abs(Lt), Lt += kt * fe + Ct * se - (St * ne + Mt * ce), Lt >= bn || -Lt >= bn)) return Lt;
       Ze = se * Ct, de = b * se, xe = de - (de - se), Re = se - xe, de = b * Ct, Oe = de - (de - Ct), He = Ct - Oe, it = Re * He - (Ze - xe * Oe - Re * Oe - xe * He), rt = ce * Mt, de = b * ce, xe = de - (de - ce), Re = ce - xe, de = b * Mt, Oe = de - (de - Mt), He = Mt - Oe, yt = Re * He - (rt - xe * Oe - Re * Oe - xe * He), Ve = it - yt, ie = it - Ve, q[0] = it - (Ve + ie) + (ie - yt), Ge = Ze + Ve, ie = Ge - Ze, st = Ze - (Ge - ie) + (Ve - ie), Ve = st - rt, ie = st - Ve, q[1] = st - (Ve + ie) + (ie - rt), at = Ge + Ve, ie = at - Ge, q[2] = Ge - (at - ie) + (Ve - ie), q[3] = at;
-      const Ji = _(4, N, 4, q, ee);
+      const Ji = w(4, N, 4, q, ee);
       Ze = kt * fe, de = b * kt, xe = de - (de - kt), Re = kt - xe, de = b * fe, Oe = de - (de - fe), He = fe - Oe, it = Re * He - (Ze - xe * Oe - Re * Oe - xe * He), rt = St * ne, de = b * St, xe = de - (de - St), Re = St - xe, de = b * ne, Oe = de - (de - ne), He = ne - Oe, yt = Re * He - (rt - xe * Oe - Re * Oe - xe * He), Ve = it - yt, ie = it - Ve, q[0] = it - (Ve + ie) + (ie - yt), Ge = Ze + Ve, ie = Ge - Ze, st = Ze - (Ge - ie) + (Ve - ie), Ve = st - rt, ie = st - Ve, q[1] = st - (Ve + ie) + (ie - rt), at = Ge + Ve, ie = at - Ge, q[2] = Ge - (at - ie) + (Ve - ie), q[3] = at;
-      const Qi = _(Ji, ee, 4, q, U);
-      return Ze = se * fe, de = b * se, xe = de - (de - se), Re = se - xe, de = b * fe, Oe = de - (de - fe), He = fe - Oe, it = Re * He - (Ze - xe * Oe - Re * Oe - xe * He), rt = ce * ne, de = b * ce, xe = de - (de - ce), Re = ce - xe, de = b * ne, Oe = de - (de - ne), He = ne - Oe, yt = Re * He - (rt - xe * Oe - Re * Oe - xe * He), Ve = it - yt, ie = it - Ve, q[0] = it - (Ve + ie) + (ie - yt), Ge = Ze + Ve, ie = Ge - Ze, st = Ze - (Ge - ie) + (Ve - ie), Ve = st - rt, ie = st - Ve, q[1] = st - (Ve + ie) + (ie - rt), at = Ge + Ve, ie = at - Ge, q[2] = Ge - (at - ie) + (Ve - ie), q[3] = at, W[_(Qi, U, 4, q, W) - 1];
+      const Qi = w(Ji, ee, 4, q, U);
+      return Ze = se * fe, de = b * se, xe = de - (de - se), Re = se - xe, de = b * fe, Oe = de - (de - fe), He = fe - Oe, it = Re * He - (Ze - xe * Oe - Re * Oe - xe * He), rt = ce * ne, de = b * ce, xe = de - (de - ce), Re = ce - xe, de = b * ne, Oe = de - (de - ne), He = ne - Oe, yt = Re * He - (rt - xe * Oe - Re * Oe - xe * He), Ve = it - yt, ie = it - Ve, q[0] = it - (Ve + ie) + (ie - yt), Ge = Ze + Ve, ie = Ge - Ze, st = Ze - (Ge - ie) + (Ve - ie), Ve = st - rt, ie = st - Ve, q[1] = st - (Ve + ie) + (ie - rt), at = Ge + Ve, ie = at - Ge, q[2] = Ge - (at - ie) + (Ve - ie), q[3] = at, W[w(Qi, U, 4, q, W) - 1];
     }
     function Y(J, x, S, R, D, B) {
       const re = (x - B) * (S - D), se = (J - D) * (R - B), ce = re - se, ne = Math.abs(re + se);
@@ -2477,7 +2477,7 @@ function ol(n, e, t, o, s, i, r, a, l = 0.5, c = []) {
 }
 function Uo(n, e, t, o, s, i, r, a, l, c, d) {
   if (d > tl) return;
-  const u = (n + t) / 2, h = (e + o) / 2, m = (t + s) / 2, f = (o + i) / 2, w = (s + r) / 2, L = (i + a) / 2, V = (u + m) / 2, O = (h + f) / 2, A = (m + w) / 2, T = (f + L) / 2, M = (V + A) / 2, $ = (O + T) / 2;
+  const u = (n + t) / 2, h = (e + o) / 2, m = (t + s) / 2, f = (o + i) / 2, _ = (s + r) / 2, L = (i + a) / 2, V = (u + m) / 2, O = (h + f) / 2, A = (m + _) / 2, T = (f + L) / 2, M = (V + A) / 2, $ = (O + T) / 2;
   if (d > 0) {
     let p = r - n, v = a - e;
     const y = Math.abs((t - r) * v - (o - a) * p), b = Math.abs((s - r) * v - (i - a) * p);
@@ -2501,7 +2501,7 @@ function Uo(n, e, t, o, s, i, r, a, l, c, d) {
       return;
     }
   }
-  Uo(n, e, u, h, V, O, M, $, l, c, d + 1), Uo(M, $, A, T, w, L, r, a, l, c, d + 1);
+  Uo(n, e, u, h, V, O, M, $, l, c, d + 1), Uo(M, $, A, T, _, L, r, a, l, c, d + 1);
 }
 var sl = 8, il = 11920929e-14, rl = 1;
 function al(n, e, t, o, s, i, r = 0.5, a = []) {
@@ -2511,14 +2511,14 @@ function al(n, e, t, o, s, i, r = 0.5, a = []) {
 function Ho(n, e, t, o, s, i, r, a, l) {
   if (l > sl) return;
   const c = (e + o) / 2, d = (t + s) / 2, u = (o + i) / 2, h = (s + r) / 2, m = (c + u) / 2, f = (d + h) / 2;
-  let w = i - e, L = r - t;
-  const V = Math.abs((o - i) * L - (s - r) * w);
+  let _ = i - e, L = r - t;
+  const V = Math.abs((o - i) * L - (s - r) * _);
   if (V > il) {
-    if (V * V <= a * (w * w + L * L)) {
+    if (V * V <= a * (_ * _ + L * L)) {
       n.push(m, f);
       return;
     }
-  } else if (w = m - (e + i) / 2, L = f - (t + r) / 2, w * w + L * L <= a) {
+  } else if (_ = m - (e + i) / 2, L = f - (t + r) / 2, _ * _ + L * L <= a) {
     n.push(m, f);
     return;
   }
@@ -2566,10 +2566,10 @@ function hl(n) {
       maxY: d[1]
     };
     const u = [(a[0] + c[0]) / 2, (l[1] + d[1]) / 2];
-    let h, m, f, w, L, V, O, A;
+    let h, m, f, _, L, V, O, A;
     for (let T = 0; T < r; T += 2) {
       const M = s[T], $ = s[T + 1], p = Math.abs(M - u[0]), v = Math.abs($ - u[1]);
-      $ < u[1] && (!h || p < h) && (h = p, f = [M, $]), $ > u[1] && (!m || p < m) && (m = p, w = [M, $]), M < u[0] && (!L || v < L) && (L = v, O = [M, $]), M > u[0] && (!V || v < V) && (V = v, A = [M, $]);
+      $ < u[1] && (!h || p < h) && (h = p, f = [M, $]), $ > u[1] && (!m || p < m) && (m = p, _ = [M, $]), M < u[0] && (!L || v < L) && (L = v, O = [M, $]), M > u[0] && (!V || v < V) && (V = v, A = [M, $]);
     }
     return [
       a,
@@ -2577,7 +2577,7 @@ function hl(n) {
       c,
       d,
       f,
-      w,
+      _,
       O,
       A
     ].filter(Boolean);
@@ -2589,14 +2589,14 @@ function hl(n) {
       const u = t[d];
       if (!l || !u || !dl(l, u)) continue;
       const h = {}, m = [];
-      for (let f = 0, w = a.length; f < w; f++) {
+      for (let f = 0, _ = a.length; f < _; f++) {
         const [L, V] = a[f], O = ll(L, V, n[d]);
         h[O] = (h[O] ?? 0) + 1, m.push(O);
       }
       m.filter((f) => f !== 0).length > m.filter((f) => f === 0).length && r.push({
         index: s,
         parentIndex: d,
-        winding: Number(Array.from(Object.entries(h)).sort((f, w) => w[1] - f[1])?.[0]?.[0] ?? 0),
+        winding: Number(Array.from(Object.entries(h)).sort((f, _) => _[1] - f[1])?.[0]?.[0] ?? 0),
         dist: cl(o[s][0], o[d][0])
       });
     }
@@ -2666,24 +2666,24 @@ function xl(n, e = {}) {
     const U = (d.x + u.x) * 0.5, W = (u.y + d.y) * 0.5;
     n.unshift(U, W), n.push(U, W);
   }
-  const f = t, w = n.length / 2;
+  const f = t, _ = n.length / 2;
   let L = n.length;
   const V = f.length / 2, O = l.width / 2, A = O * O, T = l.miterLimit * l.miterLimit;
-  let M = n[0], $ = n[1], p = n[2], v = n[3], y = 0, b = 0, g = -($ - v), _ = M - p, E = 0, z = 0, k = Math.sqrt(g * g + _ * _);
-  g /= k, _ /= k, g *= O, _ *= O;
+  let M = n[0], $ = n[1], p = n[2], v = n[3], y = 0, b = 0, g = -($ - v), w = M - p, E = 0, z = 0, k = Math.sqrt(g * g + w * w);
+  g /= k, w /= k, g *= O, w *= O;
   const C = c, P = (1 - C) * 2, N = C * 2;
-  h || (l.cap === "round" ? L += Zt(M - g * (P - N) * 0.5, $ - _ * (P - N) * 0.5, M - g * P, $ - _ * P, M + g * N, $ + _ * N, f, !0) + 2 : l.cap === "square" && (L += $s(M, $, g, _, P, N, !0, f))), f.push(M - g * P, $ - _ * P), f.push(M + g * N, $ + _ * N);
-  for (let U = 1; U < w - 1; ++U) {
-    M = n[(U - 1) * 2], $ = n[(U - 1) * 2 + 1], p = n[U * 2], v = n[U * 2 + 1], y = n[(U + 1) * 2], b = n[(U + 1) * 2 + 1], g = -($ - v), _ = M - p, k = Math.sqrt(g * g + _ * _), g /= k, _ /= k, g *= O, _ *= O, E = -(v - b), z = p - y, k = Math.sqrt(E * E + z * z), E /= k, z /= k, E *= O, z *= O;
+  h || (l.cap === "round" ? L += Zt(M - g * (P - N) * 0.5, $ - w * (P - N) * 0.5, M - g * P, $ - w * P, M + g * N, $ + w * N, f, !0) + 2 : l.cap === "square" && (L += $s(M, $, g, w, P, N, !0, f))), f.push(M - g * P, $ - w * P), f.push(M + g * N, $ + w * N);
+  for (let U = 1; U < _ - 1; ++U) {
+    M = n[(U - 1) * 2], $ = n[(U - 1) * 2 + 1], p = n[U * 2], v = n[U * 2 + 1], y = n[(U + 1) * 2], b = n[(U + 1) * 2 + 1], g = -($ - v), w = M - p, k = Math.sqrt(g * g + w * w), g /= k, w /= k, g *= O, w *= O, E = -(v - b), z = p - y, k = Math.sqrt(E * E + z * z), E /= k, z /= k, E *= O, z *= O;
     const W = p - M, q = $ - v, H = p - y, Y = b - v, Q = W * H + q * Y, I = q * H - Y * W, Z = I < 0;
     if (Math.abs(I) < 1e-3 * Math.abs(Q)) {
-      f.push(p - g * P, v - _ * P), f.push(p + g * N, v + _ * N), Q >= 0 && (l.join === "round" ? L += Zt(p, v, p - g * P, v - _ * P, p - E * P, v - z * P, f, !1) + 4 : L += 2, f.push(p - E * N, v - z * N), f.push(p + E * P, v + z * P));
+      f.push(p - g * P, v - w * P), f.push(p + g * N, v + w * N), Q >= 0 && (l.join === "round" ? L += Zt(p, v, p - g * P, v - w * P, p - E * P, v - z * P, f, !1) + 4 : L += 2, f.push(p - E * N, v - z * N), f.push(p + E * P, v + z * P));
       continue;
     }
-    const oe = (-g + M) * (-_ + v) - (-g + p) * (-_ + $), te = (-E + y) * (-z + v) - (-E + p) * (-z + b), ae = (W * te - H * oe) / I, ue = (Y * oe - q * te) / I, pe = (ae - p) * (ae - p) + (ue - v) * (ue - v), me = p + (ae - p) * P, ve = v + (ue - v) * P, be = p - (ae - p) * N, le = v - (ue - v) * N, Ce = Math.min(W * W + q * q, H * H + Y * Y), ke = Z ? P : N;
-    pe <= Ce + ke * ke * A ? l.join === "bevel" || pe / A > T ? (Z ? (f.push(me, ve), f.push(p + g * N, v + _ * N), f.push(me, ve), f.push(p + E * N, v + z * N)) : (f.push(p - g * P, v - _ * P), f.push(be, le), f.push(p - E * P, v - z * P), f.push(be, le)), L += 2) : l.join === "round" ? Z ? (f.push(me, ve), f.push(p + g * N, v + _ * N), L += Zt(p, v, p + g * N, v + _ * N, p + E * N, v + z * N, f, !0) + 4, f.push(me, ve), f.push(p + E * N, v + z * N)) : (f.push(p - g * P, v - _ * P), f.push(be, le), L += Zt(p, v, p - g * P, v - _ * P, p - E * P, v - z * P, f, !1) + 4, f.push(p - E * P, v - z * P), f.push(be, le)) : (f.push(me, ve), f.push(be, le)) : (f.push(p - g * P, v - _ * P), f.push(p + g * N, v + _ * N), l.join === "round" ? Z ? L += Zt(p, v, p + g * N, v + _ * N, p + E * N, v + z * N, f, !0) + 2 : L += Zt(p, v, p - g * P, v - _ * P, p - E * P, v - z * P, f, !1) + 2 : l.join === "miter" && pe / A <= T && (Z ? (f.push(be, le), f.push(be, le)) : (f.push(me, ve), f.push(me, ve)), L += 2), f.push(p - E * P, v - z * P), f.push(p + E * N, v + z * N), L += 2);
+    const oe = (-g + M) * (-w + v) - (-g + p) * (-w + $), te = (-E + y) * (-z + v) - (-E + p) * (-z + b), ae = (W * te - H * oe) / I, ue = (Y * oe - q * te) / I, pe = (ae - p) * (ae - p) + (ue - v) * (ue - v), me = p + (ae - p) * P, ve = v + (ue - v) * P, be = p - (ae - p) * N, le = v - (ue - v) * N, Ce = Math.min(W * W + q * q, H * H + Y * Y), ke = Z ? P : N;
+    pe <= Ce + ke * ke * A ? l.join === "bevel" || pe / A > T ? (Z ? (f.push(me, ve), f.push(p + g * N, v + w * N), f.push(me, ve), f.push(p + E * N, v + z * N)) : (f.push(p - g * P, v - w * P), f.push(be, le), f.push(p - E * P, v - z * P), f.push(be, le)), L += 2) : l.join === "round" ? Z ? (f.push(me, ve), f.push(p + g * N, v + w * N), L += Zt(p, v, p + g * N, v + w * N, p + E * N, v + z * N, f, !0) + 4, f.push(me, ve), f.push(p + E * N, v + z * N)) : (f.push(p - g * P, v - w * P), f.push(be, le), L += Zt(p, v, p - g * P, v - w * P, p - E * P, v - z * P, f, !1) + 4, f.push(p - E * P, v - z * P), f.push(be, le)) : (f.push(me, ve), f.push(be, le)) : (f.push(p - g * P, v - w * P), f.push(p + g * N, v + w * N), l.join === "round" ? Z ? L += Zt(p, v, p + g * N, v + w * N, p + E * N, v + z * N, f, !0) + 2 : L += Zt(p, v, p - g * P, v - w * P, p - E * P, v - z * P, f, !1) + 2 : l.join === "miter" && pe / A <= T && (Z ? (f.push(be, le), f.push(be, le)) : (f.push(me, ve), f.push(me, ve)), L += 2), f.push(p - E * P, v - z * P), f.push(p + E * N, v + z * N), L += 2);
   }
-  M = n[(w - 2) * 2], $ = n[(w - 2) * 2 + 1], p = n[(w - 1) * 2], v = n[(w - 1) * 2 + 1], g = -($ - v), _ = M - p, k = Math.sqrt(g * g + _ * _), g /= k, _ /= k, g *= O, _ *= O, f.push(p - g * P, v - _ * P), f.push(p + g * N, v + _ * N), h || (l.cap === "round" ? L += Zt(p - g * (P - N) * 0.5, v - _ * (P - N) * 0.5, p - g * P, v - _ * P, p + g * N, v + _ * N, f, !1) + 2 : l.cap === "square" && (L += $s(p, v, g, _, P, N, !1, f)));
+  M = n[(_ - 2) * 2], $ = n[(_ - 2) * 2 + 1], p = n[(_ - 1) * 2], v = n[(_ - 1) * 2 + 1], g = -($ - v), w = M - p, k = Math.sqrt(g * g + w * w), g /= k, w /= k, g *= O, w *= O, f.push(p - g * P, v - w * P), f.push(p + g * N, v + w * N), h || (l.cap === "round" ? L += Zt(p - g * (P - N) * 0.5, v - w * (P - N) * 0.5, p - g * P, v - w * P, p + g * N, v + w * N, f, !1) + 2 : l.cap === "square" && (L += $s(p, v, g, w, P, N, !1, f)));
   const ee = Is * Is;
   for (let U = V; U < L + V - 2; ++U)
     M = f[U * 2], $ = f[U * 2 + 1], p = f[(U + 1) * 2], v = f[(U + 1) * 2 + 1], y = f[(U + 2) * 2], b = f[(U + 2) * 2 + 1], !(Math.abs(M * (v - b) + p * (b - $) + y * ($ - v)) < ee) && o.push(U, U + 1, U + 2);
@@ -2714,24 +2714,24 @@ function $s(n, e, t, o, s, i, r, a) {
   const l = n - t * s, c = e - o * s, d = n + t * i, u = e + o * i;
   let h, m;
   r ? (h = o, m = -t) : (h = -o, m = t);
-  const f = l + h, w = c + m, L = d + h, V = u + m;
-  return a.push(f, w), a.push(L, V), 2;
+  const f = l + h, _ = c + m, L = d + h, V = u + m;
+  return a.push(f, _), a.push(L, V), 2;
 }
 function Zt(n, e, t, o, s, i, r, a) {
   const l = t - n, c = o - e;
   let d = Math.atan2(l, c), u = Math.atan2(s - n, i - e);
   a && d < u ? d += Math.PI * 2 : !a && d > u && (u += Math.PI * 2);
   let h = d;
-  const m = u - d, f = Math.abs(m), w = Math.sqrt(l * l + c * c), L = (15 * f * Math.sqrt(w) / Math.PI >> 0) + 1, V = m / L;
+  const m = u - d, f = Math.abs(m), _ = Math.sqrt(l * l + c * c), L = (15 * f * Math.sqrt(_) / Math.PI >> 0) + 1, V = m / L;
   if (h += V, a) {
     r.push(n, e), r.push(t, o);
     for (let O = 1, A = h; O < L; O++, A += V)
-      r.push(n, e), r.push(n + Math.sin(A) * w, e + Math.cos(A) * w);
+      r.push(n, e), r.push(n + Math.sin(A) * _, e + Math.cos(A) * _);
     r.push(n, e), r.push(s, i);
   } else {
     r.push(t, o), r.push(n, e);
     for (let O = 1, A = h; O < L; O++, A += V)
-      r.push(n + Math.sin(A) * w, e + Math.cos(A) * w), r.push(n, e);
+      r.push(n + Math.sin(A) * _, e + Math.cos(A) * _), r.push(n, e);
     r.push(s, i), r.push(n, e);
   }
   return L * 2;
@@ -3005,12 +3005,12 @@ function wl(n, e, t, o, s, i, r, a) {
   o = o * Math.PI / 180, e = Math.abs(e), t = Math.abs(t);
   const l = (r.x - a.x) / 2, c = (r.y - a.y) / 2, d = Math.cos(o) * l + Math.sin(o) * c, u = -Math.sin(o) * l + Math.cos(o) * c;
   let h = e * e, m = t * t;
-  const f = d * d, w = u * u, L = f / h + w / m;
+  const f = d * d, _ = u * u, L = f / h + _ / m;
   if (L > 1) {
     const b = Math.sqrt(L);
     e = b * e, t = b * t, h = e * e, m = t * t;
   }
-  const V = h * w + m * f, O = (h * m - V) / V;
+  const V = h * _ + m * f, O = (h * m - V) / V;
   let A = Math.sqrt(Math.max(0, O));
   s === i && (A = -A);
   const T = A * e * u / t, M = -A * t * d / e, $ = Math.cos(o) * T - Math.sin(o) * M + (r.x + a.x) / 2, p = Math.sin(o) * T + Math.cos(o) * M + (r.y + a.y) / 2, v = Ls(1, 0, (d - T) / e, (u - M) / t), y = Ls((d - T) / e, (u - M) / t, (-d - T) / e, (-u - M) / t) % (Math.PI * 2);
@@ -3036,8 +3036,8 @@ function zt(n, e, t = 0) {
     c !== "" && (d === "" ? u.push(Number(c)) : u.push(Number(c) * 10 ** Number(d))), c = "", d = "";
   }
   let f;
-  const w = n.length;
-  for (let L = 0; L < w; L++) {
+  const _ = n.length;
+  for (let L = 0; L < _; L++) {
     if (f = n[L], Array.isArray(e) && e.includes(u.length % t) && Ke.FLAGS.test(f)) {
       a = 1, c = f, m();
       continue;
@@ -3629,13 +3629,13 @@ var wi = "data:image/svg+xml;", by = `${wi}base64,`, _y = `${wi}charset=utf8,`,
       this._pointAtAngle(L, a), a.x < l && (l = a.x), a.y < c && (c = a.y), a.x > d && (d = a.x), a.y > u && (u = a.y);
     };
     h(t), h(t + s);
-    const m = Math.atan2(-this.ry * r, this.rx * i), f = Math.atan2(this.ry * i, this.rx * r), w = [
+    const m = Math.atan2(-this.ry * r, this.rx * i), f = Math.atan2(this.ry * i, this.rx * r), _ = [
       m,
       m + Math.PI,
       f,
       f + Math.PI
     ];
-    for (let L = 0; L < 4; L++) Cl(w[L], t, s) && h(w[L]);
+    for (let L = 0; L < 4; L++) Cl(_[L], t, s) && h(_[L]);
     return n.set(l, c), e.set(d, u), {
       min: n.finite(),
       max: e.finite()
@@ -3644,7 +3644,7 @@ var wi = "data:image/svg+xml;", by = `${wi}base64,`, _y = `${wi}charset=utf8,`,
   toCommands() {
     const { cx: n, cy: e, rx: t, ry: o, startAngle: s, endAngle: i, clockwise: r, rotate: a } = this, l = n + t * Math.cos(s) * Math.cos(a) - o * Math.sin(s) * Math.sin(a), c = e + t * Math.cos(s) * Math.sin(a) + o * Math.sin(s) * Math.cos(a), d = Math.abs(s - i), u = d > Math.PI ? 1 : 0, h = r ? 1 : 0, m = a * 180 / Math.PI;
     if (d >= 2 * Math.PI) {
-      const f = s + Math.PI, w = n + t * Math.cos(f) * Math.cos(a) - o * Math.sin(f) * Math.sin(a), L = e + t * Math.cos(f) * Math.sin(a) + o * Math.sin(f) * Math.cos(a);
+      const f = s + Math.PI, _ = n + t * Math.cos(f) * Math.cos(a) - o * Math.sin(f) * Math.sin(a), L = e + t * Math.cos(f) * Math.sin(a) + o * Math.sin(f) * Math.cos(a);
       return [
         {
           type: "M",
@@ -3658,7 +3658,7 @@ var wi = "data:image/svg+xml;", by = `${wi}base64,`, _y = `${wi}charset=utf8,`,
           angle: m,
           largeArcFlag: 0,
           sweepFlag: h,
-          x: w,
+          x: _,
           y: L
         },
         {
@@ -3673,7 +3673,7 @@ var wi = "data:image/svg+xml;", by = `${wi}base64,`, _y = `${wi}charset=utf8,`,
         }
       ];
     } else {
-      const f = n + t * Math.cos(i) * Math.cos(a) - o * Math.sin(i) * Math.sin(a), w = e + t * Math.cos(i) * Math.sin(a) + o * Math.sin(i) * Math.cos(a);
+      const f = n + t * Math.cos(i) * Math.cos(a) - o * Math.sin(i) * Math.sin(a), _ = e + t * Math.cos(i) * Math.sin(a) + o * Math.sin(i) * Math.cos(a);
       return [{
         type: "M",
         x: l,
@@ -3686,7 +3686,7 @@ var wi = "data:image/svg+xml;", by = `${wi}base64,`, _y = `${wi}charset=utf8,`,
         largeArcFlag: u,
         sweepFlag: h,
         x: f,
-        y: w
+        y: _
       }];
     }
   }
@@ -3705,12 +3705,12 @@ var wi = "data:image/svg+xml;", by = `${wi}base64,`, _y = `${wi}charset=utf8,`,
     let h = Math.abs(a - l);
     (!u && a > l || u && l > a) && (h = 2 * Math.PI - h);
     const m = Math.max(12, Math.floor(12 * o ** (1 / 3) * (h / Math.PI)));
-    let f = h / m, w = a;
+    let f = h / m, _ = a;
     f *= u ? -1 : 1;
     const L = Math.cos(u ? d : -d), V = Math.sin(u ? d : -d);
     for (let O = 0; O < m + 1; O++) {
-      const A = i + Math.cos(w) * o, T = r + Math.sin(w) * s, M = A * L - T * V, $ = A * V + T * L;
-      n.push(e + M, t + $), w += f;
+      const A = i + Math.cos(_) * o, T = r + Math.sin(_) * s, M = A * L - T * V, $ = A * V + T * L;
+      n.push(e + M, t + $), _ += f;
     }
     return n;
   }
@@ -3724,23 +3724,23 @@ var wi = "data:image/svg+xml;", by = `${wi}base64,`, _y = `${wi}charset=utf8,`,
       if (c === 0)
         u[f] = u[f + 6] = e + i, u[f + 1] = u[f + 3] = t + r, u[f + 2] = u[f + 4] = e - i, u[f + 5] = u[f + 7] = t - r;
       else {
-        let w = f, L = f + c * 4 + (i ? 2 : 0) + 2, V = L, O = d, A = i + o, T = r, M = e + A, $ = e - A, p = t + T;
-        if (u[w++] = M, u[w++] = p, u[--L] = p, u[--L] = $, r) {
+        let _ = f, L = f + c * 4 + (i ? 2 : 0) + 2, V = L, O = d, A = i + o, T = r, M = e + A, $ = e - A, p = t + T;
+        if (u[_++] = M, u[_++] = p, u[--L] = p, u[--L] = $, r) {
           const y = t - T;
           u[V++] = $, u[V++] = y, u[--O] = y, u[--O] = M;
         }
         for (let y = 1; y < c; y++) {
-          const b = Math.PI / 2 * (y / c), g = i + Math.cos(b) * o, _ = r + Math.sin(b) * s, E = e + g, z = e - g, k = t + _, C = t - _;
-          u[w++] = E, u[w++] = k, u[--L] = k, u[--L] = z, u[V++] = z, u[V++] = C, u[--O] = C, u[--O] = E;
+          const b = Math.PI / 2 * (y / c), g = i + Math.cos(b) * o, w = r + Math.sin(b) * s, E = e + g, z = e - g, k = t + w, C = t - w;
+          u[_++] = E, u[_++] = k, u[--L] = k, u[--L] = z, u[V++] = z, u[V++] = C, u[--O] = C, u[--O] = E;
         }
         A = i, T = r + s, M = e + A, $ = e - A, p = t + T;
         const v = t - T;
-        u[w++] = M, u[w++] = p, u[--O] = v, u[--O] = M, i && (u[w++] = $, u[w++] = p, u[--O] = v, u[--O] = $);
+        u[_++] = M, u[_++] = p, u[--O] = v, u[--O] = M, i && (u[_++] = $, u[_++] = p, u[--O] = v, u[--O] = $);
       }
     }
     const h = Math.cos(l ? -a : a), m = Math.sin(l ? -a : a);
     for (let f = 0; f < u.length; f += 2) {
-      const w = u[f], L = u[f + 1], V = w - e, O = L - t, A = V * h - O * m, T = V * m + O * h;
+      const _ = u[f], L = u[f + 1], V = _ - e, O = L - t, A = V * h - O * m, T = V * m + O * h;
       n.push(e + A, t + T);
     }
     return n;
@@ -3770,7 +3770,7 @@ function Cl(n, e, t) {
   return t >= 0 ? (i < -1e-9 && (i += o), i >= -1e-9 && i <= t + s) : (i > s && (i -= o), i <= s && i >= t - s);
 }
 function El(n, e) {
-  const t = n.rx, o = n.ry, s = Math.cos(n.rotate), i = Math.sin(n.rotate), r = new ge(t * s, t * i), a = new ge(-o * i, o * s), l = e.a * r.x + e.c * r.y, c = e.b * r.x + e.d * r.y, d = e.a * a.x + e.c * a.y, u = e.b * a.x + e.d * a.y, h = Ml.set(l, c, d, u, 0, 0), { a: m, b: f, c: w, d: L } = zs.copyFrom(h).affineInvert(), V = Pl(m * m + f * f, w * m + L * f, w * w + L * L), O = Math.sqrt(V.rt1), A = Math.sqrt(V.rt2);
+  const t = n.rx, o = n.ry, s = Math.cos(n.rotate), i = Math.sin(n.rotate), r = new ge(t * s, t * i), a = new ge(-o * i, o * s), l = e.a * r.x + e.c * r.y, c = e.b * r.x + e.d * r.y, d = e.a * a.x + e.c * a.y, u = e.b * a.x + e.d * a.y, h = Ml.set(l, c, d, u, 0, 0), { a: m, b: f, c: _, d: L } = zs.copyFrom(h).affineInvert(), V = Pl(m * m + f * f, _ * m + L * f, _ * _ + L * L), O = Math.sqrt(V.rt1), A = Math.sqrt(V.rt2);
   if (n.rx = 1 / O, n.ry = 1 / A, n.rotate = Math.atan2(V.sn, V.cs), !((n.endAngle - n.startAngle) % (2 * Math.PI) < Number.EPSILON)) {
     const T = zs.set(O, 0, 0, A, 0, 0), M = Sl.set(V.cs, V.sn, -V.sn, V.cs, 0, 0), $ = T.append(M).append(h), p = (v) => {
       const { x: y, y: b } = $.apply({
@@ -4097,8 +4097,8 @@ var En = class extends ki {
     const { p1: o, cp: s, p2: i } = this, r = (u, h, m) => {
       const f = u - 2 * h + m;
       if (Math.abs(f) < 1e-12) return null;
-      const w = (u - h) / f;
-      return w > 0 && w < 1 ? w : null;
+      const _ = (u - h) / f;
+      return _ > 0 && _ < 1 ? _ : null;
     }, a = r(o.x, s.x, i.x), l = r(o.y, s.y, i.y), c = [o.x, i.x], d = [o.y, i.y];
     return a !== null && c.push(Wn(a, o.x, s.x, i.x)), l !== null && d.push(Wn(l, o.y, s.y, i.y)), e.x = Math.min(e.x, ...c), e.y = Math.min(e.y, ...d), t.x = Math.max(t.x, ...c), t.y = Math.max(t.y, ...d), {
       min: e.finite(),
@@ -4830,15 +4830,15 @@ async function Ul(n, e, t, o) {
   r.setUint32(0, e), r.setUint32(4, t), i[8] = 8, i[9] = 6, i[10] = 0, i[11] = 0, i[12] = 0;
   const a = new CompressionStream("deflate"), l = a.writable.getWriter(), c = a.readable.getReader(), d = [], u = (async () => {
     for (; ; ) {
-      const { done: f, value: w } = await c.read();
+      const { done: f, value: _ } = await c.read();
       if (f) break;
-      d.push(bo("IDAT", w));
+      d.push(bo("IDAT", _));
     }
   })(), h = 4;
   for (let f = 0; f < t; f++) {
-    const w = f * s, L = new Uint8Array(1 + s);
-    L[0] = 1, L.set(n.subarray(w, w + h), 1);
-    for (let V = h; V < s; V++) L[1 + V] = n[w + V] - n[w + V - h] & 255;
+    const _ = f * s, L = new Uint8Array(1 + s);
+    L[0] = 1, L.set(n.subarray(_, _ + h), 1);
+    for (let V = h; V < s; V++) L[1 + V] = n[_ + V] - n[_ + V - h] & 255;
     await l.ready, await l.write(L), o && (f & 1023) === 0 && o(f / t);
   }
   await l.close(), await u, o?.(1);
@@ -5111,13 +5111,13 @@ var lc = (n) => {
         multiple: !1
       });
       u(async (f) => {
-        const w = f?.[0];
-        if (!w) {
+        const _ = f?.[0];
+        if (!_) {
           d(void 0);
           return;
         }
         try {
-          e.value = JSON.parse(await w.text()), d(e.value);
+          e.value = JSON.parse(await _.text()), d(e.value);
         } catch {
           pt.warn("[mce] Failed to parse config file"), d(void 0);
         }
@@ -5511,15 +5511,15 @@ var Tc = class extends ss {
         if (l.insert) {
           const c = Array.isArray(l.insert) ? l.insert : [l.insert];
           r || c.forEach((d, u) => {
-            const h = a + u, m = (w) => {
+            const h = a + u, m = (_) => {
               this.transact(() => {
-                n.moveChild(w, h), this._debug(`[childrenIds][insert][${d}]`, h);
+                n.moveChild(_, h), this._debug(`[childrenIds][insert][${d}]`, h);
               }, !1);
             }, f = this._nodeMap.get(d);
             if (f) m(f);
             else {
-              let w = this._pendingInserts.get(d);
-              w || (w = /* @__PURE__ */ new Set(), this._pendingInserts.set(d, w)), w.add(() => {
+              let _ = this._pendingInserts.get(d);
+              _ || (_ = /* @__PURE__ */ new Set(), this._pendingInserts.set(d, _)), _.add(() => {
                 const L = this._nodeMap.get(d);
                 L && m(L);
               });
@@ -5662,7 +5662,7 @@ var Tc = class extends ss {
     speed: 0
   });
   Ao(l.renderer), l.root.append(i.value), l.root.append(a.value), l.root.append(t.value);
-  const c = he(l), d = he(), u = he(new _t()), h = he(), m = he(), f = he([]), w = ft(/* @__PURE__ */ new Map()), L = he([]), V = he(new _t()), O = X({
+  const c = he(l), d = he(), u = he(new _t()), h = he(), m = he(), f = he([]), _ = ft(/* @__PURE__ */ new Map()), L = he([]), V = he(new _t()), O = X({
     get: () => L.value.filter((I) => U(I)),
     set: (I) => L.value = I
   }), A = he(), T = he(), M = he(), $ = he(e.mode ?? "canvas"), p = he(e.readonly ?? !1);
@@ -5689,7 +5689,7 @@ var Tc = class extends ss {
       y: 0
     });
   }
-  function _(I) {
+  function w(I) {
     return c.value.getNodeById(I);
   }
   const E = ["top", "bottom"], z = [
@@ -5746,7 +5746,7 @@ var Tc = class extends ss {
     docLoading: o,
     root: t,
     nodes: f,
-    nodeIndexMap: w,
+    nodeIndexMap: _,
     selection: L,
     selectionMarquee: V,
     elementSelection: O,
@@ -5763,7 +5763,7 @@ var Tc = class extends ss {
     getGlobalPointer: g,
     parseAnchor: C,
     isNode: P,
-    getNodeById: _,
+    getNodeById: w,
     isRootNode: N,
     isElement: U,
     inEditorIs: W,
@@ -5776,9 +5776,9 @@ var Tc = class extends ss {
     const { on: I, off: Z, root: oe, state: te, drawboardDom: ae, drawboardAabb: ue, drawboardPointer: pe } = n;
     function me($e) {
       let Pe;
-      $e ? Pe = $e : (f.value.length = 0, w.clear(), Pe = oe.value);
+      $e ? Pe = $e : (f.value.length = 0, _.clear(), Pe = oe.value);
       for (const Xe of Pe.children) me(Xe);
-      f.value.push(Pe), w.set(Pe.id, f.value.length - 1);
+      f.value.push(Pe), _.set(Pe.id, f.value.length - 1);
     }
     function ve() {
       me(), L.value = [], T.value = void 0, A.value = void 0;
@@ -6306,13 +6306,13 @@ var Tc = class extends ss {
       x: Number.MIN_SAFE_INTEGER,
       y: Number.MIN_SAFE_INTEGER
     };
-    let _ = !1;
+    let w = !1;
     if (y.children.forEach((E) => {
       if (e(E)) {
         const { min: z, max: k } = E.aabb;
-        b.x = Math.min(b.x, z.x), b.y = Math.min(b.y, z.y), g.x = Math.max(g.x, k.x), g.y = Math.max(g.y, k.y), _ = !0;
+        b.x = Math.min(b.x, z.x), b.y = Math.min(b.y, z.y), g.x = Math.max(g.x, k.x), g.y = Math.max(g.y, k.y), w = !0;
       }
-    }), _) {
+    }), w) {
       const E = {
         left: b.x,
         top: b.y,
@@ -6340,19 +6340,19 @@ var Tc = class extends ss {
     let g;
     if (Array.isArray(y) && y.length > 0) y.length === 1 ? g = d(y[0]) : g = new Qn(h(y));
     else if (e(y)) {
-      const _ = y.style;
-      _.left, _.top, _.width, _.height, _.rotate, g = y.getGlobalObb();
+      const w = y.style;
+      w.left, w.top, w.width, w.height, w.rotate, g = y.getGlobalObb();
     } else g = new Qn();
-    return b === "drawboard" ? g = w(g) : (b === "frame" || b === "parent") && u(g, y, b), g;
+    return b === "drawboard" ? g = _(g) : (b === "frame" || b === "parent") && u(g, y, b), g;
   }
   function u(y, b, g) {
-    const _ = Array.isArray(b) ? b[0] : b;
-    if (e(_))
+    const w = Array.isArray(b) ? b[0] : b;
+    if (e(w))
       if (g === "frame") {
-        const E = i(_);
+        const E = i(w);
         E && (y.left -= E.style.left, y.top -= E.style.top);
       } else {
-        const E = _.findAncestor((z) => e(z));
+        const E = w.findAncestor((z) => e(z));
         if (E) {
           const z = h(E);
           y.left -= z.left, y.top -= z.top;
@@ -6363,7 +6363,7 @@ var Tc = class extends ss {
     let g;
     if (Array.isArray(y) && y.length > 0) if (y.length === 1) g = h(y[0]);
     else {
-      const _ = {
+      const w = {
         x: Number.MAX_SAFE_INTEGER,
         y: Number.MAX_SAFE_INTEGER
       }, E = {
@@ -6375,13 +6375,13 @@ var Tc = class extends ss {
           const k = z.style;
           k.left, k.top, k.width, k.height, k.rotate;
           const C = z.globalAabb;
-          _.x = Math.min(_.x, C.left), _.y = Math.min(_.y, C.top), E.x = Math.max(E.x, C.left + C.width), E.y = Math.max(E.y, C.top + C.height);
+          w.x = Math.min(w.x, C.left), w.y = Math.min(w.y, C.top), E.x = Math.max(E.x, C.left + C.width), E.y = Math.max(E.y, C.top + C.height);
         }
-      }), g = new _t(_.x, _.y, E.x - _.x, E.y - _.y);
+      }), g = new _t(w.x, w.y, E.x - w.x, E.y - w.y);
     }
     else if (e(y)) {
-      const _ = y.style;
-      _.left, _.top, _.width, _.height, _.rotate, g = y.globalAabb.clone();
+      const w = y.style;
+      w.left, w.top, w.width, w.height, w.rotate, g = y.globalAabb.clone();
     } else g = new _t();
     return b === "drawboard" ? g = f(g) : (b === "frame" || b === "parent") && u(g, y, b), g;
   }
@@ -6392,7 +6392,7 @@ var Tc = class extends ss {
   function f(y) {
     return m(new _t(y));
   }
-  function w(y) {
+  function _(y) {
     return m(new Qn(y));
   }
   function L(y) {
@@ -6412,11 +6412,11 @@ var Tc = class extends ss {
   const O = X(() => {
     const y = t.value, { position: b, zoom: g } = y;
     b.x, b.y, g.x, g.y;
-    const { left: _, top: E, right: z, bottom: k } = a.value, { width: C, height: P } = r.value, N = y.toGlobal({
-      x: _,
+    const { left: w, top: E, right: z, bottom: k } = a.value, { width: C, height: P } = r.value, N = y.toGlobal({
+      x: w,
       y: E
     }), ee = y.toGlobal({
-      x: C - (z + _),
+      x: C - (z + w),
       y: P - (k + E)
     });
     return new _t({
@@ -6425,11 +6425,11 @@ var Tc = class extends ss {
       width: ee.x - N.x,
       height: ee.y - N.y
     });
-  }), A = X(() => h(o.value.children)), T = X(() => h(s.value)), M = X(() => f(T.value)), $ = X(() => d(s.value)), p = X(() => w($.value)), v = X(() => T.value.contains(l()));
+  }), A = X(() => h(o.value.children)), T = X(() => h(s.value)), M = X(() => f(T.value)), $ = X(() => d(s.value)), p = X(() => _($.value)), v = X(() => T.value.contains(l()));
   Object.assign(n, {
     obbToFit: c,
     getObb: d,
-    obbToDrawboardObb: w,
+    obbToDrawboardObb: _,
     getAabb: h,
     aabbToDrawboardAabb: f,
     globalToDrawboard: L,
@@ -6479,11 +6479,11 @@ var Tc = class extends ss {
   Object.assign(n, { findFrame: r });
 }, Bc = (n) => {
   const { root: e, rootAabb: t, isElement: o, config: s, getAabb: i, getGlobalPointer: r, screenCenter: a, selection: l, camera: c, parseAnchor: d, exec: u } = n;
-  function h(f, w = {}) {
-    const L = s.value.canvas.frame.gap, { parent: V, index: O, sizeToFit: A, position: T, active: M, regenId: $, intoView: p } = w, v = V ? i(V) : void 0, y = Array.isArray(f);
+  function h(f, _ = {}) {
+    const L = s.value.canvas.frame.gap, { parent: V, index: O, sizeToFit: A, position: T, active: M, regenId: $, intoView: p } = _, v = V ? i(V) : void 0, y = Array.isArray(f);
     let b = O;
     const g = e.value.transact(() => {
-      const _ = b, E = (y ? f : [f]).map((C) => {
+      const w = b, E = (y ? f : [f]).map((C) => {
         let P;
         V && V.id !== e.value.id ? P = V : P = e.value;
         const N = {
@@ -6495,7 +6495,7 @@ var Tc = class extends ss {
         };
         $ && delete N.id;
         const ee = e.value.proxyNode(Nn.parse(N));
-        if (_ === void 0 ? P.appendChild(ee) : P.moveChild(ee, _), b !== void 0 && b++, ee.text.isValid() && (ee.style.width || (ee.style.width = ee.text.base.boundingBox.width), ee.style.height || (ee.style.height = ee.text.base.boundingBox.height)), v && v.width && v.height) {
+        if (w === void 0 ? P.appendChild(ee) : P.moveChild(ee, w), b !== void 0 && b++, ee.text.isValid() && (ee.style.width || (ee.style.width = ee.text.base.boundingBox.width), ee.style.height || (ee.style.height = ee.text.base.boundingBox.height)), v && v.width && v.height) {
           const { width: U, height: W } = v, q = U / 2, H = W / 2;
           if (ee.style.width || (ee.style.width = q), ee.style.height || (ee.style.height = H), A) {
             const Y = ee.style.width / ee.style.height;
@@ -6587,17 +6587,17 @@ var Tc = class extends ss {
       });
       return E;
     });
-    return g.forEach((_) => _.updateGlobalTransform()), M && (l.value = g), p && u("zoomTo", g, {
+    return g.forEach((w) => w.updateGlobalTransform()), M && (l.value = g), p && u("zoomTo", g, {
       intoView: !0,
       behavior: "smooth"
     }), !y && !V && u("nestIntoFrame", g[0]), y ? g : g[0];
   }
-  function m(f, w, L, V = {}) {
-    const O = Math.abs(w / f.style.width), A = Math.abs(L / f.style.height);
+  function m(f, _, L, V = {}) {
+    const O = Math.abs(_ / f.style.width), A = Math.abs(L / f.style.height);
     if (n.applyResizeOverride(f, {
       scaleX: O,
       scaleY: A,
-      newWidth: w,
+      newWidth: _,
       newHeight: L,
       options: V
     })) return;
@@ -6617,13 +6617,13 @@ var Tc = class extends ss {
   });
 }, qc = (n) => {
   const { map: e, register: t, unregister: o } = fo((l) => l.name), s = he(!1), i = he(0), r = async ({ data: l, width: c, height: d, step: u, onFrame: h }) => {
-    const { startTime: m, endTime: f } = l.meta, w = Array.from({ length: ~~((f - m) / u) }, (L, V) => m + V * u);
+    const { startTime: m, endTime: f } = l.meta, _ = Array.from({ length: ~~((f - m) / u) }, (L, V) => m + V * u);
     await n.runExclusiveRender(() => lo({
       data: l,
       width: c,
       height: d,
       fonts: n.fonts,
-      keyframes: w,
+      keyframes: _,
       imagePipelineResolver: n.resolveImagePipelines,
       onKeyframe: (L, V) => h(L, V)
     }));
@@ -6651,12 +6651,12 @@ var Tc = class extends ss {
   });
 }, jc = (n) => {
   const e = [], t = [], o = [], s = /* @__PURE__ */ new Set(), i = he([]), r = he([]), a = he({}), l = he([]), c = Ht([]), d = Ht([]), u = Ht([]), h = async (m, f) => {
-    let w = f;
+    let _ = f;
     for (const L of m) {
       const V = u.value.find((O) => O.name === L.name);
-      V && (w = await V.process(w, L.params));
+      V && (_ = await V.process(_, L.params));
     }
-    return w;
+    return _;
   };
   return n.renderEngine.value.imagePipelineResolver = (m, f) => h(m, f), {
     selectionRedirects: e,
@@ -6666,14 +6666,14 @@ var Tc = class extends ss {
     resolveSelectionRedirect: (m) => {
       if (!m) return m;
       let f = m;
-      for (const w of e) f = w(f, n) ?? f;
+      for (const _ of e) f = _(f, n) ?? f;
       return f;
     },
     resizeOverrides: t,
     registerResizeOverride: (m) => {
       t.push(m);
     },
-    applyResizeOverride: (m, f) => t.some((w) => w(m, f)),
+    applyResizeOverride: (m, f) => t.some((_) => _(m, f)),
     enterHandlers: o,
     registerEnterHandler: (m) => {
       o.push(m);
@@ -6997,55 +6997,55 @@ var eu = (n, e) => {
   });
 }, nu = 2e3, Ns = 48, ou = 36, su = (n) => {
   const { registerConfig: e, drawboardAabb: t } = n, o = e("ui.panels", { default: {} });
-  function s(f, w) {
+  function s(f, _) {
     o.value = {
       ...o.value,
       [f]: {
         ...o.value[f],
-        ...w
+        ..._
       }
     };
   }
   function i(f) {
     return X({
       get: () => !!o.value[f]?.visible,
-      set: (w) => s(f, { visible: w })
+      set: (_) => s(f, { visible: _ })
     });
   }
   function r(f) {
     return X({
       get: () => o.value[f]?.transform,
-      set: (w) => s(f, { transform: w })
+      set: (_) => s(f, { transform: _ })
     });
   }
   function a(f) {
     return X({
       get: () => o.value[f]?.size,
-      set: (w) => s(f, { size: w })
+      set: (_) => s(f, { size: _ })
     });
   }
   const l = he([]);
   function c(f) {
-    const w = l.value.filter((L) => L !== f);
-    w.push(f), l.value = w;
+    const _ = l.value.filter((L) => L !== f);
+    _.push(f), l.value = _;
   }
   function d(f) {
-    l.value.includes(f) && (l.value = l.value.filter((w) => w !== f));
+    l.value.includes(f) && (l.value = l.value.filter((_) => _ !== f));
   }
   function u(f) {
-    const w = l.value.indexOf(f);
-    return nu + (w === -1 ? 0 : w);
+    const _ = l.value.indexOf(f);
+    return nu + (_ === -1 ? 0 : _);
   }
   function h(f) {
-    const w = t.value;
-    return !w?.width || !w?.height ? f : {
+    const _ = t.value;
+    return !_?.width || !_?.height ? f : {
       ...f,
-      left: Et(f.left, w.left - f.width + Ns, w.left + w.width - Ns),
-      top: Et(f.top, w.top, w.top + w.height - ou)
+      left: Et(f.left, _.left - f.width + Ns, _.left + _.width - Ns),
+      top: Et(f.top, _.top, _.top + _.height - ou)
     };
   }
-  function m(f, w) {
-    s(f, { transform: h(w) });
+  function m(f, _) {
+    s(f, { transform: h(_) });
   }
   Object.assign(n, { panels: {
     visibleRef: i,
@@ -7075,8 +7075,8 @@ var iu = (n) => {
   function r() {
     const u = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set();
     return t.forEach((m) => {
-      const { xLines: f, yLines: w } = m.getLines();
-      f?.forEach((L) => u.add(L)), w?.forEach((L) => h.add(L));
+      const { xLines: f, yLines: _ } = m.getLines();
+      f?.forEach((L) => u.add(L)), _?.forEach((L) => h.add(L));
     }), {
       axisX: u,
       axisY: h
@@ -7091,43 +7091,43 @@ var iu = (n) => {
     ];
   }
   function l(u, h, m, f) {
-    let w;
+    let _;
     for (const L of h) {
       const V = u + L, O = hn(m, V, f);
       if (O === void 0) continue;
       const A = Math.abs(O - V);
-      (!w || A < w.dist) && (w = {
+      (!_ || A < _.dist) && (_ = {
         line: O,
         offset: L,
         dist: A
       });
     }
-    return w;
+    return _;
   }
   Object.assign(n, {
     snappers: t,
     registerSnapper: s,
     unregisterSnapper: i,
     snap: (u) => {
-      const { axisX: h, axisY: m } = r(), f = o.value, w = l(u.left, a(u, "x"), h, f);
-      w && (u.left = w.line - w.offset);
+      const { axisX: h, axisY: m } = r(), f = o.value, _ = l(u.left, a(u, "x"), h, f);
+      _ && (u.left = _.line - _.offset);
       const L = l(u.top, a(u, "y"), m, f);
       L && (u.top = L.line - L.offset);
     },
     snapResize: (u, h) => {
       if (h.length !== 1) return;
-      const { axisX: m, axisY: f } = r(), w = o.value, L = u.left + u.width, V = u.top + u.height;
+      const { axisX: m, axisY: f } = r(), _ = o.value, L = u.left + u.width, V = u.top + u.height;
       if (h === "l") {
-        const O = hn(m, u.left, w);
+        const O = hn(m, u.left, _);
         O !== void 0 && L - O >= 1 && (u.left = O, u.width = L - O);
       } else if (h === "r") {
-        const O = hn(m, L, w);
+        const O = hn(m, L, _);
         O !== void 0 && O - u.left >= 1 && (u.width = O - u.left);
       } else if (h === "t") {
-        const O = hn(f, u.top, w);
+        const O = hn(f, u.top, _);
         O !== void 0 && V - O >= 1 && (u.top = O, u.height = V - O);
       } else if (h === "b") {
-        const O = hn(f, V, w);
+        const O = hn(f, V, _);
         O !== void 0 && O - u.top >= 1 && (u.height = O - u.top);
       }
     }
@@ -7301,11 +7301,11 @@ var mu = ze((n) => {
       t: C || !U ? 0 : U.t
     }), m();
   }
-  function w(k = o.value[0]) {
+  function _(k = o.value[0]) {
     k && a.delete(k);
   }
   function L(k = o.value[0]) {
-    k && (a.has(k) ? w(k) : f(k, !1));
+    k && (a.has(k) ? _(k) : f(k, !1));
   }
   function V(k = o.value[0]) {
     k && (a.delete(k), d(k).forEach((C) => C.setStandalone(!1)));
@@ -7369,18 +7369,18 @@ var mu = ze((n) => {
   function g() {
     return e.value?.meta;
   }
-  function _() {
+  function w() {
     return g()?.toJSON?.()?.easings ?? {};
   }
   function E(k, C) {
     const P = g();
     P && (P.easings = {
-      ..._(),
+      ...w(),
       [k]: C
     });
   }
   function z(k = {}) {
-    const C = s.value, P = k.width ?? C.width ?? 800, N = k.height ?? C.height ?? 600, ee = k.fps ?? n.fps?.value ?? 30, U = _(), W = [];
+    const C = s.value, P = k.width ?? C.width ?? 800, N = k.height ?? C.height ?? 600, ee = k.fps ?? n.fps?.value ?? 30, U = w(), W = [];
     let q = 0;
     return e.value?.findOne((H) => {
       if (t(H)) {
@@ -7446,7 +7446,7 @@ var mu = ze((n) => {
       },
       {
         command: "pauseElementAnimation",
-        handle: w
+        handle: _
       },
       {
         command: "toggleElementAnimation",
@@ -7462,7 +7462,7 @@ var mu = ze((n) => {
       },
       {
         command: "getEasings",
-        handle: _
+        handle: w
       },
       {
         command: "exportLottie",
@@ -7477,7 +7477,7 @@ var mu = ze((n) => {
       const h = u.getParent();
       if (!h) return;
       let m = u.getIndex();
-      const f = h.children.length - 1, w = 0;
+      const f = h.children.length - 1, _ = 0;
       switch (c) {
         case "bringForward":
           m = Math.min(h.children.length - 1, m + 1);
@@ -7486,10 +7486,10 @@ var mu = ze((n) => {
           m = f;
           break;
         case "sendBackward":
-          m = Math.max(w, m - 1);
+          m = Math.max(_, m - 1);
           break;
         case "sendToBack":
-          m = w;
+          m = _;
           break;
       }
       h.moveChild(u, m);
@@ -7504,7 +7504,7 @@ var mu = ze((n) => {
       h && e(h) && (u = h.globalAabb);
     } else u = s(t.value);
     u && t.value.forEach((h) => {
-      const m = h.getParent()?.globalAabb ?? new _t(), f = h.size.x / 2, w = h.size.y / 2, L = Math.cos(h.rotation), V = Math.sin(h.rotation), O = Math.abs(f * L) + Math.abs(w * V), A = Math.abs(f * V) + Math.abs(w * L);
+      const m = h.getParent()?.globalAabb ?? new _t(), f = h.size.x / 2, _ = h.size.y / 2, L = Math.cos(h.rotation), V = Math.sin(h.rotation), O = Math.abs(f * L) + Math.abs(_ * V), A = Math.abs(f * V) + Math.abs(_ * L);
       switch (c) {
         case "left":
           h.style.left = u.left - m.left + O - f;
@@ -7516,13 +7516,13 @@ var mu = ze((n) => {
           h.style.left = u.left - m.left + u.width - O - f;
           break;
         case "top":
-          h.style.top = u.top - m.top + A - w;
+          h.style.top = u.top - m.top + A - _;
           break;
         case "vertical-center":
-          h.style.top = u.top - m.top + u.height / 2 - w;
+          h.style.top = u.top - m.top + u.height / 2 - _;
           break;
         case "bottom":
-          h.style.top = u.top - m.top + u.height - A - w;
+          h.style.top = u.top - m.top + u.height - A - _;
           break;
       }
     });
@@ -7540,8 +7540,8 @@ var mu = ze((n) => {
         h = "top", m = "height";
         break;
     }
-    const f = [...d].sort(($, p) => $.globalAabb[h] - p.globalAabb[h]), w = f[0], L = f[u - 1], V = w.globalAabb[h], O = L.globalAabb[h] + L.globalAabb[m], A = f.reduce(($, p) => $ + p.globalAabb[m], 0), T = (O - V - A) / (u - 1);
-    let M = w.globalAabb[h] + w.globalAabb[m];
+    const f = [...d].sort(($, p) => $.globalAabb[h] - p.globalAabb[h]), _ = f[0], L = f[u - 1], V = _.globalAabb[h], O = L.globalAabb[h] + L.globalAabb[m], A = f.reduce(($, p) => $ + p.globalAabb[m], 0), T = (O - V - A) / (u - 1);
+    let M = _.globalAabb[h] + _.globalAabb[m];
     for (let $ = 1; $ < u - 1; $++) {
       const p = f[$];
       M += T;
@@ -7565,10 +7565,10 @@ var mu = ze((n) => {
         cy: k.top + k.height / 2
       };
     }), h = [], m = [...u].sort((z, k) => z.cy - k.cy);
-    let f = [m[0]], w = m[0].cy, L = m[0].height;
+    let f = [m[0]], _ = m[0].cy, L = m[0].height;
     for (let z = 1; z < m.length; z++) {
-      const k = m[z], C = w / f.length, P = Math.max(L, k.height) / 2;
-      Math.abs(k.cy - C) <= P ? (f.push(k), w += k.cy, L = Math.max(L, k.height)) : (h.push(f), f = [k], w = k.cy, L = k.height);
+      const k = m[z], C = _ / f.length, P = Math.max(L, k.height) / 2;
+      Math.abs(k.cy - C) <= P ? (f.push(k), _ += k.cy, L = Math.max(L, k.height)) : (h.push(f), f = [k], _ = k.cy, L = k.height);
     }
     h.push(f), h.forEach((z) => z.sort((k, C) => k.cx - C.cx));
     const V = Math.max(...h.map((z) => z.length)), O = Array.from({ length: V }, () => 0);
@@ -7591,13 +7591,13 @@ var mu = ze((n) => {
     let g = v;
     for (let z = 0; z < V; z++)
       b[z] = g, g += O[z] + $;
-    const _ = [];
+    const w = [];
     let E = y;
     for (let z = 0; z < h.length; z++)
-      _[z] = E, E += A[z] + p;
+      w[z] = E, E += A[z] + p;
     h.forEach((z, k) => {
       z.forEach((C, P) => {
-        const N = b[P] + C.width / 2, ee = _[k] + C.height / 2, U = C.el.getParent()?.globalAabb;
+        const N = b[P] + C.width / 2, ee = w[k] + C.height / 2, U = C.el.getParent()?.globalAabb;
         C.el.style.left = N - C.el.style.width / 2 - (U?.left ?? 0), C.el.style.top = ee - C.el.style.height / 2 - (U?.top ?? 0);
       });
     });
@@ -7731,7 +7731,7 @@ var mu = ze((n) => {
   function l(c, d) {
     if (c.meta?.inEditorIs?.startsWith("Workflow")) return;
     const u = d?.pointer, h = c.findAncestor((L) => o(L, !0)), m = c.globalAabb, f = m.getArea();
-    let w = !0;
+    let _ = !0;
     for (let L = 0, V = t.value.length; L < V; L++) {
       const O = t.value[L];
       if (d?.excluded.has(O.instanceId) || O.equal(c)) continue;
@@ -7741,11 +7741,11 @@ var mu = ze((n) => {
           let T = O.children.length;
           O.equal(d?.parent) && (T = d.index), O.moveChild(c, T), c.style.left = m.x - A.x, c.style.top = m.y - A.y, c.updateGlobalTransform(), s("layerScrollIntoView");
         }
-        w = !1;
+        _ = !1;
         break;
       }
     }
-    if (w && h) {
+    if (_ && h) {
       let L = i.value.children.length;
       i.value.equal(d?.parent) && (L = d.index), i.value.moveChild(c, L), c.style.left = m.x, c.style.top = m.y, c.updateGlobalTransform(), s("layerScrollIntoView");
     }
@@ -7761,14 +7761,14 @@ var mu = ze((n) => {
         if (c !== "move" || d?.__FROM__) return;
         const u = e(), h = t.value.find((f) => f.globalAabb.contains(u)), m = /* @__PURE__ */ new Set();
         if (r.value.forEach((f) => {
-          const w = o(f, !0) ? f : f.findAncestor((L) => o(L, !0));
-          w ? w.equal(h) && m.add(w.instanceId) : m.add(0);
+          const _ = o(f, !0) ? f : f.findAncestor((L) => o(L, !0));
+          _ ? _.equal(h) && m.add(_.instanceId) : m.add(0);
         }), m.size === 1) {
           const f = {};
-          r.value.forEach((w) => {
-            f[w.instanceId] = {
-              parent: w.getParent(),
-              index: w.getIndex()
+          r.value.forEach((_) => {
+            f[_.instanceId] = {
+              parent: _.getParent(),
+              index: _.getIndex()
             };
           }), a = f;
         }
@@ -7887,7 +7887,7 @@ var mu = ze((n) => {
     const $ = T.meta, p = $?.componentId, v = l(p);
     if (!v || !p || M.has(p)) return;
     M.add(p);
-    const y = $.overrides ?? {}, b = vs(v, y), g = T, _ = g.style?.left, E = g.style?.top;
+    const y = $.overrides ?? {}, b = vs(v, y), g = T, w = g.style?.left, E = g.style?.top;
     for (const z of [
       "style",
       "fill",
@@ -7899,7 +7899,7 @@ var mu = ze((n) => {
       "shadow"
     ])
       b[z] !== void 0 && (z === "style" ? Object.assign(g.style, b.style) : g[z] = b[z]);
-    !("style.left" in y) && _ !== void 0 && (g.style.left = _), !("style.top" in y) && E !== void 0 && (g.style.top = E), [...T.children].forEach((z) => z.remove()), Array.isArray(b.children) && b.children.length && s(b.children, {
+    !("style.left" in y) && w !== void 0 && (g.style.left = w), !("style.top" in y) && E !== void 0 && (g.style.top = E), [...T.children].forEach((z) => z.remove()), Array.isArray(b.children) && b.children.length && s(b.children, {
       parent: T,
       regenId: !0
     }), h(T, M);
@@ -7925,14 +7925,14 @@ var mu = ze((n) => {
     const M = T.meta;
     delete M.inEditorIs, delete M.componentId, delete M.overrides;
   }
-  function w(T, M) {
+  function _(T, M) {
     e.value?.findOne(($) => {
       const p = $.meta;
       return p?.inEditorIs === "Instance" && p.componentId === T && t($) && M($), !1;
     });
   }
   function L(T) {
-    w(T, u);
+    _(T, u);
   }
   function V(T, M = o.value[0]) {
     !l(T) || !M || (a(r().map(($) => $.id === T ? {
@@ -8013,7 +8013,7 @@ var mu = ze((n) => {
   function f($) {
     s("historyChanged", $);
   }
-  function w($) {
+  function _($) {
     $.findOne((p) => (p instanceof en && (p.foreground.texture?.destroy(), p.foreground.animatedTexture?.destroy(), p.fill.texture?.destroy(), p.fill.animatedTexture?.destroy(), p.background.texture?.destroy(), p.background.animatedTexture?.destroy()), !1));
   }
   function L($) {
@@ -8028,10 +8028,10 @@ var mu = ze((n) => {
     const p = t.value;
     if (n.collaboration?.active?.value) {
       const y = L($);
-      return w(p), p.transact(() => p.set({ children: y }), !0), p.clearHistory(), s("docSet", p, p), p;
+      return _(p), p.transact(() => p.set({ children: y }), !0), p.clearHistory(), s("docSet", p, p), p;
     }
     const v = $ instanceof dn ? $ : new dn($, { name: e.docName });
-    return w(p), v.init(), t.value = v, p.remove(), r.value.root.append(v), p.off("update", m), p.off("history", f), v.on("update", m), v.on("history", f), s("docSet", v, p), p.destroy(), v;
+    return _(p), v.init(), t.value = v, p.remove(), r.value.root.append(v), p.off("update", m), p.off("history", f), v.on("update", m), v.on("history", f), s("docSet", v, p), p.destroy(), v;
   }, O = async ($) => {
     i.value = !0, s("docLoadStart", $);
     try {
@@ -8101,17 +8101,17 @@ var mu = ze((n) => {
 }), Eu = ze((n, e) => {
   const { state: t, selection: o, exec: s, canLoad: i, load: r, addElements: a, hoverElement: l, to: c, exporters: d, renderEngine: u } = n, h = he(), m = e.clipboard !== !1 && Zr, f = () => {
     t.value = void 0;
-  }, w = () => {
+  }, _ = () => {
     if (o.value.length) {
       const y = /* @__PURE__ */ new Set(), b = (E) => {
         y.add(E.id), E.children?.forEach(b);
       };
       o.value.forEach(b);
-      const g = u.value.nodeMap, _ = [];
+      const g = u.value.nodeMap, w = [];
       g?.forEach((E) => {
         const z = E.connection;
-        !y.has(E.id) && z?.isValid?.() && (y.has(z.start?.id) || y.has(z.end?.id)) && _.push(E);
-      }), _.forEach((E) => E.remove()), o.value.forEach((E) => {
+        !y.has(E.id) && z?.isValid?.() && (y.has(z.start?.id) || y.has(z.end?.id)) && w.push(E);
+      }), w.forEach((E) => E.remove()), o.value.forEach((E) => {
         E.remove();
       }), o.value = [];
     }
@@ -8151,16 +8151,16 @@ var mu = ze((n) => {
           z(k), k.findOne(z);
         });
       }
-      const _ = {};
-      b.length && (_["text/plain"] = new Blob([b.join(`
-`)], { type: "text/plain" })), g && (_["text/html"] = new Blob([g], { type: "text/html" })), await navigator.clipboard.write([new ClipboardItem(_)]);
+      const w = {};
+      b.length && (w["text/plain"] = new Blob([b.join(`
+`)], { type: "text/plain" })), g && (w["text/html"] = new Blob([g], { type: "text/html" })), await navigator.clipboard.write([new ClipboardItem(w)]);
     } else {
       if (y === void 0) {
         const b = o.value;
         if (!b.length) return;
         y = b.map((g) => {
-          const _ = g.toJSON();
-          return delete _.style.left, delete _.style.top, _;
+          const w = g.toJSON();
+          return delete w.style.left, delete w.style.top, w;
         });
       }
       Array.isArray(y) && (h.value = y);
@@ -8170,8 +8170,8 @@ var mu = ze((n) => {
       selected: !0,
       ...b
     });
-    const _ = d.get(y);
-    _ && typeof _.copyAs == "function" && (g = _.copyAs(g)), s("copy", g);
+    const w = d.get(y);
+    w && typeof w.copyAs == "function" && (g = w.copyAs(g)), s("copy", g);
   }, O = async () => {
     await L(), s("delete");
   };
@@ -8190,12 +8190,12 @@ var mu = ze((n) => {
   async function $(y) {
     const b = [];
     for (const g of y) {
-      const _ = [...g.types];
+      const w = [...g.types];
       ["image/svg+xml", "text/html"].forEach((E) => {
-        const z = _.indexOf(E);
-        z > -1 && (_.splice(z, 1), _.unshift(E));
+        const z = w.indexOf(E);
+        z > -1 && (w.splice(z, 1), w.unshift(E));
       });
-      for (const E of _) {
+      for (const E of w) {
         const z = await g.getType(E);
         if (await i(z)) {
           b.push(...await r(z));
@@ -8213,26 +8213,26 @@ var mu = ze((n) => {
     if (y) {
       const { unlock: b, lock: g } = M();
       g();
-      let _ = [];
+      let w = [];
       if (y instanceof DataTransfer) for (const E of y.items) switch (E.kind) {
         case "file": {
           const z = E.getAsFile();
-          z && _.push(new ClipboardItem({ [z.type]: z }));
+          z && w.push(new ClipboardItem({ [z.type]: z }));
           break;
         }
         case "string":
           if (E.type === "application/json") {
             const z = await new Promise((P) => E.getAsString(P)), k = new Blob([z], { type: E.type }), C = new File([k], "data.json", { type: E.type });
-            _.push(new ClipboardItem({ [E.type]: C }));
+            w.push(new ClipboardItem({ [E.type]: C }));
           }
           break;
       }
-      else _ = y;
-      _.length ? await $(_) : b();
+      else w = y;
+      w.length ? await $(w) : b();
     } else {
-      await new Promise((_) => setTimeout(_, 100));
+      await new Promise((w) => setTimeout(w, 100));
       const { locked: b, unlock: g } = M();
-      b ? g() : m ? await $(await navigator.clipboard.read()) : h.value && Array.isArray(h.value) && a(h.value?.map((_) => $n(_)) ?? [], {
+      b ? g() : m ? await $(await navigator.clipboard.read()) : h.value && Array.isArray(h.value) && a(h.value?.map((w) => $n(w)) ?? [], {
         position: "pointer",
         active: !0,
         regenId: !0
@@ -8259,7 +8259,7 @@ var mu = ze((n) => {
       },
       {
         command: "delete",
-        handle: w
+        handle: _
       },
       {
         command: "copy",
@@ -8355,7 +8355,7 @@ var mu = ze((n) => {
     if (!A) return;
     const T = A.style.flexDirection ?? "row", M = T === "row" || T === "row-reverse", $ = r(A), p = (E) => M ? E.left : E.top, v = (E) => M ? E.width : E.height, y = /* @__PURE__ */ new Map();
     $.forEach((E) => y.set(E.instanceId, v(o(E))));
-    const b = o($[0]), g = $[1] ? p(o($[1])) - (p(b) + v(b)) : 0, _ = o(O);
+    const b = o($[0]), g = $[1] ? p(o($[1])) - (p(b) + v(b)) : 0, w = o(O);
     s = {
       el: O,
       parent: A,
@@ -8363,7 +8363,7 @@ var mu = ze((n) => {
       reverse: typeof T == "string" && T.endsWith("-reverse"),
       gap: g,
       contentStart: p(b),
-      crossSlot: M ? _.top : _.left,
+      crossSlot: M ? w.top : w.left,
       size: y
     };
   }
@@ -8396,7 +8396,7 @@ var mu = ze((n) => {
     const A = O.style;
     A.display = "freeform", O.requestDraw?.();
   }
-  function w() {
+  function _() {
     h() ? f() : m();
   }
   function L(O, A) {
@@ -8421,7 +8421,7 @@ var mu = ze((n) => {
       },
       {
         command: "toggleFlexLayout",
-        handle: w
+        handle: _
       },
       {
         command: "isFlexLayout",
@@ -8446,45 +8446,47 @@ var mu = ze((n) => {
   };
 }), Au = ze((n) => {
   const { elementSelection: e, exec: t, state: o } = n;
-  let s;
-  function i() {
-    const l = e.value?.[0];
-    if (!l?.text?.textContent) return;
-    const c = l.text, d = t("getTextFill"), u = Object.keys(kr()).reduce((h, m) => {
-      const f = t("getTextStyle", m);
-      return f !== void 0 && (h[m] = f), h;
+  let s, i;
+  function r() {
+    const c = e.value?.[0];
+    if (!c?.text?.textContent) return;
+    const d = c.text, u = t("getTextFill");
+    i = c.shadow?.toJSON?.();
+    const h = Object.keys(kr()).reduce((m, f) => {
+      const _ = t("getTextStyle", f);
+      return _ !== void 0 && (m[f] = _), m;
     }, {});
     s = {
-      ...c,
-      fill: d,
-      style: u
+      ...d,
+      fill: u,
+      style: h
     }, t("setState", "painting"), e.value = [];
   }
-  function r(l = e.value) {
-    s && l.forEach((c) => {
-      c.text?.textContent && (c.text = {
+  function a(c = e.value) {
+    s && c.forEach((d) => {
+      d.text?.textContent && (Object.assign(d.style, s.style), d.text = {
         ...s,
-        content: [{ fragments: [{ content: c.text.textContent }] }]
-      }, t("textToFit", c));
+        content: [{ fragments: [{ content: d.text.textContent }] }]
+      }, i !== void 0 && (d.shadow = i), t("textToFit", d));
     });
   }
-  function a() {
-    s = void 0, o.value === "painting" && t("setState", void 0);
+  function l() {
+    s = void 0, i = void 0, o.value === "painting" && t("setState", void 0);
   }
   return {
     name: "mce:formatPaint",
     commands: [
       {
         command: "formatPaint",
-        handle: i
+        handle: r
       },
       {
         command: "applyFormatPaint",
-        handle: r
+        handle: a
       },
       {
         command: "exitFormatPaint",
-        handle: a
+        handle: l
       }
     ],
     hotkeys: [{
@@ -8690,8 +8692,8 @@ function Ou() {
     register: (c, d) => {
       const { id: u, dom: h, opened: m, node: f } = d;
       e.set(u, f), t.set(u, m), o.set(u, h), n.value.push(u);
-      const w = mn(Xi, s?.vnode).indexOf(c);
-      w > -1 ? n.value.splice(w, 0, u) : n.value.push(u);
+      const _ = mn(Xi, s?.vnode).indexOf(c);
+      _ > -1 ? n.value.splice(_, 0, u) : n.value.push(u);
     },
     unregister: (c) => {
       e.delete(c), t.delete(c), o.delete(c), n.value = n.value.filter((d) => d !== c);
@@ -8834,13 +8836,13 @@ function Hu(n) {
     for (const $ of M.filter((p) => p.includes(":"))) {
       const [p, v] = $.split(":");
       if (!o.value.includes(p) || !o.value.includes(v)) continue;
-      const y = s.get(p), b = s.get(v), g = i.get(p), _ = i.get(v);
-      !y || !b || !g || !_ || (T.set(v, {
+      const y = s.get(p), b = s.get(v), g = i.get(p), w = i.get(v);
+      !y || !b || !g || !w || (T.set(v, {
         position: y.value,
         amount: Number.parseInt(String(g.value), 10)
       }), T.set(p, {
         position: b.value,
-        amount: -Number.parseInt(String(_.value), 10)
+        amount: -Number.parseInt(String(w.value), 10)
       }));
     }
     return T;
@@ -8851,7 +8853,7 @@ function Hu(n) {
       M.push(...p);
     }
     return Uu(M, s, i, a);
-  }), m = X(() => !Array.from(l.values()).some((T) => T.value)), f = X(() => h.value[h.value.length - 1].layer), w = Jt(() => ({
+  }), m = X(() => !Array.from(l.values()).some((T) => T.value)), f = X(() => h.value[h.value.length - 1].layer), _ = Jt(() => ({
     "--m-layout-left": Un(f.value.left),
     "--m-layout-right": Un(f.value.right),
     "--m-layout-top": Un(f.value.top),
@@ -8871,8 +8873,8 @@ function Hu(n) {
   }), Yt(ro, {
     register: (T, { id: M, order: $, position: p, layoutSize: v, elementSize: y, active: b, disableTransitions: g }) => {
       r.set(M, $), s.set(M, p), i.set(M, v), a.set(M, b), g && l.set(M, g);
-      const _ = mn(Yi, O?.vnode).indexOf(T);
-      _ > -1 ? o.value.splice(_, 0, M) : o.value.push(M);
+      const w = mn(Yi, O?.vnode).indexOf(T);
+      w > -1 ? o.value.splice(w, 0, M) : o.value.push(M);
       const E = X(() => L.value.findIndex((k) => k.id === M)), z = X(() => t.value + h.value.length * 2 - E.value * 2);
       return {
         layoutItemStyles: X(() => {
@@ -8904,7 +8906,7 @@ function Hu(n) {
       r.delete(T), s.delete(T), i.delete(T), a.delete(T), l.delete(T), o.value = o.value.filter((M) => M !== T);
     },
     mainRect: f,
-    mainStyles: w,
+    mainStyles: _,
     getLayoutItem: V,
     items: L,
     layoutRect: d,
@@ -9015,13 +9017,13 @@ var Wu = /* @__PURE__ */ Se({
     async function m() {
       h.value = !0, await Ot(), t.value && (t.value.focus(), t.value.select());
     }
-    async function f(w) {
+    async function f(_) {
       if (!h.value) {
-        const L = l.value.input._clonePointerEvent(w);
-        L.srcElement = c.value, L.target = e.value, L.__FROM__ = w.target, a("pointerDown", L, { allowTopFrame: !0 });
+        const L = l.value.input._clonePointerEvent(_);
+        L.srcElement = c.value, L.target = e.value, L.__FROM__ = _.target, a("pointerDown", L, { allowTopFrame: !0 });
       }
     }
-    return (w, L) => vt((j(), K("div", {
+    return (_, L) => vt((j(), K("div", {
       style: Le(F(o)(e.value, "drawboard").toCssStyle()),
       class: De(["m-frame", [
         n.outline && "m-frame--outline",
@@ -9100,7 +9102,7 @@ var Wu = /* @__PURE__ */ Se({
     setup: () => {
       const { on: r, off: a, inEditorIs: l, snapshot: c, captureFrameScreenshot: d, frames: u, frameThumbs: h } = n;
       let m = null;
-      function f(w) {
+      function f(_) {
         m?.(), i.value.thumbnail && c();
         function L(O, A) {
           if (i.value.thumbnail && l(O, "Frame")) {
@@ -9116,8 +9118,8 @@ var Wu = /* @__PURE__ */ Se({
         function V(O, A) {
           i.value.thumbnail && l(O, "Frame") && h.value.splice(h.value.findIndex((T) => T.instanceId === O.instanceId), 1);
         }
-        w.on("addChild", L), w.on("removeChild", V), m = () => {
-          w.off("addChild", L), w.off("removeChild", V);
+        _.on("addChild", L), _.on("removeChild", V), m = () => {
+          _.off("addChild", L), _.off("removeChild", V);
         };
       }
       wt(() => {
@@ -9221,7 +9223,7 @@ var Wu = /* @__PURE__ */ Se({
       name: u,
       saveAs: !0,
       handle: async (h) => {
-        const m = await o("json", h), f = Math.max(1, Math.floor(m.style.width)), w = Math.max(1, Math.floor(m.style.height)), L = (v) => {
+        const m = await o("json", h), f = Math.max(1, Math.floor(m.style.width)), _ = Math.max(1, Math.floor(m.style.height)), L = (v) => {
           v.root.append(new Jo({
             ...r.value.getProperties(),
             internalMode: "back",
@@ -9234,15 +9236,15 @@ var Wu = /* @__PURE__ */ Se({
           data: m,
           fonts: s,
           width: f,
-          height: w,
+          height: _,
           onBefore: L,
           imagePipelineResolver: l
-        })), f, w);
+        })), f, _);
         let V = m;
-        const O = Yr(), A = Math.floor(O * O * 0.98), T = Math.max(f, w);
+        const O = Yr(), A = Math.floor(O * O * 0.98), T = Math.max(f, _);
         let M = 1;
         T > O && (M = O / T);
-        const $ = f * M * (w * M);
+        const $ = f * M * (_ * M);
         $ > A && (M *= Math.sqrt(A / $)), M < 1 && (V = await o("json", {
           ...h,
           scale: (h.scale ?? 1) * M
@@ -9396,7 +9398,7 @@ var Wu = /* @__PURE__ */ Se({
     function f(M) {
       o("setElementInteractions", M, c.value), d.value++;
     }
-    function w() {
+    function _() {
       f([...u.value, {
         id: Bd(),
         trigger: "click",
@@ -9530,7 +9532,7 @@ var Wu = /* @__PURE__ */ Se({
     ]))), 128)), G("button", {
       class: "m-interactions__add",
       type: "button",
-      onClick: w
+      onClick: _
     }, [Me(F(qe), { icon: "$plus" }), mt(" " + ye(F(s)("addInteraction")), 1)])], 64)) : (j(), K("div", vd, ye(F(s)("interactionsSelectHint")), 1))]));
   }
 }), Dd = Nd, ko = 0;
@@ -9556,13 +9558,13 @@ var qd = ze((n) => {
     if (C)
       return t(C);
   }
-  function w(C) {
+  function _(C) {
     const P = l("getVariablesState").collections.find((N) => N.variables.some((ee) => ee.id === C));
     if (P)
       return P.variables.find((N) => N.id === C)?.valuesByMode?.[P.defaultModeId];
   }
   function L(C) {
-    const P = w(C.variableId);
+    const P = _(C.variableId);
     switch (C.op) {
       case "==":
         return String(P) === String(C.value);
@@ -9650,7 +9652,7 @@ var qd = ze((n) => {
         N.left < C.width && N.left + N.width > 0 && N.top < C.height && N.top + N.height > 0 && (y.add(P), A(P, "scrollIntoView"));
       }
   }
-  function _(C) {
+  function w(C) {
     C.key === "Escape" && c.value && (c.value = !1);
   }
   let E = 0;
@@ -9701,12 +9703,12 @@ var qd = ze((n) => {
       }), Be(u, (P) => {
         P && c.value && (l("pause"), z());
       }), wt(() => {
-        C.on("pointerdown", T), C.on("pointermove", $), C.on("rendered", g), window.addEventListener("keydown", _), window.addEventListener("wheel", k, {
+        C.on("pointerdown", T), C.on("pointermove", $), C.on("rendered", g), window.addEventListener("keydown", w), window.addEventListener("wheel", k, {
           passive: !1,
           capture: !0
         });
       }), on(() => {
-        C.off("pointerdown", T), C.off("pointermove", $), C.off("rendered", g), window.removeEventListener("keydown", _), window.removeEventListener("wheel", k, { capture: !0 });
+        C.off("pointerdown", T), C.off("pointermove", $), C.off("rendered", g), window.removeEventListener("keydown", w), window.removeEventListener("wheel", k, { capture: !0 });
       });
     }
   };
@@ -9726,7 +9728,7 @@ var qd = ze((n) => {
         const { selected: c = !1, scale: d = 1 } = l;
         let u = Qt(), h = r ?? "Doc", m = [];
         Array.isArray(c) ? m = c : (c === !0 && (m = o.value), m.length === 0 && s.value && (u = s.value.id, h = s.value.name, m = s.value.children));
-        const { left: f, top: w, width: L, height: V } = t(m, "parent");
+        const { left: f, top: _, width: L, height: V } = t(m, "parent");
         return {
           id: u,
           name: h,
@@ -9738,7 +9740,7 @@ var qd = ze((n) => {
           },
           children: m.map((O) => {
             const A = O.toJSON(), T = A.style;
-            return f && (T.left = (T.left ?? 0) - f), w && (T.top = (T.top ?? 0) - w), A.meta ??= {}, A.meta.inPptIs = "Slide", A;
+            return f && (T.left = (T.left ?? 0) - f), _ && (T.top = (T.top ?? 0) - _), A.meta ??= {}, A.meta.inPptIs = "Slide", A;
           }),
           meta: {
             inPptIs: "Pptx",
@@ -9789,16 +9791,16 @@ var qd = ze((n) => {
   }),
   emits: ["update:opened"],
   setup(n) {
-    const e = n, t = je(), { isElement: o, isVisible: s, setVisible: i, isLock: r, setLock: a, selection: l, nodes: c, nodeIndexMap: d, hoverElement: u, exec: h, t: m } = t, f = nt(n, "opened"), w = he(), { thumbnailIcon: L, thumbnailName: V } = us(X(() => e.node), t), { selecting: O, dragging: A, dropping: T, onMousedown: M, id: $, openedItems: p } = Vu({
+    const e = n, t = je(), { isElement: o, isVisible: s, setVisible: i, isLock: r, setLock: a, selection: l, nodes: c, nodeIndexMap: d, hoverElement: u, exec: h, t: m } = t, f = nt(n, "opened"), _ = he(), { thumbnailIcon: L, thumbnailName: V } = us(X(() => e.node), t), { selecting: O, dragging: A, dropping: T, onMousedown: M, id: $, openedItems: p } = Vu({
       opened: f,
       node: X(() => e.node),
-      dom: X(() => w.value)
+      dom: X(() => _.value)
     }), v = X(() => l.value.some((Q) => Q.equal(e.node))), y = X(() => e.node.children), b = X(() => y.value.length), g = X(() => {
       let Q = 0;
       return p.forEach((I) => {
         I.value && Q++;
       }), Q;
-    }), _ = he(), E = X(() => e.node?.equal(u.value)), z = he(!1), k = he(!1), C = he();
+    }), w = he(), E = X(() => e.node?.equal(u.value)), z = he(!1), k = he(!1), C = he();
     function P() {
       f.value = !f.value;
     }
@@ -9834,7 +9836,7 @@ var qd = ze((n) => {
     }
     function U() {
       k.value = !0, C.value = V.value, Ot().then(() => {
-        const Q = _.value;
+        const Q = w.value;
         Q && (Q.focus({ preventScroll: !0 }), Q.select());
       });
     }
@@ -9854,7 +9856,7 @@ var qd = ze((n) => {
       const Z = Ks("MceLayer");
       return j(), K(_e, null, [G("div", {
         ref_key: "dom",
-        ref: w,
+        ref: _,
         class: De(["m-layer", [
           e.root && "m-layer--root",
           (n.active || v.value) && "m-layer--active",
@@ -9892,7 +9894,7 @@ var qd = ze((n) => {
           }, [k.value ? vt((j(), K("input", {
             key: 0,
             ref_key: "inputDom",
-            ref: _,
+            ref: w,
             "onUpdate:modelValue": I[1] || (I[1] = (oe) => C.value = oe),
             name: "layer-name",
             type: "text",
@@ -10051,7 +10053,7 @@ var qd = ze((n) => {
           padding: 20
         })
       ].filter(Boolean)
-    }), w = X(() => ({ zIndex: 1500 + i.index.value })), L = X(() => ({
+    }), _ = X(() => ({ zIndex: 1500 + i.index.value })), L = X(() => ({
       ...m.value,
       ...o.contentStyle
     })), V = X(() => ({ ref: (A) => a.value = A }));
@@ -10081,7 +10083,7 @@ var qd = ze((n) => {
     }, [r.value ? (j(), K("div", ct({
       key: 0,
       class: "m-overlay",
-      style: w.value
+      style: _.value
     }, A.$attrs), [G("div", {
       ref: "contentElTpl",
       style: Le(L.value),
@@ -10127,7 +10129,7 @@ var qd = ze((n) => {
     function f() {
       m && (clearTimeout(m), m = void 0);
     }
-    function w() {
+    function _() {
       !o.closeOnLeave || o.persistent || (f(), m = setTimeout(() => {
         i.value = !1;
       }, 0));
@@ -10139,7 +10141,7 @@ var qd = ze((n) => {
       const p = { onClick: () => i.value = !i.value };
       return o.openOnHover && (p.onMouseenter = () => {
         f(), i.value = !0;
-      }, o.closeOnLeave && (p.onMouseleave = () => w())), p;
+      }, o.closeOnLeave && (p.onMouseleave = () => _())), p;
     }), V = X(() => {
       const p = o.location ?? "";
       return p.startsWith("bottom") ? {
@@ -10205,24 +10207,24 @@ var qd = ze((n) => {
           key: 0,
           class: "m-menu-panel",
           onMouseenter: f,
-          onMouseleave: w
+          onMouseleave: _
         }, [G("div", {
           class: "m-list",
           onMouseleave: $
         }, [(j(!0), K(_e, null, Ie(n.items, (b, g) => (j(), K(_e, { key: g }, [b.type === "divider" ? (j(), K("div", {
           key: 0,
           ref_for: !0,
-          ref: (_) => l.value[g] = _ ?? void 0,
+          ref: (w) => l.value[g] = w ?? void 0,
           class: "m-list__divider"
         }, null, 512)) : (j(), K("div", {
           key: 1,
           ref_for: !0,
-          ref: (_) => l.value[g] = _ ?? void 0,
+          ref: (w) => l.value[g] = w ?? void 0,
           class: "m-list__item",
-          onMouseenter: (_) => M(b, g)
+          onMouseenter: (w) => M(b, g)
         }, [G("div", {
           class: De(["m-list-item", [b.disabled && "m-list-item--disabled", r.value === g && "m-list-item--opened"]]),
-          onClick: (_) => T(b, g, _)
+          onClick: (w) => T(b, g, w)
         }, [
           c.value ? (j(), K("div", ch, [b.checked ? (j(), Fe(F(qe), {
             key: 0,
@@ -10299,7 +10301,7 @@ var qd = ze((n) => {
   },
   emits: ["update:modelValue", "update:position"],
   setup(n, { expose: e }) {
-    const { drawboardDom: t, drawboardAabb: o, drawboardContextMenuPointer: s, contextMenu: i, exec: r, getKbd: a, t: l, hotkeys: c, registerCommand: d, unregisterCommand: u } = je(), h = nt(n, "modelValue"), m = nt(n, "position"), f = ot("menuTplRef"), w = { getBoundingClientRect() {
+    const { drawboardDom: t, drawboardAabb: o, drawboardContextMenuPointer: s, contextMenu: i, exec: r, getKbd: a, t: l, hotkeys: c, registerCommand: d, unregisterCommand: u } = je(), h = nt(n, "modelValue"), m = nt(n, "position"), f = ot("menuTplRef"), _ = { getBoundingClientRect() {
       const A = f.value?.contentEl?.getBoundingClientRect(), { x: T, y: M } = m.value, $ = 0, p = A?.height ?? 0;
       return {
         x: T,
@@ -10345,7 +10347,7 @@ var qd = ze((n) => {
       "onUpdate:modelValue": T[0] || (T[0] = (M) => h.value = M),
       class: "m-context-menu",
       offset: 10,
-      target: w,
+      target: _,
       location: "right-start",
       items: F(i),
       style: Le({ "--max-height": `${F(o).height * 0.8}px` }),
@@ -10362,7 +10364,7 @@ var qd = ze((n) => {
     ]));
   }
 }), vh = ph, yh = ze((n, e) => {
-  const { canUndo: t, canRedo: o, selection: s, elementSelection: i, textSelection: r, config: a, exporters: l, components: c, isElement: d, exec: u, mode: h, modes: m } = n, { customContextMenu: f } = e, w = X(() => s.value.length > 0), L = X(() => ({
+  const { canUndo: t, canRedo: o, selection: s, elementSelection: i, textSelection: r, config: a, exporters: l, components: c, isElement: d, exec: u, mode: h, modes: m } = n, { customContextMenu: f } = e, _ = X(() => s.value.length > 0), L = X(() => ({
     key: "export",
     children: [...l.values()].filter((H) => !!H.saveAs).map((H) => ({ key: `saveAs:${H.name}` }))
   })), V = X(() => ({
@@ -10382,7 +10384,7 @@ var qd = ze((n) => {
     disabled: !o.value
   }]), A = X(() => ({
     key: "copyAs",
-    disabled: !w.value,
+    disabled: !_.value,
     children: [...l.values()].filter((H) => !!H.copyAs).map((H) => ({ key: `copyAs:${H.name}` }))
   })), T = X(() => ({
     key: "mode",
@@ -10394,21 +10396,21 @@ var qd = ze((n) => {
   })), M = X(() => [
     {
       key: "copy",
-      disabled: !w.value
+      disabled: !_.value
     },
     A.value.children.length && A.value,
     {
       key: "cut",
-      disabled: !w.value
+      disabled: !_.value
     },
     { key: "paste" },
     {
       key: "duplicate",
-      disabled: !w.value
+      disabled: !_.value
     },
     {
       key: "delete",
-      disabled: !w.value
+      disabled: !_.value
     },
     {
       key: "formatPaint",
@@ -10420,27 +10422,27 @@ var qd = ze((n) => {
       { key: "selectAll" },
       {
         key: "selectInverse",
-        disabled: !w.value
+        disabled: !_.value
       },
       {
         key: "selectNone",
-        disabled: !w.value
+        disabled: !_.value
       },
       {
         key: "selectChildren",
-        disabled: !w.value
+        disabled: !_.value
       },
       {
         key: "selectParent",
-        disabled: !w.value
+        disabled: !_.value
       },
       {
         key: "selectPreviousSibling",
-        disabled: !w.value
+        disabled: !_.value
       },
       {
         key: "selectNextSibling",
-        disabled: !w.value
+        disabled: !_.value
       }
     ]
   })), p = X(() => ({
@@ -10461,15 +10463,15 @@ var qd = ze((n) => {
       { key: "zoomToFit" },
       {
         key: "zoomToSelection",
-        disabled: !w.value
+        disabled: !_.value
       },
       {
         key: "zoomToNextFrame",
-        disabled: !w.value
+        disabled: !_.value
       },
       {
         key: "zoomToPreviousFrame",
-        disabled: !w.value
+        disabled: !_.value
       }
     ]
   })), y = X(() => ({
@@ -10496,7 +10498,7 @@ var qd = ze((n) => {
       checked: b() === "dot",
       handle: () => b("dot")
     }]
-  })), _ = X(() => ({
+  })), w = X(() => ({
     key: "view",
     children: [
       g.value,
@@ -10550,51 +10552,51 @@ var qd = ze((n) => {
   })), E = X(() => [
     {
       key: "groupSelection",
-      disabled: !w.value
+      disabled: !_.value
     },
     {
       key: "frameSelection",
-      disabled: !w.value
+      disabled: !_.value
     },
     {
       key: "ungroupSelection",
-      disabled: !(w.value && s.value[0]?.children.length)
+      disabled: !(_.value && s.value[0]?.children.length)
     }
   ]), z = X(() => ({
     key: "layerOrder",
     children: [
       {
         key: "bringToFront",
-        disabled: !w.value
+        disabled: !_.value
       },
       {
         key: "bringForward",
-        disabled: !w.value
+        disabled: !_.value
       },
       {
         key: "sendBackward",
-        disabled: !w.value
+        disabled: !_.value
       },
       {
         key: "sendToBack",
-        disabled: !w.value
+        disabled: !_.value
       }
     ]
   })), k = X(() => ({
     key: "flip",
     children: [{
       key: "flipHorizontal",
-      disabled: !w.value
+      disabled: !_.value
     }, {
       key: "flipVertical",
-      disabled: !w.value
+      disabled: !_.value
     }]
   })), C = X(() => [{
     key: "toggleSelectionVisible",
-    disabled: !w.value
+    disabled: !_.value
   }, {
     key: "toggleSelectionLock",
-    disabled: !w.value
+    disabled: !_.value
   }]), P = X(() => ({
     key: "object",
     children: [
@@ -10609,27 +10611,27 @@ var qd = ze((n) => {
   })), N = X(() => [
     {
       key: "alignLeft",
-      disabled: !w.value
+      disabled: !_.value
     },
     {
       key: "alignHorizontalCenter",
-      disabled: !w.value
+      disabled: !_.value
     },
     {
       key: "alignRight",
-      disabled: !w.value
+      disabled: !_.value
     },
     {
       key: "alignTop",
-      disabled: !w.value
+      disabled: !_.value
     },
     {
       key: "alignVerticalCenter",
-      disabled: !w.value
+      disabled: !_.value
     },
     {
       key: "alignBottom",
-      disabled: !w.value
+      disabled: !_.value
     }
   ]), ee = X(() => ({
     key: "layerPosition",
@@ -10637,21 +10639,21 @@ var qd = ze((n) => {
       ...N.value,
       {
         key: "distributeHorizontalSpacing",
-        disabled: !w.value
+        disabled: !_.value
       },
       {
         key: "distributeVerticalSpacing",
-        disabled: !w.value
+        disabled: !_.value
       },
       {
         key: "tidyUp",
-        disabled: !w.value
+        disabled: !_.value
       }
     ]
   })), U = X(() => [
     V.value,
     p.value,
-    _.value,
+    w.value,
     P.value,
     ee.value
   ]), W = X(() => s.value.length > 0 ? r.value ? [...M.value] : s.value.filter(d).length > 0 ? [
@@ -10704,21 +10706,21 @@ var qd = ze((n) => {
     ]);
     function r(u) {
       const h = /* @__PURE__ */ new Map();
-      for (const [w, L] of u.entries())
-        i.has(w) || h.set(w, {
+      for (const [_, L] of u.entries())
+        i.has(_) || h.set(_, {
           ctor: L,
-          name: w,
+          name: _,
           children: []
         });
       const m = /* @__PURE__ */ new Map();
-      for (const [w, L] of u.entries()) m.set(L, w);
+      for (const [_, L] of u.entries()) m.set(L, _);
       const f = [];
-      for (const [, w] of h.entries()) {
-        const L = Object.getPrototypeOf(w.ctor.prototype)?.constructor;
+      for (const [, _] of h.entries()) {
+        const L = Object.getPrototypeOf(_.ctor.prototype)?.constructor;
         if (L && m.has(L)) {
           const V = m.get(L);
-          h.get(V).children.push(w);
-        } else f.push(w);
+          h.get(V).children.push(_);
+        } else f.push(_);
       }
       return f;
     }
@@ -10780,7 +10782,7 @@ var qd = ze((n) => {
   };
 }), Mh = ze((n) => {
   const { addElement: e, renderEngine: t, activeTool: o, activateTool: s, getGlobalPointer: i, camera: r, selection: a, state: l, getConfigRef: c } = n, d = c("interaction.drawStyle");
-  let u, h, m, f, w, L;
+  let u, h, m, f, _, L;
   const V = () => {
     if (u && h) {
       u.shape.paths = [{ data: h.toData() }];
@@ -10793,7 +10795,7 @@ var qd = ze((n) => {
     const T = h.currentCurve.curves;
     m && T[T.length - 1] === m && T.pop(), A && T.length && h.currentCurve.closePath();
     const M = T.length, $ = u;
-    M > 0 && V(), t.value.off("pointermove", f), w && window.removeEventListener("keydown", w), L?.(), L = void 0, f = void 0, w = void 0, u = void 0, h = void 0, m = void 0, M > 0 ? a.value = [$] : $.remove();
+    M > 0 && V(), t.value.off("pointermove", f), _ && window.removeEventListener("keydown", _), L?.(), L = void 0, f = void 0, _ = void 0, u = void 0, h = void 0, m = void 0, M > 0 ? a.value = [$] : $.remove();
   }
   return {
     name: "mce:pen",
@@ -10825,9 +10827,9 @@ var qd = ze((n) => {
         }, { position: A }), h = new It(), m = new tt(new ge(A.x, A.y), new ge(A.x, A.y)), h.currentCurve.addCurve(m), V(), f = () => {
           const T = i();
           m && T && (m.p2.x = T.x, m.p2.y = T.y, V());
-        }, t.value.on("pointermove", f), w = (T) => {
+        }, t.value.on("pointermove", f), _ = (T) => {
           (T.key === "Enter" || T.key === "Escape") && (T.preventDefault(), O(!1), s(void 0));
-        }, window.addEventListener("keydown", w), L = Be([l, o], () => O(!1));
+        }, window.addEventListener("keydown", _), L = Be([l, o], () => O(!1));
       }
     }, {
       name: "pencil",
@@ -10970,10 +10972,10 @@ var qd = ze((n) => {
       text: "#000",
       border: "#000",
       box: "#0000002E"
-    }), h = X(() => t.borderColor ?? u.border), m = X(() => t.textColor ?? u.text), f = X(() => t.lineColor ?? "rgb(var(--m-theme-secondary))"), w = X(() => t.boxColor ?? u.box);
+    }), h = X(() => t.borderColor ?? u.border), m = X(() => t.textColor ?? u.text), f = X(() => t.lineColor ?? "rgb(var(--m-theme-secondary))"), _ = X(() => t.boxColor ?? u.box);
     function L() {
       if (!t.selected?.width || !t.selected?.height) return;
-      c.fillStyle = w.value;
+      c.fillStyle = _.value;
       const q = t.vertical ? t.selected.top : t.selected.left, H = t.vertical ? t.selected.height : t.selected.width;
       c.fillRect(q, 0, H, t.size);
     }
@@ -11058,8 +11060,8 @@ var qd = ze((n) => {
     }), et(() => {
       l.width = 0, l.height = 0;
     });
-    const _ = nt(n, "modelValue"), E = he(), z = X(() => {
-      const q = [..._.value];
+    const w = nt(n, "modelValue"), E = he(), z = X(() => {
+      const q = [...w.value];
       return typeof E.value == "number" && q.unshift(E.value), q;
     });
     function k(q) {
@@ -11067,7 +11069,7 @@ var qd = ze((n) => {
     }
     function C(q) {
       const H = k(q);
-      t.refline && _.value.push(H);
+      t.refline && w.value.push(H);
     }
     function P(q, H = !1) {
       const Y = k(q);
@@ -11080,7 +11082,7 @@ var qd = ze((n) => {
       E.value = void 0, i.value = void 0;
     }
     function ee(q) {
-      t.locked || _.value.splice(q, 1);
+      t.locked || w.value.splice(q, 1);
     }
     function U(q, H) {
       i.value = `${H}`, t.vertical ? r.value.y = q.clientY : r.value.x = q.clientX;
@@ -11090,7 +11092,7 @@ var qd = ze((n) => {
       q.stopPropagation(), q.preventDefault();
       const Y = (I) => {
         const Z = k(I);
-        _.value[H] = Z, U(I, Z);
+        w.value[H] = Z, U(I, Z);
       }, Q = () => {
         window.removeEventListener("mousemove", Y), window.removeEventListener("mouseup", Q);
       };
@@ -11305,7 +11307,7 @@ var qd = ze((n) => {
         height: 0
       };
       a.value = t.vertical ? v.height : v.width;
-    }, 50), h = (v, y, b) => v * (1 - b) + y * b, m = (v, y) => h(v / 2, 1 - v / 2, y), f = X(() => m(c.value, d.value)), w = X(() => 1 - f.value - c.value), L = X(() => t.vertical ? `${f.value * 100}%` : "0%"), V = X(() => t.vertical ? `${w.value * 100}%` : "50%"), O = X(() => t.vertical ? "0%" : `${f.value * 100}%`), A = X(() => t.vertical ? "50%" : `${w.value * 100}%`);
+    }, 50), h = (v, y, b) => v * (1 - b) + y * b, m = (v, y) => h(v / 2, 1 - v / 2, y), f = X(() => m(c.value, d.value)), _ = X(() => 1 - f.value - c.value), L = X(() => t.vertical ? `${f.value * 100}%` : "0%"), V = X(() => t.vertical ? `${_.value * 100}%` : "50%"), O = X(() => t.vertical ? "0%" : `${f.value * 100}%`), A = X(() => t.vertical ? "50%" : `${_.value * 100}%`);
     function T(v) {
       o("scroll", v - s.value), s.value = v;
     }
@@ -11370,7 +11372,7 @@ var qd = ze((n) => {
   }
 }), jh = qh, Uh = ze((n) => {
   const { registerConfig: e, camera: t, getAabb: o, selectionAabb: s, rootAabb: i, viewportAabb: r, screenCenter: a, screenCenterOffset: l } = n, c = e("ui.scrollbar", { default: { visible: !0 } }), d = async (u, h = {}) => {
-    const { intoView: m, behavior: f, duration: w = 500 } = h, { position: L, zoom: V } = t.value, O = {
+    const { intoView: m, behavior: f, duration: _ = 500 } = h, { position: L, zoom: V } = t.value, O = {
       x: L.x,
       y: L.y
     }, A = a.value, T = {
@@ -11399,8 +11401,8 @@ var qd = ze((n) => {
         y: $.y - O.y
       }, y = performance.now();
       function b(g) {
-        const _ = g - y, E = Math.min(_ / w, 1), z = E < 0.5 ? 2 * E * E : -1 + (4 - 2 * E) * E;
-        L.set(O.x + v.x * z, O.y + v.y * z), _ < w ? requestAnimationFrame(b) : p();
+        const w = g - y, E = Math.min(w / _, 1), z = E < 0.5 ? 2 * E * E : -1 + (4 - 2 * E) * E;
+        L.set(O.x + v.x * z, O.y + v.y * z), w < _ ? requestAnimationFrame(b) : p();
       }
       requestAnimationFrame(b);
     }) : L.set($.x, $.y);
@@ -11544,10 +11546,10 @@ var qd = ze((n) => {
       "resize-bl": (g) => M("resizeBevel", 180 + g)
     };
     function a() {
-      let { left: g = 0, top: _ = 0, width: E = 0, height: z = 0, rotate: k = 0, borderRadius: C = 0 } = i.value ?? {};
+      let { left: g = 0, top: w = 0, width: E = 0, height: z = 0, rotate: k = 0, borderRadius: C = 0 } = i.value ?? {};
       return Number.isNaN(Number(E)) && (E = 0), Number.isNaN(Number(z)) && (z = 0), {
         left: g,
-        top: _,
+        top: w,
         width: E,
         height: z,
         rotate: k,
@@ -11555,32 +11557,32 @@ var qd = ze((n) => {
       };
     }
     function l() {
-      const g = a(), _ = o.scale, E = o.offset, { left: z, top: k, width: C, height: P, rotate: N, borderRadius: ee } = g;
+      const g = a(), w = o.scale, E = o.offset, { left: z, top: k, width: C, height: P, rotate: N, borderRadius: ee } = g;
       return {
-        left: z * _[0] + E[0],
-        top: k * _[1] + E[1],
-        width: C * _[0],
-        height: P * _[1],
+        left: z * w[0] + E[0],
+        top: k * w[1] + E[1],
+        width: C * w[0],
+        height: P * w[1],
         rotate: N,
-        borderRadius: ee * _[0]
+        borderRadius: ee * w[0]
       };
     }
     function c(g) {
-      const _ = o.scale, E = o.offset;
+      const w = o.scale, E = o.offset;
       return {
-        left: (g.left - E[0]) / _[0],
-        top: (g.top - E[1]) / _[1],
-        width: g.width / _[0],
-        height: g.height / _[1],
+        left: (g.left - E[0]) / w[0],
+        top: (g.top - E[1]) / w[1],
+        width: g.width / w[0],
+        height: g.height / w[1],
         rotate: g.rotate,
-        borderRadius: g.borderRadius / _[0]
+        borderRadius: g.borderRadius / w[0]
       };
     }
     const d = X({
       get: l,
       set: (g) => i.value = c(g)
     }), u = he(!1), h = he(), m = X(() => {
-      const g = o.handleShape, _ = g === "rect" ? 8 : 10, { width: E = 0, height: z = 0, borderRadius: k } = d.value, C = {
+      const g = o.handleShape, w = g === "rect" ? 8 : 10, { width: E = 0, height: z = 0, borderRadius: k } = d.value, C = {
         x: E / 2,
         y: z / 2
       }, P = [
@@ -11645,13 +11647,13 @@ var qd = ze((n) => {
         const [Z, oe] = I.points, te = Math.min(Z[0], oe[0]) * E, ae = Math.max(Z[0], oe[0]) * E, ue = Math.min(Z[1], oe[1]) * z, pe = Math.max(Z[1], oe[1]) * z;
         return {
           type: I.type,
-          x: te - _ / 2,
-          y: ue - _ / 2,
-          width: ae - te + _,
-          height: pe - ue + _
+          x: te - w / 2,
+          y: ue - w / 2,
+          width: ae - te + w,
+          height: pe - ue + w
         };
       }), U = N.map((I) => {
-        const Z = _ * (I.width ?? 1), oe = _ * (I.height ?? 1);
+        const Z = w * (I.width ?? 1), oe = w * (I.height ?? 1);
         return {
           type: I.type,
           shape: g,
@@ -11711,32 +11713,32 @@ var qd = ze((n) => {
         ...Y,
         ...q
       ], Q.filter((I) => o.handles.includes(I.type) ? !(!o.resizable && I.type.startsWith("resize") || !o.rotatable && I.type.startsWith("rotate") || !o.movable && I.type === "move") : !1).map((I) => (I.width = Math.max(I.width, 0), I.height = Math.max(I.height, 0), I));
-    }), f = he(), w = X(() => {
-      const { width: g = 0, height: _ = 0 } = d.value;
+    }), f = he(), _ = X(() => {
+      const { width: g = 0, height: w = 0 } = d.value;
       return {
         width: o.initialSize && !g ? void 0 : `${g}px`,
-        height: o.initialSize && !_ ? void 0 : `${_}px`
+        height: o.initialSize && !w ? void 0 : `${w}px`
       };
     }), L = Math.PI / 180, V = X(() => {
-      const { left: g = 0, top: _ = 0, rotate: E = 0 } = d.value, z = E * L, k = Math.cos(z), C = Math.sin(z);
+      const { left: g = 0, top: w = 0, rotate: E = 0 } = d.value, z = E * L, k = Math.cos(z), C = Math.sin(z);
       return {
-        ...w.value,
-        transform: `matrix(${k}, ${C}, ${-C}, ${k}, ${g}, ${_})`
+        ..._.value,
+        transform: `matrix(${k}, ${C}, ${-C}, ${k}, ${g}, ${w})`
       };
     }), O = X(() => typeof o.tip == "string" ? o.tip : o.tip?.("size"));
-    function A(g, _) {
+    function A(g, w) {
       if (g && g.button !== void 0 && g.button !== 0) return !1;
       g?.preventDefault(), g?.stopPropagation();
       const { left: E, top: z, width: k, height: C, rotate: P, borderRadius: N } = d.value;
       let ee = 0;
       k && C && (ee = k / C);
-      const U = _ === void 0 ? {
+      const U = w === void 0 ? {
         type: "move",
         x: 0,
         y: 0,
         width: 0,
         height: 0
-      } : m.value[_], W = U.type, q = W.split("-"), H = q.length > 1 && q.pop() || "", Y = q.join("-"), Q = Y === "move", I = Y === "rotate", Z = Y === "round", oe = H === "l" || H === "r", te = H.length === 1, ae = {
+      } : m.value[w], W = U.type, q = W.split("-"), H = q.length > 1 && q.pop() || "", Y = q.join("-"), Q = Y === "move", I = Y === "rotate", Z = Y === "round", oe = H === "l" || H === "r", te = H.length === 1, ae = {
         x: E + k / 2,
         y: z + C / 2
       }, ue = {
@@ -11821,41 +11823,41 @@ var qd = ze((n) => {
       resizeXy: '<path d="m9 17.9907v.005l5.997 5.996.001-3.999h1.999 2.02v4l5.98-6.001-5.98-5.999.001 4.019-2.021.002h-2l.001-4.022zm1.411.003 3.587-3.588-.001 2.587h3.5 2.521v-2.585l3.565 3.586-3.564 3.585-.001-2.585h-2.521l-3.499-.001-.001 2.586z" fill="white"/><path d="m17.4971 18.9932h2.521v2.586l3.565-3.586-3.565-3.585v2.605h-2.521-3.5v-2.607l-3.586 3.587 3.586 3.586v-2.587z" fill="black"/>',
       resizeBevel: '<path d="m19.7432 17.0869-4.072 4.068 2.829 2.828-8.473-.013-.013-8.47 2.841 2.842 4.075-4.068 1.414-1.415-2.844-2.842h8.486v8.484l-2.83-2.827z" fill="white"/><path d="m18.6826 16.7334-4.427 4.424 1.828 1.828-5.056-.016-.014-5.054 1.842 1.841 4.428-4.422 2.474-2.475-1.844-1.843h5.073v5.071l-1.83-1.828z" fill="black"/>'
     };
-    function M(g, _) {
-      return `<svg height="32" width="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><filter id="shadow" color-interpolation-filters="sRGB"><feDropShadow dx="1" dy="1" stdDeviation="1.2" flood-opacity=".5"/></filter></defs><g fill="none" transform="rotate(${_} 16 16)" filter="url(%23shadow)">${T[g]}</g></svg>`.replace(/"/g, "'");
+    function M(g, w) {
+      return `<svg height="32" width="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><filter id="shadow" color-interpolation-filters="sRGB"><feDropShadow dx="1" dy="1" stdDeviation="1.2" flood-opacity=".5"/></filter></defs><g fill="none" transform="rotate(${w} 16 16)" filter="url(%23shadow)">${T[g]}</g></svg>`.replace(/"/g, "'");
     }
     function $(g) {
       if (g === "move") return "move";
-      const _ = r[g];
-      if (_)
-        return `url("data:image/svg+xml,${_(d.value.rotate ?? 0)}") 16 16, pointer`;
+      const w = r[g];
+      if (w)
+        return `url("data:image/svg+xml,${w(d.value.rotate ?? 0)}") 16 16, pointer`;
     }
-    function p(g, _, E) {
+    function p(g, w, E) {
       const z = E * L, k = Math.cos(z), C = Math.sin(z);
       return {
-        x: (g.x - _.x) * k - (g.y - _.y) * C + _.x,
-        y: (g.x - _.x) * C + (g.y - _.y) * k + _.y
+        x: (g.x - w.x) * k - (g.y - w.y) * C + w.x,
+        y: (g.x - w.x) * C + (g.y - w.y) * k + w.y
       };
     }
-    function v(g, _) {
+    function v(g, w) {
       return {
-        x: (_.x + g.x) / 2,
-        y: (_.y + g.y) / 2
+        x: (w.x + g.x) / 2,
+        y: (w.y + g.y) / 2
       };
     }
-    function y(g, _) {
-      const E = _.x - g.x, z = _.y - g.y;
+    function y(g, w) {
+      const E = w.x - g.x, z = w.y - g.y;
       return (E + z >= 0 ? 1 : -1) * Math.sqrt(E * E + z * z);
     }
     Ft(async () => {
       const g = nn()?.proxy?.$el;
       if (g && o.initialSize) {
         await Ot();
-        let _, E;
+        let w, E;
         const z = getComputedStyle(g);
-        if (z.width.endsWith("px") && z.height.endsWith("px") ? (_ = Number(z.width.replace("px", "")), E = Number(z.height.replace("px", ""))) : { width: _, height: E } = g.getBoundingClientRect(), _ && E) d.value = {
+        if (z.width.endsWith("px") && z.height.endsWith("px") ? (w = Number(z.width.replace("px", "")), E = Number(z.height.replace("px", ""))) : { width: w, height: E } = g.getBoundingClientRect(), w && E) d.value = {
           ...d.value,
-          width: _,
+          width: w,
           height: E
         };
         else if ("ResizeObserver" in globalThis) {
@@ -11893,7 +11895,7 @@ var qd = ze((n) => {
         });
       }
     }
-    return (g, _) => (j(), Fe(ns(n.tag), {
+    return (g, w) => (j(), Fe(ns(n.tag), {
       class: De(["m-transform", [
         !o.ui && "m-transform--ui-hide",
         u.value && "m-transform--transforming",
@@ -11916,7 +11918,7 @@ var qd = ze((n) => {
           class: "m-transform__svg",
           style: Le({ color: n.color })
         }, [
-          _[1] || (_[1] = G("rect", {
+          w[1] || (w[1] = G("rect", {
             width: "100%",
             height: "100%",
             fill: "none",
@@ -11960,7 +11962,7 @@ var qd = ze((n) => {
             key: 0,
             transform: `matrix(1, 0, 0, 1, -32, ${d.value.height}) rotate(270 16 16)`,
             class: "m-transform__rotator"
-          }, [..._[0] || (_[0] = [G("path", { d: "M22.4789 9.45728L25.9935 12.9942L22.4789 16.5283V14.1032C18.126 14.1502 14.6071 17.6737 14.5675 22.0283H17.05L13.513 25.543L9.97889 22.0283H12.5674C12.6071 16.5691 17.0214 12.1503 22.4789 12.1031L22.4789 9.45728Z" }, null, -1)])], 8, Jh)) : we("", !0)]),
+          }, [...w[0] || (w[0] = [G("path", { d: "M22.4789 9.45728L25.9935 12.9942L22.4789 16.5283V14.1032C18.126 14.1502 14.6071 17.6737 14.5675 22.0283H17.05L13.513 25.543L9.97889 22.0283H12.5674C12.6071 16.5691 17.0214 12.1503 22.4789 12.1031L22.4789 9.45728Z" }, null, -1)])], 8, Jh)) : we("", !0)]),
           G("g", Qh, [(j(!0), K(_e, null, Ie(m.value, (E, z) => (j(), K("rect", {
             key: z,
             ref_for: !0,
@@ -11994,51 +11996,51 @@ var qd = ze((n) => {
   setup(n, { emit: e }) {
     const t = n, o = e, s = nt(n, "modelValue"), i = $n(s.value), r = X({
       get: () => {
-        const { left: _ = 0, top: E = 0, right: z = 0, bottom: k = 0 } = s.value;
+        const { left: w = 0, top: E = 0, right: z = 0, bottom: k = 0 } = s.value;
         return {
-          left: _,
+          left: w,
           top: E,
           right: z,
           bottom: k
         };
       },
-      set: (_) => s.value = _
+      set: (w) => s.value = w
     }), a = nt(n, "view"), l = $n(a.value), c = X(() => {
-      const { left: _, top: E, right: z, bottom: k } = r.value;
+      const { left: w, top: E, right: z, bottom: k } = r.value;
       return {
-        sx: 1 / (1 - _ - z),
+        sx: 1 / (1 - w - z),
         sy: 1 / (1 - E - k),
-        tx: -_,
+        tx: -w,
         ty: -E
       };
     }), d = he({
       width: 0,
       height: 0
     });
-    function u(_) {
-      const { width: E, height: z } = _[0].contentRect;
+    function u(w) {
+      const { width: E, height: z } = w[0].contentRect;
       d.value = {
         width: E,
         height: z
       };
     }
-    function h({ width: _, height: E }) {
+    function h({ width: w, height: E }) {
       const { sx: z, sy: k, tx: C, ty: P } = c.value, { scaleX: N = 1, scaleY: ee = 1 } = a.value;
       return {
-        width: z * _,
+        width: z * w,
         height: k * E,
-        left: C * N * (z * _),
+        left: C * N * (z * w),
         top: P * ee * (k * E)
       };
     }
     const m = X({
       get: () => h(d.value),
-      set: (_) => {
+      set: (w) => {
         const { width: E, height: z } = d.value, { scaleX: k = 1, scaleY: C = 1 } = a.value, P = {
-          sx: _.width / E,
-          sy: _.height / z,
-          tx: _.left / _.width / k,
-          ty: _.top / _.height / C
+          sx: w.width / E,
+          sy: w.height / z,
+          tx: w.left / w.width / k,
+          ty: w.top / w.height / C
         }, N = -P.tx, ee = -P.ty, U = 1 - 1 / P.sx, W = 1 - 1 / P.sy;
         r.value = {
           left: N,
@@ -12048,9 +12050,9 @@ var qd = ze((n) => {
         };
       }
     }), f = he({});
-    function w(_, E, z) {
+    function _(w, E, z) {
       for (const k of E) {
-        const C = hn(_, z + k, rf);
+        const C = hn(w, z + k, rf);
         if (C !== void 0) return {
           value: C - k,
           line: C
@@ -12058,12 +12060,12 @@ var qd = ze((n) => {
       }
       return {};
     }
-    function L(_) {
-      if (_.handle !== "move") {
+    function L(w) {
+      if (w.handle !== "move") {
         f.value = {};
         return;
       }
-      const { width: E, height: z } = d.value, k = _.value, C = w([
+      const { width: E, height: z } = d.value, k = w.value, C = _([
         0,
         E / 2,
         E
@@ -12071,7 +12073,7 @@ var qd = ze((n) => {
         0,
         k.width / 2,
         k.width
-      ], k.left), P = w([
+      ], k.left), P = _([
         0,
         z / 2,
         z
@@ -12093,19 +12095,19 @@ var qd = ze((n) => {
     function V() {
       f.value = {};
     }
-    const O = je(), A = Be(a, (_, E) => {
-      if (!O.isUndoRedoing?.value && !Tr(_, E)) {
-        const z = h(E), k = (_.left - E.left - z.left) / z.width, C = (_.top - E.top - z.top) / z.height;
+    const O = je(), A = Be(a, (w, E) => {
+      if (!O.isUndoRedoing?.value && !Tr(w, E)) {
+        const z = h(E), k = (w.left - E.left - z.left) / z.width, C = (w.top - E.top - z.top) / z.height;
         r.value = {
           left: k,
           top: C,
-          right: 1 - k - _.width / z.width,
-          bottom: 1 - C - _.height / z.height
+          right: 1 - k - w.width / z.width,
+          bottom: 1 - C - w.height / z.height
         };
       }
     });
-    function T(_) {
-      const { sx: E, sy: z } = c.value, { left: k, top: C, right: P, bottom: N } = r.value, ee = 1 - k - P, U = 1 - C - N, W = k + ee * 0.5, q = C + U * 0.5, H = _, Y = _ * (z / E), Q = 1 / H, I = 1 / Y, Z = W - Q * 0.5, oe = q - I * 0.5;
+    function T(w) {
+      const { sx: E, sy: z } = c.value, { left: k, top: C, right: P, bottom: N } = r.value, ee = 1 - k - P, U = 1 - C - N, W = k + ee * 0.5, q = C + U * 0.5, H = w, Y = w * (z / E), Q = 1 / H, I = 1 / Y, Z = W - Q * 0.5, oe = q - I * 0.5;
       r.value = {
         left: Z,
         top: oe,
@@ -12123,8 +12125,8 @@ var qd = ze((n) => {
     function p() {
       s.value = i, A.stop(), a.value = l, $();
     }
-    function v(_) {
-      const { left: E = 0, top: z = 0 } = a.value, { left: k, top: C, width: P, height: N } = h(a.value), ee = _ === 0 ? P / N : _[0] / _[1];
+    function v(w) {
+      const { left: E = 0, top: z = 0 } = a.value, { left: k, top: C, width: P, height: N } = h(a.value), ee = w === 0 ? P / N : w[0] / w[1];
       let U = P, W = P / ee;
       W > N && (W = N, U = N * ee);
       const q = E + k + (P - U) / 2, H = z + C + (N - W) / 2;
@@ -12139,12 +12141,12 @@ var qd = ze((n) => {
     const { state: y } = _r(X(() => ({ src: t.image }))), b = ot("canvasRef");
     Be([b, y], g), Be(r, g, { deep: !0 }), Be([() => a.value.scaleX, () => a.value.scaleY], g);
     function g() {
-      const _ = b.value?.getContext("2d");
-      if (!_ || !y.value) return;
+      const w = b.value?.getContext("2d");
+      if (!w || !y.value) return;
       const { scaleX: E = 1, scaleY: z = 1 } = a.value, { naturalWidth: k, naturalHeight: C } = y.value;
-      _.canvas.width = k, _.canvas.height = C, _.clearRect(0, 0, k, C), _.globalAlpha = 0.4, _.scale(E, z), _.drawImage(y.value, 0, 0, k, C);
+      w.canvas.width = k, w.canvas.height = C, w.clearRect(0, 0, k, C), w.globalAlpha = 0.4, w.scale(E, z), w.drawImage(y.value, 0, 0, k, C);
     }
-    return wt(() => o("start")), et(() => o("end")), (_, E) => vt((j(), K("div", sf, [
+    return wt(() => o("start")), et(() => o("end")), (w, E) => vt((j(), K("div", sf, [
       G("div", {
         class: "m-cropper__source",
         style: Le(F(Xr)(m.value))
@@ -12173,7 +12175,7 @@ var qd = ze((n) => {
         class: "m-cropper__guide m-cropper__guide--y",
         style: Le({ top: `${f.value.y}px` })
       }, null, 4)) : we("", !0),
-      Ne(_.$slots, "default", {
+      Ne(w.$slots, "default", {
         scale: M.value,
         setScale: T,
         ok: $,
@@ -12288,13 +12290,13 @@ var qd = ze((n) => {
         y: p.y * e.scale[1] + e.offset[1]
       };
     }
-    const w = X(() => f(u.value)), L = X(() => f(h.value));
+    const _ = X(() => f(u.value)), L = X(() => f(h.value));
     function V() {
-      const p = c(u.value), v = c(h.value), y = new It(s ? Lo(p, v, i) : `M ${p.x} ${p.y} L ${v.x} ${v.y}`).getBoundingBox(), b = y.left, g = y.top, _ = Math.max(1, y.width), E = Math.max(1, y.height), z = d({
-        x: b + _ / 2,
+      const p = c(u.value), v = c(h.value), y = new It(s ? Lo(p, v, i) : `M ${p.x} ${p.y} L ${v.x} ${v.y}`).getBoundingBox(), b = y.left, g = y.top, w = Math.max(1, y.width), E = Math.max(1, y.height), z = d({
+        x: b + w / 2,
         y: g + E / 2
       });
-      o.style.left = z.x - _ / 2, o.style.top = z.y - E / 2, o.style.width = _, o.style.height = E;
+      o.style.left = z.x - w / 2, o.style.top = z.y - E / 2, o.style.width = w, o.style.height = E;
       const k = {
         x: p.x - b,
         y: p.y - g
@@ -12345,23 +12347,23 @@ var qd = ze((n) => {
     }), et($), (p, v) => (j(), K("svg", df, [
       G("line", {
         class: "m-line-editor__hit",
-        x1: w.value.x,
-        y1: w.value.y,
+        x1: _.value.x,
+        y1: _.value.y,
         x2: L.value.x,
         y2: L.value.y,
         onPointerdown: v[0] || (v[0] = (y) => T(y, "body"))
       }, null, 40, hf),
       G("line", {
         class: "m-line-editor__line",
-        x1: w.value.x,
-        y1: w.value.y,
+        x1: _.value.x,
+        y1: _.value.y,
         x2: L.value.x,
         y2: L.value.y
       }, null, 8, ff),
       G("circle", {
         class: "m-line-editor__endpoint",
-        cx: w.value.x,
-        cy: w.value.y,
+        cx: _.value.x,
+        cy: _.value.y,
         r: "5",
         onPointerdown: v[1] || (v[1] = (y) => T(y, "p1"))
       }, null, 40, mf),
@@ -12425,7 +12427,7 @@ var qd = ze((n) => {
       };
     }
     const m = he([]);
-    let f = [], w = "";
+    let f = [], _ = "";
     const L = he(null);
     function V(I, Z, oe, te, ae, ue, pe, me, ve) {
       if (oe = Math.abs(oe), te = Math.abs(te), oe === 0 || te === 0) return [[
@@ -12622,7 +12624,7 @@ var qd = ze((n) => {
           }
         });
       }), I;
-    }), _ = X(() => {
+    }), w = X(() => {
       let I = "";
       for (const Z of m.value) for (const oe of Z) {
         const te = oe;
@@ -12683,7 +12685,7 @@ var qd = ze((n) => {
         x: le.x - Z,
         y: le.y - oe
       }))));
-      w = ve.join("|"), r.shape.paths = f.map((be, le) => ({
+      _ = ve.join("|"), r.shape.paths = f.map((be, le) => ({
         ...be,
         data: ve[le] ?? be.data
       }));
@@ -12890,13 +12892,13 @@ var qd = ze((n) => {
     return Be(i, (I) => {
       (I.length !== 1 || !I[0]?.equal(r)) && o("end");
     }), Be(() => r.shape.paths?.map((I) => I.data).join("|") ?? "", (I) => {
-      C || I === w || (L.value = null, A());
+      C || I === _ || (L.value = null, A());
     }), Ft(() => window.addEventListener("keydown", Q)), et(() => {
       window.removeEventListener("keydown", Q), U();
     }), (I, Z) => (j(), K("svg", gf, [
       G("path", {
         class: "m-path-editor__hit",
-        d: _.value,
+        d: w.value,
         onDblclick: W
       }, null, 40, xf),
       (j(!0), K(_e, null, Ie(g.value, (oe, te) => (j(), K("line", {
@@ -12934,7 +12936,7 @@ var qd = ze((n) => {
 }, Ef = ["d", "transform"], Tf = /* @__PURE__ */ Se({
   __name: "Selection",
   setup(n, { expose: e }) {
-    const { emit: t, isElement: o, exec: s, state: i, selection: r, selectionMarquee: a, elementSelection: l, selectionObb: c, selectionObbInDrawboard: d, camera: u, getObb: h, registerCommand: m, unregisterCommand: f, isLock: w, getConfigRef: L, hoverElement: V, isContentEditing: O, readonly: A } = je(), T = L("interaction.transform"), M = ot("transformTpl"), $ = X(() => {
+    const { emit: t, isElement: o, exec: s, state: i, selection: r, selectionMarquee: a, elementSelection: l, selectionObb: c, selectionObbInDrawboard: d, camera: u, getObb: h, registerCommand: m, unregisterCommand: f, isLock: _, getConfigRef: L, hoverElement: V, isContentEditing: O, readonly: A } = je(), T = L("interaction.transform"), M = ot("transformTpl"), $ = X(() => {
       const H = l.value, Y = { ...T.value };
       if (H.length === 1) {
         const Q = l.value[0];
@@ -13003,7 +13005,7 @@ var qd = ze((n) => {
       }
       return Y;
     });
-    function _(H) {
+    function w(H) {
       t("selectionTransformStarted", H);
     }
     function E(H) {
@@ -13012,10 +13014,10 @@ var qd = ze((n) => {
     function z(H) {
       (i.value === "moving" || i.value === "transforming") && (i.value = void 0), t("selectionTransformEnded", H);
     }
-    const k = X(() => s("getTransform")), C = X(() => l.value.length === 1 && !!l.value[0].connection?.isValid()), P = X(() => l.value.length === 1 && !!Fn(l.value[0])), N = X(() => i.value !== "typing" && !O() && !C.value && l.value.every((H) => !w(H) && H.meta.movable !== !1 && H.meta.transformable !== !1)), ee = X(() => i.value !== "typing" && !O() && !C.value && l.value.every((H) => !w(H) && H.meta.resizable !== !1 && H.meta.transformable !== !1)), U = X(() => i.value !== "typing" && !O() && !C.value && l.value.every((H) => !w(H) && H.meta.rotatable !== !1 && H.meta.transformable !== !1)), W = X(() => {
+    const k = X(() => s("getTransform")), C = X(() => l.value.length === 1 && !!l.value[0].connection?.isValid()), P = X(() => l.value.length === 1 && !!Fn(l.value[0])), N = X(() => i.value !== "typing" && !O() && !C.value && l.value.every((H) => !_(H) && H.meta.movable !== !1 && H.meta.transformable !== !1)), ee = X(() => i.value !== "typing" && !O() && !C.value && l.value.every((H) => !_(H) && H.meta.resizable !== !1 && H.meta.transformable !== !1)), U = X(() => i.value !== "typing" && !O() && !C.value && l.value.every((H) => !_(H) && H.meta.rotatable !== !1 && H.meta.transformable !== !1)), W = X(() => {
       if (i.value !== "typing" && !O() && !C.value && l.value.length === 1) {
         const H = l.value[0];
-        return V.value?.equal(H) && !w(H) && H.foreground.isValid();
+        return V.value?.equal(H) && !_(H) && H.foreground.isValid();
       }
       return !1;
     });
@@ -13093,7 +13095,7 @@ var qd = ze((n) => {
         tip: q,
         scale: [F(u).zoom.x, F(u).zoom.y],
         offset: [-F(u).position.x, -F(u).position.y],
-        onStart: _,
+        onStart: w,
         onMove: E,
         onEnd: z
       }), ts({ _: 2 }, [H.$slots.transform ? {
@@ -13150,7 +13152,7 @@ function If(n, e) {
   return !1;
 }
 var $f = ze((n) => {
-  const { isElement: e, selection: t, selectionMarquee: o, elementSelection: s, getObb: i, getAabb: r, root: a, findSibling: l, inEditorIs: c, isFrameNode: d, addElement: u, addElements: h, obbToFit: m, setVisible: f, isVisible: w, setLock: L, isLock: V, exec: O, globalToDrawboard: A } = n;
+  const { isElement: e, selection: t, selectionMarquee: o, elementSelection: s, getObb: i, getAabb: r, root: a, findSibling: l, inEditorIs: c, isFrameNode: d, addElement: u, addElements: h, obbToFit: m, setVisible: f, isVisible: _, setLock: L, isLock: V, exec: O, globalToDrawboard: A } = n;
   function T(g) {
     switch (g) {
       case "none":
@@ -13160,24 +13162,24 @@ var $f = ze((n) => {
         t.value = [...a.value.children];
         break;
       case "inverse": {
-        const _ = t.value;
-        t.value = a.value.children.filter((E) => !_.some((z) => z.equal(E)));
+        const w = t.value;
+        t.value = a.value.children.filter((E) => !w.some((z) => z.equal(E)));
         break;
       }
       case "children": {
-        const _ = t.value[0]?.children;
-        _?.length && (t.value = [..._]);
+        const w = t.value[0]?.children;
+        w?.length && (t.value = [...w]);
         break;
       }
       case "parent": {
-        const _ = t.value[0]?.parent;
-        e(_) && (t.value = [_]);
+        const w = t.value[0]?.parent;
+        e(w) && (t.value = [w]);
         break;
       }
       case "previousSibling":
       case "nextSibling": {
-        const _ = l(g === "previousSibling" ? "previous" : "next");
-        _ && (t.value = [_], O("zoomTo", "selection", {
+        const w = l(g === "previousSibling" ? "previous" : "next");
+        w && (t.value = [w], O("zoomTo", "selection", {
           intoView: !0,
           behavior: "smooth"
         }));
@@ -13189,22 +13191,22 @@ var $f = ze((n) => {
     }
   }
   function M(g) {
-    let _ = null;
-    if (Fn(g)) _ = ho(g);
+    let w = null;
+    if (Fn(g)) w = ho(g);
     else {
       const E = g.connection;
       if (E?.isValid?.()) {
         const z = E.route?.()?.getControlPointRefs?.();
-        z?.length && (_ = z.map((k) => ({
+        z?.length && (w = z.map((k) => ({
           x: k.x,
           y: k.y
         })));
       }
     }
-    return !_ || _.length < 2 ? null : _.map((E) => A(E));
+    return !w || w.length < 2 ? null : w.map((E) => A(E));
   }
   function $(g = o.value) {
-    const _ = new Qn(g), E = {
+    const w = new Qn(g), E = {
       left: g.left,
       top: g.top,
       right: g.left + g.width,
@@ -13214,14 +13216,14 @@ var $f = ze((n) => {
       return N || (N = i(P, "drawboard"), z.set(P, N)), N;
     }, C = (P) => {
       const N = M(P);
-      return N ? If(N, E) : k(P).overlap(_);
+      return N ? If(N, E) : k(P).overlap(w);
     };
-    t.value = a.value?.children.flatMap((P) => d(P, !0) && !_.contains(k(P)) ? P.children : [P]).filter((P) => "isVisibleInTree" in P && P.isVisibleInTree() && C(P) && !V(P) && !P.connection?.isValid?.() && !P.findAncestor((N) => V(N))) ?? [];
+    t.value = a.value?.children.flatMap((P) => d(P, !0) && !w.contains(k(P)) ? P.children : [P]).filter((P) => "isVisibleInTree" in P && P.isVisibleInTree() && C(P) && !V(P) && !P.connection?.isValid?.() && !P.findAncestor((N) => V(N))) ?? [];
   }
   function p(g) {
-    const _ = s.value;
-    if (!_.length) return;
-    const E = _[0], z = E.parent, k = r(_, "parent"), C = _.map((P) => {
+    const w = s.value;
+    if (!w.length) return;
+    const E = w[0], z = E.parent, k = r(w, "parent"), C = w.map((P) => {
       const N = P.toJSON();
       return N.style.left = P.style.left - k.left, N.style.top = P.style.top - k.top, N;
     });
@@ -13244,15 +13246,15 @@ var $f = ze((n) => {
         index: z ? E.getIndex() : void 0,
         active: !0,
         regenId: !0
-      }), _.forEach((P) => P.remove());
+      }), w.forEach((P) => P.remove());
     });
   }
   function v() {
     const g = s.value[0];
     if (!g || !g.children.length) return;
-    const _ = i(g, "parent"), E = g.children.map((z) => {
+    const w = i(g, "parent"), E = g.children.map((z) => {
       const k = i(z, "parent"), C = z.toJSON();
-      return C.style.left = k.left + _.left, C.style.top = k.top + _.top, C;
+      return C.style.left = k.left + w.left, C.style.top = k.top + w.top, C;
     });
     a.value.transact(() => {
       h(E, {
@@ -13264,31 +13266,31 @@ var $f = ze((n) => {
     });
   }
   function y(g) {
-    s.value.forEach((_) => {
+    s.value.forEach((w) => {
       switch (g) {
         case "show":
-          f(_, !0);
+          f(w, !0);
           break;
         case "hide":
-          f(_, !1);
+          f(w, !1);
           break;
         default:
-          f(_, !w(_));
+          f(w, !_(w));
           break;
       }
     });
   }
   function b(g) {
-    t.value.forEach((_) => {
+    t.value.forEach((w) => {
       switch (g) {
         case "lock":
-          L(_, !0);
+          L(w, !0);
           break;
         case "unlock":
-          L(_, !1);
+          L(w, !1);
           break;
         default:
-          L(_, !V(_));
+          L(w, !V(w));
           break;
       }
     });
@@ -13407,7 +13409,7 @@ var $f = ze((n) => {
       docCleared: () => T("none"),
       selectionTransformed: () => {
         s.value.forEach((g) => {
-          g.findAncestor((_) => (e(_) && !c(_, "Frame") && !Ln(_) && m(_), !1));
+          g.findAncestor((w) => (e(w) && !c(w, "Frame") && !Ln(w) && m(w), !1));
         });
       }
     },
@@ -13653,19 +13655,19 @@ var $f = ze((n) => {
         if (m.enabled === !1) continue;
         const f = t(m.command);
         if (!f) continue;
-        const w = c(m.command);
-        if (u && !w.toLowerCase().includes(u) && !f.toLowerCase().includes(u) && !m.command.toLowerCase().includes(u)) continue;
+        const _ = c(m.command);
+        if (u && !_.toLowerCase().includes(u) && !f.toLowerCase().includes(u) && !m.command.toLowerCase().includes(u)) continue;
         const L = a.find((V) => V.test(m.command))?.key ?? "shortcutsCatOther";
         h.has(L) || h.set(L, []), h.get(L).push({
           command: m.command,
-          label: w,
+          label: _,
           kbd: f
         });
       }
       return [...a.map((m) => m.key), "shortcutsCatOther"].filter((m) => h.has(m)).map((m) => ({
         key: m,
         title: o(m),
-        rows: h.get(m).sort((f, w) => f.label.localeCompare(w.label))
+        rows: h.get(m).sort((f, _) => f.label.localeCompare(_.label))
       }));
     });
     return (u, h) => (j(), Fe(Rf, {
@@ -13750,7 +13752,7 @@ var $f = ze((n) => {
     if (!h || !i(h, "Slice")) return;
     const m = h.globalAabb, f = r("json", {
       ...u,
-      selected: h.parent?.children.filter((w) => !w.equal(h)) ?? []
+      selected: h.parent?.children.filter((_) => !_.equal(h)) ?? []
     });
     return f.children.unshift({
       position: {
@@ -13763,8 +13765,8 @@ var $f = ze((n) => {
       fonts: a,
       width: m.width,
       height: m.height,
-      onBefore: (w) => {
-        w.root.append(new Jo({
+      onBefore: (_) => {
+        _.root.append(new Jo({
           ...l.value.getProperties(),
           internalMode: "back",
           effectMode: "before",
@@ -13797,8 +13799,8 @@ var $f = ze((n) => {
         });
         return h.style.width = 1, h.style.height = 1, {
           move: (m) => {
-            const f = Math.min(m.x, u.x), w = Math.min(m.y, u.y), L = Math.max(m.x, u.x), V = Math.max(m.y, u.y);
-            h.style.left = f, h.style.top = w, h.style.width = Math.max(1, L - f), h.style.height = Math.max(1, V - w);
+            const f = Math.min(m.x, u.x), _ = Math.min(m.y, u.y), L = Math.max(m.x, u.x), V = Math.max(m.y, u.y);
+            h.style.left = f, h.style.top = _, h.style.width = Math.max(1, L - f), h.style.height = Math.max(1, V - _);
           },
           end: () => {
             e(void 0);
@@ -14218,16 +14220,16 @@ var im = ze((n) => {
   function f(p) {
     if (!p) return;
     const v = {};
-    let y, b, g, _;
+    let y, b, g, w;
     if (e(p)) if (t(p))
-      v.id = p.id, { top: y, left: b, height: g, width: _ } = r(p);
+      v.id = p.id, { top: y, left: b, height: g, width: w } = r(p);
     else return;
     else
-      v.id = Math.random(), { top: y, left: b, height: g, width: _ } = p;
-    if (!(!_ || !g))
-      return v.vt = un(y, "vt", v), v.vm = un(y + g / 2, "vm", v), v.vb = un(y + g, "vb", v), v.hl = un(b, "hl", v), v.hm = un(b + _ / 2, "hm", v), v.hr = un(b + _, "hr", v), v;
+      v.id = Math.random(), { top: y, left: b, height: g, width: w } = p;
+    if (!(!w || !g))
+      return v.vt = un(y, "vt", v), v.vm = un(y + g / 2, "vm", v), v.vb = un(y + g, "vb", v), v.hl = un(b, "hl", v), v.hm = un(b + w / 2, "hm", v), v.hr = un(b + w, "hr", v), v;
   }
-  function w() {
+  function _() {
     const p = h.value;
     if (!e(p) || !o(p)) return;
     const v = f(p);
@@ -14238,11 +14240,11 @@ var im = ze((n) => {
   }
   function V(p, v) {
     const y = ["vt", "vb"].includes(v.type) ? "y" : "x", b = y === "y" ? "x" : "y", g = So(v);
-    let _ = Hs(v.type);
+    let w = Hs(v.type);
     if (m.value) {
       if (g) {
-        if (v.pos > m.value[_].pos) return [];
-      } else if (v.pos < m.value[_].pos) return [];
+        if (v.pos > m.value[w].pos) return [];
+      } else if (v.pos < m.value[w].pos) return [];
     }
     const E = [];
     let z;
@@ -14252,7 +14254,7 @@ var im = ze((n) => {
         if (v.pos < C.pos) return;
       } else if (v.pos > C.pos) return;
       const P = L(C);
-      _ !== C.type && !P || vn(v).overlap(vn(C), b) && (!P && z && z.box.id !== C.box.id && vn(z).overlap(vn(C), y) || (z = C, E.push(C), _ = Hs(_)));
+      w !== C.type && !P || vn(v).overlap(vn(C), b) && (!P && z && z.box.id !== C.box.id && vn(z).overlap(vn(C), y) || (z = C, E.push(C), w = Hs(w)));
     };
     return g ? p.outorderTraversal(k) : p.inorderTraversal(k), E;
   }
@@ -14260,7 +14262,7 @@ var im = ze((n) => {
     if (!p.length) return [];
     const y = So(v), b = p[0].pos;
     let g = Math.abs(v.pos - b);
-    const _ = [];
+    const w = [];
     p = [v].concat(p);
     for (let E = 0; E < p.length; E += 2) {
       const z = p[E], k = p[E + 1];
@@ -14270,25 +14272,25 @@ var im = ze((n) => {
         if (Math.abs(g - C) > u.value) break;
         g = C;
       } else if (Math.abs(g - C) > 1) break;
-      _.push({
+      w.push({
         target: k,
         source: z,
         type: "area",
         distance: C
       });
     }
-    return _.length < 2 ? [] : (_[0]._ctx = {
+    return w.length < 2 ? [] : (w[0]._ctx = {
       type: v.type,
       pos: y ? b + g : b - g
-    }, _);
+    }, w);
   }
   const A = he([]);
   function T(p = "move") {
     const v = [], y = p.startsWith("resize") ? p.split("-")[1] ?? "" : "", b = f(i.value);
     if (b) {
-      const g = new Set(s.value.map((P) => P.instanceId)), _ = h.value.children.filter((P) => !g.has(P.instanceId) && t(P) && !P.connection?.isValid() && c.value.overlap(P.globalAabb)).map((P) => f(P)).filter(Boolean), E = w();
-      E && _.push(E);
-      const { vLines: z, hLines: k } = _.reduce((P, N) => ([
+      const g = new Set(s.value.map((P) => P.instanceId)), w = h.value.children.filter((P) => !g.has(P.instanceId) && t(P) && !P.connection?.isValid() && c.value.overlap(P.globalAabb)).map((P) => f(P)).filter(Boolean), E = _();
+      E && w.push(E);
+      const { vLines: z, hLines: k } = w.reduce((P, N) => ([
         N.vt,
         N.vm,
         N.vb
@@ -14380,7 +14382,7 @@ var im = ze((n) => {
         }
       }), !y) {
         const P = (U) => U === "vt" || U === "vm" || U === "vb", N = v.some((U) => P(U.target.type)), ee = v.some((U) => !P(U.target.type));
-        for (const U of sm(b, _)) (P(U.target.type) ? !N : !ee) && v.push(U);
+        for (const U of sm(b, w)) (P(U.target.type) ? !N : !ee) && v.push(U);
       }
     }
     A.value = v;
@@ -14388,25 +14390,25 @@ var im = ze((n) => {
   const M = X(() => {
     const { zoom: p, position: v } = l.value, y = (g) => g * p.x, b = (g) => g * p.y;
     return A.value.flatMap((g) => {
-      const { target: _, source: E, type: z } = g, k = E.box, C = _.box, P = [
+      const { target: w, source: E, type: z } = g, k = E.box, C = w.box, P = [
         "vt",
         "vm",
         "vb"
-      ].includes(_.type), N = {}, ee = [];
+      ].includes(w.type), N = {}, ee = [];
       switch (z) {
         case "alignment":
           if (N.class = ["alignment"], P) {
             const U = Math.min(k.hl.pos, C.hl.pos), W = Math.max(k.hr.pos, C.hr.pos);
             N.style = {
               left: y(U) - v.left,
-              top: b(_.pos) - v.top,
+              top: b(w.pos) - v.top,
               width: y(W - U),
               height: 1
             };
           } else {
             const U = Math.min(C.vt.pos, k.vt.pos), W = Math.max(C.vb.pos, k.vb.pos);
             N.style = {
-              left: y(_.pos) - v.left,
+              left: y(w.pos) - v.left,
               top: b(U) - v.top,
               width: 1,
               height: b(W - U)
@@ -14415,9 +14417,9 @@ var im = ze((n) => {
           break;
         case "area": {
           N.class = ["area"], P && N.class.push("area--vertical");
-          const U = L(_) || L(E);
+          const U = L(w) || L(E);
           if (P) {
-            const W = Math.min(E.pos, _.pos), q = U ? Math.max(k.hl.pos, C.hl.pos) : Math.min(k.hl.pos, C.hl.pos), H = U ? Math.min(k.hr.pos, C.hr.pos) : Math.max(k.hr.pos, C.hr.pos);
+            const W = Math.min(E.pos, w.pos), q = U ? Math.max(k.hl.pos, C.hl.pos) : Math.min(k.hl.pos, C.hl.pos), H = U ? Math.min(k.hr.pos, C.hr.pos) : Math.max(k.hr.pos, C.hr.pos);
             N.style = {
               left: y(q) - v.left,
               top: b(W) - v.top,
@@ -14425,7 +14427,7 @@ var im = ze((n) => {
               height: b(g.distance)
             };
           } else {
-            const W = Math.min(E.pos, _.pos), q = U ? Math.max(C.vt.pos, k.vt.pos) : Math.min(C.vt.pos, k.vt.pos), H = U ? Math.min(C.vb.pos, k.vb.pos) : Math.max(C.vb.pos, k.vb.pos);
+            const W = Math.min(E.pos, w.pos), q = U ? Math.max(C.vt.pos, k.vt.pos) : Math.min(C.vt.pos, k.vt.pos), H = U ? Math.min(C.vb.pos, k.vb.pos) : Math.max(C.vb.pos, k.vb.pos);
             N.style = {
               left: y(W) - v.left,
               top: b(q) - v.top,
@@ -14439,7 +14441,7 @@ var im = ze((n) => {
         case "distance":
           if (N.class = ["distance"], P) {
             N.class.push("distance--vertical");
-            const U = Math.min(E.pos, _.pos);
+            const U = Math.min(E.pos, w.pos);
             N.style = {
               left: y(k.hm.pos) - v.left,
               top: b(U) - v.top,
@@ -14451,14 +14453,14 @@ var im = ze((n) => {
               class: ["dashed"],
               style: {
                 left: y(W) - v.left,
-                top: b(_.pos) - v.top,
+                top: b(w.pos) - v.top,
                 width: y(q - W),
                 height: 1
               }
             });
           } else {
             N.style = {
-              left: y(Math.min(E.pos, _.pos)) - v.left,
+              left: y(Math.min(E.pos, w.pos)) - v.left,
               top: b(k.vm.pos) - v.top,
               width: y(g.distance),
               height: 1
@@ -14467,7 +14469,7 @@ var im = ze((n) => {
             ee.push({
               class: ["dashed", "dashed--vertical"],
               style: {
-                left: y(_.pos) - v.left,
+                left: y(w.pos) - v.left,
                 top: b(U) - v.top,
                 width: 1,
                 height: b(W - U)
@@ -14483,9 +14485,9 @@ var im = ze((n) => {
   function $() {
     const p = [], v = [];
     for (const y of A.value) {
-      const { target: b, type: g } = y, _ = b.box;
+      const { target: b, type: g } = y, w = b.box;
       if (g === "alignment") {
-        const E = _[b.type].pos;
+        const E = w[b.type].pos;
         [
           "vt",
           "vm",
@@ -14543,9 +14545,9 @@ var im = ze((n) => {
       let v = "vertical", y, b = [];
       if (p.length > 1) {
         let g;
-        const _ = [...p].sort((E, z) => E.globalAabb.y - z.globalAabb.y);
-        for (let E = 0; E < _.length; E++) {
-          const z = _[E];
+        const w = [...p].sort((E, z) => E.globalAabb.y - z.globalAabb.y);
+        for (let E = 0; E < w.length; E++) {
+          const z = w[E];
           if (g) {
             if (!z.globalAabb.overlap(g.globalAabb, "x")) {
               y = void 0;
@@ -14561,7 +14563,7 @@ var im = ze((n) => {
           g = z;
         }
         if (y !== void 0)
-          b = _, v = "vertical";
+          b = w, v = "vertical";
         else {
           g = void 0;
           const E = [...p].sort((z, k) => z.globalAabb.x - k.globalAabb.x);
@@ -14597,14 +14599,14 @@ var im = ze((n) => {
       height: p.style.height,
       rotate: p.style.rotate
     })), f), Be(() => o.value.map((p) => p.instanceId), () => e.value = void 0);
-    const w = X(() => o.value.map((p) => ({
+    const _ = X(() => o.value.map((p) => ({
       el: p,
       style: s(p, "drawboard").toCssStyle()
     }))), L = X(() => {
       const p = [];
       if (!u.value) return p;
-      const { direction: v, spacing: y = 0, items: b } = u.value, { zoom: g, position: _ } = r.value, E = (z) => {
-        z.x *= g.x, z.y *= g.y, z.x -= _.x, z.y -= _.y;
+      const { direction: v, spacing: y = 0, items: b } = u.value, { zoom: g, position: w } = r.value, E = (z) => {
+        z.x *= g.x, z.y *= g.y, z.x -= w.x, z.y -= w.y;
       };
       for (let z = 0; z < b.length; z++) {
         const k = b[z], C = b[z + 1];
@@ -14658,13 +14660,13 @@ var im = ze((n) => {
         };
       },
       onMove: (p) => {
-        const v = e.value, { value: y, data: b } = p, { sx: g, sy: _ } = b, E = {
+        const v = e.value, { value: y, data: b } = p, { sx: g, sy: w } = b, E = {
           x: y.left + y.width / 2,
           y: y.top + y.height / 2
         }, z = v.getParent()?.globalAabb;
         z && (E.x -= z.left, E.y -= z.top);
         const k = {};
-        k.width = y.width * g, k.height = y.height * _, k.left = E.x - k.width / 2, k.top = E.y - k.height / 2;
+        k.width = y.width * g, k.height = y.height * w, k.left = E.x - k.width / 2, k.top = E.y - k.height / 2;
         const { left: C, top: P, right: N, bottom: ee } = v.globalAabb;
         a(v, k.width, k.height, l(v, "Frame") ? void 0 : v.shape.isValid() ? { deep: !0 } : {
           deep: !0,
@@ -14699,14 +14701,14 @@ var im = ze((n) => {
       const b = u.value;
       if (!b) return;
       const { direction: g } = b;
-      let _ = [], E = Number.MIN_SAFE_INTEGER, z = Number.MAX_SAFE_INTEGER, k, C;
+      let w = [], E = Number.MIN_SAFE_INTEGER, z = Number.MAX_SAFE_INTEGER, k, C;
       function P() {
         const N = A.value;
         if (!N) return;
         const ee = g === "horizontal" ? "left" : "top";
-        _ = [...o.value].sort((W, q) => W.equal(y) ? N[ee] - q.globalAabb[ee] : q.equal(y) ? W.globalAabb[ee] - N[ee] : W.globalAabb[ee] - q.globalAabb[ee]);
-        const U = _.findIndex((W) => W.equal(y));
-        k = _[U - 1], C = _[U + 1], g === "horizontal" ? (k && (E = k.globalAabb.left + N.width), C && (z = C.globalAabb.right - N.width)) : (k && (E = k.globalAabb.top + N.height), C && (z = C.globalAabb.bottom - N.height));
+        w = [...o.value].sort((W, q) => W.equal(y) ? N[ee] - q.globalAabb[ee] : q.equal(y) ? W.globalAabb[ee] - N[ee] : W.globalAabb[ee] - q.globalAabb[ee]);
+        const U = w.findIndex((W) => W.equal(y));
+        k = w[U - 1], C = w[U + 1], g === "horizontal" ? (k && (E = k.globalAabb.left + N.width), C && (z = C.globalAabb.right - N.width)) : (k && (E = k.globalAabb.top + N.height), C && (z = C.globalAabb.bottom - N.height));
       }
       Gt(p, {
         threshold: 3,
@@ -14775,10 +14777,10 @@ var im = ze((n) => {
         start: () => {
           i.value = "moving", m.value = "spacing";
         },
-        move: ({ movePoint: g, lastPoint: _ }) => {
+        move: ({ movePoint: g, lastPoint: w }) => {
           const E = {
-            x: g.x - _.x,
-            y: g.y - _.y
+            x: g.x - w.x,
+            y: g.y - w.y
           }, { zoom: z } = r.value;
           switch (E.x /= z.x, E.y /= z.y, y) {
             case "horizontal":
@@ -14806,7 +14808,7 @@ var im = ze((n) => {
         [`m-smart-selection--${m.value}`]: m.value !== void 0
       }])
     }, [
-      F(i) !== "moving" ? (j(), K(_e, { key: 0 }, [(j(!0), K(_e, null, Ie(w.value, (y, b) => (j(), K("div", {
+      F(i) !== "moving" ? (j(), K(_e, { key: 0 }, [(j(!0), K(_e, null, Ie(_.value, (y, b) => (j(), K("div", {
         key: b,
         class: De(["m-smart-selection__node", { "m-smart-selection__node--active": y.el.equal(e.value) }]),
         style: Le(y.style)
@@ -15019,16 +15021,16 @@ var im = ze((n) => {
       return Math.round(m * 100) / 100;
     }
     function u(m, f) {
-      const w = Number(f);
-      if (!Number.isFinite(w)) return;
+      const _ = Number(f);
+      if (!Number.isFinite(_)) return;
       const L = [...t.modelValue];
-      L[m] = m === 0 || m === 2 ? Et(d(w), 0, 1) : d(w), o("update:modelValue", L);
+      L[m] = m === 0 || m === 2 ? Et(d(_), 0, 1) : d(_), o("update:modelValue", L);
     }
     function h(m, f) {
       m.preventDefault(), m.stopPropagation(), a.value = f;
-      const w = r.value.getBoundingClientRect();
+      const _ = r.value.getBoundingClientRect();
       function L(O) {
-        const A = Et((O.clientX - w.left - Xs) / Co, 0, 1), T = Et(1 - (O.clientY - w.top - Ys) / Eo, -0.5, 1.5), [M, $, p, v] = t.modelValue;
+        const A = Et((O.clientX - _.left - Xs) / Co, 0, 1), T = Et(1 - (O.clientY - _.top - Ys) / Eo, -0.5, 1.5), [M, $, p, v] = t.modelValue;
         o("update:modelValue", f === 1 ? [
           d(A),
           d(T),
@@ -15102,26 +15104,26 @@ var im = ze((n) => {
         cx: l(n.modelValue[0]),
         cy: c(n.modelValue[1]),
         r: "5",
-        onMousedown: f[0] || (f[0] = (w) => h(w, 1))
+        onMousedown: f[0] || (f[0] = (_) => h(_, 1))
       }, null, 42, Jm),
       G("circle", {
         class: De(["m-ease__handle", { "m-ease__handle--active": a.value === 2 }]),
         cx: l(n.modelValue[2]),
         cy: c(n.modelValue[3]),
         r: "5",
-        onMousedown: f[1] || (f[1] = (w) => h(w, 2))
+        onMousedown: f[1] || (f[1] = (_) => h(_, 2))
       }, null, 42, Qm)
     ], 8, Um)), G("div", ep, [(j(), K(_e, null, Ie([
       "x1",
       "y1",
       "x2",
       "y2"
-    ], (w, L) => G("input", {
-      key: w,
+    ], (_, L) => G("input", {
+      key: _,
       class: "m-ease__field",
       type: "number",
       step: "0.01",
-      title: w,
+      title: _,
       value: n.modelValue[L],
       onChange: (V) => u(L, V.target.value)
     }, null, 40, tp)), 64))])]));
@@ -15189,7 +15191,7 @@ var im = ze((n) => {
       ...i.map((Y) => Y.key),
       "transform",
       "transformOrigin"
-    ]), l = X(() => e.value), c = X(() => l.value?.anim), d = X(() => l.value?.offset ?? 0), u = X(() => c.value?.keyframes ?? []), h = X(() => u.value.find((Y) => Y.offset === d.value)), m = he(0), f = X(() => (m.value, o("getEasings"))), w = X(() => li(h.value?.easing ?? "linear", f.value)), L = X(() => {
+    ]), l = X(() => e.value), c = X(() => l.value?.anim), d = X(() => l.value?.offset ?? 0), u = X(() => c.value?.keyframes ?? []), h = X(() => u.value.find((Y) => Y.offset === d.value)), m = he(0), f = X(() => (m.value, o("getEasings"))), _ = X(() => li(h.value?.easing ?? "linear", f.value)), L = X(() => {
       const Y = h.value?.easing ?? "linear";
       return Y in jt || Y in f.value ? Y : "custom";
     }), V = X(() => {
@@ -15208,12 +15210,12 @@ var im = ze((n) => {
     }
     function p() {
       const Y = M.value.trim();
-      T.value = !1, Y && (o("registerEasing", Y, `cubic-bezier(${w.value.join(",")})`), m.value++, W(Y));
+      T.value = !1, Y && (o("registerEasing", Y, `cubic-bezier(${_.value.join(",")})`), m.value++, W(Y));
     }
     const v = X(() => {
       const Y = h.value;
       return Y ? Object.keys(Y).filter((Q) => !r.has(Q) && !a.has(Q)) : [];
-    }), y = X(() => typeof h.value?.transform == "string" ? h.value.transform : void 0), b = X(() => y.value != null), g = X(() => y.value ? Kl(y.value) : []), _ = X(() => Ql(g.value)), E = X(() => typeof h.value?.transformOrigin == "string" ? h.value.transformOrigin : ""), z = X(() => b.value ? i.filter((Y) => Y.key === "opacity") : i), k = X({
+    }), y = X(() => typeof h.value?.transform == "string" ? h.value.transform : void 0), b = X(() => y.value != null), g = X(() => y.value ? Kl(y.value) : []), w = X(() => Ql(g.value)), E = X(() => typeof h.value?.transformOrigin == "string" ? h.value.transformOrigin : ""), z = X(() => b.value ? i.filter((Y) => Y.key === "opacity") : i), k = X({
       get: () => !!(l.value && h.value),
       set: (Y) => {
         Y || (e.value = null);
@@ -15301,7 +15303,7 @@ var im = ze((n) => {
           }, [Me(F(qe), { icon: "$close" })], 8, hp)
         ]),
         Me(op, {
-          "model-value": w.value,
+          "model-value": _.value,
           "onUpdate:modelValue": A
         }, null, 8, ["model-value"]),
         G("div", fp, [
@@ -15315,7 +15317,7 @@ var im = ze((n) => {
             value: C(h.value[I.key] ?? I.def, I.fixed),
             onChange: (Z) => N(I.key, H(Z))
           }, null, 40, mp)]))), 128)),
-          (j(!0), K(_e, null, Ie(_.value, (I, Z) => (j(), K("label", {
+          (j(!0), K(_e, null, Ie(w.value, (I, Z) => (j(), K("label", {
             key: `t${Z}`,
             class: "m-kfpop__field"
           }, [
@@ -15446,7 +15448,7 @@ var im = ze((n) => {
     const m = X(() => {
       const { duration: v = 0, delay: y = 0 } = e.node;
       let b = 0;
-      for (const _ of u.value) b = Math.max(b, _.delay + _.duration);
+      for (const w of u.value) b = Math.max(b, w.delay + w.duration);
       const g = b || v || e.endTime - y;
       return {
         transform: `translateX(${y / e.msPerPx}px)`,
@@ -15461,14 +15463,14 @@ var im = ze((n) => {
       ];
       return t.value.findAll((b) => (b === v || b instanceof Ut && (y.push(b.delay), y.push(b.delay + b.duration)), !1)), y;
     }
-    function w(v, y, b) {
-      let g = v, _ = y;
+    function _(v, y, b) {
+      let g = v, w = y;
       const E = f(b);
       for (const z of E) {
         const k = Math.abs(z - v);
-        k < _ && (_ = k, g = z);
+        k < w && (w = k, g = z);
       }
-      if (_ === y) {
+      if (w === y) {
         const z = 1e3 / s.value, k = Math.round(v / z) * z;
         Math.abs(k - v) < y && (g = k);
       }
@@ -15481,17 +15483,17 @@ var im = ze((n) => {
     }
     function V(v, y, b) {
       v.stopPropagation(), r.value = [e.node];
-      const g = L(v, b), _ = v.clientX, E = y.delay, z = b ? y.duration || e.endTime - E : 0, k = 1e3 / s.value, C = 8 * e.msPerPx;
+      const g = L(v, b), w = v.clientX, E = y.delay, z = b ? y.duration || e.endTime - E : 0, k = 1e3 / s.value, C = 8 * e.msPerPx;
       function P(ee) {
-        const U = (ee.clientX - _) * e.msPerPx;
+        const U = (ee.clientX - w) * e.msPerPx;
         if (g === "move") {
-          const W = w(E + U, C, y);
+          const W = _(E + U, C, y);
           y.delay = Math.max(0, W);
         } else if (g === "resize-left") {
-          const W = E + z - k, q = w(E + U, C, y), H = Math.max(0, Math.min(W, q));
+          const W = E + z - k, q = _(E + U, C, y), H = Math.max(0, Math.min(W, q));
           y.delay = H, y.duration = z - (H - E);
         } else if (g === "resize-right") {
-          const W = w(E + z + U, C, y);
+          const W = _(E + z + U, C, y);
           y.duration = Math.max(k, W - E);
         }
       }
@@ -15511,9 +15513,9 @@ var im = ze((n) => {
       const g = y.anim;
       if (!g) return;
       r.value = [e.node];
-      const _ = A(y), E = _[b];
+      const w = A(y), E = w[b];
       if (!E) return;
-      const z = v.currentTarget, k = g.duration || e.endTime - g.delay || 1, C = v.clientX, P = E.offset, N = 1e-3, ee = b > 0 ? _[b - 1].offset + N : 0, U = b < _.length - 1 ? _[b + 1].offset - N : 1, W = 1e3 / s.value;
+      const z = v.currentTarget, k = g.duration || e.endTime - g.delay || 1, C = v.clientX, P = E.offset, N = 1e-3, ee = b > 0 ? w[b - 1].offset + N : 0, U = b < w.length - 1 ? w[b + 1].offset - N : 1, W = 1e3 / s.value;
       let q = !1;
       function H(Q) {
         Math.abs(Q.clientX - C) > 2 && (q = !0);
@@ -15543,8 +15545,8 @@ var im = ze((n) => {
     function M(v) {
       const y = v.style, b = {};
       for (const g of Object.keys(c)) {
-        const _ = y?.[g];
-        b[g] = typeof _ == "number" ? _ : c[g];
+        const w = y?.[g];
+        b[g] = typeof w == "number" ? w : c[g];
       }
       return b;
     }
@@ -15552,7 +15554,7 @@ var im = ze((n) => {
       if (y.kind !== "animation" || !y.anim || v.target !== v.currentTarget) return;
       const b = y.anim, g = e.node;
       if (!(g instanceof en)) return;
-      const _ = v.currentTarget.getBoundingClientRect(), E = b.duration || e.endTime - b.delay || 1, z = 1e3 / s.value, k = b.delay + Et((v.clientX - _.left) / _.width, 0, 1) * E, C = Et((Math.round(k / z) * z - b.delay) / E, 0, 1);
+      const w = v.currentTarget.getBoundingClientRect(), E = b.duration || e.endTime - b.delay || 1, z = 1e3 / s.value, k = b.delay + Et((v.clientX - w.left) / w.width, 0, 1) * E, C = Et((Math.round(k / z) * z - b.delay) / E, 0, 1);
       r.value = [g], t.value?.transact(() => {
         b.keyframes = Pn(A(y), {
           offset: C,
@@ -15563,7 +15565,7 @@ var im = ze((n) => {
         offset: C,
         target: {
           x: v.clientX,
-          y: _.top
+          y: w.top
         }
       };
     }
@@ -15586,13 +15588,13 @@ var im = ze((n) => {
         title: b.kind === "animation" ? b.label : void 0,
         onMousedown: (g) => O(g, b),
         onDblclick: (g) => $(g, b)
-      }, [b.kind === "animation" && b.label && b.category !== "emphasis" ? (j(), K("span", Cp, ye(b.label), 1)) : we("", !0), (j(!0), K(_e, null, Ie(b.kind === "animation" ? A(b) : [], (g, _) => (j(), K("button", {
-        key: _,
+      }, [b.kind === "animation" && b.label && b.category !== "emphasis" ? (j(), K("span", Cp, ye(b.label), 1)) : we("", !0), (j(!0), K(_e, null, Ie(b.kind === "animation" ? A(b) : [], (g, w) => (j(), K("button", {
+        key: w,
         type: "button",
         class: "m-segment__kf",
         style: Le({ left: `${g.offset * 100}%` }),
         title: `${Math.round(g.offset * 100)}%`,
-        onMousedown: (E) => T(E, b, _)
+        onMousedown: (E) => T(E, b, w)
       }, null, 44, Ep))), 128))], 46, Sp))), 128)),
       n.active ? (j(), K("div", Tp)) : we("", !0),
       G("span", Ap, ye(F(d)), 1),
@@ -15608,7 +15610,7 @@ var im = ze((n) => {
   __name: "Trackhead",
   props: { node: {} },
   setup(n) {
-    const e = n, t = je(), { selection: o, hoverElement: s, isElement: i, exec: r, t: a, animationPresets: l } = t, c = he(!1), d = qi(t, (y) => r("applyAnimationPreset", y.id, e.node)), { thumbnailIcon: u, thumbnailName: h } = us(X(() => e.node), t), m = X(() => o.value.some((y) => y.equal(e.node))), f = he(!1), w = he(!1), L = he(""), V = ot("inputDom"), O = X(() => f.value);
+    const e = n, t = je(), { selection: o, hoverElement: s, isElement: i, exec: r, t: a, animationPresets: l } = t, c = he(!1), d = qi(t, (y) => r("applyAnimationPreset", y.id, e.node)), { thumbnailIcon: u, thumbnailName: h } = us(X(() => e.node), t), m = X(() => o.value.some((y) => y.equal(e.node))), f = he(!1), _ = he(!1), L = he(""), V = ot("inputDom"), O = X(() => f.value);
     function A(y) {
       if (y.button === 0) {
         if (y.shiftKey) {
@@ -15618,19 +15620,19 @@ var im = ze((n) => {
         Gt(y, {
           threshold: 10,
           move: ({ event: b }) => {
-            const g = b.composedPath().find((_) => _ instanceof HTMLElement && _.classList.contains("m-trackhead"));
-            document.querySelectorAll(".m-trackhead--dropping").forEach((_) => _.classList.remove("m-trackhead--dropping")), g && g.dataset.id !== e.node.id && g.classList.add("m-trackhead--dropping");
+            const g = b.composedPath().find((w) => w instanceof HTMLElement && w.classList.contains("m-trackhead"));
+            document.querySelectorAll(".m-trackhead--dropping").forEach((w) => w.classList.remove("m-trackhead--dropping")), g && g.dataset.id !== e.node.id && g.classList.add("m-trackhead--dropping");
           },
           end: ({ event: b }) => {
             document.querySelectorAll(".m-trackhead--dropping").forEach((k) => k.classList.remove("m-trackhead--dropping"));
             const g = b.composedPath().find((k) => k instanceof HTMLElement && k.classList.contains("m-trackhead"))?.dataset.id;
             if (!g || g === e.node.id) return;
-            const _ = e.node.parent;
-            if (!_) return;
-            const E = _.children.find((k) => k.id === g);
+            const w = e.node.parent;
+            if (!w) return;
+            const E = w.children.find((k) => k.id === g);
             if (!E) return;
             let z = E.getIndex() + 1;
-            E.getIndex() > e.node.getIndex() && z--, _.moveChild(e.node, z);
+            E.getIndex() > e.node.getIndex() && z--, w.moveChild(e.node, z);
           }
         });
       }
@@ -15642,15 +15644,15 @@ var im = ze((n) => {
       s.value = void 0, f.value = !1;
     }
     function $(y) {
-      y.stopPropagation(), w.value = !0, L.value = h.value, Ot().then(() => {
+      y.stopPropagation(), _.value = !0, L.value = h.value, Ot().then(() => {
         V.value?.focus({ preventScroll: !0 }), V.value?.select();
       });
     }
     function p() {
-      w.value = !1, L.value && L.value !== h.value && (e.node.name = L.value);
+      _.value = !1, L.value && L.value !== h.value && (e.node.name = L.value);
     }
     function v(y) {
-      y.key === "Enter" ? V.value?.blur() : y.key === "Escape" && (w.value = !1);
+      y.key === "Enter" ? V.value?.blur() : y.key === "Escape" && (_.value = !1);
     }
     return (y, b) => (j(), K("div", {
       class: De(["m-trackhead", [m.value && "m-trackhead--selected"]]),
@@ -15663,7 +15665,7 @@ var im = ze((n) => {
       G("div", {
         class: "m-trackhead__name",
         onDblclick: $
-      }, [w.value ? vt((j(), K("input", {
+      }, [_.value ? vt((j(), K("input", {
         key: 0,
         ref_key: "inputDom",
         ref: V,
@@ -15700,7 +15702,7 @@ var im = ze((n) => {
 }), Bp = Dp, qp = { class: "m-timeline__toolbar" }, jp = { class: "m-timeline__time" }, Up = { class: "m-timeline__time--muted" }, Hp = { class: "m-timeline__controls" }, Xp = ["title"], Yp = ["title"], Gp = ["title"], Wp = ["title"], Kp = ["title"], Zp = ["title"], Jp = ["value"], Qp = ["title"], ev = ["value"], tv = ["title"], nv = ["title"], ov = { class: "m-timeline__main" }, sv = { class: "m-timeline__left-wrapper" }, iv = { class: "m-timeline__right-wrapper" }, rv = { class: "m-timeline__ruler" }, av = { class: "m-timeline__track" }, lv = /* @__PURE__ */ Se({
   __name: "Timeline",
   setup(n) {
-    const e = je(), { isElement: t, root: o, msPerPx: s, currentTime: i, endTime: r, selection: a, paused: l, fps: c, playbackRate: d, loopMode: u, exec: h, t: m, assets: f, animationPresets: w } = e, L = [
+    const e = je(), { isElement: t, root: o, msPerPx: s, currentTime: i, endTime: r, selection: a, paused: l, fps: c, playbackRate: d, loopMode: u, exec: h, t: m, assets: f, animationPresets: _ } = e, L = [
       0.25,
       0.5,
       1,
@@ -15728,7 +15730,7 @@ var im = ze((n) => {
     function v(U) {
       return U.children.some((W) => W instanceof Ut) ? !0 : !!(U.background?.animatedTexture || U.foreground?.animatedTexture || U.fill?.animatedTexture || U.outline?.animatedTexture);
     }
-    const y = X(() => (r.value, M.value, o.value.findAll((U) => !!(U instanceof In || t(U) && v(U))).reverse())), b = X(() => a.value.filter((U) => t(U) && !v(U))), g = he(!1), _ = qi(e, (U) => {
+    const y = X(() => (r.value, M.value, o.value.findAll((U) => !!(U instanceof In || t(U) && v(U))).reverse())), b = X(() => a.value.filter((U) => t(U) && !v(U))), g = he(!1), w = qi(e, (U) => {
       for (const W of b.value) h("applyAnimationPreset", U.id, W);
       $();
     });
@@ -15832,11 +15834,11 @@ var im = ze((n) => {
           key: q,
           value: q
         }, ye(F(m)(O[q])), 9, ev)), 64))], 8, Qp), [[fs, F(u)]]),
-        b.value.length && F(w).length ? (j(), Fe(vo, {
+        b.value.length && F(_).length ? (j(), Fe(vo, {
           key: 0,
           modelValue: g.value,
           "onUpdate:modelValue": W[7] || (W[7] = (q) => g.value = q),
-          items: F(_),
+          items: F(w),
           location: "bottom-start",
           offset: 4
         }, {
@@ -15931,7 +15933,7 @@ var im = ze((n) => {
     const V = t.value;
     V.currentTime = V.endTime;
   }
-  function w() {
+  function _() {
     const V = t.value, O = 1e3 / i.value, A = Number.isFinite(V.currentTime) ? V.currentTime : V.startTime;
     V.currentTime = Math.max(V.startTime, A - O);
   }
@@ -15976,7 +15978,7 @@ var im = ze((n) => {
       },
       {
         command: "stepBackward",
-        handle: w
+        handle: _
       },
       {
         command: "stepForward",
@@ -16027,10 +16029,10 @@ var im = ze((n) => {
           rate: r.value,
           loopMode: a.value
         });
-        function _(E) {
-          p !== void 0 && E !== void 0 && t.value.advance(E - p), p = E, $ = requestAnimationFrame(_);
+        function w(E) {
+          p !== void 0 && E !== void 0 && t.value.advance(E - p), p = E, $ = requestAnimationFrame(w);
         }
-        _();
+        w();
       }
       function y() {
         $ !== void 0 && (cancelAnimationFrame($), $ = void 0), p = void 0, t.value.pause();
@@ -16117,7 +16119,7 @@ var im = ze((n) => {
       top: "bottom",
       left: "right",
       right: "left"
-    })[m.value]), w = X(() => ({
+    })[m.value]), _ = X(() => ({
       bottom: "top-start",
       top: "bottom-start",
       left: "right-start",
@@ -16208,8 +16210,8 @@ var im = ze((n) => {
         key: 0,
         class: De(["m-toolbelt__options", `m-toolbelt__options--${m.value}`])
       }, null, 8, ["class"])) : we("", !0),
-      (j(!0), K(_e, null, Ie(p.value, (g, _) => (j(), K("div", {
-        key: _,
+      (j(!0), K(_e, null, Ie(p.value, (g, w) => (j(), K("div", {
+        key: w,
         class: "m-toolbelt__group"
       }, [g.children?.length ? (j(), Fe(vo, {
         key: 0,
@@ -16217,7 +16219,7 @@ var im = ze((n) => {
         "close-on-leave": "",
         items: g.children,
         offset: 6,
-        location: w.value
+        location: _.value
       }, {
         activator: Ee(({ props: E }) => [Me(Rt, ct({
           icon: "",
@@ -16262,11 +16264,11 @@ var im = ze((n) => {
         offset: 12,
         "show-arrow": ""
       }, {
-        activator: Ee(({ props: _ }) => [Me(Rt, ct({
+        activator: Ee(({ props: w }) => [Me(Rt, ct({
           icon: "",
           class: "m-toolbelt__mode",
           active: g.active
-        }, { ref_for: !0 }, _, { onClick: g.handle }), {
+        }, { ref_for: !0 }, w, { onClick: g.handle }), {
           default: Ee(() => [Me(F(qe), { icon: `$${g.key}` }, null, 8, ["icon"])]),
           _: 2
         }, 1040, ["active", "onClick"])]),
@@ -16334,7 +16336,7 @@ var im = ze((n) => {
       };
     });
   }
-  const w = X(() => {
+  const _ = X(() => {
     const { left: M, top: $, width: p, height: v, rotationDegrees: y } = e.value;
     return {
       left: M,
@@ -16346,13 +16348,13 @@ var im = ze((n) => {
     };
   });
   function L() {
-    return w.value;
+    return _.value;
   }
   const V = (M, $, p = {}) => {
     const { event: v, isCorner: y, direction: b = "" } = p;
     m || f();
-    const g = m, _ = L(), E = {
-      ..._,
+    const g = m, w = L(), E = {
+      ...w,
       ...$
     }, z = o.value, k = z.length > 1;
     if (M === "move" && z.length === 1) {
@@ -16363,8 +16365,8 @@ var im = ze((n) => {
       if (E.left = Math.round(E.left), E.top = Math.round(E.top), v?.shiftKey) {
         const P = g.constrainMovement;
         P.event || (P.event = v), P.startPoint || (P.startPoint = {
-          x: _.left,
-          y: _.top
+          x: w.left,
+          y: w.top
         });
         const N = {
           x: (v?.clientX ?? 0) - (P.event?.clientX ?? 0),
@@ -16375,12 +16377,12 @@ var im = ze((n) => {
       E.rotate || d(E);
     } else M === "resize" && !E.rotate && !k && u(E, b);
     const C = {
-      left: E.left - _.left,
-      top: E.top - _.top,
-      width: E.width - _.width,
-      height: E.height - _.height,
-      rotate: E.rotate - _.rotate,
-      borderRadius: E.borderRadius - _.borderRadius
+      left: E.left - w.left,
+      top: E.top - w.top,
+      width: E.width - w.width,
+      height: E.height - w.height,
+      rotate: E.rotate - w.rotate,
+      borderRadius: E.borderRadius - w.borderRadius
     };
     k && M === "rotate" && (C.rotate = E.rotate - g.batchRotate, g.batchRotate += C.rotate), z.forEach((P) => {
       const N = P.style, ee = {
@@ -16598,7 +16600,7 @@ var im = ze((n) => {
       const V = t.value[0];
       V.shape.isValid() || i("textToFit", V), V._textContent = V.text.getStringContent();
     }
-    function w() {
+    function _() {
       o.value = void 0;
     }
     async function L(V) {
@@ -16631,7 +16633,7 @@ var im = ze((n) => {
       "data-pointerdown_to_drawboard": "",
       onSelected: m,
       onUpdate: f,
-      onSubmit: w
+      onSubmit: _
     }, null, 544)], 4)], 4)), [[Js, F(t)[0] && F(o) === "typing"]]);
   }
 }), Sv = Mv;
@@ -16889,23 +16891,23 @@ var To = "PointerEvent" in globalThis, $t = class extends HTMLElement {
       let f = {
         ...m,
         fragments: []
-      }, w;
+      }, _;
       d.fragments.forEach((L) => {
         Array.from(L.content).forEach((V) => {
           const O = s[l] ?? {};
-          if (w) {
-            const { content: A, ...T } = w;
-            Ev(O, T) ? w.content += V : (f.fragments.push(w), w = {
+          if (_) {
+            const { content: A, ...T } = _;
+            Ev(O, T) ? _.content += V : (f.fragments.push(_), _ = {
               ...O,
               content: V
             });
-          } else w = {
+          } else _ = {
             ...O,
             content: V
           };
           l++;
         });
-      }), eo(d.fragments[d.fragments.length - 1]?.content ?? "") || l++, w && f.fragments.push(w), f.fragments.length && (c.push(f), f = {
+      }), eo(d.fragments[d.fragments.length - 1]?.content ?? "") || l++, _ && f.fragments.push(_), f.fragments.length && (c.push(f), f = {
         ...m,
         fragments: []
       });
@@ -16991,7 +16993,7 @@ var To = "PointerEvent" in globalThis, $t = class extends HTMLElement {
       x: h.x / r,
       y: h.y / a
     };
-    let f = 0, w = 0;
+    let f = 0, _ = 0;
     const L = (O) => {
       const A = u.transformPoint({
         x: O.clientX - h.x,
@@ -17008,10 +17010,10 @@ var To = "PointerEvent" in globalThis, $t = class extends HTMLElement {
         y: T.y - (m.y - i / 2)
       };
     };
-    n && ({ x: f, y: w } = L(n), n.preventDefault(), n.stopPropagation());
+    n && ({ x: f, y: _ } = L(n), n.preventDefault(), n.stopPropagation());
     const V = this._findNearest({
       x: f,
-      y: w
+      y: _
     });
     if (this.selection = [V, V], this._updateDomSelection(), n && ["mousedown", "pointerdown"].includes(n.type)) {
       const O = (T) => {
@@ -17111,12 +17113,12 @@ var Av = ze((n) => {
     function p(v) {
       if (!$) {
         const b = v.text.base.characters;
-        let g = 0, _;
+        let g = 0, w;
         b.forEach((P) => {
           const N = P.lineBox.left + P.lineBox.width;
-          N > g && (_ = P, g = N);
+          N > g && (w = P, g = N);
         });
-        const E = {}, z = b.filter((P) => P.lineBox.top === _?.lineBox.top).map((P) => (Object.assign(E, { ...P.parent.style }, { ...P.parent.parent.style }), P.content)).join(""), { boundingBox: k } = $o({
+        const E = {}, z = b.filter((P) => P.lineBox.top === w?.lineBox.top).map((P) => (Object.assign(E, { ...P.parent.style }, { ...P.parent.parent.style }), P.content)).join(""), { boundingBox: k } = $o({
           fonts: s,
           style: {
             ...v.style.toJSON(),
@@ -17169,16 +17171,16 @@ var Av = ze((n) => {
   function f([M, $], p) {
     let v = !0;
     t.value[0]?.text?.content.forEach((y, b, g) => {
-      v && y.fragments.forEach((_, E, z) => {
+      v && y.fragments.forEach((w, E, z) => {
         if (!v) return;
-        const { content: k, ...C } = _;
+        const { content: k, ...C } = w;
         Array.from(yn(k)).forEach((P, N, ee) => {
           v = p({
             selected: (b > M.paragraphIndex || b === M.paragraphIndex && E > M.fragmentIndex || b === M.paragraphIndex && E === M.fragmentIndex && N >= M.charIndex) && (b < $.paragraphIndex || b === $.paragraphIndex && E < $.fragmentIndex || b === $.paragraphIndex && E === $.fragmentIndex && ($.isLastSelected ? N <= $.charIndex : N < $.charIndex)),
             p: y,
             pIndex: b,
             pLength: g.length,
-            f: _,
+            f: w,
             fIndex: E,
             fStyle: C,
             fLength: z.length,
@@ -17190,7 +17192,7 @@ var Av = ze((n) => {
       });
     });
   }
-  function w(M) {
+  function _(M) {
     const $ = t.value[0];
     if (!$) return;
     let p;
@@ -17210,7 +17212,7 @@ var Av = ze((n) => {
       const v = $.text.content;
       switch (M) {
         case "fontSize":
-          return v?.reduce((y, b) => b.fragments.reduce((g, _) => ~~Math.max(g, _[M] ?? 0), y), p) ?? p;
+          return v?.reduce((y, b) => b.fragments.reduce((g, w) => ~~Math.max(g, w[M] ?? 0), y), p) ?? p;
         default:
           if (v?.length === 1 && v[0].fragments.length === 1 && v[0].fragments[0][M]) return v[0].fragments[0][M];
       }
@@ -17222,8 +17224,8 @@ var Av = ze((n) => {
     if (!$) return;
     const p = $.text.content, v = [];
     let y = { fragments: [] }, b;
-    if (f(o.value, ({ selected: g, fIndex: _, fStyle: E, fLength: z, c: k, cIndex: C, cLength: P }) => {
-      _ === 0 && C === 0 && (y = { fragments: [] }, b = void 0);
+    if (f(o.value, ({ selected: g, fIndex: w, fStyle: E, fLength: z, c: k, cIndex: C, cLength: P }) => {
+      w === 0 && C === 0 && (y = { fragments: [] }, b = void 0);
       const N = { ...E };
       if (g && M(N), b) {
         const { content: ee, ...U } = b;
@@ -17235,7 +17237,7 @@ var Av = ze((n) => {
         ...N,
         content: k
       };
-      return _ === z - 1 && C === P - 1 && (b && y.fragments.push(b), y.fragments.length && (v.push(y), y = { fragments: [] })), !0;
+      return w === z - 1 && C === P - 1 && (b && y.fragments.push(b), y.fragments.length && (v.push(y), y = { fragments: [] })), !0;
     }), v.length) {
       $.text = {
         ...$.text.toJSON(),
@@ -17283,7 +17285,7 @@ var Av = ze((n) => {
     const M = t.value[0];
     if (!M) return;
     let $;
-    return d.value && ($ = w("fill"), $ || ($ = { color: w("color") })), $ = $ ?? M.text.fill ?? { color: M.style.color }, $;
+    return d.value && ($ = _("fill"), $ || ($ = { color: _("color") })), $ = $ ?? M.text.fill ?? { color: M.style.color }, $;
   }
   function A(M) {
     const $ = t.value[0];
@@ -17335,7 +17337,7 @@ var Av = ze((n) => {
       },
       {
         command: "getTextStyle",
-        handle: w
+        handle: _
       },
       {
         command: "getTextFill",
@@ -17455,7 +17457,7 @@ var Av = ze((n) => {
       [O]: A
     }), V();
   }
-  function w(O, A, T = o.value[0]) {
+  function _(O, A, T = o.value[0]) {
     if (!T) return;
     const M = T.meta;
     M.variableBindings = {
@@ -17504,7 +17506,7 @@ var Av = ze((n) => {
       },
       {
         command: "bindVariable",
-        handle: w
+        handle: _
       },
       {
         command: "unbindVariable",
@@ -17586,15 +17588,15 @@ var Av = ze((n) => {
   };
 }), Lv = ze((n) => {
   const { registerConfig: e, camera: t, exec: o, findFrame: s, selection: i, drawboardAabb: r, selectionAabb: a, rootAabb: l, getAabb: c, screenCenterOffset: d, viewportAabb: u } = n, h = e("viewport.zoom", { default: { strategy: "contain" } });
-  async function m(w, L = {}) {
+  async function m(_, L = {}) {
     const { intoView: V, strategy: O = "contain", duration: A = 500, behavior: T } = L;
     let M;
-    if (Array.isArray(w) || typeof w == "object" ? M = c(w) : w === "selection" ? M = a.value : M = l.value, V && u.value.contains(M)) return;
+    if (Array.isArray(_) || typeof _ == "object" ? M = c(_) : _ === "selection" ? M = a.value : M = l.value, V && u.value.contains(M)) return;
     const [$, p, v, y] = M.toArray();
     if (!v || !y) return;
-    const b = d.value, { width: g, height: _ } = r.value, E = g - (b.left + b.right), z = _ - (b.top + b.bottom), k = E / v, C = z / y, P = t.value;
+    const b = d.value, { width: g, height: w } = r.value, E = g - (b.left + b.right), z = w - (b.top + b.bottom), k = E / v, C = z / y, P = t.value;
     let N;
-    if (typeof w == "number") N = w;
+    if (typeof _ == "number") N = _;
     else switch (O) {
       case "cover":
         N = Math.max(k, C);
@@ -17631,8 +17633,8 @@ var Av = ze((n) => {
       requestAnimationFrame(te);
     }) : (P.zoom.set(U), P.position.set(Y.x, Y.y));
   }
-  function f(w, L) {
-    const V = s(w);
+  function f(_, L) {
+    const V = s(_);
     V && (i.value = [V], m(V, L));
   }
   return {
@@ -17660,15 +17662,15 @@ var Av = ze((n) => {
       },
       {
         command: "zoomToSelection",
-        handle: (w) => m("selection", w)
+        handle: (_) => m("selection", _)
       },
       {
         command: "zoomToNextFrame",
-        handle: (w) => f("next", w)
+        handle: (_) => f("next", _)
       },
       {
         command: "zoomToPreviousFrame",
-        handle: (w) => f("previous", w)
+        handle: (_) => f("previous", _)
       }
     ],
     hotkeys: [
@@ -17703,7 +17705,7 @@ var Av = ze((n) => {
     ],
     events: { docSet: () => o("zoomToFit") },
     setup: () => {
-      Be(r, (w, L) => {
+      Be(r, (_, L) => {
         (!L.width || !L.height) && o("zoomToFit");
       });
     }
@@ -17944,14 +17946,14 @@ var Rv = { class: "m-panel" }, Ov = { class: "m-panel__title" }, Vv = /* @__PURE
         ...s,
         ...m
       };
-      const f = o.floatOrder.value.length * qv, w = {
+      const f = o.floatOrder.value.length * qv, _ = {
         ...s,
         ...e.defaultTransform
       };
       return {
-        ...w,
-        left: w.left + f,
-        top: w.top + f
+        ..._,
+        left: _.left + f,
+        top: _.top + f
       };
     }
     const r = he(i());
@@ -17971,18 +17973,18 @@ var Rv = { class: "m-panel" }, Ov = { class: "m-panel__title" }, Vv = /* @__PURE
     function d(m, f) {
       if (m.button !== 0) return;
       m.preventDefault(), m.stopPropagation(), a();
-      const w = { ...r.value };
+      const _ = { ...r.value };
       Gt(m, {
         move: (L) => {
           const V = L.movePoint.x - L.startPoint.x, O = L.movePoint.y - L.startPoint.y;
           if (f === "move") r.value = {
             ...r.value,
-            left: w.left + V,
-            top: w.top + O
+            left: _.left + V,
+            top: _.top + O
           };
           else {
             const A = { ...r.value };
-            (f === "e" || f === "se") && (A.width = Math.max(Dv, w.width + V)), (f === "s" || f === "se") && (A.height = Math.max(Bv, w.height + O)), r.value = A;
+            (f === "e" || f === "se") && (A.width = Math.max(Dv, _.width + V)), (f === "s" || f === "se") && (A.height = Math.max(Bv, _.height + O)), r.value = A;
           }
         },
         end: c
@@ -18005,23 +18007,23 @@ var Rv = { class: "m-panel" }, Ov = { class: "m-panel__title" }, Vv = /* @__PURE
       Me(Fv, {
         title: n.title,
         closable: "",
-        onClose: f[0] || (f[0] = (w) => t.value = !1),
-        onHeaderPointerdown: f[1] || (f[1] = (w) => d(w, "move"))
+        onClose: f[0] || (f[0] = (_) => t.value = !1),
+        onHeaderPointerdown: f[1] || (f[1] = (_) => d(_, "move"))
       }, {
         default: Ee(() => [Ne(m.$slots, "default", bt(xt(h)))]),
         _: 3
       }, 8, ["title"]),
       G("div", {
         class: "m-float-panel__resize m-float-panel__resize--e",
-        onPointerdown: f[2] || (f[2] = (w) => d(w, "e"))
+        onPointerdown: f[2] || (f[2] = (_) => d(_, "e"))
       }, null, 32),
       G("div", {
         class: "m-float-panel__resize m-float-panel__resize--s",
-        onPointerdown: f[3] || (f[3] = (w) => d(w, "s"))
+        onPointerdown: f[3] || (f[3] = (_) => d(_, "s"))
       }, null, 32),
       G("div", {
         class: "m-float-panel__resize m-float-panel__resize--se",
-        onPointerdown: f[4] || (f[4] = (w) => d(w, "se"))
+        onPointerdown: f[4] || (f[4] = (_) => d(_, "se"))
       }, null, 32)
     ])], 36)) : we("", !0);
   }
@@ -18142,7 +18144,7 @@ var Rv = { class: "m-panel" }, Ov = { class: "m-panel__title" }, Vv = /* @__PURE
     }, {
       default: Ee(({ isActive: f }) => [Me(c, {
         "is-active": f.value,
-        "onUpdate:isActive": (w) => f.value = w,
+        "onUpdate:isActive": (_) => f.value = _,
         item: h
       }, null, 8, [
         "is-active",
@@ -18278,18 +18280,18 @@ var Rv = { class: "m-panel" }, Ov = { class: "m-panel__title" }, Vv = /* @__PURE
     const e = n, t = yr();
     let o;
     e.editor ? (o = e.editor, Yt(ao.injectionKey, o)) : o = je(), o.setup(), Yt(Ui, zu({ aliases: o.icons.value }));
-    const { componentRefs: s, isElement: i, isFrameNode: r, drawboardDom: a, renderEngine: l, camera: c, hoverElement: d, state: u, setCursor: h, exec: m, isLock: f, t: w, selectionAabbInDrawboard: L, selectionMarquee: V, elementSelection: O, drawboardAabb: A, activeTool: T, isContentEditing: M } = o, $ = X(() => e.activeStrategy ?? o.activeStrategy), p = X(() => e.doubleclickStrategy ?? o.doubleclickStrategy), v = X(() => e.hoverStrategy ?? o.hoverStrategy), y = ot("overlayContainerTpl"), b = ot("canvasTpl"), g = he(!1);
+    const { componentRefs: s, isElement: i, isFrameNode: r, drawboardDom: a, renderEngine: l, camera: c, hoverElement: d, state: u, setCursor: h, exec: m, isLock: f, t: _, selectionAabbInDrawboard: L, selectionMarquee: V, elementSelection: O, drawboardAabb: A, activeTool: T, isContentEditing: M } = o, $ = X(() => e.activeStrategy ?? o.activeStrategy), p = X(() => e.doubleclickStrategy ?? o.doubleclickStrategy), v = X(() => e.hoverStrategy ?? o.hoverStrategy), y = ot("overlayContainerTpl"), b = ot("canvasTpl"), g = he(!1);
     Gu({ attach: X(() => y.value) }), ni(b, (q) => {
       const { width: H, height: Y } = q[0].contentRect;
       l.value.resize(H, Y);
     }), wt(() => {
       l.value.on("pointerdown", P), l.value.on("pointermove", N), l.value.on("pointerover", ee);
     });
-    let _;
+    let w;
     Ft(() => {
-      _ = E(b.value, a.value);
+      w = E(b.value, a.value);
     }), et(() => {
-      l.value.off("pointerdown", P), l.value.off("pointermove", N), l.value.off("pointerover", ee), _?.();
+      l.value.off("pointerdown", P), l.value.off("pointermove", N), l.value.off("pointerover", ee), w?.();
     });
     function E(q, H) {
       function Y() {
@@ -18542,7 +18544,7 @@ var Rv = { class: "m-panel" }, Ov = { class: "m-panel__title" }, Vv = /* @__PURE
           class: "m-editor__preview-badge",
           type: "button",
           onClick: H[1] || (H[1] = (Y) => F(m)("togglePreview"))
-        }, ye(F(w)("previewExitHint")), 1)) : we("", !0)
+        }, ye(F(_)("previewExitHint")), 1)) : we("", !0)
       ]),
       _: 3
     }, 8, ["class"]));