From e974a116d23b2a738a0083b872a45f79aea388da Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Wed, 26 Nov 2025 18:01:42 +0800
Subject: [PATCH 1/3] =?UTF-8?q?refactor:=20=E5=A2=9E=E5=8A=A0=E6=97=8B?=
 =?UTF-8?q?=E8=BD=AC=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/BootstrapBlazor.PdfReader/PdfReader.razor.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.css b/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.css
index 9a930336..30032f0c 100644
--- a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.css
+++ b/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.css
@@ -112,6 +112,7 @@
 }
 
 .bb-view-thumbnails {
+    --thumb-rotate: 0;
     flex-basis: 0;
     overflow: auto;
     background-color: #28292a;
@@ -141,6 +142,7 @@
         padding: 1px;
         cursor: pointer;
         border: 2px solid #28292a;
+        transform: rotate(var(--thumb-rotate));
     }
 
 .bb-view-content {

From 882ed79b9b694bc9bc9a5104b9dac2dd6a2737ae Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Wed, 26 Nov 2025 18:02:02 +0800
Subject: [PATCH 2/3] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=20rotationchangi?=
 =?UTF-8?q?ng=20=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PdfReader.razor.js                        | 69 +++++++++++--------
 1 file changed, 40 insertions(+), 29 deletions(-)

diff --git a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js b/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js
index e4a4d7bb..3a1eebf1 100644
--- a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js
+++ b/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js
@@ -127,35 +127,7 @@ const addEventListener = (el, pdfViewer, eventBus, invoke, options) => {
 
     eventBus.on("pagesloaded", async e => {
         if (options.enableThumbnails) {
-            const thumbnailsContainer = el.querySelector(".bb-view-thumbnails");
-            pdfViewer.getPagesOverview().map(async (p, i) => {
-                const item = document.createElement("div");
-                item.classList.add("bb-view-thumbnail-item");
-                if (pdfViewer.currentPageNumber === i + 1) {
-                    item.classList.add("active");
-                }
-                item.setAttribute("data-bb-page", `${i + 1}`);
-                thumbnailsContainer.appendChild(item);
-
-                const page = await pdfViewer.pdfDocument.getPage(i + 1);
-                const canvas = await makeThumb(page);
-                const img = document.createElement("img");
-                img.src = canvas.toDataURL();
-                item.appendChild(img);
-            });
-
-            EventHandler.on(thumbnailsContainer, "click", ".bb-view-thumbnail-item", e => {
-                const active = thumbnailsContainer.querySelector('.active');
-                if (active) {
-                    active.classList.remove('active');
-                }
-
-                const item = e.delegateTarget;
-                item.classList.add("active");
-
-                const index = parseInt(item.getAttribute("data-bb-page")) || 1;
-                pdfViewer.currentPageNumber = index;
-            })
+            resetThumbnailsView(el, pdfViewer);
         }
 
         if (options.triggerPagesLoaded === true) {
@@ -232,6 +204,45 @@ const addEventListener = (el, pdfViewer, eventBus, invoke, options) => {
             thumbnailsEl.classList.toggle("show");
         });
     }
+
+    eventBus.on("rotationchanging", evt => {
+        const thumbnailsContainer = el.querySelector(".bb-view-thumbnails");
+        if (thumbnailsContainer) {
+            thumbnailsContainer.style.setProperty('--thumb-rotate', `${evt.pagesRotation}deg`);
+        }
+    })
+}
+
+const resetThumbnailsView = (el, pdfViewer) => {
+    const thumbnailsContainer = el.querySelector(".bb-view-thumbnails");
+    pdfViewer.getPagesOverview().map(async (p, i) => {
+        const item = document.createElement("div");
+        item.classList.add("bb-view-thumbnail-item");
+        if (pdfViewer.currentPageNumber === i + 1) {
+            item.classList.add("active");
+        }
+        item.setAttribute("data-bb-page", `${i + 1}`);
+        thumbnailsContainer.appendChild(item);
+
+        const page = await pdfViewer.pdfDocument.getPage(i + 1);
+        const canvas = await makeThumb(page);
+        const img = document.createElement("img");
+        img.src = canvas.toDataURL();
+        item.appendChild(img);
+    });
+
+    EventHandler.on(thumbnailsContainer, "click", ".bb-view-thumbnail-item", e => {
+        const active = thumbnailsContainer.querySelector('.active');
+        if (active) {
+            active.classList.remove('active');
+        }
+
+        const item = e.delegateTarget;
+        item.classList.add("active");
+
+        const index = parseInt(item.getAttribute("data-bb-page")) || 1;
+        pdfViewer.currentPageNumber = index;
+    });
 }
 
 const updateScale = (pdfViewer, button, rate) => {

From 61ab1efc1bf317778505167a6b737cbc048bab9f Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Wed, 26 Nov 2025 18:10:30 +0800
Subject: [PATCH 3/3] chore: bump version 10.0.1-beta06

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

diff --git a/src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj b/src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj
index 68ebbfba..325256b4 100644
--- a/src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj
+++ b/src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.0.1-beta05</Version>
+    <Version>10.0.1-beta06</Version>
   </PropertyGroup>
   
   <PropertyGroup>