viewdoc 0.1.1 → 0.2.0

package/dist/docx.cjs

@@ -0,0 +1,566 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/entry-docx.ts
+var entry_docx_exports = {};
+__export(entry_docx_exports, {
+  DocxViewer: () => DocxViewer
+});
+module.exports = __toCommonJS(entry_docx_exports);
+
+// src/core/ViewerShell.tsx
+var import_react2 = require("react");
+
+// src/core/useDraggable.ts
+var import_react = require("react");
+function useDraggable(options = {}) {
+  const { defaultPosition = { x: 80, y: 80 }, draggable = true } = options;
+  const [position, setPosition] = (0, import_react.useState)(defaultPosition);
+  const onDragHandlePointerDown = (0, import_react.useCallback)(
+    (e) => {
+      if (!draggable) return;
+      e.preventDefault();
+      const startX = e.clientX;
+      const startY = e.clientY;
+      setPosition((current) => {
+        const originX = current.x;
+        const originY = current.y;
+        const onMove = (ev) => {
+          setPosition({ x: originX + (ev.clientX - startX), y: originY + (ev.clientY - startY) });
+        };
+        const onUp = () => {
+          window.removeEventListener("pointermove", onMove);
+          window.removeEventListener("pointerup", onUp);
+        };
+        window.addEventListener("pointermove", onMove);
+        window.addEventListener("pointerup", onUp);
+        return current;
+      });
+    },
+    [draggable]
+  );
+  return { position, onDragHandlePointerDown };
+}
+
+// src/core/icons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Svg(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      ...props
+    }
+  );
+}
+function ZoomOutIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
+  ] });
+}
+function ZoomInIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "11", y1: "8", x2: "11", y2: "14" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "11", x2: "14", y2: "11" })
+  ] });
+}
+function DownloadIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 3v12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M7 10l5 5 5-5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M5 21h14" })
+  ] });
+}
+function FullscreenEnterIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 21 3 21 3 15" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "3", x2: "14", y2: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
+  ] });
+}
+function ResetIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M3 12a9 9 0 1 0 3-6.7" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "3 3 3 8 8 8" })
+  ] });
+}
+function GripIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "5 9 2 12 5 15" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 5 12 2 15 5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 19 12 22 9 19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "19 9 22 12 19 15" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "2", y1: "12", x2: "22", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "2", x2: "12", y2: "22" })
+  ] });
+}
+function FullscreenExitIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Svg, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 3 9 9 3 9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 21 15 15 21 15" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "9", y1: "9", x2: "3", y2: "3" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "15", y1: "15", x2: "21", y2: "21" })
+  ] });
+}
+
+// src/core/Toolbar.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function Toolbar({
+  scale,
+  onZoomIn,
+  onZoomOut,
+  onReset,
+  onFullscreen,
+  onDownload,
+  isFullscreen = false,
+  showZoomControls = true,
+  dragHandle,
+  onDragHandlePointerDown,
+  extra
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "vd-toolbar", role: "toolbar", "aria-label": "Document viewer controls", children: [
+    dragHandle && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "span",
+      {
+        className: "vd-toolbar-drag-handle",
+        onPointerDown: onDragHandlePointerDown,
+        title: "Drag to move",
+        "aria-label": "Drag to move",
+        children: dragHandle
+      }
+    ),
+    showZoomControls && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "vd-toolbar-btn",
+          onClick: onZoomOut,
+          "aria-label": "Zoom out",
+          title: "Zoom out",
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ZoomOutIcon, {})
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "vd-toolbar-scale", "aria-live": "polite", children: [
+        Math.round(scale * 100),
+        "%"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: "vd-toolbar-btn", onClick: onZoomIn, "aria-label": "Zoom in", title: "Zoom in", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ZoomInIcon, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "vd-toolbar-btn",
+          onClick: onReset,
+          "aria-label": "Reset zoom to 100%",
+          title: "Reset zoom to 100%",
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ResetIcon, {})
+        }
+      )
+    ] }),
+    extra,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "vd-toolbar-spacer" }),
+    onDownload && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "vd-toolbar-btn",
+        onClick: onDownload,
+        "aria-label": "Download file",
+        title: "Download file",
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DownloadIcon, {})
+      }
+    ),
+    onFullscreen && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "vd-toolbar-btn",
+        onClick: onFullscreen,
+        "aria-label": isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
+        title: isFullscreen ? "Exit fullscreen" : "Enter fullscreen",
+        children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FullscreenExitIcon, {}) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FullscreenEnterIcon, {})
+      }
+    )
+  ] });
+}
+
+// src/core/theme.ts
+var THEME_VAR_MAP = {
+  background: "--vd-bg",
+  toolbarBackground: "--vd-toolbar-bg",
+  toolbarBorderColor: "--vd-toolbar-border-color",
+  toolbarButtonHoverBackground: "--vd-toolbar-btn-hover-bg",
+  textColor: "--vd-text-color",
+  borderRadius: "--vd-border-radius",
+  toolbarButtonRadius: "--vd-toolbar-btn-radius"
+};
+function themeToStyle(theme) {
+  if (!theme) return void 0;
+  const style = {};
+  for (const key of Object.keys(theme)) {
+    const value = theme[key];
+    if (value) style[THEME_VAR_MAP[key]] = value;
+  }
+  return style;
+}
+
+// src/core/ViewerShell.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function ViewerShell({
+  zoomPan,
+  onDownload,
+  toolbarExtra,
+  children,
+  enableZoomControls = true,
+  enableFullscreen = true,
+  enablePan = true,
+  theme,
+  width,
+  height,
+  floating = true,
+  draggable = true,
+  defaultPosition,
+  transformOrigin
+}) {
+  const rootRef = (0, import_react2.useRef)(null);
+  const [isFullscreen, setIsFullscreen] = (0, import_react2.useState)(false);
+  const effectiveWidth = typeof width === "number" ? width : 1200;
+  const effectiveHeight = typeof height === "number" ? height : 700;
+  const resolvedDefaultPosition = defaultPosition ?? (typeof window !== "undefined" ? {
+    x: Math.max(0, (window.innerWidth - effectiveWidth) / 2),
+    y: Math.max(0, (window.innerHeight - effectiveHeight) / 2)
+  } : { x: 80, y: 80 });
+  const { position, onDragHandlePointerDown } = useDraggable({
+    defaultPosition: resolvedDefaultPosition,
+    draggable
+  });
+  (0, import_react2.useEffect)(() => {
+    const onChange = () => setIsFullscreen(document.fullscreenElement === rootRef.current);
+    document.addEventListener("fullscreenchange", onChange);
+    return () => document.removeEventListener("fullscreenchange", onChange);
+  }, []);
+  const onFullscreen = (0, import_react2.useCallback)(() => {
+    const el = rootRef.current;
+    if (!el) return;
+    if (document.fullscreenElement) {
+      document.exitFullscreen();
+    } else {
+      el.requestFullscreen();
+    }
+  }, []);
+  const sizeStyle = {
+    width: width ?? 1200,
+    height: height ?? 700
+  };
+  const floatingStyle = floating ? { position: "fixed", left: position.x, top: position.y } : void 0;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      className: `vd-shell${floating ? " vd-shell--floating" : ""}`,
+      ref: rootRef,
+      style: { ...themeToStyle(theme), ...sizeStyle, ...floatingStyle },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          Toolbar,
+          {
+            scale: zoomPan.scale,
+            onZoomIn: zoomPan.zoomIn,
+            onZoomOut: zoomPan.zoomOut,
+            onReset: zoomPan.resetZoom,
+            onFullscreen: enableFullscreen ? onFullscreen : void 0,
+            onDownload,
+            isFullscreen,
+            showZoomControls: enableZoomControls,
+            dragHandle: floating && draggable ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(GripIcon, {}) : void 0,
+            onDragHandlePointerDown: floating && draggable ? onDragHandlePointerDown : void 0,
+            extra: toolbarExtra
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          "div",
+          {
+            className: `vd-canvas${enablePan ? "" : " vd-canvas--no-pan"}`,
+            ref: zoomPan.containerRef,
+            onWheel: zoomPan.handlers.onWheel,
+            onPointerDown: zoomPan.handlers.onPointerDown,
+            onPointerMove: zoomPan.handlers.onPointerMove,
+            onPointerUp: zoomPan.handlers.onPointerUp,
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              "div",
+              {
+                className: "vd-canvas-content",
+                style: {
+                  transform: `translate(${zoomPan.translateX}px, ${zoomPan.translateY}px) scale(${zoomPan.scale})`,
+                  transformOrigin
+                },
+                children
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/core/useZoomPan.ts
+var import_react3 = require("react");
+var DEFAULT_MIN = 0.1;
+var DEFAULT_MAX = 8;
+var DEFAULT_STEP = 0.25;
+function useZoomPan(options = {}) {
+  const {
+    minScale = DEFAULT_MIN,
+    maxScale = DEFAULT_MAX,
+    zoomStep = DEFAULT_STEP,
+    enablePan = true,
+    enableWheelZoom = true,
+    enableDragScroll = false
+  } = options;
+  const [state, setState] = (0, import_react3.useState)({ scale: 1, translateX: 0, translateY: 0 });
+  const containerRef = (0, import_react3.useRef)(null);
+  const dragState = (0, import_react3.useRef)({
+    dragging: false,
+    startX: 0,
+    startY: 0,
+    originX: 0,
+    originY: 0
+  });
+  const scrollDragState = (0, import_react3.useRef)(
+    { dragging: false, startX: 0, startY: 0, originLeft: 0, originTop: 0 }
+  );
+  const clamp = (0, import_react3.useCallback)(
+    (value) => Math.min(maxScale, Math.max(minScale, value)),
+    [minScale, maxScale]
+  );
+  const setScale = (0, import_react3.useCallback)(
+    (scale) => setState((prev) => ({ ...prev, scale: clamp(scale) })),
+    [clamp]
+  );
+  const zoomIn = (0, import_react3.useCallback)(() => setScale(state.scale + zoomStep), [setScale, state.scale, zoomStep]);
+  const zoomOut = (0, import_react3.useCallback)(() => setScale(state.scale - zoomStep), [setScale, state.scale, zoomStep]);
+  const resetZoom = (0, import_react3.useCallback)(() => setState({ scale: 1, translateX: 0, translateY: 0 }), []);
+  const onWheel = (0, import_react3.useCallback)(
+    (e) => {
+      if (!enableWheelZoom) return;
+      if (!e.ctrlKey && !e.metaKey) return;
+      e.preventDefault();
+      const delta = e.deltaY > 0 ? -zoomStep : zoomStep;
+      setScale(state.scale + delta);
+    },
+    [enableWheelZoom, setScale, state.scale, zoomStep]
+  );
+  const onPointerDown = (0, import_react3.useCallback)(
+    (e) => {
+      if (enablePan) {
+        dragState.current = {
+          dragging: true,
+          startX: e.clientX,
+          startY: e.clientY,
+          originX: state.translateX,
+          originY: state.translateY
+        };
+        e.target.setPointerCapture(e.pointerId);
+      } else if (enableDragScroll && containerRef.current) {
+        scrollDragState.current = {
+          dragging: true,
+          startX: e.clientX,
+          startY: e.clientY,
+          originLeft: containerRef.current.scrollLeft,
+          originTop: containerRef.current.scrollTop
+        };
+        e.target.setPointerCapture(e.pointerId);
+      }
+    },
+    [enablePan, enableDragScroll, state.translateX, state.translateY]
+  );
+  const onPointerMove = (0, import_react3.useCallback)(
+    (e) => {
+      if (enablePan) {
+        if (!dragState.current.dragging) return;
+        const dx = e.clientX - dragState.current.startX;
+        const dy = e.clientY - dragState.current.startY;
+        setState((prev) => ({
+          ...prev,
+          translateX: dragState.current.originX + dx,
+          translateY: dragState.current.originY + dy
+        }));
+      } else if (enableDragScroll) {
+        if (!scrollDragState.current.dragging || !containerRef.current) return;
+        const dx = e.clientX - scrollDragState.current.startX;
+        const dy = e.clientY - scrollDragState.current.startY;
+        containerRef.current.scrollLeft = scrollDragState.current.originLeft - dx;
+        containerRef.current.scrollTop = scrollDragState.current.originTop - dy;
+      }
+    },
+    [enablePan, enableDragScroll]
+  );
+  const onPointerUp = (0, import_react3.useCallback)(
+    (e) => {
+      if (enablePan) {
+        dragState.current.dragging = false;
+        e.target.releasePointerCapture(e.pointerId);
+      } else if (enableDragScroll) {
+        scrollDragState.current.dragging = false;
+        e.target.releasePointerCapture(e.pointerId);
+      }
+    },
+    [enablePan, enableDragScroll]
+  );
+  return {
+    ...state,
+    containerRef,
+    zoomIn,
+    zoomOut,
+    resetZoom,
+    setScale,
+    handlers: { onWheel, onPointerDown, onPointerMove, onPointerUp }
+  };
+}
+
+// src/viewers/useDocxHtml.ts
+var import_react4 = require("react");
+var import_mammoth = __toESM(require("mammoth"), 1);
+function useDocxHtml(uri) {
+  const [html, setHtml] = (0, import_react4.useState)(null);
+  const [error, setError] = (0, import_react4.useState)(null);
+  const [loading, setLoading] = (0, import_react4.useState)(true);
+  (0, import_react4.useEffect)(() => {
+    let cancelled = false;
+    setLoading(true);
+    setError(null);
+    setHtml(null);
+    fetch(uri).then((res) => {
+      if (!res.ok) throw new Error(`Failed to fetch document: ${res.status} ${res.statusText}`);
+      return res.arrayBuffer();
+    }).then((arrayBuffer) => import_mammoth.default.convertToHtml({ arrayBuffer })).then((result) => {
+      if (cancelled) return;
+      setHtml(result.value);
+      setLoading(false);
+    }).catch((err) => {
+      if (!cancelled) {
+        setError(err);
+        setLoading(false);
+      }
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [uri]);
+  return { html, error, loading };
+}
+
+// src/viewers/DocxViewer.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function defaultDownload(uri, fileName) {
+  const link = document.createElement("a");
+  link.href = uri;
+  link.download = fileName ?? "";
+  link.rel = "noopener";
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+}
+function DocxViewer({
+  uri,
+  fileName,
+  className,
+  style,
+  width,
+  height,
+  minScale = 0.5,
+  maxScale = 3,
+  zoomStep,
+  enableZoomControls = true,
+  enableWheelZoom = true,
+  enableFullscreen = true,
+  enableDownload = true,
+  onDownload,
+  theme,
+  floating = true,
+  windowDraggable = true,
+  defaultPosition
+}) {
+  const zoomPan = useZoomPan({
+    minScale,
+    maxScale,
+    zoomStep,
+    enablePan: false,
+    enableDragScroll: true,
+    enableWheelZoom
+  });
+  const { html, error, loading } = useDocxHtml(uri);
+  const handleDownload = enableDownload ? onDownload ?? (() => defaultDownload(uri, fileName)) : void 0;
+  const wrapperStyle = floating ? { ...style } : { display: "flex", alignItems: "center", justifyContent: "center", width: "100%", height: "100%", ...style };
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className, style: wrapperStyle, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    ViewerShell,
+    {
+      zoomPan,
+      onDownload: handleDownload,
+      enableZoomControls,
+      enableFullscreen,
+      enablePan: false,
+      theme,
+      width,
+      height,
+      floating,
+      draggable: windowDraggable,
+      defaultPosition,
+      transformOrigin: "top center",
+      children: [
+        loading && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "vd-doc-status", children: "Loading document\u2026" }),
+        error && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "vd-doc-status", children: [
+          "Failed to load document: ",
+          error.message
+        ] }),
+        html && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "vd-docx-page", dangerouslySetInnerHTML: { __html: html } })
+      ]
+    }
+  ) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DocxViewer
+});
+//# sourceMappingURL=docx.cjs.map

package/dist/docx.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/entry-docx.ts","../src/core/ViewerShell.tsx","../src/core/useDraggable.ts","../src/core/icons.tsx","../src/core/Toolbar.tsx","../src/core/theme.ts","../src/core/useZoomPan.ts","../src/viewers/useDocxHtml.ts","../src/viewers/DocxViewer.tsx"],"sourcesContent":["export { DocxViewer } from './viewers/DocxViewer'\nexport type { DocxViewerProps } from './viewers/DocxViewer'\n","import { useCallback, useEffect, useRef, useState, type CSSProperties, type ReactNode } from 'react'\nimport { useDraggable, type Position } from './useDraggable'\nimport { GripIcon } from './icons'\nimport { Toolbar } from './Toolbar'\nimport { themeToStyle, type ViewerTheme } from './theme'\nimport type { ZoomPanControls } from './useZoomPan'\n\nexport interface ViewerShellProps {\n  zoomPan: ZoomPanControls\n  onDownload?: () => void\n  toolbarExtra?: ReactNode\n  children: ReactNode\n  /** Show the zoom in/out/reset-to-100% controls. Default: true. */\n  enableZoomControls?: boolean\n  /** Show the fullscreen toggle button. Default: true. */\n  enableFullscreen?: boolean\n  /** Allow click-drag-release panning of the content. Default: true. */\n  enablePan?: boolean\n  /** Colors/radii to override the default look. Any field left out keeps the default. */\n  theme?: ViewerTheme\n  /** Width of the viewer. Accepts any CSS size (e.g. 1200, '1200px', '100%'). Default: 1200. */\n  width?: number | string\n  /** Height of the viewer. Accepts any CSS size (e.g. 700, '700px', '100vh'). Default: 700. */\n  height?: number | string\n\n  /** Render as a floating window (position: fixed) that can be dragged, instead of filling the parent container. Default: true. */\n  floating?: boolean\n  /** When floating, allow dragging the window by its toolbar. Default: true. */\n  draggable?: boolean\n  /** Initial position when floating. Default: centered in the viewport. */\n  defaultPosition?: Position\n  /** CSS transform-origin for the zoomed content. Default: 'center center'. */\n  transformOrigin?: string\n}\n\nexport function ViewerShell({\n  zoomPan,\n  onDownload,\n  toolbarExtra,\n  children,\n  enableZoomControls = true,\n  enableFullscreen = true,\n  enablePan = true,\n  theme,\n  width,\n  height,\n  floating = true,\n  draggable = true,\n  defaultPosition,\n  transformOrigin,\n}: ViewerShellProps) {\n  const rootRef = useRef<HTMLDivElement>(null)\n  const [isFullscreen, setIsFullscreen] = useState(false)\n\n  const effectiveWidth = typeof width === 'number' ? width : 1200\n  const effectiveHeight = typeof height === 'number' ? height : 700\n  const resolvedDefaultPosition =\n    defaultPosition ??\n    (typeof window !== 'undefined'\n      ? {\n          x: Math.max(0, (window.innerWidth - effectiveWidth) / 2),\n          y: Math.max(0, (window.innerHeight - effectiveHeight) / 2),\n        }\n      : { x: 80, y: 80 })\n\n  const { position, onDragHandlePointerDown } = useDraggable({\n    defaultPosition: resolvedDefaultPosition,\n    draggable,\n  })\n\n  useEffect(() => {\n    const onChange = () => setIsFullscreen(document.fullscreenElement === rootRef.current)\n    document.addEventListener('fullscreenchange', onChange)\n    return () => document.removeEventListener('fullscreenchange', onChange)\n  }, [])\n\n  const onFullscreen = useCallback(() => {\n    const el = rootRef.current\n    if (!el) return\n    if (document.fullscreenElement) {\n      document.exitFullscreen()\n    } else {\n      el.requestFullscreen()\n    }\n  }, [])\n\n  const sizeStyle: CSSProperties = {\n    width: width ?? 1200,\n    height: height ?? 700,\n  }\n  const floatingStyle: CSSProperties | undefined = floating\n    ? { position: 'fixed', left: position.x, top: position.y }\n    : undefined\n\n  return (\n    <div\n      className={`vd-shell${floating ? ' vd-shell--floating' : ''}`}\n      ref={rootRef}\n      style={{ ...themeToStyle(theme), ...sizeStyle, ...floatingStyle }}\n    >\n      <Toolbar\n        scale={zoomPan.scale}\n        onZoomIn={zoomPan.zoomIn}\n        onZoomOut={zoomPan.zoomOut}\n        onReset={zoomPan.resetZoom}\n        onFullscreen={enableFullscreen ? onFullscreen : undefined}\n        onDownload={onDownload}\n        isFullscreen={isFullscreen}\n        showZoomControls={enableZoomControls}\n        dragHandle={floating && draggable ? <GripIcon /> : undefined}\n        onDragHandlePointerDown={floating && draggable ? onDragHandlePointerDown : undefined}\n        extra={toolbarExtra}\n      />\n      <div\n        className={`vd-canvas${enablePan ? '' : ' vd-canvas--no-pan'}`}\n        ref={zoomPan.containerRef}\n        onWheel={zoomPan.handlers.onWheel}\n        onPointerDown={zoomPan.handlers.onPointerDown}\n        onPointerMove={zoomPan.handlers.onPointerMove}\n        onPointerUp={zoomPan.handlers.onPointerUp}\n      >\n        <div\n          className=\"vd-canvas-content\"\n          style={{\n            transform: `translate(${zoomPan.translateX}px, ${zoomPan.translateY}px) scale(${zoomPan.scale})`,\n            transformOrigin,\n          }}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  )\n}\n","import { useCallback, useState } from 'react'\n\nexport interface Position {\n  x: number\n  y: number\n}\n\nexport interface UseDraggableOptions {\n  defaultPosition?: Position\n  /** Allow dragging via the returned handle props. Default: true. */\n  draggable?: boolean\n}\n\nexport interface DraggableControls {\n  position: Position\n  onDragHandlePointerDown: (e: React.PointerEvent) => void\n}\n\nexport function useDraggable(options: UseDraggableOptions = {}): DraggableControls {\n  const { defaultPosition = { x: 80, y: 80 }, draggable = true } = options\n  const [position, setPosition] = useState<Position>(defaultPosition)\n\n  const onDragHandlePointerDown = useCallback(\n    (e: React.PointerEvent) => {\n      if (!draggable) return\n      e.preventDefault()\n      const startX = e.clientX\n      const startY = e.clientY\n\n      setPosition((current) => {\n        const originX = current.x\n        const originY = current.y\n\n        const onMove = (ev: PointerEvent) => {\n          setPosition({ x: originX + (ev.clientX - startX), y: originY + (ev.clientY - startY) })\n        }\n        const onUp = () => {\n          window.removeEventListener('pointermove', onMove)\n          window.removeEventListener('pointerup', onUp)\n        }\n        window.addEventListener('pointermove', onMove)\n        window.addEventListener('pointerup', onUp)\n\n        return current\n      })\n    },\n    [draggable]\n  )\n\n  return { position, onDragHandlePointerDown }\n}\n","import type { SVGProps } from 'react'\n\nfunction Svg(props: SVGProps<SVGSVGElement>) {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n      focusable=\"false\"\n      {...props}\n    />\n  )\n}\n\nexport function ZoomOutIcon() {\n  return (\n    <Svg>\n      <circle cx=\"11\" cy=\"11\" r=\"7\" />\n      <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\" />\n      <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\" />\n    </Svg>\n  )\n}\n\nexport function ZoomInIcon() {\n  return (\n    <Svg>\n      <circle cx=\"11\" cy=\"11\" r=\"7\" />\n      <line x1=\"21\" y1=\"21\" x2=\"16.65\" y2=\"16.65\" />\n      <line x1=\"11\" y1=\"8\" x2=\"11\" y2=\"14\" />\n      <line x1=\"8\" y1=\"11\" x2=\"14\" y2=\"11\" />\n    </Svg>\n  )\n}\n\nexport function DownloadIcon() {\n  return (\n    <Svg>\n      <path d=\"M12 3v12\" />\n      <path d=\"M7 10l5 5 5-5\" />\n      <path d=\"M5 21h14\" />\n    </Svg>\n  )\n}\n\nexport function FullscreenEnterIcon() {\n  return (\n    <Svg>\n      <polyline points=\"15 3 21 3 21 9\" />\n      <polyline points=\"9 21 3 21 3 15\" />\n      <line x1=\"21\" y1=\"3\" x2=\"14\" y2=\"10\" />\n      <line x1=\"3\" y1=\"21\" x2=\"10\" y2=\"14\" />\n    </Svg>\n  )\n}\n\nexport function ResetIcon() {\n  return (\n    <Svg>\n      <path d=\"M3 12a9 9 0 1 0 3-6.7\" />\n      <polyline points=\"3 3 3 8 8 8\" />\n    </Svg>\n  )\n}\n\nexport function GripIcon() {\n  return (\n    <Svg>\n      <polyline points=\"5 9 2 12 5 15\" />\n      <polyline points=\"9 5 12 2 15 5\" />\n      <polyline points=\"15 19 12 22 9 19\" />\n      <polyline points=\"19 9 22 12 19 15\" />\n      <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\" />\n      <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"22\" />\n    </Svg>\n  )\n}\n\nexport function FullscreenExitIcon() {\n  return (\n    <Svg>\n      <polyline points=\"9 3 9 9 3 9\" />\n      <polyline points=\"15 21 15 15 21 15\" />\n      <line x1=\"9\" y1=\"9\" x2=\"3\" y2=\"3\" />\n      <line x1=\"15\" y1=\"15\" x2=\"21\" y2=\"21\" />\n    </Svg>\n  )\n}\n","import type { ReactNode } from 'react'\nimport { DownloadIcon, FullscreenEnterIcon, FullscreenExitIcon, ResetIcon, ZoomInIcon, ZoomOutIcon } from './icons'\n\nexport interface ToolbarProps {\n  scale: number\n  onZoomIn: () => void\n  onZoomOut: () => void\n  onReset: () => void\n  onFullscreen?: () => void\n  onDownload?: () => void\n  /** Whether the viewer is currently in fullscreen mode (controls which icon is shown). */\n  isFullscreen?: boolean\n  /** Show zoom in/out/reset controls. Default: true. */\n  showZoomControls?: boolean\n  /** Icon shown at the start of the toolbar; pointer-down on it starts dragging. */\n  dragHandle?: ReactNode\n  /** Pointer-down handler attached to the drag handle icon. */\n  onDragHandlePointerDown?: (e: React.PointerEvent) => void\n  extra?: ReactNode\n}\n\nexport function Toolbar({\n  scale,\n  onZoomIn,\n  onZoomOut,\n  onReset,\n  onFullscreen,\n  onDownload,\n  isFullscreen = false,\n  showZoomControls = true,\n  dragHandle,\n  onDragHandlePointerDown,\n  extra,\n}: ToolbarProps) {\n  return (\n    <div className=\"vd-toolbar\" role=\"toolbar\" aria-label=\"Document viewer controls\">\n      {dragHandle && (\n        <span\n          className=\"vd-toolbar-drag-handle\"\n          onPointerDown={onDragHandlePointerDown}\n          title=\"Drag to move\"\n          aria-label=\"Drag to move\"\n        >\n          {dragHandle}\n        </span>\n      )}\n      {showZoomControls && (\n        <>\n          <button\n            type=\"button\"\n            className=\"vd-toolbar-btn\"\n            onClick={onZoomOut}\n            aria-label=\"Zoom out\"\n            title=\"Zoom out\"\n          >\n            <ZoomOutIcon />\n          </button>\n          <span className=\"vd-toolbar-scale\" aria-live=\"polite\">\n            {Math.round(scale * 100)}%\n          </span>\n          <button type=\"button\" className=\"vd-toolbar-btn\" onClick={onZoomIn} aria-label=\"Zoom in\" title=\"Zoom in\">\n            <ZoomInIcon />\n          </button>\n          <button\n            type=\"button\"\n            className=\"vd-toolbar-btn\"\n            onClick={onReset}\n            aria-label=\"Reset zoom to 100%\"\n            title=\"Reset zoom to 100%\"\n          >\n            <ResetIcon />\n          </button>\n        </>\n      )}\n      {extra}\n      <span className=\"vd-toolbar-spacer\" />\n      {onDownload && (\n        <button\n          type=\"button\"\n          className=\"vd-toolbar-btn\"\n          onClick={onDownload}\n          aria-label=\"Download file\"\n          title=\"Download file\"\n        >\n          <DownloadIcon />\n        </button>\n      )}\n      {onFullscreen && (\n        <button\n          type=\"button\"\n          className=\"vd-toolbar-btn\"\n          onClick={onFullscreen}\n          aria-label={isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}\n          title={isFullscreen ? 'Exit fullscreen' : 'Enter fullscreen'}\n        >\n          {isFullscreen ? <FullscreenExitIcon /> : <FullscreenEnterIcon />}\n        </button>\n      )}\n    </div>\n  )\n}\n","import type { CSSProperties } from 'react'\n\nexport interface ViewerTheme {\n  /** Background color of the viewer canvas area. */\n  background?: string\n  /** Background color of the toolbar strip. */\n  toolbarBackground?: string\n  /** Border color under the toolbar. */\n  toolbarBorderColor?: string\n  /** Hover background for toolbar buttons. */\n  toolbarButtonHoverBackground?: string\n  /** Text/icon color used across the toolbar. */\n  textColor?: string\n  /** Corner radius of the outer viewer container. */\n  borderRadius?: string\n  /** Corner radius of individual toolbar buttons. */\n  toolbarButtonRadius?: string\n}\n\nconst THEME_VAR_MAP: Record<keyof ViewerTheme, string> = {\n  background: '--vd-bg',\n  toolbarBackground: '--vd-toolbar-bg',\n  toolbarBorderColor: '--vd-toolbar-border-color',\n  toolbarButtonHoverBackground: '--vd-toolbar-btn-hover-bg',\n  textColor: '--vd-text-color',\n  borderRadius: '--vd-border-radius',\n  toolbarButtonRadius: '--vd-toolbar-btn-radius',\n}\n\n/** Converts a ViewerTheme into inline CSS custom properties overriding the defaults in styles.css. */\nexport function themeToStyle(theme?: ViewerTheme): CSSProperties | undefined {\n  if (!theme) return undefined\n  const style: Record<string, string> = {}\n  for (const key of Object.keys(theme) as (keyof ViewerTheme)[]) {\n    const value = theme[key]\n    if (value) style[THEME_VAR_MAP[key]] = value\n  }\n  return style as CSSProperties\n}\n","import { useCallback, useRef, useState } from 'react'\n\nexport interface ZoomPanState {\n  scale: number\n  translateX: number\n  translateY: number\n}\n\nexport interface ZoomPanOptions {\n  minScale?: number\n  maxScale?: number\n  zoomStep?: number\n  /** Allow click-drag-release panning by transforming the content. Default: true. */\n  enablePan?: boolean\n  /** Allow Ctrl/Cmd + scroll wheel zoom. Default: true. */\n  enableWheelZoom?: boolean\n  /** Allow click-drag-release scrolling of a natively-scrollable container (used instead of enablePan for scrollable content like PDF pages). Default: false. */\n  enableDragScroll?: boolean\n}\n\nexport interface ZoomPanControls extends ZoomPanState {\n  containerRef: React.RefObject<HTMLDivElement>\n  zoomIn: () => void\n  zoomOut: () => void\n  resetZoom: () => void\n  setScale: (scale: number) => void\n  handlers: {\n    onWheel: (e: React.WheelEvent) => void\n    onPointerDown: (e: React.PointerEvent) => void\n    onPointerMove: (e: React.PointerEvent) => void\n    onPointerUp: (e: React.PointerEvent) => void\n  }\n}\n\nconst DEFAULT_MIN = 0.1\nconst DEFAULT_MAX = 8\nconst DEFAULT_STEP = 0.25\n\nexport function useZoomPan(options: ZoomPanOptions = {}): ZoomPanControls {\n  const {\n    minScale = DEFAULT_MIN,\n    maxScale = DEFAULT_MAX,\n    zoomStep = DEFAULT_STEP,\n    enablePan = true,\n    enableWheelZoom = true,\n    enableDragScroll = false,\n  } = options\n\n  const [state, setState] = useState<ZoomPanState>({ scale: 1, translateX: 0, translateY: 0 })\n  const containerRef = useRef<HTMLDivElement>(null)\n  const dragState = useRef<{ dragging: boolean; startX: number; startY: number; originX: number; originY: number }>({\n    dragging: false,\n    startX: 0,\n    startY: 0,\n    originX: 0,\n    originY: 0,\n  })\n  const scrollDragState = useRef<{ dragging: boolean; startX: number; startY: number; originLeft: number; originTop: number }>(\n    { dragging: false, startX: 0, startY: 0, originLeft: 0, originTop: 0 }\n  )\n\n  const clamp = useCallback(\n    (value: number) => Math.min(maxScale, Math.max(minScale, value)),\n    [minScale, maxScale]\n  )\n\n  const setScale = useCallback(\n    (scale: number) => setState((prev) => ({ ...prev, scale: clamp(scale) })),\n    [clamp]\n  )\n\n  const zoomIn = useCallback(() => setScale(state.scale + zoomStep), [setScale, state.scale, zoomStep])\n  const zoomOut = useCallback(() => setScale(state.scale - zoomStep), [setScale, state.scale, zoomStep])\n  const resetZoom = useCallback(() => setState({ scale: 1, translateX: 0, translateY: 0 }), [])\n\n  const onWheel = useCallback(\n    (e: React.WheelEvent) => {\n      if (!enableWheelZoom) return\n      if (!e.ctrlKey && !e.metaKey) return\n      e.preventDefault()\n      const delta = e.deltaY > 0 ? -zoomStep : zoomStep\n      setScale(state.scale + delta)\n    },\n    [enableWheelZoom, setScale, state.scale, zoomStep]\n  )\n\n  const onPointerDown = useCallback(\n    (e: React.PointerEvent) => {\n      if (enablePan) {\n        dragState.current = {\n          dragging: true,\n          startX: e.clientX,\n          startY: e.clientY,\n          originX: state.translateX,\n          originY: state.translateY,\n        }\n        ;(e.target as HTMLElement).setPointerCapture(e.pointerId)\n      } else if (enableDragScroll && containerRef.current) {\n        scrollDragState.current = {\n          dragging: true,\n          startX: e.clientX,\n          startY: e.clientY,\n          originLeft: containerRef.current.scrollLeft,\n          originTop: containerRef.current.scrollTop,\n        }\n        ;(e.target as HTMLElement).setPointerCapture(e.pointerId)\n      }\n    },\n    [enablePan, enableDragScroll, state.translateX, state.translateY]\n  )\n\n  const onPointerMove = useCallback(\n    (e: React.PointerEvent) => {\n      if (enablePan) {\n        if (!dragState.current.dragging) return\n        const dx = e.clientX - dragState.current.startX\n        const dy = e.clientY - dragState.current.startY\n        setState((prev) => ({\n          ...prev,\n          translateX: dragState.current.originX + dx,\n          translateY: dragState.current.originY + dy,\n        }))\n      } else if (enableDragScroll) {\n        if (!scrollDragState.current.dragging || !containerRef.current) return\n        const dx = e.clientX - scrollDragState.current.startX\n        const dy = e.clientY - scrollDragState.current.startY\n        containerRef.current.scrollLeft = scrollDragState.current.originLeft - dx\n        containerRef.current.scrollTop = scrollDragState.current.originTop - dy\n      }\n    },\n    [enablePan, enableDragScroll]\n  )\n\n  const onPointerUp = useCallback(\n    (e: React.PointerEvent) => {\n      if (enablePan) {\n        dragState.current.dragging = false\n        ;(e.target as HTMLElement).releasePointerCapture(e.pointerId)\n      } else if (enableDragScroll) {\n        scrollDragState.current.dragging = false\n        ;(e.target as HTMLElement).releasePointerCapture(e.pointerId)\n      }\n    },\n    [enablePan, enableDragScroll]\n  )\n\n  return {\n    ...state,\n    containerRef,\n    zoomIn,\n    zoomOut,\n    resetZoom,\n    setScale,\n    handlers: { onWheel, onPointerDown, onPointerMove, onPointerUp },\n  }\n}\n","import { useEffect, useState } from 'react'\nimport mammoth from 'mammoth'\n\nexport interface UseDocxHtmlResult {\n  html: string | null\n  error: Error | null\n  loading: boolean\n}\n\nexport function useDocxHtml(uri: string): UseDocxHtmlResult {\n  const [html, setHtml] = useState<string | null>(null)\n  const [error, setError] = useState<Error | null>(null)\n  const [loading, setLoading] = useState(true)\n\n  useEffect(() => {\n    let cancelled = false\n    setLoading(true)\n    setError(null)\n    setHtml(null)\n\n    fetch(uri)\n      .then((res) => {\n        if (!res.ok) throw new Error(`Failed to fetch document: ${res.status} ${res.statusText}`)\n        return res.arrayBuffer()\n      })\n      .then((arrayBuffer) => mammoth.convertToHtml({ arrayBuffer }))\n      .then((result) => {\n        if (cancelled) return\n        setHtml(result.value)\n        setLoading(false)\n      })\n      .catch((err: Error) => {\n        if (!cancelled) {\n          setError(err)\n          setLoading(false)\n        }\n      })\n\n    return () => {\n      cancelled = true\n    }\n  }, [uri])\n\n  return { html, error, loading }\n}\n","import type { CSSProperties } from 'react'\nimport { ViewerShell } from '../core/ViewerShell'\nimport type { ViewerTheme } from '../core/theme'\nimport type { Position } from '../core/useDraggable'\nimport { useZoomPan } from '../core/useZoomPan'\nimport { useDocxHtml } from './useDocxHtml'\n\nexport interface DocxViewerProps {\n  /** URL of the .docx file to display. */\n  uri: string\n  /** Used as the suggested filename on download. */\n  fileName?: string\n  className?: string\n  style?: CSSProperties\n\n  /** Width of the viewer. Accepts any CSS size (e.g. 1200, '1200px', '100%'). Default: 1200. */\n  width?: number | string\n  /** Height of the viewer. Accepts any CSS size (e.g. 700, '700px', '100vh'). Default: 700. */\n  height?: number | string\n\n  /** Minimum zoom scale. Default: 0.5 */\n  minScale?: number\n  /** Maximum zoom scale. Default: 3 */\n  maxScale?: number\n  /** Zoom increment per step (buttons / Ctrl+scroll). Default: 0.25 */\n  zoomStep?: number\n\n  /** Show zoom in/out and reset-to-100% controls. Default: true. */\n  enableZoomControls?: boolean\n  /** Allow Ctrl/Cmd + scroll wheel to zoom. Default: true. */\n  enableWheelZoom?: boolean\n  /** Show the fullscreen toggle button. Default: true. */\n  enableFullscreen?: boolean\n  /** Show the download button. Default: true. */\n  enableDownload?: boolean\n  /** Called when the download button is clicked. If omitted, downloads `uri` directly. */\n  onDownload?: () => void\n  /** Colors/radii to override the default look (toolbar background, text color, etc). */\n  theme?: ViewerTheme\n\n  /** Render as a floating window (position: fixed) that can be dragged, instead of filling the parent. Default: true. */\n  floating?: boolean\n  /** When floating, allow dragging the window by its toolbar. Default: true. */\n  windowDraggable?: boolean\n  /** Initial position when floating. Default: centered in the viewport. */\n  defaultPosition?: Position\n}\n\nfunction defaultDownload(uri: string, fileName?: string) {\n  const link = document.createElement('a')\n  link.href = uri\n  link.download = fileName ?? ''\n  link.rel = 'noopener'\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n\nexport function DocxViewer({\n  uri,\n  fileName,\n  className,\n  style,\n  width,\n  height,\n  minScale = 0.5,\n  maxScale = 3,\n  zoomStep,\n  enableZoomControls = true,\n  enableWheelZoom = true,\n  enableFullscreen = true,\n  enableDownload = true,\n  onDownload,\n  theme,\n  floating = true,\n  windowDraggable = true,\n  defaultPosition,\n}: DocxViewerProps) {\n  const zoomPan = useZoomPan({\n    minScale,\n    maxScale,\n    zoomStep,\n    enablePan: false,\n    enableDragScroll: true,\n    enableWheelZoom,\n  })\n  const { html, error, loading } = useDocxHtml(uri)\n\n  const handleDownload = enableDownload ? onDownload ?? (() => defaultDownload(uri, fileName)) : undefined\n\n  const wrapperStyle: CSSProperties = floating\n    ? { ...style }\n    : { display: 'flex', alignItems: 'center', justifyContent: 'center', width: '100%', height: '100%', ...style }\n\n  return (\n    <div className={className} style={wrapperStyle}>\n      <ViewerShell\n        zoomPan={zoomPan}\n        onDownload={handleDownload}\n        enableZoomControls={enableZoomControls}\n        enableFullscreen={enableFullscreen}\n        enablePan={false}\n        theme={theme}\n        width={width}\n        height={height}\n        floating={floating}\n        draggable={windowDraggable}\n        defaultPosition={defaultPosition}\n        transformOrigin=\"top center\"\n      >\n        {loading && <span className=\"vd-doc-status\">Loading document…</span>}\n        {error && <span className=\"vd-doc-status\">Failed to load document: {error.message}</span>}\n        {html && <div className=\"vd-docx-page\" dangerouslySetInnerHTML={{ __html: html }} />}\n      </ViewerShell>\n    </div>\n  )\n}\n"],"mappings":"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","names":["import_react","import_jsx_runtime","import_jsx_runtime","import_react","import_react","mammoth","import_jsx_runtime"]}