@reffy/infinite-canvas 0.1.2 → 0.1.3

package/dist/index.js

@@ -2,7 +2,7 @@ var Zo = (t) => {
   throw TypeError(t);
 };
 var Fo = (t, e, r) => e.has(t) || Zo("Cannot " + r);
-var v = (t, e, r) => (Fo(t, e, "read from private field"), r ? r.call(t) : e.get(t)), V = (t, e, r) => e.has(t) ? Zo("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), F = (t, e, r, i) => (Fo(t, e, "write to private field"), i ? i.call(t, r) : e.set(t, r), r);
+var v = (t, e, r) => (Fo(t, e, "read from private field"), r ? r.call(t) : e.get(t)), V = (t, e, r) => e.has(t) ? Zo("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), B = (t, e, r, i) => (Fo(t, e, "write to private field"), i ? i.call(t, r) : e.set(t, r), r);
 import { makeObservable as Oa, computed as at, action as M, observable as ee, reaction as Xh } from "mobx";
 import { css as Jh, LitElement as Vh } from "lit";
 import Oe from "dexie";
@@ -17,7 +17,7 @@ const Nt = ["TOP", "BOTTOM", "LEFT", "RIGHT"], yn = ["TOPLEFT", "TOPRIGHT", "BOT
 function Wo(t) {
   return Bo[t] ? Bo[t] : t;
 }
-const Ea = 8, Yr = 2, Z = {
+const Ea = 8, Yr = 2, F = {
   identity: function() {
     return [1, 0, 0, 0, 1, 0, 0, 0, 1];
   },
@@ -76,10 +76,10 @@ function Go(t, e, r) {
   throw t.deleteShader(i), new Error("Shader was not created.");
 }
 function Kh(t, e, r, i, n, o) {
-  const a = n.getBoundingClientRect(), s = window.devicePixelRatio || 1, u = (t - a.left) * s, c = (e - a.top) * s, l = u / r * 2 - 1, d = c / i * -2 + 1, m = Z.projection(r, i), f = Z.multiply(m, o), $ = Z.inverse(f), [w, P] = Z.transformPoint($, [l, d]);
+  const a = n.getBoundingClientRect(), s = window.devicePixelRatio || 1, u = (t - a.left) * s, c = (e - a.top) * s, l = u / r * 2 - 1, d = c / i * -2 + 1, m = F.projection(r, i), f = F.multiply(m, o), $ = F.inverse(f), [w, P] = F.transformPoint($, [l, d]);
   return [w, P];
 }
-function Be(t, e, r) {
+function We(t, e, r) {
   const { gl: i, canvas: n } = r;
   return Kh(
     t,
@@ -103,7 +103,7 @@ function qh(t) {
 function Qh(t) {
   return Math.hypot(t[3], t[4]);
 }
-function Ve(t) {
+function Ye(t) {
   return [qh(t), Qh(t)];
 }
 function Xo(t) {
@@ -280,7 +280,7 @@ function h(t, e, r) {
   }), Object.defineProperty(a, "name", { value: t }), a;
 }
 const Ua = Symbol("zod_brand");
-class Ye extends Error {
+class He extends Error {
   constructor() {
     super("Encountered Promise during synchronous parse. Use .parseAsync() instead.");
   }
@@ -327,7 +327,7 @@ function Zt(t) {
     }
   };
 }
-function et(t) {
+function tt(t) {
   return t == null;
 }
 function Zn(t) {
@@ -364,7 +364,7 @@ function O(t, e, r) {
 function mm(t) {
   return Object.create(Object.getPrototypeOf(t), Object.getOwnPropertyDescriptors(t));
 }
-function Le(t, e, r) {
+function Ze(t, e, r) {
   Object.defineProperty(t, e, {
     value: r,
     writable: !0,
@@ -423,7 +423,7 @@ const Da = Zt(() => {
     return !1;
   }
 });
-function He(t) {
+function Ke(t) {
   if (dt(t) === !1)
     return !1;
   const e = t.constructor;
@@ -433,7 +433,7 @@ function He(t) {
   return !(dt(r) === !1 || Object.prototype.hasOwnProperty.call(r, "isPrototypeOf") === !1);
 }
 function Fn(t) {
-  return He(t) ? { ...t } : Array.isArray(t) ? [...t] : t;
+  return Ke(t) ? { ...t } : Array.isArray(t) ? [...t] : t;
 }
 function ym(t) {
   let e = 0;
@@ -535,7 +535,7 @@ function Za(t, e) {
           throw new Error(`Unrecognized key: "${o}"`);
         e[o] && (n[o] = r.shape[o]);
       }
-      return Le(this, "shape", n), n;
+      return Ze(this, "shape", n), n;
     },
     checks: []
   });
@@ -550,14 +550,14 @@ function Fa(t, e) {
           throw new Error(`Unrecognized key: "${o}"`);
         e[o] && delete n[o];
       }
-      return Le(this, "shape", n), n;
+      return Ze(this, "shape", n), n;
     },
     checks: []
   });
   return ae(t, i);
 }
 function Ba(t, e) {
-  if (!He(e))
+  if (!Ke(e))
     throw new Error("Invalid input to extend: expected a plain object");
   const r = t._zod.def.checks;
   if (r && r.length > 0)
@@ -565,20 +565,20 @@ function Ba(t, e) {
   const n = Te(t._zod.def, {
     get shape() {
       const o = { ...t._zod.def.shape, ...e };
-      return Le(this, "shape", o), o;
+      return Ze(this, "shape", o), o;
     },
     checks: []
   });
   return ae(t, n);
 }
 function Wa(t, e) {
-  if (!He(e))
+  if (!Ke(e))
     throw new Error("Invalid input to safeExtend: expected a plain object");
   const r = {
     ...t._zod.def,
     get shape() {
       const i = { ...t._zod.def.shape, ...e };
-      return Le(this, "shape", i), i;
+      return Ze(this, "shape", i), i;
     },
     checks: t._zod.def.checks
   };
@@ -588,7 +588,7 @@ function Ga(t, e) {
   const r = Te(t._zod.def, {
     get shape() {
       const i = { ...t._zod.def.shape, ...e._zod.def.shape };
-      return Le(this, "shape", i), i;
+      return Ze(this, "shape", i), i;
     },
     get catchall() {
       return e._zod.def.catchall;
@@ -617,7 +617,7 @@ function Xa(t, e, r) {
             type: "optional",
             innerType: n[a]
           }) : n[a];
-      return Le(this, "shape", o), o;
+      return Ze(this, "shape", o), o;
     },
     checks: []
   });
@@ -642,13 +642,13 @@ function Ja(t, e, r) {
             type: "nonoptional",
             innerType: n[a]
           });
-      return Le(this, "shape", o), o;
+      return Ze(this, "shape", o), o;
     },
     checks: []
   });
   return ae(e, i);
 }
-function We(t, e = 0) {
+function Ge(t, e = 0) {
   if (t.aborted === !0)
     return !0;
   for (let r = e; r < t.issues.length; r++)
@@ -731,14 +731,14 @@ const Ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   BIGINT_FORMAT_RANGES: La,
   Class: km,
   NUMBER_FORMAT_RANGES: Ra,
-  aborted: We,
+  aborted: Ge,
   allowsEval: Da,
   assert: hm,
   assertEqual: cm,
   assertIs: lm,
   assertNever: dm,
   assertNotEqual: um,
-  assignProp: Le,
+  assignProp: Ze,
   base64ToUint8Array: Va,
   base64urlToUint8Array: wm,
   cached: Zt,
@@ -761,14 +761,14 @@ const Ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   getSizableOrigin: Bn,
   hexToUint8Array: xm,
   isObject: dt,
-  isPlainObject: He,
+  isPlainObject: Ke,
   issue: ht,
   joinValues: y,
   jsonStringifyReplacer: Tn,
   merge: Ga,
   mergeDefs: Te,
   normalizeParams: p,
-  nullish: et,
+  nullish: tt,
   numKeys: ym,
   objectClone: mm,
   omit: Fa,
@@ -869,7 +869,7 @@ function es(t) {
 const Ft = (t) => (e, r, i, n) => {
   const o = i ? Object.assign(i, { async: !1 }) : { async: !1 }, a = e._zod.run({ value: r, issues: [] }, o);
   if (a instanceof Promise)
-    throw new Ye();
+    throw new He();
   if (a.issues.length) {
     const s = new (n?.Err ?? t)(a.issues.map((u) => oe(u, o, H())));
     throw qr(s, n?.callee), s;
@@ -886,7 +886,7 @@ const Ft = (t) => (e, r, i, n) => {
 }, Fr = /* @__PURE__ */ Bt(ne), Wt = (t) => (e, r, i) => {
   const n = i ? { ...i, async: !1 } : { async: !1 }, o = e._zod.run({ value: r, issues: [] }, n);
   if (o instanceof Promise)
-    throw new Ye();
+    throw new He();
   return o.issues.length ? {
     success: !1,
     error: new (t ?? Qr)(o.issues.map((a) => oe(a, n, H())))
@@ -1143,7 +1143,7 @@ const Wm = /^[0-9a-fA-F]{32}$/, Gm = /* @__PURE__ */ Xt(22, "=="), Xm = /* @__PU
   var r;
   R.init(t, e), (r = t._zod.def).when ?? (r.when = (i) => {
     const n = i.value;
-    return !et(n) && n.size !== void 0;
+    return !tt(n) && n.size !== void 0;
   }), t._zod.onattach.push((i) => {
     const n = i._zod.bag.maximum ?? Number.POSITIVE_INFINITY;
     e.maximum < n && (i._zod.bag.maximum = e.maximum);
@@ -1163,7 +1163,7 @@ const Wm = /^[0-9a-fA-F]{32}$/, Gm = /* @__PURE__ */ Xt(22, "=="), Xm = /* @__PU
   var r;
   R.init(t, e), (r = t._zod.def).when ?? (r.when = (i) => {
     const n = i.value;
-    return !et(n) && n.size !== void 0;
+    return !tt(n) && n.size !== void 0;
   }), t._zod.onattach.push((i) => {
     const n = i._zod.bag.minimum ?? Number.NEGATIVE_INFINITY;
     e.minimum > n && (i._zod.bag.minimum = e.minimum);
@@ -1183,7 +1183,7 @@ const Wm = /^[0-9a-fA-F]{32}$/, Gm = /* @__PURE__ */ Xt(22, "=="), Xm = /* @__PU
   var r;
   R.init(t, e), (r = t._zod.def).when ?? (r.when = (i) => {
     const n = i.value;
-    return !et(n) && n.size !== void 0;
+    return !tt(n) && n.size !== void 0;
   }), t._zod.onattach.push((i) => {
     const n = i._zod.bag;
     n.minimum = e.size, n.maximum = e.size, n.size = e.size;
@@ -1206,7 +1206,7 @@ const Wm = /^[0-9a-fA-F]{32}$/, Gm = /* @__PURE__ */ Xt(22, "=="), Xm = /* @__PU
   var r;
   R.init(t, e), (r = t._zod.def).when ?? (r.when = (i) => {
     const n = i.value;
-    return !et(n) && n.length !== void 0;
+    return !tt(n) && n.length !== void 0;
   }), t._zod.onattach.push((i) => {
     const n = i._zod.bag.maximum ?? Number.POSITIVE_INFINITY;
     e.maximum < n && (i._zod.bag.maximum = e.maximum);
@@ -1229,7 +1229,7 @@ const Wm = /^[0-9a-fA-F]{32}$/, Gm = /* @__PURE__ */ Xt(22, "=="), Xm = /* @__PU
   var r;
   R.init(t, e), (r = t._zod.def).when ?? (r.when = (i) => {
     const n = i.value;
-    return !et(n) && n.length !== void 0;
+    return !tt(n) && n.length !== void 0;
   }), t._zod.onattach.push((i) => {
     const n = i._zod.bag.minimum ?? Number.NEGATIVE_INFINITY;
     e.minimum > n && (i._zod.bag.minimum = e.minimum);
@@ -1252,7 +1252,7 @@ const Wm = /^[0-9a-fA-F]{32}$/, Gm = /* @__PURE__ */ Xt(22, "=="), Xm = /* @__PU
   var r;
   R.init(t, e), (r = t._zod.def).when ?? (r.when = (i) => {
     const n = i.value;
-    return !et(n) && n.length !== void 0;
+    return !tt(n) && n.length !== void 0;
   }), t._zod.onattach.push((i) => {
     const n = i._zod.bag;
     n.minimum = e.length, n.maximum = e.length, n.length = e.length;
@@ -1429,7 +1429,7 @@ const ic = {
     });
   else {
     const n = (a, s, u) => {
-      let c = We(a), l;
+      let c = Ge(a), l;
       for (const d of s) {
         if (d._zod.def.when) {
           if (!d._zod.def.when(a))
@@ -1438,25 +1438,25 @@ const ic = {
           continue;
         const m = a.issues.length, f = d._zod.check(a);
         if (f instanceof Promise && u?.async === !1)
-          throw new Ye();
+          throw new He();
         if (l || f instanceof Promise)
           l = (l ?? Promise.resolve()).then(async () => {
-            await f, a.issues.length !== m && (c || (c = We(a, m)));
+            await f, a.issues.length !== m && (c || (c = Ge(a, m)));
           });
         else {
           if (a.issues.length === m)
             continue;
-          c || (c = We(a, m));
+          c || (c = Ge(a, m));
         }
       }
       return l ? l.then(() => a) : a;
     }, o = (a, s, u) => {
-      if (We(a))
+      if (Ge(a))
         return a.aborted = !0, a;
       const c = n(s, i, u);
       if (c instanceof Promise) {
         if (u.async === !1)
-          throw new Ye();
+          throw new He();
         return c.then((l) => t._zod.parse(l, u));
       }
       return t._zod.parse(c, u);
@@ -1471,7 +1471,7 @@ const ic = {
       const u = t._zod.parse(a, s);
       if (u instanceof Promise) {
         if (s.async === !1)
-          throw new Ye();
+          throw new He();
         return u.then((c) => n(c, i, s));
       }
       return n(u, i, s);
@@ -1984,7 +1984,7 @@ function Ho(t, e, r, i) {
   for (const o of t)
     if (o.issues.length === 0)
       return e.value = o.value, e;
-  const n = t.filter((o) => !We(o));
+  const n = t.filter((o) => !Ge(o));
   return n.length === 1 ? (e.value = n[0].value, n[0]) : (e.issues.push({
     code: "invalid_union",
     input: e.value,
@@ -2118,7 +2118,7 @@ function Br(t, e) {
     return { valid: !0, data: t };
   if (t instanceof Date && e instanceof Date && +t == +e)
     return { valid: !0, data: t };
-  if (He(t) && He(e)) {
+  if (Ke(t) && Ke(e)) {
     const r = Object.keys(e), i = Object.keys(t).filter((o) => r.indexOf(o) !== -1), n = { ...t, ...e };
     for (const o of i) {
       const a = Br(t[o], e[o]);
@@ -2149,7 +2149,7 @@ function Br(t, e) {
   return { valid: !1, mergeErrorPath: [] };
 }
 function qo(t, e, r) {
-  if (e.issues.length && t.issues.push(...e.issues), r.issues.length && t.issues.push(...r.issues), We(t))
+  if (e.issues.length && t.issues.push(...e.issues), r.issues.length && t.issues.push(...r.issues), Ge(t))
     return t;
   const i = Br(e.value, r.value);
   if (!i.valid)
@@ -2210,7 +2210,7 @@ function mn(t, e, r) {
 const Hc = /* @__PURE__ */ h("$ZodRecord", (t, e) => {
   I.init(t, e), t._zod.parse = (r, i) => {
     const n = r.value;
-    if (!He(n))
+    if (!Ke(n))
       return r.issues.push({
         expected: "record",
         code: "invalid_type",
@@ -2367,7 +2367,7 @@ const Qc = /* @__PURE__ */ h("$ZodEnum", (t, e) => {
     if (i.async)
       return (n instanceof Promise ? n : Promise.resolve(n)).then((a) => (r.value = a, r));
     if (n instanceof Promise)
-      throw new Ye();
+      throw new He();
     return r.value = n, r;
   };
 });
@@ -7611,7 +7611,7 @@ function tl(t, e) {
     ...p(e)
   });
 }
-function Me(t, e) {
+function Re(t, e) {
   return new hi({
     check: "less_than",
     ...p(e),
@@ -7627,7 +7627,7 @@ function ie(t, e) {
     inclusive: !0
   });
 }
-function Re(t, e) {
+function Le(t, e) {
   return new mi({
     check: "greater_than",
     ...p(e),
@@ -7644,10 +7644,10 @@ function te(t, e) {
   });
 }
 function Zi(t) {
-  return Re(0, t);
+  return Le(0, t);
 }
 function Fi(t) {
-  return Me(0, t);
+  return Re(0, t);
 }
 function Bi(t) {
   return ie(0, t);
@@ -7690,7 +7690,7 @@ function Kt(t, e) {
     maximum: t
   });
 }
-function Ke(t, e) {
+function qe(t, e) {
   return new Xs({
     check: "min_length",
     ...p(e),
@@ -8615,7 +8615,7 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   $ZodAny: Ac,
   $ZodArray: Fc,
-  $ZodAsyncError: Ye,
+  $ZodAsyncError: He,
   $ZodBase64: Ic,
   $ZodBase64URL: zc,
   $ZodBigInt: vi,
@@ -8754,7 +8754,7 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   _file: rl,
   _float32: Du,
   _float64: Au,
-  _gt: Re,
+  _gt: Le,
   _gte: te,
   _guid: Un,
   _includes: Kn,
@@ -8774,7 +8774,7 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   _length: qt,
   _literal: ip,
   _lowercase: Yn,
-  _lt: Me,
+  _lt: Re,
   _lte: ie,
   _mac: zu,
   _map: ep,
@@ -8783,7 +8783,7 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   _maxSize: Ht,
   _mime: er,
   _min: te,
-  _minLength: Ke,
+  _minLength: qe,
   _minSize: gt,
   _multipleOf: ft,
   _nan: tl,
@@ -8888,17 +8888,17 @@ const bp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" })), $p = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   endsWith: Qn,
-  gt: Re,
+  gt: Le,
   gte: te,
   includes: Kn,
   length: qt,
   lowercase: Yn,
-  lt: Me,
+  lt: Re,
   lte: ie,
   maxLength: Kt,
   maxSize: Ht,
   mime: er,
-  minLength: Ke,
+  minLength: qe,
   minSize: gt,
   multipleOf: ft,
   negative: Fi,
@@ -9007,11 +9007,11 @@ const td = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, t.isOptional = () => t.safeParse(void 0).success, t.isNullable = () => t.safeParse(null).success, t)), ar = /* @__PURE__ */ h("_ZodString", (t, e) => {
   Yt.init(t, e), k.init(t, e), t._zod.processJSONSchema = (i, n, o) => hl(t, i, n);
   const r = t._zod.bag;
-  t.format = r.format ?? null, t.minLength = r.minimum ?? null, t.maxLength = r.maximum ?? null, t.regex = (...i) => t.check(Vn(...i)), t.includes = (...i) => t.check(Kn(...i)), t.startsWith = (...i) => t.check(qn(...i)), t.endsWith = (...i) => t.check(Qn(...i)), t.min = (...i) => t.check(Ke(...i)), t.max = (...i) => t.check(Kt(...i)), t.length = (...i) => t.check(qt(...i)), t.nonempty = (...i) => t.check(Ke(1, ...i)), t.lowercase = (i) => t.check(Yn(i)), t.uppercase = (i) => t.check(Hn(i)), t.trim = () => t.check(nr()), t.normalize = (...i) => t.check(tr(...i)), t.toLowerCase = () => t.check(rr()), t.toUpperCase = () => t.check(ir()), t.slugify = () => t.check(or());
+  t.format = r.format ?? null, t.minLength = r.minimum ?? null, t.maxLength = r.maximum ?? null, t.regex = (...i) => t.check(Vn(...i)), t.includes = (...i) => t.check(Kn(...i)), t.startsWith = (...i) => t.check(qn(...i)), t.endsWith = (...i) => t.check(Qn(...i)), t.min = (...i) => t.check(qe(...i)), t.max = (...i) => t.check(Kt(...i)), t.length = (...i) => t.check(qt(...i)), t.nonempty = (...i) => t.check(qe(1, ...i)), t.lowercase = (i) => t.check(Yn(i)), t.uppercase = (i) => t.check(Hn(i)), t.trim = () => t.check(nr()), t.normalize = (...i) => t.check(tr(...i)), t.toLowerCase = () => t.check(rr()), t.toUpperCase = () => t.check(ir()), t.slugify = () => t.check(or());
 }), en = /* @__PURE__ */ h("ZodString", (t, e) => {
   Yt.init(t, e), ar.init(t, e), t.email = (r) => t.check($i(sr, r)), t.url = (r) => t.check(Xn(tn, r)), t.jwt = (r) => t.check(Li(wr, r)), t.emoji = (r) => t.check(ki(cr, r)), t.guid = (r) => t.check(Un(At, r)), t.uuid = (r) => t.check(wi(pe, r)), t.uuidv4 = (r) => t.check(Si(pe, r)), t.uuidv6 = (r) => t.check(xi(pe, r)), t.uuidv7 = (r) => t.check(Ii(pe, r)), t.nanoid = (r) => t.check(zi(ur, r)), t.guid = (r) => t.check(Un(At, r)), t.cuid = (r) => t.check(Oi(lr, r)), t.cuid2 = (r) => t.check(Ei(dr, r)), t.ulid = (r) => t.check(Ti(hr, r)), t.base64 = (r) => t.check(Ai(br, r)), t.base64url = (r) => t.check(Mi(_r, r)), t.xid = (r) => t.check(Pi(mr, r)), t.ksuid = (r) => t.check(ji(fr, r)), t.ipv4 = (r) => t.check(Ui(gr, r)), t.ipv6 = (r) => t.check(Ni(pr, r)), t.cidrv4 = (r) => t.check(Ci(vr, r)), t.cidrv6 = (r) => t.check(Di(yr, r)), t.e164 = (r) => t.check(Ri($r, r)), t.datetime = (r) => t.check(Kl(r)), t.date = (r) => t.check(ql(r)), t.time = (r) => t.check(Ql(r)), t.duration = (r) => t.check(ed(r));
 });
-function De(t) {
+function Ae(t) {
   return Iu(en, t);
 }
 const N = /* @__PURE__ */ h("ZodStringFormat", (t, e) => {
@@ -9171,30 +9171,30 @@ function Fd(t, e) {
   return Qt($t, i, n, e);
 }
 const nn = /* @__PURE__ */ h("ZodNumber", (t, e) => {
-  gi.init(t, e), k.init(t, e), t._zod.processJSONSchema = (i, n, o) => ml(t, i, n), t.gt = (i, n) => t.check(Re(i, n)), t.gte = (i, n) => t.check(te(i, n)), t.min = (i, n) => t.check(te(i, n)), t.lt = (i, n) => t.check(Me(i, n)), t.lte = (i, n) => t.check(ie(i, n)), t.max = (i, n) => t.check(ie(i, n)), t.int = (i) => t.check(Nn(i)), t.safe = (i) => t.check(Nn(i)), t.positive = (i) => t.check(Re(0, i)), t.nonnegative = (i) => t.check(te(0, i)), t.negative = (i) => t.check(Me(0, i)), t.nonpositive = (i) => t.check(ie(0, i)), t.multipleOf = (i, n) => t.check(ft(i, n)), t.step = (i, n) => t.check(ft(i, n)), t.finite = () => t;
+  gi.init(t, e), k.init(t, e), t._zod.processJSONSchema = (i, n, o) => ml(t, i, n), t.gt = (i, n) => t.check(Le(i, n)), t.gte = (i, n) => t.check(te(i, n)), t.min = (i, n) => t.check(te(i, n)), t.lt = (i, n) => t.check(Re(i, n)), t.lte = (i, n) => t.check(ie(i, n)), t.max = (i, n) => t.check(ie(i, n)), t.int = (i) => t.check(Nn(i)), t.safe = (i) => t.check(Nn(i)), t.positive = (i) => t.check(Le(0, i)), t.nonnegative = (i) => t.check(te(0, i)), t.negative = (i) => t.check(Re(0, i)), t.nonpositive = (i) => t.check(ie(0, i)), t.multipleOf = (i, n) => t.check(ft(i, n)), t.step = (i, n) => t.check(ft(i, n)), t.finite = () => t;
   const r = t._zod.bag;
   t.minValue = Math.max(r.minimum ?? Number.NEGATIVE_INFINITY, r.exclusiveMinimum ?? Number.NEGATIVE_INFINITY) ?? null, t.maxValue = Math.min(r.maximum ?? Number.POSITIVE_INFINITY, r.exclusiveMaximum ?? Number.POSITIVE_INFINITY) ?? null, t.isInt = (r.format ?? "").includes("int") || Number.isSafeInteger(r.multipleOf ?? 0.5), t.isFinite = !0, t.format = r.format ?? null;
 });
 function z(t) {
   return Uu(nn, t);
 }
-const tt = /* @__PURE__ */ h("ZodNumberFormat", (t, e) => {
+const nt = /* @__PURE__ */ h("ZodNumberFormat", (t, e) => {
   jc.init(t, e), nn.init(t, e);
 });
 function Nn(t) {
-  return Cu(tt, t);
+  return Cu(nt, t);
 }
 function Bd(t) {
-  return Du(tt, t);
+  return Du(nt, t);
 }
 function Wd(t) {
-  return Au(tt, t);
+  return Au(nt, t);
 }
 function Gd(t) {
-  return Mu(tt, t);
+  return Mu(nt, t);
 }
 function Xd(t) {
-  return Ru(tt, t);
+  return Ru(nt, t);
 }
 const rn = /* @__PURE__ */ h("ZodBoolean", (t, e) => {
   pi.init(t, e), k.init(t, e), t._zod.processJSONSchema = (r, i, n) => fl(t, r, i);
@@ -9203,7 +9203,7 @@ function qi(t) {
   return Lu(rn, t);
 }
 const on = /* @__PURE__ */ h("ZodBigInt", (t, e) => {
-  vi.init(t, e), k.init(t, e), t._zod.processJSONSchema = (i, n, o) => gl(t, i), t.gte = (i, n) => t.check(te(i, n)), t.min = (i, n) => t.check(te(i, n)), t.gt = (i, n) => t.check(Re(i, n)), t.gte = (i, n) => t.check(te(i, n)), t.min = (i, n) => t.check(te(i, n)), t.lt = (i, n) => t.check(Me(i, n)), t.lte = (i, n) => t.check(ie(i, n)), t.max = (i, n) => t.check(ie(i, n)), t.positive = (i) => t.check(Re(BigInt(0), i)), t.negative = (i) => t.check(Me(BigInt(0), i)), t.nonpositive = (i) => t.check(ie(BigInt(0), i)), t.nonnegative = (i) => t.check(te(BigInt(0), i)), t.multipleOf = (i, n) => t.check(ft(i, n));
+  vi.init(t, e), k.init(t, e), t._zod.processJSONSchema = (i, n, o) => gl(t, i), t.gte = (i, n) => t.check(te(i, n)), t.min = (i, n) => t.check(te(i, n)), t.gt = (i, n) => t.check(Le(i, n)), t.gte = (i, n) => t.check(te(i, n)), t.min = (i, n) => t.check(te(i, n)), t.lt = (i, n) => t.check(Re(i, n)), t.lte = (i, n) => t.check(ie(i, n)), t.max = (i, n) => t.check(ie(i, n)), t.positive = (i) => t.check(Le(BigInt(0), i)), t.negative = (i) => t.check(Re(BigInt(0), i)), t.nonpositive = (i) => t.check(ie(BigInt(0), i)), t.nonnegative = (i) => t.check(te(BigInt(0), i)), t.multipleOf = (i, n) => t.check(ft(i, n));
   const r = t._zod.bag;
   t.minValue = r.minimum ?? null, t.maxValue = r.maximum ?? null, t.format = r.format ?? null;
 });
@@ -9246,7 +9246,7 @@ function qd() {
 const io = /* @__PURE__ */ h("ZodUnknown", (t, e) => {
   Mc.init(t, e), k.init(t, e), t._zod.processJSONSchema = (r, i, n) => wl();
 });
-function qe() {
+function Qe() {
   return Hu(io);
 }
 const oo = /* @__PURE__ */ h("ZodNever", (t, e) => {
@@ -9270,7 +9270,7 @@ function eh(t) {
   return Qu(Ir, t);
 }
 const so = /* @__PURE__ */ h("ZodArray", (t, e) => {
-  Fc.init(t, e), k.init(t, e), t._zod.processJSONSchema = (r, i, n) => Cl(t, r, i, n), t.element = e.element, t.min = (r, i) => t.check(Ke(r, i)), t.nonempty = (r) => t.check(Ke(1, r)), t.max = (r, i) => t.check(Kt(r, i)), t.length = (r, i) => t.check(qt(r, i)), t.unwrap = () => t.element;
+  Fc.init(t, e), k.init(t, e), t._zod.processJSONSchema = (r, i, n) => Cl(t, r, i, n), t.element = e.element, t.min = (r, i) => t.check(qe(r, i)), t.nonempty = (r) => t.check(qe(1, r)), t.max = (r, i) => t.check(Kt(r, i)), t.length = (r, i) => t.check(qt(r, i)), t.unwrap = () => t.element;
 });
 function ve(t, e) {
   return nl(so, t, e);
@@ -9280,7 +9280,7 @@ function th(t) {
   return zr(Object.keys(e));
 }
 const an = /* @__PURE__ */ h("ZodObject", (t, e) => {
-  Xc.init(t, e), k.init(t, e), t._zod.processJSONSchema = (r, i, n) => Dl(t, r, i, n), O(t, "shape", () => e.shape), t.keyof = () => zr(Object.keys(t._zod.def.shape)), t.catchall = (r) => t.clone({ ...t._zod.def, catchall: r }), t.passthrough = () => t.clone({ ...t._zod.def, catchall: qe() }), t.loose = () => t.clone({ ...t._zod.def, catchall: qe() }), t.strict = () => t.clone({ ...t._zod.def, catchall: xr() }), t.strip = () => t.clone({ ...t._zod.def, catchall: void 0 }), t.extend = (r) => Ba(t, r), t.safeExtend = (r) => Wa(t, r), t.merge = (r) => Ga(t, r), t.pick = (r) => Za(t, r), t.omit = (r) => Fa(t, r), t.partial = (...r) => Xa(Er, t, r[0]), t.required = (...r) => Ja(Tr, t, r[0]);
+  Xc.init(t, e), k.init(t, e), t._zod.processJSONSchema = (r, i, n) => Dl(t, r, i, n), O(t, "shape", () => e.shape), t.keyof = () => zr(Object.keys(t._zod.def.shape)), t.catchall = (r) => t.clone({ ...t._zod.def, catchall: r }), t.passthrough = () => t.clone({ ...t._zod.def, catchall: Qe() }), t.loose = () => t.clone({ ...t._zod.def, catchall: Qe() }), t.strict = () => t.clone({ ...t._zod.def, catchall: xr() }), t.strip = () => t.clone({ ...t._zod.def, catchall: void 0 }), t.extend = (r) => Ba(t, r), t.safeExtend = (r) => Wa(t, r), t.merge = (r) => Ga(t, r), t.pick = (r) => Za(t, r), t.omit = (r) => Fa(t, r), t.partial = (...r) => Xa(Er, t, r[0]), t.required = (...r) => Ja(Tr, t, r[0]);
 });
 function me(t, e) {
   const r = {
@@ -9302,7 +9302,7 @@ function rh(t, e) {
   return new an({
     type: "object",
     shape: t,
-    catchall: qe(),
+    catchall: Qe(),
     ...p(e)
   });
 }
@@ -9468,7 +9468,7 @@ const yo = /* @__PURE__ */ h("ZodLiteral", (t, e) => {
     }
   });
 });
-function Ge(t, e) {
+function Xe(t, e) {
   return new yo({
     type: "literal",
     values: Array.isArray(t) ? t : [t],
@@ -9649,8 +9649,8 @@ const Do = /* @__PURE__ */ h("ZodFunction", (t, e) => {
 function Cn(t) {
   return new Do({
     type: "function",
-    input: Array.isArray(t?.input) ? kr(t?.input) : t?.input ?? ve(qe()),
-    output: t?.output ?? qe()
+    input: Array.isArray(t?.input) ? kr(t?.input) : t?.input ?? ve(Qe()),
+    output: t?.output ?? Qe()
   });
 }
 const un = /* @__PURE__ */ h("ZodCustom", (t, e) => {
@@ -9691,7 +9691,7 @@ const wh = (...t) => ll({
   String: en
 }, ...t);
 function Sh(t) {
-  const e = Ur(() => wt([De(t), z(), qi(), no(), ve(e), go(De(), e)]));
+  const e = Ur(() => wt([Ae(t), z(), qi(), no(), ve(e), go(Ae(), e)]));
   return e;
 }
 function xh(t, e) {
@@ -9740,7 +9740,7 @@ const Sp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ZodNull: to,
   ZodNullable: $o,
   ZodNumber: nn,
-  ZodNumberFormat: tt,
+  ZodNumberFormat: nt,
   ZodObject: an,
   ZodOptional: Er,
   ZodPipe: Pr,
@@ -9811,7 +9811,7 @@ const Sp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   keyof: th,
   ksuid: Ed,
   lazy: Ur,
-  literal: Ge,
+  literal: Xe,
   looseObject: rh,
   looseRecord: ah,
   mac: Pd,
@@ -9838,7 +9838,7 @@ const Sp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   refine: Ao,
   set: ch,
   strictObject: nh,
-  string: De,
+  string: Ae,
   stringFormat: Rd,
   stringbool: wh,
   success: hh,
@@ -9852,7 +9852,7 @@ const Sp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ulid: zd,
   undefined: Kd,
   union: wt,
-  unknown: qe,
+  unknown: Qe,
   url: $d,
   uuid: vd,
   uuidv4: yd,
@@ -10164,7 +10164,7 @@ const we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ZodNull: to,
   ZodNullable: $o,
   ZodNumber: nn,
-  ZodNumberFormat: tt,
+  ZodNumberFormat: nt,
   ZodObject: an,
   ZodOptional: Er,
   ZodPipe: Pr,
@@ -10233,7 +10233,7 @@ const we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   function: Cn,
   getErrorMap: kp,
   globalRegistry: he,
-  gt: Re,
+  gt: Le,
   gte: te,
   guid: pd,
   hash: Fd,
@@ -10255,12 +10255,12 @@ const we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ksuid: Ed,
   lazy: Ur,
   length: qt,
-  literal: Ge,
+  literal: Xe,
   locales: $u,
   looseObject: rh,
   looseRecord: ah,
   lowercase: Yn,
-  lt: Me,
+  lt: Re,
   lte: ie,
   mac: Pd,
   map: sh,
@@ -10268,7 +10268,7 @@ const we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   maxSize: Ht,
   meta: _h,
   mime: er,
-  minLength: Ke,
+  minLength: qe,
   minSize: gt,
   multipleOf: ft,
   nan: mh,
@@ -10315,7 +10315,7 @@ const we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   slugify: or,
   startsWith: qn,
   strictObject: nh,
-  string: De,
+  string: Ae,
   stringFormat: Rd,
   stringbool: wh,
   success: hh,
@@ -10334,7 +10334,7 @@ const we = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   ulid: zd,
   undefined: Kd,
   union: wt,
-  unknown: qe,
+  unknown: Qe,
   uppercase: Hn,
   url: $d,
   util: Ha,
@@ -10396,7 +10396,7 @@ function Lp(t) {
   return r.remove(), n;
 }
 async function zh(t, e, r, i, n = !0) {
-  const o = await navigator.clipboard.read(), a = o[0].types, [s, u] = n ? [t, e] : Be(t, e, r);
+  const o = await navigator.clipboard.read(), a = o[0].types, [s, u] = n ? [t, e] : We(t, e, r);
   for (const c of a) {
     if (!Mp.find(
       (f) => f.endsWith("/") ? c.startsWith(f) : c === f
@@ -10476,7 +10476,7 @@ const ke = {
 }, ze = {
   Save: "save",
   Change: "statechange"
-}, rt = {
+}, Ue = {
   start: "startloading",
   done: "completeloading"
 }, it = {
@@ -10646,7 +10646,7 @@ class la {
     this.width = (n - i) / this.target.sx * e, this.height = (a - o) / this.target.sy * r;
   }
   getSidesInScreenSpace(e, r) {
-    const [i, n] = r ? Ve(r) : [1, 1], { width: o, height: a, borderSize: s } = this, [u, c] = le(r), [l, d] = kt(r);
+    const [i, n] = r ? Ye(r) : [1, 1], { width: o, height: a, borderSize: s } = this, [u, c] = le(r), [l, d] = kt(r);
     return {
       TOP: {
         x: l > 0 ? u : u - o * i,
@@ -10675,7 +10675,7 @@ class la {
     }[e];
   }
   getCornersInScreenSpace(e, r) {
-    const [i, n] = r ? Ve(r) : [1, 1], { width: o, height: a, boxSize: s } = this, [u, c] = le(r), [l, d] = kt(r);
+    const [i, n] = r ? Ye(r) : [1, 1], { width: o, height: a, boxSize: s } = this, [u, c] = le(r), [l, d] = kt(r);
     return {
       TOPLEFT: {
         x: u - s,
@@ -10717,7 +10717,7 @@ class la {
    */
   hitTest(e, r, i) {
     if (this.mode === ce.PASSIVE) return;
-    const [n, o] = Ve(this.target.worldMatrix), [a, s] = kt(this.target.worldMatrix), [u, c] = le(i, e, r), l = 4;
+    const [n, o] = Ye(this.target.worldMatrix), [a, s] = kt(this.target.worldMatrix), [u, c] = le(i, e, r), l = 4;
     for (const E of yn) {
       const S = this.getCornersInScreenSpace(
         E,
@@ -10755,7 +10755,7 @@ class la {
     this.target.updateTranslation(e, r);
   }
   resize(e, r, i) {
-    if (this.target instanceof Ae) {
+    if (this.target instanceof Me) {
       const n = Math.abs(this.width), o = Math.abs(this.height), a = n / o, s = this.target.sx, u = this.target.sy, c = 1e-6, l = Math.abs(n * s) < c ? c * kn(n * s || 1, c) : n * s, d = Math.abs(o * u) < c ? c * kn(o * u || 1, c) : o * u, m = e / l, f = r / d, $ = c, w = i === "LEFT" || i === "BOTTOMLEFT" || i === "TOPLEFT" ? 1 - m : i === "RIGHT" || i === "BOTTOMRIGHT" || i === "TOPRIGHT" ? 1 + m : i === "TOP" ? 1 - f : 1 + f;
       if (zn(s, w, $) || zn(u, w, $)) return;
       const P = n * s * w, L = o * u * w;
@@ -10800,7 +10800,7 @@ class la {
   }
   addCorners() {
     for (const e of yn) {
-      const r = new Ae(
+      const r = new Me(
         this.getCornersInScreenSpace(e, this.target.worldMatrix)
       );
       r.color = this.mode === ce.ACTIVE ? st : hn, this.corners.set(e, r);
@@ -10820,7 +10820,7 @@ class la {
   }
   addSides() {
     for (const e of Nt) {
-      const r = new Ae(
+      const r = new Me(
         this.getSidesInScreenSpace(e, this.target.worldMatrix)
       );
       r.color = this.mode === ce.ACTIVE ? st : hn, this.sides.set(e, r);
@@ -10866,18 +10866,18 @@ class Jp {
   }
   // dx and dy are in world units
   resize(e, r, i, n) {
-    const o = this.width, a = this.height, s = i.includes("TOP"), u = i.includes("BOTTOM"), c = i.includes("LEFT"), l = i.includes("RIGHT"), d = c ? this.x + o : l ? this.x : this.x + o / 2, m = s ? this.y + a : u ? this.y : this.y + a / 2, f = 1e-6, $ = Math.abs(o) < f ? o < 0 ? -f : f : o, w = Math.abs(a) < f ? a < 0 ? -f : f : a, [P, L] = Ve(n), A = e * P / $, E = r * L / w, S = i.includes("LEFT") ? 1 - A : i.includes("RIGHT") ? 1 + A : i === "TOP" ? 1 - E : 1 + E;
+    const o = this.width, a = this.height, s = i.includes("TOP"), u = i.includes("BOTTOM"), c = i.includes("LEFT"), l = i.includes("RIGHT"), d = c ? this.x + o : l ? this.x : this.x + o / 2, m = s ? this.y + a : u ? this.y : this.y + a / 2, f = 1e-6, $ = Math.abs(o) < f ? o < 0 ? -f : f : o, w = Math.abs(a) < f ? a < 0 ? -f : f : a, [P, L] = Ye(n), A = e * P / $, E = r * L / w, S = i.includes("LEFT") ? 1 - A : i.includes("RIGHT") ? 1 + A : i === "TOP" ? 1 - E : 1 + E;
     if (zn(this.scale[0], S, f) || zn(this.scale[1], S, f))
       return;
     const se = o * S, St = a * S;
     if (!(Math.abs(se) < f || Math.abs(St) < f))
       for (const J of this.targets) {
-        const je = J.x, Ze = J.y, [ln, dn] = le(n, je, Ze), nt = d + (ln - d) * S, Rh = m + (dn - m) * S, Lh = nt - ln, Zh = Rh - dn, Fh = Math.abs(P) < f ? P < 0 ? -f : f : P, Bh = Math.abs(L) < f ? L < 0 ? -f : f : L, Wh = Lh / Fh, Gh = Zh / Bh;
+        const je = J.x, Fe = J.y, [ln, dn] = le(n, je, Fe), rt = d + (ln - d) * S, Rh = m + (dn - m) * S, Lh = rt - ln, Zh = Rh - dn, Fh = Math.abs(P) < f ? P < 0 ? -f : f : P, Bh = Math.abs(L) < f ? L < 0 ? -f : f : L, Wh = Lh / Fh, Gh = Zh / Bh;
         J.updateScale(S, S), J.updateTranslation(Wh, Gh);
       }
   }
   flip(e, r, i) {
-    Ve(e);
+    Ye(e);
     const n = [], [o, a] = i(this.x, this.y), [s, u] = i(
       this.x + this.width,
       this.y + this.height
@@ -11019,7 +11019,7 @@ class Jp {
   }
   addHandles() {
     for (const e of Ar) {
-      const r = this.getHandleConfig(e), i = new Ae(r);
+      const r = this.getHandleConfig(e), i = new Me(r);
       i.color = st, this.handles.set(e, i);
     }
   }
@@ -11083,7 +11083,7 @@ class Jp {
     }[e];
   }
 }
-class Qe {
+class et {
   // matrix: number[];
   constructor(e, r, i, n) {
     this.minX = e, this.minY = r, this.maxX = i, this.maxY = n;
@@ -11155,15 +11155,15 @@ class Vp {
    */
   getBoundingBox(e) {
     const [r, i] = e(this.x, this.y), [n, o] = e(this.x + this.width, this.y + this.height), a = Math.min(r, n), s = Math.max(r, n), u = Math.min(i, o), c = Math.max(i, o);
-    return new Qe(a, u, s, c);
+    return new et(a, u, s, c);
   }
   resize(e, r, i) {
-    const [n, o] = Ve(i);
+    const [n, o] = Ye(i);
     this.width += e * n, this.height += r * o;
   }
   addRects() {
     for (const e of da) {
-      const r = this.getRectConfig(e), i = new Ae(r);
+      const r = this.getRectConfig(e), i = new Me(r);
       i.color = st, this.rects.set(e, i);
     }
   }
@@ -11241,20 +11241,20 @@ class Yp {
     return [this.x, this.y, this.width, this.height, this.rotation, this.zoom];
   }
   get translationMatrix() {
-    return Z.translation(this.x, this.y);
+    return F.translation(this.x, this.y);
   }
   get rotationMatrix() {
-    return Z.rotation(this.rotation);
+    return F.rotation(this.rotation);
   }
   get scaleMatrix() {
-    return Z.scaling(this.zoom, this.zoom);
+    return F.scaling(this.zoom, this.zoom);
   }
   get cameraMatrix() {
-    const e = Z.multiply(this.translationMatrix, this.rotationMatrix);
-    return Z.multiply(e, this.scaleMatrix);
+    const e = F.multiply(this.translationMatrix, this.rotationMatrix);
+    return F.multiply(e, this.scaleMatrix);
   }
   get canvasMatrix() {
-    return Z.inverse(this.cameraMatrix);
+    return F.inverse(this.cameraMatrix);
   }
 }
 function ha(t, e) {
@@ -11470,7 +11470,7 @@ class Hp {
       const c = this.getCanvasChildren(), l = this.marqueeBox.getBoundingBox(this.getMarqueeCoords);
       for (const d of c) {
         const m = d.getBoundingBox();
-        Qe.isColliding(m, l) && !this.#n.has(d) ? this.add([d]) : !Qe.isColliding(m, l) && this.#n.has(d) && this.remove([d]);
+        et.isColliding(m, l) && !this.#n.has(d) ? this.add([d]) : !et.isColliding(m, l) && this.#n.has(d) && this.remove([d]);
       }
     } else
       this.move(i, n);
@@ -11719,7 +11719,7 @@ class nv {
 class rv {
   // reduces constant work to re-render if there are no changes
   constructor() {
-    this.translation = [0, 0], this.angleRadians = 0, this.scale = [1, 1], this.localMatrix = Z.identity(), this.worldMatrix = Z.identity(), this.children = [], this.parent = null, this.renderDirtyFlag = !0, Oa(this, {
+    this.translation = [0, 0], this.angleRadians = 0, this.scale = [1, 1], this.localMatrix = F.identity(), this.worldMatrix = F.identity(), this.children = [], this.parent = null, this.renderDirtyFlag = !0, Oa(this, {
       translation: ee.struct,
       angleRadians: ee,
       scale: ee.struct,
@@ -11825,11 +11825,11 @@ class rv {
     this.renderDirtyFlag && (this.renderDirtyFlag = !1, this.updateLocalMatrix());
   }
   updateLocalMatrix() {
-    const e = Z.translation(this.translation[0], this.translation[1]), r = Z.rotation(this.angleRadians), i = Z.scaling(this.scale[0], this.scale[1]);
-    this.localMatrix = Z.multiply(Z.multiply(e, r), i);
+    const e = F.translation(this.translation[0], this.translation[1]), r = F.rotation(this.angleRadians), i = F.scaling(this.scale[0], this.scale[1]);
+    this.localMatrix = F.multiply(F.multiply(e, r), i);
   }
   updateWorldMatrix(e) {
-    this.worldMatrix = e ? Z.multiply(e, this.localMatrix) : this.localMatrix.slice();
+    this.worldMatrix = e ? F.multiply(e, this.localMatrix) : this.localMatrix.slice();
     const r = this.worldMatrix;
     this.children.forEach((i) => {
       i.updateWorldMatrix(r);
@@ -11996,7 +11996,7 @@ const Mn = class Mn extends Eh {
 };
 Mn._seqCounter = 0;
 let _t = Mn;
-class Ae extends _t {
+class Me extends _t {
   constructor(e) {
     super(e.x, e.y, e.sx, e.sy), this._width = e.width ?? 100, this._height = e.height ?? 100;
   }
@@ -12044,7 +12044,7 @@ class Ae extends _t {
    */
   getBoundingBox() {
     const e = this.state.translation[0], r = e + this.width * this.state.scaleX, i = this.state.translation[1], n = i + this.height * this.state.scaleY, o = Math.min(e, r), a = Math.max(e, r), s = Math.min(i, n), u = Math.max(i, n);
-    return this.AABB = new Qe(o, s, a, u), this.AABB;
+    return this.AABB = new et(o, s, a, u), this.AABB;
   }
   /**
    * edges are unaffected by world zoom factor
@@ -12060,11 +12060,11 @@ class Ae extends _t {
     };
   }
   hitTest(e, r) {
-    const [i, n] = Ve(this.worldMatrix), [o, a] = kt(this.worldMatrix), [s, u] = le(this.parent.worldMatrix, e, r), [c, l] = le(this.worldMatrix), d = this.width * i * o, m = this.height * n * a, f = Math.min(c, c + d), $ = Math.max(c, c + d), w = Math.min(l, l + m), P = Math.max(l, l + m);
+    const [i, n] = Ye(this.worldMatrix), [o, a] = kt(this.worldMatrix), [s, u] = le(this.parent.worldMatrix, e, r), [c, l] = le(this.worldMatrix), d = this.width * i * o, m = this.height * n * a, f = Math.min(c, c + d), $ = Math.max(c, c + d), w = Math.min(l, l + m), P = Math.max(l, l + m);
     return s >= f && s <= $ && u >= w && u <= P;
   }
 }
-class Ne extends Ae {
+class Ce extends Me {
   constructor(e) {
     super(e), this.texCoordArray = new Float32Array([
       0,
@@ -12300,7 +12300,7 @@ class Th extends Eh {
       this.vertexCount = c.length / 2, e.bindBuffer(e.ARRAY_BUFFER, this.buffer), e.bufferData(e.ARRAY_BUFFER, c, e.STATIC_DRAW);
     }
     this.initialized || (this.setUpVertexData(e, r), this.setUpUniforms(e, r), this.initialized = !0);
-    const i = e.drawingBufferWidth, n = e.drawingBufferHeight, o = Z.inverse(Z.projection(i, n)), a = Z.inverse(this.worldMatrix), s = Z.multiply(a, o);
+    const i = e.drawingBufferWidth, n = e.drawingBufferHeight, o = F.inverse(F.projection(i, n)), a = F.inverse(this.worldMatrix), s = F.multiply(a, o);
     this.viewProjectionInvLocation && e.uniformMatrix3fv(
       this.viewProjectionInvLocation,
       !1,
@@ -12350,7 +12350,7 @@ class av {
       this.state.width + this.viewportX,
       this.state.height + this.viewportY
     );
-    return new Qe(e, r, i, n);
+    return new et(e, r, i, n);
   }
   onWheel(e) {
     e.preventDefault();
@@ -12395,7 +12395,7 @@ function Mr(t) {
   return t.children.map(Ph);
 }
 function Ph(t) {
-  return t instanceof Ne ? {
+  return t instanceof Ce ? {
     type: "Img",
     id: t.seq,
     renderOrder: t.renderOrder,
@@ -12404,7 +12404,7 @@ function Ph(t) {
     height: t.height,
     fileId: t.fileId,
     children: t.children?.length ? Mr(t) : void 0
-  } : t instanceof Ae ? {
+  } : t instanceof Me ? {
     type: "Rect",
     id: t.seq,
     renderOrder: t.renderOrder,
@@ -12446,7 +12446,7 @@ async function ya(t, e, r, i) {
     let s;
     switch (o.type) {
       case "Rect":
-        s = new Ae({
+        s = new Me({
           x: o.transform.x,
           y: o.transform.y,
           width: o.width,
@@ -12456,25 +12456,15 @@ async function ya(t, e, r, i) {
       case "Img":
         let u;
         try {
-          u = (() => {
-            if (t.files && Array.isArray(t.files)) {
-              const m = t.files.find(
-                (f) => f.id === o.fileId
-              );
-              return r(o.fileId).then((f) => {
-                f || i(m.dataURL);
-              }).catch(
-                (f) => console.error("Image not written to database", f)
-              ), m?.dataURL ?? pa;
-            }
-            return pa;
-          })();
+          u = t.files && Array.isArray(t.files) ? t.files.find(
+            (f) => f.id === o.fileId
+          )?.dataURL ?? pa : pa;
           const c = o.width, l = o.height, d = await cv(
             u,
             c * o.transform.sx,
             l * o.transform.sy
           );
-          if (s = new Ne({
+          if (s = new Ce({
             x: o.transform.x,
             y: o.transform.y,
             src: d,
@@ -12484,7 +12474,11 @@ async function ya(t, e, r, i) {
             const m = t.files.find(
               (f) => f.id === o.fileId
             );
-            s.src = m.dataURL;
+            s.src = m.dataURL, r(o.fileId).then((f) => {
+              f || i(m.dataURL);
+            }).catch(
+              (f) => console.error("Failed to write the image to storage", f)
+            );
           } else
             r(o.fileId).then((m) => {
               s.src = m.dataURL;
@@ -12553,18 +12547,18 @@ const Rr = me({
   sx: z(),
   sy: z()
 }).strict(), uv = me({
-  id: wt([De(), z()]),
-  dataURL: De().regex(
+  id: wt([Ae(), z()]),
+  dataURL: Ae().regex(
     /^data:image\/[a-z0-9.+-]+;base64,[A-Za-z0-9+/=\s]+$/,
     "Invalid image data URL"
   ),
-  mimetype: De().regex(/^image\/[a-z0-9.+-]+$/i, "Invalid image MIME type"),
+  mimetype: Ae().regex(/^image\/[a-z0-9.+-]+$/i, "Invalid image MIME type"),
   created: z(),
   lastRetrieved: z()
 }).strict(), Tt = Ur(
   () => lo("type", [
     me({
-      type: Ge("Rect"),
+      type: Xe("Rect"),
       id: z().int().optional(),
       transform: Rr,
       children: ve(Tt).optional(),
@@ -12575,7 +12569,7 @@ const Rr = me({
       color: kr([z(), z(), z(), z()])
     }).strict(),
     me({
-      type: Ge("Img"),
+      type: Xe("Img"),
       id: z().int().optional(),
       transform: Rr,
       children: ve(Tt).optional(),
@@ -12583,16 +12577,16 @@ const Rr = me({
       renderOrder: z().int().optional(),
       width: z().positive(),
       height: z().positive(),
-      fileId: wt([De(), z()]).optional()
+      fileId: wt([Ae(), z()]).optional()
     }).strict(),
     me({
-      type: Ge("Grid"),
+      type: Xe("Grid"),
       id: z().int().optional(),
       style: z().int().optional(),
       children: ve(Tt).optional()
     }).strict(),
     me({
-      type: Ge("Renderable"),
+      type: Xe("Renderable"),
       id: z().int().optional(),
       transform: Rr.optional(),
       children: ve(Tt).optional(),
@@ -12605,7 +12599,7 @@ const Rr = me({
   x: z(),
   y: z()
 }).strict(), dv = me({
-  version: Ge(1),
+  version: Xe(1),
   canvas: me({
     width: z().positive(),
     height: z().positive(),
@@ -12622,35 +12616,35 @@ function ba(t) {
     throw new Error(`Invalid canvas data: ${e.error.message}`);
   return e.data;
 }
-var fe, Se, Xe, ge, T, xe, ct, Je, Ie, Q, Ce, X, ut, Rn, lt;
+var fe, Se, Je, ge, T, xe, ct, Ve, Ie, Q, De, X, ut, Rn, lt;
 const W = class W extends Oh {
   constructor(r, i, n, o, a, s) {
     super();
     V(this, fe);
     V(this, Se);
-    V(this, Xe);
+    V(this, Je);
     V(this, ge);
     V(this, T);
     V(this, xe);
     V(this, ct);
-    V(this, Je);
+    V(this, Ve);
     V(this, Ie);
     V(this, Q);
-    V(this, Ce);
+    V(this, De);
     V(this, X);
     V(this, ut);
     V(this, Rn);
     V(this, lt);
-    F(this, Q, null), F(this, Ce, !0), this.orderDirty = !0, this.renderList = [], F(this, fe, r), F(this, Se, n), F(this, Xe, i), F(this, Ie, new Th()), F(this, T, r.getContext("webgl", {
+    B(this, Q, null), B(this, De, !0), this.orderDirty = !0, this.renderList = [], B(this, fe, r), B(this, Se, n), B(this, Je, i), B(this, Ie, new Th()), B(this, T, r.getContext("webgl", {
       alpha: !0,
       premultipliedAlpha: !1
-    })), v(this, T).enable(v(this, T).BLEND), v(this, T).blendFunc(v(this, T).SRC_ALPHA, v(this, T).ONE_MINUS_SRC_ALPHA), v(this, T).getExtension("OES_standard_derivatives"), v(this, T).enable(v(this, T).DEPTH_TEST), v(this, T).depthFunc(v(this, T).LEQUAL), F(this, xe, Dr(v(this, T), Zp, Fp)), F(this, ct, Dr(v(this, T), Gp, Xp)), F(this, Je, Dr(v(this, T), Bp, Wp)), this.writeToStorage = o, this.saveImgFileToStorage = a, this.getContainerDimension = s, this.engine = this.engine.bind(this), this.getBoundingClientRect = this.getBoundingClientRect.bind(this), this.appendChild = this.appendChild.bind(this), this.addImageToCanvas = this.addImageToCanvas.bind(this), this.setShapeZOrder = this.setShapeZOrder.bind(this), this.toggleGrid = this.toggleGrid.bind(this), this.changeMode = this.changeMode.bind(this), this.getSelected = this.getSelected.bind(this), this.updateZoomByFixedAmount = this.updateZoomByFixedAmount.bind(this), this.getCenterPoint = this.getCenterPoint.bind(this), this.assignEventListener = this.assignEventListener.bind(this), this.getWorldsCoordsFromCanvas = (m, f) => Be(m, f, this);
-    const u = (m, f) => Be(
+    })), v(this, T).enable(v(this, T).BLEND), v(this, T).blendFunc(v(this, T).SRC_ALPHA, v(this, T).ONE_MINUS_SRC_ALPHA), v(this, T).getExtension("OES_standard_derivatives"), v(this, T).enable(v(this, T).DEPTH_TEST), v(this, T).depthFunc(v(this, T).LEQUAL), B(this, xe, Dr(v(this, T), Zp, Fp)), B(this, ct, Dr(v(this, T), Gp, Xp)), B(this, Ve, Dr(v(this, T), Bp, Wp)), this.writeToStorage = o, this.saveImgFileToStorage = a, this.getContainerDimension = s, this.engine = this.engine.bind(this), this.getBoundingClientRect = this.getBoundingClientRect.bind(this), this.appendChild = this.appendChild.bind(this), this.addImageToCanvas = this.addImageToCanvas.bind(this), this.setShapeZOrder = this.setShapeZOrder.bind(this), this.toggleGrid = this.toggleGrid.bind(this), this.changeMode = this.changeMode.bind(this), this.getSelected = this.getSelected.bind(this), this.updateZoomByFixedAmount = this.updateZoomByFixedAmount.bind(this), this.getCenterPoint = this.getCenterPoint.bind(this), this.assignEventListener = this.assignEventListener.bind(this), this.getWorldsCoordsFromCanvas = (m, f) => We(m, f, this);
+    const u = (m, f) => We(
       m + this.camera.viewportX,
       f + this.camera.viewportY,
       this
     );
-    this.exportState = this.exportState.bind(this), this.clearChildren = this.clearChildren.bind(this), F(this, X, new Hp(
+    this.exportState = this.exportState.bind(this), this.clearChildren = this.clearChildren.bind(this), B(this, X, new Hp(
       i,
       n,
       this.gl,
@@ -12661,17 +12655,17 @@ const W = class W extends Oh {
       u
     ));
     const c = new Yp({});
-    F(this, ge, new av(
+    B(this, ge, new av(
       c,
       this.setWorldMatrix,
       this.updateWorldMatrix,
       this.getWorldsCoordsFromCanvas
-    )), F(this, Rn, new Qp(
+    )), B(this, Rn, new Qp(
       i,
       n,
       () => this.selectionManager.deleteSelected(this),
       this.assignEventListener
-    )), F(this, lt, new ev(
+    )), B(this, lt, new ev(
       n,
       this.selectionManager.isMultiBoundingBoxHit,
       this.selectionManager.isBoundingBoxHit,
@@ -12712,7 +12706,7 @@ const W = class W extends Oh {
       isSelection: this.selectionManager.isRectSelected,
       hitTestAdjustedCorner: this.selectionManager.hitTestAdjustedCorner
     };
-    F(this, ut, new qp(d)), v(this, Se).on("save", this.writeToStorage);
+    B(this, ut, new qp(d)), v(this, Se).on("save", this.writeToStorage);
   }
   // Call this whenever children/layers/z-order change
   markOrderDirty() {
@@ -12725,7 +12719,7 @@ const W = class W extends Oh {
     return v(this, Ie);
   }
   get history() {
-    return v(this, Xe);
+    return v(this, Je);
   }
   get eventHub() {
     return v(this, Se);
@@ -12746,10 +12740,10 @@ const W = class W extends Oh {
     return v(this, ge);
   }
   get isGlobalClick() {
-    return v(this, Ce);
+    return v(this, De);
   }
   set isGlobalClick(r) {
-    F(this, Ce, r);
+    B(this, De, r);
   }
   get basicShapeProgram() {
     return v(this, xe);
@@ -12799,20 +12793,20 @@ const W = class W extends Oh {
         c.height
       );
     }
-    v(this, T).useProgram(v(this, Je));
-    const r = v(this, T).getUniformLocation(v(this, Je), "u_z");
-    v(this, T).uniform1f(r, 0), v(this, Ie).render(v(this, T), v(this, Je));
+    v(this, T).useProgram(v(this, Ve));
+    const r = v(this, T).getUniformLocation(v(this, Ve), "u_z");
+    v(this, T).uniform1f(r, 0), v(this, Ie).render(v(this, T), v(this, Ve));
     const i = this.camera.getBoundingBox();
     this.renderList = [];
     for (const c of this.children)
-      !v(this, Q) && !Qe.isColliding(i, c.getBoundingBox()) ? c.culled = !0 : (this.renderList.push(c), c.culled = !1);
-    const [n, o] = Be(0, 0, this), [a, s] = Be(
+      !v(this, Q) && !et.isColliding(i, c.getBoundingBox()) ? c.culled = !0 : (this.renderList.push(c), c.culled = !1);
+    const [n, o] = We(0, 0, this), [a, s] = We(
       window.screen.width,
       window.screen.height,
       this
-    ), u = new Qe(n, o, a, s);
+    ), u = new et(n, o, a, s);
     this.renderList.forEach((c) => {
-      if (c instanceof Ne) {
+      if (c instanceof Ce) {
         const l = c.determineIfLowRes(
           u,
           this.camera.state.zoom
@@ -12825,7 +12819,7 @@ const W = class W extends Oh {
     });
     for (const c of this.renderList) {
       let l;
-      c instanceof Ne ? l = v(this, ct) : c instanceof _t && (l = v(this, xe)), v(this, T).useProgram(l);
+      c instanceof Ce ? l = v(this, ct) : c instanceof _t && (l = v(this, xe)), v(this, T).useProgram(l);
       const d = v(this, T).getUniformLocation(l, "u_z");
       v(this, T).uniform1f(d, c.getZ()), c.render(v(this, T), l);
     }
@@ -12843,10 +12837,10 @@ const W = class W extends Oh {
     v(this, fe).addEventListener(r, i, n);
   }
   hitTest(r, i) {
-    return F(this, Ce, !0), v(this, Ce);
+    return B(this, De, !0), v(this, De);
   }
   async addImageToCanvas(r, i, n, o = 1, a = 1, s = !1) {
-    const u = new Ne({ x: i, y: n, src: r, sx: o, sy: a });
+    const u = new Ce({ x: i, y: n, src: r, sx: o, sy: a });
     if (this.saveImgFileToStorage(r).then((c) => u.fileId = c), s) {
       const c = new Image();
       c.src = r.startsWith("data:image/png") ? r : await Ta(r), c.onload = () => {
@@ -12860,7 +12854,7 @@ const W = class W extends Oh {
     return Jr(this);
   }
   clearChildren() {
-    this.selectionManager.clear(), this.state.clearChildren(), v(this, Xe).clear();
+    this.selectionManager.clear(), this.state.clearChildren(), v(this, Je).clear();
   }
   toggleGrid() {
     v(this, Ie).changeGridType(
@@ -12884,7 +12878,7 @@ const W = class W extends Oh {
     const a = Math.max(...o), s = Math.min(...o);
     i.renderOrder = r ? a + 1 : s - 1, n.end = {
       renderOrder: i.renderOrder
-    }, this.markOrderDirty(), v(this, Xe).push(tv([n])), v(this, Se).emit(ze.Change);
+    }, this.markOrderDirty(), v(this, Je).push(tv([n])), v(this, Se).emit(ze.Change);
   }
   changeMode() {
     v(this, ut).changeMode(), v(this, X).clear();
@@ -12958,38 +12952,38 @@ const W = class W extends Oh {
     const { scale: l, canvasHeight: d, canvasWidth: m, contentHeight: f, contentWidth: $ } = this.calculateScaleForThumbnail(c, n, o), w = Math.max(1e-4, l);
     this.camera.state.setZoom(w);
     const P = this.getCenterPoint(), L = P[0] - this.canvas.width * w / 2, A = P[1] - this.canvas.height * w / 2;
-    v(this, ge).setCameraPos(L, A), F(this, Q, {
+    v(this, ge).setCameraPos(L, A), B(this, Q, {
       x: (n - m) / 2,
       y: (o - d) / 2,
       // ensure that the image stays proportioned - the passed in values of height and width must match the AR of the canvas you're using
       height: d,
       width: m
-    }), this.grid.gridType = 0, this.render(), F(this, Q, null);
+    }), this.grid.gridType = 0, this.render(), B(this, Q, null);
     const E = new Uint8Array(n * o * 4);
     i.readPixels(0, 0, n, o, i.RGBA, i.UNSIGNED_BYTE, E);
     const S = n * 4, se = new Uint8ClampedArray(E.length);
     for (let J = 0; J < o; J++) {
-      const je = J * S, Ze = (o - 1 - J) * S;
-      se.set(E.subarray(je, je + S), Ze);
+      const je = J * S, Fe = (o - 1 - J) * S;
+      se.set(E.subarray(je, je + S), Fe);
     }
     this.camera.state.setZoom(u.zoom), this.camera.setCameraPos(u.x, u.y), this.grid.gridType = u.gridType, this.selectionManager.selected = u.selected, i.bindFramebuffer(i.FRAMEBUFFER, null), i.viewport(0, 0, i.canvas.width, i.canvas.height), i.deleteTexture(s), i.deleteFramebuffer(a);
     const St = typeof OffscreenCanvas < "u" ? new OffscreenCanvas(n, o) : null;
     if (St) {
       const J = St.getContext("2d"), je = new ImageData(se, n, o);
       J.putImageData(je, 0, 0);
-      const Ze = await St.convertToBlob({
+      const Fe = await St.convertToBlob({
         type: "image/jpeg",
         quality: 0.92
       });
       return await new Promise((ln, dn) => {
-        const nt = new FileReader();
-        nt.onloadend = () => ln(nt.result), nt.onerror = dn, nt.readAsDataURL(Ze);
+        const rt = new FileReader();
+        rt.onloadend = () => ln(rt.result), rt.onerror = dn, rt.readAsDataURL(Fe);
       });
     } else {
       const J = document.createElement("canvas");
       J.width = n, J.height = o;
-      const je = J.getContext("2d"), Ze = new ImageData(se, n, o);
-      return je.putImageData(Ze, 0, 0), J.toDataURL("image/jpeg");
+      const je = J.getContext("2d"), Fe = new ImageData(se, n, o);
+      return je.putImageData(Fe, 0, 0), J.toDataURL("image/jpeg");
     }
   }
   /**
@@ -13015,7 +13009,7 @@ const W = class W extends Oh {
   getContentBound() {
     let r = 1 / 0, i = 1 / 0, n = -1 / 0, o = -1 / 0, a = !1;
     for (const s of this.children) {
-      if (!(s instanceof Ne)) continue;
+      if (!(s instanceof Ce)) continue;
       const u = s.getEdge();
       !isFinite(u.minX) || !isFinite(u.minY) || !isFinite(u.maxX) || !isFinite(u.maxY) || (a = !0, r = Math.min(r, u.minX), n = Math.max(n, u.maxX), i = Math.min(i, u.minY), o = Math.max(o, u.maxY));
     }
@@ -13024,7 +13018,7 @@ const W = class W extends Oh {
   getCenterPoint() {
     let r = Number.MAX_SAFE_INTEGER, i = Number.MAX_SAFE_INTEGER, n = Number.MIN_SAFE_INTEGER, o = Number.MIN_SAFE_INTEGER;
     for (const a of this.children) {
-      if (!(a instanceof Ne)) continue;
+      if (!(a instanceof Ce)) continue;
       const s = a.getEdge();
       r = Math.min(r, s.minX), n = Math.max(n, s.maxX), i = Math.min(i, s.minY), o = Math.max(o, s.maxY);
     }
@@ -13050,7 +13044,7 @@ const W = class W extends Oh {
     };
   }
 };
-fe = new WeakMap(), Se = new WeakMap(), Xe = new WeakMap(), ge = new WeakMap(), T = new WeakMap(), xe = new WeakMap(), ct = new WeakMap(), Je = new WeakMap(), Ie = new WeakMap(), Q = new WeakMap(), Ce = new WeakMap(), X = new WeakMap(), ut = new WeakMap(), Rn = new WeakMap(), lt = new WeakMap(), W.webglStats = {
+fe = new WeakMap(), Se = new WeakMap(), Je = new WeakMap(), ge = new WeakMap(), T = new WeakMap(), xe = new WeakMap(), ct = new WeakMap(), Ve = new WeakMap(), Ie = new WeakMap(), Q = new WeakMap(), De = new WeakMap(), X = new WeakMap(), ut = new WeakMap(), Rn = new WeakMap(), lt = new WeakMap(), W.webglStats = {
   buffersCreated: 0,
   buffersDeleted: 0,
   programsCreated: 0,
@@ -13759,7 +13753,7 @@ const Lv = {
 }, Ia = {
   MAX_IMAGE_ENTRIES: 1e3
 };
-class Fe extends Cv {
+class Be extends Cv {
   constructor() {
     super(), this.dbQueue = new za(), this.cache = /* @__PURE__ */ new Map(), this.CACHE_LIMIT = 500, this.dbQueue = new za(), this.dbPromise = this.initDb();
   }
@@ -14041,10 +14035,10 @@ var Jv = Object.getOwnPropertyDescriptor, Dh = (t) => {
   for (var n = i > 1 ? void 0 : i ? Jv(e, r) : e, o = t.length - 1, a; o >= 0; o--)
     (a = t[o]) && (n = a(n) || n);
   return n;
-}, Ah = (t, e, r) => e.has(t) || Dh("Cannot " + r), g = (t, e, r) => (Ah(t, e, "read from private field"), r ? r.call(t) : e.get(t)), K = (t, e, r) => e.has(t) ? Dh("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), C = (t, e, r, i) => (Ah(t, e, "write to private field"), e.set(t, r), r), _, B, $n, be, D, G, Pt, wn, jt, Ut, _e, Ue, Sn, xn, In;
+}, Ah = (t, e, r) => e.has(t) || Dh("Cannot " + r), g = (t, e, r) => (Ah(t, e, "read from private field"), r ? r.call(t) : e.get(t)), K = (t, e, r) => e.has(t) ? Dh("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, r), C = (t, e, r, i) => (Ah(t, e, "write to private field"), e.set(t, r), r), _, Z, $n, be, D, G, Pt, wn, jt, Ut, _e, Ne, Sn, xn, In;
 let An = class extends Vh {
   constructor() {
-    super(...arguments), this.name = "Reffy", this.displayMode = "fullscreen", K(this, _), K(this, B), K(this, $n), K(this, be), K(this, D), K(this, G), K(this, Pt, 3e5), K(this, wn), K(this, jt), K(this, Ut), K(this, _e), K(this, Ue, /* @__PURE__ */ new Set()), K(this, Sn), K(this, xn), K(this, In), this.handleGlobalPointerDown = (t) => {
+    super(...arguments), this.name = "Reffy", this.displayMode = "fullscreen", K(this, _), K(this, Z), K(this, $n), K(this, be), K(this, D), K(this, G), K(this, Pt, 3e5), K(this, wn), K(this, jt), K(this, Ut), K(this, _e), K(this, Ne, /* @__PURE__ */ new Set()), K(this, Sn), K(this, xn), K(this, In), this.handleGlobalPointerDown = (t) => {
       !this.contains(t.target) && !this.renderRoot.contains(t.target) && this.clearContextMenu();
     };
   }
@@ -14063,19 +14057,19 @@ let An = class extends Vh {
    * Setting this will replace all registered handlers with the provided one.
    */
   get onCanvasChange() {
-    return g(this, Ue).values().next().value;
+    return g(this, Ne).values().next().value;
   }
   set onCanvasChange(t) {
-    g(this, Ue).clear(), t && g(this, Ue).add(t);
+    g(this, Ne).clear(), t && g(this, Ne).add(t);
   }
   registerOnCanvasChange(t) {
-    typeof t == "function" && g(this, Ue).add(t);
+    typeof t == "function" && g(this, Ne).add(t);
   }
   deregisterOnCanvasChange(t) {
-    g(this, Ue).delete(t);
+    g(this, Ne).delete(t);
   }
   get eventHub() {
-    return g(this, B);
+    return g(this, Z);
   }
   get rootDiv() {
     return g(this, _e);
@@ -14110,14 +14104,14 @@ let An = class extends Vh {
     r && i && this.resizeCanvas(r, i);
   }
   async initCanvas() {
-    await this.warmUpStorage(), C(this, be, new hv()), C(this, B, new Hh());
+    await this.warmUpStorage(), C(this, be, new hv()), C(this, Z, new Hh());
     const t = document.createElement("div");
     t.style.overflow = "hidden", this.renderRoot.appendChild(t), C(this, _e, t);
     const e = document.createElement("canvas");
     this.assignFileStorage = this.assignFileStorage.bind(this), this.getImageFileMetadata = this.getImageFileMetadata.bind(this), this.getAllImageFileMetdata = this.getAllImageFileMetdata.bind(this), this.saveImageFileMetadata = this.saveImageFileMetadata.bind(this), this.restoreStateFromCanvasStorage = this.restoreStateFromCanvasStorage.bind(this), this.assignCanvasStorage = this.assignCanvasStorage.bind(this), this.saveToCanvasStorage = this.saveToCanvasStorage.bind(this), this.debounceSaveToCanvasStorage = this.debounceSaveToCanvasStorage.bind(this), this.importCanvas = this.importCanvas.bind(this), this.exportCanvas = this.exportCanvas.bind(this), this.addContextMenu = Ov.bind(this), this.clearContextMenu = Ev.bind(this), this.isContextMenuActive = Tv.bind(this), this.getContainerSize = this.getContainerSize.bind(this), t.contains(e) || t.appendChild(e), this.registerSignal(), C(this, _, new Dn(
       e,
       g(this, be),
-      g(this, B),
+      g(this, Z),
       this.debounceSaveToCanvasStorage,
       this.saveImageFileMetadata,
       this.getContainerSize
@@ -14153,22 +14147,22 @@ let An = class extends Vh {
   }
   // Register signal
   registerSignal() {
-    g(this, B).on(rt.start, Gv.bind(this), "spinner"), g(this, B).on(rt.done, Xv.bind(this)), g(this, B).on(ke.Open, this.addContextMenu), g(this, B).on(ke.Close, this.clearContextMenu), g(this, B).on(ze.Change, () => {
-      for (const t of g(this, Ue))
+    g(this, Z).on(Ue.start, Gv.bind(this), "spinner"), g(this, Z).on(Ue.done, Xv.bind(this)), g(this, Z).on(ke.Open, this.addContextMenu), g(this, Z).on(ke.Close, this.clearContextMenu), g(this, Z).on(ze.Change, () => {
+      for (const t of g(this, Ne))
         try {
           t();
         } catch (e) {
           console.error("onCanvasChange handler failed", e);
         }
-    }), g(this, B).on(it.Save, this.saveToCanvasStorage), g(this, B).on(it.SaveCompleted, () => {
-    }), g(this, B).on(
+    }), g(this, Z).on(it.Save, this.saveToCanvasStorage), g(this, Z).on(it.SaveCompleted, () => {
+    }), g(this, Z).on(
       it.SaveFailed,
       () => console.error("Failed to Save!")
     );
   }
   // need to check if this is good practice
   async warmUpStorage() {
-    g(this, D) || C(this, D, new Fe());
+    g(this, D) || C(this, D, new Be());
     try {
       await g(this, D).readAll();
     } catch (t) {
@@ -14209,7 +14203,7 @@ let An = class extends Vh {
    * @returns The unique ID that the image has been logged with. This is a hashed version of the image data URL
    */
   async saveImageFileMetadata(t) {
-    g(this, D) || C(this, D, new Fe());
+    g(this, D) || C(this, D, new Be());
     try {
       const e = await Hr(t);
       return await g(this, D).checkIfImageStored(e) ? e : await g(this, D).write(t);
@@ -14222,7 +14216,7 @@ let An = class extends Vh {
    * @returns
    */
   async getImageFileMetadata(t) {
-    g(this, D) || C(this, D, new Fe());
+    g(this, D) || C(this, D, new Be());
     try {
       return await g(this, D).read(t);
     } catch (e) {
@@ -14233,7 +14227,7 @@ let An = class extends Vh {
    * @returns All file metadata saved in connected storage
    */
   async getAllImageFileMetdata() {
-    g(this, D) || C(this, D, new Fe());
+    g(this, D) || C(this, D, new Be());
     try {
       return await g(this, D).readAll();
     } catch (t) {
@@ -14241,7 +14235,7 @@ let An = class extends Vh {
     }
   }
   async deleteAllImageFileMetadata() {
-    g(this, D) || C(this, D, new Fe());
+    g(this, D) || C(this, D, new Be());
     try {
       await g(this, D).deleteAll();
     } catch (t) {
@@ -14267,10 +14261,10 @@ let An = class extends Vh {
     g(this, G) || C(this, G, new $e(this.name)), clearTimeout(g(this, wn)), C(this, wn, setTimeout(this.saveToCanvasStorage, t));
   }
   async saveToCanvasStorage() {
-    g(this, G) || C(this, G, new $e(this.name)), g(this, G).write(Jr(g(this, _))).then(() => g(this, B).emit(it.SaveCompleted)).catch(() => g(this, B).emit(it.SaveFailed));
+    g(this, G) || C(this, G, new $e(this.name)), g(this, G).write(Jr(g(this, _))).then(() => g(this, Z).emit(it.SaveCompleted)).catch(() => g(this, Z).emit(it.SaveFailed));
   }
   async restoreStateFromCanvasStorage() {
-    g(this, G) || C(this, G, new $e(this.name)), g(this, D) || C(this, D, new Fe());
+    g(this, G) || C(this, G, new $e(this.name)), g(this, D) || C(this, D, new Be()), g(this, Z).emit(Ue.start, "spinner");
     const t = await g(this, G).read();
     if (!t) {
       const r = localStorage.getItem(this.name);
@@ -14300,6 +14294,8 @@ let An = class extends Vh {
       );
     } catch (r) {
       console.warn("Saved canvas failed schema validation; ignoring.", r);
+    } finally {
+      g(this, Z).emit(Ue.done);
     }
   }
   async deleteStateFromCanvasStorage() {
@@ -14336,7 +14332,7 @@ let An = class extends Vh {
   }
   async addImages(t) {
     if (!g(this, _)) return;
-    const e = g(this, _e).getBoundingClientRect(), r = e.left + e.width / 2, i = e.top + e.height / 2, [n, o] = Be(r, i, g(this, _)), a = await im(
+    const e = g(this, _e).getBoundingClientRect(), r = e.left + e.width / 2, i = e.top + e.height / 2, [n, o] = We(r, i, g(this, _)), a = await im(
       t,
       (s) => g(this, _).addImageToCanvas(s, n, o, 1, 1, !0)
     );
@@ -14350,7 +14346,7 @@ let An = class extends Vh {
   removeAllImages() {
     if (!g(this, _)) return;
     const t = Array.from(g(this, _).children).filter(
-      (e) => e instanceof Ne
+      (e) => e instanceof Ce
     );
     for (const e of t) g(this, _).removeChild(e);
     g(this, be).push(Pa(g(this, _), t));
@@ -14360,7 +14356,7 @@ let An = class extends Vh {
    */
   async addImageFromUrl(t) {
     if (!g(this, _)) return;
-    const e = g(this, _e).getBoundingClientRect(), r = e.left + e.width / 2, i = e.top + e.height / 2, [n, o] = Be(r, i, g(this, _)), a = await g(this, _).addImageToCanvas(t, n, o, 1, 1, !0);
+    const e = g(this, _e).getBoundingClientRect(), r = e.left + e.width / 2, i = e.top + e.height / 2, [n, o] = We(r, i, g(this, _)), a = await g(this, _).addImageToCanvas(t, n, o, 1, 1, !0);
     g(this, be).push(On(g(this, _), [a]));
   }
   async copyImage() {
@@ -14394,12 +14390,12 @@ let An = class extends Vh {
   }
   async exportCanvas(t = "infinite-canvas.json") {
     if (!g(this, _)) return;
-    g(this, B).emit(rt.start, "spinner");
+    g(this, Z).emit(Ue.start, "spinner");
     const e = await this.getAllImageFileMetdata(), r = Jr(g(this, _), e);
-    om(t, r), g(this, B).emit(rt.done);
+    om(t, r), g(this, Z).emit(Ue.done);
   }
   async importCanvas(t) {
-    if (g(this, D) || C(this, D, new Fe()), g(this, B).emit(rt.start, "spinner"), !g(this, _) || !t || t.length !== 1) return;
+    if (g(this, D) || C(this, D, new Be()), g(this, Z).emit(Ue.start, "spinner"), !g(this, _) || !t || t.length !== 1) return;
     const e = t[0];
     if (!e.type || !e.type.includes("json") && !e.name.toLowerCase().endsWith(".json"))
       return;
@@ -14418,11 +14414,11 @@ let An = class extends Vh {
         g(this, _),
         this.getImageFileMetadata,
         g(this, D).write
-      ), g(this, B).emit(it.Save);
+      ), g(this, Z).emit(it.Save);
     } catch (n) {
       console.warn("Saved canvas failed schema validation; ignoring.", n);
     } finally {
-      g(this, B).emit(rt.done);
+      g(this, Z).emit(Ue.done);
     }
   }
   clearCanvas() {
@@ -14444,7 +14440,7 @@ let An = class extends Vh {
   }
 };
 _ = /* @__PURE__ */ new WeakMap();
-B = /* @__PURE__ */ new WeakMap();
+Z = /* @__PURE__ */ new WeakMap();
 $n = /* @__PURE__ */ new WeakMap();
 be = /* @__PURE__ */ new WeakMap();
 D = /* @__PURE__ */ new WeakMap();
@@ -14454,7 +14450,7 @@ wn = /* @__PURE__ */ new WeakMap();
 jt = /* @__PURE__ */ new WeakMap();
 Ut = /* @__PURE__ */ new WeakMap();
 _e = /* @__PURE__ */ new WeakMap();
-Ue = /* @__PURE__ */ new WeakMap();
+Ne = /* @__PURE__ */ new WeakMap();
 Sn = /* @__PURE__ */ new WeakMap();
 xn = /* @__PURE__ */ new WeakMap();
 In = /* @__PURE__ */ new WeakMap();