@kandiforge/kandi-office 0.17.0 → 0.17.1

package/dist/viewers/pdf/PdfViewer.css

@@ -2,6 +2,7 @@
  * PdfViewer Styles
  *
  * Main container styles for the PDF viewer component.
+ * Layout: toolbar (fixed) + filmstrip (scrolls independently) + content (paged or scrolled)
  *
  * Copyright (c) 2025 AbstractClass, Inc. All rights reserved.
  */
@@ -26,16 +27,23 @@
   --accent-color: var(--accent);
 }
 
+/* Content area: filmstrip + view side by side, both fill remaining height */
 .pdf-viewer-content {
   display: flex;
   flex: 1;
+  min-height: 0; /* Critical: allows flex children to shrink below content size */
   overflow: hidden;
 }
 
+/* View container: isolated scroll/layout context for the active view */
 .pdf-view-container {
   flex: 1;
+  min-width: 0; /* Prevent flex blowout */
+  min-height: 0;
+  position: relative;
   display: flex;
-  overflow: auto;
+  flex-direction: column;
+  overflow: hidden; /* Views manage their own overflow */
   background: var(--pdf-viewer-bg);
 }
 
@@ -129,5 +137,3 @@
     transform: rotate(360deg);
   }
 }
-
-/* Light mode handled by theme system - removed prefers-color-scheme override */

package/dist/viewers/pdf/components/PdfFilmstrip.css

@@ -1,6 +1,9 @@
 /**
  * PdfFilmstrip Styles
  *
+ * Sidebar thumbnail panel that scrolls independently from the content panel.
+ * Uses flex column with min-height:0 to create an isolated scroll context.
+ *
  * Copyright (c) 2025 AbstractClass, Inc. All rights reserved.
  */
 
@@ -11,10 +14,14 @@
   flex-direction: column;
   background: var(--surface);
   border-right: 1px solid var(--border-default);
+  /* Critical: min-height:0 allows the flex child to shrink,
+     creating an independent scroll context for the thumbnail list */
+  min-height: 0;
   overflow: hidden;
 }
 
 .pdf-filmstrip-header {
+  flex: 0 0 auto; /* Fixed height, never shrinks */
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -48,7 +55,9 @@
 
 .pdf-thumbnail-list {
   flex: 1;
+  min-height: 0; /* Allow shrinking to create scroll */
   overflow-y: auto;
+  overflow-x: hidden;
   padding: 12px;
   display: flex;
   flex-direction: column;
@@ -56,6 +65,7 @@
 }
 
 .pdf-thumbnail-item {
+  flex: 0 0 auto; /* Fixed height per item, prevents compression */
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -133,10 +143,10 @@
 }
 
 .pdf-thumbnail-list::-webkit-scrollbar-thumb {
-  background: var(--scrollbar-thumb);
+  background: var(--scrollbar-thumb, rgba(255, 255, 255, 0.2));
   border-radius: 3px;
 }
 
 .pdf-thumbnail-list::-webkit-scrollbar-thumb:hover {
-  background: var(--scrollbar-thumb-hover);
+  background: var(--scrollbar-thumb-hover, rgba(255, 255, 255, 0.3));
 }

package/dist/viewers/pdf/components/views/SinglePageView.js

@@ -25,13 +25,13 @@ export function SinglePageView({ currentPage, scale, renderToCanvas, pageInfo, }
     useEffect(() => {
         doRender();
     }, [doRender]);
-    return (_jsx("div", { className: "pdf-view pdf-single-page-view", children: _jsx("div", { className: "pdf-page-container", children: _jsx("div", { className: "pdf-page", style: {
-                    width: displayWidth,
-                    height: displayHeight,
-                }, children: _jsx("canvas", { ref: canvasRef, style: {
-                        width: '100%',
-                        height: '100%',
-                        display: 'block',
-                    } }) }) }) }));
+    return (_jsx("div", { className: "pdf-view pdf-single-page-view", children: _jsx("div", { className: "pdf-page", style: {
+                width: displayWidth,
+                height: displayHeight,
+            }, children: _jsx("canvas", { ref: canvasRef, style: {
+                    width: '100%',
+                    height: '100%',
+                    display: 'block',
+                } }) }) }));
 }
 //# sourceMappingURL=SinglePageView.js.map

package/dist/viewers/pdf/components/views/SinglePageView.js.map

@@ -1 +1 @@
-{"version":3,"file":"SinglePageView.js","sourceRoot":"","sources":["../../../../../src/viewers/pdf/components/views/SinglePageView.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,UAAU,cAAc,CAAC,EAC7B,WAAW,EACX,KAAK,EACL,cAAc,EACd,QAAQ,GACK;IACb,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,GAAG,CAAC;IACpB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC;IAE5D,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC;IACrE,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC;IAEvE,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM,IAAI,WAAW,GAAG,CAAC;YAAE,OAAO;QAEvC,MAAM,EAAE,GAAG,EAAE,WAAW,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC;YACH,MAAM,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;QACvD,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YAEb,IAAI,EAAE,KAAK,WAAW,CAAC,OAAO,EAAE,CAAC;gBAC/B,OAAO,CAAC,KAAK,CAAC,+BAA+B,WAAW,GAAG,EAAE,GAAG,CAAC,CAAC;YACpE,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cAAK,SAAS,EAAC,oBAAoB,YACjC,cACE,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE;oBACL,KAAK,EAAE,YAAY;oBACnB,MAAM,EAAE,aAAa;iBACtB,YAED,iBACE,GAAG,EAAE,SAAS,EACd,KAAK,EAAE;wBACL,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,OAAO,EAAE,OAAO;qBACjB,GACD,GACE,GACF,GACF,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"SinglePageView.js","sourceRoot":"","sources":["../../../../../src/viewers/pdf/components/views/SinglePageView.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEvD,OAAO,kBAAkB,CAAC;AAE1B,MAAM,UAAU,cAAc,CAAC,EAC7B,WAAW,EACX,KAAK,EACL,cAAc,EACd,QAAQ,GACK;IACb,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAC9B,MAAM,OAAO,GAAG,GAAG,CAAC;IACpB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC;IAE5D,MAAM,YAAY,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC;IACrE,MAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC;IAEvE,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,IAAI,EAAE;QACtC,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM,IAAI,WAAW,GAAG,CAAC;YAAE,OAAO;QAEvC,MAAM,EAAE,GAAG,EAAE,WAAW,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC;YACH,MAAM,cAAc,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC;QACvD,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,EAAE,KAAK,WAAW,CAAC,OAAO,EAAE,CAAC;gBAC/B,OAAO,CAAC,KAAK,CAAC,+BAA+B,WAAW,GAAG,EAAE,GAAG,CAAC,CAAC;YACpE,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,cAAK,SAAS,EAAC,+BAA+B,YAC5C,cACE,SAAS,EAAC,UAAU,EACpB,KAAK,EAAE;gBACL,KAAK,EAAE,YAAY;gBACnB,MAAM,EAAE,aAAa;aACtB,YAED,iBACE,GAAG,EAAE,SAAS,EACd,KAAK,EAAE;oBACL,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,OAAO;iBACjB,GACD,GACE,GACF,CACP,CAAC;AACJ,CAAC"}

package/dist/viewers/pdf/components/views/ViewStyles.css

@@ -1,36 +1,29 @@
 /**
  * PDF View Styles
  *
- * Shared styles for all PDF view components.
+ * Layout model:
+ * - SinglePageView / BookView: fixed viewport, page centered, NO scroll (pager-controlled)
+ * - ContinuousScrollView: scrollable list of all pages
+ * - ThumbnailGridView: scrollable grid
  *
  * Copyright (c) 2025 AbstractClass, Inc. All rights reserved.
  */
 
-/* Common view styles */
+/* ============================================
+   Base view — fills container, no scroll by default
+   ============================================ */
 .pdf-view {
   display: flex;
   flex-direction: column;
-  align-items: center;
-  justify-content: flex-start;
   width: 100%;
   height: 100%;
-  overflow: auto;
+  overflow: hidden; /* Paged views don't scroll — only continuous/grid override this */
   background: var(--pdf-viewer-bg);
 }
 
-/* Page container - wraps page for centering and scroll */
-.pdf-page-container {
-  display: block;
-  padding: 20px;
-  min-height: 100%;
-  min-width: 100%;
-  box-sizing: border-box;
-}
-
-/* Individual page - uses margin auto for centering that works with overflow */
+/* Page shell — white rectangle with shadow */
 .pdf-page {
   display: block;
-  margin: 0 auto;
   background: var(--document-surface);
   box-shadow: var(--shadow-lg, 0 4px 20px rgba(0, 0, 0, 0.3));
   border-radius: 2px;
@@ -68,22 +61,33 @@
 }
 
 /* ============================================
-   Single Page View
+   Single Page View — centered page, no scroll
+   Pager controls come from the toolbar prev/next
    ============================================ */
+.pdf-single-page-view {
+  align-items: center;
+  justify-content: center;
+  padding: 20px;
+  /* Allow overflow scroll only when zoomed in past viewport */
+  overflow: auto;
+}
+
 .pdf-single-page-view .pdf-page-container {
-  /* Vertically center when page is smaller than viewport */
   display: flex;
-  flex-direction: column;
   align-items: center;
   justify-content: center;
+  /* Shrink-to-fit: the container matches the page, not the viewport */
+  flex: 0 0 auto;
 }
 
 /* ============================================
-   Book View
+   Book View — two-page spread, centered
    ============================================ */
 .pdf-book-view {
+  align-items: center;
   justify-content: center;
   padding: 20px;
+  overflow: hidden;
 }
 
 .pdf-book-container {
@@ -91,10 +95,10 @@
   align-items: center;
   justify-content: center;
   flex: 1;
+  min-height: 0;
 }
 
 .pdf-book {
-  /* react-pageflip styles */
   margin: 0 auto;
 }
 
@@ -125,9 +129,11 @@
 }
 
 /* ============================================
-   Continuous Scroll View
+   Continuous Scroll View — the ONLY scrolling view
    ============================================ */
 .pdf-continuous-scroll-view {
+  overflow-y: auto;
+  overflow-x: hidden;
   padding: 20px;
 }
 
@@ -164,10 +170,29 @@
   border: 1px solid var(--border-default);
 }
 
+/* Continuous view scrollbar */
+.pdf-continuous-scroll-view::-webkit-scrollbar {
+  width: 8px;
+}
+
+.pdf-continuous-scroll-view::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.pdf-continuous-scroll-view::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb, rgba(255, 255, 255, 0.2));
+  border-radius: 4px;
+}
+
+.pdf-continuous-scroll-view::-webkit-scrollbar-thumb:hover {
+  background: var(--scrollbar-thumb-hover, rgba(255, 255, 255, 0.3));
+}
+
 /* ============================================
-   Thumbnail Grid View
+   Thumbnail Grid View — scrollable grid
    ============================================ */
 .pdf-thumbnail-grid-view {
+  overflow-y: auto;
   padding: 20px;
 }
 
@@ -240,5 +265,16 @@
   border: 1px solid var(--border-default);
 }
 
-/* Dark mode adjustments now handled via CSS custom properties set by ThemeContext */
-/* The --theme-* variables automatically adapt to the selected theme preset */
+/* Thumbnail grid scrollbar */
+.pdf-thumbnail-grid-view::-webkit-scrollbar {
+  width: 8px;
+}
+
+.pdf-thumbnail-grid-view::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.pdf-thumbnail-grid-view::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb, rgba(255, 255, 255, 0.2));
+  border-radius: 4px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kandiforge/kandi-office",
-  "version": "0.17.0",
+  "version": "0.17.1",
   "type": "module",
   "license": "UNLICENSED",
   "author": "AbstractClass, Inc. <admin@abstractclass.net>",