@semiont/react-ui 0.5.25 → 0.5.26

package/dist/PdfAnnotationCanvas.client-EHQWF6BR.js

@@ -1,462 +0,0 @@
-'use client';
-"use client";
-import {
-  loadPdfDocument,
-  renderPdfPageToDataUrl,
-  toViewportAnchorRect
-} from "./chunk-VXASXU4K.js";
-import "./chunk-O23TLLXW.js";
-
-// src/components/pdf-annotation/PdfAnnotationCanvas.tsx
-import { useRef, useState, useCallback, useEffect, useMemo } from "react";
-import { resourceId as toResourceId } from "@semiont/core";
-import { createFragmentSelector, anchorRuns, isTextRun, textUnder } from "@semiont/core";
-
-// src/components/pdf-annotation/rects-for-page.ts
-import { getTargetSelector, parseFragmentSelector } from "@semiont/core";
-function fragmentSelectors(target) {
-  const selector = getTargetSelector(target);
-  if (!selector) return [];
-  const selectors = Array.isArray(selector) ? selector : [selector];
-  return selectors.filter((s) => s.type === "FragmentSelector").map((s) => s);
-}
-function rectsForPage(annotations, pageNumber) {
-  const rects = [];
-  for (const annotation of annotations) {
-    fragmentSelectors(annotation.target).forEach((sel, selectorIndex) => {
-      const coord = parseFragmentSelector(sel.value);
-      if (coord && coord.page === pageNumber) {
-        rects.push({ annId: annotation.id, selectorIndex, coord, annotation });
-      }
-    });
-  }
-  return rects;
-}
-
-// src/components/pdf-annotation/PdfAnnotationCanvas.tsx
-import { createHoverHandlers } from "@semiont/sdk";
-
-// src/lib/pdf-coordinates.ts
-function canvasToPdfCoordinates(canvasRect, page, _pageWidth, pageHeight, scale = 1) {
-  const x1 = Math.min(canvasRect.startX, canvasRect.endX);
-  const y1 = Math.min(canvasRect.startY, canvasRect.endY);
-  const x2 = Math.max(canvasRect.startX, canvasRect.endX);
-  const y2 = Math.max(canvasRect.startY, canvasRect.endY);
-  const pdfX = x1 / scale;
-  const pdfWidth = (x2 - x1) / scale;
-  const pdfY = pageHeight - y2 / scale;
-  const pdfHeight = (y2 - y1) / scale;
-  return {
-    page,
-    x: Math.round(pdfX),
-    y: Math.round(pdfY),
-    width: Math.round(pdfWidth),
-    height: Math.round(pdfHeight)
-  };
-}
-function pdfToCanvasCoordinates(pdfCoord, pageHeight, scale = 1) {
-  const canvasX = pdfCoord.x * scale;
-  const canvasWidth = pdfCoord.width * scale;
-  const canvasY = (pageHeight - pdfCoord.y - pdfCoord.height) * scale;
-  const canvasHeight = pdfCoord.height * scale;
-  return {
-    x: canvasX,
-    y: canvasY,
-    width: canvasWidth,
-    height: canvasHeight
-  };
-}
-
-// src/components/pdf-annotation/PdfAnnotationCanvas.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-function getMotivationColor(motivation) {
-  if (!motivation) {
-    return { stroke: "rgb(156, 163, 175)", fill: "rgba(156, 163, 175, 0.2)" };
-  }
-  switch (motivation) {
-    case "highlighting":
-      return { stroke: "rgb(250, 204, 21)", fill: "rgba(250, 204, 21, 0.3)" };
-    case "linking":
-      return { stroke: "rgb(59, 130, 246)", fill: "rgba(59, 130, 246, 0.2)" };
-    case "assessing":
-      return { stroke: "rgb(239, 68, 68)", fill: "rgba(239, 68, 68, 0.2)" };
-    case "commenting":
-      return { stroke: "rgb(255, 255, 255)", fill: "rgba(255, 255, 255, 0.2)" };
-    default:
-      return { stroke: "rgb(156, 163, 175)", fill: "rgba(156, 163, 175, 0.2)" };
-  }
-}
-function PdfAnnotationCanvas({
-  pdfUrl,
-  resourceUri,
-  existingAnnotations = [],
-  drawingMode,
-  selectedMotivation,
-  session,
-  hoveredAnnotationId,
-  selectedAnnotationId,
-  hoverDelayMs = 150
-}) {
-  const [pdfDoc, setPdfDoc] = useState(null);
-  const [numPages, setNumPages] = useState(0);
-  const [pageNumber, setPageNumber] = useState(1);
-  const [pageImageUrl, setPageImageUrl] = useState(null);
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState(null);
-  const [pageDimensions, setPageDimensions] = useState(null);
-  const [pageAnchored, setPageAnchored] = useState(null);
-  const [displayDimensions, setDisplayDimensions] = useState(null);
-  const [scale] = useState(1.5);
-  const [isDrawing, setIsDrawing] = useState(false);
-  const [selection, setSelection] = useState(null);
-  const containerRef = useRef(null);
-  const imageRef = useRef(null);
-  useEffect(() => {
-    let cancelled = false;
-    async function loadPdf() {
-      try {
-        setIsLoading(true);
-        setError(null);
-        const doc = await loadPdfDocument(pdfUrl);
-        if (cancelled) return;
-        setPdfDoc(doc);
-        setNumPages(doc.numPages);
-        setIsLoading(false);
-      } catch (err) {
-        if (cancelled) return;
-        console.error("Error loading PDF:", err);
-        setError("Failed to load PDF");
-        setIsLoading(false);
-      }
-    }
-    loadPdf();
-    return () => {
-      cancelled = true;
-    };
-  }, [pdfUrl]);
-  const resourceAnchoredRef = useRef(null);
-  const fetchResourceAnchored = useCallback(() => {
-    if (!session) return Promise.resolve(null);
-    const cached = resourceAnchoredRef.current;
-    if (cached && cached.uri === resourceUri) return cached.outcome;
-    const uri = resourceUri;
-    const outcome = session.client.browse.resourceAnchoredText(toResourceId(uri)).then(
-      (served) => served && !("declined" in served) ? served : null,
-      () => {
-        if (resourceAnchoredRef.current?.uri === uri) resourceAnchoredRef.current = null;
-        return null;
-      }
-    );
-    resourceAnchoredRef.current = { uri, outcome };
-    return outcome;
-  }, [session, resourceUri]);
-  useEffect(() => {
-    if (!pdfDoc) return;
-    let cancelled = false;
-    const doc = pdfDoc;
-    setPageAnchored(null);
-    async function resolveAnchored(page) {
-      try {
-        const runs = (await page.getTextContent()).items.filter(isTextRun);
-        if (runs.length > 0) return anchorRuns(runs, pageNumber);
-        return await fetchResourceAnchored();
-      } catch {
-        return null;
-      }
-    }
-    async function loadPage() {
-      try {
-        const page = await doc.getPage(pageNumber);
-        if (cancelled) return;
-        const viewport = page.getViewport({ scale: 1 });
-        setPageDimensions({
-          width: viewport.width,
-          height: viewport.height
-        });
-        const [anchored, { dataUrl }] = await Promise.all([
-          resolveAnchored(page),
-          renderPdfPageToDataUrl(page, scale)
-        ]);
-        if (cancelled) return;
-        setPageAnchored(anchored);
-        setPageImageUrl(dataUrl);
-      } catch (err) {
-        if (cancelled) return;
-        console.error("Error loading page:", err);
-        setError("Failed to load page");
-      }
-    }
-    loadPage();
-    return () => {
-      cancelled = true;
-    };
-  }, [pdfDoc, pageNumber, scale, fetchResourceAnchored]);
-  useEffect(() => {
-    const updateDisplayDimensions = () => {
-      if (imageRef.current) {
-        setDisplayDimensions({
-          width: imageRef.current.clientWidth,
-          height: imageRef.current.clientHeight
-        });
-      }
-    };
-    updateDisplayDimensions();
-    let resizeObserver = null;
-    try {
-      resizeObserver = new ResizeObserver(updateDisplayDimensions);
-      if (imageRef.current) {
-        resizeObserver.observe(imageRef.current);
-      }
-    } catch (error2) {
-      console.warn("ResizeObserver not supported, falling back to window resize listener");
-      window.addEventListener("resize", updateDisplayDimensions);
-    }
-    return () => {
-      if (resizeObserver) {
-        resizeObserver.disconnect();
-      } else {
-        window.removeEventListener("resize", updateDisplayDimensions);
-      }
-    };
-  }, [pageImageUrl]);
-  const handleMouseDown = useCallback((e) => {
-    if (!drawingMode) return;
-    if (!imageRef.current) return;
-    const rect = imageRef.current.getBoundingClientRect();
-    const x = e.clientX - rect.left;
-    const y = e.clientY - rect.top;
-    setIsDrawing(true);
-    setSelection({
-      startX: x,
-      startY: y,
-      endX: x,
-      endY: y
-    });
-  }, [drawingMode]);
-  const handleMouseMove = useCallback((e) => {
-    if (!isDrawing || !selection || !imageRef.current) return;
-    const rect = imageRef.current.getBoundingClientRect();
-    setSelection({
-      ...selection,
-      endX: e.clientX - rect.left,
-      endY: e.clientY - rect.top
-    });
-  }, [isDrawing, selection]);
-  const handleMouseUp = useCallback(() => {
-    if (!isDrawing || !selection || !pageDimensions || !displayDimensions || !session) {
-      setIsDrawing(false);
-      setSelection(null);
-      return;
-    }
-    const dragDistance = Math.sqrt(
-      Math.pow(selection.endX - selection.startX, 2) + Math.pow(selection.endY - selection.startY, 2)
-    );
-    const MIN_DRAG_DISTANCE = 10;
-    if (dragDistance < MIN_DRAG_DISTANCE) {
-      if (existingAnnotations.length > 0) {
-        let hitRect;
-        const hit = rectsForPage(existingAnnotations, pageNumber).find((r) => {
-          const rect = pdfToCanvasCoordinates(r.coord, pageDimensions.height, 1);
-          const scaleX2 = displayDimensions.width / pageDimensions.width;
-          const scaleY2 = displayDimensions.height / pageDimensions.height;
-          const displayX = rect.x * scaleX2;
-          const displayY = rect.y * scaleY2;
-          const displayWidth = rect.width * scaleX2;
-          const displayHeight = rect.height * scaleY2;
-          const inside = selection.endX >= displayX && selection.endX <= displayX + displayWidth && selection.endY >= displayY && selection.endY <= displayY + displayHeight;
-          if (inside && imageRef.current) {
-            hitRect = toViewportAnchorRect(imageRef.current.getBoundingClientRect(), displayX, displayY, displayWidth, displayHeight);
-          }
-          return inside;
-        });
-        if (hit) {
-          session?.client.browse.click(hit.annId, hit.annotation.motivation, hitRect);
-          setIsDrawing(false);
-          setSelection(null);
-          return;
-        }
-      }
-      setIsDrawing(false);
-      setSelection(null);
-      return;
-    }
-    const scaleX = pageDimensions.width / displayDimensions.width;
-    const scaleY = pageDimensions.height / displayDimensions.height;
-    const nativeSelection = {
-      startX: selection.startX * scaleX,
-      startY: selection.startY * scaleY,
-      endX: selection.endX * scaleX,
-      endY: selection.endY * scaleY
-    };
-    const pdfCoord = canvasToPdfCoordinates(
-      nativeSelection,
-      pageNumber,
-      pageDimensions.width,
-      pageDimensions.height,
-      1
-      // Use scale 1.0 since we already scaled to native coords
-    );
-    const fragmentSelector = createFragmentSelector(pdfCoord);
-    const quoted = pageAnchored ? textUnder(pageAnchored, pdfCoord) : "";
-    if (selectedMotivation) {
-      session.client.mark.request(
-        toResourceId(resourceUri),
-        [
-          {
-            type: "FragmentSelector",
-            conformsTo: "http://tools.ietf.org/rfc/rfc3778",
-            value: fragmentSelector
-          },
-          ...quoted ? [{ type: "TextQuoteSelector", exact: quoted }] : []
-        ],
-        selectedMotivation
-      );
-    }
-    setIsDrawing(false);
-  }, [isDrawing, selection, pageNumber, pageDimensions, displayDimensions, selectedMotivation, existingAnnotations, session, resourceUri, pageAnchored]);
-  const pageRects = rectsForPage(existingAnnotations, pageNumber);
-  const { handleMouseEnter, handleMouseLeave } = useMemo(
-    () => createHoverHandlers((id) => session?.client.beckon.hover(id), hoverDelayMs),
-    [session, hoverDelayMs]
-  );
-  const { stroke, fill } = getMotivationColor(selectedMotivation ?? null);
-  if (error) {
-    return /* @__PURE__ */ jsx("div", { className: "semiont-pdf-annotation-canvas__error", children: error });
-  }
-  return /* @__PURE__ */ jsxs("div", { className: "semiont-pdf-annotation-canvas", children: [
-    isLoading && /* @__PURE__ */ jsx("div", { className: "semiont-pdf-annotation-canvas__loading", children: "Loading PDF..." }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: containerRef,
-        className: "semiont-pdf-annotation-canvas__container",
-        style: { display: isLoading ? "none" : void 0 },
-        onMouseDown: handleMouseDown,
-        onMouseMove: handleMouseMove,
-        onMouseUp: handleMouseUp,
-        onMouseLeave: () => {
-          if (isDrawing) {
-            setIsDrawing(false);
-            setSelection(null);
-          }
-        },
-        "data-drawing-mode": drawingMode || "none",
-        children: [
-          pageImageUrl && /* @__PURE__ */ jsx(
-            "img",
-            {
-              ref: imageRef,
-              src: pageImageUrl,
-              alt: `PDF page ${pageNumber}`,
-              className: "semiont-pdf-annotation-canvas__image",
-              draggable: false,
-              style: { pointerEvents: "none" },
-              onLoad: () => {
-                requestAnimationFrame(() => {
-                  requestAnimationFrame(() => {
-                    if (imageRef.current) {
-                      setDisplayDimensions({
-                        width: imageRef.current.clientWidth,
-                        height: imageRef.current.clientHeight
-                      });
-                    }
-                  });
-                });
-              }
-            }
-          ),
-          displayDimensions && pageDimensions && /* @__PURE__ */ jsx("div", { className: "semiont-pdf-annotation-canvas__overlay-container", children: /* @__PURE__ */ jsx("div", { className: "semiont-pdf-annotation-canvas__overlay", children: /* @__PURE__ */ jsxs(
-            "svg",
-            {
-              className: "semiont-pdf-annotation-canvas__svg",
-              width: displayDimensions.width,
-              height: displayDimensions.height,
-              children: [
-                pageRects.map((r) => {
-                  const rect = pdfToCanvasCoordinates(r.coord, pageDimensions.height, 1);
-                  const scaleX = displayDimensions.width / pageDimensions.width;
-                  const scaleY = displayDimensions.height / pageDimensions.height;
-                  const isHovered = r.annId === hoveredAnnotationId;
-                  const isSelected = r.annId === selectedAnnotationId;
-                  const annMotivation = r.annotation.motivation;
-                  const { stroke: annStroke, fill: annFill } = getMotivationColor(annMotivation);
-                  return /* @__PURE__ */ jsx(
-                    "rect",
-                    {
-                      x: rect.x * scaleX,
-                      y: rect.y * scaleY,
-                      width: rect.width * scaleX,
-                      height: rect.height * scaleY,
-                      stroke: annStroke,
-                      strokeWidth: isSelected ? 4 : isHovered ? 3 : 2,
-                      fill: annFill,
-                      style: {
-                        pointerEvents: "auto",
-                        cursor: "pointer",
-                        opacity: isSelected ? 1 : isHovered ? 0.9 : 0.7
-                      },
-                      onClick: (e) => session?.client.browse.click(r.annId, r.annotation.motivation, e.currentTarget.getBoundingClientRect()),
-                      onMouseEnter: () => handleMouseEnter(r.annId),
-                      onMouseLeave: handleMouseLeave
-                    },
-                    `${r.annId}:${r.selectorIndex}`
-                  );
-                }),
-                selection && (() => {
-                  const rectX = Math.min(selection.startX, selection.endX);
-                  const rectY = Math.min(selection.startY, selection.endY);
-                  const rectWidth = Math.abs(selection.endX - selection.startX);
-                  const rectHeight = Math.abs(selection.endY - selection.startY);
-                  return /* @__PURE__ */ jsx(
-                    "rect",
-                    {
-                      x: rectX,
-                      y: rectY,
-                      width: rectWidth,
-                      height: rectHeight,
-                      stroke,
-                      strokeWidth: 2,
-                      strokeDasharray: "5,5",
-                      fill,
-                      pointerEvents: "none"
-                    }
-                  );
-                })()
-              ]
-            }
-          ) }) })
-        ]
-      }
-    ),
-    numPages > 0 && /* @__PURE__ */ jsxs("div", { className: "semiont-pdf-annotation-canvas__controls", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          disabled: pageNumber <= 1,
-          onClick: () => setPageNumber(pageNumber - 1),
-          className: "semiont-pdf-annotation-canvas__button",
-          children: "Previous"
-        }
-      ),
-      /* @__PURE__ */ jsxs("span", { className: "semiont-pdf-annotation-canvas__page-info", children: [
-        "Page ",
-        pageNumber,
-        " of ",
-        numPages
-      ] }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          disabled: pageNumber >= numPages,
-          onClick: () => setPageNumber(pageNumber + 1),
-          className: "semiont-pdf-annotation-canvas__button",
-          children: "Next"
-        }
-      )
-    ] })
-  ] });
-}
-export {
-  PdfAnnotationCanvas
-};
-//# sourceMappingURL=PdfAnnotationCanvas.client-EHQWF6BR.js.map

package/dist/PdfAnnotationCanvas.client-EHQWF6BR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/pdf-annotation/PdfAnnotationCanvas.tsx","../src/components/pdf-annotation/rects-for-page.ts","../src/lib/pdf-coordinates.ts"],"sourcesContent":["'use client';\n\nimport React, { useRef, useState, useCallback, useEffect, useMemo } from 'react';\nimport type { Annotation, AnchorRect, AnchoredText } from '@semiont/core';\nimport { resourceId as toResourceId } from '@semiont/core';\nimport { toViewportAnchorRect } from '../../lib/anchor-rect';\nimport { createFragmentSelector, anchorRuns, isTextRun, textUnder } from '@semiont/core';\nimport { rectsForPage } from './rects-for-page';\nimport { createHoverHandlers, type SemiontSession } from '@semiont/sdk';\nimport type { SelectionMotivation } from '../annotation/AnnotateToolbar';\nimport {\n  canvasToPdfCoordinates,\n  pdfToCanvasCoordinates,\n  type CanvasRectangle\n} from '../../lib/pdf-coordinates';\nimport {\n  loadPdfDocument,\n  renderPdfPageToDataUrl,\n  type PDFDocumentProxy\n} from '../../lib/browser-pdfjs';\nimport './PdfAnnotationCanvas.css';\n\nexport type DrawingMode = 'rectangle' | 'circle' | 'polygon' | null;\n\n/**\n * Get color for annotation based on motivation\n */\nfunction getMotivationColor(motivation: SelectionMotivation | null): { stroke: string; fill: string } {\n  if (!motivation) {\n    return { stroke: 'rgb(156, 163, 175)', fill: 'rgba(156, 163, 175, 0.2)' };\n  }\n\n  switch (motivation) {\n    case 'highlighting':\n      return { stroke: 'rgb(250, 204, 21)', fill: 'rgba(250, 204, 21, 0.3)' };\n    case 'linking':\n      return { stroke: 'rgb(59, 130, 246)', fill: 'rgba(59, 130, 246, 0.2)' };\n    case 'assessing':\n      return { stroke: 'rgb(239, 68, 68)', fill: 'rgba(239, 68, 68, 0.2)' };\n    case 'commenting':\n      return { stroke: 'rgb(255, 255, 255)', fill: 'rgba(255, 255, 255, 0.2)' };\n    default:\n      return { stroke: 'rgb(156, 163, 175)', fill: 'rgba(156, 163, 175, 0.2)' };\n  }\n}\n\ninterface PdfAnnotationCanvasProps {\n  pdfUrl: string;\n  /** The '@id' of the annotated resource — stamped as `source` on mark:requested (multi-viewer routing). */\n  resourceUri: string;\n  existingAnnotations?: Annotation[];\n  drawingMode: DrawingMode;\n  selectedMotivation?: SelectionMotivation | null;\n  session?: SemiontSession | null | undefined;\n  hoveredAnnotationId?: string | null;\n  selectedAnnotationId?: string | null;\n  hoverDelayMs?: number;\n}\n\n/**\n * PDF annotation canvas with page navigation and rectangle drawing\n *\n * @emits browse:click - Annotation clicked on PDF. Payload: { annotationId: string, motivation: Motivation }\n * @emits mark:requested - New annotation drawn on PDF. Payload: { selector: [FragmentSelector, TextQuoteSelector?], motivation: SelectionMotivation } — the quote is the text under the rectangle, omitted when the page has no text layer\n * @emits beckon:hover - Annotation hovered or unhovered. Payload: { annotationId: string | null }\n */\nexport function PdfAnnotationCanvas({\n  pdfUrl,\n  resourceUri,\n  existingAnnotations = [],\n  drawingMode,\n  selectedMotivation,\n  session,\n  hoveredAnnotationId,\n  selectedAnnotationId,\n  hoverDelayMs = 150\n}: PdfAnnotationCanvasProps) {\n  // PDF state\n  const [pdfDoc, setPdfDoc] = useState<PDFDocumentProxy | null>(null);\n  const [numPages, setNumPages] = useState<number>(0);\n  const [pageNumber, setPageNumber] = useState(1);\n  const [pageImageUrl, setPageImageUrl] = useState<string | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [pageDimensions, setPageDimensions] = useState<{ width: number; height: number } | null>(null);\n  /**\n   * The current page's text and per-run geometry, read once when the page\n   * loads so a drag can be quoted without a round trip. Null while the page\n   * is loading; `items` is empty on a scanned page, which has no text layer\n   * for the browser to read.\n   */\n  const [pageAnchored, setPageAnchored] = useState<AnchoredText | null>(null);\n  const [displayDimensions, setDisplayDimensions] = useState<{ width: number; height: number } | null>(null);\n  const [scale] = useState(1.5); // Fixed scale for better quality\n\n  // Drawing state\n  const [isDrawing, setIsDrawing] = useState(false);\n  const [selection, setSelection] = useState<CanvasRectangle | null>(null);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const imageRef = useRef<HTMLImageElement>(null);\n\n  // Load PDF document on mount\n  useEffect(() => {\n    let cancelled = false;\n\n    async function loadPdf() {\n      try {\n        setIsLoading(true);\n        setError(null);\n\n        const doc = await loadPdfDocument(pdfUrl);\n\n        if (cancelled) return;\n\n        setPdfDoc(doc);\n        setNumPages(doc.numPages);\n        setIsLoading(false);\n      } catch (err) {\n        if (cancelled) return;\n\n        console.error('Error loading PDF:', err);\n        setError('Failed to load PDF');\n        setIsLoading(false);\n      }\n    }\n\n    loadPdf();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfUrl]);\n\n  /**\n   * The server-derived map, fetched once per document rather than once per\n   * page-load effect (PERSIST-ANCHORS P4). The map is WHOLE-RESOURCE — one\n   * artifact covering every page — so re-reading it from the per-page effect\n   * meant a full refetch and re-decode on every page turn; on a 400-page scan\n   * that is one decode per interaction instead of one per document.\n   *\n   * The cache holds the in-flight promise so concurrent page loads share one\n   * fetch. Answers cache — including \"no map\" and a stored decline, which are\n   * definitive — but a transport failure clears the entry, so the next page\n   * load retries instead of pinning the whole document to geometry-only.\n   */\n  const resourceAnchoredRef = useRef<{ uri: string; outcome: Promise<AnchoredText | null> } | null>(null);\n  const fetchResourceAnchored = useCallback((): Promise<AnchoredText | null> => {\n    if (!session) return Promise.resolve(null); // no session yet — don't cache its absence\n    const cached = resourceAnchoredRef.current;\n    if (cached && cached.uri === resourceUri) return cached.outcome;\n\n    const uri = resourceUri;\n    const outcome = session.client.browse.resourceAnchoredText(toResourceId(uri)).then(\n      (served) => (served && !('declined' in served) ? served : null),\n      () => {\n        if (resourceAnchoredRef.current?.uri === uri) resourceAnchoredRef.current = null;\n        return null;\n      },\n    );\n    resourceAnchoredRef.current = { uri, outcome };\n    return outcome;\n  }, [session, resourceUri]);\n\n  // Load current page when page number changes\n  useEffect(() => {\n    if (!pdfDoc) return;\n\n    let cancelled = false;\n    const doc = pdfDoc;\n\n    // Never quote the previous page's text under this page's rectangles.\n    setPageAnchored(null);\n\n    /**\n     * The map a rectangle on this page quotes from, or null when there is\n     * none to be had.\n     *\n     * Never rejects, which is what lets the render run alongside it: quoting\n     * is the optional half of loading a page, so a failure here degrades to\n     * geometry-only rather than reaching the caller's error path. It is also\n     * the only reason `Promise.all` below is safe — a rejection from either\n     * side would leave the other promise dangling, and only the render can\n     * reject.\n     */\n    async function resolveAnchored(page: Awaited<ReturnType<typeof doc.getPage>>): Promise<AnchoredText | null> {\n      try {\n        // The page's text layer, read once here rather than at drag time —\n        // `handleMouseUp` stays synchronous, and a native page costs nothing\n        // extra since pdf.js already parsed it to draw the page.\n        const runs = (await page.getTextContent()).items.filter(isTextRun);\n        if (runs.length > 0) return anchorRuns(runs, pageNumber);\n\n        // No runs means a scanned page: the characters exist only as pixels\n        // and pdf.js has nothing to give. The server derived a map at ingest,\n        // so ask for it rather than leaving the annotation anonymous.\n        // Whole-resource — served once per document via the cache above —\n        // and `textUnder` filters by page: the same shape the native branch\n        // produces, so nothing downstream branches.\n        //\n        // `null` is the ordinary answer for a document that has no map and\n        // never will; a failure is equally non-fatal. Either way the\n        // annotation ships with geometry only, which is what shipped before\n        // this existed. The served record is the full extraction outcome\n        // (PERSIST-ANCHORS D1); a stored decline means extraction ran and\n        // found nothing to anchor — for this canvas the same degradation as\n        // no map at all. A success outcome IS the anchoring shape, plus\n        // provenance this canvas does not read.\n        return await fetchResourceAnchored();\n      } catch {\n        return null;\n      }\n    }\n\n    async function loadPage() {\n      try {\n        const page = await doc.getPage(pageNumber);\n\n        if (cancelled) return;\n\n        // Get page dimensions (at scale 1.0)\n        const viewport = page.getViewport({ scale: 1.0 });\n        setPageDimensions({\n          width: viewport.width,\n          height: viewport.height\n        });\n\n        // Anchoring and rendering are independent, and only one of them the\n        // reader is waiting on. Sequencing them put a network round-trip in\n        // front of the pixels on exactly the documents that need it most: a\n        // scanned page fetches its map from the server, and rendering behind\n        // that await is how \"failing to quote it must not fail to show it\"\n        // became true of errors but not of latency. Started together, the\n        // page appears on its own schedule.\n        const [anchored, { dataUrl }] = await Promise.all([\n          resolveAnchored(page),\n          renderPdfPageToDataUrl(page, scale),\n        ]);\n\n        if (cancelled) return;\n\n        setPageAnchored(anchored);\n        setPageImageUrl(dataUrl);\n      } catch (err) {\n        if (cancelled) return;\n\n        console.error('Error loading page:', err);\n        setError('Failed to load page');\n      }\n    }\n\n    loadPage();\n\n    return () => {\n      cancelled = true;\n    };\n  }, [pdfDoc, pageNumber, scale, fetchResourceAnchored]);\n\n  // Update display dimensions on resize\n  useEffect(() => {\n    const updateDisplayDimensions = () => {\n      if (imageRef.current) {\n        setDisplayDimensions({\n          width: imageRef.current.clientWidth,\n          height: imageRef.current.clientHeight\n        });\n      }\n    };\n\n    updateDisplayDimensions();\n\n    // Use ResizeObserver to detect image element size changes\n    // This catches: sidebar open/close, window resize, font size changes, etc.\n    let resizeObserver: ResizeObserver | null = null;\n\n    try {\n      resizeObserver = new ResizeObserver(updateDisplayDimensions);\n      if (imageRef.current) {\n        resizeObserver.observe(imageRef.current);\n      }\n    } catch (error) {\n      // Fallback for browsers without ResizeObserver support\n      console.warn('ResizeObserver not supported, falling back to window resize listener');\n      window.addEventListener('resize', updateDisplayDimensions);\n    }\n\n    return () => {\n      if (resizeObserver) {\n        resizeObserver.disconnect();\n      } else {\n        window.removeEventListener('resize', updateDisplayDimensions);\n      }\n    };\n  }, [pageImageUrl]);\n\n  // Mouse event handlers for drawing\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    if (!drawingMode) return;\n    if (!imageRef.current) return;\n\n    const rect = imageRef.current.getBoundingClientRect();\n    const x = e.clientX - rect.left;\n    const y = e.clientY - rect.top;\n\n    // Clear any previous selection when starting new drawing\n    setIsDrawing(true);\n    setSelection({\n      startX: x,\n      startY: y,\n      endX: x,\n      endY: y\n    });\n  }, [drawingMode]);\n\n  const handleMouseMove = useCallback((e: React.MouseEvent) => {\n    if (!isDrawing || !selection || !imageRef.current) return;\n\n    const rect = imageRef.current.getBoundingClientRect();\n\n    setSelection({\n      ...selection,\n      endX: e.clientX - rect.left,\n      endY: e.clientY - rect.top\n    });\n  }, [isDrawing, selection]);\n\n  const handleMouseUp = useCallback(() => {\n    if (!isDrawing || !selection || !pageDimensions || !displayDimensions || !session) {\n      setIsDrawing(false);\n      setSelection(null);\n      return;\n    }\n\n    // Calculate drag distance\n    const dragDistance = Math.sqrt(\n      Math.pow(selection.endX - selection.startX, 2) +\n      Math.pow(selection.endY - selection.startY, 2)\n    );\n\n    // Minimum drag threshold in pixels (10px)\n    const MIN_DRAG_DISTANCE = 10;\n\n    if (dragDistance < MIN_DRAG_DISTANCE) {\n      // This was a click, not a drag - check if we clicked an existing annotation\n      if (existingAnnotations.length > 0) {\n        // The hit-test owns the coordinate transform — capture the hit\n        // annotation's viewport rect for the emission below (A1 anchor).\n        let hitRect: AnchorRect | undefined;\n        const hit = rectsForPage(existingAnnotations, pageNumber).find(r => {\n          const rect = pdfToCanvasCoordinates(r.coord, pageDimensions.height, 1.0);\n\n          // Scale to display coordinates\n          const scaleX = displayDimensions.width / pageDimensions.width;\n          const scaleY = displayDimensions.height / pageDimensions.height;\n\n          const displayX = rect.x * scaleX;\n          const displayY = rect.y * scaleY;\n          const displayWidth = rect.width * scaleX;\n          const displayHeight = rect.height * scaleY;\n\n          const inside = (\n            selection.endX >= displayX &&\n            selection.endX <= displayX + displayWidth &&\n            selection.endY >= displayY &&\n            selection.endY <= displayY + displayHeight\n          );\n          if (inside && imageRef.current) {\n            hitRect = toViewportAnchorRect(imageRef.current.getBoundingClientRect(), displayX, displayY, displayWidth, displayHeight);\n          }\n          return inside;\n        });\n\n        if (hit) {\n          session?.client.browse.click(hit.annId, hit.annotation.motivation, hitRect);\n          setIsDrawing(false);\n          setSelection(null);\n          return;\n        }\n      }\n\n      // Click on empty space - do nothing\n      setIsDrawing(false);\n      setSelection(null);\n      return;\n    }\n\n    // This was a drag - create new annotation\n    // Scale selection from display coordinates to native page coordinates\n    const scaleX = pageDimensions.width / displayDimensions.width;\n    const scaleY = pageDimensions.height / displayDimensions.height;\n\n    const nativeSelection: CanvasRectangle = {\n      startX: selection.startX * scaleX,\n      startY: selection.startY * scaleY,\n      endX: selection.endX * scaleX,\n      endY: selection.endY * scaleY\n    };\n\n    // Convert canvas coordinates to PDF coordinates\n    const pdfCoord = canvasToPdfCoordinates(\n      nativeSelection,\n      pageNumber,\n      pageDimensions.width,\n      pageDimensions.height,\n      1.0 // Use scale 1.0 since we already scaled to native coords\n    );\n\n    // Create FragmentSelector\n    const fragmentSelector = createFragmentSelector(pdfCoord);\n\n    // What the box was drawn around. Without it the annotation is a rectangle\n    // with no memory of its own content: the panel entry is blank, search over\n    // annotation text misses it, and an export has nothing to print. Empty on a\n    // scanned page or over an image — emit no quote at all rather than an empty\n    // one, which would assert the box was drawn around nothing.\n    const quoted = pageAnchored ? textUnder(pageAnchored, pdfCoord) : '';\n\n    // Emit annotation:requested event with FragmentSelector\n    if (selectedMotivation) {\n      session.client.mark.request(\n        toResourceId(resourceUri),\n        [\n          {\n            type: 'FragmentSelector',\n            conformsTo: 'http://tools.ietf.org/rfc/rfc3778',\n            value: fragmentSelector,\n          },\n          ...(quoted ? [{ type: 'TextQuoteSelector' as const, exact: quoted }] : []),\n        ],\n        selectedMotivation,\n      );\n    }\n\n    // Keep drawing state active to show preview until annotation is persisted\n    // The parent component should clear this by changing drawingMode after save\n    setIsDrawing(false);\n    // Note: We keep selection so the preview remains visible\n    // It will be cleared when drawingMode changes or user starts new selection\n  }, [isDrawing, selection, pageNumber, pageDimensions, displayDimensions, selectedMotivation, existingAnnotations, session, resourceUri, pageAnchored]);\n\n  // Every FragmentSelector rect on the current page — one per line for a\n  // multi-line (multi-selector) annotation, exactly one for a manual annotation.\n  const pageRects = rectsForPage(existingAnnotations, pageNumber);\n\n  // Hover handlers with currentHover guard and dwell delay\n  const { handleMouseEnter, handleMouseLeave } = useMemo(\n    () => createHoverHandlers((id) => session?.client.beckon.hover(id), hoverDelayMs),\n    [session, hoverDelayMs]\n  );\n\n  // Calculate motivation color\n  const { stroke, fill } = getMotivationColor(selectedMotivation ?? null);\n\n  if (error) {\n    return <div className=\"semiont-pdf-annotation-canvas__error\">{error}</div>;\n  }\n\n  return (\n    <div className=\"semiont-pdf-annotation-canvas\">\n      {isLoading && <div className=\"semiont-pdf-annotation-canvas__loading\">Loading PDF...</div>}\n\n      <div\n        ref={containerRef}\n        className=\"semiont-pdf-annotation-canvas__container\"\n        style={{ display: isLoading ? 'none' : undefined }}\n        onMouseDown={handleMouseDown}\n        onMouseMove={handleMouseMove}\n        onMouseUp={handleMouseUp}\n        onMouseLeave={() => {\n          if (isDrawing) {\n            setIsDrawing(false);\n            setSelection(null);\n          }\n        }}\n        data-drawing-mode={drawingMode || 'none'}\n      >\n        {/* PDF page rendered as image */}\n        {pageImageUrl && (\n          <img\n            ref={imageRef}\n            src={pageImageUrl}\n            alt={`PDF page ${pageNumber}`}\n            className=\"semiont-pdf-annotation-canvas__image\"\n            draggable={false}\n            style={{ pointerEvents: 'none' }}\n            onLoad={() => {\n              // Use double RAF to ensure layout is complete even in onLoad\n              requestAnimationFrame(() => {\n                requestAnimationFrame(() => {\n                  if (imageRef.current) {\n                    setDisplayDimensions({\n                      width: imageRef.current.clientWidth,\n                      height: imageRef.current.clientHeight\n                    });\n                  }\n                });\n              });\n            }}\n          />\n        )}\n\n        {/* SVG overlay for annotations */}\n        {displayDimensions && pageDimensions && (\n          <div className=\"semiont-pdf-annotation-canvas__overlay-container\">\n            <div className=\"semiont-pdf-annotation-canvas__overlay\">\n              <svg\n                className=\"semiont-pdf-annotation-canvas__svg\"\n                width={displayDimensions.width}\n                height={displayDimensions.height}\n              >\n                {/* Render existing annotations for this page */}\n                {pageRects.map(r => {\n                  const rect = pdfToCanvasCoordinates(r.coord, pageDimensions.height, 1.0);\n\n                  // Scale to display coordinates\n                  const scaleX = displayDimensions.width / pageDimensions.width;\n                  const scaleY = displayDimensions.height / pageDimensions.height;\n\n                  const isHovered = r.annId === hoveredAnnotationId;\n                  const isSelected = r.annId === selectedAnnotationId;\n\n                  // Colour by the annotation's own motivation (not the toolbar's).\n                  const annMotivation = r.annotation.motivation as SelectionMotivation | null;\n                  const { stroke: annStroke, fill: annFill } = getMotivationColor(annMotivation);\n\n                  return (\n                    <rect\n                      key={`${r.annId}:${r.selectorIndex}`}\n                      x={rect.x * scaleX}\n                      y={rect.y * scaleY}\n                      width={rect.width * scaleX}\n                      height={rect.height * scaleY}\n                      stroke={annStroke}\n                      strokeWidth={isSelected ? 4 : isHovered ? 3 : 2}\n                      fill={annFill}\n                      style={{\n                        pointerEvents: 'auto',\n                        cursor: 'pointer',\n                        opacity: isSelected ? 1 : isHovered ? 0.9 : 0.7\n                      }}\n                      onClick={(e) => session?.client.browse.click(r.annId, r.annotation.motivation, e.currentTarget.getBoundingClientRect())}\n                      onMouseEnter={() => handleMouseEnter(r.annId)}\n                      onMouseLeave={handleMouseLeave}\n                    />\n                  );\n                })}\n\n                {/* Render current selection while drawing or awaiting save */}\n                {selection && (() => {\n                  const rectX = Math.min(selection.startX, selection.endX);\n                  const rectY = Math.min(selection.startY, selection.endY);\n                  const rectWidth = Math.abs(selection.endX - selection.startX);\n                  const rectHeight = Math.abs(selection.endY - selection.startY);\n\n                  // PDF only supports rectangle shapes (FragmentSelector with viewrect)\n                  // Circle/polygon are disabled in the UI for PDF media types\n                  return (\n                    <rect\n                      x={rectX}\n                      y={rectY}\n                      width={rectWidth}\n                      height={rectHeight}\n                      stroke={stroke}\n                      strokeWidth={2}\n                      strokeDasharray=\"5,5\"\n                      fill={fill}\n                      pointerEvents=\"none\"\n                    />\n                  );\n                })()}\n              </svg>\n            </div>\n          </div>\n        )}\n      </div>\n\n      {/* Page navigation controls */}\n      {numPages > 0 && (\n        <div className=\"semiont-pdf-annotation-canvas__controls\">\n          <button\n            disabled={pageNumber <= 1}\n            onClick={() => setPageNumber(pageNumber - 1)}\n            className=\"semiont-pdf-annotation-canvas__button\"\n          >\n            Previous\n          </button>\n          <span className=\"semiont-pdf-annotation-canvas__page-info\">\n            Page {pageNumber} of {numPages}\n          </span>\n          <button\n            disabled={pageNumber >= numPages}\n            onClick={() => setPageNumber(pageNumber + 1)}\n            className=\"semiont-pdf-annotation-canvas__button\"\n          >\n            Next\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import type { Annotation, PdfCoordinate } from '@semiont/core';\nimport { getTargetSelector, parseFragmentSelector } from '@semiont/core';\n\n/** One FragmentSelector rectangle to paint on a PDF page. */\nexport interface PageRect {\n  /** Owning annotation id — shared by every rect of a multi-line annotation (hover/click routing). */\n  annId: Annotation['id'];\n  /** Index within the annotation's FragmentSelectors — the stable half of the React key. */\n  selectorIndex: number;\n  /** PDF-point geometry for this rect. */\n  coord: PdfCoordinate;\n  /** Owning annotation (motivation colour, etc.). */\n  annotation: Annotation;\n}\n\n/** Every FragmentSelector on a target, in order (`target.selector` may be one or an array). */\nfunction fragmentSelectors(target: Annotation['target']): { value: string }[] {\n  const selector = getTargetSelector(target);\n  if (!selector) return [];\n  const selectors = Array.isArray(selector) ? selector : [selector];\n  return selectors\n    .filter(s => s.type === 'FragmentSelector')\n    .map(s => s as { type: 'FragmentSelector'; value: string });\n}\n\n/**\n * The rectangles to paint on `pageNumber`: one entry per FragmentSelector whose\n * viewrect page matches. A multi-line (multi-selector) annotation therefore yields\n * one rect per line; a single-selector (manual) annotation yields exactly one.\n *\n * Pure — no React/DOM. `PdfAnnotationCanvas` maps this to `<rect>` keyed\n * `${annId}:${selectorIndex}`, and the rects-for-page axioms exercise it directly.\n * Geometry stays deferred: each `coord` still goes through `pdfToCanvasCoordinates`\n * at paint time (itself covered by the coordinate-transform axioms).\n */\nexport function rectsForPage(annotations: Annotation[], pageNumber: number): PageRect[] {\n  const rects: PageRect[] = [];\n  for (const annotation of annotations) {\n    fragmentSelectors(annotation.target).forEach((sel, selectorIndex) => {\n      const coord = parseFragmentSelector(sel.value);\n      if (coord && coord.page === pageNumber) {\n        rects.push({ annId: annotation.id, selectorIndex, coord, annotation });\n      }\n    });\n  }\n  return rects;\n}\n","/**\n * PDF Canvas Coordinate Transforms\n *\n * Converts between canvas space (pixels, top-left origin, Y increases downward)\n * and PDF space (points, bottom-left origin, Y increases upward) — the Y-flip and\n * scale. UI-only: the server has no canvas.\n *\n * `PdfCoordinate` and the viewrect FragmentSelector codec live in `@semiont/core`.\n *\n * Based on RFC 3778 PDF Fragment Identifiers:\n * https://tools.ietf.org/html/rfc3778\n */\n\nimport type { PdfCoordinate } from '@semiont/core';\n\nexport interface Rectangle {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\nexport interface CanvasRectangle {\n  startX: number;\n  startY: number;\n  endX: number;\n  endY: number;\n}\n\n/**\n * Convert canvas coordinates to PDF coordinates\n *\n * Canvas: Origin at top-left, Y increases downward\n * PDF: Origin at bottom-left, Y increases upward\n *\n * @param canvasRect - Rectangle in canvas pixel coordinates\n * @param page - PDF page number (1-indexed)\n * @param pageWidth - PDF page width in points\n * @param pageHeight - PDF page height in points\n * @param scale - Current canvas scale factor\n */\nexport function canvasToPdfCoordinates(\n  canvasRect: CanvasRectangle,\n  page: number,\n  _pageWidth: number,\n  pageHeight: number,\n  scale: number = 1\n): PdfCoordinate {\n  // Normalize rectangle (handle drag in any direction)\n  const x1 = Math.min(canvasRect.startX, canvasRect.endX);\n  const y1 = Math.min(canvasRect.startY, canvasRect.endY);\n  const x2 = Math.max(canvasRect.startX, canvasRect.endX);\n  const y2 = Math.max(canvasRect.startY, canvasRect.endY);\n\n  // Convert from canvas pixels to PDF points\n  const pdfX = x1 / scale;\n  const pdfWidth = (x2 - x1) / scale;\n\n  // Flip Y coordinate (canvas top-left to PDF bottom-left)\n  const pdfY = pageHeight - (y2 / scale);\n  const pdfHeight = (y2 - y1) / scale;\n\n  return {\n    page,\n    x: Math.round(pdfX),\n    y: Math.round(pdfY),\n    width: Math.round(pdfWidth),\n    height: Math.round(pdfHeight)\n  };\n}\n\n/**\n * Convert PDF coordinates to canvas coordinates\n *\n * @param pdfCoord - Coordinates in PDF space\n * @param pageHeight - PDF page height in points\n * @param scale - Current canvas scale factor\n */\nexport function pdfToCanvasCoordinates(\n  pdfCoord: PdfCoordinate,\n  pageHeight: number,\n  scale: number = 1\n): Rectangle {\n  // Convert from PDF points to canvas pixels\n  const canvasX = pdfCoord.x * scale;\n  const canvasWidth = pdfCoord.width * scale;\n\n  // Flip Y coordinate (PDF bottom-left to canvas top-left)\n  const canvasY = (pageHeight - pdfCoord.y - pdfCoord.height) * scale;\n  const canvasHeight = pdfCoord.height * scale;\n\n  return {\n    x: canvasX,\n    y: canvasY,\n    width: canvasWidth,\n    height: canvasHeight\n  };\n}\n"],"mappings":"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","names":["error","scaleX","scaleY"]}

package/dist/PdfAnnotationCanvas.client-SU5KNT7G.css

@@ -1,98 +0,0 @@
-/* src/components/pdf-annotation/PdfAnnotationCanvas.css */
-.semiont-pdf-annotation-canvas {
-  position: relative;
-  display: inline-block;
-}
-.semiont-pdf-annotation-canvas__loading,
-.semiont-pdf-annotation-canvas__error {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 2rem;
-}
-.semiont-pdf-annotation-canvas__error {
-  color: var(--error-color);
-}
-[data-theme=dark] .semiont-pdf-annotation-canvas__error {
-  color: var(--error-color);
-}
-.semiont-pdf-annotation-canvas__container {
-  position: relative;
-  display: inline-block;
-  cursor: crosshair;
-}
-.semiont-pdf-annotation-canvas__container[data-drawing-mode=none] {
-  cursor: default;
-}
-.semiont-pdf-annotation-canvas__image {
-  display: block;
-  max-width: 100%;
-  height: auto;
-  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  user-select: none;
-  pointer-events: none;
-}
-[data-theme=dark] .semiont-pdf-annotation-canvas__image {
-  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.3);
-}
-.semiont-pdf-annotation-canvas__overlay-container {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-}
-.semiont-pdf-annotation-canvas__overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  pointer-events: none;
-}
-.semiont-pdf-annotation-canvas__svg {
-  pointer-events: none;
-}
-.semiont-pdf-annotation-canvas__svg rect {
-  pointer-events: auto;
-}
-.semiont-pdf-annotation-canvas__controls {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 1rem;
-  padding: 1rem;
-  border-top: 1px solid var(--border-color);
-}
-.semiont-pdf-annotation-canvas__button {
-  padding: 0.5rem 1rem;
-  border: 1px solid var(--border-color);
-  border-radius: 4px;
-  background: transparent;
-  cursor: pointer;
-}
-@media (prefers-reduced-motion: no-preference) {
-  .semiont-pdf-annotation-canvas__button {
-    transition: background-color 0.2s;
-  }
-}
-.semiont-pdf-annotation-canvas__button:hover:not(:disabled) {
-  background-color: var(--hover-color, rgba(0, 0, 0, 0.05));
-}
-.semiont-pdf-annotation-canvas__button:focus-visible {
-  outline: 2px solid var(--focus-color, #0066cc);
-  outline-offset: 2px;
-}
-.semiont-pdf-annotation-canvas__button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.semiont-pdf-annotation-canvas__page-info {
-  font-size: 0.875rem;
-  min-width: 7rem;
-  text-align: center;
-}
-/*# sourceMappingURL=PdfAnnotationCanvas.client-SU5KNT7G.css.map */

package/dist/PdfAnnotationCanvas.client-SU5KNT7G.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/pdf-annotation/PdfAnnotationCanvas.css"],"sourcesContent":["/**\n * PDF Annotation Canvas Styles\n *\n * Provides consistent styling for PDF annotation interface,\n * following the same pattern as image annotation (SvgDrawingCanvas).\n */\n\n.semiont-pdf-annotation-canvas {\n  position: relative;\n  display: inline-block;\n}\n\n.semiont-pdf-annotation-canvas__loading,\n.semiont-pdf-annotation-canvas__error {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 2rem;\n}\n\n/* stylelint-disable semiont/accessibility -- Error indicator added by semantic-indicators.css */\n.semiont-pdf-annotation-canvas__error {\n  color: var(--error-color);\n}\n\n[data-theme=\"dark\"] .semiont-pdf-annotation-canvas__error {\n  color: var(--error-color);\n}\n/* stylelint-enable semiont/accessibility */\n\n.semiont-pdf-annotation-canvas__container {\n  position: relative;\n  display: inline-block;\n  cursor: crosshair;\n}\n\n.semiont-pdf-annotation-canvas__container[data-drawing-mode=\"none\"] {\n  cursor: default;\n}\n\n.semiont-pdf-annotation-canvas__image {\n  display: block;\n  max-width: 100%;\n  height: auto;\n  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  pointer-events: none;\n}\n\n[data-theme=\"dark\"] .semiont-pdf-annotation-canvas__image {\n  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.3), 0 1px 2px -1px rgb(0 0 0 / 0.3);\n}\n\n.semiont-pdf-annotation-canvas__overlay-container {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n\n.semiont-pdf-annotation-canvas__overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  pointer-events: none;\n}\n\n.semiont-pdf-annotation-canvas__svg {\n  pointer-events: none;\n}\n\n.semiont-pdf-annotation-canvas__svg rect {\n  pointer-events: auto;\n}\n\n.semiont-pdf-annotation-canvas__controls {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 1rem;\n  padding: 1rem;\n  border-top: 1px solid var(--border-color);\n}\n\n.semiont-pdf-annotation-canvas__button {\n  padding: 0.5rem 1rem;\n  border: 1px solid var(--border-color);\n  border-radius: 4px;\n  background: transparent;\n  cursor: pointer;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .semiont-pdf-annotation-canvas__button {\n    transition: background-color 0.2s;\n  }\n}\n\n.semiont-pdf-annotation-canvas__button:hover:not(:disabled) {\n  background-color: var(--hover-color, rgba(0, 0, 0, 0.05));\n}\n\n.semiont-pdf-annotation-canvas__button:focus-visible {\n  outline: 2px solid var(--focus-color, #0066cc);\n  outline-offset: 2px;\n}\n\n.semiont-pdf-annotation-canvas__button:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.semiont-pdf-annotation-canvas__page-info {\n  font-size: 0.875rem;\n  min-width: 7rem;\n  text-align: center;\n}\n\n/*# sourceMappingURL=src/components/pdf-annotation/PdfAnnotationCanvas.css.map */"],"mappings":";AAOA,CAAC;AACC,YAAU;AACV,WAAS;AACX;AAEA,CAAC;AACD,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS;AACX;AAGA,CARC;AASC,SAAO,IAAI;AACb;AAEA,CAAC,iBAAmB,CAZnB;AAaC,SAAO,IAAI;AACb;AAGA,CAAC;AACC,YAAU;AACV,WAAS;AACT,UAAQ;AACV;AAEA,CANC,wCAMwC,CAAC;AACxC,UAAQ;AACV;AAEA,CAAC;AACC,WAAS;AACT,aAAW;AACX,UAAQ;AACR,cAAY,EAAE,IAAI,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,IAAI,KAAK,IAAI,EAAE,EAAE,EAAE,EAAE;AACrE,uBAAqB;AAClB,oBAAkB;AACb,eAAa;AACrB,kBAAgB;AAClB;AAEA,CAAC,iBAAmB,CAXnB;AAYC,cAAY,EAAE,IAAI,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,IAAI,KAAK,IAAI,EAAE,EAAE,EAAE,EAAE;AACvE;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,OAAK;AACL,QAAM;AACN,SAAO;AACP,UAAQ;AACR,kBAAgB;AAClB;AAEA,CAAC;AACC,kBAAgB;AAClB;AAEA,CAJC,mCAImC;AAClC,kBAAgB;AAClB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,WAAS;AACT,cAAY,IAAI,MAAM,IAAI;AAC5B;AAEA,CAAC;AACC,WAAS,OAAO;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe;AACf,cAAY;AACZ,UAAQ;AACV;AAEA,QAAO,wBAAyB;AAC9B,GATD;AAUG,gBAAY,iBAAiB;AAC/B;AACF;AAEA,CAdC,qCAcqC,MAAM,KAAK;AAC/C,oBAAkB,IAAI,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACrD;AAEA,CAlBC,qCAkBqC;AACpC,WAAS,IAAI,MAAM,IAAI,aAAa,EAAE;AACtC,kBAAgB;AAClB;AAEA,CAvBC,qCAuBqC;AACpC,WAAS;AACT,UAAQ;AACV;AAEA,CAAC;AACC,aAAW;AACX,aAAW;AACX,cAAY;AACd;","names":[]}