@embedpdf/plugin-annotation 2.3.0 → 2.4.0

package/dist/preact/index.js

@@ -1,14 +1,42 @@
-import { usePlugin, useCapability, useDocumentPermissions, useDocumentState } from "@embedpdf/core/preact";
-import { AnnotationPlugin, initialDocumentState, patching, getAnnotationsByPageIndex, getSelectedAnnotationIds, isInk, isSquare, isCircle, isUnderline, isStrikeout, isSquiggly, isHighlight, isLine, isPolyline, isPolygon, isFreeText, isStamp, isLink } from "@embedpdf/plugin-annotation";
+import { createPluginPackage } from "@embedpdf/core";
+import { AnnotationPlugin, initialDocumentState, patching, getAnnotationsByPageIndex, getSelectedAnnotationIds, resolveInteractionProp, isInk, isSquare, isCircle, isUnderline, isStrikeout, isSquiggly, isHighlight, isLine, isPolyline, isPolygon, isFreeText, isStamp, isLink, AnnotationPluginPackage as AnnotationPluginPackage$1 } from "@embedpdf/plugin-annotation";
 export * from "@embedpdf/plugin-annotation";
-import { Fragment as Fragment$1 } from "preact";
-import { useState, useEffect, useRef, useMemo, useCallback, useLayoutEffect } from "preact/hooks";
-import { jsxs, jsx, Fragment } from "preact/jsx-runtime";
+import { jsx, jsxs, Fragment } from "preact/jsx-runtime";
+import { createContext, Fragment as Fragment$1 } from "preact";
+import { useState, useCallback, useContext, useRef, useEffect, useMemo, useLayoutEffect } from "preact/hooks";
+import { usePlugin, useCapability, useDocumentPermissions, useDocumentState } from "@embedpdf/core/preact";
 import { boundingRectOrEmpty, PdfAnnotationBorderStyle, textAlignmentToCss, standardFontCss, PdfVerticalAlignment, ignore, PdfErrorCode, blendModeToCss, PdfBlendMode, PdfAnnotationSubtype, Rotation } from "@embedpdf/models";
 import { usePointerHandlers } from "@embedpdf/plugin-interaction-manager/preact";
 import { useSelectionCapability } from "@embedpdf/plugin-selection/preact";
 import { useInteractionHandles, useDoublePressProps, CounterRotate } from "@embedpdf/utils/preact";
 const suppressContentEditableWarningProps = {};
+const RegisterContext = createContext(null);
+const RenderersContext = createContext([]);
+function AnnotationRendererProvider({ children }) {
+  const [renderers, setRenderers] = useState([]);
+  const register = useCallback((entries) => {
+    setRenderers((prev) => {
+      const ids = new Set(entries.map((e) => e.id));
+      return [...prev.filter((r) => !ids.has(r.id)), ...entries];
+    });
+    return () => setRenderers((prev) => prev.filter((r) => !entries.some((e) => e.id === r.id)));
+  }, []);
+  return /* @__PURE__ */ jsx(RegisterContext.Provider, { value: register, children: /* @__PURE__ */ jsx(RenderersContext.Provider, { value: renderers, children }) });
+}
+function useRegisterRenderers(renderers) {
+  const register = useContext(RegisterContext);
+  const renderersRef = useRef(renderers);
+  useEffect(() => {
+    if (!register) return;
+    return register(renderersRef.current);
+  }, [register]);
+}
+function useRegisteredRenderers() {
+  return useContext(RenderersContext);
+}
+function useRendererRegistry() {
+  return useContext(RegisterContext);
+}
 const useAnnotationPlugin = () => usePlugin(AnnotationPlugin.id);
 const useAnnotationCapability = () => useCapability(AnnotationPlugin.id);
 const useAnnotation = (documentId) => {
@@ -55,6 +83,9 @@ function AnnotationContainer({
   vertexUI,
   selectionOutlineColor = "#007ACC",
   customAnnotationRenderer,
+  // Destructure props that shouldn't be passed to DOM elements
+  groupSelectionMenu: _groupSelectionMenu,
+  annotationRenderers: _annotationRenderers,
   ...props
 }) {
   const [preview, setPreview] = useState(trackedAnnotation.object);
@@ -309,9 +340,12 @@ function GroupSelectionBox({
   groupSelectionMenu
 }) {
   const { plugin } = useAnnotationPlugin();
+  const { canModifyAnnotations } = useDocumentPermissions(documentId);
   const gestureBaseRef = useRef(null);
   const isDraggingRef = useRef(false);
   const isResizingRef = useRef(false);
+  const effectiveIsDraggable = canModifyAnnotations && isDraggable;
+  const effectiveIsResizable = canModifyAnnotations && isResizable;
   const groupBox = useMemo(() => {
     const rects = selectedAnnotations.map((ta) => ta.object.rect);
     return boundingRectOrEmpty(rects);
@@ -330,7 +364,7 @@ function GroupSelectionBox({
       const transformType = event.transformData.type;
       const isMove = transformType === "move";
       const isResize = transformType === "resize";
-      if (isMove && !isDraggable) return;
+      if (isMove && !effectiveIsDraggable) return;
       if (event.state === "start") {
         gestureBaseRef.current = groupBox;
         if (isMove) {
@@ -379,7 +413,15 @@ function GroupSelectionBox({
         }
       }
     },
-    [plugin, documentId, pageWidth, pageHeight, groupBox, isDraggable, selectedAnnotations]
+    [
+      plugin,
+      documentId,
+      pageWidth,
+      pageHeight,
+      groupBox,
+      effectiveIsDraggable,
+      selectedAnnotations
+    ]
   );
   const HANDLE_COLOR = (resizeUI == null ? void 0 : resizeUI.color) ?? "#007ACC";
   const HANDLE_SIZE = (resizeUI == null ? void 0 : resizeUI.size) ?? 12;
@@ -417,7 +459,7 @@ function GroupSelectionBox({
     /* @__PURE__ */ jsx(
       "div",
       {
-        ...isDraggable ? dragProps : {
+        ...effectiveIsDraggable ? dragProps : {
           onPointerDown: (e) => e.stopPropagation()
         },
         style: {
@@ -428,11 +470,11 @@ function GroupSelectionBox({
           height: previewGroupBox.size.height * scale,
           outline: `2px dashed ${selectionOutlineColor}`,
           outlineOffset: outlineOffset - 1,
-          cursor: isDraggable ? "move" : "default",
+          cursor: effectiveIsDraggable ? "move" : "default",
           touchAction: "none",
           zIndex
         },
-        children: isResizable && resize.map(
+        children: effectiveIsResizable && resize.map(
           ({ key, ...hProps }) => (resizeUI == null ? void 0 : resizeUI.component) ? resizeUI.component({
             key,
             ...hProps,
@@ -1538,14 +1580,34 @@ function Annotations(annotationsProps) {
     if (selectedAnnotationsOnPage.length < 2) return false;
     return selectedAnnotationsOnPage.every((ta) => {
       const tool = annotationProvides == null ? void 0 : annotationProvides.findToolForAnnotation(ta.object);
-      return (tool == null ? void 0 : tool.interaction.isGroupDraggable) ?? (tool == null ? void 0 : tool.interaction.isDraggable) ?? true;
+      const groupDraggable = resolveInteractionProp(
+        tool == null ? void 0 : tool.interaction.isGroupDraggable,
+        ta.object,
+        true
+      );
+      const singleDraggable = resolveInteractionProp(
+        tool == null ? void 0 : tool.interaction.isDraggable,
+        ta.object,
+        true
+      );
+      return (tool == null ? void 0 : tool.interaction.isGroupDraggable) !== void 0 ? groupDraggable : singleDraggable;
     });
   }, [selectedAnnotationsOnPage, annotationProvides]);
   const areAllSelectedResizable = useMemo(() => {
     if (selectedAnnotationsOnPage.length < 2) return false;
     return selectedAnnotationsOnPage.every((ta) => {
       const tool = annotationProvides == null ? void 0 : annotationProvides.findToolForAnnotation(ta.object);
-      return (tool == null ? void 0 : tool.interaction.isGroupResizable) ?? (tool == null ? void 0 : tool.interaction.isResizable) ?? true;
+      const groupResizable = resolveInteractionProp(
+        tool == null ? void 0 : tool.interaction.isGroupResizable,
+        ta.object,
+        true
+      );
+      const singleResizable = resolveInteractionProp(
+        tool == null ? void 0 : tool.interaction.isResizable,
+        ta.object,
+        true
+      );
+      return (tool == null ? void 0 : tool.interaction.isGroupResizable) !== void 0 ? groupResizable : singleResizable;
     });
   }, [selectedAnnotationsOnPage, annotationProvides]);
   const allSelectedOnSamePage = useMemo(() => {
@@ -1558,6 +1620,47 @@ function Annotations(annotationsProps) {
       const isSelected = allSelectedIds.includes(annotation.object.id);
       const isEditing = editingId === annotation.object.id;
       const tool = annotationProvides == null ? void 0 : annotationProvides.findToolForAnnotation(annotation.object);
+      for (const renderer of annotationsProps.annotationRenderers ?? []) {
+        const element = renderer.tryRender(annotation, {
+          isSelected,
+          scale,
+          pageIndex,
+          onClick: (e) => handleClick(e, annotation)
+        });
+        if (element) {
+          return /* @__PURE__ */ jsx(
+            AnnotationContainer,
+            {
+              trackedAnnotation: annotation,
+              isSelected,
+              isMultiSelected,
+              isDraggable: resolveInteractionProp(
+                tool == null ? void 0 : tool.interaction.isDraggable,
+                annotation.object,
+                false
+              ),
+              isResizable: resolveInteractionProp(
+                tool == null ? void 0 : tool.interaction.isResizable,
+                annotation.object,
+                false
+              ),
+              lockAspectRatio: resolveInteractionProp(
+                tool == null ? void 0 : tool.interaction.lockAspectRatio,
+                annotation.object,
+                false
+              ),
+              selectionMenu,
+              onSelect: (e) => handleClick(e, annotation),
+              style: {
+                mixBlendMode: blendModeToCss(annotation.object.blendMode ?? PdfBlendMode.Normal)
+              },
+              ...annotationsProps,
+              children: () => element
+            },
+            annotation.object.id
+          );
+        }
+      }
       if (isInk(annotation)) {
         return /* @__PURE__ */ jsx(
           AnnotationContainer,
@@ -1565,9 +1668,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              true
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             style: {
@@ -1594,9 +1709,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              true
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             style: {
@@ -1623,9 +1750,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              true
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             style: {
@@ -1652,9 +1791,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? false,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              false
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             zIndex: 0,
@@ -1674,9 +1825,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? false,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              false
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             zIndex: 0,
@@ -1696,9 +1859,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? false,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              false
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             zIndex: 0,
@@ -1718,9 +1893,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? false,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              false
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             zIndex: 0,
@@ -1740,9 +1927,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             vertexConfig: {
@@ -1784,9 +1983,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             vertexConfig: {
@@ -1822,9 +2033,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? false,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              false
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             vertexConfig: {
@@ -1860,9 +2083,17 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: ((tool == null ? void 0 : tool.interaction.isDraggable) ?? true) && !isEditing,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(tool == null ? void 0 : tool.interaction.isDraggable, annotation.object, true) && !isEditing,
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              true
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             style: {
@@ -1898,9 +2129,21 @@ function Annotations(annotationsProps) {
             trackedAnnotation: annotation,
             isSelected,
             isMultiSelected,
-            isDraggable: (tool == null ? void 0 : tool.interaction.isDraggable) ?? true,
-            isResizable: (tool == null ? void 0 : tool.interaction.isResizable) ?? true,
-            lockAspectRatio: (tool == null ? void 0 : tool.interaction.lockAspectRatio) ?? false,
+            isDraggable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isDraggable,
+              annotation.object,
+              true
+            ),
+            isResizable: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.isResizable,
+              annotation.object,
+              true
+            ),
+            lockAspectRatio: resolveInteractionProp(
+              tool == null ? void 0 : tool.interaction.lockAspectRatio,
+              annotation.object,
+              false
+            ),
             selectionMenu,
             onSelect: (e) => handleClick(e, annotation),
             style: {
@@ -2207,6 +2450,7 @@ function AnnotationLayer({
   vertexUI,
   selectionOutlineColor,
   customAnnotationRenderer,
+  annotationRenderers,
   ...props
 }) {
   var _a, _b, _c, _d;
@@ -2214,6 +2458,16 @@ function AnnotationLayer({
   const page = (_b = (_a = documentState == null ? void 0 : documentState.document) == null ? void 0 : _a.pages) == null ? void 0 : _b[pageIndex];
   const width = ((_c = page == null ? void 0 : page.size) == null ? void 0 : _c.width) ?? 0;
   const height = ((_d = page == null ? void 0 : page.size) == null ? void 0 : _d.height) ?? 0;
+  const contextRenderers = useRegisteredRenderers();
+  const allRenderers = useMemo(() => {
+    const merged = [...contextRenderers];
+    for (const renderer of annotationRenderers ?? []) {
+      const idx = merged.findIndex((r) => r.id === renderer.id);
+      if (idx >= 0) merged[idx] = renderer;
+      else merged.push(renderer);
+    }
+    return merged;
+  }, [contextRenderers, annotationRenderers]);
   const actualScale = useMemo(() => {
     if (overrideScale !== void 0) return overrideScale;
     return (documentState == null ? void 0 : documentState.scale) ?? 1;
@@ -2244,7 +2498,8 @@ function AnnotationLayer({
             resizeUI,
             vertexUI,
             selectionOutlineColor,
-            customAnnotationRenderer
+            customAnnotationRenderer,
+            annotationRenderers: allRenderers
           }
         ),
         /* @__PURE__ */ jsx(TextMarkup, { documentId, pageIndex, scale: actualScale }),
@@ -2253,11 +2508,32 @@ function AnnotationLayer({
     }
   );
 }
+function createRenderer(entry) {
+  return {
+    id: entry.id,
+    tryRender: (annotation, props) => {
+      if (entry.matches(annotation.object)) {
+        return entry.render({
+          ...props,
+          annotation
+        });
+      }
+      return null;
+    }
+  };
+}
+const AnnotationPluginPackage = createPluginPackage(AnnotationPluginPackage$1).addWrapper(AnnotationRendererProvider).build();
 export {
   AnnotationLayer,
+  AnnotationPluginPackage,
+  AnnotationRendererProvider,
   GroupSelectionBox,
+  createRenderer,
   useAnnotation,
   useAnnotationCapability,
-  useAnnotationPlugin
+  useAnnotationPlugin,
+  useRegisterRenderers,
+  useRegisteredRenderers,
+  useRendererRegistry
 };
 //# sourceMappingURL=index.js.map