canvas2d-wrapper 2.2.1 → 2.3.0

package/dist/render/renderCanvas.js

@@ -1,35 +1,71 @@
-import y from "../functions/calcTileSize.js";
-import u from "../shapes/CanvasImage.js";
-import h from "../shapes/Circle.js";
-import w from "../shapes/LinePath.js";
-import k from "../shapes/Polygon.js";
-import S from "../shapes/Rect.js";
-import g from "./renderCircle.js";
-import N from "./renderImage.js";
-import v from "./renderLinePath.js";
-import C from "./renderPolygon.js";
-import P from "./renderRect.js";
-const l = {
-  [new h({ id: "a", x: 0, y: 0, radius: 0 }).constructorName]: g,
-  [new u({ id: "a", x: 0, y: 0, src: "", width: 0, height: 0 }).constructorName]: N,
-  [new w({ id: "a", points: [{ x: 0, y: 0 }], lineWidth: 0, stroke: "" }).constructorName]: v,
-  [new k({ id: "a", points: [{ x: 0, y: 0 }] }).constructorName]: C,
-  [new S({ id: "a", x: 0, y: 0, width: 0, height: 0 }).constructorName]: P
+import e from "../functions/calcTileSize.js";
+import t from "../shapes/CanvasImage.js";
+import n from "../shapes/Circle.js";
+import r from "../shapes/LinePath.js";
+import i from "../shapes/Polygon.js";
+import a from "../shapes/Rect.js";
+import o from "../shapes/Text.js";
+import s from "./renderCircle.js";
+import c from "./renderImage.js";
+import l from "./renderLinePath.js";
+import u from "./renderPolygon.js";
+import d from "./renderRect.js";
+import f from "./renderText.js";
+//#region lib/render/renderCanvas.ts
+var p = {
+	[new n({
+		id: "a",
+		x: 0,
+		y: 0,
+		radius: 0
+	}).constructorName]: s,
+	[new t({
+		id: "a",
+		x: 0,
+		y: 0,
+		src: "",
+		width: 0,
+		height: 0
+	}).constructorName]: c,
+	[new r({
+		id: "a",
+		points: [{
+			x: 0,
+			y: 0
+		}],
+		lineWidth: 0,
+		stroke: ""
+	}).constructorName]: l,
+	[new i({
+		id: "a",
+		points: [{
+			x: 0,
+			y: 0
+		}]
+	}).constructorName]: u,
+	[new a({
+		id: "a",
+		x: 0,
+		y: 0,
+		width: 0,
+		height: 0
+	}).constructorName]: d,
+	[new o({
+		id: "a",
+		x: 0,
+		y: 0,
+		text: "?"
+	}).constructorName]: f
 };
-function j(o, m, f, c, p, r) {
-  const a = r.left + r.deltaLeft, d = r.top + r.deltaTop;
-  let i = "", n = "";
-  const s = y(p, r.zoom);
-  o.clearRect(0, 0, m, f);
-  for (const e of c) {
-    e.fill !== i && typeof e.fill < "u" && (o.fillStyle = e.fill, i = e.fill), e.stroke !== n && typeof e.stroke < "u" && (o.strokeStyle = e.stroke, n = e.stroke);
-    const t = e.constructorName;
-    if (l[t])
-      l[t](o, e, a, d, s);
-    else
-      throw new Error("Unsupported shape type:" + t);
-  }
+function m(t, n, r, i, a, o) {
+	let s = o.left + o.deltaLeft, c = o.top + o.deltaTop, l = "", u = "", d = e(a, o.zoom);
+	t.clearRect(0, 0, n, r);
+	for (let e of i) {
+		e.fill !== l && e.fill !== void 0 && (t.fillStyle = e.fill, l = e.fill), e.stroke !== u && e.stroke !== void 0 && (t.strokeStyle = e.stroke, u = e.stroke);
+		let n = e.constructorName;
+		if (p[n]) p[n](t, e, s, c, d);
+		else throw Error("Unsupported shape type:" + n);
+	}
 }
-export {
-  j as default
-};
+//#endregion
+export { m as default };

package/dist/render/renderCircle.js

@@ -1,12 +1,6 @@
-function d(f, r, i, s, a) {
-  f.beginPath(), f.arc(
-    i + r.x * a,
-    s + r.y * a,
-    r.radius * a,
-    0,
-    2 * Math.PI
-  ), r.fill && f.fill(), r.stroke && f.stroke();
+//#region lib/render/renderCircle.ts
+function e(e, t, n, r, i) {
+	e.beginPath(), e.arc(n + t.x * i, r + t.y * i, t.radius * i, 0, 2 * Math.PI), t.fill && e.fill(), t.stroke && e.stroke();
 }
-export {
-  d as default
-};
+//#endregion
+export { e as default };

package/dist/render/renderImage.js

@@ -1,41 +1,9 @@
+//#region lib/render/renderImage.ts
 window.__canvas2dWrapper__ = { imgCache: {} };
-function p(a, s, g, c, h) {
-  __canvas2dWrapper__.imgCache[s.src] || (__canvas2dWrapper__.imgCache[s.src] = new Image(), __canvas2dWrapper__.imgCache[s.src].src = s.src);
-  const i = g + s.x * h, d = c + s.y * h, r = s.width * h, _ = s.height * h;
-  s.rotation ? (a.save(), a.translate(i + r / 2, d + _ / 2), a.rotate(s.rotation), !s.sx || !s.sy || !s.swidth || !s.sheight ? a.drawImage(
-    __canvas2dWrapper__.imgCache[s.src],
-    -r / 2,
-    -_ / 2,
-    r,
-    _
-  ) : a.drawImage(
-    __canvas2dWrapper__.imgCache[s.src],
-    s.sx,
-    s.sy,
-    s.swidth,
-    s.sheight,
-    -s.swidth / 2,
-    -s.sheight / 2,
-    r,
-    _
-  ), a.restore()) : !s.sx || !s.sy || !s.swidth || !s.sheight ? a.drawImage(
-    __canvas2dWrapper__.imgCache[s.src],
-    i,
-    d,
-    r,
-    _
-  ) : a.drawImage(
-    __canvas2dWrapper__.imgCache[s.src],
-    s.sx,
-    s.sy,
-    s.swidth,
-    s.sheight,
-    i,
-    d,
-    r,
-    _
-  );
+function e(e, t, n, r, i) {
+	__canvas2dWrapper__.imgCache[t.src] || (__canvas2dWrapper__.imgCache[t.src] = new Image(), __canvas2dWrapper__.imgCache[t.src].src = t.src);
+	let a = n + t.x * i, o = r + t.y * i, s = t.width * i, c = t.height * i;
+	t.rotation ? (e.save(), e.translate(a + s / 2, o + c / 2), e.rotate(t.rotation), !t.sx || !t.sy || !t.swidth || !t.sheight ? e.drawImage(__canvas2dWrapper__.imgCache[t.src], -s / 2, -c / 2, s, c) : e.drawImage(__canvas2dWrapper__.imgCache[t.src], t.sx, t.sy, t.swidth, t.sheight, -t.swidth / 2, -t.sheight / 2, s, c), e.restore()) : !t.sx || !t.sy || !t.swidth || !t.sheight ? e.drawImage(__canvas2dWrapper__.imgCache[t.src], a, o, s, c) : e.drawImage(__canvas2dWrapper__.imgCache[t.src], t.sx, t.sy, t.swidth, t.sheight, a, o, s, c);
 }
-export {
-  p as default
-};
+//#endregion
+export { e as default };

package/dist/render/renderLinePath.js

@@ -1,27 +1,25 @@
-function L(n, r, g, l, i) {
-  const p = n.lineWidth, o = r.points.map((s) => ({
-    x: g + s.x * i,
-    y: l + s.y * i
-  }));
-  if (!(o.length < 2)) {
-    if (n.beginPath(), n.moveTo(o[0].x, o[0].y), r.smoothCorners && r.smoothCornersRadius) {
-      for (let s = 1; s < o.length - 1; s++) {
-        const h = o[s - 1], t = o[s], y = o[s + 1], d = t.x - h.x, f = t.y - h.y, a = y.x - t.x, u = y.y - t.y, c = Math.hypot(d, f), x = Math.hypot(a, u), R = d / c * r.smoothCornersRadius, W = f / c * r.smoothCornersRadius, v = a / x * r.smoothCornersRadius, T = u / x * r.smoothCornersRadius, e = {
-          x: t.x - R,
-          y: t.y - W
-        }, C = {
-          x: t.x + v,
-          y: t.y + T
-        };
-        n.lineTo(e.x, e.y), n.quadraticCurveTo(t.x, t.y, C.x, C.y);
-      }
-      n.lineTo(o[o.length - 1].x, o[o.length - 1].y);
-    } else
-      for (let s = 1; s < o.length; s++)
-        n.lineTo(o[s].x, o[s].y);
-    n.lineWidth = r.lineWidth * i, n.stroke(), n.lineWidth = p;
-  }
+//#region lib/render/renderLinePath.ts
+function e(e, t, n, r, i) {
+	let a = e.lineWidth, o = t.points.map((e) => ({
+		x: n + e.x * i,
+		y: r + e.y * i
+	}));
+	if (!(o.length < 2)) {
+		if (e.beginPath(), e.moveTo(o[0].x, o[0].y), t.smoothCorners && t.smoothCornersRadius) {
+			for (let n = 1; n < o.length - 1; n++) {
+				let r = o[n - 1], i = o[n], a = o[n + 1], s = i.x - r.x, c = i.y - r.y, l = a.x - i.x, u = a.y - i.y, d = Math.hypot(s, c), f = Math.hypot(l, u), p = s / d * t.smoothCornersRadius, m = c / d * t.smoothCornersRadius, h = l / f * t.smoothCornersRadius, g = u / f * t.smoothCornersRadius, _ = {
+					x: i.x - p,
+					y: i.y - m
+				}, v = {
+					x: i.x + h,
+					y: i.y + g
+				};
+				e.lineTo(_.x, _.y), e.quadraticCurveTo(i.x, i.y, v.x, v.y);
+			}
+			e.lineTo(o[o.length - 1].x, o[o.length - 1].y);
+		} else for (let t = 1; t < o.length; t++) e.lineTo(o[t].x, o[t].y);
+		e.lineWidth = t.lineWidth * i, e.stroke(), e.lineWidth = a;
+	}
 }
-export {
-  L as default
-};
+//#endregion
+export { e as default };

package/dist/render/renderPolygon.js

@@ -1,18 +1,8 @@
-function y(i, s, r, f, o) {
-  i.beginPath(), i.moveTo(
-    r + s.points[0].x * o,
-    f + s.points[0].y * o
-  );
-  for (let p = 0; p < s.points.length; p++)
-    i.lineTo(
-      r + s.points[p].x * o,
-      f + s.points[p].y * o
-    );
-  i.lineTo(
-    r + s.points[0].x * o,
-    f + s.points[0].y * o
-  ), s.fill && i.fill(), s.stroke && i.stroke();
+//#region lib/render/renderPolygon.ts
+function e(e, t, n, r, i) {
+	e.beginPath(), e.moveTo(n + t.points[0].x * i, r + t.points[0].y * i);
+	for (let a = 0; a < t.points.length; a++) e.lineTo(n + t.points[a].x * i, r + t.points[a].y * i);
+	e.lineTo(n + t.points[0].x * i, r + t.points[0].y * i), t.fill && e.fill(), t.stroke && e.stroke();
 }
-export {
-  y as default
-};
+//#endregion
+export { e as default };

package/dist/render/renderRect.js

@@ -1,27 +1,7 @@
-function d(r, s, a, R, o) {
-  const t = a + s.x * o, h = R + s.y * o, i = s.width * o, f = s.height * o;
-  s.rotation ? (r.save(), r.translate(t + i / 2, h + f / 2), r.rotate(s.rotation), s.fill && r.fillRect(
-    -i / 2,
-    -i / 2,
-    i,
-    f
-  ), s.stroke && r.strokeRect(
-    -i / 2,
-    -i / 2,
-    i,
-    f
-  ), r.restore()) : (s.fill && r.fillRect(
-    t,
-    h,
-    i,
-    f
-  ), s.stroke && r.strokeRect(
-    t,
-    h,
-    i,
-    f
-  ));
+//#region lib/render/renderRect.ts
+function e(e, t, n, r, i) {
+	let a = n + t.x * i, o = r + t.y * i, s = t.width * i, c = t.height * i;
+	t.rotation ? (e.save(), e.translate(a + s / 2, o + c / 2), e.rotate(t.rotation), t.fill && e.fillRect(-s / 2, -s / 2, s, c), t.stroke && e.strokeRect(-s / 2, -s / 2, s, c), e.restore()) : (t.fill && e.fillRect(a, o, s, c), t.stroke && e.strokeRect(a, o, s, c));
 }
-export {
-  d as default
-};
+//#endregion
+export { e as default };

package/dist/render/renderText.js

@@ -0,0 +1,7 @@
+//#region lib/render/renderText.ts
+function e(e, t, n, r, i) {
+	let a = n + t.x * i, o = r + t.y * i;
+	e.font = t.font ?? "16px arial", t.fill && e.fillText(t.text, a, o, t.maxWidth), t.stroke && e.strokeText(t.text, a, o, t.maxWidth);
+}
+//#endregion
+export { e as default };

package/dist/shapes/CanvasImage.js

@@ -1,38 +1,23 @@
-import g from "./CanvasObject.js";
-class u extends g {
-  src;
-  width;
-  height;
-  rotation;
-  swidth;
-  sheight;
-  sx;
-  sy;
-  /**
-   * Represents an Image that will be created on the canvas.
-   * Note: a cache to prevent too much loading is implemented, you can create as much
-   * images as you want of the same source without any performance issue.
-   *
-   * @param      {string|number}  id 		Identifier (used in click callback)
-   * @param      {number}			x       Left coordinate of top-left corner of picture in canvas
-   * @param      {number}			y       Top coordinate of top-left corner of picture in canvas
-   * @param      {number}  		width   Picture width in canvas
-   * @param      {number}  		height  Picture height in canvas
-   * @param      {string}      	src 	Image source link
-   * @param      {number}      	zIndex 	Stack order of the element
-   * @param      {boolean}      	hasCollisions 	Does the object have collisions ?
-   * @param      {number}      	rotation The rotation in radians
-   */
-  constructor({ id: t, x: s, y: h, width: i, height: e, src: r, zIndex: a, draggable: o, hasCollisions: c, rotation: n }) {
-    super(t, s, h, a, o, c), this.width = i, this.height = e, this.src = r, this.rotation = n;
-  }
-  crop(t, s, h) {
-    this.sx = t, this.sy = t, this.swidth = s, this.sheight = h;
-  }
-  get constructorName() {
-    return "CanvasImage";
-  }
-}
-export {
-  u as default
+import e from "./CanvasObject.js";
+//#region lib/shapes/CanvasImage.ts
+var t = class extends e {
+	src;
+	width;
+	height;
+	rotation;
+	swidth;
+	sheight;
+	sx;
+	sy;
+	constructor({ id: e, x: t, y: n, width: r, height: i, src: a, zIndex: o, draggable: s, hasCollisions: c, rotation: l }) {
+		super(e, t, n, o, s, c), this.width = r, this.height = i, this.src = a, this.rotation = l;
+	}
+	crop(e, t, n) {
+		this.sx = e, this.sy = e, this.swidth = t, this.sheight = n;
+	}
+	get constructorName() {
+		return "CanvasImage";
+	}
 };
+//#endregion
+export { t as default };

package/dist/shapes/CanvasObject.js

@@ -1,27 +1,25 @@
-class d {
-  id;
-  x;
-  y;
-  draggable;
-  hasCollisions;
-  "z-index";
-  fill;
-  // Always undefined here but needed for typescript to work with renderCanvas() sorting
-  stroke;
-  // Always undefined here but needed for typescript to work with renderCanvas() sorting
-  constructor(s, t, e, i, a, n) {
-    this.id = s, this.x = t, this.y = e, this["z-index"] = i, this.draggable = a, this.hasCollisions = n;
-  }
-  set zIndex(s) {
-    this["z-index"] = s;
-  }
-  get zIndex() {
-    return this["z-index"] || 0;
-  }
-  get constructorName() {
-    return "CanvasObject";
-  }
-}
-export {
-  d as default
+//#region lib/shapes/CanvasObject.ts
+var e = class {
+	id;
+	x;
+	y;
+	draggable;
+	hasCollisions;
+	"z-index";
+	fill;
+	stroke;
+	constructor(e, t, n, r, i, a) {
+		this.id = e, this.x = t, this.y = n, this["z-index"] = r, this.draggable = i, this.hasCollisions = a;
+	}
+	set zIndex(e) {
+		this["z-index"] = e;
+	}
+	get zIndex() {
+		return this["z-index"] || 0;
+	}
+	get constructorName() {
+		return "CanvasObject";
+	}
 };
+//#endregion
+export { e as default };

package/dist/shapes/Circle.js

@@ -1,25 +1,13 @@
-import d from "./ColoredCanvasObject.js";
-class C extends d {
-  radius;
-  /**
-   * Represents a Rectangle that will be created on the canvas.
-   *
-   * @param      {string|number}  id 		Identifier (used in click callback)
-   * @param      {number}			x       Left coordinate of circle center in canvas
-   * @param      {number}			y       Top coordinate of circle center in canvas
-   * @param      {number}  		radius  Circle radius in canvas
-   * @param      {string}      	fill 	DOMString, CanvasGradient or CanvsPattern representing what should be put in CanvasRenderingContext2D.fillStyle
-   * @param      {string}      	stroke 	DOMString, CanvasGradient or CanvsPattern representing what should be put in CanvasRenderingContext2D.strokeStyle
-   * @param      {number}      	zIndex 	Stack order of the element
-   * @param      {boolean}      	hasCollisions 	Does the object have collisions ?
-   */
-  constructor({ id: r, x: e, y: t, radius: s, fill: o, stroke: a, zIndex: c, draggable: u, hasCollisions: i }) {
-    super(r, e, t, o, a, c, u, i), this.radius = s;
-  }
-  get constructorName() {
-    return "Circle";
-  }
-}
-export {
-  C as default
+import e from "./ColoredCanvasObject.js";
+//#region lib/shapes/Circle.ts
+var t = class extends e {
+	radius;
+	constructor({ id: e, x: t, y: n, radius: r, fill: i, stroke: a, zIndex: o, draggable: s, hasCollisions: c }) {
+		super(e, t, n, i, a, o, s, c), this.radius = r;
+	}
+	get constructorName() {
+		return "Circle";
+	}
 };
+//#endregion
+export { t as default };

package/dist/shapes/ColoredCanvasObject.js

@@ -1,14 +1,14 @@
-import n from "./CanvasObject.js";
-class C extends n {
-  fill;
-  stroke;
-  constructor(t, e, r, s, o, a, c, l) {
-    super(t, e, r, a, c, l), this.fill = s, this.stroke = o;
-  }
-  get constructorName() {
-    return "ColoredCanvasObject";
-  }
-}
-export {
-  C as default
+import e from "./CanvasObject.js";
+//#region lib/shapes/ColoredCanvasObject.ts
+var t = class extends e {
+	fill;
+	stroke;
+	constructor(e, t, n, r, i, a, o, s) {
+		super(e, t, n, a, o, s), this.fill = r, this.stroke = i;
+	}
+	get constructorName() {
+		return "ColoredCanvasObject";
+	}
 };
+//#endregion
+export { t as default };

package/dist/shapes/LinePath.js

@@ -1,28 +1,16 @@
-import a from "./ColoredCanvasObject.js";
-class u extends a {
-  points;
-  lineWidth;
-  smoothCorners;
-  smoothCornersRadius;
-  /**
-   * Represents a Line Path that will be created on the canvas.
-   *
-   * @param      {string|number}  id 		Identifier (used in click callback)
-   * @param      {number}			points  Array of coordinates {x, y} of the polygon points
-   * @param      {string}      	stroke 	DOMString, CanvasGradient or CanvsPattern representing what should be put in CanvasRenderingContext2D.strokeStyle
-   * @param      {number}      	zIndex 	Stack order of the element
-   * @param 	   {number} 		lineWidth Width of the stroked line
-   * @param 	   {number} 		smoothCorners  Should we have smooth corners ?
-   * @param 	   {number} 		smoothCornersRadius  Radius of smoothed corners
-   * @param      {boolean}      	hasCollisions 	Does the object have collisions ?
-   */
-  constructor({ id: t, lineWidth: o, points: s, stroke: e, zIndex: r, smoothCorners: n, smoothCornersRadius: i, hasCollisions: h }) {
-    super(t, s[0].x, s[0].y, "none", e, r, !1, h), this.points = s, this.lineWidth = o, this.smoothCorners = n, this.smoothCornersRadius = i;
-  }
-  get constructorName() {
-    return "LinePath";
-  }
-}
-export {
-  u as default
+import e from "./ColoredCanvasObject.js";
+//#region lib/shapes/LinePath.ts
+var t = class extends e {
+	points;
+	lineWidth;
+	smoothCorners;
+	smoothCornersRadius;
+	constructor({ id: e, lineWidth: t, points: n, stroke: r, zIndex: i, smoothCorners: a, smoothCornersRadius: o, hasCollisions: s }) {
+		super(e, n[0].x, n[0].y, "none", r, i, !1, s), this.points = n, this.lineWidth = t, this.smoothCorners = a, this.smoothCornersRadius = o;
+	}
+	get constructorName() {
+		return "LinePath";
+	}
 };
+//#endregion
+export { t as default };

package/dist/shapes/Polygon.js

@@ -1,23 +1,13 @@
-import c from "./ColoredCanvasObject.js";
-class d extends c {
-  points;
-  /**
-   * Represents a Rectangle that will be created on the canvas.
-   *
-   * @param      {string|number}  id 		Identifier (used in click callback)
-   * @param      {number}			points  Array of coordinates {x, y} of the polygon points
-   * @param      {string}      	fill 	DOMString, CanvasGradient or CanvsPattern representing what should be put in CanvasRenderingContext2D.fillStyle
-   * @param      {string}      	stroke 	DOMString, CanvasGradient or CanvsPattern representing what should be put in CanvasRenderingContext2D.strokeStyle
-   * @param      {number}      	zIndex 	Stack order of the element
-   * @param      {boolean}      	hasCollisions 	Does the object have collisions ?
-   */
-  constructor({ id: t, points: o, fill: r, stroke: e, zIndex: s, draggable: n, hasCollisions: a }) {
-    super(t, o[0].x, o[0].y, r, e, s, n, a), this.points = o;
-  }
-  get constructorName() {
-    return "Polygon";
-  }
-}
-export {
-  d as default
+import e from "./ColoredCanvasObject.js";
+//#region lib/shapes/Polygon.ts
+var t = class extends e {
+	points;
+	constructor({ id: e, points: t, fill: n, stroke: r, zIndex: i, draggable: a, hasCollisions: o }) {
+		super(e, t[0].x, t[0].y, n, r, i, a, o), this.points = t;
+	}
+	get constructorName() {
+		return "Polygon";
+	}
 };
+//#endregion
+export { t as default };

package/dist/shapes/Rect.js

@@ -1,29 +1,15 @@
-import u from "./ColoredCanvasObject.js";
-class m extends u {
-  width;
-  height;
-  rotation;
-  /**
-   * Represents a Rectangle that will be created on the canvas.
-   *
-   * @param      {string|number}  id 		Identifier (used in click callback)
-   * @param      {number}			x       Left coordinate of top-left corner of rectangle in canvas
-   * @param      {number}			y       Top coordinate of top-left corner of rectangle in canvas
-   * @param      {number}  		width   Rectangle width in canvas
-   * @param      {number}  		height  Rectangle height in canvas
-   * @param      {string}      	fill 	DOMString, CanvasGradient or CanvsPattern representing what should be put in CanvasRenderingContext2D.fillStyle
-   * @param      {string}      	stroke 	DOMString, CanvasGradient or CanvsPattern representing what should be put in CanvasRenderingContext2D.strokeStyle
-   * @param      {number}      	zIndex 	Stack order of the element
-   * @param      {boolean}      	hasCollisions 	Does the object have collisions ?
-   * @param      {number}      	rotation The rotation in radians
-   */
-  constructor({ id: t, x: e, y: o, width: r, height: s, fill: i, stroke: h, zIndex: a, draggable: c, hasCollisions: n, rotation: d }) {
-    super(t, e, o, i, h, a, c, n), this.width = r, this.height = s, this.rotation = d;
-  }
-  get constructorName() {
-    return "Rect";
-  }
-}
-export {
-  m as default
+import e from "./ColoredCanvasObject.js";
+//#region lib/shapes/Rect.ts
+var t = class extends e {
+	width;
+	height;
+	rotation;
+	constructor({ id: e, x: t, y: n, width: r, height: i, fill: a, stroke: o, zIndex: s, draggable: c, hasCollisions: l, rotation: u }) {
+		super(e, t, n, a, o, s, c, l), this.width = r, this.height = i, this.rotation = u;
+	}
+	get constructorName() {
+		return "Rect";
+	}
 };
+//#endregion
+export { t as default };

package/dist/shapes/Text.js

@@ -0,0 +1,15 @@
+import e from "./ColoredCanvasObject.js";
+//#region lib/shapes/Text.ts
+var t = class extends e {
+	text;
+	maxWidth;
+	font;
+	constructor({ id: e, x: t, y: n, text: r, maxWidth: i, font: a, fill: o, stroke: s, zIndex: c, draggable: l, hasCollisions: u }) {
+		super(e, t, n, o, s, c, l, u), this.text = r, this.maxWidth = i, this.font = a;
+	}
+	get constructorName() {
+		return "Text";
+	}
+};
+//#endregion
+export { t as default };

package/dist/types/Canvas2DProps.js

@@ -1 +0,0 @@
-

package/dist/types/Canvas2DState.js

@@ -1 +0,0 @@
-

package/dist/types/CollideElementResultItem.js

@@ -1 +0,0 @@
-

package/dist/types/Position2D.js

@@ -1 +0,0 @@
-

package/dist/types/Surface2D.js

@@ -1 +0,0 @@
-