@osdk/react-components 0.2.0-beta.9 → 0.2.1-main-20260407074313

package/build/browser/pdf-viewer/components/PdfViewerThumbnail.js

@@ -0,0 +1,100 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import classnames from "classnames";
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { DEVICE_PIXEL_RATIO, THUMBNAIL_SCALE } from "../constants.js";
+import styles from "./PdfViewerThumbnail.module.css.js";
+export function PdfViewerThumbnail({
+  document,
+  pageNumber,
+  isActive,
+  onClick
+}) {
+  const canvasRef = useRef(null);
+  const renderTaskRef = useRef(null);
+  const [dimensions, setDimensions] = useState(undefined);
+  useEffect(() => {
+    let cancelled = false;
+    void document.getPage(pageNumber).then(page => {
+      if (cancelled || canvasRef.current == null) {
+        return;
+      }
+      const viewport = page.getViewport({
+        scale: THUMBNAIL_SCALE
+      });
+      const canvas = canvasRef.current;
+      const context = canvas.getContext("2d");
+      if (context == null) {
+        return;
+      }
+      canvas.width = Math.floor(viewport.width * DEVICE_PIXEL_RATIO);
+      canvas.height = Math.floor(viewport.height * DEVICE_PIXEL_RATIO);
+      canvas.style.width = `${Math.floor(viewport.width)}px`;
+      canvas.style.height = `${Math.floor(viewport.height)}px`;
+      setDimensions({
+        width: Math.floor(viewport.width),
+        height: Math.floor(viewport.height)
+      });
+      if (renderTaskRef.current != null) {
+        renderTaskRef.current.cancel();
+      }
+      context.setTransform(DEVICE_PIXEL_RATIO, 0, 0, DEVICE_PIXEL_RATIO, 0, 0);
+      const renderTask = page.render({
+        canvasContext: context,
+        viewport
+      });
+      renderTaskRef.current = renderTask;
+      void renderTask.promise.catch(err => {
+        if (err instanceof Error && err.message.includes("cancelled")) {
+          return;
+        }
+        throw err;
+      });
+    });
+    return () => {
+      cancelled = true;
+      if (renderTaskRef.current != null) {
+        renderTaskRef.current.cancel();
+        renderTaskRef.current = null;
+      }
+    };
+  }, [document, pageNumber]);
+  const handleKeyDown = useCallback(e => {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      onClick();
+    }
+  }, [onClick]);
+  const containerClassName = classnames(styles.thumbnailContainer, isActive && styles.active);
+  return /*#__PURE__*/React.createElement("div", {
+    className: containerClassName,
+    onClick: onClick,
+    onKeyDown: handleKeyDown,
+    role: "button",
+    tabIndex: 0,
+    "aria-label": `Page ${pageNumber}`,
+    "aria-current": isActive ? "page" : undefined,
+    style: dimensions != null ? {
+      width: dimensions.width,
+      height: dimensions.height
+    } : undefined
+  }, /*#__PURE__*/React.createElement("canvas", {
+    ref: canvasRef,
+    className: styles.canvas
+  }));
+}
+//# sourceMappingURL=PdfViewerThumbnail.js.map

package/build/browser/pdf-viewer/components/PdfViewerThumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewerThumbnail.js","names":["classnames","React","useCallback","useEffect","useRef","useState","DEVICE_PIXEL_RATIO","THUMBNAIL_SCALE","styles","PdfViewerThumbnail","document","pageNumber","isActive","onClick","canvasRef","renderTaskRef","dimensions","setDimensions","undefined","cancelled","getPage","then","page","current","viewport","getViewport","scale","canvas","context","getContext","width","Math","floor","height","style","cancel","setTransform","renderTask","render","canvasContext","promise","catch","err","Error","message","includes","handleKeyDown","e","key","preventDefault","containerClassName","thumbnailContainer","active","createElement","className","onKeyDown","role","tabIndex","ref"],"sources":["PdfViewerThumbnail.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport classnames from \"classnames\";\nimport type { PDFDocumentProxy, PDFPageProxy } from \"pdfjs-dist\";\nimport React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { DEVICE_PIXEL_RATIO, THUMBNAIL_SCALE } from \"../constants.js\";\nimport styles from \"./PdfViewerThumbnail.module.css\";\n\ninterface PdfViewerThumbnailProps {\n  document: PDFDocumentProxy;\n  pageNumber: number;\n  isActive: boolean;\n  onClick: () => void;\n}\n\nexport function PdfViewerThumbnail({\n  document,\n  pageNumber,\n  isActive,\n  onClick,\n}: PdfViewerThumbnailProps): React.ReactElement {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const renderTaskRef = useRef<ReturnType<PDFPageProxy[\"render\"]> | null>(null);\n  const [dimensions, setDimensions] = useState<\n    { width: number; height: number } | undefined\n  >(undefined);\n\n  useEffect(() => {\n    let cancelled = false;\n\n    void document.getPage(pageNumber).then((page) => {\n      if (cancelled || canvasRef.current == null) {\n        return;\n      }\n\n      const viewport = page.getViewport({ scale: THUMBNAIL_SCALE });\n      const canvas = canvasRef.current;\n      const context = canvas.getContext(\"2d\");\n      if (context == null) {\n        return;\n      }\n\n      canvas.width = Math.floor(viewport.width * DEVICE_PIXEL_RATIO);\n      canvas.height = Math.floor(viewport.height * DEVICE_PIXEL_RATIO);\n      canvas.style.width = `${Math.floor(viewport.width)}px`;\n      canvas.style.height = `${Math.floor(viewport.height)}px`;\n\n      setDimensions({\n        width: Math.floor(viewport.width),\n        height: Math.floor(viewport.height),\n      });\n\n      if (renderTaskRef.current != null) {\n        renderTaskRef.current.cancel();\n      }\n\n      context.setTransform(\n        DEVICE_PIXEL_RATIO,\n        0,\n        0,\n        DEVICE_PIXEL_RATIO,\n        0,\n        0,\n      );\n\n      const renderTask = page.render({\n        canvasContext: context,\n        viewport,\n      });\n      renderTaskRef.current = renderTask;\n\n      void renderTask.promise.catch((err: unknown) => {\n        if (err instanceof Error && err.message.includes(\"cancelled\")) {\n          return;\n        }\n        throw err;\n      });\n    });\n\n    return () => {\n      cancelled = true;\n      if (renderTaskRef.current != null) {\n        renderTaskRef.current.cancel();\n        renderTaskRef.current = null;\n      }\n    };\n  }, [document, pageNumber]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === \"Enter\" || e.key === \" \") {\n        e.preventDefault();\n        onClick();\n      }\n    },\n    [onClick],\n  );\n\n  const containerClassName = classnames(\n    styles.thumbnailContainer,\n    isActive && styles.active,\n  );\n\n  return (\n    <div\n      className={containerClassName}\n      onClick={onClick}\n      onKeyDown={handleKeyDown}\n      role=\"button\"\n      tabIndex={0}\n      aria-label={`Page ${pageNumber}`}\n      aria-current={isActive ? \"page\" : undefined}\n      style={dimensions != null\n        ? { width: dimensions.width, height: dimensions.height }\n        : undefined}\n    >\n      <canvas ref={canvasRef} className={styles.canvas} />\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/browser/pdf-viewer/components/PdfViewerThumbnail.module.css

@@ -0,0 +1,26 @@
+.thumbnailContainer {
+  position: relative;
+  cursor: pointer;
+  border: 2px solid transparent;
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-pdf-viewer-page-shadow);
+  overflow: hidden;
+  transition: border-color var(--osdk-emphasis-transition-duration)
+    var(--osdk-emphasis-ease-default);
+}
+
+.thumbnailContainer:hover {
+  border-color: var(--osdk-pdf-viewer-sidebar-border);
+}
+
+.active {
+  border-color: var(--osdk-pdf-viewer-sidebar-active-border);
+}
+
+.active:hover {
+  border-color: var(--osdk-pdf-viewer-sidebar-active-border);
+}
+
+.canvas {
+  display: block;
+}

package/build/browser/pdf-viewer/components/PdfViewerThumbnail.module.css.js

@@ -0,0 +1,8 @@
+// CSS Module proxy for PdfViewerThumbnail.module.css
+const styles = {
+  "thumbnailContainer": "PdfViewerThumbnail-module__thumbnailContainer___kQ1Kog11",
+  "active": "PdfViewerThumbnail-module__active___CajjaEsL",
+  "canvas": "PdfViewerThumbnail-module__canvas___fAVmX8pc"
+};
+
+export default styles;

package/build/browser/pdf-viewer/components/PdfViewerToolbar.js

@@ -0,0 +1,221 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Button } from "@base-ui/react/button";
+import { Input } from "@base-ui/react/input";
+import { ChevronLeft, ChevronRight, Download, FloppyDisk, Highlight, Menu, Minus, Plus, RotatePage, Search } from "@blueprintjs/icons";
+import classnames from "classnames";
+import React, { useCallback, useEffect, useState } from "react";
+import { MAX_SCALE, MIN_SCALE, SCALE_STEP } from "../constants.js";
+import styles from "./PdfViewerToolbar.module.css.js";
+export function PdfViewerToolbar({
+  currentPage,
+  numPages,
+  scale,
+  sidebarOpen,
+  onPageChange,
+  onScaleChange,
+  onSearchOpen,
+  onSidebarToggle,
+  onDownload,
+  enableDownload,
+  onRotateLeft,
+  onRotateRight,
+  enableHighlight,
+  highlightModeActive,
+  onHighlightToggle,
+  enableFormSave = false,
+  onFormSave
+}) {
+  const [pageInputValue, setPageInputValue] = useState(String(currentPage));
+
+  // Sync input display when currentPage changes from scrolling
+  useEffect(function () {
+    setPageInputValue(String(currentPage));
+  }, [currentPage]);
+  const handlePrevPage = useCallback(() => {
+    if (currentPage > 1) {
+      const newPage = currentPage - 1;
+      onPageChange(newPage);
+      setPageInputValue(String(newPage));
+    }
+  }, [currentPage, onPageChange]);
+  const handleNextPage = useCallback(() => {
+    if (currentPage < numPages) {
+      const newPage = currentPage + 1;
+      onPageChange(newPage);
+      setPageInputValue(String(newPage));
+    }
+  }, [currentPage, numPages, onPageChange]);
+  const handlePageInputChange = useCallback(e => {
+    setPageInputValue(e.target.value);
+  }, []);
+  const handlePageInputKeyDown = useCallback(e => {
+    if (e.key === "Enter") {
+      const page = parseInt(pageInputValue, 10);
+      if (!isNaN(page) && page >= 1 && page <= numPages) {
+        onPageChange(page);
+      } else {
+        setPageInputValue(String(currentPage));
+      }
+    }
+  }, [pageInputValue, numPages, onPageChange, currentPage]);
+  const handlePageInputBlur = useCallback(() => {
+    setPageInputValue(String(currentPage));
+  }, [currentPage]);
+  const handleZoomIn = useCallback(() => {
+    const newScale = Math.min(scale + SCALE_STEP, MAX_SCALE);
+    onScaleChange(newScale);
+  }, [scale, onScaleChange]);
+  const handleZoomOut = useCallback(() => {
+    const newScale = Math.max(scale - SCALE_STEP, MIN_SCALE);
+    onScaleChange(newScale);
+  }, [scale, onScaleChange]);
+  const scalePercent = `${Math.round(scale * 100)}%`;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.toolbar
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: styles.toolbarButton,
+    onClick: onSidebarToggle,
+    "aria-label": sidebarOpen ? "Close sidebar" : "Open sidebar",
+    title: sidebarOpen ? "Close sidebar" : "Open sidebar",
+    "aria-pressed": sidebarOpen,
+    type: "button"
+  }, /*#__PURE__*/React.createElement(Menu, {
+    size: 16
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.separator
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.toolbarGroup
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: styles.toolbarButton,
+    onClick: handlePrevPage,
+    disabled: currentPage <= 1,
+    "aria-label": "Previous page",
+    title: "Previous page",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(ChevronLeft, {
+    size: 16
+  })), /*#__PURE__*/React.createElement(Input, {
+    className: styles.pageInput,
+    type: "text",
+    value: pageInputValue,
+    onChange: handlePageInputChange,
+    onKeyDown: handlePageInputKeyDown,
+    onBlur: handlePageInputBlur,
+    "aria-label": "Page number"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.pageCount
+  }, "of ", numPages), /*#__PURE__*/React.createElement(Button, {
+    className: styles.toolbarButton,
+    onClick: handleNextPage,
+    disabled: currentPage >= numPages,
+    "aria-label": "Next page",
+    title: "Next page",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(ChevronRight, {
+    size: 16
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.separator
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.toolbarGroup
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: styles.toolbarButton,
+    onClick: handleZoomOut,
+    disabled: scale <= MIN_SCALE,
+    "aria-label": "Zoom out",
+    title: "Zoom out",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(Minus, {
+    size: 16
+  })), /*#__PURE__*/React.createElement("span", {
+    className: styles.scaleDisplay
+  }, scalePercent), /*#__PURE__*/React.createElement(Button, {
+    className: styles.toolbarButton,
+    onClick: handleZoomIn,
+    disabled: scale >= MAX_SCALE,
+    "aria-label": "Zoom in",
+    title: "Zoom in",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(Plus, {
+    size: 16
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.separator
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles.toolbarGroup
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: styles.toolbarButton,
+    onClick: onRotateLeft,
+    "aria-label": "Rotate left",
+    title: "Rotate left",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(RotatePage, {
+    size: 16
+  })), /*#__PURE__*/React.createElement(Button, {
+    className: styles.toolbarButton,
+    onClick: onRotateRight,
+    "aria-label": "Rotate right",
+    title: "Rotate right",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(RotatePage, {
+    size: 16,
+    style: {
+      transform: "scaleX(-1)"
+    }
+  }))), enableHighlight && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: styles.separator
+  }), /*#__PURE__*/React.createElement(Button, {
+    className: classnames(styles.toolbarButton, highlightModeActive && styles.toolbarButtonActive),
+    onClick: onHighlightToggle,
+    "aria-label": highlightModeActive ? "Disable highlight mode" : "Enable highlight mode",
+    title: highlightModeActive ? "Disable highlight mode" : "Enable highlight mode",
+    "aria-pressed": highlightModeActive,
+    type: "button"
+  }, /*#__PURE__*/React.createElement(Highlight, {
+    size: 16
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.separator
+  }), /*#__PURE__*/React.createElement(Button, {
+    className: styles.toolbarButton,
+    onClick: onSearchOpen,
+    "aria-label": "Search",
+    title: "Search",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(Search, {
+    size: 16
+  })), enableDownload && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: styles.separator
+  }), /*#__PURE__*/React.createElement(Button, {
+    className: styles.toolbarButton,
+    onClick: onDownload,
+    "aria-label": "Download",
+    title: "Download",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(Download, {
+    size: 16
+  }))), enableFormSave && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: styles.separator
+  }), /*#__PURE__*/React.createElement(Button, {
+    className: styles.toolbarButton,
+    onClick: onFormSave,
+    "aria-label": "Save form",
+    title: "Save form",
+    type: "button"
+  }, /*#__PURE__*/React.createElement(FloppyDisk, {
+    size: 16
+  }))));
+}
+//# sourceMappingURL=PdfViewerToolbar.js.map

package/build/browser/pdf-viewer/components/PdfViewerToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PdfViewerToolbar.js","names":["Button","Input","ChevronLeft","ChevronRight","Download","FloppyDisk","Highlight","Menu","Minus","Plus","RotatePage","Search","classnames","React","useCallback","useEffect","useState","MAX_SCALE","MIN_SCALE","SCALE_STEP","styles","PdfViewerToolbar","currentPage","numPages","scale","sidebarOpen","onPageChange","onScaleChange","onSearchOpen","onSidebarToggle","onDownload","enableDownload","onRotateLeft","onRotateRight","enableHighlight","highlightModeActive","onHighlightToggle","enableFormSave","onFormSave","pageInputValue","setPageInputValue","String","handlePrevPage","newPage","handleNextPage","handlePageInputChange","e","target","value","handlePageInputKeyDown","key","page","parseInt","isNaN","handlePageInputBlur","handleZoomIn","newScale","Math","min","handleZoomOut","max","scalePercent","round","createElement","className","toolbar","toolbarButton","onClick","title","type","size","separator","toolbarGroup","disabled","pageInput","onChange","onKeyDown","onBlur","pageCount","scaleDisplay","style","transform","Fragment","toolbarButtonActive"],"sources":["PdfViewerToolbar.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport { Input } from \"@base-ui/react/input\";\nimport {\n  ChevronLeft,\n  ChevronRight,\n  Download,\n  FloppyDisk,\n  Highlight,\n  Menu,\n  Minus,\n  Plus,\n  RotatePage,\n  Search,\n} from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { MAX_SCALE, MIN_SCALE, SCALE_STEP } from \"../constants.js\";\nimport styles from \"./PdfViewerToolbar.module.css\";\n\nexport interface PdfViewerToolbarProps {\n  currentPage: number;\n  numPages: number;\n  scale: number;\n  sidebarOpen: boolean;\n  onPageChange: (page: number) => void;\n  onScaleChange: (scale: number) => void;\n  onSearchOpen: () => void;\n  onSidebarToggle: () => void;\n  onDownload: () => void;\n  enableDownload: boolean;\n  onRotateLeft: () => void;\n  onRotateRight: () => void;\n  enableHighlight: boolean;\n  highlightModeActive: boolean;\n  onHighlightToggle: () => void;\n  enableFormSave?: boolean;\n  onFormSave?: () => void;\n}\n\nexport function PdfViewerToolbar({\n  currentPage,\n  numPages,\n  scale,\n  sidebarOpen,\n  onPageChange,\n  onScaleChange,\n  onSearchOpen,\n  onSidebarToggle,\n  onDownload,\n  enableDownload,\n  onRotateLeft,\n  onRotateRight,\n  enableHighlight,\n  highlightModeActive,\n  onHighlightToggle,\n  enableFormSave = false,\n  onFormSave,\n}: PdfViewerToolbarProps): React.ReactElement {\n  const [pageInputValue, setPageInputValue] = useState(String(currentPage));\n\n  // Sync input display when currentPage changes from scrolling\n  useEffect(function syncPageInput() {\n    setPageInputValue(String(currentPage));\n  }, [currentPage]);\n\n  const handlePrevPage = useCallback(() => {\n    if (currentPage > 1) {\n      const newPage = currentPage - 1;\n      onPageChange(newPage);\n      setPageInputValue(String(newPage));\n    }\n  }, [currentPage, onPageChange]);\n\n  const handleNextPage = useCallback(() => {\n    if (currentPage < numPages) {\n      const newPage = currentPage + 1;\n      onPageChange(newPage);\n      setPageInputValue(String(newPage));\n    }\n  }, [currentPage, numPages, onPageChange]);\n\n  const handlePageInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setPageInputValue(e.target.value);\n    },\n    [],\n  );\n\n  const handlePageInputKeyDown = useCallback(\n    (e: React.KeyboardEvent<HTMLInputElement>) => {\n      if (e.key === \"Enter\") {\n        const page = parseInt(pageInputValue, 10);\n        if (!isNaN(page) && page >= 1 && page <= numPages) {\n          onPageChange(page);\n        } else {\n          setPageInputValue(String(currentPage));\n        }\n      }\n    },\n    [pageInputValue, numPages, onPageChange, currentPage],\n  );\n\n  const handlePageInputBlur = useCallback(() => {\n    setPageInputValue(String(currentPage));\n  }, [currentPage]);\n\n  const handleZoomIn = useCallback(() => {\n    const newScale = Math.min(scale + SCALE_STEP, MAX_SCALE);\n    onScaleChange(newScale);\n  }, [scale, onScaleChange]);\n\n  const handleZoomOut = useCallback(() => {\n    const newScale = Math.max(scale - SCALE_STEP, MIN_SCALE);\n    onScaleChange(newScale);\n  }, [scale, onScaleChange]);\n\n  const scalePercent = `${Math.round(scale * 100)}%`;\n\n  return (\n    <div className={styles.toolbar}>\n      <Button\n        className={styles.toolbarButton}\n        onClick={onSidebarToggle}\n        aria-label={sidebarOpen ? \"Close sidebar\" : \"Open sidebar\"}\n        title={sidebarOpen ? \"Close sidebar\" : \"Open sidebar\"}\n        aria-pressed={sidebarOpen}\n        type=\"button\"\n      >\n        <Menu size={16} />\n      </Button>\n\n      <div className={styles.separator} />\n\n      <div className={styles.toolbarGroup}>\n        <Button\n          className={styles.toolbarButton}\n          onClick={handlePrevPage}\n          disabled={currentPage <= 1}\n          aria-label=\"Previous page\"\n          title=\"Previous page\"\n          type=\"button\"\n        >\n          <ChevronLeft size={16} />\n        </Button>\n        <Input\n          className={styles.pageInput}\n          type=\"text\"\n          value={pageInputValue}\n          onChange={handlePageInputChange}\n          onKeyDown={handlePageInputKeyDown}\n          onBlur={handlePageInputBlur}\n          aria-label=\"Page number\"\n        />\n        <span className={styles.pageCount}>of {numPages}</span>\n        <Button\n          className={styles.toolbarButton}\n          onClick={handleNextPage}\n          disabled={currentPage >= numPages}\n          aria-label=\"Next page\"\n          title=\"Next page\"\n          type=\"button\"\n        >\n          <ChevronRight size={16} />\n        </Button>\n      </div>\n\n      <div className={styles.separator} />\n\n      <div className={styles.toolbarGroup}>\n        <Button\n          className={styles.toolbarButton}\n          onClick={handleZoomOut}\n          disabled={scale <= MIN_SCALE}\n          aria-label=\"Zoom out\"\n          title=\"Zoom out\"\n          type=\"button\"\n        >\n          <Minus size={16} />\n        </Button>\n        <span className={styles.scaleDisplay}>{scalePercent}</span>\n        <Button\n          className={styles.toolbarButton}\n          onClick={handleZoomIn}\n          disabled={scale >= MAX_SCALE}\n          aria-label=\"Zoom in\"\n          title=\"Zoom in\"\n          type=\"button\"\n        >\n          <Plus size={16} />\n        </Button>\n      </div>\n\n      <div className={styles.separator} />\n\n      <div className={styles.toolbarGroup}>\n        <Button\n          className={styles.toolbarButton}\n          onClick={onRotateLeft}\n          aria-label=\"Rotate left\"\n          title=\"Rotate left\"\n          type=\"button\"\n        >\n          <RotatePage size={16} />\n        </Button>\n        <Button\n          className={styles.toolbarButton}\n          onClick={onRotateRight}\n          aria-label=\"Rotate right\"\n          title=\"Rotate right\"\n          type=\"button\"\n        >\n          <RotatePage size={16} style={{ transform: \"scaleX(-1)\" }} />\n        </Button>\n      </div>\n\n      {enableHighlight && (\n        <>\n          <div className={styles.separator} />\n\n          <Button\n            className={classnames(\n              styles.toolbarButton,\n              highlightModeActive && styles.toolbarButtonActive,\n            )}\n            onClick={onHighlightToggle}\n            aria-label={highlightModeActive\n              ? \"Disable highlight mode\"\n              : \"Enable highlight mode\"}\n            title={highlightModeActive\n              ? \"Disable highlight mode\"\n              : \"Enable highlight mode\"}\n            aria-pressed={highlightModeActive}\n            type=\"button\"\n          >\n            <Highlight size={16} />\n          </Button>\n        </>\n      )}\n\n      <div className={styles.separator} />\n\n      <Button\n        className={styles.toolbarButton}\n        onClick={onSearchOpen}\n        aria-label=\"Search\"\n        title=\"Search\"\n        type=\"button\"\n      >\n        <Search size={16} />\n      </Button>\n\n      {enableDownload && (\n        <>\n          <div className={styles.separator} />\n\n          <Button\n            className={styles.toolbarButton}\n            onClick={onDownload}\n            aria-label=\"Download\"\n            title=\"Download\"\n            type=\"button\"\n          >\n            <Download size={16} />\n          </Button>\n        </>\n      )}\n\n      {enableFormSave && (\n        <>\n          <div className={styles.separator} />\n\n          <Button\n            className={styles.toolbarButton}\n            onClick={onFormSave}\n            aria-label=\"Save form\"\n            title=\"Save form\"\n            type=\"button\"\n          >\n            <FloppyDisk size={16} />\n          </Button>\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/build/browser/pdf-viewer/components/PdfViewerToolbar.module.css

@@ -0,0 +1,91 @@
+.toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--osdk-pdf-viewer-toolbar-gap);
+  padding: var(--osdk-surface-spacing);
+  background-color: var(--osdk-pdf-viewer-toolbar-bg);
+  border-bottom: var(--osdk-pdf-viewer-toolbar-border);
+  color: var(--osdk-pdf-viewer-toolbar-color);
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  flex-shrink: 0;
+}
+
+.toolbarGroup {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+}
+
+.separator {
+  width: 1px;
+  height: 20px;
+  background-color: var(--osdk-surface-border-color-default);
+  margin: 0 var(--osdk-surface-spacing);
+}
+
+.toolbarButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  border: none;
+  background: none;
+  color: var(--osdk-typography-color-muted);
+  cursor: pointer;
+  border-radius: var(--osdk-surface-border-radius);
+  padding: 0;
+}
+
+.toolbarButton:hover {
+  background-color: var(--osdk-surface-background-color-default-hover);
+}
+
+.toolbarButton:active {
+  background-color: var(--osdk-surface-background-color-default-active);
+}
+
+.toolbarButton:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+
+.toolbarButton:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.toolbarButtonActive {
+  background-color: var(--osdk-surface-background-color-default-active);
+  color: var(--osdk-typography-color-default-rest);
+}
+
+.pageInput {
+  width: 48px;
+  text-align: center;
+  border: var(--osdk-surface-border);
+  border-radius: var(--osdk-surface-border-radius);
+  padding: calc(0.5 * var(--osdk-surface-spacing)) var(--osdk-surface-spacing);
+  font-family: var(--osdk-typography-family-default);
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-default-rest);
+  background-color: var(--osdk-background-primary);
+}
+
+.pageInput:focus {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+
+.pageCount {
+  color: var(--osdk-typography-color-muted);
+}
+
+.scaleDisplay {
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-typography-color-muted);
+  min-width: 40px;
+  text-align: center;
+}

package/build/browser/pdf-viewer/components/PdfViewerToolbar.module.css.js

@@ -0,0 +1,13 @@
+// CSS Module proxy for PdfViewerToolbar.module.css
+const styles = {
+  "toolbar": "PdfViewerToolbar-module__toolbar___2lrwoyb9",
+  "toolbarGroup": "PdfViewerToolbar-module__toolbarGroup___yCBnXifk",
+  "separator": "PdfViewerToolbar-module__separator___DyiMoFkd",
+  "toolbarButton": "PdfViewerToolbar-module__toolbarButton___BHinMZYh",
+  "toolbarButtonActive": "PdfViewerToolbar-module__toolbarButtonActive___lek074gm",
+  "pageInput": "PdfViewerToolbar-module__pageInput___eZDF8KUp",
+  "pageCount": "PdfViewerToolbar-module__pageCount___ChLj67yf",
+  "scaleDisplay": "PdfViewerToolbar-module__scaleDisplay___X3peUnEF"
+};
+
+export default styles;

package/build/browser/pdf-viewer/constants.js

@@ -0,0 +1,46 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// Default empty values (stable references to avoid re-renders)
+export const EMPTY_ANNOTATION_ARRAY = [];
+export const EMPTY_STRING = "";
+
+// Scale and dimension configuration
+export const SCALE_STEP = 0.25;
+export const MIN_SCALE = 0.25;
+export const MAX_SCALE = 5.0;
+export const DEFAULT_PAGE_HEIGHT = 792;
+export const THUMBNAIL_GAP = 12;
+export const THUMBNAIL_SCALE = 0.2;
+export const DEVICE_PIXEL_RATIO = typeof window !== "undefined" ? window.devicePixelRatio || 1 : 1;
+
+// Outline heading extraction
+/** Text must be at least 15% larger than the most common font size to be considered a heading. */
+export const OUTLINE_HEADING_SIZE_RATIO = 1.15;
+/** Headings longer than this are likely paragraphs and are filtered out. */
+export const OUTLINE_MAX_HEADING_LENGTH = 200;
+
+// pdfjs EventBus event names
+export const FIND_EVENT = "find";
+export const UPDATE_FIND_CONTROL_STATE_EVENT = "updatefindcontrolstate";
+export const UPDATE_FIND_MATCHES_COUNT_EVENT = "updatefindmatchescount";
+export const PAGE_CHANGING_EVENT = "pagechanging";
+export const SCALE_CHANGING_EVENT = "scalechanging";
+export const PAGE_RENDERED_EVENT = "pagerendered";
+export const PAGES_LOADED_EVENT = "pagesloaded";
+// cspell:disable-next-line -- pdfjs EventBus event name
+export const ANNOTATION_LAYER_RENDERED_EVENT = "annotationlayerrendered";
+//# sourceMappingURL=constants.js.map

package/build/browser/pdf-viewer/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["EMPTY_ANNOTATION_ARRAY","EMPTY_STRING","SCALE_STEP","MIN_SCALE","MAX_SCALE","DEFAULT_PAGE_HEIGHT","THUMBNAIL_GAP","THUMBNAIL_SCALE","DEVICE_PIXEL_RATIO","window","devicePixelRatio","OUTLINE_HEADING_SIZE_RATIO","OUTLINE_MAX_HEADING_LENGTH","FIND_EVENT","UPDATE_FIND_CONTROL_STATE_EVENT","UPDATE_FIND_MATCHES_COUNT_EVENT","PAGE_CHANGING_EVENT","SCALE_CHANGING_EVENT","PAGE_RENDERED_EVENT","PAGES_LOADED_EVENT","ANNOTATION_LAYER_RENDERED_EVENT"],"sources":["constants.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { PdfAnnotation } from \"./types.js\";\n\n// Default empty values (stable references to avoid re-renders)\nexport const EMPTY_ANNOTATION_ARRAY: PdfAnnotation[] = [];\nexport const EMPTY_STRING = \"\";\n\n// Scale and dimension configuration\nexport const SCALE_STEP = 0.25;\nexport const MIN_SCALE = 0.25;\nexport const MAX_SCALE = 5.0;\nexport const DEFAULT_PAGE_HEIGHT = 792;\nexport const THUMBNAIL_GAP = 12;\nexport const THUMBNAIL_SCALE = 0.2;\nexport const DEVICE_PIXEL_RATIO: number = typeof window !== \"undefined\"\n  ? window.devicePixelRatio || 1\n  : 1;\n\n// Outline heading extraction\n/** Text must be at least 15% larger than the most common font size to be considered a heading. */\nexport const OUTLINE_HEADING_SIZE_RATIO = 1.15;\n/** Headings longer than this are likely paragraphs and are filtered out. */\nexport const OUTLINE_MAX_HEADING_LENGTH = 200;\n\n// pdfjs EventBus event names\nexport const FIND_EVENT = \"find\";\nexport const UPDATE_FIND_CONTROL_STATE_EVENT = \"updatefindcontrolstate\";\nexport const UPDATE_FIND_MATCHES_COUNT_EVENT = \"updatefindmatchescount\";\nexport const PAGE_CHANGING_EVENT = \"pagechanging\";\nexport const SCALE_CHANGING_EVENT = \"scalechanging\";\nexport const PAGE_RENDERED_EVENT = \"pagerendered\";\nexport const PAGES_LOADED_EVENT = \"pagesloaded\";\n// cspell:disable-next-line -- pdfjs EventBus event name\nexport const ANNOTATION_LAYER_RENDERED_EVENT = \"annotationlayerrendered\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA;AACA,OAAO,MAAMA,sBAAuC,GAAG,EAAE;AACzD,OAAO,MAAMC,YAAY,GAAG,EAAE;;AAE9B;AACA,OAAO,MAAMC,UAAU,GAAG,IAAI;AAC9B,OAAO,MAAMC,SAAS,GAAG,IAAI;AAC7B,OAAO,MAAMC,SAAS,GAAG,GAAG;AAC5B,OAAO,MAAMC,mBAAmB,GAAG,GAAG;AACtC,OAAO,MAAMC,aAAa,GAAG,EAAE;AAC/B,OAAO,MAAMC,eAAe,GAAG,GAAG;AAClC,OAAO,MAAMC,kBAA0B,GAAG,OAAOC,MAAM,KAAK,WAAW,GACnEA,MAAM,CAACC,gBAAgB,IAAI,CAAC,GAC5B,CAAC;;AAEL;AACA;AACA,OAAO,MAAMC,0BAA0B,GAAG,IAAI;AAC9C;AACA,OAAO,MAAMC,0BAA0B,GAAG,GAAG;;AAE7C;AACA,OAAO,MAAMC,UAAU,GAAG,MAAM;AAChC,OAAO,MAAMC,+BAA+B,GAAG,wBAAwB;AACvE,OAAO,MAAMC,+BAA+B,GAAG,wBAAwB;AACvE,OAAO,MAAMC,mBAAmB,GAAG,cAAc;AACjD,OAAO,MAAMC,oBAAoB,GAAG,eAAe;AACnD,OAAO,MAAMC,mBAAmB,GAAG,cAAc;AACjD,OAAO,MAAMC,kBAAkB,GAAG,aAAa;AAC/C;AACA,OAAO,MAAMC,+BAA+B,GAAG,yBAAyB","ignoreList":[]}

package/build/browser/pdf-viewer/hooks/usePdfAnnotationPortals.js

@@ -0,0 +1,54 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { useEffect, useState } from "react";
+import { PAGE_RENDERED_EVENT } from "../constants.js";
+export function usePdfAnnotationPortals(pdfViewerRef, eventBusRef, document) {
+  const [portalTargets, setPortalTargets] = useState([]);
+  useEffect(function () {
+    const eventBus = eventBusRef.current;
+    const pdfViewer = pdfViewerRef.current;
+    if (eventBus == null || pdfViewer == null) {
+      return;
+    }
+    const handlePageRendered = evt => {
+      const pageIndex = evt.pageNumber - 1;
+      const pageView = pdfViewer.getPageView(pageIndex);
+      if (pageView?.div == null || pageView?.viewport == null) {
+        return;
+      }
+      const viewport = pageView.viewport;
+      setPortalTargets(prev => {
+        // Replace existing entry for this page or add new one
+        const filtered = prev.filter(t => t.pageNumber !== evt.pageNumber);
+        return [...filtered, {
+          pageNumber: evt.pageNumber,
+          container: pageView.div,
+          pageHeight: viewport.viewBox[3],
+          // viewBox is [xMin, yMin, width, height] and we need the original height before scaling
+          scale: viewport.scale
+        }].sort((a, b) => a.pageNumber - b.pageNumber);
+      });
+    };
+    eventBus.on(PAGE_RENDERED_EVENT, handlePageRendered);
+    return () => {
+      eventBus.off(PAGE_RENDERED_EVENT, handlePageRendered);
+      setPortalTargets([]);
+    };
+  }, [eventBusRef, pdfViewerRef, document]);
+  return portalTargets;
+}
+//# sourceMappingURL=usePdfAnnotationPortals.js.map

package/build/browser/pdf-viewer/hooks/usePdfAnnotationPortals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePdfAnnotationPortals.js","names":["useEffect","useState","PAGE_RENDERED_EVENT","usePdfAnnotationPortals","pdfViewerRef","eventBusRef","document","portalTargets","setPortalTargets","eventBus","current","pdfViewer","handlePageRendered","evt","pageIndex","pageNumber","pageView","getPageView","div","viewport","prev","filtered","filter","t","container","pageHeight","viewBox","scale","sort","a","b","on","off"],"sources":["usePdfAnnotationPortals.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { PDFDocumentProxy } from \"pdfjs-dist\";\nimport type { EventBus, PDFViewer } from \"pdfjs-dist/web/pdf_viewer.mjs\";\nimport type { RefObject } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { PAGE_RENDERED_EVENT } from \"../constants.js\";\n\nexport interface AnnotationPortalTarget {\n  pageNumber: number;\n  container: HTMLDivElement;\n  pageHeight: number;\n  scale: number;\n}\n\nexport function usePdfAnnotationPortals(\n  pdfViewerRef: RefObject<PDFViewer | null>,\n  eventBusRef: RefObject<EventBus | null>,\n  document: PDFDocumentProxy | undefined,\n): AnnotationPortalTarget[] {\n  const [portalTargets, setPortalTargets] = useState<AnnotationPortalTarget[]>(\n    [],\n  );\n\n  useEffect(function subscribePageRendered() {\n    const eventBus = eventBusRef.current;\n    const pdfViewer = pdfViewerRef.current;\n    if (eventBus == null || pdfViewer == null) {\n      return;\n    }\n\n    const handlePageRendered = (evt: { pageNumber: number }) => {\n      const pageIndex = evt.pageNumber - 1;\n      const pageView = pdfViewer.getPageView(pageIndex);\n      if (pageView?.div == null || pageView?.viewport == null) {\n        return;\n      }\n\n      const viewport = pageView.viewport;\n\n      setPortalTargets((prev) => {\n        // Replace existing entry for this page or add new one\n        const filtered = prev.filter((t) => t.pageNumber !== evt.pageNumber);\n        return [...filtered, {\n          pageNumber: evt.pageNumber,\n          container: pageView.div as HTMLDivElement,\n          pageHeight: viewport.viewBox[3], // viewBox is [xMin, yMin, width, height] and we need the original height before scaling\n          scale: viewport.scale,\n        }].sort((a, b) => a.pageNumber - b.pageNumber);\n      });\n    };\n\n    eventBus.on(PAGE_RENDERED_EVENT, handlePageRendered);\n\n    return () => {\n      eventBus.off(PAGE_RENDERED_EVENT, handlePageRendered);\n      setPortalTargets([]);\n    };\n  }, [eventBusRef, pdfViewerRef, document]);\n\n  return portalTargets;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,mBAAmB,QAAQ,iBAAiB;AASrD,OAAO,SAASC,uBAAuBA,CACrCC,YAAyC,EACzCC,WAAuC,EACvCC,QAAsC,EACZ;EAC1B,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGP,QAAQ,CAChD,EACF,CAAC;EAEDD,SAAS,CAAC,YAAiC;IACzC,MAAMS,QAAQ,GAAGJ,WAAW,CAACK,OAAO;IACpC,MAAMC,SAAS,GAAGP,YAAY,CAACM,OAAO;IACtC,IAAID,QAAQ,IAAI,IAAI,IAAIE,SAAS,IAAI,IAAI,EAAE;MACzC;IACF;IAEA,MAAMC,kBAAkB,GAAIC,GAA2B,IAAK;MAC1D,MAAMC,SAAS,GAAGD,GAAG,CAACE,UAAU,GAAG,CAAC;MACpC,MAAMC,QAAQ,GAAGL,SAAS,CAACM,WAAW,CAACH,SAAS,CAAC;MACjD,IAAIE,QAAQ,EAAEE,GAAG,IAAI,IAAI,IAAIF,QAAQ,EAAEG,QAAQ,IAAI,IAAI,EAAE;QACvD;MACF;MAEA,MAAMA,QAAQ,GAAGH,QAAQ,CAACG,QAAQ;MAElCX,gBAAgB,CAAEY,IAAI,IAAK;QACzB;QACA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACR,UAAU,KAAKF,GAAG,CAACE,UAAU,CAAC;QACpE,OAAO,CAAC,GAAGM,QAAQ,EAAE;UACnBN,UAAU,EAAEF,GAAG,CAACE,UAAU;UAC1BS,SAAS,EAAER,QAAQ,CAACE,GAAqB;UACzCO,UAAU,EAAEN,QAAQ,CAACO,OAAO,CAAC,CAAC,CAAC;UAAE;UACjCC,KAAK,EAAER,QAAQ,CAACQ;QAClB,CAAC,CAAC,CAACC,IAAI,CAAC,CAACC,CAAC,EAAEC,CAAC,KAAKD,CAAC,CAACd,UAAU,GAAGe,CAAC,CAACf,UAAU,CAAC;MAChD,CAAC,CAAC;IACJ,CAAC;IAEDN,QAAQ,CAACsB,EAAE,CAAC7B,mBAAmB,EAAEU,kBAAkB,CAAC;IAEpD,OAAO,MAAM;MACXH,QAAQ,CAACuB,GAAG,CAAC9B,mBAAmB,EAAEU,kBAAkB,CAAC;MACrDJ,gBAAgB,CAAC,EAAE,CAAC;IACtB,CAAC;EACH,CAAC,EAAE,CAACH,WAAW,EAAED,YAAY,EAAEE,QAAQ,CAAC,CAAC;EAEzC,OAAOC,aAAa;AACtB","ignoreList":[]}