@cannyminds/dms-file-viewers 0.5.0 → 0.6.0

package/dist/chunk-THFHTTQX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/DefaultViewer.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\r\nimport { Box, Card, CardContent, CardHeader, Typography, IconButton, Tooltip, Stack } from '@mui/material';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport PrintIcon from '@mui/icons-material/Print';\r\nimport FullscreenIcon from '@mui/icons-material/Fullscreen';\r\nimport InfoIcon from '@mui/icons-material/Info';\r\nimport DescriptionIcon from '@mui/icons-material/Description';\r\nimport { FileViewerProps } from '../../types';\r\nimport { getFileExtension } from '../../utils/fileUtils';\r\nimport { mergeToolbarConfig } from '../../utils/toolbarUtils';\r\nimport FileIcon from '../FileIcon';\r\n\r\nexport const DefaultViewer: React.FC<FileViewerProps> = ({\r\n  file,\r\n  url,\r\n  fileName,\r\n  className = '',\r\n  style = {},\r\n  width = '100%',\r\n  height = '100%',\r\n  onLoad,\r\n  onError,\r\n  // Extract props that shouldn't be passed to DOM elements\r\n  mimeType,\r\n  fileSize,\r\n  showPageCount,\r\n  showPageNavigation,\r\n  showZoomControls,\r\n  showDownload = true,\r\n  showPrint = true,\r\n  showSearch,\r\n  showMetadata = false,\r\n  showProperties = false,\r\n  onMetadataClick,\r\n  onPropertiesClick,\r\n  onPrintClick,\r\n  onDownloadClick,\r\n  customRegistry,\r\n  initialSearchText,\r\n  initialSearchPages,\r\n  autoOpenSearch,\r\n  autoExecuteSearch,\r\n  onSearchComplete,\r\n  toolbarActions,\r\n  ...props\r\n}) => {\r\n  const [isFullScreen, setIsFullScreen] = React.useState(false);\r\n  const containerRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  const handleToggleFullScreen = () => {\r\n    if (!isFullScreen && containerRef.current?.requestFullscreen) {\r\n      containerRef.current.requestFullscreen();\r\n      setIsFullScreen(true);\r\n    } else if (isFullScreen && document.exitFullscreen) {\r\n      document.exitFullscreen();\r\n      setIsFullScreen(false);\r\n    }\r\n  };\r\n\r\n  const toolbar = mergeToolbarConfig({ ...props, showDownload, showPrint, showMetadata, showProperties, onMetadataClick, onPropertiesClick, onPrintClick, onDownloadClick, toolbarActions });\r\n  const resolvedFileName = useMemo(\r\n    () => fileName || file?.name || (url ? url.split('/').pop() : 'unknown-file'),\r\n    [fileName, file, url]\r\n  );\r\n\r\n  const fileExtension = useMemo(\r\n    () => getFileExtension(resolvedFileName || ''),\r\n    [resolvedFileName]\r\n  );\r\n\r\n  return (\r\n    <Box\r\n      ref={containerRef}\r\n      className={`default-viewer ${className}`}\r\n      sx={{ width, height, ...style }}\r\n      {...props}\r\n    >\r\n      <Card sx={{ height: '100%', display: 'flex', flexDirection: 'column' }} elevation={1}>\r\n        <CardHeader\r\n          avatar={<FileIcon ext={fileExtension} size={32} />}\r\n          title={\r\n            <Typography variant=\"subtitle1\" fontWeight={500}>\r\n              {resolvedFileName}\r\n            </Typography>\r\n          }\r\n          action={\r\n            <Stack direction=\"row\" spacing={1}>\r\n              {!toolbar.isHidden('download') && (\r\n                <Tooltip title={toolbar.getLabel('download') || \"Download\"}>\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={toolbar.getHandler('download', onDownloadClick)}\r\n                    disabled={toolbar.isDisabled('download')}\r\n                    aria-label=\"Download file\"\r\n                  >\r\n                    {toolbar.getIcon('download') || <DownloadIcon />}\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n              {!toolbar.isHidden('print') && (\r\n                <Tooltip title={toolbar.getLabel('print') || \"Print\"}>\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={toolbar.getHandler('print', onPrintClick)}\r\n                    disabled={toolbar.isDisabled('print')}\r\n                    aria-label=\"Print file\"\r\n                  >\r\n                    {toolbar.getIcon('print') || <PrintIcon />}\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n              {!toolbar.isHidden('fullscreen') && (\r\n                <Tooltip title={toolbar.getLabel('fullscreen') || \"Fullscreen\"}>\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={toolbar.getHandler('fullscreen', handleToggleFullScreen)}\r\n                    disabled={toolbar.isDisabled('fullscreen')}\r\n                    aria-label=\"Toggle fullscreen\"\r\n                  >\r\n                    {toolbar.getIcon('fullscreen') || <FullscreenIcon />}\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n              {!toolbar.isHidden('metadata') && (\r\n                <Tooltip title={toolbar.getLabel('metadata') || \"Document Metadata\"}>\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={toolbar.getHandler('metadata', onMetadataClick)}\r\n                    disabled={toolbar.isDisabled('metadata')}\r\n                    aria-label=\"View document metadata\"\r\n                  >\r\n                    {toolbar.getIcon('metadata') || <DescriptionIcon />}\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n              {!toolbar.isHidden('properties') && (\r\n                <Tooltip title={toolbar.getLabel('properties') || \"Document Properties\"}>\r\n                  <IconButton\r\n                    size=\"small\"\r\n                    onClick={toolbar.getHandler('properties', onPropertiesClick)}\r\n                    disabled={toolbar.isDisabled('properties')}\r\n                    aria-label=\"View document properties\"\r\n                  >\r\n                    {toolbar.getIcon('properties') || <InfoIcon />}\r\n                  </IconButton>\r\n                </Tooltip>\r\n              )}\r\n            </Stack>\r\n          }\r\n          sx={{ pb: 1 }}\r\n        />\r\n        <CardContent sx={{\r\n          flexGrow: 1,\r\n          display: 'flex',\r\n          alignItems: 'center',\r\n          justifyContent: 'center',\r\n          flexDirection: 'column',\r\n          textAlign: 'center',\r\n          color: '#666'\r\n        }}>\r\n          <Typography variant=\"h6\" gutterBottom color=\"text.primary\">\r\n            File Preview Not Available\r\n          </Typography>\r\n          <Box sx={{ mt: 2 }}>\r\n            <Typography variant=\"body2\"><strong>File:</strong> {resolvedFileName}</Typography>\r\n            {mimeType && <Typography variant=\"body2\"><strong>Type:</strong> {mimeType}</Typography>}\r\n            {fileSize && <Typography variant=\"body2\"><strong>Size:</strong> {Math.round(fileSize / 1024)} KB</Typography>}\r\n            <Typography variant=\"body2\" sx={{ mt: 2 }}>\r\n              This file type is not supported for preview.\r\n            </Typography>\r\n            <Typography variant=\"body2\" color=\"text.secondary\">\r\n              You can download the file using the button above.\r\n            </Typography>\r\n          </Box>\r\n        </CardContent>\r\n      </Card>\r\n    </Box>\r\n  );\r\n};\r\n"],"mappings":"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","names":[]}

package/dist/chunk-U4W524VZ.mjs

@@ -0,0 +1,334 @@
+"use client";
+import {
+  toolbarStyles
+} from "./chunk-GMDRDOWP.mjs";
+import {
+  FileIcon_default,
+  mergeToolbarConfig
+} from "./chunk-VJFXCN5Z.mjs";
+
+// src/components/viewers/ImageViewer.tsx
+import { useRef, useState, useMemo, useEffect } from "react";
+
+// src/components/viewers/image/ImageToolbar.tsx
+import React from "react";
+import ZoomInIcon from "@mui/icons-material/ZoomIn";
+import ZoomOutIcon from "@mui/icons-material/ZoomOut";
+import RotateLeftIcon from "@mui/icons-material/RotateLeft";
+import RotateRightIcon from "@mui/icons-material/RotateRight";
+import FitScreenIcon from "@mui/icons-material/FitScreen";
+import AspectRatioIcon from "@mui/icons-material/AspectRatio";
+import FullscreenIcon from "@mui/icons-material/Fullscreen";
+import DownloadIcon from "@mui/icons-material/Download";
+import PrintIcon from "@mui/icons-material/Print";
+import InfoIcon from "@mui/icons-material/Info";
+import DescriptionIcon from "@mui/icons-material/Description";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var ImageToolbar = React.memo(({
+  zoom,
+  rotation,
+  onZoomIn,
+  onZoomOut,
+  onFitToWidth,
+  onFitToPage,
+  onRotateLeft,
+  onRotateRight,
+  onToggleFullScreen,
+  showDownload,
+  showPrint,
+  showMetadata,
+  showProperties,
+  disabledDownload,
+  disabledPrint,
+  disabledMetadata,
+  disabledProperties,
+  onDownloadClick,
+  onPrintClick,
+  onMetadataClick,
+  onPropertiesClick
+}) => /* @__PURE__ */ jsxs("div", { className: "pdf-viewer-toolbar", children: [
+  /* @__PURE__ */ jsx("div", { className: "toolbar-separator" }),
+  /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
+    /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onZoomOut, title: "Zoom Out", children: /* @__PURE__ */ jsx(ZoomOutIcon, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsxs("span", { className: "zoom-display", children: [
+      zoom,
+      "%"
+    ] }),
+    /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onZoomIn, title: "Zoom In", children: /* @__PURE__ */ jsx(ZoomInIcon, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onFitToWidth, title: "Fit to Width", children: /* @__PURE__ */ jsx(AspectRatioIcon, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onFitToPage, title: "Fit to Page", children: /* @__PURE__ */ jsx(FitScreenIcon, { fontSize: "small" }) })
+  ] }),
+  /* @__PURE__ */ jsx("div", { className: "toolbar-separator" }),
+  /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
+    /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onRotateLeft, title: "Rotate Left", children: /* @__PURE__ */ jsx(RotateLeftIcon, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onRotateRight, title: "Rotate Right", children: /* @__PURE__ */ jsx(RotateRightIcon, { fontSize: "small" }) }),
+    /* @__PURE__ */ jsxs("span", { className: "page-info", children: [
+      "Rotation: ",
+      rotation,
+      "\xB0"
+    ] })
+  ] }),
+  /* @__PURE__ */ jsx("div", { className: "toolbar-separator" }),
+  /* @__PURE__ */ jsx("div", { className: "toolbar-section", children: /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onToggleFullScreen, title: "Fullscreen", children: /* @__PURE__ */ jsx(FullscreenIcon, { fontSize: "small" }) }) }),
+  (showDownload || showPrint || showMetadata || showProperties) && /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "toolbar-separator" }),
+    /* @__PURE__ */ jsxs("div", { className: "toolbar-section", children: [
+      showDownload && /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onDownloadClick, disabled: disabledDownload, title: "Download Image", children: /* @__PURE__ */ jsx(DownloadIcon, { fontSize: "small" }) }),
+      showPrint && /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onPrintClick, disabled: disabledPrint, title: "Print Image", children: /* @__PURE__ */ jsx(PrintIcon, { fontSize: "small" }) }),
+      showMetadata && /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onMetadataClick, disabled: disabledMetadata, title: "Image Metadata", children: /* @__PURE__ */ jsx(DescriptionIcon, { fontSize: "small" }) }),
+      showProperties && /* @__PURE__ */ jsx("button", { className: "toolbar-button", onClick: onPropertiesClick, disabled: disabledProperties, title: "Image Properties", children: /* @__PURE__ */ jsx(InfoIcon, { fontSize: "small" }) })
+    ] })
+  ] })
+] }));
+ImageToolbar.displayName = "ImageToolbar";
+
+// src/components/viewers/image/ImageHeader.tsx
+import React2 from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var ImageHeader = React2.memo(({ fileName, fileExtension }) => {
+  return /* @__PURE__ */ jsxs2("div", { className: "pdf-viewer-header", children: [
+    /* @__PURE__ */ jsx2(FileIcon_default, { ext: fileExtension, size: 26 }),
+    /* @__PURE__ */ jsx2("div", { className: "header-file-name", title: fileName, children: fileName })
+  ] });
+});
+ImageHeader.displayName = "ImageHeader";
+
+// src/components/viewers/ImageViewer.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var ImageViewer = ({
+  file,
+  url,
+  fileName,
+  width = "100%",
+  height = "100%",
+  className = "",
+  style = {},
+  showDownload = true,
+  showPrint = true,
+  showMetadata = false,
+  showProperties = false,
+  onDownloadClick,
+  onPrintClick,
+  onMetadataClick,
+  onPropertiesClick,
+  // Extract props that shouldn't be passed to DOM elements
+  mimeType,
+  fileSize,
+  showPageCount,
+  showPageNavigation,
+  showZoomControls,
+  showSearch,
+  customRegistry,
+  initialSearchText,
+  initialSearchPages,
+  autoOpenSearch,
+  autoExecuteSearch,
+  onSearchComplete,
+  toolbarActions,
+  ...props
+}) => {
+  const containerRef = useRef(null);
+  const imageAreaRef = useRef(null);
+  const [imageSize, setImageSize] = useState({ width: 0, height: 0 });
+  const [zoom, setZoom] = useState(100);
+  const [rotation, setRotation] = useState(0);
+  const [pendingFit, setPendingFit] = useState(null);
+  const didAutoFit = useRef(false);
+  const [isDragging, setIsDragging] = useState(false);
+  const [dragStart, setDragStart] = useState({ x: 0, y: 0 });
+  const [scrollStart, setScrollStart] = useState({ left: 0, top: 0 });
+  const [isFullScreen, setIsFullScreen] = useState(false);
+  const src = useMemo(() => {
+    if (file) {
+      const objectUrl = URL.createObjectURL(file);
+      return objectUrl;
+    }
+    return url || "";
+  }, [file, url]);
+  useEffect(() => {
+    return () => {
+      if (file && src) {
+        URL.revokeObjectURL(src);
+      }
+    };
+  }, [file, src]);
+  const handleImageLoad = (e) => {
+    const img = e.currentTarget;
+    setImageSize({ width: img.naturalWidth, height: img.naturalHeight });
+    if (!didAutoFit.current) {
+      setPendingFit("page");
+      didAutoFit.current = true;
+    }
+  };
+  useEffect(() => {
+    if (!imageAreaRef.current || !imageSize.width || !imageSize.height || !pendingFit) return;
+    const containerWidth = imageAreaRef.current.offsetWidth;
+    const containerHeight = imageAreaRef.current.offsetHeight;
+    const rot2 = rotation % 360;
+    const rotated2 = rot2 === 90 || rot2 === 270;
+    const imgW = rotated2 ? imageSize.height : imageSize.width;
+    const imgH = rotated2 ? imageSize.width : imageSize.height;
+    if (pendingFit === "width") {
+      setZoom(Math.round(containerWidth / imgW * 100));
+    } else if (pendingFit === "page") {
+      const scaleW = containerWidth / imgW;
+      const scaleH = containerHeight / imgH;
+      setZoom(Math.round(Math.min(scaleW, scaleH) * 100));
+    }
+    setPendingFit(null);
+  }, [pendingFit, imageSize, rotation]);
+  const handleZoomIn = () => setZoom((z) => Math.min(z + 10, 400));
+  const handleZoomOut = () => setZoom((z) => Math.max(z - 10, 10));
+  const handleFitToWidth = () => setPendingFit("width");
+  const handleFitToPage = () => setPendingFit("page");
+  const handleRotateLeft = () => setRotation((r) => (r - 90 + 360) % 360);
+  const handleRotateRight = () => setRotation((r) => (r + 90) % 360);
+  const handleToggleFullScreen = () => {
+    if (!isFullScreen && containerRef.current?.requestFullscreen) {
+      containerRef.current.requestFullscreen();
+      setIsFullScreen(true);
+    } else if (isFullScreen && document.exitFullscreen) {
+      document.exitFullscreen();
+      setIsFullScreen(false);
+    }
+  };
+  const handleMouseDown = (e) => {
+    if (imageAreaRef.current) {
+      setIsDragging(true);
+      setDragStart({ x: e.clientX, y: e.clientY });
+      setScrollStart({
+        left: imageAreaRef.current.scrollLeft,
+        top: imageAreaRef.current.scrollTop
+      });
+    }
+  };
+  const handleMouseMove = (e) => {
+    if (!isDragging || !imageAreaRef.current) return;
+    const dx = e.clientX - dragStart.x;
+    const dy = e.clientY - dragStart.y;
+    imageAreaRef.current.scrollLeft = scrollStart.left - dx;
+    imageAreaRef.current.scrollTop = scrollStart.top - dy;
+  };
+  const handleMouseUp = () => setIsDragging(false);
+  const handleMouseLeave = () => setIsDragging(false);
+  const toolbar = mergeToolbarConfig({
+    showDownload,
+    showPrint,
+    showMetadata,
+    showProperties,
+    onDownloadClick,
+    onPrintClick,
+    onMetadataClick,
+    onPropertiesClick,
+    toolbarActions
+  });
+  useEffect(() => {
+    const handleKeyDown = (e) => {
+      if (e.key === "+") setZoom((z) => Math.min(z + 10, 400));
+      if (e.key === "-") setZoom((z) => Math.max(z - 10, 10));
+      if (e.key === "r") setRotation((r) => (r + 90) % 360);
+      if (e.key === "R") setRotation((r) => (r - 90 + 360) % 360);
+      if (e.key === "Escape" && isFullScreen && document.exitFullscreen) {
+        document.exitFullscreen();
+        setIsFullScreen(false);
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [isFullScreen]);
+  if (!src) {
+    return /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-container", style: { width, height, ...style }, children: [
+      /* @__PURE__ */ jsx3("style", { children: toolbarStyles }),
+      /* @__PURE__ */ jsx3("div", { style: { height: "100%", display: "flex", alignItems: "center", justifyContent: "center", color: "#666" }, children: /* @__PURE__ */ jsx3("strong", { children: "No image source provided" }) })
+    ] });
+  }
+  const displayName = fileName || file?.name || "image";
+  const ext = displayName.split(".").pop() || "";
+  const rot = rotation % 360;
+  const rotated = rot === 90 || rot === 270;
+  const displayWidth = rotated ? imageSize.height : imageSize.width;
+  const displayHeight = rotated ? imageSize.width : imageSize.height;
+  const scaledWidth = displayWidth * (zoom / 100);
+  const scaledHeight = displayHeight * (zoom / 100);
+  return /* @__PURE__ */ jsxs3("div", { className: "pdf-viewer-container", style: { width, height, ...style }, children: [
+    /* @__PURE__ */ jsx3("style", { children: toolbarStyles }),
+    /* @__PURE__ */ jsx3(ImageHeader, { fileName: displayName, fileExtension: ext }),
+    /* @__PURE__ */ jsx3(
+      ImageToolbar,
+      {
+        zoom,
+        rotation,
+        onZoomIn: handleZoomIn,
+        onZoomOut: handleZoomOut,
+        onFitToWidth: handleFitToWidth,
+        onFitToPage: handleFitToPage,
+        onRotateLeft: handleRotateLeft,
+        onRotateRight: handleRotateRight,
+        onToggleFullScreen: handleToggleFullScreen,
+        showDownload: !toolbar.isHidden("download"),
+        showPrint: !toolbar.isHidden("print"),
+        showMetadata: !toolbar.isHidden("metadata"),
+        showProperties: !toolbar.isHidden("properties"),
+        disabledDownload: toolbar.isDisabled("download"),
+        disabledPrint: toolbar.isDisabled("print"),
+        disabledMetadata: toolbar.isDisabled("metadata"),
+        disabledProperties: toolbar.isDisabled("properties"),
+        onDownloadClick: toolbar.getHandler("download", onDownloadClick),
+        onPrintClick: toolbar.getHandler("print", onPrintClick),
+        onMetadataClick: toolbar.getHandler("metadata", onMetadataClick),
+        onPropertiesClick: toolbar.getHandler("properties", onPropertiesClick)
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      "div",
+      {
+        ref: imageAreaRef,
+        className: "pdf-viewer-content",
+        style: {
+          cursor: isDragging ? "grabbing" : "grab",
+          overflow: "auto",
+          background: "#f5f5f5"
+        },
+        onMouseDown: handleMouseDown,
+        onMouseMove: handleMouseMove,
+        onMouseUp: handleMouseUp,
+        onMouseLeave: handleMouseLeave,
+        children: /* @__PURE__ */ jsx3("div", { style: {
+          minWidth: `${scaledWidth}px`,
+          minHeight: `${scaledHeight}px`,
+          width: `${scaledWidth}px`,
+          height: `${scaledHeight}px`,
+          margin: "auto",
+          display: "flex",
+          alignItems: "center",
+          justifyContent: "center",
+          position: "relative"
+        }, children: /* @__PURE__ */ jsx3(
+          "img",
+          {
+            src,
+            alt: displayName,
+            onLoad: handleImageLoad,
+            crossOrigin: "anonymous",
+            style: {
+              transform: `rotate(${rotation}deg)`,
+              transformOrigin: "center center",
+              maxWidth: "100%",
+              maxHeight: "100%",
+              width: "100%",
+              height: "100%",
+              objectFit: "contain",
+              pointerEvents: "none",
+              userSelect: "none"
+            }
+          }
+        ) })
+      }
+    )
+  ] });
+};
+
+export {
+  ImageViewer
+};
+//# sourceMappingURL=chunk-U4W524VZ.mjs.map

package/dist/chunk-U4W524VZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/viewers/ImageViewer.tsx","../src/components/viewers/image/ImageToolbar.tsx","../src/components/viewers/image/ImageHeader.tsx"],"sourcesContent":["import React, { useRef, useState, useMemo, useEffect } from 'react';\r\nimport { ImageToolbar } from './image/ImageToolbar';\r\nimport { ImageHeader } from './image/ImageHeader';\r\nimport { toolbarStyles } from './pdf/PDFStyles';\r\nimport { FileViewerProps } from '../../types';\r\nimport { mergeToolbarConfig } from '../../utils/toolbarUtils';\r\n\r\nexport const ImageViewer: React.FC<FileViewerProps> = ({\r\n  file,\r\n  url,\r\n  fileName,\r\n  width = '100%',\r\n  height = '100%',\r\n  className = '',\r\n  style = {},\r\n  showDownload = true,\r\n  showPrint = true,\r\n  showMetadata = false,\r\n  showProperties = false,\r\n  onDownloadClick,\r\n  onPrintClick,\r\n  onMetadataClick,\r\n  onPropertiesClick,\r\n  // Extract props that shouldn't be passed to DOM elements\r\n  mimeType,\r\n  fileSize,\r\n  showPageCount,\r\n  showPageNavigation,\r\n  showZoomControls,\r\n  showSearch,\r\n  customRegistry,\r\n  initialSearchText,\r\n  initialSearchPages,\r\n  autoOpenSearch,\r\n  autoExecuteSearch,\r\n  onSearchComplete,\r\n  toolbarActions,\r\n  ...props\r\n}) => {\r\n  const containerRef = useRef<HTMLDivElement>(null);\r\n  const imageAreaRef = useRef<HTMLDivElement>(null);\r\n  const [imageSize, setImageSize] = useState({ width: 0, height: 0 });\r\n  const [zoom, setZoom] = useState(100);\r\n  const [rotation, setRotation] = useState(0);\r\n  const [pendingFit, setPendingFit] = useState<'width' | 'page' | null>(null);\r\n  const didAutoFit = useRef(false);\r\n  const [isDragging, setIsDragging] = useState(false);\r\n  const [dragStart, setDragStart] = useState({ x: 0, y: 0 });\r\n  const [scrollStart, setScrollStart] = useState({ left: 0, top: 0 });\r\n  const [isFullScreen, setIsFullScreen] = useState(false);\r\n\r\n  const src = useMemo(() => {\r\n    if (file) {\r\n      const objectUrl = URL.createObjectURL(file);\r\n      return objectUrl;\r\n    }\r\n    return url || '';\r\n  }, [file, url]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (file && src) {\r\n        URL.revokeObjectURL(src);\r\n      }\r\n    };\r\n  }, [file, src]);\r\n\r\n  const handleImageLoad = (e: React.SyntheticEvent<HTMLImageElement>) => {\r\n    const img = e.currentTarget;\r\n    setImageSize({ width: img.naturalWidth, height: img.naturalHeight });\r\n    if (!didAutoFit.current) {\r\n      setPendingFit('page');\r\n      didAutoFit.current = true;\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!imageAreaRef.current || !imageSize.width || !imageSize.height || !pendingFit) return;\r\n    \r\n    const containerWidth = imageAreaRef.current.offsetWidth;\r\n    const containerHeight = imageAreaRef.current.offsetHeight;\r\n    const rot = rotation % 360;\r\n    const rotated = rot === 90 || rot === 270;\r\n    const imgW = rotated ? imageSize.height : imageSize.width;\r\n    const imgH = rotated ? imageSize.width : imageSize.height;\r\n\r\n    if (pendingFit === 'width') {\r\n      setZoom(Math.round((containerWidth / imgW) * 100));\r\n    } else if (pendingFit === 'page') {\r\n      const scaleW = containerWidth / imgW;\r\n      const scaleH = containerHeight / imgH;\r\n      setZoom(Math.round(Math.min(scaleW, scaleH) * 100));\r\n    }\r\n    setPendingFit(null);\r\n  }, [pendingFit, imageSize, rotation]);\r\n\r\n  const handleZoomIn = () => setZoom(z => Math.min(z + 10, 400));\r\n  const handleZoomOut = () => setZoom(z => Math.max(z - 10, 10));\r\n  const handleFitToWidth = () => setPendingFit('width');\r\n  const handleFitToPage = () => setPendingFit('page');\r\n  const handleRotateLeft = () => setRotation(r => (r - 90 + 360) % 360);\r\n  const handleRotateRight = () => setRotation(r => (r + 90) % 360);\r\n  \r\n  const handleToggleFullScreen = () => {\r\n    if (!isFullScreen && containerRef.current?.requestFullscreen) {\r\n      containerRef.current.requestFullscreen();\r\n      setIsFullScreen(true);\r\n    } else if (isFullScreen && document.exitFullscreen) {\r\n      document.exitFullscreen();\r\n      setIsFullScreen(false);\r\n    }\r\n  };\r\n\r\n  const handleMouseDown = (e: React.MouseEvent) => {\r\n    if (imageAreaRef.current) {\r\n      setIsDragging(true);\r\n      setDragStart({ x: e.clientX, y: e.clientY });\r\n      setScrollStart({\r\n        left: imageAreaRef.current.scrollLeft,\r\n        top: imageAreaRef.current.scrollTop,\r\n      });\r\n    }\r\n  };\r\n\r\n  const handleMouseMove = (e: React.MouseEvent) => {\r\n    if (!isDragging || !imageAreaRef.current) return;\r\n    const dx = e.clientX - dragStart.x;\r\n    const dy = e.clientY - dragStart.y;\r\n    imageAreaRef.current.scrollLeft = scrollStart.left - dx;\r\n    imageAreaRef.current.scrollTop = scrollStart.top - dy;\r\n  };\r\n\r\n  const handleMouseUp = () => setIsDragging(false);\r\n  const handleMouseLeave = () => setIsDragging(false);\r\n\r\n  const toolbar = mergeToolbarConfig({ \r\n    showDownload, \r\n    showPrint, \r\n    showMetadata, \r\n    showProperties, \r\n    onDownloadClick, \r\n    onPrintClick, \r\n    onMetadataClick, \r\n    onPropertiesClick, \r\n    toolbarActions \r\n  });\r\n\r\n  useEffect(() => {\r\n    const handleKeyDown = (e: KeyboardEvent) => {\r\n      if (e.key === '+') setZoom(z => Math.min(z + 10, 400));\r\n      if (e.key === '-') setZoom(z => Math.max(z - 10, 10));\r\n      if (e.key === 'r') setRotation(r => (r + 90) % 360);\r\n      if (e.key === 'R') setRotation(r => (r - 90 + 360) % 360);\r\n      if (e.key === 'Escape' && isFullScreen && document.exitFullscreen) {\r\n        document.exitFullscreen();\r\n        setIsFullScreen(false);\r\n      }\r\n    };\r\n    window.addEventListener('keydown', handleKeyDown);\r\n    return () => window.removeEventListener('keydown', handleKeyDown);\r\n  }, [isFullScreen]);\r\n\r\n  if (!src) {\r\n    return (\r\n      <div className=\"pdf-viewer-container\" style={{ width, height, ...style }}>\r\n        <style>{toolbarStyles}</style>\r\n        <div style={{ height: '100%', display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#666' }}>\r\n          <strong>No image source provided</strong>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  const displayName = fileName || file?.name || 'image';\r\n  const ext = displayName.split('.').pop() || '';\r\n\r\n  const rot = rotation % 360;\r\n  const rotated = rot === 90 || rot === 270;\r\n  const displayWidth = rotated ? imageSize.height : imageSize.width;\r\n  const displayHeight = rotated ? imageSize.width : imageSize.height;\r\n  const scaledWidth = displayWidth * (zoom / 100);\r\n  const scaledHeight = displayHeight * (zoom / 100);\r\n\r\n  return (\r\n    <div className=\"pdf-viewer-container\" style={{ width, height, ...style }}>\r\n      <style>{toolbarStyles}</style>\r\n      <ImageHeader fileName={displayName} fileExtension={ext} />\r\n      <ImageToolbar\r\n        zoom={zoom}\r\n        rotation={rotation}\r\n        onZoomIn={handleZoomIn}\r\n        onZoomOut={handleZoomOut}\r\n        onFitToWidth={handleFitToWidth}\r\n        onFitToPage={handleFitToPage}\r\n        onRotateLeft={handleRotateLeft}\r\n        onRotateRight={handleRotateRight}\r\n        onToggleFullScreen={handleToggleFullScreen}\r\n        showDownload={!toolbar.isHidden('download')}\r\n        showPrint={!toolbar.isHidden('print')}\r\n        showMetadata={!toolbar.isHidden('metadata')}\r\n        showProperties={!toolbar.isHidden('properties')}\r\n        disabledDownload={toolbar.isDisabled('download')}\r\n        disabledPrint={toolbar.isDisabled('print')}\r\n        disabledMetadata={toolbar.isDisabled('metadata')}\r\n        disabledProperties={toolbar.isDisabled('properties')}\r\n        onDownloadClick={toolbar.getHandler('download', onDownloadClick)}\r\n        onPrintClick={toolbar.getHandler('print', onPrintClick)}\r\n        onMetadataClick={toolbar.getHandler('metadata', onMetadataClick)}\r\n        onPropertiesClick={toolbar.getHandler('properties', onPropertiesClick)}\r\n      />\r\n      <div \r\n        ref={imageAreaRef}\r\n        className=\"pdf-viewer-content\"\r\n        style={{\r\n          cursor: isDragging ? 'grabbing' : 'grab',\r\n          overflow: 'auto',\r\n          background: '#f5f5f5'\r\n        }}\r\n        onMouseDown={handleMouseDown}\r\n        onMouseMove={handleMouseMove}\r\n        onMouseUp={handleMouseUp}\r\n        onMouseLeave={handleMouseLeave}\r\n      >\r\n        <div style={{\r\n          minWidth: `${scaledWidth}px`,\r\n          minHeight: `${scaledHeight}px`,\r\n          width: `${scaledWidth}px`,\r\n          height: `${scaledHeight}px`,\r\n          margin: 'auto',\r\n          display: 'flex',\r\n          alignItems: 'center',\r\n          justifyContent: 'center',\r\n          position: 'relative',\r\n        }}>\r\n          <img\r\n            src={src}\r\n            alt={displayName}\r\n            onLoad={handleImageLoad}\r\n            crossOrigin=\"anonymous\"\r\n            style={{\r\n              transform: `rotate(${rotation}deg)`,\r\n              transformOrigin: 'center center',\r\n              maxWidth: '100%',\r\n              maxHeight: '100%',\r\n              width: '100%',\r\n              height: '100%',\r\n              objectFit: 'contain',\r\n              pointerEvents: 'none',\r\n              userSelect: 'none',\r\n            }}\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\r\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\r\nimport RotateLeftIcon from '@mui/icons-material/RotateLeft';\r\nimport RotateRightIcon from '@mui/icons-material/RotateRight';\r\nimport FitScreenIcon from '@mui/icons-material/FitScreen';\r\nimport AspectRatioIcon from '@mui/icons-material/AspectRatio';\r\nimport FullscreenIcon from '@mui/icons-material/Fullscreen';\r\nimport DownloadIcon from '@mui/icons-material/Download';\r\nimport PrintIcon from '@mui/icons-material/Print';\r\nimport InfoIcon from '@mui/icons-material/Info';\r\nimport DescriptionIcon from '@mui/icons-material/Description';\r\n\r\ninterface ImageToolbarProps {\r\n  zoom: number;\r\n  rotation: number;\r\n  onZoomIn: () => void;\r\n  onZoomOut: () => void;\r\n  onFitToWidth: () => void;\r\n  onFitToPage: () => void;\r\n  onRotateLeft: () => void;\r\n  onRotateRight: () => void;\r\n  onToggleFullScreen: () => void;\r\n  showDownload: boolean;\r\n  showPrint: boolean;\r\n  showMetadata: boolean;\r\n  showProperties: boolean;\r\n  disabledDownload?: boolean;\r\n  disabledPrint?: boolean;\r\n  disabledMetadata?: boolean;\r\n  disabledProperties?: boolean;\r\n  onDownloadClick?: () => void;\r\n  onPrintClick?: () => void;\r\n  onMetadataClick?: () => void;\r\n  onPropertiesClick?: () => void;\r\n}\r\n\r\nexport const ImageToolbar = React.memo<ImageToolbarProps>(({ \r\n  zoom,\r\n  rotation,\r\n  onZoomIn,\r\n  onZoomOut,\r\n  onFitToWidth,\r\n  onFitToPage,\r\n  onRotateLeft,\r\n  onRotateRight,\r\n  onToggleFullScreen,\r\n  showDownload,\r\n  showPrint,\r\n  showMetadata,\r\n  showProperties,\r\n  disabledDownload,\r\n  disabledPrint,\r\n  disabledMetadata,\r\n  disabledProperties,\r\n  onDownloadClick,\r\n  onPrintClick,\r\n  onMetadataClick,\r\n  onPropertiesClick,\r\n}) => (\r\n  <div className=\"pdf-viewer-toolbar\">\r\n    <div className=\"toolbar-separator\"></div>\r\n    <div className=\"toolbar-section\">\r\n      <button className=\"toolbar-button\" onClick={onZoomOut} title=\"Zoom Out\">\r\n        <ZoomOutIcon fontSize=\"small\" />\r\n      </button>\r\n      <span className=\"zoom-display\">{zoom}%</span>\r\n      <button className=\"toolbar-button\" onClick={onZoomIn} title=\"Zoom In\">\r\n        <ZoomInIcon fontSize=\"small\" />\r\n      </button>\r\n      <button className=\"toolbar-button\" onClick={onFitToWidth} title=\"Fit to Width\">\r\n        <AspectRatioIcon fontSize=\"small\" />\r\n      </button>\r\n      <button className=\"toolbar-button\" onClick={onFitToPage} title=\"Fit to Page\">\r\n        <FitScreenIcon fontSize=\"small\" />\r\n      </button>\r\n    </div>\r\n    <div className=\"toolbar-separator\"></div>\r\n    <div className=\"toolbar-section\">\r\n      <button className=\"toolbar-button\" onClick={onRotateLeft} title=\"Rotate Left\">\r\n        <RotateLeftIcon fontSize=\"small\" />\r\n      </button>\r\n      <button className=\"toolbar-button\" onClick={onRotateRight} title=\"Rotate Right\">\r\n        <RotateRightIcon fontSize=\"small\" />\r\n      </button>\r\n      <span className=\"page-info\">Rotation: {rotation}°</span>\r\n    </div>\r\n    <div className=\"toolbar-separator\"></div>\r\n    <div className=\"toolbar-section\">\r\n      <button className=\"toolbar-button\" onClick={onToggleFullScreen} title=\"Fullscreen\">\r\n        <FullscreenIcon fontSize=\"small\" />\r\n      </button>\r\n    </div>\r\n    {(showDownload || showPrint || showMetadata || showProperties) && (\r\n      <>\r\n        <div className=\"toolbar-separator\"></div>\r\n        <div className=\"toolbar-section\">\r\n          {showDownload && (\r\n            <button className=\"toolbar-button\" onClick={onDownloadClick} disabled={disabledDownload} title=\"Download Image\">\r\n              <DownloadIcon fontSize=\"small\" />\r\n            </button>\r\n          )}\r\n          {showPrint && (\r\n            <button className=\"toolbar-button\" onClick={onPrintClick} disabled={disabledPrint} title=\"Print Image\">\r\n              <PrintIcon fontSize=\"small\" />\r\n            </button>\r\n          )}\r\n          {showMetadata && (\r\n            <button className=\"toolbar-button\" onClick={onMetadataClick} disabled={disabledMetadata} title=\"Image Metadata\">\r\n              <DescriptionIcon fontSize=\"small\" />\r\n            </button>\r\n          )}\r\n          {showProperties && (\r\n            <button className=\"toolbar-button\" onClick={onPropertiesClick} disabled={disabledProperties} title=\"Image Properties\">\r\n              <InfoIcon fontSize=\"small\" />\r\n            </button>\r\n          )}\r\n        </div>\r\n      </>\r\n    )}\r\n  </div>\r\n));\r\n\r\nImageToolbar.displayName = 'ImageToolbar';\r\n","import React from 'react';\r\nimport FileIcon from '../../FileIcon';\r\n\r\ninterface ImageHeaderProps {\r\n  fileName: string;\r\n  fileExtension: string;\r\n}\r\n\r\nexport const ImageHeader = React.memo<ImageHeaderProps>(({ fileName, fileExtension }) => {\r\n  return (\r\n    <div className=\"pdf-viewer-header\">\r\n      <FileIcon ext={fileExtension} size={26} />\r\n      <div className=\"header-file-name\" title={fileName}>\r\n        {fileName}\r\n      </div>\r\n    </div>\r\n  );\r\n});\r\n\r\nImageHeader.displayName = 'ImageHeader';\r\n"],"mappings":";;;;;;;;;;AAAA,SAAgB,QAAQ,UAAU,SAAS,iBAAiB;;;ACA5D,OAAO,WAAW;AAClB,OAAO,gBAAgB;AACvB,OAAO,iBAAiB;AACxB,OAAO,oBAAoB;AAC3B,OAAO,qBAAqB;AAC5B,OAAO,mBAAmB;AAC1B,OAAO,qBAAqB;AAC5B,OAAO,oBAAoB;AAC3B,OAAO,kBAAkB;AACzB,OAAO,eAAe;AACtB,OAAO,cAAc;AACrB,OAAO,qBAAqB;AAkDxB,SAiCE,UAjCF,KAKE,YALF;AAxBG,IAAM,eAAe,MAAM,KAAwB,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,qBAAC,SAAI,WAAU,sBACb;AAAA,sBAAC,SAAI,WAAU,qBAAoB;AAAA,EACnC,qBAAC,SAAI,WAAU,mBACb;AAAA,wBAAC,YAAO,WAAU,kBAAiB,SAAS,WAAW,OAAM,YAC3D,8BAAC,eAAY,UAAS,SAAQ,GAChC;AAAA,IACA,qBAAC,UAAK,WAAU,gBAAgB;AAAA;AAAA,MAAK;AAAA,OAAC;AAAA,IACtC,oBAAC,YAAO,WAAU,kBAAiB,SAAS,UAAU,OAAM,WAC1D,8BAAC,cAAW,UAAS,SAAQ,GAC/B;AAAA,IACA,oBAAC,YAAO,WAAU,kBAAiB,SAAS,cAAc,OAAM,gBAC9D,8BAAC,mBAAgB,UAAS,SAAQ,GACpC;AAAA,IACA,oBAAC,YAAO,WAAU,kBAAiB,SAAS,aAAa,OAAM,eAC7D,8BAAC,iBAAc,UAAS,SAAQ,GAClC;AAAA,KACF;AAAA,EACA,oBAAC,SAAI,WAAU,qBAAoB;AAAA,EACnC,qBAAC,SAAI,WAAU,mBACb;AAAA,wBAAC,YAAO,WAAU,kBAAiB,SAAS,cAAc,OAAM,eAC9D,8BAAC,kBAAe,UAAS,SAAQ,GACnC;AAAA,IACA,oBAAC,YAAO,WAAU,kBAAiB,SAAS,eAAe,OAAM,gBAC/D,8BAAC,mBAAgB,UAAS,SAAQ,GACpC;AAAA,IACA,qBAAC,UAAK,WAAU,aAAY;AAAA;AAAA,MAAW;AAAA,MAAS;AAAA,OAAC;AAAA,KACnD;AAAA,EACA,oBAAC,SAAI,WAAU,qBAAoB;AAAA,EACnC,oBAAC,SAAI,WAAU,mBACb,8BAAC,YAAO,WAAU,kBAAiB,SAAS,oBAAoB,OAAM,cACpE,8BAAC,kBAAe,UAAS,SAAQ,GACnC,GACF;AAAA,GACE,gBAAgB,aAAa,gBAAgB,mBAC7C,iCACE;AAAA,wBAAC,SAAI,WAAU,qBAAoB;AAAA,IACnC,qBAAC,SAAI,WAAU,mBACZ;AAAA,sBACC,oBAAC,YAAO,WAAU,kBAAiB,SAAS,iBAAiB,UAAU,kBAAkB,OAAM,kBAC7F,8BAAC,gBAAa,UAAS,SAAQ,GACjC;AAAA,MAED,aACC,oBAAC,YAAO,WAAU,kBAAiB,SAAS,cAAc,UAAU,eAAe,OAAM,eACvF,8BAAC,aAAU,UAAS,SAAQ,GAC9B;AAAA,MAED,gBACC,oBAAC,YAAO,WAAU,kBAAiB,SAAS,iBAAiB,UAAU,kBAAkB,OAAM,kBAC7F,8BAAC,mBAAgB,UAAS,SAAQ,GACpC;AAAA,MAED,kBACC,oBAAC,YAAO,WAAU,kBAAiB,SAAS,mBAAmB,UAAU,oBAAoB,OAAM,oBACjG,8BAAC,YAAS,UAAS,SAAQ,GAC7B;AAAA,OAEJ;AAAA,KACF;AAAA,GAEJ,CACD;AAED,aAAa,cAAc;;;AC3H3B,OAAOA,YAAW;AAUd,SACE,OAAAC,MADF,QAAAC,aAAA;AAFG,IAAM,cAAcC,OAAM,KAAuB,CAAC,EAAE,UAAU,cAAc,MAAM;AACvF,SACE,gBAAAD,MAAC,SAAI,WAAU,qBACb;AAAA,oBAAAD,KAAC,oBAAS,KAAK,eAAe,MAAM,IAAI;AAAA,IACxC,gBAAAA,KAAC,SAAI,WAAU,oBAAmB,OAAO,UACtC,oBACH;AAAA,KACF;AAEJ,CAAC;AAED,YAAY,cAAc;;;AFiJpB,SACE,OAAAG,MADF,QAAAC,aAAA;AA7JC,IAAM,cAAyC,CAAC;AAAA,EACrD;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,QAAQ,CAAC;AAAA,EACT,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,eAAe,OAAuB,IAAI;AAChD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE,OAAO,GAAG,QAAQ,EAAE,CAAC;AAClE,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,GAAG;AACpC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,CAAC;AAC1C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAkC,IAAI;AAC1E,QAAM,aAAa,OAAO,KAAK;AAC/B,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAClD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;AACzD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,EAAE,MAAM,GAAG,KAAK,EAAE,CAAC;AAClE,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,KAAK;AAEtD,QAAM,MAAM,QAAQ,MAAM;AACxB,QAAI,MAAM;AACR,YAAM,YAAY,IAAI,gBAAgB,IAAI;AAC1C,aAAO;AAAA,IACT;AACA,WAAO,OAAO;AAAA,EAChB,GAAG,CAAC,MAAM,GAAG,CAAC;AAEd,YAAU,MAAM;AACd,WAAO,MAAM;AACX,UAAI,QAAQ,KAAK;AACf,YAAI,gBAAgB,GAAG;AAAA,MACzB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,MAAM,GAAG,CAAC;AAEd,QAAM,kBAAkB,CAAC,MAA8C;AACrE,UAAM,MAAM,EAAE;AACd,iBAAa,EAAE,OAAO,IAAI,cAAc,QAAQ,IAAI,cAAc,CAAC;AACnE,QAAI,CAAC,WAAW,SAAS;AACvB,oBAAc,MAAM;AACpB,iBAAW,UAAU;AAAA,IACvB;AAAA,EACF;AAEA,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,WAAW,CAAC,UAAU,SAAS,CAAC,UAAU,UAAU,CAAC,WAAY;AAEnF,UAAM,iBAAiB,aAAa,QAAQ;AAC5C,UAAM,kBAAkB,aAAa,QAAQ;AAC7C,UAAMC,OAAM,WAAW;AACvB,UAAMC,WAAUD,SAAQ,MAAMA,SAAQ;AACtC,UAAM,OAAOC,WAAU,UAAU,SAAS,UAAU;AACpD,UAAM,OAAOA,WAAU,UAAU,QAAQ,UAAU;AAEnD,QAAI,eAAe,SAAS;AAC1B,cAAQ,KAAK,MAAO,iBAAiB,OAAQ,GAAG,CAAC;AAAA,IACnD,WAAW,eAAe,QAAQ;AAChC,YAAM,SAAS,iBAAiB;AAChC,YAAM,SAAS,kBAAkB;AACjC,cAAQ,KAAK,MAAM,KAAK,IAAI,QAAQ,MAAM,IAAI,GAAG,CAAC;AAAA,IACpD;AACA,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,YAAY,WAAW,QAAQ,CAAC;AAEpC,QAAM,eAAe,MAAM,QAAQ,OAAK,KAAK,IAAI,IAAI,IAAI,GAAG,CAAC;AAC7D,QAAM,gBAAgB,MAAM,QAAQ,OAAK,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;AAC7D,QAAM,mBAAmB,MAAM,cAAc,OAAO;AACpD,QAAM,kBAAkB,MAAM,cAAc,MAAM;AAClD,QAAM,mBAAmB,MAAM,YAAY,QAAM,IAAI,KAAK,OAAO,GAAG;AACpE,QAAM,oBAAoB,MAAM,YAAY,QAAM,IAAI,MAAM,GAAG;AAE/D,QAAM,yBAAyB,MAAM;AACnC,QAAI,CAAC,gBAAgB,aAAa,SAAS,mBAAmB;AAC5D,mBAAa,QAAQ,kBAAkB;AACvC,sBAAgB,IAAI;AAAA,IACtB,WAAW,gBAAgB,SAAS,gBAAgB;AAClD,eAAS,eAAe;AACxB,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,MAAwB;AAC/C,QAAI,aAAa,SAAS;AACxB,oBAAc,IAAI;AAClB,mBAAa,EAAE,GAAG,EAAE,SAAS,GAAG,EAAE,QAAQ,CAAC;AAC3C,qBAAe;AAAA,QACb,MAAM,aAAa,QAAQ;AAAA,QAC3B,KAAK,aAAa,QAAQ;AAAA,MAC5B,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,kBAAkB,CAAC,MAAwB;AAC/C,QAAI,CAAC,cAAc,CAAC,aAAa,QAAS;AAC1C,UAAM,KAAK,EAAE,UAAU,UAAU;AACjC,UAAM,KAAK,EAAE,UAAU,UAAU;AACjC,iBAAa,QAAQ,aAAa,YAAY,OAAO;AACrD,iBAAa,QAAQ,YAAY,YAAY,MAAM;AAAA,EACrD;AAEA,QAAM,gBAAgB,MAAM,cAAc,KAAK;AAC/C,QAAM,mBAAmB,MAAM,cAAc,KAAK;AAElD,QAAM,UAAU,mBAAmB;AAAA,IACjC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,YAAU,MAAM;AACd,UAAM,gBAAgB,CAAC,MAAqB;AAC1C,UAAI,EAAE,QAAQ,IAAK,SAAQ,OAAK,KAAK,IAAI,IAAI,IAAI,GAAG,CAAC;AACrD,UAAI,EAAE,QAAQ,IAAK,SAAQ,OAAK,KAAK,IAAI,IAAI,IAAI,EAAE,CAAC;AACpD,UAAI,EAAE,QAAQ,IAAK,aAAY,QAAM,IAAI,MAAM,GAAG;AAClD,UAAI,EAAE,QAAQ,IAAK,aAAY,QAAM,IAAI,KAAK,OAAO,GAAG;AACxD,UAAI,EAAE,QAAQ,YAAY,gBAAgB,SAAS,gBAAgB;AACjE,iBAAS,eAAe;AACxB,wBAAgB,KAAK;AAAA,MACvB;AAAA,IACF;AACA,WAAO,iBAAiB,WAAW,aAAa;AAChD,WAAO,MAAM,OAAO,oBAAoB,WAAW,aAAa;AAAA,EAClE,GAAG,CAAC,YAAY,CAAC;AAEjB,MAAI,CAAC,KAAK;AACR,WACE,gBAAAF,MAAC,SAAI,WAAU,wBAAuB,OAAO,EAAE,OAAO,QAAQ,GAAG,MAAM,GACrE;AAAA,sBAAAD,KAAC,WAAO,yBAAc;AAAA,MACtB,gBAAAA,KAAC,SAAI,OAAO,EAAE,QAAQ,QAAQ,SAAS,QAAQ,YAAY,UAAU,gBAAgB,UAAU,OAAO,OAAO,GAC3G,0BAAAA,KAAC,YAAO,sCAAwB,GAClC;AAAA,OACF;AAAA,EAEJ;AAEA,QAAM,cAAc,YAAY,MAAM,QAAQ;AAC9C,QAAM,MAAM,YAAY,MAAM,GAAG,EAAE,IAAI,KAAK;AAE5C,QAAM,MAAM,WAAW;AACvB,QAAM,UAAU,QAAQ,MAAM,QAAQ;AACtC,QAAM,eAAe,UAAU,UAAU,SAAS,UAAU;AAC5D,QAAM,gBAAgB,UAAU,UAAU,QAAQ,UAAU;AAC5D,QAAM,cAAc,gBAAgB,OAAO;AAC3C,QAAM,eAAe,iBAAiB,OAAO;AAE7C,SACE,gBAAAC,MAAC,SAAI,WAAU,wBAAuB,OAAO,EAAE,OAAO,QAAQ,GAAG,MAAM,GACrE;AAAA,oBAAAD,KAAC,WAAO,yBAAc;AAAA,IACtB,gBAAAA,KAAC,eAAY,UAAU,aAAa,eAAe,KAAK;AAAA,IACxD,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,UAAU;AAAA,QACV,WAAW;AAAA,QACX,cAAc;AAAA,QACd,aAAa;AAAA,QACb,cAAc;AAAA,QACd,eAAe;AAAA,QACf,oBAAoB;AAAA,QACpB,cAAc,CAAC,QAAQ,SAAS,UAAU;AAAA,QAC1C,WAAW,CAAC,QAAQ,SAAS,OAAO;AAAA,QACpC,cAAc,CAAC,QAAQ,SAAS,UAAU;AAAA,QAC1C,gBAAgB,CAAC,QAAQ,SAAS,YAAY;AAAA,QAC9C,kBAAkB,QAAQ,WAAW,UAAU;AAAA,QAC/C,eAAe,QAAQ,WAAW,OAAO;AAAA,QACzC,kBAAkB,QAAQ,WAAW,UAAU;AAAA,QAC/C,oBAAoB,QAAQ,WAAW,YAAY;AAAA,QACnD,iBAAiB,QAAQ,WAAW,YAAY,eAAe;AAAA,QAC/D,cAAc,QAAQ,WAAW,SAAS,YAAY;AAAA,QACtD,iBAAiB,QAAQ,WAAW,YAAY,eAAe;AAAA,QAC/D,mBAAmB,QAAQ,WAAW,cAAc,iBAAiB;AAAA;AAAA,IACvE;AAAA,IACA,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAU;AAAA,QACV,OAAO;AAAA,UACL,QAAQ,aAAa,aAAa;AAAA,UAClC,UAAU;AAAA,UACV,YAAY;AAAA,QACd;AAAA,QACA,aAAa;AAAA,QACb,aAAa;AAAA,QACb,WAAW;AAAA,QACX,cAAc;AAAA,QAEd,0BAAAA,KAAC,SAAI,OAAO;AAAA,UACV,UAAU,GAAG,WAAW;AAAA,UACxB,WAAW,GAAG,YAAY;AAAA,UAC1B,OAAO,GAAG,WAAW;AAAA,UACrB,QAAQ,GAAG,YAAY;AAAA,UACvB,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,UAAU;AAAA,QACZ,GACE,0BAAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,KAAK;AAAA,YACL,QAAQ;AAAA,YACR,aAAY;AAAA,YACZ,OAAO;AAAA,cACL,WAAW,UAAU,QAAQ;AAAA,cAC7B,iBAAiB;AAAA,cACjB,UAAU;AAAA,cACV,WAAW;AAAA,cACX,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,WAAW;AAAA,cACX,eAAe;AAAA,cACf,YAAY;AAAA,YACd;AAAA;AAAA,QACF,GACF;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;","names":["React","jsx","jsxs","React","jsx","jsxs","rot","rotated"]}

package/dist/{chunk-77UARJVQ.js → chunk-UUM656JE.js}

@@ -1,13 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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 _chunkYEPEMLM3js = require('./chunk-YEPEMLM3.js');
 
-var _chunkRE4XRGSVjs = require('./chunk-RE4XRGSV.js');
+
+
+var _chunkFA5L62Y5js = require('./chunk-FA5L62Y5.js');
 
 // src/components/viewers/DefaultViewer.tsx
-var _react = require('react');
+var _react = require('react'); var _react2 = _interopRequireDefault(_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 _Info = require('@mui/icons-material/Info'); var _Info2 = _interopRequireDefault(_Info);
 var _Description = require('@mui/icons-material/Description'); var _Description2 = _interopRequireDefault(_Description);
 var _jsxruntime = require('react/jsx-runtime');
@@ -27,29 +32,48 @@ var DefaultViewer = ({
   showPageCount,
   showPageNavigation,
   showZoomControls,
-  showDownload,
-  showPrint,
+  showDownload = true,
+  showPrint = true,
   showSearch,
-  showMetadata,
-  showProperties,
+  showMetadata = false,
+  showProperties = false,
   onMetadataClick,
   onPropertiesClick,
   onPrintClick,
   onDownloadClick,
   customRegistry,
+  initialSearchText,
+  initialSearchPages,
+  autoOpenSearch,
+  autoExecuteSearch,
+  onSearchComplete,
+  toolbarActions,
   ...props
 }) => {
+  const [isFullScreen, setIsFullScreen] = _react2.default.useState(false);
+  const containerRef = _react2.default.useRef(null);
+  const handleToggleFullScreen = () => {
+    if (!isFullScreen && _optionalChain([containerRef, 'access', _ => _.current, 'optionalAccess', _2 => _2.requestFullscreen])) {
+      containerRef.current.requestFullscreen();
+      setIsFullScreen(true);
+    } else if (isFullScreen && document.exitFullscreen) {
+      document.exitFullscreen();
+      setIsFullScreen(false);
+    }
+  };
+  const toolbar = _chunkFA5L62Y5js.mergeToolbarConfig.call(void 0, { ...props, showDownload, showPrint, showMetadata, showProperties, onMetadataClick, onPropertiesClick, onPrintClick, onDownloadClick, toolbarActions });
   const resolvedFileName = _react.useMemo.call(void 0, 
-    () => fileName || _optionalChain([file, 'optionalAccess', _ => _.name]) || (url ? url.split("/").pop() : "unknown-file"),
+    () => fileName || _optionalChain([file, 'optionalAccess', _3 => _3.name]) || (url ? url.split("/").pop() : "unknown-file"),
     [fileName, file, url]
   );
   const fileExtension = _react.useMemo.call(void 0, 
-    () => _chunkRE4XRGSVjs.getFileExtension.call(void 0, resolvedFileName || ""),
+    () => _chunkYEPEMLM3js.getFileExtension.call(void 0, resolvedFileName || ""),
     [resolvedFileName]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.Box,
     {
+      ref: containerRef,
       className: `default-viewer ${className}`,
       sx: { width, height, ...style },
       ...props,
@@ -57,34 +81,57 @@ var DefaultViewer = ({
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _material.CardHeader,
           {
-            avatar: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRE4XRGSVjs.FileIcon_default, { ext: fileExtension, size: 32 }),
+            avatar: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFA5L62Y5js.FileIcon_default, { ext: fileExtension, size: 32 }),
             title: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "subtitle1", fontWeight: 500, children: resolvedFileName }),
             action: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _material.Stack, { direction: "row", spacing: 1, children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Download", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              !toolbar.isHidden("download") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("download") || "Download", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _material.IconButton,
                 {
                   size: "small",
-                  onClick: onDownloadClick,
+                  onClick: toolbar.getHandler("download", onDownloadClick),
+                  disabled: toolbar.isDisabled("download"),
                   "aria-label": "Download file",
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, {})
+                  children: toolbar.getIcon("download") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Download2.default, {})
+                }
+              ) }),
+              !toolbar.isHidden("print") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("print") || "Print", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _material.IconButton,
+                {
+                  size: "small",
+                  onClick: toolbar.getHandler("print", onPrintClick),
+                  disabled: toolbar.isDisabled("print"),
+                  "aria-label": "Print file",
+                  children: toolbar.getIcon("print") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Print2.default, {})
+                }
+              ) }),
+              !toolbar.isHidden("fullscreen") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("fullscreen") || "Fullscreen", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _material.IconButton,
+                {
+                  size: "small",
+                  onClick: toolbar.getHandler("fullscreen", handleToggleFullScreen),
+                  disabled: toolbar.isDisabled("fullscreen"),
+                  "aria-label": "Toggle fullscreen",
+                  children: toolbar.getIcon("fullscreen") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Fullscreen2.default, {})
                 }
               ) }),
-              showMetadata && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Document Metadata", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              !toolbar.isHidden("metadata") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("metadata") || "Document Metadata", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _material.IconButton,
                 {
                   size: "small",
-                  onClick: onMetadataClick,
+                  onClick: toolbar.getHandler("metadata", onMetadataClick),
+                  disabled: toolbar.isDisabled("metadata"),
                   "aria-label": "View document metadata",
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, {})
+                  children: toolbar.getIcon("metadata") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, {})
                 }
               ) }),
-              showProperties && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: "Document Properties", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              !toolbar.isHidden("properties") && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Tooltip, { title: toolbar.getLabel("properties") || "Document Properties", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 _material.IconButton,
                 {
                   size: "small",
-                  onClick: onPropertiesClick,
+                  onClick: toolbar.getHandler("properties", onPropertiesClick),
+                  disabled: toolbar.isDisabled("properties"),
                   "aria-label": "View document properties",
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Description2.default, {})
+                  children: toolbar.getIcon("properties") || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _Info2.default, {})
                 }
               ) })
             ] }),
@@ -130,4 +177,4 @@ var DefaultViewer = ({
 
 
 exports.DefaultViewer = DefaultViewer;
-//# sourceMappingURL=chunk-77UARJVQ.js.map
+//# sourceMappingURL=chunk-UUM656JE.js.map

package/dist/chunk-UUM656JE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["d:\\Projects\\DMS-File-Viewers\\packages\\lib\\dist\\chunk-UUM656JE.js"],"names":[],"mappings":"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","file":"D:\\Projects\\DMS-File-Viewers\\packages\\lib\\dist\\chunk-UUM656JE.js","sourcesContent":[null]}