@cannymindstech/file-viewers 0.27.11 → 0.28.0

package/dist/chunk-7JPF5AYR.mjs

@@ -1,488 +0,0 @@
-"use client";
-import {
-  toolbarStyles
-} from "./chunk-KQCU7XW2.mjs";
-import {
-  FileIcon_default,
-  mergeToolbarConfig
-} from "./chunk-7PMZ4GN5.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 HistoryIcon from "@mui/icons-material/History";
-import { LocalOffer } from "@mui/icons-material";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var ImageToolbar = React.memo(
-  ({
-    zoom,
-    rotation,
-    onZoomIn,
-    onZoomOut,
-    onFitToWidth,
-    onFitToPage,
-    onRotateLeft,
-    onRotateRight,
-    onToggleFullScreen,
-    showDownload,
-    showPrint,
-    showMetadata,
-    showTags,
-    showProperties,
-    showHistory,
-    disabledDownload,
-    disabledPrint,
-    disabledMetadata,
-    disabledProperties,
-    disabledTags,
-    disabledHistory,
-    onDownloadClick,
-    onPrintClick,
-    onTagsClick,
-    onMetadataClick,
-    onPropertiesClick,
-    onHistoryClick
-  }) => /* @__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 || showTags || showHistory) && /* @__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" })
-          }
-        ),
-        showTags && /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: "toolbar-button",
-            onClick: onTagsClick,
-            disabled: disabledTags,
-            title: "Image Tags",
-            children: /* @__PURE__ */ jsx(LocalOffer, { fontSize: "small" })
-          }
-        ),
-        showHistory && /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: "toolbar-button",
-            onClick: onHistoryClick,
-            disabled: disabledHistory,
-            title: "Image History",
-            children: /* @__PURE__ */ jsx(HistoryIcon, { 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,
-  showTags = true,
-  showProperties = false,
-  showHistory = true,
-  onDownloadClick,
-  onPrintClick,
-  onTagsClick,
-  onMetadataClick,
-  onPropertiesClick,
-  onHistoryClick,
-  // 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,
-    showTags,
-    showProperties,
-    showHistory,
-    onDownloadClick,
-    onPrintClick,
-    onTagsClick,
-    onMetadataClick,
-    onPropertiesClick,
-    onHistoryClick,
-    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);
-      }
-    };
-    const handleFullscreenChange = () => {
-      setIsFullScreen(!!document.fullscreenElement);
-    };
-    window.addEventListener("keydown", handleKeyDown);
-    document.addEventListener("fullscreenchange", handleFullscreenChange);
-    return () => {
-      window.removeEventListener("keydown", handleKeyDown);
-      document.removeEventListener("fullscreenchange", handleFullscreenChange);
-    };
-  }, [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",
-    {
-      ref: containerRef,
-      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"),
-            showTags: !toolbar.isHidden("tags"),
-            showHistory: !toolbar.isHidden("history"),
-            disabledDownload: toolbar.isDisabled("download"),
-            disabledPrint: toolbar.isDisabled("print"),
-            disabledMetadata: toolbar.isDisabled("metadata"),
-            disabledProperties: toolbar.isDisabled("properties"),
-            disabledTags: toolbar.isDisabled("tags"),
-            disabledHistory: toolbar.isDisabled("history"),
-            onDownloadClick: toolbar.getHandler("download", onDownloadClick),
-            onPrintClick: toolbar.getHandler("print", onPrintClick),
-            onMetadataClick: toolbar.getHandler("metadata", onMetadataClick),
-            onPropertiesClick: toolbar.getHandler("properties", onPropertiesClick),
-            onTagsClick: toolbar.getHandler("tags", onTagsClick),
-            onHistoryClick: toolbar.getHandler("history", onHistoryClick)
-          }
-        ),
-        /* @__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-7JPF5AYR.mjs.map

package/dist/chunk-7JPF5AYR.mjs.map

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