@nightshadeui/canvas 2.12.1 → 2.12.2

package/dist/canvas.css

@@ -1 +1 @@
-@layer nightshade-components{.CanvasBoxSelect[data-v-9e8905e1]{--CanvasBoxSelect-color:var(--canvas-box-select-color,var(--color-primary-500));--CanvasBoxSelect-opacity:var(--canvas-box-select-opacity,.1);z-index:20;pointer-events:none;position:absolute;inset:0}.Box[data-v-9e8905e1]{border:1px solid var(--CanvasBoxSelect-color);position:absolute}.Box[data-v-9e8905e1]:before{content:"";background:var(--CanvasBoxSelect-color);opacity:var(--CanvasBoxSelect-opacity);position:absolute;inset:0}.ResizeHandle[data-v-c83350e5]{--canvas-resize-handle-size:var(--sp2);--canvas-resize-handle-offset:calc(-.5 * var(--canvas-resize-handle-size));z-index:3;position:absolute}.ResizeHandle-n[data-v-c83350e5]{top:var(--canvas-resize-handle-offset);left:var(--canvas-resize-handle-offset);right:var(--canvas-resize-handle-offset);height:var(--canvas-resize-handle-size);cursor:ns-resize}.ResizeHandle-ne[data-v-c83350e5]{top:var(--canvas-resize-handle-offset);right:var(--canvas-resize-handle-offset);width:var(--canvas-resize-handle-size);height:var(--canvas-resize-handle-size);cursor:nesw-resize;z-index:4}.ResizeHandle-e[data-v-c83350e5]{top:var(--canvas-resize-handle-offset);bottom:var(--canvas-resize-handle-offset);right:var(--canvas-resize-handle-offset);width:var(--canvas-resize-handle-size);cursor:ew-resize}.ResizeHandle-se[data-v-c83350e5]{bottom:var(--canvas-resize-handle-offset);right:var(--canvas-resize-handle-offset);width:var(--canvas-resize-handle-size);height:var(--canvas-resize-handle-size);cursor:nwse-resize;z-index:4}.ResizeHandle-s[data-v-c83350e5]{bottom:var(--canvas-resize-handle-offset);left:var(--canvas-resize-handle-offset);right:var(--canvas-resize-handle-offset);height:var(--canvas-resize-handle-size);cursor:ns-resize}.ResizeHandle-sw[data-v-c83350e5]{bottom:var(--canvas-resize-handle-offset);left:var(--canvas-resize-handle-offset);width:var(--canvas-resize-handle-size);height:var(--canvas-resize-handle-size);cursor:nesw-resize;z-index:4}.ResizeHandle-w[data-v-c83350e5]{top:var(--canvas-resize-handle-offset);bottom:var(--canvas-resize-handle-offset);left:var(--canvas-resize-handle-offset);width:var(--canvas-resize-handle-size);cursor:ew-resize}.ResizeHandle-nw[data-v-c83350e5]{top:var(--canvas-resize-handle-offset);left:var(--canvas-resize-handle-offset);width:var(--canvas-resize-handle-size);height:var(--canvas-resize-handle-size);cursor:nwse-resize;z-index:4}.CanvasView[data-v-52407cb1]{-webkit-user-select:none;user-select:none;display:flex;position:relative}.Viewport[data-v-52407cb1]{z-index:1;cursor:crosshair;flex:1;position:relative;overflow:auto}.Sizer[data-v-52407cb1]{z-index:0;position:relative}.Canvas[data-v-52407cb1]{position:absolute;top:0;left:0;overflow:hidden}.Origin[data-v-52407cb1]{position:absolute;transform:translate(-50%,-50%)}.DebugCoords[data-v-54d4bb42]{z-index:10;margin:var(--sp);padding:var(--sp);pointer-events:none;font-family:var(--font-monospace);font-size:var(--font-size-s);border:var(--input-border-size) solid var(--color-base-200);border-radius:var(--border-radius);background:var(--color-base-0);position:absolute;top:0;left:0}.Row[data-v-54d4bb42]{white-space:nowrap}}
+@layer nightshade-components{.CanvasBoxSelect[data-v-9e8905e1]{--CanvasBoxSelect-color:var(--canvas-box-select-color,var(--color-primary-500));--CanvasBoxSelect-opacity:var(--canvas-box-select-opacity,.1);z-index:20;pointer-events:none;position:absolute;inset:0}.Box[data-v-9e8905e1]{border:1px solid var(--CanvasBoxSelect-color);position:absolute}.Box[data-v-9e8905e1]:before{content:"";background:var(--CanvasBoxSelect-color);opacity:var(--CanvasBoxSelect-opacity);position:absolute;inset:0}.CanvasDebugCoords[data-v-ad9df38b]{z-index:10;margin:var(--sp);padding:var(--sp);pointer-events:none;font-family:var(--font-monospace);font-size:var(--font-size-s);border:var(--input-border-size) solid var(--color-base-200);border-radius:var(--border-radius);background:var(--color-base-0);position:absolute;top:0;left:0}.Row[data-v-ad9df38b]{white-space:nowrap}.ResizeHandle[data-v-c83350e5]{--canvas-resize-handle-size:var(--sp2);--canvas-resize-handle-offset:calc(-.5 * var(--canvas-resize-handle-size));z-index:3;position:absolute}.ResizeHandle-n[data-v-c83350e5]{top:var(--canvas-resize-handle-offset);left:var(--canvas-resize-handle-offset);right:var(--canvas-resize-handle-offset);height:var(--canvas-resize-handle-size);cursor:ns-resize}.ResizeHandle-ne[data-v-c83350e5]{top:var(--canvas-resize-handle-offset);right:var(--canvas-resize-handle-offset);width:var(--canvas-resize-handle-size);height:var(--canvas-resize-handle-size);cursor:nesw-resize;z-index:4}.ResizeHandle-e[data-v-c83350e5]{top:var(--canvas-resize-handle-offset);bottom:var(--canvas-resize-handle-offset);right:var(--canvas-resize-handle-offset);width:var(--canvas-resize-handle-size);cursor:ew-resize}.ResizeHandle-se[data-v-c83350e5]{bottom:var(--canvas-resize-handle-offset);right:var(--canvas-resize-handle-offset);width:var(--canvas-resize-handle-size);height:var(--canvas-resize-handle-size);cursor:nwse-resize;z-index:4}.ResizeHandle-s[data-v-c83350e5]{bottom:var(--canvas-resize-handle-offset);left:var(--canvas-resize-handle-offset);right:var(--canvas-resize-handle-offset);height:var(--canvas-resize-handle-size);cursor:ns-resize}.ResizeHandle-sw[data-v-c83350e5]{bottom:var(--canvas-resize-handle-offset);left:var(--canvas-resize-handle-offset);width:var(--canvas-resize-handle-size);height:var(--canvas-resize-handle-size);cursor:nesw-resize;z-index:4}.ResizeHandle-w[data-v-c83350e5]{top:var(--canvas-resize-handle-offset);bottom:var(--canvas-resize-handle-offset);left:var(--canvas-resize-handle-offset);width:var(--canvas-resize-handle-size);cursor:ew-resize}.ResizeHandle-nw[data-v-c83350e5]{top:var(--canvas-resize-handle-offset);left:var(--canvas-resize-handle-offset);width:var(--canvas-resize-handle-size);height:var(--canvas-resize-handle-size);cursor:nwse-resize;z-index:4}.CanvasView[data-v-52407cb1]{-webkit-user-select:none;user-select:none;display:flex;position:relative}.Viewport[data-v-52407cb1]{z-index:1;cursor:crosshair;flex:1;position:relative;overflow:auto}.Sizer[data-v-52407cb1]{z-index:0;position:relative}.Canvas[data-v-52407cb1]{position:absolute;top:0;left:0;overflow:hidden}.Origin[data-v-52407cb1]{position:absolute;transform:translate(-50%,-50%)}}

package/dist/canvas.mjs

@@ -1,4 +1,4 @@
-import { openBlock as V, createElementBlock as q, createElementVNode as j, normalizeStyle as Z, createCommentVNode as Pt, withModifiers as U, normalizeClass as _t, resolveComponent as oe, renderSlot as re, normalizeProps as jt, guardReactiveProps as Ct, Fragment as Et, renderList as It, createBlock as Xe, createVNode as K, withCtx as G, toDisplayString as X, reactive as Tt } from "vue";
+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)
@@ -20,7 +20,77 @@ function Rt(o, e, t, n, r, c) {
     }, null, 4)
   ])) : Pt("", !0);
 }
-const kt = /* @__PURE__ */ te(zt, [["render", Rt], ["__scopeId", "data-v-9e8905e1"]]);
+const kt = /* @__PURE__ */ te(zt, [["render", Rt], ["__scopeId", "data-v-9e8905e1"]]), Bt = {
+  props: {
+    canvas: { type: Object, required: !0 }
+  },
+  computed: {
+    pagePos() {
+      return this.canvas.inputState.lastMousePos;
+    },
+    viewportPos() {
+      return this.canvas.space.pageToViewport(this.page);
+    },
+    canvasPos() {
+      return this.canvas.space.pageToCanvas(this.page);
+    },
+    localPos() {
+      return this.canvas.space.pageToLocal(this.page);
+    }
+  },
+  methods: {
+    format(o) {
+      return `(${o.x.toFixed(2)}, ${o.y.toFixed(2)})`;
+    }
+  }
+};
+function Ut(o, e, t, n, r, c) {
+  const p = oe("HGroup"), y = oe("VGroup");
+  return V(), Xe(y, {
+    class: "CanvasDebugCoords",
+    gap: "s"
+  }, {
+    default: G(() => [
+      K(p, { class: "Row" }, {
+        default: G(() => [
+          e[0] || (e[0] = j("strong", null, "page", -1)),
+          j("span", null, X(c.format(c.pagePos)), 1)
+        ]),
+        _: 1
+      }),
+      K(p, { class: "Row" }, {
+        default: G(() => [
+          e[1] || (e[1] = j("strong", null, "viewport", -1)),
+          j("span", null, X(c.format(c.viewportPos)), 1)
+        ]),
+        _: 1
+      }),
+      K(p, { class: "Row" }, {
+        default: G(() => [
+          e[2] || (e[2] = j("strong", null, "canvas", -1)),
+          j("span", null, X(c.format(c.canvasPos)), 1)
+        ]),
+        _: 1
+      }),
+      K(p, { class: "Row" }, {
+        default: G(() => [
+          e[3] || (e[3] = j("strong", null, "local", -1)),
+          j("span", null, X(c.format(c.localPos)), 1)
+        ]),
+        _: 1
+      }),
+      K(p, { class: "Row" }, {
+        default: G(() => [
+          e[4] || (e[4] = j("strong", null, "zoom", -1)),
+          j("span", null, X(t.canvas.space.zoom.toFixed(2)), 1)
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  });
+}
+const Ms = /* @__PURE__ */ te(Bt, [["render", Ut], ["__scopeId", "data-v-ad9df38b"]]);
 function z(o, e, t) {
   return Math.max(e, Math.min(t, o));
 }
@@ -38,7 +108,7 @@ 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 Bt(o) {
+function Vt(o) {
   const [e, t] = o;
   return {
     x: (t.x - e.x) * 0.5 + e.x,
@@ -72,8 +142,8 @@ class ue {
     this.entries = [];
   }
 }
-function Ut(o, e, t, n = 2, r, c = 1) {
-  const p = [0, ...Vt(o, e), o], y = [0, o], S = [
+function Lt(o, e, t, n = 2, r, c = 1) {
+  const p = [0, ...$t(o, e), o], y = [0, o], S = [
     `<svg xmlns="http://www.w3.org/2000/svg"
         width="${o}"
         height="${o}"
@@ -93,7 +163,7 @@ function Ut(o, e, t, n = 2, r, c = 1) {
         );
   return S.push("</svg>"), S.join("");
 }
-function Vt(o, e) {
+function $t(o, e) {
   const t = [], n = Math.round(o / e);
   for (let r = 1; r < e; r++)
     t.push(n * r);
@@ -101,7 +171,7 @@ function Vt(o, e) {
 }
 var Ae = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Ge = {};
 var Fe;
-function Lt() {
+function At() {
   if (Fe) return Ge;
   Fe = 1;
   var o;
@@ -902,13 +972,13 @@ function Lt() {
     });
   })(o || (o = {})), Ge;
 }
-Lt();
+At();
 class qe extends Error {
   constructor() {
     super(...arguments), this.name = this.constructor.name;
   }
 }
-class $t extends qe {
+class Gt extends qe {
   constructor(e, t) {
     super(`"${t}" not found in Mesh "${e}"`);
   }
@@ -921,11 +991,11 @@ class Ke extends qe {
 function D(o) {
   return typeof o == "string" ? o : o.name;
 }
-function At(o) {
+function Ft(o) {
   return typeof o == "function" && o.prototype != null;
 }
-function Gt(o, ...e) {
-  return At(o) ? new o(...e) : o(...e);
+function Kt(o, ...e) {
+  return Ft(o) ? new o(...e) : o(...e);
 }
 const Je = /* @__PURE__ */ Symbol.for("MESH_REF");
 class ae {
@@ -978,7 +1048,7 @@ class ae {
     const n = this.tryResolve(e, t);
     if (n === void 0) {
       const r = D(e);
-      throw new $t(this.name, r);
+      throw new Gt(this.name, r);
     }
     return n;
   }
@@ -1013,7 +1083,7 @@ class ae {
       t.type === "service" && (yield* this.traverseClassDeps(t.class, e));
   }
   *traverseClassDeps(e, t = /* @__PURE__ */ new Set()) {
-    const n = Kt(e);
+    const n = Yt(e);
     for (const r of n) {
       if (t.has(r.key))
         continue;
@@ -1034,7 +1104,7 @@ class ae {
       case "constant":
         return e.value;
       case "scope":
-        return (n) => Gt(e.factory, n ?? this);
+        return (n) => Kt(e.factory, n ?? this);
     }
   }
   applyMiddleware(e) {
@@ -1051,21 +1121,21 @@ class ae {
     });
   }
 }
-const Ft = [];
-function Kt(o) {
+const Nt = [];
+function Yt(o) {
   const e = [];
   let t = o;
   for (; t !== Object.prototype; ) {
-    const n = Ft.filter((r) => r.class === t);
+    const n = Nt.filter((r) => r.class === t);
     e.push(...n), t = Object.getPrototypeOf(t);
   }
   return e;
 }
-const Nt = Object.getOwnPropertyNames(Reflect);
+const Ht = Object.getOwnPropertyNames(Reflect);
 function b(o, e, t = !0) {
   let n;
   const r = {};
-  for (const c of Nt)
+  for (const c of Ht)
     r[c] = function(p, ...y) {
       let S = n;
       return S || (S = o[Je].resolve(e)), t && (n = S), Reflect[c](S, ...y);
@@ -1113,7 +1183,7 @@ class k {
   }
 }
 const we = /* @__PURE__ */ new Map();
-function Yt(o) {
+function Xt(o) {
   return function(t) {
     return (n, r) => {
       const c = we.get(o) || [];
@@ -1125,11 +1195,11 @@ function Yt(o) {
     };
   };
 }
-function Ht(o) {
+function Wt(o) {
   return we.get(o) || [];
 }
-function Xt(o, e, t = !0) {
-  const n = [], r = Ht(o), c = t ? e.allBindings() : e.bindings.entries();
+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)
@@ -1140,12 +1210,12 @@ function Xt(o, e, t = !0) {
         });
   return n;
 }
-function Wt(o, e, t = !0, ...n) {
-  return Xt(o, e, t).map((p) => p.target[p.memberName](...n));
+function qt(o, e, t = !0, ...n) {
+  return Zt(o, e, t).map((p) => p.target[p.memberName](...n));
 }
-const he = Yt("init");
+const he = Xt("init");
 async function Ne(o, e = !0) {
-  const t = Wt("init", o, e);
+  const t = qt("init", o, e);
   await Promise.all(t);
 }
 class ce {
@@ -1287,14 +1357,14 @@ class L {
     return this.canvasToLocal(this.pageToCanvas(e));
   }
   getViewportCenterInLocal() {
-    const e = Bt(this.viewportBox), t = this.pageToViewport(e);
+    const e = Vt(this.viewportBox), t = this.pageToViewport(e);
     return this.viewportToLocal(t);
   }
 }
-var Zt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, Jt = (o, e, t, n) => {
-  for (var r = qt(e, t), c = o.length - 1, p; c >= 0; c--)
+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 && Zt(e, t, r), r;
+  return r && Jt(e, t, r), r;
 };
 class xe {
   constructor() {
@@ -1324,10 +1394,10 @@ class xe {
     this.movingIds.clear(), this.moveOriginPos = null;
   }
 }
-Jt([
+es([
   he()
 ], xe.prototype, "init");
-class Qt {
+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;
   }
@@ -1558,13 +1628,13 @@ class Qt {
     }
   }
 }
-const es = {
+const ss = {
   props: {
     canvasObject: { type: Object, required: !0 },
     direction: { type: String, required: !0 }
   }
 };
-function ts(o, e, t, n, r, c) {
+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"])),
@@ -1572,9 +1642,9 @@ function ts(o, e, t, n, r, c) {
     onUidragend: e[2] || (e[2] = U((...p) => t.canvasObject.onResizeEnd && t.canvasObject.onResizeEnd(...p), ["stop", "prevent"]))
   }, null, 34);
 }
-const ss = /* @__PURE__ */ te(es, [["render", ts], ["__scopeId", "data-v-c83350e5"]]), ns = {
+const is = /* @__PURE__ */ te(ss, [["render", ns], ["__scopeId", "data-v-c83350e5"]]), rs = {
   components: {
-    CanvasObjectResize: ss
+    CanvasObjectResize: is
   },
   props: {
     canvas: { type: Object, required: !0 },
@@ -1637,7 +1707,7 @@ const ss = /* @__PURE__ */ te(es, [["render", ts], ["__scopeId", "data-v-c83350e
     }
   },
   created() {
-    this.canvasObject = new Qt(this.objectId), this.canvas.mesh.connect(this.canvasObject), this.canvas.events.objectPosUpdated.on(({ objectId: o, pos: e }) => {
+    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);
@@ -1652,7 +1722,7 @@ const ss = /* @__PURE__ */ te(es, [["render", ts], ["__scopeId", "data-v-c83350e
     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 is(o, e, t, n, r, c) {
+function os(o, e, t, n, r, c) {
   const p = oe("CanvasObjectResize");
   return V(), q("div", {
     ref: "rootEl",
@@ -1671,7 +1741,7 @@ function is(o, e, t, n, r, c) {
     }, null, 8, ["canvasObject", "direction"]))), 128))
   ], 36);
 }
-const Ms = /* @__PURE__ */ te(ns, [["render", is]]), rs = {
+const Os = /* @__PURE__ */ te(rs, [["render", os]]), as = {
   components: {
     CanvasBoxSelect: kt
   },
@@ -1689,10 +1759,10 @@ const Ms = /* @__PURE__ */ te(ns, [["render", is]]), rs = {
       this.canvas.selection.deselectAll();
     }
   }
-}, os = { class: "CanvasView" };
-function as(o, e, t, n, r, c) {
+}, cs = { class: "CanvasView" };
+function ls(o, e, t, n, r, c) {
   const p = oe("CanvasBoxSelect");
-  return V(), q("div", os, [
+  return V(), q("div", cs, [
     j("div", {
       ref: "viewport",
       class: "Viewport",
@@ -1725,77 +1795,7 @@ function as(o, e, t, n, r, c) {
     re(o.$slots, "overlays", {}, void 0, !0)
   ]);
 }
-const Os = /* @__PURE__ */ te(rs, [["render", as], ["__scopeId", "data-v-52407cb1"]]), cs = {
-  props: {
-    controller: { type: Object, required: !0 }
-  },
-  computed: {
-    page() {
-      return this.controller.inputState.lastMousePos;
-    },
-    viewport() {
-      return this.controller.space.pageToViewport(this.page);
-    },
-    canvas() {
-      return this.controller.space.pageToCanvas(this.page);
-    },
-    local() {
-      return this.controller.space.pageToLocal(this.page);
-    }
-  },
-  methods: {
-    format(o) {
-      return `(${o.x.toFixed(2)}, ${o.y.toFixed(2)})`;
-    }
-  }
-};
-function ls(o, e, t, n, r, c) {
-  const p = oe("HGroup"), y = oe("VGroup");
-  return V(), Xe(y, {
-    class: "DebugCoords",
-    gap: "s"
-  }, {
-    default: G(() => [
-      K(p, { class: "Row" }, {
-        default: G(() => [
-          e[0] || (e[0] = j("strong", null, "page", -1)),
-          j("span", null, X(c.format(c.page)), 1)
-        ]),
-        _: 1
-      }),
-      K(p, { class: "Row" }, {
-        default: G(() => [
-          e[1] || (e[1] = j("strong", null, "viewport", -1)),
-          j("span", null, X(c.format(c.viewport)), 1)
-        ]),
-        _: 1
-      }),
-      K(p, { class: "Row" }, {
-        default: G(() => [
-          e[2] || (e[2] = j("strong", null, "canvas", -1)),
-          j("span", null, X(c.format(c.canvas)), 1)
-        ]),
-        _: 1
-      }),
-      K(p, { class: "Row" }, {
-        default: G(() => [
-          e[3] || (e[3] = j("strong", null, "local", -1)),
-          j("span", null, X(c.format(c.local)), 1)
-        ]),
-        _: 1
-      }),
-      K(p, { class: "Row" }, {
-        default: G(() => [
-          e[4] || (e[4] = j("strong", null, "zoom", -1)),
-          j("span", null, X(t.controller.space.zoom.toFixed(2)), 1)
-        ]),
-        _: 1
-      })
-    ]),
-    _: 1
-  });
-}
-const Ps = /* @__PURE__ */ te(cs, [["render", ls], ["__scopeId", "data-v-54d4bb42"]]);
+const Ps = /* @__PURE__ */ te(as, [["render", ls], ["__scopeId", "data-v-52407cb1"]]);
 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);
@@ -1916,7 +1916,7 @@ class le {
     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 = Ut(
+    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(
       this.space.cellSize,
       n,
       e,
@@ -2155,17 +2155,17 @@ export {
   kt as CanvasBoxSelect,
   J as CanvasConfig,
   _s as CanvasController,
+  Ms as CanvasDebugCoords,
   k as CanvasEvents,
   ee as CanvasInputState,
-  Ms as CanvasObject,
-  Qt as CanvasObjectController,
+  Os as CanvasObject,
+  ts as CanvasObjectController,
   ce as CanvasObjectRegistry,
   me as CanvasPan,
   Q as CanvasSelection,
   L as CanvasSpace,
   be as CanvasUiEvents,
-  Os as CanvasView,
+  Ps as CanvasView,
   le as CanvasViewport,
-  He as CanvasZoom,
-  Ps as DebugCoords
+  He as CanvasZoom
 };

package/dist/components/{DebugCoords.vue.d.ts → CanvasDebugCoords.vue.d.ts}

@@ -1,17 +1,17 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    controller: {
+    canvas: {
         type: ObjectConstructor;
         required: true;
     };
 }>, {}, {}, {
-    page(): any;
-    viewport(): any;
-    canvas(): any;
-    local(): any;
+    pagePos(): any;
+    viewportPos(): any;
+    canvasPos(): any;
+    localPos(): any;
 }, {
     format(pos: any): string;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    controller: {
+    canvas: {
         type: ObjectConstructor;
         required: true;
     };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import { default as CanvasBoxSelect } from './components/CanvasBoxSelect.vue';
+import { default as CanvasDebugCoords } from './components/CanvasDebugCoords.vue';
 import { default as CanvasObject } from './components/CanvasObject.vue';
 import { default as CanvasView } from './components/CanvasView.vue';
-import { default as DebugCoords } from './components/DebugCoords.vue';
 export * from './CanvasBoxSelect.js';
 export * from './CanvasConfig.js';
 export * from './CanvasController.js';
@@ -15,4 +15,4 @@ export * from './CanvasSpace.js';
 export * from './CanvasUiEvents.js';
 export * from './CanvasViewport.js';
 export * from './CanvasZoom.js';
-export { CanvasBoxSelect, CanvasObject, CanvasView, DebugCoords, };
+export { CanvasBoxSelect, CanvasDebugCoords, CanvasObject, CanvasView, };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@nightshadeui/canvas",
-    "version": "2.12.1",
+    "version": "2.12.2",
     "description": "Nightshade canvas viewport primitives",
     "author": "Boris Okunskiy",
     "license": "ISC",
@@ -23,7 +23,7 @@
         "vue": "^3.5.22"
     },
     "dependencies": {
-        "@nightshadeui/util": "2.12.1",
+        "@nightshadeui/util": "2.12.2",
         "@luminable/init-decorator": "^1.3.5",
         "mesh-ioc": "^4.3.1",
         "nanoevent": "^1.0.0"