mce 0.29.5 → 0.29.6

package/dist/index.js

@@ -1,5 +1,5 @@
 import { Aabb2D as xt, Animation as Ut, Camera2D as zi, DEG_TO_RAD as Ri, DrawboardEffect as Ro, Element2D as Ht, Engine as Oi, IN_BROWSER as Oo, IN_MAC_OS as Vi, Lottie2D as Wo, Node as In, Obb2D as jn, Timeline as Fi, TimelineNode as Ni, Video2D as Cn, assets as Di, clamp as Ct, customNodes as Bi, render as Jn, renderPixels as qi } from "modern-canvas";
-import { Fragment as we, Teleport as Vo, Transition as Ui, computed as Y, createBlock as Fe, createCommentVNode as _e, createElementBlock as J, createElementVNode as W, createSlots as Fo, createStaticVNode as ji, createTextVNode as mt, createVNode as Me, defineComponent as Se, effectScope as Hi, getCurrentInstance as Qt, guardReactiveProps as yt, h as Xt, inject as Ot, isReactive as Xi, isRef as Gn, markRaw as go, mergeModels as lt, mergeProps as ht, nextTick as zt, normalizeClass as De, normalizeProps as gt, normalizeStyle as Ie, onActivated as Yi, onBeforeMount as bt, onBeforeUnmount as Qe, onDeactivated as Gi, onMounted as Vt, onScopeDispose as en, onUnmounted as Wi, openBlock as U, provide as Yt, reactive as dt, readonly as Ki, ref as de, renderList as Pe, renderSlot as Ne, resolveComponent as Ps, resolveDynamicComponent as No, shallowRef as Zt, toDisplayString as be, toRaw as xo, toRef as Wt, toValue as Zi, unref as V, useAttrs as Is, useId as Do, useModel as tt, useSlots as Ji, useTemplateRef as nt, vModelCheckbox as Qi, vModelSelect as Ko, vModelText as $n, vShow as $s, watch as Be, withCtx as Te, withDirectives as pt, withKeys as Zo, withModifiers as Je } from "vue";
+import { Fragment as we, Teleport as Vo, Transition as Ui, computed as Y, createBlock as Fe, createCommentVNode as _e, createElementBlock as J, createElementVNode as W, createSlots as Fo, createStaticVNode as ji, createTextVNode as mt, createVNode as Me, defineComponent as Se, effectScope as Hi, getCurrentInstance as Qt, guardReactiveProps as yt, h as Xt, inject as Ot, isReactive as Xi, isRef as Gn, markRaw as go, mergeModels as lt, mergeProps as ht, nextTick as zt, normalizeClass as De, normalizeProps as gt, normalizeStyle as Ie, onActivated as Yi, onBeforeMount as bt, onBeforeUnmount as Qe, onDeactivated as Gi, onMounted as Vt, onScopeDispose as en, onUnmounted as Wi, openBlock as U, provide as Yt, reactive as dt, readonly as Ki, ref as de, renderList as Pe, renderSlot as Ne, resolveComponent as Ps, resolveDynamicComponent as No, shallowRef as Zt, toDisplayString as be, toRaw as xo, toRef as Wt, toValue as Zi, unref as F, useAttrs as Is, useId as Do, useModel as tt, useSlots as Ji, useTemplateRef as nt, vModelCheckbox as Qi, vModelSelect as Ko, vModelText as $n, vShow as $s, watch as Be, withCtx as Te, withDirectives as pt, withKeys as Zo, withModifiers as Je } from "vue";
 import { isClient as er, onClickOutside as tr, useDebounceFn as Ls, useEventListener as zs, useFileDialog as Rs, useImage as nr, useLocalStorage as or, useResizeObserver as Os } from "@vueuse/core";
 import { Observable as Bo, getDefaultTextStyle as sr, getObjectValueByPath as ir, idGenerator as Kt, isCRLF as Hn, isEqualObject as rr, normalizeCRLF as mn, normalizeTextContent as pn, property as Ft, setObjectValueByPath as ar, textContentToString as ro } from "modern-idoc";
 import { cloneDeep as En, get as lr, isEqual as cr, isPlainObject as Jo, merge as un, set as bo } from "lodash-es";
@@ -25,9 +25,9 @@ function Wv(n) {
   return n;
 }
 function wo(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, y = i - Math.min(t * 5, i * 0.5), f = (F, R) => ({
-    x: n.x + r * F + l * R,
-    y: n.y + a * F + c * R
+  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, y = i - Math.min(t * 5, i * 0.5), f = (V, R) => ({
+    x: n.x + r * V + l * R,
+    y: n.y + a * V + c * R
   }), w = [
     f(0, -d),
     f(y, -u),
@@ -36,10 +36,10 @@ function wo(n, e, t) {
     f(y, h),
     f(y, u),
     f(0, d)
-  ], z = (F) => Math.round(F * 100) / 100;
+  ], L = (V) => Math.round(V * 100) / 100;
   return [
-    `M ${z(w[0].x)} ${z(w[0].y)}`,
-    ...w.slice(1).map((F) => `L ${z(F.x)} ${z(F.y)}`),
+    `M ${L(w[0].x)} ${L(w[0].y)}`,
+    ...w.slice(1).map((V) => `L ${L(V.x)} ${L(V.y)}`),
     "Z"
   ].join(" ");
 }
@@ -571,18 +571,18 @@ function Hr(n) {
 function Xr(n, e, t, o) {
   const s = n.prev, i = n, r = n.next;
   if (We(s, i, r) >= 0) return !1;
-  const a = s.x, l = i.x, c = r.x, d = s.y, u = i.y, h = r.y, y = Math.min(a, l, c), f = Math.min(d, u, h), w = Math.max(a, l, c), z = Math.max(d, u, h), F = So(y, f, e, t, o), R = So(w, z, e, t, o);
+  const a = s.x, l = i.x, c = r.x, d = s.y, u = i.y, h = r.y, y = Math.min(a, l, c), f = Math.min(d, u, h), w = Math.max(a, l, c), L = Math.max(d, u, h), V = So(y, f, e, t, o), R = So(w, L, e, t, o);
   let S = n.prevZ, A = n.nextZ;
-  for (; S && S.z >= F && A && A.z <= R; ) {
-    if (S.x >= y && S.x <= w && S.y >= f && S.y <= z && S !== s && S !== r && xn(a, d, l, u, c, h, S.x, S.y) && We(S.prev, S, S.next) >= 0 || (S = S.prevZ, A.x >= y && A.x <= w && A.y >= f && A.y <= z && A !== s && A !== r && xn(a, d, l, u, c, h, A.x, A.y) && We(A.prev, A, A.next) >= 0)) return !1;
+  for (; S && S.z >= V && A && A.z <= R; ) {
+    if (S.x >= y && S.x <= w && S.y >= f && S.y <= L && S !== s && S !== r && xn(a, d, l, u, c, h, S.x, S.y) && We(S.prev, S, S.next) >= 0 || (S = S.prevZ, A.x >= y && A.x <= w && A.y >= f && A.y <= L && A !== s && A !== r && xn(a, d, l, u, c, h, A.x, A.y) && We(A.prev, A, A.next) >= 0)) return !1;
     A = A.nextZ;
   }
-  for (; S && S.z >= F; ) {
-    if (S.x >= y && S.x <= w && S.y >= f && S.y <= z && S !== s && S !== r && xn(a, d, l, u, c, h, S.x, S.y) && We(S.prev, S, S.next) >= 0) return !1;
+  for (; S && S.z >= V; ) {
+    if (S.x >= y && S.x <= w && S.y >= f && S.y <= L && S !== s && S !== r && xn(a, d, l, u, c, h, S.x, S.y) && We(S.prev, S, S.next) >= 0) return !1;
     S = S.prevZ;
   }
   for (; A && A.z <= R; ) {
-    if (A.x >= y && A.x <= w && A.y >= f && A.y <= z && A !== s && A !== r && xn(a, d, l, u, c, h, A.x, A.y) && We(A.prev, A, A.next) >= 0) return !1;
+    if (A.x >= y && A.x <= w && A.y >= f && A.y <= L && A !== s && A !== r && xn(a, d, l, u, c, h, A.x, A.y) && We(A.prev, A, A.next) >= 0) return !1;
     A = A.nextZ;
   }
   return !0;
@@ -1028,7 +1028,7 @@ var aa = /* @__PURE__ */ kr(((n, e) => {
       }, X.prototype.load = function(m, M, O) {
         M === void 0 && (M = []), O === void 0 && (O = !1);
         var B = m.length, D = this._comparator;
-        if (O && z(m, M, 0, B - 1, D), this._root === null)
+        if (O && L(m, M, 0, B - 1, D), this._root === null)
           this._root = u(m, M, 0, B), this._size = B;
         else {
           var re = w(this.toList(), h(m, M), D);
@@ -1113,7 +1113,7 @@ var aa = /* @__PURE__ */ kr(((n, e) => {
         M(D.key, re.key) < 0 ? (B.next = D, D = D.next) : (B.next = re, re = re.next), B = B.next;
       return D !== null ? B.next = D : re !== null && (B.next = re), O.next;
     }
-    function z(X, m, M, O, B) {
+    function L(X, m, M, O, B) {
       if (!(M >= O)) {
         for (var D = X[M + O >> 1], re = M - 1, se = O + 1; ; ) {
           do
@@ -1126,10 +1126,10 @@ var aa = /* @__PURE__ */ kr(((n, e) => {
           var le = X[re];
           X[re] = X[se], X[se] = le, le = m[re], m[re] = m[se], m[se] = le;
         }
-        z(X, m, M, se, B), z(X, m, se + 1, O, B);
+        L(X, m, M, se, B), L(X, m, se + 1, O, B);
       }
     }
-    const F = (X, m) => X.ll.x <= m.x && m.x <= X.ur.x && X.ll.y <= m.y && m.y <= X.ur.y, R = (X, m) => {
+    const V = (X, m) => X.ll.x <= m.x && m.x <= X.ur.x && X.ll.y <= m.y && m.y <= X.ur.y, R = (X, m) => {
       if (m.ur.x < X.ll.x || X.ur.x < m.ll.x || m.ur.y < X.ll.y || X.ur.y < m.ll.y) return null;
       const M = X.ll.x < m.ll.x ? m.ll.x : X.ll.x, O = X.ur.x < m.ur.x ? X.ur.x : m.ur.x, B = X.ll.y < m.ll.y ? m.ll.y : X.ll.y, D = X.ur.y < m.ur.y ? X.ur.y : m.ur.y;
       return {
@@ -1199,13 +1199,13 @@ var aa = /* @__PURE__ */ kr(((n, e) => {
     function I(X) {
       return new Float64Array(X);
     }
-    const k = 3.0000000000000018 * g, T = 2.0000000000000013 * g, L = 9.000000000000007 * g * g, N = I(4), oe = I(8), j = I(12), G = I(16), q = I(4);
+    const k = 3.0000000000000018 * g, T = 2.0000000000000013 * g, z = 9.000000000000007 * g * g, N = I(4), oe = I(8), j = I(12), G = I(16), q = I(4);
     function K(X, m, M, O, B, D, re) {
       let se, le, ne, me, ie, ue, xe, Re, Oe, He, Ve, Ge, ot, Ze, st, it, vt, rt;
       const wt = X - B, kt = M - B, Mt = m - D, St = O - D;
       Ze = wt * St, ue = x * wt, xe = ue - (ue - wt), Re = wt - xe, ue = x * St, Oe = ue - (ue - St), He = St - Oe, st = Re * He - (Ze - xe * Oe - Re * Oe - xe * He), it = Mt * kt, ue = x * Mt, xe = ue - (ue - Mt), Re = Mt - xe, ue = x * kt, Oe = ue - (ue - kt), He = kt - Oe, vt = Re * He - (it - xe * Oe - Re * Oe - xe * He), Ve = st - vt, ie = st - Ve, N[0] = st - (Ve + ie) + (ie - vt), Ge = Ze + Ve, ie = Ge - Ze, ot = Ze - (Ge - ie) + (Ve - ie), Ve = ot - it, ie = ot - Ve, N[1] = ot - (Ve + ie) + (ie - it), rt = Ge + Ve, ie = rt - Ge, N[2] = Ge - (rt - ie) + (Ve - ie), N[3] = rt;
       let $t = E(4, N), gn = T * re;
-      if ($t >= gn || -$t >= gn || (ie = X - wt, se = X - (wt + ie) + (ie - B), ie = M - kt, ne = M - (kt + ie) + (ie - B), ie = m - Mt, le = m - (Mt + ie) + (ie - D), ie = O - St, me = O - (St + ie) + (ie - D), se === 0 && le === 0 && ne === 0 && me === 0) || (gn = L * re + b * Math.abs($t), $t += wt * me + St * se - (Mt * ne + kt * le), $t >= gn || -$t >= gn)) return $t;
+      if ($t >= gn || -$t >= gn || (ie = X - wt, se = X - (wt + ie) + (ie - B), ie = M - kt, ne = M - (kt + ie) + (ie - B), ie = m - Mt, le = m - (Mt + ie) + (ie - D), ie = O - St, me = O - (St + ie) + (ie - D), se === 0 && le === 0 && ne === 0 && me === 0) || (gn = z * re + b * Math.abs($t), $t += wt * me + St * se - (Mt * ne + kt * le), $t >= gn || -$t >= gn)) return $t;
       Ze = se * St, ue = x * se, xe = ue - (ue - se), Re = se - xe, ue = x * St, Oe = ue - (ue - St), He = St - Oe, st = Re * He - (Ze - xe * Oe - Re * Oe - xe * He), it = le * kt, ue = x * le, xe = ue - (ue - le), Re = le - xe, ue = x * kt, Oe = ue - (ue - kt), He = kt - Oe, vt = Re * He - (it - xe * Oe - Re * Oe - xe * He), Ve = st - vt, ie = st - Ve, q[0] = st - (Ve + ie) + (ie - vt), Ge = Ze + Ve, ie = Ge - Ze, ot = Ze - (Ge - ie) + (Ve - ie), Ve = ot - it, ie = ot - Ve, q[1] = ot - (Ve + ie) + (ie - it), rt = Ge + Ve, ie = rt - Ge, q[2] = Ge - (rt - ie) + (Ve - ie), q[3] = rt;
       const $i = _(4, N, 4, q, oe);
       Ze = wt * me, ue = x * wt, xe = ue - (ue - wt), Re = wt - xe, ue = x * me, Oe = ue - (ue - me), He = me - Oe, st = Re * He - (Ze - xe * Oe - Re * Oe - xe * He), it = Mt * ne, ue = x * Mt, xe = ue - (ue - Mt), Re = Mt - xe, ue = x * ne, Oe = ue - (ue - ne), He = ne - Oe, vt = Re * He - (it - xe * Oe - Re * Oe - xe * He), Ve = st - vt, ie = st - Ve, q[0] = st - (Ve + ie) + (ie - vt), Ge = Ze + Ve, ie = Ge - Ze, ot = Ze - (Ge - ie) + (Ve - ie), Ve = ot - it, ie = ot - Ve, q[1] = ot - (Ve + ie) + (ie - it), rt = Ge + Ve, ie = rt - Ge, q[2] = Ge - (rt - ie) + (Ve - ie), q[3] = rt;
@@ -1406,7 +1406,7 @@ var aa = /* @__PURE__ */ kr(((n, e) => {
       getIntersection(m) {
         const M = this.bbox(), O = m.bbox(), B = R(M, O);
         if (B === null) return null;
-        const D = this.leftSE.point, re = this.rightSE.point, se = m.leftSE.point, le = m.rightSE.point, ne = F(M, se) && this.comparePoint(se) === 0, me = F(O, D) && m.comparePoint(D) === 0, ie = F(M, le) && this.comparePoint(le) === 0, ue = F(O, re) && m.comparePoint(re) === 0;
+        const D = this.leftSE.point, re = this.rightSE.point, se = m.leftSE.point, le = m.rightSE.point, ne = V(M, se) && this.comparePoint(se) === 0, me = V(O, D) && m.comparePoint(D) === 0, ie = V(M, le) && this.comparePoint(le) === 0, ue = V(O, re) && m.comparePoint(re) === 0;
         if (me && ne)
           return ue && !ie ? re : !ue && ie ? le : null;
         if (me)
@@ -1417,7 +1417,7 @@ var aa = /* @__PURE__ */ kr(((n, e) => {
         if (ue) return re;
         if (ie) return le;
         const xe = he(D, this.vector(), se, m.vector());
-        return xe === null || !F(B, xe) ? null : p.round(xe.x, xe.y);
+        return xe === null || !V(B, xe) ? null : p.round(xe.x, xe.y);
       }
       split(m) {
         const M = [], O = m.events !== void 0, B = new ge(m, !0), D = new ge(m, !1), re = this.rightSE;
@@ -2385,7 +2385,7 @@ function Ra(n, e, t, o, s, i, r, a, l = 0.5, c = []) {
 }
 function To(n, e, t, o, s, i, r, a, l, c, d) {
   if (d > La) return;
-  const u = (n + t) / 2, h = (e + o) / 2, y = (t + s) / 2, f = (o + i) / 2, w = (s + r) / 2, z = (i + a) / 2, F = (u + y) / 2, R = (h + f) / 2, S = (y + w) / 2, A = (f + z) / 2, C = (F + S) / 2, P = (R + A) / 2;
+  const u = (n + t) / 2, h = (e + o) / 2, y = (t + s) / 2, f = (o + i) / 2, w = (s + r) / 2, L = (i + a) / 2, V = (u + y) / 2, R = (h + f) / 2, S = (y + w) / 2, A = (f + L) / 2, C = (V + S) / 2, P = (R + A) / 2;
   if (d > 0) {
     let v = r - n, p = a - e;
     const g = Math.abs((t - r) * p - (o - a) * v), x = Math.abs((s - r) * p - (i - a) * v);
@@ -2409,7 +2409,7 @@ function To(n, e, t, o, s, i, r, a, l, c, d) {
       return;
     }
   }
-  To(n, e, u, h, F, R, C, P, l, c, d + 1), To(C, P, S, A, w, z, r, a, l, c, d + 1);
+  To(n, e, u, h, V, R, C, P, l, c, d + 1), To(C, P, S, A, w, L, r, a, l, c, d + 1);
 }
 var Oa = 8, Va = 11920929e-14, Fa = 1;
 function Na(n, e, t, o, s, i, r = 0.5, a = []) {
@@ -2419,14 +2419,14 @@ function Na(n, e, t, o, s, i, r = 0.5, a = []) {
 function Ao(n, e, t, o, s, i, r, a, l) {
   if (l > Oa) return;
   const c = (e + o) / 2, d = (t + s) / 2, u = (o + i) / 2, h = (s + r) / 2, y = (c + u) / 2, f = (d + h) / 2;
-  let w = i - e, z = r - t;
-  const F = Math.abs((o - i) * z - (s - r) * w);
-  if (F > Va) {
-    if (F * F <= a * (w * w + z * z)) {
+  let w = i - e, L = r - t;
+  const V = Math.abs((o - i) * L - (s - r) * w);
+  if (V > Va) {
+    if (V * V <= a * (w * w + L * L)) {
       n.push(y, f);
       return;
     }
-  } else if (w = y - (e + i) / 2, z = f - (t + r) / 2, w * w + z * z <= a) {
+  } else if (w = y - (e + i) / 2, L = f - (t + r) / 2, w * w + L * L <= a) {
     n.push(y, f);
     return;
   }
@@ -2474,10 +2474,10 @@ function ja(n) {
       maxY: d[1]
     };
     const u = [(a[0] + c[0]) / 2, (l[1] + d[1]) / 2];
-    let h, y, f, w, z, F, R, S;
+    let h, y, f, w, L, V, R, S;
     for (let A = 0; A < r; A += 2) {
       const C = s[A], P = s[A + 1], v = Math.abs(C - u[0]), p = Math.abs(P - u[1]);
-      P < u[1] && (!h || v < h) && (h = v, f = [C, P]), P > u[1] && (!y || v < y) && (y = v, w = [C, P]), C < u[0] && (!z || p < z) && (z = p, R = [C, P]), C > u[0] && (!F || p < F) && (F = p, S = [C, P]);
+      P < u[1] && (!h || v < h) && (h = v, f = [C, P]), P > u[1] && (!y || v < y) && (y = v, w = [C, P]), C < u[0] && (!L || p < L) && (L = p, R = [C, P]), C > u[0] && (!V || p < V) && (V = p, S = [C, P]);
     }
     return [
       a,
@@ -2498,7 +2498,7 @@ function ja(n) {
       if (!l || !u || !Ua(l, u)) continue;
       const h = {}, y = [];
       for (let f = 0, w = a.length; f < w; f++) {
-        const [z, F] = a[f], R = Da(z, F, n[d]);
+        const [L, V] = a[f], R = Da(L, V, n[d]);
         h[R] = (h[R] ?? 0) + 1, y.push(R);
       }
       y.filter((f) => f !== 0).length > y.filter((f) => f === 0).length && r.push({
@@ -2575,25 +2575,25 @@ function Za(n, e = {}) {
     n.unshift(j, G), n.push(j, G);
   }
   const f = t, w = n.length / 2;
-  let z = n.length;
-  const F = f.length / 2, R = l.width / 2, S = R * R, A = l.miterLimit * l.miterLimit;
+  let L = n.length;
+  const V = f.length / 2, R = l.width / 2, S = R * R, A = l.miterLimit * l.miterLimit;
   let C = n[0], P = n[1], v = n[2], p = n[3], g = 0, x = 0, b = -(P - p), _ = C - v, E = 0, I = 0, k = Math.sqrt(b * b + _ * _);
   b /= k, _ /= k, b *= R, _ *= R;
-  const T = c, L = (1 - T) * 2, N = T * 2;
-  h || (l.cap === "round" ? z += Gt(C - b * (L - N) * 0.5, P - _ * (L - N) * 0.5, C - b * L, P - _ * L, C + b * N, P + _ * N, f, !0) + 2 : l.cap === "square" && (z += fs(C, P, b, _, L, N, !0, f))), f.push(C - b * L, P - _ * L), f.push(C + b * N, P + _ * N);
+  const T = c, z = (1 - T) * 2, N = T * 2;
+  h || (l.cap === "round" ? L += Gt(C - b * (z - N) * 0.5, P - _ * (z - N) * 0.5, C - b * z, P - _ * z, C + b * N, P + _ * N, f, !0) + 2 : l.cap === "square" && (L += fs(C, P, b, _, z, N, !0, f))), f.push(C - b * z, P - _ * z), f.push(C + b * N, P + _ * N);
   for (let j = 1; j < w - 1; ++j) {
     C = n[(j - 1) * 2], P = n[(j - 1) * 2 + 1], v = n[j * 2], p = n[j * 2 + 1], g = n[(j + 1) * 2], x = n[(j + 1) * 2 + 1], b = -(P - p), _ = C - v, k = Math.sqrt(b * b + _ * _), b /= k, _ /= k, b *= R, _ *= R, E = -(p - x), I = v - g, k = Math.sqrt(E * E + I * I), E /= k, I /= k, E *= R, I *= R;
     const G = v - C, q = P - p, K = v - g, H = x - p, Q = G * K + q * H, $ = q * K - H * G, Z = $ < 0;
     if (Math.abs($) < 1e-3 * Math.abs(Q)) {
-      f.push(v - b * L, p - _ * L), f.push(v + b * N, p + _ * N), Q >= 0 && (l.join === "round" ? z += Gt(v, p, v - b * L, p - _ * L, v - E * L, p - I * L, f, !1) + 4 : z += 2, f.push(v - E * N, p - I * N), f.push(v + E * L, p + I * L));
+      f.push(v - b * z, p - _ * z), f.push(v + b * N, p + _ * N), Q >= 0 && (l.join === "round" ? L += Gt(v, p, v - b * z, p - _ * z, v - E * z, p - I * z, f, !1) + 4 : L += 2, f.push(v - E * N, p - I * N), f.push(v + E * z, p + I * z));
       continue;
     }
-    const te = (-b + C) * (-_ + p) - (-b + v) * (-_ + P), ee = (-E + g) * (-I + p) - (-E + v) * (-I + x), ae = (G * ee - K * te) / $, ce = (H * te - q * ee) / $, pe = (ae - v) * (ae - v) + (ce - p) * (ce - p), he = v + (ae - v) * L, ge = p + (ce - p) * L, ve = v - (ae - v) * N, fe = p - (ce - p) * N, Ce = Math.min(G * G + q * q, K * K + H * H), ke = Z ? L : N;
-    pe <= Ce + ke * ke * S ? l.join === "bevel" || pe / S > A ? (Z ? (f.push(he, ge), f.push(v + b * N, p + _ * N), f.push(he, ge), f.push(v + E * N, p + I * N)) : (f.push(v - b * L, p - _ * L), f.push(ve, fe), f.push(v - E * L, p - I * L), f.push(ve, fe)), z += 2) : l.join === "round" ? Z ? (f.push(he, ge), f.push(v + b * N, p + _ * N), z += Gt(v, p, v + b * N, p + _ * N, v + E * N, p + I * N, f, !0) + 4, f.push(he, ge), f.push(v + E * N, p + I * N)) : (f.push(v - b * L, p - _ * L), f.push(ve, fe), z += Gt(v, p, v - b * L, p - _ * L, v - E * L, p - I * L, f, !1) + 4, f.push(v - E * L, p - I * L), f.push(ve, fe)) : (f.push(he, ge), f.push(ve, fe)) : (f.push(v - b * L, p - _ * L), f.push(v + b * N, p + _ * N), l.join === "round" ? Z ? z += Gt(v, p, v + b * N, p + _ * N, v + E * N, p + I * N, f, !0) + 2 : z += Gt(v, p, v - b * L, p - _ * L, v - E * L, p - I * L, f, !1) + 2 : l.join === "miter" && pe / S <= A && (Z ? (f.push(ve, fe), f.push(ve, fe)) : (f.push(he, ge), f.push(he, ge)), z += 2), f.push(v - E * L, p - I * L), f.push(v + E * N, p + I * N), z += 2);
+    const te = (-b + C) * (-_ + p) - (-b + v) * (-_ + P), ee = (-E + g) * (-I + p) - (-E + v) * (-I + x), ae = (G * ee - K * te) / $, ce = (H * te - q * ee) / $, pe = (ae - v) * (ae - v) + (ce - p) * (ce - p), he = v + (ae - v) * z, ge = p + (ce - p) * z, ve = v - (ae - v) * N, fe = p - (ce - p) * N, Ce = Math.min(G * G + q * q, K * K + H * H), ke = Z ? z : N;
+    pe <= Ce + ke * ke * S ? l.join === "bevel" || pe / S > A ? (Z ? (f.push(he, ge), f.push(v + b * N, p + _ * N), f.push(he, ge), f.push(v + E * N, p + I * N)) : (f.push(v - b * z, p - _ * z), f.push(ve, fe), f.push(v - E * z, p - I * z), f.push(ve, fe)), L += 2) : l.join === "round" ? Z ? (f.push(he, ge), f.push(v + b * N, p + _ * N), L += Gt(v, p, v + b * N, p + _ * N, v + E * N, p + I * N, f, !0) + 4, f.push(he, ge), f.push(v + E * N, p + I * N)) : (f.push(v - b * z, p - _ * z), f.push(ve, fe), L += Gt(v, p, v - b * z, p - _ * z, v - E * z, p - I * z, f, !1) + 4, f.push(v - E * z, p - I * z), f.push(ve, fe)) : (f.push(he, ge), f.push(ve, fe)) : (f.push(v - b * z, p - _ * z), f.push(v + b * N, p + _ * N), l.join === "round" ? Z ? L += Gt(v, p, v + b * N, p + _ * N, v + E * N, p + I * N, f, !0) + 2 : L += Gt(v, p, v - b * z, p - _ * z, v - E * z, p - I * z, f, !1) + 2 : l.join === "miter" && pe / S <= A && (Z ? (f.push(ve, fe), f.push(ve, fe)) : (f.push(he, ge), f.push(he, ge)), L += 2), f.push(v - E * z, p - I * z), f.push(v + E * N, p + I * N), L += 2);
   }
-  C = n[(w - 2) * 2], P = n[(w - 2) * 2 + 1], v = n[(w - 1) * 2], p = n[(w - 1) * 2 + 1], b = -(P - p), _ = C - v, k = Math.sqrt(b * b + _ * _), b /= k, _ /= k, b *= R, _ *= R, f.push(v - b * L, p - _ * L), f.push(v + b * N, p + _ * N), h || (l.cap === "round" ? z += Gt(v - b * (L - N) * 0.5, p - _ * (L - N) * 0.5, v - b * L, p - _ * L, v + b * N, p + _ * N, f, !1) + 2 : l.cap === "square" && (z += fs(v, p, b, _, L, N, !1, f)));
+  C = n[(w - 2) * 2], P = n[(w - 2) * 2 + 1], v = n[(w - 1) * 2], p = n[(w - 1) * 2 + 1], b = -(P - p), _ = C - v, k = Math.sqrt(b * b + _ * _), b /= k, _ /= k, b *= R, _ *= R, f.push(v - b * z, p - _ * z), f.push(v + b * N, p + _ * N), h || (l.cap === "round" ? L += Gt(v - b * (z - N) * 0.5, p - _ * (z - N) * 0.5, v - b * z, p - _ * z, v + b * N, p + _ * N, f, !1) + 2 : l.cap === "square" && (L += fs(v, p, b, _, z, N, !1, f)));
   const oe = hs * hs;
-  for (let j = F; j < z + F - 2; ++j)
+  for (let j = V; j < L + V - 2; ++j)
     C = f[j * 2], P = f[j * 2 + 1], v = f[(j + 1) * 2], p = f[(j + 1) * 2 + 1], g = f[(j + 2) * 2], x = f[(j + 2) * 2 + 1], !(Math.abs(C * (p - x) + v * (x - P) + g * (P - p)) < oe) && o.push(j, j + 1, j + 2);
   return {
     vertices: t,
@@ -2622,27 +2622,27 @@ function fs(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, y;
   r ? (h = o, y = -t) : (h = -o, y = t);
-  const f = l + h, w = c + y, z = d + h, F = u + y;
-  return a.push(f, w), a.push(z, F), 2;
+  const f = l + h, w = c + y, L = d + h, V = u + y;
+  return a.push(f, w), a.push(L, V), 2;
 }
 function Gt(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 y = u - d, f = Math.abs(y), w = Math.sqrt(l * l + c * c), z = (15 * f * Math.sqrt(w) / Math.PI >> 0) + 1, F = y / z;
-  if (h += F, a) {
+  const y = u - d, f = Math.abs(y), w = Math.sqrt(l * l + c * c), L = (15 * f * Math.sqrt(w) / Math.PI >> 0) + 1, V = y / L;
+  if (h += V, a) {
     r.push(n, e), r.push(t, o);
-    for (let R = 1, S = h; R < z; R++, S += F)
+    for (let R = 1, S = h; R < L; R++, S += V)
       r.push(n, e), r.push(n + Math.sin(S) * w, e + Math.cos(S) * w);
     r.push(n, e), r.push(s, i);
   } else {
     r.push(t, o), r.push(n, e);
-    for (let R = 1, S = h; R < z; R++, S += F)
+    for (let R = 1, S = h; R < L; R++, S += V)
       r.push(n + Math.sin(S) * w, e + Math.cos(S) * w), r.push(n, e);
     r.push(s, i), r.push(n, e);
   }
-  return z * 2;
+  return L * 2;
 }
 var Qn = class Po {
   constructor(e = 1, t = 0, o = 0, s = 1, i = 0, r = 0) {
@@ -2913,12 +2913,12 @@ function el(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, y = t * t;
-  const f = d * d, w = u * u, z = f / h + w / y;
-  if (z > 1) {
-    const x = Math.sqrt(z);
+  const f = d * d, w = u * u, L = f / h + w / y;
+  if (L > 1) {
+    const x = Math.sqrt(L);
     e = x * e, t = x * t, h = e * e, y = t * t;
   }
-  const F = h * w + y * f, R = (h * y - F) / F;
+  const V = h * w + y * f, R = (h * y - V) / V;
   let S = Math.sqrt(Math.max(0, R));
   s === i && (S = -S);
   const A = S * e * u / t, C = -S * t * d / e, P = Math.cos(o) * A - Math.sin(o) * C + (r.x + a.x) / 2, v = Math.sin(o) * A + Math.cos(o) * C + (r.y + a.y) / 2, p = ms(1, 0, (d - A) / e, (u - C) / t), g = ms((d - A) / e, (u - C) / t, (-d - A) / e, (-u - C) / t) % (Math.PI * 2);
@@ -2936,8 +2936,8 @@ var Ke = {
 function Lt(n, e, t = 0) {
   let a = 0, l = !0, c = "", d = "";
   const u = [];
-  function h(z, F, R) {
-    const S = /* @__PURE__ */ new SyntaxError(`Unexpected character "${z}" at index ${F}.`);
+  function h(L, V, R) {
+    const S = /* @__PURE__ */ new SyntaxError(`Unexpected character "${L}" at index ${V}.`);
     throw S.partial = R, S;
   }
   function y() {
@@ -2945,8 +2945,8 @@ function Lt(n, e, t = 0) {
   }
   let f;
   const w = n.length;
-  for (let z = 0; z < w; z++) {
-    if (f = n[z], Array.isArray(e) && e.includes(u.length % t) && Ke.FLAGS.test(f)) {
+  for (let L = 0; L < w; L++) {
+    if (f = n[L], Array.isArray(e) && e.includes(u.length % t) && Ke.FLAGS.test(f)) {
       a = 1, c = f, y();
       continue;
     }
@@ -2960,7 +2960,7 @@ function Lt(n, e, t = 0) {
         a = 2, c = f;
         continue;
       }
-      Ke.COMMA.test(f) && (l && h(f, z, u), l = !0);
+      Ke.COMMA.test(f) && (l && h(f, L, u), l = !0);
     }
     if (a === 1) {
       if (Ke.DIGIT.test(f)) {
@@ -2975,7 +2975,7 @@ function Lt(n, e, t = 0) {
         a = 3;
         continue;
       }
-      Ke.SIGN.test(f) && c.length === 1 && Ke.SIGN.test(c[0]) && h(f, z, u);
+      Ke.SIGN.test(f) && c.length === 1 && Ke.SIGN.test(c[0]) && h(f, L, u);
     }
     if (a === 2) {
       if (Ke.DIGIT.test(f)) {
@@ -2986,7 +2986,7 @@ function Lt(n, e, t = 0) {
         a = 3;
         continue;
       }
-      Ke.POINT.test(f) && c[c.length - 1] === "." && h(f, z, u);
+      Ke.POINT.test(f) && c[c.length - 1] === "." && h(f, L, u);
     }
     if (a === 3) {
       if (Ke.DIGIT.test(f)) {
@@ -2998,10 +2998,10 @@ function Lt(n, e, t = 0) {
           d += f;
           continue;
         }
-        d.length === 1 && Ke.SIGN.test(d) && h(f, z, u);
+        d.length === 1 && Ke.SIGN.test(d) && h(f, L, u);
       }
     }
-    Ke.WHITESPACE.test(f) ? (y(), a = 0, l = !1) : Ke.COMMA.test(f) ? (y(), a = 0, l = !0) : Ke.SIGN.test(f) ? (y(), a = 1, c = f) : Ke.POINT.test(f) ? (y(), a = 2, c = f) : h(f, z, u);
+    Ke.WHITESPACE.test(f) ? (y(), a = 0, l = !1) : Ke.COMMA.test(f) ? (y(), a = 0, l = !0) : Ke.SIGN.test(f) ? (y(), a = 1, c = f) : Ke.POINT.test(f) ? (y(), a = 2, c = f) : h(f, L, u);
   }
   return y(), u;
 }
@@ -3533,8 +3533,8 @@ var ti = "data:image/svg+xml;", ey = `${ti}base64,`, ty = `${ti}charset=utf8,`,
   getMinMax(n = ye.MAX, e = ye.MIN) {
     const { startAngle: t, rotate: o } = this, s = this._getDeltaAngle(), i = Math.cos(o), r = Math.sin(o), a = sn;
     let l = n.x, c = n.y, d = e.x, u = e.y;
-    const h = (z) => {
-      this._pointAtAngle(z, 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);
+    const h = (L) => {
+      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 y = Math.atan2(-this.ry * r, this.rx * i), f = Math.atan2(this.ry * i, this.rx * r), w = [
@@ -3543,7 +3543,7 @@ var ti = "data:image/svg+xml;", ey = `${ti}base64,`, ty = `${ti}charset=utf8,`,
       f,
       f + Math.PI
     ];
-    for (let z = 0; z < 4; z++) sl(w[z], t, s) && h(w[z]);
+    for (let L = 0; L < 4; L++) sl(w[L], t, s) && h(w[L]);
     return n.set(l, c), e.set(d, u), {
       min: n.finite(),
       max: e.finite()
@@ -3552,7 +3552,7 @@ var ti = "data:image/svg+xml;", ey = `${ti}base64,`, ty = `${ti}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, y = 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), z = e + t * Math.cos(f) * Math.sin(a) + o * Math.sin(f) * Math.cos(a);
+      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);
       return [
         {
           type: "M",
@@ -3567,7 +3567,7 @@ var ti = "data:image/svg+xml;", ey = `${ti}base64,`, ty = `${ti}charset=utf8,`,
           largeArcFlag: 0,
           sweepFlag: h,
           x: w,
-          y: z
+          y: L
         },
         {
           type: "A",
@@ -3615,9 +3615,9 @@ var ti = "data:image/svg+xml;", ey = `${ti}base64,`, ty = `${ti}charset=utf8,`,
     const y = Math.max(12, Math.floor(12 * o ** (1 / 3) * (h / Math.PI)));
     let f = h / y, w = a;
     f *= u ? -1 : 1;
-    const z = Math.cos(u ? d : -d), F = Math.sin(u ? d : -d);
+    const L = Math.cos(u ? d : -d), V = Math.sin(u ? d : -d);
     for (let R = 0; R < y + 1; R++) {
-      const S = i + Math.cos(w) * o, A = r + Math.sin(w) * s, C = S * z - A * F, P = S * F + A * z;
+      const S = i + Math.cos(w) * o, A = r + Math.sin(w) * s, C = S * L - A * V, P = S * V + A * L;
       n.push(e + C, t + P), w += f;
     }
     return n;
@@ -3632,14 +3632,14 @@ var ti = "data:image/svg+xml;", ey = `${ti}base64,`, ty = `${ti}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, z = f + c * 4 + (i ? 2 : 0) + 2, F = z, R = d, S = i + o, A = r, C = e + S, P = e - S, v = t + A;
-        if (u[w++] = C, u[w++] = v, u[--z] = v, u[--z] = P, r) {
+        let w = f, L = f + c * 4 + (i ? 2 : 0) + 2, V = L, R = d, S = i + o, A = r, C = e + S, P = e - S, v = t + A;
+        if (u[w++] = C, u[w++] = v, u[--L] = v, u[--L] = P, r) {
           const g = t - A;
-          u[F++] = P, u[F++] = g, u[--R] = g, u[--R] = C;
+          u[V++] = P, u[V++] = g, u[--R] = g, u[--R] = C;
         }
         for (let g = 1; g < c; g++) {
           const x = Math.PI / 2 * (g / c), b = i + Math.cos(x) * o, _ = r + Math.sin(x) * s, E = e + b, I = e - b, k = t + _, T = t - _;
-          u[w++] = E, u[w++] = k, u[--z] = k, u[--z] = I, u[F++] = I, u[F++] = T, u[--R] = T, u[--R] = E;
+          u[w++] = E, u[w++] = k, u[--L] = k, u[--L] = I, u[V++] = I, u[V++] = T, u[--R] = T, u[--R] = E;
         }
         S = i, A = r + s, C = e + S, P = e - S, v = t + A;
         const p = t - A;
@@ -3648,7 +3648,7 @@ var ti = "data:image/svg+xml;", ey = `${ti}base64,`, ty = `${ti}charset=utf8,`,
     }
     const h = Math.cos(l ? -a : a), y = Math.sin(l ? -a : a);
     for (let f = 0; f < u.length; f += 2) {
-      const w = u[f], z = u[f + 1], F = w - e, R = z - t, S = F * h - R * y, A = F * y + R * h;
+      const w = u[f], L = u[f + 1], V = w - e, R = L - t, S = V * h - R * y, A = V * y + R * h;
       n.push(e + S, t + A);
     }
     return n;
@@ -3678,9 +3678,9 @@ function sl(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 il(n, e) {
-  const t = n.rx, o = n.ry, s = Math.cos(n.rotate), i = Math.sin(n.rotate), r = new ye(t * s, t * i), a = new ye(-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 = nl.set(l, c, d, u, 0, 0), { a: y, b: f, c: w, d: z } = ps.copyFrom(h).affineInvert(), F = ll(y * y + f * f, w * y + z * f, w * w + z * z), R = Math.sqrt(F.rt1), S = Math.sqrt(F.rt2);
-  if (n.rx = 1 / R, n.ry = 1 / S, n.rotate = Math.atan2(F.sn, F.cs), !((n.endAngle - n.startAngle) % (2 * Math.PI) < Number.EPSILON)) {
-    const A = ps.set(R, 0, 0, S, 0, 0), C = ol.set(F.cs, F.sn, -F.sn, F.cs, 0, 0), P = A.append(C).append(h), v = (p) => {
+  const t = n.rx, o = n.ry, s = Math.cos(n.rotate), i = Math.sin(n.rotate), r = new ye(t * s, t * i), a = new ye(-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 = nl.set(l, c, d, u, 0, 0), { a: y, b: f, c: w, d: L } = ps.copyFrom(h).affineInvert(), V = ll(y * y + f * f, w * y + L * f, w * w + L * L), R = Math.sqrt(V.rt1), S = Math.sqrt(V.rt2);
+  if (n.rx = 1 / R, n.ry = 1 / S, n.rotate = Math.atan2(V.sn, V.cs), !((n.endAngle - n.startAngle) % (2 * Math.PI) < Number.EPSILON)) {
+    const A = ps.set(R, 0, 0, S, 0, 0), C = ol.set(V.cs, V.sn, -V.sn, V.cs, 0, 0), P = A.append(C).append(h), v = (p) => {
       const { x: g, y: x } = P.apply({
         x: Math.cos(p),
         y: Math.sin(p)
@@ -4709,7 +4709,6 @@ function gl(n) {
     layers: n.layers.map((s, i) => yl(s, i, t, o))
   };
 }
-var ny = 16384 * 16384;
 function xl() {
   return typeof CompressionStream < "u";
 }
@@ -4743,9 +4742,13 @@ async function wl(n, e, t, o) {
       if (f) break;
       d.push(lo("IDAT", w));
     }
-  })(), h = new Uint8Array([0]);
-  for (let f = 0; f < t; f++)
-    await l.ready, await l.write(h), await l.write(n.subarray(f * s, f * s + s)), o && (f & 1023) === 0 && o(f / t);
+  })(), 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;
+    await l.ready, await l.write(L), o && (f & 1023) === 0 && o(f / t);
+  }
   await l.close(), await u, o?.(1);
   const y = new Uint8Array([
     137,
@@ -4830,7 +4833,7 @@ function di(n, e) {
   const t = typeof n == "string" ? new Blob([n], { type: "application/octet-stream" }) : n, o = URL.createObjectURL(t), s = document.createElement("a");
   s.href = o, s.download = e, document.body.appendChild(s), s.click(), document.body.removeChild(s), URL.revokeObjectURL(o);
 }
-function oy(n) {
+function ny(n) {
   const { ext: e } = n, t = n.mime == null ? [] : Array.isArray(n.mime) ? n.mime : [n.mime], o = (s) => t.some((i) => s.startsWith(i));
   return (s) => s instanceof File ? (e?.test(s.name) ?? !1) || o(s.type) : s instanceof Blob ? o(s.type) : !1;
 }
@@ -5141,7 +5144,7 @@ function Ql(n, e) {
 function ec(n, e) {
   return IDBKeyRange.lowerBound(n, e);
 }
-var co = "custom", gi = "updates", sy = 500;
+var co = "custom", gi = "updates", oy = 500;
 function xi(n, e, t) {
   const [o] = Mn(n.db, [gi]);
   return Yl(o, ec(n._dbref, !1)).then((s) => {
@@ -5161,7 +5164,7 @@ function tc(n, e = !0) {
     }));
   });
 }
-var iy = (n) => pi(n), nc = class extends Bo {
+var sy = (n) => pi(n), nc = class extends Bo {
   name;
   doc;
   db = null;
@@ -5425,8 +5428,8 @@ var rc = class extends Bo {
             else {
               let w = this._pendingInserts.get(d);
               w || (w = /* @__PURE__ */ new Set(), this._pendingInserts.set(d, w)), w.add(() => {
-                const z = this._nodeMap.get(d);
-                z && y(z);
+                const L = this._nodeMap.get(d);
+                L && y(L);
               });
             }
           }), t.splice(a, 0, ...c), a += c.length;
@@ -5564,9 +5567,9 @@ var rc = class extends Bo {
     speed: 0
   });
   go(l.renderer), l.root.append(i.value), l.root.append(a.value), l.root.append(t.value);
-  const c = de(l), d = de(), u = de(new xt()), h = de(), y = de(), f = de([]), w = dt(/* @__PURE__ */ new Map()), z = de([]), F = de(new xt()), R = Y({
-    get: () => z.value.filter(($) => j($)),
-    set: ($) => z.value = $
+  const c = de(l), d = de(), u = de(new xt()), h = de(), y = de(), f = de([]), w = dt(/* @__PURE__ */ new Map()), L = de([]), V = de(new xt()), R = Y({
+    get: () => L.value.filter(($) => j($)),
+    set: ($) => L.value = $
   }), S = de(), A = de(), C = de(), P = de(e.mode ?? "canvas"), v = de(e.readonly ?? !1);
   function p($) {
     c.value.input.setCursor($);
@@ -5610,7 +5613,7 @@ var rc = class extends Bo {
       align: k(ee, Z)
     };
   };
-  function L($) {
+  function z($) {
     return $ instanceof In;
   }
   function N($) {
@@ -5649,8 +5652,8 @@ var rc = class extends Bo {
     root: t,
     nodes: f,
     nodeIndexMap: w,
-    selection: z,
-    selectionMarquee: F,
+    selection: L,
+    selectionMarquee: V,
     elementSelection: R,
     textSelection: S,
     hoverElement: A,
@@ -5664,7 +5667,7 @@ var rc = class extends Bo {
     setCursor: p,
     getGlobalPointer: b,
     parseAnchor: T,
-    isNode: L,
+    isNode: z,
     getNodeById: _,
     isRootNode: N,
     isElement: j,
@@ -5683,9 +5686,9 @@ var rc = class extends Bo {
       f.value.push(ze), w.set(ze.id, f.value.length - 1);
     }
     function ge() {
-      he(), z.value = [], A.value = void 0, S.value = void 0;
+      he(), L.value = [], A.value = void 0, S.value = void 0;
     }
-    e.debug && Be(z, (Le) => {
+    e.debug && Be(L, (Le) => {
       window.$$0 = Le[0];
     }), Be(ee, () => {
       S.value = void 0, A.value = void 0;
@@ -5703,7 +5706,7 @@ var rc = class extends Bo {
     }
     function ke() {
       const Le = c.value, ze = (Xe) => !!Xe && Le.getNodeById(Xe.id) === Xe;
-      z.value.some((Xe) => !ze(Xe)) && (z.value = z.value.filter(ze)), A.value && !ze(A.value) && (A.value = void 0);
+      L.value.some((Xe) => !ze(Xe)) && (L.value = L.value.filter(ze)), A.value && !ze(A.value) && (A.value = void 0);
     }
     let Ae = !1;
     function Ee() {
@@ -6219,9 +6222,9 @@ var rc = class extends Bo {
       }), g.style.left += E.left, g.style.top += E.top, g.style.width = E.width, g.style.height = E.height, g.updateGlobalTransform(), g.children.forEach((k, T) => {
         if (e(k)) {
           k.updateGlobalTransform();
-          const L = I[T], N = k.toLocal({
-            x: L.left + L.width / 2,
-            y: L.top + L.height / 2
+          const z = I[T], N = k.toLocal({
+            x: z.left + z.width / 2,
+            y: z.top + z.height / 2
           }), oe = k.pivot, j = k.style, G = [N.x - oe.x, N.y - oe.y], q = new Qn().scale(k.scale.x, k.scale.y).skew(k.skew.x, k.skew.y).rotate(k.rotation).apply({
             x: G[0],
             y: G[1]
@@ -6290,14 +6293,14 @@ var rc = class extends Bo {
   function w(g) {
     return y(new jn(g));
   }
-  function z(g) {
+  function L(g) {
     const x = t.value.zoom, b = t.value.position;
     return {
       x: g.x * x.x - b.x,
       y: g.y * x.y - b.y
     };
   }
-  function F(g) {
+  function V(g) {
     const x = t.value.zoom, b = t.value.position;
     return {
       x: (g.x + b.x) / x.x,
@@ -6307,12 +6310,12 @@ var rc = class extends Bo {
   const R = Y(() => {
     const g = t.value, { position: x, zoom: b } = g;
     x.x, x.y, b.x, b.y;
-    const { left: _, top: E, right: I, bottom: k } = a.value, { width: T, height: L } = r.value, N = g.toGlobal({
+    const { left: _, top: E, right: I, bottom: k } = a.value, { width: T, height: z } = r.value, N = g.toGlobal({
       x: _,
       y: E
     }), oe = g.toGlobal({
       x: T - (I + _),
-      y: L - (k + E)
+      y: z - (k + E)
     });
     return new xt({
       x: N.x,
@@ -6327,8 +6330,8 @@ var rc = class extends Bo {
     obbToDrawboardObb: w,
     getAabb: h,
     aabbToDrawboardAabb: f,
-    globalToDrawboard: z,
-    drawboardToGlobal: F,
+    globalToDrawboard: L,
+    drawboardToGlobal: V,
     viewportAabb: R,
     rootAabb: S,
     selectionAabb: A,
@@ -6375,21 +6378,21 @@ var rc = class extends Bo {
 }, xc = (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 z = s.value.canvas.frame.gap, { parent: F, index: R, sizeToFit: S, position: A, active: C, regenId: P } = w, v = F ? i(F) : void 0, p = Array.isArray(f);
+    const L = s.value.canvas.frame.gap, { parent: V, index: R, sizeToFit: S, position: A, active: C, regenId: P } = w, v = V ? i(V) : void 0, p = Array.isArray(f);
     let g = R;
     const x = e.value.transact(() => {
       const b = g, _ = (p ? f : [f]).map((k) => {
         let T;
-        F && F.id !== e.value.id ? T = F : T = e.value;
-        const L = {
+        V && V.id !== e.value.id ? T = V : T = e.value;
+        const z = {
           ...k,
           meta: {
             inCanvasIs: "Element2D",
             ...k?.meta ?? {}
           }
         };
-        P && delete L.id;
-        const N = e.value.proxyNode(In.parse(L));
+        P && delete z.id;
+        const N = e.value.proxyNode(In.parse(z));
         if (b === void 0 ? T.appendChild(N) : T.moveChild(N, b), g !== void 0 && g++, N.text.isValid() && (N.style.width || (N.style.width = N.text.base.boundingBox.width), N.style.height || (N.style.height = N.text.base.boundingBox.height)), v && v.width && v.height) {
           const { width: oe, height: j } = v, G = oe / 2, q = j / 2;
           if (N.style.width || (N.style.width = G), N.style.height || (N.style.height = q), S) {
@@ -6415,19 +6418,19 @@ var rc = class extends Bo {
             x: 0,
             y: 0
           };
-          const L = {
+          const z = {
             centerX: () => I.x = k.left + k.width / 2,
             centerY: () => I.y = k.top + k.height / 2
           };
           if (T.side === "center")
-            L.centerX(), L.centerY();
+            z.centerX(), z.centerY();
           else if (T.side === "left" || T.side === "right") {
             switch (T.side) {
               case "left":
-                I.x = k.left - (E.width + z);
+                I.x = k.left - (E.width + L);
                 break;
               case "right":
-                I.x = k.left + k.width + z;
+                I.x = k.left + k.width + L;
                 break;
             }
             switch (T.align) {
@@ -6438,16 +6441,16 @@ var rc = class extends Bo {
                 I.y = k.top + k.height;
                 break;
               case "center":
-                L.centerY();
+                z.centerY();
                 break;
             }
           } else if (T.side === "top" || T.side === "bottom") {
             switch (T.side) {
               case "top":
-                I.y = k.top - (E.height + z);
+                I.y = k.top - (E.height + L);
                 break;
               case "bottom":
-                I.y = k.top + k.height + z;
+                I.y = k.top + k.height + L;
                 break;
             }
             switch (T.align) {
@@ -6458,7 +6461,7 @@ var rc = class extends Bo {
                 I.x = k.left + k.width;
                 break;
               case "center":
-                L.centerX();
+                z.centerX();
                 break;
             }
           }
@@ -6474,30 +6477,30 @@ var rc = class extends Bo {
           x: Math.round(k.x - E.left),
           y: Math.round(k.y - E.top)
         };
-        _.forEach((L) => {
-          L.style.left += T.x, L.style.top += T.y;
+        _.forEach((z) => {
+          z.style.left += T.x, z.style.top += T.y;
         });
       } else I && _.forEach((k) => {
         k.style.left += Math.round(v ? v.left - I.x : I.x), k.style.top += Math.round(v ? v.top - I.y : I.y);
       });
       return _;
     });
-    return x.forEach((b) => b.updateGlobalTransform()), C && (l.value = x), !p && !F && u("nestIntoFrame", x[0]), p ? x : x[0];
+    return x.forEach((b) => b.updateGlobalTransform()), C && (l.value = x), !p && !V && u("nestIntoFrame", x[0]), p ? x : x[0];
   }
-  function y(f, w, z, F = {}) {
-    const R = Math.abs(w / f.style.width), S = Math.abs(z / f.style.height);
+  function y(f, w, L, V = {}) {
+    const R = Math.abs(w / f.style.width), S = Math.abs(L / f.style.height);
     if (n.applyResizeOverride(f, {
       scaleX: R,
       scaleY: S,
       newWidth: w,
-      newHeight: z,
-      options: F
+      newHeight: L,
+      options: V
     })) return;
     function A(C, P = !1) {
       const v = C.style;
       P && (v.left *= R, v.top *= S), v.width *= R, v.height *= S, C?.requestRender?.();
     }
-    A(f), F.deep && f.findOne((C) => (o(C) && A(C, !0), !1)), F.textToFit && u("textToFit", f), F.textFontSizeToFit && u("textFontSizeToFit", f, R);
+    A(f), V.deep && f.findOne((C) => (o(C) && A(C, !0), !1)), V.textToFit && u("textToFit", f), V.textFontSizeToFit && u("textFontSizeToFit", f, R);
   }
   Object.assign(n, {
     addElement: h,
@@ -6506,14 +6509,14 @@ var rc = class extends Bo {
   });
 }, bc = (n) => {
   const { map: e, register: t, unregister: o } = to((l) => l.name), s = de(!1), i = de(0), r = async ({ data: l, width: c, height: d, step: u, onFrame: h }) => {
-    const { startTime: y, endTime: f } = l.meta, w = Array.from({ length: ~~((f - y) / u) }, (z, F) => y + F * u);
+    const { startTime: y, endTime: f } = l.meta, w = Array.from({ length: ~~((f - y) / u) }, (L, V) => y + V * u);
     await n.runExclusiveRender(() => Jn({
       data: l,
       width: c,
       height: d,
       fonts: n.fonts,
       keyframes: w,
-      onKeyframe: (z, F) => h(z, F)
+      onKeyframe: (L, V) => h(L, V)
     }));
   }, a = (l, c = {}) => {
     i.value = 0;
@@ -6898,7 +6901,7 @@ var $c = (n, e) => {
   }
   const l = de([]);
   function c(f) {
-    const w = l.value.filter((z) => z !== f);
+    const w = l.value.filter((L) => L !== f);
     w.push(f), l.value = w;
   }
   function d(f) {
@@ -6948,7 +6951,7 @@ var Vc = (n) => {
     const u = /* @__PURE__ */ new Set(), h = /* @__PURE__ */ new Set();
     return t.forEach((y) => {
       const { xLines: f, yLines: w } = y.getLines();
-      f?.forEach((z) => u.add(z)), w?.forEach((z) => h.add(z));
+      f?.forEach((L) => u.add(L)), w?.forEach((L) => h.add(L));
     }), {
       axisX: u,
       axisY: h
@@ -6964,13 +6967,13 @@ var Vc = (n) => {
   }
   function l(u, h, y, f) {
     let w;
-    for (const z of h) {
-      const F = u + z, R = cn(y, F, f);
+    for (const L of h) {
+      const V = u + L, R = cn(y, V, f);
       if (R === void 0) continue;
-      const S = Math.abs(R - F);
+      const S = Math.abs(R - V);
       (!w || S < w.dist) && (w = {
         line: R,
-        offset: z,
+        offset: L,
         dist: S
       });
     }
@@ -6983,23 +6986,23 @@ var Vc = (n) => {
     snap: (u) => {
       const { axisX: h, axisY: y } = r(), f = o.value, w = l(u.left, a(u, "x"), h, f);
       w && (u.left = w.line - w.offset);
-      const z = l(u.top, a(u, "y"), y, f);
-      z && (u.top = z.line - z.offset);
+      const L = l(u.top, a(u, "y"), y, f);
+      L && (u.top = L.line - L.offset);
     },
     snapResize: (u, h) => {
       if (h.length !== 1) return;
-      const { axisX: y, axisY: f } = r(), w = o.value, z = u.left + u.width, F = u.top + u.height;
+      const { axisX: y, axisY: f } = r(), w = o.value, L = u.left + u.width, V = u.top + u.height;
       if (h === "l") {
         const R = cn(y, u.left, w);
-        R !== void 0 && z - R >= 1 && (u.left = R, u.width = z - R);
+        R !== void 0 && L - R >= 1 && (u.left = R, u.width = L - R);
       } else if (h === "r") {
-        const R = cn(y, z, w);
+        const R = cn(y, L, w);
         R !== void 0 && R - u.left >= 1 && (u.width = R - u.left);
       } else if (h === "t") {
         const R = cn(f, u.top, w);
-        R !== void 0 && F - R >= 1 && (u.top = R, u.height = F - R);
+        R !== void 0 && V - R >= 1 && (u.top = R, u.height = V - R);
       } else if (h === "b") {
-        const R = cn(f, F, w);
+        const R = cn(f, V, w);
         R !== void 0 && R - u.top >= 1 && (u.height = R - u.top);
       }
     }
@@ -7108,13 +7111,13 @@ var Dc = bi, Bc = (n) => {
   Uc,
   jc
 ];
-function ry(n) {
+function iy(n) {
   return n.type === "panel";
 }
-function ay(n) {
+function ry(n) {
   return n.type === "overlay";
 }
-function ly(n) {
+function ay(n) {
   return n.type === "dialog";
 }
 function $e(n, e) {
@@ -7143,29 +7146,29 @@ var Xc = $e((n) => {
   function h(k) {
     const T = c === void 0 ? 0 : k - c;
     c = k;
-    const L = [];
+    const z = [];
     a.forEach((N) => {
       if (N.t += T * N.rate, N.loop)
         N.span > 0 && (N.t %= N.span);
       else if (N.t >= N.span) {
-        N.t = N.span, u(N), L.push(N.node);
+        N.t = N.span, u(N), z.push(N.node);
         return;
       }
       u(N);
-    }), L.forEach((N) => a.delete(N)), a.size ? l = requestAnimationFrame(h) : (l = void 0, c = void 0);
+    }), z.forEach((N) => a.delete(N)), a.size ? l = requestAnimationFrame(h) : (l = void 0, c = void 0);
   }
   function y() {
     l === void 0 && (c = void 0, l = requestAnimationFrame(h));
   }
   function f(k = o.value[0], T = !0) {
     if (!k) return;
-    const L = d(k);
-    if (!L.length) return;
-    L.forEach((G) => G.setStandalone(!0));
-    const N = Math.max(0, ...L.map((G) => (G.delay ?? 0) + (G.duration ?? 0))), oe = L.some((G) => !!G.loop), j = a.get(k);
+    const z = d(k);
+    if (!z.length) return;
+    z.forEach((G) => G.setStandalone(!0));
+    const N = Math.max(0, ...z.map((G) => (G.delay ?? 0) + (G.duration ?? 0))), oe = z.some((G) => !!G.loop), j = a.get(k);
     a.set(k, {
       node: k,
-      anims: L,
+      anims: z,
       span: N,
       loop: oe,
       rate: 1,
@@ -7175,10 +7178,10 @@ var Xc = $e((n) => {
   function w(k = o.value[0]) {
     k && a.delete(k);
   }
-  function z(k = o.value[0]) {
+  function L(k = o.value[0]) {
     k && (a.has(k) ? w(k) : f(k, !1));
   }
-  function F(k = o.value[0]) {
+  function V(k = o.value[0]) {
     k && (a.delete(k), d(k).forEach((T) => T.setStandalone(!1)));
   }
   function R(k = o.value[0]) {
@@ -7186,25 +7189,25 @@ var Xc = $e((n) => {
   }
   function S(k, T) {
     if (!k) return;
-    const L = r(k);
-    L.keyframes = T(L.keyframes ?? []);
+    const z = r(k);
+    z.keyframes = T(z.keyframes ?? []);
   }
-  function A(k, T, L = o.value[0]) {
-    S(L, (N) => Sn(N, {
+  function A(k, T, z = o.value[0]) {
+    S(z, (N) => Sn(N, {
       ...T,
       offset: k
     }));
   }
   function C(k, T = o.value[0]) {
-    S(T, (L) => js(L, k));
+    S(T, (z) => js(z, k));
   }
-  function P(k, T, L = o.value[0]) {
-    S(L, (N) => Hs(N, k, T));
+  function P(k, T, z = o.value[0]) {
+    S(z, (N) => Hs(N, k, T));
   }
   function v(k, T = o.value[0]) {
     if (!T) return;
-    const L = r(T);
-    k.duration !== void 0 && (L.duration = k.duration), k.delay !== void 0 && (L.delay = k.delay);
+    const z = r(T);
+    k.duration !== void 0 && (z.duration = k.duration), k.delay !== void 0 && (z.delay = k.delay);
   }
   function p(k) {
     const T = k.style;
@@ -7222,19 +7225,19 @@ var Xc = $e((n) => {
   }
   function x(k, T = o.value[0]) {
     if (!T) return;
-    const L = n.getAnimationPreset(k);
-    if (!L) return;
-    const N = L.build(p(T)), oe = 3e3;
+    const z = n.getAnimationPreset(k);
+    if (!z) return;
+    const N = z.build(p(T)), oe = 3e3;
     let j = T.duration;
     (!j || j <= 0) && (j = oe);
-    const G = L.category === "out" ? Math.max(0, j - L.duration) : 0, q = T, K = q.children.find((H) => H instanceof Ut && g(H) === L.category);
+    const G = z.category === "out" ? Math.max(0, j - z.duration) : 0, q = T, K = q.children.find((H) => H instanceof Ut && g(H) === z.category);
     e.value?.transact(() => {
       (!q.duration || q.duration <= 0) && (q.duration = j);
       let H = K;
       H || (H = new Ut({
-        duration: L.duration,
+        duration: z.duration,
         keyframes: []
-      }), q.appendChild(H)), H.keyframes = N, H.duration = L.duration, H.delay = G, H.loop = !!L.loop, H.meta.presetCategory = L.category, H.meta.presetId = k;
+      }), q.appendChild(H)), H.keyframes = N, H.duration = z.duration, H.delay = G, H.loop = !!z.loop, H.meta.presetCategory = z.category, H.meta.presetId = k;
     }), n.recomputeTimelineEndTime?.();
   }
   function b() {
@@ -7244,14 +7247,14 @@ var Xc = $e((n) => {
     return b()?.toJSON?.()?.easings ?? {};
   }
   function E(k, T) {
-    const L = b();
-    L && (L.easings = {
+    const z = b();
+    z && (z.easings = {
       ..._(),
       [k]: T
     });
   }
   function I(k = {}) {
-    const T = s.value, L = k.width ?? T.width ?? 800, N = k.height ?? T.height ?? 600, oe = k.fps ?? n.fps?.value ?? 30, j = _(), G = [];
+    const T = s.value, z = k.width ?? T.width ?? 800, N = k.height ?? T.height ?? 600, oe = k.fps ?? n.fps?.value ?? 30, j = _(), G = [];
     let q = 0;
     return e.value?.findOne((K) => {
       if (t(K)) {
@@ -7276,7 +7279,7 @@ var Xc = $e((n) => {
       }
       return !1;
     }), gl({
-      width: L,
+      width: z,
       height: N,
       fps: oe,
       durationMs: q || 1e3,
@@ -7321,11 +7324,11 @@ var Xc = $e((n) => {
       },
       {
         command: "toggleElementAnimation",
-        handle: z
+        handle: L
       },
       {
         command: "stopElementAnimation",
-        handle: F
+        handle: V
       },
       {
         command: "registerEasing",
@@ -7375,7 +7378,7 @@ var Xc = $e((n) => {
       h && e(h) && (u = h.globalAabb);
     } else u = s(t.value);
     u && t.value.forEach((h) => {
-      const y = h.getParent()?.globalAabb ?? new xt(), f = h.size.x / 2, w = h.size.y / 2, z = Math.cos(h.rotation), F = Math.sin(h.rotation), R = Math.abs(f * z) + Math.abs(w * F), S = Math.abs(f * F) + Math.abs(w * z);
+      const y = h.getParent()?.globalAabb ?? new xt(), f = h.size.x / 2, w = h.size.y / 2, L = Math.cos(h.rotation), V = Math.sin(h.rotation), R = Math.abs(f * L) + Math.abs(w * V), S = Math.abs(f * V) + Math.abs(w * L);
       switch (c) {
         case "left":
           h.style.left = u.left - y.left + R - f;
@@ -7411,7 +7414,7 @@ var Xc = $e((n) => {
         h = "top", y = "height";
         break;
     }
-    const f = [...d].sort((P, v) => P.globalAabb[h] - v.globalAabb[h]), w = f[0], z = f[u - 1], F = w.globalAabb[h], R = z.globalAabb[h] + z.globalAabb[y], S = f.reduce((P, v) => P + v.globalAabb[y], 0), A = (R - F - S) / (u - 1);
+    const f = [...d].sort((P, v) => P.globalAabb[h] - v.globalAabb[h]), w = f[0], L = f[u - 1], V = w.globalAabb[h], R = L.globalAabb[h] + L.globalAabb[y], S = f.reduce((P, v) => P + v.globalAabb[y], 0), A = (R - V - S) / (u - 1);
     let C = w.globalAabb[h] + w.globalAabb[y];
     for (let P = 1; P < u - 1; P++) {
       const v = f[P];
@@ -7436,13 +7439,13 @@ var Xc = $e((n) => {
         cy: k.top + k.height / 2
       };
     }), h = [], y = [...u].sort((I, k) => I.cy - k.cy);
-    let f = [y[0]], w = y[0].cy, z = y[0].height;
+    let f = [y[0]], w = y[0].cy, L = y[0].height;
     for (let I = 1; I < y.length; I++) {
-      const k = y[I], T = w / f.length, L = Math.max(z, k.height) / 2;
-      Math.abs(k.cy - T) <= L ? (f.push(k), w += k.cy, z = Math.max(z, k.height)) : (h.push(f), f = [k], w = k.cy, z = k.height);
+      const k = y[I], T = w / f.length, z = Math.max(L, k.height) / 2;
+      Math.abs(k.cy - T) <= z ? (f.push(k), w += k.cy, L = Math.max(L, k.height)) : (h.push(f), f = [k], w = k.cy, L = k.height);
     }
     h.push(f), h.forEach((I) => I.sort((k, T) => k.cx - T.cx));
-    const F = Math.max(...h.map((I) => I.length)), R = Array.from({ length: F }, () => 0);
+    const V = Math.max(...h.map((I) => I.length)), R = Array.from({ length: V }, () => 0);
     h.forEach((I) => I.forEach((k, T) => {
       R[T] = Math.max(R[T], k.width);
     }));
@@ -7455,20 +7458,20 @@ var Xc = $e((n) => {
     });
     const C = [];
     for (let I = 1; I < h.length; I++) {
-      const k = Math.max(...h[I - 1].map((L) => L.top + L.height)), T = Math.min(...h[I].map((L) => L.top)) - k;
+      const k = Math.max(...h[I - 1].map((z) => z.top + z.height)), T = Math.min(...h[I].map((z) => z.top)) - k;
       T >= 0 && C.push(T);
     }
     const P = A.length ? Math.min(...A) : d, v = C.length ? Math.min(...C) : d, p = Math.min(...u.map((I) => I.left)), g = Math.min(...u.map((I) => I.top)), x = [];
     let b = p;
-    for (let I = 0; I < F; I++)
+    for (let I = 0; I < V; I++)
       x[I] = b, b += R[I] + P;
     const _ = [];
     let E = g;
     for (let I = 0; I < h.length; I++)
       _[I] = E, E += S[I] + v;
     h.forEach((I, k) => {
-      I.forEach((T, L) => {
-        const N = x[L] + T.width / 2, oe = _[k] + T.height / 2, j = T.el.getParent()?.globalAabb;
+      I.forEach((T, z) => {
+        const N = x[z] + T.width / 2, oe = _[k] + T.height / 2, j = T.el.getParent()?.globalAabb;
         T.el.style.left = N - T.el.style.width / 2 - (j?.left ?? 0), T.el.style.top = oe - T.el.style.height / 2 - (j?.top ?? 0);
       });
     });
@@ -7601,10 +7604,10 @@ var Xc = $e((n) => {
   let a;
   function l(c, d) {
     if (c.meta?.inEditorIs?.startsWith("Workflow")) return;
-    const u = d?.pointer, h = c.findAncestor((z) => o(z, !0)), y = c.globalAabb, f = y.getArea();
+    const u = d?.pointer, h = c.findAncestor((L) => o(L, !0)), y = c.globalAabb, f = y.getArea();
     let w = !0;
-    for (let z = 0, F = t.value.length; z < F; z++) {
-      const R = t.value[z];
+    for (let L = 0, V = t.value.length; L < V; L++) {
+      const R = t.value[L];
       if (d?.excluded.has(R.instanceId) || R.equal(c)) continue;
       const S = R.globalAabb;
       if (u ? S.contains(u) : y && y.getIntersectionRect(S).getArea() > f * 0.5) {
@@ -7617,8 +7620,8 @@ var Xc = $e((n) => {
       }
     }
     if (w && h) {
-      let z = i.value.children.length;
-      i.value.equal(d?.parent) && (z = d.index), i.value.moveChild(c, z), c.style.left = y.x, c.style.top = y.y, c.updateGlobalTransform(), s("layerScrollIntoView");
+      let L = i.value.children.length;
+      i.value.equal(d?.parent) && (L = d.index), i.value.moveChild(c, L), c.style.left = y.x, c.style.top = y.y, c.updateGlobalTransform(), s("layerScrollIntoView");
     }
   }
   return {
@@ -7632,7 +7635,7 @@ var Xc = $e((n) => {
         if (c !== "move" || d?.__FROM__) return;
         const u = e(), h = t.value.find((f) => f.globalAabb.contains(u)), y = /* @__PURE__ */ new Set();
         if (r.value.forEach((f) => {
-          const w = o(f, !0) ? f : f.findAncestor((z) => o(z, !0));
+          const w = o(f, !0) ? f : f.findAncestor((L) => o(L, !0));
           w ? w.equal(h) && y.add(w.instanceId) : y.add(0);
         }), y.size === 1) {
           const f = {};
@@ -7703,7 +7706,7 @@ var Xc = $e((n) => {
       o(), e.on("historyChanged", o);
     }), Wi(() => {
       e.off("historyChanged", o);
-    }), (r, a) => (U(), J("div", Kc, [t.value.length ? _e("", !0) : (U(), J("div", Zc, be(V(e).t("components.empty")), 1)), (U(!0), J(we, null, Pe(t.value, (l) => (U(), J("div", {
+    }), (r, a) => (U(), J("div", Kc, [t.value.length ? _e("", !0) : (U(), J("div", Zc, be(F(e).t("components.empty")), 1)), (U(!0), J(we, null, Pe(t.value, (l) => (U(), J("div", {
       key: l.id,
       class: "mce-components__item",
       title: l.name,
@@ -7802,14 +7805,14 @@ var Xc = $e((n) => {
       return v?.inEditorIs === "Instance" && v.componentId === A && t(P) && C(P), !1;
     });
   }
-  function z(A) {
+  function L(A) {
     w(A, u);
   }
-  function F(A, C = o.value[0]) {
+  function V(A, C = o.value[0]) {
     !l(A) || !C || (a(r().map((P) => P.id === A ? {
       ...P,
       node: C.toJSON()
-    } : P)), z(A));
+    } : P)), L(A));
   }
   function R(A) {
     if (!Array.isArray(A) || A.length === 0) return;
@@ -7856,11 +7859,11 @@ var Xc = $e((n) => {
       },
       {
         command: "updateComponent",
-        handle: F
+        handle: V
       },
       {
         command: "syncInstancesOf",
-        handle: z
+        handle: L
       },
       {
         command: "getComponents",
@@ -7887,18 +7890,18 @@ var Xc = $e((n) => {
   function w(P) {
     P.findOne((v) => (v instanceof Ht && (v.foreground.texture?.destroy(), v.foreground.animatedTexture?.destroy(), v.fill.texture?.destroy(), v.fill.animatedTexture?.destroy(), v.background.texture?.destroy(), v.background.animatedTexture?.destroy()), !1));
   }
-  function z(P) {
+  function L(P) {
     if (Array.isArray(P)) return P;
     const v = P instanceof ln ? P : new ln(P);
     v.init();
     const p = v.toJSON().children ?? [];
     return v.destroy(), p;
   }
-  const F = (P) => {
+  const V = (P) => {
     d.clear();
     const v = t.value;
     if (n.collaboration?.active?.value) {
-      const g = z(P);
+      const g = L(P);
       return w(v), v.transact(() => v.set({ children: g }), !0), v.clearHistory(), s("docSet", v, v), v;
     }
     const p = P instanceof ln ? P : new ln(P);
@@ -7909,22 +7912,22 @@ var Xc = $e((n) => {
       await c();
       const v = new ln(await o(P));
       a.value.db.local && await v.loadIndexeddb();
-      const p = F(v);
+      const p = V(v);
       return s("docLoaded", P, p), i.value = !1, p;
     } catch (v) {
       throw s("docLoaded", P, v), i.value = !1, v;
     }
   }, S = async () => {
-    F([]), s("docCleared");
+    V([]), s("docCleared");
   }, A = async () => {
-    F([]);
+    V([]);
   }, C = async () => {
     const [P] = await u();
     P && await R(P);
   };
   return Object.assign(n, {
     getDoc: h,
-    setDoc: F,
+    setDoc: V,
     loadDoc: R,
     clearDoc: S,
     newDoc: A,
@@ -7938,7 +7941,7 @@ var Xc = $e((n) => {
       },
       {
         command: "setDoc",
-        handle: F
+        handle: V
       },
       {
         command: "loadDoc",
@@ -7966,7 +7969,7 @@ var Xc = $e((n) => {
     }],
     setup: async () => {
       const { doc: P } = e;
-      P ? await F(P) : e.db?.local && await t.value.loadIndexeddb();
+      P ? await V(P) : e.db?.local && await t.value.loadIndexeddb();
     }
   };
 }), iu = $e((n, e) => {
@@ -7987,7 +7990,7 @@ var Xc = $e((n) => {
       }), o.value = [];
     }
     l.value = void 0;
-  }, z = async (g) => {
+  }, L = async (g) => {
     if (typeof g == "string")
       y && await navigator.clipboard.write([new ClipboardItem({ "text/plain": new Blob([g], { type: "text/plain" }) })]);
     else if (g instanceof Blob)
@@ -8036,7 +8039,7 @@ var Xc = $e((n) => {
       }
       Array.isArray(g) && (h.value = g);
     }
-  }, F = async (g, x = {}) => {
+  }, V = async (g, x = {}) => {
     let b = await c(g, {
       selected: !0,
       ...x
@@ -8044,7 +8047,7 @@ var Xc = $e((n) => {
     const _ = d.get(g);
     _ && typeof _.copyAs == "function" && (b = _.copyAs(b)), s("copy", b);
   }, R = async () => {
-    await z(), s("delete");
+    await L(), s("delete");
   };
   let S = !1, A;
   function C() {
@@ -8093,7 +8096,7 @@ var Xc = $e((n) => {
         }
         case "string":
           if (E.type === "application/json") {
-            const I = await new Promise((L) => E.getAsString(L)), k = new Blob([I], { type: E.type }), T = new File([k], "data.json", { type: E.type });
+            const I = await new Promise((z) => E.getAsString(z)), k = new Blob([I], { type: E.type }), T = new File([k], "data.json", { type: E.type });
             _.push(new ClipboardItem({ [E.type]: T }));
           }
           break;
@@ -8134,11 +8137,11 @@ var Xc = $e((n) => {
       },
       {
         command: "copy",
-        handle: z
+        handle: L
       },
       {
         command: "copyAs",
-        handle: F
+        handle: V
       },
       {
         command: "cut",
@@ -8270,13 +8273,13 @@ var Xc = $e((n) => {
   function w() {
     h() ? f() : y();
   }
-  function z(R, S) {
+  function L(R, S) {
     const A = u();
     if (!A) return;
     const C = A.style;
     C[R] = S, A.requestDraw?.();
   }
-  function F(R) {
+  function V(R) {
     return u()?.style?.[R];
   }
   return {
@@ -8300,11 +8303,11 @@ var Xc = $e((n) => {
       },
       {
         command: "setFlexStyle",
-        handle: z
+        handle: L
       },
       {
         command: "getFlexStyle",
-        handle: F
+        handle: V
       }
     ],
     events: {
@@ -8419,8 +8422,8 @@ var _s = Se({
   },
   setup(n) {
     const e = n, t = Is(), { iconData: o } = fu(Y(() => e.icon)), s = !!(t.onClick || t.onClickOnce);
-    return (i, r) => (U(), Fe(No(V(o).component), {
-      icon: V(o).icon,
+    return (i, r) => (U(), Fe(No(F(o).component), {
+      icon: F(o).icon,
       tag: e.tag,
       class: De(["m-icon", { "m-icon--disabled": e.disabled }]),
       role: s ? "button" : void 0,
@@ -8703,7 +8706,7 @@ function ku(n) {
     "--m-layout-top": On(f.value.top),
     "--m-layout-bottom": On(f.value.bottom),
     ...y.value ? void 0 : { transition: "none" }
-  })), z = Y(() => h.value.slice(1).map(({ id: A }, C) => {
+  })), L = Y(() => h.value.slice(1).map(({ id: A }, C) => {
     const { layer: P } = h.value[C], v = i.get(A), p = s.get(A);
     return {
       id: A,
@@ -8711,7 +8714,7 @@ function ku(n) {
       size: Number(v.value),
       position: p.value
     };
-  })), F = (A) => z.value.find((C) => C.id === A), R = Qt(), S = Zt(!1);
+  })), V = (A) => L.value.find((C) => C.id === A), R = Qt(), S = Zt(!1);
   return Vt(() => {
     S.value = !0;
   }), Yt(Kn, {
@@ -8719,17 +8722,17 @@ function ku(n) {
       r.set(C, P), s.set(C, v), i.set(C, p), a.set(C, x), b && l.set(C, b);
       const _ = dn(Ci, R?.vnode).indexOf(A);
       _ > -1 ? o.value.splice(_, 0, C) : o.value.push(C);
-      const E = Y(() => z.value.findIndex((k) => k.id === C)), I = Y(() => t.value + h.value.length * 2 - E.value * 2);
+      const E = Y(() => L.value.findIndex((k) => k.id === C)), I = Y(() => t.value + h.value.length * 2 - E.value * 2);
       return {
         layoutItemStyles: Y(() => {
-          const k = v.value === "left" || v.value === "right", T = v.value === "right", L = v.value === "bottom", N = g.value ?? p.value, oe = N === 0 ? "%" : "px", j = {
+          const k = v.value === "left" || v.value === "right", T = v.value === "right", z = v.value === "bottom", N = g.value ?? p.value, oe = N === 0 ? "%" : "px", j = {
             [v.value]: 0,
             zIndex: I.value,
-            transform: `translate${k ? "X" : "Y"}(${(x.value ? 0 : -(N === 0 ? 100 : N)) * (T || L ? -1 : 1)}${oe})`,
+            transform: `translate${k ? "X" : "Y"}(${(x.value ? 0 : -(N === 0 ? 100 : N)) * (T || z ? -1 : 1)}${oe})`,
             ...y.value ? void 0 : { transition: "none" }
           };
           if (!S.value) return j;
-          const G = z.value[E.value];
+          const G = L.value[E.value];
           G || ft.warn(`Could not find layout item "${C}"`);
           const q = u.value.get(C);
           return q && (G[q.position] += q.amount), {
@@ -8751,8 +8754,8 @@ function ku(n) {
     },
     mainRect: f,
     mainStyles: w,
-    getLayoutItem: F,
-    items: z,
+    getLayoutItem: V,
+    items: L,
     layoutRect: d,
     rootZIndex: t
   }), {
@@ -8762,8 +8765,8 @@ function ku(n) {
       position: e ? "relative" : void 0,
       overflow: e ? "hidden" : void 0
     })),
-    getLayoutItem: F,
-    items: z,
+    getLayoutItem: V,
+    items: L,
     layoutRect: d,
     layoutRef: c
   };
@@ -8867,35 +8870,35 @@ var Eu = /* @__PURE__ */ Se({
       }
     }
     return (f, w) => pt((U(), J("div", {
-      style: Ie(V(o)(e.value, "drawboard").toCssStyle()),
+      style: Ie(F(o)(e.value, "drawboard").toCssStyle()),
       class: De(["m-frame", [
         n.outline && "m-frame--outline",
-        V(s)?.equal(e.value) && "m-frame--hover",
-        V(i).some((z) => z.equal(e.value)) && "m-frame--selected",
-        V(d)(e.value) && "m-frame--lock"
+        F(s)?.equal(e.value) && "m-frame--hover",
+        F(i).some((L) => L.equal(e.value)) && "m-frame--selected",
+        F(d)(e.value) && "m-frame--lock"
       ]])
     }, [W("div", {
       class: "m-frame__name",
       onDblclick: Je(h, ["prevent", "stop"]),
       onPointerdown: y,
-      onPointerenter: w[2] || (w[2] = (z) => !V(r) && !V(d)(e.value) && (s.value = e.value)),
-      onPointerleave: w[3] || (w[3] = (z) => !V(r) && !V(d)(e.value) && (s.value = void 0))
+      onPointerenter: w[2] || (w[2] = (L) => !F(r) && !F(d)(e.value) && (s.value = e.value)),
+      onPointerleave: w[3] || (w[3] = (L) => !F(r) && !F(d)(e.value) && (s.value = void 0))
     }, [W("div", null, be(e.value.name), 1), u.value ? pt((U(), J("input", {
       key: 0,
       ref: "inputTpl",
-      "onUpdate:modelValue": w[0] || (w[0] = (z) => e.value.name = z),
+      "onUpdate:modelValue": w[0] || (w[0] = (L) => e.value.name = L),
       name: "frame-name",
-      onBlur: w[1] || (w[1] = (z) => u.value = !1)
+      onBlur: w[1] || (w[1] = (L) => u.value = !1)
     }, null, 544)), [[$n, e.value.name]]) : _e("", !0)], 32)], 6)), [[$s, e.value.visible]]);
   }
 }), Tu = Eu, Au = { class: "m-frames" }, Pu = /* @__PURE__ */ Se({
   __name: "Frames",
   setup(n) {
     const { frames: e, getConfigRef: t } = qe(), o = t("canvas.frame");
-    return (s, i) => (U(), J("div", Au, [(U(!0), J(we, null, Pe(V(e), (r, a) => (U(), Fe(Tu, {
+    return (s, i) => (U(), J("div", Au, [(U(!0), J(we, null, Pe(F(e), (r, a) => (U(), Fe(Tu, {
       key: a,
       "model-value": r,
-      outline: V(o).outline
+      outline: F(o).outline
     }, null, 8, ["model-value", "outline"]))), 128))]));
   }
 }), Iu = Pu, $u = $e((n) => {
@@ -8946,7 +8949,7 @@ var Eu = /* @__PURE__ */ Se({
       let y = null;
       function f(w) {
         y?.(), i.value.thumbnail && c();
-        function z(R, S) {
+        function L(R, S) {
           if (i.value.thumbnail && l(R, "Frame")) {
             const A = u.value.findIndex((C) => C.equal(R));
             h.value.splice(A, 0, {
@@ -8957,11 +8960,11 @@ var Eu = /* @__PURE__ */ Se({
             }), d(A);
           }
         }
-        function F(R, S) {
+        function V(R, S) {
           i.value.thumbnail && l(R, "Frame") && h.value.splice(h.value.findIndex((A) => A.instanceId === R.instanceId), 1);
         }
-        w.on("addChild", z), w.on("removeChild", F), y = () => {
-          w.off("addChild", z), w.off("removeChild", F);
+        w.on("addChild", L), w.on("removeChild", V), y = () => {
+          w.off("addChild", L), w.off("removeChild", V);
         };
       }
       bt(() => {
@@ -9039,10 +9042,10 @@ var Eu = /* @__PURE__ */ Se({
     }, null, 8, Ru)])) : i.value ? (U(), J("div", {
       key: 1,
       class: "m-hover",
-      "data-name": V(t)?.name,
+      "data-name": F(t)?.name,
       style: Ie({
         borderColor: "currentcolor",
-        borderRadius: `${(V(t)?.style?.borderRadius ?? 0) * V(s).zoom.x}px`,
+        borderRadius: `${(F(t)?.style?.borderRadius ?? 0) * F(s).zoom.x}px`,
         ...l.value.toCssStyle()
       })
     }, null, 12, Ou)) : _e("", !0);
@@ -9065,8 +9068,8 @@ var Eu = /* @__PURE__ */ Se({
       name: d,
       saveAs: !0,
       handle: async (u) => {
-        const h = await o("json", u), y = Math.max(1, Math.floor(h.style.width)), f = Math.max(1, Math.floor(h.style.height)), w = (F) => {
-          F.root.append(new Ro({
+        const h = await o("json", u), y = Math.max(1, Math.floor(h.style.width)), f = Math.max(1, Math.floor(h.style.height)), w = (V) => {
+          V.root.append(new Ro({
             ...r.value.getProperties(),
             internalMode: "back",
             effectMode: "before",
@@ -9074,22 +9077,22 @@ var Eu = /* @__PURE__ */ Se({
             pixelGrid: !1
           }));
         };
-        if (d === "png" && y * f > 268435456 && xl()) return wl(await a(() => qi({
+        if (d === "png" && xl()) return wl(await a(() => qi({
           data: h,
           fonts: s,
           width: y,
           height: f,
           onBefore: w
         })), y, f);
-        const z = await a(() => Jn({
+        const L = await a(() => Jn({
           data: h,
           fonts: s,
           width: h.style.width,
           height: h.style.height,
           onBefore: w
         }));
-        return await new Promise((F) => {
-          z.toBlob((R) => F(R), d === "jpg" ? "image/jpeg" : `image/${d}`);
+        return await new Promise((V) => {
+          L.toBlob((R) => V(R), d === "jpg" ? "image/jpeg" : `image/${d}`);
         });
       }
     };
@@ -9178,11 +9181,11 @@ var Eu = /* @__PURE__ */ Se({
         top: d.top
       };
     }
-    return (c, d) => V(s) ? _e("", !0) : (U(), J("div", qu, [(U(!0), J(we, null, Pe(a.value, (u) => (U(), J("div", {
+    return (c, d) => F(s) ? _e("", !0) : (U(), J("div", qu, [(U(!0), J(we, null, Pe(a.value, (u) => (U(), J("div", {
       key: u.id,
       class: "m-itx-badge",
       style: Ie(l(u))
-    }, [Me(V(je), { icon: "$gps" })], 4))), 128))]));
+    }, [Me(F(je), { icon: "$gps" })], 4))), 128))]));
   }
 }), ju = Uu, Hu = { class: "m-interactions" }, Xu = { class: "m-interactions__head" }, Yu = { class: "m-interactions__scroll" }, Gu = {
   key: 0,
@@ -9236,13 +9239,13 @@ var Eu = /* @__PURE__ */ Se({
         action: "restart"
       }]);
     }
-    function z(C, P) {
+    function L(C, P) {
       f(u.value.map((v, p) => p === C ? {
         ...v,
         ...P
       } : v));
     }
-    function F(C) {
+    function V(C) {
       f(u.value.filter((P, v) => v !== C));
     }
     const R = [
@@ -9252,9 +9255,9 @@ var Eu = /* @__PURE__ */ Se({
       "<"
     ];
     function S(C, P) {
-      if (!P) return z(C, { condition: void 0 });
+      if (!P) return L(C, { condition: void 0 });
       const v = u.value[C].condition;
-      z(C, { condition: {
+      L(C, { condition: {
         variableId: P,
         op: v?.op ?? "==",
         value: v?.value ?? ""
@@ -9262,19 +9265,19 @@ var Eu = /* @__PURE__ */ Se({
     }
     function A(C, P) {
       const v = u.value[C].condition;
-      v && z(C, { condition: {
+      v && L(C, { condition: {
         ...v,
         ...P
       } });
     }
     return (C, P) => (U(), J("div", Hu, [W("div", Xu, [W("button", {
-      class: De(["m-interactions__preview", { "m-interactions__preview--on": V(i) }]),
+      class: De(["m-interactions__preview", { "m-interactions__preview--on": F(i) }]),
       type: "button",
-      onClick: P[0] || (P[0] = (v) => V(o)("togglePreview"))
-    }, [Me(V(je), { icon: V(i) ? "$pause" : "$play" }, null, 8, ["icon"]), mt(" " + be(V(i) ? V(s)("exitPreview") : V(s)("preview")), 1)], 2), W("label", Yu, [pt(W("input", {
+      onClick: P[0] || (P[0] = (v) => F(o)("togglePreview"))
+    }, [Me(F(je), { icon: F(i) ? "$pause" : "$play" }, null, 8, ["icon"]), mt(" " + be(F(i) ? F(s)("exitPreview") : F(s)("preview")), 1)], 2), W("label", Yu, [pt(W("input", {
       "onUpdate:modelValue": P[1] || (P[1] = (v) => Gn(r) ? r.value = v : null),
       type: "checkbox"
-    }, null, 512), [[Qi, V(r)]]), mt(" " + be(V(s)("scrollDriven")), 1)])]), c.value ? (U(), J(we, { key: 1 }, [(U(!0), J(we, null, Pe(u.value, (v, p) => (U(), J("div", {
+    }, null, 512), [[Qi, F(r)]]), mt(" " + be(F(s)("scrollDriven")), 1)])]), c.value ? (U(), J(we, { key: 1 }, [(U(!0), J(we, null, Pe(u.value, (v, p) => (U(), J("div", {
       key: v.id,
       class: "m-interactions__row"
     }, [
@@ -9282,29 +9285,29 @@ var Eu = /* @__PURE__ */ Se({
         W("select", {
           class: "m-interactions__select",
           value: v.trigger,
-          onChange: (g) => z(p, { trigger: g.target.value })
+          onChange: (g) => L(p, { trigger: g.target.value })
         }, [(U(), J(we, null, Pe(a, (g) => W("option", {
           key: g,
           value: g
-        }, be(V(s)(`trigger_${g}`)), 9, Zu)), 64))], 40, Ku),
-        Me(V(je), {
+        }, be(F(s)(`trigger_${g}`)), 9, Zu)), 64))], 40, Ku),
+        Me(F(je), {
           icon: "$arrowRight",
           class: "m-interactions__arrow"
         }),
         W("select", {
           class: "m-interactions__select",
           value: v.action,
-          onChange: (g) => z(p, { action: g.target.value })
+          onChange: (g) => L(p, { action: g.target.value })
         }, [(U(), J(we, null, Pe(l, (g) => W("option", {
           key: g,
           value: g
-        }, be(V(s)(`action_${g}`)), 9, Qu)), 64))], 40, Ju),
+        }, be(F(s)(`action_${g}`)), 9, Qu)), 64))], 40, Ju),
         W("button", {
           class: "m-interactions__del",
           type: "button",
-          title: V(s)("removeInteraction"),
-          onClick: (g) => F(p)
-        }, [Me(V(je), { icon: "$close" })], 8, ed)
+          title: F(s)("removeInteraction"),
+          onClick: (g) => V(p)
+        }, [Me(F(je), { icon: "$close" })], 8, ed)
       ]),
       v.action === "openUrl" ? (U(), J("input", {
         key: 0,
@@ -9312,36 +9315,36 @@ var Eu = /* @__PURE__ */ Se({
         type: "text",
         value: v.url ?? "",
         placeholder: "https://",
-        onChange: (g) => z(p, { url: g.target.value })
+        onChange: (g) => L(p, { url: g.target.value })
       }, null, 40, td)) : v.action === "navigate" ? (U(), J("select", {
         key: 1,
         class: "m-interactions__param",
         value: v.frameId ?? "",
-        onChange: (g) => z(p, { frameId: g.target.value })
-      }, [W("option", od, be(V(s)("targetFrame")), 1), (U(!0), J(we, null, Pe(h.value, (g) => (U(), J("option", {
+        onChange: (g) => L(p, { frameId: g.target.value })
+      }, [W("option", od, be(F(s)("targetFrame")), 1), (U(!0), J(we, null, Pe(h.value, (g) => (U(), J("option", {
         key: g.id,
         value: g.id
       }, be(g.name), 9, sd))), 128))], 40, nd)) : v.action === "setVariable" ? (U(), J(we, { key: 2 }, [W("select", {
         class: "m-interactions__param",
         value: v.variableId ?? "",
-        onChange: (g) => z(p, { variableId: g.target.value })
-      }, [W("option", rd, be(V(s)("selectVariable")), 1), (U(!0), J(we, null, Pe(y.value, (g) => (U(), J("option", {
+        onChange: (g) => L(p, { variableId: g.target.value })
+      }, [W("option", rd, be(F(s)("selectVariable")), 1), (U(!0), J(we, null, Pe(y.value, (g) => (U(), J("option", {
         key: g.id,
         value: g.id
       }, be(g.name), 9, ad))), 128))], 40, id), W("input", {
         class: "m-interactions__param",
         type: "text",
         value: v.value ?? "",
-        placeholder: V(s)("variableValue"),
-        onChange: (g) => z(p, { value: g.target.value })
+        placeholder: F(s)("variableValue"),
+        onChange: (g) => L(p, { value: g.target.value })
       }, null, 40, ld)], 64)) : _e("", !0),
       W("div", cd, [
-        W("span", ud, be(V(s)("conditionWhen")), 1),
+        W("span", ud, be(F(s)("conditionWhen")), 1),
         W("select", {
           class: "m-interactions__select",
           value: v.condition?.variableId ?? "",
           onChange: (g) => S(p, g.target.value)
-        }, [W("option", hd, be(V(s)("conditionAlways")), 1), (U(!0), J(we, null, Pe(y.value, (g) => (U(), J("option", {
+        }, [W("option", hd, be(F(s)("conditionAlways")), 1), (U(!0), J(we, null, Pe(y.value, (g) => (U(), J("option", {
           key: g.id,
           value: g.id
         }, be(g.name), 9, fd))), 128))], 40, dd),
@@ -9356,7 +9359,7 @@ var Eu = /* @__PURE__ */ Se({
           class: "m-interactions__cond-val",
           type: "text",
           value: v.condition.value ?? "",
-          placeholder: V(s)("variableValue"),
+          placeholder: F(s)("variableValue"),
           onChange: (g) => A(p, { value: g.target.value })
         }, null, 40, vd)], 64)) : _e("", !0)
       ])
@@ -9364,7 +9367,7 @@ var Eu = /* @__PURE__ */ Se({
       class: "m-interactions__add",
       type: "button",
       onClick: w
-    }, [Me(V(je), { icon: "$plus" }), mt(" " + be(V(s)("addInteraction")), 1)])], 64)) : (U(), J("div", Gu, be(V(s)("interactionsSelectHint")), 1))]));
+    }, [Me(F(je), { icon: "$plus" }), mt(" " + be(F(s)("addInteraction")), 1)])], 64)) : (U(), J("div", Gu, be(F(s)("interactionsSelectHint")), 1))]));
   }
 }), gd = yd, ho = 0;
 function xd() {
@@ -9380,9 +9383,9 @@ var bd = $e((n) => {
   function h(T) {
     return T?.meta?.toJSON?.()?.interactions ?? [];
   }
-  function y(T, L = s.value[0]) {
-    L && (e.value?.transact(() => {
-      L.meta.interactions = T;
+  function y(T, z = s.value[0]) {
+    z && (e.value?.transact(() => {
+      z.meta.interactions = T;
     }), d.value++);
   }
   function f(T) {
@@ -9390,28 +9393,28 @@ var bd = $e((n) => {
       return t(T);
   }
   function w(T) {
-    const L = l("getVariablesState").collections.find((N) => N.variables.some((oe) => oe.id === T));
-    if (L)
-      return L.variables.find((N) => N.id === T)?.valuesByMode?.[L.defaultModeId];
+    const z = l("getVariablesState").collections.find((N) => N.variables.some((oe) => oe.id === T));
+    if (z)
+      return z.variables.find((N) => N.id === T)?.valuesByMode?.[z.defaultModeId];
   }
-  function z(T) {
-    const L = w(T.variableId);
+  function L(T) {
+    const z = w(T.variableId);
     switch (T.op) {
       case "==":
-        return String(L) === String(T.value);
+        return String(z) === String(T.value);
       case "!=":
-        return String(L) !== String(T.value);
+        return String(z) !== String(T.value);
       case ">":
-        return Number(L) > Number(T.value);
+        return Number(z) > Number(T.value);
       case "<":
-        return Number(L) < Number(T.value);
+        return Number(z) < Number(T.value);
       default:
         return !0;
     }
   }
-  function F(T, L) {
-    if (T.condition?.variableId && !z(T.condition)) return;
-    const N = R(f(T.target) ?? L) ?? L;
+  function V(T, z) {
+    if (T.condition?.variableId && !L(T.condition)) return;
+    const N = R(f(T.target) ?? z) ?? z;
     switch (T.action) {
       case "restart":
         l("playElementAnimation", N, !0);
@@ -9429,7 +9432,7 @@ var bd = $e((n) => {
         T.url && window.open(T.url, "_blank", "noopener");
         break;
       case "toggleVisible": {
-        const oe = f(T.target) ?? L;
+        const oe = f(T.target) ?? z;
         oe && a(oe, !r(oe));
         break;
       }
@@ -9447,14 +9450,14 @@ var bd = $e((n) => {
     }
   }
   function R(T) {
-    let L = T;
-    for (; L; ) {
-      if (o(L)) return L;
-      L = L.parent;
+    let z = T;
+    for (; z; ) {
+      if (o(z)) return z;
+      z = z.parent;
     }
   }
-  function S(T, L) {
-    T && h(T).filter((N) => N.trigger === L).filter((N) => !N.condition?.variableId || z(N.condition)).forEach((N) => F(N, T));
+  function S(T, z) {
+    T && h(T).filter((N) => N.trigger === z).filter((N) => !N.condition?.variableId || L(N.condition)).forEach((N) => V(N, T));
   }
   function A(T) {
     c.value && S(R(T.target), "click");
@@ -9462,25 +9465,25 @@ var bd = $e((n) => {
   let C;
   function P(T) {
     if (!c.value) return;
-    const L = R(T.target);
-    L !== C && (S(C, "pointerLeave"), C = L, S(C, "pointerEnter"));
+    const z = R(T.target);
+    z !== C && (S(C, "pointerLeave"), C = z, S(C, "pointerEnter"));
   }
   function v() {
-    e.value?.findOne((T) => (o(T) && h(T).filter((L) => L.trigger === "load").forEach((L) => F(L, T)), !1));
+    e.value?.findOne((T) => (o(T) && h(T).filter((z) => z.trigger === "load").forEach((z) => V(z, T)), !1));
   }
   let p = [];
   const g = /* @__PURE__ */ new WeakSet();
   function x() {
-    p = [], e.value?.findOne((T) => (o(T) && h(T).some((L) => L.trigger === "scrollIntoView") && p.push(T), !1));
+    p = [], e.value?.findOne((T) => (o(T) && h(T).some((z) => z.trigger === "scrollIntoView") && p.push(T), !1));
   }
   function b() {
     if (!c.value || !p.length) return;
     const T = n.drawboardAabb?.value;
     if (T)
-      for (const L of p) {
-        if (g.has(L)) continue;
-        const N = n.getAabb(L, "drawboard");
-        N.left < T.width && N.left + N.width > 0 && N.top < T.height && N.top + N.height > 0 && (g.add(L), S(L, "scrollIntoView"));
+      for (const z of p) {
+        if (g.has(z)) continue;
+        const N = n.getAabb(z, "drawboard");
+        N.left < T.width && N.left + N.width > 0 && N.top < T.height && N.top + N.height > 0 && (g.add(z), S(z, "scrollIntoView"));
       }
   }
   function _(T) {
@@ -9520,7 +9523,7 @@ var bd = $e((n) => {
       },
       {
         command: "runInteraction",
-        handle: F
+        handle: V
       }
     ],
     hotkeys: [{
@@ -9529,10 +9532,10 @@ var bd = $e((n) => {
     }],
     setup: () => {
       const T = n.renderEngine.value;
-      Be(c, (L) => {
-        C = void 0, L && (u.value && (l("pause"), I()), v(), x(), b());
-      }), Be(u, (L) => {
-        L && c.value && (l("pause"), I());
+      Be(c, (z) => {
+        C = void 0, z && (u.value && (l("pause"), I()), v(), x(), b());
+      }), Be(u, (z) => {
+        z && c.value && (l("pause"), I());
       }), bt(() => {
         T.on("pointerdown", A), T.on("pointermove", P), T.on("rendered", b), window.addEventListener("keydown", _), window.addEventListener("wheel", k, {
           passive: !1,
@@ -9569,9 +9572,9 @@ var bd = $e((n) => {
             transformOrigin: "left top",
             transform: `scale(${l})`
           },
-          children: u.map((z) => {
-            const F = z.toJSON(), R = F.style;
-            return h && (R.left = (R.left ?? 0) - h), y && (R.top = (R.top ?? 0) - y), F.meta ??= {}, F.meta.inPptIs = "Slide", F;
+          children: u.map((L) => {
+            const V = L.toJSON(), R = V.style;
+            return h && (R.left = (R.left ?? 0) - h), y && (R.top = (R.top ?? 0) - y), V.meta ??= {}, V.meta.inPptIs = "Slide", V;
           }),
           meta: {
             inPptIs: "Pptx",
@@ -9619,7 +9622,7 @@ var bd = $e((n) => {
   }),
   emits: ["update:opened"],
   setup(n) {
-    const e = n, t = qe(), { isElement: o, isVisible: s, setVisible: i, isLock: r, setLock: a, selection: l, nodes: c, nodeIndexMap: d, hoverElement: u, exec: h, t: y } = t, f = tt(n, "opened"), w = de(), { thumbnailIcon: z, thumbnailName: F } = Yo(Y(() => e.node), t), { selecting: R, dragging: S, dropping: A, onMousedown: C, id: P, openedItems: v } = pu({
+    const e = n, t = qe(), { isElement: o, isVisible: s, setVisible: i, isLock: r, setLock: a, selection: l, nodes: c, nodeIndexMap: d, hoverElement: u, exec: h, t: y } = t, f = tt(n, "opened"), w = de(), { thumbnailIcon: L, thumbnailName: V } = Yo(Y(() => e.node), t), { selecting: R, dragging: S, dropping: A, onMousedown: C, id: P, openedItems: v } = pu({
       opened: f,
       node: Y(() => e.node),
       dom: Y(() => w.value)
@@ -9629,7 +9632,7 @@ var bd = $e((n) => {
         $.value && Q++;
       }), Q;
     }), _ = de(), E = Y(() => e.node?.equal(u.value)), I = de(!1), k = de(!1), T = de();
-    function L() {
+    function z() {
       f.value = !f.value;
     }
     function N(Q) {
@@ -9663,7 +9666,7 @@ var bd = $e((n) => {
       Q.stopPropagation(), o(e.node) && h("zoomTo", "selection", { behavior: "smooth" });
     }
     function j() {
-      k.value = !0, T.value = F.value, zt().then(() => {
+      k.value = !0, T.value = V.value, zt().then(() => {
         const Q = _.value;
         Q && (Q.focus({ preventScroll: !0 }), Q.select());
       });
@@ -9678,7 +9681,7 @@ var bd = $e((n) => {
       l.value.some(($) => $.equal(e.node)) || (l.value = [e.node]), h("openContextMenu", Q);
     }
     function H() {
-      k.value = !1, T.value !== F.value && (e.node.name = T.value, T.value = "");
+      k.value = !1, T.value !== V.value && (e.node.name = T.value, T.value = "");
     }
     return (Q, $) => {
       const Z = Ps("MceLayer");
@@ -9691,10 +9694,10 @@ var bd = $e((n) => {
           p.value && "m-layer--selected",
           f.value && "m-layer--open",
           E.value && "m-layer--hover",
-          V(A) && "m-layer--dropping"
+          F(A) && "m-layer--dropping"
         ]]),
         style: Ie({ "--indent-padding": `${e.indent * 16}px` }),
-        "data-id": V(P),
+        "data-id": F(P),
         onMousedown: N,
         onMouseenter: G,
         onMouseleave: q,
@@ -9703,19 +9706,19 @@ var bd = $e((n) => {
         $[5] || ($[5] = W("span", { class: "m-layer__underlay" }, null, -1)),
         $[6] || ($[6] = W("span", { class: "m-layer__overlay" }, null, -1)),
         W("div", Md, [
-          W("div", Sd, [x.value ? (U(), Fe(V(je), {
+          W("div", Sd, [x.value ? (U(), Fe(F(je), {
             key: 0,
             class: "m-layer__arrow",
             icon: "$arrowRight",
-            onClick: L,
+            onClick: z,
             onMousedown: $[0] || ($[0] = Je(() => {
             }, ["stop"]))
           })) : _e("", !0)]),
           W("div", {
             class: "m-layer__thumbnail",
             onDblclick: oe
-          }, [Me(V(je), { icon: V(z) }, null, 8, ["icon"])], 32),
-          e.root ? (U(), J("div", Cd, be(V(y)("layers")), 1)) : (U(), J("div", {
+          }, [Me(F(je), { icon: F(L) }, null, 8, ["icon"])], 32),
+          e.root ? (U(), J("div", Cd, be(F(y)("layers")), 1)) : (U(), J("div", {
             key: 1,
             class: "m-layer__name",
             onDblclick: j
@@ -9732,33 +9735,33 @@ var bd = $e((n) => {
             autocorrect: "off",
             autofocus: "",
             onBlur: H
-          }, null, 544)), [[$n, T.value]]) : _e("", !0), W("div", { style: Ie({ visibility: k.value ? "hidden" : void 0 }) }, be(T.value || V(F)), 5)], 32)),
+          }, null, 544)), [[$n, T.value]]) : _e("", !0), W("div", { style: Ie({ visibility: k.value ? "hidden" : void 0 }) }, be(T.value || F(V)), 5)], 32)),
           W("div", { class: De(["m-layer__action", {
             "m-layer__action--hover": I.value,
-            "m-layer__action--show": I.value || V(r)(e.node) || !V(s)(e.node)
+            "m-layer__action--show": I.value || F(r)(e.node) || !F(s)(e.node)
           }]) }, [e.root ? (U(), J(we, { key: 0 }, [b.value > 1 ? (U(), Fe(jt, {
             key: 0,
             icon: "",
             class: "m-layer__btn m-layer__btn--show",
-            onMousedown: $[2] || ($[2] = Je((te) => V(v).forEach((ee, ae) => {
-              ae !== V(P) && (ee.value = !1);
+            onMousedown: $[2] || ($[2] = Je((te) => F(v).forEach((ee, ae) => {
+              ae !== F(P) && (ee.value = !1);
             }), ["prevent", "stop"]))
           }, {
-            default: Te(() => [Me(V(je), { icon: "$collapse" })]),
+            default: Te(() => [Me(F(je), { icon: "$collapse" })]),
             _: 1
           })) : _e("", !0)], 64)) : (U(), J(we, { key: 1 }, [Me(jt, {
             icon: "",
-            class: De(["m-layer__btn", { "m-layer__btn--show": V(r)(e.node) }]),
-            onClick: $[3] || ($[3] = Je((te) => V(a)(e.node, !V(r)(e.node)), ["prevent", "stop"]))
+            class: De(["m-layer__btn", { "m-layer__btn--show": F(r)(e.node) }]),
+            onClick: $[3] || ($[3] = Je((te) => F(a)(e.node, !F(r)(e.node)), ["prevent", "stop"]))
           }, {
-            default: Te(() => [Me(V(je), { icon: V(r)(e.node) ? "$lock" : "$unlock" }, null, 8, ["icon"])]),
+            default: Te(() => [Me(F(je), { icon: F(r)(e.node) ? "$lock" : "$unlock" }, null, 8, ["icon"])]),
             _: 1
           }, 8, ["class"]), Me(jt, {
             icon: "",
-            class: De(["m-layer__btn", { "m-layer__btn--show": !V(s)(e.node) }]),
-            onClick: $[4] || ($[4] = Je((te) => V(i)(e.node, !V(s)(e.node)), ["prevent", "stop"]))
+            class: De(["m-layer__btn", { "m-layer__btn--show": !F(s)(e.node) }]),
+            onClick: $[4] || ($[4] = Je((te) => F(i)(e.node, !F(s)(e.node)), ["prevent", "stop"]))
           }, {
-            default: Te(() => [Me(V(je), { icon: V(s)(e.node) ? "$visible" : "$unvisible" }, null, 8, ["icon"])]),
+            default: Te(() => [Me(F(je), { icon: F(s)(e.node) ? "$visible" : "$unvisible" }, null, 8, ["icon"])]),
             _: 1
           }, 8, ["class"])], 64))], 2)
         ])
@@ -9800,7 +9803,7 @@ var bd = $e((n) => {
       o.value === "selecting" || i.value || c();
     }), (d, u) => (U(), J("div", Ad, [W("div", Pd, [Me(Td, {
       root: !0,
-      node: V(e),
+      node: F(e),
       opened: !0
     }, null, 8, ["node"])])]));
   }
@@ -9902,10 +9905,10 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
           padding: 20
         })
       ].filter(Boolean)
-    }), w = Y(() => ({ zIndex: 1500 + i.index.value })), z = Y(() => ({
+    }), w = Y(() => ({ zIndex: 1500 + i.index.value })), L = Y(() => ({
       ...y.value,
       ...o.contentStyle
-    })), F = Y(() => ({ ref: (S) => a.value = S }));
+    })), V = Y(() => ({ ref: (S) => a.value = S }));
     let R = [];
     return Vt(() => {
       const { trigger: S, stop: A } = tr(d, (C) => {
@@ -9924,7 +9927,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       contentEl: d,
       updateLocation: f
     }), (S, A) => (U(), J(we, null, [Ne(S.$slots, "activator", {
-      props: F.value,
+      props: V.value,
       isActive: r.value
     }), (U(), Fe(Vo, {
       disabled: u.value === !1,
@@ -9935,7 +9938,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       style: w.value
     }, S.$attrs), [W("div", {
       ref: "contentElTpl",
-      style: Ie(z.value),
+      style: Ie(L.value),
       class: De(["m-overlay-content", o.contentClass])
     }, [Ne(S.$slots, "default")], 6)], 16)) : _e("", !0)], 8, ["disabled", "to"]))], 64));
   }
@@ -9985,10 +9988,10 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     function w() {
       a.value?.updateLocation();
     }
-    function z(S, A, C) {
+    function L(S, A, C) {
       S.children?.length ? r.value = A : (i.value = !1, u?.closeParents(C), S.handle ? S.handle?.(C) : s("click:item", S, C));
     }
-    function F(S, A) {
+    function V(S, A) {
       r.value = S.disabled ? -1 : A;
     }
     function R() {
@@ -10030,19 +10033,19 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
           ref_for: !0,
           ref: (p) => l.value[v] = p ?? void 0,
           class: "m-list__item",
-          onMouseenter: (p) => F(P, v)
+          onMouseenter: (p) => V(P, v)
         }, [W("div", {
           class: De(["m-list-item", [P.disabled && "m-list-item--disabled", r.value === v && "m-list-item--opened"]]),
-          onClick: (p) => z(P, v, p)
+          onClick: (p) => L(P, v, p)
         }, [
-          c.value ? (U(), J("div", Xd, [P.checked ? (U(), Fe(V(je), {
+          c.value ? (U(), J("div", Xd, [P.checked ? (U(), Fe(F(je), {
             key: 0,
             icon: "$check"
           })) : _e("", !0)])) : _e("", !0),
           S.$slots.prepend ? (U(), J("div", Yd, [Ne(S.$slots, "prepend", { item: P })])) : _e("", !0),
           W("div", Gd, [Ne(S.$slots, "title", { item: P }, () => [mt(be(P.key), 1)])]),
           S.$slots.kbd ? (U(), J("div", Wd, [Ne(S.$slots, "kbd", { item: P })])) : _e("", !0),
-          P.children?.length || S.$slots.append ? (U(), J("div", Kd, [Ne(S.$slots, "append", { item: P }), P.children?.length ? (U(), Fe(V(je), {
+          P.children?.length || S.$slots.append ? (U(), J("div", Kd, [Ne(S.$slots, "append", { item: P }), P.children?.length ? (U(), Fe(F(je), {
             key: 0,
             icon: "$arrowRight"
           })) : _e("", !0)])) : _e("", !0)
@@ -10122,31 +10125,31 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     bt(() => {
       d({
         command: "openContextMenu",
-        handle: F
+        handle: V
       });
     }), Qe(() => {
       u("openContextMenu");
     }), Be(h, (S) => {
       S || (s.value = void 0);
     });
-    function z() {
+    function L() {
       f.value?.updateLocation();
     }
-    function F(S) {
+    function V(S) {
       S.preventDefault(), h.value = !0, y.value = {
         x: S.clientX,
         y: S.clientY
-      }, s.value = new ye(S.clientX - o.value.left, S.clientY - o.value.top), z();
+      }, s.value = new ye(S.clientX - o.value.left, S.clientY - o.value.top), L();
     }
     Be(t, (S, A) => {
-      A?.removeEventListener("contextmenu", F), S?.addEventListener("contextmenu", F);
+      A?.removeEventListener("contextmenu", V), S?.addEventListener("contextmenu", V);
     }, { immediate: !0 }), Qe(() => {
-      t.value?.removeEventListener("contextmenu", F);
+      t.value?.removeEventListener("contextmenu", V);
     });
     function R(S) {
       r(S.key);
     }
-    return e({ updateLocation: z }), (S, A) => (U(), Fe(io, {
+    return e({ updateLocation: L }), (S, A) => (U(), Fe(io, {
       ref: "menuTplRef",
       modelValue: h.value,
       "onUpdate:modelValue": A[0] || (A[0] = (C) => h.value = C),
@@ -10154,13 +10157,13 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       offset: 10,
       target: w,
       location: "right-start",
-      items: V(i),
-      style: Ie({ "--max-height": `${V(o).height * 0.8}px` }),
+      items: F(i),
+      style: Ie({ "--max-height": `${F(o).height * 0.8}px` }),
       middlewares: ["offset", "shift"],
       "onClick:item": R
     }, {
-      title: Te(({ item: C }) => [mt(be(V(l)(C.key)), 1)]),
-      kbd: Te(({ item: C }) => [V(c).has(C.key) ? (U(), J(we, { key: 0 }, [mt(be(V(a)(C.key)), 1)], 64)) : _e("", !0)]),
+      title: Te(({ item: C }) => [mt(be(F(l)(C.key)), 1)]),
+      kbd: Te(({ item: C }) => [F(c).has(C.key) ? (U(), J(we, { key: 0 }, [mt(be(F(a)(C.key)), 1)], 64)) : _e("", !0)]),
       _: 1
     }, 8, [
       "modelValue",
@@ -10169,17 +10172,17 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     ]));
   }
 }), Qd = Jd, eh = $e((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: y } = n, { customContextMenu: f } = e, w = Y(() => s.value.length > 0), z = Y(() => ({
+  const { canUndo: t, canRedo: o, selection: s, elementSelection: i, textSelection: r, config: a, exporters: l, components: c, isElement: d, exec: u, mode: h, modes: y } = n, { customContextMenu: f } = e, w = Y(() => s.value.length > 0), L = Y(() => ({
     key: "export",
     children: [...l.values()].filter((H) => !!H.saveAs).map((H) => ({ key: `saveAs:${H.name}` }))
-  })), F = Y(() => ({
+  })), V = Y(() => ({
     key: "file",
     children: [
       { key: "newDoc" },
       { key: "openDoc" },
       { type: "divider" },
       { key: "import" },
-      z.value.children.length && z.value
+      L.value.children.length && L.value
     ].filter(Boolean)
   })), R = Y(() => [{
     key: "undo",
@@ -10396,7 +10399,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       key: "flipVertical",
       disabled: !w.value
     }]
-  })), L = Y(() => [{
+  })), z = Y(() => [{
     key: "showOrHideSelection",
     disabled: !w.value
   }, {
@@ -10411,7 +10414,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       { type: "divider" },
       ...T.value.children,
       { type: "divider" },
-      ...L.value
+      ...z.value
     ]
   })), oe = Y(() => [
     {
@@ -10456,7 +10459,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       }
     ]
   })), G = Y(() => [
-    F.value,
+    V.value,
     p.value,
     E.value,
     N.value,
@@ -10467,14 +10470,14 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     ...P.value,
     { type: "divider" },
     ...I.value,
-    ...L.value,
+    ...z.value,
     { type: "divider" },
     k.value,
     j.value,
     T.value,
     g.value,
     { type: "divider" },
-    z.value
+    L.value
   ] : [
     ...A.value,
     { type: "divider" },
@@ -10486,7 +10489,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     { type: "divider" },
     ...G.value,
     { type: "divider" },
-    z.value
+    L.value
   ]), K = Y(() => {
     const H = q.value;
     return f?.(H, n) ?? H;
@@ -10517,20 +10520,20 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     ]);
     function r(u) {
       const h = /* @__PURE__ */ new Map();
-      for (const [w, z] of u.entries())
+      for (const [w, L] of u.entries())
         i.has(w) || h.set(w, {
-          ctor: z,
+          ctor: L,
           name: w,
           children: []
         });
       const y = /* @__PURE__ */ new Map();
-      for (const [w, z] of u.entries()) y.set(z, w);
+      for (const [w, L] of u.entries()) y.set(L, w);
       const f = [];
       for (const [, w] of h.entries()) {
-        const z = Object.getPrototypeOf(w.ctor.prototype)?.constructor;
-        if (z && y.has(z)) {
-          const F = y.get(z);
-          h.get(F).children.push(w);
+        const L = Object.getPrototypeOf(w.ctor.prototype)?.constructor;
+        if (L && y.has(L)) {
+          const V = y.get(L);
+          h.get(V).children.push(w);
         } else f.push(w);
       }
       return f;
@@ -10565,10 +10568,10 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       key: f,
       node: y
     }, null, 8, ["node"]))), 128))]), W("div", oh, [Me(jt, { onClick: l }, {
-      default: Te(() => [mt(be(V(e)("cancel")), 1)]),
+      default: Te(() => [mt(be(F(e)("cancel")), 1)]),
       _: 1
     }), Me(jt, { onClick: c }, {
-      default: Te(() => [mt(be(V(e)("create")), 1)]),
+      default: Te(() => [mt(be(F(e)("create")), 1)]),
       _: 1
     })])]));
   }
@@ -10593,8 +10596,8 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
   };
 }), ah = $e((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, y, f, w, z;
-  const F = () => {
+  let u, h, y, f, w, L;
+  const V = () => {
     if (u && h) {
       u.shape.paths = [{ data: h.toData() }];
       const S = h.getBoundingBox();
@@ -10606,7 +10609,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     const A = h.currentCurve.curves;
     y && A[A.length - 1] === y && A.pop(), S && A.length && h.currentCurve.closePath();
     const C = A.length, P = u;
-    C > 0 && F(), t.value.off("pointermove", f), w && window.removeEventListener("keydown", w), z?.(), z = void 0, f = void 0, w = void 0, u = void 0, h = void 0, y = void 0, C > 0 ? a.value = [P] : P.remove();
+    C > 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, y = void 0, C > 0 ? a.value = [P] : P.remove();
   }
   return {
     name: "mce:pen",
@@ -10619,7 +10622,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
             R(!0), s(void 0);
             return;
           }
-          y = new et(new ye(S.x, S.y), new ye(S.x, S.y)), h.currentCurve.addCurve(y), F();
+          y = new et(new ye(S.x, S.y), new ye(S.x, S.y)), h.currentCurve.addCurve(y), V();
           return;
         }
         u = e({
@@ -10635,12 +10638,12 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
             lineJoin: "round"
           },
           meta: { inPptIs: "Shape" }
-        }, { position: S }), h = new At(), y = new et(new ye(S.x, S.y), new ye(S.x, S.y)), h.currentCurve.addCurve(y), F(), f = () => {
+        }, { position: S }), h = new At(), y = new et(new ye(S.x, S.y), new ye(S.x, S.y)), h.currentCurve.addCurve(y), V(), f = () => {
           const A = i();
-          y && A && (y.p2.x = A.x, y.p2.y = A.y, F());
+          y && A && (y.p2.x = A.x, y.p2.y = A.y, V());
         }, t.value.on("pointermove", f), w = (A) => {
           (A.key === "Enter" || A.key === "Escape") && (A.preventDefault(), R(!1), s(void 0));
-        }, window.addEventListener("keydown", w), z = Be([l, o], () => R(!1));
+        }, window.addEventListener("keydown", w), L = Be([l, o], () => R(!1));
       }
     }, {
       name: "pencil",
@@ -10784,13 +10787,13 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       border: "#000",
       box: "#0000002E"
     }), h = Y(() => t.borderColor ?? u.border), y = Y(() => t.textColor ?? u.text), f = Y(() => t.lineColor ?? "rgb(var(--m-theme-secondary))"), w = Y(() => t.boxColor ?? u.box);
-    function z() {
+    function L() {
       if (!t.selected?.width || !t.selected?.height) return;
       c.fillStyle = w.value;
       const q = t.vertical ? t.selected.top : t.selected.left, K = t.vertical ? t.selected.height : t.selected.width;
       c.fillRect(q, 0, K, t.size);
     }
-    function F(q, K, H, Q) {
+    function V(q, K, H, Q) {
       c.lineWidth = H, c.strokeStyle = Q, c.beginPath(), c.moveTo(q[0], q[1]), c.lineTo(K[0], K[1]), c.stroke();
     }
     function R(q, K, H = 1) {
@@ -10832,7 +10835,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     function x() {
       const q = a.value;
       if (!q || !l.width || !l.height) return;
-      c.clearRect(0, 0, l.width, l.height), c.save(), c.scale(s.value, s.value), t.vertical && (c.scale(1, -1), c.translate(0, 0), c.rotate(-Math.PI / 2)), z(), t.axis && F([0, t.size], [t.vertical ? q.height : q.width, t.size], 2, h.value);
+      c.clearRect(0, 0, l.width, l.height), c.save(), c.scale(s.value, s.value), t.vertical && (c.scale(1, -1), c.translate(0, 0), c.rotate(-Math.PI / 2)), L(), t.axis && V([0, t.size], [t.vertical ? q.height : q.width, t.size], 2, h.value);
       const K = ($, Z) => {
         R($, 10), S(Z, $ + 2, 4, 8);
       }, H = ($) => R($, 4);
@@ -10882,7 +10885,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       const K = k(q);
       t.refline && _.value.push(K);
     }
-    function L(q, K = !1) {
+    function z(q, K = !1) {
       const H = k(q);
       t.refline && K && (E.value = H), i.value = t.labelFormat(H), r.value = {
         x: q.clientX,
@@ -10913,16 +10916,16 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       pt((U(), J("div", ht({
         class: ["m-ruler", [`m-ruler--${t.vertical ? "vertical" : "horizontal"}`]],
         style: { "--size": `${t.size}px` }
-      }, V(o), {
+      }, F(o), {
         onMousedown: T,
-        onMousemove: K[0] || (K[0] = (H) => L(H, !0)),
+        onMousemove: K[0] || (K[0] = (H) => z(H, !0)),
         onMouseleave: N
       }), [W("canvas", {
         ref: "canvasTpl",
         class: "m-ruler__canvas",
         width: t.size,
         height: t.size
-      }, null, 8, hh)], 16)), [[V(qo), V(b)]]),
+      }, null, 8, hh)], 16)), [[F(qo), F(b)]]),
       (U(!0), J(we, null, Pe(I.value, (H, Q) => (U(), J("div", {
         key: Q,
         class: De(["m-ruler-refline", {
@@ -10972,14 +10975,14 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         modelValue: e.value.x,
         "onUpdate:modelValue": a[0] || (a[0] = (l) => e.value.x = l),
         refline: "",
-        zoom: V(o).zoom.x,
-        position: V(o).position.x,
-        selected: V(s),
+        zoom: F(o).zoom.x,
+        position: F(o).position.x,
+        selected: F(s),
         axis: "",
         size: 16,
-        "line-color": V(i).lineColor,
-        "box-color": V(i).boxColor,
-        locked: V(i).locked
+        "line-color": F(i).lineColor,
+        "box-color": F(i).boxColor,
+        locked: F(i).locked
       }, null, 8, [
         "modelValue",
         "zoom",
@@ -10993,15 +10996,15 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         modelValue: e.value.y,
         "onUpdate:modelValue": a[1] || (a[1] = (l) => e.value.y = l),
         refline: "",
-        zoom: V(o).zoom.y,
-        position: V(o).position.y,
-        selected: V(s),
+        zoom: F(o).zoom.y,
+        position: F(o).position.y,
+        selected: F(s),
         axis: "",
         vertical: "",
         size: 16,
-        "line-color": V(i).lineColor,
-        "box-color": V(i).boxColor,
-        locked: V(i).locked
+        "line-color": F(i).lineColor,
+        "box-color": F(i).boxColor,
+        locked: F(i).locked
       }, null, 8, [
         "modelValue",
         "zoom",
@@ -11086,7 +11089,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         height: 0
       };
       a.value = t.vertical ? p.height : p.width;
-    }, 50), h = (p, g, x) => p * (1 - x) + g * x, y = (p, g) => h(p / 2, 1 - p / 2, g), f = Y(() => y(c.value, d.value)), w = Y(() => 1 - f.value - c.value), z = Y(() => t.vertical ? `${f.value * 100}%` : "0%"), F = Y(() => t.vertical ? `${w.value * 100}%` : "50%"), R = Y(() => t.vertical ? "0%" : `${f.value * 100}%`), S = Y(() => t.vertical ? "50%" : `${w.value * 100}%`);
+    }, 50), h = (p, g, x) => p * (1 - x) + g * x, y = (p, g) => h(p / 2, 1 - p / 2, g), f = Y(() => y(c.value, d.value)), w = Y(() => 1 - f.value - c.value), L = Y(() => t.vertical ? `${f.value * 100}%` : "0%"), V = Y(() => t.vertical ? `${w.value * 100}%` : "50%"), R = Y(() => t.vertical ? "0%" : `${f.value * 100}%`), S = Y(() => t.vertical ? "50%" : `${w.value * 100}%`);
     function A(p) {
       o("scroll", p - s.value), s.value = p;
     }
@@ -11122,13 +11125,13 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       ref: "thumbTplRef",
       class: De(["m-scrollbar__thumb", { "m-scrollbar__thumb--active": P.value }]),
       style: Ie({
-        top: z.value,
-        bottom: F.value,
+        top: L.value,
+        bottom: V.value,
         left: R.value,
         right: S.value
       }),
       onPointerdown: v
-    }, null, 38)], 512)], 6)), [[V(qo), V(u)]]);
+    }, null, 38)], 512)], 6)), [[F(qo), F(u)]]);
   }
 }), ks = wh, kh = { class: "m-scrollbars" }, Mh = /* @__PURE__ */ Se({
   __name: "Scrollbars",
@@ -11139,21 +11142,21 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
   setup(n) {
     const e = n, { camera: t, rootAabb: o } = qe();
     return (s, i) => (U(), J("div", kh, [Me(ks, ht(e, {
-      modelValue: V(t).position.y,
-      "onUpdate:modelValue": i[0] || (i[0] = (r) => V(t).position.y = r),
+      modelValue: F(t).position.y,
+      "onUpdate:modelValue": i[0] || (i[0] = (r) => F(t).position.y = r),
       vertical: "",
-      length: V(o).height * V(t).zoom.y
+      length: F(o).height * F(t).zoom.y
     }), null, 16, ["modelValue", "length"]), Me(ks, ht(e, {
-      modelValue: V(t).position.x,
-      "onUpdate:modelValue": i[1] || (i[1] = (r) => V(t).position.x = r),
-      length: V(o).width * V(t).zoom.x
+      modelValue: F(t).position.x,
+      "onUpdate:modelValue": i[1] || (i[1] = (r) => F(t).position.x = r),
+      length: F(o).width * F(t).zoom.x
     }), null, 16, ["modelValue", "length"])]));
   }
 }), Sh = Mh, Ch = $e((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: y, behavior: f, duration: w = 500 } = h, { position: z, zoom: F } = t.value, R = {
-      x: z.x,
-      y: z.y
+    const { intoView: y, behavior: f, duration: w = 500 } = h, { position: L, zoom: V } = t.value, R = {
+      x: L.x,
+      y: L.y
     }, S = a.value, A = {
       x: 0,
       y: 0
@@ -11169,7 +11172,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         y: v.top + v.height / 2
       }, A.x = -S.x, A.y = -S.y;
     }
-    C.x !== void 0 && (C.x *= F.x, C.x += A.x), C.y !== void 0 && (C.y *= F.y, C.y += A.y);
+    C.x !== void 0 && (C.x *= V.x, C.x += A.x), C.y !== void 0 && (C.y *= V.y, C.y += A.y);
     const P = {
       ...R,
       ...C
@@ -11181,10 +11184,10 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       }, g = performance.now();
       function x(b) {
         const _ = b - g, E = Math.min(_ / w, 1), I = E < 0.5 ? 2 * E * E : -1 + (4 - 2 * E) * E;
-        z.set(R.x + p.x * I, R.y + p.y * I), _ < w ? requestAnimationFrame(x) : v();
+        L.set(R.x + p.x * I, R.y + p.y * I), _ < w ? requestAnimationFrame(x) : v();
       }
       requestAnimationFrame(x);
-    }) : z.set(P.x, P.y);
+    }) : L.set(P.x, P.y);
   };
   return {
     name: "mce:scroll",
@@ -11212,8 +11215,8 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     return (r, a) => i.value ? (U(), J("div", {
       key: 0,
       class: "m-scroll-to-selection",
-      onClick: a[0] || (a[0] = Je((l) => V(s)("scrollToSelection", { behavior: "smooth" }), ["prevent"]))
-    }, [Me(V(je), { icon: "$gps" }), W("span", null, be(V(o)("scrollToSelection")), 1)])) : _e("", !0);
+      onClick: a[0] || (a[0] = Je((l) => F(s)("scrollToSelection", { behavior: "smooth" }), ["prevent"]))
+    }, [Me(F(je), { icon: "$gps" }), W("span", null, be(F(o)("scrollToSelection")), 1)])) : _e("", !0);
   }
 }), Th = Eh, Ah = ["rx", "ry"], Ph = { "pointer-events": "none" }, Ih = [
   "x",
@@ -11336,12 +11339,12 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       };
     }
     function l() {
-      const b = a(), _ = o.scale, E = o.offset, { left: I, top: k, width: T, height: L, rotate: N, borderRadius: oe } = b;
+      const b = a(), _ = o.scale, E = o.offset, { left: I, top: k, width: T, height: z, rotate: N, borderRadius: oe } = b;
       return {
         left: I * _[0] + E[0],
         top: k * _[1] + E[1],
         width: T * _[0],
-        height: L * _[1],
+        height: z * _[1],
         rotate: N,
         borderRadius: oe * _[0]
       };
@@ -11364,7 +11367,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       const b = o.handleShape, _ = b === "rect" ? 8 : 10, { width: E = 0, height: I = 0, borderRadius: k } = d.value, T = {
         x: E / 2,
         y: I / 2
-      }, L = [
+      }, z = [
         {
           type: "t",
           points: [[0, 0], [1, 0]]
@@ -11422,7 +11425,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
           type: "br",
           point: [1, 1]
         }
-      ], oe = L.map(($) => {
+      ], oe = z.map(($) => {
         const [Z, te] = $.points, ee = Math.min(Z[0], te[0]) * E, ae = Math.max(Z[0], te[0]) * E, ce = Math.min(Z[1], te[1]) * I, pe = Math.max(Z[1], te[1]) * I;
         return {
           type: $.type,
@@ -11498,8 +11501,8 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         width: o.initialSize && !b ? void 0 : `${b}px`,
         height: o.initialSize && !_ ? void 0 : `${_}px`
       };
-    }), z = Math.PI / 180, F = Y(() => {
-      const { left: b = 0, top: _ = 0, rotate: E = 0 } = d.value, I = E * z, k = Math.cos(I), T = Math.sin(I);
+    }), L = Math.PI / 180, V = Y(() => {
+      const { left: b = 0, top: _ = 0, rotate: E = 0 } = d.value, I = E * L, k = Math.cos(I), T = Math.sin(I);
       return {
         ...w.value,
         transform: `matrix(${k}, ${T}, ${-T}, ${k}, ${b}, ${_})`
@@ -11508,7 +11511,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     function S(b, _) {
       if (b && b.button !== void 0 && b.button !== 0) return !1;
       b?.preventDefault(), b?.stopPropagation();
-      const { left: E, top: I, width: k, height: T, rotate: L, borderRadius: N } = d.value;
+      const { left: E, top: I, width: k, height: T, rotate: z, borderRadius: N } = d.value;
       let oe = 0;
       k && T && (oe = k / T);
       const j = _ === void 0 ? {
@@ -11528,10 +11531,10 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       const pe = {
         x: ce.x - ae.x > 0 ? 1 : -1,
         y: ce.y - ae.y > 0 ? 1 : -1
-      }, he = v(ce, ae, L), ge = {
+      }, he = v(ce, ae, z), ge = {
         x: ae.x * 2 - he.x,
         y: ae.y * 2 - he.y
-      }, ve = Math.atan2(he.y - ae.y, he.x - ae.x) / z;
+      }, ve = Math.atan2(he.y - ae.y, he.x - ae.x) / L;
       return Rt(b, {
         threshold: o.threshold,
         start: (fe) => {
@@ -11548,21 +11551,21 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
           if (Q)
             o.movable && (ke.left = ce.x + Ce.x, ke.top = ce.y + Ce.y);
           else if ($)
-            o.rotatable && (ke.rotate = L + Math.atan2(Ae.y - ae.y, Ae.x - ae.x) / z - ve);
+            o.rotatable && (ke.rotate = z + Math.atan2(Ae.y - ae.y, Ae.x - ae.x) / L - ve);
           else if (Z) {
             const ze = v(Ce, {
               x: 0,
               y: 0
-            }, -L), Xe = -pe.x * ze.x, Ue = -pe.y * ze.y;
+            }, -z), Xe = -pe.x * ze.x, Ue = -pe.y * ze.y;
             ke.borderRadius = N + (Xe < Ue ? Ue : Xe);
           } else if (ee) {
-            const ze = v(Ae, ae, -L), Xe = v(te ? {
+            const ze = v(Ae, ae, -z), Xe = v(te ? {
               x: ze.x,
               y: ce.y
             } : {
               x: ce.x,
               y: ze.y
-            }, ae, L), Ue = Math.abs(g(Xe, ge));
+            }, ae, z), Ue = Math.abs(g(Xe, ge));
             te ? (ke.width = Ue, o.resizeStrategy === "lockAspectRatio" && o.lockAspectRatioStrategy === "all" && oe ? ke.height = Ue / oe : ke.height = T) : (ke.height = Ue, o.resizeStrategy === "lockAspectRatio" && o.lockAspectRatioStrategy === "all" && oe ? ke.width = Ue * oe : ke.width = k);
             const ct = p(Xe, ge);
             ke.left = ct.x - ke.width / 2, ke.top = ct.y - ke.height / 2;
@@ -11572,7 +11575,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
               const Bt = v(Ce, {
                 x: 0,
                 y: 0
-              }, -L), It = pe.x * Bt.x, Tt = pe.y * Bt.y;
+              }, -z), It = pe.x * Bt.x, Tt = pe.y * Bt.y;
               let X;
               It > Tt * oe ? X = {
                 x: ce.x + pe.x * It,
@@ -11580,9 +11583,9 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
               } : X = {
                 x: ce.x + pe.x * Tt * oe,
                 y: ce.y + pe.y * Tt
-              }, ze = v(X, ae, L);
+              }, ze = v(X, ae, z);
             } else ze = Ae;
-            const Xe = p(ze, ge), Ue = [v(ze, Xe, -L), v(ge, Xe, -L)], [ct, Et] = Ue[0].x > Ue[1].x ? [Ue[1].x, Ue[0].x] : [Ue[0].x, Ue[1].x], [Ye, _t] = Ue[0].y > Ue[1].y ? [Ue[1].y, Ue[0].y] : [Ue[0].y, Ue[1].y];
+            const Xe = p(ze, ge), Ue = [v(ze, Xe, -z), v(ge, Xe, -z)], [ct, Et] = Ue[0].x > Ue[1].x ? [Ue[1].x, Ue[0].x] : [Ue[0].x, Ue[1].x], [Ye, _t] = Ue[0].y > Ue[1].y ? [Ue[1].y, Ue[0].y] : [Ue[0].y, Ue[1].y];
             ke.width = Et - ct, ke.height = _t - Ye, ke.left = ct, ke.top = Ye;
           }
           "width" in ke && (ke.width = Math.max(1, ke.width)), "height" in ke && (ke.height = Math.max(1, ke.height)), (ke.borderRadius ?? N) && (ke.borderRadius = Math.min(Math.max(0, ke.borderRadius ?? N), Math.min((ke.width ?? k) / 2, (ke.height ?? T) / 2)));
@@ -11612,7 +11615,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         return `url("data:image/svg+xml,${_(d.value.rotate ?? 0)}") 16 16, pointer`;
     }
     function v(b, _, E) {
-      const I = E * z, k = Math.cos(I), T = Math.sin(I);
+      const I = E * L, k = Math.cos(I), T = Math.sin(I);
       return {
         x: (b.x - _.x) * k - (b.y - _.y) * T + _.x,
         y: (b.x - _.x) * T + (b.y - _.y) * k + _.y
@@ -11685,7 +11688,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         h.value?.startsWith("rotate") && "m-transform--rotateing",
         o.borderStyle && `m-transform--${o.borderStyle}`
       ]]),
-      style: Ie(F.value)
+      style: Ie(V.value)
     }, {
       default: Te(() => [
         Ne(b.$slots, "default", {
@@ -11804,23 +11807,23 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       };
     }
     function h({ width: _, height: E }) {
-      const { sx: I, sy: k, tx: T, ty: L } = c.value, { scaleX: N = 1, scaleY: oe = 1 } = a.value;
+      const { sx: I, sy: k, tx: T, ty: z } = c.value, { scaleX: N = 1, scaleY: oe = 1 } = a.value;
       return {
         width: I * _,
         height: k * E,
         left: T * N * (I * _),
-        top: L * oe * (k * E)
+        top: z * oe * (k * E)
       };
     }
     const y = Y({
       get: () => h(d.value),
       set: (_) => {
-        const { width: E, height: I } = d.value, { scaleX: k = 1, scaleY: T = 1 } = a.value, L = {
+        const { width: E, height: I } = d.value, { scaleX: k = 1, scaleY: T = 1 } = a.value, z = {
           sx: _.width / E,
           sy: _.height / I,
           tx: _.left / _.width / k,
           ty: _.top / _.height / T
-        }, N = -L.tx, oe = -L.ty, j = 1 - 1 / L.sx, G = 1 - 1 / L.sy;
+        }, N = -z.tx, oe = -z.ty, j = 1 - 1 / z.sx, G = 1 - 1 / z.sy;
         r.value = {
           left: N,
           top: oe,
@@ -11839,7 +11842,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       }
       return {};
     }
-    function z(_) {
+    function L(_) {
       if (_.handle !== "move") {
         f.value = {};
         return;
@@ -11852,7 +11855,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         0,
         k.width / 2,
         k.width
-      ], k.left), L = w([
+      ], k.left), z = w([
         0,
         I / 2,
         I
@@ -11863,15 +11866,15 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       ], k.top);
       f.value = {
         x: T.line,
-        y: L.line
-      }, (T.value !== void 0 || L.value !== void 0) && (y.value = {
+        y: z.line
+      }, (T.value !== void 0 || z.value !== void 0) && (y.value = {
         width: k.width,
         height: k.height,
         left: T.value ?? k.left,
-        top: L.value ?? k.top
+        top: z.value ?? k.top
       });
     }
-    function F() {
+    function V() {
       f.value = {};
     }
     const R = qe(), S = Be(a, (_, E) => {
@@ -11886,7 +11889,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       }
     });
     function A(_) {
-      const { sx: E, sy: I } = c.value, { left: k, top: T, right: L, bottom: N } = r.value, oe = 1 - k - L, j = 1 - T - N, G = k + oe * 0.5, q = T + j * 0.5, K = _, H = _ * (I / E), Q = 1 / K, $ = 1 / H, Z = G - Q * 0.5, te = q - $ * 0.5;
+      const { sx: E, sy: I } = c.value, { left: k, top: T, right: z, bottom: N } = r.value, oe = 1 - k - z, j = 1 - T - N, G = k + oe * 0.5, q = T + j * 0.5, K = _, H = _ * (I / E), Q = 1 / K, $ = 1 / H, Z = G - Q * 0.5, te = q - $ * 0.5;
       r.value = {
         left: Z,
         top: te,
@@ -11905,10 +11908,10 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       s.value = i, S.stop(), a.value = l, P();
     }
     function p(_) {
-      const { left: E = 0, top: I = 0 } = a.value, { left: k, top: T, width: L, height: N } = h(a.value), oe = _ === 0 ? L / N : _[0] / _[1];
-      let j = L, G = L / oe;
+      const { left: E = 0, top: I = 0 } = a.value, { left: k, top: T, width: z, height: N } = h(a.value), oe = _ === 0 ? z / N : _[0] / _[1];
+      let j = z, G = z / oe;
       G > N && (G = N, j = N * oe);
-      const q = E + k + (L - j) / 2, K = I + T + (N - G) / 2;
+      const q = E + k + (z - j) / 2, K = I + T + (N - G) / 2;
       a.value = {
         ...a.value,
         width: j,
@@ -11928,7 +11931,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     return bt(() => o("start")), Qe(() => o("end")), (_, E) => pt((U(), J("div", Dh, [
       W("div", {
         class: "m-cropper__source",
-        style: Ie(V(Er)(y.value))
+        style: Ie(F(Er)(y.value))
       }, [W("canvas", {
         ref_key: "canvasRef",
         ref: x
@@ -11938,8 +11941,8 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         "onUpdate:modelValue": E[0] || (E[0] = (I) => y.value = I),
         class: "m-cropper__transform",
         rotatable: !1,
-        onMove: z,
-        onEnd: F
+        onMove: L,
+        onEnd: V
       }, {
         default: Te(({ props: I }) => [W("div", ht({ class: "m-cropper__transform_rect" }, I), null, 16)]),
         _: 1
@@ -11961,7 +11964,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         cancel: v,
         setAspectRatio: p
       })
-    ])), [[V(qo), u]]);
+    ])), [[F(qo), u]]);
   }
 }), Uh = qh, jh = /* @__PURE__ */ Se({
   __name: "ForegroundCropper",
@@ -11982,7 +11985,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         };
       }
     });
-    return (i, r) => V(e) === "cropping" && o.value?.foreground.isValid() ? (U(), Fe(Uh, {
+    return (i, r) => F(e) === "cropping" && o.value?.foreground.isValid() ? (U(), Fe(Uh, {
       key: 0,
       modelValue: o.value.foreground.cropRect,
       "onUpdate:modelValue": r[0] || (r[0] = (a) => o.value.foreground.cropRect = a),
@@ -12069,8 +12072,8 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         y: v.y * e.scale[1] + e.offset[1]
       };
     }
-    const w = Y(() => f(u.value)), z = Y(() => f(h.value));
-    function F() {
+    const w = Y(() => f(u.value)), L = Y(() => f(h.value));
+    function V() {
       const v = c(u.value), p = c(h.value), g = new At(s ? wo(v, p, i) : `M ${v.x} ${v.y} L ${p.x} ${p.y}`).getBoundingBox(), x = g.left, b = g.top, _ = Math.max(1, g.width), E = Math.max(1, g.height), I = d({
         x: x + _ / 2,
         y: b + E / 2
@@ -12082,10 +12085,10 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       }, T = {
         x: p.x - x,
         y: p.y - b
-      }, L = s ? wo(k, T, i) : `M ${k.x} ${k.y} L ${T.x} ${T.y}`, N = o.shape.paths ?? [];
+      }, z = s ? wo(k, T, i) : `M ${k.x} ${k.y} L ${T.x} ${T.y}`, N = o.shape.paths ?? [];
       o.shape.paths = [{
         ...N[0] ?? {},
-        data: L
+        data: z
       }];
     }
     function R() {
@@ -12110,7 +12113,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       }), S.kind !== "p1" && (h.value = {
         x: S.a2.x + p,
         y: S.a2.y + g
-      }), F();
+      }), V();
     }
     function P() {
       S && (R(), S = void 0), window.removeEventListener("pointermove", C), window.removeEventListener("pointerup", P);
@@ -12128,16 +12131,16 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         class: "m-line-editor__hit",
         x1: w.value.x,
         y1: w.value.y,
-        x2: z.value.x,
-        y2: z.value.y,
+        x2: L.value.x,
+        y2: L.value.y,
         onPointerdown: p[0] || (p[0] = (g) => A(g, "body"))
       }, null, 40, Yh),
       W("line", {
         class: "m-line-editor__line",
         x1: w.value.x,
         y1: w.value.y,
-        x2: z.value.x,
-        y2: z.value.y
+        x2: L.value.x,
+        y2: L.value.y
       }, null, 8, Gh),
       W("circle", {
         class: "m-line-editor__endpoint",
@@ -12148,8 +12151,8 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       }, null, 40, Wh),
       W("circle", {
         class: "m-line-editor__endpoint",
-        cx: z.value.x,
-        cy: z.value.y,
+        cx: L.value.x,
+        cy: L.value.y,
         r: "5",
         onPointerdown: p[2] || (p[2] = (g) => A(g, "p2"))
       }, null, 40, Kh)
@@ -12207,8 +12210,8 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     }
     const y = de([]);
     let f = [], w = "";
-    const z = de(null);
-    function F($, Z, te, ee, ae, ce, pe, he, ge) {
+    const L = de(null);
+    function V($, Z, te, ee, ae, ce, pe, he, ge) {
       if (te = Math.abs(te), ee = Math.abs(ee), te === 0 || ee === 0) return [[
         $,
         Z,
@@ -12256,7 +12259,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       for (const pe of $) {
         const he = pe;
         if (he.type === "A") {
-          for (const ge of F(te, ee, he.rx, he.ry, he.angle, he.largeArcFlag, he.sweepFlag, he.x, he.y)) Z.push({
+          for (const ge of V(te, ee, he.rx, he.ry, he.angle, he.largeArcFlag, he.sweepFlag, he.x, he.y)) Z.push({
             type: "C",
             x1: ge[0],
             y1: ge[1],
@@ -12356,7 +12359,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
               ci: ae,
               x: pe.x,
               y: pe.y,
-              sel: z.value?.pi === te && z.value?.ci === ae
+              sel: L.value?.pi === te && L.value?.ci === ae
             });
           }
         });
@@ -12490,14 +12493,14 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       }), ce;
     }
     let T;
-    function L() {
+    function z() {
       s.root.value.stopCapturing?.();
     }
     function N($, Z, te, ee) {
-      $.stopPropagation(), $.preventDefault(), ee === "xy" && (z.value = {
+      $.stopPropagation(), $.preventDefault(), ee === "xy" && (L.value = {
         pi: Z,
         ci: te
-      }), L();
+      }), z();
       const ae = k(Z, te, ee).map(({ cmd: ce, field: pe }) => {
         const he = C(ce, pe);
         return {
@@ -12520,7 +12523,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       I();
     }
     function j() {
-      T && (L(), T = void 0), window.removeEventListener("pointermove", oe), window.removeEventListener("pointerup", j);
+      T && (z(), T = void 0), window.removeEventListener("pointermove", oe), window.removeEventListener("pointerup", j);
     }
     function G($) {
       $.stopPropagation();
@@ -12662,16 +12665,16 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       return y.value[$].filter((Z) => "x" in Z && "y" in Z).length;
     }
     function H() {
-      const $ = z.value;
-      $ && (y.value[$.pi][$.ci].type === "M" || K($.pi) <= 2 || (y.value[$.pi].splice($.ci, 1), z.value = null, I()));
+      const $ = L.value;
+      $ && (y.value[$.pi][$.ci].type === "M" || K($.pi) <= 2 || (y.value[$.pi].splice($.ci, 1), L.value = null, I()));
     }
     function Q($) {
-      $.key === "Escape" ? ($.preventDefault(), o("end")) : ($.key === "Delete" || $.key === "Backspace") && z.value && ($.preventDefault(), H());
+      $.key === "Escape" ? ($.preventDefault(), o("end")) : ($.key === "Delete" || $.key === "Backspace") && L.value && ($.preventDefault(), H());
     }
     return Be(i, ($) => {
       ($.length !== 1 || !$[0]?.equal(r)) && o("end");
     }), Be(() => r.shape.paths?.map(($) => $.data).join("|") ?? "", ($) => {
-      T || $ === w || (z.value = null, S());
+      T || $ === w || (L.value = null, S());
     }), Vt(() => window.addEventListener("keydown", Q)), Qe(() => {
       window.removeEventListener("keydown", Q), j();
     }), ($, Z) => (U(), J("svg", Qh, [
@@ -12715,7 +12718,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
 }, cf = ["d", "transform"], uf = /* @__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: y, unregisterCommand: f, isLock: w, getConfigRef: z, hoverElement: F, isContentEditing: R, readonly: S } = qe(), A = z("interaction.transform"), C = nt("transformTpl"), P = Y(() => {
+    const { emit: t, isElement: o, exec: s, state: i, selection: r, selectionMarquee: a, elementSelection: l, selectionObb: c, selectionObbInDrawboard: d, camera: u, getObb: h, registerCommand: y, unregisterCommand: f, isLock: w, getConfigRef: L, hoverElement: V, isContentEditing: R, readonly: S } = qe(), A = L("interaction.transform"), C = nt("transformTpl"), P = Y(() => {
       const K = l.value, H = { ...A.value };
       if (K.length === 1) {
         const Q = l.value[0];
@@ -12793,10 +12796,10 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     function I(K) {
       (i.value === "moving" || i.value === "transforming") && (i.value = void 0), t("selectionTransformEnded", K);
     }
-    const k = Y(() => s("getTransform")), T = Y(() => l.value.length === 1 && !!l.value[0].connection?.isValid()), L = Y(() => l.value.length === 1 && !!Wn(l.value[0])), N = Y(() => i.value !== "typing" && !R() && !T.value && l.value.every((K) => !w(K) && K.meta.movable !== !1 && K.meta.transformable !== !1)), oe = Y(() => i.value !== "typing" && !R() && !T.value && l.value.every((K) => !w(K) && K.meta.resizable !== !1 && K.meta.transformable !== !1)), j = Y(() => i.value !== "typing" && !R() && !T.value && l.value.every((K) => !w(K) && K.meta.rotatable !== !1 && K.meta.transformable !== !1)), G = Y(() => {
+    const k = Y(() => s("getTransform")), T = Y(() => l.value.length === 1 && !!l.value[0].connection?.isValid()), z = Y(() => l.value.length === 1 && !!Wn(l.value[0])), N = Y(() => i.value !== "typing" && !R() && !T.value && l.value.every((K) => !w(K) && K.meta.movable !== !1 && K.meta.transformable !== !1)), oe = Y(() => i.value !== "typing" && !R() && !T.value && l.value.every((K) => !w(K) && K.meta.resizable !== !1 && K.meta.transformable !== !1)), j = Y(() => i.value !== "typing" && !R() && !T.value && l.value.every((K) => !w(K) && K.meta.rotatable !== !1 && K.meta.transformable !== !1)), G = Y(() => {
       if (i.value !== "typing" && !R() && !T.value && l.value.length === 1) {
         const K = l.value[0];
-        return F.value?.equal(K) && !w(K) && K.foreground.isValid();
+        return V.value?.equal(K) && !w(K) && K.foreground.isValid();
       }
       return !1;
     });
@@ -12814,7 +12817,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         class: "m-selection__parent",
         style: Ie(Q.style)
       }, null, 4))), 128)),
-      V(i) !== "moving" && V(i) !== "transforming" ? (U(), J(we, { key: 0 }, [(U(!0), J(we, null, Pe(g.value, (Q) => (U(), J("div", {
+      F(i) !== "moving" && F(i) !== "transforming" ? (U(), J(we, { key: 0 }, [(U(!0), J(we, null, Pe(g.value, (Q) => (U(), J("div", {
         key: Q.id,
         class: "m-selection__node",
         style: Ie(Q.style)
@@ -12825,41 +12828,41 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         transform: x.value,
         "vector-effect": "non-scaling-stroke"
       }, null, 8, cf))), 128))])) : _e("", !0)], 64)) : _e("", !0),
-      V(i) === "selecting" || V(i) === "painting" ? (U(), J("div", {
+      F(i) === "selecting" || F(i) === "painting" ? (U(), J("div", {
         key: 1,
         class: "m-selection__marquee",
-        style: Ie(V(a).toCssStyle())
+        style: Ie(F(a).toCssStyle())
       }, null, 4)) : _e("", !0),
       k.value.width && k.value.height ? (U(), J("div", {
         key: 2,
         class: "m-selection__slot",
-        style: Ie(V(d).toCssStyle())
+        style: Ie(F(d).toCssStyle())
       }, [Me(Hh, null, {
         default: Te((Q) => [Ne(K.$slots, "foreground-cropper", gt(yt(Q)))]),
         _: 3
       }), Ne(K.$slots, "default")], 4)) : _e("", !0),
-      V(i) === "pathEditing" && V(l).length === 1 ? (U(), Fe(rf, {
+      F(i) === "pathEditing" && F(l).length === 1 ? (U(), Fe(rf, {
         key: 3,
-        element: V(l)[0],
-        scale: [V(u).zoom.x, V(u).zoom.y],
-        offset: [-V(u).position.x, -V(u).position.y],
+        element: F(l)[0],
+        scale: [F(u).zoom.x, F(u).zoom.y],
+        offset: [-F(u).position.x, -F(u).position.y],
         onEnd: H[0] || (H[0] = (Q) => i.value = void 0)
       }, null, 8, [
         "element",
         "scale",
         "offset"
       ])) : _e("", !0),
-      !V(S) && L.value && V(i) !== "pathEditing" && V(i) !== "cropping" ? (U(), Fe(Jh, {
-        key: V(l)[0].instanceId,
-        element: V(l)[0],
-        scale: [V(u).zoom.x, V(u).zoom.y],
-        offset: [-V(u).position.x, -V(u).position.y]
+      !F(S) && z.value && F(i) !== "pathEditing" && F(i) !== "cropping" ? (U(), Fe(Jh, {
+        key: F(l)[0].instanceId,
+        element: F(l)[0],
+        scale: [F(u).zoom.x, F(u).zoom.y],
+        offset: [-F(u).position.x, -F(u).position.y]
       }, null, 8, [
         "element",
         "scale",
         "offset"
       ])) : _e("", !0),
-      !V(S) && !L.value && !T.value && k.value.width && k.value.height && V(i) !== "pathEditing" ? (U(), Fe(Go, ht({
+      !F(S) && !z.value && !T.value && k.value.width && k.value.height && F(i) !== "pathEditing" ? (U(), Fe(Go, ht({
         key: 5,
         ref: "transformTpl"
       }, P.value, {
@@ -12868,12 +12871,12 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         resizable: oe.value,
         rotatable: j.value,
         roundable: G.value,
-        ui: V(i) !== "moving",
-        "border-style": V(i) === "cropping" ? "dashed" : "solid",
+        ui: F(i) !== "moving",
+        "border-style": F(i) === "cropping" ? "dashed" : "solid",
         class: "m-selection__transform",
         tip: q,
-        scale: [V(u).zoom.x, V(u).zoom.y],
-        offset: [-V(u).position.x, -V(u).position.y],
+        scale: [F(u).zoom.x, F(u).zoom.y],
+        offset: [-F(u).position.x, -F(u).position.y],
         onStart: _,
         onMove: E,
         onEnd: I
@@ -12895,7 +12898,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     ]));
   }
 }), df = uf, hf = $e((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: y, setVisible: f, isVisible: w, setLock: z, isLock: F, exec: R } = 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: y, setVisible: f, isVisible: w, setLock: L, isLock: V, exec: R } = n;
   function S(g) {
     switch (g) {
       case "none":
@@ -12938,7 +12941,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       let I = b.get(E);
       return I || (I = i(E, "drawboard"), b.set(E, I)), I;
     };
-    t.value = a.value?.children.flatMap((E) => d(E, !0) && !x.contains(_(E)) ? E.children : [E]).filter((E) => "isVisibleInTree" in E && E.isVisibleInTree() && _(E).overlap(x) && !F(E) && !E.findAncestor((I) => F(I))) ?? [];
+    t.value = a.value?.children.flatMap((E) => d(E, !0) && !x.contains(_(E)) ? E.children : [E]).filter((E) => "isVisibleInTree" in E && E.isVisibleInTree() && _(E).overlap(x) && !V(E) && !E.findAncestor((I) => V(I))) ?? [];
   }
   function C(g) {
     const x = s.value;
@@ -13004,13 +13007,13 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
     t.value.forEach((x) => {
       switch (g) {
         case "lock":
-          z(x, !0);
+          L(x, !0);
           break;
         case "unlock":
-          z(x, !1);
+          L(x, !1);
           break;
         default:
-          z(x, !F(x));
+          L(x, !V(x));
           break;
       }
     });
@@ -13366,8 +13369,8 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         if (!f) continue;
         const w = c(y.command);
         if (u && !w.toLowerCase().includes(u) && !f.toLowerCase().includes(u) && !y.command.toLowerCase().includes(u)) continue;
-        const z = a.find((F) => F.test(y.command))?.key ?? "shortcutsCatOther";
-        h.has(z) || h.set(z, []), h.get(z).push({
+        const L = a.find((V) => V.test(y.command))?.key ?? "shortcutsCatOther";
+        h.has(L) || h.set(L, []), h.get(L).push({
           command: y.command,
           label: w,
           kbd: f
@@ -13385,20 +13388,20 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
       width: "680px"
     }, {
       default: Te(() => [W("div", vf, [W("div", yf, [
-        W("span", gf, be(V(o)("shortcuts")), 1),
+        W("span", gf, be(F(o)("shortcuts")), 1),
         pt(W("input", {
           "onUpdate:modelValue": h[0] || (h[0] = (y) => i.value = y),
           class: "m-shortcuts__search",
           type: "text",
-          placeholder: V(o)("shortcutsSearch"),
+          placeholder: F(o)("shortcutsSearch"),
           spellcheck: "false"
         }, null, 8, xf), [[$n, i.value]]),
         W("button", {
           class: "m-shortcuts__close",
           type: "button",
-          title: V(o)("close"),
+          title: F(o)("close"),
           onClick: h[1] || (h[1] = (y) => r.value = !1)
-        }, [Me(V(je), { icon: "$close" })], 8, bf)
+        }, [Me(F(je), { icon: "$close" })], 8, bf)
       ]), W("div", _f, [(U(!0), J(we, null, Pe(d.value, (y) => (U(), J("section", {
         key: y.key,
         class: "m-shortcuts__group"
@@ -13508,8 +13511,8 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
         });
         return h.style.width = 1, h.style.height = 1, {
           move: (y) => {
-            const f = Math.min(y.x, u.x), w = Math.min(y.y, u.y), z = Math.max(y.x, u.x), F = Math.max(y.y, u.y);
-            h.style.left = f, h.style.top = w, h.style.width = Math.max(1, z - f), h.style.height = Math.max(1, F - w);
+            const f = Math.min(y.x, u.x), w = Math.min(y.y, u.y), L = Math.max(y.x, u.x), V = Math.max(y.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);
           },
           end: () => {
             e(void 0);
@@ -13537,7 +13540,7 @@ var Vd = /* @__PURE__ */ no(zd, [["render", Od]]), Fd = $e((n) => {
   props: { snapLines: {} },
   setup(n) {
     const { state: e } = qe();
-    return (t, o) => V(e) === "transforming" || V(e) === "moving" ? (U(), J("div", Pf, [(U(!0), J(we, null, Pe(n.snapLines, (s, i) => (U(), J("div", {
+    return (t, o) => F(e) === "transforming" || F(e) === "moving" ? (U(), J("div", Pf, [(U(!0), J(we, null, Pe(n.snapLines, (s, i) => (U(), J("div", {
       key: i,
       class: De(s.class.map((r) => `m-smart-guides__${r}`)),
       style: Ie({
@@ -13944,10 +13947,10 @@ var Nf = $e((n) => {
     const p = f(v);
     return p && (p.id = -1), p;
   }
-  function z(v) {
+  function L(v) {
     return v.box?.id === -1;
   }
-  function F(v, p) {
+  function V(v, p) {
     const g = ["vt", "vb"].includes(p.type) ? "y" : "x", x = g === "y" ? "x" : "y", b = mo(p);
     let _ = Ss(p.type);
     if (y.value) {
@@ -13962,8 +13965,8 @@ var Nf = $e((n) => {
       if (b) {
         if (p.pos < T.pos) return;
       } else if (p.pos > T.pos) return;
-      const L = z(T);
-      _ !== T.type && !L || fn(p).overlap(fn(T), x) && (!L && I && I.box.id !== T.box.id && fn(I).overlap(fn(T), g) || (I = T, E.push(T), _ = Ss(_)));
+      const z = L(T);
+      _ !== T.type && !z || fn(p).overlap(fn(T), x) && (!z && I && I.box.id !== T.box.id && fn(I).overlap(fn(T), g) || (I = T, E.push(T), _ = Ss(_)));
     };
     return b ? v.outorderTraversal(k) : v.inorderTraversal(k), E;
   }
@@ -13997,19 +14000,19 @@ var Nf = $e((n) => {
   function A(v = "move") {
     const p = [], g = v.startsWith("resize") ? v.split("-")[1] ?? "" : "", x = f(i.value);
     if (x) {
-      const b = new Set(s.value.map((L) => L.instanceId)), _ = h.value.children.filter((L) => !b.has(L.instanceId) && t(L) && !L.connection?.isValid() && c.value.overlap(L.globalAabb)).map((L) => f(L)).filter(Boolean), E = w();
+      const b = new Set(s.value.map((z) => z.instanceId)), _ = h.value.children.filter((z) => !b.has(z.instanceId) && t(z) && !z.connection?.isValid() && c.value.overlap(z.globalAabb)).map((z) => f(z)).filter(Boolean), E = w();
       E && _.push(E);
-      const { vLines: I, hLines: k } = _.reduce((L, N) => ([
+      const { vLines: I, hLines: k } = _.reduce((z, N) => ([
         N.vt,
         N.vm,
         N.vb
-      ].forEach((oe) => L.vLines.add(oe)), [
+      ].forEach((oe) => z.vLines.add(oe)), [
         N.hl,
         N.hm,
         N.hr
-      ].forEach((oe) => L.hLines.add(oe)), L), {
-        vLines: new Ms((L, N) => L.pos - N.pos),
-        hLines: new Ms((L, N) => L.pos - N.pos)
+      ].forEach((oe) => z.hLines.add(oe)), z), {
+        vLines: new Ms((z, N) => z.pos - N.pos),
+        hLines: new Ms((z, N) => z.pos - N.pos)
       }), T = {
         vt: [],
         vb: [],
@@ -14030,10 +14033,10 @@ var Nf = $e((n) => {
           x.hr
         ],
         targets: k
-      }].forEach(({ targets: L, sources: N }) => {
+      }].forEach(({ targets: z, sources: N }) => {
         const oe = [];
         for (const j of N) {
-          const G = L.searchClosest(j, (K, H, Q) => !Q || Math.abs(K.pos - H.pos) < Math.abs(K.pos - Q.pos));
+          const G = z.searchClosest(j, (K, H, Q) => !Q || Math.abs(K.pos - H.pos) < Math.abs(K.pos - Q.pos));
           if (!G) continue;
           const q = Math.abs(G.pos - j.pos);
           q >= u.value || oe.push({
@@ -14050,17 +14053,17 @@ var Nf = $e((n) => {
       }, {
         sources: [x.hl, x.hr],
         targets: k
-      }].forEach(({ sources: L, targets: N }) => {
-        for (const oe of L) T[oe.type] = F(N, oe);
-      }), T.vt = T.vt.sort((L, N) => N.pos - L.pos), T.hl = T.hl.sort((L, N) => N.pos - L.pos), (g ? [] : [{
+      }].forEach(({ sources: z, targets: N }) => {
+        for (const oe of z) T[oe.type] = V(N, oe);
+      }), T.vt = T.vt.sort((z, N) => N.pos - z.pos), T.hl = T.hl.sort((z, N) => N.pos - z.pos), (g ? [] : [{
         targets: [T.vt, T.vb],
         sources: [x.vt, x.vb]
       }, {
         targets: [T.hl, T.hr],
         sources: [x.hl, x.hr]
-      }]).forEach(({ sources: L, targets: N }) => {
-        const oe = N[0][0], j = L[0], G = N[1][0], q = L[1];
-        if (oe && G && (!z(oe) || !z(G))) {
+      }]).forEach(({ sources: z, targets: N }) => {
+        const oe = N[0][0], j = z[0], G = N[1][0], q = z[1];
+        if (oe && G && (!L(oe) || !L(G))) {
           const K = Math.abs(j.pos - oe.pos), H = Math.abs(q.pos - G.pos);
           if (Math.abs(K - H) < u.value) {
             const Q = mo(j);
@@ -14082,16 +14085,16 @@ var Nf = $e((n) => {
             return;
           }
         }
-        for (const K in L) {
-          const H = R(N[K], L[K]);
+        for (const K in z) {
+          const H = R(N[K], z[K]);
           if (H.length) {
             p.push(...H);
             break;
           }
         }
       }), !g) {
-        const L = (j) => j === "vt" || j === "vm" || j === "vb", N = p.some((j) => L(j.target.type)), oe = p.some((j) => !L(j.target.type));
-        for (const j of Ff(x, _)) (L(j.target.type) ? !N : !oe) && p.push(j);
+        const z = (j) => j === "vt" || j === "vm" || j === "vb", N = p.some((j) => z(j.target.type)), oe = p.some((j) => !z(j.target.type));
+        for (const j of Ff(x, _)) (z(j.target.type) ? !N : !oe) && p.push(j);
       }
     }
     S.value = p;
@@ -14099,14 +14102,14 @@ var Nf = $e((n) => {
   const C = Y(() => {
     const { zoom: v, position: p } = l.value, g = (b) => b * v.x, x = (b) => b * v.y;
     return S.value.flatMap((b) => {
-      const { target: _, source: E, type: I } = b, k = E.box, T = _.box, L = [
+      const { target: _, source: E, type: I } = b, k = E.box, T = _.box, z = [
         "vt",
         "vm",
         "vb"
       ].includes(_.type), N = {}, oe = [];
       switch (I) {
         case "alignment":
-          if (N.class = ["alignment"], L) {
+          if (N.class = ["alignment"], z) {
             const j = Math.min(k.hl.pos, T.hl.pos), G = Math.max(k.hr.pos, T.hr.pos);
             N.style = {
               left: g(j) - p.left,
@@ -14125,9 +14128,9 @@ var Nf = $e((n) => {
           }
           break;
         case "area": {
-          N.class = ["area"], L && N.class.push("area--vertical");
-          const j = z(_) || z(E);
-          if (L) {
+          N.class = ["area"], z && N.class.push("area--vertical");
+          const j = L(_) || L(E);
+          if (z) {
             const G = Math.min(E.pos, _.pos), q = j ? Math.max(k.hl.pos, T.hl.pos) : Math.min(k.hl.pos, T.hl.pos), K = j ? Math.min(k.hr.pos, T.hr.pos) : Math.max(k.hr.pos, T.hr.pos);
             N.style = {
               left: g(q) - p.left,
@@ -14148,7 +14151,7 @@ var Nf = $e((n) => {
           break;
         }
         case "distance":
-          if (N.class = ["distance"], L) {
+          if (N.class = ["distance"], z) {
             N.class.push("distance--vertical");
             const j = Math.min(E.pos, _.pos);
             N.style = {
@@ -14307,7 +14310,7 @@ var Nf = $e((n) => {
     const w = Y(() => o.value.map((v) => ({
       el: v,
       style: s(v, "drawboard").toCssStyle()
-    }))), z = Y(() => {
+    }))), L = Y(() => {
       const v = [];
       if (!u.value) return v;
       const { direction: p, spacing: g = 0, items: x } = u.value, { zoom: b, position: _ } = r.value, E = (I) => {
@@ -14316,7 +14319,7 @@ var Nf = $e((n) => {
       for (let I = 0; I < x.length; I++) {
         const k = x[I], T = x[I + 1];
         if (!T) break;
-        const L = p === "horizontal" ? "y" : "x", N = Math.max(k.globalAabb.min[L], T.globalAabb.min[L]), oe = Math.min(k.globalAabb.max[L], T.globalAabb.max[L]);
+        const z = p === "horizontal" ? "y" : "x", N = Math.max(k.globalAabb.min[z], T.globalAabb.min[z]), oe = Math.min(k.globalAabb.max[z], T.globalAabb.max[z]);
         let j, G;
         switch (p) {
           case "horizontal":
@@ -14348,7 +14351,7 @@ var Nf = $e((n) => {
         });
       }
       return v;
-    }), F = Y(() => {
+    }), V = Y(() => {
       const { left: v, top: p, width: g, height: x } = s(e.value);
       return {
         left: v,
@@ -14372,7 +14375,7 @@ var Nf = $e((n) => {
         I && (E.x -= I.left, E.y -= I.top);
         const k = {};
         k.width = g.width * b, k.height = g.height * _, k.left = E.x - k.width / 2, k.top = E.y - k.height / 2;
-        const { left: T, top: L, right: N, bottom: oe } = p.globalAabb;
+        const { left: T, top: z, right: N, bottom: oe } = p.globalAabb;
         a(p, k.width, k.height, l(p, "Frame") ? void 0 : p.shape.isValid() ? { deep: !0 } : {
           deep: !0,
           textToFit: !0
@@ -14381,7 +14384,7 @@ var Nf = $e((n) => {
         if (!j) return;
         const { direction: G, items: q } = j, K = p.globalAabb, H = {
           left: K.left - T,
-          top: K.top - L,
+          top: K.top - z,
           right: K.right - N,
           bottom: K.bottom - oe
         };
@@ -14407,7 +14410,7 @@ var Nf = $e((n) => {
       if (!x) return;
       const { direction: b } = x;
       let _ = [], E = Number.MIN_SAFE_INTEGER, I = Number.MAX_SAFE_INTEGER, k, T;
-      function L() {
+      function z() {
         const N = S.value;
         if (!N) return;
         const oe = b === "horizontal" ? "left" : "top";
@@ -14418,7 +14421,7 @@ var Nf = $e((n) => {
       Rt(v, {
         threshold: 3,
         start: () => {
-          h.value = !0, S.value = g.globalAabb.clone(), L(), i.value = "moving", y.value = "ring";
+          h.value = !0, S.value = g.globalAabb.clone(), z(), i.value = "moving", y.value = "ring";
         },
         move: ({ movePoint: N, lastPoint: oe }) => {
           const j = S.value;
@@ -14436,13 +14439,13 @@ var Nf = $e((n) => {
                   let H = j.right - k.globalAabb.width;
                   j.x = k.globalAabb.left;
                   const Q = k.getParent()?.globalAabb;
-                  Q && (H -= Q.x), k.style.left = H, k.updateGlobalTransform(), L();
+                  Q && (H -= Q.x), k.style.left = H, k.updateGlobalTransform(), z();
                 }
               } else if (K.x > I && T) {
                 const H = T.globalAabb.right - j.width;
                 let Q = j.left;
                 const $ = T.getParent()?.globalAabb;
-                $ && (Q -= $.x), T.style.left = Q, j.x = H, T.updateGlobalTransform(), L();
+                $ && (Q -= $.x), T.style.left = Q, j.x = H, T.updateGlobalTransform(), z();
               }
               break;
             case "vertical":
@@ -14451,13 +14454,13 @@ var Nf = $e((n) => {
                   let H = j.bottom - k.globalAabb.height;
                   j.y = k.globalAabb.top;
                   const Q = k.getParent()?.globalAabb;
-                  Q && (H -= Q.y), k.style.top = H, k.updateGlobalTransform(), L();
+                  Q && (H -= Q.y), k.style.top = H, k.updateGlobalTransform(), z();
                 }
               } else if (K.y > I && T) {
                 const H = T.globalAabb.bottom - j.height;
                 let Q = j.top;
                 const $ = T.getParent()?.globalAabb;
-                $ && (Q -= $.y), T.style.top = Q, j.y = H, T.updateGlobalTransform(), L();
+                $ && (Q -= $.y), T.style.top = Q, j.y = H, T.updateGlobalTransform(), z();
               }
               break;
           }
@@ -14505,24 +14508,24 @@ var Nf = $e((n) => {
         }
       });
     }
-    return (v, p) => u.value && !V(d) ? (U(), J("div", {
+    return (v, p) => u.value && !F(d) ? (U(), J("div", {
       key: 0,
       class: De(["m-smart-selection", {
-        "m-smart-selection--hover": !V(i) && V(t),
+        "m-smart-selection--hover": !F(i) && F(t),
         [`m-smart-selection--${u.value.direction}`]: !0,
         [`m-smart-selection--${y.value}`]: y.value !== void 0
       }])
     }, [
-      V(i) !== "moving" ? (U(), J(we, { key: 0 }, [(U(!0), J(we, null, Pe(w.value, (g, x) => (U(), J("div", {
+      F(i) !== "moving" ? (U(), J(we, { key: 0 }, [(U(!0), J(we, null, Pe(w.value, (g, x) => (U(), J("div", {
         key: x,
         class: De(["m-smart-selection__node", { "m-smart-selection__node--active": g.el.equal(e.value) }]),
         style: Ie(g.style)
       }, [W("div", {
         class: "m-smart-selection__ring",
         onPointerdown: (b) => C(b, g)
-      }, null, 40, Df)], 6))), 128)), F.value.width && F.value.height ? (U(), Fe(Go, ht({
+      }, null, 40, Df)], 6))), 128)), V.value.width && V.value.height ? (U(), Fe(Go, ht({
         key: 0,
-        "model-value": F.value
+        "model-value": V.value
       }, R, {
         handles: [
           "resize-l",
@@ -14532,14 +14535,14 @@ var Nf = $e((n) => {
         ],
         class: "m-smart-selection__transform",
         color: "rgb(var(--m-theme-secondary))",
-        scale: [V(r).zoom.x, V(r).zoom.y],
-        offset: [-V(r).position.x, -V(r).position.y]
+        scale: [F(r).zoom.x, F(r).zoom.y],
+        offset: [-F(r).position.x, -F(r).position.y]
       }), null, 16, [
         "model-value",
         "scale",
         "offset"
       ])) : _e("", !0)], 64)) : _e("", !0),
-      (U(!0), J(we, null, Pe(z.value, (g, x) => (U(), J("div", {
+      (U(!0), J(we, null, Pe(L.value, (g, x) => (U(), J("div", {
         key: x,
         class: "m-smart-selection__spacing",
         style: Ie(g.style)
@@ -14619,34 +14622,34 @@ var Nf = $e((n) => {
   setup(n) {
     const { state: e, t, getKbd: o, exporting: s, exportProgress: i, selection: r, isElement: a, statusbarItems: l } = qe();
     return (c, d) => (U(), J("div", Zf, [
-      W("div", Jf, [V(e) === "typing" ? (U(), J(we, { key: 0 }, [
-        W("div", Qf, [W("span", em, be(V(o)("Command")), 1), W("span", tm, be(V(o)("Enter")), 1)]),
+      W("div", Jf, [F(e) === "typing" ? (U(), J(we, { key: 0 }, [
+        W("div", Qf, [W("span", em, be(F(o)("Command")), 1), W("span", tm, be(F(o)("Enter")), 1)]),
         d[1] || (d[1] = W("span", null, "/", -1)),
-        W("div", nm, [W("span", om, be(V(o)("Escape")), 1), W("span", null, be(V(t)("commitChanges")), 1)])
-      ], 64)) : V(e) === "transforming" || V(e) === "moving" ? (U(), J(we, { key: 1 }, [
-        W("div", sm, [Me(V(je), { icon: "$mouseRightClick" })]),
+        W("div", nm, [W("span", om, be(F(o)("Escape")), 1), W("span", null, be(F(t)("commitChanges")), 1)])
+      ], 64)) : F(e) === "transforming" || F(e) === "moving" ? (U(), J(we, { key: 1 }, [
+        W("div", sm, [Me(F(je), { icon: "$mouseRightClick" })]),
         d[3] || (d[3] = W("span", null, " / ", -1)),
-        W("div", im, [W("span", rm, be(V(o)("Escape")), 1), W("span", null, be(V(t)("cancel")), 1)]),
-        V(e) === "moving" ? (U(), J(we, { key: 0 }, [d[2] || (d[2] = W("div", { class: "m-statusbar__divider" }, null, -1)), W("div", am, [W("span", lm, be(V(o)("Shift")), 1), W("span", null, be(V(t)("constrainMovement")), 1)])], 64)) : _e("", !0)
-      ], 64)) : V(e) ? (U(), J("span", cm, be(V(t)(V(e))), 1)) : (U(), J(we, { key: 3 }, [
-        W("div", um, [Me(V(je), { icon: "$mouseLeftClick" }), W("span", null, be(V(t)("selectObject")), 1)]),
+        W("div", im, [W("span", rm, be(F(o)("Escape")), 1), W("span", null, be(F(t)("cancel")), 1)]),
+        F(e) === "moving" ? (U(), J(we, { key: 0 }, [d[2] || (d[2] = W("div", { class: "m-statusbar__divider" }, null, -1)), W("div", am, [W("span", lm, be(F(o)("Shift")), 1), W("span", null, be(F(t)("constrainMovement")), 1)])], 64)) : _e("", !0)
+      ], 64)) : F(e) ? (U(), J("span", cm, be(F(t)(F(e))), 1)) : (U(), J(we, { key: 3 }, [
+        W("div", um, [Me(F(je), { icon: "$mouseLeftClick" }), W("span", null, be(F(t)("selectObject")), 1)]),
         d[5] || (d[5] = W("span", null, " + ", -1)),
-        W("div", dm, [W("span", hm, be(V(o)("Shift")), 1), W("span", null, be(V(t)("extend")), 1)]),
+        W("div", dm, [W("span", hm, be(F(o)("Shift")), 1), W("span", null, be(F(t)("extend")), 1)]),
         d[6] || (d[6] = W("div", { class: "m-statusbar__divider" }, null, -1)),
-        W("div", fm, [Me(V(je), { icon: "$mouseLeftClick" }), W("span", null, be(V(t)("selectArea")), 1)]),
+        W("div", fm, [Me(F(je), { icon: "$mouseLeftClick" }), W("span", null, be(F(t)("selectArea")), 1)]),
         d[7] || (d[7] = W("span", null, " + ", -1)),
-        W("div", mm, [W("span", pm, be(V(o)("Shift")), 1), W("span", null, be(V(t)("extend")), 1)]),
+        W("div", mm, [W("span", pm, be(F(o)("Shift")), 1), W("span", null, be(F(t)("extend")), 1)]),
         d[8] || (d[8] = W("div", { class: "m-statusbar__divider" }, null, -1)),
-        W("div", vm, [Me(V(je), { icon: "$mouseLeftClick" }), W("span", null, be(V(t)("dragSelected")), 1)]),
-        V(r).length === 1 && V(a)(V(r)[0]) && V(r)[0].text.isValid() ? (U(), J(we, { key: 0 }, [d[4] || (d[4] = W("div", { class: "m-statusbar__divider" }, null, -1)), W("div", ym, [W("span", null, be(V(o)("Enter")), 1), W("span", null, be(V(t)("startTyping")), 1)])], 64)) : _e("", !0)
+        W("div", vm, [Me(F(je), { icon: "$mouseLeftClick" }), W("span", null, be(F(t)("dragSelected")), 1)]),
+        F(r).length === 1 && F(a)(F(r)[0]) && F(r)[0].text.isValid() ? (U(), J(we, { key: 0 }, [d[4] || (d[4] = W("div", { class: "m-statusbar__divider" }, null, -1)), W("div", ym, [W("span", null, be(F(o)("Enter")), 1), W("span", null, be(F(t)("startTyping")), 1)])], 64)) : _e("", !0)
       ], 64))]),
-      W("div", gm, [V(s) ? (U(), Fe(Kf, {
+      W("div", gm, [F(s) ? (U(), Fe(Kf, {
         key: 0,
-        modelValue: V(i),
+        modelValue: F(i),
         "onUpdate:modelValue": d[0] || (d[0] = (u) => Gn(i) ? i.value = u : null),
-        label: V(t)("exporting")
+        label: F(t)("exporting")
       }, null, 8, ["modelValue", "label"])) : _e("", !0)]),
-      (U(!0), J(we, null, Pe(V(l), (u, h) => (U(), Fe(No(u), { key: h }))), 128))
+      (U(!0), J(we, null, Pe(F(l), (u, h) => (U(), Fe(No(u), { key: h }))), 128))
     ]));
   }
 }), bm = /* @__PURE__ */ no(xm, [["__scopeId", "data-v-9ad38a0f"]]), _m = $e((n) => {
@@ -14728,13 +14731,13 @@ var Nf = $e((n) => {
     function u(y, f) {
       const w = Number(f);
       if (!Number.isFinite(w)) return;
-      const z = [...t.modelValue];
-      z[y] = y === 0 || y === 2 ? Ct(d(w), 0, 1) : d(w), o("update:modelValue", z);
+      const L = [...t.modelValue];
+      L[y] = y === 0 || y === 2 ? Ct(d(w), 0, 1) : d(w), o("update:modelValue", L);
     }
     function h(y, f) {
       y.preventDefault(), y.stopPropagation(), a.value = f;
       const w = r.value.getBoundingClientRect();
-      function z(R) {
+      function L(R) {
         const S = Ct((R.clientX - w.left - Cs) / po, 0, 1), A = Ct(1 - (R.clientY - w.top - Es) / vo, -0.5, 1.5), [C, P, v, p] = t.modelValue;
         o("update:modelValue", f === 1 ? [
           d(S),
@@ -14748,10 +14751,10 @@ var Nf = $e((n) => {
           d(A)
         ]);
       }
-      function F() {
-        a.value = 0, window.removeEventListener("mousemove", z), window.removeEventListener("mouseup", F);
+      function V() {
+        a.value = 0, window.removeEventListener("mousemove", L), window.removeEventListener("mouseup", V);
       }
-      window.addEventListener("mousemove", z), window.addEventListener("mouseup", F);
+      window.addEventListener("mousemove", L), window.addEventListener("mouseup", V);
     }
     return (y, f) => (U(), J("div", km, [(U(), J("svg", {
       ref: "svgTpl",
@@ -14823,14 +14826,14 @@ var Nf = $e((n) => {
       "y1",
       "x2",
       "y2"
-    ], (w, z) => W("input", {
+    ], (w, L) => W("input", {
       key: w,
       class: "m-ease__field",
       type: "number",
       step: "0.01",
       title: w,
-      value: n.modelValue[z],
-      onChange: (F) => u(z, F.target.value)
+      value: n.modelValue[L],
+      onChange: (V) => u(L, V.target.value)
     }, null, 40, Rm)), 64))])]));
   }
 }), Vm = Om, Fm = {
@@ -14896,12 +14899,12 @@ var Nf = $e((n) => {
       ...i.map((H) => H.key),
       "transform",
       "transformOrigin"
-    ]), l = Y(() => e.value), c = Y(() => l.value?.anim), d = Y(() => l.value?.offset ?? 0), u = Y(() => c.value?.keyframes ?? []), h = Y(() => u.value.find((H) => H.offset === d.value)), y = de(0), f = Y(() => (y.value, o("getEasings"))), w = Y(() => qs(h.value?.easing ?? "linear", f.value)), z = Y(() => {
+    ]), l = Y(() => e.value), c = Y(() => l.value?.anim), d = Y(() => l.value?.offset ?? 0), u = Y(() => c.value?.keyframes ?? []), h = Y(() => u.value.find((H) => H.offset === d.value)), y = de(0), f = Y(() => (y.value, o("getEasings"))), w = Y(() => qs(h.value?.easing ?? "linear", f.value)), L = Y(() => {
       const H = h.value?.easing ?? "linear";
       return H in qt || H in f.value ? H : "custom";
-    }), F = Y(() => {
+    }), V = Y(() => {
       const H = [...Object.keys(qt), ...Object.keys(f.value)];
-      return z.value === "custom" ? ["custom", ...H] : H;
+      return L.value === "custom" ? ["custom", ...H] : H;
     });
     function R(H) {
       H !== "custom" && G(H);
@@ -14930,14 +14933,14 @@ var Nf = $e((n) => {
       const $ = typeof H == "number" ? H : Number(H);
       return Number.isFinite($) ? Number($.toFixed(Q)).toString() : "0";
     }
-    function L(H) {
+    function z(H) {
       const Q = c.value;
       Q && t.value?.transact(() => {
         Q.keyframes = H;
       });
     }
     function N(H, Q) {
-      !h.value || !Number.isFinite(Q) || L(Sn(u.value, {
+      !h.value || !Number.isFinite(Q) || z(Sn(u.value, {
         offset: d.value,
         [H]: Q
       }));
@@ -14945,22 +14948,22 @@ var Nf = $e((n) => {
     function oe(H, Q, $) {
       if (!h.value || !Number.isFinite($)) return;
       const Z = $l(b.value, H, Q, $);
-      L(Sn(u.value, {
+      z(Sn(u.value, {
         offset: d.value,
         transform: Z
       }));
     }
     function j(H) {
-      h.value && L(Sn(u.value, {
+      h.value && z(Sn(u.value, {
         offset: d.value,
         transformOrigin: H
       }));
     }
     function G(H) {
-      h.value && L(Hs(u.value, d.value, H));
+      h.value && z(Hs(u.value, d.value, H));
     }
     function q() {
-      h.value && (L(js(u.value, d.value)), e.value = null);
+      h.value && (z(js(u.value, d.value)), e.value = null);
     }
     function K(H) {
       return Number(H.target.value);
@@ -14978,34 +14981,34 @@ var Nf = $e((n) => {
           A.value ? (U(), J(we, { key: 0 }, [pt(W("input", {
             "onUpdate:modelValue": Q[0] || (Q[0] = ($) => C.value = $),
             class: "m-kfpop__select",
-            placeholder: V(s)("saveEasingPreset"),
+            placeholder: F(s)("saveEasingPreset"),
             autofocus: "",
             onKeyup: [Zo(v, ["enter"]), Q[1] || (Q[1] = Zo(($) => A.value = !1, ["esc"]))]
           }, null, 40, Bm), [[$n, C.value]]), W("button", {
             class: "m-kfpop__btn",
             type: "button",
-            title: V(s)("saveEasingPreset"),
+            title: F(s)("saveEasingPreset"),
             onClick: v
-          }, [Me(V(je), { icon: "$check" })], 8, qm)], 64)) : (U(), J(we, { key: 1 }, [W("select", {
+          }, [Me(F(je), { icon: "$check" })], 8, qm)], 64)) : (U(), J(we, { key: 1 }, [W("select", {
             class: "m-kfpop__select",
-            value: z.value,
+            value: L.value,
             onChange: Q[2] || (Q[2] = ($) => R($.target.value))
-          }, [(U(!0), J(we, null, Pe(F.value, ($) => (U(), J("option", {
+          }, [(U(!0), J(we, null, Pe(V.value, ($) => (U(), J("option", {
             key: $,
             value: $
-          }, be($ === "custom" ? V(s)("custom") : $), 9, jm))), 128))], 40, Um), z.value === "custom" ? (U(), J("button", {
+          }, be($ === "custom" ? F(s)("custom") : $), 9, jm))), 128))], 40, Um), L.value === "custom" ? (U(), J("button", {
             key: 0,
             class: "m-kfpop__btn",
             type: "button",
-            title: V(s)("saveEasingPreset"),
+            title: F(s)("saveEasingPreset"),
             onClick: P
-          }, [Me(V(je), { icon: "$plus" })], 8, Hm)) : _e("", !0)], 64)),
+          }, [Me(F(je), { icon: "$plus" })], 8, Hm)) : _e("", !0)], 64)),
           W("button", {
             class: "m-kfpop__btn",
             type: "button",
-            title: V(s)("removeKeyframe"),
+            title: F(s)("removeKeyframe"),
             onClick: q
-          }, [Me(V(je), { icon: "$close" })], 8, Xm)
+          }, [Me(F(je), { icon: "$close" })], 8, Xm)
         ]),
         Me(Vm, {
           "model-value": w.value,
@@ -15051,7 +15054,7 @@ var Nf = $e((n) => {
           class: "m-kfpop__input",
           type: "text",
           value: E.value,
-          placeholder: V(s)("default"),
+          placeholder: F(s)("default"),
           onChange: Q[3] || (Q[3] = ($) => j($.target.value))
         }, null, 40, Qm)])) : _e("", !0)
       ])) : _e("", !0)]),
@@ -15181,15 +15184,15 @@ var Nf = $e((n) => {
       }
       return b;
     }
-    function z(p, g) {
+    function L(p, g) {
       if (!g) return "move";
       const x = p.currentTarget.getBoundingClientRect(), b = p.clientX - x.left;
       return b < 6 ? "resize-left" : b > x.width - 6 ? "resize-right" : "move";
     }
-    function F(p, g, x) {
+    function V(p, g, x) {
       p.stopPropagation(), r.value = [e.node];
-      const b = z(p, x), _ = p.clientX, E = g.delay, I = x ? g.duration || e.endTime - E : 0, k = 1e3 / s.value, T = 8 * e.msPerPx;
-      function L(oe) {
+      const b = L(p, x), _ = p.clientX, E = g.delay, I = x ? g.duration || e.endTime - E : 0, k = 1e3 / s.value, T = 8 * e.msPerPx;
+      function z(oe) {
         const j = (oe.clientX - _) * e.msPerPx;
         if (b === "move") {
           const G = w(E + j, T, g);
@@ -15203,12 +15206,12 @@ var Nf = $e((n) => {
         }
       }
       function N() {
-        window.removeEventListener("mousemove", L), window.removeEventListener("mouseup", N), i();
+        window.removeEventListener("mousemove", z), window.removeEventListener("mouseup", N), i();
       }
-      window.addEventListener("mousemove", L), window.addEventListener("mouseup", N);
+      window.addEventListener("mousemove", z), window.addEventListener("mouseup", N);
     }
     function R(p, g) {
-      F(p, g.anim ?? e.node, g.kind === "animation");
+      V(p, g.anim ?? e.node, g.kind === "animation");
     }
     function S(p) {
       return p.anim?.keyframes ?? [];
@@ -15220,11 +15223,11 @@ var Nf = $e((n) => {
       r.value = [e.node];
       const _ = S(g), E = _[x];
       if (!E) return;
-      const I = p.currentTarget, k = b.duration || e.endTime - b.delay || 1, T = p.clientX, L = E.offset, N = 1e-3, oe = x > 0 ? _[x - 1].offset + N : 0, j = x < _.length - 1 ? _[x + 1].offset - N : 1, G = 1e3 / s.value;
+      const I = p.currentTarget, k = b.duration || e.endTime - b.delay || 1, T = p.clientX, z = E.offset, N = 1e-3, oe = x > 0 ? _[x - 1].offset + N : 0, j = x < _.length - 1 ? _[x + 1].offset - N : 1, G = 1e3 / s.value;
       let q = !1;
       function K(Q) {
         Math.abs(Q.clientX - T) > 2 && (q = !0);
-        const $ = (Q.clientX - T) * e.msPerPx / k, Z = b.delay + (L + $) * k, te = Ct((Math.round(Z / G) * G - b.delay) / k, oe, j), ee = S(g);
+        const $ = (Q.clientX - T) * e.msPerPx / k, Z = b.delay + (z + $) * k, te = Ct((Math.round(Z / G) * G - b.delay) / k, oe, j), ee = S(g);
         t.value?.transact(() => {
           b.keyframes = ee.map((ae, ce) => ce === x ? {
             ...ae,
@@ -15234,11 +15237,11 @@ var Nf = $e((n) => {
       }
       function H() {
         if (window.removeEventListener("mousemove", K), window.removeEventListener("mouseup", H), q) return;
-        o.value = b.delay + L * k;
+        o.value = b.delay + z * k;
         const Q = I.getBoundingClientRect();
         a.value = {
           anim: b,
-          offset: L,
+          offset: z,
           target: {
             x: Q.left + Q.width / 2,
             y: Q.top
@@ -15275,7 +15278,7 @@ var Nf = $e((n) => {
       };
     }
     function v(p) {
-      F(p, e.node, !1);
+      V(p, e.node, !1);
     }
     return (p, g) => (U(), J("div", {
       class: De(["m-segment", [`m-segment--${(n.node.meta.inEditorIs ?? "none").toLowerCase()}`, n.active && "m-segment--active"]]),
@@ -15302,7 +15305,7 @@ var Nf = $e((n) => {
         onMousedown: (E) => A(E, x, _)
       }, null, 44, ap))), 128))], 46, ip))), 128)),
       n.active ? (U(), J("div", lp)) : _e("", !0),
-      W("span", cp, be(V(d)), 1),
+      W("span", cp, be(F(d)), 1),
       n.active ? (U(), J("div", up)) : _e("", !0)
     ], 38));
   }
@@ -15315,7 +15318,7 @@ var Nf = $e((n) => {
   __name: "Trackhead",
   props: { node: {} },
   setup(n) {
-    const e = n, t = qe(), { selection: o, hoverElement: s, isElement: i, exec: r, t: a, animationPresets: l } = t, c = de(!1), d = _i(t, (g) => r("applyAnimationPreset", g.id, e.node)), { thumbnailIcon: u, thumbnailName: h } = Yo(Y(() => e.node), t), y = Y(() => o.value.some((g) => g.equal(e.node))), f = de(!1), w = de(!1), z = de(""), F = nt("inputDom"), R = Y(() => f.value);
+    const e = n, t = qe(), { selection: o, hoverElement: s, isElement: i, exec: r, t: a, animationPresets: l } = t, c = de(!1), d = _i(t, (g) => r("applyAnimationPreset", g.id, e.node)), { thumbnailIcon: u, thumbnailName: h } = Yo(Y(() => e.node), t), y = Y(() => o.value.some((g) => g.equal(e.node))), f = de(!1), w = de(!1), L = de(""), V = nt("inputDom"), R = Y(() => f.value);
     function S(g) {
       if (g.button === 0) {
         if (g.shiftKey) {
@@ -15349,15 +15352,15 @@ var Nf = $e((n) => {
       s.value = void 0, f.value = !1;
     }
     function P(g) {
-      g.stopPropagation(), w.value = !0, z.value = h.value, zt().then(() => {
-        F.value?.focus({ preventScroll: !0 }), F.value?.select();
+      g.stopPropagation(), w.value = !0, L.value = h.value, zt().then(() => {
+        V.value?.focus({ preventScroll: !0 }), V.value?.select();
       });
     }
     function v() {
-      w.value = !1, z.value && z.value !== h.value && (e.node.name = z.value);
+      w.value = !1, L.value && L.value !== h.value && (e.node.name = L.value);
     }
     function p(g) {
-      g.key === "Enter" ? F.value?.blur() : g.key === "Escape" && (w.value = !1);
+      g.key === "Enter" ? V.value?.blur() : g.key === "Escape" && (w.value = !1);
     }
     return (g, x) => (U(), J("div", {
       class: De(["m-trackhead", [y.value && "m-trackhead--selected"]]),
@@ -15366,15 +15369,15 @@ var Nf = $e((n) => {
       onMouseenter: A,
       onMouseleave: C
     }, [
-      W("div", yp, [Me(V(je), { icon: V(u) }, null, 8, ["icon"])]),
+      W("div", yp, [Me(F(je), { icon: F(u) }, null, 8, ["icon"])]),
       W("div", {
         class: "m-trackhead__name",
         onDblclick: P
       }, [w.value ? pt((U(), J("input", {
         key: 0,
         ref_key: "inputDom",
-        ref: F,
-        "onUpdate:modelValue": x[0] || (x[0] = (b) => z.value = b),
+        ref: V,
+        "onUpdate:modelValue": x[0] || (x[0] = (b) => L.value = b),
         type: "text",
         class: "m-trackhead__input",
         spellcheck: "false",
@@ -15384,22 +15387,22 @@ var Nf = $e((n) => {
         onKeydown: p,
         onMousedown: x[1] || (x[1] = Je(() => {
         }, ["stop"]))
-      }, null, 544)), [[$n, z.value]]) : (U(), J("span", gp, be(V(h)), 1))], 32),
-      W("div", { class: De(["m-trackhead__action", { "m-trackhead__action--show": R.value || c.value }]) }, [V(i)(n.node) && V(l).length ? (U(), Fe(io, {
+      }, null, 544)), [[$n, L.value]]) : (U(), J("span", gp, be(F(h)), 1))], 32),
+      W("div", { class: De(["m-trackhead__action", { "m-trackhead__action--show": R.value || c.value }]) }, [F(i)(n.node) && F(l).length ? (U(), Fe(io, {
         key: 0,
         modelValue: c.value,
         "onUpdate:modelValue": x[3] || (x[3] = (b) => c.value = b),
-        items: V(d),
+        items: F(d),
         location: "bottom-start",
         offset: 4
       }, {
         activator: Te(({ props: b }) => [W("button", ht({
           type: "button",
           class: ["m-trackhead__btn", { "m-trackhead__btn--show": c.value }],
-          title: V(a)("addAnimation")
+          title: F(a)("addAnimation")
         }, b, { onMousedown: x[2] || (x[2] = Je(() => {
-        }, ["stop"])) }), [Me(V(je), { icon: "$plus" })], 16, xp)]),
-        title: Te(({ item: b }) => [mt(be(V(a)(b.key)), 1)]),
+        }, ["stop"])) }), [Me(F(je), { icon: "$plus" })], 16, xp)]),
+        title: Te(({ item: b }) => [mt(be(F(a)(b.key)), 1)]),
         _: 1
       }, 8, ["modelValue", "items"])) : _e("", !0)], 2)
     ], 42, vp));
@@ -15407,14 +15410,14 @@ var Nf = $e((n) => {
 }), _p = bp, wp = { class: "m-timeline__toolbar" }, kp = { class: "m-timeline__time" }, Mp = { class: "m-timeline__time--muted" }, Sp = { class: "m-timeline__controls" }, Cp = ["title"], Ep = ["title"], Tp = ["title"], Ap = ["title"], Pp = ["title"], Ip = ["title"], $p = ["value"], Lp = ["title"], zp = ["value"], Rp = ["title"], Op = ["title"], Vp = { class: "m-timeline__main" }, Fp = { class: "m-timeline__left-wrapper" }, Np = { class: "m-timeline__right-wrapper" }, Dp = { class: "m-timeline__ruler" }, Bp = { class: "m-timeline__track" }, qp = /* @__PURE__ */ Se({
   __name: "Timeline",
   setup(n) {
-    const e = qe(), { isElement: t, root: o, msPerPx: s, currentTime: i, endTime: r, selection: a, paused: l, fps: c, playbackRate: d, loopMode: u, exec: h, t: y, assets: f, animationPresets: w } = e, z = [
+    const e = qe(), { isElement: t, root: o, msPerPx: s, currentTime: i, endTime: r, selection: a, paused: l, fps: c, playbackRate: d, loopMode: u, exec: h, t: y, assets: f, animationPresets: w } = e, L = [
       0.25,
       0.5,
       1,
       1.5,
       2,
       4
-    ], F = [
+    ], V = [
       "none",
       "loop",
       "alternate"
@@ -15447,7 +15450,7 @@ var Nf = $e((n) => {
       return `${E(Math.floor(G / c.value / 60))}:${E(K)}.${E(q)}`;
     }
     const k = Y(() => I(i.value)), T = Y(() => I(r.value));
-    function L(j) {
+    function z(j) {
       if (j.ctrlKey || j.metaKey) {
         j.preventDefault();
         const G = j.ctrlKey && Vi ? 10 : 1, q = j.deltaY * (j.deltaMode === 1 ? 0.05 : j.deltaMode ? 1 : 2e-3) * G, K = Math.log(s.value) + q;
@@ -15490,93 +15493,93 @@ var Nf = $e((n) => {
           W("button", {
             class: "m-timeline__btn",
             type: "button",
-            title: V(y)("seekStart"),
-            onClick: G[0] || (G[0] = (q) => V(h)("seekStart"))
-          }, [Me(V(je), { icon: "$skipPrevious" })], 8, Cp),
+            title: F(y)("seekStart"),
+            onClick: G[0] || (G[0] = (q) => F(h)("seekStart"))
+          }, [Me(F(je), { icon: "$skipPrevious" })], 8, Cp),
           W("button", {
             class: "m-timeline__btn",
             type: "button",
-            title: V(y)("stepBackward"),
-            onClick: G[1] || (G[1] = (q) => V(h)("stepBackward"))
-          }, [Me(V(je), { icon: "$stepBackward" })], 8, Ep),
+            title: F(y)("stepBackward"),
+            onClick: G[1] || (G[1] = (q) => F(h)("stepBackward"))
+          }, [Me(F(je), { icon: "$stepBackward" })], 8, Ep),
           W("button", {
             class: "m-timeline__btn m-timeline__btn--primary",
             type: "button",
-            title: V(l) ? V(y)("play") : V(y)("pause"),
-            onClick: G[2] || (G[2] = (q) => V(h)("togglePlay"))
-          }, [Me(V(je), { icon: V(l) ? "$play" : "$pause" }, null, 8, ["icon"])], 8, Tp),
+            title: F(l) ? F(y)("play") : F(y)("pause"),
+            onClick: G[2] || (G[2] = (q) => F(h)("togglePlay"))
+          }, [Me(F(je), { icon: F(l) ? "$play" : "$pause" }, null, 8, ["icon"])], 8, Tp),
           W("button", {
             class: "m-timeline__btn",
             type: "button",
-            title: V(y)("stepForward"),
-            onClick: G[3] || (G[3] = (q) => V(h)("stepForward"))
-          }, [Me(V(je), { icon: "$stepForward" })], 8, Ap),
+            title: F(y)("stepForward"),
+            onClick: G[3] || (G[3] = (q) => F(h)("stepForward"))
+          }, [Me(F(je), { icon: "$stepForward" })], 8, Ap),
           W("button", {
             class: "m-timeline__btn",
             type: "button",
-            title: V(y)("seekEnd"),
-            onClick: G[4] || (G[4] = (q) => V(h)("seekEnd"))
-          }, [Me(V(je), { icon: "$skipNext" })], 8, Pp)
+            title: F(y)("seekEnd"),
+            onClick: G[4] || (G[4] = (q) => F(h)("seekEnd"))
+          }, [Me(F(je), { icon: "$skipNext" })], 8, Pp)
         ]),
         pt(W("select", {
           "onUpdate:modelValue": G[5] || (G[5] = (q) => Gn(d) ? d.value = q : null),
           class: "m-timeline__select",
-          title: V(y)("playbackRate")
-        }, [(U(), J(we, null, Pe(z, (q) => W("option", {
+          title: F(y)("playbackRate")
+        }, [(U(), J(we, null, Pe(L, (q) => W("option", {
           key: q,
           value: q
         }, be(q) + "× ", 9, $p)), 64))], 8, Ip), [[
           Ko,
-          V(d),
+          F(d),
           void 0,
           { number: !0 }
         ]]),
         pt(W("select", {
           "onUpdate:modelValue": G[6] || (G[6] = (q) => Gn(u) ? u.value = q : null),
           class: "m-timeline__select",
-          title: V(y)("loopMode")
-        }, [(U(), J(we, null, Pe(F, (q) => W("option", {
+          title: F(y)("loopMode")
+        }, [(U(), J(we, null, Pe(V, (q) => W("option", {
           key: q,
           value: q
-        }, be(V(y)(R[q])), 9, zp)), 64))], 8, Lp), [[Ko, V(u)]]),
-        x.value.length && V(w).length ? (U(), Fe(io, {
+        }, be(F(y)(R[q])), 9, zp)), 64))], 8, Lp), [[Ko, F(u)]]),
+        x.value.length && F(w).length ? (U(), Fe(io, {
           key: 0,
           modelValue: b.value,
           "onUpdate:modelValue": G[7] || (G[7] = (q) => b.value = q),
-          items: V(_),
+          items: F(_),
           location: "bottom-start",
           offset: 4
         }, {
           activator: Te(({ props: q }) => [W("button", ht({
             type: "button",
             class: ["m-timeline__btn m-timeline__add-anim", { "m-timeline__add-anim--active": b.value }],
-            title: V(y)("addAnimation")
-          }, q), [Me(V(je), { icon: "$plus" }), W("span", null, be(V(y)("addAnimation")), 1)], 16, Rp)]),
-          title: Te(({ item: q }) => [mt(be(V(y)(q.key)), 1)]),
+            title: F(y)("addAnimation")
+          }, q), [Me(F(je), { icon: "$plus" }), W("span", null, be(F(y)("addAnimation")), 1)], 16, Rp)]),
+          title: Te(({ item: q }) => [mt(be(F(y)(q.key)), 1)]),
           _: 1
         }, 8, ["modelValue", "items"])) : _e("", !0),
         G[11] || (G[11] = W("div", { class: "m-timeline__toolbar-spacer" }, null, -1)),
         W("button", {
           class: "m-timeline__btn",
           type: "button",
-          title: V(y)("collapse"),
-          onClick: G[8] || (G[8] = (q) => V(h)("togglePanel", "timeline"))
-        }, [Me(V(je), { icon: "$arrowDown" })], 8, Op)
+          title: F(y)("collapse"),
+          onClick: G[8] || (G[8] = (q) => F(h)("togglePanel", "timeline"))
+        }, [Me(F(je), { icon: "$arrowDown" })], 8, Op)
       ]),
       W("div", Vp, [W("div", {
         class: "m-timeline__left",
-        onWheel: L
+        onWheel: z
       }, [W("div", Fp, [W("div", { style: Ie({ transform: `translateY(${A.value[1]}px)` }) }, [(U(!0), J(we, null, Pe(g.value, (q) => (U(), Fe(_p, {
         key: q.id,
         node: q
       }, null, 8, ["node"]))), 128))], 4)])], 32), W("div", {
         class: "m-timeline__right",
-        onWheel: L,
+        onWheel: z,
         onMousedown: N
       }, [W("div", Np, [
         W("div", Dp, [Me(zo, {
           ref: "rulerTpl",
-          zoom: 1e3 / V(s) / V(c),
+          zoom: 1e3 / F(s) / F(c),
           unit: 100,
           "unit-fractions": [1, 3],
           style: { position: "relative" },
@@ -15584,15 +15587,15 @@ var Nf = $e((n) => {
           "label-format": oe
         }, null, 8, ["zoom", "position"])]),
         W("div", Bp, [W("div", { style: Ie({
-          width: `${V(r) / V(s)}px`,
+          width: `${F(r) / F(s)}px`,
           transform: `translate(${A.value[0]}px, ${A.value[1]}px)`
         }) }, [(U(!0), J(we, null, Pe(g.value, (q) => (U(), Fe(pp, { key: q.id }, {
           default: Te(() => [Me(hp, {
             node: q,
-            "ms-per-px": V(s),
-            "end-time": V(r),
+            "ms-per-px": F(s),
+            "end-time": F(r),
             rev: C.value,
-            active: V(a).some((K) => K.equal(q))
+            active: F(a).some((K) => K.equal(q))
           }, null, 8, [
             "node",
             "ms-per-px",
@@ -15602,14 +15605,14 @@ var Nf = $e((n) => {
           ])]),
           _: 2
         }, 1024))), 128))], 4)]),
-        Me(sp, { style: Ie({ transform: `translate(${A.value[0] + Math.ceil(V(i) / V(s))}px, 0px)` }) }, null, 8, ["style"])
+        Me(sp, { style: Ie({ transform: `translate(${A.value[0] + Math.ceil(F(i) / F(s))}px, 0px)` }) }, null, 8, ["style"])
       ])], 32)]),
       Me(tp)
     ], 32));
   }
 }), Up = qp, jp = $e((n) => {
   const { registerConfig: e, timeline: t } = n, o = e("ui.timeline", { default: { visible: !1 } }), s = de(!0), i = de(30), r = de(1), a = de("loop"), l = de(null);
-  Be(a, (F) => t.value.loopMode = F, { immediate: !0 }), Be(r, (F) => t.value.rate = F, { immediate: !0 });
+  Be(a, (V) => t.value.loopMode = V, { immediate: !0 }), Be(r, (V) => t.value.rate = V, { immediate: !0 });
   async function c() {
     await n.renderEngine.value.nextTick(), t.value.endTime = n.root.value ? n.getTimeRange(n.root.value).endTime : 0;
   }
@@ -15631,20 +15634,20 @@ var Nf = $e((n) => {
     s.value = !s.value;
   }
   function y() {
-    const F = t.value;
-    F.currentTime = F.startTime;
+    const V = t.value;
+    V.currentTime = V.startTime;
   }
   function f() {
-    const F = t.value;
-    F.currentTime = F.endTime;
+    const V = t.value;
+    V.currentTime = V.endTime;
   }
   function w() {
-    const F = t.value, R = 1e3 / i.value, S = Number.isFinite(F.currentTime) ? F.currentTime : F.startTime;
-    F.currentTime = Math.max(F.startTime, S - R);
+    const V = t.value, R = 1e3 / i.value, S = Number.isFinite(V.currentTime) ? V.currentTime : V.startTime;
+    V.currentTime = Math.max(V.startTime, S - R);
   }
-  function z() {
-    const F = t.value, R = 1e3 / i.value, S = Number.isFinite(F.currentTime) ? F.currentTime : F.startTime;
-    F.currentTime = Math.min(F.endTime, S + R);
+  function L() {
+    const V = t.value, R = 1e3 / i.value, S = Number.isFinite(V.currentTime) ? V.currentTime : V.startTime;
+    V.currentTime = Math.min(V.endTime, S + R);
   }
   return {
     name: "mce:timeline",
@@ -15657,7 +15660,7 @@ var Nf = $e((n) => {
       component: Up,
       visible: Y({
         get: () => o.value.visible,
-        set: (F) => o.value.visible = F
+        set: (V) => o.value.visible = V
       })
     }],
     commands: [
@@ -15687,7 +15690,7 @@ var Nf = $e((n) => {
       },
       {
         command: "stepForward",
-        handle: z
+        handle: L
       }
     ],
     hotkeys: [
@@ -15722,7 +15725,7 @@ var Nf = $e((n) => {
       }
     ],
     setup: () => {
-      const { assets: F, on: R, off: S } = n, A = c;
+      const { assets: V, on: R, off: S } = n, A = c;
       function C() {
         s.value = !0, t.value.currentTime = t.value.startTime, A();
       }
@@ -15750,9 +15753,9 @@ var Nf = $e((n) => {
       }, { immediate: !0 }), Be(s, (b) => {
         b ? g() : p();
       }, { immediate: !0 }), bt(() => {
-        R("docSet", C), F.on("loaded", A);
+        R("docSet", C), V.on("loaded", A);
       }), en(() => {
-        g(), t.value.off("ended", x), S("docSet", C), F.off("loaded", A);
+        g(), t.value.off("ended", x), S("docSet", C), V.off("loaded", A);
       });
     }
   };
@@ -15798,7 +15801,7 @@ var Nf = $e((n) => {
     return (l, c) => (U(), J("div", Xp, [
       (U(), J(we, null, Pe(o, (d) => W("button", {
         key: `w${d}`,
-        class: De(["m-tool-options__width", { "m-tool-options__width--active": V(t).width === d }]),
+        class: De(["m-tool-options__width", { "m-tool-options__width--active": F(t).width === d }]),
         onClick: (u) => r(d)
       }, [W("span", {
         class: "m-tool-options__dot",
@@ -15810,7 +15813,7 @@ var Nf = $e((n) => {
       c[0] || (c[0] = W("span", { class: "m-tool-options__divider" }, null, -1)),
       (U(), J(we, null, Pe(s, (d) => W("button", {
         key: d,
-        class: De(["m-tool-options__color", { "m-tool-options__color--active": V(t).color === d }]),
+        class: De(["m-tool-options__color", { "m-tool-options__color--active": F(t).color === d }]),
         style: Ie({ background: d }),
         onClick: (u) => a(d)
       }, null, 14, Gp)), 64))
@@ -15819,31 +15822,31 @@ var Nf = $e((n) => {
 }), Kp = Wp, Zp = { key: 0 }, Jp = { key: 1 }, Qp = 12, ev = /* @__PURE__ */ Se({
   __name: "Toolbelt",
   setup(n) {
-    const { state: e, t, activateTool: o, activeTool: s, hotkeys: i, getKbd: r, getConfigRef: a, drawboardAabb: l, toolbeltShapeItems: c, toolbeltItems: d } = qe(), u = a("ui.toolbelt"), h = de(!1), y = de(), f = Y(() => y.value?.placement ?? u.value?.placement ?? "bottom"), w = Y(() => h.value ? y.value?.offset : u.value?.offset), z = Y(() => {
+    const { state: e, t, activateTool: o, activeTool: s, hotkeys: i, getKbd: r, getConfigRef: a, drawboardAabb: l, toolbeltShapeItems: c, toolbeltItems: d } = qe(), u = a("ui.toolbelt"), h = de(!1), y = de(), f = Y(() => y.value?.placement ?? u.value?.placement ?? "bottom"), w = Y(() => h.value ? y.value?.offset : u.value?.offset), L = Y(() => {
       const _ = w.value;
       if (_ != null)
         return f.value === "left" || f.value === "right" ? { top: `${_}px` } : { left: `${_}px` };
     });
-    function F(_, E) {
+    function V(_, E) {
       const I = l.value, k = {
         top: E,
         bottom: I.height - E,
         left: _,
         right: I.width - _
       };
-      return Object.keys(k).reduce((T, L) => k[L] < k[T] ? L : T);
+      return Object.keys(k).reduce((T, z) => k[z] < k[T] ? z : T);
     }
     function R(_) {
       if (_.button !== 0) return;
       _.preventDefault();
-      const E = _.currentTarget.closest(".m-toolbelt")?.getBoundingClientRect(), I = (E?.width ?? 0) / 2, k = (E?.height ?? 0) / 2, T = E ? _.clientX - (E.left + I) : 0, L = E ? _.clientY - (E.top + k) : 0;
+      const E = _.currentTarget.closest(".m-toolbelt")?.getBoundingClientRect(), I = (E?.width ?? 0) / 2, k = (E?.height ?? 0) / 2, T = E ? _.clientX - (E.left + I) : 0, z = E ? _.clientY - (E.top + k) : 0;
       Rt(_, {
         threshold: 4,
         start: () => {
           h.value = !0;
         },
         move: (N) => {
-          const oe = l.value, j = N.movePoint.x - oe.left, G = N.movePoint.y - oe.top, q = F(j, G), K = q === "left" || q === "right", H = K ? k : I, Q = K ? oe.height : oe.width, $ = Q / 2, Z = K ? G - L : j - T, te = Math.min(Math.max(Z, H + 8), Q - H - 8);
+          const oe = l.value, j = N.movePoint.x - oe.left, G = N.movePoint.y - oe.top, q = V(j, G), K = q === "left" || q === "right", H = K ? k : I, Q = K ? oe.height : oe.width, $ = Q / 2, Z = K ? G - z : j - T, te = Math.min(Math.max(Z, H + 8), Q - H - 8);
           y.value = {
             placement: q,
             offset: Math.abs(te - $) < Qp ? void 0 : te
@@ -15948,7 +15951,7 @@ var Nf = $e((n) => {
     ]);
     return (_, E) => (U(), J("div", {
       class: De(["m-toolbelt", [`m-toolbelt--${f.value}`, { "m-toolbelt--dragging": h.value }]]),
-      style: Ie(z.value)
+      style: Ie(L.value)
     }, [
       v.value ? (U(), Fe(Kp, {
         key: 0,
@@ -15972,11 +15975,11 @@ var Nf = $e((n) => {
           class: "m-toolbelt__btn",
           active: I.active || I.checked || !1
         }, { ref_for: !0 }, T, { onClick: I.handle }), {
-          default: Te(() => [Me(V(je), { icon: I.icon ?? `$${I.key}` }, null, 8, ["icon"])]),
+          default: Te(() => [Me(F(je), { icon: I.icon ?? `$${I.key}` }, null, 8, ["icon"])]),
           _: 2
         }, 1040, ["active", "onClick"])]),
-        default: Te(() => [W("span", null, be(V(t)(I.key)), 1)]),
-        kbd: Te(() => [V(i).has(`setState:${I.key}`) ? (U(), J("span", Zp, be(V(r)(`setState:${I.key}`)), 1)) : V(i).has(`activateTool:${I.key}`) ? (U(), J("span", Jp, be(V(r)(`activateTool:${I.key}`)), 1)) : _e("", !0)]),
+        default: Te(() => [W("span", null, be(F(t)(I.key)), 1)]),
+        kbd: Te(() => [F(i).has(`setState:${I.key}`) ? (U(), J("span", Zp, be(F(r)(`setState:${I.key}`)), 1)) : F(i).has(`activateTool:${I.key}`) ? (U(), J("span", Jp, be(F(r)(`activateTool:${I.key}`)), 1)) : _e("", !0)]),
         _: 2
       }, 1032, ["location"]), I.children?.length ? (U(), Fe(io, {
         key: 0,
@@ -15988,12 +15991,12 @@ var Nf = $e((n) => {
           icon: "",
           class: "m-toolbelt__arrow"
         }, { ref_for: !0 }, T), {
-          default: Te(() => [Me(V(je), { icon: "$arrowDown" })]),
+          default: Te(() => [Me(F(je), { icon: "$arrowDown" })]),
           _: 1
         }, 16)]),
-        title: Te(({ item: T }) => [mt(be(V(t)(T.key)), 1)]),
-        kbd: Te(({ item: T }) => [V(i).has(`setState:${T.key}`) ? (U(), J(we, { key: 0 }, [mt(be(V(r)(`setState:${T.key}`)), 1)], 64)) : V(i).has(`activateTool:${T.key}`) ? (U(), J(we, { key: 1 }, [mt(be(V(r)(`activateTool:${T.key}`)), 1)], 64)) : _e("", !0)]),
-        prepend: Te(({ item: T }) => [Me(V(je), {
+        title: Te(({ item: T }) => [mt(be(F(t)(T.key)), 1)]),
+        kbd: Te(({ item: T }) => [F(i).has(`setState:${T.key}`) ? (U(), J(we, { key: 0 }, [mt(be(F(r)(`setState:${T.key}`)), 1)], 64)) : F(i).has(`activateTool:${T.key}`) ? (U(), J(we, { key: 1 }, [mt(be(F(r)(`activateTool:${T.key}`)), 1)], 64)) : _e("", !0)]),
+        prepend: Te(({ item: T }) => [Me(F(je), {
           class: "m-toolbelt__icon",
           icon: `$${T.key}`
         }, null, 8, ["icon"])]),
@@ -16071,32 +16074,32 @@ var Nf = $e((n) => {
       borderRadius: o.value[0]?.style.borderRadius ?? 0
     };
   });
-  function z() {
+  function L() {
     return w.value;
   }
-  const F = (C, P, v = {}) => {
+  const V = (C, P, v = {}) => {
     const { event: p, isCorner: g, direction: x = "" } = v;
     y || f();
-    const b = y, _ = z(), E = {
+    const b = y, _ = L(), E = {
       ..._,
       ...P
     }, I = o.value, k = I.length > 1;
     if (C === "move" && I.length === 1) {
-      const L = I[0].getParent();
-      if (L && L.style?.display === "flex") return;
+      const z = I[0].getParent();
+      if (z && z.style?.display === "flex") return;
     }
     if (C === "move") {
       if (E.left = Math.round(E.left), E.top = Math.round(E.top), p?.shiftKey) {
-        const L = b.constrainMovement;
-        L.event || (L.event = p), L.startPoint || (L.startPoint = {
+        const z = b.constrainMovement;
+        z.event || (z.event = p), z.startPoint || (z.startPoint = {
           x: _.left,
           y: _.top
         });
         const N = {
-          x: (p?.clientX ?? 0) - (L.event?.clientX ?? 0),
-          y: (p?.clientY ?? 0) - (L.event?.clientY ?? 0)
+          x: (p?.clientX ?? 0) - (z.event?.clientX ?? 0),
+          y: (p?.clientY ?? 0) - (z.event?.clientY ?? 0)
         };
-        Math.abs(N.x) > Math.abs(N.y) ? E.top = L.startPoint.y : E.left = L.startPoint.x;
+        Math.abs(N.x) > Math.abs(N.y) ? E.top = z.startPoint.y : E.left = z.startPoint.x;
       }
       E.rotate || d(E);
     } else C === "resize" && !E.rotate && !k && u(E, x);
@@ -16108,8 +16111,8 @@ var Nf = $e((n) => {
       rotate: E.rotate - _.rotate,
       borderRadius: E.borderRadius - _.borderRadius
     };
-    k && C === "rotate" && (T.rotate = E.rotate - b.batchRotate, b.batchRotate += T.rotate), I.forEach((L) => {
-      const N = L.style, oe = {
+    k && C === "rotate" && (T.rotate = E.rotate - b.batchRotate, b.batchRotate += T.rotate), I.forEach((z) => {
+      const N = z.style, oe = {
         left: N.left + T.left,
         top: N.top + T.top,
         width: N.width + T.width,
@@ -16119,16 +16122,16 @@ var Nf = $e((n) => {
       };
       if (C === "rotate") {
         if (k) {
-          const j = L.globalAabb.getCenter().rotate(T.rotate * Ri, {
+          const j = z.globalAabb.getCenter().rotate(T.rotate * Ri, {
             x: E.left + E.width / 2,
             y: E.top + E.height / 2
-          }), G = L.getParent()?.globalAabb;
+          }), G = z.getParent()?.globalAabb;
           G && (j.x -= G.left, j.y -= G.top), oe.left = j.x - oe.width / 2, oe.top = j.y - oe.height / 2;
         }
         oe.rotate = Math.round(oe.rotate * 100) / 100;
       } else if (C === "resize") {
         if (k) {
-          const G = b.batchResize[L.instanceId];
+          const G = b.batchResize[z.instanceId];
           if (G) {
             const q = {
               x: E.left + E.width * G.min.x,
@@ -16142,18 +16145,18 @@ var Nf = $e((n) => {
             }, Q = {
               x: q.x + H.x / 2,
               y: q.y + H.y / 2
-            }, $ = L.getParent()?.globalAabb;
+            }, $ = z.getParent()?.globalAabb;
             $ && (Q.x -= $.left, Q.y -= $.top), oe.width = H.x * G.scale.x, oe.height = H.y * G.scale.y, oe.left = Q.x - oe.width / 2, oe.top = Q.y - oe.height / 2;
           }
         }
         const j = oe.rotate ? 100 : 1;
-        r(L, Math.max(1, Math.round(oe.width * j) / j), Math.max(1, Math.round(oe.height * j) / j), i(L, "Frame") ? void 0 : L.shape.isValid() ? { deep: !0 } : g ? {
+        r(z, Math.max(1, Math.round(oe.width * j) / j), Math.max(1, Math.round(oe.height * j) / j), i(z, "Frame") ? void 0 : z.shape.isValid() ? { deep: !0 } : g ? {
           deep: !0,
           textFontSizeToFit: !0
         } : {
           deep: !0,
           textToFit: !0
-        }), oe.width = L.style.width, oe.height = L.style.height;
+        }), oe.width = z.style.width, oe.height = z.style.height;
       }
       Object.assign(N, oe);
     });
@@ -16201,11 +16204,11 @@ var Nf = $e((n) => {
       },
       {
         command: "getTransform",
-        handle: z
+        handle: L
       },
       {
         command: "setTransform",
-        handle: F
+        handle: V
       },
       {
         command: "move",
@@ -16293,7 +16296,7 @@ var Nf = $e((n) => {
       },
       selectionTransformed: (C) => {
         const { handle: P, value: v, event: p } = C, [g, x = ""] = P.split("-");
-        F(g, v, {
+        V(g, v, {
           event: p,
           isCorner: x.length > 1,
           direction: x
@@ -16308,42 +16311,42 @@ var Nf = $e((n) => {
   __name: "TextEditor",
   setup(n, { expose: e }) {
     const { elementSelection: t, state: o, textSelection: s, exec: i, getObb: r, registerCommand: a, unregisterCommand: l, camera: c } = qe(), d = de(), u = Y(() => {
-      const { zoom: F, position: R } = c.value;
+      const { zoom: V, position: R } = c.value;
       return {
         transformOrigin: "left top",
-        transform: `translate(${-R.x}px, ${-R.y}px) scale(${F.x}, ${F.y})`
+        transform: `translate(${-R.x}px, ${-R.y}px) scale(${V.x}, ${V.y})`
       };
     }), h = Y(() => {
-      const F = t.value[0], R = r(F), S = F?.text.base?.boundingBox;
+      const V = t.value[0], R = r(V), S = V?.text.base?.boundingBox;
       return S && (R.left += S.left, R.top += S.top), R.toCssStyle();
     });
-    function y(F) {
-      s.value = F.detail;
+    function y(V) {
+      s.value = V.detail;
     }
     function f() {
-      const F = t.value[0];
-      F.shape.isValid() || i("textToFit", F), F._textContent = F.text.getStringContent();
+      const V = t.value[0];
+      V.shape.isValid() || i("textToFit", V), V._textContent = V.text.getStringContent();
     }
     function w() {
       o.value = void 0;
     }
-    async function z(F) {
+    async function L(V) {
       const R = t.value[0];
       if (!R) return !1;
       R.text.isValid() || (R.style.textAlign = "center", R.text.setContent(" ")), R.text.update(), o.value = "typing";
       const S = d.value;
-      return S.set(R.text.base), await zt(), S.pointerDown(F) ? (S.selectAll(), requestAnimationFrame(() => {
+      return S.set(R.text.base), await zt(), S.pointerDown(V) ? (S.selectAll(), requestAnimationFrame(() => {
         o.value === "typing" && S.selectAll();
       }), !0) : !1;
     }
     return bt(() => {
       a({
         command: "startTyping",
-        handle: z
+        handle: L
       });
     }), Qe(() => {
       l("startTyping");
-    }), e({ textEditor: d }), (F, R) => pt((U(), J("div", {
+    }), e({ textEditor: d }), (V, R) => pt((U(), J("div", {
       class: "m-text-editor",
       style: Ie({ ...u.value })
     }, [W("div", {
@@ -16358,7 +16361,7 @@ var Nf = $e((n) => {
       onSelected: y,
       onUpdate: f,
       onSubmit: w
-    }, null, 544)], 4)], 4)), [[$s, V(t)[0] && V(o) === "typing"]]);
+    }, null, 544)], 4)], 4)), [[$s, F(t)[0] && F(o) === "typing"]]);
   }
 }), iv = sv;
 function Nt(n, e) {
@@ -16616,18 +16619,18 @@ var yo = "PointerEvent" in globalThis, Pt = class extends HTMLElement {
         ...y,
         fragments: []
       }, w;
-      d.fragments.forEach((z) => {
-        Array.from(z.content).forEach((F) => {
+      d.fragments.forEach((L) => {
+        Array.from(L.content).forEach((V) => {
           const R = s[l] ?? {};
           if (w) {
             const { content: S, ...A } = w;
-            av(R, A) ? w.content += F : (f.fragments.push(w), w = {
+            av(R, A) ? w.content += V : (f.fragments.push(w), w = {
               ...R,
-              content: F
+              content: V
             });
           } else w = {
             ...R,
-            content: F
+            content: V
           };
           l++;
         });
@@ -16718,7 +16721,7 @@ var yo = "PointerEvent" in globalThis, Pt = class extends HTMLElement {
       y: h.y / a
     };
     let f = 0, w = 0;
-    const z = (R) => {
+    const L = (R) => {
       const S = u.transformPoint({
         x: R.clientX - h.x,
         y: R.clientY - h.y
@@ -16734,14 +16737,14 @@ var yo = "PointerEvent" in globalThis, Pt = class extends HTMLElement {
         y: A.y - (y.y - i / 2)
       };
     };
-    n && ({ x: f, y: w } = z(n), n.preventDefault(), n.stopPropagation());
-    const F = this._findNearest({
+    n && ({ x: f, y: w } = L(n), n.preventDefault(), n.stopPropagation());
+    const V = this._findNearest({
       x: f,
       y: w
     });
-    if (this.selection = [F, F], this._updateDomSelection(), n && ["mousedown", "pointerdown"].includes(n.type)) {
+    if (this.selection = [V, V], this._updateDomSelection(), n && ["mousedown", "pointerdown"].includes(n.type)) {
       const R = (A) => {
-        this.selection = [F, this._findNearest(z(A))], this._updateDomSelection();
+        this.selection = [V, this._findNearest(L(A))], this._updateDomSelection();
       }, S = () => {
         yo ? (document.removeEventListener("pointermove", R), document.removeEventListener("pointerup", S)) : (document.removeEventListener("mousemove", R), document.removeEventListener("mouseup", S));
       };
@@ -16838,11 +16841,11 @@ var cv = $e((n) => {
       if (!P) {
         const x = p.text.base.characters;
         let b = 0, _;
-        x.forEach((L) => {
-          const N = L.lineBox.left + L.lineBox.width;
-          N > b && (_ = L, b = N);
+        x.forEach((z) => {
+          const N = z.lineBox.left + z.lineBox.width;
+          N > b && (_ = z, b = N);
         });
-        const E = {}, I = x.filter((L) => L.lineBox.top === _?.lineBox.top).map((L) => (Object.assign(E, { ...L.parent.style }, { ...L.parent.parent.style }), L.content)).join(""), { boundingBox: k } = _o({
+        const E = {}, I = x.filter((z) => z.lineBox.top === _?.lineBox.top).map((z) => (Object.assign(E, { ...z.parent.style }, { ...z.parent.parent.style }), z.content)).join(""), { boundingBox: k } = _o({
           fonts: s,
           style: {
             ...p.style.toJSON(),
@@ -16898,7 +16901,7 @@ var cv = $e((n) => {
       p && g.fragments.forEach((_, E, I) => {
         if (!p) return;
         const { content: k, ...T } = _;
-        Array.from(mn(k)).forEach((L, N, oe) => {
+        Array.from(mn(k)).forEach((z, N, oe) => {
           p = v({
             selected: (x > C.paragraphIndex || x === C.paragraphIndex && E > C.fragmentIndex || x === C.paragraphIndex && E === C.fragmentIndex && N >= C.charIndex) && (x < P.paragraphIndex || x === P.paragraphIndex && E < P.fragmentIndex || x === P.paragraphIndex && E === P.fragmentIndex && (P.isLastSelected ? N <= P.charIndex : N < P.charIndex)),
             p: g,
@@ -16908,7 +16911,7 @@ var cv = $e((n) => {
             fIndex: E,
             fStyle: T,
             fLength: I.length,
-            c: L,
+            c: z,
             cLength: oe.length,
             cIndex: N
           });
@@ -16943,12 +16946,12 @@ var cv = $e((n) => {
     }
     return v;
   }
-  function z(C) {
+  function L(C) {
     const P = t.value[0];
     if (!P) return;
     const v = P.text.content, p = [];
     let g = { fragments: [] }, x;
-    if (f(o.value, ({ selected: b, fIndex: _, fStyle: E, fLength: I, c: k, cIndex: T, cLength: L }) => {
+    if (f(o.value, ({ selected: b, fIndex: _, fStyle: E, fLength: I, c: k, cIndex: T, cLength: z }) => {
       _ === 0 && T === 0 && (g = { fragments: [] }, x = void 0);
       const N = { ...E };
       if (b && C(N), x) {
@@ -16961,7 +16964,7 @@ var cv = $e((n) => {
         ...N,
         content: k
       };
-      return _ === I - 1 && T === L - 1 && (x && g.fragments.push(x), g.fragments.length && (p.push(g), g = { fragments: [] })), !0;
+      return _ === I - 1 && T === z - 1 && (x && g.fragments.push(x), g.fragments.length && (p.push(g), g = { fragments: [] })), !0;
     }), p.length) {
       P.text = {
         ...P.text.toJSON(),
@@ -16971,7 +16974,7 @@ var cv = $e((n) => {
       b && b.length === 2 && (o.value = Sl(v, p, [b[0], b[1]]));
     }
   }
-  function F(C, P) {
+  function V(C, P) {
     const v = t.value[0];
     if (v)
       switch (C) {
@@ -16982,7 +16985,7 @@ var cv = $e((n) => {
           }
           break;
         default:
-          if (d.value && !u.value) z((p) => {
+          if (d.value && !u.value) L((p) => {
             p[C] = P;
           });
           else {
@@ -17013,7 +17016,7 @@ var cv = $e((n) => {
   }
   function S(C) {
     const P = t.value[0];
-    P && (d.value && C?.color ? F("fill", C) : (P.text.fill = C, C?.color && (P.style.color = C.color), P.text.content.forEach((v) => {
+    P && (d.value && C?.color ? V("fill", C) : (P.text.fill = C, C?.color && (P.style.color = C.color), P.text.content.forEach((v) => {
       delete v.fill, delete v.color, v.fragments.forEach((p) => {
         delete p.fill, delete p.color;
       });
@@ -17057,7 +17060,7 @@ var cv = $e((n) => {
       },
       {
         command: "setTextStyle",
-        handle: F
+        handle: V
       },
       {
         command: "getTextStyle",
@@ -17073,7 +17076,7 @@ var cv = $e((n) => {
       },
       {
         command: "setTextContentByEachFragment",
-        handle: z
+        handle: L
       }
     ],
     hotkeys: [{
@@ -17173,13 +17176,13 @@ var cv = $e((n) => {
     })), A;
   }
   function y(R, S, A) {
-    a(Nl(r(), R, S, A)), F();
+    a(Nl(r(), R, S, A)), V();
   }
   function f(R, S) {
     c({
       ...l(),
       [R]: S
-    }), F();
+    }), V();
   }
   function w(R, S, A = o.value[0]) {
     if (!A) return;
@@ -17187,14 +17190,14 @@ var cv = $e((n) => {
     C.variableBindings = {
       ...C.variableBindings ?? {},
       [R]: S
-    }, F();
+    }, V();
   }
-  function z(R, S = o.value[0]) {
+  function L(R, S = o.value[0]) {
     if (!S) return;
     const A = S.meta, C = { ...A.variableBindings ?? {} };
     delete C[R], A.variableBindings = C;
   }
-  function F() {
+  function V() {
     const R = r(), S = l();
     e.value?.findOne((A) => {
       const C = A.meta?.variableBindings;
@@ -17234,7 +17237,7 @@ var cv = $e((n) => {
       },
       {
         command: "unbindVariable",
-        handle: z
+        handle: L
       },
       {
         command: "getVariablesState",
@@ -17242,7 +17245,7 @@ var cv = $e((n) => {
       },
       {
         command: "resolveVariables",
-        handle: F
+        handle: V
       }
     ]
   };
@@ -17312,13 +17315,13 @@ var cv = $e((n) => {
   };
 }), fv = $e((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 y(w, z = {}) {
-    const { intoView: F, strategy: R = "contain", duration: S = 500, behavior: A } = z;
+  async function y(w, L = {}) {
+    const { intoView: V, strategy: R = "contain", duration: S = 500, behavior: A } = L;
     let C;
-    if (Array.isArray(w) || typeof w == "object" ? C = c(w) : w === "selection" ? C = a.value : C = l.value, F && u.value.contains(C)) return;
+    if (Array.isArray(w) || typeof w == "object" ? C = c(w) : w === "selection" ? C = a.value : C = l.value, V && u.value.contains(C)) return;
     const [P, v, p, g] = C.toArray();
     if (!p || !g) return;
-    const x = d.value, { width: b, height: _ } = r.value, E = b - (x.left + x.right), I = _ - (x.top + x.bottom), k = E / p, T = I / g, L = t.value;
+    const x = d.value, { width: b, height: _ } = r.value, E = b - (x.left + x.right), I = _ - (x.top + x.bottom), k = E / p, T = I / g, z = t.value;
     let N;
     if (typeof w == "number") N = w;
     else switch (R) {
@@ -17335,12 +17338,12 @@ var cv = $e((n) => {
         N = Math.min(k, T);
         break;
     }
-    const oe = Math.min(L.zoom.x, L.zoom.y), j = Math.min(Ct(N, L.minZoom.x, L.maxZoom.x), Ct(N, L.minZoom.y, L.maxZoom.y));
+    const oe = Math.min(z.zoom.x, z.zoom.y), j = Math.min(Ct(N, z.minZoom.x, z.maxZoom.x), Ct(N, z.minZoom.y, z.maxZoom.y));
     let G = x.left, q = x.top;
     k < T ? q += (I - g * j) / 2 : G += (E - p * j) / 2;
     const K = {
-      x: L.position.x,
-      y: L.position.y
+      x: z.position.x,
+      y: z.position.y
     }, H = {
       x: P * j - G,
       y: v * j - q
@@ -17352,14 +17355,14 @@ var cv = $e((n) => {
       }, te = performance.now();
       function ee(ae) {
         const ce = ae - te, pe = Math.min(ce / S, 1), he = pe < 0.5 ? 2 * pe * pe : -1 + (4 - 2 * pe) * pe;
-        L.zoom.set(oe + $ * he), L.position.set(K.x + Z.x * he, K.y + Z.y * he), ce < S ? requestAnimationFrame(ee) : Q();
+        z.zoom.set(oe + $ * he), z.position.set(K.x + Z.x * he, K.y + Z.y * he), ce < S ? requestAnimationFrame(ee) : Q();
       }
       requestAnimationFrame(ee);
-    }) : (L.zoom.set(j), L.position.set(H.x, H.y));
+    }) : (z.zoom.set(j), z.position.set(H.x, H.y));
   }
-  function f(w, z) {
-    const F = s(w);
-    F && (i.value = [F], y(F, z));
+  function f(w, L) {
+    const V = s(w);
+    V && (i.value = [V], y(V, L));
   }
   return {
     name: "mce:zoom",
@@ -17429,8 +17432,8 @@ var cv = $e((n) => {
     ],
     events: { docSet: () => o("zoomToFit") },
     setup: () => {
-      Be(r, (w, z) => {
-        (!z.width || !z.height) && o("zoomToFit");
+      Be(r, (w, L) => {
+        (!L.width || !L.height) && o("zoomToFit");
       });
     }
   };
@@ -17638,7 +17641,7 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
       }, ["stop"])),
       onClick: s[1] || (s[1] = (i) => t("close"))
     }, {
-      default: Te(() => [Me(V(je), { icon: "$close" })]),
+      default: Te(() => [Me(F(je), { icon: "$close" })]),
       _: 1
     })) : _e("", !0)], 32)) : _e("", !0), W("div", {
       class: De(["m-panel__body", { "m-panel__body--padded": n.padded }]),
@@ -17699,16 +17702,16 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
       y.preventDefault(), y.stopPropagation(), a();
       const w = { ...r.value };
       Rt(y, {
-        move: (z) => {
-          const F = z.movePoint.x - z.startPoint.x, R = z.movePoint.y - z.startPoint.y;
+        move: (L) => {
+          const V = L.movePoint.x - L.startPoint.x, R = L.movePoint.y - L.startPoint.y;
           if (f === "move") r.value = {
             ...r.value,
-            left: w.left + F,
+            left: w.left + V,
             top: w.top + R
           };
           else {
             const S = { ...r.value };
-            (f === "e" || f === "se") && (S.width = Math.max(bv, w.width + F)), (f === "s" || f === "se") && (S.height = Math.max(_v, w.height + R)), r.value = S;
+            (f === "e" || f === "se") && (S.width = Math.max(bv, w.width + V)), (f === "s" || f === "se") && (S.height = Math.max(_v, w.height + R)), r.value = S;
           }
         },
         end: c
@@ -17825,7 +17828,7 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
         `m-layout-item--${e.position}`,
         e.class
       ])),
-      style: Ie(Ie([V(i), e.style]))
+      style: Ie(Ie([F(i), e.style]))
     }, [Ne(c.$slots, "default"), n.resizable && n.modelValue ? (U(), J("div", {
       key: 0,
       class: De(["m-layout-item__resize", `m-layout-item__resize--${e.position}`]),
@@ -17850,20 +17853,20 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
         ref: (f) => l(f, u)
       }, y);
     }
-    return (d, u) => (U(!0), J(we, null, Pe(V(t), (h, y) => (U(), J(we, { key: y }, [h.type === "overlay" ? (U(), J(we, { key: 0 }, [V(s) && h.visible.value ? (U(), Fe(Vo, {
+    return (d, u) => (U(!0), J(we, null, Pe(F(t), (h, y) => (U(), J(we, { key: y }, [h.type === "overlay" ? (U(), J(we, { key: 0 }, [F(s) && h.visible.value ? (U(), Fe(Vo, {
       key: 0,
-      to: V(s)
-    }, [Me(c, { item: h }, null, 8, ["item"])], 8, ["to"])) : _e("", !0)], 64)) : h.type === "panel" ? (U(), J(we, { key: 1 }, [h.position === "float" ? (U(), J(we, { key: 0 }, [V(i).height && h.visible.value ? (U(), Fe(Mv, {
+      to: F(s)
+    }, [Me(c, { item: h }, null, 8, ["item"])], 8, ["to"])) : _e("", !0)], 64)) : h.type === "panel" ? (U(), J(we, { key: 1 }, [h.position === "float" ? (U(), J(we, { key: 0 }, [F(i).height && h.visible.value ? (U(), Fe(Mv, {
       key: 0,
       modelValue: h.visible.value,
       "onUpdate:modelValue": (f) => h.visible.value = f,
       name: h.name,
-      title: V(a)(h.name),
+      title: F(a)(h.name),
       "default-transform": {
         width: h.size || 260,
-        height: V(i).height * 0.7,
-        left: V(i).left + (V(r).left + 24),
-        top: V(i).top + (V(r).top + 24)
+        height: F(i).height * 0.7,
+        left: F(i).left + (F(r).left + 24),
+        top: F(i).top + (F(r).top + 24)
       }
     }, {
       default: Te(({ isActive: f }) => [Me(c, {
@@ -17936,7 +17939,7 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
       attach: !1,
       "model-value": !0
     }, {
-      default: Te(() => [V(o).length > 0 ? Ne(d.$slots, "default", { key: 0 }) : _e("", !0)]),
+      default: Te(() => [F(o).length > 0 ? Ne(d.$slots, "default", { key: 0 }) : _e("", !0)]),
       _: 3
     }, 8, [
       "content-style",
@@ -17970,9 +17973,9 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
       items: i,
       getLayoutItem: r
     }), (l, c) => (U(), J("div", {
-      ref: V(a),
-      class: De(De([V(o), t.class])),
-      style: Ie(Ie([V(s), t.style]))
+      ref: F(a),
+      class: De(De([F(o), t.class])),
+      style: Ie(Ie([F(s), t.style]))
     }, [Ne(l.$slots, "default")], 6));
   }
 }), Iv = Pv, $v = {
@@ -17985,7 +17988,7 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
     const e = n, { mainStyles: t } = bu();
     return (o, s) => (U(), J("main", {
       class: De(["m-main", [{ "m-main--scrollable": e.scrollable }]]),
-      style: Ie([V(t)])
+      style: Ie([F(t)])
     }, [e.scrollable ? (U(), J("div", $v, [Ne(o.$slots, "default")])) : Ne(o.$slots, "default", { key: 1 })], 6));
   }
 }), zv = Lv, Rv = ["data-pixel-ratio"], Ov = {
@@ -18004,18 +18007,18 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
     const e = n, t = Ji();
     let o;
     e.editor ? (o = e.editor, Yt(Zn.injectionKey, o)) : o = qe(), o.setup(), Yt(ki, hu({ aliases: o.icons.value }));
-    const { componentRefs: s, isElement: i, isFrameNode: r, drawboardDom: a, renderEngine: l, camera: c, hoverElement: d, state: u, setCursor: h, exec: y, isLock: f, t: w, selectionAabbInDrawboard: z, selectionMarquee: F, elementSelection: R, drawboardAabb: S, activeTool: A, isContentEditing: C } = o, P = Y(() => e.activeStrategy ?? o.activeStrategy), v = Y(() => e.doubleclickStrategy ?? o.doubleclickStrategy), p = Y(() => e.hoverStrategy ?? o.hoverStrategy), g = nt("overlayContainerTpl"), x = nt("canvasTpl"), b = de(!1);
+    const { componentRefs: s, isElement: i, isFrameNode: r, drawboardDom: a, renderEngine: l, camera: c, hoverElement: d, state: u, setCursor: h, exec: y, isLock: f, t: w, selectionAabbInDrawboard: L, selectionMarquee: V, elementSelection: R, drawboardAabb: S, activeTool: A, isContentEditing: C } = o, P = Y(() => e.activeStrategy ?? o.activeStrategy), v = Y(() => e.doubleclickStrategy ?? o.doubleclickStrategy), p = Y(() => e.hoverStrategy ?? o.hoverStrategy), g = nt("overlayContainerTpl"), x = nt("canvasTpl"), b = de(!1);
     Cu({ attach: Y(() => g.value) }), Os(x, (q) => {
       const { width: K, height: H } = q[0].contentRect;
       l.value.resize(K, H);
     }), bt(() => {
-      l.value.on("pointerdown", L), l.value.on("pointermove", N), l.value.on("pointerover", oe);
+      l.value.on("pointerdown", z), l.value.on("pointermove", N), l.value.on("pointerover", oe);
     });
     let _;
     Vt(() => {
       _ = E(x.value, a.value);
     }), Qe(() => {
-      l.value.off("pointerdown", L), l.value.off("pointermove", N), l.value.off("pointerover", oe), _?.();
+      l.value.off("pointerdown", z), l.value.off("pointermove", N), l.value.off("pointerover", oe), _?.();
     });
     function E(q, K) {
       function H() {
@@ -18036,7 +18039,7 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
         return;
       }
       let K, H;
-      if (R.value.length > 1 && z.value.contains({
+      if (R.value.length > 1 && L.value.contains({
         x: q.clientX - S.value.left,
         y: q.clientY - S.value.top
       })) K = "move";
@@ -18054,7 +18057,7 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
       x: 0,
       y: 0
     };
-    function L(q, K = {}) {
+    function z(q, K = {}) {
       if (o.previewMode?.value || o.readonly.value) return;
       const { srcElement: H, button: Q, target: $, clientX: Z, clientY: te } = q;
       if (H && H !== a.value && H.dataset?.pointerdown_to_drawboard === void 0 || c.value.spaceKey || ![0, 2].includes(Q)) return;
@@ -18067,7 +18070,7 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
         y: te
       };
       let he = { ...pe }, ge = { ...he }, ve = [];
-      const fe = ee && R.value.some((X) => X.equal($)) || z.value.contains({
+      const fe = ee && R.value.some((X) => X.equal($)) || L.value.contains({
         x: pe.x - S.value.left,
         y: pe.y - S.value.top
       });
@@ -18116,7 +18119,7 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
         ae(M) || (M = void 0), ve = M ? [M] : [], R.value = ve;
       }
       function Et() {
-        Ae = !0, ce !== "painting" && ce !== "selecting" && (u.value = "selecting"), F.value.x = Math.min(pe.x, he.x) - S.value.left, F.value.y = Math.min(pe.y, he.y) - S.value.top, F.value.width = Math.abs(pe.x - he.x), F.value.height = Math.abs(pe.y - he.y), y("marqueeSelect"), ve = R.value;
+        Ae = !0, ce !== "painting" && ce !== "selecting" && (u.value = "selecting"), V.value.x = Math.min(pe.x, he.x) - S.value.left, V.value.y = Math.min(pe.y, he.y) - S.value.top, V.value.width = Math.abs(pe.x - he.x), V.value.height = Math.abs(pe.y - he.y), y("marqueeSelect"), ve = R.value;
       }
       function Ye() {
         const X = P.value({
@@ -18182,7 +18185,7 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
           default:
             switch (ke || ($ && !Ae && Ye(), ($ || Ae || !q?.shiftKey) && (R.value = ve), Le && ve[0] && !f(ve[0]) && Le === "typing" && await y("startTyping", X), I(q)), u.value) {
               case "selecting":
-                F.value = new xt({
+                V.value = new xt({
                   x: -1,
                   y: -1,
                   width: 0,
@@ -18190,7 +18193,7 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
                 }), u.value && (u.value = void 0);
                 break;
               case "painting":
-                F.value = new xt({
+                V.value = new xt({
                   x: -1,
                   y: -1,
                   width: 0,
@@ -18209,7 +18212,7 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
     }
     o.registerCommand({
       command: "pointerDown",
-      handle: L
+      handle: z
     });
     function N(q) {
       q.srcElement === a.value && (c.value.grabbing || q.button === 1 || u.value && u.value !== "typing" || I(q));
@@ -18222,8 +18225,8 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
     }
     const G = { editor: o };
     return (q, K) => (U(), Fe(Iv, { class: De(["m-editor", [
-      V(u) && `m-editor--${V(u)}`,
-      V(A) && `m-editor--drawing-tool-${V(A).name}`,
+      F(u) && `m-editor--${F(u)}`,
+      F(A) && `m-editor--drawing-tool-${F(A).name}`,
       b.value && "m-editor--grabbing"
     ]]) }, {
       default: Te(() => [
@@ -18232,25 +18235,25 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
             ref_key: "drawboardDom",
             ref: a,
             class: "m-editor__drawboard",
-            "data-pixel-ratio": V(l).pixelRatio,
+            "data-pixel-ratio": F(l).pixelRatio,
             onScroll: j,
             onWheel: K[0] || (K[0] = Je(() => {
             }, ["prevent"]))
           }, [
             W("canvas", Ov, null, 512),
-            (t["floatbar-top"] || t.floatbar) && !V(C)() ? (U(), Fe(As, {
+            (t["floatbar-top"] || t.floatbar) && !F(C)() ? (U(), Fe(As, {
               key: 0,
               location: "top-start",
-              target: V(u) === "typing" ? V(s)["mce:text"]?.[0]?.textEditor : V(s)["mce:selection"]?.[0]?.transform?.$el,
+              target: F(u) === "typing" ? F(s)["mce:text"]?.[0]?.textEditor : F(s)["mce:selection"]?.[0]?.transform?.$el,
               middlewares: ["offset", "shift"]
             }, {
               default: Te(() => [Ne(q.$slots, "floatbar", gt(yt(G))), Ne(q.$slots, "floatbar-top", gt(yt(G)))]),
               _: 3
             }, 8, ["target"])) : _e("", !0),
-            t["floatbar-bottom"] && !V(C)() ? (U(), Fe(As, {
+            t["floatbar-bottom"] && !F(C)() ? (U(), Fe(As, {
               key: 1,
               location: "bottom-start",
-              target: V(s)["mce:selection"]?.[0]?.transform?.$el,
+              target: F(s)["mce:selection"]?.[0]?.transform?.$el,
               middlewares: ["offset", "shift"]
             }, {
               default: Te(() => [Ne(q.$slots, "floatbar-bottom", gt(yt(G)))]),
@@ -18263,17 +18266,17 @@ var pv = { class: "m-panel" }, vv = { class: "m-panel__title" }, yv = /* @__PURE
         Ne(q.$slots, "default", gt(yt(G))),
         Me(Tv, { slots: t }),
         W("div", Vv, null, 512),
-        V(o).previewMode?.value ? (U(), J("button", {
+        F(o).previewMode?.value ? (U(), J("button", {
           key: 0,
           class: "m-editor__preview-badge",
           type: "button",
-          onClick: K[1] || (K[1] = (H) => V(y)("togglePreview"))
-        }, be(V(w)("previewExitHint")), 1)) : _e("", !0)
+          onClick: K[1] || (K[1] = (H) => F(y)("togglePreview"))
+        }, be(F(w)("previewExitHint")), 1)) : _e("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
   }
-}), cy = Fv;
+}), ly = Fv;
 export {
   Uh as Cropper,
   pf as Dialog,
@@ -18281,7 +18284,7 @@ export {
   ic as ELEMENT2D_SYNCED_SUBOBJECTS,
   Zn as Editor,
   $d as EditorLayers,
-  cy as EditorLayout,
+  ly as EditorLayout,
   Cv as EditorLayoutItem,
   tv as EditorToolbelt,
   ys as INTERNAL_ORIGIN,
@@ -18289,7 +18292,7 @@ export {
   nc as IndexeddbProvider,
   uo as LOCAL_ORIGIN,
   io as Menu,
-  sy as PREFERRED_TRIM_SIZE,
+  oy as PREFERRED_TRIM_SIZE,
   zo as Ruler,
   ks as Scrollbar,
   Pt as TextEditor,
@@ -18297,7 +18300,7 @@ export {
   rc as YDoc,
   Cr as base64ToBytes,
   Kv as base64ToText,
-  iy as clearDocument,
+  sy as clearDocument,
   Zv as createCardElement,
   Jv as createFlowNodeElement,
   ts as createImageElement,
@@ -18307,10 +18310,10 @@ export {
   Wv as defineMixin,
   $e as definePlugin,
   xi as fetchUpdates,
-  ly as isDialogComponent,
-  ay as isOverlayComponent,
-  ry as isPanelComponent,
-  oy as matchSource,
+  ay as isDialogComponent,
+  ry as isOverlayComponent,
+  iy as isPanelComponent,
+  ny as matchSource,
   Hc as mixins,
   mv as plugins,
   oc as rawReactivity,