Merge pull request #7 from carlosmaiello/main

fix: Add type zoomIn, zoomOut and reset button

Author: lam0819

resources/views/components/pan-zoom.blade.php

@@ -50,6 +50,7 @@ class="max-w-none transition-transform duration-75 block select-none"
 
         <div class="absolute top-4 right-4 flex flex-col gap-2 bg-white/90 backdrop-blur-sm rounded-lg p-2 shadow-lg">
             <button 
+                type="button"
                 @click="zoomIn"
                 class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border border-gray-200 rounded text-gray-600 hover:text-gray-800 transition-colors"
                 title="Zoom In"
@@ -60,6 +61,7 @@ class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border
             </button>
 
             <button 
+                type="button"
                 @click="zoomOut"
                 class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border border-gray-200 rounded text-gray-600 hover:text-gray-800 transition-colors"
                 title="Zoom Out"
@@ -70,6 +72,7 @@ class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border
             </button>
 
             <button 
+                type="button"
                 @click="reset"
                 class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border border-gray-200 rounded text-gray-600 hover:text-gray-800 transition-colors"
                 title="Reset View"

resources/views/filament-panzoom.blade.php

@@ -30,7 +30,8 @@ class="max-w-none transition-transform duration-75 block select-none"
     </div>
 
     <div class="absolute top-4 right-4 flex flex-col gap-2 bg-white/90 backdrop-blur-sm rounded-lg p-2 shadow-lg">
-        <button 
+        <button
+            type="button"
             @click="zoomIn"
             class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border border-gray-200 rounded text-gray-600 hover:text-gray-800 transition-colors"
             title="Zoom In"
@@ -41,6 +42,7 @@ class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border
         </button>
 
         <button 
+            type="button"
             @click="zoomOut"
             class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border border-gray-200 rounded text-gray-600 hover:text-gray-800 transition-colors"
             title="Zoom Out"
@@ -51,6 +53,7 @@ class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border
         </button>
 
         <button 
+            type="button"
             @click="reset"
             class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border border-gray-200 rounded text-gray-600 hover:text-gray-800 transition-colors"
             title="Reset View"
@@ -64,4 +67,4 @@ class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border
     <div class="absolute bottom-4 right-4 bg-white/90 backdrop-blur-sm rounded-lg px-3 py-1 shadow-lg text-sm text-gray-600">
         <span x-text="`${Math.round(scale * 100)}%`"></span>
     </div>
-</div>
+</div>

resources/views/infolists/components/pan-zoom-entry.blade.php

@@ -31,6 +31,7 @@ class="max-w-none transition-transform duration-75 block select-none"
 
         <div class="absolute top-4 right-4 flex flex-col gap-2 bg-white/90 backdrop-blur-sm rounded-lg p-2 shadow-lg">
             <button 
+                type="button"
                 @click="zoomIn"
                 class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border border-gray-200 rounded text-gray-600 hover:text-gray-800 transition-colors"
                 title="Zoom In"
@@ -41,6 +42,7 @@ class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border
             </button>
 
             <button 
+                type="button"
                 @click="zoomOut"
                 class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border border-gray-200 rounded text-gray-600 hover:text-gray-800 transition-colors"
                 title="Zoom Out"
@@ -51,6 +53,7 @@ class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border
             </button>
 
             <button 
+                type="button"
                 @click="reset"
                 class="w-8 h-8 flex items-center justify-center bg-white hover:bg-gray-50 border border-gray-200 rounded text-gray-600 hover:text-gray-800 transition-colors"
                 title="Reset View"