From 894daa194df2b2f230a314ebfbcf425f299b3c32 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Sat, 7 Jun 2025 20:00:59 +0800
Subject: [PATCH 1/2] chore: bump version 9.0.3

---
 src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
index 0dded31a24a..a6b2ded5c50 100644
--- a/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
+++ b/src/BootstrapBlazor.Server/BootstrapBlazor.Server.csproj
@@ -43,7 +43,7 @@
     <PackageReference Include="BootstrapBlazor.Html2Image" Version="9.0.2" />
     <PackageReference Include="BootstrapBlazor.Html2Pdf" Version="9.0.2" />
     <PackageReference Include="BootstrapBlazor.IconPark" Version="9.0.3" />
-    <PackageReference Include="BootstrapBlazor.ImageCropper" Version="9.0.2" />
+    <PackageReference Include="BootstrapBlazor.ImageCropper" Version="9.0.3" />
     <PackageReference Include="BootstrapBlazor.IP2Region" Version="9.0.1" />
     <PackageReference Include="BootstrapBlazor.JitsiMeet" Version="9.0.0" />
     <PackageReference Include="BootstrapBlazor.JuHeIpLocatorProvider" Version="9.0.0" />

From 7556dadb7f35d19871cca80f368c008b89839ec4 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Sat, 7 Jun 2025 20:01:09 +0800
Subject: [PATCH 2/2] feat(ImageCropper): add OnCropChangedAsync parameter

---
 .../Components/Samples/ImageCroppers.razor    | 54 ++++++++++++++++++-
 .../Components/Samples/ImageCroppers.razor.cs |  8 +++
 2 files changed, 61 insertions(+), 1 deletion(-)

diff --git a/src/BootstrapBlazor.Server/Components/Samples/ImageCroppers.razor b/src/BootstrapBlazor.Server/Components/Samples/ImageCroppers.razor
index e364264cca1..f8130b63f8f 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/ImageCroppers.razor
+++ b/src/BootstrapBlazor.Server/Components/Samples/ImageCroppers.razor
@@ -7,7 +7,7 @@
 <PackageTips Name="BootstrapBlazor.ImageCropper" />
 
 <DemoBlock Title="@Localizer["ImageCropperNormalText"]" Introduction="@Localizer["ImageCropperNormalIntro"]" Name="Normal">
-    <ImageCropper @ref="_cropper" Url="@_images[0]" Options="_roundOptions1"></ImageCropper>
+    <ImageCropper @ref="_cropper" Url="@_images[0]" Options="_roundOptions1" OnCropChangedAsync="OnCropChangedAsync"></ImageCropper>
     <section ignore>
         <BootstrapInputGroup>
             <Button Text="OK" OnClick="Crop"></Button>
@@ -26,6 +26,58 @@
             <div class="bb-cropper-preview bb-cropper-preview1 bb-cropper-preview-xs"></div>
         </div>
 
+        <div class="row g-3 mt-3">
+            <div class="col-12 col-sm-6">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="X"></BootstrapInputGroupLabel>
+                    <Display Value="_data.X"></Display>
+                    <BootstrapInputGroupLabel DisplayText="px"></BootstrapInputGroupLabel>
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-sm-6">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="Y"></BootstrapInputGroupLabel>
+                    <Display Value="_data.Y"></Display>
+                    <BootstrapInputGroupLabel DisplayText="px"></BootstrapInputGroupLabel>
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-sm-6">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="Width"></BootstrapInputGroupLabel>
+                    <Display Value="_data.Width"></Display>
+                    <BootstrapInputGroupLabel DisplayText="px"></BootstrapInputGroupLabel>
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-sm-6">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="Height"></BootstrapInputGroupLabel>
+                    <Display Value="_data.Height"></Display>
+                    <BootstrapInputGroupLabel DisplayText="px"></BootstrapInputGroupLabel>
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-sm-6">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="Rotate"></BootstrapInputGroupLabel>
+                    <Display Value="_data.Rotate"></Display>
+                    <BootstrapInputGroupLabel DisplayText="deg"></BootstrapInputGroupLabel>
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-sm-6 d-none d-sm-flex">
+            </div>
+            <div class="col-12 col-sm-6">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="ScaleX"></BootstrapInputGroupLabel>
+                    <Display Value="_data.ScaleX"></Display>
+                </BootstrapInputGroup>
+            </div>
+            <div class="col-12 col-sm-6">
+                <BootstrapInputGroup>
+                    <BootstrapInputGroupLabel DisplayText="ScaleY"></BootstrapInputGroupLabel>
+                    <Display Value="_data.ScaleY"></Display>
+                </BootstrapInputGroup>
+            </div>
+        </div>
+
         @if (!string.IsNullOrEmpty(_base64String))
         {
             <img src="@_base64String" style="width: 240px; margin-top: 1rem;" />
diff --git a/src/BootstrapBlazor.Server/Components/Samples/ImageCroppers.razor.cs b/src/BootstrapBlazor.Server/Components/Samples/ImageCroppers.razor.cs
index 754826fbc9d..19afdee5737 100644
--- a/src/BootstrapBlazor.Server/Components/Samples/ImageCroppers.razor.cs
+++ b/src/BootstrapBlazor.Server/Components/Samples/ImageCroppers.razor.cs
@@ -58,6 +58,14 @@ private async Task RoundCrop()
 
     private Task Rotate() => _cropper.Rotate(90);
 
+    private ImageCropperData _data = new();
+    private Task OnCropChangedAsync(ImageCropperData data)
+    {
+        _data = data;
+        StateHasChanged();
+        return Task.CompletedTask;
+    }
+
     private AttributeItem[] GetAttributes() =>
     [
         new()