From b1dfb4d943f94d8e5051b01f148663031942acd8 Mon Sep 17 00:00:00 2001
From: Maurice Conrad <conr.maur@gmail.com>
Date: Sun, 14 Apr 2024 14:58:20 +0200
Subject: [PATCH] new wrapper bounds exposed

---
 playground/src/components/Playground.vue   |  9 +++++++++
 zoompinch-vue/package.json                 |  2 +-
 zoompinch-vue/src/components/Zoompinch.vue | 12 ++++++++++++
 zoompinch-vue/src/controllers/zoom.ts      |  4 ++++
 4 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/playground/src/components/Playground.vue b/playground/src/components/Playground.vue
index f76161a..8316890 100644
--- a/playground/src/components/Playground.vue
+++ b/playground/src/components/Playground.vue
@@ -193,6 +193,15 @@ function fit(animate: boolean) {
 onMounted(() => {
   setTimeout(() => fit(true));
 });
+
+watch(
+  () => zoompinchRef.value?.wrapperBounds,
+  () => {
+    requestAnimationFrame(() => {
+      zoompinchRef.value?.applyTransform(1, [0.5, 0.5], [0.5, 0.5], false);
+    });
+  }
+);
 </script>
 
 <style scoped lang="scss">
diff --git a/zoompinch-vue/package.json b/zoompinch-vue/package.json
index b12f3b4..54d82ea 100644
--- a/zoompinch-vue/package.json
+++ b/zoompinch-vue/package.json
@@ -1,7 +1,7 @@
 {
   "name": "zoompinch",
   "private": false,
-  "version": "0.0.24",
+  "version": "0.0.25",
   "type": "module",
   "files": [
     "package.json",
diff --git a/zoompinch-vue/src/components/Zoompinch.vue b/zoompinch-vue/src/components/Zoompinch.vue
index 5926674..49932c2 100644
--- a/zoompinch-vue/src/components/Zoompinch.vue
+++ b/zoompinch-vue/src/components/Zoompinch.vue
@@ -131,6 +131,10 @@ const {
   normalizeMatrixCoordinates,
   transitionEnabled,
   transitionDuration,
+  wrapperX,
+  wrapperY,
+  wrapperWidth,
+  wrapperHeight,
 } = useZoom({
   wrapperElementRef: zoompinchRef,
   canvasNaturalWidth,
@@ -255,6 +259,14 @@ defineExpose({
   applyTransform,
   calcProjectionTranslate,
   rotateCanvas,
+  wrapperBounds: computed(() => {
+    return {
+      x: wrapperX.value,
+      y: wrapperY.value,
+      width: wrapperWidth.value,
+      height: wrapperHeight.value,
+    };
+  }),
 });
 </script>
 
diff --git a/zoompinch-vue/src/controllers/zoom.ts b/zoompinch-vue/src/controllers/zoom.ts
index ffcb9d5..9bb1b67 100644
--- a/zoompinch-vue/src/controllers/zoom.ts
+++ b/zoompinch-vue/src/controllers/zoom.ts
@@ -375,5 +375,9 @@ export function useZoom({
     wrapperBounds,
     transitionEnabled,
     transitionDuration,
+    wrapperX,
+    wrapperY,
+    wrapperWidth,
+    wrapperHeight,
   };
 }