pdfjs-reader-core 0.2.6 → 0.2.8

package/dist/index.cjs

@@ -4777,7 +4777,7 @@ var init_ThumbnailPanel = __esm({
       className,
       thumbnailScale = 0.2
     }) {
-      const { document: document2, currentPage, numPages, goToPage } = usePDFViewer();
+      const { document: document2, currentPage, numPages, goToPage, isLoading } = usePDFViewer();
       const containerRef = (0, import_react18.useRef)(null);
       (0, import_react18.useEffect)(() => {
         const container = containerRef.current;
@@ -4794,6 +4794,9 @@ var init_ThumbnailPanel = __esm({
         [goToPage]
       );
       if (!document2) {
+        if (isLoading) {
+          return null;
+        }
         return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: cn("thumbnail-panel p-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "text-sm text-gray-500", children: "No document loaded" }) });
       }
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
@@ -5125,7 +5128,7 @@ var init_OutlinePanel = __esm({
     OutlinePanel = (0, import_react20.memo)(function OutlinePanel2({
       className
     }) {
-      const { document: document2, goToPage } = usePDFViewer();
+      const { document: document2, goToPage, isLoading: isDocumentLoading } = usePDFViewer();
       const [outline, setOutline] = (0, import_react20.useState)(null);
       const [isLoading, setIsLoading] = (0, import_react20.useState)(false);
       const [error, setError] = (0, import_react20.useState)(null);
@@ -5204,6 +5207,9 @@ var init_OutlinePanel = __esm({
         [goToPage]
       );
       if (!document2) {
+        if (isDocumentLoading) {
+          return null;
+        }
         return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn("flex items-center justify-center p-4", className), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "No document loaded" }) });
       }
       if (isLoading) {
@@ -8243,6 +8249,7 @@ var init_DocumentContainer = __esm({
         scale,
         rotation,
         theme,
+        isLoading,
         setScale,
         nextPage,
         previousPage
@@ -8382,6 +8389,9 @@ var init_DocumentContainer = __esm({
         sepia: "bg-amber-50"
       };
       if (!document2) {
+        if (isLoading) {
+          return null;
+        }
         return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
           "div",
           {
@@ -8474,6 +8484,7 @@ var init_VirtualizedDocumentContainer = __esm({
         scale,
         rotation,
         theme,
+        isLoading,
         setScale,
         goToPage,
         nextPage,
@@ -8729,6 +8740,9 @@ var init_VirtualizedDocumentContainer = __esm({
         sepia: "bg-amber-50"
       };
       if (!document2) {
+        if (isLoading) {
+          return null;
+        }
         return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
           "div",
           {
@@ -8875,6 +8889,7 @@ var init_DualPageContainer = __esm({
         scale,
         rotation,
         theme,
+        isLoading: isDocumentLoading,
         setScale,
         goToPage
       } = usePDFViewer();
@@ -9066,6 +9081,9 @@ var init_DualPageContainer = __esm({
       };
       const spread = getSpreadPages(currentPage);
       if (!document2) {
+        if (isDocumentLoading) {
+          return null;
+        }
         return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           "div",
           {
@@ -10000,12 +10018,13 @@ var init_PDFViewerClient = __esm({
           currentDoc.destroy();
           viewerStore.getState().setDocument(null);
         }
+        viewerStore.getState().setLoading(true, { phase: "initializing" });
+        viewerStore.getState().setError(null);
+        setLoadState("loading");
         const loadDoc = async () => {
           if (!mountedRef.current) return;
           try {
-            viewerStore.getState().setLoading(true, { phase: "fetching" });
-            viewerStore.getState().setError(null);
-            setLoadState("loading");
+            viewerStore.getState().setLoadingProgress({ phase: "fetching" });
             const { document: document2, numPages } = await loadDocument({
               src,
               workerSrc,