viewdoc 0.2.1 → 0.3.0

package/dist/docx.cjs

@@ -1,3 +1,4 @@
+'use client'
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -280,9 +281,10 @@ function ViewerShell({
     document.addEventListener("fullscreenchange", onChange);
     return () => document.removeEventListener("fullscreenchange", onChange);
   }, []);
+  const fullscreenSupported = typeof document !== "undefined" && typeof document.fullscreenEnabled === "boolean" ? document.fullscreenEnabled : false;
   const onFullscreen = (0, import_react2.useCallback)(() => {
     const el = rootRef.current;
-    if (!el) return;
+    if (!el || typeof el.requestFullscreen !== "function") return;
     if (document.fullscreenElement) {
       document.exitFullscreen();
     } else {
@@ -308,7 +310,7 @@ function ViewerShell({
             onZoomIn: zoomPan.zoomIn,
             onZoomOut: zoomPan.zoomOut,
             onReset: zoomPan.resetZoom,
-            onFullscreen: enableFullscreen ? onFullscreen : void 0,
+            onFullscreen: enableFullscreen && fullscreenSupported ? onFullscreen : void 0,
             onDownload,
             isFullscreen,
             showZoomControls: enableZoomControls,
@@ -349,6 +351,9 @@ var import_react3 = require("react");
 var DEFAULT_MIN = 0.1;
 var DEFAULT_MAX = 8;
 var DEFAULT_STEP = 0.25;
+function pointerDistance(a, b) {
+  return Math.hypot(a.x - b.x, a.y - b.y);
+}
 function useZoomPan(options = {}) {
   const {
     minScale = DEFAULT_MIN,
@@ -356,7 +361,8 @@ function useZoomPan(options = {}) {
     zoomStep = DEFAULT_STEP,
     enablePan = true,
     enableWheelZoom = true,
-    enableDragScroll = false
+    enableDragScroll = false,
+    enablePinchZoom = true
   } = options;
   const [state, setState] = (0, import_react3.useState)({ scale: 1, translateX: 0, translateY: 0 });
   const containerRef = (0, import_react3.useRef)(null);
@@ -370,6 +376,12 @@ function useZoomPan(options = {}) {
   const scrollDragState = (0, import_react3.useRef)(
     { dragging: false, startX: 0, startY: 0, originLeft: 0, originTop: 0 }
   );
+  const activePointers = (0, import_react3.useRef)(/* @__PURE__ */ new Map());
+  const pinchState = (0, import_react3.useRef)({
+    pinching: false,
+    startDistance: 0,
+    startScale: 1
+  });
   const clamp = (0, import_react3.useCallback)(
     (value) => Math.min(maxScale, Math.max(minScale, value)),
     [minScale, maxScale]
@@ -393,6 +405,16 @@ function useZoomPan(options = {}) {
   );
   const onPointerDown = (0, import_react3.useCallback)(
     (e) => {
+      if (enablePinchZoom) {
+        activePointers.current.set(e.pointerId, { x: e.clientX, y: e.clientY });
+        if (activePointers.current.size === 2) {
+          const [a, b] = Array.from(activePointers.current.values());
+          pinchState.current = { pinching: true, startDistance: pointerDistance(a, b), startScale: state.scale };
+          dragState.current.dragging = false;
+          scrollDragState.current.dragging = false;
+          return;
+        }
+      }
       if (enablePan) {
         dragState.current = {
           dragging: true,
@@ -413,10 +435,20 @@ function useZoomPan(options = {}) {
         e.target.setPointerCapture(e.pointerId);
       }
     },
-    [enablePan, enableDragScroll, state.translateX, state.translateY]
+    [enablePan, enableDragScroll, enablePinchZoom, state.translateX, state.translateY, state.scale]
   );
   const onPointerMove = (0, import_react3.useCallback)(
     (e) => {
+      if (enablePinchZoom && activePointers.current.has(e.pointerId)) {
+        activePointers.current.set(e.pointerId, { x: e.clientX, y: e.clientY });
+      }
+      if (pinchState.current.pinching && activePointers.current.size === 2) {
+        const [a, b] = Array.from(activePointers.current.values());
+        const distance = pointerDistance(a, b);
+        const ratio = distance / (pinchState.current.startDistance || distance);
+        setScale(pinchState.current.startScale * ratio);
+        return;
+      }
       if (enablePan) {
         if (!dragState.current.dragging) return;
         const dx = e.clientX - dragState.current.startX;
@@ -434,10 +466,14 @@ function useZoomPan(options = {}) {
         containerRef.current.scrollTop = scrollDragState.current.originTop - dy;
       }
     },
-    [enablePan, enableDragScroll]
+    [enablePan, enableDragScroll, enablePinchZoom, setScale]
   );
   const onPointerUp = (0, import_react3.useCallback)(
     (e) => {
+      activePointers.current.delete(e.pointerId);
+      if (activePointers.current.size < 2) {
+        pinchState.current.pinching = false;
+      }
       if (enablePan) {
         dragState.current.dragging = false;
         e.target.releasePointerCapture(e.pointerId);
@@ -462,6 +498,14 @@ function useZoomPan(options = {}) {
 // src/viewers/useDocxHtml.ts
 var import_react4 = require("react");
 var import_mammoth = __toESM(require("mammoth"), 1);
+
+// src/core/sanitizeHtml.ts
+var import_dompurify = __toESM(require("dompurify"), 1);
+function sanitizeUntrustedHtml(html) {
+  return import_dompurify.default.sanitize(html);
+}
+
+// src/viewers/useDocxHtml.ts
 function useDocxHtml(uri) {
   const [html, setHtml] = (0, import_react4.useState)(null);
   const [error, setError] = (0, import_react4.useState)(null);
@@ -480,7 +524,7 @@ function useDocxHtml(uri) {
       })
     ).then((result) => {
       if (cancelled) return;
-      setHtml(result.value);
+      setHtml(sanitizeUntrustedHtml(result.value));
       setLoading(false);
     }).catch((err) => {
       if (!cancelled) {
@@ -518,6 +562,7 @@ function DocxViewer({
   zoomStep,
   enableZoomControls = true,
   enableWheelZoom = true,
+  enablePinchZoom = true,
   enableFullscreen = true,
   enableDownload = true,
   onDownload,
@@ -532,7 +577,8 @@ function DocxViewer({
     zoomStep,
     enablePan: false,
     enableDragScroll: true,
-    enableWheelZoom
+    enableWheelZoom,
+    enablePinchZoom
   });
   const { html, error, loading } = useDocxHtml(uri);
   const handleDownload = enableDownload ? onDownload ?? (() => defaultDownload(uri, fileName)) : void 0;

package/dist/docx.cjs.map

@@ -1 +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) =>\n        mammoth\n          .convertToHtml({ arrayBuffer })\n          .catch(() => {\n            throw new Error('This file could not be read as a Word document (.docx).')\n          })\n      )\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAA6F;;;ACA7F,mBAAsC;AAkB/B,SAAS,aAAa,UAA+B,CAAC,GAAsB;AACjF,QAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,GAAG,GAAG,GAAG,YAAY,KAAK,IAAI;AACjE,QAAM,CAAC,UAAU,WAAW,QAAI,uBAAmB,eAAe;AAElE,QAAM,8BAA0B;AAAA,IAC9B,CAAC,MAA0B;AACzB,UAAI,CAAC,UAAW;AAChB,QAAE,eAAe;AACjB,YAAM,SAAS,EAAE;AACjB,YAAM,SAAS,EAAE;AAEjB,kBAAY,CAAC,YAAY;AACvB,cAAM,UAAU,QAAQ;AACxB,cAAM,UAAU,QAAQ;AAExB,cAAM,SAAS,CAAC,OAAqB;AACnC,sBAAY,EAAE,GAAG,WAAW,GAAG,UAAU,SAAS,GAAG,WAAW,GAAG,UAAU,QAAQ,CAAC;AAAA,QACxF;AACA,cAAM,OAAO,MAAM;AACjB,iBAAO,oBAAoB,eAAe,MAAM;AAChD,iBAAO,oBAAoB,aAAa,IAAI;AAAA,QAC9C;AACA,eAAO,iBAAiB,eAAe,MAAM;AAC7C,eAAO,iBAAiB,aAAa,IAAI;AAEzC,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS;AAAA,EACZ;AAEA,SAAO,EAAE,UAAU,wBAAwB;AAC7C;;;AC9CI;AAFJ,SAAS,IAAI,OAAgC;AAC3C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,eAAY;AAAA,MACZ,WAAU;AAAA,MACT,GAAG;AAAA;AAAA,EACN;AAEJ;AAEO,SAAS,cAAc;AAC5B,SACE,6CAAC,OACC;AAAA,gDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,IAC9B,4CAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,SAAQ,IAAG,SAAQ;AAAA,IAC5C,4CAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK;AAAA,KACvC;AAEJ;AAEO,SAAS,aAAa;AAC3B,SACE,6CAAC,OACC;AAAA,gDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,KAAI;AAAA,IAC9B,4CAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,SAAQ,IAAG,SAAQ;AAAA,IAC5C,4CAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK;AAAA,IACrC,4CAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK;AAAA,KACvC;AAEJ;AAEO,SAAS,eAAe;AAC7B,SACE,6CAAC,OACC;AAAA,gDAAC,UAAK,GAAE,YAAW;AAAA,IACnB,4CAAC,UAAK,GAAE,iBAAgB;AAAA,IACxB,4CAAC,UAAK,GAAE,YAAW;AAAA,KACrB;AAEJ;AAEO,SAAS,sBAAsB;AACpC,SACE,6CAAC,OACC;AAAA,gDAAC,cAAS,QAAO,kBAAiB;AAAA,IAClC,4CAAC,cAAS,QAAO,kBAAiB;AAAA,IAClC,4CAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK;AAAA,IACrC,4CAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK;AAAA,KACvC;AAEJ;AAEO,SAAS,YAAY;AAC1B,SACE,6CAAC,OACC;AAAA,gDAAC,UAAK,GAAE,yBAAwB;AAAA,IAChC,4CAAC,cAAS,QAAO,eAAc;AAAA,KACjC;AAEJ;AAEO,SAAS,WAAW;AACzB,SACE,6CAAC,OACC;AAAA,gDAAC,cAAS,QAAO,iBAAgB;AAAA,IACjC,4CAAC,cAAS,QAAO,iBAAgB;AAAA,IACjC,4CAAC,cAAS,QAAO,oBAAmB;AAAA,IACpC,4CAAC,cAAS,QAAO,oBAAmB;AAAA,IACpC,4CAAC,UAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK;AAAA,IACrC,4CAAC,UAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK;AAAA,KACvC;AAEJ;AAEO,SAAS,qBAAqB;AACnC,SACE,6CAAC,OACC;AAAA,gDAAC,cAAS,QAAO,eAAc;AAAA,IAC/B,4CAAC,cAAS,QAAO,qBAAoB;AAAA,IACrC,4CAAC,UAAK,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI;AAAA,IAClC,4CAAC,UAAK,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK;AAAA,KACxC;AAEJ;;;ACxDQ,IAAAC,sBAAA;AAhBD,SAAS,QAAQ;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AACF,GAAiB;AACf,SACE,8CAAC,SAAI,WAAU,cAAa,MAAK,WAAU,cAAW,4BACnD;AAAA,kBACC;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,eAAe;AAAA,QACf,OAAM;AAAA,QACN,cAAW;AAAA,QAEV;AAAA;AAAA,IACH;AAAA,IAED,oBACC,8EACE;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACT,cAAW;AAAA,UACX,OAAM;AAAA,UAEN,uDAAC,eAAY;AAAA;AAAA,MACf;AAAA,MACA,8CAAC,UAAK,WAAU,oBAAmB,aAAU,UAC1C;AAAA,aAAK,MAAM,QAAQ,GAAG;AAAA,QAAE;AAAA,SAC3B;AAAA,MACA,6CAAC,YAAO,MAAK,UAAS,WAAU,kBAAiB,SAAS,UAAU,cAAW,WAAU,OAAM,WAC7F,uDAAC,cAAW,GACd;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACT,cAAW;AAAA,UACX,OAAM;AAAA,UAEN,uDAAC,aAAU;AAAA;AAAA,MACb;AAAA,OACF;AAAA,IAED;AAAA,IACD,6CAAC,UAAK,WAAU,qBAAoB;AAAA,IACnC,cACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAW;AAAA,QACX,OAAM;AAAA,QAEN,uDAAC,gBAAa;AAAA;AAAA,IAChB;AAAA,IAED,gBACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAY,eAAe,oBAAoB;AAAA,QAC/C,OAAO,eAAe,oBAAoB;AAAA,QAEzC,yBAAe,6CAAC,sBAAmB,IAAK,6CAAC,uBAAoB;AAAA;AAAA,IAChE;AAAA,KAEJ;AAEJ;;;ACjFA,IAAM,gBAAmD;AAAA,EACvD,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB,8BAA8B;AAAA,EAC9B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,qBAAqB;AACvB;AAGO,SAAS,aAAa,OAAgD;AAC3E,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,QAAgC,CAAC;AACvC,aAAW,OAAO,OAAO,KAAK,KAAK,GAA4B;AAC7D,UAAM,QAAQ,MAAM,GAAG;AACvB,QAAI,MAAO,OAAM,cAAc,GAAG,CAAC,IAAI;AAAA,EACzC;AACA,SAAO;AACT;;;AJyDI,IAAAC,sBAAA;AA5DG,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAqB;AACnB,QAAM,cAAU,sBAAuB,IAAI;AAC3C,QAAM,CAAC,cAAc,eAAe,QAAI,wBAAS,KAAK;AAEtD,QAAM,iBAAiB,OAAO,UAAU,WAAW,QAAQ;AAC3D,QAAM,kBAAkB,OAAO,WAAW,WAAW,SAAS;AAC9D,QAAM,0BACJ,oBACC,OAAO,WAAW,cACf;AAAA,IACE,GAAG,KAAK,IAAI,IAAI,OAAO,aAAa,kBAAkB,CAAC;AAAA,IACvD,GAAG,KAAK,IAAI,IAAI,OAAO,cAAc,mBAAmB,CAAC;AAAA,EAC3D,IACA,EAAE,GAAG,IAAI,GAAG,GAAG;AAErB,QAAM,EAAE,UAAU,wBAAwB,IAAI,aAAa;AAAA,IACzD,iBAAiB;AAAA,IACjB;AAAA,EACF,CAAC;AAED,+BAAU,MAAM;AACd,UAAM,WAAW,MAAM,gBAAgB,SAAS,sBAAsB,QAAQ,OAAO;AACrF,aAAS,iBAAiB,oBAAoB,QAAQ;AACtD,WAAO,MAAM,SAAS,oBAAoB,oBAAoB,QAAQ;AAAA,EACxE,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAe,2BAAY,MAAM;AACrC,UAAM,KAAK,QAAQ;AACnB,QAAI,CAAC,GAAI;AACT,QAAI,SAAS,mBAAmB;AAC9B,eAAS,eAAe;AAAA,IAC1B,OAAO;AACL,SAAG,kBAAkB;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,YAA2B;AAAA,IAC/B,OAAO,SAAS;AAAA,IAChB,QAAQ,UAAU;AAAA,EACpB;AACA,QAAM,gBAA2C,WAC7C,EAAE,UAAU,SAAS,MAAM,SAAS,GAAG,KAAK,SAAS,EAAE,IACvD;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,WAAW,WAAW,wBAAwB,EAAE;AAAA,MAC3D,KAAK;AAAA,MACL,OAAO,EAAE,GAAG,aAAa,KAAK,GAAG,GAAG,WAAW,GAAG,cAAc;AAAA,MAEhE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO,QAAQ;AAAA,YACf,UAAU,QAAQ;AAAA,YAClB,WAAW,QAAQ;AAAA,YACnB,SAAS,QAAQ;AAAA,YACjB,cAAc,mBAAmB,eAAe;AAAA,YAChD;AAAA,YACA;AAAA,YACA,kBAAkB;AAAA,YAClB,YAAY,YAAY,YAAY,6CAAC,YAAS,IAAK;AAAA,YACnD,yBAAyB,YAAY,YAAY,0BAA0B;AAAA,YAC3E,OAAO;AAAA;AAAA,QACT;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,YAAY,YAAY,KAAK,oBAAoB;AAAA,YAC5D,KAAK,QAAQ;AAAA,YACb,SAAS,QAAQ,SAAS;AAAA,YAC1B,eAAe,QAAQ,SAAS;AAAA,YAChC,eAAe,QAAQ,SAAS;AAAA,YAChC,aAAa,QAAQ,SAAS;AAAA,YAE9B;AAAA,cAAC;AAAA;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO;AAAA,kBACL,WAAW,aAAa,QAAQ,UAAU,OAAO,QAAQ,UAAU,aAAa,QAAQ,KAAK;AAAA,kBAC7F;AAAA,gBACF;AAAA,gBAEC;AAAA;AAAA,YACH;AAAA;AAAA,QACF;AAAA;AAAA;AAAA,EACF;AAEJ;;;AKrIA,IAAAC,gBAA8C;AAkC9C,IAAM,cAAc;AACpB,IAAM,cAAc;AACpB,IAAM,eAAe;AAEd,SAAS,WAAW,UAA0B,CAAC,GAAoB;AACxE,QAAM;AAAA,IACJ,WAAW;AAAA,IACX,WAAW;AAAA,IACX,WAAW;AAAA,IACX,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,EACrB,IAAI;AAEJ,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAuB,EAAE,OAAO,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC;AAC3F,QAAM,mBAAe,sBAAuB,IAAI;AAChD,QAAM,gBAAY,sBAAgG;AAAA,IAChH,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,EACX,CAAC;AACD,QAAM,sBAAkB;AAAA,IACtB,EAAE,UAAU,OAAO,QAAQ,GAAG,QAAQ,GAAG,YAAY,GAAG,WAAW,EAAE;AAAA,EACvE;AAEA,QAAM,YAAQ;AAAA,IACZ,CAAC,UAAkB,KAAK,IAAI,UAAU,KAAK,IAAI,UAAU,KAAK,CAAC;AAAA,IAC/D,CAAC,UAAU,QAAQ;AAAA,EACrB;AAEA,QAAM,eAAW;AAAA,IACf,CAAC,UAAkB,SAAS,CAAC,UAAU,EAAE,GAAG,MAAM,OAAO,MAAM,KAAK,EAAE,EAAE;AAAA,IACxE,CAAC,KAAK;AAAA,EACR;AAEA,QAAM,aAAS,2BAAY,MAAM,SAAS,MAAM,QAAQ,QAAQ,GAAG,CAAC,UAAU,MAAM,OAAO,QAAQ,CAAC;AACpG,QAAM,cAAU,2BAAY,MAAM,SAAS,MAAM,QAAQ,QAAQ,GAAG,CAAC,UAAU,MAAM,OAAO,QAAQ,CAAC;AACrG,QAAM,gBAAY,2BAAY,MAAM,SAAS,EAAE,OAAO,GAAG,YAAY,GAAG,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC;AAE5F,QAAM,cAAU;AAAA,IACd,CAAC,MAAwB;AACvB,UAAI,CAAC,gBAAiB;AACtB,UAAI,CAAC,EAAE,WAAW,CAAC,EAAE,QAAS;AAC9B,QAAE,eAAe;AACjB,YAAM,QAAQ,EAAE,SAAS,IAAI,CAAC,WAAW;AACzC,eAAS,MAAM,QAAQ,KAAK;AAAA,IAC9B;AAAA,IACA,CAAC,iBAAiB,UAAU,MAAM,OAAO,QAAQ;AAAA,EACnD;AAEA,QAAM,oBAAgB;AAAA,IACpB,CAAC,MAA0B;AACzB,UAAI,WAAW;AACb,kBAAU,UAAU;AAAA,UAClB,UAAU;AAAA,UACV,QAAQ,EAAE;AAAA,UACV,QAAQ,EAAE;AAAA,UACV,SAAS,MAAM;AAAA,UACf,SAAS,MAAM;AAAA,QACjB;AACC,QAAC,EAAE,OAAuB,kBAAkB,EAAE,SAAS;AAAA,MAC1D,WAAW,oBAAoB,aAAa,SAAS;AACnD,wBAAgB,UAAU;AAAA,UACxB,UAAU;AAAA,UACV,QAAQ,EAAE;AAAA,UACV,QAAQ,EAAE;AAAA,UACV,YAAY,aAAa,QAAQ;AAAA,UACjC,WAAW,aAAa,QAAQ;AAAA,QAClC;AACC,QAAC,EAAE,OAAuB,kBAAkB,EAAE,SAAS;AAAA,MAC1D;AAAA,IACF;AAAA,IACA,CAAC,WAAW,kBAAkB,MAAM,YAAY,MAAM,UAAU;AAAA,EAClE;AAEA,QAAM,oBAAgB;AAAA,IACpB,CAAC,MAA0B;AACzB,UAAI,WAAW;AACb,YAAI,CAAC,UAAU,QAAQ,SAAU;AACjC,cAAM,KAAK,EAAE,UAAU,UAAU,QAAQ;AACzC,cAAM,KAAK,EAAE,UAAU,UAAU,QAAQ;AACzC,iBAAS,CAAC,UAAU;AAAA,UAClB,GAAG;AAAA,UACH,YAAY,UAAU,QAAQ,UAAU;AAAA,UACxC,YAAY,UAAU,QAAQ,UAAU;AAAA,QAC1C,EAAE;AAAA,MACJ,WAAW,kBAAkB;AAC3B,YAAI,CAAC,gBAAgB,QAAQ,YAAY,CAAC,aAAa,QAAS;AAChE,cAAM,KAAK,EAAE,UAAU,gBAAgB,QAAQ;AAC/C,cAAM,KAAK,EAAE,UAAU,gBAAgB,QAAQ;AAC/C,qBAAa,QAAQ,aAAa,gBAAgB,QAAQ,aAAa;AACvE,qBAAa,QAAQ,YAAY,gBAAgB,QAAQ,YAAY;AAAA,MACvE;AAAA,IACF;AAAA,IACA,CAAC,WAAW,gBAAgB;AAAA,EAC9B;AAEA,QAAM,kBAAc;AAAA,IAClB,CAAC,MAA0B;AACzB,UAAI,WAAW;AACb,kBAAU,QAAQ,WAAW;AAC5B,QAAC,EAAE,OAAuB,sBAAsB,EAAE,SAAS;AAAA,MAC9D,WAAW,kBAAkB;AAC3B,wBAAgB,QAAQ,WAAW;AAClC,QAAC,EAAE,OAAuB,sBAAsB,EAAE,SAAS;AAAA,MAC9D;AAAA,IACF;AAAA,IACA,CAAC,WAAW,gBAAgB;AAAA,EAC9B;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,EAAE,SAAS,eAAe,eAAe,YAAY;AAAA,EACjE;AACF;;;AC3JA,IAAAC,gBAAoC;AACpC,qBAAoB;AAQb,SAAS,YAAY,KAAgC;AAC1D,QAAM,CAAC,MAAM,OAAO,QAAI,wBAAwB,IAAI;AACpD,QAAM,CAAC,OAAO,QAAQ,QAAI,wBAAuB,IAAI;AACrD,QAAM,CAAC,SAAS,UAAU,QAAI,wBAAS,IAAI;AAE3C,+BAAU,MAAM;AACd,QAAI,YAAY;AAChB,eAAW,IAAI;AACf,aAAS,IAAI;AACb,YAAQ,IAAI;AAEZ,UAAM,GAAG,EACN,KAAK,CAAC,QAAQ;AACb,UAAI,CAAC,IAAI,GAAI,OAAM,IAAI,MAAM,6BAA6B,IAAI,MAAM,IAAI,IAAI,UAAU,EAAE;AACxF,aAAO,IAAI,YAAY;AAAA,IACzB,CAAC,EACA;AAAA,MAAK,CAAC,gBACL,eAAAC,QACG,cAAc,EAAE,YAAY,CAAC,EAC7B,MAAM,MAAM;AACX,cAAM,IAAI,MAAM,yDAAyD;AAAA,MAC3E,CAAC;AAAA,IACL,EACC,KAAK,CAAC,WAAW;AAChB,UAAI,UAAW;AACf,cAAQ,OAAO,KAAK;AACpB,iBAAW,KAAK;AAAA,IAClB,CAAC,EACA,MAAM,CAAC,QAAe;AACrB,UAAI,CAAC,WAAW;AACd,iBAAS,GAAG;AACZ,mBAAW,KAAK;AAAA,MAClB;AAAA,IACF,CAAC;AAEH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,GAAG,CAAC;AAER,SAAO,EAAE,MAAM,OAAO,QAAQ;AAChC;;;AC4DoB,IAAAC,sBAAA;AA9DpB,SAAS,gBAAgB,KAAa,UAAmB;AACvD,QAAM,OAAO,SAAS,cAAc,GAAG;AACvC,OAAK,OAAO;AACZ,OAAK,WAAW,YAAY;AAC5B,OAAK,MAAM;AACX,WAAS,KAAK,YAAY,IAAI;AAC9B,OAAK,MAAM;AACX,WAAS,KAAK,YAAY,IAAI;AAChC;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,WAAW;AAAA,EACX;AAAA,EACA,qBAAqB;AAAA,EACrB,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,kBAAkB;AAAA,EAClB;AACF,GAAoB;AAClB,QAAM,UAAU,WAAW;AAAA,IACzB;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX,kBAAkB;AAAA,IAClB;AAAA,EACF,CAAC;AACD,QAAM,EAAE,MAAM,OAAO,QAAQ,IAAI,YAAY,GAAG;AAEhD,QAAM,iBAAiB,iBAAiB,eAAe,MAAM,gBAAgB,KAAK,QAAQ,KAAK;AAE/F,QAAM,eAA8B,WAChC,EAAE,GAAG,MAAM,IACX,EAAE,SAAS,QAAQ,YAAY,UAAU,gBAAgB,UAAU,OAAO,QAAQ,QAAQ,QAAQ,GAAG,MAAM;AAE/G,SACE,6CAAC,SAAI,WAAsB,OAAO,cAChC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA,iBAAgB;AAAA,MAEf;AAAA,mBAAW,6CAAC,UAAK,WAAU,iBAAgB,oCAAiB;AAAA,QAC5D,SAAS,8CAAC,UAAK,WAAU,iBAAgB;AAAA;AAAA,UAA0B,MAAM;AAAA,WAAQ;AAAA,QACjF,QAAQ,6CAAC,SAAI,WAAU,gBAAe,yBAAyB,EAAE,QAAQ,KAAK,GAAG;AAAA;AAAA;AAAA,EACpF,GACF;AAEJ;","names":["import_react","import_jsx_runtime","import_jsx_runtime","import_react","import_react","mammoth","import_jsx_runtime"]}
+{"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/core/sanitizeHtml.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 fullscreenSupported =\n    typeof document !== 'undefined' && typeof document.fullscreenEnabled === 'boolean'\n      ? document.fullscreenEnabled\n      : false\n\n  const onFullscreen = useCallback(() => {\n    const el = rootRef.current\n    if (!el || typeof el.requestFullscreen !== 'function') 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 && fullscreenSupported ? 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  /** Allow two-finger pinch to zoom on touch devices. Default: true. */\n  enablePinchZoom?: 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\nfunction pointerDistance(a: PointerData, b: PointerData) {\n  return Math.hypot(a.x - b.x, a.y - b.y)\n}\n\ninterface PointerData {\n  x: number\n  y: number\n}\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    enablePinchZoom = true,\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  const activePointers = useRef<Map<number, PointerData>>(new Map())\n  const pinchState = useRef<{ pinching: boolean; startDistance: number; startScale: number }>({\n    pinching: false,\n    startDistance: 0,\n    startScale: 1,\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 (enablePinchZoom) {\n        activePointers.current.set(e.pointerId, { x: e.clientX, y: e.clientY })\n        if (activePointers.current.size === 2) {\n          const [a, b] = Array.from(activePointers.current.values())\n          pinchState.current = { pinching: true, startDistance: pointerDistance(a, b), startScale: state.scale }\n          dragState.current.dragging = false\n          scrollDragState.current.dragging = false\n          return\n        }\n      }\n\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, enablePinchZoom, state.translateX, state.translateY, state.scale]\n  )\n\n  const onPointerMove = useCallback(\n    (e: React.PointerEvent) => {\n      if (enablePinchZoom && activePointers.current.has(e.pointerId)) {\n        activePointers.current.set(e.pointerId, { x: e.clientX, y: e.clientY })\n      }\n\n      if (pinchState.current.pinching && activePointers.current.size === 2) {\n        const [a, b] = Array.from(activePointers.current.values())\n        const distance = pointerDistance(a, b)\n        const ratio = distance / (pinchState.current.startDistance || distance)\n        setScale(pinchState.current.startScale * ratio)\n        return\n      }\n\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, enablePinchZoom, setScale]\n  )\n\n  const onPointerUp = useCallback(\n    (e: React.PointerEvent) => {\n      activePointers.current.delete(e.pointerId)\n      if (activePointers.current.size < 2) {\n        pinchState.current.pinching = false\n      }\n\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'\nimport { sanitizeUntrustedHtml } from '../core/sanitizeHtml'\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) =>\n        mammoth\n          .convertToHtml({ arrayBuffer })\n          .catch(() => {\n            throw new Error('This file could not be read as a Word document (.docx).')\n          })\n      )\n      .then((result) => {\n        if (cancelled) return\n        setHtml(sanitizeUntrustedHtml(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 DOMPurify from 'dompurify'\n\n/**\n * Sanitizes HTML generated from an untrusted file (via mammoth/xlsx) before it's passed to\n * dangerouslySetInnerHTML. Without this, a crafted hyperlink (e.g. a docx/xlsx hyperlink target\n * of `javascript:...`) would be rendered verbatim into an `href` attribute and execute on click.\n */\nexport function sanitizeUntrustedHtml(html: string): string {\n  return DOMPurify.sanitize(html)\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  /** Allow two-finger pinch to zoom on touch devices. Default: true. */\n  enablePinchZoom?: 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  enablePinchZoom = 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    enablePinchZoom,\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","DOMPurify","mammoth","import_jsx_runtime"]}

package/dist/docx.d.cts

@@ -23,6 +23,8 @@ interface DocxViewerProps {
     enableZoomControls?: boolean;
     /** Allow Ctrl/Cmd + scroll wheel to zoom. Default: true. */
     enableWheelZoom?: boolean;
+    /** Allow two-finger pinch to zoom on touch devices. Default: true. */
+    enablePinchZoom?: boolean;
     /** Show the fullscreen toggle button. Default: true. */
     enableFullscreen?: boolean;
     /** Show the download button. Default: true. */
@@ -38,6 +40,6 @@ interface DocxViewerProps {
     /** Initial position when floating. Default: centered in the viewport. */
     defaultPosition?: Position;
 }
-declare function DocxViewer({ uri, fileName, className, style, width, height, minScale, maxScale, zoomStep, enableZoomControls, enableWheelZoom, enableFullscreen, enableDownload, onDownload, theme, floating, windowDraggable, defaultPosition, }: DocxViewerProps): react.JSX.Element;
+declare function DocxViewer({ uri, fileName, className, style, width, height, minScale, maxScale, zoomStep, enableZoomControls, enableWheelZoom, enablePinchZoom, enableFullscreen, enableDownload, onDownload, theme, floating, windowDraggable, defaultPosition, }: DocxViewerProps): react.JSX.Element;
 
 export { DocxViewer, type DocxViewerProps };

package/dist/docx.d.ts

@@ -23,6 +23,8 @@ interface DocxViewerProps {
     enableZoomControls?: boolean;
     /** Allow Ctrl/Cmd + scroll wheel to zoom. Default: true. */
     enableWheelZoom?: boolean;
+    /** Allow two-finger pinch to zoom on touch devices. Default: true. */
+    enablePinchZoom?: boolean;
     /** Show the fullscreen toggle button. Default: true. */
     enableFullscreen?: boolean;
     /** Show the download button. Default: true. */
@@ -38,6 +40,6 @@ interface DocxViewerProps {
     /** Initial position when floating. Default: centered in the viewport. */
     defaultPosition?: Position;
 }
-declare function DocxViewer({ uri, fileName, className, style, width, height, minScale, maxScale, zoomStep, enableZoomControls, enableWheelZoom, enableFullscreen, enableDownload, onDownload, theme, floating, windowDraggable, defaultPosition, }: DocxViewerProps): react.JSX.Element;
+declare function DocxViewer({ uri, fileName, className, style, width, height, minScale, maxScale, zoomStep, enableZoomControls, enableWheelZoom, enablePinchZoom, enableFullscreen, enableDownload, onDownload, theme, floating, windowDraggable, defaultPosition, }: DocxViewerProps): react.JSX.Element;
 
 export { DocxViewer, type DocxViewerProps };

package/dist/docx.js

@@ -1,7 +1,9 @@
+'use client'
 import {
   DocxViewer
-} from "./chunk-EQCFZMLL.js";
-import "./chunk-OA35SYM6.js";
+} from "./chunk-4BFQ7U2R.js";
+import "./chunk-DKFD7M4R.js";
+import "./chunk-HOF2XEU5.js";
 export {
   DocxViewer
 };