@zoompinch/core 0.0.9 → 0.0.11

package/dist/zoompinch-core.es.js

@@ -47,13 +47,7 @@ class E extends EventTarget {
       const { x: u, y: p, width: g, height: S } = this.element.getBoundingClientRect();
       this.wrapperBounds = { x: u, y: p, width: g, height: S }, this.update();
     }), d = new ResizeObserver(() => {
-      const { x: u, y: p, width: g, height: S } = y(
-        this.canvasElement.getBoundingClientRect(),
-        this.renderingTranslateX,
-        this.renderingTranslateY,
-        this.renderinScale,
-        this.renderingRotate
-      );
+      const { x: u, y: p, width: g, height: S } = y(this.canvasElement.getBoundingClientRect(), this.renderingTranslateX, this.renderingTranslateY, this.renderinScale, this.renderingRotate);
       this.canvasBounds = { x: u, y: p, width: g, height: S }, this.update();
     });
     requestAnimationFrame(() => {
@@ -116,11 +110,7 @@ class E extends EventTarget {
     W(t) || ((Math.abs(e) === 120 || Math.abs(e) === 200) && (e = e / (100 / i * C(e, n)) * Math.sign(e)), (Math.abs(s) === 120 || Math.abs(s) === 200) && (s = s / (100 / i * C(s, n)) * Math.sign(s)));
     const h = this.scale;
     if (a) {
-      const c = -s / 100 * h, l = R(h + c, this.minScale, this.maxScale), d = this.relativeWrapperCoordinatesFromClientCoords(t.clientX, t.clientY), [u, p] = this.calcProjectionTranslate(
-        l,
-        d,
-        this.normalizeMatrixCoordinates(t.clientX, t.clientY)
-      );
+      const c = -s / 100 * h, l = R(h + c, this.minScale, this.maxScale), d = this.relativeWrapperCoordinatesFromClientCoords(t.clientX, t.clientY), [u, p] = this.calcProjectionTranslate(l, d, this.normalizeMatrixCoordinates(t.clientX, t.clientY));
       this.translateX = u, this.translateY = p, this.scale = l;
     } else
       this.translateX = this.translateX - e, this.translateY = this.translateY - s;
@@ -140,42 +130,14 @@ class E extends EventTarget {
   }
   handleTouchmove(t) {
     t.preventDefault();
-    const e = Array.from(t.touches).map(
-      (s) => this.clientCoordsToWrapperCoords(s.clientX, s.clientY)
-    );
+    const e = Array.from(t.touches).map((s) => this.clientCoordsToWrapperCoords(s.clientX, s.clientY));
     if (this.touchStarts) {
       if (e.length >= 2 && this.touchStarts.length >= 2) {
-        const s = [
-          this.touchStarts[0].canvasRel[0] * this.canvasBounds.width,
-          this.touchStarts[0].canvasRel[1] * this.canvasBounds.height
-        ], a = [
-          this.touchStarts[1].canvasRel[0] * this.canvasBounds.width,
-          this.touchStarts[1].canvasRel[1] * this.canvasBounds.height
-        ], n = Math.sqrt(
-          Math.pow(s[0] - a[0], 2) + Math.pow(s[1] - a[1], 2)
-        ), i = Math.sqrt(
-          Math.pow(e[0][0] - e[1][0], 2) + Math.pow(e[0][1] - e[1][1], 2)
-        ) / this.naturalScale, h = R(i / n, this.minScale, this.maxScale), c = [
-          e[0][0] / this.wrapperInnerWidth,
-          e[0][1] / this.wrapperInnerHeight
-        ], l = this.touchStarts[0].canvasRel, [d, u] = this.calcProjectionTranslate(h, c, l, 0);
+        const s = [this.touchStarts[0].canvasRel[0] * this.canvasBounds.width, this.touchStarts[0].canvasRel[1] * this.canvasBounds.height], a = [this.touchStarts[1].canvasRel[0] * this.canvasBounds.width, this.touchStarts[1].canvasRel[1] * this.canvasBounds.height], n = Math.sqrt(Math.pow(s[0] - a[0], 2) + Math.pow(s[1] - a[1], 2)), i = Math.sqrt(Math.pow(e[0][0] - e[1][0], 2) + Math.pow(e[0][1] - e[1][1], 2)) / this.naturalScale, h = R(i / n, this.minScale, this.maxScale), c = [e[0][0] / this.wrapperInnerWidth, e[0][1] / this.wrapperInnerHeight], l = this.touchStarts[0].canvasRel, [d, u] = this.calcProjectionTranslate(h, c, l, 0);
         let p = 0, g = 0, S = 0;
-        const T = Math.atan2(
-          a[1] - s[1],
-          a[0] - s[0]
-        );
+        const T = Math.atan2(a[1] - s[1], a[0] - s[0]);
         S = Math.atan2(e[1][1] - e[0][1], e[1][0] - e[0][0]) - T;
-        const m = (M, P) => [
-          this.offset.left + this.canvasBounds.width * M * this.naturalScale * h + d,
-          this.offset.top + this.canvasBounds.height * P * this.naturalScale * h + u
-        ], Y = m(0, 0), B = m(
-          this.touchStarts[0].canvasRel[0],
-          this.touchStarts[0].canvasRel[1]
-        ), X = v(
-          Y,
-          B,
-          S
-        );
+        const m = (M, P) => [this.offset.left + this.canvasBounds.width * M * this.naturalScale * h + d, this.offset.top + this.canvasBounds.height * P * this.naturalScale * h + u], Y = m(0, 0), B = m(this.touchStarts[0].canvasRel[0], this.touchStarts[0].canvasRel[1]), X = v(Y, B, S);
         p = X[0] - Y[0], g = X[1] - Y[1], this.scale = h, this.rotate = S, this.translateX = d + p, this.translateY = u + g;
       } else {
         const s = t.touches[0].clientX - this.touchStarts[0].client[0], a = t.touches[0].clientY - this.touchStarts[0].client[1], n = this.touchStartTranslateX + s, i = this.touchStartTranslateY + a;
@@ -198,10 +160,7 @@ class E extends EventTarget {
   }
   composeRelPoint(t, e, s, a, n, i) {
     s = s ?? this.scale, a = a ?? this.translateX, n = n ?? this.translateY, i = i ?? this.rotate;
-    const h = [this.offset.left, this.offset.top], c = [
-      this.offset.left + this.canvasBounds.width * (s * this.naturalScale) * t,
-      this.offset.top + this.canvasBounds.height * (s * this.naturalScale) * e
-    ], l = v(c, h, i);
+    const h = [this.offset.left, this.offset.top], c = [this.offset.left + this.canvasBounds.width * (s * this.naturalScale) * t, this.offset.top + this.canvasBounds.height * (s * this.naturalScale) * e], l = v(c, h, i);
     return [l[0] + a, l[1] + n];
   }
   composePoint(t, e) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zoompinch/core",
   "description": "Pinch-and-zoom experience that's feels native and communicates the transform reactively and lets you project any layer on top of the transformed canvas",
-  "version": "0.0.9",
+  "version": "0.0.11",
   "private": false,
   "type": "module",
   "main": "./dist/zoompinch-core.umd.js",
@@ -24,5 +24,13 @@
   "devDependencies": {
     "typescript": "^5.9.3",
     "vite": "^6.4.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://zoompinch.pages.dev/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ElyaConrad/zoompinch"
   }
 }