@cannymindstech/file-viewers 0.27.11 → 0.28.0

package/dist/chunk-MPTCXAXO.js

@@ -1,868 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-
-
-var _chunkOPJOCUSLjs = require('./chunk-OPJOCUSL.js');
-
-
-
-var _chunkEM63H4SAjs = require('./chunk-EM63H4SA.js');
-
-// src/components/viewers/TIFFViewer.tsx
-
-
-
-
-
-
-var _react = require('react');
-
-
-
-
-
-
-
-
-
-
-var _material = require('@mui/material');
-var _Download = require('@mui/icons-material/Download'); var _Download2 = _interopRequireDefault(_Download);
-var _Print = require('@mui/icons-material/Print'); var _Print2 = _interopRequireDefault(_Print);
-var _Fullscreen = require('@mui/icons-material/Fullscreen'); var _Fullscreen2 = _interopRequireDefault(_Fullscreen);
-var _FirstPage = require('@mui/icons-material/FirstPage'); var _FirstPage2 = _interopRequireDefault(_FirstPage);
-var _LastPage = require('@mui/icons-material/LastPage'); var _LastPage2 = _interopRequireDefault(_LastPage);
-var _ChevronLeft = require('@mui/icons-material/ChevronLeft'); var _ChevronLeft2 = _interopRequireDefault(_ChevronLeft);
-var _ChevronRight = require('@mui/icons-material/ChevronRight'); var _ChevronRight2 = _interopRequireDefault(_ChevronRight);
-var _ZoomIn = require('@mui/icons-material/ZoomIn'); var _ZoomIn2 = _interopRequireDefault(_ZoomIn);
-var _ZoomOut = require('@mui/icons-material/ZoomOut'); var _ZoomOut2 = _interopRequireDefault(_ZoomOut);
-var _FitScreen = require('@mui/icons-material/FitScreen'); var _FitScreen2 = _interopRequireDefault(_FitScreen);
-var _AspectRatio = require('@mui/icons-material/AspectRatio'); var _AspectRatio2 = _interopRequireDefault(_AspectRatio);
-var _Info = require('@mui/icons-material/Info'); var _Info2 = _interopRequireDefault(_Info);
-var _Description = require('@mui/icons-material/Description'); var _Description2 = _interopRequireDefault(_Description);
-var _History = require('@mui/icons-material/History'); var _History2 = _interopRequireDefault(_History);
-var _iconsmaterial = require('@mui/icons-material');
-var _utif = require('utif'); var UTIF = _interopRequireWildcard(_utif);
-var _jsxruntime = require('react/jsx-runtime');
-var resolveDocumentName = (file, fileName, url) => {
-  if (_optionalChain([file, 'optionalAccess', _ => _.name])) {
-    return file.name;
-  }
-  if (fileName) {
-    return fileName;
-  }
-  if (url) {
-    const parts = _nullishCoalesce(_optionalChain([url, 'access', _2 => _2.split, 'call', _3 => _3("?"), 'access', _4 => _4[0], 'optionalAccess', _5 => _5.split, 'call', _6 => _6("#"), 'access', _7 => _7[0], 'optionalAccess', _8 => _8.split, 'call', _9 => _9("/")]), () => ( []));
-    return parts[parts.length - 1] || "document.tiff";
-  }
-  return "document.tiff";
-};
-var TIFFViewerContent = ({
-  sourceDescription,
-  file,
-  url,
-  fileName,
-  totalPages = 1,
-  className = "",
-  style = {},
-  width = "100%",
-  height = "100%",
-  onLoad,
-  onError,
-  onDownloadClick,
-  onPrintClick,
-  onTagsClick,
-  onMetadataClick,
-  onPropertiesClick,
-  onHistoryClick,
-  pageLoader,
-  showDownload = true,
-  showPrint = true,
-  showMetadata = false,
-  showTags = true,
-  showProperties = false,
-  showHistory = true,
-  // Extract props that shouldn't be passed to DOM elements
-  mimeType,
-  fileSize,
-  showPageCount,
-  showPageNavigation,
-  showZoomControls,
-  showSearch,
-  customRegistry,
-  initialSearchText,
-  initialSearchPages,
-  autoOpenSearch,
-  autoExecuteSearch,
-  onSearchComplete,
-  toolbarActions,
-  // Annotation-related FileViewerProps (PDF only) — extract so they don't
-  // leak onto the DOM via {...props} on <Box>.
-  showAnnotations,
-  userDetails,
-  annotationSelectionMenu,
-  isHighlighterActive,
-  isStampActive,
-  isNoteActive,
-  onHighlighterClick,
-  onStampClick,
-  onSignatureClick,
-  onNoteClick,
-  permissions,
-  isAnnotationForeign,
-  onAnnotationNoteClick,
-  isAnnotationInteractive,
-  hasUnsavedAnnotations,
-  isSavingAnnotations,
-  canSaveAnnotations,
-  onSaveAnnotations,
-  onDownloadWithAnnotations,
-  onDownloadWithoutAnnotations,
-  onPrintWithAnnotations,
-  onPrintWithoutAnnotations,
-  showDownloadOriginal,
-  showDownloadWithAnnotations,
-  showPrintOriginal,
-  showPrintWithAnnotations,
-  showAnnotate,
-  disabledAnnotate,
-  showRotation,
-  defaultFitToPage,
-  loading,
-  onPasswordRequest,
-  ...props
-}) => {
-  const [currentPage, setCurrentPage] = _react.useState.call(void 0, 1);
-  const [isLoading, setIsLoading] = _react.useState.call(void 0, false);
-  const [error, setError] = _react.useState.call(void 0, null);
-  const [fitMode, setFitMode] = _react.useState.call(void 0, 
-    "fit-page"
-  );
-  const [zoom, setZoom] = _react.useState.call(void 0, 100);
-  const [viewportWidth, setViewportWidth] = _react.useState.call(void 0, 0);
-  const [viewportHeight, setViewportHeight] = _react.useState.call(void 0, 0);
-  const [, setIsFullScreen] = _react.useState.call(void 0, false);
-  const [imageUrl, setImageUrl] = _react.useState.call(void 0, null);
-  const [pageImages, setPageImages] = _react.useState.call(void 0, /* @__PURE__ */ new Map());
-  const [internalLoading, setInternalLoading] = _react.useState.call(void 0, false);
-  const [imageSize, setImageSize] = _react.useState.call(void 0, null);
-  const viewportRef = _react.useRef.call(void 0, null);
-  const containerRef = _react.useRef.call(void 0, null);
-  const imgRef = _react.useRef.call(void 0, null);
-  const pageLoaderRef = _react.useRef.call(void 0, pageLoader);
-  _react.useEffect.call(void 0, () => {
-    pageLoaderRef.current = pageLoader;
-  }, [pageLoader]);
-  const [localTotalPages, setLocalTotalPages] = _react.useState.call(void 0, 0);
-  const tiffSourceRef = _react.useRef.call(void 0, null);
-  const effectiveTotalPages = localTotalPages || totalPages;
-  const updatePageImage = _react.useCallback.call(void 0, 
-    (pageData, pageNumber) => {
-      const blob = new Blob([pageData]);
-      const imageUrl2 = URL.createObjectURL(blob);
-      setPageImages((prev) => {
-        const oldUrl = prev.get(pageNumber);
-        if (oldUrl && oldUrl !== imageUrl2) {
-          URL.revokeObjectURL(oldUrl);
-        }
-        return new Map(prev).set(pageNumber, imageUrl2);
-      });
-      setCurrentPage(pageNumber);
-      setImageUrl(imageUrl2);
-    },
-    []
-  );
-  const decodeLocalPage = _react.useCallback.call(void 0, 
-    async (pageIndex) => {
-      const source = tiffSourceRef.current;
-      if (!source) return null;
-      const image = source.ifds[pageIndex];
-      if (!image) return null;
-      UTIF.decodeImage(source.buffer, image);
-      const rgba = UTIF.toRGBA8(image);
-      const width2 = Number(image.width) || 0;
-      const height2 = Number(image.height) || 0;
-      if (!width2 || !height2) return null;
-      const canvas = document.createElement("canvas");
-      canvas.width = width2;
-      canvas.height = height2;
-      const ctx = canvas.getContext("2d");
-      if (!ctx) return null;
-      ctx.putImageData(
-        new ImageData(new Uint8ClampedArray(rgba), width2, height2),
-        0,
-        0
-      );
-      return await new Promise((resolve) => {
-        canvas.toBlob(async (blob) => {
-          if (!blob) {
-            resolve(null);
-            return;
-          }
-          resolve(await blob.arrayBuffer());
-        }, "image/png");
-      });
-    },
-    []
-  );
-  _react.useEffect.call(void 0, () => {
-    const loadInitialPage = async () => {
-      if (pageLoaderRef.current && !pageImages.has(1) && currentPage === 1) {
-        setInternalLoading(true);
-        setError(null);
-        try {
-          const pageData = await pageLoaderRef.current(1);
-          if (pageData) {
-            updatePageImage(pageData, 1);
-          } else {
-            setError("Failed to load page 1");
-          }
-        } catch (err) {
-          const message = err instanceof Error ? err.message : "Unable to load page 1";
-          setError(message);
-          _optionalChain([onError, 'optionalCall', _10 => _10(new Error(message))]);
-        } finally {
-          setInternalLoading(false);
-        }
-      }
-    };
-    loadInitialPage();
-  }, [pageImages, currentPage, updatePageImage, onError]);
-  _react.useEffect.call(void 0, () => {
-    if (!file && !url) {
-      tiffSourceRef.current = null;
-      setLocalTotalPages(0);
-      return;
-    }
-    let cancelled = false;
-    (async () => {
-      try {
-        let buffer = null;
-        if (file) {
-          buffer = await file.arrayBuffer();
-        } else if (url && !pageLoader) {
-          buffer = await (await fetch(url)).arrayBuffer();
-        }
-        if (cancelled || !buffer) return;
-        const ifds = UTIF.decode(buffer);
-        if (!ifds.length) {
-          throw new Error("No pages found in TIFF");
-        }
-        tiffSourceRef.current = { buffer, ifds };
-        setLocalTotalPages(ifds.length);
-        if (pageLoader) return;
-        setInternalLoading(true);
-        setError(null);
-        setImageUrl(null);
-        setImageSize(null);
-        setPageImages((prev) => {
-          prev.forEach((u) => URL.revokeObjectURL(u));
-          return /* @__PURE__ */ new Map();
-        });
-        const firstPage = await decodeLocalPage(0);
-        if (cancelled) return;
-        if (!firstPage) {
-          throw new Error("Failed to decode TIFF page 1");
-        }
-        updatePageImage(firstPage, 1);
-        _optionalChain([onLoad, 'optionalCall', _11 => _11()]);
-      } catch (err) {
-        if (cancelled) return;
-        const message = err instanceof Error ? err.message : "Failed to decode TIFF";
-        if (!pageLoader) {
-          setError(message);
-          _optionalChain([onError, 'optionalCall', _12 => _12(new Error(message))]);
-        } else {
-          console.warn(`[TIFFViewer] Local IFD count failed: ${message}`);
-        }
-      } finally {
-        if (!cancelled && !pageLoader) setInternalLoading(false);
-      }
-    })();
-    return () => {
-      cancelled = true;
-    };
-  }, [file, url, pageLoader, decodeLocalPage, updatePageImage, onLoad, onError]);
-  const handlePageChange = _react.useCallback.call(void 0, 
-    async (newPageNumber) => {
-      const hasExternalLoader = !!pageLoaderRef.current;
-      const hasLocalSource = !!tiffSourceRef.current;
-      if (!hasExternalLoader && !hasLocalSource) {
-        console.warn("pageLoader not provided - page navigation disabled");
-        return;
-      }
-      const cachedUrl = pageImages.get(newPageNumber);
-      if (cachedUrl) {
-        setCurrentPage(newPageNumber);
-        setImageUrl(cachedUrl);
-        return;
-      }
-      setError(null);
-      try {
-        const pageData = hasExternalLoader ? await pageLoaderRef.current(newPageNumber) : await decodeLocalPage(newPageNumber - 1);
-        if (pageData) {
-          updatePageImage(pageData, newPageNumber);
-        } else {
-          setError(`Failed to load page ${newPageNumber}`);
-        }
-      } catch (err) {
-        const message = err instanceof Error ? err.message : `Unable to load page ${newPageNumber}`;
-        setError(message);
-        _optionalChain([onError, 'optionalCall', _13 => _13(new Error(message))]);
-      }
-    },
-    [pageImages, onError, updatePageImage, decodeLocalPage]
-  );
-  const resolvedFileName = _react.useMemo.call(void 0, 
-    () => fileName || sourceDescription,
-    [fileName, sourceDescription]
-  );
-  const fileExtension = _react.useMemo.call(void 0, 
-    () => _chunkOPJOCUSLjs.getFileExtension.call(void 0, resolvedFileName || ""),
-    [resolvedFileName]
-  );
-  const loadImage = _react.useCallback.call(void 0, 
-    async (resetPage = false) => {
-      if (!file && !url) {
-        setImageUrl(null);
-        if (resetPage) setCurrentPage(1);
-        setError(null);
-        return;
-      }
-      setIsLoading(true);
-      setError(null);
-      if (resetPage) {
-        setCurrentPage(1);
-        setFitMode("fit-page");
-        setZoom(100);
-      }
-      setIsLoading(false);
-    },
-    [file, url]
-  );
-  const [previousFileSource, setPreviousFileSource] = _react.useState.call(void 0, {});
-  _react.useEffect.call(void 0, () => {
-    const currentFileSource = { file, url };
-    const isNewFile = previousFileSource.file !== file || previousFileSource.url !== url;
-    if (isNewFile) {
-      setPreviousFileSource(currentFileSource);
-      void loadImage(true);
-    } else {
-      void loadImage(false);
-    }
-  }, [file, url, loadImage, previousFileSource.file, previousFileSource.url]);
-  _react.useEffect.call(void 0, () => {
-    return () => {
-      pageImages.forEach((url2) => {
-        URL.revokeObjectURL(url2);
-      });
-      if (imageUrl && file && !pageImages.has(currentPage)) {
-        URL.revokeObjectURL(imageUrl);
-      }
-    };
-  }, []);
-  const hasImage = !!imageUrl;
-  const hasMultiplePages = effectiveTotalPages > 1;
-  const MARGIN = 40;
-  const MIN_ZOOM = 25;
-  const MAX_ZOOM = 400;
-  const ZOOM_LEVELS = [25, 50, 75, 100, 125, 150, 200, 300, 400];
-  const calculateFitZoom = _react.useCallback.call(void 0, 
-    (mode) => {
-      if (!imageSize || viewportWidth <= 0) return null;
-      const availableWidth = viewportWidth - MARGIN;
-      if (mode === "fit-width") {
-        const calculatedZoom = Math.round(
-          availableWidth / imageSize.width * 100
-        );
-        return Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, calculatedZoom));
-      }
-      if (mode === "fit-page" && viewportHeight > 0) {
-        const availableHeight = viewportHeight - MARGIN;
-        const scaleW = availableWidth / imageSize.width;
-        const scaleH = availableHeight / imageSize.height;
-        const calculatedZoom = Math.round(Math.min(scaleW, scaleH) * 100);
-        return Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, calculatedZoom));
-      }
-      return null;
-    },
-    [imageSize, viewportWidth, viewportHeight]
-  );
-  _react.useEffect.call(void 0, () => {
-    if (!hasImage || !imageSize) return;
-    const newZoom = calculateFitZoom(fitMode);
-    if (newZoom !== null) {
-      setZoom(newZoom);
-    }
-  }, [currentPage, hasImage, imageSize, fitMode, calculateFitZoom]);
-  _react.useEffect.call(void 0, () => {
-    if (typeof window === "undefined" || typeof ResizeObserver === "undefined") {
-      return void 0;
-    }
-    if (!viewportRef.current) {
-      return void 0;
-    }
-    const updateSize = () => {
-      const bounds = _optionalChain([viewportRef, 'access', _14 => _14.current, 'optionalAccess', _15 => _15.getBoundingClientRect, 'call', _16 => _16()]);
-      if (bounds) {
-        setViewportWidth(bounds.width);
-        setViewportHeight(bounds.height);
-      }
-    };
-    updateSize();
-    const observer = new ResizeObserver(updateSize);
-    observer.observe(viewportRef.current);
-    return () => {
-      observer.disconnect();
-    };
-  }, []);
-  const handleZoomIn = _react.useCallback.call(void 0, () => {
-    setFitMode("zoom");
-    setZoom((value) => {
-      const nextLevel = ZOOM_LEVELS.find((level) => level > value);
-      return nextLevel || MAX_ZOOM;
-    });
-  }, []);
-  const handleZoomOut = _react.useCallback.call(void 0, () => {
-    setFitMode("zoom");
-    setZoom((value) => {
-      const prevLevel = [...ZOOM_LEVELS].reverse().find((level) => level < value);
-      return prevLevel || MIN_ZOOM;
-    });
-  }, []);
-  const handleFitWidth = _react.useCallback.call(void 0, () => {
-    setFitMode("fit-width");
-    const newZoom = calculateFitZoom("fit-width");
-    if (newZoom !== null) {
-      setZoom(newZoom);
-    }
-  }, [calculateFitZoom]);
-  const handleFitPage = _react.useCallback.call(void 0, () => {
-    setFitMode("fit-page");
-    const newZoom = calculateFitZoom("fit-page");
-    if (newZoom !== null) {
-      setZoom(newZoom);
-    }
-  }, [calculateFitZoom]);
-  const handleFirstPage = _react.useCallback.call(void 0, () => {
-    handlePageChange(1);
-  }, [handlePageChange]);
-  const handleLastPage = _react.useCallback.call(void 0, () => {
-    handlePageChange(effectiveTotalPages);
-  }, [handlePageChange, effectiveTotalPages]);
-  const handlePreviousPage = _react.useCallback.call(void 0, () => {
-    const newPage = Math.max(currentPage - 1, 1);
-    if (newPage !== currentPage) {
-      handlePageChange(newPage);
-    }
-  }, [currentPage, handlePageChange]);
-  const handleNextPage = _react.useCallback.call(void 0, () => {
-    const newPage = Math.min(currentPage + 1, effectiveTotalPages);
-    if (newPage !== currentPage) {
-      handlePageChange(newPage);
-    }
-  }, [currentPage, effectiveTotalPages, handlePageChange]);
-  const handleToggleFullScreen = _react.useCallback.call(void 0, () => {
-    if (!document.fullscreenElement && _optionalChain([containerRef, 'access', _17 => _17.current, 'optionalAccess', _18 => _18.requestFullscreen])) {
-      containerRef.current.requestFullscreen();
-    } else if (document.fullscreenElement && document.exitFullscreen) {
-      document.exitFullscreen();
-    }
-  }, []);
-  _react.useEffect.call(void 0, () => {
-    const onFullscreenChange = () => {
-      setIsFullScreen(!!document.fullscreenElement);
-    };
-    document.addEventListener("fullscreenchange", onFullscreenChange);
-    return () => {
-      document.removeEventListener("fullscreenchange", onFullscreenChange);
-    };
-  }, []);
-  const handlePrint = _react.useCallback.call(void 0, () => {
-    if (!imageUrl) return;
-    const printWindow = window.open("", "_blank", "width=900,height=1200");
-    if (!printWindow) return;
-    const doc = printWindow.document;
-    doc.title = resolvedFileName || "Document";
-    const style2 = doc.createElement("style");
-    style2.textContent = "@page { margin: 0.5cm; }html, body { margin: 0; padding: 0; }img { display: block; width: 100%; height: auto; page-break-after: always; }";
-    doc.head.appendChild(style2);
-    const img = doc.createElement("img");
-    img.alt = resolvedFileName || "Document";
-    img.onload = () => {
-      window.setTimeout(() => printWindow.print(), 100);
-    };
-    img.src = imageUrl;
-    doc.body.appendChild(img);
-  }, [imageUrl, resolvedFileName]);
-  const toolbar = _chunkEM63H4SAjs.mergeToolbarConfig.call(void 0, {
-    showDownload,
-    showPrint,
-    showMetadata,
-    showTags,
-    showProperties,
-    showHistory,
-    onDownloadClick,
-    onPrintClick,
-    onTagsClick,
-    onMetadataClick,
-    onPropertiesClick,
-    onHistoryClick,
-    toolbarActions
-  });
-  const displayScale = zoom;
-  const handleImageLoad = _react.useCallback.call(void 0, 
-    (e) => {
-      const img = e.currentTarget;
-      setImageSize({ width: img.naturalWidth, height: img.naturalHeight });
-      if (!hasImage) {
-        _optionalChain([onLoad, 'optionalCall', _19 => _19()]);
-      }
-    },
-    [hasImage, onLoad]
-  );
-  const renderImage = () => {
-    if (!imageUrl) {
-      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "body2", color: "text.secondary", children: "No image available." });
-    }
-    let imgStyle = {
-      display: "block",
-      borderRadius: "4px"
-    };
-    if (imageSize) {
-      const zoomFactor = zoom / 100;
-      const scaledWidth = imageSize.width * zoomFactor;
-      const scaledHeight = imageSize.height * zoomFactor;
-      imgStyle = {
-        ...imgStyle,
-        width: `${scaledWidth}px`,
-        height: `${scaledHeight}px`,
-        maxWidth: "none",
-        maxHeight: "none"
-      };
-    }
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _material.Box,
-      {
-        component: "img",
-        ref: imgRef,
-        src: imageUrl,
-        alt: `${resolvedFileName} page ${currentPage}`,
-        onLoad: handleImageLoad,
-        onError: () => {
-          setError("Failed to load image");
-          _optionalChain([onError, 'optionalCall', _20 => _20(new Error("Failed to load image"))]);
-        },
-        sx: {
-          ...imgStyle,
-          boxShadow: 1,
-          backgroundColor: "#fff",
-          margin: "20px"
-        }
-      }
-    );
-  };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _material.Box,
-    {
-      ref: containerRef,
-      className: `tiff-viewer ${className}`,
-      sx: {
-        width,
-        height,
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden",
-        ...style
-      },
-      ...props,
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _material.Card,
-        {
-          sx: {
-            height: "100%",
-            width: "100%",
-            display: "flex",
-            flexDirection: "column",
-            overflow: "hidden"
-          },
-          elevation: 1,
-          children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _material.CardHeader,
-              {
-                avatar: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEM63H4SAjs.FileIcon_default, { ext: fileExtension, size: 32 }),
-                title: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
-                sx: { pb: 1 }
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Box, { sx: { px: 2, pb: 1, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _material.Stack,
-              {
-                direction: "row",
-                spacing: 1,
-                alignItems: "center",
-                flexWrap: "wrap",
-                gap: 1,
-                children: [
-                  hasMultiplePages && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _material.IconButton,
-                      {
-                        size: "small",
-                        onClick: handleFirstPage,
-                        disabled: currentPage === 1,
-                        title: "First Page",
-                        "aria-label": "Go to first page",
-                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FirstPage2.default, { fontSize: "small" })
-                      }
-                    ),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _material.IconButton,
-                      {
-                        size: "small",
-                        onClick: handlePreviousPage,
-                        disabled: currentPage === 1,
-                        title: "Previous Page",
-                        "aria-label": "Go to previous page",
-                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronLeft2.default, { fontSize: "small" })
-                      }
-                    ),
-                    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-                      _material.Typography,
-                      {
-                        variant: "body2",
-                        color: "text.secondary",
-                        sx: { minWidth: 100, textAlign: "center" },
-                        children: [
-                          "Page ",
-                          currentPage,
-                          " of ",
-                          effectiveTotalPages
-                        ]
-                      }
-                    ),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _material.IconButton,
-                      {
-                        size: "small",
-                        onClick: handleNextPage,
-                        disabled: currentPage === effectiveTotalPages,
-                        title: "Next Page",
-                        "aria-label": "Go to next page",
-                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ChevronRight2.default, { fontSize: "small" })
-                      }
-                    ),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _material.IconButton,
-                      {
-                        size: "small",
-                        onClick: handleLastPage,
-                        disabled: currentPage === effectiveTotalPages,
-                        title: "Last Page",
-                        "aria-label": "Go to last page",
-                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _LastPage2.default, { fontSize: "small" })
-                      }
-                    ),
-                    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, { orientation: "vertical", flexItem: true, sx: { mx: 1 } })
-                  ] }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: handleZoomOut,
-                      disabled: !hasImage || zoom <= 25,
-                      title: "Zoom Out",
-                      "aria-label": "Zoom out",
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomOut2.default, { fontSize: "small" })
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.Typography,
-                    {
-                      variant: "body2",
-                      color: "text.secondary",
-                      sx: { minWidth: 64, textAlign: "center" },
-                      children: hasImage ? `${displayScale}%` : "\u2014"
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: handleZoomIn,
-                      disabled: !hasImage || zoom >= 400,
-                      title: "Zoom In",
-                      "aria-label": "Zoom in",
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _ZoomIn2.default, { fontSize: "small" })
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: handleFitWidth,
-                      disabled: !hasImage,
-                      title: "Fit to Width",
-                      "aria-label": "Fit to width",
-                      color: fitMode === "fit-width" ? "primary" : "default",
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _AspectRatio2.default, { fontSize: "small" })
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: handleFitPage,
-                      disabled: !hasImage,
-                      title: "Fit to Page",
-                      "aria-label": "Fit to page",
-                      color: fitMode === "fit-page" ? "primary" : "default",
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _FitScreen2.default, { fontSize: "small" })
-                    }
-                  ),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, { orientation: "vertical", flexItem: true, sx: { mx: 1 } }),
-                  !toolbar.isHidden("download") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: toolbar.getHandler("download", onDownloadClick),
-                      disabled: toolbar.isDisabled("download"),
-                      title: toolbar.getLabel("download") || "Download",
-                      "aria-label": "Download TIFF",
-                      children: toolbar.getIcon("download") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, { fontSize: "small" })
-                    }
-                  ),
-                  !toolbar.isHidden("print") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: toolbar.getHandler("print", onPrintClick || handlePrint),
-                      disabled: toolbar.isDisabled("print"),
-                      title: toolbar.getLabel("print") || "Print",
-                      "aria-label": "Print TIFF",
-                      children: toolbar.getIcon("print") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, { fontSize: "small" })
-                    }
-                  ),
-                  !toolbar.isHidden("fullscreen") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: toolbar.getHandler(
-                        "fullscreen",
-                        handleToggleFullScreen
-                      ),
-                      disabled: toolbar.isDisabled("fullscreen"),
-                      title: toolbar.getLabel("fullscreen") || "Fullscreen",
-                      "aria-label": "Toggle fullscreen",
-                      children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Fullscreen2.default, { fontSize: "small" })
-                    }
-                  ),
-                  !toolbar.isHidden("metadata") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: toolbar.getHandler("metadata", onMetadataClick),
-                      disabled: toolbar.isDisabled("metadata"),
-                      title: toolbar.getLabel("metadata") || "Document Metadata",
-                      "aria-label": "View document metadata",
-                      children: toolbar.getIcon("metadata") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, { fontSize: "small" })
-                    }
-                  ),
-                  !toolbar.isHidden("properties") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: toolbar.getHandler("properties", onPropertiesClick),
-                      disabled: toolbar.isDisabled("properties"),
-                      title: toolbar.getLabel("properties") || "Document Properties",
-                      "aria-label": "View document properties",
-                      children: toolbar.getIcon("properties") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, { fontSize: "small" })
-                    }
-                  ),
-                  !toolbar.isHidden("tags") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: toolbar.getHandler("tags", onTagsClick),
-                      disabled: toolbar.isDisabled("tags"),
-                      title: toolbar.getLabel("tags") || "Document Tags",
-                      "aria-label": "View document tags",
-                      children: toolbar.getIcon("tags") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _iconsmaterial.LocalOffer, { fontSize: "small" })
-                    }
-                  ),
-                  !toolbar.isHidden("history") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    _material.IconButton,
-                    {
-                      size: "small",
-                      onClick: toolbar.getHandler("history", onHistoryClick),
-                      disabled: toolbar.isDisabled("history"),
-                      title: toolbar.getLabel("history") || "Document History",
-                      "aria-label": "View document history",
-                      children: toolbar.getIcon("history") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _History2.default, { fontSize: "small" })
-                    }
-                  )
-                ]
-              }
-            ) }),
-            (isLoading || internalLoading) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.LinearProgress, { sx: { mx: 3, mb: 1 } }),
-            error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { color: "error", variant: "body2", sx: { px: 3, pb: 1 }, children: error }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, {}),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _material.CardContent,
-              {
-                sx: {
-                  flexGrow: 1,
-                  flexShrink: 1,
-                  minHeight: 0,
-                  p: 0,
-                  overflow: "hidden",
-                  backgroundColor: "#f6f8fa",
-                  position: "relative"
-                },
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _material.Box,
-                  {
-                    ref: viewportRef,
-                    sx: {
-                      position: "absolute",
-                      top: 0,
-                      left: 0,
-                      right: 0,
-                      bottom: 0,
-                      overflow: "auto"
-                    },
-                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _material.Box,
-                      {
-                        sx: {
-                          minWidth: "100%",
-                          minHeight: "100%",
-                          display: "flex",
-                          alignItems: "center",
-                          justifyContent: "center"
-                        },
-                        children: renderImage()
-                      }
-                    )
-                  }
-                )
-              }
-            )
-          ]
-        }
-      )
-    }
-  );
-};
-var TIFFViewer = (props) => {
-  const sourceDescription = _react.useMemo.call(void 0, 
-    () => resolveDocumentName(props.file, props.fileName, props.url),
-    [props.file, props.fileName, props.url]
-  );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TIFFViewerContent, { ...props, sourceDescription });
-};
-
-
-
-exports.TIFFViewer = TIFFViewer;
-//# sourceMappingURL=chunk-MPTCXAXO.js.map