@nightshadeui/canvas 2.12.5 → 2.13.0

package/dist/canvas.mjs

@@ -1,32 +1,32 @@
-import { openBlock as V, createElementBlock as q, createElementVNode as j, normalizeStyle as Z, createCommentVNode as Pt, resolveComponent as oe, createBlock as Xe, withCtx as G, createVNode as K, toDisplayString as X, withModifiers as U, normalizeClass as _t, renderSlot as re, normalizeProps as jt, guardReactiveProps as Ct, Fragment as Et, renderList as It, reactive as Tt } from "vue";
-const te = (o, e) => {
-  const t = o.__vccOpts || o;
-  for (const [n, r] of e)
-    t[n] = r;
-  return t;
-}, zt = {
+import { openBlock as U, createElementBlock as q, createElementVNode as C, normalizeStyle as Z, createCommentVNode as Oe, resolveComponent as ot, createBlock as Nt, withCtx as G, createVNode as F, toDisplayString as X, withModifiers as B, normalizeClass as Pe, renderSlot as it, normalizeProps as je, guardReactiveProps as Ce, Fragment as _e, renderList as Ee, reactive as Ie } from "vue";
+const tt = (r, t) => {
+  const e = r.__vccOpts || r;
+  for (const [n, o] of t)
+    e[n] = o;
+  return e;
+}, Te = {
   props: {
     canvas: { type: Object, required: !0 }
   }
-}, Dt = {
+}, ze = {
   key: 0,
   class: "CanvasBoxSelect"
 };
-function Rt(o, e, t, n, r, c) {
-  return t.canvas.boxSelect.isSelecting() ? (V(), q("div", Dt, [
-    j("div", {
+function De(r, t, e, n, o, l) {
+  return e.canvas.boxSelect.isSelecting() ? (U(), q("div", ze, [
+    C("div", {
       class: "Box",
-      style: Z(t.canvas.boxSelect.getSelectionStyle())
+      style: Z(e.canvas.boxSelect.getSelectionStyle())
     }, null, 4)
-  ])) : Pt("", !0);
+  ])) : Oe("", !0);
 }
-const kt = /* @__PURE__ */ te(zt, [["render", Rt], ["__scopeId", "data-v-9e8905e1"]]), Bt = {
+const Re = /* @__PURE__ */ tt(Te, [["render", De], ["__scopeId", "data-v-9e8905e1"]]), ke = {
   props: {
     canvas: { type: Object, required: !0 }
   },
   computed: {
     pagePos() {
-      return this.canvas.inputState.lastMousePos;
+      return this.canvas.inputStateManager.lastMousePos;
     },
     viewportPos() {
       return this.canvas.space.pageToViewport(this.pagePos);
@@ -39,50 +39,50 @@ const kt = /* @__PURE__ */ te(zt, [["render", Rt], ["__scopeId", "data-v-9e8905e
     }
   },
   methods: {
-    format(o) {
-      return `(${o.x.toFixed(2)}, ${o.y.toFixed(2)})`;
+    format(r) {
+      return `(${r.x.toFixed(2)}, ${r.y.toFixed(2)})`;
     }
   }
 };
-function Ut(o, e, t, n, r, c) {
-  const p = oe("HGroup"), y = oe("VGroup");
-  return V(), Xe(y, {
+function Be(r, t, e, n, o, l) {
+  const g = ot("HGroup"), p = ot("VGroup");
+  return U(), Nt(p, {
     class: "CanvasDebugCoords",
     gap: "s"
   }, {
     default: G(() => [
-      K(p, { class: "Row" }, {
+      F(g, { class: "Row" }, {
         default: G(() => [
-          e[0] || (e[0] = j("strong", null, "page", -1)),
-          j("span", null, X(c.format(c.pagePos)), 1)
+          t[0] || (t[0] = C("strong", null, "page", -1)),
+          C("span", null, X(l.format(l.pagePos)), 1)
         ]),
         _: 1
       }),
-      K(p, { class: "Row" }, {
+      F(g, { class: "Row" }, {
         default: G(() => [
-          e[1] || (e[1] = j("strong", null, "viewport", -1)),
-          j("span", null, X(c.format(c.viewportPos)), 1)
+          t[1] || (t[1] = C("strong", null, "viewport", -1)),
+          C("span", null, X(l.format(l.viewportPos)), 1)
         ]),
         _: 1
       }),
-      K(p, { class: "Row" }, {
+      F(g, { class: "Row" }, {
         default: G(() => [
-          e[2] || (e[2] = j("strong", null, "canvas", -1)),
-          j("span", null, X(c.format(c.canvasPos)), 1)
+          t[2] || (t[2] = C("strong", null, "canvas", -1)),
+          C("span", null, X(l.format(l.canvasPos)), 1)
         ]),
         _: 1
       }),
-      K(p, { class: "Row" }, {
+      F(g, { class: "Row" }, {
         default: G(() => [
-          e[3] || (e[3] = j("strong", null, "local", -1)),
-          j("span", null, X(c.format(c.localPos)), 1)
+          t[3] || (t[3] = C("strong", null, "local", -1)),
+          C("span", null, X(l.format(l.localPos)), 1)
         ]),
         _: 1
       }),
-      K(p, { class: "Row" }, {
+      F(g, { class: "Row" }, {
         default: G(() => [
-          e[4] || (e[4] = j("strong", null, "zoom", -1)),
-          j("span", null, X(t.canvas.space.zoom.toFixed(2)), 1)
+          t[4] || (t[4] = C("strong", null, "zoom", -1)),
+          C("span", null, X(e.canvas.space.zoom.toFixed(2)), 1)
         ]),
         _: 1
       })
@@ -90,307 +90,299 @@ function Ut(o, e, t, n, r, c) {
     _: 1
   });
 }
-const Ms = /* @__PURE__ */ te(Bt, [["render", Ut], ["__scopeId", "data-v-6d2e1386"]]);
-function z(o, e, t) {
-  return Math.max(e, Math.min(t, o));
+const gs = /* @__PURE__ */ tt(ke, [["render", Be], ["__scopeId", "data-v-871d7c0c"]]);
+function z(r, t, e) {
+  return Math.max(t, Math.min(e, r));
 }
-function We(o, e) {
+function Yt(r, t) {
   return {
-    x: o.x - e.x,
-    y: o.y - e.y
+    x: r.x - t.x,
+    y: r.y - t.y
   };
 }
-function ie(o, e) {
-  const t = { x: Math.min(o.x, e.x), y: Math.min(o.y, e.y) }, n = { x: Math.max(o.x, e.x), y: Math.max(o.y, e.y) };
-  return [t, n];
-}
-function Le(o, e) {
-  const t = o[1].x >= e[0].x && e[1].x >= o[0].x, n = o[1].y >= e[0].y && e[1].y >= o[0].y;
-  return t && n;
-}
-function Vt(o) {
-  const [e, t] = o;
+function Ue(r) {
+  const [t, e] = r;
   return {
-    x: (t.x - e.x) * 0.5 + e.x,
-    y: (t.y - e.y) * 0.5 + e.y
+    x: (e.x - t.x) * 0.5 + t.x,
+    y: (e.y - t.y) * 0.5 + t.y
   };
 }
-function Ze(o, e, t) {
-  const n = o ?? document.documentElement;
-  return getComputedStyle(n).getPropertyValue(e).trim() || t;
+function Ht(r, t, e) {
+  const n = r ?? document.documentElement;
+  return getComputedStyle(n).getPropertyValue(t).trim() || e;
 }
-function W(o, e, t) {
-  const n = Ze(o, e, String(t)), r = Number(n.replace(/px|em|%|vh|vw/g, ""));
-  return Number.isFinite(r) ? r : t;
+function W(r, t, e) {
+  const n = Ht(r, t, String(e)), o = Number(n.replace(/px|em|%|vh|vw/g, ""));
+  return Number.isFinite(o) ? o : e;
 }
-function $e(o, e, t) {
-  const n = o ?? document.documentElement, r = Ze(o, e, t), c = document.createElement("span");
-  c.style.position = "absolute", c.style.visibility = "hidden", c.style.pointerEvents = "none", c.style.color = t, c.style.color = r, n.appendChild(c);
-  const p = getComputedStyle(c).color.trim();
-  return c.remove(), p || t;
+function Bt(r, t, e) {
+  const n = r ?? document.documentElement, o = Ht(r, t, e), l = document.createElement("span");
+  l.style.position = "absolute", l.style.visibility = "hidden", l.style.pointerEvents = "none", l.style.color = e, l.style.color = o, n.appendChild(l);
+  const g = getComputedStyle(l).color.trim();
+  return l.remove(), g || e;
 }
-class ue {
-  constructor(e) {
-    this.target = e, this.entries = [];
+let Xt = class {
+  constructor(t) {
+    this.target = t, this.entries = [];
   }
-  add(e, t, n) {
-    this.target.addEventListener(e, t, n), this.entries.push({ type: e, listener: t, options: n });
+  add(t, e, n) {
+    this.target.addEventListener(t, e, n), this.entries.push({ type: t, listener: e, options: n });
   }
   removeAll() {
-    for (const e of this.entries)
-      this.target.removeEventListener(e.type, e.listener, e.options);
+    for (const t of this.entries)
+      this.target.removeEventListener(t.type, t.listener, t.options);
     this.entries = [];
   }
-}
-function Lt(o, e, t, n = 2, r, c = 1) {
-  const p = [0, ...$t(o, e), o], y = [0, o], S = [
+};
+function Ve(r, t, e, n = 2, o, l = 1) {
+  const g = [0, ...Le(r, t), r], p = [0, r], S = [
     `<svg xmlns="http://www.w3.org/2000/svg"
-        width="${o}"
-        height="${o}"
-        viewBox="0 0 ${o} ${o}">`
+        width="${r}"
+        height="${r}"
+        viewBox="0 0 ${r} ${r}">`
   ];
-  if (c)
-    for (const C of p)
-      for (const E of p)
+  if (l)
+    for (const _ of g)
+      for (const E of g)
         S.push(
-          `<circle cx="${C}" cy="${E}" r="${c}" fill="${r}"/>`
+          `<circle cx="${_}" cy="${E}" r="${l}" fill="${o}"/>`
         );
   if (n)
-    for (const C of y)
-      for (const E of y)
+    for (const _ of p)
+      for (const E of p)
         S.push(
-          `<circle cx="${C}" cy="${E}" r="${n}" fill="${t}"/>`
+          `<circle cx="${_}" cy="${E}" r="${n}" fill="${e}"/>`
         );
   return S.push("</svg>"), S.join("");
 }
-function $t(o, e) {
-  const t = [], n = Math.round(o / e);
-  for (let r = 1; r < e; r++)
-    t.push(n * r);
-  return t;
+function Le(r, t) {
+  const e = [], n = Math.round(r / t);
+  for (let o = 1; o < t; o++)
+    e.push(n * o);
+  return e;
 }
-var Ae = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Ge = {};
-var Fe;
-function At() {
-  if (Fe) return Ge;
-  Fe = 1;
-  var o;
-  return (function(e) {
-    (function(t) {
-      var n = typeof globalThis == "object" ? globalThis : typeof Ae == "object" ? Ae : typeof self == "object" ? self : typeof this == "object" ? this : S(), r = c(e);
-      typeof n.Reflect < "u" && (r = c(n.Reflect, r)), t(r, n), typeof n.Reflect > "u" && (n.Reflect = e);
-      function c(C, E) {
+var Ut = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Vt = {};
+var Lt;
+function Ae() {
+  if (Lt) return Vt;
+  Lt = 1;
+  var r;
+  return (function(t) {
+    (function(e) {
+      var n = typeof globalThis == "object" ? globalThis : typeof Ut == "object" ? Ut : typeof self == "object" ? self : typeof this == "object" ? this : S(), o = l(t);
+      typeof n.Reflect < "u" && (o = l(n.Reflect, o)), e(o, n), typeof n.Reflect > "u" && (n.Reflect = t);
+      function l(_, E) {
         return function(R, N) {
-          Object.defineProperty(C, R, { configurable: !0, writable: !0, value: N }), E && E(R, N);
+          Object.defineProperty(_, R, { configurable: !0, writable: !0, value: N }), E && E(R, N);
         };
       }
-      function p() {
+      function g() {
         try {
           return Function("return this;")();
         } catch {
         }
       }
-      function y() {
+      function p() {
         try {
           return (0, eval)("(function() { return this; })()");
         } catch {
         }
       }
       function S() {
-        return p() || y();
+        return g() || p();
       }
-    })(function(t, n) {
-      var r = Object.prototype.hasOwnProperty, c = typeof Symbol == "function", p = c && typeof Symbol.toPrimitive < "u" ? Symbol.toPrimitive : "@@toPrimitive", y = c && typeof Symbol.iterator < "u" ? Symbol.iterator : "@@iterator", S = typeof Object.create == "function", C = { __proto__: [] } instanceof Array, E = !S && !C, R = {
+    })(function(e, n) {
+      var o = Object.prototype.hasOwnProperty, l = typeof Symbol == "function", g = l && typeof Symbol.toPrimitive < "u" ? Symbol.toPrimitive : "@@toPrimitive", p = l && typeof Symbol.iterator < "u" ? Symbol.iterator : "@@iterator", S = typeof Object.create == "function", _ = { __proto__: [] } instanceof Array, E = !S && !_, R = {
         // create an object in dictionary mode (a.k.a. "slow" mode in v8)
         create: S ? function() {
-          return ge(/* @__PURE__ */ Object.create(null));
-        } : C ? function() {
-          return ge({ __proto__: null });
+          return pt(/* @__PURE__ */ Object.create(null));
+        } : _ ? function() {
+          return pt({ __proto__: null });
         } : function() {
-          return ge({});
+          return pt({});
         },
         has: E ? function(s, i) {
-          return r.call(s, i);
+          return o.call(s, i);
         } : function(s, i) {
           return i in s;
         },
         get: E ? function(s, i) {
-          return r.call(s, i) ? s[i] : void 0;
+          return o.call(s, i) ? s[i] : void 0;
         } : function(s, i) {
           return s[i];
         }
-      }, N = Object.getPrototypeOf(Function), Y = typeof Map == "function" && typeof Map.prototype.entries == "function" ? Map : bt(), de = typeof Set == "function" && typeof Set.prototype.entries == "function" ? Set : xt(), fe = typeof WeakMap == "function" ? WeakMap : St(), $ = c ? /* @__PURE__ */ Symbol.for("@reflect-metadata:registry") : void 0, se = gt(), Se = wt(se);
-      function Qe(s, i, a, l) {
-        if (g(a)) {
-          if (!Te(s))
+      }, N = Object.getPrototypeOf(Function), Y = typeof Map == "function" && typeof Map.prototype.entries == "function" ? Map : me(), ut = typeof Set == "function" && typeof Set.prototype.entries == "function" ? Set : be(), ht = typeof WeakMap == "function" ? WeakMap : xe(), L = l ? /* @__PURE__ */ Symbol.for("@reflect-metadata:registry") : void 0, et = ye(), mt = ge(et);
+      function Jt(s, i, a, c) {
+        if (y(a)) {
+          if (!_t(s))
             throw new TypeError();
-          if (!ze(i))
+          if (!Et(i))
             throw new TypeError();
-          return lt(s, i);
+          return ce(s, i);
         } else {
-          if (!Te(s))
+          if (!_t(s))
             throw new TypeError();
           if (!O(i))
             throw new TypeError();
-          if (!O(l) && !g(l) && !A(l))
+          if (!O(c) && !y(c) && !A(c))
             throw new TypeError();
-          return A(l) && (l = void 0), a = T(a), ut(s, i, a, l);
+          return A(c) && (c = void 0), a = T(a), le(s, i, a, c);
         }
       }
-      t("decorate", Qe);
-      function et(s, i) {
-        function a(l, v) {
-          if (!O(l))
+      e("decorate", Jt);
+      function Qt(s, i) {
+        function a(c, v) {
+          if (!O(c))
             throw new TypeError();
-          if (!g(v) && !pt(v))
+          if (!y(v) && !ve(v))
             throw new TypeError();
-          _e(s, i, l, v);
+          Mt(s, i, c, v);
         }
         return a;
       }
-      t("metadata", et);
-      function tt(s, i, a, l) {
+      e("metadata", Qt);
+      function te(s, i, a, c) {
         if (!O(a))
           throw new TypeError();
-        return g(l) || (l = T(l)), _e(s, i, a, l);
+        return y(c) || (c = T(c)), Mt(s, i, a, c);
       }
-      t("defineMetadata", tt);
-      function st(s, i, a) {
+      e("defineMetadata", te);
+      function ee(s, i, a) {
         if (!O(i))
           throw new TypeError();
-        return g(a) || (a = T(a)), Me(s, i, a);
+        return y(a) || (a = T(a)), bt(s, i, a);
       }
-      t("hasMetadata", st);
-      function nt(s, i, a) {
+      e("hasMetadata", ee);
+      function se(s, i, a) {
         if (!O(i))
           throw new TypeError();
-        return g(a) || (a = T(a)), ve(s, i, a);
+        return y(a) || (a = T(a)), dt(s, i, a);
       }
-      t("hasOwnMetadata", nt);
-      function it(s, i, a) {
+      e("hasOwnMetadata", se);
+      function ne(s, i, a) {
         if (!O(i))
           throw new TypeError();
-        return g(a) || (a = T(a)), Oe(s, i, a);
+        return y(a) || (a = T(a)), xt(s, i, a);
       }
-      t("getMetadata", it);
-      function rt(s, i, a) {
+      e("getMetadata", ne);
+      function ie(s, i, a) {
         if (!O(i))
           throw new TypeError();
-        return g(a) || (a = T(a)), Pe(s, i, a);
+        return y(a) || (a = T(a)), St(s, i, a);
       }
-      t("getOwnMetadata", rt);
-      function ot(s, i) {
+      e("getOwnMetadata", ie);
+      function re(s, i) {
         if (!O(s))
           throw new TypeError();
-        return g(i) || (i = T(i)), je(s, i);
+        return y(i) || (i = T(i)), Ot(s, i);
       }
-      t("getMetadataKeys", ot);
-      function at(s, i) {
+      e("getMetadataKeys", re);
+      function oe(s, i) {
         if (!O(s))
           throw new TypeError();
-        return g(i) || (i = T(i)), Ce(s, i);
+        return y(i) || (i = T(i)), Pt(s, i);
       }
-      t("getOwnMetadataKeys", at);
-      function ct(s, i, a) {
+      e("getOwnMetadataKeys", oe);
+      function ae(s, i, a) {
         if (!O(i))
           throw new TypeError();
-        if (g(a) || (a = T(a)), !O(i))
+        if (y(a) || (a = T(a)), !O(i))
           throw new TypeError();
-        g(a) || (a = T(a));
-        var l = H(
+        y(a) || (a = T(a));
+        var c = H(
           i,
           a,
           /*Create*/
           !1
         );
-        return g(l) ? !1 : l.OrdinaryDeleteMetadata(s, i, a);
+        return y(c) ? !1 : c.OrdinaryDeleteMetadata(s, i, a);
       }
-      t("deleteMetadata", ct);
-      function lt(s, i) {
+      e("deleteMetadata", ae);
+      function ce(s, i) {
         for (var a = s.length - 1; a >= 0; --a) {
-          var l = s[a], v = l(i);
-          if (!g(v) && !A(v)) {
-            if (!ze(v))
+          var c = s[a], v = c(i);
+          if (!y(v) && !A(v)) {
+            if (!Et(v))
               throw new TypeError();
             i = v;
           }
         }
         return i;
       }
-      function ut(s, i, a, l) {
+      function le(s, i, a, c) {
         for (var v = s.length - 1; v >= 0; --v) {
-          var _ = s[v], P = _(i, a, l);
-          if (!g(P) && !A(P)) {
+          var j = s[v], P = j(i, a, c);
+          if (!y(P) && !A(P)) {
             if (!O(P))
               throw new TypeError();
-            l = P;
+            c = P;
           }
         }
-        return l;
+        return c;
       }
-      function Me(s, i, a) {
-        var l = ve(s, i, a);
-        if (l)
+      function bt(s, i, a) {
+        var c = dt(s, i, a);
+        if (c)
           return !0;
-        var v = ye(i);
-        return A(v) ? !1 : Me(s, v, a);
+        var v = vt(i);
+        return A(v) ? !1 : bt(s, v, a);
       }
-      function ve(s, i, a) {
-        var l = H(
+      function dt(s, i, a) {
+        var c = H(
           i,
           a,
           /*Create*/
           !1
         );
-        return g(l) ? !1 : Ie(l.OrdinaryHasOwnMetadata(s, i, a));
+        return y(c) ? !1 : Ct(c.OrdinaryHasOwnMetadata(s, i, a));
       }
-      function Oe(s, i, a) {
-        var l = ve(s, i, a);
-        if (l)
-          return Pe(s, i, a);
-        var v = ye(i);
+      function xt(s, i, a) {
+        var c = dt(s, i, a);
+        if (c)
+          return St(s, i, a);
+        var v = vt(i);
         if (!A(v))
-          return Oe(s, v, a);
+          return xt(s, v, a);
       }
-      function Pe(s, i, a) {
-        var l = H(
+      function St(s, i, a) {
+        var c = H(
           i,
           a,
           /*Create*/
           !1
         );
-        if (!g(l))
-          return l.OrdinaryGetOwnMetadata(s, i, a);
+        if (!y(c))
+          return c.OrdinaryGetOwnMetadata(s, i, a);
       }
-      function _e(s, i, a, l) {
+      function Mt(s, i, a, c) {
         var v = H(
           a,
-          l,
+          c,
           /*Create*/
           !0
         );
-        v.OrdinaryDefineOwnMetadata(s, i, a, l);
+        v.OrdinaryDefineOwnMetadata(s, i, a, c);
       }
-      function je(s, i) {
-        var a = Ce(s, i), l = ye(s);
-        if (l === null)
+      function Ot(s, i) {
+        var a = Pt(s, i), c = vt(s);
+        if (c === null)
           return a;
-        var v = je(l, i);
+        var v = Ot(c, i);
         if (v.length <= 0)
           return a;
         if (a.length <= 0)
           return v;
-        for (var _ = new de(), P = [], w = 0, u = a; w < u.length; w++) {
-          var h = u[w], d = _.has(h);
-          d || (_.add(h), P.push(h));
+        for (var j = new ut(), P = [], w = 0, u = a; w < u.length; w++) {
+          var h = u[w], d = j.has(h);
+          d || (j.add(h), P.push(h));
         }
         for (var f = 0, m = v; f < m.length; f++) {
-          var h = m[f], d = _.has(h);
-          d || (_.add(h), P.push(h));
+          var h = m[f], d = j.has(h);
+          d || (j.add(h), P.push(h));
         }
         return P;
       }
-      function Ce(s, i) {
+      function Pt(s, i) {
         var a = H(
           s,
           i,
@@ -399,7 +391,7 @@ function At() {
         );
         return a ? a.OrdinaryOwnMetadataKeys(s, i) : [];
       }
-      function Ee(s) {
+      function jt(s) {
         if (s === null)
           return 1;
         switch (typeof s) {
@@ -419,20 +411,20 @@ function At() {
             return 6;
         }
       }
-      function g(s) {
+      function y(s) {
         return s === void 0;
       }
       function A(s) {
         return s === null;
       }
-      function ht(s) {
+      function ue(s) {
         return typeof s == "symbol";
       }
       function O(s) {
         return typeof s == "object" ? s !== null : typeof s == "function";
       }
-      function dt(s, i) {
-        switch (Ee(s)) {
+      function he(s, i) {
+        switch (jt(s)) {
           case 0:
             return s;
           case 1:
@@ -446,54 +438,54 @@ function At() {
           case 5:
             return s;
         }
-        var a = "string", l = De(s, p);
-        if (l !== void 0) {
-          var v = l.call(s, a);
+        var a = "string", c = It(s, g);
+        if (c !== void 0) {
+          var v = c.call(s, a);
           if (O(v))
             throw new TypeError();
           return v;
         }
-        return ft(s);
+        return de(s);
       }
-      function ft(s, i) {
-        var a, l;
+      function de(s, i) {
+        var a, c;
         {
           var v = s.toString;
-          if (ne(v)) {
-            var l = v.call(s);
-            if (!O(l))
-              return l;
+          if (st(v)) {
+            var c = v.call(s);
+            if (!O(c))
+              return c;
           }
           var a = s.valueOf;
-          if (ne(a)) {
-            var l = a.call(s);
-            if (!O(l))
-              return l;
+          if (st(a)) {
+            var c = a.call(s);
+            if (!O(c))
+              return c;
           }
         }
         throw new TypeError();
       }
-      function Ie(s) {
+      function Ct(s) {
         return !!s;
       }
-      function vt(s) {
+      function fe(s) {
         return "" + s;
       }
       function T(s) {
-        var i = dt(s);
-        return ht(i) ? i : vt(i);
+        var i = he(s);
+        return ue(i) ? i : fe(i);
       }
-      function Te(s) {
+      function _t(s) {
         return Array.isArray ? Array.isArray(s) : s instanceof Object ? s instanceof Array : Object.prototype.toString.call(s) === "[object Array]";
       }
-      function ne(s) {
+      function st(s) {
         return typeof s == "function";
       }
-      function ze(s) {
+      function Et(s) {
         return typeof s == "function";
       }
-      function pt(s) {
-        switch (Ee(s)) {
+      function ve(s) {
+        switch (jt(s)) {
           case 3:
             return !0;
           case 4:
@@ -502,151 +494,151 @@ function At() {
             return !1;
         }
       }
-      function pe(s, i) {
+      function ft(s, i) {
         return s === i || s !== s && i !== i;
       }
-      function De(s, i) {
+      function It(s, i) {
         var a = s[i];
         if (a != null) {
-          if (!ne(a))
+          if (!st(a))
             throw new TypeError();
           return a;
         }
       }
-      function Re(s) {
-        var i = De(s, y);
-        if (!ne(i))
+      function Tt(s) {
+        var i = It(s, p);
+        if (!st(i))
           throw new TypeError();
         var a = i.call(s);
         if (!O(a))
           throw new TypeError();
         return a;
       }
-      function ke(s) {
+      function zt(s) {
         return s.value;
       }
-      function Be(s) {
+      function Dt(s) {
         var i = s.next();
         return i.done ? !1 : i;
       }
-      function Ue(s) {
+      function Rt(s) {
         var i = s.return;
         i && i.call(s);
       }
-      function ye(s) {
+      function vt(s) {
         var i = Object.getPrototypeOf(s);
         if (typeof s != "function" || s === N || i !== N)
           return i;
-        var a = s.prototype, l = a && Object.getPrototypeOf(a);
-        if (l == null || l === Object.prototype)
+        var a = s.prototype, c = a && Object.getPrototypeOf(a);
+        if (c == null || c === Object.prototype)
           return i;
-        var v = l.constructor;
+        var v = c.constructor;
         return typeof v != "function" || v === s ? i : v;
       }
-      function yt() {
+      function pe() {
         var s;
-        !g($) && typeof n.Reflect < "u" && !($ in n.Reflect) && typeof n.Reflect.defineMetadata == "function" && (s = mt(n.Reflect));
-        var i, a, l, v = new fe(), _ = {
+        !y(L) && typeof n.Reflect < "u" && !(L in n.Reflect) && typeof n.Reflect.defineMetadata == "function" && (s = we(n.Reflect));
+        var i, a, c, v = new ht(), j = {
           registerProvider: P,
           getProvider: u,
           setProvider: d
         };
-        return _;
+        return j;
         function P(f) {
-          if (!Object.isExtensible(_))
+          if (!Object.isExtensible(j))
             throw new Error("Cannot add provider to a frozen registry.");
           switch (!0) {
             case s === f:
               break;
-            case g(i):
+            case y(i):
               i = f;
               break;
             case i === f:
               break;
-            case g(a):
+            case y(a):
               a = f;
               break;
             case a === f:
               break;
             default:
-              l === void 0 && (l = new de()), l.add(f);
+              c === void 0 && (c = new ut()), c.add(f);
               break;
           }
         }
         function w(f, m) {
-          if (!g(i)) {
+          if (!y(i)) {
             if (i.isProviderFor(f, m))
               return i;
-            if (!g(a)) {
+            if (!y(a)) {
               if (a.isProviderFor(f, m))
                 return i;
-              if (!g(l))
-                for (var x = Re(l); ; ) {
-                  var M = Be(x);
+              if (!y(c))
+                for (var x = Tt(c); ; ) {
+                  var M = Dt(x);
                   if (!M)
                     return;
-                  var I = ke(M);
+                  var I = zt(M);
                   if (I.isProviderFor(f, m))
-                    return Ue(x), I;
+                    return Rt(x), I;
                 }
             }
           }
-          if (!g(s) && s.isProviderFor(f, m))
+          if (!y(s) && s.isProviderFor(f, m))
             return s;
         }
         function u(f, m) {
           var x = v.get(f), M;
-          return g(x) || (M = x.get(m)), g(M) && (M = w(f, m), g(M) || (g(x) && (x = new Y(), v.set(f, x)), x.set(m, M))), M;
+          return y(x) || (M = x.get(m)), y(M) && (M = w(f, m), y(M) || (y(x) && (x = new Y(), v.set(f, x)), x.set(m, M))), M;
         }
         function h(f) {
-          if (g(f))
+          if (y(f))
             throw new TypeError();
-          return i === f || a === f || !g(l) && l.has(f);
+          return i === f || a === f || !y(c) && c.has(f);
         }
         function d(f, m, x) {
           if (!h(x))
             throw new Error("Metadata provider not registered.");
           var M = u(f, m);
           if (M !== x) {
-            if (!g(M))
+            if (!y(M))
               return !1;
             var I = v.get(f);
-            g(I) && (I = new Y(), v.set(f, I)), I.set(m, x);
+            y(I) && (I = new Y(), v.set(f, I)), I.set(m, x);
           }
           return !0;
         }
       }
-      function gt() {
+      function ye() {
         var s;
-        return !g($) && O(n.Reflect) && Object.isExtensible(n.Reflect) && (s = n.Reflect[$]), g(s) && (s = yt()), !g($) && O(n.Reflect) && Object.isExtensible(n.Reflect) && Object.defineProperty(n.Reflect, $, {
+        return !y(L) && O(n.Reflect) && Object.isExtensible(n.Reflect) && (s = n.Reflect[L]), y(s) && (s = pe()), !y(L) && O(n.Reflect) && Object.isExtensible(n.Reflect) && Object.defineProperty(n.Reflect, L, {
           enumerable: !1,
           configurable: !1,
           writable: !1,
           value: s
         }), s;
       }
-      function wt(s) {
-        var i = new fe(), a = {
+      function ge(s) {
+        var i = new ht(), a = {
           isProviderFor: function(h, d) {
             var f = i.get(h);
-            return g(f) ? !1 : f.has(d);
+            return y(f) ? !1 : f.has(d);
           },
           OrdinaryDefineOwnMetadata: P,
           OrdinaryHasOwnMetadata: v,
-          OrdinaryGetOwnMetadata: _,
+          OrdinaryGetOwnMetadata: j,
           OrdinaryOwnMetadataKeys: w,
           OrdinaryDeleteMetadata: u
         };
-        return se.registerProvider(a), a;
-        function l(h, d, f) {
+        return et.registerProvider(a), a;
+        function c(h, d, f) {
           var m = i.get(h), x = !1;
-          if (g(m)) {
+          if (y(m)) {
             if (!f)
               return;
             m = new Y(), i.set(h, m), x = !0;
           }
           var M = m.get(d);
-          if (g(M)) {
+          if (y(M)) {
             if (!f)
               return;
             if (M = new Y(), m.set(d, M), !s.setProvider(h, d, a))
@@ -655,26 +647,26 @@ function At() {
           return M;
         }
         function v(h, d, f) {
-          var m = l(
+          var m = c(
             d,
             f,
             /*Create*/
             !1
           );
-          return g(m) ? !1 : Ie(m.has(h));
+          return y(m) ? !1 : Ct(m.has(h));
         }
-        function _(h, d, f) {
-          var m = l(
+        function j(h, d, f) {
+          var m = c(
             d,
             f,
             /*Create*/
             !1
           );
-          if (!g(m))
+          if (!y(m))
             return m.get(h);
         }
         function P(h, d, f, m) {
-          var x = l(
+          var x = c(
             f,
             m,
             /*Create*/
@@ -683,72 +675,72 @@ function At() {
           x.set(h, d);
         }
         function w(h, d) {
-          var f = [], m = l(
+          var f = [], m = c(
             h,
             d,
             /*Create*/
             !1
           );
-          if (g(m))
+          if (y(m))
             return f;
-          for (var x = m.keys(), M = Re(x), I = 0; ; ) {
-            var Ve = Be(M);
-            if (!Ve)
+          for (var x = m.keys(), M = Tt(x), I = 0; ; ) {
+            var kt = Dt(M);
+            if (!kt)
               return f.length = I, f;
-            var Mt = ke(Ve);
+            var Se = zt(kt);
             try {
-              f[I] = Mt;
-            } catch (Ot) {
+              f[I] = Se;
+            } catch (Me) {
               try {
-                Ue(M);
+                Rt(M);
               } finally {
-                throw Ot;
+                throw Me;
               }
             }
             I++;
           }
         }
         function u(h, d, f) {
-          var m = l(
+          var m = c(
             d,
             f,
             /*Create*/
             !1
           );
-          if (g(m) || !m.delete(h))
+          if (y(m) || !m.delete(h))
             return !1;
           if (m.size === 0) {
             var x = i.get(d);
-            g(x) || (x.delete(f), x.size === 0 && i.delete(x));
+            y(x) || (x.delete(f), x.size === 0 && i.delete(x));
           }
           return !0;
         }
       }
-      function mt(s) {
-        var i = s.defineMetadata, a = s.hasOwnMetadata, l = s.getOwnMetadata, v = s.getOwnMetadataKeys, _ = s.deleteMetadata, P = new fe(), w = {
+      function we(s) {
+        var i = s.defineMetadata, a = s.hasOwnMetadata, c = s.getOwnMetadata, v = s.getOwnMetadataKeys, j = s.deleteMetadata, P = new ht(), w = {
           isProviderFor: function(u, h) {
             var d = P.get(u);
-            return !g(d) && d.has(h) ? !0 : v(u, h).length ? (g(d) && (d = new de(), P.set(u, d)), d.add(h), !0) : !1;
+            return !y(d) && d.has(h) ? !0 : v(u, h).length ? (y(d) && (d = new ut(), P.set(u, d)), d.add(h), !0) : !1;
           },
           OrdinaryDefineOwnMetadata: i,
           OrdinaryHasOwnMetadata: a,
-          OrdinaryGetOwnMetadata: l,
+          OrdinaryGetOwnMetadata: c,
           OrdinaryOwnMetadataKeys: v,
-          OrdinaryDeleteMetadata: _
+          OrdinaryDeleteMetadata: j
         };
         return w;
       }
       function H(s, i, a) {
-        var l = se.getProvider(s, i);
-        if (!g(l))
-          return l;
+        var c = et.getProvider(s, i);
+        if (!y(c))
+          return c;
         if (a) {
-          if (se.setProvider(s, i, Se))
-            return Se;
+          if (et.setProvider(s, i, mt))
+            return mt;
           throw new Error("Illegal state.");
         }
       }
-      function bt() {
+      function me() {
         var s = {}, i = [], a = (
           /** @class */
           (function() {
@@ -757,7 +749,7 @@ function At() {
             }
             return w.prototype["@@iterator"] = function() {
               return this;
-            }, w.prototype[y] = function() {
+            }, w.prototype[p] = function() {
               return this;
             }, w.prototype.next = function() {
               var u = this._index;
@@ -772,7 +764,7 @@ function At() {
               return this._index >= 0 && (this._index = -1, this._keys = i, this._values = i), { value: u, done: !0 };
             }, w;
           })()
-        ), l = (
+        ), c = (
           /** @class */
           (function() {
             function w() {
@@ -813,7 +805,7 @@ function At() {
               if (h >= 0) {
                 for (var d = this._keys.length, f = h + 1; f < d; f++)
                   this._keys[f - 1] = this._keys[f], this._values[f - 1] = this._values[f];
-                return this._keys.length--, this._values.length--, pe(u, this._cacheKey) && (this._cacheKey = s, this._cacheIndex = -2), !0;
+                return this._keys.length--, this._values.length--, ft(u, this._cacheKey) && (this._cacheKey = s, this._cacheIndex = -2), !0;
               }
               return !1;
             }, w.prototype.clear = function() {
@@ -821,18 +813,18 @@ function At() {
             }, w.prototype.keys = function() {
               return new a(this._keys, this._values, v);
             }, w.prototype.values = function() {
-              return new a(this._keys, this._values, _);
+              return new a(this._keys, this._values, j);
             }, w.prototype.entries = function() {
               return new a(this._keys, this._values, P);
             }, w.prototype["@@iterator"] = function() {
               return this.entries();
-            }, w.prototype[y] = function() {
+            }, w.prototype[p] = function() {
               return this.entries();
             }, w.prototype._find = function(u, h) {
-              if (!pe(this._cacheKey, u)) {
+              if (!ft(this._cacheKey, u)) {
                 this._cacheIndex = -1;
                 for (var d = 0; d < this._keys.length; d++)
-                  if (pe(this._keys[d], u)) {
+                  if (ft(this._keys[d], u)) {
                     this._cacheIndex = d;
                     break;
                   }
@@ -841,18 +833,18 @@ function At() {
             }, w;
           })()
         );
-        return l;
+        return c;
         function v(w, u) {
           return w;
         }
-        function _(w, u) {
+        function j(w, u) {
           return u;
         }
         function P(w, u) {
           return [w, u];
         }
       }
-      function xt() {
+      function be() {
         var s = (
           /** @class */
           (function() {
@@ -881,20 +873,20 @@ function At() {
               return this._map.entries();
             }, i.prototype["@@iterator"] = function() {
               return this.keys();
-            }, i.prototype[y] = function() {
+            }, i.prototype[p] = function() {
               return this.keys();
             }, i;
           })()
         );
         return s;
       }
-      function St() {
-        var s = 16, i = R.create(), a = l();
+      function xe() {
+        var s = 16, i = R.create(), a = c();
         return (
           /** @class */
           (function() {
             function u() {
-              this._key = l();
+              this._key = c();
             }
             return u.prototype.has = function(h) {
               var d = v(
@@ -925,11 +917,11 @@ function At() {
               );
               return d !== void 0 ? delete d[this._key] : !1;
             }, u.prototype.clear = function() {
-              this._key = l();
+              this._key = c();
             }, u;
           })()
         );
-        function l() {
+        function c() {
           var u;
           do
             u = "@@WeakMap@@" + w();
@@ -937,14 +929,14 @@ function At() {
           return i[u] = !0, u;
         }
         function v(u, h) {
-          if (!r.call(u, a)) {
+          if (!o.call(u, a)) {
             if (!h)
               return;
             Object.defineProperty(u, a, { value: R.create() });
           }
           return u[a];
         }
-        function _(u, h) {
+        function j(u, h) {
           for (var d = 0; d < h; ++d)
             u[d] = Math.random() * 255 | 0;
           return u;
@@ -952,9 +944,9 @@ function At() {
         function P(u) {
           if (typeof Uint8Array == "function") {
             var h = new Uint8Array(u);
-            return typeof crypto < "u" ? crypto.getRandomValues(h) : typeof msCrypto < "u" ? msCrypto.getRandomValues(h) : _(h, u), h;
+            return typeof crypto < "u" ? crypto.getRandomValues(h) : typeof msCrypto < "u" ? msCrypto.getRandomValues(h) : j(h, u), h;
           }
-          return _(new Array(u), u);
+          return j(new Array(u), u);
         }
         function w() {
           var u = P(s);
@@ -966,270 +958,270 @@ function At() {
           return h;
         }
       }
-      function ge(s) {
+      function pt(s) {
         return s.__ = void 0, delete s.__, s;
       }
     });
-  })(o || (o = {})), Ge;
+  })(r || (r = {})), Vt;
 }
-At();
-class qe extends Error {
+Ae();
+class Wt extends Error {
   constructor() {
     super(...arguments), this.name = this.constructor.name;
   }
 }
-class Gt extends qe {
-  constructor(e, t) {
-    super(`"${t}" not found in Mesh "${e}"`);
+class Ge extends Wt {
+  constructor(t, e) {
+    super(`"${e}" not found in Mesh "${t}"`);
   }
 }
-class Ke extends qe {
-  constructor(e) {
-    super(`Invalid binding "${e}". Valid bindings are: string to constructor e.g. ("MyService", MyService) or abstract class to constructor e.g. (MyService, MyServiceImpl) orconstructor to self e.g. (MyService)`);
+class At extends Wt {
+  constructor(t) {
+    super(`Invalid binding "${t}". Valid bindings are: string to constructor e.g. ("MyService", MyService) or abstract class to constructor e.g. (MyService, MyServiceImpl) orconstructor to self e.g. (MyService)`);
   }
 }
-function D(o) {
-  return typeof o == "string" ? o : o.name;
+function D(r) {
+  return typeof r == "string" ? r : r.name;
 }
-function Ft(o) {
-  return typeof o == "function" && o.prototype != null;
+function $e(r) {
+  return typeof r == "function" && r.prototype != null;
 }
-function Kt(o, ...e) {
-  return Ft(o) ? new o(...e) : o(...e);
+function Fe(r, ...t) {
+  return $e(r) ? new r(...t) : r(...t);
 }
-const Je = /* @__PURE__ */ Symbol.for("MESH_REF");
-class ae {
-  constructor(e = "default", t = void 0) {
-    this.name = e, this.parent = t, this.bindings = /* @__PURE__ */ new Map(), this.instances = /* @__PURE__ */ new Map(), this.middlewares = [], this.constant(ae, this), this.injectRef(this);
+const Zt = /* @__PURE__ */ Symbol.for("MESH_REF");
+class at {
+  constructor(t = "default", e = void 0) {
+    this.name = t, this.parent = e, this.bindings = /* @__PURE__ */ new Map(), this.instances = /* @__PURE__ */ new Map(), this.middlewares = [], this.constant(at, this), this.injectRef(this);
   }
   *[Symbol.iterator]() {
     yield* this.bindings.entries();
   }
   clone() {
-    const e = new ae();
-    return e.parent = this.parent, e.bindings = new Map(this.bindings), e;
+    const t = new at();
+    return t.parent = this.parent, t.bindings = new Map(this.bindings), t;
   }
-  connect(e) {
-    const t = this.applyMiddleware(e);
-    return this.injectRef(t), t;
+  connect(t) {
+    const e = this.applyMiddleware(t);
+    return this.injectRef(e), e;
   }
-  use(e) {
-    return this.middlewares.push(e), this;
+  use(t) {
+    return this.middlewares.push(t), this;
   }
-  service(e, t) {
-    const n = D(e);
-    if (typeof t == "function")
-      return this.bindings.set(n, { type: "service", class: t }), this;
+  service(t, e) {
+    const n = D(t);
     if (typeof e == "function")
       return this.bindings.set(n, { type: "service", class: e }), this;
-    throw new Ke(String(e));
-  }
-  scope(e, t) {
-    const n = D(e);
     if (typeof t == "function")
-      return this.bindings.set(n, { type: "scope", factory: t }), this;
+      return this.bindings.set(n, { type: "service", class: t }), this;
+    throw new At(String(t));
+  }
+  scope(t, e) {
+    const n = D(t);
     if (typeof e == "function")
       return this.bindings.set(n, { type: "scope", factory: e }), this;
-    throw new Ke(String(e));
+    if (typeof t == "function")
+      return this.bindings.set(n, { type: "scope", factory: t }), this;
+    throw new At(String(t));
   }
-  constant(e, t) {
-    const n = D(e);
-    return this.bindings.set(n, { type: "constant", value: t }), this;
+  constant(t, e) {
+    const n = D(t);
+    return this.bindings.set(n, { type: "constant", value: e }), this;
   }
-  alias(e, t) {
-    const n = D(e), r = D(t);
-    return this.bindings.set(n, { type: "alias", key: r }), this;
+  alias(t, e) {
+    const n = D(t), o = D(e);
+    return this.bindings.set(n, { type: "alias", key: o }), this;
   }
-  delete(e) {
-    const t = D(e);
-    return this.bindings.delete(t), this;
+  delete(t) {
+    const e = D(t);
+    return this.bindings.delete(e), this;
   }
-  resolve(e, t = !0) {
-    const n = this.tryResolve(e, t);
+  resolve(t, e = !0) {
+    const n = this.tryResolve(t, e);
     if (n === void 0) {
-      const r = D(e);
-      throw new Gt(this.name, r);
+      const o = D(t);
+      throw new Ge(this.name, o);
     }
     return n;
   }
-  tryResolve(e, t = !0) {
-    const n = D(e);
-    let r = this.instances.get(n);
-    if (r)
-      return r;
-    const c = this.bindings.get(n);
-    if (c)
-      return r = this.instantiate(c), r = this.connect(r), this.instances.set(n, r), r;
-    if (t && this.parent)
-      return this.parent.tryResolve(e);
-  }
-  getBinding(e, t = !0) {
-    const n = D(e), r = this.bindings.get(n);
-    if (r)
-      return r;
-    if (t && this.parent)
-      return this.parent.getBinding(e);
+  tryResolve(t, e = !0) {
+    const n = D(t);
+    let o = this.instances.get(n);
+    if (o)
+      return o;
+    const l = this.bindings.get(n);
+    if (l)
+      return o = this.instantiate(l), o = this.connect(o), this.instances.set(n, o), o;
+    if (e && this.parent)
+      return this.parent.tryResolve(t);
+  }
+  getBinding(t, e = !0) {
+    const n = D(t), o = this.bindings.get(n);
+    if (o)
+      return o;
+    if (e && this.parent)
+      return this.parent.getBinding(t);
   }
   *allBindings() {
     yield* this.bindings.entries(), this.parent && (yield* this.parent.allBindings());
   }
   *missingDeps() {
-    for (const e of this.allDeps())
-      this.getBinding(e.key) || (yield e);
+    for (const t of this.allDeps())
+      this.getBinding(t.key) || (yield t);
   }
   *allDeps() {
-    const e = /* @__PURE__ */ new Set();
-    for (const [, t] of this.allBindings())
-      t.type === "service" && (yield* this.traverseClassDeps(t.class, e));
-  }
-  *traverseClassDeps(e, t = /* @__PURE__ */ new Set()) {
-    const n = Yt(e);
-    for (const r of n) {
-      if (t.has(r.key))
+    const t = /* @__PURE__ */ new Set();
+    for (const [, e] of this.allBindings())
+      e.type === "service" && (yield* this.traverseClassDeps(e.class, t));
+  }
+  *traverseClassDeps(t, e = /* @__PURE__ */ new Set()) {
+    const n = Ne(t);
+    for (const o of n) {
+      if (e.has(o.key))
         continue;
-      t.add(r.key), yield r;
-      const c = this.getBinding(r.key);
-      c?.type === "service" && (yield* this.traverseClassDeps(c.class, t));
+      e.add(o.key), yield o;
+      const l = this.getBinding(o.key);
+      l?.type === "service" && (yield* this.traverseClassDeps(l.class, e));
     }
   }
-  instantiate(e) {
-    switch (e.type) {
+  instantiate(t) {
+    switch (t.type) {
       case "alias":
-        return this.resolve(e.key);
+        return this.resolve(t.key);
       case "service": {
-        const t = e.class, n = class extends t {
+        const e = t.class, n = class extends e {
         };
-        return Object.defineProperty(n, "name", { value: t.name }), this.injectRef(n.prototype), new n();
+        return Object.defineProperty(n, "name", { value: e.name }), this.injectRef(n.prototype), new n();
       }
       case "constant":
-        return e.value;
+        return t.value;
       case "scope":
-        return (n) => Kt(e.factory, n ?? this);
+        return (n) => Fe(t.factory, n ?? this);
     }
   }
-  applyMiddleware(e) {
-    let t = e;
+  applyMiddleware(t) {
+    let e = t;
     for (const n of this.middlewares)
-      t = n(t);
-    return this.parent && (t = this.parent.applyMiddleware(t)), t;
+      e = n(e);
+    return this.parent && (e = this.parent.applyMiddleware(e)), e;
   }
-  injectRef(e) {
-    typeof e == "object" && Object.defineProperty(e, Je, {
+  injectRef(t) {
+    typeof t == "object" && Object.defineProperty(t, Zt, {
       get: () => this,
       enumerable: !1,
       configurable: !0
     });
   }
 }
-const Nt = [];
-function Yt(o) {
-  const e = [];
-  let t = o;
-  for (; t !== Object.prototype; ) {
-    const n = Nt.filter((r) => r.class === t);
-    e.push(...n), t = Object.getPrototypeOf(t);
+const Ke = [];
+function Ne(r) {
+  const t = [];
+  let e = r;
+  for (; e !== Object.prototype; ) {
+    const n = Ke.filter((o) => o.class === e);
+    t.push(...n), e = Object.getPrototypeOf(e);
   }
-  return e;
+  return t;
 }
-const Ht = Object.getOwnPropertyNames(Reflect);
-function b(o, e, t = !0) {
+const Ye = Object.getOwnPropertyNames(Reflect);
+function b(r, t, e = !0) {
   let n;
-  const r = {};
-  for (const c of Ht)
-    r[c] = function(p, ...y) {
+  const o = {};
+  for (const l of Ye)
+    o[l] = function(g, ...p) {
       let S = n;
-      return S || (S = o[Je].resolve(e)), t && (n = S), Reflect[c](S, ...y);
+      return S || (S = r[Zt].resolve(t)), e && (n = S), Reflect[l](S, ...p);
     };
-  return new Proxy(o, r);
+  return new Proxy(r, o);
 }
 class J {
   constructor() {
     this.autoCenter = !0, this.allowMultiSelect = !0;
   }
-  set(e) {
-    Object.assign(this, e);
+  set(t) {
+    Object.assign(this, t);
   }
 }
-class F {
+class $ {
   constructor() {
     this._groups = /* @__PURE__ */ new Map();
   }
-  on(e, t = /* @__PURE__ */ Symbol()) {
-    let n = this._groups.get(t);
-    return n || (n = /* @__PURE__ */ new Set(), this._groups.set(t, n)), n.add(e), () => this.remove(e, t);
+  on(t, e = /* @__PURE__ */ Symbol()) {
+    let n = this._groups.get(e);
+    return n || (n = /* @__PURE__ */ new Set(), this._groups.set(e, n)), n.add(t), () => this.remove(t, e);
   }
-  once(e, t = /* @__PURE__ */ Symbol()) {
-    const n = (r) => {
-      e(r), this.remove(n, t);
+  once(t, e = /* @__PURE__ */ Symbol()) {
+    const n = (o) => {
+      t(o), this.remove(n, e);
     };
-    return this.on(n, t);
+    return this.on(n, e);
   }
-  remove(e, t) {
-    const n = this._groups.get(t);
-    n && (n.delete(e), n.size === 0 && this._groups.delete(t));
+  remove(t, e) {
+    const n = this._groups.get(e);
+    n && (n.delete(t), n.size === 0 && this._groups.delete(e));
   }
-  removeAll(e) {
-    this._groups.delete(e);
+  removeAll(t) {
+    this._groups.delete(t);
   }
-  emit(e) {
-    for (const t of this._groups.values())
-      for (const n of t)
-        n(e);
+  emit(t) {
+    for (const e of this._groups.values())
+      for (const n of e)
+        n(t);
   }
 }
-class k {
+class K {
   constructor() {
-    this.mounted = new F(), this.unmounted = new F(), this.selectionChanged = new F(), this.dragMove = new F(), this.dragEnd = new F(), this.objectPosUpdated = new F();
+    this.mounted = new $(), this.unmounted = new $(), this.selectionChanged = new $(), this.dragMove = new $(), this.dragEnd = new $(), this.objectPosUpdated = new $();
   }
 }
-const we = /* @__PURE__ */ new Map();
-function Xt(o) {
-  return function(t) {
-    return (n, r) => {
-      const c = we.get(o) || [];
-      we.set(o, c), c.push({
+const yt = /* @__PURE__ */ new Map();
+function He(r) {
+  return function(e) {
+    return (n, o) => {
+      const l = yt.get(r) || [];
+      yt.set(r, l), l.push({
         target: n.constructor,
-        memberName: r,
-        metadata: t
+        memberName: o,
+        metadata: e
       });
     };
   };
 }
-function Wt(o) {
-  return we.get(o) || [];
+function Xe(r) {
+  return yt.get(r) || [];
 }
-function Zt(o, e, t = !0) {
-  const n = [], r = Wt(o), c = t ? e.allBindings() : e.bindings.entries();
-  for (const [p, y] of c)
-    if (y.type === "service")
-      for (const { target: S, memberName: C, metadata: E } of r)
-        (S === y.class || Object.prototype.isPrototypeOf.call(S, y.class)) && n.push({
-          target: e.resolve(p),
-          memberName: C,
+function We(r, t, e = !0) {
+  const n = [], o = Xe(r), l = e ? t.allBindings() : t.bindings.entries();
+  for (const [g, p] of l)
+    if (p.type === "service")
+      for (const { target: S, memberName: _, metadata: E } of o)
+        (S === p.class || Object.prototype.isPrototypeOf.call(S, p.class)) && n.push({
+          target: t.resolve(g),
+          memberName: _,
           metadata: E
         });
   return n;
 }
-function qt(o, e, t = !0, ...n) {
-  return Zt(o, e, t).map((p) => p.target[p.memberName](...n));
+function Ze(r, t, e = !0, ...n) {
+  return We(r, t, e).map((g) => g.target[g.memberName](...n));
 }
-const he = Xt("init");
-async function Ne(o, e = !0) {
-  const t = qt("init", o, e);
-  await Promise.all(t);
+const qt = He("init");
+async function Gt(r, t = !0) {
+  const e = Ze("init", r, t);
+  await Promise.all(e);
 }
-class ce {
+class ct {
   constructor() {
     this.objects = /* @__PURE__ */ new Map();
   }
-  register(e) {
-    this.objects.set(e.objectId, e);
+  register(t) {
+    this.objects.set(t.objectId, t);
   }
-  unregister(e) {
-    this.objects.delete(e);
+  unregister(t) {
+    this.objects.delete(t);
   }
-  get(e) {
-    return this.objects.get(e) ?? null;
+  get(t) {
+    return this.objects.get(t) ?? null;
   }
   getAll() {
     return [...this.objects.values()];
@@ -1237,7 +1229,7 @@ class ce {
 }
 class Q {
   constructor() {
-    this.selectedIds = /* @__PURE__ */ new Set(), this.events = b(this, k);
+    this.selectedIds = /* @__PURE__ */ new Set(), this.events = b(this, K);
   }
   get size() {
     return this.selectedIds.size;
@@ -1248,225 +1240,225 @@ class Q {
   getFirst() {
     return [...this.selectedIds][0] ?? null;
   }
-  isSelected(e) {
-    return this.selectedIds.has(e);
+  isSelected(t) {
+    return this.selectedIds.has(t);
   }
-  isSingleSelected(e) {
-    return this.selectedIds.size === 1 && this.selectedIds.has(e);
+  isSingleSelected(t) {
+    return this.selectedIds.size === 1 && this.selectedIds.has(t);
   }
-  setSelectedIds(e) {
-    const t = new Set(this.selectedIds);
-    this.selectedIds = new Set(e), this.notifySelectionChanged(t);
+  setSelectedIds(t) {
+    const e = new Set(this.selectedIds);
+    this.selectedIds = new Set(t), this.notifySelectionChanged(e);
   }
-  selectSingle(e) {
-    if (this.isSingleSelected(e))
+  selectSingle(t) {
+    if (this.isSingleSelected(t))
       return;
-    const t = new Set(this.selectedIds);
-    this.selectedIds.clear(), this.selectedIds.add(e), this.notifySelectionChanged(t);
+    const e = new Set(this.selectedIds);
+    this.selectedIds.clear(), this.selectedIds.add(t), this.notifySelectionChanged(e);
   }
-  addToSelection(...e) {
-    const t = new Set(this.selectedIds);
-    for (const n of e)
+  addToSelection(...t) {
+    const e = new Set(this.selectedIds);
+    for (const n of t)
       this.selectedIds.add(n);
-    this.notifySelectionChanged(t);
+    this.notifySelectionChanged(e);
   }
-  removeFromSelection(...e) {
-    const t = new Set(this.selectedIds);
-    for (const n of e)
+  removeFromSelection(...t) {
+    const e = new Set(this.selectedIds);
+    for (const n of t)
       this.selectedIds.delete(n);
-    this.notifySelectionChanged(t);
+    this.notifySelectionChanged(e);
   }
-  toggleSelection(e) {
-    if (this.isSelected(e)) {
-      this.removeFromSelection(e);
+  toggleSelection(t) {
+    if (this.isSelected(t)) {
+      this.removeFromSelection(t);
       return;
     }
-    this.addToSelection(e);
+    this.addToSelection(t);
   }
   deselectAll() {
     if (this.selectedIds.size === 0)
       return;
-    const e = new Set(this.selectedIds);
-    this.selectedIds.clear(), this.notifySelectionChanged(e);
+    const t = new Set(this.selectedIds);
+    this.selectedIds.clear(), this.notifySelectionChanged(t);
   }
-  notifySelectionChanged(e) {
-    if (e.size === this.selectedIds.size) {
-      let t = !1;
-      for (const n of e)
+  notifySelectionChanged(t) {
+    if (t.size === this.selectedIds.size) {
+      let e = !1;
+      for (const n of t)
         if (!this.selectedIds.has(n)) {
-          t = !0;
+          e = !0;
           break;
         }
-      if (!t)
+      if (!e)
         return;
     }
     this.events.selectionChanged.emit(this.getSelectedIds());
   }
-  setSelected(e, t) {
-    if (t) {
-      this.addToSelection(e);
+  setSelected(t, e) {
+    if (e) {
+      this.addToSelection(t);
       return;
     }
-    this.removeFromSelection(e);
+    this.removeFromSelection(t);
   }
 }
-class L {
+class V {
   constructor() {
     this.zoom = 1, this.cellSize = 32, this.scrollPos = { x: 0, y: 0 }, this.viewportBox = [{ x: 0, y: 0 }, { x: 0, y: 0 }], this.canvasOrigin = { x: 0, y: 0 }, this.canvasSize = { x: 0, y: 0 };
   }
-  localToCanvas(e) {
+  localToCanvas(t) {
     return {
-      x: e.x * this.cellSize + this.canvasOrigin.x,
-      y: e.y * this.cellSize + this.canvasOrigin.y
+      x: t.x * this.cellSize + this.canvasOrigin.x,
+      y: t.y * this.cellSize + this.canvasOrigin.y
     };
   }
-  canvasToLocal(e) {
+  canvasToLocal(t) {
     return {
-      x: (e.x - this.canvasOrigin.x) / this.cellSize,
-      y: (e.y - this.canvasOrigin.y) / this.cellSize
+      x: (t.x - this.canvasOrigin.x) / this.cellSize,
+      y: (t.y - this.canvasOrigin.y) / this.cellSize
     };
   }
-  viewportToCanvas(e) {
+  viewportToCanvas(t) {
     return {
-      x: (e.x + this.scrollPos.x) / this.zoom,
-      y: (e.y + this.scrollPos.y) / this.zoom
+      x: (t.x + this.scrollPos.x) / this.zoom,
+      y: (t.y + this.scrollPos.y) / this.zoom
     };
   }
-  canvasToViewport(e) {
+  canvasToViewport(t) {
     return {
-      x: e.x * this.zoom - this.scrollPos.x,
-      y: e.y * this.zoom - this.scrollPos.y
+      x: t.x * this.zoom - this.scrollPos.x,
+      y: t.y * this.zoom - this.scrollPos.y
     };
   }
-  viewportToLocal(e) {
-    return this.canvasToLocal(this.viewportToCanvas(e));
+  viewportToLocal(t) {
+    return this.canvasToLocal(this.viewportToCanvas(t));
   }
-  localToViewport(e) {
-    return this.canvasToViewport(this.localToCanvas(e));
+  localToViewport(t) {
+    return this.canvasToViewport(this.localToCanvas(t));
   }
-  pageToViewport(e) {
+  pageToViewport(t) {
     return {
-      x: e.x - this.viewportBox[0].x,
-      y: e.y - this.viewportBox[0].y
+      x: t.x - this.viewportBox[0].x,
+      y: t.y - this.viewportBox[0].y
     };
   }
-  pageToCanvas(e) {
-    return this.viewportToCanvas(this.pageToViewport(e));
+  pageToCanvas(t) {
+    return this.viewportToCanvas(this.pageToViewport(t));
   }
-  pageToLocal(e) {
-    return this.canvasToLocal(this.pageToCanvas(e));
+  pageToLocal(t) {
+    return this.canvasToLocal(this.pageToCanvas(t));
   }
   getViewportCenterInLocal() {
-    const e = Vt(this.viewportBox), t = this.pageToViewport(e);
-    return this.viewportToLocal(t);
+    const t = Ue(this.viewportBox), e = this.pageToViewport(t);
+    return this.viewportToLocal(e);
   }
 }
-var Jt = Object.defineProperty, Qt = Object.getOwnPropertyDescriptor, es = (o, e, t, n) => {
-  for (var r = Qt(e, t), c = o.length - 1, p; c >= 0; c--)
-    (p = o[c]) && (r = p(e, t, r) || r);
-  return r && Jt(e, t, r), r;
+var qe = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, Qe = (r, t, e, n) => {
+  for (var o = Je(t, e), l = r.length - 1, g; l >= 0; l--)
+    (g = r[l]) && (o = g(t, e, o) || o);
+  return o && qe(t, e, o), o;
 };
-class xe {
+class wt {
   constructor() {
-    this.events = b(this, k), this.selection = b(this, Q), this.objectRegistry = b(this, ce), this.space = b(this, L), this.movingIds = /* @__PURE__ */ new Set(), this.moveOriginPos = null;
+    this.events = b(this, K), this.selection = b(this, Q), this.objectRegistry = b(this, ct), this.space = b(this, V), this.movingIds = /* @__PURE__ */ new Set(), this.moveOriginPos = null;
   }
   init() {
-    this.events.dragMove.on((e) => this.onDragMove(e)), this.events.dragEnd.on(() => this.stopMovingSelection()), this.events.unmounted.on(() => this.stopMovingSelection());
+    this.events.dragMove.on((t) => this.onDragMove(t)), this.events.dragEnd.on(() => this.stopMovingSelection()), this.events.unmounted.on(() => this.stopMovingSelection());
   }
-  isMoving(e) {
-    return this.movingIds.has(e);
+  isMoving(t) {
+    return this.movingIds.has(t);
   }
-  startMovingSelection(e) {
-    this.movingIds = new Set(this.selection.getSelectedIds()), this.moveOriginPos = { x: e.pageX, y: e.pageY };
-    for (const t of this.movingIds)
-      this.objectRegistry.get(t)?.onMoveStart();
+  startMovingSelection(t) {
+    this.movingIds = new Set(this.selection.getSelectedIds()), this.moveOriginPos = { x: t.pageX, y: t.pageY };
+    for (const e of this.movingIds)
+      this.objectRegistry.get(e)?.onMoveStart();
   }
-  onDragMove(e) {
+  onDragMove(t) {
     if (!this.moveOriginPos)
       return;
-    const t = this.space.pageToLocal(this.moveOriginPos), n = this.space.pageToLocal({ x: e.pageX, y: e.pageY }), r = We(n, t);
-    for (const c of this.movingIds)
-      this.objectRegistry.get(c)?.onMoveOffset(r);
+    const e = this.space.pageToLocal(this.moveOriginPos), n = this.space.pageToLocal({ x: t.pageX, y: t.pageY }), o = Yt(n, e);
+    for (const l of this.movingIds)
+      this.objectRegistry.get(l)?.onMoveOffset(o);
   }
   stopMovingSelection() {
-    for (const e of this.movingIds)
-      this.objectRegistry.get(e)?.onMoveEnd();
+    for (const t of this.movingIds)
+      this.objectRegistry.get(t)?.onMoveEnd();
     this.movingIds.clear(), this.moveOriginPos = null;
   }
 }
-es([
-  he()
-], xe.prototype, "init");
+Qe([
+  qt()
+], wt.prototype, "init");
 class ts {
-  constructor(e) {
-    this.config = b(this, J), this.events = b(this, k), this.selection = b(this, Q), this.move = b(this, xe), this.space = b(this, L), this.element = null, this.selectable = !0, this.movable = !0, this.snapToGrid = !0, this.resizable = "none", this.bounds = [{ x: 1, y: 1 }, { x: 10, y: 10 }], this.pos = { x: 0, y: 0 }, this.localPos = { x: 0, y: 0, w: 1, h: 1 }, this.prevLocalPos = { x: 0, y: 0, w: 1, h: 1 }, this.resizingDirection = null, this.resizingBounds = [{ x: 0, y: 0 }, { x: 0, y: 0 }], this.objectId = e;
+  constructor(t) {
+    this.config = b(this, J), this.events = b(this, K), this.selection = b(this, Q), this.move = b(this, wt), this.space = b(this, V), this.element = null, this.selectable = !0, this.movable = !0, this.snapToGrid = !0, this.resizable = "none", this.bounds = [{ x: 1, y: 1 }, { x: 10, y: 10 }], this.pos = { x: 0, y: 0 }, this.localPos = { x: 0, y: 0, w: 1, h: 1 }, this.prevLocalPos = { x: 0, y: 0, w: 1, h: 1 }, this.resizingDirection = null, this.resizingBounds = [{ x: 0, y: 0 }, { x: 0, y: 0 }], this.objectId = t;
   }
-  setElement(e) {
-    this.element = e;
+  setElement(t) {
+    this.element = t;
   }
   getPos() {
     return this.pos;
   }
-  setPos(e) {
-    this.pos = e, !this.isMoving() && !this.isResizing() && this.recalcLocalPos();
+  setPos(t) {
+    this.pos = t, !this.isMoving() && !this.isResizing() && this.recalcLocalPos();
   }
   getBounds() {
     return this.bounds;
   }
-  setBounds(e) {
-    this.bounds = e, !this.isMoving() && !this.isResizing() && this.recalcLocalPos();
+  setBounds(t) {
+    this.bounds = t, !this.isMoving() && !this.isResizing() && this.recalcLocalPos();
   }
   isSelectable() {
     return this.selectable;
   }
-  setSelectable(e) {
-    this.selectable = e, e || this.selection.removeFromSelection(this.objectId);
+  setSelectable(t) {
+    this.selectable = t, t || this.selection.removeFromSelection(this.objectId);
   }
   isSelected() {
     return this.selection.isSelected(this.objectId);
   }
-  setSelected(e) {
-    e && !this.selectable || this.selection.setSelected(this.objectId, e);
+  setSelected(t) {
+    t && !this.selectable || this.selection.setSelected(this.objectId, t);
   }
   isMovable() {
     return this.movable;
   }
-  setMovable(e) {
-    this.movable = e;
+  setMovable(t) {
+    this.movable = t;
   }
   isSnapToGrid() {
     return this.snapToGrid;
   }
-  setSnapToGrid(e) {
-    this.snapToGrid = e;
+  setSnapToGrid(t) {
+    this.snapToGrid = t;
   }
   isResizable() {
     return this.resizable;
   }
-  setResizable(e) {
-    this.resizable = e;
+  setResizable(t) {
+    this.resizable = t;
   }
   /* Render state */
   getCanvasCoords() {
-    const e = this.space.localToCanvas({ x: this.localPos.x, y: this.localPos.y }), t = this.space.localToCanvas({
+    const t = this.space.localToCanvas({ x: this.localPos.x, y: this.localPos.y }), e = this.space.localToCanvas({
       x: this.localPos.x + this.localPos.w,
       y: this.localPos.y + this.localPos.h
-    }), n = We(t, e), r = this.pos.w === void 0 ? void 0 : n.x, c = this.pos.h === void 0 ? void 0 : n.y;
+    }), n = Yt(e, t), o = this.pos.w === void 0 ? void 0 : n.x, l = this.pos.h === void 0 ? void 0 : n.y;
     return {
-      x: e.x,
-      y: e.y,
-      w: r,
-      h: c
+      x: t.x,
+      y: t.y,
+      w: o,
+      h: l
     };
   }
   getStyle() {
-    const e = this.getCanvasCoords();
+    const t = this.getCanvasCoords();
     return {
       position: "absolute",
-      left: `${e.x}px`,
-      top: `${e.y}px`,
-      width: e.w === void 0 ? void 0 : `${e.w}px`,
-      height: e.h === void 0 ? void 0 : `${e.h}px`
+      left: `${t.x}px`,
+      top: `${t.y}px`,
+      width: t.w === void 0 ? void 0 : `${t.w}px`,
+      height: t.h === void 0 ? void 0 : `${t.h}px`
     };
   }
   isMoving() {
@@ -1475,8 +1467,8 @@ class ts {
   isResizing() {
     return this.resizingDirection != null;
   }
-  commitNewPos(e) {
-    Object.assign(this.pos, e), this.events.objectPosUpdated.emit({
+  commitNewPos(t) {
+    Object.assign(this.pos, t), this.events.objectPosUpdated.emit({
       objectId: this.objectId,
       pos: { ...this.pos }
     });
@@ -1486,11 +1478,11 @@ class ts {
    * Click handles selection
    * Shift/Ctrl/Meta key allows multi-select, if allowed by canvas config
    */
-  onUiClick(e) {
+  onUiClick(t) {
     if (!this.selectable)
       return;
-    const t = e.shiftKey || e.ctrlKey || e.metaKey;
-    if (this.config.allowMultiSelect && t) {
+    const e = t.shiftKey || t.ctrlKey || t.metaKey;
+    if (this.config.allowMultiSelect && e) {
       this.selection.toggleSelection(this.objectId);
       return;
     }
@@ -1500,22 +1492,22 @@ class ts {
    * Dragging starts moving selected objects, if allowed.
    * If not selected, single selection is performed first, then dragging starts.
    */
-  onUiDragStart(e) {
-    this.movable && (this.isSelected() || (e.shiftKey ? this.selection.addToSelection(this.objectId) : this.selection.selectSingle(this.objectId)), !this.isResizing() && !this.isMoving() && this.move.startMovingSelection(e));
+  onUiDragStart(t) {
+    this.movable && (this.isSelected() || (t.shiftKey ? this.selection.addToSelection(this.objectId) : this.selection.selectSingle(this.objectId)), !this.isResizing() && !this.isMoving() && this.move.startMovingSelection(t));
   }
   /**
    * Drag move is re-emitted to global canvas events, so that each selected object moves.
    * CanvasMove will call onMoveOffset on objects that are currently moving.
    */
-  onUiDragMove(e) {
-    this.events.dragMove.emit(e);
+  onUiDragMove(t) {
+    this.events.dragMove.emit(t);
   }
   /**
    * Drag end is re-emitted to global canvas events, so that each selected object stops moving.
    * CanvasMove will call onMoveEnd on objects that are currently moving.
    */
-  onUiDragEnd(e) {
-    this.events.dragEnd.emit(e);
+  onUiDragEnd(t) {
+    this.events.dragEnd.emit(t);
   }
   /* Moving */
   /**
@@ -1529,10 +1521,10 @@ class ts {
    * Move offset is called by CanvasMove when selected objects moves.
    * It calculates the new local position based on the previous local position and the offset.
    */
-  onMoveOffset(e) {
+  onMoveOffset(t) {
     this.movable && (this.localPos = {
-      x: this.prevLocalPos.x + e.x,
-      y: this.prevLocalPos.y + e.y,
+      x: this.prevLocalPos.x + t.x,
+      y: this.prevLocalPos.y + t.y,
       w: this.prevLocalPos.w,
       h: this.prevLocalPos.h
     });
@@ -1548,18 +1540,18 @@ class ts {
     });
   }
   /* Resizing */
-  startResizing(e) {
-    this.resizable === "none" || !this.canResizeInDirection(e) || (this.resizingDirection = e, this.resizingBounds = this.getObjectBounds(), this.selection.selectSingle(this.objectId));
+  startResizing(t) {
+    this.resizable === "none" || !this.canResizeInDirection(t) || (this.resizingDirection = t, this.resizingBounds = this.getObjectBounds(), this.selection.selectSingle(this.objectId));
   }
-  onResizeMove(e) {
+  onResizeMove(t) {
     if (!this.resizingDirection)
       return;
-    const t = { x: e.pageX, y: e.pageY }, n = this.space.pageToLocal(t), [r, c] = this.getResizingUpdates(this.resizingDirection, n);
+    const e = { x: t.pageX, y: t.pageY }, n = this.space.pageToLocal(e), [o, l] = this.getResizingUpdates(this.resizingDirection, n);
     this.localPos = {
-      x: r.x,
-      y: r.y,
-      w: c.x - r.x,
-      h: c.y - r.y
+      x: o.x,
+      y: o.y,
+      w: l.x - o.x,
+      h: l.y - o.y
     };
   }
   onResizeEnd() {
@@ -1583,68 +1575,68 @@ class ts {
     }
   }
   getObjectBounds() {
-    const e = { x: this.localPos.x, y: this.localPos.y }, t = {
+    const t = { x: this.localPos.x, y: this.localPos.y }, e = {
       x: this.localPos.x + this.localPos.w,
       y: this.localPos.y + this.localPos.h
     };
-    return [e, t];
+    return [t, e];
   }
-  canResizeInDirection(e) {
-    return this.getResizeDirections().includes(e);
+  canResizeInDirection(t) {
+    return this.getResizeDirections().includes(t);
   }
   recalcLocalPos() {
-    const e = this.pos.w ?? this.localPos.w, t = this.pos.h ?? this.localPos.h;
+    const t = this.pos.w ?? this.localPos.w, e = this.pos.h ?? this.localPos.h;
     this.localPos = {
       x: this.pos.x,
       y: this.pos.y,
-      w: z(e, this.bounds[0].x, this.bounds[1].x),
-      h: z(t, this.bounds[0].y, this.bounds[1].y)
+      w: z(t, this.bounds[0].x, this.bounds[1].x),
+      h: z(e, this.bounds[0].y, this.bounds[1].y)
     };
   }
-  maybeRound(e) {
-    return this.snapToGrid ? Math.round(e) : e;
+  maybeRound(t) {
+    return this.snapToGrid ? Math.round(t) : t;
   }
-  getResizingUpdates(e, t) {
-    const [n, r] = this.resizingBounds, c = z(t.x, r.x - this.bounds[1].x, r.x - this.bounds[0].x), p = z(t.x, n.x + this.bounds[0].x, n.x + this.bounds[1].x), y = z(t.y, r.y - this.bounds[1].y, r.y - this.bounds[0].y), S = z(t.y, n.y + this.bounds[0].y, n.y + this.bounds[1].y);
-    switch (e) {
+  getResizingUpdates(t, e) {
+    const [n, o] = this.resizingBounds, l = z(e.x, o.x - this.bounds[1].x, o.x - this.bounds[0].x), g = z(e.x, n.x + this.bounds[0].x, n.x + this.bounds[1].x), p = z(e.y, o.y - this.bounds[1].y, o.y - this.bounds[0].y), S = z(e.y, n.y + this.bounds[0].y, n.y + this.bounds[1].y);
+    switch (t) {
       case "n":
-        return [{ x: n.x, y }, { x: r.x, y: r.y }];
+        return [{ x: n.x, y: p }, { x: o.x, y: o.y }];
       case "s":
-        return [{ x: n.x, y: n.y }, { x: r.x, y: S }];
+        return [{ x: n.x, y: n.y }, { x: o.x, y: S }];
       case "w":
-        return [{ x: c, y: n.y }, { x: r.x, y: r.y }];
+        return [{ x: l, y: n.y }, { x: o.x, y: o.y }];
       case "e":
-        return [{ x: n.x, y: n.y }, { x: p, y: r.y }];
+        return [{ x: n.x, y: n.y }, { x: g, y: o.y }];
       case "ne":
-        return [{ x: n.x, y }, { x: p, y: r.y }];
+        return [{ x: n.x, y: p }, { x: g, y: o.y }];
       case "nw":
-        return [{ x: c, y }, { x: r.x, y: r.y }];
+        return [{ x: l, y: p }, { x: o.x, y: o.y }];
       case "se":
-        return [{ x: n.x, y: n.y }, { x: p, y: S }];
+        return [{ x: n.x, y: n.y }, { x: g, y: S }];
       case "sw":
-        return [{ x: c, y: n.y }, { x: r.x, y: S }];
+        return [{ x: l, y: n.y }, { x: o.x, y: S }];
       default:
-        return [{ x: n.x, y: n.y }, { x: r.x, y: r.y }];
+        return [{ x: n.x, y: n.y }, { x: o.x, y: o.y }];
     }
   }
 }
-const ss = {
+const es = {
   props: {
     canvasObject: { type: Object, required: !0 },
     direction: { type: String, required: !0 }
   }
 };
-function ns(o, e, t, n, r, c) {
-  return V(), q("div", {
-    class: _t(["ResizeHandle", `ResizeHandle-${t.direction}`]),
-    onUidragstart: e[0] || (e[0] = U((p) => t.canvasObject.startResizing(t.direction), ["stop", "prevent"])),
-    onUidragmove: e[1] || (e[1] = U((...p) => t.canvasObject.onResizeMove && t.canvasObject.onResizeMove(...p), ["stop", "prevent"])),
-    onUidragend: e[2] || (e[2] = U((...p) => t.canvasObject.onResizeEnd && t.canvasObject.onResizeEnd(...p), ["stop", "prevent"]))
+function ss(r, t, e, n, o, l) {
+  return U(), q("div", {
+    class: Pe(["ResizeHandle", `ResizeHandle-${e.direction}`]),
+    onUidragstart: t[0] || (t[0] = B((g) => e.canvasObject.startResizing(e.direction), ["stop", "prevent"])),
+    onUidragmove: t[1] || (t[1] = B((...g) => e.canvasObject.onResizeMove && e.canvasObject.onResizeMove(...g), ["stop", "prevent"])),
+    onUidragend: t[2] || (t[2] = B((...g) => e.canvasObject.onResizeEnd && e.canvasObject.onResizeEnd(...g), ["stop", "prevent"]))
   }, null, 34);
 }
-const is = /* @__PURE__ */ te(ss, [["render", ns], ["__scopeId", "data-v-c83350e5"]]), rs = {
+const ns = /* @__PURE__ */ tt(es, [["render", ss], ["__scopeId", "data-v-c83350e5"]]), is = {
   components: {
-    CanvasObjectResize: is
+    CanvasObjectResize: ns
   },
   props: {
     canvas: { type: Object, required: !0 },
@@ -1684,66 +1676,66 @@ const is = /* @__PURE__ */ te(ss, [["render", ns], ["__scopeId", "data-v-c83350e
     }
   },
   watch: {
-    pos(o) {
-      this.canvasObject.setPos(o);
+    pos(r) {
+      this.canvasObject.setPos(r);
     },
-    isSelected(o) {
-      this.canvasObject.setSelected(o);
+    isSelected(r) {
+      this.canvasObject.setSelected(r);
     },
-    selectable(o) {
-      this.canvasObject.setSelectable(o);
+    selectable(r) {
+      this.canvasObject.setSelectable(r);
     },
-    movable(o) {
-      this.canvasObject.setMovable(o);
+    movable(r) {
+      this.canvasObject.setMovable(r);
     },
-    snapToGrid(o) {
-      this.canvasObject.setSnapToGrid(o);
+    snapToGrid(r) {
+      this.canvasObject.setSnapToGrid(r);
     },
-    resizable(o) {
-      this.canvasObject.setResizable(o);
+    resizable(r) {
+      this.canvasObject.setResizable(r);
     },
-    bounds(o) {
-      this.canvasObject.setBounds(o);
+    bounds(r) {
+      this.canvasObject.setBounds(r);
     }
   },
   created() {
-    this.canvasObject = new ts(this.objectId), this.canvas.mesh.connect(this.canvasObject), this.canvas.events.objectPosUpdated.on(({ objectId: o, pos: e }) => {
-      o === this.objectId && this.$emit("update:pos", e);
-    }, this), this.canvas.events.selectionChanged.on((o) => {
-      const e = o.includes(this.objectId);
-      this.isSelected !== e && this.$emit("update:isSelected", e);
+    this.canvasObject = new ts(this.objectId), this.canvas.mesh.connect(this.canvasObject), this.canvas.events.objectPosUpdated.on(({ objectId: r, pos: t }) => {
+      r === this.objectId && this.$emit("update:pos", t);
+    }, this), this.canvas.events.selectionChanged.on((r) => {
+      const t = r.includes(this.objectId);
+      this.isSelected !== t && this.$emit("update:isSelected", t);
     }, this);
   },
   mounted() {
-    const o = this.canvasObject;
-    this.canvas.objectRegistry.register(o), o.setElement(this.$refs.rootEl), o.setPos(this.pos), o.setSelectable(this.selectable), o.setMovable(this.movable), o.setSnapToGrid(this.snapToGrid), o.setResizable(this.resizable), o.setBounds(this.bounds), o.setSelected(this.isSelected);
+    const r = this.canvasObject;
+    this.canvas.objectRegistry.register(r), r.setElement(this.$refs.rootEl), r.setPos(this.pos), r.setSelectable(this.selectable), r.setMovable(this.movable), r.setSnapToGrid(this.snapToGrid), r.setResizable(this.resizable), r.setBounds(this.bounds), r.setSelected(this.isSelected);
   },
   unmounted() {
     this.canvas.objectRegistry.unregister(this.objectId), this.canvasObject.setElement(null), this.canvas.selection.removeFromSelection(this.objectId), this.canvas.events.objectPosUpdated.removeAll(this), this.canvas.events.selectionChanged.removeAll(this);
   }
 };
-function os(o, e, t, n, r, c) {
-  const p = oe("CanvasObjectResize");
-  return V(), q("div", {
+function rs(r, t, e, n, o, l) {
+  const g = ot("CanvasObjectResize");
+  return U(), q("div", {
     ref: "rootEl",
     class: "CanvasObject",
-    style: Z(r.canvasObject.getStyle()),
-    onUiclick: e[0] || (e[0] = U((...y) => r.canvasObject.onUiClick && r.canvasObject.onUiClick(...y), ["stop", "prevent"])),
-    onUidragstart: e[1] || (e[1] = U((...y) => r.canvasObject.onUiDragStart && r.canvasObject.onUiDragStart(...y), ["stop", "prevent"])),
-    onUidragmove: e[2] || (e[2] = U((...y) => r.canvasObject.onUiDragMove && r.canvasObject.onUiDragMove(...y), ["stop", "prevent"])),
-    onUidragend: e[3] || (e[3] = U((...y) => r.canvasObject.onUiDragEnd && r.canvasObject.onUiDragEnd(...y), ["stop", "prevent"]))
+    style: Z(o.canvasObject.getStyle()),
+    onUiclick: t[0] || (t[0] = B((...p) => o.canvasObject.onUiClick && o.canvasObject.onUiClick(...p), ["stop", "prevent"])),
+    onUidragstart: t[1] || (t[1] = B((...p) => o.canvasObject.onUiDragStart && o.canvasObject.onUiDragStart(...p), ["stop", "prevent"])),
+    onUidragmove: t[2] || (t[2] = B((...p) => o.canvasObject.onUiDragMove && o.canvasObject.onUiDragMove(...p), ["stop", "prevent"])),
+    onUidragend: t[3] || (t[3] = B((...p) => o.canvasObject.onUiDragEnd && o.canvasObject.onUiDragEnd(...p), ["stop", "prevent"]))
   }, [
-    re(o.$slots, "default", jt(Ct(c.slotProps))),
-    (V(!0), q(Et, null, It(c.resizeDirections, (y) => (V(), Xe(p, {
-      key: y,
-      canvasObject: r.canvasObject,
-      direction: y
+    it(r.$slots, "default", je(Ce(l.slotProps))),
+    (U(!0), q(_e, null, Ee(l.resizeDirections, (p) => (U(), Nt(g, {
+      key: p,
+      canvasObject: o.canvasObject,
+      direction: p
     }, null, 8, ["canvasObject", "direction"]))), 128))
   ], 36);
 }
-const Os = /* @__PURE__ */ te(rs, [["render", os]]), as = {
+const ms = /* @__PURE__ */ tt(is, [["render", rs]]), os = {
   components: {
-    CanvasBoxSelect: kt
+    CanvasBoxSelect: Re
   },
   props: {
     canvas: { type: Object, required: !0 }
@@ -1759,115 +1751,172 @@ const Os = /* @__PURE__ */ te(rs, [["render", os]]), as = {
       this.canvas.selection.deselectAll();
     }
   }
-}, cs = { class: "CanvasView" };
-function ls(o, e, t, n, r, c) {
-  const p = oe("CanvasBoxSelect");
-  return V(), q("div", cs, [
-    j("div", {
+}, as = { class: "CanvasView" };
+function cs(r, t, e, n, o, l) {
+  const g = ot("CanvasBoxSelect");
+  return U(), q("div", as, [
+    C("div", {
       ref: "viewport",
       class: "Viewport",
-      onMousedown: e[0] || (e[0] = (...y) => t.canvas.pan.onMouseDown && t.canvas.pan.onMouseDown(...y)),
-      onUidragstart: e[1] || (e[1] = (...y) => t.canvas.boxSelect.onUiDragStart && t.canvas.boxSelect.onUiDragStart(...y)),
-      onUidragmove: e[2] || (e[2] = (...y) => t.canvas.boxSelect.onUiDragMove && t.canvas.boxSelect.onUiDragMove(...y)),
-      onUidragend: e[3] || (e[3] = (...y) => t.canvas.boxSelect.onUiDragEnd && t.canvas.boxSelect.onUiDragEnd(...y)),
-      onUiclick: e[4] || (e[4] = (...y) => c.onCanvasUiClick && c.onCanvasUiClick(...y)),
-      onScroll: e[5] || (e[5] = (...y) => t.canvas.viewport.onScroll && t.canvas.viewport.onScroll(...y)),
-      onWheel: e[6] || (e[6] = (...y) => t.canvas.zoom.onWheel && t.canvas.zoom.onWheel(...y))
+      onMousedown: t[0] || (t[0] = (...p) => e.canvas.pan.onMouseDown && e.canvas.pan.onMouseDown(...p)),
+      onUidragstart: t[1] || (t[1] = (...p) => e.canvas.boxSelect.onUiDragStart && e.canvas.boxSelect.onUiDragStart(...p)),
+      onUidragmove: t[2] || (t[2] = (...p) => e.canvas.boxSelect.onUiDragMove && e.canvas.boxSelect.onUiDragMove(...p)),
+      onUidragend: t[3] || (t[3] = (...p) => e.canvas.boxSelect.onUiDragEnd && e.canvas.boxSelect.onUiDragEnd(...p)),
+      onUiclick: t[4] || (t[4] = (...p) => l.onCanvasUiClick && l.onCanvasUiClick(...p)),
+      onScroll: t[5] || (t[5] = (...p) => e.canvas.viewport.onScroll && e.canvas.viewport.onScroll(...p)),
+      onWheel: t[6] || (t[6] = (...p) => e.canvas.zoom.onWheel && e.canvas.zoom.onWheel(...p))
     }, [
-      j("div", {
+      C("div", {
         class: "Sizer",
-        style: Z(t.canvas.viewport.getSizerStyle())
+        style: Z(e.canvas.viewport.getSizerStyle())
       }, null, 4),
-      j("div", {
+      C("div", {
         class: "Canvas",
-        style: Z(t.canvas.viewport.getCanvasStyle())
+        style: Z(e.canvas.viewport.getCanvasStyle())
       }, [
-        re(o.$slots, "default", {}, void 0, !0),
-        j("div", {
+        it(r.$slots, "default", {}, void 0, !0),
+        C("div", {
           class: "Origin",
-          style: Z(t.canvas.viewport.getOriginStyle())
+          style: Z(e.canvas.viewport.getOriginStyle())
         }, [
-          re(o.$slots, "origin", {}, void 0, !0)
+          it(r.$slots, "origin", {}, void 0, !0)
         ], 4)
       ], 4),
-      K(p, { canvas: t.canvas }, null, 8, ["canvas"])
+      F(g, { canvas: e.canvas }, null, 8, ["canvas"])
     ], 544),
-    re(o.$slots, "overlays", {}, void 0, !0)
+    it(r.$slots, "overlays", {}, void 0, !0)
   ]);
 }
-const Ps = /* @__PURE__ */ te(as, [["render", ls], ["__scopeId", "data-v-5b37630f"]]);
-var us = Object.defineProperty, hs = Object.getOwnPropertyDescriptor, ds = (o, e, t, n) => {
-  for (var r = hs(e, t), c = o.length - 1, p; c >= 0; c--)
-    (p = o[c]) && (r = p(e, t, r) || r);
-  return r && us(e, t, r), r;
-};
-class ee {
-  constructor() {
-    this.lastMousePos = { x: window.innerWidth * 0.5, y: window.innerHeight * 0.5 }, this.lmbPressed = !1, this.mmbPressed = !1, this.rmbPressed = !1, this.altKey = !1, this.ctrlKey = !1, this.metaKey = !1, this.shiftKey = !1, this.events = b(this, k), this.windowEvents = new ue(window);
+const bs = /* @__PURE__ */ tt(os, [["render", cs], ["__scopeId", "data-v-5b37630f"]]);
+function nt(r, t) {
+  const e = { x: Math.min(r.x, t.x), y: Math.min(r.y, t.y) }, n = { x: Math.max(r.x, t.x), y: Math.max(r.y, t.y) };
+  return [e, n];
+}
+function $t(r, t) {
+  const e = r[1].x >= t[0].x && t[1].x >= r[0].x, n = r[1].y >= t[0].y && t[1].y >= r[0].y;
+  return e && n;
+}
+class ls {
+  constructor(t) {
+    this.target = t, this.entries = [];
   }
-  init() {
-    this.events.mounted.on(() => {
-      this.windowEvents.add("mousedown", (e) => this.onMouseDown(e)), this.windowEvents.add("mousemove", (e) => this.onMouseMove(e)), this.windowEvents.add("mouseup", (e) => this.onMouseUp(e)), this.windowEvents.add("keydown", (e) => this.onKeyDown(e)), this.windowEvents.add("keyup", (e) => this.onKeyUp(e));
-    }), this.events.unmounted.on(() => {
-      this.windowEvents.removeAll();
-    });
+  add(t, e, n) {
+    this.target.addEventListener(t, e, n), this.entries.push({ type: t, listener: e, options: n });
+  }
+  removeAll() {
+    for (const t of this.entries)
+      this.target.removeEventListener(t.type, t.listener, t.options);
+    this.entries = [];
+  }
+}
+const us = [
+  "button",
+  "a",
+  "input",
+  "textarea",
+  "select",
+  '[role="textbox"]',
+  '[role="button"]',
+  "[nodrag]"
+];
+class rt {
+  constructor() {
+    this.lastMousePos = { x: window.innerWidth * 0.5, y: window.innerHeight * 0.5 }, this.lmbPressed = !1, this.mmbPressed = !1, this.rmbPressed = !1, this.altKey = !1, this.ctrlKey = !1, this.metaKey = !1, this.shiftKey = !1, this.dragDistance = 4, this.windowEvents = new ls(window), this.lastMouseDownPos = { x: window.innerWidth * 0.5, y: window.innerHeight * 0.5 }, this.lastMouseDownTarget = null, this.dragTarget = null, this.inClickVicinity = !1, this.listening = !1;
   }
   get ctrlOrMetaKey() {
     return this.ctrlKey || this.metaKey;
   }
-  onMouseDown(e) {
-    this.lastMousePos = { x: e.pageX, y: e.pageY }, this.lmbPressed = e.button === 0, this.mmbPressed = e.button === 1, this.rmbPressed = e.button === 2;
+  mount() {
+    this.listening || (this.listening = !0, this.windowEvents.add("mousedown", (t) => this.onMouseDown(t)), this.windowEvents.add("mousemove", (t) => this.onMouseMove(t)), this.windowEvents.add("mouseup", (t) => this.onMouseUp(t)), this.windowEvents.add("keydown", (t) => this.onKeyDown(t)), this.windowEvents.add("keyup", (t) => this.onKeyUp(t)));
+  }
+  unmount() {
+    this.listening && (this.listening = !1, this.windowEvents.removeAll(), this.dragTarget = null, this.inClickVicinity = !1, this.lastMouseDownTarget = null);
+  }
+  onMouseDown(t) {
+    this.lastMousePos = { x: t.pageX, y: t.pageY }, this.lmbPressed = t.button === 0, this.mmbPressed = t.button === 1, this.rmbPressed = t.button === 2, t.button === 0 && (this.lastMouseDownPos = { x: t.pageX, y: t.pageY }, this.lastMouseDownTarget = t.target, this.inClickVicinity = !0);
+  }
+  onMouseMove(t) {
+    if (this.lastMousePos = { x: t.pageX, y: t.pageY }, !this.lmbPressed)
+      return;
+    if (this.dragTarget) {
+      this.dragTarget.dispatchEvent(this.cloneMouseEvent("uidragmove", t));
+      return;
+    }
+    if (!this.inClickVicinity || !this.lastMouseDownTarget)
+      return;
+    const e = t.pageX - this.lastMouseDownPos.x, n = t.pageY - this.lastMouseDownPos.y;
+    Math.hypot(e, n) < this.dragDistance || (this.inClickVicinity = !1, this.isDragAllowed(this.lastMouseDownTarget) && (this.dragTarget = this.lastMouseDownTarget, this.dragTarget.dispatchEvent(this.cloneMouseEvent("uidragstart", t))));
+  }
+  onMouseUp(t) {
+    if (t.button === 0) {
+      const e = this.dragTarget, n = this.inClickVicinity, o = this.lastMouseDownTarget;
+      this.dragTarget = null, this.inClickVicinity = !1, this.lastMouseDownTarget = null, e && e.dispatchEvent(this.cloneMouseEvent("uidragend", t)), n && o && (o.dispatchEvent(this.cloneMouseEvent("uiclick", t)), this.dispatchActivate(o, t));
+    }
+    this.lastMousePos = { x: t.pageX, y: t.pageY }, this.lmbPressed = !1, this.mmbPressed = !1, this.rmbPressed = !1;
+  }
+  onKeyDown(t) {
+    this.updateModifiers(t), (t.key === "Enter" || t.key === " ") && t.target && (t.target === document.body && t.key === " " && t.preventDefault(), this.dispatchActivate(t.target, t));
   }
-  onMouseMove(e) {
-    this.lastMousePos = { x: e.pageX, y: e.pageY };
+  onKeyUp(t) {
+    this.updateModifiers(t);
   }
-  onMouseUp(e) {
-    this.lastMousePos = { x: e.pageX, y: e.pageY }, this.lmbPressed = !1, this.mmbPressed = !1, this.rmbPressed = !1;
+  updateModifiers(t) {
+    this.altKey = t.altKey, this.ctrlKey = t.ctrlKey, this.metaKey = t.metaKey, this.shiftKey = t.shiftKey;
   }
-  onKeyDown(e) {
-    this.updateModifiers(e);
+  dispatchActivate(t, e) {
+    t.closest(":disabled") || t.dispatchEvent(new CustomEvent("uiactivate", { detail: e }));
   }
-  onKeyUp(e) {
-    this.updateModifiers(e);
+  isDragAllowed(t) {
+    return t instanceof Element ? !t.closest(us.join(",")) : !1;
   }
-  updateModifiers(e) {
-    this.altKey = e.altKey, this.ctrlKey = e.ctrlKey, this.metaKey = e.metaKey, this.shiftKey = e.shiftKey;
+  cloneMouseEvent(t, e) {
+    return new MouseEvent(t, {
+      bubbles: !0,
+      cancelable: !0,
+      clientX: e.clientX,
+      clientY: e.clientY,
+      screenX: e.screenX,
+      screenY: e.screenY,
+      button: e.button,
+      buttons: e.buttons,
+      ctrlKey: e.ctrlKey,
+      shiftKey: e.shiftKey,
+      altKey: e.altKey,
+      metaKey: e.metaKey
+    });
   }
 }
-ds([
-  he()
-], ee.prototype, "init");
-class Ye {
+class Ft {
   constructor() {
-    this.config = b(this, J), this.inputState = b(this, ee), this.objectRegistry = b(this, ce), this.selection = b(this, Q), this.space = b(this, L), this.selectionOriginPos = null, this.initialSelectionIds = /* @__PURE__ */ new Set(), this.objectBoxes = [];
+    this.config = b(this, J), this.inputStateManager = b(this, rt), this.objectRegistry = b(this, ct), this.selection = b(this, Q), this.space = b(this, V), this.selectionOriginPos = null, this.initialSelectionIds = /* @__PURE__ */ new Set(), this.objectBoxes = [];
   }
   isSelecting() {
     return this.selectionOriginPos != null;
   }
-  onUiDragStart(e) {
-    this.config.allowMultiSelect && (this.isSelecting() || (this.selectionOriginPos = { x: e.pageX, y: e.pageY }, e.shiftKey ? this.initialSelectionIds = new Set(this.selection.getSelectedIds()) : (this.initialSelectionIds.clear(), this.selection.deselectAll()), this.captureObjectBoxes()));
+  onUiDragStart(t) {
+    this.config.allowMultiSelect && (this.isSelecting() || (this.selectionOriginPos = { x: t.pageX, y: t.pageY }, t.shiftKey ? this.initialSelectionIds = new Set(this.selection.getSelectedIds()) : (this.initialSelectionIds.clear(), this.selection.deselectAll()), this.captureObjectBoxes()));
   }
-  onUiDragMove(e) {
-    this.isSelecting() && (e.preventDefault(), this.updateSelection(e));
+  onUiDragMove(t) {
+    this.isSelecting() && (t.preventDefault(), this.updateSelection(t));
   }
-  onUiDragEnd(e) {
-    this.isSelecting() && this.updateSelection(e), this.stopSelecting();
+  onUiDragEnd(t) {
+    this.isSelecting() && this.updateSelection(t), this.stopSelecting();
   }
   getSelectionBox() {
-    return this.selectionOriginPos ? ie(
+    return this.selectionOriginPos ? nt(
       this.space.pageToLocal(this.selectionOriginPos),
-      this.space.pageToLocal(this.inputState.lastMousePos)
+      this.space.pageToLocal(this.inputStateManager.lastMousePos)
     ) : null;
   }
   getSelectionStyle() {
     if (!this.selectionOriginPos)
       return null;
-    const e = ie(this.selectionOriginPos, this.inputState.lastMousePos), t = this.space.pageToCanvas(e[0]), n = this.space.pageToCanvas(e[1]);
+    const t = nt(this.selectionOriginPos, this.inputStateManager.lastMousePos), e = this.space.pageToCanvas(t[0]), n = this.space.pageToCanvas(t[1]);
     return {
-      left: `${t.x}px`,
-      top: `${t.y}px`,
-      width: `${n.x - t.x}px`,
-      height: `${n.y - t.y}px`
+      left: `${e.x}px`,
+      top: `${e.y}px`,
+      width: `${n.x - e.x}px`,
+      height: `${n.y - e.y}px`
     };
   }
   stopSelecting() {
@@ -1875,57 +1924,57 @@ class Ye {
   }
   captureObjectBoxes() {
     this.objectBoxes = [];
-    const e = this.space.viewportBox;
-    for (const t of this.objectRegistry.getAll()) {
-      if (!t.isSelectable())
+    const t = this.space.viewportBox;
+    for (const e of this.objectRegistry.getAll()) {
+      if (!e.isSelectable())
         continue;
-      const n = t.element;
+      const n = e.element;
       if (!n)
         continue;
-      const r = n.getBoundingClientRect(), c = ie(
-        { x: r.left, y: r.top },
-        { x: r.right, y: r.bottom }
+      const o = n.getBoundingClientRect(), l = nt(
+        { x: o.left, y: o.top },
+        { x: o.right, y: o.bottom }
       );
-      if (!Le(c, e))
+      if (!$t(l, t))
         continue;
-      const p = ie(
-        this.space.pageToLocal(c[0]),
-        this.space.pageToLocal(c[1])
+      const g = nt(
+        this.space.pageToLocal(l[0]),
+        this.space.pageToLocal(l[1])
       );
-      this.objectBoxes.push([t.objectId, p]);
+      this.objectBoxes.push([e.objectId, g]);
     }
   }
-  updateSelection(e) {
-    const t = this.getSelectionBox();
-    if (!t)
+  updateSelection(t) {
+    const e = this.getSelectionBox();
+    if (!e)
       return;
     const n = new Set(this.initialSelectionIds);
-    for (const [r, c] of this.objectBoxes)
-      Le(t, c) && n.add(r);
+    for (const [o, l] of this.objectBoxes)
+      $t(e, l) && n.add(o);
     this.selection.setSelectedIds(n);
   }
 }
-class le {
+class lt {
   constructor() {
-    this.viewportEl = null, this.windowEvents = new ue(window), this.config = b(this, J), this.space = b(this, L);
+    this.viewportEl = null, this.windowEvents = new Xt(window), this.config = b(this, J), this.space = b(this, V);
   }
-  mount(e) {
-    this.viewportEl = e, this.recalcCanvasMetrics(), this.updateViewportBox(), this.centerOnOrigin(), this.onScroll(), this.windowEvents.add("resize", () => this.updateViewportBox()), this.windowEvents.add("scroll", () => this.updateViewportBox()), this.config.autoCenter && requestAnimationFrame(() => this.centerOnOrigin());
+  mount(t) {
+    this.viewportEl = t, this.recalcCanvasMetrics(), this.updateViewportBox(), this.centerOnOrigin(), this.onScroll(), this.windowEvents.add("resize", () => this.updateViewportBox()), this.windowEvents.add("scroll", () => this.updateViewportBox()), this.config.autoCenter && requestAnimationFrame(() => this.centerOnOrigin());
   }
   destroy() {
     this.windowEvents.removeAll(), this.viewportEl = null, this.space.viewportBox = [{ x: 0, y: 0 }, { x: 0, y: 0 }];
   }
   getCanvasStyle() {
-    const e = $e(this.viewportEl, "--canvas-grid-major-color", "#ddd"), t = $e(this.viewportEl, "--canvas-grid-minor-color", "#eee"), n = W(this.viewportEl, "--canvas-grid-subdivisions", 4), r = W(this.viewportEl, "--canvas-grid-major-radius", 2), c = W(this.viewportEl, "--canvas-grid-minor-radius", 1), p = Lt(
+    const t = Bt(this.viewportEl, "--canvas-grid-major-color", "#ddd"), e = Bt(this.viewportEl, "--canvas-grid-minor-color", "#eee"), n = W(this.viewportEl, "--canvas-grid-subdivisions", 4), o = W(this.viewportEl, "--canvas-grid-major-radius", 2), l = W(this.viewportEl, "--canvas-grid-minor-radius", 1), g = Ve(
       this.space.cellSize,
       n,
-      e,
-      r,
       t,
-      c
+      o,
+      e,
+      l
     );
     return {
-      background: `url(${`data:image/svg+xml;base64,${window.btoa(p)}`}) repeat`,
+      background: `url(${`data:image/svg+xml;base64,${window.btoa(g)}`}) repeat`,
       width: `${this.space.canvasSize.x}px`,
       height: `${this.space.canvasSize.y}px`,
       transformOrigin: "0 0",
@@ -1953,29 +2002,29 @@ class le {
   centerOnOrigin() {
     if (!this.viewportEl)
       return;
-    const e = this.getViewportSize();
+    const t = this.getViewportSize();
     this.setViewportScroll({
-      x: this.space.canvasOrigin.x * this.space.zoom - e.x * 0.5,
-      y: this.space.canvasOrigin.y * this.space.zoom - e.y * 0.5
+      x: this.space.canvasOrigin.x * this.space.zoom - t.x * 0.5,
+      y: this.space.canvasOrigin.y * this.space.zoom - t.y * 0.5
     });
   }
-  scrollBy(e, t) {
+  scrollBy(t, e) {
     this.viewportEl && this.setViewportScroll({
-      x: this.viewportEl.scrollLeft + e,
-      y: this.viewportEl.scrollTop + t
+      x: this.viewportEl.scrollLeft + t,
+      y: this.viewportEl.scrollTop + e
     });
   }
-  scrollToLocalPoint(e) {
-    const t = this.getViewportSize(), n = this.space.localToCanvas(e);
+  scrollToLocalPoint(t) {
+    const e = this.getViewportSize(), n = this.space.localToCanvas(t);
     this.setViewportScroll({
-      x: n.x * this.space.zoom - t.x * 0.5,
-      y: n.y * this.space.zoom - t.y * 0.5
+      x: n.x * this.space.zoom - e.x * 0.5,
+      y: n.y * this.space.zoom - e.y * 0.5
     });
   }
-  setViewportScroll(e) {
+  setViewportScroll(t) {
     this.viewportEl && (this.viewportEl.scrollTo({
-      left: Math.max(0, e.x),
-      top: Math.max(0, e.y),
+      left: Math.max(0, t.x),
+      top: Math.max(0, t.y),
       behavior: "auto"
     }), this.onScroll());
   }
@@ -1984,10 +2033,10 @@ class le {
       this.space.viewportBox = [{ x: 0, y: 0 }, { x: 0, y: 0 }];
       return;
     }
-    const e = this.viewportEl.getBoundingClientRect();
+    const t = this.viewportEl.getBoundingClientRect();
     this.space.viewportBox = [
-      { x: e.left, y: e.top },
-      { x: e.right, y: e.bottom }
+      { x: t.left, y: t.top },
+      { x: t.right, y: t.bottom }
     ];
   }
   getViewportSize() {
@@ -1997,175 +2046,100 @@ class le {
     };
   }
   recalcCanvasMetrics() {
-    const e = W(this.viewportEl, "--canvas-margin-cells", 64);
+    const t = W(this.viewportEl, "--canvas-margin-cells", 64);
     this.space.cellSize = W(this.viewportEl, "--canvas-grid-cell-size", 32);
-    const t = e * this.space.cellSize;
-    this.space.canvasSize = { x: t * 2, y: t * 2 }, this.space.canvasOrigin = { x: t, y: t };
+    const e = t * this.space.cellSize;
+    this.space.canvasSize = { x: e * 2, y: e * 2 }, this.space.canvasOrigin = { x: e, y: e };
   }
 }
-var fs = Object.defineProperty, vs = Object.getOwnPropertyDescriptor, ps = (o, e, t, n) => {
-  for (var r = vs(e, t), c = o.length - 1, p; c >= 0; c--)
-    (p = o[c]) && (r = p(e, t, r) || r);
-  return r && fs(e, t, r), r;
+var hs = Object.defineProperty, ds = Object.getOwnPropertyDescriptor, fs = (r, t, e, n) => {
+  for (var o = ds(t, e), l = r.length - 1, g; l >= 0; l--)
+    (g = r[l]) && (o = g(t, e, o) || o);
+  return o && hs(t, e, o), o;
 };
-class me {
+class gt {
   constructor() {
-    this.viewport = b(this, le), this.events = b(this, k), this.windowEvents = new ue(window), this.isPanning = !1;
+    this.viewport = b(this, lt), this.events = b(this, K), this.windowEvents = new Xt(window), this.isPanning = !1;
   }
   init() {
     this.events.unmounted.on(() => this.stopPanning());
   }
-  onMouseDown(e) {
-    e.button === 1 && (e.preventDefault(), this.isPanning = !0, this.windowEvents.add("mousemove", (t) => this.onMouseMove(t)), this.windowEvents.add("mouseup", (t) => this.onMouseUp(t)));
+  onMouseDown(t) {
+    t.button === 1 && (t.preventDefault(), this.isPanning = !0, this.windowEvents.add("mousemove", (e) => this.onMouseMove(e)), this.windowEvents.add("mouseup", (e) => this.onMouseUp(e)));
   }
   stopPanning() {
     this.isPanning = !1, this.windowEvents.removeAll();
   }
-  onMouseMove(e) {
-    this.isPanning && this.viewport.scrollBy(-e.movementX, -e.movementY);
-  }
-  onMouseUp(e) {
-    e.button === 1 && this.stopPanning();
+  onMouseMove(t) {
+    this.isPanning && this.viewport.scrollBy(-t.movementX, -t.movementY);
   }
-}
-ps([
-  he()
-], me.prototype, "init");
-var ys = Object.defineProperty, gs = Object.getOwnPropertyDescriptor, ws = (o, e, t, n) => {
-  for (var r = gs(e, t), c = o.length - 1, p; c >= 0; c--)
-    (p = o[c]) && (r = p(e, t, r) || r);
-  return r && ys(e, t, r), r;
-};
-const ms = [
-  "button",
-  "a",
-  "input",
-  "textarea",
-  "select",
-  '[role="textbox"]',
-  '[role="button"]',
-  "[nodrag]"
-];
-class be {
-  constructor() {
-    this.events = b(this, k), this.inputState = b(this, ee), this.windowEvents = new ue(window), this.lastMouseDownPos = { x: window.innerWidth * 0.5, y: window.innerHeight * 0.5 }, this.lastMouseDownTarget = null, this.dragTarget = null, this.inClickVicinity = !1, this.dragDistance = 4;
-  }
-  init() {
-    this.events.mounted.on(() => {
-      this.windowEvents.add("mousedown", (e) => this.onMouseDown(e)), this.windowEvents.add("mousemove", (e) => this.onMouseMove(e)), this.windowEvents.add("mouseup", (e) => this.onMouseUp(e)), this.windowEvents.add("keydown", (e) => this.onKeyDown(e));
-    }), this.events.unmounted.on(() => {
-      this.windowEvents.removeAll();
-    });
-  }
-  onMouseDown(e) {
-    e.button === 0 && (this.lastMouseDownPos = { x: e.pageX, y: e.pageY }, this.lastMouseDownTarget = e.target, this.inClickVicinity = !0);
-  }
-  onMouseMove(e) {
-    if (!this.inputState.lmbPressed)
-      return;
-    if (this.dragTarget) {
-      this.dragTarget.dispatchEvent(this.cloneMouseEvent("uidragmove", e));
-      return;
-    }
-    if (!this.inClickVicinity || !this.lastMouseDownTarget)
-      return;
-    const t = e.pageX - this.lastMouseDownPos.x, n = e.pageY - this.lastMouseDownPos.y;
-    Math.hypot(t, n) < this.dragDistance || (this.inClickVicinity = !1, this.isDragAllowed(this.lastMouseDownTarget) && (this.dragTarget = this.lastMouseDownTarget, this.dragTarget.dispatchEvent(this.cloneMouseEvent("uidragstart", e))));
-  }
-  onMouseUp(e) {
-    if (e.button !== 0)
-      return;
-    const t = this.dragTarget, n = this.inClickVicinity, r = this.lastMouseDownTarget;
-    this.dragTarget = null, this.inClickVicinity = !1, this.lastMouseDownTarget = null, t && t.dispatchEvent(this.cloneMouseEvent("uidragend", e)), n && r && (r.dispatchEvent(this.cloneMouseEvent("uiclick", e)), this.dispatchActivate(r, e));
-  }
-  onKeyDown(e) {
-    (e.key === "Enter" || e.key === " ") && e.target && (e.target === document.body && e.key === " " && e.preventDefault(), this.dispatchActivate(e.target, e));
-  }
-  dispatchActivate(e, t) {
-    e.closest(":disabled") || e.dispatchEvent(new CustomEvent("uiactivate", { detail: t }));
-  }
-  isDragAllowed(e) {
-    return e instanceof Element ? !e.closest(ms.join(",")) : !1;
-  }
-  cloneMouseEvent(e, t) {
-    return new MouseEvent(e, {
-      bubbles: !0,
-      cancelable: !0,
-      clientX: t.clientX,
-      clientY: t.clientY,
-      screenX: t.screenX,
-      screenY: t.screenY,
-      button: t.button,
-      buttons: t.buttons,
-      ctrlKey: t.ctrlKey,
-      shiftKey: t.shiftKey,
-      altKey: t.altKey,
-      metaKey: t.metaKey
-    });
+  onMouseUp(t) {
+    t.button === 1 && this.stopPanning();
   }
 }
-ws([
-  he()
-], be.prototype, "init");
-const B = [0.33, 0.5, 0.6, 0.75, 0.85, 1, 1.15, 1.25, 1.5, 1.75, 2], bs = Math.min(...B), xs = Math.max(...B);
-class He {
+fs([
+  qt()
+], gt.prototype, "init");
+const k = [0.33, 0.5, 0.6, 0.75, 0.85, 1, 1.15, 1.25, 1.5, 1.75, 2], vs = Math.min(...k), ps = Math.max(...k);
+class Kt {
   constructor() {
-    this.viewport = b(this, le), this.space = b(this, L);
+    this.viewport = b(this, lt), this.space = b(this, V);
   }
-  onWheel(e) {
-    if (!e.ctrlKey)
+  onWheel(t) {
+    if (!t.ctrlKey)
       return;
-    e.preventDefault();
-    const t = z(e.deltaY, -40, 40) / 400, n = Math.exp(-t);
+    t.preventDefault();
+    const e = z(t.deltaY, -40, 40) / 400, n = Math.exp(-e);
     this.setZoom(this.space.zoom * n);
   }
-  setZoom(e) {
-    const t = this.space.getViewportCenterInLocal();
-    this.space.zoom = z(e, bs, xs), this.viewport.scrollToLocalPoint(t);
+  setZoom(t) {
+    const e = this.space.getViewportCenterInLocal();
+    this.space.zoom = z(t, vs, ps), this.viewport.scrollToLocalPoint(e);
   }
   zoomIn() {
-    const e = this.getClosestZoomStepIndex();
-    e < B.length - 1 && this.setZoom(B[e + 1]);
+    const t = this.getClosestZoomStepIndex();
+    t < k.length - 1 && this.setZoom(k[t + 1]);
   }
   zoomOut() {
-    const e = this.getClosestZoomStepIndex();
-    e > 0 && this.setZoom(B[e - 1]);
+    const t = this.getClosestZoomStepIndex();
+    t > 0 && this.setZoom(k[t - 1]);
   }
   getClosestZoomStepIndex() {
-    let e = 0, t = Number.POSITIVE_INFINITY;
-    for (let n = 0; n < B.length; n++) {
-      const r = Math.abs(B[n] - this.space.zoom);
-      r < t && (t = r, e = n);
+    let t = 0, e = Number.POSITIVE_INFINITY;
+    for (let n = 0; n < k.length; n++) {
+      const o = Math.abs(k[n] - this.space.zoom);
+      o < e && (e = o, t = n);
     }
-    return e;
+    return t;
   }
 }
-class _s {
-  constructor(e = {}) {
-    this.mesh = new ae(), this.boxSelect = b(this, Ye), this.config = b(this, J), this.space = b(this, L), this.viewport = b(this, le), this.pan = b(this, me), this.events = b(this, k), this.inputState = b(this, ee), this.objectRegistry = b(this, ce), this.selection = b(this, Q), this.uiEvents = b(this, be), this.zoom = b(this, He), this.mesh.connect(this), this.mesh.use((t) => Tt(t)), this.mesh.service(Ye), this.mesh.service(le), this.mesh.service(me), this.mesh.service(J), this.mesh.service(L), this.mesh.service(k), this.mesh.service(ee), this.mesh.service(xe), this.mesh.service(ce), this.mesh.service(Q), this.mesh.service(be), this.mesh.service(He), this.config.set(e);
+class xs {
+  constructor(t = {}) {
+    this.mesh = new at(), this.boxSelect = b(this, Ft), this.config = b(this, J), this.space = b(this, V), this.viewport = b(this, lt), this.pan = b(this, gt), this.events = b(this, K), this.inputStateManager = b(this, rt), this.objectRegistry = b(this, ct), this.selection = b(this, Q), this.zoom = b(this, Kt);
+    const e = t.inputStateManager ?? new rt();
+    this.ownsInputStateManager = t.inputStateManager == null, this.mesh.connect(this), this.mesh.use((n) => Ie(n)), this.mesh.constant(rt, e), this.mesh.service(Ft), this.mesh.service(lt), this.mesh.service(gt), this.mesh.service(J), this.mesh.service(V), this.mesh.service(K), this.mesh.service(wt), this.mesh.service(ct), this.mesh.service(Q), this.mesh.service(Kt), this.config.set(t);
   }
-  mount(e) {
-    Ne(this.mesh), this.viewport.mount(e), this.events.mounted.emit();
+  mount(t) {
+    Gt(this.mesh), this.viewport.mount(t), this.events.mounted.emit(), this.ownsInputStateManager && this.inputStateManager.mount();
   }
   unmount() {
-    Ne(this.mesh), this.viewport.destroy(), this.events.unmounted.emit();
+    Gt(this.mesh), this.viewport.destroy(), this.ownsInputStateManager && this.inputStateManager.unmount(), this.events.unmounted.emit();
   }
 }
 export {
-  kt as CanvasBoxSelect,
+  Re as CanvasBoxSelect,
   J as CanvasConfig,
-  _s as CanvasController,
-  Ms as CanvasDebugCoords,
-  k as CanvasEvents,
-  ee as CanvasInputState,
-  Os as CanvasObject,
+  xs as CanvasController,
+  gs as CanvasDebugCoords,
+  K as CanvasEvents,
+  ms as CanvasObject,
   ts as CanvasObjectController,
-  ce as CanvasObjectRegistry,
-  me as CanvasPan,
+  ct as CanvasObjectRegistry,
+  gt as CanvasPan,
   Q as CanvasSelection,
-  L as CanvasSpace,
-  be as CanvasUiEvents,
-  Ps as CanvasView,
-  le as CanvasViewport,
-  He as CanvasZoom
+  V as CanvasSpace,
+  bs as CanvasView,
+  lt as CanvasViewport,
+  Kt as CanvasZoom,
+  rt as InputStateManager
 };