Implement mouse cursor for web

Add `onZoomChanged` for `PdfPreview`

@@ -16,6 +16,7 @@
 
 
 import 'dart:async';
 import 'dart:async';
 
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/material.dart';
 import 'package:pdf/pdf.dart';
 import 'package:pdf/pdf.dart';
 
 
@@ -51,6 +52,7 @@ class PdfPreviewCustom extends StatefulWidget {
     this.shrinkWrap = false,
     this.shrinkWrap = false,
     this.pagesBuilder,
     this.pagesBuilder,
     this.enableScrollToPage = false,
     this.enableScrollToPage = false,
+    this.onZoomChanged,
   }) : super(key: key);
   }) : super(key: key);
 
 
   /// Pdf paper page format
   /// Pdf paper page format
@@ -106,6 +108,9 @@ class PdfPreviewCustom extends StatefulWidget {
   /// Whether scroll to page functionality enabled.
   /// Whether scroll to page functionality enabled.
   final bool enableScrollToPage;
   final bool enableScrollToPage;
 
 
+  /// The zoom mode has changed
+  final ValueChanged<bool>? onZoomChanged;
+
   @override
   @override
   PdfPreviewCustomState createState() => PdfPreviewCustomState();
   PdfPreviewCustomState createState() => PdfPreviewCustomState();
 }
 }
@@ -130,6 +135,8 @@ class PdfPreviewCustomState extends State<PdfPreviewCustom>
 
 
   Timer? previewUpdate;
   Timer? previewUpdate;
 
 
+  MouseCursor _mouseCursor = MouseCursor.defer;
+
   static const _errorMessage = 'Unable to display the document';
   static const _errorMessage = 'Unable to display the document';
 
 
   @override
   @override
@@ -137,6 +144,7 @@ class PdfPreviewCustomState extends State<PdfPreviewCustom>
 
 
   @override
   @override
   void dispose() {
   void dispose() {
+    transformationController.dispose();
     previewUpdate?.cancel();
     previewUpdate?.cancel();
     super.dispose();
     super.dispose();
   }
   }
@@ -155,6 +163,7 @@ class PdfPreviewCustomState extends State<PdfPreviewCustom>
       preview = null;
       preview = null;
       updatePosition = null;
       updatePosition = null;
       raster();
       raster();
+      _zoomChanged();
     }
     }
     super.didUpdateWidget(oldWidget);
     super.didUpdateWidget(oldWidget);
   }
   }
@@ -235,7 +244,11 @@ class PdfPreviewCustomState extends State<PdfPreviewCustom>
               updatePosition = scrollController.position.pixels;
               updatePosition = scrollController.position.pixels;
               preview = index;
               preview = index;
               transformationController.value.setIdentity();
               transformationController.value.setIdentity();
+              if (kIsWeb) {
+                _mouseCursor = SystemMouseCursors.grab;
+              }
             });
             });
+            _zoomChanged();
           },
           },
           child: PdfPreviewPage(
           child: PdfPreviewPage(
             key: key,
             key: key,
@@ -271,11 +284,22 @@ class PdfPreviewCustomState extends State<PdfPreviewCustom>
   }
   }
 
 
   Widget _zoomPreview() {
   Widget _zoomPreview() {
-    return GestureDetector(
+    final zoomPreview = GestureDetector(
+      onTap: () {
+        if (kIsWeb) {
+          setState(() {
+            _mouseCursor = SystemMouseCursors.grabbing;
+          });
+        }
+      },
       onDoubleTap: () {
       onDoubleTap: () {
         setState(() {
         setState(() {
           preview = null;
           preview = null;
+          if (kIsWeb) {
+            _mouseCursor = MouseCursor.defer;
+          }
         });
         });
+        _zoomChanged();
       },
       },
       child: InteractiveViewer(
       child: InteractiveViewer(
         transformationController: transformationController,
         transformationController: transformationController,
@@ -289,8 +313,13 @@ class PdfPreviewCustomState extends State<PdfPreviewCustom>
         ),
         ),
       ),
       ),
     );
     );
+    return kIsWeb
+        ? MouseRegion(cursor: _mouseCursor, child: zoomPreview)
+        : zoomPreview;
   }
   }
 
 
+  void _zoomChanged() => widget.onZoomChanged?.call(preview != null);
+
   @override
   @override
   Widget build(BuildContext context) {
   Widget build(BuildContext context) {
     Widget page;
     Widget page;

@@ -65,6 +65,7 @@ class PdfPreview extends StatefulWidget {
     this.dpi,
     this.dpi,
     this.actionBarTheme = const PdfActionBarTheme(),
     this.actionBarTheme = const PdfActionBarTheme(),
     this.enableScrollToPage = false,
     this.enableScrollToPage = false,
+    this.onZoomChanged,
   })  : _pagesBuilder = null,
   })  : _pagesBuilder = null,
         super(key: key);
         super(key: key);
 
 
@@ -125,6 +126,7 @@ class PdfPreview extends StatefulWidget {
     this.actionBarTheme = const PdfActionBarTheme(),
     this.actionBarTheme = const PdfActionBarTheme(),
     required CustomPdfPagesBuilder pagesBuilder,
     required CustomPdfPagesBuilder pagesBuilder,
     this.enableScrollToPage = false,
     this.enableScrollToPage = false,
+    this.onZoomChanged,
   })  : _pagesBuilder = pagesBuilder,
   })  : _pagesBuilder = pagesBuilder,
         super(key: key);
         super(key: key);
 
 
@@ -238,6 +240,9 @@ class PdfPreview extends StatefulWidget {
   /// Whether scroll to page functionality enabled.
   /// Whether scroll to page functionality enabled.
   final bool enableScrollToPage;
   final bool enableScrollToPage;
 
 
+  /// The zoom mode has changed
+  final ValueChanged<bool>? onZoomChanged;
+
   @override
   @override
   PdfPreviewState createState() => PdfPreviewState();
   PdfPreviewState createState() => PdfPreviewState();
 }
 }
@@ -411,6 +416,7 @@ class PdfPreviewState extends State<PdfPreview> {
                 pagesBuilder: widget._pagesBuilder,
                 pagesBuilder: widget._pagesBuilder,
                 dpi: widget.dpi,
                 dpi: widget.dpi,
                 enableScrollToPage: widget.enableScrollToPage,
                 enableScrollToPage: widget.enableScrollToPage,
+                onZoomChanged: widget.onZoomChanged,
               );
               );
             }),
             }),
           ),
           ),